/*
Theme Name: Law Site Express
Theme URI: https://lawsiteexpress.com/
Author: Law Sites Express
Author URI: https://lawsiteexpress.com/
Description: The Primary Theme for Law Site Express
Requires at least: WordPress 4.1.0
Version: 1.0
*/
/* This CSS file is written in a semi-minified format. It's designed to be still readible, but also still be in a partially minified state for browser load speeds. If you need to
 * make edits and aren't used to writing/reading in semi-minifed format, I would suggest using Chrome's "pretty print" auto-formatter in the developer tools. 
 */

/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************** General Styles ******************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
body { font-family: "Helvetica Neue", "Montserrat", "Segoe UI", "Roboto", Arial, sans-serif; }
img { max-width: 100%; }
a { color: #50a3e9; }
h1 { line-height: 69px; font-size: 69px; margin-bottom: 30px; }
h2 { font-size: 43px; font-weight: 700; margin-bottom: 30px; }
h1 span, h2 span { font-size: 30px; }
h4 { font-size: 20px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 15px; font-weight: 300; }
p { font-size: 19px; }

/****Wordpress Core****/
.alignnone { margin: 5px 20px 15px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 15px; }
.alignleft { float: left; margin: 5px 20px 15px 0; }

/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ********************************************************************* Header Styles ******************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
.header { position: absolute; top: 0; width: 100%; z-index: 100; }
    .header.fixed { display: none; position: fixed; border-bottom: 3px solid #004498; z-index: 200; background: #fff; }
        .logged-in.admin-bar .header.fixed { top: 32px; }
        .header.fixed .navbar, .header.fixed .navbar .navbar-brand { padding-bottom: 0; padding-top: 0; }
        .header.fixed .navbar .navbar-brand { margin-bottom: -1px; }
    .navbar { width: 100%; margin: 0 auto; }
        .header .navbar .navbar-nav { width: 90%; justify-content: space-between; }
        .navbar .navbar-nav .nav-item:last-child a { background: #21252a; color: #fff; padding: 8px 20px; border-radius: 20px; }
    .head-container { width: 90%; margin: 0 auto; }
    .header .navbar-dark .navbar-nav .nav-link { color: #fff; }
    .navbar-light .navbar-nav .nav-link { color: #21252b; }
.header.colored { position: relative; margin: 0 auto; }
.current-menu-item a { text-decoration: underline; }

/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ********************************************************************* Footer Styles ******************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
footer { padding: 80px 0 50px; border-top: 1px solid #dadada; }
    footer .footer-menu ul { list-style: none; width: 100%; margin: 0; padding: 0; }
    .footer-menu { display: flex; flex-wrap: wrap; }
    .footer-menu ul li a { color: #21252b; }
    .copyright { padding: 30px 0 0; font-size: 14px; }
    footer > .row { width: 90%;margin: 0 auto; }

/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************** Content Styles ******************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
.banner { background-size: cover; background-position: center; height: 700px; padding-top: 118px !important; }
    .banner .text { color: #fff; max-width: 700px; }
    .banner h4 { color: #9e9d99; margin-top: 25px; }
    .banner .text.dark, .banner .text.dark a, .banner .text.dark h4 { color: black; }
        .banner .text.dark a { background: none; border: 1px solid black; border-radius: 50px; padding: 6px 30px; }
        .banner .text.right {margin-left: auto;max-width: 350px;}
.default { text-align: center; padding: 100px 0; }
.story { height: 650px; background-size: cover; background-position: center; }
    .story > .col { display: flex; align-items: flex-end; }
    .story .text { width: 40%; margin-right: 60%; color: #fff; font-size: 18px; margin-bottom: 80px; }
    .story .text h3 { font-size: 36px; margin-bottom: 37px; }
.content {background: #fff;background: linear-gradient(transparent, #fff 100px);margin-top: -100px;padding-top: 100px !important;margin-bottom: 80px;}
    .content .text { text-align: center; max-width: 800px; margin: 0 auto; font-size: 24px; font-weight: 600; }
    .content a { color: #044581; border: 1px solid #044581; border-radius: 50px; padding: 10px 30px; font-size: 20px; font-weight: 700; margin-top: 20px; display: inline-block; }
.home .banner .text { max-width: 100%; }
    .home .banner h1 { font-size: 117px; line-height: 103px; margin-bottom: 17px; }
    .home .banner .text a { background: #21252b; border-radius: 50px; padding: 10px; font-size: 19px; letter-spacing: 1px; padding: 10px 30px; margin-left: 30px; }
    .home .banner h2 { font-size: 40px; color: #fcfffb; display: flex; align-items: center; margin-bottom: 50px; }
span.smaller { margin-left: 0px; font-size: 30px; vertical-align: super; }
.slide_content { padding: 100px; }
    .slider a { color: #262626; text-decoration: underline; font-weight: 500; font-size: 20px; }
    .slider h1 { font-size: 80px; line-height: 80px; }
    .slide_content:before { content: ''; border-top: 5px solid #c8c8c8; position: absolute; width: 80px; margin-left: 6px; margin-top: -30px; }
    .slider .carousel { padding: 100px 0; }
.slider_container { max-width: 500px; width: 100%; width: 525px; z-index: 10; position: relative; }
    .slider_container .slider_header, .home .slider_container .slider_header a { font-size: 14px; border-radius: 0; background: none; padding: 0; letter-spacing: normal; }
    .slider_header .links { background: #21252c; display: flex; justify-content: space-between; padding: 3px 15px; }
    .home .slider_container .slider_header a { color: #17aaec; text-decoration: underline; }
.included {background-size: 80%;background-repeat: no-repeat;background-position: top 50px center;text-align: center;color: #fff;}
    .included .bg, .how { background: #004996; background: rgba(0, 73, 150, .9); background: linear-gradient(to right, rgba(2, 48, 150, 0.8), rgba(4, 178, 230, 0.8)); }
    .included h2 { font-size: 60px; max-width: 500px; margin: 100px auto 0; }
    .included .bg { padding-bottom: 100px; }
.checkmarks { background: #fff; color: #242424; font-size: 23px; border-radius: 13px; width: 624px; padding: 50px 27px; margin: 50px auto 50px; }
    ul.checkmarks, .checkmarks ul {padding-left: 63px !important;margin: 0;}
    .checkmarks li { list-style: none; text-align: left; margin-bottom: 22px; }
        .checkmarks li:before {content: '';position: absolute;height: 17px;width: 27px;background-image: url(https://lawsiteexpress.com/wp-content/uploads/2019/01/bullet-checkmark.png);background-size: cover;background-position: center;}
.how {text-align: center;color: #fff;font-size: 19px;line-height: 33px;padding: 150px 0 100px !important;}
    .how .text p { max-width: 80%; margin: 10px auto 60px; }
    .how .text h1 { max-width: 80%; margin: 0 auto 15px; }
.choose { background: #efefef; }
    .choose h2 { margin-bottom: 65px; }
    .choose .text { background-position: bottom right; background-repeat: no-repeat; background-size: 50% auto; font-size: 20px; padding: 78px 0 100px 69px; }
    .choose .text strong, .choose .text h2 { color: #21252b; }
    .choose > .col { background-repeat: no-repeat; background-size: auto; background-position: right bottom; }
.arrows ul { list-style: none; margin: 0; padding-left: 55px; }
    .arrows li { margin-bottom: 34px; }
    .arrows li:before {content: '';position: absolute;height: 24px;width: 24px;background: url(https://lawsiteexpress.com/wp-content/uploads/2019/01/bullet_arrow.png);margin-top: 10px;background-size: cover;background-position: center;}
.blurb.content { background: none; margin-top: 0; }
.experience { background: linear-gradient(to right,#004177, #005aa3); }
    .experience > .col { background-size: contain; background-position: right center; background-repeat: no-repeat; }
    .experience .text { max-width: 80%; color: #fff; padding: 124px 0; font-size: 20px; line-height: 36px; }
    .experience .text p { max-width: 75%; }
    .experience .text a { border: 1px solid #fff; padding: 3px 35px; border-radius: 50px; color: #fff; font-size: 19px; margin-top: 20px; display: inline-block; }
.testimonial { font-size: 30px; color: #2b2b2b; font-weight: 600; display: flex; align-items: flex-end; position: relative; }
    .testimonial strong { color: #d99901; }
    .testimonial.bottom-left .testi { margin-left: 5%; left: 0px; }
    .testi { margin-bottom: 30px; position: absolute; max-width: 39%; bottom: 0px; }
    .testimonial.bottom-right .testi {margin-right: 4.5%;right: 0px;}
    .testimonial.bottom-right { justify-content: flex-end; }
    .testimonials {padding-bottom: 100px !important;}
    .testimonial .author { font-size: 16px; font-weight: 200; margin-top: 30px; }
.main-content.steps { text-align: center; margin: 100px 0; }
    .main-content.steps ol { display: flex; list-style: none; padding: 0; margin: 40px 0 60px; }
    .main-content.steps li { width: 28%; margin: 0 5%; font-size: 22px; line-height: 35px; }
    .main-content.steps a { background: #00439e; color: #fff; padding: 15px 65px; font-size: 20px; font-weight: 600; letter-spacing: 1px; border-radius: 50px; }
    .main-content ul { list-style: none; padding-left: 25px; }
    .main-content ul li { font-size: 23px; margin-bottom: 12px; }
    .main-content ul li:before { content: '-'; margin-left: -21px; position: absolute; font-size: 28px; font-weight: 600; line-height: 0; margin-top: 15px; }
.main-content .choose h1 { max-width: 1100px; }
    .main-content .choose > .col { padding: 150px 0 150px 30px; background-repeat: no-repeat; background-size: auto; background-position: right bottom; }
.form form { background: rgba(0, 0, 0, .7); border-radius: 10px; padding: 20px 60px 40px; margin: 100px auto 0; width: 500px; }
    .form h4 { color: #fff; font-size: 17px; }
    .form input[type="submit"] { background: #06ade7; border: none; color: #fff; padding: 12px; width: 100%; border-radius: .25rem; }
    .form .col-md-6 { display: flex; align-items: center; }
    .form a { color: #fff; text-decoration: underline; }
    .form p { margin: 0; }
    .form input.form-control { margin-bottom: 15px; padding: 11px 30px; }
h2.step { background-repeat: no-repeat; background-position: center; background-size: contain; padding: 80px 0; line-height: 28px; text-align: center; }
    h2.step.step3 { background-image: url(https://lawsiteexpress.com/wp-content/uploads/2019/01/step3-1.png); color: #fff; }
    h2.step.step2 { background-image: url(https://lawsiteexpress.com/wp-content/uploads/2019/01/step2.png); }
    h2.step.step1 { background-image: url(https://lawsiteexpress.com/wp-content/uploads/2019/01/step1.png); }
    h2.step span { font-size: 18px; margin-bottom: 8px; display: inline-block; text-transform: uppercase; letter-spacing: 3px; font-weight: 400; }
        h2.step span span { color: #01aced; }
.page-id-165 .banner { background-position: top center; } /* get_started page */
    .page-id-165 .banner .text { margin-right: -144px; }
.get_started .templates .template_container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; }
    .get_started .templates .template_container .template { width: 33%; padding: 2%; }
    .template .website { position: relative; overflow: hidden; }
    .template .website .overlay { position: absolute; margin-top: 100%; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; top: 0px; }
    .template .website:hover img { filter: blur(8px); -webkit-filter: blur(8px); transition: all .2s ease; }
    .template .website .overlay button { background: #004596; color: #fff; border: none; border-radius: 50px; padding: 8px 0; margin-bottom: 10px; width: 100%; cursor: pointer; outline: none; }
    .website .overlay input { display: none; }
    .website .overlay .overlay-container { width: 70%; }
    .template .website .overlay a { border: 1px solid #fff; width: 100%; border-radius: 50px; padding: 7px 0; color: #fff; background: rgba(111, 111, 111, .3); }
    .template .website .overlay a:hover { background: rgba(191, 191, 191, .5); transition: all .2s ease; text-decoration: none; }
    .template .website .overlay button:hover { background: #00367b; transition: all .2s ease; }
    .template .details { text-align: left; font-size: 15px; padding: 0 15px; }
    .template .details .title span { color: #bebebe; font-size: 14px; padding: 2px 0 0 10px; border-left: 1px solid black; margin-left: 10px; }
    .template .details .desc p { font-size: 12px; font-weight: 200; margin-bottom: 0; }
    .template .details .title { margin: 10px 0; }
    .template .website:hover .overlay { margin-top: 0%; transition: margin .3s ease; }
    .get_started input.form-control, .get_started .custom-select { background-color: #eaeaea; font-size: 18px; padding: 14px 33px 14px 33px; border-radius: 0; margin: 15px 0; height: 57px; }
    .get_started h2 { font-weight: 500; margin: 70px 0 50px; }
    .get_started .prac-areas { text-align: left; }
    .get_started .form-check-label { font-weight: 600; margin: 0 43px 0 12px; }
    .get_started textarea.form-control { background: #f4f4f4; margin: 45px auto 0; max-width: 700px; font-size: 18px; padding: 23px 30px; }
    .get_started .input-placeholder .placeholder { font-size: 12px; margin-top: -15px; text-align: left; }
    .get_started .payment input.form-control, .get_started .payment .custom-select { background-color: #fff; margin-top: 0px; }
    .get_started .payment label { margin-bottom: 0; font-weight: 200; font-size: 17px; }
    .get_started .card-images { margin-bottom: 25px; }
        .get_started .card-images img { margin-right: 10px; }
    .get_started .finish h2 span { color: #50a3e9; font-size: inherit; }
    .get_started .finish span.smaller { font-size: 24px !important; align-self: flex-start; margin-top: 7px; }
    .get_started input[type=submit] { color: #fff; font-size: 32px; font-weight: 700; display: block; margin: 75px auto 0; padding: 8px 100px; border-radius: 50px; cursor: pointer; background: #06ade7; border: none; }
    .get_started .finish h2 { margin-bottom: 15px; margin-top: 0; }
    .get_started input[type=submit]:hover { background: #0596ce; transition: all .2s ease; }
    .get_started .prac-areas .form-check-inline label { height: 57px; }
    .get_started .prac-areas .form-check-label { display: flex; align-items: center; }
    .get_started .prac-areas .form-check-label input { margin-left: 17px; }
    .get_started .prac-areas .form-check-inline { margin: 0px; font-size: 18px; }
    .get_started .carousel-control-next span, .get_started .carousel-control-prev span { height: 100px; width: 65px; }
    .get_started .carousel-control-next, .get_started .carousel-control-prev { z-index: 1; top: 75px; opacity: 1; height: 100px; }
    .get_started .carousel-indicators .active { background-color: #024694; }
    .get_started .carousel-indicators li { background-color: #dadada; width: 15px; height: 15px; border-radius: 50%; margin: 0 7px; }
    .get_started .carousel-indicators { bottom: -90px; }
    .get_started .form_stuffs.default { padding-top: 0; margin-top: 86px; border-top: 1px solid #d7d7d7; }
    .get_started .templates .template.selected .website { border: 10px solid #00449a; transition: all .2s ease; }
    .get_started .payment .col.p-0 input { max-width: 200px; }
    .get_started .carousel-control-prev-icon, .get_started .carousel-control-next-icon { background-image: url(https://lawsiteexpress.com/wp-content/uploads/2019/01/arrow_btn.png); }
    .get_started .carousel-control-next-icon { transform: rotateZ(180deg); }
    .get_started .carousel-control-prev-icon:hover, .get_started .carousel-control-next-icon:hover { background-image: url(https://lawsiteexpress.com/wp-content/uploads/2019/01/arrow_btn_hover.png); transition: background-image .2s ease; }
    .choose > .col, .main-content .choose > .col { background-size: 600px; }
    
.mw-800 { max-width: 800px; margin: 0 auto; }
.a-btn a { color: #044581; border: 1px solid #044581; border-radius: 50px; padding: 10px 30px; font-size: 20px; font-weight: 700; margin-top: 20px; display: inline-block; }
.numbers { border-top: 1px solid #d6d6d6; padding: 140px 0 80px !important; }
    .numbers { font-size: 25px; }
    .numbers .counter-value { font-size: 72px; font-weight: 700; line-height: 72px; margin-top: 15px; }
    .numbers img { padding: 50px;  width: 133px; height: 133px; }
    .numbers .img_container { border: 2px solid #cbcbcb; border-radius: 50%; display: inline-block; }
.points { padding: 70px 0 30px !important; }
    .points .col-md-6 { display: flex; flex-wrap: wrap; font-size: 22px; margin-bottom: 45px; }
    .points h2 { font-size: 48px; font-weight: 700; line-height: 48px; }
    .points .col-md-6:nth-child(odd) { padding-right: 68px; }
    .points .col-md-6:nth-child(even) { padding-left: 68px; }
.story { height: 650px; background-size: cover; background-position: center; }
    .story > .col { display: flex; align-items: flex-end; }
    .story .container .row > div { max-width: 40%; margin-right: 60%; color: #fff; font-size: 18px; margin-bottom: 80px; }
    .story h3 { font-size: 36px; margin-bottom: 37px; }
    
#main-content > .row > .col > div { padding: 60px 0; }
    #main-content > .row > .col > div:last-child { padding:  60px 0 0; }
    #main-content ul { list-style: none; padding: 0 23px; }
        #main-content ul li { position: relative; font-size: 24px; line-height: 45px; } 
        #main-content ul li:before { content: '-'; position: absolute; left: -24px; font-size: 35px; line-height: 38px; }
.icon_list .image { float: left; width: 35%; max-height: 100px; margin-top: -15px; }
    .icon_list img { width: 90%; padding: 20px; }
.icon_list h1, .icon_list h2, .icon_list h3, .icon_list h4, .icon_list h5 { float: right; clear: none; width: 65%; }
.icon_list p { clear: both; }
.image_break { height: 500px; background-size: cover; background-position: center; }
.row, .col { background-repeat: no-repeat; }
.no-container .container { max-width: 100%; padding: 0 40px; }
ul.arrows, .arrows ul { padding: 0 36px 0 !important; }
.arrows li:before { content: '' !important; left: -35px !important; }
.checkmarks li:before { content:  '' !important; left: -36px !important; margin-top: 14px; }

.contact .contact-us { color: #fff; padding: 0 !important; }
    .contact .contact-us > .col { padding: 150px 0 150px !important; }
    .contact .contact-us p { color: #f1f1f1; font-weight: 200; }
    .contact .contact-us strong { font-weight: 500; color: #fff; }
    .contact .contact-us, .col-md-7 { font-weight: 200; font-size: 19px; }
    
.instructions { background: #004177; background: linear-gradient(to right, #004177, #005aa3); color: #fff; font-weight: 100; }
    .instructions .col { background-position: right 3% center !important; background-size: 35%; }
    .instructions .col .col { max-width: 66%; }
    .instructions hr { border-color: #3f83ba; margin: 41px 25px 25px 0; }
    .instructions strong { font-size: 23px; }
    .instructions h3 { margin-bottom: 25px; }
.update { padding: 100px 0 0; margin-top: 80px; }
    .update h1 { color: #004176; }
.accordion .card-header { background: #d7d7d7; }
    .accordion .card, .accordion .card-header { border-radius: 0; border: none; }
    .accordion .card-header button { color: #262626; }
    .accordion a { color: #004278; margin-top: 16px; display: inline-block; text-decoration: underline; font-weight: 600; }
    .accordion p { margin-bottom: 0; }
.free-month { padding: 100px 0 !important; }
    .free-month p { font-size: 22px; }
    .free-month a { display: inline-block; font-size: 25px; text-decoration: underline; color: #004596; font-weight: 800; margin: 4px 0; }
    
.how-it-works .a-btn a { background: #0041a4; color: #fff; padding-left: 40px; padding-right: 40px; margin: 30px auto 100px; }
    .steps .image { display: none; }
    .steps img { width: 100%; height: auto; }
    .steps h2 { float: none; width: 100%; text-align: center; clear: none; margin-top: 35px; }
    .steps .icon_container p { margin: 0 auto; width: 80%; font-size: 22px; line-height: 35px; }

.services .banner { padding: 0 !important; height: auto; }
.services .service-list { background: #004c82; background: linear-gradient(to right,#004c82, #0499d2); color: #fff; text-align: center; padding: 150px 0 0; }
    .services .service-list .col-md-6 { text-align: left; margin-bottom: 15px; }
    .services .service-list .title { color: #5ad3ff; font-weight: 500; }
    .services .service-list > .col { padding: 40px 0 230px !important; background-size: 50%; }
    .services .service-list h1 { margin-bottom: 80px; }
    .services .service-list .col-md-6:nth-child(odd) { padding-left: 40px; }
    .services .service-list .col-md-6:nth-child(even) { padding-right: 40px; }
    
.services .banner > .col { padding: 118px 0 100px; color: #fff; }
.services .banner h1 { max-width: 1050px; margin-bottom: 50px; }
.services .banner h4 { color: #fff; }

.get_started .experience > .col { background-size: 50%; }
.get_started .finish { color: #fff; padding-bottom: 100px; }
.get_started .finish a { text-decoration: underline; }
.get_started .finish a:hover { color: #fff; }
.get_started .experience { padding: 40px 0; }
.get_started .prac-areas .form-check-inline.other, .get_started .prac-areas .other .form-check-label { max-width: 500px; width: 100%; }

.get_started .carousel-control-prev { right: 123px; left: auto; }
.get_started .templates { padding-top: 100px; }

.home #main-content > .row > .col > div { padding: 0; }    
.testimonials .carousel-control-next { right: -166px; }
.testimonials .carousel-control-prev { left: -166px; }
.testimonials .carousel-control-prev-icon, .testimonials .carousel-control-next-icon {background-image:  url(https://lawsiteexpress.com/wp-content/uploads/2019/01/arrow_btn.png);background-size: 100%;height: 72px;width: 53px;}
.testimonials .carousel-control-next-icon { transform: rotateZ(180deg); }

.banner .text a { border: 1px solid #fff; border-radius: 50px; padding: 10px 30px; font-size: 18px; color: #fff; margin-bottom: 15px; display: inline-block; transition: all .2s ease; }
    .banner .text a:hover { background: #fff; color: #2e2e34; text-decoration: none; }

.terms #main-content p, .terms #main-content li, .policy #main-content p, .policy #main-content li { font-size: 18px !important; }

.rocket li:before {background-image: url(https://lawsiteexpress.com/wp-content/uploads/2019/01/bullet-rocket.png);content: '' !important;width: 25px;height: 25px;background-size: cover;margin-top: 9px;margin-left: -10px;}
.rocket ul { padding-left: 34px !important; }

ol li { font-size: 19px; line-height: 36px; font-weight: 300; }

.services .title { display: inline-flex; align-items: center; }
    .services .title input { margin-right: 10px; }
.services input[type="submit"] { margin-top: 27px; float: left; color: #fff; background: #0098d8; border: none; font-size: 24px; padding: 5px 40px; border-radius: 5px; cursor: pointer; transition: background .2s ease; }
    .services input[type="submit"]:hover { background: #0075ad; }

/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ********************************************************************* Media Queries ******************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************** */
@media (min-width: 1600px) {
    body { margin: 0 auto; max-width: 1600px; position: relative; }
    .header.fixed { width: 1600px; }
}
@media (min-width: 1500px) {
    .choose > .col, .main-content .choose > .col { background-size: 800px; }
}
@media (max-width: 991px) {
    h1 { font-size: 50px; line-height: 50px; }
    .navbar .navbar-nav .nav-item:last-child a { background: none; color: black; padding: .5rem 0; }
    .header.primary { display: none; }
    .header.fixed { display: block !important; position: absolute !important; }
    .choose > .col, .main-content .choose > .col { background-size: 500px auto; padding-bottom: 173px; }
    .experience > .col { background-size: 400px auto; }
    .main-content .choose > .col { padding-bottom: 173px; }
    .slider h1 { font-size: 55px; line-height: 55px; }
    h1 { font-size: 50px; line-height: 50px; }
    .numbers p { font-size: 16px; }
    .points h2 { font-size: 27px; line-height: 27px; margin-bottom: 11px; }
    .points img { max-width: 134px; padding-top: 0; }
    .story .text h3 { font-size: 25px; }
    h2 { font-size: 37px; }
    p { font-size: 16px; }
    .main-content.steps li { line-height: 28px; width: 30%; margin: 0 2%; }
    .services ul li { padding: 7px 17px; }
    footer .social { padding-right: 10px !important; }
    .get_started .experience .text { max-width: 100%; }
    .get_started input.form-control, .get_started .custom-select { font-size: 16px; }
    .page-id-165 .banner .text { margin-right: 0; } 
    .instructions .bg .col { background-size: 300px; }
    .instructions .text { padding: 30px 0; }
    .slider_container { z-index: 1; position: relative; max-width: 500px; }
    .banner { padding-top: 0; }
    .banner > .col { padding-top: 0px; }
    .content { margin-top: 0; }
    .testimonials .carousel-control-prev, .testimonials .carousel-control-next { display: none; }
    .home .banner {min-height: 700px; height: auto; padding-bottom: 50px;}
}
@media (max-width: 767px) {
    .home .banner h1 { font-size: 40px; margin-bottom: 14px; line-height: 45px; }
    .checkmarks, .slider_container { width: 100%; }
    .navbar-brand img { max-width: 165px; }
    .home .banner h2 { display: block; font-size: 21px; }
    h1 { font-size: 40px; }
    .home .banner .text a { display: inline-block; margin: 17px 65px 0 0; }
    .home span.smaller { font-size: 16px; margin-left: 0px !important; }
    .slider_container { display: none; }
    .home .banner { min-height: 425px; padding-bottom: 0; }
    h1, .slide_content h1 { font-size: 37px; line-height: 40px; }
    .slide_content { padding: 100px 15px 0; }
    footer .footer-menu { padding-left: 15px !important; margin-top: 24px; }
    .home .experience > .col { background-image: none !important; }
    .experience .text, .experience .text p { max-width: 100%; }
    .experience .text { padding: 80px 15px; }
    .testimonials { display: none; }
    .choose > .col, .main-content .choose > .col { padding: 100px 15px; background: none !important; }
    h2 { font-size: 33px; line-height: 34px; }
    .choose h2 { margin-bottom: 30px; }
    .included h2 { font-size: 33px; }
    .list.checkmarks { padding: 50px 15px; font-size: 16px; }
    .points .col-md-6:nth-child(odd) { padding-right: 15px; }
    .points .col-md-6:nth-child(even) { padding-left: 15px; }
    .points img { max-width: 84px; }
    .story .text { width: 100%; margin: 0; }
    .story { background-position: right -250px center; }
    .story > .col { background: rgba(62, 62, 62, 0.3); }
    .main-content.steps li { width: 100%; margin: 10px 0; padding-left: 17px; }
    .main-content.steps ol { flex-direction: column; list-style: decimal; text-align: left; }
    .main-content.steps a { display: inline-block; font-size: 14px; }
    .light .banner > .col .container { background: rgba(62, 62, 62, 0.3); }
    .dark .banner > .col .container { background: rgba(255, 255, 255, .2); }
    .banner { height: 500px; }
    .services ul li { width: 100%; font-size: 17px; }
    .services .services { padding: 80px 0; }
    .instructions .bg .col { background: none !important; }
    .form form { width: 100%; padding: 15px; margin-top: 22px; }
    .form h4 { letter-spacing: normal; margin: 10px 0; }
    .form a { margin-top: 10px; }
    .get_started h2.step.step1 { font-size: 16px; }
    .get_started .templates .template_container .template { width: 100%; }
    .get_started .pl-0, .get_started .pr-0, .get_started .p-0 { padding-left: 15px !important; padding-right: 15px !important; }
    .get_started .form_stuffs .container .row .row .row .col-md-4 { padding-left: 0 !important; padding-right: 0 !important; }
    .get_started .card-images img { margin-right: 7px; margin-bottom: 7px; }
    .get_started .payment .col-8 { padding-left: 0 !important; }
    .get_started .payment .row.m-0 .col-4 { padding-left: 0 !important; padding-right: 0 !important; }
    .get_started .payment .custom-select { padding-left: 10px; padding-right: 10px; }
    .get_started input[type=submit] { padding: 8px 50px; }
    .slider img { max-width: 300px; }
    #main-content ul li { font-size: 21px; }
    .story .container .row > div { max-width: 100%; margin-right: 0; background: rgba(0, 0, 0, .2); padding: 15px; }
    .story > .col { background-size: cover; background-position: right 30% center !important; }
    .story { height:  600px; }
    .points img { max-width: 123px; padding: 0; }
    .icon_container p { margin-top: 20px; }
    .icon_container { align-items: center; flex-wrap: wrap; display: flex; }
    #counter > div { margin-bottom: 30px; }
    .services .banner > .col .container { padding: 80px 15px 150px; }
    .services .banner > .col {padding: 0;}
    .services .service-list .col-md-6:nth-child(odd), .services .service-list .col-md-6:nth-child(even) { padding: 0 15px; }
    .services .service-list > .col { background-image: none !important; padding-bottom: 80px !important; }
    footer .footer-menu ul { justify-content: center !important; }
    footer .footer-menu ul li { width: auto; padding: 0 10px; }
    .contact .contact-us .col-md-6 { margin-bottom: 20px; }
    .instructions .col .col { max-width: 100%; }
    .instructions > .col { background-image: none !important; }
    .get_started .finish .form-check { max-width: 300px; }
    .get_started .card-images img { max-width: 65px; align-self: flex-start; }
    .get_started .carousel-control-prev { left: 0; right: auto; }
}
@media (max-width: 570px) {
    .home .banner { background-position: right -130px center; }
}

.successful .modal h1 {
    font-size: 36px;
}
.successful .modal-body {
    background: url(https://lawsiteexpress.com/wp-content/uploads/2019/01/bg_submission.jpg);
    background-size: cover;
}
.successful .modal-body .white-bg {
    background: rgba(255, 255, 255, .8);
    padding: 20px;
    margin: 15px 15px 30px;
}
.successful .modal-dialog {
    max-width: 600px !important;
}

.successful .modal-body a {
    display: inline-block;
    position: absolute;
    transform: translateX(-50%);
    margin-top: -3px;
    color: #fff;
    background: #005ea8;
    padding: 10px 30px;
    border-radius: 50px;
}

.successful .modal-header {
    padding: 5px 15px;
}

.how .a-btn {
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 50px;
    padding: 10px 30px;
    font-size: 20px;
    font-weight: 700;
    margin-top: 50px;
    display: inline-block;
}

.blogs {
    list-style: none !important;
    margin: 0 !important;
}
    .blogs .date {
        font-size: 12px;
        font-style: italic;
    }
    .blogs h2 a {
        float: none;
    }
    .blogs h2 {
        margin-bottom: -12px;
    }
    .blogs p {
        margin: 5px 0 !important;
    }
    .blogs a.read-more {
        float: right;
    }
    .blogs li {
        padding-bottom: 30px;
        margin-bottom: 20px;
    }
    .blogs li:after {
        border-bottom: 1px solid #dadada;
        width: 80%;
        position: absolute;
        content: '';
        margin: 16px 10% 0;
    }
    .blogs li:last-child:after {
        border-bottom: none;
    }
    #main-content .blogs li:before {
        content: '';
    }
    .blogs img {
        float: left;
        margin-right:  20px;
        margin-bottom: 20px;
    }

.author-info, .author-info p {
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
}