/* Import Basic Files
---------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);
@import url(font-awesome.min.css);
@import url(../js/plugins/owl/owl.carousel.css);
@import url(../js/plugins/owl/owl.theme.css);
@import url(../js/plugins/owl/owl.transitions.css);



/* ==========================================================================
   1. General
========================================================================== */
/* 1.1 Main Styles
---------------------------------------------------------------------------*/

body {
    margin: 0;
    padding: 50px 0 0 0;
    color: #707070;
    overflow-x: hidden;
    font-weight: normal;
    background-color: #333946;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased !important;
    font: 18px/24px 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
.browsehappy { margin: 0.2em 0; background-color: #cccccc; color: #000000; padding: 0.2em 0; }
.base-color { color: #e4545b; }

.lpeditable.lphiding {
  display: none;
}
.lpvideo-container {
    width: 100%;
    max-height: 500px;
}

/* 1.2 Anchor
---------------------------------------------------------------------------*/
a { color: #e4545b; }
a,
a > * {
    outline: none;
    cursor: pointer;
    text-decoration: none;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
a:focus,
a:hover {
    outline: none;
    color: #333946;
    text-decoration: none;
}
a[href^=tel] { 
  color: inherit; 
}

/* 1.3 To Top
---------------------------------------------------------------------------*/
#topcontrol {
    right: 10px;
    width: 40px;
    height: 40px;
    z-index: 999;
    bottom: -50px;
    color: #ffffff;
    position: fixed;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    background-color: #e4545b;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
#topcontrol a {
    width: 40px;
    height: 40px;
    display: block;
    color: #ffffff;
}
#topcontrol.topdisplay { bottom: 10px; }
#topcontrol:hover { background-color: #20232b; }




/* ==========================================================================
   2. Typography
========================================================================== */
/* 2.1 Headings
---------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    color: #ffffff;
    line-height: 1.2;
    font-weight: normal;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

p { margin: 0 0 10px; }

b,
strong { font-weight: 700; }

/* 2.2 Selection Color
---------------------------------------------------------------------------*/
::selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #20232b;
}
::-webkit-selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #20232b;
}
::-moz-selection {
    color: #ffffff;
    text-shadow: none;
    background-color: #20232b;
}

/* 2.3 Section Title
---------------------------------------------------------------------------*/
.section-title {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}
#works-section .section-title { margin-bottom: 80px; }
.section-title h2 {
    /*color: #20232b;*/
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}


/* ==========================================================================
   4. Home Section
========================================================================== */
/* 4.1 Wrapper
---------------------------------------------------------------------------*/
#home-section {
    margin: 0;
    padding: 0;
    width: 100%;
    height:700px;
    
}

.homesection {
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image: url(../images/happyfamily.jpg);
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

/* 4.2 Container
---------------------------------------------------------------------------*/
#home-section-container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: rgba(32, 35, 43, 0.5);
}

/* 4.3 Containt
---------------------------------------------------------------------------*/
#home-section-containt {
    left: 0;
    width: 100%;
    top: 125px;
    position: absolute;
    text-align: center;
}
@media (max-width: 1024px) {
    #home-section-containt {
        top: 160px;
    }
}
@media (max-width: 767px) {
    #home-section {
        margin: 0;
        padding: 0;
        width: 100%;
        height:1150px;
        
    }
    #home-section-containt {
        left: 0;
        width: 100%;
        top: 80px;
        position: absolute;
        text-align: center;
    }
}
#home-section-containt h1 {
    font-size: 45px;
    margin-bottom: 10px;
}
#home-section-containt h1:last-child { margin-bottom: 0; }




/* ==========================================================================
   5. How it works Section
========================================================================== */
/* 5.1 Wrapper
---------------------------------------------------------------------------*/


#works-section {
    margin: 0;
    padding: 100px 0;
    position: relative;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
.works-section {
    background-color: #ffffff;
}
#works-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 24px;
    content: '\f0f2';
    line-height: 54px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/* 5.2 Steps
---------------------------------------------------------------------------*/
/* 5.2.1 Wrapper
---------------------------------------------------------------------------*/
.steps {
    padding: 0;
    width: 100%;
    margin: 30px 0 0;
}
.steps .containt p:last-child { margin-bottom: 0; }

/* 5.2.2 Step 1
---------------------------------------------------------------------------*/
.step-1 {
    margin: 0;
    width: 100%;
    position: relative;
    padding: 60px 60px 50px;

    -webkit-border-right: 6px solid #20232b;
       -moz-border-right: 6px solid #20232b;
         -o-border-right: 6px solid #20232b;
            border-right: 6px solid #20232b;
}
.step-1:after {
    top: 0;
    right: 0;
    z-index: 1;
    width: 50%;
    height: 6px;
    content: '';
    position: absolute;
    background-color: #20232b;
}

