/*----------------------------------------------------------------------------*/
/*              Appland - Premium Responsive Landing Page v1.0.0              */
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/
/*--- MAIN LAYOUT ------------------------------------------------------------*/

/*--- Body ---*/

body {
   font-family: "Noto Sans", Helvetica, sans-serif;
   background: #ffffff;
}

/*--- Site ---*/

#site {
   position: relative;
   min-height: 100%;
}

/*--- Header ---*/

#header {
   background: #023663;
}

.h-content {
   margin: 0 auto;
   width: 1050px;
   height: 100px;
}

/*--- Main ---*/

#main {
   padding: 0 0 90px 0;
}

.m-content {
   width: 100%;
}

.mc-normal {
   background: #ffffff;
}

.mc-effect {
   background: fixed url(../images/bg-mc-effect/backslider.png);
   box-shadow: inset 0 0 4px rgba(0,0,0,0.75);
}

.mc-pattern {
   background: url(../images/mr-patern.png) #ffffff;
   border-top: 1px solid #d9d9d9;
   border-bottom: 1px solid #d9d9d9;
}

/*--- Footer ---*/

#footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 90px;
   background: #ffffff;
}

.f-content {
   margin: 0 auto;
   width: 1050px;
   height: 90px;
}

/*----------------------------------------------------------------------------*/
/*--- BASE UI ----------------------------------------------------------------*/

/*--- Input & Textarea -------------------------------------------------------*/

input[type="text"],
textarea {
   float: left;
   padding: 13px 18px 13px 18px;
   line-height: 20px;
   color: #999;
   background: #ffffff;
   border: 1px solid #d9d9d9;
   border-radius: 5px;
}

input[type="text"] {
   height: 48px;
   vertical-align: middle;
}

textarea {
   overflow: auto;
   resize: vertical;
}

input[type="text"]:hover,
textarea:hover {
   border: 1px solid #f8dbb2;
}

input[type="text"]:focus,
textarea:focus {
   color: #0e0e0e;
   background: #fff9f1;
   border: 1px solid #f8dbb2;
}

/*--- Button -----------------------------------------------------------------*/

button {
   height: 42px;
   line-height: 40px;
   color: #333333;
   background: center center #3eb0da;
   border: 1px solid #3eb0da;
   border-radius: 5px;
}

button:hover {
   background: center center #ffc473;
   border: 1px solid #ffc473;
}

/*--- Transitions ------------------------------------------------------------*/

input[type="text"], textarea, button, p, h3,
.testimonials img,
.ei-slider-nav,
.ei-slider-nav li a,
.fc-social-button,
.information,
.information-icon,
.tweet,
.screenshots,
.information img,
.pricing-button,
.pricing-table,
.cell-title,
.cell-text {
   -webkit-transition: all 0.35s linear;
   -moz-transition:    all 0.35s linear;
   -ms-transition:     all 0.35s linear;
   -o-transition:      all 0.35s linear;
   transition:         all 0.35s linear;
}

a {
   -webkit-transition: color 0.25s linear, border 0.25s linear;
   -moz-transition:    color 0.25s linear, border 0.25s linear;
   -ms-transition:     color 0.25s linear, border 0.25s linear;
   -o-transition:      color 0.25s linear, border 0.25s linear;
   transition:         color 0.25s linear, border 0.25s linear;
}

.screenshots-image-span {
   -webkit-transition: opacity 0.35s linear;
   -moz-transition:    opacity 0.35s linear;
   -ms-transition:     opacity 0.35s linear;
   -o-transition:      opacity 0.35s linear;
   transition:         opacity 0.35s linear;
}

/*----------------------------------------------------------------------------*/
/*--- ELEMENTS ---------------------------------------------------------------*/

/*--- Typography -------------------------------------------------------------*/

/*--- Headers ---*/

h1 {
   margin: 0 0 30px 0;
   line-height: 56px;
   font-size: 40px;
   color: #ffffff;
   text-transform: uppercase;
}

