/****************************************

- BODY AND CONTAINERS
    - Modals
- GLOBAL TEXT AND PARAGRAPH STYLES
	- Links
	- Headings and Paragraphs
	- List Elements
	- Blockquotes
	- Form Components

- PAGE ELEMENTS
	- Top Header
	- Main Menu
	- Responsive Menu
	- Header Banner
	- Front Page Images (not in use?)
	- Home Page Big Image
	- Newsletter Sign-up Form
	- Footer Area

- NODE STYLES
	- Blog Pages

- SCROLLER BLOCK ELEMENTS
	- Course Block Menu
	- Accordion Elements
	- Carousel and Scroller Elements
	- Block Type - Blog Items
	- Block Type - Course Comparison
	- Block Type - Course Dates
	- Block Type - Icon Blocks
	- Block Type - Gallery
	- Block Type - One-Column
	- Block Type - Pricing Table
	- Block Type - Process Diagram
	- Block Type - Responsive Boxes
	- Block Type - Testimonials
	- Block Type - Tutors
	- Block Type - Two-Column
	- Padding for elements in Template B

****************************************/


@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');


/***********************/
/* BODY AND CONTAINERS */
/***********************/

html,
body,
.ui-dialog {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
    font-size: 19px;
    line-height: 20px;
    margin: auto;
}

/*body.user-logged-in .block-type-item-container-outer {
    padding-top: 75px;
}*/

}
.container {
    width: 1400px;
}

.path-frontpage .main-container {
    margin-top: 25px;
}

.path-user .main-container {
    margin-top: 30px;
}

.path-user .main-container nav.tabs {
    margin-bottom: 25px;
}

iframe {
	border: none;
}

.region.region-page-action-links {
    margin-top: 15px;
    margin-bottom: 25px;
}

.clear {
    clear: both;
}

/* Modals */

.ui-widget.ui-widget-content {
    padding: 0;
    border: 3px solid transparent;
    border-radius: 30px;
    max-width: 95%;
}

.ui-dialog .ui-dialog-content {
    padding: 20px 30px 20px 30px;
}

.ui-dialog-titlebar {
    border-radius: 30px 30px 0 0;
    border: 0px solid transparent;
    border-bottom: 3px solid transparent;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
}

.ui-dialog .ui-dialog-title {
    margin: 5px 5% 0 5%;
}

.ui-dialog blockquote {
    padding: 10px 0;
    border: none !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 2.5%;
    margin: -8px 0 0 0;
    border: none !important;
    background: transparent !important;
}

.ui-dialog .ui-dialog-titlebar-close:before {
    content: "x";
    color: rgba(0,0,0,0.5);
}

.ui-dialog a:link,
.ui-dialog a:visited,
.ui-dialog a:hover,
.ui-dialog a:active,
.ui-dialog a:focus {
    outline: none !important;
}



/************************************/
/* GLOBAL TEXT AND PARAGRAPH STYLES */
/************************************/

/* Links */

a.FullLink:link,
a.FullLink:visited,
a.FullLink:hover,
a.FullLink:focus {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
}

a,
a:link,
a:visited,
a:hover,
a:focus,
.btn,
.btn:hover,
.btn:focus,
div.responsive-boxes-inner,
div.responsive-boxes-inner:hover,
div.responsive-boxes-inner:focus,
a.carousel-control-prev,
a.carousel-control-prev:hover,
a.carousel-control-prev:focus,
a.carousel-control-next,
a.carousel-control-next:hover,
a.carousel-control-next:focus,
div.blog-item-column,
div.blog-item-column:hover,
div.blog-item-column:focus,
.block-accordion-container h4.panel-title a i,
.block-accordion-container h4.panel-title a:hover i,
.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized button.slick-prev,
.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized button.slick-next,
.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized button.slick-prev:hover,
.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized button.slick-next:hover,
.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized button.slick-prev:focus,
.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized button.slick-next:focus,
.navbar-text {
	text-decoration: none;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.content a,
.content a:link,
.content a:visited,
.content a:hover,
.content a:focus,
form a,
form a:link,
form a:visited,
form a:hover,
form a:focus,
.webform-confirmation a,
.webform-confirmation a:link,
.webform-confirmation a:visited,
.webform-confirmation a:hover,
.webform-confirmation a:focus,
.ui-widget-content a,
.ui-widget-content a:link,
.ui-widget-content a:visited,
.ui-widget-content a:hover,
.ui-widget-content a:focus,
.block-content a,
.block-content a:link,
.block-content a:visited,
.block-content a:hover,
.block-content a:focus,
.panel-body a,
.panel-body a:link,
.panel-body a:visited,
.panel-body a:hover,
.panel-body a:focus,
.footer-outside a,
.footer-outside a:link,
.footer-outside a:visited,
.footer-outside a:hover,
.footer-outside a:focus {
    text-decoration: none;
    padding: 0 5px 0 5px;
}

.block-course-dates-container ul li div.course-field-link a,
.block-course-dates-container ul li div.course-field-link a:link,
.block-course-dates-container ul li div.course-field-link a:visited,
.block-course-dates-container ul li div.course-field-link a:hover,
.block-course-dates-container ul li div.course-field-link a:focus,
.btn,
.btn:hover,
.btn:focus,
.process-item-column--btn-link a,
.process-item-column--btn-link a:link,
.process-item-column--btn-link a:visited,
.process-item-column--btn-link a:hover,
.process-item-column--btn-link a:focus,
.sub-pricing-toggle-link a:link,
.sub-pricing-toggle-link a:visited,
.sub-pricing-toggle-link a:hover,
.sub-pricing-toggle-link a:focus,
.faq-panel-body-button a:link,
.faq-panel-body-button a:visited,
.faq-panel-body-button a:hover,
.faq-panel-body-button a:focus,
.block-icon-item-column--btn-link a:link,
.block-icon-item-column--btn-link a:visited,
.block-icon-item-column--btn-link a:hover,
.block-icon-item-column--btn-link a:focus,
.course-date-show-more-trigger:link,
.course-date-show-more-trigger:visited,
.course-date-show-more-trigger:hover,
.course-date-show-more-trigger:focus,
.comparison-item-column--btn-link a:link,
.comparison-item-column--btn-link a:visited,
.comparison-item-column--btn-link a:hover,
.comparison-item-column--btn-link a:focus,
.webform-confirmation__back a:link,
.webform-confirmation__back a:visited,
.webform-confirmation__back a:hover,
.webform-confirmation__back a:focus {
	font-weight: 700;
}


/* Headings and Paragraphs */

h1,h2,h3,h4,h5 {
	font-weight: 400 !important;
}

.content h1,
.content h2,
.page-header,
.block-content h2,
.block-type-title {
	font-size: 34px;
	line-height: 39px;
	font-weight: 900 !important;
	margin: 0 0 15px 0;
	border-bottom: none;
}

.path-frontpage h1.page-header {
    display: none;
}

.content h3,
.block-content h3 {
	margin-top: 30px;
	font-size: 28px;
	line-height: 32px;
	font-weight: 700 !important;
}

.content h4,
.block-content h4,
.webform-confirmation__message {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 21px;
	line-height: 24px;
	font-weight: 700;
}

.main-container p,
.block-type-item-container-outer .block-content,
.block_two_col,
.main-container {
	font-size: 19px;
	line-height: 27px;
}

p,
p:last-child, 
.form-group:last-child, 
.panel:last-child {
	margin-bottom: 15px;
}

strong {
	font-weight: 700;
}


/* List Elements */

.header-text-subtitle ul {
    padding-left: 20px;
    list-style-type: disc;
    margin-bottom: 10px;
}

.content ul,
.block-content ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

.block-content ul li,
.content ul li {
	position: relative;
	margin: 0 0 3px 0;
	padding: 0 0 0 35px;
}

.block-content ul li:before,
.content ul li:before {
	position: absolute;
	left: 0;
	top: -1px;
	content: "•";
}

.block-content ul.fa-ul li:before,
.content ul.fa-ul li:before {
	display: none;
}

.fa-li {
    left: -0.25em !important;
    width: 2em !important;
    top: 0 !important;
}


/* Blockquotes */

.content blockquote,
.block-content blockquote {
	font-size: 24px;
	line-height: 30px;
	font-style: italic;
	border-left: 10px solid black;
	padding: 0 20px;
	margin: 20px 0;
	overflow: hidden;
}


/* Form Components */

form {
	margin-top: 10px;
}

input, 
textarea,
.form-control,
.webform-button--submit,
.btn,
.btn-primary,
button,
select,
.webform-confirmation__back a:link,
.webform-confirmation__back a:visited,
.webform-confirmation__back a:hover,
.webform-confirmation__back a:focus {
	padding: 10px 20px;
	font-size: 17px;
	line-height: 17px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-weight: 700;
}

.form-required:after {
	background-size: 5px 5px;
	width: 5px;
	height: 5px;
	margin-left: 4px;
}

label {
	font-size: 17px;
	line-height: 19px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 1px;
}

form#user-login-form,
form#user-register-form,
form#user-pass {
    margin-bottom: 50px;
}

