/* FONTS
================================================== */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext);

/* BASE
================================================== */

body {
	overflow-x: hidden;
	font-size: 16px;
	line-height: 19px;
	background: #fff;
	color: #222;
	max-width: 100%;
}

body * {
	font-family: 'Open Sans', Arial, sans-serif;
	/*max-width: 100%;*/
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1em;
}

a, input, button, textarea {
	-webkit-transition:	all 0.3s;
	-moz-transition:	all 0.3s;
	transition:			all 0.3s;
}

a {
	color: #d50000;
}

a:hover,
a:active,
a:focus {
	color: #000;
}

table, p, ul, ol {
	margin-bottom: 30px;
	line-height: inherit;
}

p:last-of-type {
	margin-bottom: 40px;
}

figure {
	margin: 0 0 15px;
}

	figure img {
		display: block;
		width: 100%;
	}

hr {
	margin: 15px 0;
	border-color: #5c6770;
}

li {
	margin-bottom: 15px;
}

li:last-child {
	margin-bottom: 0;
}

blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	color: #222;
}

	blockquote p {
		color: inherit;
	}
	
	blockquote cite {
		margin-top: 25px;
		font-size: inherit;
		font-style: normal;
		font-weight: 700;
		color: #45464b;
		text-align: center;
	}
	
	blockquote cite:before {
		content: '';
	}

.input-field::-webkit-input-placeholder	{ color: #5c6770; opacity: 0.6; }
.input-field:-moz-placeholder			{ color: #5c6770; opacity: 0.6; }
.input-field::-moz-placeholder			{ color: #5c6770; opacity: 0.6; }
.input-field:-ms-input-placeholder		{ color: #5c6770; opacity: 0.6; }

input::-moz-focus-inner,
button::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
}

*:focus {
   outline: 0 !important;
}

#site {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#site.ready {
	opacity: 1;
	/*transition-delay: 0.1s;*/
}

.accordion-title {
    display: block;
    padding: 1.25rem 4rem 1.25rem 1rem;
    line-height: 1.5;
    font-size: 0.75rem;
    color: #2199e8;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
}

.clone-container {
	visibility: hidden;
	opacity: 0;
	display: none;
}
.clone-container .text {
	padding: 40px 0 0 !important;
}
.btn-close {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
}
.btn-close.features-close {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
			transition: all 0.3s;
}
.btn-close.features-close:hover {
    color: #222;
}

.click-features-container {
	/*visibility: hidden;
	opacity: 0;
	height: 0;*/
}
.click-features-container.click-features {
	visibility: visible;
	opacity: 1;
	display: block;
	position: absolute;		
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	background: #dd1a21;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
			transition: all 0.3s;
}
.click-features-container .advantage-link {
	width: 100%;
	cursor: default;
}

.text-trim {
	visibility: visible;
	opacity: 1;
	height: auto;
	-webkit-transition: opacity 2s;
	   -moz-transition: opacity 2s;
			transition: opacity 2s;
}
.text-trim.hide {
	visibility: hidden;
	opacity: 0;
	height: 0;
	-webkit-transition: opacity 2s;
	   -moz-transition: opacity 2s;
			transition: opacity 2s;
}
.text-full {
	visibility: hidden;
	opacity: 0;
	height: 0;
	-webkit-transition: opacity 2s;
	   -moz-transition: opacity 2s;
			transition: opacity 2s;
}
.text-full.show {
	visibility: visible;
	opacity: 1;
	height: auto;
	-webkit-transition: opacity 2s;
	   -moz-transition: opacity 2s;
			transition: opacity 2s;
}

.click-features .button {
	width: 350px;
	color: #000;
	background: #fff;
}

.click-features .button:hover {
	color: #fff;
	background: #000;
}

/* LAYOUT
================================================== */

/*html, body {
  height: 100%;
}
.page-wrap {
	min-height: 100%;
}
.page-wrap:after {
	content: "";
	display: block;
}
.site-footer {
	display: inline-block;
	width: 100%;
}*/

/*
	Header
*/

.header {
	position: relative;
	background: #e6e6e6;
}

	.header h1 {
		margin: 0;
	}
	
	.header .logo {
		display: block;
		width: 227px;
		height: 29px;
		margin: 20px 0;
		text-indent: -9999px;
		background: url('/wp-content/themes/tradingdiarypro/img/logo.png');
		background-repeat: no-repeat;
		-webkit-background-size: 227px 29px;
		background-size: 227px 29px;
		background-position: center top;
	}

#main-menu {
	/*display: inline-block;
	width: 100%;*/
	float: right;
}
#main-menu li a {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.slick-arrow {
	background: rgba(0,0,0,0.5);
    color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
    line-height: 50px;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto auto;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.slick-arrow:hover {
	background: rgba(221, 26, 33, 1);
	cursor: pointer;
}
.icon-arrow-left {
	left: 20px;
	text-indent: -3px;
}
.icon-arrow-right {
	right: 20px;
	text-indent: 3px;
}
.slick-dots {
	list-style: none;
    padding: 0;
    margin: 0;
	text-align: center;
}
.slick-dots li {
	display: inline-block;
}
.slick-dots li a {
	display: inline-block;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    border: 1px solid #000;
    margin: 5px 5px 15px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.slick-active a,
.slick-dots li a:hover {
	background: rgba(221, 26, 33, 1) !important;
	border-color: rgba(221, 26, 33, 1) !important;
}
	
.responsive-menu {
	display: inline-block;
	float: right;
}
	
/*
	Footer
*/

.footer {
	margin: 0;
	padding: 35px 0 0;
	background: #acacac;
}

	.footer .menu {
		margin: 0;
		font-size: 0;
		line-height: 0;
		text-align: center;
	}
	
		.footer .menu li {
			display: inline-block;
			margin: 0 0 35px;
			font-size: 16px;
			line-height: 20px;
		}
		
			.footer .menu a {
				display: block;
				padding: 0 30px 2px;
				border-left: 1px solid #222;
				color: #222;
			}
			
			.footer .menu a:hover {
				color: #dd1a21;
			}
			
			.footer .menu li:first-child a {
				border: 0;
			}
	
	.footer #nyelvvalaszto {
		display: none;
	}
			
	.footer .button-panel {
		margin-bottom: 35px;
	}
	
	.footer-container {
		padding-bottom: 40px;
	}
	
	.sitemap {
		display: inline-block;
	}
	.sitemap > ul {
		list-style: none;
		margin: 20px 0 40px;
	}
	.sitemap > ul li .children {
		list-style: square;
		margin: 15px 0 0 35px;
		color: #d50000;
	}
	.page-list .current_page_item > a {
		color: #d50000;
		/* text-decoration: underline; */
	}
	.sitemap ul li a {
		color: #222;
	}
	.sitemap ul li a:hover {
		color: #d50000;
	}
	
	.footer .copyright-container {
		position: relative;
		line-height: 1.5;
	}
	.footer .copyright-container span {
		display: block;
	}
	
	.footer .links ul li a {
		display: block;
		padding: 0 15px 0px;
		border-left: 1px solid #222;
		color: #222;
	}
	.footer .links ul li:first-child a {
		border: 0;
	}
	.footer .links ul li a:hover {
		color: #d50000;
	}
	
	.footer .links ul,
	.footer .sc-links-container ul {
		list-style: none;
		margin: 0;
	}
	.footer .links ul li,
	.footer .sc-links-container ul li {
		display: inline-block;
		margin: 0;
		line-height: 1.5;
		/*float: right;*/
	}
	.footer .sc-links-container ul li a {
		padding: 12px 15px 14px;
		line-height: 24px;
	}
	.footer .sc-links-container ul li a i {	
		color: #fff;
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 20px;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		transition: background 0.3s;
	}
	.footer .sc-links-container ul li a i.fa-youtube {
		background: #cd181f;		
	}
	.footer .sc-links-container ul li a:hover i.fa-youtube {
		background: rgba(205,24,31,0.5);
	}
	.footer .sc-links-container ul li a i.fa-facebook {		
		background: #38559b;
	}
	.footer .sc-links-container ul li a:hover i.fa-facebook {		
		background: rgba(56,85,155,0.5);
	}
	.footer .sc-links-container ul li a i.fa-twitter {	
		background: rgba(0,170,242,0.8);
	}
	.footer .sc-links-container ul li a:hover i.fa-twitter {
		background: rgba(0,170,242,0.5);
	}
	
	.footer #hrenko {
		float: right;
		text-align: right;
		display: inline-block;
		width: auto;
	}

.MathJax_Display {
	text-align: left !important;
}
	
/*
	Sidebar
*/

.sidebar .sb-panel {
	margin-bottom: 40px;
}

	.sidebar .sb-panel .title {
		margin: 0;
		padding: 9px 5px;
		font-size: 18px;
		line-height: 22px;
		font-weight: 700;
		text-align: center;
		background: #e6e6e6;
	}
	
	.sidebar .sb-list {
		margin: 0 0 1px;
	}
	
		.sidebar .sb-list li {
			margin: 1px 0 0;
			display: block !important;
		}
		
			.sidebar .sb-list li a {
				display: block;
				padding: 9px 5px;
				font-size: 18px;
				line-height: 22px;
				text-align: center;
				color: #222;
				background: #f2f2f2;
			}
			
			.sidebar .sb-list li a:hover {
				color: #fff;
				background: #e01c23;
			}

/* COMPONENTS
================================================== */

/*
	Typography and spaces
*/

.no-bottom-margin {
	margin-bottom: 0 !important;
}

.weight-bold {
	font-weight: bold;
}

.main-title {
	margin: 0 0 20px;
	padding: 0;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	color: #222222;
}

	.main-title span {
		display: inline-block;
		padding: 0 10px 15px;
		border-bottom: 1px solid #d60811;
	}
	
.subtitle {
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 700;
	color: #d60811;
}
	
/*
	Lists
*/

.list-check {
	margin: 5px 0 32px;
	list-style: none;
}

	.list-check li {
		position: relative;
		margin: 0;
		padding: 8px 0 8px 35px;
		font-size: 18px;
		line-height: 24px;
	}
	
	.list-check li:before {
		position: absolute;
		content: '\e080';
		top: 8px;
		left: 0;
		font-size: 24px;
		font-family: 'simple-line-icons';
	}
	
/*
	Tables
*/

table  {
	border: 0;
}

table tr:first-child {
	-webkit-border-radius: 10px 0 0;
	-moz-border-radius: 10px 0 0;
	border-radius: 10px 0 0;
}

table tbody tr:nth-child(2n) {
	background: #e2e3e4;
}

table thead {
	background: transparent;
}

table thead tr {
	background: #c3c4c5;
}

table thead th {
	padding: 25px 10px;
	border: 1px solid #c5c6c8;
}

table tbody td {
	padding: 12px 10px;
	border: 1px solid #d6d8db;
}

.compare-table thead th,
.compare-table thead td,
.compare-table tbody th,
.compare-table tbody td {
	text-align: center;
}

.compare-table tbody th {
	font-weight: 400;
	border: 1px solid #d6d8db;
}

	.compare-table i + span {
		display: inline-block;
		text-indent: -9999px;
	}

	.compare-table [class*="icon-"] {
		font-size: 18px;
	}

	.compare-table .icon-check {
		color: #2cba00;
	}

	.compare-table .icon-close {
		color: #2a3445;
	}

.table-gradient-link {
	display: inline-block;
    width: 100%;
    text-align: center;	
}
.table-gradient-link:hover .btn-see-all {
    background: #dd1a21;
}
.table-gradient-container {
	height: 368px;
	overflow: hidden;
	margin-bottom: 40px;
}
.table-gradient {
	position: relative;
}
.table-gradient:after {
	position: absolute;
	content: '';
	right: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	background: -moz-linear-gradient(top,  rgba(235,235,235,0) 16%, rgba(235,235,235,1) 30%, rgba(235,235,235,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(235,235,235,0) 16%,rgba(235,235,235,1) 30%,rgba(235,235,235,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(235,235,235,0) 16%,rgba(235,235,235,1) 30%,rgba(235,235,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.compare-table tbody th {
    color: #222;
}

/*
	Buttons
*/

.button {
	position: relative;
	margin: 0;
	padding: 12px 15px 14px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	border: 0;
	-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
			border-radius: 50px;
}

.button.small {
	padding: 5px 10px 7px;
	font-size: 18px;
}

.button.red {
	background: #dd1a21;
}

.button.red:hover {
	background: #acacac;
}

.button.grey {
	background: #acacac;
}

.button.grey:hover {
	background: #dd1a21;
}

.button.lightgrey {
	color: #000;
	background: #ebebeb;
}

.button.lightgrey:hover {
	color: #fff;
	background: #dd1a21;
}

.button-w-short {
	min-width: 160px;
}

.button-w-medium {
	min-width: 220px;
}

.button-w-long {
	min-width: 240px;
}
.button-w-long.hide {
	visibility: hidden;
}

.button-group {
	margin: 0 -10px -10px;
	font-size: 20px;
}

	.button-group .button {
		float: none;
		margin: 0 10px 10px;
	}
	
	.button-group .button:not(:last-child) {
		border: 0;
	}

.release-notes {
	margin-top: 40px;
	width: 100%;
	display: none;
}
	.release-notes p {
		margin: 0 0 10px;		
	}
	.release-notes p strong {
		color: #fff;
		background: #d60811;
		padding: 5px 10px;
		width: 100%;
		display: inline-block;
	}
	.release-notes ul {
		margin-bottom: 53px;
	}


/*
	Form
*/

.form-group {
	margin-bottom: 40px;
}

.input-field,
.input-field:focus {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.input-field {
	margin: 0;
	padding: 6px 10px;
	line-height: 22px;
	color: #5c6770;
	border: 1px solid #d2d4d6;
	background: #fff;
}

.input-field.large {
	padding: 15px;
}

.input-field,
.input-group-field {
	height: auto;
}

.validate .clear.input-group-button {
	background: #dd1a21;
    -webkit-border-radius: 0 50px 50px 0;
    -moz-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    position: relative;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.validate .clear.input-group-button:hover {
	background: #acacac;
}
.validate .clear.input-group-button:before {
    content: "\e01f";
    font-family: Simple-Line-Icons;
    color: #fff;
    position: absolute;
    top: 8px;
    left: 0;
    right: 3px;
}
.validate .clear.input-group-button .button.small {
	background: none;
}

.input-group-field  {
	margin: 0;
	-webkit-border-radius: 50px 0 0 50px;
    -moz-border-radius: 50px 0 0 50px;
    border-radius: 50px 0 0 50px;
}
.input-group-container {
	position: relative;
	display: table;
    width: 100%;
}
.input-group-container .input-group-button input {
	-webkit-border-radius: 0 50px 50px 0;
    -moz-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
}
.input-group-container .button.small {
    padding: 5px 18px 7px;
}
.input-group-container i {
    position: absolute;
    top: 9px;
    right: 11px;
    color: #fff;
}

.input-group-button {
	overflow: hidden;
}

.input-group {
	display: table;
    width: 100%;
}

.input-group > *:first-child {
	-webkit-border-radius: 50px 0 0 50px;
	   -moz-border-radius: 50px 0 0 50px;
			border-radius: 50px 0 0 50px;
}

.input-group > *:last-child {
	-webkit-border-radius: 0 50px 50px 0;
	   -moz-border-radius: 0 50px 50px 0;
			border-radius: 0 50px 50px 0;
}

.checkbox,
.radio {
	margin-bottom: 0;
}

	.checkbox input,
	.radio input {
		margin: 0 10px 10px 0;
	}
	
	.checkbox a,
	.radio a {
		color: inherit;
		text-decoration: underline;
	}

label {
	margin: 0 0 3px;
	font-weight: normal;
	line-height: 16px;
	font-size: 14px;
	color: inherit;
}

/* Progress Tracker */

.progress-tracker {
	position: fixed;
	top: 50%;
	right: 30px;
	z-index: 100;
}

.progress-tracker.hide {
	width: 0px;
}

	.progress-tracker ul li {
		position: relative;
		width: 25px;
		height: 25px;
		border: 2px solid #acacac;
		margin-bottom: 10px;
		list-style-type: none;
		background: #acacac;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
				border-radius: 100%;
	}
	
	.progress-tracker ul li.active {
		background-color: #d60811;
	}
	
		.progress-tracker ul li a {
			display: block;
			width: 100%;
			height: 100%;
		}

		.progress-tracker.hide ul li .pt-description,
		.progress-tracker.hide.active ul li .pt-description,
		.progress-tracker.hide.constant ul li.active .pt-description {
			display: none;
		}

		.progress-tracker ul li .pt-description {
			position: absolute;
			display: none;
			top: 50%;
			right: 25px;
			width: 260px;
			-webkit-transform: translate(0px, -50%);
			   -moz-transform: translate(0px, -50%);
					transform: translate(0px, -50%);
		}
		
		.progress-tracker.constant ul li.active .pt-description {
			display: block;
		}
		
			.progress-tracker ul li .pt-description span {
				float: right;
				padding: 5px 15px;
				text-align: right;
				color: #fff;
				background-color: #222;
				-webkit-border-radius: 15px;
				   -moz-border-radius: 15px;
						border-radius: 15px;
			}

/* SECTIONS
================================================== */

.section {
	padding: 40px 0 0;
}

.section.padding-bottom {
	padding-bottom: 40px;
}

.service-block,
.icon-panel {
	margin-bottom: 40px;
}

.bg-grey {
	background: #ebebeb;
}

.bg-grey-gradient {
	background: #ebebeb; /* Old browsers */
	background: -moz-linear-gradient(top,  #ebebeb 0%, #adadad 65%, #ebebeb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#adadad 65%,#ebebeb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ebebeb 0%,#adadad 65%,#ebebeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.requirements-container {
	padding: 60px 0 30px;
}
.requirements-container p {
	line-height: 30px;
}

.more-about-pricing p {
    line-height: 26px;
}

.panel-radius {
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
			border-radius: 20px;
}

.panel-white {
	background: #fff;
}

.panel-grey {
	background: #ebebeb;
}

.latest-articles a {
	border: 1px solid transparent;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
.latest-articles a:hover {
	/*border: 1px solid #acacac;*/
	border: 1px solid #d60811;
}

/*
	Panels
*/

.icon-panel {
	position: relative;
	padding: 40px 50px 20px;
	margin-top: 55px;
	border: 1px solid #acacac;
	height: 319px;
}

	.icon-panel > .icon {
		position: absolute;
		top: 0;
		left: 50%;
		width: 75px;
		height: 75px;
		margin: -37px 0 0 -37px;
		line-height: 75px;
		font-size: 35px;
		text-align: center;
		color: #fff;
		background: #acacac;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
				border-radius: 100%;
	}

.button-panel {
	margin-bottom: 40px;
	padding: 30px 35px 40px;
}

	.button-panel .title {
		margin: 0 0 30px;
		font-size: 20px;
		text-align: center;
		font-weight: 700;
	}
	
	.button-panel .input-group {
		margin: 0;
	}

.software-support-text {
	background: #e6e6e6;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.software-support-text p {
	padding: 8px 10px;
	text-align: center;
}
	
.anchor{
  display: block;
  height: 70px;
  margin-top: -70px;
  visibility: hidden;
}

/*
	Slideshow
*/

/*.slider-container,
.slick-slider {
	display: inline-block;	
}
.slider {
    height: auto;
    margin: 0;
    background: none;
    cursor: default;
}*/

.fp-slider-container {
	height: 490px;
	max-height: 490px;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}
.fp-slider-container:before {
	content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}
.fp-slider-content {
	height: 50%;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.fp-slider-container .fp-slider-content .title {
	font-size: 80px;
    text-align: center;
    color: #fff;
    /* text-shadow: 0 0 16px rgba(0, 0, 0, 0.5); */
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);	
}
.fp-slider-container .fp-slider-content .subtitle {
	font-size: 24px;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	line-height: 35px;
}
.slick-initialized .slick-slide {
    /* display: block; */
    display: table;
}

.slideshow .orbit-slide {
	height: 100%;
	padding: 0;
	background-position: center center;
	-webkit-background-size: cover;
			background-size: cover;
}

.slideshow .slide {
	padding: 200px 0 40px;
}
	.slideshow .title {
		margin: 0 0 40px;
		font-size: 80px;
		text-align: center;
		color: #fff;
		/*text-shadow: 0 0 16px rgba(0, 0, 0, 0.5);*/
		text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	}
	
/*
	Trial
*/

.trial-text p:first-child {
	padding-top: 10px;
}
.trial-text p {
	line-height: 25px;
}
.trial-img {
	margin: 0;
}

/*
	News blocks
*/

.news-block {
	display: block;
	margin-bottom: 40px;
	padding: 20px 40px;
	line-height: 30px;
	color: #222;
}

	.news-block h3 {
		margin: 0 0 20px;
		font-size: 20px;
		text-align: center;
		font-weight: 700;
		line-height: 26px;
	}

	.news-block time {
		display: block;
		text-align: center;
		line-height: 20px;
		font-size: 14px;
		color: #98a2a4;
	}
	
	.news-block .text *:last-of-type {
		margin-bottom: 0;
	}
	
/*
	Screenshots
*/

/*.screenshots-container {
	display: table;
}*/
.screenshots-container:last-child {
	float: left !important; 
}
.screenshot-block {
	margin-bottom: 20px;
}

.screenshot-block > figure {
	margin: 0;
	padding: 20px 20px 0;
	cursor: pointer;
	-webkit-border-radius: 15px 15px 0 0;
	   -moz-border-radius: 15px 15px 0 0;
			border-radius: 15px 15px 0 0;
	-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
			transition: all 0.5s;
}
	
	.screenshot-block > figure figcaption {
		padding: 8px 0;
		font-size: 18px;
		text-align: center;
	}
	
	.screenshot-block .description {
		position: absolute;
		overflow: hidden;
		visibility: hidden;
		left: 0;
		width: 100%;
		height: 0;
		background: #ebebeb;
		z-index: -1;
		opacity: 0;
		-webkit-transition: all 0.5s;
		   -moz-transition: all 0.5s;
				transition: all 0.5s;
	}
	
		.screenshot-block .description .row {
			margin-left: auto;
			margin-right: auto;
			/*max-width: inherit;*/
		}
	
		.screenshot-block .description figure {
			margin: 50px 20px;
		}
		
		.screenshot-block .description h3 {
			margin: 0 0 20px;
			font-size: 24px;
			font-weight: 700;
		}
		
		.screenshot-block .description .close {
			float: right;
			width: 50px;
			height: 40px;
			margin: -5px 20px 0 0;
			font-size: 36px;
			line-height: 1em;
			text-align: right;
		}
		
		.screenshot-block .description .close:hover {
			color: #d60811;
		}
		

.screenshot-block.active > figure {
	background: #ebebeb;
}

.screenshot-block.active .description {
	visibility: visible;
	height: auto;
	opacity: 1;
	z-index: 1;
	-webkit-box-shadow: 0px 6px 5px 0px rgba(0,2,34,0.5);
	-moz-box-shadow: 0px 6px 5px 0px rgba(0,2,34,0.5);
	box-shadow: 0px 6px 5px 0px rgba(0,2,34,0.5);
}

/*
	Blog
*/

.blog {
	line-height: 22px;
}

.blog .main-title {
	margin: 0 0 10px;
	padding: 0 0 10px;
	text-align: left;
	border-bottom: 1px solid #d60811;
}

.blog .time {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
}

.blog .tags {
	color: #222;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.blog .tags:after {
	content: ', ';
}
.blog .tags:last-child:after {
	content: '';
}
.blog .tags:hover {
	color: #d50000;
}

.blog h2
{
    font-size: 1.25rem;
    font-weight: bold;
}

.blog h3
{
    font-size: 1rem;
    font-weight: bold;
}

.blog-list {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 20px;
}
.blog-list:hover .main-title {
	color: #dd1a21;
}
.blog-list > a {
	display: inline-block;
	color: #222;
	width: 100%;
}
.blog-list .main-title {
	margin-top: -9px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	line-height: 1.5;
}

/*
	FAQ
*/

.faq .accordion {
	margin-bottom: 40px;
}

.faq:first-of-type .subtitle {
	margin-top: 20px;
}

/*
	Vertical center content
*/

.vertical-content {
	position: relative;
}

/* CONTACT FORM
 ================================================= */

div.wpcf7-mail-sent-ok {
	display: none !important;
}
div.wpcf7-response-output {
	text-align: center;
	padding: 0;
	margin: 10px 0 0;
	font-size: 20px;
}
span.wpcf7-not-valid-tip {
	display: none !important;
}
div.wpcf7 img.ajax-loader {
    display: block !important;
	margin: 20px auto 0 !important;
}
div.wpcf7-validation-errors {
	border: 1px solid #ff0000 !important;
	margin: -20px 0 25px !important;
	padding: 0.5em 1em !important;
	color: #000 !important;
	text-align: left !important;
	font-size: 15px !important;
}
div.wpcf7-response-output {
	font-size: 15px !important;
}
span .wpcf7-not-valid {
	border: 1px solid red !important;
}
.message {
	resize: none;
}
.btn-send {
	min-width: 240px;
}

/* MODULES
================================================== */

/*
	Service blocks
*/

.service-block {
	position: relative;
	padding: 0 40px;
	line-height: 19px;
	text-align: center;
}

.bg-grey .row > div:last-child .service-block.icon-arrow-right:before {
	display: none;
}
.service-block.icon-arrow-right:before {
	position: absolute;
	top: 30px;
	right: -45px;
	width: 60px;
	height: 60px;
	font-size: 60px;
	line-height: 60px;
	color: #acacac;
}

	.service-block .icon {
		display: block;
		width: 120px;
		height: 120px;
		line-height: 120px;
		font-size: 60px;
		margin: 0 auto 10px;
		text-align: center;
		color: #fff;
		background: #d60811;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
				border-radius: 100%;
	}
	
	.service-block-background {
		display: block;
		text-indent: -9999px;
		width: 120px;
		height: 120px;
		/*background-size: 120px 120px;*/
		line-height: 120px;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		background-position: 50% 50% !important;
		/*background-position-x: center !important;
		background-position-y: center !important;
		background-position-x: 30px !important;
		background-position-y: 30px !important;*/
		margin: 0 auto 10px;
		background: #d60811;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
				border-radius: 100%;
	}
	
	.service-block h3 {
		margin: 0 0 15px;
		font-size: 20px;
		font-weight: 700;
	}
	
/*
	Panel buttons
*/

.panel-button {
	position: relative;
	display: block;
	height: 120px;
	margin-bottom: 20px;
	border: 2px solid #d60811;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	color: #222;
	overflow: hidden;
}

.panel-button:hover {
	color: #fff;
	background: #d60811;
}

/*.panel-button:hover img {
	opacity: 0.2;
}*/

	.panel-button span {
		/*position: absolute;
		top: 100%;
		height: 100%;
		margin-top: -25%;
		text-align: center;*/
		
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		z-index: 1;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	
	.panel-button img {
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		opacity: 0.3;
		/*-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		transition: opacity 0.3s;*/
	}

	.panel-button .icon {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		line-height: 120px;
		font-size: 100px;
		color: rgba(0, 0, 0, 0.07);
		z-index: 0;
		-webkit-transition: color 0.3s;
		   -moz-transition: color 0.3s;
				transition: color 0.3s;
	}
	
	.panel-button:hover .icon {
		color: rgba(100%, 100%, 100%, 0.2);
	}
	
/*
	Animated pictures
*/

.animated-pictures {
	position: relative;
	display: inline-block;
	visibility: hidden;
	width: 60%;
	margin: 65px 0 0 -30%;
	z-index: 0;
}

.animated-pictures.anim-visible {
	visibility: visible;
}

	.animated-pictures li {
		position: absolute;
		display: inline-block;
		width: 100%;
		margin-bottom: 0;
		list-style: none;
	}
	
	.animated-pictures.anim-visible li {
		-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
		-webkit-animation-name: slideInRight;
				animation-name: slideInRight;
	}
	
	.animated-pictures li:nth-child(1) {
		position: relative;
		z-index: 3;
		-webkit-animation-duration: 0.8s;
				animation-duration: 0.8s;
	}
	
	.animated-pictures li:nth-child(2) {
		top: -10%;
		left: 25%;
		z-index: 2;
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
	}
	
	.animated-pictures li:nth-child(3) {
		top: -20%;
		left: 50%;
		z-index: 1;
		-webkit-animation-duration: 1.2s;
				animation-duration: 1.2s;
	}
	
/*
	Slider quote
*/

.icon-panel .orbit-slide {
	padding: 40px 0 22px;
}

/*
	Map
*/

.world-map {
	position: relative;
	max-width: 100%;
}

	.world-map .dots {
		position: absolute;
		visibility: hidden;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	
	.world-map.anim-visible .dots {
		visibility: visible;
		-webkit-animation-name: bounceIn;
				animation-name: bounceIn;
		-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
		-webkit-animation-duration: 1s;
				animation-duration: 1s;
	}
	
/*
	Image with shadow
*/

.image-shadow {
	position: relative;
	display: block;
	margin-bottom: 30px;
	padding-left: 20px;
}

.image-shadow:after {
	position: absolute;
	content: '';
    top: -10%;
	right: -54%;
	bottom: -16.5%;
	left: -32%;
	background: url('/wp-content/themes/tradingdiarypro/img/screen-shadow.webp');
	z-index: 0;
	-webkit-background-size: 100% 100%;
			background-size: 100% 100%;
}
	
	.image-shadow img {
		position: relative;
		display: block;
		width: 100%;
		z-index: 1;
		-webkit-transform: translate(-12%, 0) perspective(900px) skewX(-5deg) rotateX(25deg) rotateZ(10deg);
		-moz-transform: translate(-12%, 0) perspective(900px) skewX(-5deg) rotateX(25deg) rotateZ(10deg);
		transform: translate(-12%, 0) perspective(900px) skewX(-5deg) rotateX(25deg) rotateZ(10deg);
		-webkit-transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
	}
	
/*
	Accordion
*/

.accordion-item {
	margin-bottom: 0;
}

	.accordion-title {
		font-size: 16px;
		font-weight: 700;
		color: #222;
		background: #e6e6e6;
	}

	.accordion-title:hover,
	.is-active .accordion-title {
		color: #fff;
		background: #acacac;
	}

	.accordion-title:before {
		content: '\e095';
		font-family: 'simple-line-icons';
		font-size: 24px;
		margin-top: -12px;
	}

	.is-active > .accordion-title:before {
		content: '\e082';
	}

	.accordion-content {
		font-size: 15px;
		line-height: 24px;
	}

	.accordion-content *:last-child {
		margin-bottom: 0;
	}

/*
	Pricing tables
*/

.pricing-table {
	margin-bottom: 40px;
	text-align: center;
}

	.pricing-table .title {
		margin: 0;
		padding: 25px 10px;
		line-height: 40px;
	}
	
	.pricing-table .bottom {
		padding: 6px;
		background: #e6e6e6;
	}
	
	.pricing-table .data {
		position: relative;
		padding: 20px 50px;
		border-left: 1px solid #e6e6e6;
		border-right: 1px solid #e6e6e6;
	}
	
		.pricing-table .data *:last-child,
		.pricing-table .data .text *:last-child {
			margin-bottom: 0;
		}
		
		.pricing-table .data .text {
			padding: 25px 0;
			color: #767676;
		}
	
		.pricing-table .data .list {
			margin-top: 20px;
			border-top: 1px solid #e6e6e6;
		}
		
			.pricing-table .data .list li {
				margin: 0;
				padding: 15px 5px;
				line-height: 20px;
				border-bottom: 1px solid #e6e6e6;
				color: #000;
			}
			
		.pricing-table .data li + li {
			margin-top: 20px;
		}
			
	.pricing-table .price {
		display: block;
		width: 180px;
		height: 180px;
		margin: 0 auto 20px;
		line-height: 174px;
		font-size: 64px;
		text-align: center;
		font-weight: 700;
		white-space: nowrap;
		letter-spacing: -3px;
		border-width: 3px;
		border-style: solid;
		-webkit-border-radius: 100%;
		   -moz-border-radius: 100%;
				border-radius: 100%;
	}
	
/* Default */

/*.pricing-table.default {
	margin-top: 30px;
}*/

	.pricing-table.default .title {
		font-size: 32px;
		color: #000;
		background: #e6e6e6;
	}

	.pricing-table.default .price {
		color: #000;
		border-color: #000;
	}

/* Highlighted */
	
.pricing-table.highlighted .title {
	font-weight: 700;
	font-size: 39px;
	color: #fff;
	background: #d60811;
}

.pricing-table.highlighted .data:before,
.pricing-table.highlighted .data:after {
	position: absolute;
	content: '';
	top: 0;
	width: 1px;
	height: 100%;
	background: -moz-linear-gradient(top,  #e6e6e6 0%, #e6e6e6 10%, #adadad 50%, #e6e6e6 90%, #e6e6e6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e6e6e6 0%,#e6e6e6 10%,#adadad 50%,#e6e6e6 90%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e6e6e6 0%,#e6e6e6 10%,#adadad 50%,#e6e6e6 90%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.pricing-table.highlighted .data:before {
	left: -1px;
}

.pricing-table.highlighted .data:after {
	right: -1px;
}

.pricing-table.highlighted .price {
	color: #d60811;
	border-color: #d60811;
}



/* ANIMATIONS
================================================== */

@-webkit-keyframes slideInRight {
	from	{ -webkit-transform: translate3d(100%, 0, 0); }
	to		{ -webkit-transform: translate3d(0, 0, 0); }
}

@keyframes slideInRight {
	from	{ transform: translate3d(100%, 0, 0); }
	to		{ transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0%	{ opacity: 0; -webkit-transform: scale3d(.1, .1, .1); }
	20%	{ -webkit-transform: scale3d(1.2, 1.7, 1.2); }
	40%	{ -webkit-transform: scale3d(.9, .9, .9); }
	60%	{ -webkit-transform: scale3d(1.10, 1.05, 1.05); }
	80%	{ -webkit-transform: scale3d(.95, .95, .95); }
	to	{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); }
}

@keyframes bounceIn {
	from, 20%, 40%, 60%, 80%, to {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}

	0%	{ opacity: 0; transform: scale3d(.1, .1, .1); }
	20%	{ transform: scale3d(1.2, 1.7, 1.2); }
	40%	{ transform: scale3d(.9, .9, .9); }
	60%	{ transform: scale3d(1.10, 1.05, 1.05); }
	80%	{ transform: scale3d(.95, .95, .95); }
	to 	{ opacity: 1; transform: scale3d(1, 1, 1); }
}
	
/* RESPONSIVE
================================================== */

/* Small only (max 639px) */
@media screen and (max-width: 39.9375em) {
	
	blockquote p {
		margin-bottom: 20px;
	}
	
	blockquote cite {
		margin-top: 0;
	}
	
	/*
		Buttons
	*/
	
	.button {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	.btn-advantages {
		display: inline-block;	
	}
	.click-content {
		position: relative;
	}
	.click-features-container .text .row > div {
		padding-top: 30px;
	}
	
	.button.small {
		font-size: 17px;
	}
	
	.button-w-long {
		width: 240px;
	}
	
	.button-w-medium {
		width: 220px;
		margin-bottom: 15px;
	}
	.button-w-medium:last-child {
		margin-bottom: 0;
	}
	
	.button-w-short {
		width: 160px;
	}
	
	.button-group .button {
		margin: 0 auto 30px !important;
	}
	
	.button-group .button:last-child {
		margin-bottom: 0 !important;
	}
	
	.click-features .button {
		width: auto;
	}
	
	/*
		Mobile sidebar
	*/
	
	.mobile-sb-button {
		position: relative;
		overflow: hidden;
		margin: 0 0 40px;
		padding: 0 40px 0 15px;
		line-height: 40px;
		font-size: 18px;
		font-weight: 700;
		text-overflow: ellipsis;
		white-space: nowrap;
		background: #e6e6e6;
		cursor: pointer;
	}
	
	.sidebar.active .mobile-sb-button {
		color: #fff;
		background: #222;
	}
	
		.mobile-sb-button i {
			position: absolute;
			top: 0;
			right: 15px;
			font-size: 20px;
			line-height: 40px;
		}
		
	.sidebar .sb-container {
		display: none;
	}
	
	.sidebar.active .sb-container {
		display: block;
	}
	
	/*
		Slideshow
	*/
	
	.slideshow .slide {
		padding: 80px 0 15px;
	}
	
		.fp-slider-container .fp-slider-content .title {
			font-size: 36px;
		}
		.slideshow .title {
			margin-bottom: 15px;
			font-size: 36px;
		}
		
		.fp-slider-container .button.button-w-short,	
		.slideshow .button.button-w-short {
			font-size: 18px;
			font-weight: 400;
			padding-right: 5px;
			padding-left: 5px;
			width: 140px;
			min-width: auto;
		}
		
	/*
		Service blocks
	*/
	
	.service-block.icon-arrow-right {
		padding: 0 0 40px;
	}
	
	.service-block.icon-arrow-right:before {
		right: 50%;
		top: auto;
		bottom: -10px;
		margin-right: -30px;
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
				transform: rotate(90deg);
	}
	
	/*
		Animated pictures
	*/
	
	.animated-pictures {
		/*width: 70%;*/
		margin: 20px auto 20px -35%;
	}
	
	.tdpw-container {
		text-align: center;
	}
	.tdpw-container .panel-radius.icon-panel.text-center {
		height: auto;
	}
		
	/*
		Trial
	*/
	
	.trial-text {
		padding-top: 0;
	}
	
	.trial-pic {
		margin-left: -15%;
	}	
	
	/*
		Panels
	*/
	
	.icon-panel {
		padding-right: 15px;
		padding-left: 15px;
		display: inline-block;
	}
	
		.icon-panel blockquote {
			padding: 0;
		}
	
	.icon-panel .orbit-slide {
		padding: 10px 0 5px;
	}
	
	.button-panel {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	/*
		News block
	*/
	
	.news-block {
		margin-right: -10px;
		margin-left: -10px;
		padding-right: 0;
		padding-left: 0;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}
	
		.news-block .text {
			padding: 0 15px;
		}
		
	/*
		Lists
	*/
	
	.list-check {
		padding: 0 10px;
	}
	
	/*
		Features
	*/
	
	.image-shadow {
		margin: 30px 20px 10px;
	}
	
	/*
		Blog
	*/
	
	.blog-list {
		margin-bottom: 0;
	}
	
		.blog-list > figure {
			padding: 0;
		}
		
		.blog-list .main-title {
			margin-top: 20px;
		}
	
	/*
		Pricing table
	*/
	
	.pricing-table {
		margin-right: -12px;
		margin-left: -12px;
	}
	
	.pricing-table.default {
		margin-top: 0;
	}
	
		.pricing-table .data {
			padding-left: 20px;
			padding-right: 20px;
			height: auto !important;
		}
	
	.icon-arrow-right {
		right: 0;
	}
	
}

@media screen and (max-width: 750px) {
	
	.responsive-table th,
	.responsive-table td {
		display: block;
		width: 100%;
		margin-top: -1px;
	}
	
	.responsive-table thead {
		display: none;
	}
	
	.table-gradient-container {
		height: 1600px;
		overflow: hidden;
		margin-bottom: 40px;
	}
	
	.table-gradient:after {
		position: absolute;
		content: '';
		right: 0;
		left: 0;
		bottom: 0;
		height: 100%;
		background: -moz-linear-gradient(top, rgba(235,235,235,0) 17%, rgba(235,235,235,1) 20%, rgba(235,235,235,1) 100%);
		background: -webkit-linear-gradient(top, rgba(235,235,235,0) 17%,rgba(235,235,235,1) 20%,rgba(235,235,235,1) 100%);
		background: linear-gradient(to bottom, rgba(235,235,235,0) 17%,rgba(235,235,235,1) 20%,rgba(235,235,235,1) 100%);
	}
	
	.compare-table tbody th {
		padding: 20px 10px;
		font-size: 18px;
		font-weight: 700;
		border-bottom: 1px solid #d6d8db;
		border-top: 1px solid #d6d8db;
		border-left: 0;
		border-right: 0;
	}
	
	.compare-table tbody td {
		position: relative;
		width: 25%;
		margin-left: 75%;
		border-right: 0;
	}
	
	.compare-table tbody td:before {
		position: absolute;
		content: attr(data-property);
		top: 0;
		right: 100%;
		bottom: -1px;
		width: 310%;
		padding: 12px 20px;
		border-bottom: 1px solid #d6d8db;
		border-top: 1px solid transparent;
		text-align: left;
	}
	.image-shadow:after {
		position: absolute;
		content: '';
		top: -5%;
		right: 0;
		bottom: -4.5%;
		left: -20%;
		background: url('/wp-content/themes/tradingdiarypro/img/screen-shadow.webp');
		z-index: 0;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}
}

/* Medium and up (min 640px) */
@media screen and (min-width: 40em) {
	
	.pricing-table .title {
		-webkit-border-radius: 15px 15px 0 0;
		   -moz-border-radius: 15px 15px 0 0;
				border-radius: 15px 15px 0 0;
	}
	
	.pricing-table .bottom {
		-webkit-border-radius: 0 0 15px 15px;
		   -moz-border-radius: 0 0 15px 15px;
				border-radius: 0 0 15px 15px;
	}
	
}

/* Medium only (min 640px max 1023px) */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
	.fp-slider-container .fp-slider-content .title,
	.slideshow .title {
		font-size: 50px;
	}
	
	.blog-list .main-title {
		margin-top: 0;
	}
	
	.pricing-table .data {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/*
		Vertical center content
	*/

	.medium-vertical-center {
		position: relative;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		   -moz-transform: translate(0, -50%);
				transform: translate(0, -50%);
	}
	
}

/* Large and down (max 1023px) */
@media screen and (max-width: 63.9375em) {
	
	/*
		Header
	*/
	
	.header {
		padding: 5px;
	}
		
		.header .logo {
			margin: 5px 0;
			width: 200px;
			height: 26px;
			-webkit-background-size: 200px 26px;
					background-size: 200px 26px;
		}
		
	/*
		Mobile menu 
	*/
	
	#menu-button span {
		display: inline-block;
		width: 36px;
		height: 36px;
		font-size: 26px;
		line-height: 36px;
		text-align: center;
		background: #fff;
		cursor: pointer;
		-webkit-border-radius: 6px;
		   -moz-border-radius: 6px;
				border-radius: 6px;
	}
	
	.header .menu {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		text-align: center;
		background: #acacac;
		z-index: 1000;
	}
	
		.header .menu li {
			position: relative;
			display: block;
			margin: 0;
		}
			
			.header .menu li a {
				display: block;
				padding: 15px 30px 15px 10px;
				line-height: 20px;
				color: #fff;
			}
			
			.header .menu li:hover > a {
				background: #dd1a21;
			}
	
			.header .menu .submenu-icon {
				position: absolute;
				top: 0;
				right: 0;
				width: 50px;
				height: 50px;
				line-height: 50px;
				background: rgba(100%, 100%, 100%, 0.5);
				cursor: pointer;
				z-index: 1;
			}
			
			.header .menu ul {
				display: none;
				margin: 0;
				background: rgba(0%, 0%, 0%, 0.05);
			}
			
			.header .menu li.active > ul {
				display: block;
			}
			
				.header .menu li.active > .submenu-icon {
					-webkit-transform: rotate(180deg);
					   -moz-transform: rotate(180deg);
							transform: rotate(180deg);
				}
	
	.header #nyelvvalaszto .current_lng {
        padding: 15px 30px 15px 10px;
		float: left;
		width: 50%;
		text-align: right;
    }
	.header #nyelvvalaszto .scroll {
        float: left;
    }
				
	/*
		Service blocks
	*/
	
	.service-block {
		padding-right: 0;
		padding-left: 0;
	}
	
}

@media screen and (max-width: 1259px) {
	.footer .copyright-container {
		margin-top: 20px;
	}
	.footer .sc-links-container {
		margin-top: 20px;
	}
	.footer #hrenko {
		position: relative;
		display: block;
		margin-top: 20px;
		text-align: center;
	}	
}

@media screen and (min-width: 64em) and (max-width: 1700px) {
	.header .row {
		max-width: initial;
	}
	.header .row h1 {
		width: 20%;
	}
	.header .row nav {
		width: 80%;
	}
	/*.header .menu-fomenu-container {
		float: left;
	}*/
}

/* Large and up (min 1024px) */
@media screen and (min-width: 64em) {
	
	body {
		padding-top: 70px;
	}
	
	.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}
	
	/* Desktop menu */
	
	nav {
		position: relative;
	}
	
	.header .menu-fomenu-container {
		/*float: right;
		display: table-cell;
		vertical-align: top;
		/*display: inline-block;
		float: right;
		margin-right: 70px;*/		
	}
	
	.header .menu {
		font-size: 0;
		line-height: 0;
		text-align: left;
	}

	.header .menu li {
		position: relative;
		margin: 0;
	}

		.header .menu li a {
			position: relative;
			display: block;
			color: #000;
		}
		
		.header .menu li:hover > a {
			color: #fff;
			background: #d60811;
		}
		
		.header .menu li .submenu-icon {
			position: absolute;
			width: 20px;
			font-size: 16px;
			line-height: 20px;
			text-align: center;
			-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
			transition: all 0.2s ease-in;
		}
		
		.header .menu li:hover > .submenu-icon {
			color: #fff;
		}

		.header .menu ul {
			position: absolute;
			visibility: hidden;
			margin: 0;
			list-style: none;
			z-index: 1;
			background: #e6e6e6;
			opacity: 0;
			/*-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			transition: all 0.3s;*/
			-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
			transition: all 0.2s ease-in;
		}
		
		.header .menu li:hover > ul {
			visibility: visible;
			opacity: 1;
		}
		
	/* Only main menu */
	
	.header .menu > li {
		display: inline-block;
	}
	
		.header .menu > li > a {
			padding: 35px 22px;
			font-size: 18px;
			line-height: 0;
		}
		
		.header .menu > li > .submenu-icon {
			bottom: 15px;
			left: 50%;
			margin-left: -10px;
		}
	
	/* Only submenu */
	
	.header .menu > ul {
		top: 100%;
		left: 0;
	}
	
	.header .menu ul {
		min-width: 200px;
		text-align: left;
	}
	
	.header .menu ul .submenu-icon {
		top: 50%;
		right: 10px;
		margin-top: -10px;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	
	.header .menu ul a {
		padding: 15px 35px 15px 25px;
		font-size: 16px;
		line-height: 22px;
		white-space: nowrap;
	}
	
	.header .menu ul ul {
		top: 0;
		left: 100%;
	}
	
	.current-menu-item a {
		background: #d60811;
		color: #fff !important;
	}	
	.current-menu-item ul li a {
		background: transparent;
		color: #000 !important;
	}
	.current-menu-item ul li a:hover {
		color: #fff !important;
	}
	
	.advantage-link {
		cursor: pointer;
	}
	
	.header #nyelvvalaszto {
		/*float: right;*/
		position: relative;
	    /*display: table-cell;
		vertical-align: top;		
		/*display: inline-block;
		float: right;
		vertical-align: middle;
		top: 0;
		right: 0;
		position: absolute;*/
		/*width: 70px;
		padding: 16px 25px;*/
	}
	.header #nyelvvalaszto:hover .current_lng {
	    color: #fff;
		background: #d60811;
	}
	.header #nyelvvalaszto:hover .scroll {
		display: block;
	}
	.header #nyelvvalaszto .current_lng {
		/*padding: 27px 25px 24px 24px;*/
		position: relative;
		/*-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		transition: all 0.3s ease-in;*/
		padding: 35px 27px;
		font-size: 18px;
		line-height: 0;
		background: #acacac;
		color: #fff;
	}
	.header #nyelvvalaszto .scroll {
		display: none;
		background: #ececec;
		position: absolute;
		width: 100%;
	}
	.header #nyelvvalaszto .scroll div:hover a {
		color: #fff;
		background: #d60811;
	}
	.header #nyelvvalaszto .scroll a {
		display: block;
		color: #000;
		padding: 35px 27px;
		font-size: 18px;
		line-height: 0;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}
	.clear {
		clear: both;
	}
	
	/*#nyelvvalaszto {
		float: right;
		min-width: 20px;
		position: relative;
		background: #ececec 50px center no-repeat;
		padding: 23px 40px 20px 20px;
		margin-left: 20px;
		font-size: 12px;
		color: #5d5d5d;
		cursor: pointer;
	}
	#nyelvvalaszto .scroll {
		position: absolute;
		left: 0;
		top: 64px;
	}
	#nyelvvalaszto .scroll div {
		display: none;
		background: #ececec;
		border-bottom: 1px solid #fff;
	}
	#nyelvvalaszto .scroll div:hover {
		background: #8dc3ec;
		display: block;
	}
	#nyelvvalaszto .scroll div a {
		display: block;
		padding: 13px 41px 13px 21px;
		color: #5d5d5d;
		text-decoration: none;
	}
	#nyelvvalaszto .scroll div:hover a {
		color: #fff;
	}*/
	
	/*
		Hover features
	*/
	
	.purchase-process a {
		color: #222;
		display: inline-block;
	}
	.purchase-process a .service-block-background {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.purchase-process:hover a .service-block-background {
		background: #ccc;
	}	
	
	.click-content {
		position: relative;
	}
	.click-container .original-container {
		display: inline-block;
		width: 100%;
	}
	.click-content .original-container > div .service-block-background {
		-webkit-transition: all 0.3s;
		   -moz-transition: all 0.3s;
				transition: all 0.3s;
	}
	.click-content .original-container > div:hover .service-block-background {
		background: #ccc;
	}
	
	
	
	/*.hover-content:hover .hover-features {
		visibility: visible;
		opacity: 1;
	}*/
	
	.click-features .text {
		position: relative;
		/*top: 50%;
		-webkit-transform: translate(0, -50%);
		   -moz-transform: translate(0, -50%);
				transform: translate(0, -50%);*/
	}
	
	.click-features h3 {
		margin: -10px 0 60px;
		font-size: 36px;
		line-height: 44px;
		font-weight: 700;
	}
		
}

/* Large only (min 1024px max 1199px) */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	
	.header .menu > li > a {
		padding-right: 15px;
		padding-left: 15px;
	}
	
}

/* (min 1199px) */
@media screen and (min-width: 74.9375em) {
	
	/*
		Vertical center content
	*/

	.large-vertical-center {
		position: relative;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		   -moz-transform: translate(0, -50%);
				transform: translate(0, -50%);
	}
	
		.large-vertical-center *:last-child {
			margin-bottom: 0;
		}
}

.row-sharpe {
  width: 156
}

/* Main Container -  this controls the size of the circle */
.circle_container
{
	display: block;
	width : 180px;
	height : 180px;
	margin : auto;
	padding : 0;
}

/* Circle Main draws the actual circle */
.circle_main
{
	width : 100%;
	height : 100%;
	border-radius : 50%;
	border : 3px solid red;	/* can alter thickness and colour of circle on this line */
	margin : 0;
	padding : 0;
}

/* Circle Text Container - constrains text area to within the circle */
.circle_text_container
{
	/* area constraints */
	width : 70%;
	height : 70%;
	max-width : 70%;
	max-height : 70%;
	margin : 0;
	padding : 0;

	/* some position nudging to center the text area */
	position : relative;
	left : 15%;
	top : 15%;
	
	/* preserve 3d prevents blurring sometimes caused by the text centering in the next class */
	transform-style : preserve-3d;
	
	/*border : 1px solid green;*/
}

/* Circle Text - the appearance of the text within the circle plus vertical centering */
.circle_text
{
	/* change font/size/etc here */
	font-size: 48px;	
	text-align : center;
	font-weight: 700;
	/* vertical centering technique */
	position : relative;
	top : 50%;
	transform : translateY(-50%);
	color: red;
}

.text_strike
{
	text-decoration:line-through;
    font-size: 48px;
}