/* 5.2.3 Step 2
---------------------------------------------------------------------------*/
.step-2 {
    margin: 0;
    width: 100%;
    position: relative;
    padding: 60px 60px 50px;

    -webkit-border-left: 6px solid #20232b;
       -moz-border-left: 6px solid #20232b;
         -o-border-left: 6px solid #20232b;
            border-left: 6px solid #20232b;
}
.step-2:after {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 6px;
    content: '';
    position: absolute;
    background-color: #20232b;
}

/* 5.2.4 Step 3
---------------------------------------------------------------------------*/
.step-3 {
    margin: 0;
    width: 100%;
    position: relative;
    padding: 60px 60px 0;
}
.step-3:after {
    top: 0;
    left: 0;
    z-index: 1;
    width: 50%;
    height: 6px;
    content: '';
    position: absolute;
    background-color: #20232b;
}

/* 5.2.5 Step Icon
---------------------------------------------------------------------------*/
.step-1 .step-icon,
.step-2 .step-icon,
.step-3 .step-icon {
    left: 50%;
    z-index: 2;
    top: -27px;
    width: 60px;
    height: 60px;
    color: #ffffff;
    font-size: 34px;
    line-height: 48px;
    text-align: center;
    margin-left: -30px;
    position: absolute;
    background-color: #333946;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 6px solid #20232b;
       -moz-border: 6px solid #20232b;
         -o-border: 6px solid #20232b;
            border: 6px solid #20232b;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/* 5.2.6 Hover
---------------------------------------------------------------------------*/
.step-1:hover .step-icon,
.step-2:hover .step-icon,
.step-3:hover .step-icon {
    background-color: #e4545b;
}




/* ==========================================================================
   6. Call Us Section
========================================================================== */
/* 6.1 Wrapper
---------------------------------------------------------------------------*/
#call-us-section {
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    text-align: center;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#call-us-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 30px;
    content: '\f095';
    line-height: 56px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}

/* 6.2 Container
---------------------------------------------------------------------------*/

#call-us-container {
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 50px 0;
    position: relative;
}
.call-us-container {
    background-color: #333946;
}
#call-us-container h2 { font-size: 45px; }
#call-us-container h2 span:hover { color: #e4545b; }




/* ==========================================================================
   7. Who Section
========================================================================== */
/* 7.1 Wrapper
---------------------------------------------------------------------------*/
.who-section {
    background-color: #ffffff;
}

#who-section {
    margin: 0;
    padding: 100px 0;
    position: relative;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}

#who-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 26px;
    content: '\f007';
    line-height: 54px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}

/* 7.2 Image
---------------------------------------------------------------------------*/
/* 7.2.1 Wrapper
---------------------------------------------------------------------------*/
.owner-img {
    padding: 0;
    float: left;
    width: 250px;
    height: 250px;
    overflow: hidden;
    position: relative;
    margin: 0 30px 15px 0;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
}
.owner-img:after {
    top: 0;
    left: 0;
    content: '';
    width: 250px;
    height: 250px;
    position: absolute;
    background-color: transparent;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;

    -webkit-border: 10px solid rgba(32, 35, 43, 0.7);
       -moz-border: 10px solid rgba(32, 35, 43, 0.7);
         -o-border: 10px solid rgba(32, 35, 43, 0.7);
            border: 10px solid rgba(32, 35, 43, 0.7);
}

/* 7.2.2 Image
---------------------------------------------------------------------------*/
.owner-img img {
    width: 250px;
    height: 250px;
}

/* 7.3 Description
---------------------------------------------------------------------------*/
.owner-desc { padding: 0 0 0 280px; }
.owner-desc p:last-child { margin-bottom: 0; }

/* 7.4 Hover
---------------------------------------------------------------------------*/
.owner-img:hover:after {
    -webkit-border: 10px solid #e4545b;
       -moz-border: 10px solid #e4545b;
         -o-border: 10px solid #e4545b;
            border: 10px solid #e4545b;
}




/* ==========================================================================
   8. Benefits Section
========================================================================== */
/* 8.1 Wrapper
---------------------------------------------------------------------------*/
.benefits-section {
    background-color: #333946;
}

#benefits-section {
    margin: 0;
    padding: 100px 0;
    position: relative;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#benefits-section .section-title h1 { color: #ffffff; }
#benefits-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 30px;
    content: '\f091';
    line-height: 56px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}

/* 8.2 List
---------------------------------------------------------------------------*/
.benefits ul {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #ffffff;
    list-style: none;
}

/* 8.3 Items
---------------------------------------------------------------------------*/
.benefits ul li {
    display: block;
    margin-bottom: 30px;
}

