/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,700,800);
body {
    width: 100%;
    height: 100%;
    ;
}

html {

    width: 100%;
    height: 100%;
}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children
of those sections to manage the look and feel of the site. */
/*top*/
section.topmenu{
    background-color: #fbfbfb;
}
section.topmenu .righttop {
    float: right;

}
section.topmenu .righttop i.fa {
    margin-left: 25px;
    color: #adadad;
}
section.topmenu .lefttop {
    float: left;

}
section.topmenu span.fa.fa-phone,
section.topmenu span.fa.fa-map-marker {
     display: inline;
    font-size: 13px;
    font-weight: normal;
    color: #adadad;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 15px;
}
section.topmenu span.fa.fa-phone::before,
section.topmenu span.fa.fa-map-marker::before {
    color: #f39c12;
    margin-right: 10px;
}

/*=====Navabar========*/
.navbar-default .navbar-nav>li>a {
    color: #333333;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
}
.navbar-brand {
    float: left;
    height: 53px;
    padding: 0px 15px;
    font-size: 18px;
    line-height: 20px;
}
.navbar-fixed-top {
    top: 0px;
    border-width: 0 0 1px;
}
nav.navbar.top.navbar-default {
    background-color: #fff!important;
    border-color: #e7e7e7;
}
/**/
.banner-section{
        font-family: 'Raleway', sans-serif;
/*    padding-top: 150px;
    padding-bottom: 150px;*/

/*    background-image: url("img/PICT1257 copy.JPG");*/
    background-color: #cccccc;
     text-align: center;
}
.banner-section .highlight{
    font-size: 72px;
    color: #fff;
    font-weight: bold;

}
.banner-section .description{
    font-size: 16px;
    color: #fff;

}
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
}
.banner-section a.btn.btn-default.page-scroll.readmore{

    border-radius: 0px;
    background-color: #6762a5;
    border: 0px;
    height: 40px;
    color: #fff;

    padding: 10px 20px 0 20px;

}
.banner-section a.btn.btn-default.page-scroll.contact{

    border-radius: 0px;
    background-color: #F39C12;
    border: 0px;
    height: 40px;
    color: #fff;

    padding: 10px 20px 0 20px;
}
.carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 15%;
}
/*========ABOUT TBS===========*/
.about-tbs-section {
            font-family: 'Raleway', sans-serif;

    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    background-image: url("img/about.png");
    background-color: #fff;
     background-repeat:no-repeat;
     background-size: 100% 100%;
}
.about-tbs-section .highlight{
    font-size: 50px;
    color: #434372;
    font-weight: bold;
    text-align: left;
}
.about-tbs-section .description{
    font-size: 16px;
    color: #333333;
    text-align: left;
    padding: 30px;
}
.about-tbs-section h2{
    font-size: 31px;
    color: #f39c12;
}
.about-tbs-section a.btn.btn-default {

    width: 25%;

    border-radius: 0px;
    background-color: #F39C12;
    border: 0px;
    height: 40px;
    color: #fff;
display: block;
    padding: 10px;
    margin-top: 25px;
}


/*========OUR SERVICES===========*/
.our-services-section {
            font-family: 'Raleway', sans-serif;


    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    background: #e8e8e8;
}
.our-services-section h1{
    font-size: 48px;
    color: #6762a5;
    font-weight: lighter;
}
.our-services-section span{
    font-size: 18px;
    color: #333333;
}
.our-services-section h2{
    color: #434372;
    font-weight: bold;
    border-bottom: 4px solid #f39c12;
        padding-bottom: 15px;
        width: 90%;
        margin-left: 5%;

}
.our-services-section .services{
    background-color: #fff;
    width: 97%;
        height: 600px;
        text-align:left;
}
.our-services-section .col-lg-12{
    margin-bottom: 40px;
}
.our-services-section ul{
    list-style: none;

}
.our-services-section a.btn.btn-default {

    width: 40%;

    border-radius: 0px;
    background-color: #F39C12;
    border: 0px;
    height: 40px;
    color: #fff;
    margin: 5%;
    padding: 10px;
}

/*=========WHY US==========*/
.why-us-section {
            font-family: 'Raleway', sans-serif;

    padding-top: 50px;
    padding-bottom: 50px;

    background: #6762a5;
        background-image: url("img/why-bg.png");
     background-repeat:no-repeat;
     background-size: 100% 100%;
}
.why-us-section h1{
    color: #fff;
    margin-bottom: 25px;
}
.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #7672ae;
    border: 1px solid #7672ae;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.why-us-section .content {
    float: left;
    width: 45%;
    margin-left: 25px;
    font-size: 16px;
    color: #fff;
}
.why-us-section .content .orange{
    font-weight: bold;
}
.why-us-section img{
    float: left;
}
.why-us-section .why-wrap{
    margin-bottom: 40px;
}
.blockquote {
        width: 90%;
    padding: 4px;
    border: 1px solid #7672ae;
    border-radius: 4px;
    background-color: #7672AE;
}
.blockquote .quote{
    font-size: 16px;
    font-style: italic;
        background-color: #fff;
       padding: 20px 20px 20px 50px;
}
.quote span::before {

    content: " ";
    width: 38px;
    height: 31px;
    position: absolute;
    /* top: 37px; */
    left: 24px;
    background: url('img/testimonial-quote.png') center no-repeat;
}
.quotename .orange {
    font-size: 18px;
    font-weight: bold;
}
.quotename {
    font-size: 16px;
    color: #fff;
    margin: 26px 1px 1px 50px;
}
/*=========CONTACT==========*/
.contact-section {
            font-family: 'Raleway', sans-serif;
/*    height: 60%;*/
    padding-top: 50px;
    padding-bottom: 50px;
/*    background-image: url("img/PICT1261.JPG");*/
    background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ),url("img/PICT1261.JPG");
    background-color: #cccccc;

}
.contact-section h1{
    font-size: 48px;
    color: #fff;
        margin-bottom: 25px;
        font-weight: normal;
}
.contact-section .row {
    width: 80%;
    margin: 0 auto;
}
.fa-phone:before {
    content: "\f095";
    color: #6762A5;
    margin-right: 10px;
}
i.fa.fa-phone {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
}
i.fa.fa-phone span{
            font-family: 'Raleway', sans-serif;
}
span.call {
    font-size: 30px;
}

.contact-section .col-lg-6 {
    padding: 0px;
}
/*===================*/

.footer-section {
            font-family: 'Raleway', sans-serif;
    background-color: #fff;
}
#footer .row {
    margin-top: 30px;
    margin-bottom: 20px;
}
p .footer{
    font-size: 14px;
    color: #606060;
}
.copyright{
    float: left;
}
.osky p{
    float: right;
}
.footer a{
    color: #6762a5;
    font-weight: bold;
}
/*====Form====*/
.form-group.left{
    width: 49%;
    float: left;
        margin-right: 15px;
}
.form-group.right {
    width: 49%;

    display: inline-block;
}
input#name{
        height: 45px;
}
input#email{
    margin-top: -116px;
        height: 45px;
}
input#marketing {
    margin-top: -80px;
        height: 45px;
}
textarea#comment {
    height: 147px;

}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #6762a5;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
button#submit {
    clear: both;
    float: left;
    width: 50%;
    margin-right: 15px;
    border-radius: 0px;
    background-color: #F39C12;
    border: 0px;
    height: 40px;
    color: #fff;
}
/*+++++++++++++++++*/
.clear{
    clear: both;
}
.orange{
    color: #f39c12;
}