/* #Table of Contents

1.  Site Styles
2.  Header
3.  Slider
4.  Features
5.  HowTo
6.  Main Tabs
7.  Contact
8.  Buy Now
9.  Footer
10. CSS Hacks
11. Media Queries
================================================== */



/* ========================= Site Styles ========================= */

/* Page Styles */

* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


body {
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	color:#7a7a7a;
	font-size: 15px;
    font-weight: 300;
	line-height:21px;
}

h1, h2, h3 {
	color:#0096ec;
	font-weight:300;
}

h4, h5, h6 {
	color:#555;
}

figure { margin:0px; }
	figure img { width:100%; }

.gm-style img { max-width:none !important; }

.no-margin-top { margin-top:0px !important;	}
.no-margin-bottom  { margin-bottom:0px !important; }
.no-margin-right { margin-right:0px !important;	}
.no-margin-left { margin-left:0px !important; }

.no-padding-top { padding-top:0px !important;	}
.no-padding-bottom  {padding-bottom:0px !important; }
.no-padding-right { padding-right:0px !important;	}
.no-padding-left { padding-left:0px !important; }

.margin-top10 { margin-top:10px !important; }
.margin-top20 { margin-top:20px !important; }
.margin-top30 { margin-top:30px !important; }
.margin-top40 { margin-top:40px !important; }
.margin-top60 { margin-top:40px !important; }

.margin-bottom10 { margin-bottom:10px !important; }
.margin-bottom20 { margin-bottom:20px !important; }
.margin-bottom30 { margin-bottom:30px !important; }
.margin-bottom40 { margin-bottom:40px !important; }
.margin-bottom60 { margin-bottom:60px !important; }

.padding-top10 { padding-top:10px !important; }
.padding-top20 { padding-top:20px !important; }
.padding-top30 { padding-top:30px !important; }
.padding-top40 { padding-top:40px !important; }
.padding-top60 { padding-top:40px !important; }

.padding-bottom10 { padding-bottom:10px !important; }
.padding-bottom20 { padding-bottom:20px !important; }
.padding-bottom30 { padding-bottom:30px !important; }
.padding-bottom40 { padding-bottom:40px !important; }
.padding-bottom60 { padding-bottom:60px !important; }

/* Links */

a, a:visited {
	color:#44a3fc;
	-webkit-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-moz-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-ms-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	-o-transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
	transition:background .2s ease, background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out, outline .2s ease;
}
a:hover {
	text-decoration:none;
	color:#1b66ac;
}

/* Site Elements */

