/***********/
/*HELPERS*/
/***********/

.no-gutter [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.no-gutter-col{
	padding-right:0;
    padding-left:0;
}

@media (max-width:767px) { 
.sm-no-gutter-col{
	padding-right:0;
    padding-left:0;
}
}

.small-gutter [class*='col-'] {
    padding-right:5px;
    padding-left:5px;
}

.gutter-restore {
    margin-right:15px;
    margin-left:15px;
}

.gutter-restore [class*='col-'] {
    padding-right:15px;
    padding-left:15px;
}


.no-gutter.preserve-margins{
	padding-left:15px;
	padding-right:15px;
}


/*PADDING*/

.top-pad-4em{
	padding-top:4em;
}

.top-pad-3em{
	padding-top:3em;
}

.top-pad-2em{
	padding-top:2em;
}

.top-pad-1em{
	padding-top:1em;
}

.top-pad-30px{
	padding-top:30px;
}

.top-pad-15px{
	padding-top:15px;
}

.top-pad-10px{
	padding-top:10px;
}

.top-pad-5px{
	padding-top:5px;
}

.no-top-pad{
	padding-top:0;
}

.left-pad-15px{
	padding-left:15px;
}

.left-pad-30px{
	padding-left:30px;
}

.right-pad-15px{
	padding-right:15px;
}

.right-pad-30px{
	padding-right:30px;
}

.end-pad-15px{
	padding-bottom:30px;
}

.end-pad-30px{
	padding-bottom:30px;
}

.end-pad-4em{
	padding-bottom:4em;
}

.end-pad-3em{
	padding-bottom:3em;
}

.end-pad-2em{
	padding-bottom:2em;
}

.end-pad-1em{
	padding-bottom:1em;
}

.end-pad-30px{
	padding-bottom:30px;
}

.end-pad-15px{
	padding-bottom:15px;
}
.end-pad-10px{
	padding-bottom:10px;
}
.end-pad-5px{
	padding-bottom:5px;
}
.no-end-pad{
	padding-bottom:0;
}

/*MARGINS*/

.top-margin-3em{
	margin-top:3em;
}

.top-margin-2em{
	margin-top:2em;
}

.top-margin-1em{
	margin-top:1em;
}

.top-margin-05em{
	margin-top:0.5em;
}

.top-margin-02em{
	margin-top:0.2em;
}

.no-top-margin{
	margin-top:0;
}

.end-margin-3em{
	margin-bottom:3em;
}

.end-margin-2em{
	margin-bottom:2em;
}

.end-margin-1em{
	margin-bottom:1em;
}

.end-margin-05em{
	margin-bottom:0.5em;
}

.end-margin-10px{
	margin-bottom:10px;
}

.no-end-margin{
	margin-bottom:0;
}

.left-margin-15px{
	margin-left:15px;
}

.left-margin-30px{
	margin-left:30px;
}

.right-margin-15px{
	margin-right:15px;
}

.right-margin-30px{
	margin-right:30px;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

.clearfix:after {
content: "";
display: table;
clear: both;
}

/***********/
/*OVERLAYS*/
/***********/

.uk-inline {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle;
-webkit-backface-visibility: hidden;
}

.uk-overlay {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    margin: 0;
}

.uk-position-top, .uk-position-bottom, .uk-position-left, .uk-position-right, .uk-position-center {
position: absolute !important;
}

.uk-position-top {
    top: 0;
    left: 0;
    right: 0
}

.uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-left {
    top: 0;
    bottom: 0;
    left: 0
}

.uk-position-right {
    top: 0;
    bottom: 0;
    right: 0
}

.uk-position-top-left {
    top: 0;
    left: 0
}

.uk-position-top-right {
    top: 0;
    right: 0
}

.uk-position-bottom-left {
    bottom: 0;
    left: 0
}

.uk-position-bottom-right {
    bottom: 0;
    right: 0
}

.uk-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    max-width: 100%;
    box-sizing: border-box
}

[class * ='uk-position-center-left'], [class * ='uk-position-center-right'] {
    top: 50%;
    transform: translateY(-50%)
}

.uk-position-center-left {
    left: 0
}

.uk-position-center-right {
    right: 0
}

.uk-position-center-left-out {
    right: 100%;
    width: max-content
}

.uk-position-center-right-out {
    left: 100%;
    width: max-content
}

.uk-position-top-center, .uk-position-bottom-center {
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 100%;
    box-sizing: border-box
}

.uk-position-top-center {
    top: 0
}

.uk-position-bottom-center {
    bottom: 0
}

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.uk-overlay-panel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: #fff;

}

.uk-overlay-hover .uk-overlay-scale{
		-webkit-transform: scale(1);
	transform: scale(1);
	transition-duration: .5s;
	transition-timing-function: ease-out;
	transition-property: opacity, transform, filter}

.uk-overlay-hover:hover .uk-overlay-scale{
	-webkit-transform: scale(1.02);
	transform: scale(1.05);
	transition-duration: .5s;
	transition-timing-function: ease-out;
	transition-property: opacity, transform, filter
}

.uk-overlay-background{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,000000+100&0+43,0.44+67 */
background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(17,50,87,0) 43%, rgba(10,29,50,0.44) 67%, rgba(0,0,0,0.44) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(17,50,87,0) 43%,rgba(10,29,50,0.44) 67%,rgba(0,0,0,0.44) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(17,50,87,0) 43%,rgba(10,29,50,0.44) 67%,rgba(0,0,0,0.44) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#70000000',GradientType=0 ); /* IE6-9 */}


.uk-overlay-panel .image-flag{	
    background-color: rgba(23, 88, 109, 0.9);
	padding: 5px;
	text-transform: uppercase;
}

.uk-overlay-panel h3.image-title {
    position: absolute;
    bottom: 20px;
    color: #FFF;
}

.uk-overlay > :last-child {
    margin-bottom: 0
}

.uk-overlay-default {
    background: rgba(255, 255, 255, 0.8)
}

.uk-overlay-primary {
    background: rgba(34, 34, 34, 0.8)
}
