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

/*------------------------------------------------------------------------------
	First color:	#00AA00
	Second color:	?

	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 bp-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: #00AA00;	
}

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;
}

.form-control:focus 
{
	border-color: rgb(206, 212, 218) !important;
	border-bottom-color: #00AA00 !important;
	border-bottom: 2px solid;
	box-shadow: none !important;
}


.width-bootstrap3  
{
	max-width: 1170px;
	justify-content: center;
}

.text-width-bootstrap3 h1,
.text-width-bootstrap3 p,
.text-width-bootstrap3 li
{
	max-width: 540px;
}

/* language dropdown*/

.dropdown-menu[data-bs-popper] 
{
	margin-top: 0;
}

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

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

a
{
	color: #00AA00;
	text-decoration: none;
}

.nav li a 
{
	color: white;
	text-decoration: none;
}

.footer-area a:hover 
{
	text-decoration: none !important;
}

.footer-area .newsletter .form-control:focus
{
	border-color: rgb(89, 89, 89) !important;
	border-bottom-color: #00AA00 !important;
	border-bottom: 2px solid;
	box-shadow: none !important;
}

#form-footer-name::placeholder {
	color: grey !important;
  }

#form-footer-email::placeholder
{
	color:grey !important;
}
  

a:hover
{
	color: #00AA00 !important;		/* !important for overwriting 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: #00AA00;
	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;
}

.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;
}

#navbar-styles
{
	background-color: rgba(34, 34, 34, 0.7);
	margin-bottom: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	border-bottom: 1px solid black;
	position: fixed;
	top: 0;	
	z-index: 1030;
	width: 100%;
	backdrop-filter: blur(10px);
	opacity: 1;
	transition: opacity 0.3s ease-in-out; /* Optional: add transition effect */
}

.navbar-media-styles
{
	margin-top: 0px; 
	margin-bottom: 0px;
}