select {
	font-family:Arial, Helvetica, sans-serif;
	height:auto;
	padding:8px 12px;
	outline:none;
	border:1px solid #eaeaea;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
select:focus {
	outline:none;
	border:1px solid #d0d0d0;
}

.figure-overlay {
	text-align:center;
	position:relative;
	text-transform:uppercase;
}
	.figure-overlay a, .figure-overlay a img {
		display:block;
		position:relative;
	}
	.figure-overlay a {
		overflow:hidden;
		color:#FFF;
	}
	.figure-overlay a:hover { color:#FFF; }
		.figure-overlay a div {
			position:absolute;
			width:100%;
			height:100%;
			background:url(../images/base-figure-overlay.png) repeat;
		}
			.figure-overlay a div p {
				padding:0;
				margin:0;
				width:100%;
				height:100%;
			}
			.figure-overlay a div p.figure-icon-zoom { background:url(../images/icon-hover-zoom.png) no-repeat center center; }

.btn, input[type="button"], input[type="submit"], input[type="reset"] {
    background-color: #0096ec;
    padding: 16px 25px !important;
    font-family: 'Roboto', Arial, sans-serif;
    color: #FFF !important;
    border: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
input[type="button"], input[type="submit"], input[type="reset"], button.btn {
	line-height:1;
	padding:17px 25px !important;
}
.btn:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	background-color:#4395e2;
	background-repeat:repeat-x;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4395e2), to(#53a7f6));
	background:-webkit-linear-gradient(top, #4395e2, #53a7f6);
	background:-moz-linear-gradient(top, #4395e2, #53a7f6);
	background:-o-linear-gradient(top, #4395e2, #53a7f6);
}
	.btn i, input[type="button"] i, input[type="submit"] i, input[type="reset"] i {
		font-size:13px;
		margin-right:8px;
	}
.btn:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, button:disabled {
	background:#9a9a9a;
	border:1px solid #808080;
}

input[type="text"], input[type="email"] {
	height:44px;
	padding:0px 15px;
	font-size:13px;
	border:1px solid #e0e0e0;;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
textarea {
	padding:15px;
	font-size:13px;
	border:1px solid #e0e0e0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.header { padding-bottom:40px; }
	.header h3 {
		font-size: 40px;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	.header h5 {
		width: 100%;
		text-align: center;
		color: #777;
		font-weight: 300;
		font-size: 18px;
		padding: 10px 0;
	}
	.header p {
		color:#a9a9a9;
		font-size:18px;
		line-height:24px;
		margin:2px 0px 0px;
	}

.pp_gallery ul a img {
	max-width:none;
	vertical-align:auto;
	width:50px;
}

.pp_pic_holder a {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}



/* ========================= Header ========================= */

#header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
	background-color:#FFF;
}
	#header .container {
		background:#FFF;
		background-size:100%;
		padding-bottom:10px;
	}
#header.stickit, #header.stickit-end { border-bottom:1px solid #eaeaea;}
	#header.stickit .container, #header.stickit-end .container {
		background:#FFF;
		padding-bottom:0px;
	}

	#header .logo {
		float:left;
		margin:12px 0px 0px 10px;
	}
		/*#header .logo img { height:36px; }*/

.logo img {	transition: all 0.3s; }
.stickit .logo img {
    height: 55px;
    padding-top: 5px;
}

	#header .menu-nav {
		float:right;
		margin:0px 10px 0px 0px;
	}
		#header .menu-nav ul { margin:0px; }
			#header .menu-nav ul li {
				float:left;
				list-style-type:none;
				font-size:16px;
				font-weight:300;
				text-transform:uppercase;
				padding-left:50px;
			}
				#header .menu-nav ul li a {
					padding: 40px 2px 30px;
					float:left;
					color:#707070;
					border-top:3px solid #FFF;
					transition: all 0.3s;
				}
				#header .menu-nav ul li a:hover, #header .menu-nav ul li.active a {
					color:#0096ec;
					border-top:3px solid #0096ec;
				}
	#header .menu-nav select {
		margin: 22px 0px;
		width: auto;
		background-color: #FFF;
		color: #6D6D6D;
		height: 40px;
		border: 1px solid #ddd;
	}
	#header.stickit .menu-nav ul li a {
		padding-top:30px;
		text-decoration:none !important;

	}

	#header .menu-nav ul li a.nav-btn {
		background: rgba(0, 150, 236, 1);
		color: #FFF;
		padding: 10px 20px;
		border-radius: 4px;
		margin-top: 32px;
		border: 0;
	}

	#header.stickit .menu-nav ul li a.nav-btn {
		margin-top: 22px;
	}


/* ========================= Slider ========================= */

