/**
 * Common styles for internal pages 
 * @author Federica Sibella - Michela Chiucini
 * @version 0.1
 */
 
 /*---------------------------------------------------------------------------------------	
		GENERAL SETTINGS
----------------------------------------------------------------------------------------*/

*,
*:before,
*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { background: none repeat scroll 0 0 #fff; color: #1A1A1A; font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif; font-size: 62.5%; line-height: 1.4; min-width: 20em;
    position: relative; width: 100%; margin: 0; overflow: visible; }

header, 
section, 
footer { position: relative; width: 100%; background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding-top: 0; height: auto; }

ul, 
ol { list-style: none outside none; }

.esc { position: relative; width: 100%;	height: 1px; clear: both; }

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

@media screen and (max-width: 87.5em) {
	body { font-size: 54.6875%;	}
}	

@media screen and (max-width: 75em) {
	body { font-size: 50.875%; }
}	

@media screen and (max-width: 56.75em) {
	body { font-size: 45%; }
}

@media screen and (max-width: 35em) {
	.divas-caption {
		display: none;
	}
}
@media screen and (max-width: 70em) {
	#social { display: none; }
}

 /*---------------------------------------------------------------------------------------	
		HEADER
----------------------------------------------------------------------------------------*/

header { max-width: 1140px;	width: 90%;	margin: 0 auto;	overflow: hidden; padding: 5px 0 5em; }
#logo {	position: relative;	padding: 0;	text-align: center;}
#nav { overflow: hidden; text-align: center; }
#nav li { font-size: 1.6em; font-weight: bold; line-height: 70px; text-align: center; text-transform: uppercase; display: inline-block;}
#nav li a {	color: #313131;	text-decoration: none; }
#nav li a:hover { color: #ff744d; }
header #buy { text-align: center; }
header a.buy {  border-radius: 4px; text-decoration: none; font-size: 1.8em; margin-top: 1em;	display: inline-block; }