.navbar-collapse li 
{
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.navbar-nav .nav-link 
{
    padding-right: 0;
    padding-left: 16px; 
}

#navbar-styles .dropdown-item
{
	align-items: center;
    display: grid;
	height: 53px;
}

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

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

.flag-header
{
	justify-content: center;
    display: grid;
    width: 61px;
    padding: 0px !important;
    align-items: center;
    height: 53px;
}

.flag-list-item
{	
	justify-content: center !important;
    display: grid !important;
    align-items: center !important;
	padding-bottom: 0px !important;
    padding-top: 0 !important;
}
 
.flag-list-item:hover .flag-header,
.flag-list-item.show .flag-header 
{
    background-color: #444;
}


.submit
{
	background: -moz-linear-gradient(top, #00AA00 0%, #00AA00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#00AA00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00AA00 0%,#00AA00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00AA00 0%,#00AA00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00AA00 0%,#00AA00 100%); /* IE10+ */
	background: linear-gradient(top, #00AA00 0%,#00AA00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */
	width: -webkit-fill-available !important;
	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;

	border-radius: 50px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
	display: flex;
    justify-content: center;
}

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

.submit:after
{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	margin: 0px 0px 0px 12px;
	font-size: 20px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* Tables */

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

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

/* Buttons */

/* Store Buttons */

.store-button a
{
	display: block;
	margin: 0 auto;
	text-align: center;
	
	background: transparent url( "../images/button-stores.png" ) no-repeat scroll 0 0;
  
	background-size: 200px 134px;
	width: 200px;
	height: 67px;
}

.store-button.appstore a
{
	background-position: 0px 0px;
	margin-bottom: 20px;
}

.store-button.googleplay a
{
	background-position: 0px -67px;
	margin-bottom: 40px;
}

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

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

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


/* 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: #00ab0c;
	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: #e5bf00;
	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: #00AA00;
	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;
}

.nav-item a.active 
{
	color: #FB6451 !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 ul.dropdown-menu
{
	min-width: 50px;
	width: 61px;
}

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

.tab-content 
{
	display: none;
}
.tab-content.active 
{
	display: block;
}

.tab-style
{
	color:#00AA00;
	width:120px;
	height:57px;
	text-align: center;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active 
{
	color: #555;
}

.tab-style:hover
{
	color:#00AA00 !important;
}

/* 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 */
}

/* 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 */
}

/* Carousels */

/* Show the overlay on hover */
.image-container:hover .overlay 
{
	opacity: 1;
}

.carousel-image
{
	padding-bottom: 79px; 
	padding-top: 0px;
}

.image-container 
{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center; /* Optional, to center the image horizontally */
	width: 100%;
}


.carousel-control-next 
{
	right: 0;
	padding-bottom: 79px;
	padding-left: 5%;
}

.carousel-control-prev 
{
	right: 0;
	padding-bottom: 79px;
	padding-right: 5%;
	
}

.carousel-press-review .review .quote:before
{
	top: 5%;
}

.carousel-testimonials .carousel-inner 
{
	overflow: hidden;
	position: relative;
	display: flex; 
	align-items: center; /* Center vertically */
}

.carousel-testimonials .carousel-item .review 
{
	text-align: center;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.carousel-testimonials .carousel-item .quote 
{
	font-size: 20px;
	max-width: 980px;
}

.carousel-testimonials .carousel-item .author 
{
	font-style: italic;
	font-size: 22px;
}

.carousel-press-review-bp .review .quote:before
{
	top: 5%;
}

.carousel-press-review-bp li::marker	
{
	content: none;
}


/*	neccessary for bootstrap 5.3.2
	removes li::markers from carousel lists */
.carousel-image li,
.carousel-testimonials li,
.carousel-press-review-bp li,
.carousel-press-review li
{

	 list-style: none;;
}

.modal 
{
	display: none;
	position: fixed;
	z-index: 2000;
	padding-top: 50px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.7);
}

.modal-content 
{
    display: block;
    margin: 0 auto;
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.close-modal
{
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 30px;
	font-weight: bold;
	color: white; 
	cursor: pointer;
}

/* CSS for centering the navigation arrows and image content */
.modal-content-container 
{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
}

.modal-prev,
.modal-next 
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 50px;
    cursor: pointer;
	color: grey;
	background-color: rgba(80,80,80, 0.7);
	z-index: 2000;
}

.modal-prev:hover,
.modal-next:hover 
{
    color: grey !important; /* Set the color back to grey */
    text-decoration: none !important; /* Remove the underline */
}


.modal-prev 
{
    left: 10px; /* Adjust this value for desired spacing from the left */
}

.modal-next 
{
    right: 10px; /* Adjust this value for desired spacing from the right */
}

.modal-content 
{
    max-width: 90%;
    max-height: 90%;
}


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

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

/* Frame + Screen combo */

.main-shot-frame
{
	background-image: url('../images/iphone-xr-frame-350.png');
	background-size: 350px 689px;
	background-repeat: no-repeat;
	width: 350px;
	height: 689px;
}

.main-shot-frame .overlay 
{
	background-image: url('../images/iphone-xr-frame-350.png');
	background-size: 350px 689px;
	background-repeat: no-repeat;
	width: 350px;
	height: 689px;
    position: absolute;
    z-index: 2;
	pointer-events: none;
	opacity: 1;
}

.main-shot-screen
{	
	width: 300px;
	height: 653px;
	
	position: relative;
	margin-left: 26px;
	top: 14px;
}

.main-shot-mac-frame-bp
{
	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-bp
{
	width: 723px;
	height: 451px;
	position: relative;
	margin-left: 113px;
	top: 30.5px;
}

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

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

.video-screen-bp 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;
}

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

.social.youtube
{
	display: inline-block;
	background: #FF0000;
}

.social.youtube.head-div
{
	margin-top: 5%;
	margin-right: 10px;
}

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

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

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

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

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

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

.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: black;
}

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

.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%;
	margin-right: 10px;
}

.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: #00AA00;
}


/* 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: 153px;
	height: 16px;
	background-position: 0px 0px;
}

.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: 155px;
	height: 19px;
	background-position: -2px -15px; 
}

.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;
	-webkit-overflow-scrolling: touch;
}

/* New Accordion classes & styles */

.accordion-button 
{ 
	background-color: white;
	color:black;
	box-shadow: none !important;
	
}

.accordion-button:not(.collapsed) 
{
	background-color: white;
	color:black
}

.accordion-item #headingTop1,
.accordion-item #headingTop2, 
.accordion-item #headingTop3
{
	border-top: 1px solid rgba(0,0,0,.125);
}

.accordion-button::after 
{
	transform: rotate(-90deg) scaleX(0.7) scaleY(0.7);
}

.accordion-button:not(.collapsed)::after 
{
    transform: rotate(0deg) scaleX(0.7) scaleY(0.7);;
}

.accordion-button:hover 
{
    color: #00AA00;
}

.accordion-button:focus
{
	border-bottom: none;
}


/* 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;
}


/* Tooltip */

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

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

.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;
}

.content {
	padding-top: 50px; /* Adjust according to your navbar height */
  }
  
.hidden {
	top: -50px; /* Adjust according to your navbar height */
}


