/*
Theme Name: The Josephs Group
Theme URI: http://thejosephsgroup.com/
Author: Randy Lair
Author URI: http://thejosephsgroup.com/
Description: Custom Wordpress Theme with ACF custom fields for backend simple editing.
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, custom fields
Text Domain: thejosephsgroup

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.
*/
@import 'https://fonts.googleapis.com/css?family=Josefin+Sans';body,html {
    font-family: josefin sans;
    background: #fff;
    color: #131313
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    margin: 0
}

img {
    max-width: 100%;
    height: auto
}

p {
    margin: 0 0 15px;
    line-height: 1.4
}

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

a:hover {
}

:focus {
    outline: 0
}

::-webkit-input-placeholder {
    font-style: italic
}

:-moz-placeholder {
    font-style: italic
}

::-moz-placeholder {
    font-style: italic
}

:-ms-input-placeholder {
    font-style: italic
}

.container:after,.sides:after,.myblock:after,.stickmymenu:after {
    content: "";
    clear: both;
    display: table
}

.container,.full-container {
    max-width: 1140px;
    padding: 0 30px;
    margin: 0 auto;
    position: relative
}

.pageheading h1 {
    font-size: 25px;
    text-transform: uppercase;
    position: relative;
    line-height: 35px;
    margin-bottom: 0;
    font-weight: 700;
    padding: 30px 0 11px;
    text-align: left
}

.the_content {
    text-align: justify;
    margin-bottom: 30px
}

.extra_stuff #address_search label {
    margin-right: 10px;
    line-height: 26px
}

.extra_stuff #address_search {
    background: #083f75;
    color: #fff;
    padding: 10px 20px;
    overflow: hidden
}

.extra_stuff .slp_search_form .search_box .search_item label {
    line-height: 26px;
    min-width: 0
}

.extra_stuff #addy_in_address {
    margin-bottom: 0;
    float: left;
    margin-right: 50px
}

.extra_stuff #radius_in_submit input {
    margin: 0;
    background: #83b629;
    border: 0;
    line-height: 26px;
    padding: 0 20px;
    border-radius: 1px;
    color: #fff
}

.extra_stuff .results_wrapper {
    border-radius: 0!important
}

.extra_stuff .results_wrapper:hover {
    cursor: pointer;
    background: #eee!important
}

.extra_stuff input,.extra_stuff select {
    border: 0!important;
    color: #000;
    line-height: 26px;
    padding: 0 10px;
    height: 26px
}

.extra_stuff .wpcf7-form input[type=submit] {
    height: auto!important;
    width: auto
}

.extra_stuff .slp_search_form .search_box .search_item {
    margin-bottom: 0
}

.extra_stuff #addy_in_radius {
    float: left;
    line-height: 26px
}

.extra_stuff #radius_in_submit {
    float: right
}

.extra_stuff .wpcf7-form {
    max-width: 100%;
    background: #f5f5f5
}

.extra_stuff .question {
    display: block
}

.extra_stuff .answer input[type=text],.extra_stuff .answer input[type=email] {
    border: solid 1px #000!important;
    height: 36px
}

.extra_stuff .question h4 {
    margin-top: 40px;
    margin-bottom: 10px
}

.extra_stuff .laststep {
    margin-top: 50px
}

.extra_stuff .wpcf7-form info {
    margin-bottom: 30px;
    display: block
}

.extra_stuff .answer .wpcf7-list-item-label {
    color: #fff;
    margin-bottom: 5px
}

.gass_top {
    border-bottom: solid 1px;
    padding-bottom: 10px;
    margin-bottom: 30px
}

.gass_top a {
    width: 25px;
    display: inline-block;
    border: solid 1px #aaa;
    line-height: 20px;
    text-align: center
}

.gass_top a:hover {
    background-color: #faaf40;
    border-color: #faaf40;
    color: #fff
}

.term_expl {
    text-align: justify;
    margin-bottom: 20px;
    border-bottom: solid 1px #ddd;
    margin-top: 4px
}

.alignleft,.ft_img {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto
}

#secondary .widget {
    margin-bottom: 60px
}

#secondary h2 {
    margin-bottom: 10px
}

#secondary ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.rndblog {
    width: 71%;
    float: left;
    margin-right: 3%;
    margin-top: 40px
}

#secondary {
    width: 26%;
    float: right;
    margin-top: 40px
}

.mysinglepost>a {
    color: #0072bc;
    text-decoration: none;
    margin: 20px 0 0;
    font-weight: 500;
    display: block
}

.mysinglepost:first-child {
    padding-top: 0
}

.social_share_bar iframe {
    margin-top: -5px
}

.social_share_bar>* {
    display: inline-block;
    margin-right: 5px
}

.social_share_bar script {
    display: none
}

.mysinglepost div {
    text-align: justify
}

.mysinglepost:last-child {
    border-bottom: 0
}

.mysinglepost {
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid #e3e3e3;
    padding: 30px 0 40px
}

.meta_archivedate {
    font-size: 12px;
    padding: 0 0 20px
}

.social_share_bar {
    padding: 10px 0 5px;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    margin-bottom: 30px
}

.mysinglepost h2 a {
    font-size: 28px;
    letter-spacing: .2px;
    text-decoration: none;
    color: #2f3030;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 10px;
    display: block
}

#secondary .widget_recent_entries li a {
    font-size: 14px;
    line-height: 2;
    color: #3c3c3c;
    font-weight: 500
}

#secondary .widget_categories li a {
    font-size: 14px;
    line-height: 2;
    color: #3c3c3c;
    text-transform: uppercase
}

#secondary .widget .widget-title {
    font-size: 22px;
    line-height: 2;
    letter-spacing: .4px;
    margin-bottom: 0
}

.single_letter a:hover {
    background-color: #5f5e5e
}

.single_letter a {
    float: right;
    width: 130px;
    background: #faaf40;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 6px;
    box-sizing: border-box;
    border-radius: 0
}

.single_letter p {
    margin-bottom: 0
}

.single_letter h4 {
    font-size: 12px;
    text-align: left;
    max-width: 75%;
    float: left;
    font-family: open sans;
    text-transform: none;
    font-weight: 400;
    color: #666;
    font-style: normal
}

.single_letter:nth-child(even) {
    background: #e5e5e5;
    background-image: url(/wp-content/img/pdf.png);
    background-repeat: no-repeat;
    background-position: 20px center
}

.single_letter {
    background: #f3f3f3;
    position: relative;
    overflow: hidden;
    padding: 20px;
    padding-left: 80px;
    background-image: url(/wp-content/img/pdf.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    margin-bottom: 10px
}

.single_letter h2 {
    font-size: 18px!important;
    margin: 0;
    margin-bottom: 10px!important;
    line-height: 1;
    font-weight: 700
}

.btnred {
    float: right;
    font-size: 30px
}

.success_message {
    margin: 0 auto;
    padding: 30px 0;
    text-align: justify
}

.success_page img {
    padding: 20px 0;
    text-align: center;
    display: block;
    margin: 0 auto;
    max-width: 200px
}

.success_page h4 {
    font-size: 17px;
    text-align: center;
    line-height: 1;
    font-weight: 500
}

.success_page h2 {
    font-size: 41px;
    text-align: center;
    padding-top: 60px;
    line-height: 1;
    font-weight: 700
}

.mbtns {
    overflow: hidden
}

.mbtns a {
    background: #faaf40;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    border: solid 1px #000;
    color: #fff
}

.mbtns a img {
    height: 30px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px
}

.soloc img {
    width: 100%
}

.soloc h3 {
    margin-bottom: 10px
}

.soloc {
    margin-bottom: 80px
}

.soloc {
    width: 31%;
    float: left;
    text-align: center
}

.soloc:nth-child(2) {
    margin: 0 3.5%
}

div.wpcf7 .ajax-loader {
    display: none!important
}

.bottom_proc {
    text-align: center
}

.steps_part h3 {
    font-size: 17px;
    margin-bottom: 5px
}

.step_text {
    font-size: 14px
}

.mnr {
    font-size: 20px;
    margin: 10px 30px 30px 10px;
    width: 50px;
    float: left;
    height: 50px;
    background: #83b629;
    border-radius: 100px;
    color: #fff;
    text-align: center
}

.mnr span {
    font-size: 13px;
    display: block;
    padding-top: 5px
}

.single_step {
    border: solid 1px;
    border-bottom: 0;
    padding: 20px
}

.single_step:last-child {
    border-bottom: solid 1px;
    margin-bottom: 50px
}

.steps_part {
    padding: 0 0 10px
}

.steps_part h2 {
    text-align: center;
    font-size: 26px;
    margin-bottom: 30px
}

.process .videosmall {
    max-width: 100%;
    margin-bottom: 80px
}

.alltestlink {
    width: 200px;
    color: #fff;
    margin: 20px auto 0;
    display: block;
    text-align: center
}

.widy {
    width: 400px;
    float: left;
    padding-right: 20px;
    padding-bottom: 20px
}

.single_mytest {
    overflow: hidden;
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: solid 1px #ddd
}

.lefty {
    width: 200px;
    float: left;
    padding-right: 20px;
    padding-bottom: 20px
}

.lefty img {
    width: 100%;
    height: auto
}

.rthirds {
    margin-top: 40px
}

.lidd_mc_select_fancy_light,.lidd_mc_select_fancy_dark {
    padding: 0!important;
    height: auto!important;
    border: 0!important;
    box-sizing: border-box!important;
    width: 100%!important;
    margin-bottom: 20px!important
}

.lidd_mc_input_light input[type=text],.lidd_mc_input_light select {
    padding: 3px!important;
    height: auto!important;
    border: solid 1px #333!important;
    box-sizing: border-box!important;
    width: 100%!important;
    margin-bottom: 10px!important
}

.rthird.calc input[type=submit],.multicalc input[type=submit] {
    cursor: pointer;
    border: 0!important;
    font-size: 20px;
    border: solid 1px;
    padding: 8px 30px;
    background: #0a3057;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.2px
}

.lidd_mc_input_light select {
    margin-bottom: 0!important
}

.lidd_mc_input {
    margin-bottom: 0!important
}

.rthird h3 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
    text-transform: uppercase
}