.header1 a img {
    max-width: 250px;
}

.mobile-view {
    background-size: 100% 100%;
}

.webform-submission-form .form-type-tel .iti.iti--allow-dropdown {
	width: 100%;
}

.webform-submission-form .form-type-tel .iti.iti--allow-dropdown input {
    margin-top: 3px !important;
    width: 100%;
}


/*****************/
/* PAGE ELEMENTS */
/*****************/

/* Top Header */

.top-header {
    padding: 5px 0;
	font-size: 15px;
	line-height: 15px;
	border-bottom: 3px solid transparent;
	font-weight: 400;
	text-transform: uppercase;
}

.top-header-inner {
	padding-top: 4px;
}

.top-header-inner p {
    margin-top: 3px;
	margin-bottom: 0;
}

.top-header-inner ul {
    display: inline;
    padding: 0.5em;
}

.block-top-header-text {
    float: right;
}

.block-language-switcher h4 {
    float: left;
    margin: 2px 5px 0 0;
}

.block-language-switcher span {
    float: left;
    margin-right: 7px;
    margin-top: 3px;
}

.region.region-language-switcher .contextual {
    display: none;
}

.region.region-language-switcher ul.links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.region.region-language-switcher ul.links li {
    float: left;
    margin-right: 5px;
}

.region.region-language-switcher ul.links li a {
    display: inline-block;
    width: 30px;
    overflow: hidden;
    font-size: 0;
    height: 20px;
}

.region.region-language-switcher ul.links li a img {
    width: 100%;
    height: auto;
    margin: 0;
    height: 20px;
    border-radius: unset;
}

.region.region-language-switcher ul.links li:last-child {
    display: none;
}

.region.region-language-switcher {
    float: left;
}

.header-center:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 3px;
    z-index: -1;
}

.region.region-navigation .navbar-brand {
    display: none;
}

/* Main Menu */

div#header {
    padding-top: 10px;
    position: relative;
    padding-bottom: 5px;
}

nav#block-uglitheme-main-menu {
    float: right;
    top: 20px;
    position: relative;
    font-weight: 600;
}

.region.region-navigation img {
    width: 105px;
    height: auto;
}

nav#block-uglitheme-main-menu li a:active {
    border-bottom: 3px solid transparent;
    color: white;
}

nav#block-uglitheme-main-menu li a:link,
nav#block-uglitheme-main-menu li a:visited,
nav#block-uglitheme-main-menu li a:hover, 
nav#block-uglitheme-main-menu ul.menu--main > li.active.active-trail > a,
nav#block-uglitheme-main-menu ul.menu--main > li.active.active-trail > span,
.navbar-text{
    border-bottom: 3px solid transparent;
}

nav#block-uglitheme-main-menu ul.menu > li.last > a:hover {
    background-color: #17a2b1 !important;
    color: #fff !important;
    border: unset !important;
}

nav#block-uglitheme-main-menu ul.menu > li.last > a {
    background: #17a2b1;
    margin-right: 0;
    color: #fff;
}

nav#block-uglitheme-main-menu li a,
.navbar-text {
    margin: 3px 10px;
    padding: 7px 10px;
    font-size: 17px;
}

nav#block-uglitheme-main-menu li ul.dropdown-menu li.last a {
    background: unset;
    padding: 0;
    margin-left: 5px;
}

nav#block-uglitheme-main-menu li a:hover {
    background: none;
}

#block-uglitheme-main-menu ul li ul li a {
	border-bottom: none !important;
}

#block-uglitheme-main-menu ul.menu li ul li ul {
    display: block !important;
    position: relative;
    top: 0;
    float: left;
    width: 100%;
    background: unset;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: unset;
    box-shadow: unset;
}

#block-uglitheme-main-menu ul.menu li ul span.navbar-text,
#block-uglitheme-main-menu ul.menu li ul li.expanded > a:first-child {
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #fff !important;
    color: #fff;
}

#block-uglitheme-main-menu ul.menu li ul li ul li a {
    color: #fff;
    background-color: unset !important;
    margin: 0 !important;
    padding: 5px 5px !important;
    font-size: 16px;
}

#block-uglitheme-main-menu ul.menu li ul li ul li a:hover {
    border: unset !important;
    text-decoration: underline;
    background-color: unset !important;
    color: #fff !important;
}

#block-uglitheme-main-menu ul.menu > li > ul:first-of-type {
    width: 700px;
    position: absolute;
    left: -300px;
    top: 50px;
    border-radius: unset;
    box-shadow: unset;
    border: unset;
    margin: 0;
    padding: 15px 0;
}

#block-uglitheme-main-menu ul.menu > li > ul:first-of-type > li {
    width: 28.5%;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

#block-uglitheme-main-menu ul.menu > li > ul[data-children-count="1"] {
    width: 300px;
    left: -5vW;
}

#block-uglitheme-main-menu ul.menu > li > ul[data-children-count="1"] > li {
    width: calc(100% - 30px) !important;
}

#block-uglitheme-main-menu ul.menu > li > ul[data-children-count="2"] {
    width: 500px;
    left: -8vW;
}

#block-uglitheme-main-menu ul.menu > li > ul[data-children-count="2"] > li {
    width: calc(50% - 30px) !important;
}

#block-uglitheme-main-menu ul.menu > li > ul[data-children-count="3"] {
    width: 700px;
    left: -22vw;
}

#block-uglitheme-main-menu ul.menu > li > ul[data-children-count="3"] > li {
    width: calc(33% - 30px) !important;
}


/* Responsive Menu */

#toggle-icon {
    float: right;
    margin-top: 15px;
}

a#toggle-icon span.icon, 
.responsive-menu-toggle-icon:before, 
.responsive-menu-toggle-icon:after {
    width: 35px;
    margin: 5px 0;
}

.responsive-menu-toggle-icon span.label {
    left: -70px;
    font-weight: 300;
    font-size: 20px;
    top: 8px;
}

.mm-panels .mm-panel > ul.menu > li.mm-listitem.expanded a.mm-btn.mm-btn_next.mm-listitem__btn  {
    position: static;
    top: 0px;
    right: 0;
    text-align: left;
    padding-left: 30px;
    font-size: 20px;
    width: 50px;
    border-left: 1px solid rgba(0,0,0,.10) !important;
}

.mm-panels .mm-panel > ul.menu > li.mm-listitem.expanded a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text.navbar-text.dropdown-toggle {
    padding-left: 5px;
}

.mm-panels .mm-panel > ul.menu > li.mm-listitem {
    width: 100%;
    display:flex;
}

#mm-2 ul.dropdown-menu.mm-listview,
#mm-3 ul.dropdown-menu.mm-listview,
#mm-4 ul.dropdown-menu.mm-listview,
#mm-5 ul.dropdown-menu.mm-listview,
#mm-6 ul.dropdown-menu.mm-listview,
.mm-panel ul.dropdown-menu.mm-listview {
    display: block;
    position: relative;
    top: 0;
    width: 100%;
    padding: 0;
    min-width: 100%;
    border-radius: unset;
    box-shadow: unset;
    border: unset;
    background-color: unset;
    color: #000;
}

#mm-2 ul.dropdown-menu.mm-listview li a,
#mm-3 ul.dropdown-menu.mm-listview li a,
#mm-4 ul.dropdown-menu.mm-listview li a,
#mm-5 ul.dropdown-menu.mm-listview li a,
#mm-6 ul.dropdown-menu.mm-listview li a,
.mm-panel ul.dropdown-menu.mm-listview li a {
    padding: 15px;
    margin: 0;
    background-color: unset;
}


/* Hide Navigation on Landing Pages */

body.HideNav-1 #block-uglitheme-main-menu,
body.HideNav-1 #block-responsivemenumobileicon,
body.HideNav-1 .HideOnLanding {
    display: none;
}

/*
body.HideNav-1 .region.region-navigation {
    text-align: center;
}

body.HideNav-1 .region.region-navigation a.logo,
body.HideNav-1 a.logo {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
*/

/* Header Banner */

.page-node-type-page .region.region-header {
    margin-top: 30px;
}

.row.full-image {
    padding: 0 15px;
}

.header-banner .item-list > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-banner ul li img {
    width: 100%;
    min-height: 500px;
    object-fit: cover;
}

.header-image {
    background-image: url(../images/header-stroke.png);
    height: 50px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 35px center;
    z-index: 9;
    bottom: 1px;
}

.header-banner {
    position: relative;
    bottom: 45px;
    margin-bottom: -45px;
}

.header-banner-image {
	border-bottom: 3px solid transparent;
}

.view-header-banner .header-banner-image .laptop-view {
    display: none;
}

.header-banner .view ul li .header-banner-container--inner {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 20%;
    height: 80%;
    left: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.path-frontpage .header-banner.front-page img {
    width: 100%;
    height: auto;
}

.jumbotron.jumbotron-fluid {
    background-image: url(../../../sites/default/files/styles/1400x/public/2020-03/Teacher%2010%202000%20x%201400%20high.jpg);
    height: 450px;
    object-fit: cover;
}

.header-cta-container {
    position: absolute;
    bottom: 15%;
    width: 100%;
	text-transform: uppercase;
	font-weight: 700;
}

.header-cta-container a {
    padding: 10px 50px;
    border: none;
    font-weight: 700;
    display: block;
    font-size: 18px;
    width: 275px;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
}

.header-cta-container a:hover {
    position: relative;
    text-decoration: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.header-banner-container h2.header-text-title,
.header-banner-container div.header-text-subtitle {
	font-weight: 700 !important;
    font-size: 40px;
    line-height: 1.2em;
    width: fit-content;
    margin-top: 0;
    padding: 5px 15px;
}

.header-banner-container div.header-text-subtitle {
    font-weight: 400;
    margin-top: 5px;
    font-size: 18px;
}

a.dropdown-toggle {
    background: none;
}

.big-cta-inner-container a {
    font-size: 24px;
    width: 500px;
    font-weight: bold;
    padding: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    text-align: center;
}

.big-cta-inner-container {
    margin-top: 30px;
    margin-bottom: 40px;
}

.big-cta-inner-container h3 {
    text-align: center;
    line-height: normal;
}


/* Front Page Images (not in use?) */

#front-images img {
    width: 100%;
    height: auto;
}

#front-images .col-md-4, #front-images .col-md-3, #front-images .full-image {
    margin-bottom: 25px;
}

.container.front-img img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-bottom: 10px;
}

/* Home Page Big Image */

.region.region-homepage-big-image img {
    width: 100%;
    height: auto;
}


/* Newsletter Sign-up Form */

.webform-submission-sign-up-to-our-newsletter-form {
    text-align: center;
}

.newsletter-signup--inner-in label.control-label {
    margin: 0 auto 10px auto;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
}

#edit-sign-up-to-our-newsletter {
    width: 250px;
    margin: 0 auto 0 auto;
}

.webform-submission-sign-up-to-our-newsletter-form #edit-actions-submit {
    width: 250px;
    margin: -10px auto 0 auto;
}

.newsletter-signup--outer {
    position: relative;
    width: 100%;
}

.newsletter-signup--inner {
    bottom: 40px;
    position: absolute;
    padding-top: 5px;
    width: 100%;
    margin-bottom: 0;
}

.newsletter-signup--inner-out {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.form-email {
	margin-bottom: 15px;
}


/* Footer Area */

.footer-outside {
	border-top: 3px solid transparent;	
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	text-transform: uppercase;
}

.footer-outside .footer {
    border-top: unset;
    margin-top: 0;
}

.col-md-6.footer-right-side div {
    text-align: right;
}

.footer-social-media {
    width: 50%;
    float: right;
    clear: right;
    text-align: right;
    margin-bottom: 12px;
}

.footer-social-media ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-social-media ul li {
    display: inline-block;
    margin-right: 20px;
}

.footer-social-media ul li:last-child {
    margin-right: 0;
}



#block-footercontactdetails a,
#block-footercontactdetails a:link,
#block-footercontactdetails a:visited,
#block-footercontactdetails a:hover,
#block-footercontactdetails a:focus {

    margin: 0 !important;
    padding: 0 !important;
}

#block-footeraddress {
    width: 50%;
    margin: 0;
    float: left;
    clear: left;
}

#block-footercontactdetails {
    width: 50%;
    margin: 0;
    float: right;
    clear: right;
    text-align: right;
}

#block-footeraddress,
#block-footercontactdetails  p {
    line-height: 20px;
    margin-bottom: 10px;
}

.mobile-back-to-top {
    border-top: 5px solid transparent;
    position: fixed;
    width: 100%;
    cursor: pointer;
    display: none;
    bottom: 0;
}

.mobile-back-to-top span {
	position: absolute;
    top: -100px;
    left: 35px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    padding-top: 12px;
}

.mobile-back-to-top:after {
    position: absolute;
    top: -47px;
    left: 20px;
    content: "";
    background-image: url(../images/back-to-top-arrow_lang.png);
    width: 100px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: contain;
}


/***************/
/* NODE STYLES */
/***************/

.efa-icons {
    display: inline-block;
    line-height: 22px;
    padding: 0 0 0 30px;
}

.path-search-result .main-container {
    margin-top: 50px;
    margin-bottom: 50px;
}

/*.BlogArticle .field--name-body img,*/
.swatch {
	width: 50%;
    height: auto;
	float: right;
	clear: right;
	margin: 0 0 20px 20px;
}

.align-right,
.align-left {
    width: 50%;
}

figure.align-left img,
figure.align-right img {
    width: 100%;
    height: auto;
}

.align-center {
    text-align: center;
}


/* Blog Pages */

.path-blog .region-header,
.path-taxonomy .region-header {
    padding-top: 80px;
}

.region-sidebar-second {
padding-left: 20px;
}

#views-exposed-form-blog-page-1 {
    position: relative;
}

#views-exposed-form-blog-page-1 .js-form-item-term-node-tid-depth {
    display: none !important;
}

#views-exposed-form-blog-page-1 .form-item-keys {
    width: 100%;
}

#views-exposed-form-blog-page-1 button {
    width: 40px !important;
    padding-left: 0 !important;
    position: absolute;
    right: -10px;
    bottom: 23px;
    overflow: hidden;
}

#views-exposed-form-blog-page-1 button .icon {
    width: 46px;
    text-align: center;
}

#views-exposed-form-blog-page-1 input.form-text {
    width: calc(100% - 39px) !important;
}

#block-blogtest-2,
#block-blogctafooter {
    position: relative;
}

#block-blogctafooter {
    margin: 50px 30px 50px 0;
}

#block-blogtest-2 h2,
#block-blogctafooter h2 {
    margin: 0 0 5px 0 !important;
    width: 100% !important;
    padding: 5px 15px 5px 15px !important;
}

#block-blogtest-2 p,
#block-blogctafooter p {
    margin: 15px !important;
}

#block-blogtest-2 .field a:link,
#block-blogtest-2 .field a:visited,
#block-blogtest-2 .field a:hover,
#block-blogtest-2 .field a:focus,
#block-blogctafooter a:link,
#block-blogctafooter a:visited,
#block-blogctafooter a:hover,
#block-blogctafooter a:focus {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: transparent !important;
}

.view-display-id-block_1 .item-list ul {
    margin-left: 0;
    padding-left: 0;
}

.view-display-id-block_1 .item-list ul li {
    list-style-type: none;
    margin: 0 0 5px 0;
    padding-left: 0;
    position: relative;
    width: 100%;
}


.BlogRow {
    position: relative;
margin-bottom: 40px;
}

.BlogRow img.img-responsive {
    width: 100% !important;
    height: auto;
    margin-bottom: 30px;
}


span.BlogDate {
    font-size: 15px;
    line-height: 15px !important;
    text-transform: uppercase;
}

.page-node-type-blog .region.region-header {
	margin-top: 60px;
}

.ByLine,
.AboutTheAuthor {
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    font-size: 22px;
    line-height: 25px;
    text-transform: uppercase;
    padding-top: 15px;
    margin-bottom: 10px;
}