/* 8.3.1 Number
---------------------------------------------------------------------------*/
.benefits ul li .number {
    float: left;
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    position: relative;
    margin-right: 30px;
    display: inline-block;
    background-color: #333946;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 6px solid #e4545b;
       -moz-border: 6px solid #e4545b;
         -o-border: 6px solid #e4545b;
            border: 6px solid #e4545b;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.benefits ul li .number:before {
    top: 16px;
    content: '';
    width: 16px;
    height: 6px;
    right: -20px;
    position: absolute;
    background-color: #e4545b;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/* 8.3.2 Containt
---------------------------------------------------------------------------*/
.benefits ul li .containt {
    min-height: 50px;
    position: relative;
    padding: 7px 0 9px 83px;
}
.benefits ul li .containt:before {
    top: 0;
    width: 6px;
    left: 64px;
    content: '';
    height: 100%;
    position: absolute;
    background-color: #e4545b;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/* 8.4 Hover
---------------------------------------------------------------------------*/
.benefits ul li:hover .number {
    color: #e4545b;

    -webkit-border: 6px solid #ffffff;
       -moz-border: 6px solid #ffffff;
         -o-border: 6px solid #ffffff;
            border: 6px solid #ffffff;

}
.benefits ul li:hover .number:before,
.benefits ul li:hover .containt:before {
    background-color: #ffffff;
}




/* ==========================================================================
   9. Submit Section
========================================================================== */
.submit-section {
    background-color: #ffffff;
}

#submit-section {
    margin: 0;
    padding: 100px 0;
    text-align: center;
    position: relative;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#submit-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 24px;
    content: '\f0e0';
    line-height: 54px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}




/* ==========================================================================
   10. Clients Section
========================================================================== */
/* 10.1 Wrapper
---------------------------------------------------------------------------*/
.clients-section {
    background-color: #333946;
}

#clients-section {
    margin: 0;
    padding: 100px 0;
    position: relative;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#clients-section .section-title h1 { color: #ffffff; }
#clients-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 26px;
    content: '\f10e';
    line-height: 56px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}

/* 10.2 OWL
---------------------------------------------------------------------------*/
/* 10.2.1 Wrapper
---------------------------------------------------------------------------*/
#owl-clients {
    width: 100%;
    color: #ffffff;
    overflow: hidden;
    text-align: center;
}

/* 10.2.2 Content
---------------------------------------------------------------------------*/
.owl-content {
    padding: 30px;
    font-size: 20px;
    line-height: 30px;
    position: relative;
}
.owl-content:before {
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    color: #e4545b;
    font-size: 24px;
    content: '\f10e';
    line-height: 24px;
    position: absolute;
    text-align: center;
    font-family: 'FontAwesome';
}
.owl-content:after {
    left: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    color: #e4545b;
    font-size: 24px;
    content: '\f10d';
    line-height: 24px;
    position: absolute;
    text-align: center;
    font-family: 'FontAwesome';
}

/* 10.2.3 Author Name
---------------------------------------------------------------------------*/
.owl-author {
    width: auto;
    color: #e4545b;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
}




/* ==========================================================================
   11. Footer Section
========================================================================== */
/* 11.1 Wrapper
---------------------------------------------------------------------------*/
#footer-section {
    margin: 0;
    width: 100%;
    color: #ffffff;
    overflow: hidden;
    text-align: center;
    padding: 20px 0 10px;
    background-color: #20232b;
}
#footer-section a:hover { color: #ffffff; }

/* 11.2 Copyright
---------------------------------------------------------------------------*/
.copyright {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.copyright span {
    overflow: hidden;
    position: relative;
    margin-right: 20px;
    letter-spacing: 1px;
}
.copyright span:last-child { margin: 0; }
.copyright span:last-child:after { display: none; }
.copyright span:after {
    top: 0;
    width: 2px;
    height: 100%;
    right: -10px;
    content: '|';
    position: absolute;
}

/* 11.3 Social Icons
---------------------------------------------------------------------------*/
/* 11.3.1 List
---------------------------------------------------------------------------*/
.social-icons ul {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    list-style: none;
    text-align: center;
}

/* 11.3.2 Items
---------------------------------------------------------------------------*/
.social-icons ul li {
    padding: 0;
    margin: 0 5px 10px;
    display: inline-block;
}

/* 11.3.3 Anchor
---------------------------------------------------------------------------*/
.social-icons ul li a {
    width: 30px;
    height: 30px;
    display: block;
    color: #ffffff;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    background-color: #333946;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
}
.social-icons ul li a i { line-height: 30px; }

/* 11.3.4 Hover
---------------------------------------------------------------------------*/
.social-icons ul li a:hover { background-color: #e4545b; }


/* 11.4 Powered By
---------------------------------------------------------------------------*/
.powered-by {
    margin-bottom: 30px;
}

.powered-by span {
    font-size: 14px;
    color: #dddddd;
}

.powered-by span a {
    color: #ffffff;
}


/* ==========================================================================
   12. Breadcrumb Section
========================================================================== */
/* 12.1 Wrapper
---------------------------------------------------------------------------*/
#breadcrumb-section {
    margin: 0;
    width: 100%;
    padding: 0;
}

.breadcrumbsection {
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center center;
    background-image: url(../images/700x1500ist25968611rowoftheroofs.jpg);
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

/* 12.2 Container
---------------------------------------------------------------------------*/
#breadcrumb-section-container {
    margin: 0;
    width: 100%;
    height: 100%;
    min-height: 500px;
    text-align: center;
    position: relative;
    padding: 70px 0 80px;
    background-color: rgba(32, 35, 43, 0.5);
}
#breadcrumb-section-container h1 {
    font-size: 45px;
    margin-bottom: 20px;
}
#breadcrumb-section-container h2 { font-size: 26px; }