#slider {
    margin: 0;
    background: #066eb3 url(../images/base-slider.jpg) repeat-y center;
    background-size: cover;
    padding: 150px 0 20px;
}
	#slider .container { position:relative; }

	#slider .slider-images {
		/*background:url(../images/base-slider-image.png) no-repeat;
		background-size:100%;
		position:absolute;
		top:-100px;*/
		padding:2.65% 9% 5.5%;
	}
		#slider .slider-images ul li {
			list-style-type:none;
			text-align:center;
		}

	#slider .content {
		color:#e0e0e0;
		float:right;
		padding:32px 0px 40px;
	}
		#slider .content h3 {
			font-size:20px;
			line-height:26px;
			color:#FFF;
			margin:0px;
			margin-bottom:8px;
			font-weight:300;
		}
		#slider .content .flex-viewport {
			height:auto !important;
			position:static !important;
		}
		#slider .content ul {
			margin:10px 0px 0px;
			float:left;
			height:auto !important;
			position:static !important;
		}
			#slider .content ul li {
				list-style-type:none;
				font-size:13px;
				float:left;
				width:100%;
				margin-bottom:10px;
			}
			#slider .content ul li:last-child { margin:0px; }
				#slider .content ul li a {
					padding: 15px 20px;
					float: left;
					width: 100%;
					background: rgba(0, 150, 236, 0.4);
					color: #fff;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					border-radius: 4px;
				}
				#slider .content ul li a:hover, #slider .content ul li.flex-active-slide a {
					background: rgba(0, 150, 236, 1);
					color:#FFF;
					text-decoration:none !important;
				}
					#slider .content ul li a i { margin:1px 8px 0px 0px; }

.list-nr {
    border: 1px solid #fff;
    border-radius: 99px;
    line-height: 23px;
    width: 25px;
    display: block;
    text-align: center;
    margin-right: 7px;
    margin-top: -3px;
    font-size: 16px;
    float: left;
}


/* ========================= Features ========================= */

#intro {
    background: #0096ec url('../images/intro_bg.png') 95% -50px no-repeat;
	padding: 0 20px;
}
#intro h3 {
    color: #fff;
    padding: 70px 0;
    font-size: 36px;
    font-weight: 300;
}

#features {
    padding: 80px 0 50px;
}
	#features .item {
		position:relative;
		padding:0px 0px 40px 75px;
	}
		#features .item i {
			position:absolute;
			top:0;
			left:0;
			font-size:48px;
			color:#44a3fc;
		}
		#features .item h4 {
			font-size:18px;
			margin:0px 0px 10px;
		}
		#features .item p { margin:0px; }



/* ========================= HowTo ========================= */

#howto {
	padding:80px 0 20px;
}
	#howto .step {
		text-align:center;
		padding:0px 20px 30px;
		margin-bottom:40px;
	}
	/*#howto .step:hover { background-color:#f9f9f9; }*/
		#howto .step .step-number {	position:relative; }
		#howto .step h4 {
			margin: 45px 0 25px;
		}
			#howto .step .step-number .number {
				position:absolute;
				width:50px;
				height:50px;
				background-color:#3a3a3a;
				color:#FFF;
				font-size:15px;
				font-weight:bold;
				top:-25px;
				left:50%;
				margin-left:-25px;
				line-height:40px;
				border:5px solid #e0e0e0;
				-moz-border-radius:25px;
				-webkit-border-radius:25px;
				border-radius:25px;
				-webkit-transition:background-color .2s ease, border .2s ease;
				-moz-transition:background-color .2s ease, border .2s ease;
				-ms-transition:background-color .2s ease, border .2s ease;
				-o-transition:background-color .2s ease, border .2s ease;
				transition:background-color .2s ease, border .2s ease;
			}
			/*#howto .step:hover .step-number .number {
				background-color:#44a3fc;
				border:5px solid #c8e4ff;
			}*/
		#howto .step img {
			/*opacity:.6;
			-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
			filter:alpha(opacity=60);*/
			-webkit-transition:opacity .2s ease-in-out;
			-moz-transition:opacity .2s ease-in-out;
			-ms-transition:opacity .2s ease-in-out;
			-o-transition:opacity .2s ease-in-out;
			transition:opacity .2s ease-in-out;
		}
		#howto .step:hover img {
			opacity:1;
			-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter:alpha(opacity=100);
		}
		#howto .step .content { margin-top:20px; }
			#howto .step .content p { margin:25px 0px 0px; }


.step-unico img {
	float: right;
	margin: 0 0 20px 30px;
}
.step-unico h4, .step-unico p{
	text-align:left;
}



/* ========================= Main Tabs ========================= */

