.spacing {
    margin-top: 40px;
}

#banner h3 {
    display: block;
}

.inside-overlay {
	min-height: 475px;
}

@media only screen and (max-width: 1024px) and (min-width: 300px) {
	#banner p img {
		float: none;
		height: 249px !important;
	}
}

.uk-accordion-title {
    background: #eee url("/students/cpd/images/br_down.png") no-repeat scroll 9px center;
    color: #1e6b52;
    padding: 5px 20px 5px 36px;
}

.uk-text-center.uk-panel-teaser > img {
    margin-bottom: 20px;
}

.triangle-isosceles::after {
    border-color: #f4c300 transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    bottom: -10px;
    content: "";
    display: block;
    left: 20px;
    position: absolute;
    width: 0;
}

.triangle-isosceles {
    background: #f4c300 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 1em 0;
    padding: 10px;
    position: relative;
}

.uk-panel-box .uk-panel-teaser > * {
    border-radius: 0;
}

.hovergrid .uk-h1 {
    font-size: 42px !important;
}

.hovergrid .uk-overlay-grayscale {
    vertical-align: middle;
}


/*************** box css********************/

.box {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    padding: 50px;
    position: relative;
}

.box:before,
.box:after {
    background: transparent;
    bottom: 17px;
    box-shadow: 0 15px 12px rgba(0, 0, 0, 0.3);
    content: " ";
    height: 10px;
    left: 12px;
    position: absolute;
    width: 40%;
    z-index: -1;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
}

.box:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}

/***************Gallery WK******************/

.uk-overlay-background {
    background: rgba(33, 35, 40, 0.9) none repeat scroll 0 0;
}

.uk-panel .uk-overlay-fade {
    border-top: 5px solid #f4c300;
}

.uk-panel .uk-overlay-fade:hover {
    border-top: 5px solid #f4c300;
}

/**********************side menu list style************************/

#list8 {
    width: 98%;
}

#list8 ul {
    list-style: none;
}

#list8 ul li {
    border-bottom: 1px solid #eee;
    font-size: 15px;
}

#list8 ul li a {
    background-color: #5d7e95;
    border-left: 5px solid #f4c300;
    color: #fff;
    display: block;
    padding: 5px 0 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
}

#list8 ul li a:hover {
    box-shadow: 10px 10px 20px #000;
    -webkit-box-shadow: 10px 10px 20px #000;
    -webkit-transform: rotate(-5deg);
    -moz-box-shadow: 10px 10px 20px #000;
    -moz-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

/***************************PARALLEX STYLING****************/

.uk-height-viewport {
    height: auto !important;
}

/*****************GhostButton*****************/

.greenGhostButton > a.yellowbg:hover {
    background: rgba(244, 195, 0, 0.9) none repeat scroll 0 0;
}

/*************************Home Banner***************************/

.fd-banner-text {
    text-align: right;
    width: 97%;
}

.home-content {
    top: 64%;
    width: 82%;
}

/*************************WideLoadHeader - FOR MOBILE ***************************/

@media only screen and (max-width: 1024px) and (min-width: 300px) {
    #banner p img {
        float: none;
        height: 300px;
    }

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

    .home-content {
        top: 50%;
    }
}

/******************************Blocks*****************************/

.s_mainblock {
    background: #eee;
    float: left;
    margin: 10px 0 40px 0;
    padding: 20px 5px;
}

.s_block {
    float: left;
    margin: 10px 5px 10px 10px;
}

.s_block_inner1 {
    background: #f4c300 none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 108px;
    padding: 18px 20px;
    text-align: center;
}

.s_block_inner1.last {
    background: #f4c300 none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 78px;
    padding: 33px 20px;
    text-align: center;
}

.s_block_inner2 {
    background: #666 none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 100px;
    padding: 22px 21px;
    text-align: center;
    width: 281px;
}

.s_block_inner2.new {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    box-shadow: 5px 5px 5px #eee;
    color: #444;
    height: auto;
    text-align: left;
    width: 86%;
}

.s_block_inner1 .month {
    color: #fff;
    font-size: 19px;
}

.s_block_inner1 .day {
    color: #fff;
    font-size: 31px;
    font-weight: bold;
}

.s_block_inner1 .time {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}

.s_block_inner2 .session {
    color: #fff;
    font-size: 24px;
}

.s_block_inner2 .location {
    color: #fff;
    font-size: 15px;
}

@media screen and (max-width: 600px) and (min-width: 375px) {
    .s_mainblock {
        padding: 20px 0;
    }

    .s_block_inner2 {
        height: 120px;
        padding: 10px 8px;
    }

    .s_block_inner1 {
        padding: 18px 20px !important;
    }

    .s_block_inner1.new {
        padding: 18px 40px !important;
    }
}

