/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
/* ======================================================================== Use this file to add custom CSS easily ========================================================================== */
/*********************** HELPERS *********************************************/
html { max-width: 100%; overflow-x: hidden; }
hr { background-color: #006DE0; height: 1px; border: none; width: auto; margin-left: -1000px; margin-right: -1000px; margin-top: 50px; }
.border-right { border-right: 1px solid #006de0; height: 50%; } /* QUOTES */
blockquote { background: #f9f9f9; border-left: 10px solid #006EE0; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; }
blockquote:before { color: #006EE0; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }
blockquote p { display: inline; font-size: 0.9em; } /******************** BUTTONS ********************************************/
/********************* NAV & LOGO *******************************************/
body.home header#nav-header { display: none; }
.tm-block { margin-bottom: 15px; }
.tm-headerbar { margin-top: 15px; }
.uk-navbar-brand p { margin-top: -40px; font-weight: bold; }
.uk-article { margin-top: 80px; }
img.brand { margin-top: -20px; height: 70px; }
.uk-navbar-nav > li.uk-active > a { background: #006de0; color: white; }
.uk-navbar-nav > li > a:hover { border: 2px solid #d7d7d7; border-radius: 5px; color: black; }
.uk-nav-navbar > li:hover > a { border-bottom: 3px solid #006de0; color: black; }
.uk-nav-navbar .uk-nav-header { color: #006de0; }
/********************** LOGO HEADER *****************************************/
.uk-full-width.uk-container { max-width: 100%; padding: 0; background: #006DE0; }
.uk-full-width img.logo { margin-top: -71px; }
.uk-full-width .uk-panel-box { border: none; }
/*** HEADER CONTENT ***/
#header-content h1 { font-weight: bold; }
#header-content h2 { margin-bottom: 65px; }
#header-content h1,
#header-content h2,
#header-content p { color: white; }
#header-content a { font-size: 32px; color: white; padding: 15px 25px; border: 1px solid #fff; border-radius: 7px; }
#header-content a:hover { background: white; color: #006DE0; text-decoration: none; }
#header-content p { margin-top: 55px; }
/************************ REFERENCES ********************************************/
.uk-grid.references { align-items: center; }
.uk-width-1-6 { margin: 0 auto; }
/************************ TESTAMONIALS VOCIES ******************************************/
.tmonials { padding-bottom: 50px; border-bottom: 1px solid #d7d7d7; }
.tmonials h2 { margin-bottom: 50px!important; }
.tmonials #one,
.tmonials #two { padding-right: 26px; }
.tmonials #two { border-right: 1px solid #006EE0; border-left: 1px solid #006EE0; }
.tmonials.uk-grid { padding-left: 25px; padding-right: 25px; }
.tmonials .uk-width-1-3 { position: relative; min-height: 300px; }
.tmonials .uk-width-1-3 img { position: absolute; bottom: 0; left: 30px; }
.voices img { margin: 5px 10px 100px 0; width: 80px; }
/************************* ICONS & BLOCKS ****************************************/
.uk-panel-box { position: relative; }
.uk-panel-box .blueplus { position: absolute; right: -40px; top: 80px; color: #006EE0; font-size: 60px; padding: 10px; }
.tm-block-divider { margin-top: 0; padding-top: 0; }
.tm-main-bottom { border-bottom: 1px solid #d7d7d7; }
.tm-main-bottom img,
.tm-bottom-a img { max-height: 140px; }
.tm-main-bottom p,
.tm-bottom-a p { color: #474747; }
.tm-bottom-a { }
.tm-bottom-b p { margin-right: 20px; }
.tm-bottom-c .uk-button { color: #006EE0; border: 1px solid #006EE0; border-radius: 5px; font-size: 1.8rem; padding: 15px 30px; }
.tm-bottom-c .uk-button:hover { background: #006ee0; border-color: white; color: white; }
.tm-bottom-c h2 { font-weight: 900; }
.tm-price h2 { text-transform: none; font-size: 28px; font-weight: 300; line-height: 15px; }
h3.moneyback { font-family: 'Open sans', sans-serif; font-weight: lighter; }
.tm-block-dark { background: #fff; margin-bottom: -100px; padding-bottom: 0; padding-bottom: 0; }
.tm-block-dark .uk-container { padding-bottom: 0; margin-bottom: 0; } /*********************** CENTERED LINE ************************/
section.tm-bottom-c.uk-grid .uk-grid:not(.uk-grid-preserve),
section.tm-bottom-c.uk-grid .uk-grid,
section.tm-bottom-c.uk-grid .uk-grid:not(.uk-grid-preserve) > * { padding: 0!important; margin: 0!important; }
/********************* SNIPPETS ************************************************/
ul.feature-list {list-style:none; padding:0; margin:0; width:100%;}
.feature-list li {display:block; width:100%; max-width:400px; margin:10px auto 0; border-bottom: 1px solid #d7d7d7; float:right; margin-right:50px;}
.feature-list li.green-item {background:#DEF8E0; font-weight:bold; color:#000;}
.feature-list li p {text-align:left; margin:0;}
.feature-list li p img.icon {margin:5px 10px;}
.feature-list li p img.check {float:right; margin-right:20px; width:50px; margin-top:15px;}
span.underline {}
.red-line {position:absolute; top:-10px; left:50px;}
span.uk-button {cursor:default;}
span.uk-button:hover {cursor:default; border-color: #006ee0!important; color:#006ee0!important; background:white!important;}
.red-button:hover {background:white!important; color:#EC1C23!important; border-color:#EC1C23!important;}
.red-button {font-weight:bold!important; background: #EC1C23!important; border:3px solid white!important; color:white!important; cursor:default;}
.red-text {color:#ec1c23; font-weight:bold; width:200px; margin-left:220px;}
span.spacer {min-width:20px; height:10px; display:inline-block;}
/********************* FOOTER **************************************************/
.tm-footer { background: #006EE0; margin-left: -1000px; margin-right: -1000px; min-height: 200px; margin-bottom: -100px; bottom: -50px; }
.tm-totop-scroller { position: relative; }
/********************* MEDIA QUERIES ***************************************/
@media only screen and (max-width: 1199px){
    .red-text {color:#ec1c23; font-weight:bold; width:200px; margin-left:200px;}
}
@media only screen and (max-width: 959px) {
    /***** SNIPPET LIST****/
    .feature-list li {margin:0 auto 5px; float:none;}
    .border-right { border: none }
    .red-text {color:#ec1c23; font-weight:bold; width:100%; margin:0 auto;}
}
/* Tabletts */
@media only screen and (max-width: 760px) {

    .uk-width-1-3,
    .uk-width-2-3,
    .uk-width-1-2 {
        width: 100%;
        text-align: center;
    }
    .uk-width-1-6 {
        width: 50%;
        text-align: center;
    }
    /*HEADER*/
    #header-content a {
        display: block;
        font-size: 20px;
    }
    /*REFERENCES */
    .references img { margin-top: 30px }
    /*FEATURES*/
    /*TESTAMONIALS*/
    .tmonials .uk-width-1-3 { min-height: auto }
    .tmonials .uk-width-1-3 img { position: relative }
    .tmonials #two {
        border-right: none;
        border-left: none;
    }
    .tmonials #one,
    .tmonials #two {
        border-bottom: 1px solid #006de0;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    /*VOICES*/
    .border-right { border: none }
    /* ICONS */
    .uk-panel-box .blueplus { display: none }
    /*SNIPPET*/
    .red-text {color:#ec1c23; font-weight:bold; width:100%; margin:0 auto;}
}
@media only screen and (max-width: 480px) {
    .uk-width-1-6 { width: 100% }
    /*SNIPPET*/
    .feature-list li p img.icon {margin: 5px 10px; width:50px;}
    .feature-list li p img.check {width:40px;}
    span.spacer {width:0; height:0; display:none;}
    .tm-bottom-c .uk-button {margin-bottom:10px;}
}
.uk-subnav > li > a { color: #ffffff; }
.uk-subnav > li > a:hover { color: #ffffff; }

@media only screen and (max-width: 380px) {
    .feature-list li p img.check {display:none;}
}


/* XMAS 2018*/
/*div.uk-full-width {
    position:relative;
    top:0px;

    background:#006de0 !important;
    background-image:url(/images/headers/xmas2018.png) !important;
    background-position: center bottom !important;
    background-size:40%;
    background-repeat: repeat-x !important;
}

div #header-content a {
    background:#006de0 !important;
}

div #header-content a:hover {
    color:#006de0;
    background:#ffffff !important;
}
*/

p #info {
    color:red;
}


@-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
}

.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}

/* Header 2019 */
div.uk-full-width {
	border:0px solid red;
    background: #ffffff !important;
	background-image:url(/images/okayfreedom/background.jpg) !important;
    background-position: center 90px !important;
    background-repeat: no-repeat !important;
    margin-bottom:40px;
}

#header2019_mobile {
	height:1000px;
}

#slogan2019_mobile {
	display:block;
	font-size:36px;
	font-weight:bold;
	color: rgba(255, 255, 255, 0.9);
	/*text-shadow:0px 0px rgba(255, 255, 255, 0.8);*/
	text-align:left;
	line-height:50px;
	position:relative;
	top:100px;
	left:0px;
}

#box1_mobile, #box2_mobile {
	position:relative;
	text-align:center;
	width:295px;
	height:120px;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius:8px;
	border:1px solid #ffffff;
	padding:25px 15px 25px 15px;
	margin:0 auto !important;
}

#box1_mobile {
	top:350px;
	left:0px;
}

#box2_mobile {
	top:380px;
	left:0px;
}

#title1_mobile, #title2_mobile {
	text-transform:uppercase;
	font-size:26px;
	font-weight:bold;
	color:#000000;
	padding:0px 0 0px 0;
}

#desc1_mobile, #desc2_mobile {
	font-size:20px;
	font-weight:normal;
	color:#000000;
	margin:10px 0 10px 0;
}

#button1_mobile, #button2_mobile {
	text-transform:uppercase;
	font-size:26px;
	font-weight:200;
	color:#000000;
	margin:10px 0 10px 0;
	border:2px solid #ffffff;
	border-radius:6px;
	color:#ffffff;
	background:#1920eb;
	background-image:url(/images/okayfreedom/bg_headerbutton.png);
	padding:10px 0 10px 0;
}

#header2019 {
	font-family: Ubuntu;
	margin: 0 auto !important;
	padding: 0 auto !important;
}

#logo2019 {
	position:relative;
	top:-10px;
	left:35px;
	font-family: Open Sans;
}

@media (max-width: 1023px) {
	#header2019 {
		width:1000px !important;
		height:930px !important;
	}
	#header2019 > #box1 > #button1 > a, #header2019 > #box2 > #button2 > a {
		color: #ffffff;
		text-decoration: none;
	}

	#slogan2019 {
		display:block;
		font-size:50px;
		font-weight:bold;
		color: rgba(255, 255, 255, 0.9);
		text-align:right;
		line-height:75px;
		position:relative;
		top:70px;
		right:110px;
	}

	#box1, #box2 {
		position:relative;
		text-align:center;
		width:200px;
		height:200px;
		background-color: rgba(255, 255, 255, 0.8);
		border-radius:8px;
		border:1px solid #ffffff;
		padding:25px 15px 25px 15px;
	}
	#box1:hover, #box2:hover {
		background-color: rgba(255, 255, 255);
	}

	#box1 {
		top:460px;
		left:40px;
	}

	#box2 {
		top:208px;
		left:300px;
	}

	#title1, #title2 {
		text-transform:uppercase;
		font-size:29px;
		font-weight:bold;
		color:#000000;
		padding:10px 0 10px 0;
	}

	#desc1, #desc2 {
		font-size:26px;
		font-weight:normal;
		color:#000000;
		margin:10px 0 10px 0;
	}

	#button1, #button2 {
		text-transform:uppercase;
		font-size:26px;
		font-weight:200;
		color:#000000;
		margin:30px 0 30px 0;
		border:2px solid #ffffff;
		border-radius:6px;
		color:#ffffff;
		background-image:url(/images/okayfreedom/bg_headerbutton.png);
		padding:10px 0 10px 0;
	}

	#button1 {
		background:#1920eb;
	}	

	#button2 {
		background:#14a733;
	}	
}

@media (min-width: 1024px) {
	#header2019 {
		width:1000px !important;
		height:930px !important;
	}

	#header2019 > #box1 > #button1 > a, #header2019 > #box2 > #button2 > a {
		color: #ffffff;
		text-decoration: none;
	}

	#slogan2019 {
		display:block;
		font-size:60px;
		font-weight:bold;
		color: rgba(255, 255, 255, 0.9);
		text-align:right;
		line-height:75px;
		position:relative;
		top:70px;
		right:40px;
	}

	#box1, #box2 {
		position:relative;
		text-align:center;
		width:200px;
		height:200px;
		background-color: rgba(255, 255, 255, 0.8);
		border-radius:8px;
		border:1px solid #ffffff;
		padding:25px 15px 25px 15px;
	}
	#box1:hover, #box2:hover {
		background-color: rgba(255, 255, 255);
	}

	#box1 {
		top:460px;
		left:40px;
	}

	#box2 {
		top:208px;
		left:300px;
	}

	#title1, #title2 {
		text-transform:uppercase;
		font-size:29px;
		font-weight:bold;
		color:#000000;
		padding:10px 0 10px 0;
	}

	#desc1, #desc2 {
		font-size:26px;
		font-weight:normal;
		color:#000000;
		margin:10px 0 10px 0;
	}

	#button1, #button2 {
		text-transform:uppercase;
		font-size:26px;
		font-weight:200;
		color:#000000;
		margin:30px 0 30px 0;
		border:2px solid #ffffff;
		border-radius:6px;
		color:#ffffff;
		background-image:url(/images/okayfreedom/bg_headerbutton.png);
		padding:10px 0 10px 0;
	}

	#button1 {
		background:#1920eb;
	}	

	#button2 {
		background:#14a733;
	}	
}