#main-tabs { padding:20px 0px 10px; }
	#main-tabs .tabs {
		margin:0px 0px 40px;
		text-align:center;
		background:#F0F0F0 url(../images/tabs-base.png) repeat;
		display:inline-table;
		width:100%;
	}
		#main-tabs .tabs li {
			list-style-type:none;
			display:inline;
		}
			#main-tabs .tabs li a {
				font-size:12px;
				color:#a9a9a9;
				line-height:16px;
				text-transform:uppercase;
				padding:12px 30px;
				display:inline-block;
				border-right:1px solid #FFF;
				background-color:#313439;
			}
			#main-tabs .tabs li.last-element a { border-right:0px; }
			#main-tabs .tabs li a:hover, #main-tabs .tabs li.active a {
				background-color:#44a3fc;
				color:#FFF;
			}

	#main-tabs .latest-projects {
		position:relative;
		padding:8px;
	}
		#main-tabs .latest-projects .item {
			text-align:center;
			padding-bottom:30px;
		}
			#main-tabs .latest-projects .item figure {
				background-color:#FFF;
				padding:5px;
				-moz-box-shadow:0px 0px 8px rgba(150,150,150,0.5);
				-webkit-box-shadow:0px 0px 8px rgba(150,150,150,0.5);
				box-shadow:0px 0px 8px rgba(150,150,150,0.5);
			}
			#main-tabs .latest-projects .item h4 {
				font-size:18px;
				line-height:24px;
				margin:12px 0px 0px;
			}
			#main-tabs .latest-projects .item p { margin:5px 0px 0px; }

	#main-tabs .pricing-tables {
		text-align:center;
		padding:8px;
	}
		#main-tabs .pricing-tables .item {
			background-color:#f6f6f6;
			border:1px solid #eaeaea;
			padding:20px 20px 30px;
			margin-bottom:30px;
			margin-top:10px;
			-moz-box-shadow:0px 0px 8px rgba(150,150,150,0.25);
			-webkit-box-shadow:0px 0px 8px rgba(150,150,150,0.25);
			box-shadow:0px 0px 8px rgba(150,150,150,0.25);
		}
		#main-tabs .pricing-tables h3 {
			font-size:20px;
			line-height:26px;
			margin:0px 0px 15px;
		}
		#main-tabs .pricing-tables ul { margin:0px 0px 20px 0px; }
			#main-tabs .pricing-tables ul li {
				list-style-type:none;
				font-size:13px;
				line-height:18px;
				padding:12px 0px;
				border-bottom:1px dashed #e0e0e0;
			}
			#main-tabs .pricing-tables ul li.price {
				border-bottom:0px;
				color:#222;
				font-weight:bold;
				font-size:16px;
				padding:25px 0px 5px;
			}
		#main-tabs .pricing-tables .item.recommended {
			background-color:#4a4a4a;
			border:1px solid #404040;
			color:#e0e0e0;
			margin-top:1px;
			padding:30px 20px 40px;
			position:relative;
			-moz-box-shadow:0px 0px 8px rgba(40,40,40,0.4);
			-webkit-box-shadow:0px 0px 8px rgba(40,40,40,0.4);
			box-shadow:0px 0px 8px rgba(40,40,40,0.4);
		}
			#main-tabs .pricing-tables .item.recommended .pricing-badge {
				width:75px;
				height:75px;
				position:absolute;
				left:-2px;
				top:-2px;
				background:url(../images/pricing-badge.png) no-repeat top left;
			}
			#main-tabs .pricing-tables .item.recommended h3 { color:#FFF; }
				#main-tabs .pricing-tables .item.recommended ul li { border-bottom:1px dashed #3a3a3a; }
				#main-tabs .pricing-tables .item.recommended ul li.price {
					border-bottom:0px;
					color:#FFF;
				}

	#main-tabs .testimonials { text-align:center; }
		#main-tabs .testimonials .item {
			padding-bottom:30px;
			cursor:pointer;
		}
		#main-tabs .testimonials img {
			width:148px;
			margin:0px auto 25px;
			display:block;
		}
		#main-tabs .testimonials .arrow {
			background:url(../images/sep-arrow.png) no-repeat top center;
			height:8px;
		}
		#main-tabs .testimonials .text {
			margin-top:15px;
			font-size:14px;
		}
		#main-tabs .testimonials .name {
			font-size:11px;
			color:#FFF;
			padding:2px 15px 4px;
			background-color:#3a3a3a;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
			display:inline-block;
			margin-top:15px;
		}
			#main-tabs .testimonials .item:hover .name { background-color:#44a3fc; }
		#main-tabs .testimonials .arrow, #main-tabs .testimonials .name {
			-webkit-transition:all .2s ease;
			-moz-transition:all .2s ease;
			-ms-transition:all .2s ease;
			-o-transition:all .2s ease;
			transition:all .2s ease;
		}



