@font-face {
font-family: 'proxima_novaregular';
src: url('proxima_nova_font.woff2') format('woff2');
font-weight: normal;
font-style: normal;
}

body {
background: #333;
font-family: 'proxima_novaregular', 'Roboto', Arial, sans-serif;
text-align: center;
}

strong { font-weight: 500; }

a, a:hover, a:focus {
color: #be5254;
text-decoration: none;
transition: all .3s;
}

h1, h2 {
margin-top: 10px;
font-size: 42px;
font-weight: 100;
line-height: 54px;
}

img { max-width: 100%; }

::selection { background: #be5254; color: #fff; text-shadow: none; }

.btnStyle {
display: inline-block;
padding: 4px 10px;
text-align: center;
text-decoration: none;
color: #FFF;
border: 1px solid #017ba6;
border-radius: 14px;
background-image: linear-gradient(to bottom, #01acde 100%, #00aade 0%);
/* Unique properties from second rule */
text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
border-radius: 16px;
cursor: pointer;
}

a:hover.btnStyle, .btnStyle:hover {
color: #FFF;
background-color: #36c1f2;
background-image: linear-gradient(to bottom, #36c1f2 100%, #08b3e7 0%);
}
a:active.btnStyle {
box-shadow: inset 2px 2px 2px rgba(0,0,0,0.2);
}

a:hover.btnStyle, input:hover.btnStyle { color: #FFF; background-color: #444; }
a:active.btnStyle, input:active.btnStyle {
box-shadow: inset 1px 1px 3px rgba(0,0,0,0.2);
}

.button {
margin-left: 2px;
text-transform: uppercase;
box-shadow: inset 0px 0px 0px -10px #97c4fe;
background-color: #3d94f6;
border-radius:3px;
border:1px solid #308fbb;
display:inline-block;
color: #FFF;
font-size: 15px;
font-weight: bold;
padding: 8px 19px;
text-decoration: none;
}.button:hover {
background-color:#1e62d0;
cursor:pointer;
}.button:active {
position:relative;
top:1px;
}

.rounded {
border: 1px solid #ccc;
border-radius: 5px;
}

#description {max-width: 350px;}


/***** General style, all sections *****/

.section-container {
/*   margin: 0 auto;*/
padding-bottom: 40px;
color: #888;
}

.section-container-full-bg {
color: #fff;
}

.section-description {
margin-top: 60px;
padding-bottom: 10px;
}

.section-description h2 {
color: #333;
}
.section-container-full-bg .section-description h2 { color: #fff; }

.section-description p {
margin-top: 30px;
padding: 0 120px;
font-size: 22px;
line-height: 36px;
}

/***** Top menu *****/

nav {
position: fixed;
width: 100%;
background: #333;
font-size: 18px;
color: #fff;
line-height: 32px;
box-shadow: 0px 4px 9px #000;
z-index: 999;
}

nav .nav-links { text-align: right; }
nav .nav-logo { text-align: left; }

nav a {
display: inline-block;
margin: 3px 15px 0 15px;
padding: 12px 0;
color: #fff;
}
nav a:hover { color: #be5254; }
nav a:focus { color: #fff; }

nav .nav-logo a {
max-width: 180px;
}

nav .show-menu {
display: none;
}

nav .show-menu a {
display: inline-block;
width: 32px;
height: 32px;
margin: 0;
padding: 0;
font-size: 21px;
color: #fff;
}
nav .show-menu a:hover { color: #fff; }

/***** Form elements *****/

input[type="text"], textarea {
margin: 0;
padding: 0 10px;
vertical-align: middle;
background: #FFF;
border: 1px solid #EEE;
font-family: 'Roboto', sans-serif;
font-size: 22px;
font-weight: 300;
line-height: 50px;
color: #888;
border-radius: 6px;
box-shadow: none;
transition: all .3s;
}

input[type="text"]:focus, textarea:focus {
outline: 0;
border: 1px solid #be5254;
box-shadow: none;
}

input[type="text"]::placeholder, textarea::placeholder {
color: #888;
}

.contact-form form input, .contact-form form textarea { border: 2px solid #fff; }

.contact-form form input:focus, .contact-form form textarea:focus { border: 2px solid #be5254; }

.subscribe button, .contact-form button {
height: 52px;
margin: 0;
padding: 0 20px;
vertical-align: middle;
background: #be5254;
border: 0;
font-family: 'Roboto', sans-serif;
font-size: 22px;
font-weight: 300;
/*line-height: 0px;*/
color: #fff;
border-radius: 6px;
text-shadow: none;
box-shadow: none;
transition: all .3s;
}

.subscribe button:hover, .contact-form button:hover {
background: #eee;
color: #888;
transition: all .3s;
}

.contact-form button:hover { background: #888; color: #fff; }

.subscribe button:active, .contact-form button:active {
outline: 0;
background: #eee;
color: #888;
box-shadow: none;
}

.contact-form button:active { background: #888; color: #fff; }

.subscribe button:focus, .contact-form button:focus {
outline: 0;
background: #be5254;
color: #FFF;
}

#contactbutton {
float: left;
width: 120px;
margin: 6px 0 14px 0;
font-size: 16pt;
background-color: #333;
border-radius: 6px;
color: #FFF;
border: 2px solid #333;
}

#formbutton {
padding-top: 2px;
border: 2px solid #333;
}

#formbutton:hover {
background-color: #ab393b;
}

#formbutton:focus {
border-color: #DDD;
}

.btn:focus {
background: #be5254;
color: #fff;
border-color: #999;
}

/***** Top content *****/

.top-content {
margin: 0 auto;
text-align: left;
color: #fff;
}

.inner-bg {
padding: 120px 0 80px 0;
}

.top-content {
/*background-attachment: fixed;*/
background-image: url('/assets/img/backgrounds/1.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}

.top-content .phone {
text-align: center;
}

.top-content .text {
padding-top: 100px;
}

.top-content .description {
margin: 40px 0 10px 0;
font-size: 22px;
line-height: 36px;
}

.top-content .top-button {
margin-top: 40px;
}

.top-content .top-button .button-1 {
margin-right: 20px;
}


/***** Features *****/

.features-center {
padding-top: 30px;
padding-bottom: 20px;
}

.features-box {
margin-top: 30px;
}

.features-box h3 {
margin-top: 0;
font-size: 26px;
font-weight: 100;
color: #333;
line-height: 30px;
}

.features-box p {
font-size: 18px;
line-height: 32px;
}

.features-box .features-box-icon {
margin: 0 auto;
font-size: 56px;
color: #333;
}


/***** How it works *****/

.how-it-works-video {
margin-top: 30px;
padding-bottom: 20px;
}

.how-it-works-video iframe {
width: 100%;
height: 300px;
}

.how-it-works-description {
margin-top: 50px;
text-align: left;
}

.how-it-works-description-left { padding-left: 73px; padding-right: 55px; }

.how-it-works-description h3 {
margin-top: 0;
font-size: 26px;
font-weight: 100;
line-height: 30px;
}

.how-it-works-description p {
margin-bottom: 40px;
font-size: 18px;
line-height: 32px;
}
.how-it-works-description p:last-child { margin-bottom: 10px; }


/***** Screenshots *****/

.screenshot-box {
padding-top: 30px;
padding-bottom: 20px;
}

.screenshot-box-left { text-align: right; }
.screenshot-box-right { text-align: left; }

.screenshot-box img { max-width: 80%; cursor: pointer; }


/***** Faq *****/

.faq-container {
background: #f8f8f8;
}

.faq-box {
padding-top: 30px;
}

.faq-box-left {
text-align: left;
}

.single-faq {
position: relative;
min-height: 60px;
margin-bottom: 20px;
padding: 15px 25px;
background: #f6f6f6;
border-left: 1px solid #be5254;
border-radius: 6px;
}

.single-faq h3 {
margin: 0;
padding-right: 35px;
font-size: 22px;
font-weight: 100;
line-height: 30px;
}

.single-faq span {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
padding: 23px;
font-size: 14px;
line-height: 14px;
cursor: pointer;
z-index: 100;
}
.single-faq span i { vertical-align: middle; }

.single-faq .single-faq-text {
display: none;
margin-top: 10px;
}

.single-faq p {
font-size: 18px;
line-height: 32px;
}
.single-faq p:last-child { margin: 0; }

.faq-box-right span {
display: inline-block;
font-family: Georgia, serif;
font-size: 500px;
color: #eee;
line-height: 380px;
transform: rotate(20deg);
}


/***** Call to action *****/

.call-to-action-button {
padding-top: 30px;
padding-bottom: 20px;
}

.call-to-action-button .button-1 {
margin-right: 20px;
}


/***** Testimonials *****/

.testimonials p {
padding: 0;
}

.testimonial-single {
display: inline-block;
}

.testimonial-single p {
display: none;
}

.testimonial-single-image {
display: inline-block;
width: 58px;
margin: 0 5px 10px 5px;
}

.testimonial-single-image img {
width: 100%;
opacity: 0.5;
cursor: pointer;
border-radius: 6px;
transition: all .3s;
}

.testimonial-active {
padding-bottom: 20px;
}

.testimonial-quote {
font-family: Georgia, serif;
font-size: 90px;
line-height: 70px;
color: #ddd;
}


/***** About us *****/

.about-us-box {
padding-top: 30px;
padding-bottom: 15px;
}

.about-us-box h3 {
font-size: 26px;
font-weight: 100;
color: #333;
line-height: 30px;
}

.about-us-box p {
font-size: 18px;
line-height: 32px;
}

.about-us-box .about-us-photo {
width: 180px;
height: 180px;
margin: 0 auto;
}

.about-us-box .about-us-photo img {
width: 100%;
padding: 8px;
border: 1px solid #eee;
border-radius: 91px;
}

.about-us-box .about-us-social {
margin-top: 5px;
}


/***** Latest tweets *****/

.latest-tweets p {
padding: 0;
word-wrap: break-word;
}

.latest-tweets-container a, .latest-tweets-container a:focus { color: #fff; }
.latest-tweets-container a:hover { color: #fff; border-bottom: 1px dotted #fff; }

.latest-tweets ul {
margin: 20px 0 0 0;
padding: 0;
-webkit-padding-start: 0;
}

.latest-tweets li {
margin: 0 5px;
display: inline-block;
list-style: none;
}

.latest-tweets li .tweet_nav {
display: inline-block;
width: 10px;
height: 10px;
background: #fff;
background: rgba(255, 255, 255, 0.6);
cursor: pointer;
border-radius: 5px;
transition: all .3s;
}

.tweets-follow-us {
padding-top: 30px;
padding-bottom: 20px;
}

.tweets-follow-us {
font-size: 22px;
line-height: 36px;
}

/***** Subscription form *****/

.subscribe form {
margin-top: 40px;
margin-bottom: 20px;
}

.subscribe form input {
width: 362px;
height: 52px;
}

.success-message, .error-message {
font-size: 22px;
line-height: 36px;
}

.success-message {
margin: 20px 0 10px 0;
}

.error-message {
margin: 10px 0;
color: #be5254;
}

.how-it-works-container, .latest-tweets-container {
background-attachment: fixed;
background-image: url('/assets/img/backgrounds/1.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}

/***** Contact us *****/

.contact-container {
background-attachment: fixed;
background-image: url('/assets/img/backgrounds/2.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
}

.contact-form, 
.contact-address {
padding-bottom: 20px;
text-align: left;
}

.contact-form h3, 
.contact-address h3 {
padding: 0 0 10px 0;
font-size: 26px;
font-weight: 100;
line-height: 30px;
}

.contact-form p {
margin: 15px 0 0 0;
font-size: 18px;
line-height: 32px;
}

.contact-form form {
margin: 15px 0 0 0;
}

.contact-form form input, 
.contact-form form textarea {
width: 95%;
height: 52px;
margin-bottom: 20px;
}

.contact-form form textarea {
height: 162px;
}

.contact-form form .contact-error {
border-color: #be5254;
}

.contact-address .map {
height: 210px;
margin: 15px 0 40px 0;
}

.contact-address p {
margin-bottom: 5px;
font-size: 18px;
line-height: 32px;
}

.contact-address p i {
width: 40px;
font-size: 24px;
vertical-align: middle;
}

.contact-address a, .contact-address a:focus { color: #fff; }
.contact-address a:hover { color: #fff; border-bottom: 1px dotted #fff; }


/***** Footer *****/

footer {
padding: 25px 0 20px 0;
background: #333;
text-align: right;
}

.footer-copyright {
margin: 6px 0 0 0;
font-size: 18px;
line-height: 32px;
color: #fff;
text-align: left;
}

.footer-copyright a, .footer-copyright a:focus { color: #fff; }
.footer-copyright a:hover { color: #fff; border-bottom: 1px dotted #fff; }