h1.pagetitle {
   margin: -35px 0 45px 0;
   line-height: 42px;
   font-size: 42px;
   color: #ffffff;
}

h2 {
   margin: -10px 0 40px 0;
   line-height: 48px;
   font-size: 36px;
   color: #333333;
   text-align: center;
}

h3 {
   margin: 0 0 25px 0;
   line-height: 36px;
   font-size: 28px;
   font-weight: normal;
   color: #404040;
}

/*--- Text Styles ---*/

p {
   margin: 0 0 30px 0;
   line-height: 22px;
}

strong {
   font-weight: bold;
   color: #333333;
}

em {
   font-style: italic;
}

mark {
   margin: 0 1px 0 1px;
   padding: 0 5px 0 5px;
   background: #ffc473;
}

abbr[title] {
   border-bottom: 1px dashed;
}

q {
   margin: 0 4px 0 0;
   font-style: italic;
}

hr {
   display: block;
   width: 1050px;
   margin: 0 auto;
   border: 0;
   border-top: 1px dashed #bfbfbf;
}

/*--- Blockquotes ---*/

blockquote {
   margin: 0 0 30px 0;
   padding: 0 25px 0 25px;
   line-height: 20px;
   font-style: italic;
   color: #999999;
}

blockquote p {
   margin: 0;
}

blockquote:before,
blockquote:after {
   content: '';
   width: 30px;
   height: 30px;
}

blockquote:before {
   float: left;
   margin: 3px 0 0 -25px;
   background: url(../images/ico-blockquote.png) -23px top no-repeat;
}

blockquote:after {
   float: right;
   margin: -30px -25px 0 0;
   background: url(../images/ico-blockquote.png) 13px bottom no-repeat;
}

blockquote cite {
   display: block;
   margin: -30px 0 30px 0;
   font-weight: bold;
   text-align: right;
}

/*--- Links ------------------------------------------------------------------*/

a:link,
a:visited {
   color: #3eb0da;
   text-decoration: none;
}

a:hover {
   color: #ff9007;
}

.dotted:link,
.dotted:visited,
.dotted:hover {
   white-space: nowrap;
}

/*----------------------------------------------------------------------------*/
/*--- NAVIGATION -------------------------------------------------------------*/

/*--- Main Navigation --------------------------------------------------------*/

/*--- First Level ---*/

#mn-menu {
   height: 60px;
   margin: -60px 0 0 0;
   font-weight: bold;
   text-align: center;
   text-transform: uppercase;
}

#mn-menu-list {
   display: inline-block;
}

#mn-menu-list li {
   position: relative;
   z-index: 110;
   float: left;
   margin: 0 50px 0 0;
}

#mn-menu-list li:last-child {
   margin: 0;
}

#mn-menu-list li a {
   display: block;
   line-height: 60px;
   color: #333333;
}

#mn-menu-list li:hover a,
#mn-menu-list li.active a {
   color: #3eb0da;
}

/*--- Menu Button ---*/

#mn-menu-button {
   display: none;
   line-height: 60px;
   color: #333333;
   text-align: right;
}

#mn-menu-button:hover {
   color: #3eb0da;
   cursor: pointer;
}

/*--- Sticky Menu ---*/

.mn-sticky {
   width: 1050px;
}

.mn-menu-sticky {
   z-index: 100;
}

.mn-menu-sticky #mn-menu {
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   margin: 0;
   background: #ffffff;
   border-bottom: 1px solid #bfbfbf;
}

.mn-menu-sticky #mn-menu-list {
   display: inline-block;
}

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



/*--- Logo -------------------------------------------------------------------*/

#hc-logo {
   float: left;
   margin: 10px 0 0 0;
   line-height: 90px;
   font-family: "Asap", Helvetica, sans-serif;
   font-size: 16px;
   font-style: italic;
   font-weight: bold;
   color: #fffff;
   
}

.hc-logo-color {
   color: #3eb0da;
}

/*--- Info -------------------------------------------------------------------*/

