@charset "UTF-8";
/*Common USE*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #5f5f63 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #5f5f63 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #5f5f63 !important;
}

/*Temporarily closed*/
.closed-covid19, .bluetext{color: #0054A4; font-style: italic; font-weight: bold; font-size: 25px}

.tm-header *, .uk-sticky *, .custom-nav *{transition: all 0 linear 0s !important}
html{color: #454545}

select, select.wpcf7-select,#filter_catid, #radius, #resultpanel {display: inline-block; width: 100%; padding: .375rem 1.75rem .375rem .75rem; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center; background-color: rgb(255, 255, 255); background-image: none\9; background-size: 10px 15px; -moz-appearance: none; -webkit-appearance: none; height:40px; }
select option, select{font-size: 14px !important;}
 
select option{padding: 3px 0 !important}

.uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled, .uneditable-input:not([class*="uk-"]):disabled, input[type="color"]:not([class*="uk-"]):disabled, input[type="date"]:not([class*="uk-"]):disabled, input[type="datetime-local"]:not([class*="uk-"]):disabled, input[type="datetime"]:not([class*="uk-"]):disabled, input[type="email"]:not([class*="uk-"]):disabled, input[type="month"]:not([class*="uk-"]):disabled, input[type="number"]:not([class*="uk-"]):disabled, input[type="password"]:not([class*="uk-"]):disabled, input[type="search"]:not([class*="uk-"]):disabled, input[type="tel"]:not([class*="uk-"]):disabled, input[type="text"]:not([class*="uk-"]):disabled, input[type="time"]:not([class*="uk-"]):disabled, input[type="url"]:not([class*="uk-"]):disabled, input[type="week"]:not([class*="uk-"]):disabled, select:not([class*="uk-"]):disabled, textarea:not([class*="uk-"]):disabled{ background-color: #fff; font-size: 15px;}

.heading-top{color: #fff; font-weight: bold; font-size: 32px}
.uk-h5, h5{ color:#0090c9; text-transform: none; letter-spacing:0; line-height: 1.625; font-weight: normal; margin-top: 20px; font-size: 17px; overflow: hidden}
.uk-h4, h4{ text-transform: none !important; letter-spacing: 0; background: url("https://www.middystechenergy.com.au/images/middys/header_bgr_diag.png") top left repeat-x; padding-top: 30px; margin-top: 30px;}
h4.h4noline{background: none !important; padding-top: 0; margin-top: 0}
.uk-h6, h6{ color:#5f5f63; text-transform: none; font-style: italic; font-weight: normal !important; letter-spacing:0; line-height: 1.625; font-size: 14px}
.uk-h7, h7{ color:#ec008c; text-transform: none; font-weight: bold !important; letter-spacing:0; line-height: 1.625}
.uk-h2, h2{border-bottom: 1px solid #f0f0f0; padding-bottom: 5px; margin-bottom: 30px !important}
.uk-h3, h3{padding: 10px; background:url("https://www.middystechenergy.com.au/images/middys/header_bgr_diag.png") top left;}
.uk-margin h3{ margin-top: 0}

/*heading without bg*/
h3.el-title{background: none !important; padding: 0}
.uk-totop {position: fixed; bottom: 30px; right: 100px; background: #ec008c}

.custom-form-middys{width:80%; margin: 0 auto}
.custom-form-middys .formRequired{color:#EC008C; font-style: italic}
.custom-form-middys h2{color:#EC008C}
.h4nolinepink{background:none; padding-top:0; margin-top: 0; color:#EC008C}

.revisehome{padding:50px}

ul li, ol li{list-style: none}
a{text-decoration: none}
em{color: #0090c9; font-weight: bold; font-size: 17px;}
.invisible{visibility: hidden !important}
[id^="wk-grid"].aktuelles a.wk-link-reset { pointer-events: none; }

.btn-info::after, .btn-primary::after, .uk-button-primary::after, .btn::after, .uk-button-default::after, .home-sliders .uk-panel a.btnBranch::after, .wk-button-primary::after {content: "\f054"; font-family: "FontAwesome"; padding-left: 10px; font-size: 16px;}
.btn, .uk-button{letter-spacing: 0; padding: 2px 10px}
.btn:hover, .uk-button:hover{ border-radius: 50px}

/**Top bar**/
.tm-toolbar {padding: 5px 0; background: #151c8f}
.tm-toolbar .uk-icon-link{color: #fff}
.tm-toolbar .uk-icon-link:hover{color: #ec008c}
.tm-toolbar .uk-icon-link:before{display: none}

.top-nav-menu {margin-bottom: 0; padding-bottom: 0; background: #151c8f; text-align: right}
.top-nav-menu li{display: inline-block; color: #fff}
.top-nav-menu li a{padding: 5px 3px; font-size: 14px; color: #FFFFFF;}

.tm-headerbar-top{padding-bottom: 20px; padding-top: 20px; background:#0008b6 url("https://www.middystechenergy.com.au/images/middys/header-pattern.png") left top repeat !important}
.tm-headerbar-top .uk-margin-auto-left{ text-align: right}
.tm-headerbar-top .uk-margin-auto-left .uk-first-column{overflow: hidden; clear: both; width: 100%;}
.taglines{ color: #fff; font-size: 18px; font-weight: 700; padding-top: 0; border-bottom: 0; padding-bottom: 0; margin-bottom: 0 !important}
.taglines a{font-weight: bold; font-size: 20px; color: #00adef;}
.taglines a:hover{text-decoration: none}



/*Main Navigation*/
.uk-navbar{justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center}
.uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a.uk-open, .uk-navbar-nav>li>a:focus{color: #fff; background: #0d2ee9}
.navbar .brand, .navbar .nav > li > a, .navbar-search, .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle{height: 50px; min-height: 50px !important}
.uk-navbar-nav > li > a{font-size: 16px; padding: 10px 9px; letter-spacing: 0px;line-height: 150%; text-transform: capitalize; border-right: 1px solid #2f52ff}
.uk-navbar-nav > li:last-child > a{border-right: 0}
.uk-navbar-nav > li > a:hover{background: #0d2ee9}
.uk-navbar-nav > li.uk-active > a{background: #0d2ee9 !important}

.uk-navbar-dropdown{padding: 0; background: #0d2ee9; }
.uk-navbar-dropdown-nav > li{border-bottom: 1px solid rgba(255,255,255,0.2)}
.uk-navbar-dropdown-nav > li > a{padding: 12px 15px; color: #fff; text-transform: capitalize; letter-spacing: 1px; }
.uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-dropdown-nav > li.uk-active > a{color: #fff; background:#001787}
.uk-navbar-dropdown-nav .uk-nav-sub{display: none}


/*Left side bar menu*/
.sidebar-menu .uk-nav-default{ letter-spacing: 0; word-spacing: 2px; text-transform: none; font-size: 15px; font-weight: 400;}
.sidebar-menu .uk-nav-default > li:before{display: none}
.sidebar-menu .uk-nav-default > li{margin-left: 0 !important; text-indent: 0 !important; line-height: normal !important}
.sidebar-menu .uk-nav-default > li.uk-active > a{color: #0d2ee9; background: #fafafa; -moz-osx-font-smoothing:unset !important; font-weight: bold; padding: 10px 0 10px 20px}
.sidebar-menu .uk-nav-default > li.uk-active > a:hover{background: #fafafa}
.sidebar-menu .uk-nav-default > li.uk-active > .uk-nav-sub > li > a{color: #333;; background: #fafafa; border-left: 1px solid #153690; margin-left: 10px;}
.sidebar-menu .uk-nav-default .uk-nav-sub > li.uk-active a, .sidebar-menu .uk-nav-default .uk-nav-sub > li a:hover{color: #0d2ee9 !important; background: #fafafa}
.sidebar-menu .uk-nav a:before{content: "\f105"; font-family: "FontAwesome"; padding-right: 5px; display: block; float: left}
.sidebar-menu .uk-nav li > a{margin: 1px 0; border-bottom: 1px solid #f0f0f0; padding: 10px 0; font-size: 14px !important; color: #333;  -moz-osx-font-smoothing:unset !important; letter-spacing: 0 !important}
.sidebar-menu .uk-nav li > a:hover{color: #0d2ee9; padding: 10px 0 10px 20px; background: #fafafa}
.sidebar-menu .uk-nav-default .uk-nav-sub{padding: 0}
.sidebar-menu .uk-nav-default .uk-nav-sub li {padding-left: 0}
.sidebar-menu .uk-nav-default .uk-nav-sub li a{padding-left: 10px; border-left: 1px solid #153690}
.sidebar-menu .uk-grid-margin{margin-top: 5px}
.sidebar-menu .uk-nav-header{letter-spacing: 0; text-transform: capitalize; font-weight: bold; font-style: italic; padding-left: 10px; margin-top: 20px; margin-left: 10px;}
.sidebar-menu .uk-nav-header ul{padding: 5px 0 0 10px; margin-top: 5px; font-style: normal !important; font-weight: normal !important; background: #fafafa; border-left: 1px solid #153690;}
.sidebar-menu .uk-nav-header ul li a{padding-left: 0 !important; border: 0 !important}
.sidebar-menu .uk-nav-header.uk-parent{ color: #031a57; font-style: italic!important; font-weight: normal !important; margin-top: 0; margin-left: 10px}
.sidebar-menu .uk-nav-default .uk-nav-header.uk-parent li > a{color: #333 !important}
.sidebar-menu .uk-nav-default .uk-nav-header.uk-parent li a:hover, .sidebar-menu .uk-nav-default .uk-nav-header.uk-parent li.uk-active a{color: #0d2ee9 !important}
.training-submenu li a{font-weight: bold}
.training-submenu li li a{font-weight: normal}

/*Breadcrumbs*/
.uk-breadcrumb{border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; margin-bottom: 30px !important; font-style: italic}

/*FORMS*/
.uk-input, .uk-select:not([multiple]):not([size]), .uneditable-input:not([class*="uk-"]), input[type="color"]:not([class*="uk-"]), input[type="date"]:not([class*="uk-"]), input[type="datetime-local"]:not([class*="uk-"]), input[type="datetime"]:not([class*="uk-"]), input[type="email"]:not([class*="uk-"]), input[type="month"]:not([class*="uk-"]), input[type="number"]:not([class*="uk-"]), input[type="password"]:not([class*="uk-"]), input[type="search"]:not([class*="uk-"]), input[type="tel"]:not([class*="uk-"]), input[type="text"]:not([class*="uk-"]), input[type="time"]:not([class*="uk-"]), input[type="url"]:not([class*="uk-"]), input[type="week"]:not([class*="uk-"]), select:not([class*="uk-"]):not([multiple]):not([size]){border: 1px solid #ccc; padding: 5px 10px; color: #5f5f63; height: 30px; width:100%; font-size:16px;}

.uk-select[multiple], .uk-select[size], .uk-textarea, select:not([class*="uk-"])[multiple], select:not([class*="uk-"])[size], textarea:not([class*="uk-"]){border: 1px solid #ccc; width: 100%}
.formResponsive input[type="radio"], .formResponsive input[type="checkbox"]{padding-left: 0}
.uk-checkbox, .uk-radio, input[type="checkbox"]:not([class*="uk-"]), input[type="radio"]:not([class*="uk-"]){margin-right: 5px; margin-top: 0; border: 1px solid #ccc}
.uk-form-label{text-transform: none; font-size: 16px; letter-spacing: 0; font-weight: bold; color: #5f5f63}
a.rsform-captcha-refresh-button{text-transform: none; background: none; color: #0079bc;}

.rsform h2{font-size: 25px}
.rsform h3{color: #007dfc; margin-top: 20px; margin-bottom: 0; padding: 5px 0;}
.rsform h4{color: #007dfc; font-size: 18px; border-bottom: 1px solid #f0f0f0; padding: 0 0 5px 0; margin:20px 0 0 0; background: none !important}
.uk-form-row + .uk-form-row{margin-top: 25px}
.rsform [selected]{text-shadow: 2px 2px 2px black;}
.notes{color: #007dfc; background: #fafafa; padding: 20px}

.formResponsive .formHorizontal .formControlLabel{ width: 230px; font-weight: bold; text-align: left}
.formResponsive .formHorizontal .formControls{ margin-left: 250px}
.formResponsive .formHorizontal p.formDescription{color: #0079bc; font-style: italic; padding-bottom: 10px}
.formResponsive input[type="submit"], .formResponsive button[type="submit"], .formResponsive button[type="button"], .btnCaseStudy, #submit_buttons input[type="submit"]{background: #007dfc !important; font-size: 18px; border: 1px solid #007dfc; padding: 10px 20px; text-transform: uppercase; font-weight: bold;  text-shadow:0 -1px 0 rgba(0, 0, 0, 0); border-radius: 0; color: #fff !important}
.formResponsive input[type="submit"]:hover, .formResponsive button[type="submit"]:hover, .formResponsive button[type="button"]:hover, .btnCaseStudy:hover, #submit_buttons input[type="submit"]:hover{background: none !important; color: #007dfc !important; text-shadow:0 -1px 0 rgba(0, 0, 0, 0); border-radius: 50px; text-decoration: none}
.formResponsive input[type="submit"]:after, .formResponsive button[type="submit"]:after,.formResponsive button[type="button"]:after, .btnCaseStudy:after, #submit_buttons input[type="submit"]:after{content: "\f054"; font-family: "FontAwesome"; padding-left: 10px; font-size: 16px;}
.formResponsive label{height: auto}
.formResponsive .formHorizontal .formValidation{display: inline !important}

.formResponsive .formBody{float:left; width: 100%}

input#txtjQcal8_0{float: left; width: 50%}
input#btnjQ8_0{border-radius: 0; padding: 10px}

.formResponsive input[type="button"].rsform-button-next, .formResponsive button[type="button"].rsform-button-next, .formResponsive input[type="button"].rsform-button-prev, .formResponsive button[type="button"].rsform-button-prev{border-radius: 0; background: #00adef; padding: 10px 20px; border:1px solid #00adef; font-size: 18px; font-weight: bold; box-shadow: 0 0 0 0 !important; margin: 0 10px 0 0;  text-transform: uppercase !important}
.formResponsive input[type="button"].rsform-button-next:hover, .formResponsive button[type="button"].rsform-button-next:hover, .formResponsive input[type="button"].rsform-button-prev:hover, .formResponsive button[type="button"].rsform-button-prev:hover{background: none; border-radius: 50px; border-color: #00adef; color: #00adef}
.formResponsive input[type="button"].rsform-button-next:after, .formResponsive button[type="button"].rsform-button-next:after{content: "\f054"; font-family: "FontAwesome"; padding-left: 10px; font-size: 16px;}
.formResponsive input[type="button"].rsform-button-prev:before, .formResponsive button[type="button"].rsform-button-prev:before{content: "\f053"; font-family: "FontAwesome"; padding-right: 10px; font-size: 16px;}

.rsform-block-in-house-course select{font-weight: bold}
#rsform_10_page_0 .rsform-block-email-address label.formControlLabel, #rsform_10_page_0 .rsform-block-project-category label.formControlLabel{ padding-left: 30px !important; width: auto !important}

.formResponsive .formHorizontal .rsform-block{margin-bottom: 5px}

.casestudy-submit{display: inline-flex; display: -webkit-inline-flex; justify-content: space-between; -webkit-justify-content: space-between}
.casestudy-submit h4{width: 65%}
.casestudy-submit .btnCaseStudy{ margin-left: 50px; color: #fff; width: 33% !important; text-align: center; font-size: 20px !important}

/*SEARCH FORM on HEADER*/
.uk-search-default{width: 230px}
.uk-search-default .uk-search-input{background: #fff; border: none; padding-left:20px !important;}
.uk-search-default .uk-search-input:placeholder{}
.uk-search .uk-search-icon{background: #ec008c; right: 0 !important; left: auto !important}
.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) + .uk-search-input{padding-right: 50px; padding-left: 10px}
.uk-search-default .uk-search-input:focus{border:none; background: #ccc}
.uk-search .uk-search-icon{color: #fff}

/*Search result page*/
#tm-sidebar{display: none}
.search .uk-search-default{width: 50%}
.search .uk-search-default input{background:#f0f0f0 }
.search fieldset:first-child{display: block !important}
.search fieldset{display: none}
.badge, .uk-badge, a.badge{color: #fff}
.highlight, mark{background: none; font-weight: bold}
.search article{border-top: 1px solid #f0f0f0; border-bottom: 0;  padding-top: 20px; padding-bottom: 0}

/*Home page 4 modules*/
.homepage-aboutus{position: relative; z-index: 0}
.homepage-aboutus .uk-tile{padding: 40px 0}
.homepage-aboutus .uk-width-xlarge{width: 800px; padding: 0 20px}


.home-4blocks h3{ background: none; color: #fff; font-weight: 700; padding: 0; font-size: 30px}
.home-4blocks .el-content{color: #fff}
.home-4blocks .el-content a{border: 2px solid #fff; padding: 12px 20px; color: #fff}
.home-4blocks .el-content a:hover{background: #fff; border-radius: 50px; color: rgba(15, 109, 255, 1); text-decoration: none}

.homepage-bookatour{/*background: url("https://www.middystechenergy.com.au/images/middys/header_bgr_diag.png") left top repeat;*/ border-top: 1px solid #f0f0f0; padding: 30px 20px 30px 20px !important}
.homepage-bookatour h2, .homepage-aboutus h2{ border: 0}

/*Heading Banner*/
.sub-banner-heading{color: #fff; width: 50%; font-weight: bold}

/*Booking a Tour*/
.scopenviptour .sv_gad_container_table .sv_grid_button, .scopenviptour .sv_gad_container_table .ui-datepicker-trigger{display: none !important}
.table-striped tr:nth-child(3){display: none !important}
.book-a-tour{display: none !important}
.btnbookatour{font-size: 18px; margin-right: 20px; padding: 10px !important;}

#timeslot_resize_container{height: 65px !important}
.booking-left{width:25%; float: left}
.booking-right{width:72%; float: right}
.booking-right h3, #sv_apptpro_front_desk_top h3{font-size: 28px !important; padding: 0 !important}
#sv_apptpro_front_desk_top select{padding: 5px 20px}
#sv_apptpro_front_desk_top td, #sv_apptpro_front_desk_top tr{font-size: 16px !important}
#sv_header{color:#153690; font-size:28px; text-align: left}
#sv_apptpro_request_gad{border: none; padding: 0; border-radius: 0 0 0 0}
#sv_apptpro_request_gad h3, #sv_apptpro_front_desk_top h3{background: none; border: none; padding: 0; margin: 0}
.sv_table > div{margin: 10px 0; display: table; overflow: hidden}
.sv_table{display: block}
.sv_table_cell_name{padding-left: 0; width: 30%; font-weight: bold}
.tblBookingTour{width: 100%}
.tblBookingTour .datepicker{width: 100%}
.tblBookingTour .datepicker .calendaricon input{width: 80%;}
.sv_apptpro_request_label{font-weight: bold}
.sv_gad_timeslot_header{font-size: 14px;}
#sv_apptpro_request_gad td{padding: 10px 0}
.resource_label{ margin-left: 5px}
input[disabled]:not([class*="uk-"]){background: #fff}
.sv_gad_timeslot_available{background-color:#a4aff0 ; border: 1px solid #0d2ee9; width: 40px !important; height: 40px !important}
.sv_gad_timeslot_selected{background-color: #0d2ee9; width: 40px !important; height: 40px !important; border: 1px solid #0d2ee9}
.sv_gad_timeslot_booked{background-color: #f2dede; width: 40px !important; height: 40px !important; border: 1px solid #ebccd1}
#booking_detail_div{background-color:#a4aff0; border: none; padding: 10px !important}
#sv_gad_user_selection_div div:first-child{display: block !important}
#sv_footer{display: none}
.sv_gad_non_work_day{background: #a4aff0; border-color: #0d2ee9; color: #001787; font-size: 16px}
#sv_gad_outer_table{ margin-bottom: 0}
.sv_gad_container_table{margin-bottom: 0}
.sv_gad_legend{font-size: 12px}
.sv_grid_button{border-radius: 2px}
.sv_apptpro_request_select_user_label{background: #fff}

#sv_apptpro_front_desk td, #sv_apptpro_front_desk tr, .calendar{font-size: 16px !important}
td.fe_header_bar{border: 0 !important;}
.calendar_text_accepted{font-size: 14px !important}
#sv_apptpro_fe_detail td, #sv_apptpro_fe_detail tr{background: #fff !important; font-size: 16px !important}
.sv_adminForm select{padding-right: 20px !important}

/*Login*/
.login .control-label, .reset, .remind{color: #fff; font-weight: bold}

ul.uk-list li h4{background: none; padding-top: 0; margin-top: 0; margin-bottom: 0}
ul.uk-list li p{margin: 0px 0 10px 0 !important}
.fitRight{width: 58%; float: right; margin-top: 60px; margin-left: 30px; text-align: center}
.fitRight img{width:100%; margin-bottom: 20px}
.proposal-process h4{ background: none; padding-top: 0; margin-top: 0; color: #fff}
.panel-diagram{background: #e7f2f8; padding-bottom: 0 !important; padding-left: 0 !important}
.panel-diagram > div > div:last-child{background: #fff; padding: 20px !important}

.btnfloatingright{float: right; margin: 20px 20px 0 20px}

.uk-article-title{font-size: 28px}
.uk-article-meta{ color: #969696; text-transform: none; letter-spacing: 0; font-weight: normal; font-size: 14px}

.el-content ul, .introText ul{padding: 0; margin-top: -10px}
.lists{overflow: hidden}
.lists ul{padding: 0; margin-top: -10px}
.el-content ul li, .lists ul li, .introText li{list-style: none; padding: 2px 0; margin-left: 12px !important;  line-height: 30px; text-indent: -12px !important;}
.el-content ul li:before, .lists ul li:before, .introText li:before{content: "\f105"; font-family: "FontAwesome"; color:#153690; display: inline-table; width: 12px; height: 20px; float: left}

.uk-card-primary ul li:before, .uk-card-primary ul.arrow-list li:before{ color: #fff}
.uk-card-primary .uk-text-meta{color: #fff; font-weight: bold}

ul.arrow-list{padding: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; column-gap: 40px; -moz-column-gap: 40px; margin-top: -10px !important}
ul.arrow-list li{list-style: none; padding: 5px 0; display: table}
ul.arrow-list li:before{content: "\f105"; font-family: "FontAwesome"; color:#153690; display: inline-table; width: 10px; height: 20px;}

.uk-text-meta{text-transform: none}
.pull-left{margin-right: 40px;}

.uk-section{padding-top: 20px; padding-bottom: 20px}
.uk-margin-large-bottom{margin-bottom: 40px !important}
.uk-padding-remove-top{padding-bottom: 100px !important}

/*Available Courses*/
.uk-heading-medium{font-size: 3em}
.logo-course{float: right; margin-left: 40px; margin-bottom: 20px; border: 0 solid #ccc}
.uk-list{border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding: 20px; background: #fafafa}
.uk-list strong{color: #153690}
.courses-list .uk-card-small .uk-card-body, .courses-list .uk-card-small.uk-card-body{ padding: 0 0 20px 0}
.courses-list .uk-card-default .uk-card-title{ background: #007dfc !important; color: #fff; padding: 5px 20px; font-size: 22px}
.courses-list .uk-text-meta, .courses-list .el-content, .courses-list .el-item  > p{padding: 0 20px}
.courses-list .el-link:after {content: "\f105"; font-family: "FontAwesome"; padding-left: 5px;}
.courses-list .el-link:hover{text-decoration: none}

.panel-training{margin-bottom: 10px !important; margin-top: 0 !important}
.panel-training.uk-card-default{border-bottom: 0 !important}
hr.uk-margin-medium{background: url("https://www.middystechenergy.com.au/images/middys/header_bgr_diag.png") top left; padding-top: 8px; margin-top: 60px !important; border-top: 0 !important}
.panel-training h3.el-title{background: url("https://www.middystechenergy.com.au/images/middys/header_bgr_diag.png") top left !important; padding: 10px !important}
.uk-card-primary li a, .uk-card-secondary li a{color: #fff}
.uk-card-primary li a:hover, .uk-card-secondary li a:hover{color: #0054a4; text-decoration: none}
.uk-card-secondary li:before{color: #fff !important}
.panel-training .uk-card-primary h4, .panel-training .uk-card-secondary h4{color: #fff; background: none; padding-top: 0; margin-top: 0}
.panel-training .uk-card-secondary{color: #fff}

.list-partner-courses .uk-accordion-title{ background: #fafafa; color: #454545; padding: 8px 15px; font-weight: bold}
.list-partner-courses .uk-open .uk-accordion-title{color: #153690}
.list-partner-courses .el-item{margin: 1px 0 0 0 !important; border-top: 0 !important; padding-top: 0}
.list-partner-courses .uk-accordion-title:before { color: #454545; background: none; content: "\f107"; font-size: 26px; font-family: "FontAwesome";}
.list-partner-courses .uk-open > .uk-accordion-title:before {content: "\f106"; font-size: 26px; font-family: "FontAwesome";}
.list-partner-courses .uk-accordion-content{ background: #fff; margin: 0; padding: 20px; border-right: 1px solid #fff; border-left: 1px solid #fff}
.list-partner-courses .uk-accordion-content a{text-decoration: underline}
.list-partner-courses .uk-accordion-content a:hover{text-decoration: none}
.btnRegister a{font-size: 20px !important}
.course-style{padding: 0 0 40px 0}
.course-style > div > div > div{background: #fafafa; padding: 20px}

/*Block Links*/
.imageOverlay > div > div:first-child > div{background: url("https://www.middystechenergy.com.au/images/middys/banners/banner-in-page-1200-700-22.jpg") left top; position: relative; background-size: cover;}
.imageOverlay > div > div:last-child > div{background: url("https://www.middystechenergy.com.au/images/middys/homepage/middys-broch.jpg") left top; position: relative; background-size: cover;}
.imageOverlay > div > div *{position: relative; z-index: 10}
.imageOverlay a.uk-button-default:hover{color: #fff !important; border: 1px solid #fff !important}
.imageOverlay a.uk-button-default:after:hover{color: #fff !important}
.imageOverlay > div > div > div:before{background-color: rgba(19,104,255,.8); content: ""; position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; display: block}

/*Footer*/
.footer-copyright{background: #ec008c; padding: 10px 0 !important; color: #fff; font-size: 14px}
.footer-copyright a{color: #fff}
.footer-copyright p{margin-bottom: 0}

.footer-links{color: #fff; margin-top: 20px}
.footer-links h3{color: #fff}
.footer-links li{position: static !important; line-height:normal}
.footer-links a, .footer-links p{color: #0054A4 !important}
.footer-links a:hover{color: #ec008c !important}
.footer-menu-extra .uk-subnav > *{padding-left: 6px !important}
.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before{margin-right: 5px !important}
.footer-links .uk-subnav > * > :first-child{color: #fff; letter-spacing: 0}
.footer-links .uk-subnav{display: block;}
.footer-links .uk-subnav a:hover{color: #ec008c;}
.footer-links .uk-subnav li{display: block; float: left; width: 100%}
.footer-links .uk-subnav li.uk-margin-small-top{ margin-top: 0px !important; line-height: 1.8}

.footer-menu-extra ul{margin-left: -10px}
.footer-menu-extra a{ text-transform: none !important; color: #0054A4 !important; letter-spacing: 0 !important}
.footer-menu-extra a:hover{color: #ec008c !important}

.group-logos, .footer-links, .footer-inline-menu{background: #fafafa url("https://www.middys.com.au/images/bg-footer-new.png") left top;}
.footer-inline-menu{padding-top: 30px; padding-bottom: 10px}
.instance2 > ul:nth-child(3){display: none}
ul.group-logos-items{margin-top: -10px}
ul.group-logos-items li{ list-style: none; text-indent: 0 !important; margin-right: 30px !important; margin-left: 0 !important}
ul.group-logos-items li:before{display: none !important}
ul.group-logos-items li:last-child{margin-right: 0 !important}

.uk-panel{z-index: 9}
.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before{border-left: 1px solid #0054A4}

.tooltips{position: relative; display: inline-block; padding: 10px 0}
.tooltips:hover{cursor: pointer}
.tooltips .tooltiptext {width:180px; padding:2px 5px 5px 5px; background:#ec008c; visibility: hidden; color: #fff; position: absolute; z-index: 10; left: -100%; top: 45px; font-size: 14px; text-align: center; border-radius: 5px; font-weight: bold}
.tooltips:hover .tooltiptext:before{content: "\f0d8"; font-family: "FontAwesome"; color: #ec008c; position: absolute; z-index: 12; top: -28px; font-size: 2em; left: 20px}
.tooltips:hover img{ cursor:pointer}
.tooltips:hover .tooltiptext, .tooltips:hover .tooltiptext1 {visibility: visible;}

.tooltips .tooltiptext1 {width:75px; padding:5px; text-indent: initial; background:#0054A4; visibility: hidden; color: #fff; position: absolute; z-index: 90; left: 0; top: 100%; font-size: 12px; text-align: center!important; border-radius: 5px; font-weight: bold; line-height: normal;}
.tooltiptext1:before{content: "\f0d8"; font-family: "FontAwesome"; color: #0054A4; position: absolute; z-index: 12; top: -15px; font-size: 2em; left: 40%}

.group-logos-items li.tooltips{position: relative !important}


/*404 page*/
.page404{padding: 20px 0 40px 0}
.page404 h2{border-bottom: 0; margin-bottom: 0 !important}
.page404 p{font-size: 16px}
.page404 a{border-radius: 0; background: #00adef; padding: 10px 20px; border:1px solid #00adef; font-size: 18px; font-weight: bold; box-shadow: 0 0 0 0 !important; margin: 40px 10px 0 0;  text-transform: uppercase !important; color: #fff; font-weight: bold; display: table}
.page404 a:hover{background: none; border-radius: 50px; border-color: #00adef; color: #00adef; text-decoration: none;}
.page404 a:before{content: "\f053"; font-family: "FontAwesome"; padding-right: 10px; font-size: 16px;}
.page404 ul{padding-left: 0; font-size: 16px}
.page404 li:before{content: "\f105"; font-family: "FontAwesome"; padding-right: 5px; color: #0054A4}

@media (max-width: 1199px){
.uk-navbar-toggle, .uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover{color: #fff}
.tm-header-mobile .uk-navbar-container:not(.uk-navbar-transparent){background: #0008b6 url("https://www.middystechenergy.com.au/images/middys/header-pattern.png") left top repeat; padding: 20px 10px; border-bottom: 5px solid #ec008c}
.tm-header-mobile .uk-background-default{ background: #007dfc}
.tm-header-mobile ul li a{color: #fff; font-size: 15px; text-transform: uppercase; font-weight: bold; padding: 10px 0}
.tm-header-mobile ul li li a{padding: 7px 0; text-transform: capitalize}
.tm-header-mobile ul li li a:before{content: "\f105"; font-family: "FontAwesome"; color:#0008b6; display: inline-table; padding-right: 5px;}
.tm-header-mobile ul li a{border-bottom:1px solid rgba(255, 255, 255, 0.3)}
.tm-header-mobile ul li li a{border: 0}
.uk-nav-primary .uk-nav-sub a{color: #fff; font-size: 16px;}
	.uk-nav-primary .uk-nav-sub li.uk-active a{color: #153690}
ul.uk-nav-sub{padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3)}
ul.uk-nav-sub > li{border-bottom:1px solid #1384f7}

	.uk-h3, h3, .uk-card-title{font-size: 22px}
	.uk-h4, h4{font-size: 18px}
	
	.tech-process .hover-text{width: 80%}
	#page\#1 .uk-section{padding-bottom: 40px !important; padding-top: 40px !important}	

	.top-nav-menu li a{font-size: 12px !important; padding-right: 15px !important; text-transform: none !important}	
	.panel-diagram{padding-right: 0 !important}
}

@media (max-width: 1084px) {
  .homepage-aboutus > div:last-child {
    height: 300px;
  }
}

@media (max-width:992px){
		.uk-h2, h2, .uk-heading-primary{font-size: 26px}
	.sidebar-menu{display: none}

}

@media (max-width: 812px){	
	.introText .textContent{width: auto; float: none}
	.btnalignright{float: none}
}

@media (max-width: 768px){
	
	.heading-top{font-size:22px }
	.sub-banner-heading{width: auto}
	.tm-header-mobile .uk-navbar-container:not(.uk-navbar-transparent){padding: 10px 5px !important}
	.taglines{font-size: 14px; text-align: right; padding-right: 10px}
	
	.revisehome{padding:30px}
}

@media (max-width: 568px){
	.homepage-diagram-1 .el-item:last-child:before{top: 30px}
	ul.arrow-list{column-count: 1 !important; -webkit-column-count:1 !important;}
	.tech-process li img{width: 60px; float: none}
	.tech-process .hover-text{float: none; width: auto}
	.formResponsive .formHorizontal .formControls{margin-left: 0}
	.filter{display: none}
	.homepage-aboutus .uk-tile{padding: 10px 0}
	.homepage-bookatour{padding: 30px 20px !important}
	
	.homepage-aboutus .uk-background-center-center{background-position: 60% 50% !important}
	
	.casestudy-submit{display: block;}
	.casestudy-submit h4, .casestudy-submit .btnCaseStudy{width: auto!important; display: block; margin-left: 0 !important;  margin-bottom: 10px !important}
	
	.btnfloatingright{float: none; margin: 0 0 20px 0}
}

@media (max-width: 414px){
	.navbar .brand, .navbar .nav>li>a, .navbar-search, .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle{padding: 0 5px}
	.home-4blocks .uk-text-left{border-bottom: 1px solid #1336d2}	
	.homepage-diagram-1 .el-item:first-child:before, .homepage-diagram-1 .el-item:last-child:before{left: 145px; font-size: 16px}	
	.homepage-diagram-1 .uk-accordion-title:before, .homepage-diagram-1 .uk-open>.uk-accordion-title:before{font-size: 2em}
	.uk-list .uk-width-small{width: 100%}
	.uk-list *+.uk-grid-margin-medium, .uk-list .uk-grid+.uk-grid-medium, .uk-list .uk-grid-medium>.uk-grid-margin{margin-top: 0}
	.thumb-img{float: none; width: auto}
	.listNews .introText{width: auto; float: none}
	.fitRight{width: auto; float: none; margin-left: 0}
	.home-4blocks .el-content a{ padding: 6px 10px !important}
	.home-4blocks .uk-transition-opaque{height: 300px}
	
	.pull-left{float: none;}
	.logo-course{float: none; margin-left: 0; width: 100%}
	
	.homepage-aboutus h2{font-size: 22px; margin: 0 !important; padding: 15px 0}
	
	.sv_table_cell_name{width: 100%; display: block}
	.sv_table_cell_value{display: block; padding-left: 0}
}

@media (max-width: 320px){
	
	.taglines{display: none}
}