@import "fonts.css";

body {
    background-image: url('../images/background-body.png');
    min-width: 1100px;
    max-width: 1700px;
    margin: 0px auto;
}

a:hover {
   text-decoration: none; 
}

.header, .main {
    margin: auto; 
    min-width: 975px;
    max-width: 55%; 
}

.header {
    /*border: 1px solid red;*/
    height: 100px;
    padding-top: 30px;

}

.header .logo {
    float: left;
    margin-left: 47px;
    margin-top: 2px;
}

.header .logo span {
    padding-left: 5px;
    font-size: 22pt;
    font-family: 'Conv_FuturaStd-Heavy', Arial;
    color: #68525B;
}


.header .logo img {
    vertical-align: text-bottom;
}

.header .menu {
    float: right;
    padding-right: 37px;
    position: relative;
    padding-top: 12px;
}

.header .menu a {
    margin-right: 35px;
    font-size: 14pt;
    font-family: 'Conv_FuturaStd-Medium', Arial;
    color: #68525B;
}

.content {
    /*border: 1px solid black; */
    background-image: url('../images/background-content.png');
    position: relative;
    
    border-radius:20px; 
   -webkit-border-radius:20px; 
   -moz-border-radius:19px; 
   -khtml-border-radius:24px;
   
   box-shadow: 0 15px 100px rgba(136,75,78,0.3);
}


.content div {
    text-align: center;
}

.content .question {
    font-family: 'Conv_FuturaStd-Book', Arial;
    font-size: 43pt;
    color: #49414C;
    line-height: 51pt;
}

.content .small-text {
    font-family: 'Conv_FuturaStd-Medium', Arial;
    font-size: 12pt;
    color: #3C3738;
    font-weight: 100;
    line-height: 21pt;
}

.image-face {
	/*padding-top: 45px;*/
    padding-top: 14px;
}

.download-button {
    margin: 40px auto;
    position: relative;
    width: 26%;
    padding-bottom: 15px;
    z-index: 999999;
}

.download-button a {
    font-family: 'Conv_FuturaStd-Heavy', Arial;
    font-size: 19pt;
    color: #FFFFFF;
    line-height: 60px;
    text-decoration: none;
}

.download-button .image:hover {
    background-image: url('../images/button_hover.png');
}

.shadown-button-download {
    position: absolute; 
    top: 0px; 
    z-index: 0;
    left: -177px; 
    background-image: url('../images/shadow-button-download.png'); 
    min-height: 237px; 
    min-width: 427px; 
}

.download-button .image {

   background-image: url('../images/button.png');
   height: 63px;
   width: 252px;
   position: relative;
}

.sin {
    background-image: url('../images/sin.png');
    background-repeat: repeat-x;
    width: 100%;
    min-height: 35px;
}

.top1-text {
    padding-left: 113px;
    float: left;
	width: 42%;
    height: 40px;
	
	position: relative;
	z-index: 9999999;
}

.title {
    font-family: 'Conv_FuturaStd-Light', Arial;
    font-size: 29pt;
    text-align: left;
    line-height: 36pt;
    color: #68444D;
}

.description {
    font-family: 'Conv_FuturaStd-Medium', Arial;
    font-size: 12pt;
    text-align: left;
    line-height: 18pt;
    color: #3C3738;
}

.top1-image {
    float: right; 
    min-width: 50%;
    margin-top: -45px;
}

.main {

}

.main .shadow {
    width: 100%; 
    position: relative;
    top: -450px;
    /*background-image: url('../images/right-radius.png');
    background-size: cover;*/
}

.shadow .shadow-content {
    min-width: 95%;
    margin-top: -430px;
    position: relative;
}

.shadow-content .img {
    float: left;
    /*border: 1px solid black;*/

}

.shadow-content .img-text2 {
    float: left;
    text-align: left;
    width: 50%;
    padding-left: 54px;
    padding-top: 30px;
}

.fix {
    height: 220px;
}

.shadow-content .line1 {
    padding-top: 103px;
    padding-left: 17px;
    height: 325px;
    position: relative;
    min-width: 95%;
    /*border: 1px solid green;*/
}

.shadow-content .line {
    padding-top: 103px;
    padding-left: 17px;
    height: 218px;
    position: relative;
    min-width: 95%;
    /*border: 1px solid green;*/
}

.line .img {
    max-width: 29%;
    padding-left: 80px;
}

.img-texet {
    float: left;
    text-align: left;
    width: 50%;
    padding-left: 77px;
    padding-top: 49px;
}

.shadow-content .img-text {
    float: left;
    text-align: left;
    width: 50%;
    padding-left: 77px;
    padding-top: 49px;
}