.rthird {
    width: 31%;
    float: left;
    background: #e2e2e2;
    padding: 30px;
    box-sizing: border-box
}

.rthird.calc label {
    color: #000
}

.rthird.calc {
    margin: 0 3.5%
}

.faq .paragraph.multicalc {
    padding: 30px 40px 40px
}

.rthird.calc .paragraph {
    background: #b0b0b0;
    padding: 20px 40px
}

.main_page {
    padding: 40px 0 100px
}

.ov_link.green_btn {
    margin-left: 0
}

.ov_link.blue_btn {
    margin-left: 40px
}

.overview_page {
    padding: 0 0 50px
}

.loansingle {
    padding: 60px 0 40px
}

.loansingle .right {
    text-align: r
}

.loansingle h4 {
    margin-left: 20px
}

.loansingle h2 {
    margin-bottom: 15px
}

.loantypesroll .loansingle:nth-child(odd) {
    background: #eee
}

.testimonials_part {
    background: gray;
    color: #fff;
    height: 300px
}

.testimonials_part h2 {
    font-size: 26px!important;
    margin: 10px 0
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.test_meta {
    text-align: right
}

.tbig {
    font-size: 16px;
    padding-bottom: 4px
}

.tsmall {
    font-size: 14px
}

.test_content .test_text {
    max-width: 100%;
    text-align: justify;
    font-size: 14px;
    line-height: 1.2;
    font-style: italic
}

.test_text {
    max-width: 90%;
    margin: 20px auto;
    font-size: 17px;
    text-align: center;
    line-height: 1.3
}

.test_img img {
    margin: 0 auto;
    text-align: center;
    border-radius: 100%;
    margin-bottom: 10px;
    width: 90px
}

.test_title,.test_position {
    display: block;
    text-align: center
}

.test_title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.3
}

.test_position {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.3
}

.main_page h2 {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.content_area_part {
    padding: 20px 0 60px
}

.content_area_part h1 {
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding-top: 40px
}

.cloned .stickmymenu .atel a {
    color: #111;
    background: #fff
}

.menupart.cloned .aconsult a {
    background: #333!important;
    color: #e3e3e3!important
}

.menupart .stickmymenu .aconsult a.btn {
    background: #fff;
    color: #131313
}

.menupart .stickmymenu .aconsult a.btn:hover {
    color: #fff
}

.menupart .aright a,.stickmymenu .aright a {
    line-height: 31px;
    color: #fff;
    margin: 0;
    box-sizing: border-box;
    padding: 0 35px;
    font-size: 14px;
    font-weight: 700
}

.menupart .aright,.stickmymenu .aright {
    float: right;
    margin-left: 20px;
    margin-right: 0;
    width: auto;
    padding: 2px 0
}

.videosmall .linktext {
    color: #5c5c5c;
    text-decoration: none;
    font-size: 16px;
    padding: 10px 0 40px
}

.videosmall {
    text-align: center;
    max-width: 250px;
    margin: 0 auto
}

.videosmall a {
    display: block;
    margin: 0 auto
}

.menupart.original a.btn {
    background: 0 0;
    color: #555
}

.menupart a.btn:hover {
    background: #5f5e5e!important;
    color: #fff;
    !important;border-color: #faaf40
}

.menupart {
    background: #e3e3e3;
    margin-bottom: 50px
}

.formsteps div.wpcf7-response-output,.formsteps .ajax-loader {
    display: none!important
}

.stickmymenu li a {
    font-size: 11px;
    font-weight: 700;
    color: #585858;
    text-decoration: none;
    line-height: 37px;
    text-transform: uppercase;
    display: block
}

.stickmymenu li {
    display: inline-block;
    margin-right: 40px
}

.stickmymenu {
    padding: 10px 0;
    list-style: none;
    margin: 0
}

.stickmymenu .aconsult a,.stickmymenu .atel a {
    border-color: #585858
}

.answer input[type=text],.answer input[type=email] {
    box-sizing: border-box;
    width: 100%;
    max-width: 300px;
    margin-bottom: 0;
    color: #000;
    text-align: center
}

.formsteps info {
    font-size: 14px;
    opacity: .8
}

.myback,.mynext {
    color: #ddd;
    cursor: pointer;
    width: 100px;
    margin: 0 auto;
    margin-bottom: 15px;
    display: inline-block
}

.answer {
    overflow: hidden;
    margin-bottom: 15px
}

.mynext {
    display: none
}

.question h4 {
    font-size: 20px;
    margin-bottom: 20px
}

.answer .wpcf7-list-item input {
    display: none
}

.answer .wpcf7-list-item-label {
    display: block;
    background: #83b629;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer
}

.answer .wpcf7-list-item-label.labelactive {
    background: #d28001
}

.greyvalues {
    background: #f3f3f3;
    padding: 20px;
    margin: 60px 0;
    overflow: hidden
}

.call_part {
    text-align: center
}

.call_part h2 {
    font-size: 26px
}

.call_part h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 2
}

.call_part a {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    line-height: 2
}

.mission {
    margin-bottom: 100px
}

.mission h2 {
    font-size: 19px;
    margin-bottom: 10px
}

.value h3 {
    margin-bottom: 20px;
    text-transform: uppercase
}

.value .paragraph {
    font-size: 14px
}

.value {
    width: 50%;
    float: left;
    padding: 40px;
    box-sizing: border-box;
    text-align: center
}

.value img {
    height: 60px
}

.my_pagination .page-numbers.current {
    font-weight: 700;
    border: 0
}

.my_pagination {
    clear: both
}

.my_pagination>*:first-child:before {
    content: "Page:  ";
    padding-right: 7px
}

.my_pagination {
    text-align: right;
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.my_pagination .page-numbers {
    padding: 2px 4px;
    display: inline
}

.my_pagination a {
    text-decoration: none;
    color: #9c9c9c;
    font-size: 14px
}

.single_project .project_content h6 {
    font-weight: 400;
    font-size: 16px;
    font-style: normal;
    color: #555
}

.single_project .project_image img {
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: 5px
}

.single_project .project_content h3 a {
    text-decoration: none;
    color: #434c6a;
    font-size: 22px;
    padding-top: 5px;
    display: block
}

.single_project .project_content {
    margin-top: 0;
    text-align: left;
    margin-bottom: 40px
}

.single_project .project_content span:after {
    content: ", "
}

.single_project .project_content span:last-child:after {
    content: ""
}

.single_project:nth-child(3n+1) {
    margin-left: 0
}

.single_project:nth-child(3n) {
    margin-right: 0
}

.single_project {
    width: 31.33%;
    float: left;
    margin: 0 1.5%;
    height: 520px
}

.bgarea h2,.bgarea h1 {
    font-size: 43px;
    text-transform: uppercase
}

.bgarea h4 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400
}

.bgarea {
    background-color: #faaf40;
    color: #fff;
    padding: 40px 0 30px;
    background-position: center;
    background-size: cover
}

footer ul {
    padding: 0;
    margin: 0;
    list-style: none
}

footer ul ul {
    display: none
}

footer ul a {
    color: #fff;
    margin-bottom: 6px;
    display: block
}

footer h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.quarter {
    width: 25%;
    float: left
}

.quarter:nth-child(2) {
    padding-left: 40px;
    box-sizing: border-box
}

.quarter:nth-child(4) {
    text-align: right;
    font-weight: 700
}

footer .logo {
    margin-bottom: 10px
}

.contactpage .left {
    width: 48%;
    float: left;
    margin-right: 2%
}

.contactpage .right {
    width: 48%;
    float: right;
    margin-left: 2%
}

.wpcf7-form p {
    margin-bottom: 0
}

.wpcf7-form textarea {
    height: 160px
}

.formsteps {
    display: none
}

.wpcf7-form input[type=submit] {
    background: #988151;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    font-size: 22px;
    width: 170px;
    text-transform: uppercase;
    padding: 10px 40px 5px
}

.wpcf7-form input,.wpcf7-form textarea {
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
    padding: 10px 20px;
    border: 0;
    border-radius: 0
}

.wpcf7-form .cp {
    font-size: 12px;
    margin-bottom: 30px;
    line-height: 1.3
}

