/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,84): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(14,118): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(14,155): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(15,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(18,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(20,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(27,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(28,24): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(33,220): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(39,51): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(43,38): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(45,98): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(61,81): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(74,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(74,108): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(83,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(104,94): run-time error CSS1039: Token not allowed after unary operator: '-button-text-color'
(104,155): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(148,28): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(227,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(237,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(241,70): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(242,69): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(243,46): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(243,74): run-time error CSS1039: Token not allowed after unary operator: '-button-text-color'
(251,123): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(253,136): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(255,58): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(255,86): run-time error CSS1039: Token not allowed after unary operator: '-button-text-color'
(262,37): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(278,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(278,82): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(363,64): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(389,29): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(418,67): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(431,64): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(458,70): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(464,66): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(470,207): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(473,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(476,123): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(483,73): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(485,178): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(494,99): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(595,122): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(595,168): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(623,150): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(624,48): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(638,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(863,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
:root {
    --primary-color: #273488;
    --secondary-color: #273488;
    --text-color: #343434;
    --background-color: #fff;
    --button-color: #273488;
    --button-text-color: #fff;
    --font-family: 'Poppins', sans-serif;
}

html {scroll-behavior: smooth;}

body { font-family: Arial; }
body {padding: 0; margin: 0; overflow-x:hidden; font-size: 14px; font-family: var(--font-family), Arial; color: var(--text-color); background-color: var(--background-color) }
input { font-family: var(--font-family), sans-serif !important; font: normal 14px Arial; }
#bodyAdmin { padding-bottom:80px; padding-left: 50px; }
body * { box-sizing: border-box; }
a { text-decoration: none; color: var(--primary-color);}
.strap{float:right}
nav .active { color: var(--primary-color); border-bottom: 3px solid var(--primary-color); padding-bottom: 3px;}
a:hover { text-decoration: underline; }
.center_container, .center_container_admin { width: 1200px; margin: 0 auto; position: relative;}
.center_container_admin { padding-left:30px;} 
    header .admin_logo { position: absolute; top: 10px; height: 60px; }
    #headerAdmin .center_container{height:85px}
    #headerAdmin {border-bottom:3px solid var(--primary-color); width: 100%;}
nav ul {color:var(--secondary-color); font-size:18px; padding:0; margin: 0; }
nav ul a { color: var(--text-color); }
nav ul li{display:inline; margin-left:20px; transition: all .2s ease-in-out;}
.underline {text-decoration:underline;}
.hidden { display: none; }
#overlay .main .form-group input[type=checkbox] { display: none; }
.form-group .checkbox-label { display: inline-block; border: 1px solid black; margin-right: 10px; height: 30px; width: 30px; vertical-align: middle; user-select: none; text-align: center; line-height: 30px; color: var(--primary-color); font-size: 24px; font-weight: bold; }
input:checked ~ .checkbox-label::before { content: "\2713"; }
.terms_conditions { font-size: 14px; padding: 10px; padding-left: 0px; line-height: 30px; }

.stickyHeader { position: sticky; top: 0; z-index: 1000000; position: -webkit-sticky;}

.topNav a:hover{text-decoration:none; color: var(--button-color);}

.dropdown {position: relative}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; left: 0; top: 28px;}
    .dropdown-content a {color: var(--text-color); padding: 12px 16px !important; text-decoration: none; border: 1px solid #0173bc; display: block; text-align: left;}
        .dropdown-content a:not(:first-child) { border: 1px solid #0173bc; border-top: 0px;}
        .dropdown-content a:hover {background-color: #f1f1f1; color:black;border: 1px solid var(--primary-color);  }
.dropdown:hover .dropdown-content { display: block;}

.colourPaletteSpan {display:flex}
.colorPalette {width: 30px; height: 30px; margin-left: -30px; margin-top: 0px; border: 1px solid black;}

    .cookie_policy_alert { max-height: 0px; transition: 0.3s ease-out; background-color: #737b82; color: white; text-align: center; line-height: 30px; font-size: 12px; overflow:hidden }
.cookie_policy_alert > * { vertical-align: middle; }

h1, h2, h3 { line-height: 110%; font-weight: 500; }
h1{font-size:30px;}
h2 { font-weight: 500; margin: 18px 0; }

.article_text h2 { font-size: 28px; }
nav#bottom li a { padding: 16px 20px; }

h1.page_title { font-size: 32px; margin: 20px 0px; font-weight:500; color: var(--text-color); }

.cm_section .center_container { display: flex; justify-content: center; align-items: center; }


.red, .text-danger { color: #b81817; }
.green {color:#1e6700}
.text-danger { font-size: 14px; }
.redBackground { background-color: #b81817; }

.table.admin { width: 100%; margin-bottom: 20px; }
.table a { color: black; }
.table td { padding: 5px; border: 1px solid black; }
.table th { text-align: left; border: 1px solid var(--primary-color); padding: 5px; background-color: var(--primary-color); color: white; }
.table { border-collapse: collapse; }
.table tr:nth-child(odd) { background-color: #E0E0E0; }
.table tr:nth-child(even) { background-color: #fff; }
.table .edit { width: 50px; }
.table .delete { width: 70px; }
.table .delete a { color: #cd2024; }
a {cursor:pointer}

.pager .first, .pager .last { background-color: var(--primary-color); color: white; }

.center, .table th.center, .table td.center { text-align: center; }

#system_message { width: 100%; padding:10px 30px 10px 10px; box-sizing: border-box; font-size: 16px; position: relative; margin-bottom: 15px; margin-top: 10px;}
#system_message.error { background-color: #ffcac9; border: 1px solid #b81817; }
#system_message.info { background-color: #c1f6ff; border: 1px solid #00a7c4; }
#system_message.success { background-color: #bdf7ee; border: 1px solid #47af9f; }
#system_message.warning { background-color: #ffeebc; border: 1px solid #FFBF00; }
    #system_message.warning span { color: #FFBF00; }
    #system_message.error span { color: #b81817; }
    #system_message.success span { color: #47af9f; }
    #system_message.info span { color: #00a7c4; }    
    #system_message .exit { position: absolute; top: 10px; right: 10px; font-size: 20px; font-weight:bold; cursor:pointer; }

    .error_message { font-size: 14px; color: red; margin-bottom: 10px; }

.center .g-recaptcha > div { margin: auto; }
.fright { float: right; }
    .fleft {float: left;}

    .btn, button, input[type=submit] { display: inline-block; padding: 5px 20px; color: var(--button-text-color); font-size: 18px; background-color: var(--button-color); border: 0; outline: 0;cursor:pointer; border-radius: 3px; }
    .btn-blue {background-color: dodgerblue; color:white;}
    input[type=submit] { border: 0; outline: 0; cursor: pointer; }
.control-label{ margin-bottom: 5px; }
    input[type=text], input[type=password], input[type=email], input[type=date], input[type=datetime], input[type=number], input[type=tel], textarea { border: 1px solid black; height: 30px; padding: 2px; background-color: white; width: 300px; }
    textarea { height: 70px;}
    .form-group { margin-bottom: 10px; }
    .login .form-group > div { margin-top: 5px;}
    select { /*-moz-appearance: none; -webkit-appearance: none;*/ border: 1px solid black; padding: 3px 30px 3px 3px; height: 30px; width: 300px; }
    .form-horizontal .form-group:after, .page_content_editor { clear: both; content: " "; display: table; }
    .form-group { clear:both; }
.col-md-2 { float: left; width: 25%; }
.col-md-2.control-label { margin-bottom: 0; line-height: 30px; }
.col-md-10 { width: 75%; float: left; }
div.col-md-10 { min-height: 30px; line-height: 30px; }
.align_r { text-align: right; }

.page_content_editor #left_col, .page_content_editor #right_col, .page_content_editor #main_col { border: 1px solid #E0E0E0; }
.page_content_editor { width: 100%; }
#left_col, #right_col, #main_col { float: left; width: 23%; }
.page_content_editor #left_col, .page_content_editor #right_col, .page_content_editor #main_col { padding-bottom: 40px; }
#left_col { margin-right: 2%; }
#right_col { margin-left: 2%; }
#main_col { width: 50%; }
#main_col.one_col { width: 100%; }
#main_col.two_col { width: 75%; }
.col-md-2 input, .col-md-2 select, .col-md-2 button { width: 90%; }

.col_header { background-color: gray; color: white; padding: 2px; position: relative; height: 30px; font-size: 12px; line-height: 30px; }
.page_content_editor .article { margin: 2px; border: 1px dashed black; position: relative; }
.article_title { font-weight: 500; font-size: 16px; width: 100%; padding: 5px; }
.article_text img { max-width: 100%; }
.article .actions { position: absolute; bottom: 10px; width: 100%; text-align: center; display: none; }
.article:hover .actions { display: block; }
.article .actions > div { display: inline-block; margin: 0 10px; width: 30px; height: 30px; background-size: 30px 30px; }
.article .actions > div:hover { opacity: 0.5; }
.edit_article { background-image: url('/img/icons/30/Edit.png'); cursor: pointer; background-color: white;border-radius: 15px; }
.remove_article { background-image: url('/img/icons/30/Remove.png'); cursor: pointer; background-color: white;border-radius: 15px; }
.move_article { background-image: url('/img/icons/30/Move.png'); cursor: move; background-color: white;border-radius: 15px;}
.add_article { background-image: url('/img/icons/30/Plus.png'); cursor: pointer; background-color: white;border-radius: 15px; }
.placeholder { background-color: white; border: 1px dashed gray; }
.admin_nav { display: inline-block; min-width: 350px; height: 45px;}
.admin_nav a { display: block; height: 45px; line-height: 40px; }
.admin_nav a > * { vertical-align: middle; }
.admin_nav a { color: var(--text-color); font-size: 20px; }
.admin_nav a:hover { text-decoration: none; }
.admin_nav:hover { background-color: #f0f0f0; }
.admin_nav span{margin-left:6px;}
.icon_30 { width: 30px; height: 30px; }

/*.admin_SideNav { width: 50px; height: 100%; position: fixed; left: 0; top: 0; background-color: #a7a7a7; z-index: 1002; color: white; }
    .admin_SideNav .container { min-width: 50px; max-height: 46px; background-color: #a7a7a7; transition: 0.3s ease-out; overflow: hidden; }
.admin_SideNav .container p{display:none; margin:0; width: 250px;}
.admin_SideNav .textContainer{line-height:36px; font-size:18px; padding-top:5px; overflow:hidden}
.adminNavIcon {height:36px; width: 36px; margin: 5px 7px; float:left; cursor:pointer;}
.admin_SideNav .container:hover{min-width:300px}
.admin_SideNav .container:hover p {display:block}*/


.admin_SideNav { height: 100%; width: 50px; position: fixed; z-index: 1002; top: 0; left: 0; background-color: #a7a7a7; padding-top: 20px; color:white;}
    .admin_SideNav img:hover { color: #f1f1f1;}
.admin_nav_dropdown_container { min-width: 50px; background-color: #a7a7a7; text-align: left; transition: 0.5s; white-space:nowrap;}
.admin_nav_dropdown_container:hover { min-width: 300px;}
.admin_nav_dropdown_container:hover .admin_nav_dropdown_content { visibility: visible; max-height:500px;}
.admin_nav_dropdown_container:hover .admin_nav_title_container{ background-color:#808080;}
.admin_nav_dropdown_content { visibility: hidden; max-height:0; transition:0.5s; overflow:hidden; white-space:nowrap;}
.admin_nav_dropdown_container:not(:first-child) { margin-top:10px}
.admin_nav_dropdown_item a { display: inline-flex;}
.admin_nav_dropdown_item a img, .admin_nav_title_container img{ height:50px}
.admin_nav_dropdown_item:hover { background-color: #909090;}
.admin_nav_dropdown_item a p { font-size: 16px; margin: 0 0 0 15px; line-height: 50px; min-width: 235px;}
.admin_nav_title_container{display:flex; width:100%;overflow:hidden;}
.admin_nav_title_container p { font-size: 18px; margin: 0 0 0 15px; line-height:50px; text-align:center;}

.section_editor { border-top: 1px dashed gray; border-bottom: 1px dashed gray; padding: 10px 0px;}
.col_editor { float: left; box-sizing: border-box; padding: 5px; position: relative; padding-bottom: 40px; }
.col_editor .col_header, .section_editor h3 { display: block; }
.section_editor:hover .col_header, .section_editor:hover h3 { display: block; }

.col_editor .actions { position: absolute; bottom: -8px; left: 0; width: 100%; text-align: center; display: none; min-width:157px }
.col_editor:hover .actions { display: block; }
.col_editor .actions > div { display: inline-block; margin: 0 10px; width: 30px; height: 30px; background-size: 30px 30px; }
    .col_editor .actions > div:hover { opacity: 0.5; }    

    .hide_panel { display: none; }

.content_editor_panel { width: 100%; position: fixed; bottom: 0px; left: 0px; border-top: 4px solid #737b82; padding: 4px 20px; background-color: white; z-index: 201;}
.content_editor_panel .form-group:first-child { margin-bottom: 0; font-weight: bold; position: relative; cursor: pointer; }
.content_editor_panel .triangle { width: 0; height: 0; position: absolute; right: 0px; top: 6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid black; border-top: none; }
.content_editor_panel .triangle.open { border-bottom: none; border-top: 8px solid black; }

.has_drop_menu { position: absolute; right: 10px; top: 0; font-size: 20px; width: 30px; height: 30px; line-height: 4px;cursor: pointer; user-select: none; }
.has_drop_menu img {height:30px}
.section_title .has_drop_menu {top:-5px}
.section_title {background-color:white}
.drop_menu { position: absolute; display: none; text-align: right; right: 0px; top: 10px; width: 200px; border: 1px solid gray; box-shadow: black 1px 1px 4px; padding: 10px; background-color: white; z-index: 1000; color: black; font-size: 12px; cursor: default; line-height: 20px; }
.drop_menu input[type=text], .drop_menu input[type=number] { width: 100px; display: inline; height: 20px; }
.col_header .has_drop_menu { color: white; }
.section_title { position: relative; }
.section_title h3 { margin: 0; }
.drop_menu ul { list-style: none; padding-left: 0; margin: 0; }
.section_title .drop_menu { width: 300px; }
.col_editor .drop_menu { width: 250px; }
*[onclick] { cursor: pointer; }

.css_panel { margin-bottom: 20px; }
textarea.custom_css { width: 100%; height: 400px; }

.cm_section { padding: 0px; }
.cm_section.padding, .cm_column.padding { padding: 20px; }
.cm_column { padding: 5px; }
.cm_column:last-child { padding-right: 5px; }
.article_text p { margin: 0; margin-bottom: 20px; }
.article_text p:last-child { margin-bottom: 0px; }
.cm_column { display: block; justify-content: center; align-items: center; max-width: 100%; }
.cm_article { width: 100%; }

.random_testimonials { width: 100%; }
.random_testimonials li { position:relative; }
.testimonial_item { margin-top: 40px; position: relative; }
.testimonial_item:first-child { margin-top: 20px; }
.testimonial_bubble { background-color: #e6e6e6; border-radius: 30px; padding: 20px 30px; }
.testimonial_arrow { position: absolute; bottom: 16px; right: 60px; border-bottom: 0; border-top: 20px solid #e6e6e6; border-left: 16px solid transparent; border-right: 16px solid transparent; }
.testimonial_from { color: var(--primary-color); font-size: 22px; text-align: right; padding-right: 120px; height: 35px; }
.testimonial_list { margin-bottom: 40px; }
.load_more { text-align: center; margin-top: 20px; font-weight: bold; }
.load_more button { font-size: 18px; background-color: #4d4d4d; }
/*jcarousel*/
.jcarousel { position: relative; overflow: hidden; display: block; width: 100%; }
.jcarousel ul { width: 10000em; position: relative; list-style: none; margin: 0; padding: 0; display: block; }
.jcarousel li { float: left; display: block; position: relative; }
.pagination { text-align: center; }
.pagination a { display: inline-block; width:15px; height: 15px; background-color: #e6e6e6; margin: 0 5px; content: ''; border-radius:10px; }
.pagination a.active { background-color: var(--primary-color); text-decoration: none; }
.pagination a:hover { text-decoration: none; }
.slider.jcarousel .center_container { justify-content: flex-start; height: 100%; }
.slider.jcarousel .text { text-align: left; width: 65%; z-index: 100000; }
.slider .large_text { font-size: 40px; font-weight: 500; color: var(--text-color) ; }
.slider .sub_text { font-size: 18px; font-weight: bold; color: var(--text-color); }
.slider .slider_btn { background-color: var(--button-color); color: var(--button-text-color); font-weight: bold; border-radius: 5px; padding: 5px 15px; margin-top: 20px; display: inline-block; }
.slider .slider_btn:hover { text-decoration: none; }

.article_widget iframe { width: 100%; }

.center_container > .center_container { width: 100%; }

.custom_form .form_body input:not([type='checkbox']), .custom_form .form_body textarea {font-family: Arial}
.custom_form .form_body input:not([type='checkbox']), .custom_form .form_body textarea { outline:none; font-family:  var(--font-family), Arial; font-size: 18px; width: 96%; border: 0px; background-color: transparent;  height: 30px; }
.custom_form .form_body textarea { height: 150px; }
.custom_form .form_body input:hover, .custom_form .form_body input:active, .custom_form .form_body textarea:hover { border-color: var(--primary-color); outline:none}
.custom_form .form_footer { margin-top: 10px; text-align: right; position: relative; }
.custom_form input[type=submit] { background-color: var(--button-color); color: var(--button-text-color); font-size: 20px; font-weight: bold; padding: 5px 10px; display: inline-block;  }
.form_footer .required_note { font-size: 12px; position: absolute; left: 0; top: 5px; }

.news_item { margin-top: 40px; }
.news_item:first-child { margin-top: 0; }
.news_title { font-size: 26px; font-weight: 500; }
.news_text { margin-top: 14px; }
.news_item .read_more { color: var(--secondary-color); font-weight: bold; font-size: 14px; margin-top: 5px; }
.btn.gray { background-color: #4d4d4d; color: white; }
.full_news_article .main_image { float: left; margin-right: 20px; margin-bottom: 30px; }
.news_item .image { float: left; width: 200px; height: 200px; text-align: center; margin-right: 60px; overflow: hidden; line-height: 200px; }
.news_item img { max-height: 100%; max-width: 100%; vertical-align: middle; }
.content_management div.galleryItem .galleryImage { position: relative; left: auto; top: auto; height: auto; width: auto; transform: none; -webkit-transform: none; }
.content_management div.galleryItem { height: auto; }

#g-recaptcha-response {display: block !important; position: absolute; margin: -78px 0 0 0 !important; width: 302px !important; height: 76px !important; z-index: -999999; opacity: 0;}

.news_container { background-color: #e6e6e6; padding-top: 10px; padding-bottom: 40px; }

.responsive { margin-right: 20px; float: left; width: 383px; margin-bottom: 20px; }
#bodyAdmin .responsive { width: 350px; }
.responsive:nth-child(3n), #bodyAdmin .responsive:nth-child(3n) { margin-right: 0; }

.share_news { background-color: var(--primary-color); padding: 10px; color: var(--text-color); font-size: 22px; font-weight: 500; text-align: right; height: 50px; line-height: 30px; }
.share_news img { width: 30px; height: 30px; margin-right: 10px; }



@media only screen and (max-width: 1200px) {
    .responsive { width: 49.99999%; margin: 6px 0; text-align:center;}
}

@media only screen and (max-width: 800px) {
    .responsive { width: 100%;}    
}

.clearfix:after { content: ""; display: table; clear: both;}

/*Hide Scrollbar where possible*/
.galleryAlbumOptions::-webkit-scrollbar { width: 0px;} /*Chrome*/


#largeImage {margin: auto; display: grid; width: auto; max-width: 100%; max-height: 100%;}
#largeImage, #caption {-webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;}
@media only screen and (max-width: 1100px) {
    #largeImage {width: 100%; height: auto;}
}

@-webkit-keyframes zoom {
    from {-webkit-transform: scale(0)}
    to {-webkit-transform: scale(1)}
}

@keyframes zoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
}

.close {position: absolute; background-color:whitesmoke; top: 10px; right: 10px; width:47px !important; height:47px; padding:0; border:1px solid black; cursor:pointer;}

.btnFullWidth{width:100%; margin-top: 10px;}
.centerButton{text-align:center;}

.popupInputContainer{ width:50%; border:2px solid dodgerblue; background-color:#f2f2f2; margin: 0 auto; padding:10px}
.popupInputContainer input[type=text]{ width:100%;}


/*LAYOUT*/

/* ---------Footer Styling ----------*/

#adminFooter{position:fixed; bottom: 0; left: 0;}


.fa-chevron-right{ margin-left: 5px;}

.contentManageItemSelecterContainer{width:100%; background-color:white; border: 5px solid royalblue; padding:20px 0;}

.contentManageItemSelecterContainer ul {padding:0; list-style:none; width:100%;border-bottom: 1px solid royalblue;}
.contentManageItemSelecterContainer li{width:100%; height:50px; cursor:pointer; line-height:50px; font-size:20px;padding-left:20px; background-color:#efefef; border-top:1px solid royalblue;}
.contentManageItemSelecterContainer li:hover{background-color:#dddddd}


.contentItem {width:100%; height:37px; background-color:dodgerblue; color:white; font-weight:lighter; font-size:18px}
.contentItem h5{margin:0; font-size: 20px; display: inline; line-height: 37px; margin-left: 20px;}
.contentItem span {float:right; border-left: 2px solid white; padding:5px 20px;} 

.contentItem span:hover{color:#e6e6e6}


#dropArea {width:100%;min-height:100px; border:2px dashed black; background-color:blanchedalmond;}

.galleryContainer{ width:100%; min-height:200px; }
.galleryItem { height: 233px; position:relative; overflow: hidden; text-align:center;}

.galleryItem:hover .galleryAlbumOptions{max-height:100%; overflow:auto;}
.galleryAlbumOptions { position: absolute; padding: 0 10px 0 10px; left: 0px; color:white; top: 0px; text-align: left; height: 100%; width: 100%; max-height: 0; background-color: rgba(50, 50, 50, 0.78); transition: 0.3s ease-out; overflow: hidden;}

div.galleryItem .galleryImage { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
    div.galleryItem img.portrait { width: 100%; height: auto;}


.clearfix:after { content: ""; display: table; clear: both;}

/*Hide Scrollbar where possible*/
.galleryAlbumOptions::-webkit-scrollbar { width: 0px;} /*Chrome*/
.galleryAlbumOptions { scrollbar-width: none} /*FireFox*/

.albumsContainer{width:100%;display:flex;background-color:var(--primary-color); margin-bottom:20px;}
.albumsContainer button{cursor:pointer; color:#eaeaea}
.albumsContainer button:hover .notActive{color:white;}
.albumsContainer .active {font-size:115%; color:white; text-decoration:underline}


/* Checkbox container */
.checkboxContainer { display: block; position: relative; padding-left: 35px; margin-bottom: 10px; cursor: pointer; font-size: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* Hide the browser's default checkbox */
.checkboxContainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top: 0; left: 0; height: 26px; width: 26px; background-color: #d7d7d7; border:1px solid black}
.checkboxContainer:hover input ~ .checkmark { background-color: #ccc;}
.checkboxContainer input:checked ~ .checkmark { background-color: #2196F3;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none;}

/* Show the checkmark when checked */
.checkboxContainer input:checked ~ .checkmark:after { display: block;}
.checkboxContainer .checkmark:after { left: 8px; top: 3px; width: 5px; height: 11px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 100; padding: 50px; left: 0; top: 0; display: none;}
.overlay button{ width:100px;}

.overlay textarea{width:100%;}
textarea{font-family:  var(--font-family), Arial;}

.active-drop{background-color:#cccccc; cursor:copy}

.imageContainer{width:100%; height:90%; position: relative;}
    .imageContainer img {max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}


.btnFullWidth{width:100%; margin-top: 10px;}
.centerButton{text-align:center;}

.popupInputContainer{ width:50%; border:2px solid dodgerblue; background-color:#f2f2f2; margin: 0 auto; padding:10px}
.popupInputContainer input[type=text], .popupInputContainer input[type=email]{ width:100%;}


.imageDescriptionContainer {background-color: white; width: 70%; margin: 10px auto; padding: 5px; border: 1px solid black;}

.loadMoreImagesButton{background:white; font-weight:bold; font-size:22px; color:black; border:1px solid black}
    .loadMoreImagesButton:hover {border: 1px solid dodgerblue; background-color:#fcfcfc}

.imageMovePlaceholder { width: 360px; height: 233px; background-color: yellow; border: 1px dashed black; margin-bottom: 20px; float:left;}
.newsMovePlaceholder { width: 100%; height: 80px; background-color: yellow !important; border: 1px dashed black;}

.imageUploadBtn {background-color:#e5e5e5; border:1px solid black; cursor:pointer; padding:1px 2px; margin: 2px 0; width: 100px;}

.robotsTextArea{ width:100%; min-height:300px; border:1px solid #0173bc}

.nav-container .hamburger { display: none; }

.hamburgerVisible .slice { display: block; background-color: var(--primary-color); margin-bottom: 5px; height: 4px; width: 26px; }
.nav-container .hamburgerVisible { display: block; }

@media only screen and (max-width: 1200px) {
    .center_container { width: 100%; }
    nav ul { font-size: 16px; }
    .slider .text { margin-left: 20px;}
    .cm_column { padding-right: 3%; }
}

@media only screen and (max-width: 1000px) {
    .nav-container nav { display: none; }    
    .nav-container .hamburger { display: block; position: absolute; right: 16px; top: 15px; width: 26px; height: 22px; cursor: pointer; }
    .hamburger .slice { display: block; background-color: var(--primary-color); margin-bottom: 5px; height: 4px; width: 26px; }
    .overlay{padding-top:150px;}
    .close{top:80px;}
}

@media only screen and (max-width: 800px) {
    body { font-size: 14px; }
    .slider .large_text, .news_title { font-size: 30px; }
    .slider .sub_text { font-size: 14px; }
    .news_item .image { float: none; width: 100%; text-align: center; height: auto; }
    .image img { width: auto; max-width: 100%; }
}

@media only screen and (max-width: 600px) {
    .cm_section .center_container { display: block; width: 100%; }
    .cm_column { display: block; width: 100%; margin-top: 20px; text-align: center; }
    .cm_column:first-child { margin-top: 0px; }
    h1 { text-align: center; }
    .cm_column li { text-align: left; }
    .custom_form { text-align: left; }
    .news_title { font-size: 24px; }
    .slider.jcarousel .text {width: 90%; position: absolute;}
    .slider.jcarousel .text .large_text {font-size:19px;}

    .slider .slider_btn {margin-top: 5px;  }
}

.robotsTextArea{ width:100%; min-height:300px; border:1px solid var(--secondary-color)}

.glyphicon-log-out:before {
    content: "\e163"
}

.logoutButton{background-color:white; font-size:18px; color:var(--primary-color); border:1px solid;border-radius:3px; margin:10px 0 10px; display:flex;}
.logoutButton:hover{background-color:#f8f8f8}

.TableContainer { width: 100%; height: auto; background-color: white; padding: 0.3%; margin-top: 2%; overflow: hidden; }

div.pager { text-align: left; margin: 1em 0; user-select: none; }
    div.pager span { display: inline-block; width: 1.8em; height: 1.8em; line-height: 1.8; text-align: center; cursor: pointer; background: #f3f2f2; color: grey; margin-right: 0.5em; border: 1px solid var(--primary-color); }
        div.pager span.active { background: white; color: black; }
        div.pager span.hide { display: none; }
        div.pager span:hover { background-color: white; color: var(--primary-color); }

.login-container { position: relative; top: 50%; left: 50%; transform: translate(-50%,0%); border-radius: 10px; padding: 0 50px 20px 50px; background-color: #e6e6e6;}
.login-container-grey { position: relative; margin: 20px auto; border-radius: 10px; padding: 15px; background-color: var(--primary-color); width: 520px;}
.login-container h2 { text-align: center; margin-top:0; padding-top:20px;}
.login-img { display: block; margin: 0 auto 0 auto;}
.form-option p { color: #5e5e5e; transition: 0.3s;}
.form-option:hover p { color: black}
.remember-me { width: 15px !important; height: 15px !important; margin-left: 20px !important; margin-top: 5px !important;}
.field-icon { float: right; margin-top: 6px; z-index: 2; padding: 0 !important; font-size: 20px !important; color: black !important; margin-left: -28px !important; position: absolute;}
.form-option:hover input, .form-option input:focus { border-color: var(--primary-color)}
/*.form-option input { background-color: white; border: none; color: var(--primary-color); transition: 0.3s; border-bottom: 1px solid #ccc}*/
.loginButton { margin: 20px auto; display: block; width: 90%; padding: 10px; font-weight: bold; font-size: 16px; letter-spacing: 1px; border-radius: 5px; background-color: var(--primary-color)}
.remember-me-container{text-align:center; font-size: 16px;}
.forgotPassword { text-align: center; font-size: 16px;}

.drop_menu ul li {margin-bottom: 5px;}

.sidenavLeft { height: 100%; width: 0; position: fixed; z-index: 100001; top: 0; left: -1px; background-color: #D3E1EE; overflow-x: hidden; transition: 0.5s; padding: 50px 0 0 0; border-right:1px solid black;}

.sidenav { height: 100%; width: 0; position: fixed; z-index: 100001; top: 0; right: -1px; background-color: #D3E1EE; overflow-x: hidden; transition: 0.5s; padding: 50px 0 0 0; border-left:1px solid black; text-align:left;}
    #mySidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 20px; color: var(--primary-color); display: block; transition: 0.3s; white-space: nowrap; position:relative;    }
        #mySidenav a:hover { color: #ff5f5f;}
    #mySidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 46px; margin-left: 50px;}
.sideNavSubNav{ margin-left:30px;}
.NavDivide{width:100%;height:1px;background-color:#949494}
.navLogo{width:200px;}

#overlay { width: 100%; height: 100%; position: fixed; z-index: 1000; background-color: rgba(0, 0, 0, 0.55); top: 0; left: 0; display: none; }
#overlay #account_box { width: 1000px; }
#overlay #message_box, #overlay #purchase_box, #overlay #change_password_box { max-width: 600px; }
#overlay .main { width: auto; margin: 0px auto; position: relative; margin-top: 200px; background-color: white; border-radius: 30px; display: none; }
#overlay .close { top: -25px; right: -25px; background: none; border: 0; font-size: 30px; color: white; width: auto !important; height: auto; }
#overlay .main .inner { padding: 30px; width: auto; }
    #overlay #image_box { max-width: 1000px; height: 600px; padding: 30px; text-align: center; line-height: 540px; }
    #overlay #image_box img { max-width: 100%; max-height: 100%; vertical-align: middle; }
    #overlay #image_box .close { line-height: 20px; }
    #overlay #image_box { position: relative; }
.product_details .thumbs .left_arrow, .product_details .thumbs .right_arrow, #image_box .left_arrow, #image_box .right_arrow { border-radius: 3px; display: block; background-color: #8860d0; position: absolute; top: 50%; left: 10px; z-index: 30; cursor: pointer; width: 40px; height: 60px; margin-top: -30px; }
    #image_box .arrow1, #image_box .arrow2, #image_box .arrow3, #image_box .arrow4 { background-color: white; width: 4px; height: 25px; position: absolute; border-radius: 2px; }
    .left_arrow .arrow1 { left: 16px; top: 8px; transform: rotate(30deg); }
    .left_arrow .arrow2 { left: 16px; top: 27px; transform: rotate(-30deg); }
.right_arrow .arrow3 { left: 18px; top: 8px; transform: rotate(-30deg); }
.right_arrow .arrow4 { left: 18px; top: 27px; transform: rotate(30deg); }
#image_box .right_arrow, .product_details .thumbs .right_arrow { left: auto; right: 10px; }
    .product_details .thumbs .right_arrow { right: 0px; width: 20px; }
        .product_details .thumbs .left_arrow { left: 0px; width: 20px; }
        .product_details .thumbs { position: relative; overflow: hidden; width: 100%; height: 100px; }
    .product_details .thumbs .image_slider { position: absolute; top: 0; left: 0; max-height: 100%; }
        .product_details .thumbs .image_slider img { height: 100px; margin-right: 10px; }
        

        .tabs { display: flex; justify-content: center; align-items: center; height: 80px; border-bottom: 1px solid gray; }
    .tabs .tab { flex: 1; height: 100%; border-right: 1px solid gray; padding: 20px; font-size: 20px; text-align: center; line-height: 40px; background-color: #f7f7f7; cursor: pointer; }
    .tabs .tab:last-child { border: 0; border-top-right-radius: 30px; }
    .tabs .tab:first-child { border-top-left-radius: 30px; }
    .tabs .tab.active, .tabs .tab:hover { background-color: white;}
    .tabpanels .panel { padding: 30px; display: none; }
    .tabpanels .panel:first-child { display: block; }

    .left, .right { display: inline-block; width: 50%; vertical-align: top; }
    .left { padding-right: 1%; }
    .right { padding-left: 1%; }
    .panel .form-group { font-size: 0; }
    .form-group .left input, .form-group .right input, .form-group.full input { width: 100%; }
    .left.street { width: 67%; }
    .right.postcode { width: 33%; }
    .left.expiry { width: 67%; }
    .right.cvv { width: 33%; }

/* devanagari */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 300; src: local('Poppins Light'), local('Poppins-Light'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; }
/* latin-ext */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 300; src: local('Poppins Light'), local('Poppins-Light'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 300; src: local('Poppins Light'), local('Poppins-Light'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* devanagari */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; }
/* latin-ext */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* devanagari */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; }
/* latin-ext */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* devanagari */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; }
/* latin-ext */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* devanagari */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 700; src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; }
/* latin-ext */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 700; src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face { font-display: fallback; font-family: 'Poppins'; font-style: normal; font-weight: 700; src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v6/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }


.chevron-down{ transform: rotate(90deg); font-size: 30px; position: absolute; top: -10px;}

.scrollUpBox { width: 120px; cursor:pointer; transition: 0.2s ease-in-out; height: 50px; position: fixed; bottom: -50px; right: 50px; background-color: dodgerblue; border: 1px solid black; border-bottom:none; color: white; text-align: center;}

.popupContainer { width: 50%; border: 2px solid dodgerblue; background-color: white; margin: 0 auto; padding: 10px}

.popupContainer button {width: 150px; font-size:18px; border-radius:3px; cursor: pointer;}
.popupContainer button:hover {background-color: #48a2fa}
.popupContainer label {margin-left: 15px}
.incorrect_field { background-color: #ffaaa6 !important; }
#card_error, #expiry_error { display: none; }
.blue { color: dodgerblue }

.inlineBlock{display:inline-block}

.customCSSDisabled {position: absolute; background-color: rgba(130, 130, 130, 0.9); color: white; max-height: 400px; height:100%; padding:20px; z-index: 200;}
    .customCSSDisabled h2 {color: #ff0b0b; font-weight:bold; font-size:24px}
    .customCSSDisabled button {width: 150px; font-size: 18px; border-radius: 3px; cursor: pointer;}
            .customCSSDisabled button:hover {background-color: #48a2fa}

.download_library_container .download_item {margin-bottom:30px; display:flex; align-items: center; background-color:var(--primary-color); padding: 0 20px; color: var(--secondary-color); font-weight: 600; position:relative}
.download_library_container .download_item p {margin-right:25px}
.download_library_container .download_img {height:32px; position: absolute; right: 20px; top: 24px; display:none}
.download_library_container span {float:right}
.download_library_container .download_item:hover .download_img {display:block}
.download_library_container .txt, .download_library_container .pdf, .download_library_container .docx {height: 40px; float: left; margin-right: 10px;}

iframe .login-control {
    display: none;
}

@media only screen and (max-width: 1000px) {
    .download_library_container .download_item p {font-size:14px}
}

.copyToClipboardIcon {height: 21px; margin-left: 5px; vertical-align: sub;}

.youtube { background-color: #000; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer;}
.youtube img { width: 100%; top: -16.82%; left: 0; opacity: 0.8;}
.youtube .play-button { width: 90px; height: 60px; background-color: #333; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.8; border-radius: 6px;}
    .youtube .play-button:before { content: "";  border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff;}
.youtube img, .youtube .play-button {cursor: pointer;}
    .youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before { position: absolute; }
        .youtube .play-button, .youtube .play-button:before {top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 );}
.youtube iframe { height: 100%; width: 100%; top: 0; left: 0;}


.account_btn { position: relative; display: inline; }
    .account_btn .dropdown { display: none; position: absolute; margin: auto; right: 0px; top: 19px; background-color: white; border: 2px solid var(--primary-color); z-index: 1000; padding: 10px !important; text-align: right; width: 200px; }
        .account_btn .dropdown a { color: var(--text-color); }
    .account_btn:hover .dropdown { display: block; }

.multiselectparent { padding: 3px; position: relative; margin-right: 30px; border: 1px solid black; box-sizing: border-box; background-color: white; height: 30px; color: black; width: 300px; user-select: none; cursor: pointer; }
    .multiselectparent .multiselectarrow { border-top: 6px solid black; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; right: 6px; top: 12px; }
    .multiselectparent .dropdown { display: none; position: absolute; top: 28px; left: -1px; box-sizing: border-box; border: 1px solid rgb(169,169,169); background-color: white; width: 300px; max-height: 300px; overflow: auto; z-index: 1000; }
    .multiselectparent .multiselecttext { overflow: hidden; line-height: 22px; padding: 0; margin: 0; float: left; height: 22px; }
.dropdown label { display: block; cursor: pointer; }

.images_container { text-align: center; height: 150px; font-size: 0px; }
    .images_container > * { vertical-align: top; display: inline-block; }
.image_upload_box { width: 100%; text-align: left; }
    .image_upload_box .over { background-color: rgba(75, 130, 191, 0.85); color: white; }
    .image_upload_box h4 { margin: 0 !important; }
.scroll_container { padding-right: 220px; height: 100%; border: 2px solid var(--primary-color); position: relative; }
.drop_upload { position: absolute; top: 5px; right: 5px; width: 210px; height: 210px; border: 3px dashed #cdd3ea; }
    .drop_upload > div { position: absolute; background-color: #cdd3ea; }
    .drop_upload.open { border-color: #034ea1; }
        .drop_upload.open > div { background-color: #034ea1; }
    .drop_upload .drop1 { width: 6px; height: 150px; left: 99px; top: 20px; }
    .drop_upload .drop2 { width: 6px; height: 60px; left: 80px; top: 122px; transform: rotate(-45deg); }
    .drop_upload .drop3 { width: 6px; height: 60px; left: 120px; top: 122px; transform: rotate(45deg); }
    .drop_upload .drop4 { height: 6px; width: 174px; left: 15px; bottom: 10px; }
    .drop_upload .drop5 { height: 20px; width: 6px; left: 15px; bottom: 10px; }
    .drop_upload .drop6 { height: 20px; width: 6px; right: 15px; bottom: 10px; }
.image_scroller { background-color: #f3f2f2; width: 100%; height: 220px; overflow-x: scroll; overflow-y: hidden; display: flex; }
    .image_scroller .img_item { min-width: 190px; width: 190px; min-height: 190px; height: 190px; margin: 5px; text-align: center; line-height: 190px; position: relative; }
        .image_scroller .img_item img { max-width: 190px; max-height: 190px; vertical-align: middle; }
    .image_scroller .img_overlay { display: none; background-color: rgba(30, 30, 30, 0.3); width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 20px; line-height: 73px; }
    .image_scroller .img_item:hover .img_overlay { display: block; }
    .image_scroller .img_item .img_overlay .delete_btn { background-color: red !important; }
    .image_scroller .img_item .img_overlay .move { background-color: #4d4d4d; cursor: pointer; color: white !important; font-size: 18px; height: 31px; border-radius: 3px; line-height: 31px; }


.equal { flex: 1; }
    .product_categories_widget .subcat_list { display: none; }
.product_subcats_widget ul { padding: 0; margin: 0; list-style: none; }

.select_col { width: 20px; }

.prod_rating { height: 19px; width: 95px; position: relative; }
    .prod_rating img { display: block; }
    .prod_rating .starsoverlay { position: absolute; background-image: url('/img/filled_stars.png'); background-size: 95px 19px; background-position: 0px 0px; width: 100%; height: 19px; background-repeat: no-repeat; top: 0; left: 0; display: block; background-color: transparent; }


#cookie-policy-container { overflow: hidden; max-height:200px; transition: 0.3s; background-color:#efefef}
#cookie-policy-container .center_container {display:flex; align-items:center;}
    #cookie-policy-container p { display: inline-block; flex:8}
    #cookie-policy-container span { font-size: 26px; color: grey; display: inline-block; margin-left: 2%; flex:1; text-align: right; transition: 0.2s}
    #cookie-policy-container span:hover {color:black;}


.input_container { border-bottom: 1px solid #4d4d4d; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-animation: autofill 0s forwards; animation: autofill 0s forwards; }

@keyframes autofill {
    100% { background: transparent; color: inherit; }
}

@-webkit-keyframes autofill {
    100% { background: transparent; color: inherit; }
}

.input_container { display:flex; }
/*.form_failure img { content: url("/img/cross.png"); width:30px; height:30px; padding:2px; }
    .form_success img { content: url("/img/tick.png"); width: 30px; height: 30px; padding: 2px; }*/
.form_failure .img { background-image: url("/img/cross.png"); background-position: center; background-size: contain; width: 30px; height: 30px; padding: 2px; margin-bottom:0; }
.form_success .img { background-image: url("/img/tick.png"); background-position: center; background-size: contain; width: 30px; height: 30px; padding: 2px; margin-bottom: 0; }

.form_failure { box-shadow: 0 0 0 1000px rgba(255, 0, 0, 0.13) inset !important; -webkit-box-shadow: 0 0 0 1000px rgba(255, 0, 0, 0.13) inset !important; margin-bottom: 0px !important; }
.form_success { box-shadow: 0 0 0 1000px rgba(79, 255, 15, 0.13) inset !important; -webkit-box-shadow: 0 0 0 1000px rgba(79, 255, 15, 0.13) inset !important; margin-bottom: 0px !important; }
.warning_label { font-size:12px; color:red; }
.form_body div { margin-bottom: 20px; }
.form_body div label { margin-top:-20px; }
.checkbox_raised { position: relative; top: -20px; }
.g-recaptcha {margin-bottom:-20px !important;}

@media only screen and (max-width:1200px) { #cookie-policy-container { padding: 5px 25px 5px 10px }
    }





.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}

.center { text-align:center; }
.page_h1 { font-size: 22px;  color: #0C2E82; font-weight: bold; font-family:Arial; }
.page_h2 { padding-bottom: 15px;font-size: 14px; color: #a0a0a0;font-weight: bold;  font-family:Arial;  margin-top: 5px !important; }
.page_body { font-family:Arial; padding-bottom:5px;}
.news { border: 2px solid #b2b2b2;   font-family: arial; min-height:117px; margin-top:10px; display:none;}
.news .head { background: #b2b2b2; padding:2px 2px 10px 2px;}
.news .head a { font-size: 12px; padding-left:15px; }
.news hr {  margin: 3px 2px; }
.news_b,.news_c  { padding:2px; color:#0c2e82;}
.news_c { font-size:12px;}
.body_line  { position: absolute;top: 0;right: 190px;background: #b2b2b2;width: 1px;height: 100%; display:none;}
.page_side_h1 { font-size: 16px;color: #0c2e82;font-weight: bold;padding-top: 5px; padding-left: 20px; padding-bottom: 5px; font-family:Arial;}
.page_side_h2 { font-size: 12px;color: #0c2e82; padding-bottom: 10px; padding-left:20px; font-family:Arial; }
.slider li { background-position:right !important; } 
.align_body { margin-left:20px; font-family:Arial;}
.mlr15 { padding-left:15px; padding-right:15px; }
.mlr15 .center_container { justify-content: initial !important;  align-items:initial !important}
.hover_light:hover { filter:brightness(1.1); }

.callout {display: inline-block; position: relative; color: wheat; font-size:18px}
.callout a, .number a, .twentyfourseven a { color:white; }
.number { text-align: center;width: 100%;margin-top: 10px; color:white; font-size:16px; text-align:left !important;  padding-bottom: 10px;}
.section_box { background-color: #0182ac; height: 200px !important; }
.section_box .nav_button { margin-left: 60% !important; }
.hamburger { float:right; }

.news{ display:none; }
.font { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;}

.NavDivide:last-child::after {
content: "Tel: 07979 695 558";
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    left: 32px;
    top: 5px;
    color: black;}

#section_6 { min-height:75px; font-size:24px; color:#0c2e82; }
#section_6 .center_container .cm_column { padding:0px 5px !important; }
.dropdown .dropbtn{ color:#696969; font-size:14px; border-bottom: 3px solid white;}
.dropdown { margin:0px !important; }
#article_2 .article_text div { background: #0182ac; padding:25px 10px 5px 10px; text-align:center; color:white; }
#article_3 .article_text div { padding: 20px 0px 0px 0px; }
#article_4 .article_text { font-size:25px; }
#article_5 .article_text { font-size:12px; }
#column_11 {text-align: right;position: relative;top: 10px;}
.jcarousel_wrapper ul {height: 180px;}
#article_8 { position:absolute; top:2px; left:5px; }
header { background:#b2b2b2; }
#section_6, #section_10, #section_11 { background:white; padding-left:15px; padding-right:15px; }
.navLogo { width: 150px !important;position: relative;top: -50px;left: 20px;margin-bottom: -20px;}
.dropbtn { margin-left:20px; }
#article_9 .article_text div a:hover { filter:brightness(1.1); }
.nav_h1 {  color:white; font-size:18px; padding-bottom:10px;}
.nav_h2 { color:white; font-size:11px;  padding-bottom:10px;}
#column_13 { display:flex; flex-wrap:wrap; }
#column_13 .cm_article { width:190.8px; }
.nav_button { padding:2px; color:white; background:#0c2b79; border-radius:5px; margin-left: 70%; text-align:center; }
#column_13 .cm_article .article_text { margin-right:2px; margin-bottom:2px; }
.nav_box img { display:inline-block; float:right; }
.nav_h1 { display:inline-block; }
.nav_box { padding:10px;text-align:left; height: 140px; }
.emergency_box { background-color: #0182ac; display:none;}
.solar { padding-right: 10px; }
.nav_h1 a, .nav_h2 a, .nav_button a { color:white !important; }

#column_10 { flex: 4; }
#column_11 { flex: 6; }
#column_12 { flex: 1; }
#column_13 { flex: 1; }    

@media only screen and (max-width: 1200px){	
	.cm_column:last-child {
	    padding-right: 5px !important;}
	.cm_column { padding-right: 0% !important;}
	
}
@media only screen and (max-width: 1000px){
	#column_11 {display: flex !important;}
	#article_56 { flex:1 !important; padding-left:20px;}
}
@media only screen and (min-width: 994px) {
	/*964*/
	.center_container { max-width:994px !important }
}
@media only screen and (max-width: 989px) {
	.body_line  { right: 220px !important;}
	.hide { display:none; }
	.emergency_box { display:block !important; }
	#column_13 .cm_article {width: 33.3333333% !important;}
}

@media only screen and (max-width: 910px) {
	#article_4 .article_text { font-size: 20px !important;}
	.body_line, #column_27, #article_29 { display:none !important }
}
@media only screen and (max-width: 850px) {
	#section_6 .center_container {justify-content: initial !important;align-items: initial !important;}
	/*#column_1 { display: flex !important ;flex-wrap: wrap !important; }*/
	#article_11 { width:200px; }
	#article_14 { max-width:60%;}
	.mlr15 .center_container { flex-wrap: wrap !important; }
	.align_body { flex-basis:100% !important; }
	.ptb20 { display:flex; padding-top:20px !important; padding-bottom:20px !important; }


}
@media only screen and (max-width: 799px) {
	.plumbing .nav_button{position: relative;top: -20px;}
}

@media only screen and (max-width:730px){
	#article_4 { display:none; } 
	#article_56 { padding-left:0px !important }
	#column_13 .cm_article {width: 50.0% !important;}
		.plumbing .nav_button{top: 0px !important;}
}
@media only screen and (max-width:700px){ 
	#section_6 .center_container { flex-wrap: wrap !important; }
	/*#column_11 { flex-basis:100% !important; }*/
	/*#section_6 { height:120px; }*/
	#column_11 {flex: 0.5 !important;}
	#article_3 .article_text div { padding:0px; }
		#section_12 { padding:0px !important;}
		#column_22 { flex-basis: 20%; }
	#column_39 { flex-basis: 30%; }
	#section_12 .center_container { flex-wrap: wrap; display:flex !important; }
}
@media only screen and (max-width:600px){ 
	.ptb20 { padding-right:20px !important;  }
	#loadMoreImageLocation .responsive { margin-right:0px !important;}
	.align_body {  margin-left:0px !important; }
	#article_3 { text-align:initial !important; }
	/*#column_10 { margin-top:0 !important; }*/
	#column_10 { margin-bottom:5px !important; }
	#section_6 .center_container { display:flex !important; }
	#column_11 { top:0px !important; }
	#column_12 { display:none !important;}
	.ptb20 {  display:block;}
	#column_13 .cm_article {width: 100% !important;}
}
@media only screen and (max-width:500px){ 
	#column_9 { font-size:22px !important; }
}

@media only screen and (max-width:412px){ 
	.white_anchors { font-size:12px; }
	#column_10 { font-size:20px; !important; }
	/*#article_3 .article_text div {padding: 25px 0px 0px 0px !important;}*/
	#column_10 { font-size:19px !important; }
}

@media only screen and (max-width:380px){ 
	#column_10 { font-size: 17px!important; }
	#column_9 { font-size:18px !important }
}
@media only screen and (max-width:340px){ 
	#column_10 { font-size: 16px!important; }
	#column_10 { font-size: 14px!important; }
}