/* ==========================================================================
   13. Details Section
========================================================================== */
#details-section {
    width: 100%;
    color: #e4545b;
    position: relative;
    margin: 60px 0 10px;
    padding: 40px 40px 30px;

    -webkit-border-radius: 90px 0;
       -moz-border-radius: 90px 0;
         -o-border-radius: 90px 0;
            border-radius: 90px 0;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
#details-section:hover {
    -webkit-box-shadow: 4px 4px 4px #888888;
       -moz-box-shadow: 4px 4px 4px #888888;
         -o-box-shadow: 4px 4px 4px #888888;
            box-shadow: 4px 4px 4px #888888;
}




/* ==========================================================================
   14. Sell Section
========================================================================== */
/* 14.1 Wrapper
---------------------------------------------------------------------------*/
.sell-section {
    background-color: #ffffff;
}

#sell-section {
    margin: 0;
    padding: 100px 0;
    position: relative;
    
    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#sell-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 28px;
    content: '\f015';
    line-height: 54px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

/* 14.2 Image
---------------------------------------------------------------------------*/
.sell-img {
    float: left;
    max-width: 290px;
    margin-right: 20px;
}

/* 14.3 Title
---------------------------------------------------------------------------*/
.sell-title { margin-bottom: 5px; }
.sell-title h1 { color: #e4545b; }

/* 14.4 Containt
---------------------------------------------------------------------------*/
.sell-containt { padding: 0 0 0 310px; }
.sell-containt p:last-child { margin: 0; }




/* ==========================================================================
   15. Testimonials Section
========================================================================== */
/* 15.1 Wrapper
---------------------------------------------------------------------------*/
.testimonials-section {
    background-color: #ffffff;
}

#testimonials-section {
    margin: 0;
    padding: 100px 0;
    position: relative;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#testimonials-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 26px;
    content: '\f10e';
    line-height: 56px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}

/* 15.2 Clients Wrapper
---------------------------------------------------------------------------*/
#testimonials-clients {
    width: 100%;
    text-align: center;
}