@media (min-width: 1220px) {
	#header2019 {
		width:1200px !important;
		height:930px !important;
    	background-size: 1920px 970px !important;
	}

	#header2019 > #box1 > #button1 > a, #header2019 > #box2 > #button2 > a {
		color: #ffffff;
		text-decoration: none;
	}

	#slogan2019 {
		display:block;
		font-size:60px;
		font-weight:bold;
		color: rgba(255, 255, 255, 1);
		text-shadow:0px 0px 5px #202020;
		text-align:right;
		line-height:75px;
		position:relative;
		top:70px;
		right:50px;
	}

	#slogan2023 {
		display:block;
		font-size:26px;
		font-weight:normal;
		color: rgba(255, 255, 255, 1);
		text-shadow:0px 0px 5px #202020;
		text-align:left;
		line-height:32px;
		position:relative;
		top:180px;
		left:40px;
	}

	#box1, #box2 {
		position:relative;
		text-align:center;
		width:200px;
		height:200px;
		background-color: rgba(255, 255, 255, 0.8);
		transition: background-color 0.5s ease;
		border-radius:8px;
		border:1px solid #ffffff;
		padding:25px 15px 25px 15px;
	}
	
	#box2 {
		width:250px;
	}
	
	#box1:hover, #box2:hover {
		background-color: rgba(255, 255, 255);
	}

	#box1 {
		top:275px;
		left:40px;
	}

	#box2 {
		top:23px;
		left:300px;
	}

	#title1, #title2 {
		text-transform:uppercase;
		font-size:29px;
		font-weight:bold;
		color:#000000;
		padding:10px 0 10px 0;
	}

	#desc1, #desc2 {
		font-size:26px;
		font-weight:normal;
		color:#000000;
		margin:10px 0 10px 0;
	}

	#button1, #button2 {
		text-transform:uppercase;
		font-size:26px;
		font-weight:200;
		color:#000000;
		margin:30px 0 30px 0;
		border:0px solid #ffffff;
		border-radius:6px;
		color:#ffffff;
		background-image:url(/images/okayfreedom/bg_headerbutton.png);
		padding:10px 0 10px 0;
	}
	
	#button1 {
		background:#1920eb;
	}	

	#button2 {
		background:#14a733;
	}
	
	.button-dl {
		display: block !important;
		background:#1920eb;
		color:#fff !important;
		border:0px !important;
	}

	.button-dl:hover {
		background:#1920eb !important;
		color:#fff !important;
		border:0px !important;
	}

	.button-buy {
		display: block !important;
		background:#14a733;
		color:#fff !important;
		border:0px !important;
	}

	.button-buy:hover {
		background:#14a733 !important;
		color:#fff !important;
		border:0px !important;
	}

}

body {
	font-size:18px;
}

#discount {
    display:block;
    position: relative;
    top: -110px;
    left: 519px;
    margin-bottom:0px;
}

#discount img {
    width:125px;
    height:125px;
}