@import url("../fonts/OpenSans.css");
@import url("../fonts/Montserrat.css");
body {
    overflow-x: hidden;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-attachment:fixed;
    color: #444444;
    background-color: #ffffff;
}
@media(min-width:2200px) {
	body {
		max-width:2200px;
		margin-left:auto;
		margin-right:auto;
		border-left:1px solid #f0f0f0;
		border-right:1px solid #f0f0f0;
	}
	header {
		max-width:2200px;
		overflow: hidden;
	}
}

b {
    font-weight: 600;
}
strong {
    font-weight: 600;
}

p {
    font-size: 20px;
}

p.small {
    font-size: 16px;
}
small.small {
    font-size: 85%;
}

/*a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #5fbb46;
}*/

h1 {
	color:#062e61;
	/*color:#BF1E2E;*/
	font-size:44px;
	text-align:left;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h2,
h3,
h4,
h5,
h6 {
    /*text-transform: uppercase;
    font-weight: 700;*/
    color:#383C4D;
}

hr.star-light,
hr.star-primary {
    margin: 15px auto 30px;
    padding: 0;
    /*max-width: 250px;*/
    border: 0;
    border-top: solid 10px;
    text-align: center;
    width:100%;
}

hr.star-light:after,
hr.star-primary:after {
    /*content: "\f0dd";*/
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
}

hr.star-light {
    border-color: #fff;
}

hr.star-light:after {
    color: #fff;
}

hr.star-primary {
    border-color: #f0f0f0;
}

hr.star-primary:after {
    color: #999999;
}

.img-centered {
    margin: 0 auto;
}

#navbar .navbar-nav {
	margin-top:14px;
}
@media(min-width:768px) {
	#navbar .navbar-nav {
		margin-top:inherit;
	}
}


header {
    text-align: center;
    /*color: #fff;*/
    /*background: #06612e;*/
    /*height:600px;*/
}
header .banner {
    padding-top: 60px;
    width:100%;
}

header .container {
    /*padding-top: 100px;*/
    padding-bottom: 25px;
    background-color:transparent;
}

header img {
    display: block;
    margin: 0 auto 20px;
}

header .intro-text .name {
    display: block;
    font-size: 2em;
    font-weight: 700;
}

header .intro-text .skills {
    font-size: 1.25em;
    font-weight: 300;
}

a.nav-link {
	color:#444444
	;
}

.navbar-brand {

}
.navbar-brand img {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	height:40px;
	argin-top:-10px;
}
.dropdown-menu {
	border-color:#f0f0f0;
	border-radius: 0rem .7rem .7rem .7rem;
	min-width:7.5rem;
}
@media(min-width:1200px) {
	.dropdown-menu {
		min-width:8.5rem;
	}
}


@media(min-width:768px) {
    header .container {
        /*padding-top: 200px;*/
        /*padding-bottom: 100px;*/
    	padding-bottom: 25px;
        background-color:transparent;
    }

    header .intro-text .name {
        font-size: 3.0em;
    }

    header .intro-text .skills {
        font-size: 1.75em;
    }
    header .banner {
    	padding-top: 105px;
    }
}

.navbar-brand-gray {
    color: #606060;
}

nav.navbar .navbar-brand i {
    display:none;
    font-style:normal;
    margin-top:5px;
    letter-spacing: 0.8px;
}