.contact_page .clogo {
    padding: 20px 0
}

.contactpage .wpcf7-form {
    background: #083f75
}

.wpcf7-form {
    background: #dbdbdb;
    max-width: 550px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 20px 50px;
    text-align: center
}

.mnav {
    text-align: center
}

.formsteps .wpcf7-form {
    background: 0 0;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    padding: 10px 0
}

.formsteps .wpcf7-form input[type=submit] {
    display: block;
    margin: 0 auto;
    background: #83b629;
    width: auto;
    display: block;
    padding: 8px 40px;
    border-radius: 0;
    cursor: pointer;
    margin-bottom: 20px
}

.question {
    display: none
}

.map_frame iframe {
    max-width: 100%
}

#contact_part h2 {
    font-size: 24px;
    line-height: 1;
    padding-bottom: 15px
}

.contactpage .right a {
    text-decoration: none;
    color: #666
}

.contactpage .right h2 {
    margin-top: 0;
    line-height: 1.4;
    font-weight: 700
}

.contactpage .themap h2 {
    margin-top: 92px
}

.contactpage {
    margin-bottom: 100px!important
}

.wpcf7-form .cbutt input[type=submit] {
    background: #83b629;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 9px 20px 5px;
    font-weight: 700;
    font-size: 17px;
    width: 290px;
    margin-top: 20px;
    letter-spacing: .5px;
    white-space: normal
}

.theform .left {
    margin-bottom: 20px
}

.theform .wpcf7-list-item {
    display: block;
    color: #fff;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    margin-left: 0
}

.theform input[type=checkbox] {
    display: inline;
    width: auto;
    vertical-align: -10%
}

.contactpage .wpcf7-form {
    padding: 25px
}

.theform h3 {
    text-align: left;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px
}

.theform p {
    margin: 0
}

.wpcf7-form .theform input,.wpcf7-form .theform textarea {
    margin: 0;
    padding: 5px;
    margin-bottom: 15px
}

.theform .labels {
    text-align: left;
    color: #fff;
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    clear: left
}

.contact_form_title {
    font-size: 24px;
    line-height: 1.4;
    color: #fff;
    text-align: left;
    font-weight: 700
}

.contact_form_description {
    text-align: left;
    color: #fff;
    padding-bottom: 25px
}

.main_contact {
    margin-bottom: 60px;
    margin-top: 60px
}

footer {
    margin-top: 100px
}

.leftitle {
    text-align: left!important;
    margin-bottom: 20px;
    font-size: 26px!important
}

.question_part a {
    display: block;
    text-align: center;
    font-size: 30px
}

.home .question_part a {
    display: block;
    text-align: center;
    padding-bottom: 60px;
    border-bottom: solid 1px #eee;
    font-size: 30px
}

.sigle_big_test strong {
    display: block;
    font-size: 14px
}

.sigle_big_test span {
    font-size: 12px!important;
    letter-spacing: -1px
}

.sigle_big_test {
    float: none;
    display: inline-block;
    padding: 0 10px;
    width: 380px;
    box-sizing: border-box;
    vertical-align: top
}

.slick_sponsors {
    width: 85%;
    float: right
}

.sponspors>.full-container>span {
    width: 15%;
    float: left;
    line-height: 75px;
    font-weight: 700
}

.home .bgvideo {
    height: 600px;
    overflow: hidden;
    text-align: center
}

.bgvideo {
    max-height: 600px;
    overflow: hidden
}

.hero_span {
    font-size: 11px;
    font-weight: 300;
    display: block;
    margin-bottom: 40px
}

.caption .linktext {
    display: block;
    line-height: 32px;
    color: #fff;
    font-size: 16px;
    text-decoration: none
}

.caption {
    color: #fff;
    text-align: center
}

.caption .paragraph {
    font-size: 17px;
    max-width: 820px;
    margin: 0 auto;
    letter-spacing: 2px
}

.slider_buttons {
    text-align: center;
    margin: 30px 0 60px;
    vertical-align: top
}

.slider_buttons div {
    display: inline-block;
    vertical-align: top
}

.slider_buttons a.bluebtn {
    background: rgba(0,0,0,.4)
}

.slider_buttons a {
    text-decoration: none;
    width: 250px;
    display: inline-block;
    color: #fff;
    line-height: 45px;
    font-size: 22px;
    box-sizing: border-box;
    margin: 0 10px
}

.slider_buttons .schedule_link {
    font-size: 22px;
    width: 200px
}

.slider_buttons .phone_number {
    font-size: 22px;
    width: 200px;
    color: #fff;
    background: rgba(0,0,0,.4);
    padding: 6px 20px 4px;
    line-height: 1.1
}

.phone_number:hover {
    background: #fff
}

.caption h1 span {
    font-size: 25px;
    display: block;
    padding-bottom: 15px;
    font-weight: 400;
    color: #fff
}

.caption h1 {
    font-size: 60px;
    line-height: 1;
    max-width: 1e3px;
    margin: 0 auto 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    color: #faaf40
}

.caption h3 {
    font-size: 42px;
    font-weight: 300;
    max-width: 800px;
    margin: 0 auto;
    letter-spacing: 10px
}

.sponspors img,.sponspors .box {
    display: inline-block!important;
    line-height: 75px;
    vertical-align: middle;
    padding: 0 10px
}

#start {
    cursor: pointer
}

.caption .btn:hover {
    border: solid 2px
}

.caption .btn {
    padding: 10px 30px;
    font-size: 16px;
    border: solid 2px #faaf40
}

.bgvideo img,#video_background {
    width: 100%;
    height: auto;
    display: block;
    z-index: 1
}

.bgvideo img.home_hero_image {
    position: relative;
    z-index: 1;
    height: 600px;
    width: auto;
    margin: 0 auto;
    display: block;
    max-width: 999999px
}

.inner_hero .bgvideo img.home_hero_image {
    height: 345px
}

.full_hero.inner_hero .bgvideo img.home_hero_image {
    width: 100%;
    height: auto
}

.inner_hero .caption {
    text-align: left
}

.inner_hero .caption h2 span {
    display: block;
    font-size: 22px;
    font-weight: 400;
    margin-top: 20px
}

.inner_hero .caption h2 {
    margin-top: 200px;
    font-size: 30px;
    text-transform: uppercase
}

.inner_hero .caption h4 {
    font-size: 20px;
    margin-top: 10px
}

.inner_hero .caption h3 {
    text-align: left;
    display: inline-block;
    margin: 0;
    background: #fff;
    color: #333;
    padding: 5px 10px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 2px
}

.inner_hero .caption-wrap {
    top: 120px;
    height: 200px;
    padding: 30px
}

.caption-wrap {
    height: 300px;
    width: 100%;
    position: absolute;
    top: 300px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    max-width: 1200px;
    padding: 15px;
    box-sizing: border-box;
    z-index: 3
}

.heropart {
    position: relative;
    z-index: 9
}

.hero_inner img {
    margin: 0 auto;
    display: block;
    position: ab
}

.hero_inner {
    background: #b1c2d2;
    overflow: hidden
}

.hero_inner .caption-wrap {
    top: 50px
}

.hero_inner .caption-wrap h3 {
    font-size: 23px;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 10px
}

.hero_inner .caption-wrap h1 {
    font-size: 52px;
    text-transform: uppercase;
    letter-spacing: 0
}

.herobtns {
    margin: 20px 0 60px;
    text-transform: uppercase
}

.herobtns span {
    display: block;
    text-transform: none;
    margin-bottom: 40px
}

.overlay-black {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(19,19,19,.87)
}

.sponspors {
    background: #fff;
    border-top: solid 1px #bdbdbd;
    border-bottom: solid 1px #bdbdbd
}

.reasons .paragraph {
    margin-bottom: 40px;
    font-size: 14px
}

.bg_part {
    background: #f2f2f2;
    text-align: center;
    margin-bottom: 30px
}

.reviews_loop {
}

.reviewbox a {
    display: block;
    text-align: center;
    font-size: 12px
}

.reviewbox img {
    width: 20%;
    float: left
}

.reviewbox h2 {
    font-size: 14px!important;
    margin-bottom: 13px
}

.reviewbox {
    width: 32%;
    float: left
}

.reviewbox:nth-child(1) {
    margin-right: 1%
}

.reviewbox:nth-child(2) {
    margin-right: 1%;
    margin-left: 1%
}

.reviewbox:nth-child(3) {
    margin-left: 1%
}

.reasons h3 {
    text-transform: uppercase;
    margin-bottom: 30px
}

.left {
    width: 49%;
    float: left
}

.right {
    width: 49%;
    float: right
}

footer .right {
    text-align: right
}

.resonbox {
    width: 130px;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px
}

.bg_part .left>a {
    color: #083f75;
    font-weight: 700;
    text-align: center;
    display: block;
    font-size: 14px
}

.bg_part .left>a:hover {
    text-decoration: underline
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.blue_part {
    background: #013d79;
    color: #fff;
    margin: 30px 0;
    padding: 50px 0 40px!important
}

#resources {
    padding: 80px 0
}

#resources>.full-container>h2 {
    font-size: 26px
}