.content,
.content.bg > div,
.content.color > ul{ width: 90%; max-width: 1140px;	margin: 0 auto;	font-size: 2em;	font-weight: 300;}
.content.bg { width: 100%; max-width:none; background: #ff744d;	padding: 6em 0 8em;}
.content.color { width: 100%; max-width:none; background: #ebebeb; padding: 0; }
.content.color input[type="image"] { width: auto; max-width:90%; }
.content.color li{ width: 98%;  font-size: 0.6em;	margin: 0 1%; -webkit-column-break-inside: avoid; page-break-inside: avoid;	break-inside: avoid-column; padding-left: 0; }
.content.intro { border-bottom: 1px solid #ccc;	margin-top: 1em; padding-bottom: 4em; }
.content.bg a {	color: #313131; font-size: 0.4em; font-weight: normal; padding: 0 0.5em; text-decoration: none;}
.content.bg a:hover { color: #fff;}
.fa-cog:before,
.fa-edit:before{ border: 2px solid; border-radius: 50%; display: inline-block; font-size: 1.2em; height: 2em; line-height: 2em; margin-bottom: 0.3em; width: 2em; }

.content.bg .buy {	color: #ff744d;	background: #fff; font-size: 0.6em;	font-weight: 600; border: 2px solid #fff; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px;	border-radius: 4px;	-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.content.bg .buy:hover { color: #ff744d; background: rgba(255,255,255,.7);}
.content h2 { color: #ff744d; font-size: 1.9em; font-weight: 300; padding-top: 1.5em; text-align: center;}
.content.bg h2 { color: #fff; font-size: 1em; text-transform: none;	padding: 0 0 1em;}
.content h3 { font-size: 1.5em; font-weight: 300; text-align: center; }
.content p { font-size: 1.1em; margin: 0 auto; max-width: 800px; text-align: center; padding-top: 0.5em; color: #898989;}
.content p.note { font-size: 0.6em; font-weight: normal; padding-top: 1.5em; text-align: left;}
.content ul { padding: 2em 0 3em;}
.content.color ul {	padding: 2em 0;}
.content li { display: table; padding-bottom: 15px;	font-size: 1.1em; position: relative; padding-left: 30px;}
.content li i {	color: #ff744d;	left: 0; position: absolute; top: 5px;}
footer { overflow: hidden; background: #5a5a5a;	color : #f7f7f7; padding: 3em 0 2em; font-size: 1.4em;}
footer > div {	width: 90%;	max-width: 1140px;	margin: 0 auto;}

#social { width: 40%; float: left; text-align: right;}
.fb_iframe_widget {  margin-right: 20px; top: -4px;}
#___plusone_0 { float: right !important;}
#follow { width: 50%; float: right;	text-align: right;}
#follow a {	position: relative;	top: -10px;	height: 50px; width: 50px;	font-size: 1.5em; font-weight: 900;	text-decoration: none;	color: #5a5a5a;	background: #ff744c;	display: inline-block;	-webkit-border-radius: 50%;	-moz-border-radius: 50%; border-radius: 50%; text-align: center;}
#follow a i:before { font-size: 1.5em; margin-left: 3px; line-height: 50px; }
#copyright { width: 40%; float: left; }

.morph-button > button { text-decoration: none;	background: #ccc; color: #313131; padding: 0.3em 0.5em;	display: inline-block;	margin-right: 10px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px; border-radius: 4px; border: none; cursor: pointer; }
.morph-button > button:hover { color: #fff; }
header .morph-button > button {	background: none; color: #313131; padding:0; margin-left: 10px;	font-weight: normal; font-size: 1em; font-family: inherit; }
header .morph-button > button:hover { color: #ff744d; }
.morph-button form { max-width: 500px; margin: 0 auto;}
.morph-button label,
.morph-button input,
.morph-button textarea { display: block; width: 100%;}
.morph-button label,
.morph-button legend { color: #999999; font-size: 0.9em; letter-spacing: 1px; line-height: 2; margin-top: 1em; text-align: left; text-transform: uppercase; }
.morph-button input,
.morph-button textarea { border: 2px solid #CCCCCC;	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 3.2em;	font: inherit; padding: 0 1em;	color: #313131;	font-weight: normal;}
.morph-button textarea { height: 9.6em;	line-height: 2.5;}
.morph-button input[type="submit"] { background: #ff744d; color: #fff; font: inherit; border: none;	margin-top: 1em; font-size: 1.2em; height: 2.6em; line-height: 0.9em;font-weight: normal; }
#message_container > p { text-align: center; }

#newsletter_form{ padding-top: 20px; }

#newsletter_form input{	font-size: 0.8em; font-weight: normal; height: 2.6em; -moz-border-radius: 4px 0 0 4px;	-webkit-border-radius: 4px 0 0 4px;	border-radius:  4px 0 0 4px; width: calc(100% - 3em); float: left; -webkit-appearance: none;  }
#newsletter_form input[type="submit"]{ text-transform: none; letter-spacing: 0; width: 3em; margin-top: 0;  -moz-border-radius: 0 4px 4px 0;	-webkit-border-radius: 0 4px 4px 0;	border-radius:  0 4px 4px 0; margin-left: -2px; font-family: FontAwesome; cursor: pointer; }

#privacy-policy{ margin: 0 10px; }
#privacy-policy a{ color: #000; }

#copy-note{	margin-right: 10px; }

@media screen and (min-width: 46em) {
	header { padding: 5px 0 ;}
	#nav { float: left;	width: 30%; overflow: visible; }
	#nav li { float: left; text-align: left; text-transform: none; }
	#logo {	width: 40%;	float: left; }
	header #buy { text-align: right; position: absolute; right: 0; }
	.content ul { -moz-columns: 2 auto; -webkit-columns: 2 auto; columns: 2 auto; -moz-column-gap: 3em; -webkit-column-gap: 3em; column-gap: 3em; }
	.content.bg .buy { font-size: 0.7em; padding: 8px 40px;	}
	.content .half { width: 50%; float: left;}
	.content .half ul{ -moz-columns: 1 auto; -webkit-columns: 1 auto; columns: 1 auto; }
	#copyright { float: left; }
	#follow { float: left; width: 20%; text-align: center; }
}
/*---------------------------------------------------------------------------------------	
		BUTTONS
----------------------------------------------------------------------------------------*/
.btn { margin: 0 4px; font-weight: normal; background: transparent; border: 2px solid transparent; border-radius: 4px; display: inline-block; font-size: 18px; height: 40px; letter-spacing: 0; line-height: 36px; min-width: 190px; text-align: center; transition: background-color 0.3s ease 0s; }
.medium{ font-size: 21px; height: 48px; line-height: 44px; min-width: 210px;}
.download { border-color: #ff744c; color: #ff744c; }
.download:hover { border-color: #f16e48; color: #f16e48; }
.purchase, .send { color: #fff; background: #ff744c;  border-color: #ff744c;}
.purchase:hover , .send:hover{ background: #f16e48; border-color: #f16e48; color: #fff;}
.livedemo { background: #636363; color: #fff; border-color: #636363;}
.livedemo:hover { border-color: #565656; background: #565656;}
.send { border: none;}


/*---------------------------------------------------------------------------------------	
		ADV
----------------------------------------------------------------------------------------*/
#adpacks {
    background: #ebebeb;
    margin: 40px auto 0;
    padding: 20px;
    text-align: center;
    width: 170px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#adpacks-img img {
    display: block;
}
.adpacks-text {
    display: block;
    padding: 16px 0 0;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.3;
	color: #565656;
}
.adpacks-poweredby {
    font-size: 12px;
	color: #999;
	font-weight: normal;
}

@media only screen and (min-width: 61.25em) {
	.content.intro { min-height: 316px; }
	.content.intro p{ width: 60%;}	
	#adpacks { margin: 0 30px 0 0;  position: absolute; right: -30px; top: 28px; }
}	

/*---------------------------------------------------------------------------------------	
		SHOWCASE
----------------------------------------------------------------------------------------*/
.content.color li.showcase:hover  img{ opacity: 0.8; }
.content.color li.showcase img{  width: 100%; max-width: 100%; border-radius: 4px 4px 0 0; }
.content.color li.showcase figure{  line-height: 0; margin-top: 20px; }
.content.color li.showcase h5{ font-size: 1.25em; background: #fff; padding: 20px; border-radius: 0 0 4px 4px; }
.content.color li h4,
.content.color li h5{ font-weight: 300; }
.content.color ul { -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em; }
a .free { text-transform: uppercase; background: #ff744c; font-weight: bold; font-size: 18px; padding: 3px 10px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

/*---------------------------------------------------------------------------------------	
		PRIVACY
----------------------------------------------------------------------------------------*/
.privacy header{ background: none repeat scroll 0 0 #ff744c;  height: 80px;	left: 0; position: fixed; text-align: center; top: 0; width: 100%; padding: 0; z-index: 9990;max-width: none; }
.privacy .content {	padding-top: 80px;}
.privacy .content h2,
.privacy .content h3,
.privacy .content p{ text-align: left; max-width: 800px; margin: 0 auto; }
.privacy .content h3{ padding-top: 0.5em; }
.privacy .content b{ font-weight: normal; }
.privacy .content a{ color: #313131;}
.privacy .content ul{ margin: 0 auto; max-width: 800px; padding: 2em 0 0; }
.privacy .content ul li{ padding-left: 0; }
.privacy footer { background: #5a5a5a; color: #ff744c; text-align: center; }