/* ========================= Contact ========================= */

#contact {
	background-color:#a9a9a9;
	position:relative;
	color:#FFF;
}
	#contact .contact-btn {
		position:absolute;
		top:-40px;
		left:0;
		width:100%;
		text-align:center;
	}
		#contact .contact-btn a {
			color:#a9a9a9;
			font-size:12px;
			line-height:40px;
			text-transform:uppercase;
			display:inline-block;
			background-color:#313439;
			padding:0px 30px;
		}
		#contact .contact-btn a:hover, #contact .contact-btn a.active {
			color:#FFF;
			background-color:#44a3fc;
		}
	#contact #contactMap {
		height:100%;
		color:#7a7a7a;
	}
	#contact .contact-overlay {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: url(../images/base-contact-overlay.png) repeat;
		padding: 50px 0 70px;
	}
	#contact h4 {
		color:#FFF;
		font-size:20px;
		line-height:26px;
		margin:0px 0px 35px;
		padding-bottom:10px;
		border-bottom:3px double #FFF;
	}
	#contact .contact-info {
		font-size:15px;
		line-height:22px;
	}
		#contact .contact-info h5 {
			color:#FFF;
			font-size:20px;
			line-height:26px;
			margin:0px 0px 15px;
		}
		#contact .contact-info a { color:#cacaca; }
		#contact .contact-info a:hover { color:#FFF; }
		#contact .contact-info ul { margin:0px 0px 0px 18px; }
			#contact .contact-info ul li {
				list-style-type:square;
				padding-bottom:5px;
			}
		#contact .contact-form form {
			margin:0px;
			padding-top:5px;
			margin: 0 auto;
			float: none!important;
		}
			#contact .contact-form form input[type="text"],
            #contact .contact-form form input[type="email"],
            #contact .contact-form form textarea {
				width:100%;
				margin-bottom:20px;
				border:0px;
			}
			#contact .contact-form form textarea { height:140px; }
		#contact .contact-form .alert {
            margin: 35px 0px 0px;
            padding: 20px;
            border-width: 0px;
            text-transform: uppercase;
            font-size: 14px;
            color: #FFF;
        }
        #contact .contact-form .alert-error {
            background-color: #F44;
        }
        #contact .contact-form .alert-success {
            background-color: #00AB66;
            color: #FFF;
        }
        #contact .contact-form .alert .close { top:0; right: 0px;}



/* ========================= Buy Now ========================= */

#buynow {
	text-align:center;
	padding:100px 0px;
	background:#f6f6f6 url(../images/base-white.jpg) repeat;
}
	#contact h2 {
		font-size:48px;
		line-height: 70px;
		margin:0px;
	}
		#contact h2 strong { color:#0096ec; }
	#buynow p {
		font-size:20px;
		line-height:26px;
		margin:10px 0px 0px;
		color:#a9a9a9;
	}
	#buynow .btn-section { padding-top:25px; }
	#buynow .btn {
		padding:20px 30px !important;
		font-size:14px;
		line-height:57px;
	}
	#contact .btn, #contact input[type="submit"] {
		font-size:14px;
		line-height:37px;
	}
		#buynow .btn i {
			font-size:16px;
			margin-right:12px;
		}