.section {
    padding: 40px 0
}

.threetests .paragraph {
    font-size: 14px
}

.threetests .slick-prev,.threetests .slick-next {
    top: 60px
}

.threetests img {
    float: left;
    padding-right: 15px;
    padding-bottom: 100px
}

.blue_part h2 {
    font-size: 26px!important;
    margin-bottom: 60px
}

.section.question_part h2 {
    font-size: 26px;
    margin-bottom: 7px
}

.section.question_part h4 {
    font-size: 18px;
    font-weight: 400
}

.section h2 {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase
}

.section h4 {
    text-align: center;
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 20px;
    font-style: normal
}

.levelone {
    text-align: right;
    width: 100%;
    display: block
}

.btn {
    margin: 5px 0 5px 15px;
    padding: 7px 25px;
    background: #0a3057;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 0
}

.btn:hover {
    background: #131313;
    color: #fff;
    border: solid 1px #fff
}

.green_btn {
    background: #faaf40;
    border: solid 1px #fff;
    text-transform: uppercase;
    color: #131313
}

.blue_btn {
    background: 0 0;
    border: solid 1px
}

.topbar a:hover .fa,.footer a:hover .fa {
    color: #fff
}

.topbar {
    background: #b1c2d2;
    color: #fff;
    padding: 5px 0;
    height: 10px
}

.tleft {
    width: 50%;
    float: left;
    color: #999
}

.tright {
    width: 50%;
    float: right;
    text-align: right
}

.logo img {
    max-width: 100%
}

.logo_part {
    text-align: left;
    float: left;
    width: 30%
}

.themenupart {
    float: right;
    width: 70%;
    padding-top: 50px
}

.themenupart ul {
    text-align: right;
    list-style-type: none;
    margin: 20px 0 40px;
    padding: 0;
}

#menu-main>li {
    display: block;
    float: none;
    padding-bottom: 20px;
    display: inline-block;
}

.themenupart ul li a {
    color: #faaf40;
    padding: 5px 10px;
    font-size: 20px;
    border-bottom: solid 2px #fff;
    margin: 0 20px;
    font-size: 16px;
    display: block
}

.themenupart ul li a:hover {
    color: #fff;
    border-color: #faaf40
}

.logo {
    padding: 10px 0;
    display: block;
    display: inline-block
}

header {
    z-index: 999
}

#masterhead .hleft {
    width: auto;
    display: inline-block
}

.bars {
    color: #faaf40;
    font-size: 60px;
    float: right;
    width: 10%;
    cursor: pointer;
    text-align: right
}

.menu-main-container {
    width: 90%;
    float: left;
    display: none
}

#masterhead .hright {
    width: auto;
    display: inline-block;
    float: right
}

.sided_top {
    position: relative
}

#masterhead {
    background: 0 0;
    position: absolute;
    z-index: 99;
    width: 100%;
    padding: 0 0 20px
}

.current_page a,hright ul li a:active {
    background: #418bca;
    color: #fff!important
}

#menu-main {
}

@media (min-width: 1200px) {
    #menu-main>li:hover>ul {
        position: absolute;
        display: block;
        background: #000;
        width: 100%;
        border: 0;
        top: 96px;
        border-top: solid 1px #fff;
        padding: 10px 0;
        left: 0
    }

    #menu-main>li:hover>ul>li {
        width: 25%;
        float: right;
    }

    #menu-main>li:hover>ul>li>a {
        font-size: 14px;
        padding: 5px 0;
        border-bottom: solid 1px #999;
        padding-bottom: 0;
        margin-bottom: 10px
    }

    #menu-main>li:hover>ul>li>ul {
        width: 100%;
        position: relative;
        padding: 0;
        margin: 0;
        display: block;
        color: #fff;
        font-size: 12px;
        background: 0 0;
        border: 0;
        left: 0
    }

    #menu-main>li:hover>ul>li>ul>li a {
        border: 0;
        font-size: 12px;
        padding-bottom: 0;
        padding: 5px 0
    }

    #menu-main>li:hover>ul>a {
        border-bottom: 0
    }
}

#menu-main ul {
    position: absolute;
    background: #fff;
    border-top: solid 1px #083f75;
    left: 20px;
    border-bottom: solid 1px #083f75;
    width: 220px;
    text-align: left;
    padding: 5px 0;
    display: none;
    z-index: 999;
    box-shadow: 2px 2px 2px 0 #000
}

#menu-main ul li {
    display: block
}

#menu-main ul a {
    font-size: 14px;
    line-height: 1.8;
    display: block;
    text-transform: none;
    margin-right: 20px
}

.hright ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
    padding: 15px 0
}

.hright ul li {
    display: inline-block;
    position: relative
}

.hright ul li:hover ul {
    display: block!important
}

.hright ul li a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 30px;
    display: block;
    letter-spacing: 1px;
    line-height: 20px;
    font-weight: 700;
    line-height: 40px
}

.hright ul li a:hover,.hright ul li a:focus {
    color: #ccc
}

footer {
    color: #fff;
    background: #181818;
    padding: 70px 0 0;
    text-align: left;
    font-size: 14px;
    color: #fff
}

footer h5 {
    font-style: 16px;
    font-weight: 500;
    margin-bottom: 10px
}

.copyright>.container>a {
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 20px
}

