/*/* Elements */

body {background-color: #515050;font-family: "Open Sans",sans-serif;}
.container-fluid {max-width: 915px; margin: auto; background: transparent; }


header {}
    header .header-top {height: 52px;background: #005A8C; -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 1); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 1); box-shadow: 0 4px 4px rgba(0, 0, 0, 1);}
    header .header-bottom {background: transparent url("../../../img/landing-pages/grader-tool-landing-page/bg.png") repeat 0 center; color: #FFF;}
        header .header-bottom .col-md-8, header .header-bottom .col-md-4 {display: inline-block;  vertical-align: middle;}
        header .header-bottom .image-container {background: rgba(149, 149, 149, 0.8);text-align: center;}
        header .header-bottom .col-md-4 img {max-width: 172px;text-align: center;margin-top: 15px;}
        header .header-bottom .col-md-4 h3 {margin-bottom: 20px;margin-top: 10px;}
        header .header-bottom .banner-headline {padding: 45px 0;}
        header .header-bottom .banner-headline h1{color: #ffffff; font-weight: 200; font-size: 39px; line-height: 48px; margin: 0; padding: 0;}
        header .header-bottom .banner-headline h2 {color: #ffffff; font-weight: 200; font-size: 26px; line-height: 36px; margin: 0; padding: 10px 80px 0 0;}

.main-content {margin-bottom: 0;background-color: #FFF;}
    .main-content .content {margin-top: 35px;}
        .main-content .content h2 {color: #005a8c; font-size: 20px; line-height: 27px; font-weight: 600; margin: 0; padding: 36px 0 16px;}
        .main-content .content p {color: #4c4d4f; font-size: 18px; line-height: 26px; margin-bottom: 20px;margin-top: 0;}
        .main-content .content .essentials-wheel {width: 280px; height: 273px;margin: 0 auto;}
        .main-content .content ul {list-style-type: none;margin-left: 10px;padding-left: 0;margin-bottom: 27px;}
            .main-content .content ul li {color: #4C4D4F;font-size: 18px;padding: 3px 0 6px 30px;background: transparent url("../../../img/landing-pages/grader-tool-landing-page/check.png") no-repeat 0 6px;margin-bottom: 0;}
        .main-content .content h3 {color: #4C4D4F;font-size: 16px;line-height: 24px;font-weight: 600;margin-bottom: 17px;margin-top: 27px;}
    .main-content .sidebar {text-align: center;background: rgba(149, 149, 149, 0.8);padding-left: 0;}
        .main-content .sidebar h2 {color: #005a8c; font-size: 20px; line-height: 27px; font-weight: 600; margin: 0; padding: 36px 0 10px; }
        .main-content .sidebar .info p {color: #4c4d4f; text-align: center; font-size: 16px; line-height: 24px; margin: 0 40px 10px 40px;}
        .main-content .sidebar a.call-phone {font-size: 32px; line-height: 32px; color: #005a8c; text-align: center; font-weight: 700; margin-bottom: 10px;}
        .main-content .sidebar form {margin-bottom: 10px;}
            .main-content .sidebar form .row {margin-left: 0;margin-right: 0;}
            .main-content .sidebar form .to-contact {color: #4c4d4f; text-align: center; font-size: 16px; line-height: 24px; margin: 0 40px 10px 40px;}
            .main-content .sidebar form input {margin-bottom: 0;background: none repeat scroll 0 0 #fff; font-weight: 400; padding: 0px 20px 2px 20px; box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;border: none;min-height: 37px;}
                .main-content .sidebar form input::-webkit-input-placeholder {color: #8e8e8e; font-size:14px; }
                .main-content .sidebar form input:-moz-placeholder {color: #8e8e8e; font-size:14px; }
                .main-content .sidebar form input::-moz-placeholder {color: #8e8e8e; font-size:14px; }
                .main-content .sidebar form input:-ms-input-placeholder {color: #8e8e8e; font-size:14px; }
                .main-content .sidebar form .invalid input {border-bottom: 1px solid #C63232;}
            .main-content .sidebar form label {font-size: 14px;font-weight: 400;color: #8E8E8E;padding: 12px 9px 2px 21px;}
            .main-content .sidebar form label .label {color: #4c4d4f; vertical-align: top; }
            .main-content .sidebar form .formfield,.main-content .sidebar form .btn-wrapper {width: 90%; margin-left: auto; margin-right: auto; }
            .main-content .sidebar form .btn-wrapper {display: block;float: left;width: 100%;margin-top: 20px;position: relative;}
            .main-content .sidebar form button {font-family: "Open Sans",sans-serif;background: #F19024; color: #ffffff; text-align: center; padding: 0 0; border: none;font-size: 14px; font-weight: 700;margin:0 0 20px 0;text-transform: none;border-radius: 10px;width: 81%;padding: 4px 0;line-height: 27px;transition: all 0.3s;}
            .main-content .sidebar form button.orange:after {content: ""; width: 33px; height: 32px; background: #d96227 url("../../../yospace/images/button-arrow.png") no-repeat 5px 5px; float: right; display: inline-block; border-radius: 8px; padding: 8px; margin-right: 3px; }
            .main-content .sidebar form button span {margin-left: 5px;font-size: 12px;}
            .main-content .sidebar form button:hover {background: #d96227;}
            .main-content .sidebar .white-arrow {position: absolute;top: -35px;left: -2px;color: #FFF;font-size: 25px;}
        .main-content .sidebar .info img {width: 186px;height: 122px;}
    


footer {}
    footer .footer-top {background-color: #ededed; text-align: center;}
    footer .footer-top .container-fluid {background-color: #ededed;}
    footer .footer-bottom {background-color: #005A8C;text-align: center;}
    footer .footer-bottom .container-fluid {background-color: #005A8C;}
    footer .footer-bottom p {color: #FFF;margin: 0;font-size: 11px;line-height: 19px;padding: 18px 0 0 0;}

/* Thank you page Styles */
.thank-you-page {text-align: center;}
    .thank-you-page .main-top{margin-bottom: 25px}
        .thank-you-page .main-top h2 {font-size: 40px;font-weight: 600;color: #000;}
        .thank-you-page .main-top h3 {font-size: 24px; font-style: italic;color: #707070;margin-top: 10px;}
    .thank-you-page .main-mid {background-color: #fdf7f0; border-radius: 3px;border: 3px solid #F5F0ED;padding: 35px 35px 20px 35px;margin-bottom: 45px;cursor: pointer; }
    .thank-you-page .main-mid img {margin-bottom: 30px;}
    .thank-you-page .main-mid p {color: #E99A44; font-size: 24px;width: 100%;}
    .thank-you-page .main-mid p span {font-size: 18px;}
    .thank-you-page .main-mid p span:last-child {font-size: 20px;}
    .thank-you-page .main-bottom {}
        .thank-you-page .main-bottom p {font-size: 18px; color: #707070;line-height: 23px;}

/* Helper Class */
.image-center {text-align: center;}

@media (min-width: 990px) {
    .main-content .sidebar {min-height: 700px;}
}

@media (min-width : 451px) and (max-width : 898px) {
}

@media (min-width: 744px) and (max-width : 765px) {
}

@media (min-width : 451px) and (max-width : 743px) {
    
}

@media (max-width : 990px) {.main-content .sidebar form button{width:45%}}

@media (max-width: 450px) {
    .clear60 {height: 0;}
    header .header-bottom .image-container {display: block;padding-bottom: 10px;}
    .contact-form {display: inline-block;}
    .main-content .sidebar .white-arrow {display: none;}
    .main-content .sidebar {margin-bottom: 20px;}
    footer .footer-bottom p {padding-bottom: 31px;}

    footer .col-xs-6 {width: 50%; }
}

@media (max-width: 767px) {
    header .header-top {height: auto; text-align: center;}
    header .header-bottom .banner-headline h1{font-size: 29px; line-height: 38px; margin: 0; padding: 0;}
    header .header-bottom .banner-headline h2 {font-size: 20px; line-height: 25px; }
    header .image-container {display: block !important;padding-bottom: 1px;}
    .main-content .content {display: inline-block;margin-top: 0;}
    .main-content .sidebar {display: inline-block;}
    .main-content .sidebar .white-arrow {display: none;}
    .main-content .sidebar form button {width:57%}    
}

*/