/* 15.3 Item
---------------------------------------------------------------------------*/
.testimonials-item {
    padding: 34px;
    font-size: 20px;
    line-height: 30px;
    position: relative;
    margin-bottom: 30px;

    -webkit-border-radius: 60px 0;
       -moz-border-radius: 60px 0;
         -o-border-radius: 60px 0;
            border-radius: 60px 0;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;

    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
/* odd
---------------------------------------------------------------------------*/
.testimonials-item:nth-child(odd) {
    color: #ffffff;
    background-color: #333946;
}
.testimonials-item:nth-child(odd) .testimonials-author span:last-child { color: #ffffff; }
.testimonials-item:nth-child(odd) .testimonials-author span:first-child:after { color: #ffffff; }

.testimonials-item:hover {
    -webkit-box-shadow: 4px 4px 4px #888888;
       -moz-box-shadow: 4px 4px 4px #888888;
         -o-box-shadow: 4px 4px 4px #888888;
            box-shadow: 4px 4px 4px #888888;
}

/* 15.4 Content
---------------------------------------------------------------------------*/
.testimonials-content {
    padding: 30px 0;
    position: relative;
}
.testimonials-content:before {
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    color: #e4545b;
    font-size: 24px;
    content: '\f10e';
    line-height: 24px;
    position: absolute;
    text-align: center;
    font-family: 'FontAwesome';
}
.testimonials-content:after {
    left: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    color: #e4545b;
    font-size: 24px;
    content: '\f10d';
    line-height: 24px;
    position: absolute;
    text-align: center;
    font-family: 'FontAwesome';
}

/* 15.5 Author Name
---------------------------------------------------------------------------*/
.testimonials-author { width: auto; }
.testimonials-author span:first-child {
    color: #e4545b;
    font-size: 26px;
    font-weight: 600;
    margin-right: 20px;
    position: relative;
    text-transform: uppercase;
}
.testimonials-author span:first-child:after {
    top: 3px;
    width: 5px;
    height: 2px;
    right: -9px;
    content: '-';
    color: #20232b;
    position: absolute;
}
.testimonials-author span:last-child {
    color: #20232b;
    font-weight: 400;
    text-transform: uppercase;
}

/* ==========================================================================
   16. FAQ Section
========================================================================== */

/* 15.2 FAQ Wrapper
---------------------------------------------------------------------------*/
#faqs {
    width: 100%;
    text-align: center;
}

.faq-section {
    background-color: #ffffff;
}

#faq-section {
    margin: 0;
    padding: 100px 0;
    position: relative;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#faq-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 26px;
    content: '\f128';
    line-height: 56px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}


/* 15.3 Item
---------------------------------------------------------------------------*/
.faq {
    padding: 34px;
    font-size: 20px;
    line-height: 30px;
    position: relative;
    margin-bottom: 30px;

    -webkit-border-radius: 60px 0;
       -moz-border-radius: 60px 0;
         -o-border-radius: 60px 0;
            border-radius: 60px 0;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;

    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
/* odd
---------------------------------------------------------------------------*/
.faq:nth-child(odd) {
    color: #ffffff;
    background-color: #333946;
}
.faq:nth-child(odd) .testimonials-author span:last-child { color: #ffffff; }
.faq:nth-child(odd) .testimonials-author span:first-child:after { color: #ffffff; }

.faq:hover {
    -webkit-box-shadow: 4px 4px 4px #888888;
       -moz-box-shadow: 4px 4px 4px #888888;
         -o-box-shadow: 4px 4px 4px #888888;
            box-shadow: 4px 4px 4px #888888;
}

/* ==========================================================================
   16. Contact Section
========================================================================== */
/* 16.1 Wrapper
---------------------------------------------------------------------------*/
.contact-section {
    background-color: #ffffff;
}

#contact-section {
    margin: 0;
    position: relative;
    padding: 100px 0 85px;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#contact-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 24px;
    content: '\f0e0';
    line-height: 54px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}

/* 16.2 Detail
---------------------------------------------------------------------------*/
.contact-detail {
    padding: 0;
    width: 100%;
    max-width: 290px;
    text-align: center;
    margin: 0 auto 60px;
}

/* 16.3 Image
---------------------------------------------------------------------------*/
.contact-img {
    padding: 0;
    width: 250px;
    height: 250px;
    overflow: hidden;
    position: relative;
    margin: 0 auto 20px;
}

.contact-img img {
    width: 250px;
    height: 250px;
}

/* 16.4 Name
---------------------------------------------------------------------------*/
.contact-name {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

/* 16.5 Details
---------------------------------------------------------------------------*/
ul.details {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.details li {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}
ul.details li:last-child { margin: 0; }


/* 16.6 Hover
---------------------------------------------------------------------------*/
.contact-detail:hover .contact-img:after {
    -webkit-border: 10px solid #e4545b;
       -moz-border: 10px solid #e4545b;
         -o-border: 10px solid #e4545b;
            border: 10px solid #e4545b;
}

/* 16.7 Form
---------------------------------------------------------------------------*/
/* 16.7.1 Wrapper
---------------------------------------------------------------------------*/
.contactForm {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.form-group {
    margin: 0;
    padding: 0;
}

/* 16.7.2 Textarea
---------------------------------------------------------------------------*/
.contactForm textarea {
	width: 100%;
    resize: none;
    margin: 0 auto 30px;
    height: 142px !important;
}

/* 16.7.3 form-control
---------------------------------------------------------------------------*/
.contactForm .form-control {
	width: 100%;
    height: 56px;
	padding: 17px;
    margin: 0 auto 30px;
	background-color: #ffffff;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;

    -webkit-border: 2px solid #20232b;
       -moz-border: 2px solid #20232b;
         -o-border: 2px solid #20232b;
            border: 2px solid #20232b;
}
.contactForm .form-control:hover,
.contactForm .form-control:focus {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;

    -webkit-border: 2px solid #e4545b;
       -moz-border: 2px solid #e4545b;
         -o-border: 2px solid #e4545b;
            border: 2px solid #e4545b;
}

/* 16.7.4 Button
---------------------------------------------------------------------------*/
.contactForm button.submit {
    width: 100%;
    height: 56px;
    padding: 16px;
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
}
.contactForm .submit.focus,
.contactForm .submit:hover {
	color: #ffffff;
    position: relative;
}

/* 16.7.5 error message
---------------------------------------------------------------------------*/
.error {
	top: 0;
    z-index: 2;
    float: right;
    color: #20232b;
    position: relative;
    margin: -69px 15px 0 0;
}
:-webkit-ui-invalid:not(output) { box-shadow: none; }
   :-moz-ui-invalid:not(output) { box-shadow: none; }
    :-ms-ui-invalid:not(output) { box-shadow: none; }
     :-o-ui-invalid:not(output) { box-shadow: none; }
         ui-invalid:not(output) { box-shadow: none; }

/* 16.7.6 Alert
---------------------------------------------------------------------------*/
.alert-nesto {
    color: #ffffff;
    background-color: #e4545b;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
}
#contact-section .alert.alert-nesto { margin-bottom: 30px; }
#contact-section .alert {
    -webkit-border: none;
       -moz-border: none;
         -o-border: none;
            border: none;
}




/* ==========================================================================
   17. Privacy Section
========================================================================== */
/* 17.1 Wrapper
---------------------------------------------------------------------------*/
.privacy-section {
    background-color: #ffffff;
}

#privacy-section {
    margin: 0;
    padding: 100px 0;
    position: relative;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#privacy-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 26px;
    content: '\f023';
    line-height: 54px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}

/* 17.2 Description
---------------------------------------------------------------------------*/
.privacy-desc p{ margin-bottom: 20px; }
.privacy-desc p:last-child { margin-bottom: 0; }

.privacy-desc h2 {
    margin: 40px 0 0 0;
    text-align: left;
}

.privacy-desc hr {
    margin: 0 0 20px 0;
    padding: 0;
}


/* ==========================================================================
   18. Sellform Section
========================================================================== */
/* 18.1 Wrapper
---------------------------------------------------------------------------*/
.sellform-section {
    background-color: #ffffff;
}

#sellform-section {
    margin: 0;
    position: relative;
    padding: 100px 0 70px;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#sellform-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 28px;
    content: '\f135';
    line-height: 54px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}

/* 18.2 Sell Form
---------------------------------------------------------------------------*/
/* 18.2.1 Wrapper
---------------------------------------------------------------------------*/
.sellform {
    padding: 0;
    width: 100%;
    max-width: 700px;
    overflow: hidden;
    margin: 30px auto 0;
}

/* 18.2.2 Textarea
---------------------------------------------------------------------------*/
.sellform textarea {
	width: 100%;
    resize: none;
    margin: 0 auto 30px;
    height: 142px !important;
}

.sellform-label {
    font-size: 18px;
    margin-bottom: 10px;
}

/* 18.2.3 form-control
---------------------------------------------------------------------------*/
.sellform .form-control {
	width: 100%;
    height: 40px;
	padding: 7px 10px;
    margin: 0 auto 15px;
	background-color: #ffffff;

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;

    -webkit-border: 2px solid #20232b;
       -moz-border: 2px solid #20232b;
         -o-border: 2px solid #20232b;
            border: 2px solid #20232b;
}
.sellform .form-control:hover,
.sellform .form-control:focus {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
         -o-box-shadow: none;
            box-shadow: none;

    -webkit-border: 2px solid #e4545b;
       -moz-border: 2px solid #e4545b;
         -o-border: 2px solid #e4545b;
            border: 2px solid #e4545b;
}

/* 18.2.4 Button
---------------------------------------------------------------------------*/
.sellform button.submit {
    width: 100%;
    height: 46px;
    padding: 6px;
    color: #ffffff;
    font-size: 16px;
    line-height: 22px;
    margin: 5px auto 30px;
}
.sellform .submit.focus,
.sellform .submit:hover {
	color: #ffffff;
    position: relative;
}

/* 18.2.5 Alert
---------------------------------------------------------------------------*/
#sellform-section .alert.alert-nesto { margin-bottom: 30px; }
#sellform-section .alert {
    -webkit-border: none;
       -moz-border: none;
         -o-border: none;
            border: none;
}

/* 18.2.6 Error
---------------------------------------------------------------------------*/
.sellerror {
	top: 0;
    z-index: 2;
    float: right;
    color: #20232b;
    position: relative;
    margin: -47px 15px 0 0;
}




/* ==========================================================================
   19. Bootstrap
========================================================================== */
/* 19.1 btn
---------------------------------------------------------------------------*/
.btn {
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.btn-nesto:active,
.btn-nesto.active {
    background-image: none;
}
.btn.btn-nesto {
    color: #ffffff;
    letter-spacing: 1px;
}
.btn-nesto:hover,
.btn-nesto:focus,
.btn-nesto:active,
.btn-nesto.active {
    color: #ffffff;
}

/* 19.2 navbar
========================================================================== */
.lpcontainer .navbar {
    margin-bottom: 0;
    min-height: 60px;
    padding: 20px 0;
    background: #20232b;

    -webkit-border: 0;
       -moz-border: 0;
         -o-border: 0;
            border: 0;

    -webkit-border-radius: 0;
       -moz-border-radius: 0;
         -o-border-radius: 0;
            border-radius: 0;
}
.lpcontainer .navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand { margin-left: 0; }
.lpcontainer .navbar-brand {
    padding: 0;
    height: 40px;
}
.lpcontainer .navbar-nav > li > a {
    padding: 10px;
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 1px;
}

.lpcontainer .navbar-nav > li > a:hover {
    font-size: 15px;
}

.lpcontainer .navbar-nav > li {
    margin-left: 10px;
    position: relative;
}
.lpcontainer .navbar-nav > li:first-child { margin-left: 0; }
.lpcontainer .nav > li > a:hover,
.nav > li > a:focus { background-color: transparent; }
.lpcontainer .navbar-nav > li:hover,
.navbar-nav > li.active {
    color: #ffffff;
    background-color: #333946;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
.lpcontainer .navbar-header a {
    color: #ffffff;
    font-size: 30px;
    line-height: 40px;
}
.lpcontainer .navbar-header a:hover { color: #ffffff; }




/* ==========================================================================
   10. Responsive
========================================================================== */
/* 10.1 TABLET
---------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) and (min-width: 768px) {

/*    .navbar-header {
        float: none;
        text-align: center;
        margin: 0 auto 15px;
    }
    .navbar-brand,
    .nav.navbar-nav.navbar-right {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .navbar-nav > li {
        float: none;
        display: inline-block;
    }*/

    #home-section-containt h1 { font-size: 35px; }

    .copyright span {
        display: block;
        margin: 0 0 10px 0;
    }
    .copyright span:after { display: none; }

}

/* ========================================================================== */
/* custom
---------------------------------------------------------------------------*/


@media (max-width: 990px) and (min-width: 768px){
  nav .container {
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
  }
}

@media (max-width: 898px ) and (min-width: 768px){
  nav img {
    max-width: 150px;
    margin-top: 20px;
  }
}

@media (max-width: 810px ) and (min-width: 768px){
  nav img {
    max-width: 100px;
  }
}


/* 10.2 SMALL TABLET (767px)
---------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {  

    .container { width: 570px; }

    .navbar-toggle {
        margin: 20px 0 0 0;
        color: #000000;
        padding: 7px 10px;

        -webkit-border: 1px solid #000000;
           -moz-border: 1px solid #000000;
             -o-border: 1px solid #000000;
                border: 1px solid #000000;
    }
    .navbar-nav { margin-top: 27px; }
    .navbar-collapse {
        -webkit-border: 0;
           -moz-border: 0;
             -o-border: 0;
                border: 0;

        -webkit-box-shadow: none;
           -moz-box-shadow: none;
             -o-box-shadow: none;
                box-shadow: none;
    }
    .navbar-nav > li {
        text-align: center;
        margin: 0 auto 10px;
    }
    .navbar-nav > li:last-child { margin: 0; }

    #home-section-containt h1 { font-size: 30px; }

    .step-1,
    .step-2,
    .step-3 {
        width: 100%;
        padding: 60px 0 55px;

        -webkit-border: 0;
           -moz-border: 0;
             -o-border: 0;
                border: 0;
    }
    .step-3 { padding-bottom: 0; }
    .step-1:after,
    .step-2:after,
    .step-3:after {
        display: none;
    }

    #details-section {
        padding: 0;
        margin: 60px 0 0;

        -webkit-border: 0;
           -moz-border: 0;
             -o-border: 0;
                border: 0;

        -webkit-border-radius: 0;
           -moz-border-radius: 0;
             -o-border-radius: 0;
                border-radius: 0;

        -webkit-box-shadow: none;
           -moz-box-shadow: none;
             -o-box-shadow: none;
                box-shadow: none;
    }

    .owner-desc { padding: 0; }
    .owner-img {
        float: none;
        margin: 0 auto 30px;
    }

    .sell-containt { padding: 0; }
    .sell-img {
        float: none;
        margin: 0 auto 20px;
    }

    .copyright span {
        display: block;
        margin: 0 0 10px 0;
    }
    .copyright span:after { display: none; }

}



/* 10.3 PHONE
---------------------------------------------------------------------------*/
@media only screen and (max-width: 599px) {

    .container { width: 450px; }

    #call-us-container h1 { font-size: 35px; }

    .section-title h1 { font-size: 30px; }

    .benefits ul li .number {
        float: none;
        display: block;
        margin: 0 auto 20px;
    }
    .benefits ul li .containt { padding: 0; }
    .benefits ul li .number:before,
    .benefits ul li .containt:before { display: none; }


    .testimonials-author span:first-child {
        margin: 0;
        display: block;
    }
    .testimonials-author span:first-child:after { display: none; }

}


/* 10.4 SMALL PHONE
---------------------------------------------------------------------------*/
@media only screen and (max-width: 479px) {

    .container { width: 320px; }

    .navbar-header a { font-size: 24px; }

    #breadcrumb-section-container h1 { font-size: 30px; }
    #breadcrumb-section-container h2 { font-size: 20px; }

    #call-us-container h1 { font-size: 25px; }

}

/* ==========================================================================
   20. Thankyou Section
========================================================================== */
/* 20.1 Wrapper
---------------------------------------------------------------------------*/
.thankyou-section {
    background-color: #ffffff;
}

#thankyou-section {
    margin: 0;
    padding: 100px 0;
    position: relative;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#thankyou-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 26px;
    content: '\f024';
    line-height: 54px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}

/* 20.2 Description
---------------------------------------------------------------------------*/
.thankyou-desc p{ margin-bottom: 20px; }
.thankyou-desc p:last-child { margin-bottom: 0; }

/* ==========================================================================
   21. Investor Section
========================================================================== */
/* 21.1 Wrapper
---------------------------------------------------------------------------*/
.investor-section {
    background-color: #ffffff;
}

#investor-section {
    margin: 0;
    padding: 100px 0;
    position: relative;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#investor-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 26px;
    content: '\f0d6';
    line-height: 54px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}

/* 21.2 Description
---------------------------------------------------------------------------*/
.investor-desc p{ margin-bottom: 20px; }

.form-horizontal {
    max-width: 650px;
    margin: 0 auto;
}

.label-lg {
    font-size: 16px;
    font-weight: bold;
    color: #444;
    line-height: 35px;
    text-align: right;
    height: 35px;
}

.label-wrap {
    line-height: 18px;
    height: 36px;
}

.form-group {
    margin-bottom:5px;
}

/* ==========================================================================
   22. Page Section
========================================================================== */
/* 22.1 Wrapper
---------------------------------------------------------------------------*/
.page-section {
    background-color: #ffffff;
}

#page-section {
    margin: 0;
    padding: 100px 0;
    position: relative;

    -webkit-border-top: 4px solid #20232b;
       -moz-border-top: 4px solid #20232b;
         -o-border-top: 4px solid #20232b;
            border-top: 4px solid #20232b;
}
#page-section:after {
    left: 50%;
    top: -32px;
    width: 60px;
    height: 60px;
    color: #20232b;
    font-size: 26px;
    content: '\f107';
    line-height: 54px;
    text-align: center;
    position: absolute;
    margin-left: -30px;
    background-color: #ffffff;
    font-family: 'FontAwesome';

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;

    -webkit-border: 4px solid #20232b;
       -moz-border: 4px solid #20232b;
         -o-border: 4px solid #20232b;
            border: 4px solid #20232b;
}