/* ========================= Footer ========================= */

.footer-social {
    padding: 70px 0 80px;
    text-align: center;
    border: none;
    background: #EDF2F5;
}
	.footer-social ul { margin:0px; }
		.footer-social ul li {
			list-style-type:none;
			display:inline;
			padding:0px 45px;
		}
			.footer-social ul li a {
				font-size:54px;
				line-height:76px;
				color:#e0e0e0;
			}
			.footer-social ul li a:hover { color:#404040; }

.footer-copyright {
	background-color:#202020;
	text-align:center;
	padding:25px 0px;
	font-size:12px;
	line-height:16px;
	color:#a9a9a9;
	text-transform:uppercase;
}
	.footer-copyright .container { position:relative; }
	.footer-copyright img {
		height:30px;
		margin-bottom:15px;
	}
	.footer-copyright p {
		margin:0px;
		padding:4px 0px;
	}
	.footer-copyright a { color:#FFF; }
	.footer-copyright a:hover { color:#a9a9a9; }
	.footer-copyright .scrollup {
		position:absolute;
		top:0;
		right:0;
		width:24px;
		height:24px;
		background:url(../images/back-to-top.png) no-repeat;
	}
	.footer-copyright .scrollup:hover {
		opacity:.7;
		-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter:alpha(opacity=70);
	}

.zerocosti i {
	color: #44A3FC;
	font-size: 110px;
	display: block;
	margin: 20px 0 10px;
}

.pp_pic_holder .pp_social {display:none;}


/* ========================= CSS Hacks ========================= */

.ie input[type="text"] { line-height:38px; }

.ie #header .container { background:#FFF url(../images/header-shadow2.png) no-repeat bottom center; }
.ie #header.stickit, .ie #header.stickit-end { border-bottom:1px solid #eaeaea; }
.ie #header.stickit .container, .ie #header.stickit-end .container {
	background:#FFF;
	padding-bottom:0px;
}
.ie #header .menu-nav ul li { padding-left:35px; }

.ie #slider { margin:170px 0px 80px; }
.ie #slider .slider-images {
	background:url(../images/base-slider-image2.png) no-repeat;
	top:-70px;
}
.ie #slider .content p { display:none; }
.ie #slider .content ul li a { padding:15px; }

.ie #howto .step { padding:0px 15px 22px; }

.ie #main-tabs .pricing-tables .item, .ie #main-tabs .pricing-tables .item.recommended {
	padding-left:15px;
	padding-right:15px;
}

.ie .footer-social ul li { padding:0px 35px; }

.ie7 .btn i { display:none; }

.ie7 #slider .slider-images { padding:0px; }
.ie7 #slider .slider-images .flexslider {
	width:530px;
	margin:25px 0px 50px 86px;
}

.ie7 #features .item {
	padding-left:0px;
	text-align:center;
}
.ie7 #features .item i {
	position:static;
	top:auto;
	left:auto;
	font-size:64px;
}
.ie7 #features .item h4 { margin-top:12px; }

.ie7 #howto { padding-bottom:40px; }
.ie7 #howto .step {
	padding-left:0px;
	padding-right:0px;
	border-left:0px;
	border-right:0px;
}
.ie7 #howto .step .step-number .number { height:40px; }

.ie7 #main-tabs .pricing-tables .item {
	border-left:0px;
	border-right:0px;
	padding-left:0px;
	padding-right:0px;
}

.ie7 #contact { margin-top:40px; }
.ie7 #contact .contact-btn { display:none; }
.ie7 #contact #contactMap { display:none; }
.ie7 #contact .contact-form form input[type="text"], .ie7 #contact .contact-form form textarea { width:94%; }
.ie7 #contact .contact-form .alert .close { top:-6px; }



#contact h2 {color:#fff;}
.contact-info {
	float: none !important;
	text-align: center !important;
	margin:0 auto 30px;
	color:#fff;
}
.contact-form {
	float: none !important;
	margin:0 auto;
}
#contact input[type="submit"] { margin:0 auto; text-align:center; display:block;}