#hc-info {
   float: right;
   line-height: 90px;
   font-size: 16px;
   font-style: italic;
   font-weight: bold;
   color: #ffffff;
}



.hc-info-color {
   color: #FFffff;
}


/*----------------------------------------------------------------------------*/
/*--- PAGE -------------------------------------------------------------------*/

.mc-page {
   margin: 0 auto;
   padding: 60px 0 0 0;
}

.p-full {
   width: 1050px;
}

.p-side {
   width: 660px;
   padding: 60px 30px 0 0;
}

/*--- Main Preview -----------------------------------------------------------*/

.main-preview-info {
   float: left;
   margin: 5px 60px 0 0;
   width: 670px;
   color: #ffffff;
   text-shadow: 1px 1px 0 #666666;
}

.main-preview-info p {
   margin: 0 0 50px 0;
   line-height: 42px;
   font-size: 20px;
}

.app-store {
   float: left;
   width: 164px;
   height: 56px;
   background: url(../images/bg-app-store.png) #000;
   border: 1px solid #ffffff;
   box-shadow: 0 1px 2px rgba(0,0,0,0.25);
 
}

.app-android {
   float: right;
   width: 120px;
   height: 165px;
   background: url(../images/android_app.png) #000;
   border: 1px solid #ffffff;
   box-shadow: 0 1px 2px rgba(0,0,0,0.25);
 
}

.confiable {
   float: right;
   width: 344px;
   height: px;
    
}

.conleft {
    float: left;
    width: 50%;
}

.conleftright {
    margin-left: 50%;
}
.brand-store .hidden-phone {
   width: 400px;
   height: 71px;
   display: none !important;
   padding-right: 10px;
    
}

.app-store:hover {
   background: url(../images/bg-app-store2.png) #171717;
   border: 1px solid #171717;
}

.button-description {
   float: left;
   width: 506px;
   height: 56px;
   padding: 0 0 0 40px;
   line-height: 56px;
   font-size: 14px;
}

.main-preview-slider {
   float: left;
   width: 320px;
   height: 450px;
  
}

.ei-slider {
   position: relative;
   width: 269px;
   height: 461px;
   margin: 10px 0 0 27px;
}

.brand-slider {
   position: relative;
   width: 400px;
   height: 71px;
  
}

.ei-slider:after {
   content: '';
   z-index: 40;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: url(../content/iphone/iphone-5-reflex.png);
}