.copyright {
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

.copyright a {
    color: #fff
}

.copyright .container {
    padding-top: 30px;
    padding-bottom: 10px;
    line-height: 30px
}

.mediabar {
    display: inline-block;
    margin-left: 20px
}

.mediabar a {
    line-height: 30px;
    width: 30px;
    display: inline-block;
    text-align: center;
    background: #3c3c3c
}

.leftbar .menu li a {
}

.leftbar .menu {
    list-style-type: none
}

.leftbar .menu ul {
    list-style-type: none;
    display: none
}

.leftbar .menu .current-menu-parent>a,.leftbar .menu .current-menu-item>a {
    background: #000;
    color: #fff!important;
    border-right: solid 4px #faaf40
}

.leftbar .menu li:hover>a {
    background-color: #5f5e5e;
    color: #fff
}

.leftbar .menu li a {
    width: 100%;
    border-bottom: solid 1px #ccc;
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    padding: 8px 15px;
    box-sizing: border-box;
    font-weight: 400;
    letter-spacing: initial
}

.leftbar .menu {
    width: 276px;
    margin-left: 0;
    border-right: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background: #fff;
    background: -moz-linear-gradient(left,#fff 14%,#f7f9f9 100%);
    background: -webkit-linear-gradient(left,#fff 14%,#f7f9f9 100%);
    background: linear-gradient(to right,#fff 14%,#f7f9f9 100%);
    filter: progid:DXImageTransform .Microsoft .gradient(startColorstr='#ffffff',endColorstr='#f7f9f9',GradientType=1)
}

.overview_blocks a {
    color: #418bca
}

.overview_blocks img {
    width: 100%
}

.overview_blocks .paragraph {
    margin-top: 10px
}

.myblock {
    margin-bottom: 60px
}

.myblock .video_block h2 {
    font-size: 16px;
    height: 19px;
    overflow: hidden
}

.video_block,.project_block {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 30px
}

.video_block:nth-child(even),.project_block:nth-child(even) {
    width: 48%;
    float: right;
    margin-right: 0;
    margin-left: 2%
}

.myblock h2 {
    font-size: 20px;
    margin-bottom: 5px
}

.myblock .paragraph {
    text-align: justify;
    margin-bottom: 30px
}

.leftbar .menu .sub-menu {
    padding-left: 20px;
    display: none
}

.leftbar .menu .current-menu-item .sub-menu,.leftbar .menu .current-menu-ancestor .sub-menu {
    display: block
}

.leftbar .menu .sub-menu li a {
    font-size: 13px
}

.leftbar .menu {
    width: 276px;
    margin-left: 0;
    border-right: solid 1px #ccc;
    border-top: solid 1px #ccc;
    background: #fff;
    background: -moz-linear-gradient(left,#fff 14%,#f7f9f9 100%);
    background: -webkit-linear-gradient(left,#fff 14%,#f7f9f9 100%);
    background: linear-gradient(to right,#fff 14%,#f7f9f9 100%);
    filter: progid:DXImageTransform .Microsoft .gradient(startColorstr='#ffffff',endColorstr='#f7f9f9',GradientType=1);
    padding: 0;
    list-style: none;
    margin: 0
}

.mainright {
    width: 72%;
    float: right;
    margin-left: 0;
    padding-bottom: 30px;
    margin-bottom: 50px;
    text-align: justify
}

.fixme {
    position: fixed;
    top: 20px
}

.absme {
    position: absolute;
    left: 30px;
    right: 0;
    top: 0;
    bottom: 0
}

.leftbar {
    width: 276px;
    float: left
}

.breadarea .full-container {
    padding: 0!important
}

.breadarea h2,.breadarea select {
    display: none
}

.breadarea {
    background: #fff;
    padding: 0 30px;
    margin-bottom: 40px;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    border-bottom: 20px;
    clear: both
}

.breadcrumbs,.breadcrumbs a,.breadcrumbs h1 {
    font-family: open sans,sans-serif;
    font-size: 12px;
    color: #424242;
    text-decoration: none;
    font-style: normal;
    display: inline;
    font-weight: 400
}

.breadarea .full-container {
    border-bottom: solid 1px #e6e6e6;
    overflow: hidden;
    padding: 15px 0 10px!important
}

.breadcrumbs {
    float: left;
    width: 70%
}

.social-share a,.social-share a img {
    display: inline-block;
    height: 18px
}

.social-share {
    float: right;
    width: 30%;
    text-align: right;
    height: 18px
}

.leftbar h2,.mainright>h1,.mssearch h1,.products_contain h1,.full_sized h1 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 30px 0 20px;
    text-align: left
}

.single-course h1,.mainright>h1,.full_sized h1 {
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    line-height: 35px;
    margin-bottom: 0;
    padding-top: 24px
}

.single_item:nth-child(3n+1) {
    margin-left: 0
}

.single_item:nth-child(3n) {
    margin-right: 0
}

.single_item {
    width: 31.33%;
    float: left;
    margin: 0 1.5%
}

.twobytwo .single_item:nth-child(3n+1) {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-left: 0
}

.twobytwo .single_item:nth-child(3n) {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-left: 0
}

.twobytwo .single_item {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-left: 0
}

.twobytwo .single_item:nth-child(even) {
    width: 48%;
    float: right;
    margin-right: 0;
    margin-left: 2%
}

.twobytwo .single_item img {
    width: 100%
}

.single_item .squere img,.widebox img {
    width: 100%;
    display: block
}

.item_content {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd
}

.item_content h2 a {
    font-size: 16px;
    color: #333
}

.item_content h2 {
    font-size: 16px;
    margin: 10px 0 0;
    height: 40px;
    overflow: hidden
}

.actions a {
    font-size: 12px
}

.actions .fa {
    padding-right: 5px
}

.aleft {
    width: 50%;
    float: left;
    text-align: left
}

.aright {
    width: 50%;
    float: right;
    text-align: right
}

.item_content .paragraph {
    height: 65px;
    overflow: hidden;
    font-size: 13px;
    text-align: justify;
    margin-bottom: 10px
}

.aniimated-thumbnials>a {
    display: none
}

.aniimated-thumbnials>a:first-child {
    display: block
}

.squere,.widebox {
    position: relative;
    overflow: hidden;
    display: block
}

.squere img,.widebox img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%)
}

.embed-container,.iframe_container {
    position: relative;
    padding-bottom: 52%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto
}

.embed-container iframe,.embed-container object,.embed-container embed,.iframe_container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pdf_blocks h2 {
    font-size: 16px;
    text-align: center;
    height: 38px;
    overflow: hidden
}

.pdf_blocks .fa {
    font-size: 100px;
    color: #fff;
    line-height: 2
}

.pdf_blocks a {
    width: 100%;
    background: #333;
    display: block;
    text-align: center;
    line-height: 2
}

.pdf_block {
    width: 24%;
    float: left;
    margin: 0 .66%;
    margin-bottom: 30px
}

.pdf_block:nth-child(4n+1) {
    margin-left: 0
}

.pdf_block:nth-child(4n) {
    margin-right: 0
}

.links_blocks li {
    width: 33%;
    float: left
}

.links_blocks ul {
    overflow: hidden;
    padding-left: 18px
}

.faqblocks {
    border-bottom: solid 1px #aaa
}

.faq h2:after {
    content: "\f0d7";
    font-family: fontawesome;
    position: absolute;
    right: 5px;
    top: 6px;
    border-radius: 17px;
    height: 17px;
    width: 17px;
    text-align: center;
    line-height: 18px;
    font-size: 15px;
    background: #5f5e5e;
    color: #fff
}

.faq h2 {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    border: solid 1px #aaa;
    border-bottom: 0;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.3;
    text-transform: none;
    font-weight: 400;
    text-align: left;
    background: #fff
}

.faq .active {
    background: #83b629;
    color: #fff;
    border-color: #000
}

.faq .active:after {
    content: "\f0d8";
    border-color: #fff;
    line-height: 16px
}

.faq .paragraph {
    border: solid 1px #000;
    padding: 10px 10px 0;
    text-align: justify;
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
    font-size: 13px;
    background: #f5f5f5
}

.faq .paragraph a {
    color: #418bca
}

.resource_hrefs {
    text-align: right
}

.resource_hrefs a .fa {
    padding-right: 5px
}

.staffleft {
    width: 30%;
    float: left;
    margin-right: 4px
}

.staffleft img {
    width: 100%;
    height: auto
}

.staffright {
    float: right;
    width: 68%
}

.staffright h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 24px
}

.staffleft h4 {
    margin-top: 20px;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase
}

.staffleft a img {
    width: auto;
    text-align: center;
    margin: 0 auto;
    display: block
}

.single_grey p {
    margin-bottom: 0
}

.single_grey strong {
    margin-top: 13px;
    display: block;
    font-size: 20px
}

.single_grey {
    margin-top: 40px;
    background: #a7a7a7;
    padding: 35px;
    color: #fff;
    position: relative
}

.single-staff h5>* {
    display: inline-block;
    font-weight: 400;
    font-size: 16px
}

.single-staff h5 strong {
    margin-right: 10px;
    font-weight: 700
}

.single-staff .staffright h6 {
    margin-bottom: 0;
    font-size: 17px
}

.single-staff .staffright h6.position {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 17px;
    text-align: left;
}

.nlink a {
    color: #3b3b3b;
    font-weight: 400
}

.staffright h6 {
    font-size: 18px;
    font-family: open sans;
    margin-bottom: 15px;
    font-style: normal
}

.staffright>a {
    font-size: 14px;
    font-family: open sans;
    margin-bottom: 4px;
    font-style: normal;
    text-decoration: none;
    display: block;
    color: #3a62c0;
    font-weight: 500
}

.staffright .paragraph {
    margin-top: 25px;
    margin-bottom: 35px;
    text-align: justify;
    font-size: 14px
}

.resource_hrefs a,.single .resource_hrefs h5 {
    display: inline-block;
    padding-left: 30px;
    color: #111;
    font-size: 14px
}

.single .resource_hrefs a,.single .resource_hrefs h5 {
    padding-left: 0;
    padding-right: 40px
}

.single h3 {
    margin-bottom: 5px;
    font-size: 26px
}

.mysinglepost h3 {
    font-size: 18px
}

.single_post {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #aaa
}

.single_post .squere {
    width: 300px;
    margin-right: 20px;
    float: left;
    border: solid 1px #aaa
}

.notsquere {
    margin-right: 20px;
    float: left;
    margin-right: 20px
}

.single_mypost .post_content.paragraph {
    height: auto;
    overflow: visible;
    font-size: 15px;
    line-height: 1.7
}

.single .resource_hrefs {
    margin-bottom: 20px;
    text-align: left
}

.single_post h2 a {
    font-size: 17px;
    color: #111
}

.single_post h2 {
    font-size: 17px;
    line-height: 1;
    margin-bottom: 5px
}

.post_content.paragraph {
    line-height: 1.3;
    font-size: 13px;
    height: 175px;
    overflow: hidden;
    margin-bottom: 22px;
    text-align: justify
}

.single .single_post {
    border-bottom: 0
}

.my_pagination .page-numbers.current {
    font-weight: 700;
    border: 0
}

.my_pagination {
    clear: both
}

.my_pagination>*:first-child:before {
    content: "Page:  ";
    padding-right: 7px
}

.my_pagination {
    text-align: right;
    font-size: 14px;
    color: #000
}

.my_pagination .page-numbers {
    padding: 2px 4px;
    display: inline
}

.my_pagination a {
    text-decoration: none;
    color: #666;
    font-size: 14px
}

.project_block h2 {
    font-size: 15px;
    color: #000
}

.project_block h2 a {
    color: #000
}

.fill_container {
    width: 100%;
    height: 30px;
    border: solid 1px;
    padding: 4px;
    box-sizing: border-box;
    position: relative
}

.fill_bar {
    background: #418bca;
    height: 20px
}

.fill_container span {
    position: absolute;
    right: 6px;
    top: 4px;
    color: #092f56;
    font-weight: 700
}

.project_block .paragraph {
    margin-top: 10px;
    height: 63px;
    overflow: hidden;
    font-size: 12px;
    margin-bottom: 0
}

.current_projects h3,.completed_projects h3 {
    text-align: center;
    margin-bottom: 30px
}

lightvideo img {
    width: 100%
}

.lightvideo {
    float: left;
    width: 49%;
    margin-right: 1%;
    margin-bottom: 30px
}

.lightvideo:nth-child(even) {
    float: right;
    width: 49%;
    margin-right: 0;
    margin-left: 1%;
    margin-bottom: 30px
}

.videotitle {
    height: 40px;
    display: block;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    overflow: hidden
}

.vimeo-media img {
    width: 100%;
    height: auto
}

.contactpage iframe {
    border: 0;
    max-width: 100%
}

.leadership {
    padding: 80px 0 100px
}

.leader {
    overflow: hidden
}

.leader img {
    width: 24%;
    float: left;
    margin-right: 3%
}

.person_bio {
    float: right;
    width: 73%
}

.person_bio h5 {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #3e3e3d;
    padding: 5px 0 30px
}

.person_bio h3 {
    font-size: 24px;
    text-transform: uppercase;
    color: #3e3e3d
}

.leadership h2 {
    font-size: 32px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 30px
}

.qualities {
    padding: 80px 0;
    background: #f6f6f6
}

.qualities.white_bg {
    background: #fff;
    padding-top: 0
}

.qualities h2 {
    font-size: 24px;
    text-transform: uppercase;
    position: relative;
    line-height: 35px;
    margin-bottom: 0;
    padding-bottom: 10px
}

.quality .paragraph {
    margin-bottom: 25px;
    line-height: 1.4
}

.values {
    background: #f6f6f6;
    padding: 70px 0 90px
}

.values h2 {
    text-transform: uppercase;
    font-size: 32px;
    color: #333;
    margin-bottom: 30px
}

.values ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.values ul li {
    font-size: 22px;
    font-weight: 700;
    color: #555;
    line-height: 1.5
}

.sidebar_right_service .wpcf7-form input[type=submit] {
    width: 100%;
    font-size: 12px;
    background: #faaf40;
    margin-bottom: 0
}

.sidebar_right_service .wpcf7-form {
    padding: 30px 10px;
    margin-bottom: 50px
}

.sidebar_right_service .wpcf7-form input,.sidebar_right_service .wpcf7-form textarea {
    box-sizing: border-box
}

.meet_provider img {
    float: left;
    padding-right: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.meet_provider {
    background: #faaf40;
    padding-top: 20px;
    padding-right: 10px;
    font-size: 15px;
    /* overflow: hidden; */
    margin-top: 100px;
    padding-left: 35%;
    position: relative;
}

.meet_provider a {
    color: #000;
    font-size: 30px;
    padding-bottom: 10px;
    display: block
}

.meet_provider h2 {
    margin-bottom: 10px
}

.side_quote {
    color: #999;
    text-align: center
}

.side_quote h2 {
    color: #666
}

.single_services {
    padding-top: 40px
}

.main_left_service {
    width: 65%;
    float: left
}

.single_services .paragraph h2 {
    margin-bottom: 10px
}

.single_services .paragraph p {
    margin-bottom: 40px
}

.single_services h1 {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: solid 1px #faaf40
}

.sidebar_right_service {
    width: 35%;
    padding-left: 40px;
    box-sizing: border-box;
    float: right
}

.sidebar_right_service h2 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px
}

.quality h3 a {
    padding: 5px;
    padding-left: 20px;
    background: #faaf40;
    display: block;
    line-height: 2;
    margin-bottom: 10px;
    color: #000
}

.quality {
    overflow: hidden
}

.left_image {
    float: left;
    margin-bottom: 40px;
    padding-right: 20px
}

.text_right {
    float: right;
    width: 70%
}

.main_content_text {
    text-align: justify
}

.post_loop.my_pages {
    padding-top: 30px
}

.third_of_box h3 {
    position: absolute;
    bottom: 40px;
    text-align: center;
    left: 0;
    right: 0;
    color: #000;
    background: rgba(250,175,64,.8);
    height: 30px;
    padding-top: 15px
}

.third_of_box h6 {
    position: absolute;
    bottom: 15px;
    text-align: center;
    left: 0;
    right: 0;
    color: #000;
    background: rgba(250,175,64,.8);
    height: 20px;
    font-size: 14px;
    padding-bottom: 5px
}

.third_of_box {
    width: 30%;
    float: left;
    margin-right: 5%;
    position: relative
}

.third_of_box:last-child {
    margin-right: 0
}

.third_of_box img {
    width: 100%
}

.outer_boxes_part {
    padding: 80px 0
}

.outer_boxes_part h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    margin-bottom: 40px
}

.stickmymenu .monly {
    display: none
}

.contact_page .wpcf7-form {
    margin-top: 30px
}

.contact_page input[type=submit] {
    display: block;
    width: 200px;
    margin: 10px auto;
    font-size: 19px;
    background: #333;
    border: 0!important;
    padding: 5px;
    line-height: 2;
    padding-bottom: 0
}

.contact_page input,.contact_page textarea {
    box-sizing: border-box
}

.contact_page h1 {
    text-transform: uppercase;
    font-size: 32px
}

.contact_page h4 {
    font-size: 16px;
    font-weight: 400
}

.contact_page .contact_btn {
    display: block;
    width: 290px;
    margin: 30px auto;
    font-size: 20px;
    background: #333;
    border: 0!important;
    padding: 5px;
    line-height: 2
}

.contact_page {
    padding: 80px 0;
    text-align: center
}

.mtesties .mtest_meta {
    padding-left: 80px;
    padding-top: 0;
    padding-bottom: 60px
}

.mtesties .half_test .paragraph {
    margin-bottom: 0
}

.mtesties .half_test {
    width: 100%;
    margin: 0;
    margin-bottom: 40px;
    background: #f6f6f6
}

.content_test_part {
    padding: 60px 0
}

.content_test_part h1 {
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 40px
}

.position {
    margin-bottom: 80px
}

#mtestimonials {
    margin: 0 -30px
}

.mtestimonials_part {
    padding: 80px 0 40px
}

.half_test .paragraph {
    background: #f6f6f6;
    padding: 20px;
    padding-left: 80px;
    font-style: italic;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 30px;
    position: relative;
    background-image: url(/wp-content/img/quote.png);
    background-repeat: no-repeat;
    background-position: 30px 25px
}

.mtest_meta h3 {
    padding-top: 23px;
    font-size: 18px;
    text-transform: uppercase
}

.mtest_meta h5 {
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    color: #999;
    padding-top: 10px
}

.mtest_meta img {
    float: left;
    padding-right: 30px
}

.mtest_meta {
    padding: 20px
}

.half_test .paragraph:after {
    position: absolute;
    bottom: -10px;
    left: 60px;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #f6f6f6
}

.half_test {
    width: 570px;
    max-width: 100%;
    margin: 0 15px 60px
}

.cta_right .btn {
    margin: 38px 0;
    float: right;
    padding: 10px 29px
}

.cta_left {
    width: 65%;
    float: left
}

.cta_right {
    width: 25%;
    float: left
}

.cta_block {
    padding: 55px 0;
    background: #333;
    letter-spacing: 1px
}

.cta_block h2 {
    color: #fff;
    font-size: 28px
}

.cta_block h3 {
    font-weight: 400;
    color: #fff;
    font-size: 26px;
    margin-bottom: 20px
}

.projects {
    padding: 80px 0
}

.grey_box {
    width: 40%;
    display: inline-block;
    margin: 20px;
    vertical-align: top
}

.grey_repeater {
    text-align: center;
    vertical-align: top
}

.grey_box h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: 1px
}

