/*
	:: main.css ::
	
	General typography elements.
	
	Copyright (c) 2016-2017 Bits&Coffee SRL. All Rights Reserved.
*/

/*------------------------------------------------------------------------------
	First color:	#159AD3
	Second color:	#FF0000

	General
	- display/float
	- left/top
	- width/height
	- padding/border/margin
	- background
	- font-/color
------------------------------------------------------------------------------*/

html
{
	font-family: Open Sans, Segoe UI, sans-serif;
	font-size: 16px;		/* 16px is also the default */
	color: #333333;
}

body
{
	overflow-x: hidden;			/* Albert: Fix for right side white space overflow on features page */
	font-family: inherit;		/* Inherit so that Bootstrap will not overwrite it */
	font-size: inherit;
	color: inherit;
	background-color: white;
	line-height: 1.6em;
}

p
{
	margin: 0 0 20px 0;
	line-height: 1.6em;
	color: #333333;
}

h1, h2, h3, h4, h5
{
	margin: 0 0 20px 0;
	color: #666666;	
}

h1 { font-size: 26px; }
h2 { position: relative; font-size: 22px; padding-bottom: 20px; margin-bottom: 20px; }
h3 { position: relative; font-size: 18px; }
h4 { font-size: 16px; }

h2:after
{
	content: "";
	position: absolute;
	width: 100px;
	height: 2px;
	left: 0;
	bottom: 0;
	background-color: #159AD3;	
}

h2.text-center
{
	padding-bottom: 0px;
}

h2.text-center:after
{
	position: relative;
	display: block;
	text-align: center;
	margin: 20px auto;
}

h2.no-underline
{
	padding-bottom: 0px;
	margin-bottom: 20px;
}

h2.no-underline:after
{
	content: none
}

ul
{	
	margin-top: 0;
	margin-bottom: 20px;
}

li
{
	padding-left: 20px;
	line-height: 1.6em;
}

table thead th
{
	text-align: center;
	background-color: #eeeeee !important;
	font-size: 14px;
}

table tbody 
{
	text-align: center;
	font-size: 14px;
}

a
{
	color: #159AD3;
	text-decoration: none;
}

a:hover
{
	color: #159AD3 !important;		/* important to overwrite bootstrap properties */
	text-decoration: underline;
}

.text-small
{
	font-size: 12px !important;
}

.link-bullet
{
	padding: 0 0 0 20px;
}

.link-bullet:before
{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	color: #159AD3;
	content: "\f105\00a0\00a0";
	left: 0;
	margin-top: 3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}

.vertical-align
{
	display: flex;
	align-items: center;
}


/* Tables */

/* features*.html, comparison.html */
table tbody .fa-circle
{
	font-size: 10px;
	color: #0099FF;
}

table tbody tr .align-left
{
	text-align: left;
	vertical-align: middle;
}

/* purchase.html */
table tbody tr td .check
{
	display: table-cell;
	vertical-align: middle;
	width: 13px;
}

table tbody tr td .product
{
	display: table-cell;
	padding-left: 10px;
}

table tbody tr td .product .selectable-product
{
	cursor: pointer;
}


/* Buttons */

.button a 
{
	display: block;
	height: 50px;
	max-width: 200px;
	margin-bottom: 20px;
	
	color: white !important;
	font: 17px/50px Helvetica, Verdana, sans-serif;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	
	-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
			border-radius: 10px;
			
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
		-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
			box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}

.table .button a
{
	margin: 0px;
}

