/*
Theme Name: Domains For Sale
Theme URI: http://www.themansaid.com
Author: The Man Said team
Author URI: http://www.themansaid.com
Description: Domains For Sale is a WordPress Theme that enables you to sell multiple domains through one WordPress Installation.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: domainsforsale
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
01.BODY
02.HEADER
03.NOTICE AREA
    03.1 NOTICE INFORMATION
    03.2 CONTACT FORM
00.RESPONSIVITY SECTION
--------------------------------------------------------------*/

/* ==================================================
    01. BODY
================================================== */
body {
    margin: 0;
    font-family: 'roboto', sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #eeeeee;
}

/* ==================================================
    02. HEADER
================================================== */
.header-top-info {
    color: #fff;
    border-bottom: 1px solid;
    border-color: rgba(255,255,255,.1);
    padding: 10px;
}
header#header {
    height: 66px;
    background: #ffffff;
    border-bottom: 1px solid;
    border-color: rgba(149, 149, 149, 0.1);
    overflow: hidden;
    box-shadow: 1px 5px 8px -3px rgba(17, 17, 17, 0.05);
}
.logo {
    margin: 17px 0 0;
    float: left;
    font-size: 36px;
}
.logo a {
    width: 132px;
    color: #333;
    text-decoration: none;
}
.logo a:hover {
    width: 132px;
    color: #666;
    text-decoration: none;
}
label {
    font-weight: 500;
    margin: 0 0 .5em;
    color: #222;
}
.contact-form p {
    font-family: 'roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 500;
    margin: 0 0 .5em;
    color: #222;
    text-align: left !important;
}
.phone {
    margin: 19px 0 0;
    float: right;
    color: #444;
    line-height: 30px;
    font-size: 18px;
    font-weight: 300;
    font-family: roboto;
}
.icon {
    float: left;
    margin-right: 10px;
    font-size: 30px;
    color: #444;
}

/* ==================================================
    02. NOTICE AREA
================================================== */

div#welcome-area {
    height: 800px;
    background: linear-gradient(0deg, rgba(3, 6, 8, 0.71), rgba(3, 6, 8, 0.38)),url(img/home.jpg)center center no-repeat;
    background-size: cover;
}


/*  04.1 - NOTICE INFORMATION
================================================== */

.description {
    margin-top: 150px;
}
.description h2 {
    color: #fff;
    font-size: 58px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-margin-after: 0;
}
.description h3 {
    color: #fff;
    font-weight: 300;
    font-size: 27px;
    -webkit-margin-before: 0.3em;
}
.description p {
    color: #fff;
    font-size: 17px;
    letter-spacing: 0.7px;
    line-height: 1.5;
}

/*  04.2 - CONTACT FORM
================================================== */

.contact-form {
    margin-top: 123px !important;
    width: 362px !important;
    float: right !important;
    padding: 25px !important;
    background-color: #ffffff !important;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05) !important;
}
.contact-form p {
    color: #767676;
    font-size: 12px;
    text-align: center;
}

/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea, input[type=email],  input[type=number]{
    width: 100% !important;
    padding: 12px 0px !important;
    border: 0 !important;
    border-bottom: 1px solid #e6e7e9 !important;
    box-sizing: border-box !important;
    margin-top: 6px !important;
    margin-bottom: 16px !important;
    font-family: roboto !important;
    text-transform: capitalize !important;
    outline: 0 !important;
}
/* Style the submit button with a specific background color etc */
input[type=submit] {
    margin-top: 10px;
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-color: #f8f8f8;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    color: #3e3e3e;
    padding: 12px 117px;
    border-radius: 4px;
    border: 1px solid #c6c6c6;
    cursor: pointer;
    outline: 0;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {

}


/* ==================================================
    00.RESPONSIVITY SECTION
================================================== */
/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 


 }
 /* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) { 

    div#welcome-area {
    height: 470px;
    background-size: cover;
}
.contact-form {
    margin-top: 50px;
    width: 700px;
    padding: 25px;
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
input[type=submit] {
    margin-top: 10px;
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-color: #f8f8f8;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    color: #3e3e3e;
    padding: 12px 286px;
    border-radius: 4px;
    cursor: pointer;
    outline: 0;
}
.features {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #eeeeee;
    color: #333;
    text-align: center;
    margin-top: 470px;
}
.features img {
    width: 120px;
    margin-top: 45px;
}
footer#footer {
    background: #ffffff;
    font-size: 15px;
    min-width: 320px;
    color: #000;
}
 }

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
div#welcome-area {
    height: 651px;
    background: linear-gradient(0deg, rgba(3, 6, 8, 0.71), rgba(3, 6, 8, 0.38)),url(home-1-demo1.jpg)center center no-repeat;
    background-size: cover;
}
.description {
    margin-top: 26px;
    width: 352px;
    float: left;
}
.description h2 {
    color: #fff;
    font-size: 44px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-margin-after: 0;
}
.description h3 {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    -webkit-margin-before: 0.3em;
}
.contact-form {
    margin-top: 100px;
    width: 295px;
    padding: 25px;
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
.g-recaptcha {
    display: none;
}
input[type=submit] {
    margin-top: 10px;
    background-color: #00a63f;
    color: #3e3e3e;
    padding: 12px 90px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    outline: 0;
}
.features {
    padding-top: 0px;
    padding-bottom: 70px;
    background: #eeeeee;
    color: #333;
    text-align: center;
    margin-top: 11px;
}
.features h2 {
    font-size: 40px;
    font-weight: 200;
    -webkit-margin-before: 2.83em;
    -webkit-margin-after: 0.33em;
}
}

/* Small devices (tablets, 500px and up) */
@media (max-width: 500px) {

div#welcome-area {
    height: 651px;
    background: linear-gradient(0deg, rgba(3, 6, 8, 0.71), rgba(3, 6, 8, 0.38)),url(home-1-demo1.jpg)center center no-repeat;
    background-size: cover;
}
.description {
    margin-top: 8px;
    width: 324px;
}
.description h2 {
    color: #fff;
    font-size: 44px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-margin-after: 0;
}
.description h3 {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    -webkit-margin-before: 0.3em;
}
.contact-form {
    margin-top: 50px;
    width: 308px;
    padding: 25px;
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
.g-recaptcha {
    display: none;
}
input[type=submit] {
    margin-top: 10px;
    background-color: #00a63f;
    color: #3e3e3e;
    padding: 12px 90px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    outline: 0;
}
.features {
    padding-top: 0px;
    padding-bottom: 70px;
    background: #eeeeee;
    color: #333;
    text-align: center;
    margin-top: 386px;
}
.features h2 {
    font-size: 40px;
    font-weight: 200;
    -webkit-margin-before: 2.83em;
    -webkit-margin-after: 0.33em;
}
}