.grey_box .paragraph {
    text-align: justify;
    line-height: 1.4;
    font-size: 15px;
    color: #555;
    letter-spacing: -.2px
}

.centertitle h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    margin-bottom: 40px
}

.greyarea .cbtn,.projects .cbtn {
    margin: 30px auto 0;
    display: block;
    width: 180px;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 0
}

.greyarea {
    background: #f6f6f6;
    padding: 80px 0 60px
}

.cbtn {
    margin: 10px 0 0;
    padding: 10px 25px;
    text-transform: uppercase;
    color: #333;
    border: solid 2px!important;
    background: #faaf40;
    font-weight: 700;
    font-size: 16px
}

.aboutpart {
    padding-top: 60px;
    padding-bottom: 40px
}

.aboutpart .aleft {
    width: 57%
}

.aboutpart .aright {
    width: 40%
}

.aboutpart .aright img {
    display: block;
    width: 100%
}

.aboutpart h2 {
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1.4;
    color: #333;
    margin-bottom: 15px
}

.aboutpart .paragraph p {
    font-size: 16px;
    line-height: 1.4
}

.project img {
    width: 100%
}

.project {
    margin-bottom: 40px;
    position: relative
}

.project_caption h3 {
    font-size: 16px;
    line-height: 1.5
}

.project_caption h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5
}

.project_caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    padding: 17px 15px;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    display: none
}

.project:hover .project_caption {
    display: block
}

.single_problem {
    background: #faaf40;
    padding-top: 60px;
    text-align: center
}

.single_problem h2 {
    margin-bottom: 10px
}

.single_problem .sides {
    padding: 40px 0 60px
}

.the_problem {
    width: 48%;
    float: left
}

.the_solution {
    width: 48%;
    float: right
}

.single_problem:nth-child(odd) {
    background: #000;
    color: #fff
}

.single_problem img {
    display: block
}

.single_problem .sides h3 {
    position: absolute;
    width: 100%;
    background: rgba(255,255,255,.7);
    bottom: 0;
    line-height: 2
}

.single_problem:nth-child(odd) .sides h3 {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,.7);
    bottom: 0;
    line-height: 2
}

.single_problem .sides div {
    position: relative;
    cursor: pointer
}

.problem_box {
    background: rgba(255,255,255,.6);
    padding-top: 50px
}

.problem_box .paragraph,.solutin_box .paragraph {
    text-align: left;
    line-height: 1.4
}