.ei-slider-loading,
.ei-slider-content li {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.ei-slider-loading {
   z-index: 25;
   line-height: 361px;
   color: #ffffff;
   text-align: center;
   background: #252525;
}

.ei-slider-nav {
   position: absolute;
   bottom: 10px;
   left: 77px;
   z-index: 50;
   width: 115px;
   opacity: 0;
}

.ei-slider:hover .ei-slider-nav {
   opacity: 1;
}

.ei-slider-nav li {
   float: left;
   height: 100%;
}

.ei-slider-nav li a {
   display: block;
   width: 13px;
   height: 13px;
   background: #666666;
   border: 1px solid #bfbfbf;
}

.ei-slider-nav li a:hover {
   background: #bfbfbf;
   border: 1px solid #ffffff;
}

.ei-slider-nav li.ei-slider-active {
   position: absolute;
   background: url(../images/ico-slider-active.png);
}

/*--- Information ------------------------------------------------------------*/

/*--- Main ---*/

.information {
   float: left;
   margin: 75px 30px 60px 0;
   padding: 20px 20px 0 20px;
   width: 330px;
   text-align: center;
   background: #ffffff;
   border: 1px solid #d9d9d9;
   border-radius: 5px;
}

.information-icon {
   width: 180px;
   height: 180px;
   margin: -95px auto 25px;
   padding: 11px;
   background: #ffffff;
   border: 1px solid #d9d9d9;
   border-radius: 50%;
}

.information-icon img {
   width: 156px;
   height: 156px;
   padding: 8px;
   background: #3eb0da;
   border-radius: 50%;
   opacity: 0.8;
}

.information p {
   line-height: 30px;
   color: #999999;
}

/*--- Hover ---*/

.information:hover {
   box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
}

.information:hover .information-icon {
   box-shadow: 2px 4px 0 rgba(0,0,0,0.15);
}

.information:hover img {
   opacity: 1.0;
}

.information:hover h3 {
   color: #3eb0da;
}

.information:hover p {
   color: #4d4d4d;
}

/*--- Testimonials -----------------------------------------------------------*/

/*--- Main ---*/

.testimonials {
   float: left;
   margin: 0 45px 60px 0;
   width: 320px;
   text-align: center;
}

.testimonials img {
   display: block;
   width: 180px;
   height: 180px;
   margin: 0 auto 20px;
   padding: 11px;
   background: #ffffff;
   border: 1px solid #d9d9d9;
   border-radius: 50%;
   opacity: 0.8;
}

.testimonials blockquote {
   margin: 0;
}

.testimonials p {
   line-height: 30px;
   color: #999999;
}

/*--- Hover ---*/

.testimonials:hover img {
   box-shadow: 2px 4px 0 rgba(0,0,0,0.15);
   opacity: 1.0;
}

.testimonials:hover h3 {
   color: #3eb0da;
}

.testimonials:hover p {
   color: #4d4d4d;
}

/*--- Twitter ----------------------------------------------------------------*/

.tweet {
   min-height: 36px;
   margin: -22px 0 40px 0;
   padding: 12px 0 12px 90px;
   color: #808080;
   background: url(../images/ico-tweet.png) left center no-repeat;
   opacity: 0.7;
}

.tweet_list li {
   line-height: 36px;
   font-size: 24px;
   font-style: italic;
}

.tweet:hover {
   opacity: 1.0;
}

/*--- Features ---------------------------------------------------------------*/

#features {
   overflow: hidden;
   margin: 0 auto 60px;
}

.features {
   position: relative;
   min-height: 240px;
}

.features img {
   float: left;
   width: 330px;
   height: 240px;
   margin: 0 35px 0 0;
   padding: 11px;
   background: #ffffff;
   border: 1px solid #d9d9d9;
   border-radius: 5px;
}

.features h3 {
   margin: 0 0 30px 0;
   line-height: 34px;
   font-size: 34px;
   color: #333333;
}

.features p {
   line-height: 30px;
   color: #808080;
}

/*--- Screenshots ------------------------------------------------------------*/

/*--- Main ---*/

h2 + p {
   margin: -5px 0 40px 0;
   line-height: 30px;
   color: #999999;
}

.screenshots {
   float: left;
   margin: 0 15px 15px 0;
   border-radius: 5px;
}

.screenshots-last {
   margin: 0 0 40px 0;
}

.screenshots-image {
   position: relative;
   overflow: hidden;
   display: block;
  
}

.screenshots-image img {
   display: block;
   width: 330px;
   height: 250px;
   padding: 11px;
   background: #ffffff;
   border: 1px solid #d9d9d9;
   border-radius: 5px;
}

.screenshots-image-span {
   position: absolute;
   top: 12px;
   right: 12px;
   bottom: 12px;
   left: 12px;
   background: url(../images/ico-images.png) center center no-repeat #3eb0da;
   opacity: 0.0;
}

/*--- Hover ---*/

.p-full:hover h2 + p {
   color: #4d4d4d;
}

.screenshots:hover {
   box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
}

.screenshots-image-span:hover {
   opacity: 0.5;
}

/*--- Pricing Tables ---------------------------------------------------------*/

/*--- Main ---*/

.pricing-table {
   float: left;
   width: 330px;
   margin: 0 30px 60px 0;
   text-align: center;
   border: 1px solid #d9d9d9;
   border-radius: 5px;
}

.cell-title {
   height: 72px;
   line-height: 71px;
   font-size: 24px;
   font-weight: bold;
   color: #404040;
   text-transform: uppercase;
   border-bottom: 1px solid #d9d9d9;
}

