@import url('https://fonts.googleapis.com/css?family=Anton');

@import url(http://weloveiconfonts.com/api/?family=entypo);

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');

body {

  padding-bottom: 40px;

  color: #5a5a5a;

}

.navbar-nav a{

    font-size: 13px;

    color: #000;

    margin-top: 15px;

}

.navbar-nav a:hover{

    color: #222;

    background-color:#fff !important;

}

/* CUSTOMIZE THE NAVBAR

-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-wrapper {

  margin-top: 0px !important;

  position: absolute;

  padding: 5px 0;

  top: 0;

  right: 0;

  left: 0;

  z-index: 20;

  background-color: rgba(255,255,255,.8);

  border-top: 4px solid #333;

  border-bottom: 4px solid #666;

}



/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {

  padding-right: 0;

  padding-left: 0;

}

.navbar-wrapper .navbar {

  padding-right: 15px;

  padding-left: 15px;

}

.navbar-wrapper .navbar .container {

  width: auto;

}



/* CUSTOMIZE THE CAROUSEL

-------------------------------------------------- */



.carousel {

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

  z-index: 10;

  margin-bottom: 100px;

  margin-left: -80px;

  width: 700px;

}



.carousel-caption h1{

    font-size: 56px;

    line-height: 70px;

    text-transform: uppercase;

    font-family: 'Anton', sans-serif;

    letter-spacing:1px;

    text-shadow: 8px 8px 8px #111;

}

/* Declare heights because of positioning of img element */

.carousel .item {

  height: 550px;

  vertical-align: middle;

  background:transparent;

}

.carousel-indicators .active{

    background-color: #fe8c00;

    border: none;

}



.carousel-item{

    background-color: transparent;

}

.carousel-control{

    display: none;

}



/* MARKETING CONTENT

-------------------------------------------------- */



/* Center align the text within the three columns below the carousel */

.marketing .col-lg-4 {

  margin-bottom: 20px;

  text-align: center;

}

.marketing h2 {

  font-weight: normal;

}

.marketing .col-lg-4 p {

  margin-right: 10px;

  margin-left: 10px;

}





/* Featurettes

------------------------- */



.featurette-divider {

  margin: 80px 0; /* Space out the Bootstrap <hr> more */

}



/* Thin out the marketing headings */

.featurette-heading {s

  font-weight: 300;

  line-height: 1;

  letter-spacing: -1px;

}





/* RESPONSIVE CSS

-------------------------------------------------- */



@media (min-width: 768px) {

  /* Navbar positioning foo */

  .navbar-wrapper {

    margin-top: 20px;

  }

  .navbar-wrapper .container {

    padding-right: 15px;

    padding-left: 15px;

  }

  .navbar-wrapper .navbar {

    padding-right: 0;

    padding-left: 0;

  }



  /* The navbar becomes detached from the top, so we round the corners */

  .navbar-wrapper .navbar {

    border-radius: 4px;

  }



  /* Bump up size of carousel content */

  .carousel-caption p {

    margin-bottom: 20px;

    font-size: 21px;

    line-height: 1.4;

  }



  .featurette-heading {

    font-size: 50px;

  }  

}



@media (min-width: 992px) {

  .featurette-heading {

    margin-top: 120px;

  }

}



/**********************************************************************/

.navbar{

    background-color: transparent;

    border: none;

    margin: 0 auto;

    height: 80px;

}

a.navbar-brand{ 

    font-family: 'Montserrat', sans-serif !important;

    font-size: 2.2em;

    color: #ffffff;

    letter-spacing: -1px;

}



.navbar-nav{

    font-size: 13px !important;    

}



/*Services_images****************************************************************************/

.heading h2{

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif !important;

    font-size: 25px;

    font-weight: bold;                                                      

    text-align: center;

}

.services{

    font-family: 'Open Sans', sans-serif !important;

}

.service-heading{

    margin: 60px;

    font-size: 25px;

    font-weight: bold;                                                      

    text-align: center;

}



.parent {

    width: 100%;

    height: 260px;

    overflow: hidden;

    position: relative;

    display: inline-block;

    cursor: pointer;

    -webkit-box-shadow: 1px 2px 26px -14px rgba(0,0,0,0.75);

    -moz-box-shadow: 1px 2px 26px -14px rgba(0,0,0,0.75);

    box-shadow: 1px 2px 26px -14px rgba(0,0,0,0.75);

}



.child {

    height: 100%;

    width: 100%;

    background-size: cover;

    background-repeat: no-repeat;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



/* Several different images */

.bg-one {background-image: url(../images/MCA_service.jpg);}

.bg-two {background-image: url(../images/reverse-mortgageee.jpg);}

.bg-three {background-image: url(../images/solar-leads.jpg);}

.bg-seven {background-image: url(../images/home-warrantyy.jpg);}

.bg-six {background-image: url(../images/Auto-Insurancee.jpg);}

.bg-four {background-image: url(../images/debt-settlement.jpg);}

.bg-eight {background-image: url(../images/Addiction-Treatment.jpg);}

.bg-five {background-image: url(../images/home-security.jpg);}



.services a {

    display: none;

    padding: 0 50px;

    font-size: 18px;

    color: #ffffff !important;

    font-family: 'Open Sans', sans-serif;

    text-align: center;

    margin: auto;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    height: 50px;

    cursor: pointer;

    text-transform: uppercase;

}

.parent:hover .child, .parent:focus .child {

    -ms-transform: scale(1.4);

    -moz-transform: scale(1.4);

    -webkit-transform: scale(1.4);

    -o-transform: scale(1.4);

    transform: scale(1.4);

}



.parent:hover .child:before, .parent:focus .child:before {

    display: block;

}



.parent:hover a, .parent:focus a {

    display: block;

    text-decoration: none;

}



.child:before {

    content: "";

    display: none;

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-color: rgba(0,0,0,0.6);

}



.feature{

    margin: 100px 0;

}

.feature h3{

    color: #103A46;

    letter-spacing: 1px;

    font-size: 30px;

}

.feature p{   

    padding-bottom: 25px;

    text-align: justify;

    color: #333;

    font-size: 16px;

    font-family: 'Open Sans', sans-serif !important;

}

.feature img{

    margin-left: -20px;

    width: 620px;

    -webkit-box-shadow: 0px 2px 15px -1px rgba(0,0,0,0.75);

    -moz-box-shadow: 0px 2px 15px -1px rgba(0,0,0,0.75);

    box-shadow: 0px 2px 15px -1px rgba(0,0,0,0.75);

    background: url ("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFElEQVQImWNgQAI9PT1ppHIYGBgAFocIKR2raJ4AAAAASUVORK5CYII=");background-position: left top;

    background-repeat: repeat;

}



.callus{

    margin: 60px 0; 

    background-color: #134B5A;

    padding: 10px 15px;

    color: #fff;    

}

.callus h1{

    font-family: 'Open Sans', sans-serif !important;

    text-align: center;

    font-size: 30px;

}



.prefooter{

    padding: 30px;

    font-size: 15px;

    line-height: 32px;

    background-color: #154D5C;

    font-family: 'Open Sans', sans-serif !important;

    color: #EFEBE8;

}

footer{

    background-color: #103A46;

    font-family: 'Open Sans', sans-serif !important;

    padding: 10px;

    color: #EFEBE8;

    font-size: 13px;

}

.footerservice div.col-md-6{

    text-align: left;

    padding-left: 0 !important;

}

.footerservice a{

    text-decoration:none;

    color:#fff;

    padding-left:8px;

}

.justphone{

    background-color: #EBEBEB;

    padding: 10px 0;

    font-family: 'Open Sans', sans-serif;

}

.justphone h3{

    text-align: right;

}



.prefooter .about p{

    padding-right: 15px;

}

.prefooter .about h2{

    color: #4A8C9D;

    padding-top: 20px;

    font-family: 'Anton', sans-serif;

    letter-spacing: 1px;

}

.prefooter h4{

    padding-bottom: 15px;

    font-weight: bold;

}

.prefooter .social .fa{

    border: 1px solid #245866;

    border-radius: 3px;

    text-align: center;

    padding-top: 12px;

    height: 50px;

    width: 50px;

    font-size: 25px;

    color: #4A8C9D;

}



.prefooter .social .fa-phone{

    border: none !important;

    height: 10px;

    font-size: 15px;

}

.prefooter .social h5{

    line-height: 20px;

    text-align: left;

    padding-left: 0px;

}

.prefooter .social .fa-map-marker{

    border: none !important;

    height: 10px;

    font-size: 15px;

}

.prefooter .social .fa-envelope{

    border: none !important;

    height: 10px;

    font-size: 15px;

}



/*CONTACT US******************************************************/ *



.service-client{

    margin-top: 50px;

    width: 1100px;

    text-align: center;

}



.section{

    padding:50px 70px 0px 70px;

    

}

.section h2{

    margin: 80px 0; 

    text-transform: uppercase;

}

.section h1{

    font-weight: bold;

    color: #103A46;

    padding: 25px 0;    

}



.section p{

    padding: 15px 0;

    font-size: 16px;

    text-align: justify;

    color: #4d4d4d;

}

.section highlight{

    color: #222;

    font-weight: bold;

}

.section img{

    padding: 20px 50px;

}



header img { 

   position: relative; 

   height:330px;

   width: 100%; /* for IE 6 */

   border-bottom-right-radius: 100% 30% !important;

   border-bottom-left-radius: 100% 30% !important;

   -webkit-box-shadow: 0px 2px 15px -1px rgba(0,0,0,0.75);

   -moz-box-shadow: 0px 2px 15px -1px rgba(0,0,0,0.75);

   box-shadow: 0px 2px 15px -1px rgba(0,0,0,0.75);

}

header h2 { 

   position: absolute; 

   top: 130px; 

   text-align: center;

   width: 100%;

   display: block;

   font-size: 54px;

   letter-spacing: 2px;

   text-transform: uppercase;

   color: #fff;

   text-shadow: 2px 1px 7px #000;

   background-color: rgba(0,0,0,.3);

   font-family: 'Oswald', sans-serif;

}



.form-horizontal{

    position:absolute;

    top:230px;

    text-align:center;

    width:100%;

    background-color: rgba(0,0,0,.7);

    margin:auto;

    padding-top:7px;

}

.form-horizontal input,select{

    height: 50px !important;

    text-align: center;

    color: #000;

    background-color: #EBEBEB !important;

    border: 0 !important;

    border-radius: 3px !important;

}





.featurette h2 {

    color: #103A46;

    margin-top: 60px;

    opacity: 0.8;

}

.featurette p{

    padding: 20px 0;

    color: #4d4d4d;

}



.three-column-navbar {

    width: 46em; height: auto; margin: 4px 0px; float: left !important;

    border-top: solid 5px #011828;

    border-left: solid 1px #011828;

    border-right: solid 1px #011828;

    border-bottom: solid 2px #011828;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px;

}



.three-column-navbar {

    width: 780px;

}

.three-column-navbar ul{

    padding:0;

    margin: 0;

}

.three-column-navbar ul li{

    padding: 0px -20px;

}

.three-column-navbar ul li a{

    color: #111;

}



.contact-section{

    margin-top: 80px;

}

.contact-section .map{

    filter: gray; /* IE6-9 */

	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */

	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */

}

.container .contact-form {

  width: 53%;

  margin-left: 2%;

  float: left;

}

.container .contact-form .title {

  font-size: 2.5em;

  font-family: "Libre Franklin", sans-serif;

  font-weight: 700;

  color: #242424;

  margin: 5% 8%;

}

.container .contact-form .subtitle {

  font-size: 1.2em;

  font-weight: 400;

  margin: 0 4% 5% 8%;

}

.container .contact-form input,

.container .contact-form textarea {

  width: 330px;

  padding: 3%;

  margin: 2% 8%;

  color: #242424;

  border: 1px solid #B7B7B7;

}

.container .contact-form input::placeholder,

.container .contact-form textarea::placeholder {

  color: #242424;

}

.container .contact-form .btn-send {

  background: #A383C9;

  width: 180px;

  height: 60px;

  color: #FFFFFF;

  font-weight: 700;

  margin: 2% 8%;

  border: none;

}



section{

    margin-bottom: 80px;

}

.avatar .img{

    border-radius: 50%;

    width: 100px;

}

.testimonial p{

    padding: 5px 45px;

    text-align: center;

}



.thank{

    text-align: center;

}

.thank h1{

    font-family: 'Anton', sans-serif;

    margin-top:80px;

    color: #2A5BAB;

    font-size: 90px;

}

.threeservice .rowone{

    background-color: #154D5C;

    opacity: .8;

    text-transform: uppercase;

    font-size: 14px;

    color: #fff;

}

.threeservice .rowone:hover{

    transform: perspective( 600px ) rotateY( 25deg );

    transition-duration: .5s;

    -moz-transition-duration: .5s; /* Firefox 4 */

    -webkit-transition-duration: .5s; /* Safari and Chrome */

    -o-transition-duration: .5s;

}

.threeservice .rowtwo{

    background-color: #154D5C;

    opacity: .9;

    text-transform: uppercase;

    font-size: 14px;

    color: #fff;

}

.threeservice .rowtwo:hover{

    transform: perspective( 600px ) rotateY( 25deg );

    transition-duration: .5s;

    -moz-transition-duration: .5s; /* Firefox 4 */

    -webkit-transition-duration: .5s; /* Safari and Chrome */

    -o-transition-duration: .5s;

}

.threeservice .rowthree{

    background-color: #154D5C;

    opacity: 1;

    text-transform: uppercase;

    font-size: 14px;

    color: #fff;

}

.threeservice .rowthree:hover{

    transform: perspective( 600px ) rotateY( 25deg );

    transition-duration: .5s;

    -moz-transition-duration: .5s; /* Firefox 4 */

    -webkit-transition-duration: .5s; /* Safari and Chrome */

    -o-transition-duration: .5s;

}

.threeservice h4{

    text-decoration:none;

    color:#fff;

}



.form-signin{

    margin-left: 15px;

}

.form-heading, .form-call{

    line-height: 20px;

    text-align: center;

    text-shadow: 1px 1px #000;

}

.form-heading{

    color: #8FAEC9;

}

.form-call{

    color: #ffffff;

    font-size: 45px;

    font-weight: bold;

    margin-bottom: 40px;

}

input, select{

    margin: 10px;

    margin-top: 0px;

    border: 0 !important;

    font-weight:bold;

}



form .btn{

    padding: 5px 17px;

    width: 100%;

    border: none !important;

    border-radius: 15px;

    background: #fe8c00; /* fallback for old browsers */

    background: -webkit-linear-gradient(to left, #fe8c00 , #f83600); /* Chrome 10-25, Safari 5.1-6 */

    background: linear-gradient(to left, #fe8c00 , #f83600); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    font-size: 18px;

    color: #111;

    font-weight: bold;

}

p.agree{

    margin-top: 20px;

    font-size: 10px;

    text-align: justify;

    color: #8FAEC9;

}



h1.bigheader{

    margin-top: 30px;

    font-size: 25px;

    text-shadow: 5px 5px 8px #000;

    font-weight: bold;

    color: #fe8c00;

    text-align: center;

    font-family: 'Oswald', sans-serif;

}



.headersub{

    color: #ff9900;

    font-size: 18px;

    text-shadow: 5px 8px 8px #000;

}

.form-signin{

    margin-top: 20px;

}

.form-signin input,select{

    width: 250px !important;

    height: 50px !important;

    text-align: center;

    color: #000;

    background-color: #EBEBEB !important;

    border: 0 !important;

    border-radius: 3px !important;

}



[class*="entypo-"]:before {

   font-family: "entypo", sans-serif;

}

#sticky-social a { 

   text-decoration: none;

}

#sticky-social ul {

   list-style: none;

   margin: 0;

   padding: 0;

}

#sticky-social {

   left: 0;

   position: fixed;

   top: 250px;

   z-index: 9999;

}

#sticky-social a {

   background: #333;

   color: #fff;

   display: block;

   height: 35px;

   font: 16px "Open Sans", sans-serif;

   line-height: 35px;

   position: relative;

   text-align: center;

   width: 35px;

}