.shadow-off{
    margin-top: -180px;
    padding-right:2px;
    margin-bottom: 12px;
}

.shadow-content .line2 {
    height: 325px;
    /*border: 1px solid red;*/
    position: absolute;
    margin-top: -70px;
    min-width: 95%;
}

.shadow-content .unique {
    height:53px; 
    width:110px; 
    position:absolute; 
    margin-top: 85px;
    right: 52px;
    /*border:1px solid black;*/
    background-image: url('../images/unique.png');
}

.shadow-content .unique-shadow {
    position: absolute; 
    z-index: 0; 
    top: 96px;
    right: 64px;
    background-image: url('../images/unique-shadow.png'); 
    min-height: 187px; 
    min-width: 272px;
}

.bottom-sector {
    width: 100%;
    padding-bottom: 170px;
    position: relative;
    margin-top: -340px;
    /*border: 1px solid red;*/
}

.bottom-sector2 {
    width: 66%; 
    margin: 0px auto;
    position: relative;
    /*border: 1px solid red;*/

}

.bottom-radius {
    margin-top: -263px;
    margin-left: 3px;
}

.small-sin {
    background-image: url('../images/small-sin.png');
    background-repeat: repeat-x;
    width: 50px;
    height: 3px;
}

.stuff {
    position: relative;
    margin-top: -130px;
    width: 100%;
}

.stuff .title .text {
    vertical-align: middle; 
    font-family: 'Conv_FuturaStd-Light', Arial;
    font-size: 22pt;
    line-height: 47pt;
    color: #68525B;
    padding-right: 30px;
    padding-left: 30px;
}


.stuff .links {
    min-width: 100%;
    font-family: 'Conv_FuturaStd-Book', Arial;
    font-size: 14pt;
    line-height: 23pt;
    position: relative;
    max-width: 100%;

}

.stuff .links a {
    color: #4FBBCC;
}


.stuff .links div {
    float: left;
    position: inherit;
    padding-top: 10px;
    display: inline-block;
    /*max-width: 180px;*/
    max-width: 100%;
    min-width: 164px;
    margin-right: 50px;
    word-wrap: break-word;
    /*border: 1px solid red;*/
    width: 26%;
    
}


/*
.stuff .links .two, .three {
    padding-right: 140px; 
    padding-left: 140px; 
    float: left;
}

.stuff .links .three {
    float: left;
}
*/

.footer {
    width: 300px; 
    height: 140px;
    /*border: 1px solid red;*/
    position: relative;
    width: 79%; 
    margin-right: 100px;
    margin-left: 100px;
    margin-top: 45px;
}

.footer .text {
    /*border: 1px solid green;*/
    text-align: left;
    width: 76%;
    float: left;
    position: absolute;
    padding-left: 5px;
    
    font-family: 'Conv_FuturaStd-Medium', Arial;
    font-size: 10pt;
    line-height: 16pt;
    color: #68525B;
}

.footer .text a {
    color: #68525B;
}

.footer .text .link {
    position:absolute; 
    left:4px; 
    bottom:-24px;
}

.footer .social {
    /*border: 1px solid blue;*/
    float: right;
    position: absolute;
    top: 0px;
    right: 0px;
}

.footer .social div {
    height: 27px;
    /*border: 1px solid orange;*/
    background-color: #4FBBCC;
    text-align: right;
    margin-top: 3px;
}

.footer .social a {
    font-family: 'Conv_FuturaStd-Book', Arial;
    font-size: 16pt;
    color: #FFFFFF; 
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 2px;
    text-decoration: none;
}

.footer .social div:hover {
    background-color: #D94851;
}

.footer .url {
    position: absolute;
    right: 0px;
    bottom: 13px;
    
    font-family: 'Conv_FuturaStd-Medium', Arial;
    font-size: 10pt;
    color: #68525B; 
    letter-spacing: 2px;
}

 /* Select Lang Style*/
.lang { 
    border-radius: 10px;
    cursor: pointer;
    float: right;
    height: 0.9em;
    right: 83px;
    margin-top: 4px;
    position: absolute;
    width: 1.2em;
}

.lang-click img {
    width: 78px;
    height: 68px;
}

.lang .lang-select { 
    display: none;
    font: 0.6em "Conv_FuturaStd-Book", Arial;
    margin: -3em 0px 0px -10em;
    position: absolute;
    width: 10em;
    z-index: 2;
}

.head-lang { 
    border-radius: 10px;
    height: 0.1em;
}

.lng {
    padding-top: 38px;
}

