/* here you can put your own css to customize and override the theme */

/* Navigation */
.header-navigation {
    float: left;
    font: 15px "Open Sans", sans-serif;
    margin: 10px 0 0 0;
    padding: 0;
    text-transform: uppercase;
}

.recent-work .recent-work-item strong {
    color: #000;
    /*display: inline-block;*/
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

/*div.checker,
div.radio {
	top: -1px;
    margin: 10px 5px 0px 0px;
}*/

/*.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
position: absolute;
margin-left: -15px;
}*/

/* PORTLETS NAV TABS */
.portlet.dark-n > .portlet-title > .nav-tabs > li {
  margin: 0;
  padding: 0;
}
.portlet.dark-n > .portlet-title > .nav-tabs > li > a {
  margin: 0;
  padding: 12px 13px 13px 13px;
  font-size: 13px;
  color: #ffffff;
}
.portlet.dark-n > .portlet-title > .nav-tabs > li.active > a, .portlet.dark-n > .portlet-title > .nav-tabs > li:hover > a {
  margin: 0;
  background: none;
  color: #333;
}

.portlet > .portlet-title > .nav-tabs > li > a {
  border-left: 2px solid #ffffff;
  background-color: #ffffff !important ;
  border-bottom: none;
  margin-bottom: 4px;
  position: relative;
  margin-left: -2px;
    color: #333333;
}

.portlet > .portlet-title > .nav-tabs > li > a {
    background: none;
    border: 0;
    margin: 5px 0 0 1px;
    padding: 8px 10px;
}

.portlet > .portlet-title > .nav-tabs > li.active > a, .portlet > .portlet-title > .nav-tabs > li:hover > a {
    background: #fff;
    border: 0;
    color: #333;
}

/***
Custom tabs
***/
.tabbable-line > .nav-tabs > li.active {
  border-left: 2px solid #32cd32 !important;
  background-color: #ffffff !important ;
  border-bottom: none;
  margin-bottom: 4px;
  position: relative;
  margin-left: -2px;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;

  border-bottom: 0;
  border-top: none;
}

.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-left: 2px solid #ffffff;
  margin-left: -2px;
}

.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  background-color: #ffffff;
  border-bottom: none;
  border-left: 2px solid #ffffff;
  margin-left: -2px;
}

/***
Tabs Background
***/
.tab-content {
    background: none;
    padding: 20px 15px;
}

/***
Dropdown Menu
***/
.dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #eee;
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
    display: none;
    float: left;
    font-family: "Open Sans", sans-serif;
    left: 0;
    list-style: none;
    margin: 10px 0px 0px 0px;
    min-width: 175px;
    padding: 0px;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 1000;
}