/*

table td {
	border: 1px solid #ccc;
	padding: 15px;
	font-size:20px;
	transition:0.4s;
}

table thead {
	color:#fff;
	background: #333;
	font-size:20px;
}

table thead td {padding: 10px;}

td.pack_name{
	color:#404040;
	font-size:20px;
	width:30%;
	}

tr.grey td {
background: #F0F0F0;
}

tbody tr:hover td {
background: #cfe8fe;
color:#2f6fbd;
}

tr td.prezzo {
background: #E7F4FF;
color:#2f6fbd;
font-weight:bold;
}

.table-title {
	background:#38638B;
	text-align:center;
	border-bottom:none;
	font-size:25px;
	font-weight:bold;
	padding:20px;
	}
*/


/* MOD TABELLE PREZZI */

table {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    overflow: hidden;
	background-color: #fff;
}
table.prezzi_consulenti,
table.prezzi_aziende {
	border-radius:0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.table-title {
    background: #066eb3;
    text-align: center;
    border-bottom: none;
    font-size: 18px;
    font-weight: bold;
    padding: 30px;
    color: #fff;
    text-transform: uppercase;
}
table thead {
    background: #0096EC;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
}
table thead td { border:none; }
table td {
    border-bottom: 1px solid #C8D2D8;
    padding: 20px;
    font-size: 18px;
    transition: 0.4s;
}
td.pack_name {
    color: #404040;

}
tr td.prezzo {
    color: #2f6fbd;
    font-weight: bold;
	background-color:#E5F3FF;
}
tbody tr:hover td {
	background: #cfe8fe;
	color:#2f6fbd;
}
table.prezzi_consulenti tr:last-child td,
table.prezzi_aziende tr:last-child td {border-bottom:none;}


/* FINE MOD */

.video {
padding: 80px 0 100px;
background:#EDF2F5;
}

.video a {
    border: 3px solid #3399ff;
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
	background:#0096EC;
}

.video img { width:100%; transition:all 0.3s; }

.video a:hover img {
    opacity: 0.4;
}

.video .more {
    text-align: center;
    position: absolute;
    top: 37%;
    width: 100%;
    color: #fff;
}

.video .more:before {
	content: "\f144";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	font-size:60px;
	color:#fff;
}

.video .more h4 {
	color:#fff;
}
.video .more span {
	text-transform:uppercase;
	font-size:12px;
	text-decoration:underline;
}

.zerocosti table i {
	font-size: 20px;
	display: inline;
	margin-left: 10px;
}

#howto .step h4:after {
    content: "\f058";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 24px;
    color: #3399ff;
    padding: 0 10px;
    position: absolute;
}

#pricing h2 { font-size:40px; }



/* ========================= Media Queries ========================= */

@media (min-width: 980px) and (max-width: 1199px) {

	#header .menu-nav ul li { padding-left:35px; }

	#slider .slider-images { top:-70px; }
	#slider .content p { display:none; }
	#slider .content ul li a { padding:15px; }

	#howto .step { padding:0px 15px 22px; }

	#main-tabs .pricing-tables .item, #main-tabs .pricing-tables .item.recommended {
		padding-left:15px;
		padding-right:15px;
	}

	.footer-social ul li { padding:0px 35px; }

}

@media (min-width: 768px) and (max-width: 979px) {


	#header .menu-nav ul li { padding-left:16px; }
	.logo img {
		height: 70px;
		padding-top: 10px;
	}
	#slider .slider-images { top:-80px; }
	#slider .content p { display:none; }
	#slider .content ul li {
		margin:0px 4px 4px 0px;
	}
	#slider .content ul li a {
		line-height:1;
		padding:12px 15px;
	}
	#slider .content ul li a i {
		font-size:16px;
		margin:0px;
	}

	#howto .step { padding:0px 10px 14px; }

	#main-tabs .pricing-tables .item, #main-tabs .pricing-tables .item.recommended {
		padding-left:10px;
		padding-right:10px;
	}

	#buynow h2 {
		font-size:38px;
		line-height:44px;
	}
	#buynow p {
		font-size:18px;
		line-height:24px;
	}

	.footer-social ul li { padding:0px 25px; }

}