.webkit .lng { padding-top: 18px; } /* for WebKit (Chrome, Safari) engines */

.bottom-lang { 
    border-radius: 10px;
    height: 0.1em;
}

.lang .lang-select.show {
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 15px 10px -10px rgba(91, 41, 24, 0.506), 0px 2px 10px rgba(91, 41, 24, 0.298);
    display: block;
    width: 180px;
    z-index: 999999;
}

.lng ul {
    list-style-type: none; 
    height: 325px;
}

.ie .lng ul { height: 300px; }

.head-lang {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
    height:0.1em;
}
.bottom-lang {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
    height:0.1em;
}
.lng ul li {
    height: 38px; 
    margin: -25px 0 .5em -2.23em; 
    white-space:nowrap;
}
.lng a {
    position:relative; 
    text-decoration:none; 
    color:#632918;
}

.lng a img{ 
    margin: 8px .6em 0 0;
    width: 3em;
    vertical-align: -21px;
    border: none;
}

.current a {
    color:#F3ECD6;
}
.lng ul li:hover {
    background-color: #EFBFC3;
}

/* End Langs Style*/

.space {
    height: 175px;
    width: 100%;
}

.homepage.down {
    width:100%; 
    margin: -10% auto; 
    min-height: 460px; 
    position: relative;
	
	padding-top: 50px; 
	padding-bottom: 370px;
}

.homepage.down .line {
    width: 100%; 
    min-height: 200px;
}

.homepage.down .line div {
    width:45%; 
    text-align: left;
}

.homepage.download-button {
    margin: 35px auto;
    position: relative;
    width: 34%;
    padding-bottom: 32px;
    z-index: 999999;
}

.homepage.download-button a {
    font-family: 'Conv_FuturaStd-Heavy', Arial;
    font-size: 19pt;
    color: #FFFFFF;
    line-height: 71px;
    text-decoration: none;
}

.homepage.download-button .image:hover {
    background-image: url('../images/home/button_hover.png');
}

.homepage.shadown-button-download {
    position: absolute; 
    top: 0px; 
    z-index: 0;
    left: -172px; 
    background-image: url('../images/home/shadow-button-download.png'); 
    min-height: 237px; 
    min-width: 515px; 
}

.homepage.download-button .image {

   background-image: url('../images/home/button.png');
   height: 73px;
   width: 333px;
   position: relative;
}

.about.line {
    min-height: 237px; 
    width:640px; 
    margin: 0px auto;
}

.about.description {
    width: 100%;

}

.about.quote {
    font-size: 19pt; 
    line-height:23pt; 
    margin-top:70px; 
    font-family: Conv_FuturaStd-Book;
    width: 60%;
    color:  #49414D;
}

.about.quote.author {
    font-family: Conv_FuturaStd-Light; 
    font-size:12pt; 
    text-decoration: underline; 
    color: #49414D;
}

.about.line .img-texet {
    text-align: left; 
    width:100%; 
    padding-left:0px;
}

.menu a.select {
    color: #E45462;
    text-decoration: none;
}

.menu a.select2 {
    color: #49414D;
    text-decoration: none;
    opacity: 0.3;
}

.about.link {
    color: #4EBBCC;
}

.why.top {
    width:100%; 
    height:288px;
    background-image: url('../images/why/why.png');
    position: relative;
}

.why.top .title {
    font-family: Conv_FuturaStd-Heavy;
    color: white;
    font-size: 54pt;

}

.why.top .desc {
    color: white;
    font-size: 15pt;
	font-family: Conv_FuturaStd-Book;
	padding-top:10px;
}

.why.list {
	width:80%; 
	margin:0px auto; 
	min-height:900px; 
	padding-top:30px; 
}

.why.list.col {
    position: relative;
	width:47%; 
	min-height:500px; 
} 

.why .title {
	font-family: Conv_FuturaStd-Heavy;
	color:#49414D;
	font-size:22pt;
	line-height: 40pt;
	
	padding-top:10px;
}

.why .desc {
    font-size: 13pt;
	font-family: Conv_FuturaStd-Medium; 
    color: #49414D;
	line-height:19pt;
}

.c {
	color:#F16079;
}

.why.list .l-block {
	float:left; 
	text-align:left !important;
	height:286px;
    padding-bottom: 30px;

}

.why.list .l-block .img {

    text-align: left;
}

.homepage.title {
    font-size: 34px;
}

.homepage.description {
    font-size: 14px;
}

.homepage.question {
    font-size: 38pt;
}

.download-with-Jam {

	font-size: 12pt; 
	line-height:22pt;
	color:#0F85DA;
	font-family: Conv_FuturaStd-Medium; 

}