@media(min-width:768px) {
    nav.navbar {
        padding: 25px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
        font-size:90%;
    }

    nav.navbar .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    nav.navbar .navbar-brand img {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
	height:50px;
	argin-top:-29px;
	display:block;
    }
    nav.navbar .navbar-brand i {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
	font-size:11px;
	display:block;
    }

    nav.navbar.navbar-shrink {
        padding: 10px 0;
        border-bottom:1px solid #dddddd;
        box-shadow: 0px 0px 2px 0px #cccccc;
        /*background: rgba(103,176,209,0.8);*/
        background: rgba(255,255,255,0.95);
        color:gray;
    }

    nav.navbar.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
    nav.navbar.navbar-shrink .navbar-brand img {
        height:40px;
        argin-top:-12px;
    }
    nav.navbar.navbar-shrink .navbar-brand i {
        display:none;
    }
    .dropdown-menu {
    	font-size:90%;
    }
}
@media (min-width: 992px) {
    nav.navbar {
        padding: 15px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
	font-size:100%;
    }

    nav.navbar .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    nav.navbar .navbar-brand img {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
	height:70px;
	argin-top:-29px;
    }
    nav.navbar .navbar-brand i {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
	font-size:11px;
	display:block;
    }

    nav.navbar.navbar-shrink {
        padding: 10px 0;
        border-bottom:1px solid #dddddd;
        box-shadow: 0px 0px 2px 0px #cccccc;
        /*background: rgba(103,176,209,0.8);*/
        background: rgba(255,255,255,0.95);
        color:gray;
    }

    nav.navbar.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
    nav.navbar.navbar-shrink .navbar-brand img {
        height:60px;
        argin-top:-22px;
    }
    nav.navbar.navbar-shrink .navbar-brand i {
        display:none;
    }
    .dropdown-menu {
    	font-size:95%;
    }
}
@media (min-width: 1200px) {
    nav.navbar {
        padding: 15px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
	font-size:105%;
    }

    nav.navbar .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }
    nav.navbar .navbar-brand img {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
	height:70px;
	argin-top:-37px;
    }
    nav.navbar .navbar-brand i {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
	font-size:15px;
	display:block;
    }

    nav.navbar.navbar-shrink {
        padding: 10px 0;
        border-bottom:1px solid #dddddd;
        box-shadow: 0px 0px 2px 0px #cccccc;
        /*background: rgba(103,176,209,0.8);*/
        background: rgba(255,255,255,0.95);
        color:gray;
    }

    nav.navbar.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
    nav.navbar.navbar-shrink .navbar-brand img {
        height:60px;
        argin-top:-22px;
    }
    nav.navbar.navbar-shrink .navbar-brand i {
        display:none;
    }
    .dropdown-menu {
    	font-size:95%;
    }
}


section {
    /*padding: 100px 0;*/
    padding-top:0px;
    padding-bottom:0px;
    /*background-color:rgba(255,255,255,0.8);*/
    background-color:#ffffff;
}

section h1 {
	margin-top:20px;
}
section h2 {
    margin: 0;
    /*font-size: 3em;*/
    border-bottom: 1px solid #e0e0e0;
    /*border-left: 3px solid #f50036;*/
    padding-bottom: 3px;
    padding-left: 0px;
    margin-top:30px;
    margin-bottom:30px;
    font-size:2rem;
    font-weight:normal;
}
section h3 {
	font-size:1.5rem;
	font-weight:normal;
}
section h4 {
	font-size:1.3rem;
	font-weight:normal;
}

section.success {
    color: #fff;
    background: #06612e;
}

section.success a,
section.success a:hover,
section.success a:focus,
section.success a:active,
section.success a.active {
    outline: 0;
    color: #06612e;
}

@media (min-width: 992px) {
	section .container {
	    padding: 15px;
	}
}

section.transparent {
	/*background-color:rgba(255,255,255,0.8);*/
	background-color:transparent;
	/*box-shadow: 0px 0px 2px 0px #cccccc;*/
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
}

@media(max-width:767px) {
    section {
        padding: 25px 0;
    }

    section.first {
        padding-top: 25px;
    }
}

#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(24,188,156,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .caption:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
    margin: 0;
}

#portfolio * {
    z-index: 2;
}

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.btn-outline {
    border: solid 1px #d0d0d0;
    font-size: 20px;
    color: #888888;
    background: #ffffff;
}
.socials .btn-outline {
    border: solid 1px #d0d0d0;
    font-size: 80%;
    color: #888888;
    background: #ffffff;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    border: solid 1px #aaaaaa;
    color: #444444;
    background: #fafafa;
}

.floating-label-form-group {
    position: relative;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
    z-index: 1;
    position: relative;
    padding-right: 0;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    font-size: 1.5em;
    background: 0 0;
    box-shadow: none!important;
    resize: none;
}

.floating-label-form-group label {
    display: block;
    z-index: 0;
    position: relative;
    top: 2em;
    margin: 0;
    font-size: .85em;
    line-height: 1.764705882em;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0;
    -webkit-transition: top .3s ease,opacity .3s ease;
    -moz-transition: top .3s ease,opacity .3s ease;
    -ms-transition: top .3s ease,opacity .3s ease;
    transition: top .3s ease,opacity .3s ease;
}