/* 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-at.jpg') !important;	
	}

	.intro-background-bp
	{
		background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('../images/background-bp.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,
	.intro-background-bp
	{
		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;
	display: grid;
    place-items: center;
}

.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;
}

@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); }
}

#banner, #intro 
{
	padding-top: 47px;
}

#intro-bp .container .intro-row
{
	display: block;
}


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

.try, .buy 
{
    display: flex !important;
    justify-content: center !important;
}

.try, .video 
{
    display: flex !important;
    justify-content: center !important;
}

  




.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;

	border-radius: 50px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}

.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 */
	width: -webkit-fill-available !important;
}

.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 */
	width: -webkit-fill-available !important;
}

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

.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;
}



/* 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-bp
	{
		background-size: 700px 402px;
		width: 700px;
		height: 402px;
	}

	 /*Frame + Screen combo */
	.main-shot-mac-screen-bp
	{
		width: 532px;
		height: 333px;
		margin-left: 84px;
		top: 22.5px;
	}
	
	.review-icon
	{
		text-align: right !important;
		margin-left: 11.5% !important;
	}
	
	.review-text
	{
		text-align: left !important;
	}
	
	.press-icon.stevesdigicams
	{
		margin-left: 0px;
	}

	.carousel-testimonials .carousel-item .quote 
	{
		font-size: 18px;
		max-width: 940px;
	}

	.carousel-testimonials .carousel-item .author 
	{	
		font-style: italic;
		font-size: 18px;
	}

	.carousel-press-review-bp .carousel-item .quote 
	{
		font-size: 20px;
		max-width: 940px;
	}

	.carousel-press-review-bp .carousel-item .author 
	{	
		font-style: italic;
		font-size: 22px;
	}
}

@media
(max-width: 991px)
{
	#press-reviews-bp .col-md-3,
	#press-reviews-bp .col-md-4,
	#press-reviews-bp .col-md-6,
	#press-reviews-bp .col-md-7	
	{
		padding-left: 0px;
		margin-left: 0px !important;
		margin-bottom: 10px;
		text-align: center;
		width: 50%;
		float: left;
	}
}

/* iPad Portrait & Smaller */
@media
(max-width: 768px)
{
	
	.main-shot
	{
		background-size: 350px 650px;
		width: 350px;
		height: 650px;
	}
	
	.social.instagram.head-div
	{
		margin-top: 10%;
	}

	.review-icon
	{
		text-align: center !important;
		margin-left: 0px !important;
	}
	
	.review-text
	{
		text-align: center !important;
	}
	
	#press-reviews .col-md-3,
	#press-reviews .col-md-4,
	#press-reviews .col-md-6,
	#press-reviews .col-md-7
	{
		padding-left: 0px;
		margin-bottom: 10px;
		text-align: center;
		width: 50%;
		float: left;
	}
	
	.social.twitter.head-div
	{
		margin-left: 2%;
		margin-top: 1%;
	}
	
	.social.facebook.head-div
	{
		margin-left: 2%;
		margin-top: 0;
	}

	.social.youtube.head-div
	{
		margin-left: 2%;
		margin-top: 0;
	}
	
	.navbar-right
	{
		margin-top: 1%;
		margin-left: 1%;
	}
	
	.main-shot-mac-frame-bp
	{
		background-size: 588px 338px;
		width: 588px;
		height: 338px;
	}

	/* Frame + Screen combo */
	.main-shot-mac-screen-bp
	{
		width: 447px;
		height: 281px;
		margin-left: 71px;
		top: 19px;
	}

	.carousel-testimonials .carousel-item .quote 
	{
		font-size: 14px;
	}

	.carousel-testimonials .carousel-item .author 
	{
		font-size: 14px;
	}

	.carousel-press-review-bp .carousel-item .quote 
	{
		font-size: 14px;
	}

	.carousel-press-review-bp .carousel-item .author 
	{
		font-size: 14px;
	}
	
}


/* iPhone 6 Plus & Smaller */
@media
(max-width: 480px)
{
	.main-shot
	{
		background-size: 350px 650px;
		width: 350px;
		height: 650px;
	}
	
	.review .quote
	{
		margin: 0px 0px;
	}
	
	.review .quote:before
	{
		content: none;
	}
	
	.review .quote:after
	{
		content: none;
	}
	
	.button-appstore.align
	{
		margin-left: 21%;
	}
	
	.main-shot-mac-frame-bp
	{
		background-size: 320px 182px;
		width: 320px;
		height: 182px;
	}

	.main-shot-mac-screen-bp
	{
		width: 254px ;
		height: 456px ;
		margin-left:23px ;
		top: 76.5px ;
	}
	
	#press-reviews .col-md-offset-2
	{
		margin-left: 0% !important;
	}
	
	.main-shot-frame
	{
		background-size: 315px 620px;
		width: 315px;
		height: 620px;
	}
	
	.main-shot-frame .overlay
	{
		background-size: 315px 620px;
		width: 315px;
		height: 620px;
	}
	
	.main-shot-screen
	{
		width: 270px;
		height: 588px;
		margin-left: 23px;
		top: 13px;
	}

	.carousel-press-review-bp .carousel-item .quote 
	{
		font-size: 14px;
	}

	.carousel-press-review-bp .carousel-item .author 
	{
		font-size: 14px;
	}
}


