/* 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'
(25,48): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(26,20): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(27,24): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(32,220): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(38,51): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(42,38): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(44,98): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(60,81): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(73,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(73,108): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(82,54): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(103,94): run-time error CSS1039: Token not allowed after unary operator: '-button-text-color'
(103,155): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(147,28): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(226,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(236,47): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(240,70): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(241,69): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(242,46): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(242,74): run-time error CSS1039: Token not allowed after unary operator: '-button-text-color'
(250,123): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(252,136): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(254,58): run-time error CSS1039: Token not allowed after unary operator: '-button-color'
(254,86): run-time error CSS1039: Token not allowed after unary operator: '-button-text-color'
(261,37): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(277,38): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(277,82): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(362,64): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(388,29): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(417,67): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(430,64): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(457,70): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(463,66): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(469,207): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(472,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(475,123): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(482,73): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(484,178): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(493,99): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(495,114): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(599,122): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(599,168): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(627,150): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(628,48): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(642,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(829,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
 */
:root {
    --primary-color: #4d4d4d;
    --secondary-color: #ea5b0c;
    --text-color: #4d4d4d;
    --background-color: #fff;
    --button-color: #4d4d4d;
    --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}
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: 100%; border: 0px; background-color: transparent; border-bottom: 1px solid #4d4d4d; 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 #nav_searchField { 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 #nav_searchField form { display: flex; align-items: center; width: 250px; }
            #mySidenav #nav_searchField form input[type=text] { padding-right: 25px; }
            #mySidenav #nav_searchField form input[type=image] { position: relative; right: 20px; }

    #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; }

.nav-chevron-down {  transform: rotate(90deg); font-size: 30px; position: absolute; top: -2px; left: 15px;  padding: 0px 5px; }
#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;}

    @media only screen and (max-width:1200px){
        #cookie-policy-container {padding: 5px 25px 5px 10px}
    }





/*Add any global custom CSS to this file.*/
body { padding-top: 93px; }/* was 94 */

.text {
    width: 45% !important; 
}

.center_container {
    justify-content: end !important;
}


.field_input {margin-top:20px}

.hamburger {float:right}
.sidenavLeft{right:-1px; left:unset}
.left_image{float:left;}

.thumb_rows{margin-bottom: 30px !important;}
.thumb_button{float: right;border: 1px #000 solid;padding-top: 1px;padding-bottom: 1px;padding-left: 5px;padding-right: 5px;font-weight: bold;}
.thumb_items{padding-right:60px}
.thumb_items  .article_text{display: flex !important;margin-left: 20px;margin-bottom: 0px !important;border: solid #343434 2px;}
.thumb_items p{margin-bottom: 0px !important;margin-top: -8px !important;margin-bottom: -16px !important;margin-left: 5px !important;}
.thumb_text{padding:10px;}

.thumb_text h2 a{color: #ea5b0c !important;}

#cookie-policy-container { position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    border-top: 2px solid #ea5b0c; }

h1{font-size: 18pt !important; color: #ea5b0c !important;}
h2{font-size: 14pt !important;  color: #ea5b0c !important; }
h3{font-size: 16pt !important;  color: #ea5b0c !important; }
h4{font-size: 16pt !important;  color: #ffffff !important; }

h4 a{font-size: 16pt !important;  color: #ffffff !important; }

nav ul {font-size: 15px !important;}

.large_text, .sub_text, .text {color: #ffffff !important;/*text-shadow: 0px 0px 10px #000000;*/text-align: right;/*width: 100% !important;*/margin-right: 30px;}
.large_text{font-size: 30pt !important;}
.sub_text{font-weight: normal !important;font-size: 20pt !important;}

.topNav{text-align: right;}
.topNav li {border-bottom: none; margin-left: 0; padding-left: 10px; padding-right:10px;}
.topNav li:not(:first-child){border-left: 1px solid #343434;}
.topNav a:hover{border-bottom: none !important;}


header { width: 100%; position: fixed; top: 0; left: 0; background: white; border-bottom: 2px solid #ea5b0c; z-index: 1000000; }

header .active{color:#ea5b0c !important}
footer .active{color:#ffffff !important}
footer .topNav {color: white;font-weight: 300;font-size: 16px;}
footer{margin-top: 40px;}

#mySidenav a {text-align:left}

.jcarousel ul {height: 340px;}

.get_in_touch_btn {border: 2px solid #ea5b0c;background-color:transparent;font-size:16px;font-weight: bold;color: #ea5b0c;transition: 0.3s;letter-spacing: 1.5px; display:inline-block; padding:5px 20px; outline:0; cursor:pointer; border-radius: 3px;}
.get_in_touch_btn_white {border: 2px solid #ffffff;background-color:transparent;font-size:16px;font-weight: bold;color: #ffffff;transition: 0.3s;letter-spacing: 1.5px; display:inline-block; padding:5px 20px; outline:0; cursor:pointer; border-radius: 3px;} 
.get_in_touch_btn:hover{background-color: #ea5b0c;color: white; text-decoration:none;}
.get_in_touch_btn_white:hover{background-color: #ffffff;color: #343434;text-decoration:none; }

#fx_logo_top 
{
display: inline;
    position: absolute;
    z-index: 100;
    left: 10px;
    top: 21px;
    background-color: white;
    padding: 5px;
    border: 1px solid;
    box-shadow: 0px 0px 10px #00000040;
    width: 300px;
}

.main_slider {padding: 0 !important }
.main_slider > .center_container { width: 100%; }
.main_slider .slider { height:340px; }
.main_slider .cm_column { padding: 0px; }
.main_slider ul, .main_slider li { height: 100%; }

.breadcrum_nav_container{padding:0 !important}

.black_hex_section{background-repeat: no-repeat;background-position: -29px -490px; color:white !important}

footer .hamburger {display:none}

@media only screen and (max-width: 1000px){
.thumb_items {padding:0}
.thumb_items .article_text {margin:0; text-align:center; display:block !important}
.thumb_items .article_text ul {text-align:left}
#section_11 .cm_column:last-child, #section_12 .cm_column:last-child, #section_13 .cm_column:last-child {padding:0 !important}
#section_11, #section_12, #section_13 {padding:10px}
.thumb_rows {margin-bottom: 0 !important}
}

@media only screen and (max-width: 1100px){
.nav-container nav {
    display: none;
}
.hamburger {
    margin-right: 25px;
    margin-top: 5px;
}
.hamburger .slice {
    display: block;
    background-color: #4d4d4d;
    margin-bottom: 5px;
    height: 4px;
    width: 26px;
}



.mySidenav { font-size: 20px; background-color: white; text-align:center; }
}

@media only screen and (max-width: 600px){
.jcarousel_wrapper ul .text {float: none; width: 100%; margin: 0px 0 0 0; min-height: 179px; padding: 10px; background-color: #ea5b0cb3;}
.jcarousel_wrapper ul {background-color: rgba(205,40,48,0.4)}
header { height: 85px !important; }
#column_4 { display: block !important; padding: 5px !important; }
#column_4 img { width: 123px; }
#fx_logo_top { left: 9px; top: 9px; }
#section_5 { background-color: #ea5b0c !important; }

#cookie-policy-container { padding-bottom: 25px; }
#article_132 { padding-bottom: 25px; text-align: center !important; }
#article_132 div p { text-align: center !important; }

body { padding-top: 85px !important; }

.large_text {size:20px !important;}

.text {width: 100% !important; height: 100%; !important;}

#fx_logo_top {width: 200px}

}