#sticky-social a span {

   line-height: 35px;

   left: -120px;

   position: absolute;

   text-align:center;

   width:120px;

}

#sticky-social a:hover span {

   left: 100%;

}

#sticky-social a[class*="facebook"],

#sticky-social a[class*="facebook"]:hover,

#sticky-social a[class*="facebook"] span { background: #3b5998; }



#sticky-social a[class*="twitter"],

#sticky-social a[class*="twitter"]:hover,

#sticky-social a[class*="twitter"] span { background: #00aced; }



#sticky-social a[class*="gplus"],

#sticky-social a[class*="gplus"]:hover,

#sticky-social a[class*="gplus"] span { background: #dd4b39; }  



#sticky-social a[class*="linkedin"],

#sticky-social a[class*="linkedin"]:hover,

#sticky-social a[class*="linkedin"] span { background: #007bb6; }  



#sticky-social a[class*="instagrem"],

#sticky-social a[class*="instagrem"]:hover,

#sticky-social a[class*="instagrem"] span { background: #517fa4; }  



#sticky-social a[class*="stumbleupon"],

#sticky-social a[class*="stumbleupon"]:hover,

#sticky-social a[class*="stumbleupon"] span { background: #eb4924; }  



#sticky-social a[class*="pinterest"],

#sticky-social a[class*="pinterest"]:hover,