.floating-label-form-group::not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #eee;
}

.floating-label-form-group-with-value label {
    top: 0;
    opacity: 1;
}

.floating-label-form-group-with-focus label {
    color: #06612e;
}

form .row:first-child .floating-label-form-group {
    border-top: 1px solid #eee;
}

footer {
    color: #fff;
}

footer h3 {
    margin-bottom: 30px;
}

footer a {
	color:#ffffff;
}
footer a:hover {
	color:#ffffff;
}

footer .footer-message {
	color:#555555;
	font-size:16px;
	margin-top:40px;
	margin-bottom:40px;
}

footer .footer-above {
    padding: 25px 0;
    background-color: #96A1BC;
    color: #ffffff;
    font-size:102%;
}
footer .footer-above a {
    padding: 5px 15px 5px 15px;
    color: #ffffff;
}

footer .footer-col {
    margin-bottom: 50px;
}

footer .footer-below {
    padding: 10px;
    background-color: #383C4D;
    color: #f0f0f0;
    font-size: 14px;
}

.btn-social {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

.btn:focus,
.btn:active,
.btn.active {
    outline: 0;
}

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 28px;
}

.scroll-top .btn:focus {
    outline: 0;
}

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin: 0;
    /*font-size: 3em;*/
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content .item-details {
    margin: 30px 0;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #06612e;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #06612e;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}

.buffer-top {
	/*margin-top:60px;*/
	margin-top:56px;
}
.buffer-bottom {
	margin-bottom:60px;
}
.buffer-left {
	margin-left:20px;
}
.buffer-right{
	margin-right:20px;
}

.padding-top {
	padding-top:60px;
}
.padding-bottom {
	padding-bottom:60px;
}
.padding-left {
	padding-left:20px;
}
.padding-right{
	padding-right:20px;
}
@media (min-width: 768px) {
	.buffer-top {
		/*margin-top:110px;*/
		margin-top:107px;
	}
	.buffer-bottom {
		margin-bottom:110px;
	}
	.buffer-left {
		margin-left:40px;
	}
	.buffer-right{
		margin-right:40px;
	}

	.padding-top {
		padding-top:10px;
	}
	.padding-bottom {
		padding-bottom:110px;
	}
	.padding-left {
		padding-left:40px;
	}
	.padding-right{
		padding-right:40px;
	}
}
@media (min-width: 992px) {
	.buffer-top {
		/*margin-top:120px;*/
		margin-top:93px;
	}
}
@media (min-width: 1200px) {
	.buffer-top {
		/*margin-top:140px;*/
		margin-top:93px;
	}
}


.opaque {
    background-color:#ffffff;
}

.panel-clickable {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
	cursor:pointer;
}

.panel-clickable:hover {
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
	filter:brightness(115%);
}

a.panel-link {
	text-decoration:none;
	color:#444444;
}
a.panel-link:hover {
	text-decoration:none;
	color:#444444;
}

a.anchor {
    display: block;
    height: 0px; /*same height as header*/
    margin-top: -60px; /*same height as header*/
    visibility: hidden;
}

#org-header-logo {
	padding:0px;
	margin:0px;
}
#org-header-logo img {
	height:50px;
	margin-left:4px;
}
@media(min-width:768px) {
	#org-header-logo img {
		margin-left:60px;
	}
}

img {
	-ms-interpolation-mode: bicubic;
}

.cursor-link {
	cursor: pointer;
}

.alert-faint {
	background-color:#fafafa;
	border-color:#f0f0f0;
}
.alert-lg {
	font-size:125%;
}


.text-mutedmore {
	color: #c0c0c0;
}



.btn {
    box-shadow:inherit;
    padding: .4rem .9rem .5rem .9rem;
}

.btn-group-lg>.btn,.btn-lg {
    padding: .3rem 1rem .5rem 1rem;
}

.btn-group-sm>.btn,.btn-sm {
    padding: .25rem .5rem .25rem .5rem;
}

.btn-xlg {
}
@media (min-width: 768px) {
	.btn-xlg {
		font-size:30px;
	}
}