.AboutTheAuthor {
    margin-bottom: 0;
}

.ByLineImage {
    float: left;
    margin-right: 20px;
    width: 75px;
    height: 75px;
} 

.ByLineImage img {
    width: 75px;
    height: 75px;
    border: 5px solid transparent;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: -15px;
}

.BlogArticle {
    margin-right: 30px;
}

.TopicsList {
    margin: 30px 0 30px 0;
}

.field--name-field-blog-categories .field--item {
    display: inline-block;
    margin-top: 10px;
}

article.blog-authors h2 {
    display: none !important;
}


.blog-author-info-left img {
    width: 100%;
    height: auto;
    border: 10px solid transparent;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.blog-author-information-container {
    margin-top: 50px;
    margin-bottom: 50px;
    display: inline-block;
    clear: both;
    width: 100%;
}

.blog-author-info-right p {
    font-size: 17px;
    line-height: 23px;
}

.blog-author-info-right span {
    font-weight: bold;
}

.contextual-links li:before {
    content: "" !important;
}


.blog-author-info-right h3 {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 36px;
}


.HiddenCTA {
    position: relative;
    border: 5px #ccc dotted;
    padding: 30px;
    opacity: 0.5;
}

.HiddenCTA:before {
    position: absolute;
    left: 30px;
    top: 0;
    color: #ccc;
    content: "This text will be hidden";
    text-transform: uppercase;
}

.relative {
    position: relative;
}


/***************************/
/* SCROLLER BLOCK ELEMENTS */
/***************************/

.block-type-item-container {
    padding: 20px 0;
}

.block-type-item-container table {
    border-left: 1px solid rgb(255,255,255);
    border-top: 1px solid rgb(255,255,255);
}

.block-type-item-container th,
.block-type-item-container td {
		padding: 7px;
		border-right: 1px solid rgb(255,255,255);
		border-bottom: 1px solid rgb(255,255,255);
		vertical-align:top;
}


/* Course Block Menu */

/*.course-block-menu-inner {
    position: absolute;
    left: 0;
    top: 23px;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}

.course-block-menu-inner.sticky-left-menu {
    position: relative;
    width: 1400px;
}

.course-block-menu-inner.sticky-left-menu > ul {
    width: 300px;
    position: fixed;
    top: 23px;
    margin-left: -15px;
    z-index: 1;
}

.course-block-menu-inner ul {
    padding: 0;
    margin: 0 0 0 -30px;
    list-style: none;
    width: 300px;
}*/

.custom-container {
    width: 1200px;
}

.course-block-menu-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}

.course-block-types-container .course-content-menus {
    position: sticky;
    top: 0;
}

.course-block-menu-inner ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.course-block-menu-inner ul li {
	margin-bottom: 5px;
	position: relative;
}

.course-block-menu-inner ul li a,
.course-block-menu-inner ul li a:link,
.course-block-menu-inner ul li a:visited,
.course-block-menu-inner ul li a:hover,
.course-block-menu-inner ul li a:focus {
    display: block;
    padding: 8px 10px;
    text-align: right;
    font-size: 18px;
	text-decoration: none;
	position: relative;
	left: -20px;
	-moz-transition: left 0.5s;
	-webkit-transition: left 0.5s;
	transition: left 0.5s;
}

.course-block-menu-inner ul li a:hover,
.course-block-menu-inner ul li a:focus {
    position: relative; 
    left: 10px; 
    text-decoration: none !important;
}


/* Accordion Elements */

.block-content.accordion-bottom {
    margin-bottom: 20px;
}

.block-accordion-container .panel {
    background-color: unset;
    border: unset;
    border-radius: unset;
    margin-bottom: 10px;
}

.block-accordion-container .panel-heading {
    border-radius: unset;
    border: unset;
}

.block-accordion-container h4.panel-title,
.block-accordion-container .panel-default .panel-heading {
	background-color: transparent;
    padding: 0;
    border: unset;
    margin: 0;
    font-size: 19px;
}

.block-accordion-container h4.panel-title a {
    display: block;
    width: 100%;
    text-decoration: none;
}

.block-accordion-container h4.panel-title a i {
    padding: 15px 20px;
    margin-right: 15px;
    top: 0;
    float: left;
}

.block-accordion-container h4.panel-title span {
    display: table;
    padding: 15px 10px;
}

.block-accordion-container .panel-body,
.course-field-content-body,
.block-pricing-table-container .panel-body {
    font-size: 17px;
	line-height: 20px;
	font-weight: 400;
}

.faq-panel-body-button a {
    display: inline-block;
    padding: 10px 20px;
}


/* Carousel and Scroller Elements */

.carousel-outer-indicator-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

.carousel-outer-indicator-container ul.carousel-indicators {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
}

.carousel-outer-indicator-container ul.carousel-indicators li {
    width: 150px !important;
    float: left;
    margin-right: 10px;
    height: auto !important;
    display: block;
    text-indent: unset;
    border: unset !important;
    border-radius: unset;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-color: unset !important;
    outline: none;
}

.carousel-outer-indicator-container ul.carousel-indicators li:last-child {
    margin-right: 0;
}

.carousel-outer-indicator-container ul.carousel-indicators li img {
    width: 100%;
}

.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized li {
    width: 100% !important;
    padding: 0 5px;
}

.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized button.slick-prev,
.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized button.slick-next {
    color: rgb(255,255,255) !important;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top: 21px;
    left: 10px;
    z-index: 9;
    text-align: center;
    width: 30px;
    height: 30px;
    padding: 4px 0;
    outline: none;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: none;
}

.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized button.slick-next {
    left: auto;
    right: 10px;
}

.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized button.slick-prev i,
.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized button.slick-next i {
	margin-top: -5px;
}

.carousel-outer-indicator-container ul.carousel-indicators.slick-initialized .slick-list.draggable.active {
    width: 100%;
    height: auto;
    margin: 0;
    background-color: unset;
}

.popup-fancy-container-external {
    position: absolute;
    top: 10px;
    right: 10px;
}

.popup-fancy-container-external a {
    font-size: 18px;
    color: #fff !important;
}

.popup-fancy-container-external a.fancybox-carousel i {
    color: #fff;
}