#sticky-social a[class*="pinterest"] span { background: #cc2127; }  



#sticky-social a[class*="flickr"],

#sticky-social a[class*="flickr"]:hover,

#sticky-social a[class*="flickr"] span { background: #ff0084; }  



#sticky-social a[class*="tumblr"],

#sticky-social a[class*="tumblr"]:hover,

#sticky-social a[class*="tumblr"] span { background: #32506d; }





::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #454444 !important;

  text-align:center;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #454444 !important;

  text-align:center;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #454444;

}

:-moz-placeholder { /* Firefox 18- */

  color: #454444;

}





/***********************************/



.slide-wrapper {

    position: relative

}



.red {

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}

.red-content {

    width: 100%;

    height: 500px;

    color: #fff;

}

@media (min-width: 768px) { 

    .carousel-caption {

        text-align: left;

        padding-right: 200px;

    }

    .red {

        width: 750px;

        position: absolute;

        left: 50%;

        top: 0;

        bottom: 0;

        padding: 20px 0;

        margin-left: -375px;

    }

    .red-content {

        width: 300px;

        float: right;

        height: 100%;

        background-color: rgba(0,0,0,.6);

        color: #fff;

        margin-right:-80px; /* width of .container gutter */

    }

}

@media (min-width: 992px) { 

    .red {

        width: 970px;

        margin-left: -485px;

    }

}

@media (min-width: 1200px) { 

    .red {

        width: 1170px;

        margin-left: -585px;

    }

}



#myCarousel .item {

    overflow: hidden;

    height: 550px;

    background-color: transparent;

    background-size: cover;

}

#myCarousel > .carousel-control {

    width: 30px;

    font-size: 40px;

    color: #fff;

    text-shadow: none;

    filter: none;

    opacity: 1;

}

#myCarousel > .carousel-control span {

    position: absolute;

    top: 50%;

    margin-top: -30px;

    width: 100%;

    text-align: center;

    display: block;

}

.second-header h2{

    text-align:center;

    margin-top:50px;

    font-family: 'Josefin Sans', sans-serif;

    font-size:26px;

    color:#011828;

}