@media (max-width: 767px) {

	body {
		padding-left:0px;
		padding-right:0px;
	}

	#header, #features, #howto, #main-tabs, #contact .contact-overlay, #buynow .container, .footer-social, .footer-copyright .container {
		padding-left:20px;
		padding-right:20px;
	}


	#header .container {
		background:none;
		background-color:transparent;
		padding-bottom:0px;
	}
	#header .logo {
		margin:0px;
		padding:20px 0px;
	}
	#header .logo img { height:40px; }
	#header .menu-nav { margin-right:0px; }
	#header .menu-nav ul { display:none; }

	#slider {
		padding: 100px 20px 50px;
	}
	#slider .slider-images {
		position:static;
		top:0;
		padding:3.4% 12.3% 0;
	}
	#slider .content { padding:20px 0px 0px; }
	#slider .content h3	{
		text-align: center;
	}

	#features .item {
		padding-left:0px;
		text-align:center;
	}
	#features .item i {
		position:static;
		top:auto;
		left:auto;
		font-size:64px;
	}
	#features .item h4 { margin-top:12px; }

	/* #contact { height:880px; } */

	#buynow h2 {
		font-size:30px;
		line-height:36px;
	}
	#buynow p {
		font-size:16px;
		line-height:22px;
	}

	.footer-social ul li { padding:0px 10px; }

	.footer-copyright .scrollup {
		position:static;
		top:auto;
		right:auto;
		display:inline-block;
		margin-top:10px;
	}

	.video a { width:80%; margin:30px auto;}

	#contact h2 {
		font-size: 40px;
		line-height: 50px;
		margin-bottom: 20px;
	}

	.stickit .logo img {
		padding-top: 0;
	}

}

@media (max-width: 540px) {

	#header { text-align:center; }
	#header .logo, #header .menu-nav {
		/*float:none;*/
		display: block;
	}

	#main-tabs .tabs {
		display:block;
		width:auto;
	}
	#main-tabs .tabs li { display:block; }
	#main-tabs .tabs li a {
		display:block;
		border-right:0px;
	}

}

@media (max-width: 480px) {

	#contact .contact-btn {
		top:-80px;
		width:100%;
	}
	#contact .contact-btn a { display:block; }

	#buynow .btn {
		padding:16px 20px 17px !important;
		font-size:12px;
		line-height:48px;
	}
	#buynow .btn i {
		font-size:14px;
		margin-right:10px;
	}

}

@media (max-width: 300px) {

	#slider .slider-images { display:none; }
	#slider .content { padding-top:0px; }

	.footer-social ul li {
		display:block;
		text-align:center;
	}

}


@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	table.prezzi_consulenti thead tr,
	table.prezzi_aziende thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	table tr { border: 1px solid #ccc; }

	table td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: none;
		position: relative;
		text-align:center;
	}

	td:before {
		width: 100%;
		white-space: nowrap;
	}

	td:nth-of-type(1) {border-bottom:none; padding-bottom:0;}
	td:nth-of-type(2):before { content: "Numero di dipendenti: "; }
	td:nth-of-type(3):before { content: "Costo Mensile: "; }

	table thead td.table-title { padding: 20px; }

}



@media(min-width: 768px){
    .other-row{
        margin-left: 15%;
        margin-top: 20px;
    }
}
/****************************/
/*modal*/
.modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	margin: 0 auto;
}
.modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 1rem 1.5rem;
	/*width: 24rem;*/
	max-height: calc(100vh - 200px);
	overflow-y: auto;
}
.close-button {
	float: right;
	width: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	cursor: pointer;
	border-radius: 0.25rem;
	background-color: lightgray;
}
.close-button:hover {
	background-color: darkgray;
}
.show-modal {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}