/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 20, 2019, 3:09:56 PM
    Author     : Nikolay - Devscale <nikolay@devscale.tech>
*/

/*
    Robot Fonts

    thin 100
    thnn 1oo italic
    light 300
    light 300 italic
    regular 400
    regular 400 italic
    medium 500
    medium 500 italic
    bold 700
    bold 700 italic
    black 900
    black 900 italic
    
*/

html, body {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

a {
    color: #f56584;
    text-decoration: none;
}

.container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.nav-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    position: absolute;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 5;
}

.nav-menu-list > a {
    margin-left: 60px;
}

.nav-menu-logo {
    
}

.nav-menu-logo img {
    max-height: 100%;
    max-width: 100%;
}

.nav-menu-list > a{
    font-size: 24px;
    font-weight: 500;
}

.nav-menu-list > a:hover {
    color: white;
}

.header-image {
    position: relative;
    padding-bottom: 49.25%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 75%;
    width: 100%;
}

.header-text-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
}

.header-text {
    color: white;
    font-weight: 900;
    font-size: 48px;
    max-width: 500px;
}

section {
    min-height: 850px;
    height: 100%;
    width: 100%;
}

section .title {
    font-size: 36px;
    font-weight: 900;
    color: #f56584;
    padding: 60px;
    text-align: center;
}

.services-content {
    display: flex;
    justify-content: space-between;
}

.services-item {
    width: 100%;
    text-align: center;
}

.services-item:nth-child(2){
    margin: 0 50px;
}

.services-item img{
    max-height: 320px;
    height: 100%;
    max-width: 320px;
    border-radius: 50%;
}

.service-title {
    font-size: 24px;
    font-weight: 700;
    max-width: 100px;
    margin: 0 auto;
    text-align: left;
}

.contactus-form form {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}

.contactus-form form > div {
    width: 100%;
}

.contactus-form form > div:first-child {
    padding-right: 20px;
}

.contactus-form input {
    width: 100%;
    padding: 15px 0 15px 5px;
    margin-bottom: 10px;
    border: 2px solid rgba(128, 128, 128, .2);
    border-radius: 4px;
}

.contactus-form input::placeholder, .contactus-form textarea::placeholder {
    color: rgba(128, 128, 128, .5);
}

.contactus-form input[type="submit"] {
    max-width: 290px;
    border: none;
    background-color: #f56584;
    color: white;
    font-size: 24px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
}

.contactus-form input[type="submit"]:hover {
    background-color: white;
    color: #f56584;
    border: 1px solid #f56584;
}

.contactus-form textarea {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 10px;
    border: 2px solid rgba(128, 128, 128, .2);
    border-radius: 4px;
}

.success {
    padding: 10px;
    background-color: #1fbf85;
    color: white;
    font-size: 18px;
    border-radius: 5px;
    box-sizing: border-box;
}

.errors {
    padding: 5px 0;
    color: #f56584;
}