/* 22.2 Description
---------------------------------------------------------------------------*/
.page-desc p{ margin-bottom: 20px; }

.has-error {
  border: 1px solid #ff0000 !important; 
}

/*START COLORSCHEME*/
.lp-bg-color { background-color: #f0f2f5;}
.lp-text-color { color: #807c7c;}
.lpcontainer .lp-accent-color { background-color: #a5c0e0;}
.lpcontainer { color: #807c7c;background-color: #f0f2f5;}
/*END COLORSCHEME*/

.private-question {
  font-size: 20px;
  cursor: pointer;
}
.private-answer {
  margin-left: 40px;
  font-size: 14px;
}
.private-answer p {
  font-size: 16px;
  text-align: justify;
  margin-bottom: 20px;
  color: #727272;
}

#privatemoneyform button {
  font-size: 25px;
  padding: 10px 0;
}
.private-title {
  background-color: #20232b;
  color:  #FFF;
  padding: 10px 0;
}
.push-down {
  margin-top: 100px;
}
/* begin adding form to hero unit */

.hero-content {
  margin: 50px auto;
  /*background: rgba(0, 0, 0, 0.65);*/
  padding: 10px 0;

}

.hero-content .col-sm-6 .hero-content-text p {
  color: #ffffff;
  font-weight: 400;
  line-height: 24px;
  text-align: justify;
}

.hero-content-text li.lpeditable {
  color: #ffffff;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  text-align: left;
}

.hero-content-text h4 {
  color: #ffffff;
  font-weight: 600;
  line-height: 24px;
}

.hero-content-text .call-now {
  padding: 3px 8px;
  margin: 0 auto 5px auto;
  background: rgba(0, 0, 0, 0.15);
}

.hero-content-text {
  max-width: 500px;
  padding: 0 10px 10px 10px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .hero-content > .col-sm-6 {
      background: rgba(0, 0, 0, 0.15);
      padding-top: 10px;
  }
}

.form-white-outline-transparent {
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  display: inline-block;
  zoom: 1;
  color: #fff;
  padding: 0 10px;
  border: 2px solid #fff;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.45);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.white-outline-transparent {
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  zoom: 1;
  color: #fff;
  /*padding: 22px 11px 15px 41px;*/
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.45);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

#short-form {
  max-width: 400px;
  margin: 0 auto;
  padding: 10px;
}

#short-form h3 {
  color: #ffffff;
  padding-bottom: 10px;
}

#short-form label {
  text-align: left;
}