/***
Responsive & Scrollable Tables
***/
.table-scrollable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: none;
  margin: 10px 0 !important;
    border-bottom-color: transparent;
    border-top-color: transparent;
}
.table-scrollable > .table {
  width: 100% !important;
  margin: 0 !important;
  margin-bottom: 0;
  background-color: transparent;
}
.table {
    display: table;
    border-color: transparent;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: #ca5100;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

/***
Center Image
***/
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/* our clients */
.our-clients .client-item {
	background: #dfdfdf;
	margin-left: 2px;
	position: relative;
}

.recent-work .recent-work-item a.recent-work-description {
	padding: 10px;
	display: block;
	background: #fff;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
}

a:hover {
	color: #E02222;
	text-decoration: none;
}

.carousel-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ls-slide4 .ls-mini-text a:hover {
	text-decoration: none;
	color: #fff;
	background: #4b8df8;
}

.ls-slide2 .ls-title {
	font: 25px 'Open Sans', Arial, sans-serif;
	color: #fff;
	text-align: center;
	line-height: 1.2 !important;   
}

.ls-slide2 .ls-titleleft {
	font: 25px 'Open Sans', Arial, sans-serif;
	color: #fff;
	text-align: left !important;
	line-height: 1.2 !important;
    width: 100%;
    display: inline-block !important; 
    float: left !important;  
}

.ls-slide2 .ls-title eml {
	font-size: 200%;
	font-style: normal;
	padding-top: 5px;
    padding: 7px 20px 8px;
	background: rgba(47,47,47,.5);
	top: -20%;
	position: relative;
	float: left;
}

.ls-slide2 .ls-title bg {
	font-size: 100%;
	font-style: normal;
	padding-top: 5px;
    padding: 7px 20px 8px;
	background: rgba(47,47,47,.5);
	top: -20%;
	position: relative;
	float: left;
}

@media only screen and (max-device-width: 736px) {
    .ls-slide2 .ls-title {
        left: 10% !important;
    }
}



.ls-slidemw .ls-more:hover {
	text-decoration: none;
	color: #fff;
	background: #4b8df8;
	border-color: #4b8df8;
}

.ls-slidemw .ls-titleleft {
    font: 25px 'Open Sans', Arial, sans-serif;
    color: #FFAA2A;
    text-align: left !important;
    line-height: 1.2 !important;
    width: 100%;
    display: inline-block !important;
    float: left !important;
}

.ls-slidemw .ls-title eml {
    font-size: 200%;
    font-style: normal;
    padding-top: 5px;
    padding: 7px 20px 8px;
    background: rgba(47,47,47,.5);
    top: -20%;
    position: relative;
    float: left;
}

.ls-slidemw .ls-title bg {
    font-size: 100%;
    font-style: normal;
    padding-top: 5px;
    padding: 7px 20px 8px;
    background: rgba(47,47,47,.5);
    top: -20%;
    position: relative;
    float: left;
}

@media only screen and (max-device-width: 736px) {
    .ls-slide2 .ls-l .ls-more {
        left: 10%;        
    }
}


    .ls-slide .ls-more:hover {
        text-decoration: none;
        color: #fff;
        background: #4b8df8;
        border-color: #4b8df8;
    }

    @keyframes glowing {
        0% {
            background-color: #004A7F;
            box-shadow: 0 0 3px #004A7F;
        }

        50% {
            background-color: #0094FF;
            box-shadow: 0 0 10px #0094FF;
        }

        100% {
            background-color: #004A7F;
            box-shadow: 0 0 3px #004A7F;
        }
    }

    .ls-slide2 .ls-vote {
        color: #fff;
        display: inline-block;
        border: solid 1px #fff;
        font: 300 32px 'Open Sans', sans-serif;
        padding: 7px 20px 8px;
        animation: glowing 1500ms infinite;
    }

        .ls-slide2 .ls-vote:hover {
            text-decoration: none;
            color: #fff;
            background: #4b8df8;
            border-color: #4b8df8;
        }

    .ls-slide1 .ls-title strong {
        color: #ffffff;
        display: block;
        font-weight: 600;
    }

    .page-slider {
        margin-top: 0px;
        clear: both;
    }

    .header {
        box-shadow: 0 1px 3px #ddd;
        background: #fff;
        border-radius: 0;
        margin-bottom: 0px;
        z-index: 999;
        position: relative;
        margin-top: -25px;
    }

    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
    }

        .sticky + .content {
            padding-top: 60px;
        }

    .breadcrumb {
        background: none;
        padding: 0;
        font: 14px "Open Sans", sans-serif;
        color: #5f6d7b;
        margin-bottom: 22px;
    }

    .ls-slide2 .ls-title strong {
        font-size: 360%;
        border-bottom: solid 1px rgba(255,255,255,0.6);
    }

    .ls-slide2 .ls-title strongnul {
        font: 14px "Open Sans", sans-serif;
        font-size: 360%;
        text-align: left !important;
    }

    .ls-slide2 .ls-title strong2 {
        text-align: left !important;
        font: 14px "Open Sans", sans-serif;
        font-size: 175%;
    }

    .ls-slide2 .ls-titleleft strong {
        font-size: 360%;
        border-bottom: solid 1px rgba(255,255,255,0.6);
        text-align: left !important;
    }

    .ls-slide2 .ls-titleleft strongnul {
        font: 14px "Open Sans", sans-serif;
        font-size: 360%;
        display: block;
        width: 100%;
        text-align: left !important;
    }

    .ls-slide2 .ls-titleleft strong2 {
        font: 14px "Open Sans", sans-serif;
        font-size: 125%;
        display: block;
        width: 100%;
        text-align: left !important;
    }

    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 23px;
        /*margin-bottom: 23px;*/
    }

    .notopmargin {
        margin-top: 0px !important;
    }

    .container-videos {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0px;
        /*margin-bottom: 23px;*/
    }


    .container-homepage {
        padding-right: 40px;
        padding-left: 40px;
        margin-right: auto;
        margin-left: auto;        
    }

    /* Twitter Feed Just for looks */
    #latest-tweets {
        background: #fafafa;
        border: none /*1px solid #eaeaea*/;
        padding: 5px 15px;
        border-radius: 0px;
        overflow: hidden;
    }

        /* Remove padding, margin, bullets and 
   make sure it's only one line */
        #latest-tweets ul {
            margin: 0;
            padding: 0;
            list-style: none;
            white-space: nowrap;
            float: left; /* This makes the ul the full width of the children */
        }

            /* Tweets on one line, separated */
            #latest-tweets ul li {
                display: inline-block;
                margin: 0 20px 0 0;
            }

                #latest-tweets ul li p {
                    margin: 0;
                }

                    /* Hide some stuff we don't want */
                    #latest-tweets ul li div.user,
                    #latest-tweets ul li p.timePosted,
                    #latest-tweets ul li p.interact {
                        display: none;
                    }

        /* Scroll it (thanks: http://stackoverflow.com/questions/21233033/css3-marquee-effect) */
        #latest-tweets ul {
            padding-left: 110%; /* show the marquee just outside the paragraph */
            -webkit-animation: marquee 150s linear infinite;
        }

            #latest-tweets ul:hover {
                -webkit-animation-play-state: paused;
            }

    @-webkit-keyframes marquee {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-100%);
        }
    }


    /*Video css*/
    .videoContainer {
        /*position:absolute;*/
        height: auto;
        /*width:100%;*/
        overflow: hidden;
    }

        .videoContainer video {
            max-width: 100%;
            min-height: 100%;
        }

    .videoWrapper {
        position: relative;
        padding-bottom: 35%; /* 16:9 */
        padding-top: 22px;
        height: 0;
        background-image: none;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }

        .videoWrapper iframe {
            position: absolute;
            top: 0%;
            left: 0%;
            width: 100%;
            height: 100%;
            padding: 0px 15px 10px 15px;
        }

    @media (min-width: 992px) {
        .videoWrapper {
            position: relative;
            padding-bottom: 35%; /* 16:9 */
            padding-top: 22px;
            height: 0;
            background-image: url('../img/backgrounds/Computer.png');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

            .videoWrapper iframe {
                position: absolute;
                top: 17%;
                left: 20%;
                width: 416px;
                height: 248px;
                padding: 0px 15px 10px 15px;
            }

        .videoWrapperMPA iframe {
            position: absolute;
            top: 17%;
            left: 50%;
            width: 416px;
            height: 248px;
            padding: 0px 15px 10px 15px;
        }
    }


    @media (min-width: 992px) {
        .videoWrapperMPA {
            position: relative;
            padding-bottom: 35%; /* 16:9 */
            padding-top: 22px;
            height: 0;
            background-image: url('../img/backgrounds/Computer.png');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }

            .videoWrapperMPA iframe {
                position: absolute;
                top: 16%;
                left: 32%;
                width: 412px;
                height: 256px;
                padding: 0px 15px 10px 15px;
            }
    }

    .videoWrapperMember {
        position: relative;
        padding-bottom: 35%; /* 16:9 */
        padding-top: 22px;
        height: 0;
    }

        .videoWrapperMember iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0px 15px 10px 15px;
        }


    .videoWrapperMemberB {
        position: relative;
        padding-bottom: 35%; /* 16:9 */
        padding-top: 22px;
        height: 0;
    }

        .videoWrapperMemberB iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 0px 15px 10px 15px;
        }


    .videoTitle {
        text-align: center;
    }

    .ls-slide3 .ls-title {
        font: 300 46px/59px 'Source Sans Pro', Arial, sans-serif;
        color: #fff;
        border-bottom: solid 1px #ffffff !important;
        text-align: center;
        padding-bottom: 27px;
    }

    .ls-videolm {
        /*position: relative;*/
        top: 0;
        left: 0px !important;
        max-width: 100%;
        /*max-height: 100%;*/
        height: auto;
        overflow: hidden;
        display: block;
        /*padding: 0px 15px 10px 15px;*/
    }

    /*End Video css*/


    #calendartitleonly {
        font: 300 46px/59px 'Source Sans Pro', Arial, sans-serif;
        color: #167ac6;
        position: relative;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        padding-top: 85px !important;
    }

    #calendartitle {
        font: 300 46px/59px 'Source Sans Pro', Arial, sans-serif;
        color: #167ac6;
        position: relative;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        padding-top: 45px !important;
    }

    #calendarsub {
        font: 300 46px/59px 'Source Sans Pro', Arial, sans-serif;
        color: #167ac6;
        position: relative;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }

    #upcomingeventtitleonly {
        font: 300 46px/59px 'Source Sans Pro', Arial, sans-serif;
        color: #167ac6;
        position: relative;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        padding-top: 85px !important;
    }

    #upcomingeventtitle {
        font: 300 46px/59px 'Source Sans Pro', Arial, sans-serif;
        color: #167ac6;
        position: relative;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        padding-top: 65px !important;
    }

    #upcomingeventsub {
        font: 300 46px/59px 'Source Sans Pro', Arial, sans-serif;
        color: #167ac6;
        position: relative;
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }

    .fancybox-title {
        visibility: hidden;
        font: 15px "Open Sans", sans-serif;
        position: relative;
        text-shadow: none;
        z-index: 8050;
    }

    .decide-title {
        margin-top: 30px;
        margin-bottom: 20px;
        text-align: center;
    }

    .paragraph-align {
        position: relative;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        padding-left: 25px;
        padding-right: 50px;
        padding-bottom: 300px;
        margin-top: 20px;
    }

    .brand {
        display: inline-block;
        position: relative;
        text-align: center;
        vertical-align: middle;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    /***
Custom icon buttons
***/
    .icon-btn-lmf {
        height: 60px;
        min-width: 70px;
        margin: 0 5px 5px 0;
        border: 1px solid #ddd;
        padding: 12px 0px 0px 0px;
        background-color: #fafafa !important;
        background-image: none !important;
        filter: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        display: inline-block !important;
        color: #646464 !important;
        text-shadow: none !important;
        text-align: center;
        cursor: pointer;
        position: relative;
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
    }

    .icon-btn-lmf-video {
        background-color: #ffb848 !important;
        font-size: 8px;
        font: #ffffff;
        color: #ffffff !important;
    }

    .icon-btn-lmf-slides {
        background-color: #2d8f3c !important;
        font-size: 8px;
        font: #ffffff;
        color: #ffffff !important;
    }

    .icon-btn-lmf-pictures {
        background-color: #793a93 !important;
        font-size: 8px;
        font: #ffffff;
        color: #ffffff !important;
    }

    .icon-btn-lmf-news {
        background-color: #2977f7 !important;
        font-size: 8px;
        font: #ffffff;
        color: #ffffff !important;
    }

    .icon-btn-lmf-download {
        background-color: #37b7f2 !important;
        font-size: 8px;
        font: #ffffff;
        color: #ffffff !important;
    }

    .icon-btn-lmf-press {
        background-color: #ffcc33 !important;
        font-size: 8px;
        font: #ffffff;
        color: #ffffff !important;
    }

    .fa-2x {
        font-size: 2em !important
    }

    .fa-3x {
        font-size: 3em !important
    }

    .fa-4x {
        font-size: 4em !important
    }

    .fa-5x {
        font-size: 5em !important
    }

    .icon-btn-lmf i {
        font-size: 12px;
    }

    .ie8 .icon-btn-lmf:hover {
        filter: none !important;
    }

    .icon-btn-lmf:hover {
        text-decoration: none !important;
        border-color: #999 !important;
        color: #444 !important;
        text-shadow: 0 1px 0px rgba(255, 255, 255, 1) !important;
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

    .icon-btn-lmf-video:hover {
        text-decoration: none !important;
        border-color: #ffb848 !important;
        color: #ffffff !important;
        text-shadow: 0 0px 0px rgba(255, 255, 255, 1) !important;
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

    .icon-btn-lmf-slides:hover {
        text-decoration: none !important;
        border-color: #2d8f3c !important;
        color: #ffffff !important;
        text-shadow: 0 0px 0px rgba(255, 255, 255, 1) !important;
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

    .icon-btn-lmf-pictures:hover {
        text-decoration: none !important;
        border-color: #793a93 !important;
        color: #ffffff !important;
        text-shadow: 0 0px 0px rgba(255, 255, 255, 1) !important;
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

    .icon-btn-lmf-news:hover {
        text-decoration: none !important;
        border-color: #2977f7 !important;
        color: #ffffff !important;
        text-shadow: 0 0px 0px rgba(255, 255, 255, 1) !important;
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

    .icon-btn-lmf-download:hover {
        text-decoration: none !important;
        border-color: #37b7f2 !important;
        color: #ffffff !important;
        text-shadow: 0 0px 0px rgba(255, 255, 255, 1) !important;
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

    .icon-btn-lmf-press:hover {
        text-decoration: none !important;
        border-color: #ffcc33 !important;
        color: #ffffff !important;
        text-shadow: 0 0px 0px rgba(255, 255, 255, 1) !important;
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

    .icon-btn-lmf:hover .badge {
        -webkit-transition: all 0.3s ease !important;
        -moz-transition: all 0.3s ease !important;
        -ms-transition: all 0.3s ease !important;
        -o-transition: all 0.3s ease !important;
        transition: all 0.3s ease !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

    .icon-btn-lmf div {
        font-family: 'Open Sans', sans-serif;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #fff;
        font-size: 12px;
        font-weight: 300;
    }

    .icon-btn-lmf .badge {
        position: absolute;
        font-family: 'Open Sans', sans-serif;
        font-size: 11px !important;
        font-weight: 300;
        top: -5px;
        right: -5px;
        padding: 3px 6px 3px 6px;
        color: white !important;
        text-shadow: none;
        border-width: 0;
        border-style: solid;
        -webkit-border-radius: 12px !important;
        -moz-border-radius: 12px !important;
        border-radius: 12px !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .speaker-image {
        margin-right: 15px !important;
        margin-bottom: 100px;
        margin-top: 15px !important;
    }

    .speaker-imagesmall {
        margin-right: 15px !important;
        margin-bottom: 60px;
        margin-top: 15px !important;
    }

    .speakerworkshop-imagesmall {
        margin-right: 25px !important;
        margin-bottom: 40px;
        margin-top: 15px !important;
    }


    .speaker-text {
        margin-left: 15px;
        margin-bottom: 20px;
    }

    .service-box .statement-text p {
        font: 20px "Open Sans", sans-serif;
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
        text-align: center;
        color: green !important;
    }

    .service-box .sponsor-text p {
        font: 16px "Open Sans", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        color: red !important;
    }

    .service-box .title-right h2 {
        font: 28px "Open Sans", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        text-align: left;
        color: #64aed9;
    }

    .service-box .subtitle-right h4 {
        font: 18px "Open Sans", sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        text-align: left;
        color: #64aed9;
    }

    .service-box .programme-list li {
        color: #64aed9;
    }

    .service-box .list-inline .programme-list li {
        color: #64aed9;
    }

    .service-box .register {
        text-align: right;
        margin-bottom: 20px;
    }

    .service-box .textlmforums {
        font: 14px "Open Sans", sans-serif;
        font-weight: 300;
    }

    .service-box .map-right {
        font: 14px "Open Sans", sans-serif;
    }

    /***
Members
***/
    .members-layout {
        border: 1px grey;
        /*-webkit-box-shadow: 10px 10px 65px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 65px -8px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 65px -8px rgba(0,0,0,0.75);*/
        -moz-box-shadow: inset 0 0 20px grey;
        -webkit-box-shadow: inset 0 0 20px grey;
        box-shadow: inset 0 0 20px grey;
        padding-right: 0px !important;
        padding-left: 0px !important;
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .members-footer {
        color: white;
        height: auto;
        width: 100%;
        background: #64aed9;
        padding: 10px 0px 10px 0px !important;
        margin: 0px 0px 0px 0px !important;
    }

    .members-info {
        position: relative;
        padding: 0px 0px 0px 0px !important;
        vertical-align: text-bottom;
    }

        .members-info .address {
            padding-right: 0px;
        }

        .members-info .email {
            padding-right: 0px;
        }

        .members-info .link {
            padding: 10px;
            width: 180px;
        }

        .members-info .social-footer {
            position: absolute;
            vertical-align: text-bottom;
        }

    .members-info-lower {
        padding: 0px 0px 0px 0px !important;
        vertical-align: text-bottom;
    }


    /*.members-logo {
    padding-top: 95px;
}*/

    .members-logo {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

        .members-logo .position {
            position: relative;
            top: 50%;
            transform: translateY(+100%);
        }

    @media (max-width: 992px) {
        .members-logo {
            display: inline-block;
            vertical-align: middle;
            height: 100%;
        }

            .members-logo .position {
                position: relative;
                top: 50%;
                transform: translateY(+10%);
            }
    }

    .members-layout .box {
        font: "Open Sans", sans-serif;
        color: white;
        text-align: right;
        /*margin: 0px, -50px, -2px, 0px;*/
        min-height: 100%;
        height: 100%;
        width: 225px;
        float: right;
        background: #64aed9 no-repeat;
        background-size: cover;
        position: relative;
        shape-outside: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
        shape-margin: 20px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
    }

    @media (max-width: 992px) {
        .members-layout .box {
            font: "Open Sans", sans-serif;
            color: white;
            text-align: left;
            /*margin: 0px, -50px, -2px, 0px;*/
            min-height: 100%;
            height: 100%;
            width: 100%;
            float: right;
            background: #64aed9 no-repeat;
            background-size: cover;
            position: relative;
            shape-outside: none;
            shape-margin: 0px;
            clip-path: none;
        }
    }

    .members-layout .box a:link {
        text-decoration: none;
        color: #ffffff;
    }

    .members-layout .box a:visited {
        text-decoration: none;
        color: #ffffff;
    }

    .members-layout .box a:hover {
        text-decoration: none;
        color: #ffffff;
    }

    .members-layout .box a:active {
        text-decoration: none;
        color: #ffffff;
    }

    .members-footer a:link {
        text-decoration: none;
        color: #ffffff;
    }

    .members-footer a:visited {
        text-decoration: none;
        color: #ffffff;
    }

    .members-footer a:hover {
        text-decoration: none;
        color: #ffffff;
    }

    .members-footer a:active {
        text-decoration: none;
        color: #ffffff;
    }

    .calc tr > td {
        padding-bottom: 1em;
    }

    .calc td:nth-child(1) {
        width: 1100px;
        vertical-align: top;
        color: #64aed9;
        line-height: 1.5em;
    }

    .calc td:nth-child(2) {
        width: 1500px;
        vertical-align: top;
        color: #64aed9;
        line-height: 1.5em;
    }

    .calc td:nth-child(3) {
        width: 1100px;
        vertical-align: top;
        color: #64aed9;
        line-height: 1.5em;
    }


    /*Start Joining stages*/
    .first-stage {
        background: #2B89BF;
        color: white;
        padding: 10px 0px 0px 10px;
        margin: 0px 0px 20px 0px;
        height: 140px;
    }

    .main-text {
        padding: 0px 10px 0px 10px;
        margin: 0px 0px 20px 60px;
        height: 140px;
    }

    .second-stage {
        background: #176E41;
        color: white;
        padding: 10px 0px 0px 10px;
        margin: 0px 0px 20px 0px;
        height: 140px;
    }

    .third-stage {
        background: #AA0F1D;
        color: white;
        padding: 10px 0px 0px 10px;
        margin: 0px 0px 10px 0px;
        height: 140px;
    }

    .number-box1 {
        display: inline-block;
        float: left;
        padding: 0px;
        font-size: 100px;
        line-height: 137%;
        font-weight: 400;
        background: #32A0CF;
        margin-right: 10px;
        color: #2B89BF;
        height: 148px;
        margin-left: -60px;
        margin-top: -14px;
        position: relative;
        width: 100px;
        text-align: center;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    }

        .number-box1:before {
            border-top: 75px solid transparent;
            border-left: 25px solid #32A0CF;
            border-bottom: 75px solid transparent;
            content: "";
            height: 0px;
            position: absolute;
            left: 100px;
            top: 0px;
            width: 0;
        }

    .number-box2 {
        display: inline-block;
        float: left;
        padding: 0px;
        font-size: 100px;
        line-height: 137%;
        font-weight: 400;
        background: #83C142;
        margin-right: 10px;
        color: #176E41;
        height: 148px;
        margin-left: -60px;
        margin-top: -14px;
        position: relative;
        width: 100px;
        text-align: center;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    }

        .number-box2:before {
            border-top: 75px solid transparent;
            border-left: 25px solid #83C142;
            border-bottom: 75px solid transparent;
            content: "";
            height: 0px;
            position: absolute;
            left: 100px;
            top: 0px;
            width: 0;
        }

    .number-box3 {
        display: inline-block;
        float: left;
        padding: 0px;
        font-size: 100px;
        line-height: 137%;
        font-weight: 400;
        background: #E45C2A;
        margin-right: 10px;
        color: #AA0F1D;
        height: 148px;
        margin-left: -60px;
        margin-top: -14px;
        position: relative;
        width: 100px;
        text-align: center;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    }

        .number-box3:before {
            border-top: 75px solid transparent;
            border-left: 25px solid #E45C2A;
            border-bottom: 75px solid transparent;
            content: "";
            height: 0px;
            position: absolute;
            left: 100px;
            top: 0px;
            width: 0;
        }

    @media (max-width: 992px) {
        .first-stage {
            margin-top: 20px;
            margin-left: 65px;
            margin-right: 15px;
            font-size: x-small;
        }

        .second-stage {
            margin-top: 20px;
            margin-left: 65px;
            margin-right: 15px;
            font-size: x-small;
        }

        .third-stage {
            margin-top: 20px;
            margin-left: 65px;
            margin-right: 15px;
            font-size: x-small;
        }
    }
    /*End Joining stages*/

    #calendartitle a {
        color: rgb(22, 122,198);
    }

    /*.panel-lmforums {
    border-color: #4A8CC6;
}*/

    .content-pagelmf a, .sidebar2 a {
        color: #ffffff;
    }

        .content-pagelmf a:hover, .sidebar2 a:hover {
            color: #ffffff;
        }

    .panel-lmforums {
        border-color: #3595bd;
    }

        .panel-lmforums > .panel-heading {
            color: #ffffff;
            background-color: #4A8CC6;
            border-color: #3595bd;
        }

            .panel-lmforums > .panel-heading + .panel-collapse .panel-body {
                border-top-color: #3595bd;
                color: #646464;
            }


        .panel-lmforums > .panel-footer + .panel-collapse .panel-body {
            border-bottom-color: #3595bd;
        }


    .doc-icon {
        display: inline-block;
        margin-top: 15px;
        font-size: 14px;
        line-height: 14px;
        -webkit-font-smoothing: antialiased;
    }

    /*.highlights {
    background-image: url('../img/events/20171213/graphics/2 image.png');
}*/

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

    .workshopone {
        background-color: orangered;
        color: white;
    }

        .workshopone p {
            color: white;
        }

    .workshoptwo {
        background-color: black;
        color: white;
    }

        .workshoptwo p {
            color: white;
        }

    .workshopthree {
        background-color: forestgreen;
        color: white;
    }

        .workshopthree p {
            color: white;
        }

    /*Home page Centered Headers*/
    .centerheader {
        text-align: center;
    }

    .panel-body a:link {
        color: blue;
    }

    .panel-body a:hover {
        color: blue;
    }

    .panel-body a:visited {
        color: blue;
    }

    #owl-upcoming .item {
        margin: 10px;
    }

        #owl-upcoming .item img {
            padding: 30px, 10px;
            display: block;
            /*width: 100%;*/
            height: auto;
        }

    #owl-upcoming2 .item {
        margin: 10px;
    }

        #owl-upcoming2 .item img {
            padding: 30px, 10px;
            display: block;
            /*width: 100%;*/
            height: auto;
        }

    #owl-recent .item {
        margin: 10px;
    }

        #owl-recent .item img {
            padding: 30px, 10px;
            display: block;
            /*width: 100%;*/
            height: auto;
        }


    .owl-buttons .owl-next {
        background: #fff url('../../frontend/layout/img/fa-angles.png') no-repeat -33px 8px !important;
        color: #869791 !important;
    }

    .owl-buttons .owl-prev {
        background: #fff url('../../frontend/layout/img/fa-angles.png') no-repeat 8px 8px !important;
        color: #869791 !important;
    }


    .homepage-bg {
        width: unset;
        background-color: darkgrey;
    }

    html, body {
        overflow-x: hidden;
    }

    .full-width {
        position: relative; /* child absolute */
        margin: 0 -9999rem;
        /* add back section padding value */
        padding: 2.25rem 9999rem;
        background: #e0f0fb;
        /*background: rgba(0, 0, 0,.5);*/
        color: rgba(0,0,0,0.75);
        font-size: 1.125rem;
    }

    .iframe-container {
        overflow: hidden;
        padding-top: 56.25%;
        position: relative;
    }

        .iframe-container iframe {
            border: 0;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

    /* 4x3 Aspect Ratio */
    .iframe-container-4x3 {
        padding-top: 75%;
    }

    .graphicMPA {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    .sponsor-title {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }