/*
-------------------------------
Avalon CSS v 3.0
Designed and developed by: Avalon d.o.o.
Copyright, December 2015
------------------------------- */

/* orange-#FDB825; red-#c60f13 */

	/* Common
	----------------------------------------- */

	html { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; }
	body { background: #000; opacity: 1 !important; }
	* { font-family: solomon-webfont, sans-serif; font-weight: 500; }
	a { text-decoration:none; outline:none; cursor:pointer; transition: all 0.1s ease; color:#000; }
	a:hover { text-decoration: none; color: #bbb!important; }
	a:active, a:focus { outline: none; text-decoration: none; color: #333; }
	img { border:none; }
	::-moz-selection { background:#FDB825; color:#222; }
	::selection { background:#FDB825; color:#222; }

	h2 { font-size:3.2em; letter-spacing: -0.005em; }
	h2.subtitle { font-size: 2.2em; }
	.subtitle { margin-bottom: 0.9em; }
	h3 { font-size:1.4em; text-transform: uppercase; }
	h4 { font-size:1.4em; }

	h1, h2, h3, h3 a, h4, h4 a, h5, h6 {
		font-family: solomon-webfont, sans-serif; line-height: 1.2; font-weight: 700!important; color:#000; }
	p, li, dd { font-size: 1.1em; font-weight: 500; line-height: 1.4; margin-bottom: 0.7em; }
	p.lead { font-size: 1.3em; }
	strong, p strong em { font-weight: 600!important; }
	hr { border-color: #ddd; margin-top: 2em; margin-bottom: 2em; }
	time { color: #999; }
	figure { margin: 0; }
	small { font-size: 0.9em; }
	label { font-weight: 500; }
	.button span { font-weight: 500; }
	blockquote { border-left: none; }
	blockquote cite {margin-top: 10px;}
	.dark-quote, .dark-quote cite {font-size: 0.85em;}


    /* The content
    -------------------------------------------------- */

    .main-content { background-color: #fff; min-height: 600px; }

    	.default .main-content { min-height: auto; }

    	.page-intro h2 span { display: block; font-size: 0.6em; }
    	.page-intro figure { margin: 0; }
    	.page-intro.partners-custom figure { margin-bottom: -2em!important; }

    	.main-content p a, .main-content li a, .main-content small a { border-bottom: 2px #ccc solid; }
    	.main-content ol, .default-content .main-content ul { margin: 1em; }
    	.main-content li li { font-size: 1em; }
    	.main-content li ul, .main-content li ol { margin-top: 1em; }
    	.main-content.terms .no-bullet {margin: 1em 0;}
    	.main-content.terms ul li ul {font-size: 0.9em; padding-left: 45px;}
    	.terms li ol {padding-left: 15px; list-style-type: lower-latin;}

    	.default-content h3 { margin-bottom: 1em; }
    	.default-content h4 { margin-top: 1.5em; margin-bottom: 1em; }

    	.home .fold.intro { padding-top:10em;
	    	background: url(../img/bckg-home.jpg) no-repeat center center; background-size: cover; }
    	.intro i { color: #FDB825; font-size: 6em; transition: all 0.1s ease; }
    	.intro a:hover i { color: #222; }
    	.intro h1, .intro h2, .intro p { color: #fff; }
    	.intro strong { color:#FDB825; }
    	.intro p { font-size: 1.3em; margin-top: 1.2em; line-height: 1.4; }

    	.intro-features { margin-bottom: 1.5em; }
    	.intro-features a:hover img { opacity: .8; }

    	.fold { padding-top: 2.5em; padding-bottom: 2em; }
    	/*.fold article {padding:2em 0;}*/
    	.full-service .fold article, .service-page.domene .fold article {padding: 2em 0;}
    	.full-service .fold article a {font-size: 1.1em; text-decoration: underline; font-weight: 600; }
    	.fold.with-illo { padding-bottom: 0; }
    	.fold.lighter { background: #eee; }
    	.fold.lighter.texture { background: url(../img/bckg-circles-grey-light.png) no-repeat center center; background-size: cover; }
    	.fold.darker { background: #222; }
    		.fold.darker i, .fold.darker a, .fold.darker p, .fold.darker li, .fold.darker h2 { color: #fff; }
    		.fold.darker a { border-bottom-color:#666; }
    	.fold-orange {background: url(../img/bckg-gradient.png) no-repeat center center !important; background-size: cover !important;}
    	.fold-blue {background: url(../img/bckg-blue.jpg) no-repeat center center !important; background-size: cover !important;}
    	.fold.home-features, .fold.circles, .fold.page-intro {
	    	background: url(../img/bckg-circles.png) no-repeat center center; background-size: cover; }
	    	.fold.circles a { border-bottom-color: #774500; }
	    	.fold.circles a:hover { color: #774500!important; }
	    .fold.circles-dark { background: url(../img/bckg-circles-grey.png) no-repeat top center; background-size: cover; }
	    	.fold.circles-dark h2, .fold.circles-dark h3,
	    	.fold.circles-dark p, .fold.circles-dark li,
	    	.page-main-features .fold.circles-dark i, .fold.circles-dark a { color: #fff; }
	    	.fold.circles-dark input { border: none; }
	    .fold.circles-light {background: url(../img/bckg-light.png) no-repeat top center; background-size: cover;}
	    .page-main-features .fold.circles { background-position: bottom center; }
	    .corporate .fold.page-intro { background-image: url(../img/bckg-support.jpg); }
	    .corporate .fold.page-intro-en { background-image: url(../img/bckg-support-hr.jpg); }
	    .corporate .fold.page-intro h2, .corporate .fold.page-intro p { color: #fff; }

	    /*.fold.dashboard-preview { background-image: url(../img/dashboard-preview.png);
		    background-repeat: no-repeat; background-position: bottom right; background-size: 45% }*/

	    .fold.support-fold { background:  linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.3)),
		    url(../img/bckg-support.jpg) no-repeat 50% 35%;
		     padding-top: 6em; padding-bottom: 5em; }
		.fold.support-fold.support-fold-en { background:  linear-gradient(rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.3)),
		    url(../img/bckg-support-hr.jpg) no-repeat 50% 35%; background-size: cover;  }
	    .fold.support-fold h2, .fold.support-fold p, .fold.support-fold small, .fold.support-fold i,
	    .fold.support-fold li, .fold.support-fold strong, .fold.support-fold a { color: #fff; }
	    .support-fold .button { margin-top: 2em; }

	    .service-page.hosting .page-intro { padding-bottom: 13em; }
	    .service-page.domene .page-intro {min-height: 450px;}
	    .service-page.web .page-intro {min-height: 650px; margin-bottom: 280px;}

	    .hosting .pricing { margin-top: -13em; margin-bottom: 2em; }
    	.pricing-item { width: 25%; float: left; z-index: 990; position: relative; }
    	.pricing-item header { border-right: 1px #333 solid; }
    	.pricing-item .pricing-body { border-right: 1px #eee solid; }
    	.pricing-item:last-child header, .pricing-item:last-child .pricing-body { border-right: none; }
    	.pricing-item header { background: #222; padding: 2em 2.5em; }
    		.pricing-item header p { margin-bottom: 0; }
    		.pricing-item header h4, .pricing-item header p { color: #fff; }
    		.pricing-item h4 { text-transform: uppercase; }
    		.pricing-item header p { font-size: 2.4em; font-weight: 600; }
    	.pricing-body { background: #fff; padding: 2em 2.5em; }
	    	.pricing-body p, .pricing-body li { font-size: 1em; }
	    	.pricing-body ul { margin-bottom: 2em; }
	    	.pricing-body li { margin-top: 1.2em; }
	    	.pricing-body .button.large { padding-left: 0; padding-right: 0; margin-bottom: 0; }
	    .pricing-item.selected { outline-style: solid; outline-color: #FDB825; z-index: 991; }
    		.pricing-item.selected header { background: #FDB825; }
    		.pricing-item.selected h4, .pricing-item.selected p { color: #222; }
    		.pricing-item.selected .pricing-body { background: #FCE9BF; }
    		.pricing-item.selected .pricing-body li a { border-bottom-color: #FDB825; }
    		.pricing-item.selected .pricing-body li a:hover { color: #FDB825!important; }
    		.pricing-item.selected header, .pricing-item:hover header { border-right-color: transparent!important; }
			.pricing-item.selected .pricing-body, .pricing-item:hover .pricing-body { border-right-color: transparent!important; }
			.pricing-item:hover { outline-style: solid; outline-color: #222; z-index: 992; }
		.icon-boxes { display: inline-block; width: 24px; height: 24px;
	    	background: url(../img/icon-boxes.svg) no-repeat; background-size: 100%; }
	    	.icon-boxes.a { background-position: 0 0; }
	    	.icon-boxes.b { background-position: 0 -24px; }
	    	.icon-boxes.c { background-position: 0 -48px; }
	    	.icon-boxes.d { background-position: 0 -72px; }

	    .domene-pricing {position: relative; border: 4px solid #FDB825; margin-top: -205px; margin-bottom:20px;}
	    .domene-header {background: rgba(255,176,0,0.7); padding: 1.3em 0;}
	    .domene-pricing hr {background: #fff;}
	    .domene-big {font-size: 3em; font-weight: 800; margin-bottom: 5px;}
	    .domene-price {font-size: 1.7em; font-weight: 600; margin-bottom: 10px;}
	    .domene-body {padding: 1.7em; background: #fff;}
	    .domene-secondary {font-size: 1.6em;}
	    .domene-secondary span , .domene-third span {font-weight: 800;}
	    .domene-third {font-size: 1.4em;}
	    .divider {border-top: 1px solid #ddd; background: #fff; margin-bottom: 2em;}
	    .domene-footer {background: #fff; color: #222; padding: 0 1.7em 1.7em;}
	    .domene-footer h3, .domene-footer a {color: #222; text-transform: initial;}
	    .domene-footer a {display: block; text-decoration: underline; font-size: 1.3em; font-weight: 500; margin-bottom: 40px;}
	    .domene-footer strong {font-weight: 800 !important;}
	    .faq-footer a {color: #D38F00; border-bottom: 2px solid #D38F00 !important;}

	    .hosting-alt .page-intro { padding-bottom: 20em!important; }
	    .hosting-alt .pricing-illos { margin-top: -22em!important; margin-bottom: 2em; }

	    .pricing-alt { padding-left: 6em; padding-right: 6em; }
	    .pricing-alt .pricing-item { width: 33%; }
	    .pricing-alt .pricing-item img { margin-bottom: 1.5em; width: 100%; }
	    .pricing-alt .pricing-item header { padding-top: 1.5em; padding-bottom: 1.5em; text-align: center; }
	    .pricing-alt .pricing-item header small { font-size: 0.5em; }
	    .pricing-alt .pricing-item header i { color: #fff; font-size: 3.5em; line-height: 1.6; }
	    .pricing-alt .pricing-item.selected header i { color: #222; }
	    .pricing-alt .pricing-body { padding-top: 1.5em; }

	    .pricing-illos { padding-left: 6em; padding-right: 6em; }
	    .pricing-illos li { width: 33%; float: left; margin-bottom: 2.5em; }

    	.plans .tabs, .full-service .tabs, .domene .tabs { background: none; border: none; }
    	.plans .tabs-panel, .full-service .tabs-panel, .domene .tabs-panel { padding: 0; }
    	.plans .orbit-container {height: auto !important; min-height: 250px;}

    	.intro-tab { display: block; width: 50%; padding: 2em; margin-top: 3em;
	    	border:3px solid transparent; background: rgba(255,255,255,.1); }
	    .intro-tab:hover { border-color:#ffae00; }
	    .intro-tab.is-active { background: #ffae00; }
	    /*.intro-tab.is-active h3, .intro-tab.is-active p { color: #fff; }*/
	    .intro-tab h2 {font-size: 1.4em; text-transform: uppercase;}
	    .intro-tab img { margin-top: -15%; margin-bottom: 1.5em; width: 30%; }
	    .intro-tab p { font-size: 1.1em; margin-bottom: 0; }
	    .intro-tab a { background: none!important; padding: 0!important; font-size: 1em!important;
		    color: #222; border-bottom: none!important; }
		.intro-tab a:hover { color: #222!important; }

		.twitter-favourites { height: 245px; }
			.twitter-favourites li {margin-bottom: 0;}
	    	.twitter-favourites i { font-size: 3em; margin-bottom: 0.5em; color: #fff;}
	    	.twitter-favourites p, .twitter-favourites a {color: #8a8a8a !important;}

    	.home-features .button { margin-bottom: 2.5em; margin-top: 0.5em; }
    	.home .home-features img { margin-bottom: 1.2em; width: 40%; }
    	.home .home-features img.full { width: 76%; }
    	.home .home-features p { padding-left: 1.5em; padding-right: 1.5em; }

    	.references { padding-top: 2em; background: #fff; }
		/*.references h3 { color: #999; }*/
    	.refs-logos { margin-top: 1em; }
	    .refs-logos li { text-indent: -9999em; display: inline-block; margin-bottom: 0;
		    background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; height:6em;
		    transition: all 0.3s ease; }
	    .refs-logos li.wsj { background-image: url(../img/ref-logo-wsj-gray.png); }
	    .refs-logos li.reuters { background-image: url(../img/ref-logo-reuters-gray.png); opacity: 0.5; }
	    .refs-logos li.bloomberg { background-image: url(../img/ref-logo-bloomberg-gray.png); background-position: 50% 58%; }
	    .refs-logos li.nasdaq { background-image: url(../img/ref-logo-nasdaq-gray.png); }
	    .refs-logos li.ibmpress { background-image: url(../img/ref-logo-imbpress-gray.png); }
	    .refs-logos li.msnmoney { background-image: url(../img/ref-logo-msnmoney-gray.png);
		    background-size: 90%; background-position: right center }
	    .refs-logos li.yahoofinance { background-image: url(../img/ref-logo-yahoofinance-gray.png); }
	    .refs-logos li:hover { opacity: 0.4; }
	    .refs-logos li.reuters:hover { opacity: 0.2; }

	    /*.reference-list {  }
    		.reference-list img { width: 90%; }
    		.reference-list .orbit-container { outline: none!important; }
    		.reference-list .orbit-bullets { margin-top: 0; margin-bottom: 0; }
    		.reference-list .orbit-bullets button { width: 10px; height: 10px; }
    		.reference-list button i { font-size: 2em; color: #ccc; }
    		.reference-list button.orbit-next:hover, .reference-list button.orbit-previous:hover { background: none; }
    		.reference-list button:hover i { color: #222; }*/

	    .client-logos { text-align: center; margin-bottom: 0; }
	    .client-logos li { display: inline-block; width: 16%; }
	    .client-logos img { opacity: .5;  filter: grayscale(100%); transition: all 0.3s ease; padding: 12px; }
	    .client-logos li:hover img { opacity: 1;  filter: grayscale(0%); }

    	.testimonial { margin-top: 2em; margin-bottom: 3em; }
	    	.testimonial blockquote { border-left:none; }
			.testimonial blockquote p { font-size:1.4em; line-height:1.3;
	        	font-family:ptserif-webfont; font-style:italic; }
			.testimonial figure { width:140px; height:140px; overflow:hidden; border-radius:50%;
	        	float:left; margin:0.5em 2em 1.5em 0; }
	        .testimonial .right-align figure { float: right; margin: 0.5em 0 1.5em 2em; }
	        .testimonial .row { margin-top: 2em; }
			.testimonial figure img { width:100%; }
			.testimonial small { font-size: 1em; }
			.testimonial a { color: #8a8a8a; }

		.media-quote { text-align: center; }
			.media-quote p { font-size: 2.2em; font-weight: 700; color: #ccc!important; margin-bottom: 0; }
			.media-quote small { font-size: 1.2em; }
			.media-logo-sm { width: 80px; margin-top: -0.2em; margin-right: -0.5em; }
			.media-logo-sm.logo-nbc { width: 60px; }
			.media-logo-md { width: 120px; }

    	.dashboard-intro { position: relative; background-size: cover; overflow: hidden; }
	    	.dashboard-intro h2, .dashboard-intro p, .dashboard-intro small, .dashboard-intro i,
	    	.dashboard-intro li, .dashboard-intro strong, .dashboard-intro a { color: #fff; }
	    	.dashboard-intro .no-bullet { margin-top: 2em; }
	    	.dashboard-intro .no-bullet i { font-size: 2em; margin-top: 0.2em; margin-right: 0.5em; }
	    	.dashboard-intro .no-bullet li { padding-right: 3em; margin-bottom: 1.5em; }
	    	.dashboard-intro .clearfix i { margin-top: -0.1em; }

	    	.dashboard-preview { text-align: center; margin-bottom: -2em; }
	    	.dashboard-preview figure { overflow: hidden; margin: 2em auto 0; width: 80%;
		    	padding-top: 35px; background-color: #000; background-image: url(../img/ui-window-buttons.svg);
		    	background-repeat: no-repeat; background-position: 2% 2%; border-radius: 8px 8px 0 0; }
	    	.dashboard-preview img { margin-bottom: -14em; width: 100%; }

	    	.dashboard-preview iframe { width: 100%; height: 520px; }

	    	/*.dashboard-preview { position:absolute; top:30%; left: 50%; width: 50%;
		    	padding-top: 2%; background-color: #EFEFEF; background-image: url(../img/ui-window-buttons.svg);
		    	background-repeat: no-repeat; background-position: 2% 2%; border-radius: 8px 0 0 0; }
	    	.dashboard-preview figure { margin: 0; }
	    	.dashboard-preview img { width: 100%; }*/

	    .features-list ul { margin-top: 2em; margin-bottom: 3em; }
	    	.features-list i { margin-top: 0em!important; }
	    	.features-list i.fa { margin-top: -0.4em!important; line-height: 1.8!important; }
	    .features-main article { padding: 0 2em 2em 2em; text-align: center; }
	    .features-main article img { margin-top: 2em; margin-bottom: 2em; }

	    .page-features { text-align: center; margin-top: 3em; margin-bottom: 1em; }
	    .page-features i { font-size: 3em; display: inline-block; /*border: 2px #222 solid;
		    width: 100px; height: 100px; line-height: 110px; border-radius: 50%; margin-bottom: 0.5em; }
		.page-features p { padding-left: 1em; padding-right: 1em;*/ }
		.page-features h3 {text-transform: inherit;}


	    .hosting-secondary .nav-etc-tabs li { width: 50%; text-align: center; margin-bottom: 2em; }
	    .hosting-secondary .nav-etc-tabs li a { padding: 2em 0; margin: 2em!important; display: block; border:1px #ccc solid!important; }
	    .hosting-secondary .nav-etc-tabs li a h3 {margin-bottom: 0;}
	    .hosting-secondary .nav-etc-tabs li.is-active a, .hosting-secondary .nav-etc-tabs li a:hover {
		    background: #fff; border-color: #fff!important; }

	    .secondary-service .tabs-content { background: none; border:none; }
	    .secondary-service { padding-bottom: 4em; padding-top: 3em; }
	    .secondary-service .questions { margin-bottom: 2em; }
	    .secondary-service .questions li { padding-left: 1.1em; }
	    .secondary-service li p { font-size: 0.9em; padding: 1em 2em 0 2.75em; margin-bottom: 2em; }

	    .addons-tab .row { margin-left: 0; margin-right: 0; }
	    .addons-tab figure { width: 20%; float: left; margin-right: 3em; }
	    .addons-tab figure img { width: 90%; margin-top: -1em; }
	    .addons-tab hr { margin-top: 3em; margin-bottom: 3em; }
	    .addons .fold.lighter {min-height: 400px;}

	    /*.addon-panel { padding: 1.65em 1.5em 1em 1.5em; text-align: center; border: 1px #ccc solid; margin-bottom: 2em; }
	    .addon-panel:hover { background: #fff; border-color: #fff; }
	    .addon-panel p { font-size: 1.1em; }*/

	    .poll-featured img { margin-top: -7em; margin-bottom: 1em; width: 10%; }

	    .features-compare { margin-top: 2em; }
	    .features-compare table { width: 100%; }
	    .features-compare thead th { text-align: center; }
	    .features-compare thead th:nth-child(2), .features-compare thead th:nth-child(3),
	    .features-compare thead th:nth-child(4), .features-compare thead th:nth-child(5) { width: 15%; }
	    .features-compare tbody th { text-align: left; }
	    .features-compare tbody td { text-align: center; }
	    .features-compare h4 { margin: 2em 0; text-align: center; }

	    .comparison-table { margin-top: 2em; width: 100%; }
	    .comparison-table thead { background: #222; }
	    .comparison-table thead th { width: 25%; text-align: center; color: #fff; }
	    .comparison-table thead small { display: block; font-size: .8em; }
	    .comparison-table tbody td { text-align: center; }
	    .comparison-table tbody th { text-align: left; }
	    .comparison-table tbody th a { border-bottom: 2px #ccc solid; font-weight: 500; }
	    .comparison-table td i { vertical-align: middle; }
	    .comparison-table tbody th i { font-size: 1.6em!important; vertical-align: middle; margin-right: 0.3em; }
	    .comparison-table span.mobile-only { display: none; }

	    .status-messages h4 { margin-bottom: 1em; }
	    .callout.status-callout { margin-top: 2.5em; margin-bottom: 2em; padding: 1.5em 2em 1em 2em; }
	    .status-callout h5 { margin-bottom: 1.5em; }
	    .status-callout ul { border-left: 1px #eee solid; margin-left: 1.5em; padding-top: 1.5em; padding-bottom: 0em; }
	    .status-callout li { font-size: 1em; }
	    .status-callout time { margin-left: -1.5em; background: #eee; padding: 0.2em 0.4em;
		    margin-top: 0.2em; color: #222; font-size: 0.9em; }

		.full-service .with-arthur img { margin-top: 40px; margin-bottom: -20px; width: 80%; }
		.full-service .arthur-padding { padding-top: 4.5em; }
		.full-service form#contact i, .full-service form#contact h4 { color: #fff;  }
		.full-service .fold article img, .service-page.domene .fold article img {height: 220px; margin-top: 10px;}
		.partners .with-arthur img { width: 80%; }

		.default .arthur-main { }
		.default .primary { padding-top: 4em; }
		.error .primary { padding-top: 0; }

		.pure-black {background: #000; background-image: url(../img/bfriday-lighting.png); background-repeat: no-repeat; background-position: 90% top; background-size: 100px auto; color: #fff; padding-top: 1.5em; padding-bottom: 1em;}
		.pure-black h5, .fold-info h5 {color: #FDB825;}
		.pure-black h6, .fold-info h6 {color: #fff;}
		.pure-black p strong, .fold-info p strong {color: #FDB825;}
		.pure-black-link {color: #bbb !important; display: block;  text-align:right; font-size: .9em;}
		.pure-black .label, .fold-info .label {color: #222 !important; border-radius: 35px; font-weight: 700; font-size: .9em !important;}
		.fold-info {background: #002240; padding-top: 1.5em; padding-bottom: 1em; color: #fff;}

	/* Cart and login */

	.options-ordered { background: none; margin: 1em; padding-bottom: 0.1em; margin-top: 1em; }
	.options-ordered li { font-size: 1em; }
	.options-ordered i { display: block; float: none!important; font-size: 2.5em!important; margin: 0.5em 0 0!important; }

	.order-form .accordion { background: #ddd; border:none; margin-top: 2em; }
	.order-form .accordion-title { color: #000; background: #ccc; font-size: 1em; font-weight: 700; }
	.order-form .accordion-title:hover { color: #fff!important; background: #333; }
	.order-form .accordion-title::before {}
	.order-form .accordion-content { background: none; border-bottom: none; }
	.order-form .accordion-content p { font-size: 1em; }
	.order-form .accordion-item { margin-bottom: 0; }
	/*.order-form input { border-right: none; }*/
	.order-form .button.search { background: #333; border-radius: 0; /*height: 40px;*/ }
	.button.search i {margin-left: 5px;}
	.order-form li a { border-bottom: none; }

	.order-form .fold { min-height: 600px; }

	.cart-summary { margin-bottom: 2em; z-index: 350; position: relative; }
	.cart-header { background: #222; padding: 0.7em 1em; }
	.cart-header h4 { margin-bottom: 0; color: #FDB825; font-size: 1.2em; }
	.cart-header a, .cart-header small { color: #FDB825; }
	.cart-content { padding: 1em; }
	.cart-content { background: #fff; }
	.cart-login { padding: 0 1em 1em 1em; background: #fff; }
	.cart-content h5 span {font-size: 0.8em; color:#929292;}
	.cart-content h5 span a {color:#929292; text-decoration: underline; }
	.cart-content p { font-size: 1em; }
	.cart-content p strong { font-size: 1.1em; }
	.cart-content select { font-size: 0.9em; }
	.cart-content .float-left { width: 50%; }
	.cart-content small i { font-size: 1em; margin: .3em .5em 0 0; }
	.cart-content .callout.success { background: none!important; color: #56990C; }
	.cart-content .callout.alert { background: none!important; color: #F75555; }
	.cart-content .callout { margin-bottom: 2em; }
	.cart-content hr { margin-top: 1em; margin-bottom: 1em; }
	.cart-summary li { font-size: 1em; }
	.cart-summary .fa.fa-minus-circle {color: #FDB825;}
	.cart-summary .price-summary { margin-bottom: 1em; }
	.price-summary small { display: block; }
	.payment.cart-summary .price-summary { margin-bottom: 0; }
	.cart-final-info-column { width: 50%; float: left; margin-top: 1em; margin-bottom: 1em; }
	.cart-content .iconstream-key-1 {display: inline-block; margin-top: 0.3em; vertical-align: middle;}
	.cart-content .no-bullet li a {text-decoration: underline;}
	.progress-bar {list-style: none;}
	.progress-bar li {display: inline-block; font-size:1em; position: relative; padding-right: 40px; color: #989898;}
	.progress-bar li:after { position: absolute; top: 11px; right: 5px; width: 25px; display: block; content: ''; border-bottom: 1px solid #989898;}
	.progress-bar li:last-child:after {display: none;}
	.progress-bar a {text-decoration: underline;}
	.progress-bar li.active {font-weight: 700; color: #222;}
	.legal-checkbox input[type=checkbox] {margin-bottom: 5px;}
	.legal-checkbox label {display: inline;}
	.legal-checkbox a {text-decoration: underline;}
	i.triangle-info {margin-right: 5px !important;}
	.cart-online-payment {padding: 2.5em 2em; margin-top: 2em;}
	.cart-online-payment button {margin-top: 1em;}
	.cart-online-payment .columns {position: relative;}
	.card-list img {height: 30px; margin-top: .5em;}

	form.cart-main { padding-top: 1em; }
	.cart-summary .row.column { margin-top: 1.5em; }
	form.cart-main .row.column.top { margin-top: 0; }
	.cart-main .tabs { border:none; margin-top: 0; margin-bottom: 1em; }
	.cart-main .callout.small { padding: 0.5em 1em; }
	.cart-summary .tabs-title { width: 50%; text-align: center; }
		.cart-tabs.product .tabs-title { width: 33.3%; }
	.cart-tabs { border: none; }
	.cart-tabs a i, .cart-tabs a { color: #333; }
	.cart-tabs i { font-size: 3em; margin-bottom: 0.3em; display: inline-block; }
	.cart-tabs .tabs-title > a:focus, .cart-tabs .tabs-title > a[aria-selected="true"] { background: #eee; }
	.cart-tabs h6 { margin-bottom: 0; }
	.cart-summary .tabs-content { background: none; border: none; }

	.validate-field { position: relative; display: block; }
	.validate-icon { font-size: 1.2em; position: absolute; right: 1.3em; top:0.4em; }
	.login-page .validate-icon { right: 0.5em; }
	.newsletter-form .validate-icon { right: 7.6em; top: 0.65em; }

	.row div[data-element-container] { position:relative; }

	.domain-validate-form { margin-top: 1em; margin-bottom: 2em; }
	.domain-validate-form input {height: 60px;}
	.domain-validate-form .input-group-button {width: 22%;}
	.order-form .domain-validate-form .input-group {width:80%;}
	.domain-validate-form label { float: left; width: 20%; border:1px #ccc solid; border-right: none;
		height: 60px; font-size: .9rem; line-height: 37px; padding: 0.7rem; background: #eee;
		transition:box-shadow .5s,border-color .25s ease-in-out; }
		.domain-validate-form label.active { border-color: #8a8a8a; transition: box-shadow .5s,border-color .25s ease-in-out; }

	.promo-validate-form .input-group-field { border-right: none; }

	.login-page .main-content .fold { min-height: 600px; }

    .login-page .login-inner { padding-left: 1rem; padding-right: 1rem; }

    .payment-footer {text-align: right; margin-top: 15px;}
	.diffused-text {color: #8e8e8e;}

     /* Blog
    -------------------------------------------------- */

    .blog-summary { padding-bottom: 3em; }
    	.blog.preview { background-size: auto 100% !important; background: url(../img/temp-blog-small.jpg) no-repeat;
	    	display: block; /*padding: 6em 2em 2em;*/ position: relative; margin-top: 2em; }
	    	.blog.preview h2 { font-size: 1.8em; line-height: 1.12; padding-right: 0.5em;
		    	/*margin-bottom: 1em;*/ position: absolute; top: 0.5em; left: 0.5em; }
	    	.blog.preview h2, .blog.preview p { color: #fff; }
	    	.blog.preview .post-meta { position: absolute; bottom: 1em; left:1em; }
	    	.blog.preview p { margin-bottom: 0; }
	    	.blog.preview:hover { opacity: .7; }

	.blog-content { background-size: contain; background-repeat: no-repeat; background-color: #eee; }

	.article-body { padding-bottom: 8em; z-index: 2; position: relative;  }
		.article-body .inner { background: #fff; padding: 2em 5.5em; margin-bottom: 3em; }
		.article-body .backlink { display: inline-block; width: 50px; height: 50px; font-size: 25px;
			border-radius: 50%; border: 1px #ccc solid; line-height: 55px; text-align: center; float: left; margin: 1em 0 0 -50px; }
		.article-body .backlink i { vertical-align: middle; color: #ccc; }
		.article-body .backlink:hover { background: #222!important; border-color: #222; color: #fff!important; }

		.article-body h1 { margin-bottom: 0.5em; text-align: center; }
		.article-body h2 { font-size: 2.2em; margin-bottom: 0.7em; margin-top: 1em; }
		.article-body ul, .article-body ol { margin: 1em 0 1em 4em; }
		.article-body ul li, .article-body ol li { margin-bottom: 0.5em; }
		.article-body .wp-caption { width: 100%!important; margin-bottom: 1.5em; }
		.article-body .wp-caption p { font-size: 1em!important; text-align: center;
			font-family: solomon-webfont, sans-serif!important; }
		.article-body img { width: 100%; margin-top: 1.5em; margin-bottom: 1em; }

	.article-body .primary-content { margin-bottom: 3em; }
	.article-body .primary-content p, .article-body .primary-content li,
	.article-body .primary-content strong, .article-body .primary-content em, .article-body .primary-content p span,
	.article-body .primary-content p span strong, .article-body .primary-content p span b, .article-body .primary-content p b,
	.article-body .primary-content p a, .article-body .primary-content li a { font-family: ptserif-webfont!important; }
	.article-body .primary-content p, .article-body .primary-content li { font-size: 1.2em; }
	.article-body .primary-content p { padding-left: 2em; padding-right: 2em; }
	.article-body .primary-content h2 { padding-left: 1em; padding-right: 1em; }
	.article-body .primary-content h3 {padding-left: 1.7em; padding-right: 1em;}

	.article-body .blog.preview { height:200px; }
	.article-body .blog.preview h2 { font-size: 1.5em; line-height: 1.1; margin-top: 0; }

	.blog-content .preview { background: #fff; margin-bottom: 1.5em; }
		.blog-content .fold { padding-top: 1.5em; }
		.blog-content .preview h2 { font-size: 1.8em; line-height: 1.12; }
		.blog-content .preview h2 a { font-weight: 700; }
		.blog-content .preview img { width: 100%; }
		.blog-content .preview figure { max-height: 15em; overflow: hidden; }
		.blog-content .preview a:hover img { opacity: .7; }
		.blog-content .preview-content { padding: 1em 1em 0.5em; }
		.blog-content .excerpt p { margin-bottom: 1.5em; }
		.blog-content .excerpt .button { margin-left: auto; margin-right: auto; }

		.blog-content .gravatar { text-align: center; display: block; }
		.blog-content .gravatar p a { font-family: solomon-webfont, sans-serif; }
		.blog-content .gravatar img { width: 70px; height: 70px; border-radius: 50%; display: inline-block; }

		.blog-content .post-meta { display: block; margin-bottom: 1em; }
		.blog-content .post-meta p, .blog-content .post-meta p a { margin-bottom: 0; font-family: solomon-webfont, sans-serif; }

		.article-meta { display: block; text-align: center; margin-bottom: 2em; }
		.article-meta p, .article-meta p a { font-family: solomon-webfont, sans-serif!important; margin-bottom: 0; }
		.article-meta p { font-size: 1em!important; margin-bottom: 0.5em; }
		.article-meta i { vertical-align: middle; margin-right: 0.3em; }

		.tag-cloud { margin-bottom: 2.5em; text-align: center; }
		.tag-cloud .label { background: none; border:1px #222 solid; border-radius: 20px; color: #222;
			margin: 0.5em 0.3em; font-size: 1em; padding: 0 1em; line-height: 2; text-transform: capitalize; cursor: pointer; }
		.tag-cloud .label:hover { background: #222; color: #fff; }
		aside.secondary .tag-cloud { text-align: left; margin-top: 2em; }

		.blog-content aside.secondary { padding-left: 0; }

		ol.article-counter { counter-reset: li; margin-left: 0; padding-left: 0; margin-bottom: 4em; }
		ol.article-counter > li { position: relative; margin: 1em 0 0; padding: 1em 0 0 3.5em;
			list-style: none; border-top: 1px #ddd solid; }
		ol.article-counter > li::before { content: counter(li); counter-increment: li;
			position: absolute; top: 0.1em; left: 0;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box;
			box-sizing: border-box; font-size: 3.5em; color: #ccc;
			font-weight: 700; text-align: center; }
		ol.article-counter li:first-child { border-top: none; }
		.article-counter i { vertical-align: middle; }
		.article-counter h4 { font-size: 1.1em; }

		.social-share ul { margin: 0 0 2em; }
		.social-share li a { border-bottom: none; }

		.grid-item { width: 45%; margin-left: 1em; margin-right: 1em; }

		.article-archive.fold { padding-bottom: 1em; }
		.article-archive .columns { position: relative; }
		.article-archive a.label { background: #222; border-radius: 0; margin: 0 0.3em 0.5em; }
		.article-archive a.label:hover { color: #FDB825!important; cursor: pointer;
			transform-origin: center center; transform: scale(1.2); box-shadow: 5px 5px 10px rgba(0,0,0,.4); }
		.article-archive input { border:none; height: 50px; padding-left: 1em; }
		.article-archive .button { border-radius: 0!important; padding-left: 1.6em; padding-right: 1.6em; height: 50px; color: #222; }
		.article-archive .button:hover { background: #000; color: #fff; }
		.article-archive figure { /*position: absolute; right: 0; top: -390px;*/ float: right; margin-top: -250px; width: 325px; }
		.article-archive figure img { width: 100%; position: relative; z-index: 3; }


    /* Common elements
    -------------------------------------------------- */

    .button { border-radius: 20px; text-transform: uppercase; font-weight: 700; }
    .button.large { border-radius: 30px; padding-left: 2em; padding-right: 2em; font-size: 1.1em; }

    .button-secondary {background-color: #222;}
    .button-secondary:hover {background-color: #000;}
    .button-secondary.search {font-size: 1.1em; height: 60px; width: 100%; border-radius: 0;}
    .button.hollow.secondary { color:#222; }
    .button.hollow.secondary:hover { background:#222; color: #fff!important; }
    .button.linkedin { color: #0077b5; border-color: #0077b5; }
    .button.linkedin:hover { background-color: #0077b5; color: #fff; border-color: #0077b5; }
    .button.warning { color: #222!important; }
    .button-primary-dark {background-color: #0F5C88;}
    .button-primary-dark:hover, .button-primary-dark:focus {background-color: #063c5a;}

    .button.success:hover, .button.warning:hover { background: #222; color: #fff!important; }

    .alert, .callout { border-radius: 0; }

    .inline li { display: inline-block; }

    .no-bullet i { float: left; font-size: 1.4em; margin: .1em 0.8em 0 0; }
    .bullet-list-twoline i { margin: 0.2em 0.8em 0 0; }
    .main-content-list li {display: inline; padding: 0 0.5em;}
    .main-content-list li a {border-bottom: none;}
    .main-content-list li a:hover {color: #696969 !important;}

    .callout { padding: 0; border: none; }
    .callout .row.column { margin-top: 0; }
    .callout p { font-size: 1.1em; }

    .signal { display: inline-block; width: 25px; height: 25px; border-radius: 50%; float: left; margin-right: 0.5em; }
    .signal.green { background: #56990C; }
    .signal.yellow { background: #FFAE00; }
    .signal.red { background: #F75555; }

    .text-success { color: #56990C; }
    .text-alert { color: #F75555; }

    .article-list { list-style: none; }

    .iconstream-bullet { display:inline-block; width: 40px; height: 40px; line-height: 45px;
	    text-align: center; border-radius: 50%; border:1px #222 solid; margin-right: 0.5em; }
	.iconstream-success { color: #56990C; }
	.iconstream-large { font-size: 5em; }
	.iconstream-block { display: inline-block; margin-bottom: 0.1em; }

    .callout { display: block; padding: 0.2em 0.5em; font-size: 0.8em!important; }
    .callout.alert { background-color: #c60f13!important; }
    .callout.success { background-color: #56990C!important; }
    .callout.alert, .callout.success { color: #fff; }
    .callout i { float: left; margin-right: 0.5em; margin-top: 0.2em!important; font-size: 0.9em; }
    .callout-cart a {text-decoration: underline;}

    .text-success { color: #56990C!important; }
    .text-alert { color: #c60f13!important; }

    .info-center i { font-size: 1.4em; float: left; margin-right: 0.5em; }
    .info-center span { display: inline-block; margin-left: 1em; margin-right: 1em; }
    .info-center-nav span { margin: 0.5em; padding: 1em; display: block; border: 1px #ddd solid; }
    .info-center-nav i { font-size: 1.8em; float: none; line-height: 1; vertical-align: middle; }
    .info-center-nav span:hover { background: #fff; }

    .callback-message i { font-size: 4em; }


	.tooltip { z-index: 9999; display: block; background: #fff; color: #000;
		font-size: 1em; border-radius: 0; max-width: 18rem!important; box-shadow: 0 0 1px #666; }
	.tooltip h5 { font-size: 1em; font-weight: 700; text-align: center; padding-bottom:1em; margin-bottom:1em; border-bottom: 1px #ccc solid; }
	.tooltip ul { margin-bottom: 0; }
	.tooltip li { font-size: 0.9em; display: block; }
	.tooltip i { font-size: 1em; margin: 0.3em 0.4em 0 0; }
	.tooltip::before { margin-left: -1em; top: 0;
    	box-sizing: border-box; border: .75rem solid black; border-color: #fff #fff;
    	transform-origin: 0 0; transform: rotate(-45deg); box-shadow: 1px -1px 0 #999; }
    .tooltip.top::before { margin-left: 1em; bottom: 0;
	    border: .75rem solid black; border-color: #fff #fff; transform: rotate(-225deg);  }
	.has-tip { cursor: pointer; }

	.g-recaptcha div { margin-left: auto; margin-right: auto; }

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

	.testimonials { padding:20px 0; }
    .testimonials blockquote { border-left:none; margin-top:0.5em; margin-bottom:2em;
	    content: ""; display: table; clear: both; width: 100%; }
    .testimonials figure { width:70px; height:70px; overflow:hidden; border-radius:50%;
        float:left; margin:0 2em 2em 0; background: #fff; text-align: center; }
    .testimonials figure i { text-align: center; line-height: 70px; font-size: 2em; }
	.testimonials p { font-size: 1em; }
	.testimonials small { display: block; text-align: right; }

	.reveal { border-radius: 0; border:none; outline: none; position: relative!important; box-shadow: 0 0 50px rgba(0,0,0,.5); }
	.flex-video { margin-bottom: 0; }
	.reveal-video { padding: 0; }
	.reveal-video .close-button { margin-top: .6rem; color:rgba(255,255,255,.6)!important; text-shadow: 0 0 2px rgba(0,0,0,.3);  }
	.reveal-video .close-button:hover { color:rgba(255,255,255,1)!important; text-shadow: 0 0 2px rgba(0,0,0,.6); }


	.flex-video.vimeo { position: relative; }
	.flex-video.vimeo iframe { z-index: 500; }
	.flex-video.vimeo button { position: absolute; left: 50%; top: 50%; }
	.flex-video.vimeo button.play { z-index: 501; }
	.flex-video.vimeo button.pause { z-index: 502; }

	.loader { display: table-cell; vertical-align: middle; text-align: center; }
	.loader-container { z-index: 9999 !important; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background-color: rgba( 255, 255, 255, 0.95 ); display: table; vertical-align: middle;  }
	.orbit-caption, .orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover {background-color: transparent; background-color: rgba(255, 255, 255, 0.2);}
	.orbit-next {right: -80px; color: #222; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; width:50px; height:50px;}
	.orbit-previous {left: -80px; color: #222; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); width:50px; height:50px;}
	.orbit-next i, .orbit-previous i {color:#9c9c9c;}
	.poll-social {display:block; margin-bottom: 10px;}
	.poll-social a { color:#8a8a8a !important; border-bottom: 1px solid #8a8a8a !important; margin-right: 10px;}
		.poll-social a:hover {color: #fff !important;}
	.photoset-row {height: auto !important;}


    /* Forms
    -------------------------------------------------- */

    input, select, textarea { box-shadow: none!important; border-radius: 0!important; }
    input:focus { box-shadow: none!important; }

    .callout.alert.validate-error { background: none!important; color: #c60f13!important; margin-left: -1em; margin-right: -1em; }
    .callout.alert.validate-error a { color: #c60f13!important; text-decoration: underline; }
    .ponuda-form .input-group {margin: 30px 0;}
    .ponuda-form .input-group-field {height: 60px;}
    .ponuda-form .input-group-button {width: 44%;}
    .ponuda-form .input-group-button button {height: 60px; width: 100%; font-size: 1.1em; border-radius: 0;}
    .ponuda-form .validate-icon {top: 1em; right: 20em;}
    .web-form {padding-top: 100px; background: url(../img/bckg-light.jpg) no-repeat top center; background-size: cover;}
    .web-form form {background: #fff;padding: 30px;}
    .web-form li.is-active .button {background: #222; color: #fff;}
    .web-form .iconstream-file-add-1 {font-size: 1.4em;}
    .main-content.web-form li a {border: 1px solid #ddd !important;}
    .main-content.web-form li a img {height: 130px;}
    .web-form .tabs {margin-bottom: 30px;}
    .web-form .tabs h3 {text-transform: inherit; font-size: 2.2em;}
    .web-form .tabs-content {border: none;}
    .web-form h5, .web-form h6 {text-transform: uppercase;}
    .web-form h5 {margin-bottom: 30px;}
    .web-form h5 span {display: block; float: left; background: #222; width: 45px; height: 45px; line-height: 45px; text-align: center; margin-right: 15px; color: #fff; border-radius: 50%; margin-top: -10px;}
    .web-form label {font-size: 1em; display: inline; cursor: pointer;}
    .web-form .tabs p {font-size: 1.4em; color: #222;}
    .web-form ul li i {color: #4caf50;}
    .web-form .checkbox input[type=checkbox] {margin-bottom: .2em;}
    .bckg-dark {background: #222; color:#FDB825; padding: 10px 15px; margin-bottom: 0; margin-top: 15px;}
    .outline-box {border: 1px solid #ddd; padding: 30px 30px 35px; margin-bottom: 15px; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; -ms-transition:all 0.1s linear; transition:all 0.1s linear;  }
    .outline-box:hover, .outline-box.selected {background-color:#fdb823;}
    .outline-box h4 {font-size: 1.2em;}
    .outline-box .icon-left {font-size: 2.4em; margin-right: 20px;}
    .outline-box .fa.fa-check-circle, .outline-box.selected .button, .outline-box .fa-times-circle {display: none;}
    .outline-box.selected .fa.fa-check-circle {display: block; font-size: 1.6em;}
	.outline-box .button {margin-bottom: 0;}
	.outline-box ul {margin-bottom: 0;}
	.outline-prices {min-height: 166.63px;}
	.outline-box-icon {font-size: 1.5em;}
    .sec-box {display: block; border: 1px solid #ccc; margin: 15px 0;}
	.sec-box:hover {background-color: #fff; color: #222 !important;}
	.sec-box img {height: 130px; max-width:160px; margin-bottom: 1em;}
	.sec-box h4 {font-size: 1.4em;}
    .note i {font-size: 3.2em; margin-right: 30px; float: left;}
    .form-copy {color: #969696; margin:40px 0;}
    .form-copy i {font-size: 1.6em;}
    .form-copy small {display: block;}
    .form-copy a {color:#969696; }


	/*checkbox*/
	.checkbox-parent{
	  text-align: left;
	}
	.checkmark-parent, .checkbox-parent > label{
	  display: inline-block;
	}
	.checkmark-parent{

	  position: relative;
	  width: 20px;
	  height: 20px;
	  margin-right: 10px;
	}
	.checkbox-parent > label{
	  display: inline;
	  color: #ccc;
	  position: relative;
	  bottom: 4px;
	}
	.checkmark{
	  width: 20px;
	  height: 20px;
	  position: absolute;
	  z-index: 1;
	  display: table;
	  text-align: center;
	  border: 2px solid #474747;
	}
	.checkmark > i{
	  display: table-cell;
	  vertical-align: middle;
	  font-size: .9em;
	  color: #ccc;
	  opacity: 0;
	  -webkit-transition: opacity 100ms ease-in-out;
	  -o-transition: opacity 100ms ease-in-out;
	  transition: opacity 100ms ease-in-out;
	}
	.checkmark::before{
	  display: inline-block;
	  -webkit-box-sizing: border-box;
	          box-sizing: border-box;
	  content: '';
	  position: absolute;
	  top: -2px;
	  left: -2px;
	  width: 0;
	  height: 0;
	  border-top: 2px solid #ccc;
	  border-left: 2px solid #ccc;
	  opacity: 0;
	  -webkit-transition: width 200ms ease-in-out, height 200ms ease-in-out, opacity 100ms ease-in-out;
	  -o-transition: width 200ms ease-in-out, height 200ms ease-in-out, opacity 100ms ease-in-out;
	  transition: width 200ms ease-in-out, height 200ms ease-in-out, opacity 100ms ease-in-out;
	}
	.checkmark::after{
	  -webkit-box-sizing: border-box;
	          box-sizing: border-box;
	  display: inline-block;
	  content: '';
	  position: absolute;
	  bottom: -2px;
	  right: -2px;
	  width: 0;
	  height: 0;
	  border-right: 2px solid #ccc;
	  border-bottom: 2px solid #ccc;
	  opacity: 0;
	  -webkit-transition: width 200ms ease-in-out, height 200ms ease-in-out, opacity 100ms ease-in-out;
	  -o-transition: width 200ms ease-in-out, height 200ms ease-in-out, opacity 100ms ease-in-out;
	  transition: width 200ms ease-in-out, height 200ms ease-in-out, opacity 100ms ease-in-out;
	}
	#checkbox{
	  cursor: pointer;
	  margin: 0;
	  padding: 0;
	  top: 0;
	  left: 0;
	  width: 22px;
	  height: 22px;
	  z-index: 9999;
	  position: absolute;
	  opacity: 0;
	}
	#checkbox:checked ~ .checkmark > i{
	  opacity: 1;
	}
	#checkbox:checked ~ .checkmark::before, #checkbox:checked ~ .checkmark::after{
	  width: calc(100% + 4px);
	  height: calc(100% + 4px);
	  opacity: 1;
	}
	@-moz-document url-prefix() {
	  .checkmark::before{
	    top: 0;
	    left: 0;
	  }
	  .checkmark::after{
	    bottom: 0;
	    right: 0;
	  }
	  #checkbox:checked ~ .checkmark::before, #checkbox:checked ~ .checkmark::after{
	    width: 100%!important;
	    height: 100%!important;
	    opacity: 1!important;
	  }
	}
	@supports (-ms-ime-align:auto) {
	  .checkmark::before{
	    top: 0px;
	    left: 0px;
	  }
	  .checkmark::after{
	    bottom: 0px;
	    right: 0px;
	  }
	  #checkbox:checked ~ .checkmark::before, #checkbox:checked ~ .checkmark::after{
	    width:  100%;
	    height: 100%;
	    opacity: 1;
	  }
	}
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	  .checkmark::before{
	    top: 0px;
	    left: 0px;
	  }
	  .checkmark::after{
	    bottom: 0px;
	    right: 0px;
	  }
	  #checkbox:checked ~ .checkmark::before, #checkbox:checked ~ .checkmark::after{
	    width:  100%;
	    height: 100%;
	    opacity: 1;
	  }
	}


    .vps-landing .features-list { margin-top: 2em; }
    .vps-landing .features-list ul { margin-top: 0; margin-bottom: 2em; }

    .lp-signup .button { border-radius: 25px; box-shadow: 0 5px 0 rgba(0,0,0,0.2); }
    .lp-signup input { height: 3.2rem; }
    .lp-signup .text-success { border-bottom: 2px green solid; color: green!important; 	}
    .lp-signup .text-success:hover { color: #000!important; border-bottom-color: #222; }

    .vps-landing .upper-footer-form .alert { color: #000!important; margin-left:0!important; }

    #vps_consultation input { float: left; width: calc(100% - 200px); }
    #vps_consultation .input-group-button { width: 200px; float: right;  }
    #vps_consultation .input-group-button button { width:100%; }

    .vps-landing .flex-video .play { width: 100px; height: 100px; border-radius: 50%; left: 45%; top: 40%; border: 2px #fff solid;
    font-size: 3em; line-height: 100px; padding: 0; text-align: center; }
    .vps-landing .flex-video .play i { margin-left: 0.1em; }

    .pricing-promo { margin-bottom: 2em; padding-top: 7em; }
    .pricing-promo p { margin-bottom: 0; }
    .pricing-promo p.price { font-size: 2em; }
    .pricing-promo p.price strong { font-size: 2em; }
    .pricing-promo p.price span { text-decoration: line-through; }

    .vps-landing .button.expanded i { margin:-0.2em 0.3em 0 0!important;  float: left; line-height: 1!important; font-size: 1.4em; }

	/*-- checkbox --*/
	.checkbox-parent{ position: relative; }
	#checkbox { cursor: pointer; position: absolute; z-index: 9999; width: 25px; height: 25px; top: 50%; transform: translateY(-50%); left: -4px; opacity: 0; }
	#checkmark { width: 20px; height: 20px; position: relative; border: 2px solid rgba(255, 255, 255, .5); margin-right: 16px; }
	#checkmark::before{ content: ''; position: absolute; top: -2px; left: -2px; width: 0; height: 0; opacity: 0; border-left: 2px solid white; border-top: 2px solid white; transition: width 200ms ease-in-out, height 200ms ease-in-out, opacity 200ms ease-in-out; }
	#checkmark::after{ content: ''; position: absolute; bottom: -2px; right: -2px; width: 0; height: 0; opacity: 0; border-right: 2px solid white; border-bottom: 2px solid white; transition: width 200ms ease-in-out, height 200ms ease-in-out, opacity 200ms ease-in-out; }
	#checkmark i{ font-size: .9em; opacity: 0; transition: opacity 100ms ease-in-out; }
	#checkbox:checked ~ #checkmark::before, #checkbox:checked ~ #checkmark::after{ width: calc(100% + 2px); height: calc(100% + 2px); opacity: 1; }
	#checkbox:checked ~ #checkmark > i { opacity: 1; }

    /* Ebook
    -------------------------------------------------- */

    .ebook-page .nav-bar {display: none;}
    .ebook-page .fold blockquote, .ebook-page .fold blockquote p, .ebook-page .fold blockquote cite {color: #222;}
    .list-inline {list-style-type: none; display: inline-block;}
    .list-inline li {float: left; margin-right: 15px;}
    .list-inline li:last-child {margin-right: 0;}


    /* Blog
    -------------------------------------------------- */
    /* Container that will contain blurred image and other content */
    section.blog-single {
        position: relative;
        width:100%;

    }

    #blog-cover {
        top: 0px;
        left: 0px;
        height: 800px;
        position: absolute;
        width: 100%;
        overflow: hidden;
        z-index: 1;
    }

    /* Plugin will add this class to blurred image, providing you with control over certain aspects */
    .bg-blur {
        z-index: -3;
        opacity: 0;
        position: absolute;
        min-height: 100%;
        height: auto;
        display: block;
        top: 0;
        max-height: none;
        /* Add this CSS to remove transparent border around the image */
        left: -10%;
        width: 120%;
    }

    /*
        An element with this class is added by the plugin to provide an overlay above the blurred image
        It could drastically improve the appearance of the blurred image for content readability
    */
    .bg-blur-overlay {
        z-index: -2;
        position: absolute;
        width: 100%;
        height: 100%;

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.15+0,1+100 */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    }




    /* Media queries
    -------------------------------------------------- */

    @media (max-width: 1450px) {

    }

    @media (min-width: 1200px) {

	    .blog.preview { height: 370px; }
    }

    @media (max-width: 1200px) {

	    .blog.preview { background-size: cover !important; /*padding: 6em 2em 2em;*/ height: 200px; }
	    .blog.preview h2 { font-size: 1.4em; /*margin-bottom: 0.5em;*/ }
	    .blog.preview p { font-size: 1em; }
	    .payment-footer {text-align: center;}
	    	.payment-footer button {margin-top: 15px;}

    }

    @media (max-width: 1024px) {

	    .vps-landing .features-list ul { margin-top: 2em; }
	    .comparison-table span.mobile-only { display: block; font-size: 0.8em; }
	    .service-page.web .page-intro {margin-bottom: 50px;}
	    .fold-slider {top:0 !important;}
	    .swiper-button-prev, .swiper-button-next {width: 40px !important;}
	    .orbit-previous {left: 0; width: 40px; height: 40px; padding: 0;}
	    .orbit-next {right: 0; width: 40px; height: 40px; padding: 0;}
	    .service-page.hosting .orbit-container {padding: 0 30px; min-height: auto;}
	    .plans .orbit-container {min-height: auto;}
	    .contact-info p {text-align: center; margin-top: 30px;}

	}

    @media (min-width: 994px) {

	    .home-features .subtitle { position: relative; }
	    .home-features .subtitle:after { content: ''; display: block; position: absolute; right: 22%; bottom: -80px;
			width: 70px; height: 70px; z-index: 1; background-image: url(../img/icon-gfx-arrow.svg);
			background-repeat: no-repeat; background-size: cover; }

		.article-body { padding-top: 10em; }
	}

    @media (max-width: 993px) {

	    h2 { font-size: 3em; }
	    h2.subtitle { font-size: 2em; }

	    .row { padding-left: 1.5em; padding-right: 1.5em; }

	    /*h1.logo a { background: url(../img/logo-symbol.svg) no-repeat; width: 50px; height: 50px; margin-top: 0; }*/

	    .home .fold.intro { padding-top: 4em; }

	    .nav-footer { text-align: center; margin-left: 0; margin-right: 0; margin-top: 1em; }
	    footer .social { float: none; text-align: center; margin-top: 1em; }
	    footer .social li { float: none; display: inline-block; }

	    .navigation__toggle { display:inline-block; }
	    .navigation__inner { max-width: 750px!important; }

	    .nav-bar .button { border: none; margin-left: 0; }

	    .page-main-features img { width: 50%; }
	    .page-main-features figure { text-align: center; }

	    .secondary-service { padding-top: 1em; }
	    .hosting-secondary .nav-etc-tabs li { margin-bottom: 1em; }

	    nav.sec-boxed.sec-support a { width: 90%; }
	    nav.sec-boxed a { margin:1em!important; }

	    .article-body { padding-top: 2em; }

	    .newsletter-teaser:before { content: none; }
	    .newsletter .fold.lighter { min-height: 600px; }

	    .dashboard-preview figure { width: 100% !important; }
	    .cart-online-payment .row .columns > .row {padding-left: 0; padding-right: 0;}


    }

     @media (max-width: 850px) {

	    .navigation__inner { max-width: 600px!important; }
	    .service-page.domene .page-intro {min-height: auto;}
	    .domene-pricing {margin-top: 0;}
	    .domene-header {background: rgba(255,176,0,1);}

    }

    @media (max-width: 767px) {

	    .client-logos li { width: 30%; }

	    .pricing-item { width: 100%!important; float: none; }
	    .intro-tab { width: 100%; }
	    .hosting-alt .pricing { margin-top:0; }
	    .hosting-alt .pricing-illos { margin-bottom: 0; }

	    .hosting-secondary .nav-etc-tabs li { width: 100%; margin-bottom: 0; }
	    .hosting-secondary .nav-etc-tabs li a { margin: 0; }

	    .features-compare tbody th { text-align: center; }

	    .intro i { font-size: 4em; }
	    .intro p, .page-intro p { font-size: 1.2em; }
	    .intro h2, .page-intro h2 { font-size: 2.5em; line-height: 1.2; }

	    .social li a { margin-right: 0.5em; }
	    .nav-footer-main li a { display: block!important; margin-bottom: 0.5em; }
	    .nav-footer-sec li a { margin: 0 0.5em; }

	    .features-list ul { margin-bottom: 0; margin-top: 0; }
	    .features-list h3 { margin-bottom: 1em; }


	    .intro-tab p { font-size: 1em; }

	    .twitter-favourites i { font-size: 2em; }
	    .twitter-favourites p {font-size: 1em; }
	    .media-quote p { font-size: 1.8em; line-height: 1.4; }

	    .article-body { padding:1em 0; }
    	.article-body .inner { padding:0; }
    	.article-body .primary-content { margin-bottom: 1.5em; }
		.article-body .primary-content p,
		.article-body .primary-content h1 { padding-left: 1em; padding-right: 1em; }
		.article-body .primary-content h1 { font-size: 2em; line-height: 1.2; }
		.article-body .primary-content h2 { padding-left: 0.9em; padding-right: 0.9em; font-size: 1.6em; line-height: 1.2; }

		.article-meta { margin-bottom: 1em; }

		.tag-cloud { margin-bottom: 1.5em; }

		.article-body .backlink { margin-left: 1em; }
		.blog-content .gravatar img { margin-left: -5em; }

		.article-body ul, .article-body ol { margin-left: 3em; margin-right: 1em; }
		.social-share ul { margin: 0; padding: 0 1em; }

		.row.related { margin-left: 0!important; margin-right: 0!important; padding-left: 0!important; padding-right: 0!important; }
		.related article { padding-left: 0!important; padding-right: 0!important; }
		.blog-content .preview { margin-bottom: 0; margin-top: 1em; }
		.newsletter-teaser { font-size: 1.2em; }
		.grid-item .preview { margin-bottom: 1em; }

		aside.secondary .tag-cloud { text-align: center; }
		.blog-content aside.secondary { padding-right: 0; margin-top: 2em; }
		.blog-content aside.secondary h3 { text-align: center; }
		ol.article-counter { margin-right: 0; }

		.article-archive h3 { text-align: center; margin-bottom: 1em; }

		.infinite-scroll { margin-left: -1em; margin-right: -1em; margin-top: -1em; }

		.poll-featured img { width: 20%; }

		.secondary-service .questions { margin-bottom: 0; }

	   	.dashboard-preview figure iframe { height: 60vw !important; }
	   	.domene-big {font-size: 2em;}
	   	.domene-price {font-size: 1.2em;}
	   	.button.button-secondary.search i {display: none;}
	   	.article-body .primary-content h3 {padding-left: 1em;}
	   	.domain-validate-form label {font-size: .8rem; width: 30%;}
	   	.order-form .domain-validate-form .input-group {width: 70%;}

    }

    @media (max-width: 639px) {

	     .navigation__toggle .navigation__link i { font-size: 2em; }

	     .nav-tabs-legal li { width: 100%; }

	     .hosting-alt .page-intro { padding-bottom: 12em!important; }
	     .hosting-alt .pricing { margin-top:-13em; }

	     .vps-landing .features-list ul { margin-top: 2em; margin-bottom: 2em; }
	     .vps-landing .features-more ul { margin-top: 0!important; margin-bottom: 0!important; }
	     .domene-header { background: rgba(255,176,0,1);}
		 .domene-secondary, .domene-third {font-size: 1.2em;}
	}

    @media (max-width: 600px) {


    	.page-main-features img { width: 80%; }

    	.secondary-service li p { padding-left: 0; }
    	.no-bullet i { margin-top: 0.2em; }
    	.secondary-service .questions li { padding-left: 0; }

    	.intro-tab img { width: 50%; margin-top: -20%; }

    	.menu li:last-child span { font-size: 0.8em; }

    	.page-features p { padding-left: 0; padding-right: 0; }

    	.main-content, .order-form .fold { min-height: auto; }

    	.button.large { font-size: 1em; }
    	.tabs h3 { font-size: 1.2em; }
    	.hosting-secondary .nav-etc-tabs li:first-child a { margin-bottom: 0!important; }
    	.ponuda-form .input-group-button button {font-size: 0.85em;}
    	.web-form form {padding: 30px 5px; }
    	.page.partners .page-intro .button.secondary {margin-top: 15px;}


	}

	@media (max-width: 469px) {

		#vps_consultation .input-group-field { width: 100% !important; }
		#vps_consultation button { border-radius: 3px !important; margin-top: 10px; }
		#vps_consultation .input-group-button { width: 100%; }
		.tabs-panel {padding: 1rem 0;}
		.g-recaptcha {transform: scale(0.75); -webkit-transform:scale(0.75); margin-left: -22px; }
		.ponuda-form .validate-icon {right: 10em;}
		.button-secondary.search {font-size: .9em;}

	}

	@media (max-width: 450px) {

    	.cart-content .float-left, .cart-content .float-right { width: 100%; float: none; margin-bottom: 1em; text-align: center; }
    	.cart-content .float-right { margin-bottom: 2em; }

    	.intro-tab img { width: 65%; margin-top: -30%; }

    	.menu > li:not(.menu-text) > a { display: inline-block; }

    	.grid-item { width: 100%; margin: 0; }

    	.poll-featured img { width: 30%; }
    	.domene-body {padding: 1.2em;}

    	.cart-login {padding: 0 .1em 1em .1em; }
    	.cart-tabs h6 {font-size: 0.85rem;}
    	.cart-tabs li a {padding: 1.25rem .3rem;}

	}

    @media (max-width: 360px) {
		.g-recaptcha {margin:0; transform: scale(0.7); -webkit-transform:scale(0.7); transform-origin:0 0; -webkit-transform-origin:0 0; }
	    .intro-tab img { margin-top: -35%; margin-bottom: 1.5em; width: 50%; }

	}


	/* ------------------------------------  */
	/* START OF UGLY BROWSER-SPECIFIC HACKS */
	/* ----------------------------------  */

	/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
	x:-o-prefocus, .custom-select::after {
	  display:none;
	}

	 /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
	/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	  .custom-select select::-ms-expand {
	    display: none;
	  }
	  .custom-select select:focus::-ms-value {
	    background: transparent;
	    color: #222;
	  }
	}


	/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
	/* Show only the native arrow */
	@-moz-document url-prefix() {
	  .custom-select {
	    overflow: hidden;
	  }
	  .custom-select select {
	    width: 120%;
	    width: -moz-calc(100% + 3em);
	    width: calc(100% + em);
	  }

	}

	/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
	.custom-select select:-moz-focusring {
	  color: transparent;
	  text-shadow: 0 0 0 #000;
	}



	/* ------------------------------------  */
	/*  END OF UGLY BROWSER-SPECIFIC HACKS  */
	/* ------------------------------------  */






	/*** Graphs ***/

.ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-double-octave:after,.ct-double-octave:before,.ct-golden-section:after,.ct-major-eleventh:after,.ct-major-eleventh:before,.ct-major-second:after,.ct-major-second:before,.ct-major-seventh:after,.ct-major-seventh:before,.ct-major-sixth:after,.ct-major-sixth:before,.ct-major-tenth:after,.ct-major-tenth:before,.ct-major-third:after,.ct-major-third:before,.ct-major-twelfth:after,.ct-major-twelfth:before,.ct-minor-second:after,.ct-minor-second:before,.ct-minor-seventh:after,.ct-minor-seventh:before,.ct-minor-sixth:after,.ct-minor-sixth:before,.ct-minor-third:after,.ct-minor-third:before,.ct-octave:after,.ct-octave:before,.ct-perfect-fifth:after,.ct-perfect-fifth:before,.ct-perfect-fourth:after,.ct-perfect-fourth:before,.ct-square:after,.ct-square:before{content:""}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-vertical.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{fill:none;stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}