.cell-price {
   height: 120px;
   padding: 15px 0 15px 0;
   font-weight: bold;
   color: #ffffff;
   background: fixed url(../images/bg-mc-effect/dots-1.png) #3eb0da;
   border-bottom: 1px solid #d9d9d9;
}

.cell-price-total {
   display: block;
   height: 60px;
   line-height: 60px;
   font-size: 48px;
   text-transform: uppercase;
}

.cell-price-time {
   display: block;
   height: 30px;
   line-height: 30px;
}

.cell-text {
   height: 48px;
   line-height: 47px;
   color: #999999;
   border-bottom: 1px solid #d9d9d9;
}

.cell-action {
   height: 72px;
   line-height: 71px;
   font-weight: bold;
   text-transform: uppercase;
}

.cell-action a {
   color: #333333;
}

.pricing-button {
   display: inline-block;
   height: 42px;
   padding: 0 20px 0 20px;
   line-height: 42px;
   background: #3eb0da;
   border-radius: 5px;
}

/*--- Hover ---*/

.pricing-table:hover {
   box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
}

.pricing-table:hover .cell-title {
   color: #3eb0da;
}

.pricing-table:hover .cell-text {
   color: #4d4d4d;
}

.pricing-button:hover {
   background: #ffc473;
}

/*--- Download ---------------------------------------------------------------*/

.download {
   margin: 0 0 60px 0;
}

.download p {
   float: left;
   width: 700px;
   margin: 0;
   line-height: 30px;
   font-size: 20px;
   color: #ffffff;
   text-shadow: 1px 1px 0 #666666;
}

.download .app-store {
   float: right;
   margin: 2px 0 0 0;
}

/*--- Contact ----------------------------------------------------------------*/

#contact p {
   line-height: 30px;
   color: #4d4d4d;
}

#contact h3 {
   margin: -10px 0 25px 0;
   font-weight: bold;
   text-align: center;
}

#p-message-form {
   margin: -10px 0 30px 0;
}

#p-message-form-header {
   float: left;
   width: 100%;
   padding: 0 0 21px 0;
   line-height: 36px;
   text-align: center;
}

#p-message-form-text {
   font-size: 28px;
   font-weight: bold;
   color: #404040;
}

#p-message-form-user-info {
   float: left;
   margin: 0 0 20px 0;
}

#p-message-form-name-2 {
   width: 240px;
   margin: 0 20px 0 0;
}

#p-message-form-mail-2 {
   width: 240px;
}

#p-message-form textarea {
   width: 100%;
   margin: 0 0 20px 0;
}

#p-message-form-buttons {
   float: right;
}

#p-message-form-buttons button {
   float: left;
   margin: 0 0 0 30px;
   padding: 0 20px 0 20px;
   font-weight: bold;
   text-transform: uppercase;
}

/*--- Address ----------------------------------------------------------------*/

.maps {
   width: 775px;
   height: 430px;
   margin: 0 0 30px 0;
   padding: 9px;
   background: #ffffff;
   border: 1px solid #d9d9d9;
   border-radius: 5px;
}

.maps-google {
   width: 755px;
   height: 410px;
}

#address p {
   line-height: 30px;
}

/*---- Reset -----------------------------------------------------------------*/

.block {
   float: left;
   margin: 0 50px 30px 0;
}

.block-last {
   margin-right: 0;
}

.grid-1 {
   width: 225px;
}

.grid-2 {
   width: 500px;
}

.grid-3 {
   width: 775px;
}

.grid-4 {
   width: 1050px;
}

/*----------------------------------------------------------------------------*/
/*--- FOOTER CONTENT ---------------------------------------------------------*/

/*--- Copyrights -------------------------------------------------------------*/

#fc-copyrights {
   float: left;
   line-height: 90px;
   color: #4d4d4d;
   vertical-align: middle;
}

/*--- Social -----------------------------------------------------------------*/

#fc-social {
   float: right;
}

.fc-social-button {
   float: left;
   margin: 35px 0 0 0;
   opacity: 0.80;
}