.button {
  -webkit-font-smoothing: antialiased;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  padding: 13px 32px;
  font-weight: 600;
  font-size: 20px;
  color: #fff !important;
  text-shadow: rgba(0, 0, 0, 0.2) 0 -1px 0;
  border: 0px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 2px, inset rgba(255, 255, 255, 0.88) 0px 1px 3px -1px;
  background-color: #4589E3;
  transition: all 0.2s linear;
}

a.button:hover {
  text-decoration: none;
}

/* end adding form to hero unit */
.padding-10 {
    padding-top: 10%;
}
.no-body-padding {
    padding-top: 0;
}
.lift-up {
    margin-bottom: 40px;
}

/* add new section style v1 */
.added-section {
    padding: 100px 0;
    background-color: #ffffff;
}

.added-section h2 {
    padding-bottom: 30px;
    font-size: 40px;
}

.added-section blockquote.testimonial {
    margin: 40px auto;
    width:80%;
    color: #ffffff;
    background-color: #5470A0;
}

.added-section blockquote.testimonial .quoted {
    padding-left: 10%;
}

.small-section-title {
    margin-bottom: 50px;
    font-size: 25px;
}

@media (max-width: 767px) {
    .small-section-title {
        margin-top: 20px;
    }
}

.lpbutton {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #20232b;
}

.lpbutton:focus,
.lpbutton:active:focus,
.lpbutton.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.lpbutton:hover,
.lpbutton:focus {
  color: #333;
  text-decoration: none;
  background-color: #abbac3;
}
.lpbutton:active,
.lpbutton.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.lpbutton.disabled,
.lpbutton[disabled],
fieldset[disabled] .lpbutton {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}

blockquote {
    border-left: none;
}