.solutin_box {
    background: rgba(255,255,255,.5);
    padding-top: 50px
}

.problem_box .paragraph *:last-child,.solutin_box .paragraph *:last-child {
    margin-bottom: 0
}

@media(max-width: 1100px) {
    .logo_part {
        width: 70%;
        float: left;
        text-align: left;
        padding-top: 10px;
    }

    .themenupart {
        width: 30%;
        float: right;
        padding-top: 30px;
        text-align: right;
    }

    .main_contact {
        text-align: center
    }

    .contactpage .left,.contactpage .right {
        width: 100%;
        text-align: center
    }

    .testimonail_slick {
        max-width: 90%;
        margin: 0 auto
    }

    .rthird {
        width: 100%;
        margin: 0 auto!important;
        max-width: 800px;
        float: none;
        margin-bottom: 40px!important
    }

    .hright ul li ul,.hright ul li:hover ul {
        display: none!important
    }

    .copyright>.container>a {
        display: none
    }

    footer .right,footer .left {
        text-align: center;
        margin: 10px;
        font-size: 12px;
        margin: 0;
        line-height: 1.2;
        padding: 0;
        box-sizing: border-box;
    }

    footer .quarter {
        display: none
    }

    footer .quarter:last-child {
        display: block;
        width: 100%;
        text-align: center
    }

    .copyright {
        text-align: center
    }

    .blue_part {
        margin-top: -10px
    }

    .section {
        padding: 30px 0
    }

    .threetests {
        max-width: 760px;
        margin: 0 auto
    }

    .reviewbox {
        width: 100%;
        float: none;
        max-width: 340px;
        margin: 0 auto 50px!important
    }

    .bg_part .sides {
        max-width: 700px;
        margin: 0 auto
    }

    .left {
        width: 100%;
        float: none;
        margin: 0;
        margin-bottom: 40px
    }

    .right {
        width: 100%;
        float: none;
        margin: 0;
        margin-bottom: 40px
    }

    body {
        font-size: 14px
    }
    .mob_sel {display:block !important;padding: 10px 0;border-bottom:solid 1px #ccc;}
    .mob_sel span {width:50%;float:left;display:block;line-height:19px;}
    .mob_sel select {
        width:100%
    }
    .section h2,.pageheading h1 {
        font-size: 18px;
        line-height: 1.3
    }

    .blue_part h2 {
        font-size: 18px!important
    }

    .bgarea h2 {
        font-size: 30px
    }

    .reasons h3,.bgarea h4 {
        font-size: 16px
    }

    .reasons .paragraph {
        font-size: 14px
    }

    .slick_sponsors {
        width: 100%
    }

    .sponspors>.full-container>span {
        display: none
    }

    .caption h3,.hero_inner .caption-wrap h3,.question h4 {
        font-size: 16px
    }

    .caption h1 span {
        font-size: 12px
    }

    .caption h1,.hero_inner .caption-wrap h1 {
        font-size: 40px
    }

    .levelone {
        display: none
    }

    .caption .paragraph {
        font-size: 14px
    }

    .caption .btn {
        font-size: 12px;
        padding: 6px 20px
    }

    .absme {
        left: 10px
    }

    .breadarea,.container,.full-container {
        padding: 0 10px;
        box-sizing: border-box
    }

    .leftbar {
        width: 200px
    }

    .leftbar .menu {
        width: 200px
    }

    .topbar {
        display: none
    }



    .bars,.mars {
        text-align: right;
        width: 100%;
        font-size: 50px;
    }

    .mars a {
        color: #fff;
        padding: 0 10px;
        background: #111;
        margin: 0;
        line-height: 30px;
        vertical-align: top
    }

    .logo {
        margin: 0
    }

    .logo img {
        height: 88px
    }

    #masterhead .hleft {
        width: 35%
    }

    #masterhead .hright {
        width: 65%;
        line-height: 35px;
        text-align: right;
        color: #fff
    }

    #masterhead .menu-main-container a {
        display: block;
        color: #000;
        font-size: 16px;
        border-bottom: 0;
        /* padding-right: 0; */
        width: 100%;
        box-sizing: border-box;
        margin: 0;
    }

    #masterhead .menu-main-container li {
        display: block;
        float: none;
        padding-bottom: 0;
        padding-top: 5px;
    }

    .themenupart ul {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    #menu-main ul {
        display: block;
        position: relative;
        border: 0;
        padding: 0;
        margin: 0;
        box-shadow: none;
        background: none;
        text-align: center;
        width: 100%;
        left: 0;
        border-top: solid 1px #fff;
        border-bottom: solid 1px #fff;display:none !important
    }

    #menu-main ul li {
        padding: 0;
        margin: 0;
    }

    #menu-main ul li a {
        padding: 0;
        margin: 0;
        font-size: 14px !important;
    }

    #menu-main ul li ul li a {
        font-size: 12px !important;
    }

    #masterhead .menu-main-container {
        display: none;
        position: absolute;
        background: #faaf40;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 9;
        width: auto;
        margin: 0 -10px;
    }

    .hright ul {
        text-align: center;
        border-top: solid 1px;
        border-bottom: solid 1px;
        padding: 5px 0
    }

    .hright ul li {
        display: inline;
        width: 100%
    }

    .hright ul li a {
        padding: 4px 0;
        color: #333;
        margin: 0;
        line-height: 25px
    }
}

@media(max-width: 860px) {
    .quality {margin-bottom:60px;}
    .left_image {
    float: none;
    margin-bottom: 10px;
    padding-right: 0;
    width:100%;
    display: block;
}

.text_right {
    float: none;
    width: 100%
}
.sidebar_right_service .wpcf7-form {
    margin:-10px;
    margin-bottom:50px;
    max-width: 9999px;
}
.meet_provider {margin:-10px;padding:10px;margin-bottom:50px;padding-left: 35%;}
    .main_left_service {
        width: 100%;
        ;margin: 0;
        margin-bottom: 20px;
        float: none
    }

    .sidebar_right_service {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        float: none;
        padding: 0;
    }

    .heropart.inner_hero.full_hero {
        max-height: 300px !important;
        overflow: hidden;
    }
    .heropart.inner_hero.full_hero .bgvideo img {
        min-height:300px !important;width:auto
    }
    .third_of_box {
        display: block;
        float: none;
        margin: 0 auto 40px!important;
        max-width: 600px;
        width: 100%
    }

    #mtestimonials {
        margin: 0
    }

    .cta_left {
        width: 100%;
        float: none
    }

    .cta_right {
        width: 100%;
        float: none
    }

    .cta_right .btn {
        float: none;
        margin: 40px auto 0;
        display: block;
        width: 110px;
        text-align: center
    }

    .project img {
        max-width: 360px;
        margin: 0 auto
    }

    .greyarea .cbtn,.projects .cbtn {
        margin-top: 20px
    }

    .grey_box,.project {
        width: 100%;
        margin: 0;
        margin-bottom: 40px
    }

    .grey_box:nth-child(3n+1),.project:nth-child(3n+1) {
        width: 100%;
        margin: 0;
        margin-bottom: 40px
    }

    .grey_box:nth-child(3n),.project:nth-child(3n) {
        width: 100%;
        margin: 0;
        margin-bottom: 40px
    }

    .project,.project:nth-child(3n),.project:nth-child(3n+1) {
        text-align: center;
        max-width: 360px!important;
        margin: 0 auto 30px;
        float: none
    }

    .aboutpart .aleft {
        width: 100%
    }

    .aboutpart .aright {
        width: 100%;
        text-align: center
    }

    .cbtn {
        margin: 40px auto;
        display: block;
        width: 130px;
        text-align: center;
        box-sizing: border-box;
        padding: 8px 0;
        font-size: 14px
    }

    .aboutpart .aright img {
        display: block;
        margin: 30px auto
    }

    .answer .wpcf7-list-item-label {
        margin-bottom: 5px
    }

    .wys {
        text-align: justify
    }

    .test_text {
        font-size: 16px
    }

    .stickmymenu li {
        display: none
    }

    .stickmymenu li li {
        display: block;
        line-height: 1;
        margin-right: 20px
    }

    .stickmymenu li li a {
        line-height: 30px
    }

    .atel.aright {
        display: none!important
    }

    .stickmymenu {
        text-align: center
    }

    .aright {
        float: right;
        display: block!important
    }

    .aright a {
        padding: 0 10px!important;
        line-height: 14px!important;
        font-size: 9px!important;
        padding-top: 3px!important
    }

    .monly {
        display: block!important;
        width: 50%;
        float: left;
        text-align: left;
        line-height: 23px;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 700;
        position: relative;
        cursor: pointer
    }

    .monly ul {
        display: none;
        position: absolute;
        background: #e3e3e3;
        z-index: 3;
        padding-left: 20px;
        padding-top: 10px
    }
}