.fc-social-button:hover {
   opacity: 1.0;
}

.fb-like {
   margin: 0 31px 0 0;
}

/*----------------------------------------------------------------------------*/
/*--- 801px - 1024px ---------------------------------------------------------*/

@media screen and (min-width: 801px) and (max-width: 1024px) {

/*--- Containers -------------------------------------------------------------*/

.h-content {
   width: 960px;
}

.f-content {
   width: 960px;
}

/*--- Typography -------------------------------------------------------------*/

h1 {
   line-height: 52px;
   font-size: 42px;
}

hr {
   width: 960px;
}

/*--- Main Navigation --------------------------------------------------------*/

.mn-sticky {
   width: 960px;
}

.mn-menu-sticky #mn-menu-list {
   width: 960px;
}

/*--- Page -------------------------------------------------------------------*/

.p-full {
   width: 960px;
}

/*--- Main Preview -----------------------------------------------------------*/

.main-preview-info {
   margin: 0 30px 0 0;
   width: 610px;
}

.button-description {
   width: 386px;
}

/*--- Information ------------------------------------------------------------*/

.information {
   width: 300px;
}

/*--- Testimonials -----------------------------------------------------------*/

.testimonials {
   margin-right: 30px;
   width: 300px;
}

/*--- Features ---------------------------------------------------------------*/

.features img {
   margin: 0 30px 0 0;
}

.features h3 {
   margin-right: 75px;
   margin-bottom: 30px;
}

.features p {
   margin-right: 75px;
}

/*--- Screenshots ------------------------------------------------------------*/

.screenshots-image img {
   width: 300px;
   height: 227px;
}

/*--- Pricing Tables ---------------------------------------------------------*/

.pricing-table {
   width: 300px;
}

/*--- Contact ----------------------------------------------------------------*/

#p-message-form-name-2 {
   width: 220px;
}

#p-message-form-mail-2 {
   width: 220px;
}

/*--- Address ----------------------------------------------------------------*/

.maps {
   width: 710px;
}

.maps-google {
   width: 690px;
}

/*--- Reset ------------------------------------------------------------------*/

.block {
   margin-right: 40px;
}

.block-last {
   margin-right: 0;
}

.grid-1 {
   width: 210px;
}

.grid-2 {
   width: 460px;
}

.grid-3 {
   width: 710px;
}

.grid-4 {
   width: 960px;
}

}

/*----------------------------------------------------------------------------*/
/*--- 481px - 800px ----------------------------------------------------------*/

@media screen and (min-width: 481px) and (max-width: 800px) {

/*--- Containers -------------------------------------------------------------*/

.h-content {
   width: 728px;
}

.f-content {
   width: 728px;
}

/*--- Typography -------------------------------------------------------------*/

h1 {
   margin-bottom: 30px;
   line-height: 46px;
   font-size: 36px;
}

h1.pagetitle {
   margin: 0 0 45px 0;
}

h2 {
   margin: -5px 0 25px 0;
   line-height: 32px;
   font-size: 32px;
}

hr {
   width: 728px;
}

/*--- Main Navigation --------------------------------------------------------*/

/*--- First Level ---*/

#mn-menu {
   margin: -40px 0 0 0;
}

#mn-menu-list li {
   margin: 0 30px 0 0;
}

#mn-menu-list li:last-child {
   margin: 0;
}

#mn-menu-list li a {
   line-height: 60px;
}

/*--- Sticky Menu ---*/

.mn-sticky {
   width: 728px;
}

.mn-menu-sticky #mn-menu-list {
   width: 728px;
}

/*--- Page -------------------------------------------------------------------*/

.mc-page {
   padding-top: 40px;
}

.p-full {
   width: 728px;
}

/*--- Main Preview -----------------------------------------------------------*/

.main-preview-info {
   margin: 0 20px 0 0;
   width: 388px;
}

.main-preview-info p {
   margin-bottom: 40px;
   line-height: 30px;
   font-size: 18px;
   color: #fafafa;
}