@media screen and (max-width: 360px) and (min-width: 320px) {
    .s_mainblock {
        padding: 20px 0 !important;
    }

    .s_block_inner2 {
        height: 120px;
        padding: 10px 8px !important;
    }

    .s_block_inner1 {
        padding: 18px 118px !important;
    }

    .s_block_inner1.new {
        padding: 18px 25px !important;
    }
}

.divider-line {
    background-color: #f4c300;
    height: 0.19rem;
    margin-bottom: 20px;
    width: 3.5rem;
}

/******************************Curriculum Table************************/

.pricing-table {
    background: #f8f8f8;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
    float: left;
    margin: 20px 0;
    width: 317px;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
}

.pricing-table strong {
    color: #3d3d3d;
    font-weight: 700;
}

.pricing-table-header {
    background: #1e6b52;
    /* Old browsers */
    background: -moz-linear-gradient(top, #1e6b52 64%, #1f3b08 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1e6b52 64%, #1f3b08 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1e6b52 64%, #1f3b08 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 10px 10px 0 0;
    padding: 10px 0 25px 0;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e6b52', endColorstr='#1f3b08', GradientType=0);
    /* IE6-9 */
}

.pricing-table-header h2 {
    font-size: 30px;
    font-weight: 700;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.25);
}

.pricing-table-header h3 {
    font-size: 24px;
    font-weight: 400;
    margin-top: 20px;
    text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.25);
}

.pricing-table-space {
    height: 10px;
}

.pricing-table-text {
    border-bottom: 1px solid #ddd;
    color: #888;
    font-size: 16px;
    line-height: 30px;
    margin: 15px 30px 0 30px;
    padding: 0 10px 15px 10px;
    text-align: left;
}

.pricing-table-features {
    color: #888;
    font-size: 16px;
    line-height: 30px;
    margin: 15px 30px 0 30px;
    padding: 0 10px 15px 10px;
    text-align: left;
}

.pricing-table-features p {
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
}

/* Highlighted table */

.pricing-table-highlighted .pricing-table-header {
    background: #f4c300;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f4c300 0%, #fccd4d 50%, #f4c300 51%, #f4c300 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f4c300 0%, #fccd4d 50%, #f4c300 51%, #f4c300 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f4c300 0%, #fccd4d 50%, #f4c300 51%, #f4c300 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 10px 10px 0 0;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4c300', endColorstr='#f4c300', GradientType=0);
    /* IE6-9 */
}

.pricing-table.pricing-table-highlighted p {
    color: #666;
    font-size: 24px;
    padding: 12px 0;
    text-align: center;
}

/*****************************Gallery WK Font Styling********************/

h2.gallery_wk_font {
    color: rgb(244, 195, 0);
    font-size: 2.8em;
    text-align: center;
}

p.gallery_wk_font {
    font-size: 1.16em;
}

a.gallery_wk_font {
    border: 1px solid #fff !important;
    color: #fff !important;
    font-size: 1.5em;
    margin-right: 10px;
    margin-top: 20px;
    padding: 10px;
}

h1.top_header {
    color: #f4c300;
    font-size: 4.5em;
    text-align: center;
    text-transform: uppercase;
}

@media only screen and (max-width: 1024px) and (min-width: 320px) {
    h2.gallery_wk_font {
        font-size: 1.8em;
    }

    p.gallery_wk_font {
        font-size: 0.94em;
    }

    a.gallery_wk_font {
        margin-top: 0;
        padding: 5px 10px;
    }

    h1.top_header {
        font-size: 3em;
    }
}

@media only screen and (max-width: 1470px) and (min-width:960px) {
	p.gallery_wk_font {
		font-size: 0.94em;
	}

	a.gallery_wk_font {
		margin-top: 0;
	}
}

/**********************Grid WK styling*****************/

.uk-panel-box-secondary {
	background-color: rgba(30, 107, 82, 0.6);
}

.uk-panel-box-secondary:hover {
	background: #f4c300;
}

/***************Table *************************/

table.research-statement {
	border-collapse: collapse;
	border-radius: 5px;
	color: #fff;
	margin: 25px auto;
	padding: 0 3px;
	width: 100%;
}

table.research-statement td,
th {
	border: 2px solid #000;
	height: 30px;
	padding: 5px 40px;
	width: 100px;
	transition: all 1.5s;
}

table.research-statement th {
	background: rgba(30, 107, 82, 0.7) none repeat scroll 0 0;
	font-size: 20px;
	font-weight: normal;
}

table.research-statement tr td {
	background: #fff;
	color: #666;
}

table.research-statement tr td:hover {
	background: #666;
	color: #fff;
	font-weight: bold;
}