nav li {
}
nav li:hover {
}
.navbar-expand-md .navbar-nav .nav-link.dropdown-toggle {
	padding-right:0.6rem;
}
.navbar-expand-md .navbar-nav .nav-link {
	padding-left:0.8rem;
	padding-right:0.8rem;
}
nav .nav-item {
	border-radius:10px;
}
nav .nav-item:hover {
	background:#f0f0f0;
	border-radius:10px;
}
nav .nav-item .dropdown-toggle {
}
nav .nav-item .dropdown-toggle:hover {
	border-radius:10px 10px 0px 0px;
}
nav .nav-item .dropdown-toggle:after {
	margin-left:0;
	vertical-align:0.2em;
	color:#c0c0c0;
}
nav .nav-item .dropdown-toggle.show {
	border-radius:10px 10px 0px 0px;
	background:#ececec;
}
nav .nav-item .dropdown-toggle.show:after {
}
.footer-above a:hover {
	background:#383C4D;
	border-radius:6px;
	text-decoration:none;
}
.footer-above a {
	line-height:2.5em;
}


.navbar-default .navbar-nav > li > a {
	color: #444444;
	padding: 14px;
}
@media (min-width:992px) {
	.navbar-default .navbar-nav > li > a {
		padding: 11px;
	}
}
@media (min-width:1200px) {
	.navbar-default .navbar-nav > li > a {
		padding: 14px;
	}
}


.breadcrumb {
	font-size:75%;
	background-color:#f0f0f0;
	padding:0.5rem 1rem 0.5rem 1rem;
	border-radius: 0rem 0rem .7rem .7rem;
}




.markdown h2 {
	display:none;
}
.markdown h3 {
	font-size:28px;
	margin-top:40px;
}
.markdown h4 {
	font-size:20px;
	margin-top:40px;
}
.markdown hr {
	display:none;
}
.markdown img {
	-ms-interpolation-mode: bicubic;
	max-width:1200px;
}
.markdown ul li {
	font-size:20px;
}
.markdown ol li {
	font-size:20px;
}
.markdown table td {
	font-size:16px;
}
.markdown table th {
	font-size:16px;
}





/* Bootstrap 3 visible and hidden */

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}








section {
	margin-bottom:100px;
}
section .container img {
	max-width:100%;
}
section h1 a {
	display:block;
	margin-top:10px;
	font-size:20px;
}
@media(min-width:768px) {
	section h1 a {
		font-size:30px;
	}	
}
section h2 {
	margin-top:60px;
}
section h2 a {
	display:block;
	margin-top:10px;
	font-size:20px;
}
section h3 {
	margin-top:40px;
}

section .label {
	font-weight:normal !important;
}
section .socials {
	float:right;
	text-align:right;
}
section .socials a {
	display:block;
	margin-left:20px;
	margin-bottom:10px;
	width:140px;
}
section .socials .fa-twitter {
	color: #26a7de;
}
section .socials .fa-youtube-play {
	color: #ff0000;
}

.fa-youtube-play {
	color: #ff0000;
}

.youtube-player {
	width:400px;
	height:225px;
}
@media(min-width:768px) {
	.youtube-player {
		width:334px;
		height:187px;
	}
}
@media(min-width:992px) {
	.youtube-player {
		width:450px;
		height:253px;
	}
}
@media(min-width:1200px) {
	.youtube-player {
		width:500px;
		height:281px;
	}
}

ul.list-arrows {
	list-style-type: none;
	padding-left: 20px;
}
ul.list-arrows li {
	position: relative;
	padding-left: 32px;
	margin-bottom: 20px;
	font-size:20px;
}
ul.list-arrows li:before {
	position: absolute;
	top: 3px;
	left: 0;
	font-size:80%;
	font-family: FontAwesome;
	/*content: "\f061";*/
	/*content: "\f0a9";*/
	/*content: "\f35a";*/
	/*color: #FF9103;*/
	/*color: #bc1c36;*/
	/*content: "\f138";*/
	/*content: "\f192";*/
	content: "\f111";
	/*content: "\f0c2";*/
	color: #EBCB88;
}
@media(min-width:992px) {
	ul.list-arrows li {
	}
}