.button-description {
   width: 174px;
   padding: 8px 0 0 20px;
   line-height: 20px;
}

/*--- Information ------------------------------------------------------------*/

.information {
   margin: 85px 19px 60px 0;
   width: 230px;
}

.column {
   margin: 85px 19px 60px 0;
   width: 230px;
}

/*--- Testimonials -----------------------------------------------------------*/

.testimonials {
   margin: 10px 19px 40px 0;
   width: 230px;
}

/*--- Twitter ----------------------------------------------------------------*/

.tweet {
   margin: -15px 0 30px 0;
   color: #808080;
   text-align: center;
}

.tweet_list li {
   line-height: 30px;
   font-size: 20px;
}

/*--- Features ---------------------------------------------------------------*/

#features {
   margin-bottom: 40px;
}

.features img {
   margin: 0 20px 0 0;
}

.features h3 {
   margin-right: 322px;
   margin-bottom: 15px;
   line-height: 26px;
   font-size: 22px;
}

.features p {
   margin-right: 322px;
   line-height: 22px;
   font-size: 14px;
}

/*--- Screenshots ------------------------------------------------------------*/

h2 + p {
   margin-bottom: 25px;
}

.screenshots {
   width: 230px;
   margin: 0 19px 20px 0;
}

.screenshots-text {
   margin-bottom: 20px;
}

.screenshots-last {
   margin: 0 0 40px 0;
}

.screenshots-image img {
   width: 230px;
   height: 174px;
}

/*--- Pricing Tables ---------------------------------------------------------*/

.pricing-table {
   width: 230px;
   margin: 0 19px 40px 0;
}

/*--- Download ---------------------------------------------------------------*/

.download {
   margin: -10px 0 0 0;
}

.download p {
   float: left;
   width: 728px;
   margin-bottom: 30px;
   text-align: center;
}

.download .app-store {
   float: none;
   margin: 0 282px 40px 282px;
}

/*--- Contact ----------------------------------------------------------------*/

#p-message-form-name-2 {
   width: 354px;
   margin-bottom: 20px;
}

#p-message-form-mail-2 {
   width: 354px;
}

/*--- Address ----------------------------------------------------------------*/

.maps {
   width: 541px;
}

.maps-google {
   width: 521px;
}

#address p {
   margin: 0 0 20px 0;
}

/*--- Social -----------------------------------------------------------------*/

#fc-social {
   display: none;
}

/*--- Reset ------------------------------------------------------------------*/

.block {
   margin-right: 20px;
   margin-bottom: 15px;
}

.block-last {
   margin-right: 0;
}

.grid-1 {
   width: 167px;
}

.grid-2 {
   width: 354px;
}

.grid-3 {
   width: 541px;
}

.grid-4 {
   width: 728px;
}

}

/*---- Reset -----------------------------------------------------------------*/

.last {
   margin-right: 0;
   margin-left: 0;
}


#hc-info {
   display:block;
   float: right;
   line-height: 90px;
   font-size: 16px;
   padding-top: 4px;
  
   
}

.hc-info-color {
   color: #FFffff;
}

/*----------------------------------------------------------------------------*/
/*--- 320px - 480px ----------------------------------------------------------*/

@media screen and (min-width: 320px) and (max-width: 480px) {

/*--- Containers -------------------------------------------------------------*/

.h-content {
   width: 300px;
}

#main {
   padding: 0;
}

#footer {
   position: relative;
   overflow: hidden;
   height: 100%;
}

.f-content {
   overflow: hidden;
   width: 300px;
   height: 100%;
}

.hidden {
   display: none;
}

/*--- Typography -------------------------------------------------------------*/

h1 {
   margin-bottom: 20px;
   line-height: 46px;
   font-size: 36px;
   text-align: center;
}

h1.pagetitle {
   margin: 10px 0 40px 0;
   line-height: 36px;
   font-size: 36px;
}

h2 {
   margin: -5px 0 25px 0;
   line-height: 32px;
   font-size: 32px;
}