a.mobile-left-arrow,
a.mobile-left-arrow:link,
a.mobile-left-arrow:visited,
a.mobile-left-arrow:hover,
a.mobile-left-arrow:focus,
a.mobile-right-arrow,
a.mobile-right-arrow:link,
a.mobile-right-arrow:visited,
a.mobile-right-arrow:hover,
a.mobile-right-arrow:focus {
	background-color: transparent !important;
	color: rgb(51,51,51) !important;
}

.carousel-control-prev,
.carousel-control-next {
	width: 40px !important;
	height: 40px;
	text-align: center;
	line-height: 42px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

.fancybox-carousel:link,
.fancybox-carousel:visited,
.fancybox-carousel:hover,
.fancybox-carousel:focus {
	background-color: transparent !important;
}


/* Block Type - Pricing Table */

.block-pricing-table-container h3.pricing-row-title {
    margin-top: 5px;
    margin-bottom: 5px;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700 !important;
}

.block-pricing-table-container .panel-heading {
    position: relative;
    background-color: unset;
    border: unset;
}

.block-pricing-table-container .sub-pricing-mini-desc {
    margin-bottom: 5px;
    width: 75%;
}

.block-pricing-table-container .sub-pricing-toggle-link {
	margin: 15px 0 10px;
}

.block-pricing-table-container .sub-pricing-toggle-link a {
	font-size: 17px;
	line-height: 17px;
	font-style: normal;
	padding: 5px 10px 5px 5px;
}

.block-pricing-table-container .pricing-table-price {
    position: absolute;
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
	right: 15px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
    text-align: center;
}

.block-pricing-table-container .pricing-table-price .btn {
    margin-top: 8px;
}

.block-pricing-table-container .panel-group .panel {
    border: unset;
    border-radius: unset;
    background-color: #eeeeee;
    margin-bottom: 10px;
}

.block-pricing-table-container .panel-group .panel .panel-body {
    border: unset;
    margin-top: 15px;
    color: #000;
}


/* Block Types - Blog Items */

.blog-item-column .blog-featured-image img {
    width: 100%;
    height: auto;
}

.blog-title h3 {
	padding: 0;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700 !important;
}


/* Block Type - Course Comparison */

.comparison-item-column--title {
    padding: 15px;
    text-align: center;
}

div.comparison-item-column--title h4 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700 !important;
	margin-top: 10px;
}

.block-comparison-boxes-container {
    margin-top: 25px;
    margin-bottom: 25px;
}

.comparison-item-column {
    margin-bottom: 30px;
}

.comparison-item-column--body {
	text-align: center;
    padding: 15px;
}

.comparison-item-column--body ul {
	list-style: none;
}

.comparison-item-column--body ul li {
    position: relative;
    padding-left: 20px;
}

.comparison-item-column--body ul li:before {
    content: '✓';
    position: absolute;
    left: 0;
}

.comparison-item-column--fee {
    padding: 15px;
    text-align: center;
    font-weight: bold;
}

.comparison-item-column--btn-link a {
    padding: 10px;
    display: block;
    text-align: center;
}

.comparison-item-column--body ul {
    margin: 0;
}

.comparison-item-column--btn-link {
    padding: 15px;
}


/* Block Type - Course Dates */

.block-course-dates-container .hide-rows-course-dates {
    display: none;
}

