/* 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'
(496,114): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(604,122): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(604,168): run-time error CSS1039: Token not allowed after unary operator: '-secondary-color'
(632,150): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(633,48): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(647,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
 */
:root {
    --primary-color: #044e7e;
    --secondary-color: #273488;
    --text-color: #555;
    --background-color: #fff;
    --button-color: #044e7e;
    --button-text-color: #fff;
    --font-family: 'proxima-nova', 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: 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; }


@font-face { font-family: 'leelawadee'; font-weight: 400; src: url('/fonts/leelawadee.ttf'), format('truetype'), local('leelawadee'); }
@font-face { font-family: 'leelawadee'; font-weight: 600; src: url('/fonts/leelawadeeBold.ttf'), format('truetype'), local('leelawadee'); }
@font-face { font-family: 'leelawadee'; font-weight: 700; src: url('/fonts/leelawadeeBold.ttf'), format('truetype'), local('leelawadee'); }

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

    @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}}

.hide {display:none; transition: display 2s;}
body {font-size:18px; font-family: 'proxima-nova', sans-serif; padding-top:140px}
h3 {font-size:32px; font-weight:bold}
h2 {color: #009fe3; font-weight:bold; font-size:42px !important}
#mySidenav a {padding:8px !important}
#section_35 h2 {color: #e72168; font-size:50px !important; margin-bottom: 30px}
.breakonmobile {display:none}
.load_more button {background-color: #009fe3 !important;}

.headerscrolled{
background-color: #ffffffe0;
}

header {
width: 100%;
    position: fixed;
    height: 140px;
    z-index: 100;
    top: 0;
    background-color: white;
    border-bottom: 1px solid black;
    transition:0.3s
}

.sidenav {background-color: white;border-left:1px solid #009fe3 ;}
.sidenav a {color:#009fe3 !important }

.read_more {color:#009fe3 !important}

#section_40{background-color: #f7f7f7; padding: 40px; margin-bottom: 50px;}

video {width: 100%; height: auto;}
#section_41 .blog_image {max-width:100%}

.fitness_bottom_h1 {POSITION: ABSOLUTE;right: 30px;top: 0;font-size: 66px;letter-spacing: 6px;color: white;font-weight: bold;font-family: din-condensed;line-height: 70px;}

.fitness_quote_img {margin-top: 20px; margin-left: 20px;}
.fitness_quote {font-size: 23px; line-height: 30px; width: 237px; margin-left: 20px !important;}
.download-cv-container {width:250px; margin: 0 auto; background-color:#e72168; color:white; padding:20px; margin-top:20px; display:flex; align-items: center;}
.download-cv-container h4 {margin:0; flex: 1; font-size: 20px; padding-right: 25px;}

.hr_underline {max-width: 300px; margin: 20px 0; background-color: #e72168; height: 2px; border: #e72168;}

.blog_latest_post {flex:1}

.page_banner { background-size: cover; height:400px; border-bottom: 5px solid #009fe3; margin-bottom:30px}

.sidenavLeft {background-color:#009fe3}
.NavDivide {background-color:black}

.footer-social-icons {display:flex}

footer a {color:white}
.btn {border-radius: 0px; background-color: #009fe3; font-size: 22px; padding:15px; text-decoration:none; transition: 0.3s}
.btn:hover {background-color:#0583b9; text-decoration:none;}

.blog_latest_posts {display: flex; text-align: center;}
.latest_post_image img {border: 2px solid #676767; width:100%; height:auto}
.blog_latest_posts > div {margin:0 20px}
.blog_latest_posts > div:first-child {margin-left:0}
.blog_latest_posts > div:last-child {margin-right:0}
.latest_post_text h3 {margin-bottom:0}
.latest_post_text h3 a {color:#e72168}

.center-container-full-width .center_container {width:100%; height:100%}
.banner-slogan {position:absolute; bottom:40px; width:100%; margin-bottom:0; font-family: din-condensed; left:0; font-size:98px; line-height:63px}

.news-container h3 {color:#e72168; font-weight:bold; font-size:32px; margin-bottom:0}
.news-container a {color: #009fe3}

.banner-text-container {clip-path: polygon(0 0,85% 0,68% 100%,0 100%); background-color: rgba(0,159,227,0.6); position:absolute; left:0; top:200px; width:800px}
.banner-text-container h1 {float: right; margin-right: 240px; text-shadow: 2px 2px 4px #000000; font-family: din-condensed; font-size:82px}

.news-end-box {height:20px; width:100%; background-image:linear-gradient(#009fe3, #312783)}

.background-image-footer {background-size: contain; background-position: right; background-repeat:no-repeat}
.color-white {color:white}
.background-image {background-size: cover; background-position: center;}
.color-blue {color:#009fe3}
.topNav li a {color: #009fe3; font-size:20px; font-weight: bold}
nav .active {border-bottom: none; color:#e72168 !important; }
.main-btn, .main-btn-smaller {border: 2px solid #044e7e; text-shadow: 2px 2px 20px #fff; color: #044e7e; padding: 10px 20px; font-size: 24px; font-weight: bold; transition: 0.2s; cursor:pointer}
.main-btn:hover {background-color:#044e7e; color:white; text-decoration: none; text-shadow: none;}
.main-btn-smaller {font-size:18px}

.main-banner {padding-left:50px}
.main-banner h1 { font-weight: 500;}
header .cm_section {padding:5px !important}
.hamburger .slice {background-color: #e72168}

.topNav {padding-bottom:10px; text-align: right;}
.topNav a:hover {color: #e72168;}
nav ul li {margin-left:27px;}

.enquiry-section .center_container {align-items:start}
.enquiry-section .cm_column:first-child {padding-right:50px; border-right:1px solid #044e7e}
.enquiry-section .cm_column:last-child {padding-left:50px;}

.service-drop-container {border:1px solid #d9d9d9; cursor:pointer; transition: 0.2s; margin-top:20px; margin-bottom:20px; padding-left:20px; padding-right:20px}
.service-drop-container:hover {background-color:#f5f5f5;}


.dropdown-indicator { width:36px; height:36px; background-color:#444; color:white; text-align: center;font-size: 28px;position: absolute;
right: 20px;top: 46px; transition: 0.2s; line-height: 36px;}
.service-drop-container:hover .dropdown-indicator {background-color:#044e7e;}

.custom_form input[type=submit] {padding: 10px 25px;}
.person-container h3 {margin-top:0}
.icon-container {padding: 0 30px; padding-right:30px !important}

@media only screen and (max-width:1200px){
.grecaptcha-badge { display: none;}
.banner-slogan {font-size: 72px;line-height: 47px;}
.page_banner { background-position: center;}
}

@media only screen and (max-width:1000px) {
.banner-text-container {width:600px}
.remove-flex-even-wider .center_container {display:block}
.remove-flex-even-wider .cm_column {text-align:center; padding-right:5px}
#column_47 {flex:3 !important}
.hamburger { margin-right: 0; position: absolute; top: 30px; right:20px}

#mySidenav a {color: white;}

#mySidenav a:hover {color:#f3c100}
}

@media only screen and (max-width:800px){
.page_banner{height:300px}
.remove-flex-wider .center_container {display:block}
.remove-flex-wider .cm_column {text-align:center; padding-right:5px}
.banner-slogan {font-size: 54px;line-height: 35px;}
.banner-text-container {width:100%; top : 100px; clip-path: polygon(0 0,60% 0,45% 100%,0 100%);}
#section_14 .center_container {display:block}
.icon-container {margin-top:40px; padding: 0 20px; padding-right:20px !important}
.service-drop-container h2 {text-align: start !important;  margin-left: 10px; padding-right: 60px; font-size:24px}

.banner-text-container h1 {float:none !important; margin-left:20px}

.news_title {margin-top:10px}

.footer-social-icons {margin: 0 auto; width: 255px;}

.blog_latest_posts {display:block}
.blog_latest_post {margin:0 !important}
.latest_post_image img {max-width:300px}
.latest_post_text h3 {margin-top:10px}
.blog_latest_posts .blog_latest_post {margin-top:50px !important}

.person-container .center_container {display:block}
#article_31 h3, #article_31 p, #article_30 h3, #article_30 p, #article_32 h3, #article_32 p {text-align:center !important}
}

@media only screen and (max-width:600px){
.fitness_quote {margin: 0 auto !important;}
.fitness_quote_img {margin-left:0}

#section_40{padding:20px}

.page_banner { height: 200px;}

.hr_underline {margin:20px auto;}
.fitness_bottom_h1 {position:static}
.banner-text-container {top:100px}
.banner-text-container h1 {font-size: 40px; text-align: left;}
.banner-slogan { font-size: 32px; line-height: 20px;}

.hideonmobile {display:none}
.breakonmobile {display:block}

#section_6 .center_container {display:flex}
#column_7 {flex: 8 !important; margin-top:0}
#column_8 {margin-top:5px}

.cm_article {padding: 0 15px}
#column_20 {padding:20px 10px !important}
#column_12 .article_text div {float:none !important}
#column_12 .article_text div p {text-align:center !important}
#article_6 p {text-align:center !important}
''
.navLogo { margin-left: 20px;}

.service-drop-container img {height:70px}
.service-drop-container .cm_article { padding: 0;}

.dropdown-indicator {right: 10px; top:22px}
#article_21 .dropdown-indicator, #article_22 .dropdown-indicator {top:32px}

#article_43 > div:nth-child(1) > p:nth-child(1) { display:none !important;}
#article_43 > div:nth-child(1) > p:nth-child(2) { text-align: center !important;}
#column_9 {padding-right:5px}
#column_12 { background-position: center; padding-left: 5px;}

@media only screen and (max-width:410px){
#article_20 .dropdown-indicator {top:32px}
.banner-text-container h1 {margin-right: 160px;}
.banner-slogan {line-height: 35px; bottom: 20px;}
.banner-text-container {clip-path: polygon(0 0,70% 0,55% 100%,0 100%)}

}

@media only screen and (max-width:424px){
#article_21 .dropdown-indicator {top:45px}
}

@media only screen and (max-width:435px){
#article_22 .dropdown-indicator {top:45px}
}