hr {
   width: 300px;
}

/*--- Main Navigation --------------------------------------------------------*/

/*--- Sticky Menu ---*/

.mn-sticky,
.mn-menu-sticky,
.mn-menu-sticky #mn-menu,
.mn-menu-sticky #mn-menu-list {
   display: none;
}

/*--- Info -------------------------------------------------------------------*/

#hc-info {
   display:block;
   float: none;
   line-height: 12px;
   font-size: 14px;
    padding-top: 4px;
  
   
}

.column {
   margin: 85px 19px 60px 0;
   width: 230px;
}


/*--- Page -------------------------------------------------------------------*/

.mc-page {
   padding: 30px 0 0 0;
}

.p-full {
   width: 300px;
}

/*--- Main Preview -----------------------------------------------------------*/

.main-preview-info {
   margin: 5px 20px 0 0;
   width: 300px;
}

.main-preview-info p {
   margin-bottom: 30px;
   line-height: 30px;
   font-size: 18px;
   color: #fafafa;
   text-align: center;
}

.app-store {
   float: none;
   margin: 0 68px 30px 68px;
}


.button-description {
   width: 300px;
   padding-left: 0;
   line-height: 20px;
   text-align: center;
}

.main-preview-slider {
   display: none;
}

/*--- Information ------------------------------------------------------------*/

.information {
   width: 290px;
   margin: 75px 5px 40px 5px;
}

/*--- Testimonials -----------------------------------------------------------*/

.testimonials {
   margin: 0 5px 40px 5px;
   width: 290px;
}

/*--- Twitter ----------------------------------------------------------------*/

.tweet {
   margin: -5px 0 25px 0;
   color: #808080;
   text-align: center;
}

.tweet_list li {
   line-height: 28px;
   font-size: 18px;
}

/*--- Features ---------------------------------------------------------------*/

#features {
   display: none;
}

/*--- Screenshots ------------------------------------------------------------*/

h2 + p {
   margin-bottom: 20px;
   text-align: center;
}

.screenshots {
   width: 140px;
   margin: 0 20px 20px 0;
}

.screenshots-last {
   margin: 0 0 25px 0;
}

.screenshots-last-2 {
   margin: 0 0 20px 0;
}

.screenshots-last-53 {
   margin: 0 0 33px 0;
}

.screenshots-image img {
   width: 140px;
   height: 106px;
}

/*--- Pricing Tables ---------------------------------------------------------*/

.pricing-table {
   width: 290px;
   margin: 0 5px 40px 5px;
}

/*--- Download ---------------------------------------------------------------*/

.download {
   margin: -10px 0 0 0;
}

.download p {
   float: left;
   width: 300px;
   margin-bottom: 20px;
   text-align: center;
}

.download .app-store {
   float: none;
   margin: 0 68px 30px 68px;
}

/*--- Copyrights -------------------------------------------------------------*/

#fc-copyrights {
   float: left;
   margin-bottom: 25px;
   padding-top: 25px;
   line-height: 30px;
   vertical-align: middle;
   text-align: center;
}

/*--- Social -----------------------------------------------------------------*/

#fc-social {
   display: none;
}

.block {
   margin-right: 20px;
   margin-bottom: 0;
}

.block-last {
   margin-right: 0;
}

.grid-1 {
   width: 300px;
}

.grid-2 {
   width: 300px;
}

.grid-3 {
   width: 460px;
}

.grid-4 {
   width: 728px;
}

#p-message-form-name-2 {
   width: 300px;
   margin: 0 0 20px 0;
}

#p-message-form-mail-2 {
   width: 300px;
}

#p-message-form-buttons {
   margin: 0 0 30px 0;
}

.maps {
   display: none;
}

#address {
   text-align: center;
}

#address h3 {
   margin: 0 0 15px 0;
}

#address p {
   margin: 0 0 30px 0;
}

}

/*----------------------------------------------------------------------------*/
/*                Created by UnreaLSnake aka Antonov Alexander                */
/*----------------------------------------------------------------------------*/