ol.list-numbers {
	list-style-type: none;
	padding-left: 20px;
	counter-reset: listnumbersitem;
}
ol.list-numbers li {
	position: relative;
	padding-left: 32px;
	margin-bottom: 10px;
	font-size:20px;
}
ol.list-numbers li:before {
	position: absolute;
	top: 0;
	left: 0;
	/*font-family: FontAwesome;*/
	/*content: "\f061";*/
	content: counter(listnumbersitem) ")";
	counter-increment: listnumbersitem;
	/*color: #bc1c36;*/
	color: #EBCB88;
	font-size:100%;
	font-weight:bold;
}
@media(min-width:992px) {
	ol.list-numbers li {
	}
}
ol.list-numbers.list-numbers-big {
	padding-left:10px;
}
ol.list-numbers.list-numbers-big li {
	padding-left:42px;
}
ol.list-numbers.list-numbers-big li:before {
	font-size:120%;
}


.badge {
	color:#ffffff;
	font-weight:normal;
}

.table td {
	font-size:20px;
}
.table th {
	font-size:20px;
}





.arrow {
	text-align: center;
	margin: 8% 0;
}
.bounce {
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-webkit-keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%,
	20%,
	50%,
	80%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}




.popout-element {
	padding:20px;
	width:100vh;
	max-height:100vh;
	background:#ffffff;
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3);
}
.popout-element-container {
	z-index:10000;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	margin:0px;
	top:0px;
	padding:5px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
@media(min-width:768px) {
	.popout-element-container {
		padding:50px;
	}
}





.external-link:after {
	font-family: "FontAwesome";
	content: " \f08e";
	color: #aaaaaa;
	font-size:85%;
	font-weight:normal;
}
.btn.external-link:after {
	color: #ffffff;
}


.pull-right {
	float:right;
}
.pull-left {
	float:left;
}


.bg-light {
	box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3);
}
@media(min-width:768px) {
	.bg-light {
		box-shadow: inherit;
	}
}

.card {
	border-color:#eaeaea;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
}






.infocards .card {
	margin-right:20px;
	margin-bottom:20px;
	/*box-shadow: none;*/
	border:3px solid #f0f0f0;
	font-size:20px;
}
.infocards .card-body {
	padding:12px;
}
.infocards .card-header {
	font-weight:600;
	font-size:105%;
	border-bottom: 3px solid rgba(0,0,0,.125)
}
.infocards .card ul.list-arrows {
	padding-left: 4px;
	margin:0px;
}
.infocards .card ul.list-arrows li {
	padding-left: 32px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:4px;
}





.partner-components-container {
	margin-top:80px;
}
.partner-components {
	margin-top:0px;
}
.partner-components div {
	padding:30px;
	border:3px solid #f0f0f0;
	border-radius:30px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .1);
	margin:20px;
	margin-bottom:80px;
	font-size:20px;
}
.partner-components .partner-component-logo {
	margin:0px;
	text-align:center;
	width:120px;
	height:120px;
	padding:10px 0px 0px 0px;
	margin-left:-50px;
	margin-right:0px;
	margin-top:-90px;
	border-radius:50%;
	background:#ffffff;
	margin-bottom:20px;
}
.partner-components .partner-component-logo img {
	max-width:94px;
	max-height:94px;
}
.partner-components .partner-component-logo i.fa {
	/*color: rgba(255,145,3,0.75);*/
	color: #96A1BC;
	font-size:40px;
}
@media(min-width:768px) {
}
@media(min-width:992px) {
	.partner-components-container {
		margin-top:0px;
	}
	.partner-components {
		margin-top:80px;
	}
	.partner-components div {
		margin:10px;
		margin-bottom:0px;
	}
}
@media(min-width:1200px) {
	.partner-components div {
		margin:20px;
		margin-bottom:0px;
	}
	.partner-components .partner-component-logo {
		margin-left:auto;
		margin-right:auto;
	}
}

.missing-content {
	color:red;
	animation: opacitypulse 1s linear infinite;
}
@keyframes opacitypulse {
	50% {
		opacity: 0.3;
	}
}


:target {
	display: block;
	position: relative;
	top: -100px;
	visibility: hidden;
}