/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/* --------------------------------
Reset Browser Inherited Style
---------------------------------*/

html,body,h1,h2,h3,h4,h5,h6,p,dd,dl,dt,div,hr,img,input,select,textarea,ul,ul li,ol,ol li,blockquote,table,td,th{
	margin:0;
	padding:0;
	border:0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300; 
    font-size: 18px;
    box-sizing: border-box;
    color: #000;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

textarea {
    line-height:normal;
}

html {
    font-size: 1em;
    line-height: normal;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: inline-block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0 32px 0;
    padding: 0;
    width: 100%;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/*-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;*/
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body,html{background: #f8f8f8;overflow-x: hidden;}
.bc{-webkit-background-size: cover!important;-moz-background-size: cover!important;-o-background-size: cover!important;background-size: cover!important;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.top .wrapper::after,.footer .wrapper::after,.footer-copyright .wrapper::after{visibility:hidden;display:block;content:"";clear:both;height:0;}
h1,ul.menu li a{font-family: 'Poppins', sans-serif;}
a{outline: none!important;text-decoration: none;cursor: pointer;}
h1{font-size: 40px;font-weight: 600;margin-bottom: 28px;line-height: 48px;}
h2{font-size: 28px;font-weight: 700;margin-bottom: 28px;line-height: 36px;}
h3{font-size: 22px;font-weight: 700;margin-bottom: 18px;line-height: 30px;}
h4{font-size: 20px;font-weight: 700;margin-bottom:22px;line-height: 28px;}
h5{font-size: 18px;font-weight: 700;margin-bottom:0px;}
.preset h1,.preset h2{margin-bottom: 24px;}
.preset p img{max-width: 100%;height: auto;margin: 0 auto;display: block;}
p{margin-bottom:28px;}
a{color: #ef3124;}
a:hover{color:#0230de; }
.center{text-align: center;}
ul, ol {
    padding-left: 20px;
    margin-bottom: 32px;
}
.red{color: #ef3124;}
a h3{color: #213069;}
a:hover h3{color:#ef3124;}
.block{display: inline-block !important;}

.wrapper{max-width: 1126px;margin: 0 auto;padding: 0 20px;}
.topspace{height: 100px;}
.top{width: 100%;height: 100px;background: #fff;position: fixed;z-index: 999;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.top.scroll{ -webkit-box-shadow:0 10px 8px -6px rgba(0,0,0,0.13);-moz-box-shadow:0 10px 8px -6px rgba(0,0,0,0.13);box-shadow:0 10px 8px -6px rgba(0,0,0,0.13);height: 70px;}
.logo{background: url(../img/secoe-logo.png)no-repeat;background-size: 204px 57px;width: 204px;height: 57px;display: inline-block;margin-top: 22px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.top.scroll .logo{background-size: 170px 48px;width: 170px;height:48px;margin-top: 10px;}
ul.menu{list-style: none;padding: 0;margin:43px 0 0 0;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
ul.menu li{display: inline-block;vertical-align: top;margin-left: 15px;}
ul.menu li a{font-size: 15px;font-weight: 500;color: #000;}
ul.menu li a:hover{color: #ef3124;}
ul.menu li.social {
    font-size:0;
}
ul.menu li.social a{display: inline-block;vertical-align: middle;margin: 0 5px;}
.top.scroll ul.menu{margin-top: 22px;}
.header{background:#213069 url(../img/header-pattern.png)no-repeat right top;background-size: 501px 140px;min-height: 164px;padding: 24px 0 20px 0;}
.header h1{margin-bottom: 0;}
.breadcrumb{margin-bottom: 35px;width: 80%;}
.breadcrumb,.breadcrumb a{font-size: 15px;color: #fff;}
.breadcrumb a:hover{color: #ef3124;}
.share {
    background: #4fbe93;
    color: #fff;
    padding:7px 14px;
    border-radius: 20px;
    line-height:15px;
    position:relative;
}
.share > a {
    color:#fff;
}
.share > div {
    position: absolute;
    right: 0;
    top: 40px;
    text-align: right;
    width: 300px;
    display:none;
}
.share > div a {
    display: inline-block;
    background: #4fbe93;
    border-radius: 12px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 20px;
    margin: 0 2px;
}
.share > div a:last-child {
    margin-right:0;
}
.share > div.show {
    display:block;
}
.short-bar-red{border: 0;height: 7px;width: 47px;background: #ef3124;margin-bottom: 12px;}
.header h1{color: #fff;}
.subpage.header{background:transparent url(../img/header-pattern-2.png)no-repeat right top;background-size: 492px 140px;min-height:140px;height: auto; padding-bottom: 0;}
.subpage.header .breadcrumb{margin-bottom: 60px;}
.subpage.header .breadcrumb,.subpage.header .breadcrumb a{color: #828282;}
.subpage.header .breadcrumb a:hover{color: #ef3124;}
.subpage.header h1{color: #000;margin-bottom: 28px;}
.content{padding: 50px 0;line-height: 26px;}
.subpage.content{padding-top: 0;}

/* preset media */
.preset .ss-htmleditorfield-file.embed {
    position: relative;
    margin-bottom:28px;
    width:100% !important;
    padding-bottom: 450px;
    height: 0;
    overflow: hidden;
    max-width: 800px;
}
.preset .ss-htmleditorfield-file.embed.center {
    margin-left:auto;
    margin-right:auto;
}
.preset .ss-htmleditorfield-file.embed.rightAlone {
    margin-left:auto;
    margin-right:0;
}
.preset .ss-htmleditorfield-file.embed.leftAlone {
    margin-left:0;
    margin-right:auto;
}
.preset .ss-htmleditorfield-file.embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* preset table */
.preset table {
    width: 100%;
    padding: 0;
    margin: 0 0 28px 0;
    border-collapse: collapse;
    border: 0;
    background:#eee;
    /* table-layout:fixed; */
}
.preset table th,
.preset table td {
    padding: 4px 8px;
    word-wrap: break-word;
    border: 1px solid #fff;
}
.preset table th {
    font-weight:500;
    text-align:left;
    background:#ddd;
}
.preset table h1:last-child,
.preset table h2:last-child,
.preset table h3:last-child,
.preset table h4:last-child,
.preset table h5:last-child,
.preset table h6:last-child,
.preset table p:last-child,
.two-columns > div > *:last-child,
.three-columns > div > *:last-child,
.four-columns > div > *:last-child,
.one-column-box > *:last-child,
.two-columns-box > div > *:last-child,
.three-columns-box > div > *:last-child,
blockquote > *:last-child,
.one-column-box > *:last-child {
    margin-bottom:0;
}

/* columns */
.two-columns,
.three-columns,
.four-columns,
.two-columns-box,
.three-columns-box {
    display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1fr;
    grid-column-gap: 2%;
    grid-row-gap: 28px;
    margin:0 0 28px 0;
}
blockquote,
.one-column-box {
    padding: 29px 40px;
    background: #f4e7e5;
    margin-bottom: 28px;
    border-bottom: 4px solid #ffc9c5;
}
.three-columns,
.three-columns-box {
    grid-template-columns: repeat(3, 1fr);
}
.four-columns {
    grid-template-columns: repeat(4, 1fr);
}
.two-columns > div,
.three-columns > div,
.four-columns > div,
.two-columns-box > div,
.three-columns-box > div {
    vertical-align: top;
    min-width:0;
    min-height:0;
}
.two-columns > div p,
.three-columns > div p,
.four-columns > div p,
.one-column-box > div p,
.two-columns-box > div p,
.three-columns-box > div p {
    margin-bottom:20px;
}
.two-columns > div p img,
.three-columns > div p img,
.four-columns > div p img,
.one-column-box > div p img,
.two-columns-box > div p img,
.three-columns-box > div p img {
    width: 100%;
    max-width:100%;
    height: auto;
}
.two-columns-box > div,
.three-columns-box > div {
    padding: 20px 25px;
    background: #f4e7e5;
    border-bottom: 4px solid #ffc9c5;
}

/* imgtext */
.preset .img_text_layout,
.preset .text_img_layout {
    font-size: 0;
    margin-bottom: 28px;
}
.preset .img_text_layout > div,
.preset .text_img_layout > div {
    display:inline-block;
    vertical-align:top;
    font-size:18px;
    width:30%;
    margin-bottom:0;
}
.preset .img_text_layout > div:nth-child(2) {
    width:70%;
    padding:0 0 0 30px;
}
.preset .text_img_layout > div:first-child {
    float:right;
}
.preset .text_img_layout > div:nth-child(2) {
    width:70%;
    padding:0 30px 0 0;
}
.preset .img_text_layout > div p,
.preset .text_img_layout > div p {
    margin-bottom:20px;
}
.preset .img_text_layout > div p:last-child,
.preset .text_img_layout > div p:last-child {
    margin-bottom:0;
}
.preset .img_text_layout > div p img,
.preset .text_img_layout > div p img {
    width: 100%;
    max-width:100%;
    height: auto;
}
.preset .text_img_layout::after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.preset strong,
.preset b {
    font-weight:500;
}
.preset table {
    width: 100%;
    padding: 0;
    margin: 0 0 28px 0;
    border-collapse: collapse;
    border: 0;
    background:#eee;
    /* table-layout:fixed; */
}
.preset table th,
.preset table td {
    padding: 4px 8px;
    word-wrap: break-word;
    border: 1px solid #fff;
}
.preset table th {
    font-weight:500;
    text-align:left;
    background:#ddd;
}
.preset table th > p,
.preset table td > p {
    margin-bottom:0;
}

/* captions */
.preset .captionImage {
    max-width:100%;
    margin-bottom:28px;
}
.preset .captionImage img {
    margin-bottom:5px;
    max-width:100%;
    height:auto;
}
.preset .captionImage.center,
.preset .caption.center {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.preset .caption {
    font-size:15px;
    line-height: 18px;
    color: #555;
    margin-bottom:0;
}
.preset img.center {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.preset .two-columns > div .captionImage,
.preset .three-columns > div .captionImage,
.preset .one-column-box > div .captionImage,
.preset .two-columns-box > div .captionImage,
.preset .three-columns-box > div .captionImage {
    margin-bottom:14px;
}
.preset .two-columns > div .captionImage:last-child,
.preset .three-columns > div .captionImage:last-child,
.preset .one-column-box > div .captionImage:last-child,
.preset .two-columns-box > div .captionImage:last-child,
.preset .three-columns-box > div .captionImage:last-child {
    margin-bottom:0;
}
.preset .two-columns>div p.caption,
.preset .three-columns>div p.caption,
.preset .one-column-box>div p.caption,
.preset .two-columns-box>div p.caption,
.preset .three-columns-box>div p.caption {
    margin-bottom:0;
}

.footer{background: #303753;padding:50px 0 25px 0;}
.footer .right,.footer .left,.footer .right p,.footer .left p{font-size: 14px;color:#a6a6a6;margin-bottom: 30px;}

.footer .left{padding-right: 20px;}
.footer .right p,.footer .left p{margin-bottom: 30px;}
.footer .left img{display: inline-block;vertical-align: middle;margin-right: 30px;max-width: 100%; height: auto;margin-bottom: 30px;}
.footer .left img:last-child{margin-right: 0;}
.footer .right img{display: inline-block;max-width: 100%; height: auto;}
.footer .wrapper hr{background: #7a7a7a;border: 0;margin: 0 0 14px 0;height: 1px;}
.footer ul.menu{margin-top: 0;}
.footer ul.menu li{margin-left: 0;margin-right: 15px;margin-bottom: 10px;}
.footer ul.menu li a{color: #a6a6a6;}
.footer ul.menu li a:hover{color: #fff;}
.footer-copyright{background: #1e2234;padding:25px 0 25px 0;}
.footer-copyright *{color: #a6a6a6;font-size: 14px;}
.footer-copyright a:hover{color: #fff;}
.btn,
button.btn, html input[type=button].btn, input[type=reset].btn, input[type=submit].btn {
    border: 0;
    background: #ff7e74;
    color: #000;
    padding: 12px 25px;
    border-radius: 4px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.btn:hover,
button.btn:hover, html input[type=button].btn:hover, input[type=reset].btn:hover, input[type=submit].btn:hover {
    color: #fff;
}
.btn.purple{background: #be99ea;}
.btn.blue{background: #8bb6ea;}

/*partners*/
.partners-list > div{font-size: 0;border-bottom: 1px solid #cccccc;margin-bottom: 40px;padding-bottom: 10px;}
.partners-list>div:last-child {
    border: 0;
    margin-bottom:0;
}
.partners-list > div div{display: inline-block;vertical-align: top;}
.partners-list > div .image{width: 30%;}
.partners-list > div .image p{background:#fff;text-align: center;padding:37px 30px;border: 1px solid #cccccc;width: 100%;display: flex;align-items: center;justify-content:center; min-height: 230px;}
.partners-list > div .image p img{max-width: 100%;height: auto;}
.partners-list > div .text{width: 70%;padding-left: 40px;}

/*focus areas*/
.box-link {
    font-size: 0;
    margin: 0 -30px 50px -30px;
    text-align:center;
}
.box-link>div {
    width: 33.33%;
    padding: 0 30px;
    display: inline-block;
    vertical-align: top;
    margin-bottom:10px;
}
.box-link div a{font-weight: 700;color: #000;font-size: 20px; padding: 20px 20px; background:#dfdfdf;border-bottom: 5px solid #cacaca;text-align: center;display: block;}
.box-link div a:hover{background: #d9ddee;}
.box-link div a > span{margin-right: 12px;}
.icon-lighting{background:#8064a2 url(../img/icon-lighting.png)no-repeat center center;background-size: 20px 40px;min-width: 67px;width: 100%;height:0;padding-bottom:100%;-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;display: inline-block;vertical-align: middle;}
.icon-lighting.purple{background-color: #5959b0;}
.icon-lighting.blue{background-color: #4f81bd;}
.backtotop{text-align: right;border-bottom: 1px solid #b8b8b8;margin-bottom: 38px;}
.backtotop a{font-size: 16px;font-weight: 700;color: #000;padding-right: 23px;background:url(../img/icon-arrow-up-black.png)no-repeat right center;background-size: 15px 9px;}
.backtotop a:hover{color: #ef3124;}
.home.box-link div a{background: #8064a2;color: #fff;}
.home.box-link div a.purple{background: #5959b0;}
.home.box-link div a.blue{background: #4f81bd;}
.home .icon-lighting{background-color: #4c267a;}
.home .icon-lighting.purple{background-color: #111184;}
.home .icon-lighting.blue{background-color: #1b5193;}
.box-link div img{width: 100%;height: auto;}
.home.box-link div a:hover{background: #4c267a;}
.home.box-link div a.purple:hover{background: #111184;}
.home.box-link div a.blue:hover{background: #1b5193;}
.home-banner video {
	position: absolute;
	right: 0;
	top: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	background-size: cover;
	transition: 1s opacity;
}

/*workshops*/
.workshops-list > div{font-size: 0;margin-bottom: 40px;}
.workshops-list div > div{display: inline-block;vertical-align: top;}
.workshops-list div .image{width: 23%;position: relative;}
.workshops-list div .image img{width: 100%;height: auto;}
.workshops-list div .image .status{position: absolute;top: 0;left: 0;padding: 1px 10px;background:#ef3124;color: #fff;font-size: 16px;font-weight: 700;}
.workshops-list div .text{width: 77%;padding-left: 30px;}
.workshops-list div .text .date,.upcoming-workshop-list > div .text .date{font-size: 22px;padding-left: 36px;background: url(../img/icon-calendar.png)no-repeat left center;background-size: 27px 27px;display: block;margin-bottom: 15px;}
.filter{margin-bottom: 50px;}
.filter div.dropdown {
	width:100%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}

.filter div.dropdown.year {
    max-width: 176px;
}
div.dropdown > .middleColumn {
	width: 100%;
	position: relative;
    background: #e0e0e0;
    
}
div.dropdown label {
	display: none;
	outline: none!important;
}
div.dropdown select {
	width: 100%;
	background: none;
	font-size: 18px;
	border: 0;
	outline: 0;
	padding: 0 34px 0 14px;
	cursor: pointer;
	height: 34px;
	line-height: normal;
	-webkit-appearance: none;
	outline: none!important;
}
.dropdown select option {
	outline: none!important;
    
}
.dropdown > .middleColumn::after {
	content: '';
	background:#e0e0e0 url(../img/icon-arrow-down-black.png) no-repeat right 10px center;
	background-size: auto auto;
	background-size: 16px 9px;
	display: block;
	position: absolute;
	width: 34px;
	height: 34px;
	right: 0;
	top: 0;
	pointer-events: none;
}
.workshops-list .btn{/*font-size: 16px;*/padding:8px 25px;margin-right: 10px;}
.workshops-list .btn:last-child{margin-right: 0;}

/*workshop detail*/
.workshop-top{border-top:1px solid #213069;border-bottom: 1px solid #213069;padding: 30px 0;font-size: 0;margin-bottom: 50px;}
.workshop-top > div{display: inline-block;vertical-align: top;width: 33.33%;padding: 0 30px 0 0;font-weight: 400;line-height: normal;}
.workshop-top > div:last-child{text-align: right;padding-right: 0;}
.workshop-top > div .ttl{color: #213069;}
.trainer-wrapper{font-size: 0;margin: 0 -30px;}
.trainer-wrapper > div{display: inline-block;vertical-align: top;width: 50%;padding:0 30px;font-size: 0;margin-bottom: 28px;}
.trainer-wrapper > div > div{display: inline-block;vertical-align: top;}
.trainer-wrapper > div .image{width: 21.3%;}
.trainer-wrapper > div .image img{width: 100%;height: auto;}
.trainer-wrapper > div .text {width:78.7%;padding-left: 26px;}
.workshop-top .btn.purple,.workshop-top .btn.blue{margin-bottom: 10px;width: 200px;}

/*download*/
.download-list{margin-bottom: 35px;}
.download-list h3{margin-bottom: 0;}
.download-list hr{margin-top: 0px;margin-bottom:8px;}

.download-list a{font-size: 20px; font-weight: 700;color: #213069;text-decoration: underline;line-height: 28px;}
.download-list a:hover{color: #ef3124;}

/*home*/
.banner-wrapper{background: url(../img/home-banner-background.jpg)no-repeat center top; /*height: 0;padding-bottom: 46%;*/}
.banner-wrapper .wrapper{padding-top:60px;}
.home-banner{width: 100%;height: 0;padding-bottom: 50%;position: relative;/*min-height: 250px;*/}
.homebanner-slider .slides li {position: relative;}
.homebanner-slider .slides li .banner-shadow{position: absolute;bottom: 0;left: 0;z-index: 2;background: url(../img/banner-shadow.png)repeat-x left bottom;width: 100%;height: 267px;}
.homebanner-slider .text{position: absolute;bottom: 0;left: 0;z-index: 3;padding: 0 44px 44px 44px;}
.homebanner-slider .text h1{color: #fff;}
.homebanner-slider .btn{padding: 6px 20px;}
.section{padding: 58px 0;text-align: center;line-height: 26px;}
.section h1{margin-bottom:18px;}
.section h1,.section h4{color: #213069;}
.focus-areas{background:#ebebeb; }
.section hr {
    border: 0;
    height: 7px;
    width: 47px;
    background: #ef3124;
    margin: 0px auto 50px auto;
}
.section p:last-child{margin-bottom: 0;}
.upcoming-workshop-list>div {
    margin-bottom:40px;
    font-size: 0;
}
.upcoming-workshop-list>div:last-child {
    margin-bottom:0;
}
.upcoming-workshop-list > div div{display: inline-block;vertical-align: top;}
.upcoming-workshop-list > div .image{width: 25%;}
.upcoming-workshop-list > div .image img{width: 100%;height: auto;}
.upcoming-workshop-list > div .text{width: 75%;text-align: left;padding-left: 26px;font-size: 0;}
.upcoming-workshop-list > div .text .ttl{width:70%;display: inline-block;vertical-align: top;}
.upcoming-workshop-list > div .text .button{width: 30%;display: inline-block;vertical-align: top;font-size: 18px;}


/*.upcoming-workshop-list > div .button{width:22%;padding-top: 40px;}*/
.statistics{background: #ffffff;}
.statistics p img{margin: 0 auto; max-width: 100%;height: auto;display: block;}
.testimonial{background: url(../img/testimonial-background.jpg)no-repeat center center;min-height: 600px;}
.testimonial h1,.testimonial p,.testimonial .slides li{color: #fff;}

.testimonial .slides li{padding:0 100px 40px 100px;min-height: 230px;}
.updates-wrapper .wrapper .u{padding-left: 55px;padding-right: 55px;}
.updates .item {
    text-align: left;
    background: #fff;
    padding: 20px 17px;
    border-bottom:4px solid #cacaca;
}
.updates .item h3{margin-bottom: 10px;}
.updates .item .date{font-size: 15px;display: block;margin-bottom: 10px;}
.updates .item p:last-child{margin-bottom: 0;}

/* chart */
svg {
    font: 12px sans-serif;
    margin: 0px auto;
    display: block;
}
svg path.arc {
    opacity: 0.9;
    transition: opacity 0.5s;
}
svg path.arc:hover {
    opacity: 0.7;
}
svg .axis line,
svg .axis circle {
    stroke: #cccccc;
    stroke-width: 1px
}
svg .axis circle {
    fill: none;
}
svg .r.axis text {
    text-anchor: end
}
svg text {
    font-weight:bold;
}
.tooltip {
    position: absolute;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    box-shadow: -3px 3px 15px #888;
    color: white;
    padding: 6px;
}
svg foreignObject div {
    height:100%;
    line-height:100px;
    text-align: center;
}
svg foreignObject div span {
    line-height: normal;
    width: 80%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font: 11px sans-serif;
    color:#fff;
    font-weight:bold;
}
.d3charts {
    padding: 0 40px;
}
.infographics {
    margin: 1rem;
    margin-top:0;
}
.infographics:nth-child(2n) {
    margin-right:auto;
    margin-left:2rem;
}
.infographics:nth-child(2n+1) {
    margin-left:auto;
    margin-right:2rem;
}
.infographics > div {
    background:#fff;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    width: 300px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    padding:20px;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.infographics > div:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.infographics > div img {
    display:block;
    max-width:150px;
    margin:0 auto 10px auto;
}
.infographics > div span,
.infographics > div h3 {
    text-align:center;
    display:block;
    margin:0;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value,
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    font-size: 40px;
    font-weight: 700;
    color:#ef3124;
    line-height:32px;
}
.infographics:nth-child(2n) .odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.infographics:nth-child(2n) .odometer.odometer-theme-default .odometer-digit .odometer-value {
    color:#213069;
}

.odometer.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition-duration: 4s !important;
    -moz-transition-duration: 4s !important;
    -ms-transition-duration: 4s !important;
    -o-transition-duration: 4s !important;
    transition-duration: 4s !important
}


/*gallery*/
.gallery{margin: 0 -13px;}
.gallery > div{padding: 0 13px;}
.gallery .image{display: block;position: relative;}
.gallery .image::before{content:"";position: absolute;right:-10px;top: 8px;background: #dddddd;width: 100%;height: 100%;z-index: 1;}
.gallery .image img{width: 100%;height: auto;z-index: 2;position: relative;}
.gallery .text{padding:15px 0 40px 0;}
.gallery .text a{color: #000;display: block;margin-bottom:5px;}
.gallery .text a:hover{color: #ef3124;}
.gallery .text span,.photos-n{display: block;font-size: 15px;color: #787878;}

/*photos*/
ul.gallery-thumbnail{list-style: none;padding: 0;margin: 0 -8px;font-size: 0;}
ul.gallery-thumbnail li{width: 25%; display: inline-block;vertical-align: top;padding: 0 8px;margin-bottom: 16px;}
ul.gallery-thumbnail li a{display: block;width: 100%; padding-bottom: 75.18%;-webkit-background-size: cover!important;-moz-background-size: cover!important;-o-background-size: cover!important;background-size: cover!important;}

/*testimonials*/
.testimonials { 
    column-count:3;
    column-gap:20px;
}
.testimonials .item {
    display:inline-block;
    width:100%;
    background: #fff;
    padding: 25px 20px;
    border-bottom: 4px solid #ffc9c5;
    margin-bottom: 39px;
}
.testimonials .item p{font-style: italic;margin-bottom: 0px;}
.testimonials .item p.author{font-style:normal;font-weight: 700;font-size: 15px;line-height: normal;}
.testimonials .item p:last-child{margin-bottom: 0;}

/*videos*/
.featured-video{position: relative;background: #e6e6e6;margin-bottom: 35px;}
.featured-video .image{display: block;position: absolute;width: 50%;height: 100%;}
.featured-video .image::after{content: "";position: absolute;background: url(../img/icon-play.png)no-repeat;background-size: 47px 35px;width: 47px; height: 35px;left: 16px;bottom:12px;opacity: 0.85;}
.featured-video .image:hover::after{opacity: 1;}
.featured-video .text{margin-left: 50%;padding: 25px;min-height: 312px;}
.featured-video .tag{display: inline-block;padding: 1px 10px;background:#ef3124;color: #fff;font-size: 16px;font-weight: 700;margin-bottom: 15px;}
.featured-video .text h3{margin-bottom: 10px;}
.videos{font-size: 0;margin: 0 -9px;}
.videos > div{width: 25%; display: inline-block;vertical-align: top;padding: 0 9px;margin-bottom: 35px;}
.videos div .image{position: relative;display: block;}
.videos div .image::after{content: '';position: absolute;background: url(../img/icon-play.png)no-repeat;background-size: 47px 35px;width: 47px; height: 35px;left: 16px;bottom:12px;opacity: 0.85;}
.videos div .image:hover::after{opacity: 1;}
.videos div .image img{width: 100%;height: auto;}
.videos div .text{padding-top:10px;}
.videos div .text a{display: block;color: #000;}
.videos div .text a:hover{color: #ef3124;}
.lightbox-close {font-size:0px;background: url(../img/icon-close.png)no-repeat;background-size: 30px 30px; height: 30px; width: 30px;margin: 20px;}
.lightbox-overlay {padding-right: 20px;padding-left: 20px;}
.lightbox{margin-top: -40px;}
/*navicon*/
.navicon {
	margin-top: 38px;
	display: none;
	float: right;
	width: 30px;
	height: 50px;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	z-index: 999;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.navicon .inner {
	display: block;
	width: 30px;
	height: 30px;
	padding: 0;
	position: relative;
}
.navicon .bar {
	display: block;
	position: absolute;
	width: 100%;
	height: 4px;
	left: 0;
	background: rgba(84, 84, 84, 1);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	padding: 0;
}
.navicon .bar.topm {
	top: 0;
}
.navicon .bar.mid {
	top: 50%;
	margin-top: -5px;
}
.navicon .bar.btm {
	top: 100%;
	margin-top: -9px;
}
.navicon.is-active .bar.topm,
.navicon.is-active .bar.mid,
.navicon.is-active .bar.btm {
	top: 50%;
	margin-top: -2px;
}
.top.scroll .navicon{margin-top:23px;}

/* forms */
form.autosubmit input[type=submit] {
    display:none;
}
p.singlecell {
	text-align:center;
	grid-column: 1 / span 4;
}
.paging,
.paging * {
	text-align:center;
	font-size:16px;
}
.paging > div {
	display:inline-block;
	padding:0 10px;
}
.paging a.disabled {
	color:#ccc;
	cursor:not-allowed;
}

form.contact-form label {
    display:none;
}
form.contact-form input[type=text],
form.contact-form input[type=email],
form.contact-form textarea {
    background: #ededed;
    border: 1px solid #a5a5a5;
    width: 100%;
    padding: 8px 15px;
    margin-bottom: 10px;
}
form.contact-form textarea {
    margin-bottom: 20px;
}
::-webkit-input-placeholder {
    color:grey;
}
:-moz-placeholder {
    color:grey;
}
::-moz-placeholder {
    color:grey;
}
:-ms-input-placeholder {
    color:grey;
}

form#MemberLoginForm_LoginForm *,
form#MemberLoginForm_LoginForm *:before,
form#MemberLoginForm_LoginForm *:after,
form#LostPasswordForm_lostPasswordForm *,
form#LostPasswordForm_lostPasswordForm *:before,
form#LostPasswordForm_lostPasswordForm *:after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
form#MemberLoginForm_LoginForm,
form#LostPasswordForm_lostPasswordForm {
    max-width:800px;
}
form#MemberLoginForm_LoginForm input[type=submit],
form#LostPasswordForm_lostPasswordForm input[type=submit] {
    border: 0;
    background: #ff7e74;
    color: #000;
    padding: 12px 25px;
    border-radius: 4px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    box-sizing: border-box;
    text-transform: uppercase;
}
form#MemberLoginForm_LoginForm input[type=submit]:hover,
form#LostPasswordForm_lostPasswordForm input[type=submit]:hover {
    color:#fff;
}
form#MemberLoginForm_LoginForm .field.text,
form#LostPasswordForm_lostPasswordForm .field.text {
    border-bottom: 1px solid #999;
    position: relative;
    margin-bottom: 15px;
}
form#MemberLoginForm_LoginForm .field.checkbox {
    margin-bottom:15px;
}
form#MemberLoginForm_LoginForm .field.checkbox > label {
    float:none;
    display:inline-block;
    margin:0;
}
form#MemberLoginForm_LoginForm .field.checkbox input {
    display:inline-block;
}
form#MemberLoginForm_LoginForm .field.text:after,
form#LostPasswordForm_lostPasswordForm .field.text:after {
    content: '';
    position: absolute;
    height: 2px;
    background: #fff;
    width: 0px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -2px;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
form#MemberLoginForm_LoginForm .field.text input,
form#LostPasswordForm_lostPasswordForm .field.text input {
    border: none;
    height: 35px;
    position: relative;
    z-index: 2;
    padding: 5px;
    background: none;
    width: 100%;
    color:#000;
}
form#MemberLoginForm_LoginForm .field.text input:focus, 
form#MemberLoginForm_LoginForm .field.text input:active,
form#LostPasswordForm_lostPasswordForm .field.text input:focus, 
form#LostPasswordForm_lostPasswordForm .field.text input:active {
    box-shadow: none;
    outline: none;
}
form#MemberLoginForm_LoginForm .field.text > label,
form#LostPasswordForm_lostPasswordForm .field.text > label {
    font-weight: 300;
    color: #000;
    font-size: 16px;
    min-height: 18px;
    text-align: left;
    position: absolute;
    top: 8px;
    left: 5px;
    right: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
}
form#MemberLoginForm_LoginForm .field.text.focus:after,
form#LostPasswordForm_lostPasswordForm .field.text.focus:after {
    opacity: 1;
    width: 100%;
    background: #000;
}
form#MemberLoginForm_LoginForm .field.text.focus > label, 
form#MemberLoginForm_LoginForm .field.text.filled > label,
form#LostPasswordForm_lostPasswordForm .field.text.focus > label, 
form#LostPasswordForm_lostPasswordForm .field.text.filled > label {
    top: -10px;
    font-size: 10px;
    color: #999;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media all and (min-width: 1101px) {
    ul.menu{display:block!important;}
}
@media all and (max-width:1100px) {
   .navicon{display: block;}
    .top ul.menu{display: none;width: 100%;background: #efefef; position: fixed;top:57px;left: 0;z-index: 9999;-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25);box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25);overflow-y:scroll;overflow-x: hidden!important;height: 400px;}
    .top ul.menu::-webkit-scrollbar {width:0;background: #000;}
    .top ul.menu::-webkit-scrollbar-track {  background: #000;}
    .top ul.menu::-webkit-scrollbar-thumb {background-color: #1e1e1e;outline: 1px solid slategrey;}
    .top ul.menu li{width: 100%;display: block;border-bottom: 1px solid #bbb;text-align: center;margin-left: 0;}
    .top ul.menu li:last-child{border-bottom: 0;}
    .top ul.menu li a{margin: 0;padding:10px 20px;display: block;}
    .top ul.menu li.social a{display: inline-block;padding: 10px;}
    .top.scroll ul.menu{top:48px;}
    .footer ul.menu,.footer hr{display: none;}
    .footer {padding-bottom:0px;}
    
}
@media all and (max-width:900px) {
    .upcoming-workshop-list > div .text .ttl{width:100%;display:block;}
    .upcoming-workshop-list > div .text .button{width:100%;display:block;}
    .upcoming-workshop-list > div .text .button .btn{padding: 8px 25px;}
    
}
@media all and (max-width:840px) {
    .preset .ss-htmleditorfield-file.embed {
        padding-bottom: 56.25%;
    }
}
@media all and (max-width:800px) {
    .footer-copyright .wrapper .left,.footer-copyright .wrapper .right{width: 100%;float: none;text-align: center;}
    .footer-copyright .wrapper .left{margin-bottom: 8px;}
     .box-link{margin: 0 -15px 50px -15px;}
    .box-link > div {padding: 0 15px;}
}
@media all and (max-width:768px) {
    .four-columns {
        grid-template-columns: repeat(2, 1fr);
    }
    .videos > div{width: 50%;}
    .homebanner-slider .slides li .banner-shadow{display: none;}
    .homebanner-slider .text { position: relative;width: 100%;padding: 30px 20px;background: #494949;}
}


@media all and (max-width:767px) {
    .share{display: none;}
    .breadcrumb{width: 100%;}
     .trainer-wrapper{margin: 0;}
    .trainer-wrapper > div{width: 100%;padding: 0;}
    .trainer-wrapper > div .image{width: 30%;}
    .trainer-wrapper > div .text{width: 70%;}
    .partners-list > div .text{padding-left: 26px;}
    .three-columns,
    .three-columns-box {
        grid-template-columns: repeat(2, 1fr);
    }
    .testimonials {
        column-count:2;
    }
    .infographics:nth-child(2n) {
        margin-left:1rem;
    }
    .infographics:nth-child(2n+1) {
        margin-right:1rem;
    }
}
@media all and (max-width:700px) {
    ul.gallery-thumbnail li{width: 33.33%;}
    .featured-video .image{position: relative;height: 0;padding-bottom: 56%;}
    .featured-video .image,.featured-video .text{width: 100%;}
    .featured-video .text{margin-left: 0;min-height: auto;}
    .testimonial .slides li {padding: 0 35px 40px 35px;}
    .infographics:nth-child(2n) {
        margin-left:1rem;
    }
    .infographics:nth-child(2n),
    .infographics:nth-child(2n+1) {
        margin-left:auto;
        margin-right:auto;
    }
    .infographics > div {
        width:250px;
    }
}

@media all and (max-width:600px) {
    .updates-wrapper .wrapper .u{padding-left: 0px;padding-right: 0px;}
    .updates .item{
        padding: 20px 40px;
    }
    .videos{margin: 0px;}
    .videos > div{width:100%;padding:0px;}
    .workshops-list > div{margin-bottom: 30px;}
    .workshops-list div .image,.upcoming-workshop-list > div .image{width: 100%;}
    .workshops-list div .text,.upcoming-workshop-list > div .text{width: 100%;padding-left: 0;padding-top: 15px;}
    .workshop-top{margin: 0 0 30px 0;}
    .workshop-top > div{width:50%;padding: 0;margin-bottom:28px;}
    .workshop-top > div:last-child{width: 100%;text-align: left;margin-bottom: 0;}
     .workshop-top .btn,.workshop-top .btn.purple, .workshop-top .btn.blue{width: 100%;box-sizing: border-box;padding: 8px 25px;}
    .two-columns div p img {margin: 0 auto;display: block;}
    .partners-list > div .image p{min-height:100px;}
    ul.gallery-thumbnail li{width:50%;padding: 0 2px;margin-bottom:4px;}
    ul.gallery-thumbnail{margin: 0 -2px}
    .testimonials .item{margin-bottom:20px;}
    .testimonial .slides li {padding: 0 0px 40px 0px;}

    .two-columns,
    .three-columns,
    .four-columns,
    .two-columns-box,
    .three-columns-box {
        grid-template-columns: repeat(1, 1fr);
        grid-auto-rows: auto;
        grid-row-gap:15px;
    }
    .infographics > div {
        width:300px;
    }
    /* .img_text_layout .image,.img_text_layout .text {width: 100%;padding: 0;} */
    .preset .img_text_layout > div,
    .preset .img_text_layout > div:nth-child(2),
    .preset .text_img_layout > div:first-child,
    .preset .text_img_layout > div:nth-child(2) {
        width:100%;
        padding:0;
        float:none;
    }
    .preset .img_text_layout > div:first-child,
    .preset .text_img_layout > div:first-child {
        margin-bottom:20px;
    }
    .testimonials {
        column-count:1;
    }
}
@media all and (max-width:550px) {
    .footer{padding-bottom: 30px;}
    .footer .left,.footer .right{width: 100%;float: none;text-align: center;}
    .footer .left, .footer .left p{margin-bottom: 20px;}
    .footer .right, .footer .right p{margin-bottom: 30px;}
    .footer .left img{margin:0 15px 30px 15px;}
    .box-link div a{font-size: 18px;line-height: normal;}
    
}
@media all and (max-width:500px) {
    .box-link{margin: 0 0px 35px 0px;}
    .box-link > div{width:100%;padding:0px;}
    .box-link div img{display: none;}
    .box-link.home div img{display: block;}
    .box-link div a{font-size: 20px; width:100%;box-sizing: border-box;margin-bottom: 10px;padding: 15px 20px;}
    .one-column-box,
    blockquote {
        padding: 29px 25px;
    }
    .workshops-list .btn{width: 100%;margin-right: 0;box-sizing: border-box;}
     .filter .dropdown.year{max-width:100%;display: block;}
    .filter .dropdown{margin-left: 0;margin-top: 8px;}
    .workshops-list div .text .date, .upcoming-workshop-list > div .text .date {font-size: 20px;padding-left: 32px;background-size: 20px 20px;margin-bottom: 15px;}
    .workshop-top > div{width:100%;padding: 0;margin-bottom:28px;}
    .workshop-top > div:last-child{width: 100%;text-align: left;margin-bottom: 0;}
    .homebanner-slider .text h1,.section h1{font-size: 28px;line-height: 36px;}
}

@media all and (max-width:400px) {
    .trainer-wrapper > div .image, .partners-list > div .image{width: 100%;margin-bottom: 15px;}
    .trainer-wrapper > div .text, .partners-list > div .text{width: 100%;padding:0px 0 0 0;}
    .partners-list > div .image p{margin-bottom: 0;}
    .trainer-wrapper > div .text p:last-child, .partners-list > div .text p:last-child{margin-bottom: 0;}
    .partners-list > div {padding-bottom: 0;}
    .partners-list > div .text,.trainer-wrapper > div{margin-bottom: 32px;}
    .download-list a{font-size: 18px;}
     h1,.subpage.header h1{font-size: 32px;line-height: 38px;}
    h2{font-size: 26px;line-height: 34px;}
    h3{font-size: 20px;line-height: 28px;}
    h4{font-size: 19px;line-height: 27px;}
}
@media all and (max-width:350px) {
    .top{height: 70px;}
    .top .logo,.top.scroll .logo{background-size: 130px 36px;width: 130px;height: 36px;margin-top:18px;}
    .top .navicon{margin-top:23px;}
    .topspace{height: 70px;}
    .box-link div a{font-size: 18px;}
     .top ul.menu{top:48px;margin-top: 22px;}
}
@media all and (max-width:300px) {
    .subpage.header h1{font-size: 30px;line-height: 38px;}
}   
@media all and (max-width:260px) {
    .subpage.header h1{font-size: 28px;line-height: 36px;}
} 
@media all and (max-width:240px) {
    h1{font-size:30px;line-height: 38px;}
    .subpage.header h1{font-size: 25px;line-height: 33px;}
    h2{font-size: 24px;line-height: 32px;}
} 
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after,.clear {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}