﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

body { background-color: #e4e4de; color: #333; font-family: 'Open Sans', sans-serif; font-weight: 400; }

input, select, textarea { color: #111; }

section#main { min-height: 400px; padding-bottom: 40px; background-color: #fff; }

.nowrap { white-space: nowrap; }
.relative { position: relative; }

/*a#logo { margin: 30px 0; display: block;}*/
header { color: #fff; height: 149px; background-image: url('./images/home-bg.png'); background-repeat: repeat-x; }
header .col-sm-6 { height: 149px; }

header .logo a { display: block; width: 307px; }
header .logo a img { display: block; }

header .phone { font-size: 40px; position: absolute; right: 0; top: 0; font-family: "Arial Rounded MT Bold", "Arial", "Helvetica", sans-serif; }
header .tag-line { font-size: 26px; position: absolute; right: 0; bottom: 0; font-family: "Arial Rounded MT Bold", "Arial", "Helvetica", sans-serif; }


footer { color: #c0c0c0; }
footer h4 { color: #fff; }
footer a { color: #08f; }
footer ul { padding: 0; margin: 0; list-style: none; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }

a { color: #0080ab; text-decoration: none; }
a:hover { color: #ab0000; text-decoration: none; }

a img { border: none; }

h1 { color: #ff9900; }
h2 { margin-top: 30px; color: #ff9900; }
h3 { color: #ff9900; }

.large { font-size: 120%; }
.strong { font-weight: bold; }

.alert { border-width: 2px; border-radius: 0; background-color: transparent; }
.alert.alert-success { border-color: #59c95b; color: #59c95b; }

/* Form */
.form-section { padding-bottom: 20px; }
.form-section .section-title { color: #ed1a3c; font-weight: bold; text-transform: uppercase; }
.form .field { /*clear: left;*/ padding-bottom: 10px; }
.form .field .title { text-transform: uppercase; line-height: 22px; font-size: 14px; font-weight: bold; padding-right: 0; }
.form .field .title label { text-transform: uppercase; line-height: 22px; font-size: 14px; font-weight: bold; margin-bottom: 0; }
.form .field .input { padding-left: 0; }
.form .field .options { padding-left: 0; }
.form input[type=text],
.form input[type=password],
.form input[type=number] { width: 100%; background-color: #fff; border: solid 1px #333; color: #333; padding: 2px 4px; height: 25px; }
.form textarea { width: 100%; background-color: #111; border: solid 1px #fff; color: #fff; padding: 2px 4px; }
.form select { width: 100%; background-color: #111; border: solid 1px #fff; color: #fff; }
.form .submit input { border: solid 1px #333; color: #333; }

.form .section-start { margin-top: 40px; }
.form .heading { font-size: 16px; text-transform: uppercase; }

.form .field .input.r_2 textarea { height: 48px !important; }
.form .field .input.r_3 textarea { height: 67px !important; }
.form .field .input.r_4 textarea { height: 86px !important; }
.form .field .input.r_5 textarea { height: 105px !important; }

.form .validation-summary-errors ul { padding: 0; margin: 10px 0; list-style: none; color: #f00; }
.form .input-validation-error { border-color: #f00 !important; background-color: #fcc !important; }
.form .field-validation-error { color: #f00; font-weight: bold; }

.forgot-password { margin-bottom: 12px; }

.submit-row { padding: 20px 0; }
/* End Form */


/* Custom Form Styles */
.form .field.field-domain-name .input input { width: 160px; }
/* End Custom Form Styles */

@media only screen and (max-width: 768px) {
	header .phone { font-size: 22px; color: #000; right: 15px; }
	header .tag-line { display: none; }
	h2 { margin-top: 40px; }
}

@media only screen and (min-width: 768px) {
	header .phone { font-size: 30px; }
	header .tag-line { font-size: 24px; text-align: right; }
}

@media only screen and (min-width: 960px) {
	header .phone { font-size: 36px; }
	header .tag-line { font-size: 26px; text-align: right; }
}