.block-course-dates-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.block-course-dates-container ul li {
    margin-bottom: 15px;
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.block-course-dates-container > ul > li > div {
    width: 37.5%;
    margin-right: 0px !important;
}

.course-field-link {
    text-align: right;
}

.block-course-dates-container ul li div.course-field-date {
    margin-right: 30px;
    float: left;
}

.block-course-dates-container ul li div.course-field-date span {
	font-size: 19px;
	line-height: 27px;
}

.block-course-dates-container ul li div.course-field-content span.course-field-title {
    font-weight: 700;
}

.block-course-dates-container ul li div.course-field-content {
    float: left;
}

.block-course-dates-container ul li div.course-field-link a{
    display: inline-block;
    width: 150px;
    text-align: center;
    padding: 10px;
}

.block-course-dates-container ul li div.course-field-link div {
    display: inline-block;
    width: 150px;
}

.block-course-dates-container ul li div.course-field-link {
    float: right;
}

.block-course-dates-filter-container {
    margin-top: 25px;
    display: block;
    margin-bottom: 25px;
}

.block-course-dates-filter-container form .form-item {
    float: left;
    margin-right: 15px;
}

.block-course-dates-filter-container form .form-item label {
    display: none;
}

.block-course-dates-filter-container form .form-item input {
    border-radius: unset;
}

.block-course-dates-filter-container form button.form-submit {
    border-radius: unset;
    width: 100px;
    margin-right: 10px;
}

.course-date-list-show-more {
    text-align: center;
}

.course-date-list-show-more a {
    padding: 10px 20px;
    display: inline-block;
}

.block-course-dates-container .course-field-content {
    width: 25% !important;
}

.course-field-content p {
    line-height: 25px;
}


/* Block Type - Icon Blocks */

.block-icons-container {
    margin-top: 25px;
    margin-bottom: 25px;
}

.col-md-3.block-icon-item-icon img {
    width: 100%;
}

.flexFont {
    height: auto;
    width: 100%;
    opacity: 0;
}

.block-icon-item-column {
    padding: 0;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

.block-icon-item-column div {
	text-align: center;
}

.block-icon-item-column--body {
    margin-top: 10px;
    margin-bottom: 0;
}

.block-icon-item-column--title h4 {
	margin-top: 30px !important;
	font-size: 28px;
	line-height: 32px;
    height: 65px;
    overflow: hidden;
	font-weight: 900 !important;
}

.block-icon-item-column--body p {
    height: 100px;
    overflow: hidden;
}

.block-icon-item-column--btn-link a {
    display: block;
    padding: 10px;
    text-align: center;
}

.block-icon-item-column--btn-link a:hover{
    position: relative;    
    text-decoration: none !important;    
    box-shadow: none;
    -webkit-box-shadow:  none;
    -moz-box-shadow:  none;
}

.block-icon-item-icon {
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
    margin-bottom: 20px;
}

.template_b .block-icon-item-icon:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.block-icon-item-column .col-md-9 {
	width: 100%;
}

.template_a .col-md-3.block-icon-item-icon img {
	width: 50%;
	max-width: 150px;
	margin: 0 auto;	
} 

.template_b .col-md-3.block-icon-item-icon img {
	position: absolute;
	width: 50%;
	max-width: 150px;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 0;
}

.template_b .col-md-3.block-icon-item-icon .flexFont {
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 0;
}




/* Block Type - Gallery */

.block-gallery-container {
    margin-top: 25px;
    margin-bottom: 25px;
}

.block-gallery-container a.carousel-control-prev {
    position: absolute;
    top: 35%;
    left: 15px;
    font-size: 24px;
    z-index: 99;
}
.block-gallery-container a.carousel-control-next {
    position: absolute;
    top: 35%;
    right: 15px;
    font-size: 24px;
    z-index: 99;
}

.block-gallery-container .carousel .item .carousel-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    text-align: left;
}

.block-gallery-container .carousel .item img {
    width: 100%;
    height: auto;
}


/* Block Type - One-Col */

.block_one_col img {
	width: 50% !important;
	float: right !important;
	height: auto !important;
	margin: 0 0 30px 30px !important;
}


/* Block Type - Process Diagram */

.block-process-boxes-container {
    margin-top: 25px;
    margin-bottom: 25px;
}

.process-item-column--title {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700 !important;
}

.template_a .process-item-column {
	padding: 0;
}

.template_b .process-item-column {
	padding: 15px;
}

.process-item-column--title h4, .block-icon-item-column--title h4 {
    margin: 0;
    font-weight: bold;
}

.process-item-column--body {
    margin-top: 10px;
    margin-bottom: 10px;
}

.process-item-column--btn-link a {
    display: block;
    text-align: center;
    padding: 10px;
}

.process-boxes-counter-line ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.process-boxes-counter-line ul li span {
    width: 80px;
    height: 80px;
    line-height: 75px;
    display: block;
    text-align: center;
    font-size: 52px;
    font-weight: bold;
    padding: 4px;
    border-radius: 100px;
    z-index: 3;
    position: relative;
}

.process-boxes-counter-line {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.process-boxes-counter-line ul li:before {
    content: "";
    background-color: #6a6a6a;
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    height: 15px;
    z-index: 1;
}

.process-boxes-counter-line ul li {
    position: relative;
}

.process-boxes-counter-line ul li:first-child:before {
    left: 20px;
}

.process-boxes-counter-line ul li:last-child:before {
    width: 30px;
}

/* Block Type - Responsive Boxes */

.responsive-boxes-content h3,
.responsive-boxes-content p {
	text-align: center;
}

.block_responsive_boxes .block-content img  {
	width: 50% !important;
	float: right !important;
	height: auto !important;
	margin: 0 0 30px 30px !important;
}

.block-responsive-boxes, .block-blog-entries-container {
    margin-top: 20px;
}

.responsive-boxes-inner {
    margin-bottom: 30px;
}

.responsive-boxes-inner .responsive-boxes-content h3 {
	margin-top: 30px !important;
	font-size: 28px;
	line-height: 32px;
    height: 65px;
    overflow: hidden;
	font-weight: 900 !important;
}

.responsive-boxes-inner a {
    text-decoration: none;
}

.responsive-boxes-image img {
    width: 100%;
    height: auto;
}

.block-type-item-container-outer.has-bg-image {
    background-color: unset;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}


/* Block Type - Testimonials */

.testimonial-container {
    width: 100%;
    position: relative;
    margin-top: 55px;
}

.testimonial-container {
	padding-bottom: 40px;
}

.testimonial-box {
    position: relative;
}

.testimonial-box div img {
    width: 100%;
    height: auto;
}

.testimonial-name {
    height: auto;
	padding: 0;
	margin: 0;
    width: fit-content;
    font-weight: 700;
}

.testimonial-subtitle {
	height: auto;
	padding: 0;
	margin: 0;
	border-bottom: none;
}

.testimonial-quote {
    font-size: 34px;
    line-height: normal;
    margin-bottom: 30px;
    font-style: italic;
    width: 100%;
}

.testimonial-container button.slick-prev.pull-left.slick-arrow {
    position: absolute;
    bottom: auto;
    left: -17px;
    font-size: 42px;
    background-color: unset;
    border: unset;
    outline: none;
    z-index: 9;
    top:-60px;
}

.testimonial-container button.slick-next.pull-right.slick-arrow {
    position: absolute;
    bottom: auto;
    right: -17px;
    font-size: 42px;
    background-color: unset;
    border: unset;
    outline: none;
    z-index: 9;
    top:-60px;
}

.testimonial-box-mobile-arrows {
    display: none;
    text-align: center;
    margin-top: 20px;
}

.testimonial-box-mobile-arrows a {
    font-size: 52px;
    margin: 0 20px;
    text-decoration: none;
    outline: none;
}


/* Block Type - Tutors */

.tutors-container {
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.tutor-face {
	border: 10px solid transparent;
    height: 200px;
    width: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.tutor-face-inner {
    overflow: hidden;
    width: 180px;
    height: 180px;
    border-radius: 100%;
    position: relative;
    transform: translateZ(0);
}

.tutor-qualifications {
    position: absolute;
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    height: 100%;
    opacity: 0;
    transition: all 0.5s ease;
}

.tutor-face:hover .tutor-qualifications {
    opacity: 1;
}

.tutor-desc {
    margin-top: 10px;
    text-align: center;
    z-index: -2;
    position: relative;
}

.tutor-desc .tutor-name {
    font-weight: bold;
    margin-bottom: 5px;
}

.tutor-box.slick-col-3 {
    padding: 0 10px;
}

.tutors-container {
    padding-bottom: 50px;
}

.tutors-container button.slick-prev.pull-left.slick-arrow {
    position: absolute;
    bottom: -10px;
    right: 70px;
    font-size: 42px;
    background-color: unset;
    border: unset;
    outline: none;
    z-index: 9;
}

.tutors-container button.slick-next.pull-right.slick-arrow {
    position: absolute;
    bottom: -10px;
    right: 25px;
    font-size: 42px;
    background-color: unset;
    border: unset;
    outline: none;
    z-index: 9;
}

.tutors-hover-popup-container-row {
    background-color: transparent;
    padding: 20px;
    color: white;
    
}

.tutor-hidden-full-desc-top {
    margin-bottom: 20px;
}

.tutors-container-outer-desktop {
    position: relative;
}

.tutors-container-tutors-hover-popup-container-desktop-version {
    position: absolute;
    top: 65%;
    left: 0;
    width: 100%;
    z-index: 99;
}

.tutor-mobile-left-thumbs ul, .tutor-mobile-right-full-descriptions ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.tutor-mobile-left-thumbs ul li {
	margin-bottom: 15px;
}

li.tutor-mobile-right-full-descriptions-list-row.tutor-active-mobile img,
.tutor-mobile-below-description-restrict-some-device img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

li.tutor-mobile-right-full-descriptions-list-row,
.tutor-mobile-below-description-restrict-some-device {
	display: none;
    background-color: rgba(0,0,0,1);
    color: #fff;
    padding: 20px;
    min-height: 100vh;
}

.tutor-mobile-below-description-restrict-some-device {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

li.tutor-mobile-right-full-descriptions-list-row.tutor-active-mobile {
    display: block;
}

.tutor-face-caret-below {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 30px;
    border-color: transparent transparent #000 transparent;
    bottom: -73px;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
}

.page-node-type-vertical-scroller .tutors-container-tutors-hover-popup-container-desktop-version {
    top: 70%;
}

.page-node-type-vertical-scroller .tutor-desc p.tutor-subtitle {
    min-height: 50px;
}

.tutor-face-caret-right {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 50px 25px 0;
    border-color: transparent #000 transparent transparent;
    bottom: 0;
    position: absolute;
    z-index: -1;
    right: -50px;
    opacity: 0;
    top: 0;
    margin-top: auto;
    margin-bottom: auto;
}

li.tutor-mobile-left-thumbs-list-row.tutor-active-mobile .tutor-face-caret-right {
    opacity: 1;
}

a.tutors-mobile-tutor-single {
    position: relative;
    display: block;
    background-color: unset !important;
}


/* Block Type - Two-Column */

/*.container.block-types.block_two_col .block-content {
    column-count: 2;
}*/

.block_two_col p,
.block_two_col li,
.block_two_col blockquote {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}


/* Padding for elements in Template B */

.template_b blockquote {
	padding: 20px;
}

.template_b .block-type-title {
	padding: 5px 10px;
}

.template_b .block-responsive-boxes div.responsive-boxes-inner {
	padding-bottom: 15px;
}

.template_b .block-responsive-boxes div.responsive-boxes-inner h3,
.template_b .block-responsive-boxes div.responsive-boxes-inner p {
	margin-left: 15px;
	margin-right: 15px;
}

.template_b .testimonial-quote {
	padding: 15px;
	border-right: 10px solid black;
}

.template_b .block-icon-item-column {
    padding-bottom: 0;
}

.template_b .block-icon-item-column h4 {
    margin-top: 15px;
}

.template_b .blog-title h3 {
	padding: 0 15px 15px 15px;
}

.view-header-banner .header-banner-image .mobile-view,
.view-header-banner .header-banner-container .mobile-view {
    display: none;
}

.caret-small-mobile {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #000 transparent;
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -10px;
}

li.cs-side-menu-links.apply-now-cs-menu.active-highlight a {
    background-color: rgb(99,202,255);
}

.path-blog .main-container aside[role="complementary"] {
    position: sticky;
    top: 0;
}

aside.col-sm-3.set-sticky-sidebar-blog {
    padding-top: 30px;
}

/*.page-node-264 .sub-pricing-mini-desc {
    position: relative;
}

.page-node-264 .sub-pricing-mini-desc .shopify-buy-frame {
    position: absolute;
    bottom: -55px;
    right: -14px;
    width: auto;
    height: 30px;
    overflow: hidden;
}

.page-node-264 .sub-pricing-mini-desc .shopify-buy-frame iframe {
    position: relative;
    top: -57px;
    transform: scale(0.9);
    height: auto !important;
    overflow: unset !important;
}

.page-node-264 #block_pricing_table6 .sub-pricing-toggle-link {
    margin: 25px 0 10px;
}*/

.js-pager__items.pager li a {
    background-color: rgb(0,148,202);
    color: #fff;
    border: unset;
    display: inline-block;
    width: 150px;
    text-align: center;
    padding: 10px;
    border-radius: unset;
    text-decoration: none;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.js-pager__items.pager li a:hover {
    background-color: rgb(56,73,85);
}

.block-content ul li::before, 
.content ul li::before {
    position: absolute;
    left: 0px;
    top: -1px;
    content: '\2022';
    font-family: 'Arial', 'Helvetica', sans serif;
}

.shopify-buy-frame--product {
    display: block;
    max-width: unset !important;
}

.shopify-buy-frame--product iframe {
    margin-top: -20px;
}

.block-top-header-text a {
    color: #000 !important;
    text-decoration: none !important;
}

.block-pricing-table-container .shopify-buy-frame--product {
    width: 150px;
}

.block-pricing-table-container .shopify-buy-frame--product iframe {
    margin-top: 0;
}
a.table-popup-anchor {
    color: unset !important;
    border: unset !important;
    border-color: transparent !important;
    padding: 0 !important;
}

.modal .modal-content {
    padding: 15px;
}


#webform-submission-sign-up-to-our-newsletter-node-306-add-form .webform-confirmation .webform-confirmation__message {
    color: #fff;
}

#webform-submission-sign-up-to-our-newsletter-node-306-add-form a {
    color: #fff;
    text-decoration: underline;
}

.hide-main-nav-rightmost-menu-item #block-uglitheme-main-menu ul.menu > li.last {
    display: none;
}

.hide-main-nav-rightmost-menu-item #block-uglitheme-main-menu ul li:nth-last-child(2) a {
  margin-right: 0;
}

select.form-control {
    height: auto;
}

#block-rsslink p {
    position: relative;
}

#block-rsslink p span {
    position: absolute;
    top: -45px;
    left: 0;
    background-color: #d0d0d0;
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.3);
}

.BlogArticle img {
    width: 100%;
    height: auto;
}

html[lang="zh-hans"] #views-exposed-form-blog-page-1 button,
html[lang="zh-hant"] #views-exposed-form-blog-page-1 button {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 40px;
}

html[lang="zh-hans"] #views-exposed-form-blog-page-1 button:before,
html[lang="zh-hant"] #views-exposed-form-blog-page-1 button:before {
    content: "\e003";
    text-indent: 0 !important;
    left: -29px;
    position: relative;
    color: #fff;
}