/* iPhone 6 & Smaller */
@media
(max-width: 375px)
{
	.main-shot
	{
		background-size: 315px 585px;
		width: 315px;
		height: 585px;
	}
	
	.main-shot-frame
	{
		background-size: 260px 512px;
		width: 260px;
		height: 512px;
	}
	
	.main-shot-frame .overlay
	{
		background-size: 260px 512px;
		width: 260px;
		height: 512px;
	}
	
	.main-shot-screen
	{
		width: 223px;
		height: 486px;
		margin-left: 19px;
		top: 12px;
	}
	
	.button-appstore.align
	{
		margin-left: 18%;
	}
}


/* iPhone5 & Smaller */
@media
(max-width: 320px)
{
	.main-shot
	{
		background-size: 260px 485px;
		width: 260px;
		height: 485px;
	}
	
	.main-shot-screen
	{
		width: 196px;
		height: 426px;
		margin-left: 17px;
		top: 11px;
	}
	
	.button-appstore.align
	{
		margin-left: 14%;
	}
	
	.main-shot-frame
	{
		background-size: 228px 449px;
		width: 228px;
		height: 449px;
	}
	
	.main-shot-frame .overlay
	{
		background-size: 228px 449px;
		width: 228px;
		height: 449px;
	}
	
}

@media
(max-width: 1024px)
{
	.main-shot-mac-frame-bp
	{
		background-size: 700px 402px;
		width: 700px;
		height: 402px;
	}

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

	.carousel-press-review .carousel-item .quote 
	{
		font-size: 20px;
		max-width: 940px;
	}

	.carousel-press-review .carousel-item .author 
	{	
		font-style: italic;
		font-size: 22px;
	}

	.carousel-testimonials .carousel-item .quote 
	{
		font-size: 20px;
		max-width: 940px;
	}

	.carousel-testimonials .carousel-item .author 
	{	
		font-style: italic;
		font-size: 22px;
	}
}

@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;
	}

	#generic-price-table .container 
	{
		max-width: 960px;
	}
}

/* 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.instagram.head-div
	{
		margin-left: 2%;
		margin-top: 1%;
		margin-right: 0;
	}

	.social.youtube.head-div
	{
		margin-left: 2%;
		margin-top: 1%;
		margin-right: 0;
	}

	.social.facebook.head-div
	{
		margin-left: 2%;
		margin-top: 1%;
		margin-right: 0;
	}
	
	.navbar-right
	{
		margin-top: 1%;
		margin-left: 1%;
	}
	
	.main-shot-mac-frame-bp
	{
		background-size: 420px 241px;
		width: 420px;
		height: 241px;
	}

	/* Frame + Screen combo */
	.main-shot-mac-screen-bp
	{
		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;
	}

	.carousel-testimonials .carousel-item .quote 
	{
		font-size: 14px;
	}

	.carousel-testimonials .carousel-item .author 
	{
		font-size: 14px;
	}

	.carousel-press-review .carousel-item .quote 
	{
		font-size: 14px;
	}

	.carousel-press-review .carousel-item .author 
	{
		font-size: 14px;
	}

}



/* iPhone 6 Plus & Smaller */
@media
(max-width: 480px)
{
	#customers .customer-text
	{
		padding-bottom: 5%;
	}

	.carousel-press-review .carousel-item .quote 
	{
		font-size: 14px;
	}

	.carousel-press-review .carousel-item .author 
	{
		font-size: 14px;
	}

	.carousel-testimonials .carousel-item .quote 
	{
		font-size: 14px;
	}

	.carousel-testimonials .carousel-item .author 
	{
		font-size: 14px;
	}

	#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-bp
	{
		background-size: 320px 182px;
		width: 320px;
		height: 182px;
	}

	.main-shot-mac-screen-bp
	{
		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-bp
	{
		margin-left: -5%;
	}
	
	.main-shot-frame
	{
		margin-left: -5%;
	}
}