.button.try a, .button.free a
{
	/*#26b02b -> #1f9637*/
	background: -moz-linear-gradient(top, #ff0000 0%, #ee0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#ee0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff0000 0%,#ee0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff0000 0%,#ee0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff0000 0%,#ee0000 100%); /* IE10+ */
	background: linear-gradient(top, #ff0000 0%,#ee0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ee0000',GradientType=0 ); /* IE6-9 */
}

.button.try a:hover, .button.free a:hover
{
	background: -moz-linear-gradient(top, #EE0000 0%, #DD0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EE0000), color-stop(100%,#DD0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #EE0000 0%,#DD0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #EE0000 0%,#DD0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #EE0000 0%,#DD0000 100%); /* IE10+ */
	background: linear-gradient(top, #EE0000 0%,#DD0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE0000', endColorstr='#DD0000',GradientType=0 ); /* IE6-9 */
}

.button.try a:after
{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f019";
	margin: 0px 0px 0px 12px;
	font-size: 20px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.button.buy a, .button.video a 
{
	background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* IE10+ */
	background: linear-gradient(top, #00b7ea 0%,#009ec3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}

.button.buy a:hover, .button.video a:hover
{
	background: -moz-linear-gradient(top, #00A6D9 0%, #0095C8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00A6D9), color-stop(100%,#0095C8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00A6D9 0%,#0095C8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00A6D9 0%,#0095C8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00A6D9 0%,#0095C8 100%); /* IE10+ */
	background: linear-gradient(top, #00A6D9 0%,#0095C8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
}

.button.buy a:after
{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f07a";
	margin: 0px 0px 0px 12px;
	font-size: 20px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.button.video a:after
{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f04b";		/* YouTube f167 */
	margin: 0px 0px 0px 12px;
	font-size: 20px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* Button App Store */

.button-appstore
{
	margin: 0 auto;
	text-align: center;
	max-width:237px;
}

.button-appstore.align
{
	margin-top: 7%;
	margin-left: 14%;
}

.button-appstore:before
{
	position: absolute;
	content: '';
}

.mac-button-horizontal-center
{
	margin: 0 auto;
	text-align: center;
	max-width: 200px;
}


/* Buttons Magnific Popup */

.btn
{
	padding: 14px 24px;
	border: 0 none;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus
{
	outline: 0 none;
}
 
.btn-primary
{
	background: #0099cc;
	color: #ffffff;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary
{
	background: #33a6cc;
}
 
.btn-primary:active, .btn-primary.active
{
	background: #007299;
	box-shadow: none;
}


/* Buttons Forms */

.btn-secondary
{
	border-radius: 0;
	background-color: #159AD3;
	color: #ffffff;
	-webkit-transition: all 0.5s ease 0s;
	   -moz-transition: all 0.5s ease 0s;
	        transition: all 0.5s ease 0s;
}

.btn-secondary:hover, 
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active 
{
	background-color: #FF0000;
	color: #ffffff;
}

.btn-black
{
	padding: 12px 50px;
	font-size: 18px;
	font-weight: bold;
	background-color: #000000;
	color: #ffffff;
}

.btn-black:hover
{
	color: #ffffff;
}


/* Lists */

.list-arrow
{	
	list-style: none;
	padding-left: 20px;
	margin-top: 0;
	margin-bottom: 20px;
}

.list-arrow li
{
	position: relative;
	padding-left: 20px;
	line-height: 1.6em;
}

.list-arrow li:before
{
	display: inline-block;
	position: absolute;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	color: #159AD3;
	content: "\f105\00a0\00a0";
	left: 0;
	margin-top: 3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#banner .list-arrow li:before
{
	color: #FFFFFF;
}

.nav li a		/* .nav is a Bootstrap classs */
{
	padding: 15px 10px;
}

.nav-tabs li a
{
	text-transform: uppercase;
}

.navbar-right ul
{
	margin: 0 auto;
}

.navbar-nav li a
{
	-moz-transition: all 0.5s linear !important;
	-webkit-transition: all 0.5s linear !important;
	-o-transition: all 0.5s linear !important;
	transition: all 0.5s linear !important;
}

.navbar-nav li a:hover
{
	-moz-transition: all 0.2s linear !important;
	-webkit-transition: all 0.2s linear !important;
	-o-transition: all 0.2s linear !important;
	transition: all 0.2s linear !important;
}


.dropdown-menu li a
{
	margin: 0 auto !important;
	padding-left: 20px !important;
	font-size: 16px;
}


.dropdown
{
	cursor:pointer;
	max-width: 61px;
	padding-right:9px;
	padding-left: 9px;
}

.dropdown:hover,
.dropdown .dropdown-menu a:hover
{
	background-color: #444;
}

.dropdown ul.dropdown-menu
{
	min-width: 50px;
	width: 61px;
}

.dropdown-menu,
.dropdown-menu li
{
	padding: 0;
	min-width: 61px;
	width: 61px;
	background-color: #222;
}

/* Breadcrumb */

.breadcrumb 
{
	margin-bottom: 60px;
	padding: 25px 0 20px;
	background-color: #f1f1f1;
}

.breadcrumb ul
{
	margin-bottom: 0;
}

.breadcrumb li 
{
	font-size: 14px;
	text-transform: uppercase;
}

.breadcrumb li + li::before 
{
	position: inherit;
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f105";
	padding-right: 10px;
	color: #676767;
}

.breadcrumb li a
{
	color: #676767;
}

.breadcrumb li a:hover, 
.breadcrumb li a:focus, 
.breadcrumb li.active 
{
	color: #159AD3;
}


/* Quotes */

.review .quote
{
	font-size: 22px;
	font-style: italic;
	color: white;
	text-align: center;
	
	padding: 40px 0px;
	margin: 0px 80px;
}

.review .quote span
{
	display: block;
	font-weight: bold;
}

.review .quote span:after
{
	content: " \2605\2605\2605\2605\2605";
}

.review .quote:before
{
	display: inline-block;
	position: absolute;	
	left: 30px;
	top: 0px;	
	content: "\201C";
	font-size: 128px;
	font-style: normal;
	line-height: 1;
	position: absolute;
}

.review .quote:after
{
	display: inline-block;
	position: absolute;
	right: 30px;
	content: "\201D";
	font-size: 128px;
	font-style: normal;
	line-height: 1;
	position: absolute;
}

.review .author
{
	margin-bottom: 2px;
	font-size: 22px;
	color: whitesmoke;
	text-align: center;
}

.review .author a
{
	color: whitesmoke !important;	/* important to overwrite a elem */
}

#testimonials
{
	margin-top: 60px;
}

#testimonials .quote
{
	position: relative;
	margin-bottom: 20px;
}

#testimonials .text
{
	position: relative;
	z-index: 2;
	text-align: justify;
	margin-bottom: 10px;
	color: #666666;
	font-style: italic;
}

#testimonials .text:before
{
	content: "\201C";
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	padding-top: 5%;
	font-size: 240px;
	color: #E3E3E3;
	top: 0;
	left: 0%;
	z-index: -1;
}

#testimonials .source
{
	position: relative;
	z-index: 2;
	text-align: right;
}


/* Set the color for all owl-page items */
.owl-theme .owl-controls .owl-page span
{
	background: whitesmoke;
}


/* Screenshots */

#shots-carousel .item
{
	margin: 10px;
}

#shots-carousel .item img
{
	display: block;
	width: 260px;
	height: auto;
	margin: auto;		/* Center the image in the div */
}

/*hr
{
	border: 0;
	border-bottom: 1px solid rgba(139, 153, 165, 0.2);
	margin: 0;
}*/

/* Alternative to img tag but not used */
.main-shot-mac-frame
{
	background-image: url("../images/laptop.png");
	background-size: 949px 545px;
	background-repeat: no-repeat;
	display: block;
	width: 949px;
	height: 545px;
}

/* Frame + Screen combo */
.main-shot-mac-screen
{
	width: 723px;
	height: 451px;
	position: relative;
	margin-left: 113px;
	top: 30.5px;
}

.main-shot-frame
{
	background-image: url('../images/iphone6.png');
	background-size: 320px 562px;
	background-repeat: no-repeat;
	width: 320px;
	height: 562px;
}

.main-shot-screen
{	
	width: 271px;
	height: 481px;
	
	position: relative;
	margin-left: 24px;
	top: 80.5px;
}

.video-screen iframe
{
	background-size: contain;
	padding: 3% 12% 5%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Social */

.social
{
	width: 32px;
	height: 32px;
	border-radius: 25px;
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.list-inline.social-media-download li
{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.social-big
{
	width: 64px;
	height: 64px;
	border-radius: 50px;
	font-size: 40px;
}

.social.instagram
{
	display: inline-block;
	background: #ab0080;
}

.social.instagram.head-div
{
	margin-top: 10%;
	margin-right: 14%;
}

.social.instagram.footer-div
{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 2%;
}

.social.instagram:hover
{
	opacity: 0.8;
}

.social.instagram a:link,
.social.instagram a:hover,
.social.instagram a:visited,
.social.instagram a:active
{
	text-decoration: none;
	cursor: pointer;
	color: #ffffff !important;
}

.social-big.instagram a:link,
.social-big.instagram a:hover,
.social-big.instagram a:visited,
.social-big.instagram a:active
{
	color: #FFFFFF !important;
}

.social.twitter
{
	display: inline-block;
	background: #00ACEE;
}

.social.twitter.head-div
{
	margin-top: 10%;
	margin-right: 14%;
}

.social.twitter.footer-div
{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 2%;
}

.social.twitter:hover
{
	opacity: 0.8;
}

.social.twitter a:link,
.social.twitter a:hover,
.social.twitter a:visited,
.social.twitter a:active
{
	text-decoration: none;
	cursor: pointer;
	color: #ffffff !important;
}

.social-big.twitter a:link,
.social-big.twitter a:hover,
.social-big.twitter a:visited,
.social-big.twitter a:active
{
	color: #FFFFFF !important;
}

.social.facebook
{
	display: inline-block;
	margin-top: 10%;
	background: #3B5998;
}

.social.facebook.head-div
{
	margin-top: 5%;
	margin-bottom: 5%;
}

.social.facebook.footer-div
{
	margin-top: 0;
}

.social.facebook:hover
{
	opacity: 0.8;	
}

.social.facebook a:link,
.social.facebook a:hover,
.social.facebook a:visited,
.social.facebook a:active
{
	text-decoration: none;
	cursor: pointer;
	color: #ffffff !important;
}

.social-big.facebook a:link,
.social-big.facebook a:hover,
.social-big.facebook a:visited,
.social-big.facebook a:active
{
	color: #FFFFFF !important;
}

.form-control:focus 
{
	border-color: #159AD3;
}


/* Magnific popup */

.gallery-grid .hover-content img, 
.gallery-grid .hover-content .overlay
{
	transition: all 0.5s ease 0s;
}

.gallery-grid .hover-content .overlay a.zoom
{
	border-radius: 5px;	
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.gallery-grid
{
	margin-top: 30px;
	margin-bottom: 30px;
}

.gallery-grid .hover-content
{
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}

.gallery-grid .hover-content .overlay
{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	text-align :center;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	opacity: 0;	
}

.gallery-grid .hover-content:hover .overlay
{
	opacity: 1;
}

.gallery-grid .hover-content:hover img 
{
	transform: rotate(5deg) scale(1.3);
}

.gallery-grid .hover-content .overlay a.zoom 
{
	margin-top: 0%;
	font-size: 30px;
	text-align:  center;
	color: #FFFFFF !important;
}

.gallery-grid .hover-content .overlay a.btn-secondary:hover, 
.gallery-grid .hover-content .overlay a.btn-secondary:focus 
{
	background-color: #000000;
	outline: none;
}

.gallery-grid h5
{
	margin-top: -31px;
	text-align: center;
	position: relative;
}

.gallery-grid h5 span
{
	padding: 10px 20px;
	font-weight: bold;
	color: #fff;
	background-color: #009bdb;
}

.mac-gallery
{
	display: inline-block;
	width: 300px;
}

.cc-dismiss
{
	text-decoration: none !important;
}


/* Contentbox */

.contentbox
{
	/*border: 1px #dddddd solid;*/
	margin-bottom: 20px;
	padding: 20px;
	background-color: #FFFFFF;
		
	box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.contentbox li .fa					/* Font Awesome symbol */
{
	margin-right: 5px;
}

.contentbox .quote
{
	text-align: justify;
	font-style: italic;
}

.contentbox .author
{
	text-align: right;
}

.container-contentbox
{
	display: flex;
}

.container-contentbox .contentbox
{
	width: 50%;
	margin-left: 20px;
}

.container-contentbox .contentbox:first-child
{
	margin-left: 0;
}

.award-clean a
{
	display: block;
	width: 155px;
	height: 140px;
	/*max-width: 80px;
	max-height: 72px;*/
	margin: 0 auto;
	margin-bottom: 20px;
	background-image: url("../images/softpedia-clean.png");
	
	zoom: 0.6;
	-moz-transform:scale(.6);
}

.award-clean a:hover
{
	/*background: transparent url("../images/softpedia-clean.png") no-repeat scroll 0 -82px;*/
}

/* Dividers */

.spacer
{
	height: 20px;
	clear: both;
}

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

.spacer-right-10
{
	margin-right: 10px;
}

hr
{
	height: 1px;
	border: 0 none;
	margin: 0 0 20px 0;		
	clear: both;
	background-color: #dddddd;
}

hr.thick
{
	height: 2px;
}


/* Emails */

.email
{
	background: transparent url(../images/emails.png) no-repeat scroll 0 0;
	background-size: 211px 163px;
}

.email.contact-bc
{
	width: 155px;
	height: 16px;
	background-position: 0px 0px;
}

.email.support-bc
{
	width: 155px;
	height: 19px;
	background-position: -2px -15px; 
}

.email.press-bc
{
	width: 158px;
	height: 22px;
	background-position: 0 -33px; 
}

.email.contact-bp
{
	width: 164px;
	height: 22px;
	background-position: -1px -70px;
}

.email.support-bp
{
	width: 168px;
	height: 22px;
	background-position: 0px -90px;
}

.email.support-pm
{
	width: 195px;
	height: 18px;
	background-position: 0px -109px;
}

.email.support-pvc
{
	width: 210px;
	height: 18px;
	background-position: 0px -128px;
}

.email.support-at
{
	width: 207px;
	height: 18px;
	background-position: 0px -146px;
}


/* Parallax */

.parallax
{
	margin-bottom: 518px;
	z-index: 100;
	background-color: white;
}

.parallax-footer
{
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: -2;
}


/* Logos */

.logo-moneyback
{
	display: block;
	width: 150px;
	height: 150px;
	margin-bottom: 20px;
	background: transparent url("") no-repeat scroll 0 0;
}
.logo-moneyback:hover
{
	background: transparent url("") no-repeat scroll -150px 0;
}


/* Tooltip */

.tooltip > .tooltip-inner	 /* Bootstrap classs */
{
	background-color: #159AD3;
	color: #FFFFFF;
	max-width: 350px;
	padding: 15px;
	font-size: 16px;
}

.tooltip.top > .tooltip-arrow /* Bootstrap classs */
{
	border-top: 5px solid #159AD3;
}

.tooltip > .tooltip-inner >.a
{
	color: #FFFFFF !important;
}

.tooltip-text
{
	display: none;
	color: white;
}

.tooltip-text a
{
	color: white !important;
	text-decoration: underline;
}

.tooltip-text a:hover
{
	color: white !important;
}

/* Input placeholder */

.input-error
{
	box-shadow: inset 0 0 0 2px red !important;
}

.input-error::-webkit-input-placeholder
{
	text-transform: none;
	color: red;
}

.input-error::-moz-placeholder
{
	text-transform: none;
	color: red;
}

.input-error:-moz-placeholder /* Older versions of Firefox */
{
	text-transform: none;
	color: red;
}

.input-error:-ms-input-placeholder 
{
	text-transform: none;
	color: red;
}


/* Accordion */

.panel-title a /* Bootstrap class */
{
	display: block;
	padding: 10px 15px;
	margin: -10px -15px;
	margin-right: 30px !important;
}

.panel-title > a:hover, /* Bootstrap class */
.panel-title > a:active, 
.panel-title > a:focus
{
	text-decoration:none;
}

.panel-heading [data-toggle="collapse"]:after
{
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	bottom: 35%;
	right: 11px;
}

.panel-heading [aria-expanded="false"]:after
{
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	bottom: 35%;
	right: 11px;	
	transform: rotate(0deg);
	transition: transform 0.3s;
}

.panel-heading [aria-expanded="true"]:after
{
	font-family: 'FontAwesome';
	content: "\f105" ;
	position: absolute;
	bottom: 35%;
	right: 11px;	
	transform: rotate(90deg);
	transition: transform 0.3s;
}

.panel-collapse p /* Bootstrap class */
{
	margin: 20px;
}

.panel-default .panel-heading
{
	background-color: #ffffff;
	position: relative;
}


/* HiDPI */

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx),             /* The standard way */
(min-resolution: 192dpi)             /* dppx fallback */
{
	/*.main-shot-frame
	{
		background-image: url('../images/iphone6-frame-320.png');
		max-width: 640px;
		max-height: 1123px;
	}*/
}


/* Fixes IE 10+ */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
	.intro-background
	{
		background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('../images/background.jpg') !important;	
	}
		
	/* cookiebar ie10 */
	.cc-compliance
	{
		margin: auto;
		margin-right: 0;
		float: none !important;
	}
}


/* Fixes IE 9 & 10 */

@media screen and (min-width:0\0)
{
	.intro-background
	{
		background-color: #282828;
	}
	
	.cc-compliance
	{
		float: right;
	}
	
	.format64
	{
		zoom: 1 !important;
		margin-bottom: 20px;
	}
	
	.thumb64
	{
		zoom: 1 !important;
		margin-bottom: 20px;
	}
	
	.output64
	{
		zoom: 1 !important;
		margin-bottom: 20px;
	}
	
	.email
	{
		zoom: 1 !important;
	}
}


/* Animations */

.anim-hidden
{
	visibility: hidden;
}

.anim-main-shot.play
{
	animation: kf-slideup 1s ease-out;
}

.anim-desc-shot1.play
{
	animation: kf-slideright 1s ease-out;
}

.anim-desc-shot2.play
{
	animation: kf-slideleft 1s ease-out;
}

.anim-shots.play
{
	animation: kf-slideup 1s ease-out;
	text-align: center;
}

.anim-features1.play
{
	animation: kf-slideup 1s ease-out;
}

.anim-features2.play
{
	animation: kf-slideup 1s ease-out;
}

.anim-features3.play
{
	animation: kf-slideup 1s ease-out;
}

.anim-features4.play
{
	animation: kf-slideup 1s ease-out;
}

.anim-features5.play
{
	animation: kf-slideup 1s ease-out;
}

.anim-features6.play
{
	animation: kf-slideup 1s ease-out;
}

@keyframes kf-slideup
{
	  0% { opacity: 0; transform: translateY(50px); }
	100% { opacity: 1; transform: translateY( 0px); }
}

@keyframes kf-slideright
{
	  0% { opacity: 0; transform: translateX(-50px); }
	100% { opacity: 1; transform: translateX( 0px); }
}

@keyframes kf-slideleft
{
	  0% { opacity: 0; transform: translateX(50px); }
	100% { opacity: 1; transform: translateX( 0px); }
}


/* Snow */

.snow
{
	background-image:	url('../images/snowflakes.png'),
						url('../images/snowflakes.png'),
						url('../images/snowflakes.png'),
						url('../images/snowflakes.png'),
						url('../images/snowflakes.png');
	
	background-size: 500px 500px, 400px 400px, 300px 300px, 200px 200px, 100px 100px;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	animation: kf-snow 10s linear infinite;
}

@keyframes kf-snow
{
	  0% { background-position: 0 0, 0 0, 0 0, 0 0, 0 0; }
	100% { background-position: 500px 1000px, 0px 400px, -300px 300px, 200px 200px, 0px 200px; }
}


/* Media Queries */

/* iPad Landscape & Smaller */
@media
(max-width: 1024px)
{
	.main-shot-mac-frame
	{
		background-size: 700px 402px;
		width: 700px;
		height: 402px;
	}

	 /*Frame + Screen combo */
	.main-shot-mac-screen
	{
		width: 532px;
		height: 333px;
		margin-left: 84px;
		top: 22.5px;
	}
	
	#customers .col-md-1
	{
		width: 11%;
		margin-left: 11px;
	}
}

@media
(max-width: 991px)
{
	
	#features .row > .row > .col-md-4:nth-child(3n+1),
	#features-section .row > .row > .col-md-4:nth-child(3n+1)
	{
		clear: none;
	}
	
	#features .row > .row > .col-md-4:nth-child(2n+1),
	#features-section .row > .row > .col-md-4:nth-child(2n+1)
	{
		clear:both;
	}
	
	#customers .col-sm-3
	{
		width: 25% !important;
		margin-left: 0px !important;
	}
	
	.customers .customer-text
	{
		margin-bottom: 20px;
	}
	
	#press-reviews .col-md-3,
	#press-reviews .col-md-4,
	#press-reviews .col-md-6,
	#press-reviews .col-md-7	
	{
		padding-left: 0px;
		margin-left: 0px !important;
		margin-bottom: 10px;
		text-align: center;
		width: 50%;
		float: left;
	}
	
	.press-icon.stevesdigicams
	{
		margin-left: 0px;
	}
}

/* iPad Portrait & Smaller */
@media
(max-width: 768px)
{	
	#download .row
	{
		display:block !important;
	}
	
	#download-start .row
	{
		display: block !important;
	}
	
	.container-contentbox
	{
		display: block;
		width: 100%;
	}
	
	.container-contentbox .contentbox
	{
		width: 100%;
	}
	
	.button-appstore
	{
		padding-bottom: 10%;
	}
	
	#purchase #tab1 .button.buy a
	{
		font-size: 0px;
	}
	
	#purchase #tab1 .button.buy a:after
	{
		font-size: 30px;
		margin-left: -7px;
		margin-top: 9px;
	}
	
	.social.twitter.head-div
	{
		margin-left: 2%;
		margin-top: 1%;
		margin-right: 0;
	}
	
	.social.facebook.head-div
	{
		margin-left: 2%;
		margin-top: 0;
	}
	
	.navbar-right
	{
		margin-top: 1%;
		margin-left: 1%;
	}
	
	.main-shot-mac-frame
	{
		background-size: 420px 241px;
		width: 420px;
		height: 241px;
	}

	/* Frame + Screen combo */
	.main-shot-mac-screen
	{
		width: 319px;
		height: 201px;
		margin-left: 51px;
		top: 14px;
	}
	
	#feature-formats table tbody tr td
	{
		min-width: 142px;
	}
	
	#features-filters table tbody tr td
	{
		min-width: 142px;
	}
	
	#customers .col-xs-6
	{
		width: 50% !important;
		margin-left: 0px !important;
	}
	
	.customers .customer-text
	{
		margin-bottom: 20px;
	}
}


/* iPhone 6 Plus & Smaller */
@media
(max-width: 480px)
{
	#intro .container .intro-row
	{
		display: block;
	}

	/*.intro-background
	{
		background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('../images/background-960.jpg');
		background-position: center center;
	}

	.intro-background.lp
	{
		background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('../images/background-960.jpg');
		background-position: center center;
	}*/

	#intro .container .intro-row .col-sm-8,
	#intro .container .intro-row .col-sm-4
	{
		display: block;
		min-width: 0px;
		float: left !important;
		width: 100%;
	}
	
	.review .quote
	{
		margin: 0px 0px;
	}
	
	.review .quote:before
	{
		content: none;
	}
	
	.review .quote:after
	{
		content: none;
	}
	
	#press-reviews .col-md-offset-2
	{
		margin-left: 0% !important;
	}
	
	.button-appstore.align
	{
		margin-left: 21%;
	}
	
	.main-shot-mac-frame
	{
		background-size: 320px 182px;
		width: 320px;
		height: 182px;
	}

	.main-shot-mac-screen
	{
		width: 244px;
		height: 151.6px;
		margin-left: 38px;
		top: 10px;
	}
}


/* iPhone 6 & Smaller */
@media
(max-width: 375px)
{
	.button.try a
	{
		font-size: 0px;
	}
	
	.button.try a:after
	{
		font-size: 30px;
		margin-left: -7px;
		margin-top: 9px;
	}
	
	.button.buy a
	{
		font-size: 0px;
	}
	
	.button.buy a:after
	{
		font-size: 30px;
		margin-left: -7px;
		margin-top: 9px;
	}
	
	.button.video a
	{
		font-size: 0px;
	}
	
	.button.video a:after
	{
		font-size: 30px;
		margin-left: -7px;
		margin-top: 9px;
	}
	.button-appstore.align
	{
		margin-left: 18%;
	}
}


/* iPhone5 & Smaller */
@media
(max-width: 320px)
{
	.button-appstore.align
	{
		margin-left: 14%;
	}
	
	.main-shot-mac-frame
	{
		margin-left: -5%;
	}
	
	.main-shot-frame
	{
		margin-left: -5%;
	}
}