@media(max-width: 780px) {
    .cta_block h3,.content_area_part h1,.qualities h2,.leadership h2,.values h2,.content_test_part h1 {
        font-size:20px
    }

    .leader img {
        width: auto;
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
        float: none
    }

    .values ul li {
        font-size: 14px;
        margin-bottom: 20px
    }

    .person_bio {
        float: none;
        width: 100%
    }

    .person_bio h5 {
        font-size: 12px;
        padding-bottom: 16px
    }

    .person_bio h3 {
        font-size: 18px
    }

    .cta_block h2 {
        font-size: 24px
    }

    .quality h3 {
        font-size: 18px
    }

    .grey_box h3 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .greyarea,.values,.leadership,.qualities,.cta_block,.content_area_part,.content_test_part,.contact_page {
        padding: 40px 0
    }

    .content_area_part {
        padding-top: 0
    }

    .outer_boxes_part {
        padding: 40px 0 0;
    }

    .third_of_box h6 {
        font-size: 12px;
    }

    .aboutpart h2,.centertitle h2, .outer_boxes_part h2 {
        font-size: 20px;
        margin-bottom: 20px
    }

    .greyarea h2 {
        margin-bottom: 30px
    }

    .home .bgvideo {
        height: 450px
    }

    .caption-wrap {
        top: 144px
    }

    .inner_hero .caption h2 span {
        font-size: 10px;
        margin-top: 5px
    }

    .inner_hero .caption h2 {
        font-size: 18px;
        margin-top: 100px;
    }

    .inner_hero .caption h3, .inner_hero .caption h4 {
        font-size: 14px;
        padding: 3px 6px
    }

    .inner_hero .bgvideo img.home_hero_image {
        height: 157px
    }

    .inner_hero .caption-wrap {
        padding: 0 10px;
        top: 80px;
        height: 90px
    }

    .extra_stuff #radius_in_submit input {
    }

    .extra_stuff #addy_in_address {
        margin-bottom: 10px!important;
        margin-right: 0
    }

    .staffright {
        width: 100%;
        float: none
    }

    .staffleft {
        max-width: 250px;
        width: 100%;
        margin: 0 auto 30px;
        float: none
    }

    .all_services {
        text-align: center
    }

    .reltors {
        text-align: center
    }

    .single_project,.soloc {
        width: 250px;
        text-align: center;
        margin: 20px 20px 30px!important;
        float: none;
        display: inline-block;
        vertical-align: text-bottom
    }

    .caption-wrap {
    }

    .breadarea h2,.breadarea select {
        display: block
    }

    .breadcrumbs,.social-share {
        display: none
    }

    .breadarea .full-container {
        padding: 10px 0!important
    }

    .breadarea h2 {
        width: 50%;
        font-size: 16px;
        float: left;
        line-height: 23px
    }

    .breadarea select {
        width: 50%;
        float: right
    }

    .leftbar {
        display: none
    }

    .mainright {
        width: 100%;
        margin-bottom: 0
    }

    .single-course h1,.mainright>h1,.full_sized h1,.leftbar h2,.mainright>h1,.mssearch h1,.products_contain h1,.full_sized h1 {
        font-size: 18px;
        text-align: center;
        padding: 10px 0
    }

    .item_content h2 a {
        font-size: 14px
    }

    .myblock h2 {
        font-size: 16px
    }

    .links_blocks li {
        width: 50%
    }

    .myblock {
        margin-bottom: 40px
    }

    #secondary {
        display: none
    }

    .rndblog {
        width: 100%;
        margin: 40px 0
    }
}

@media(max-width: 580px) {
    .meet_provider {padding:10px;margin-top:100px;}
    .meet_provider img {
    float: none;
    display:block;
    margin:0 auto;
    padding: 0;
    margin-bottom: 30px;
    position:relative;
    margin-top:-60px;
}
    .contact_page .wpcf7-form {
        margin:20px -10px;
        padding: 10px
    }

    .contact_page h1 {
        font-size: 20px
    }

    .contact_page h4 {
        font-size: 12px
    }

    .contact_page .contact_btn {
        font-size: 22px;
    }

    .half_test {
        max-width: 300px;
        margin-bottom: 20px
    }

    .mtesties .half_test {
        max-width: 100%
    }

    .logo {
        padding: 0
    }

    .section h2 br {
        display: none
    }

    .ft_img {
        float: none;
        display: block
    }

    .single_letter h4 {
        max-width: 100%!important;
        float: none;
        margin-bottom: 10px
    }

    .single_letter {
        padding-left: 60px;
        background-position: 10px 20px!important
    }

    .single_letter a {
        float: none;
        display: block;
        margin: 20px auto 0;
        font-size: 14px;
        padding: 3px;
        width: 130px
    }

    .wpcf7-form .cbutt input[type=submit] {
        font-size: 10px;
        max-width: 100%
    }

    .contactpage .wpcf7-form {
        margin: 0 -10px
    }

    .widy {
        width: 100%
    }

    .testimonials_part {
        height: 340px
    }

    .test_text {
        font-size: 13px
    }

    .extra_stuff .slp_search_container input,.extra_stuff .slp_search_container select {
        width: 60%;
        min-width: 130px
    }

    .bgarea {
        padding: 20px 0
    }

    .extra_stuff .wpcf7-form {
        padding: 20px;
        margin: 0 -10px;
        width: auto!important;
        max-width: 999%
    }

    .mnr {
        margin: 0 auto 20px;
        display: block;
        float: none
    }

    .greyvalues {
        margin: 0 -10px 70px
    }

    .value {
        width: 100%;
        padding: 10px 0 30px
    }

    .threetests {
        max-width: 270px
    }

    .sigle_big_test {
        width: 270px;
        padding: 5px;
        box-sizing: border-box
    }

    .threetests img {
        display: none!important
    }

    .resonbox {
        width: 175px;
        margin-bottom: 10px
    }

    .section h2 {
        font-size: 15px;
        text-transform: none;
        letter-spacing: -1px
    }

    #masterhead {
    }

    .caption-wrap {
    }

    .post_content.paragraph {
        height: 170px
    }

    .single_post .squere {
        width: 100%;
        margin-bottom: 20px
    }

    .myblock {
        margin-bottom: 20px
    }

    .item_content .paragraph,.paragraph {
        font-size: 13px!important
    }

    .aboutpart .paragraph p,.paragraph,.paragraph p {
        font-size: 14px
    }

    .mtest_meta h3 {
        font-size: 14px
    }

    .mtest_meta h5 {
        font-size: 11px
    }

    .mtest_meta {
        padding-top: 0
    }

    .mtesties .mtest_meta {
        padding: 10px;
        padding-bottom: 40px
    }

    .half_test .paragraph {
        padding: 10px;
        padding-left: 40px;
        background-position: 10px 15px;
        box-sizing: border-box
    }

    .half_test .paragraph p {
        margin-bottom: 0
    }

    .copyright .container {
        margin-top: 10px
    }

    footer {
        padding-top: 20px;
        margin-top: 20px;
    }

    .single_item:nth-child(3n+1) {
        width: 49%;
        float: left;
        margin-right: 1%;
        margin-left: 0
    }

    .single_item:nth-child(3n) {
        width: 49%;
        float: left;
        margin-right: 1%;
        margin-left: 0
    }

    .single_item {
        width: 49%;
        float: left;
        margin-right: 1%;
        margin-left: 0
    }

    .single_item:nth-child(even) {
        width: 49%;
        float: right;
        margin-right: 0;
        margin-left: 1%
    }

    .links_blocks li {
        width: 100%
    }

    .video_block,.project_block {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 10px
    }

    .video_block:nth-child(even),.project_block:nth-child(even) {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 10px
    }

    .lightvideo {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 10px
    }

    .lightvideo:nth-child(even) {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-bottom: 10px
    }

    .videotitle {
        font-size: 14px;
        font-weight: 600;
        color: #000;
        margin-bottom: 20px;
        overflow: hidden;
        height: 37px
    }

    .notsquere {
        float: none;
        margin: 0 auto;
        display: block;
        text-align: center
    }

    .notsquere img {
        max-width: 100%;
        height: auto
    }

    .single .resource_hrefs a,.single .resource_hrefs h5 {
        padding: 0 10px
    }

    .resource_hrefs {
        text-align: center!important
    }
}

@media(max-width: 380px) {
    .lefty {
        width:100%
    }

    .store_locator_plus {
        margin: 0 -10px
    }

    .extra_stuff #address_search {
        padding: 5px
    }

    .caption .btn {
        margin: 0 auto 20px;
        width: 132px;
        display: block
    }

    .caption-wrap {
    }

    .caption h3,.hero_inner .caption-wrap h3 {
        font-size: 15px;
        letter-spacing: 2px
    }

    .call_part h4 {
        font-size: 16px
    }

    .call_part h2 {
        font-size: 30px
    }

    .caption h1,.hero_inner .caption-wrap h1 {
        font-size: 27px
    }

    .page-template-logos_wallpappers .single_item:nth-child(3n+1),.page-template-logos_wallpappers .single_item:nth-child(3n),.page-template-logos_wallpappers .single_item,.page-template-logos_wallpappers .single_item:nth-child(even),.page-template-faq_cards .single_item:nth-child(3n+1),.page-template-faq_cards .single_item:nth-child(3n),.page-template-faq_cards .single_item,.page-template-faq_cards .single_item:nth-child(even) {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .bgarea h4 {
        font-size: 12px
    }

    .bgarea h2 {
        font-size: 22px
    }
}