/*Font-Import*/
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Thin.ttf");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Light.ttf");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Regular.ttf");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Medium.ttf");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Bold.ttf");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Black.ttf");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-ThinItalic.ttf");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-LightItalic.ttf");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Italic.ttf");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-MediumItalic.ttf");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-BoldItalic.ttf");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-BlackItalic.ttf");
    font-weight: 900;
    font-style: italic;
}
body {
    font-family: Roboto;
    background-color: #F3F3F3;
    color: #4A4A4A;
}

/*circleram index*/

.c-header {
    height: 720px;
    background-image: url('../images/bg/header_img.jpg');
    background-position: center;
    background-size: cover;
}

    .c-header .hero-text {
        color: #fff;
        font-size: 60px;
        font-weight: 500;
        letter-spacing: 1.09px;
        line-height: 65px;
        padding-top: 180px;
    }
/*mailing list*/
.c-school {
    margin-bottom: 90px;
}

.btn-pricing, .btn-school {
    border-radius: 32px;
    height: 41px;
    width: 170px;
    font-weight: 500;
    color: #fff;
}

.btn-school-cancel {
    border-radius: 32px;
    height: 41px;
    width: 170px;
    font-weight: 500;
    color: #fff;
    border: 1px solid #979797;
    width: 100px;
    color: #979797;
    margin-left: 20px;
}

.no-bg {
    background-color: rgba(1, 1, 1, 0);
}
/*circle ram home*/


.CR-square .c-square-counter {
    margin-top: -95px;
}

.c-square-counter .counter-wrapper .counter {
    color: #fff;
    display: inline-block;
    height: 190px;
    width: 240px;
}

    .c-square-counter .counter-wrapper .counter .number {
        margin-top: 48px;
        letter-spacing: 0.3px;
        line-height: 62px;
        font-family: Roboto;
        font-weight: 400;
        font-size: 42px;
    }

.c-square-counter .counter-wrapper {
    font-size: 0;
}

    .c-square-counter .counter-wrapper .box-2 {
        background-color: #F8CA4C;
    }

    .c-square-counter .counter-wrapper .box-3 {
        background-color: #334D5B;
    }

    .c-square-counter .counter-wrapper .box-4 {
        background-color: #44B29D;
    }

    .c-square-counter .counter-wrapper .counter .unit {
        font-weight: 300;
        font-size: 16px;
        letter-spacing: 0.5px;
        line-height: 23px;
    }

.c-product {
    margin: 90px;
}

    .c-product .product-box {
        text-align: center;
        padding: 40px;
        /*width: 500px;*/
        /*height: 477px;*/
        margin-bottom: 20px;
        background-color: #FFFFFF;
    }

        .c-product .product-box img {
            /*margin-top: 46px;*/
            padding-bottom: 80px;
        }

    .c-product .dp-header {
        height: 95px;
        font-size: 26px;
        font-weight: 500;
        letter-spacing: 0.4px;
        line-height: 38px;
        padding-top: 28px;
    }

    .c-product .product-box .description {
        padding-bottom: 80px;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
    }

.btn-product-box {
    /*-webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;*/
    /*border-radius: 32px;*/
    height: 52px;
    font-weight: 500;
    font-size:20px;
    color: #fff;
   /* width: 175px;*/
    /*margin-top: 15px;*/
    border: 0 solid;
}

.yellow-bg {
    background-color: #F8CA4C;
}

.bluewood-bg {
    background-color: #334D5B;
}

.red-bg {
    background-color: #EA5F45;
}

.green-bg {
    background-color: #44B29D;
}

.c-product .dp-logo {
    margin-top: 22px !important;
}

.w-100{
    width:100%;
}

.c-quote {
    background-image: url("../images/bg/no_execuse_quote.jpg");
    color: #fff;
    background-position: inherit;
    background-size: cover;
    padding-bottom: 120px;
}

    .c-quote .header {
        font-size: 55px;
        font-weight: 500;
        line-height: 68px;
        margin-top: 100px;
    }

    .c-quote .sub-header {
        font-size: 35px;
        font-weight: 500;
        line-height: 43px;
    }

    .c-quote .desc-text {
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 0.18px;
        line-height: 30px;
        margin-top: 100px;
        margin-bottom: 80px;
    }







/*circleram index ends here*/

/*circleRam About Us starts here*/
.c-header .hero-logo {
    color: #fff;
    font-size: 60px;
    font-weight: 500;
    letter-spacing: 1.09px;
    line-height: 65px;
    padding-top: 90px;
}

.c-story {
    padding-bottom: 40px;
}

/*circleRam About Us ends here*/

/*circleRam Contact US  starts here*/

.c-header-small {
    height: 211px;
    background-color: #333333;
}
    /*small header*/
    .c-header-small .c-navbar ul > li > a {
        letter-spacing: 0.7px;
    }

        .c-header-small .c-navbar ul > li > a:hover {
            color: #cacaca;
        }

/*circleRam Contact US  starts here*/
.btn-pricing {
    border-radius: 32px;
    height: 41px;
    width: 170px;
    font-weight: 500;
    color: #fff;
}

.c-contact {
    margin-bottom: 70px;
}

.contact-info .head {
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
}

.contact-info .desc {
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
}
/*circleRam Contact US  ends here*/
/*circleRam Privacy starts here*/
.c-policy h3 {
    margin-top: 30px !important;
    font-size: 15px;
}

.c-policy p {
    font-weight: 300;
}

.c-policy {
    margin-bottom: 50px;
}

/*circleRam Privacy ends here*/

/*circleram Schedule Creator*/

.c-header-schedule {
}

.schedule-builder {
    padding-bottom: 40px;
    padding-top: 40px;
}

    .schedule-builder .btn-warning {
        margin-right: 15px;
    }

    .schedule-builder .btn {
        border-radius: 2px;
    }

/*circleram Schedule Creator ends*/

.c-header-deparment-lo {
    height: 514px;
    background-image: url(../themefiles/images/bg/department_logistics.jpg);
    background-position: center;
    background-size: cover;
}

.navbar-default {
    background-color: rgba(1, 1, 1, 0);
    border-color: transparent;
}

    .navbar-default .navbar-nav > li > a {
        color: #fff;
    }

.c-header .c-navbar ul > li > a {
    letter-spacing: 0.7px;
}

    .c-header .c-navbar ul > li > a:hover {
        color: #cacaca;
    }

.c-header-deparment-lo .hero-logo {
    color: #fff;
    font-size: 60px;
    font-weight: 500;
    letter-spacing: 1.09px;
    line-height: 65px;
    padding-top: 90px;
}



/*home section strats here*/




.c-square-counter {
    margin-top: -95px;
}

    .c-square-counter .counter-wrapper .main-text {
        display: inline-block;
        width: 1018px;
        font-size: 35px;
        font-weight: 400;
        letter-spacing: 0.6px;
        line-height: 45px;
        padding: 43px 0;
        color: #fff;
    }

    .c-square-counter .counter-wrapper .box-1 {
        background-color: #EA5F45;
    }

.section-header {
    margin-top: 70px;
    font-weight: 500;
    font-size: 35px;
    letter-spacing: 0.64px;
    line-height: 68px;
    color: #4A4A4A;
}

.text-subheader {
    margin-bottom: 64px;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.33px;
    line-height: 25px;
}

.c-features .main-row {
    padding: 40px 0;
}

.c-features {
    background-color: #fff;
}

    .c-features .box {
        text-align: center;
        width: 255px;
    }

        .c-features .box h4 {
            letter-spacing: 0.33px;
            line-height: 22px;
            font-size: 18px;
            color: #4A4A4A;
        }

        .c-features .box .description {
            padding-top: 19px;
            padding-bottom: 50px;
            font-weight: 300;
            font-size: 15px;
            letter-spacing: 0px;
            line-height: 19px;
        }

.c-getstarted {
    margin-bottom: 70px;
}

    .c-getstarted .btn-default {
        margin-right: 10px;
        margin-top: 20px;
        margin-left: 10px;
        margin-bottom: 10px;
    }


.section-text-header {
    font-weight: 500;
    font-size: 45px;
    letter-spacing: 0.28px;
    line-height: 68px;
   margin-bottom: 40px;
}

.c-story .text-story {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 25px;
}



/*footer starts here*/



.c-footer {
    background-color: #333333;
    color: #fff;
    font-weight: 300;
    padding-top: 60px;
    padding-bottom: 4px;
}

    .c-footer .copyright {
        margin-top: 50px;
    }

    .c-footer .footer-header {
        font-weight: 500;
        font-size: 16px;
        letter-spacing: 1px;
    }

    .c-footer .footer-text {
        font-size: 12px;
        letter-spacing: 0.67px;
        line-height: 24px;
    }

        .c-footer .footer-text a {
            color: #fff;
        }

            .c-footer .footer-text a:hover {
                color: #4A4A4A;
                text-decoration: none;
            }

    .c-footer .social-icon {
        margin: 15px 0;
    }

        .c-footer .social-icon .no-side-padding {
            padding-left: 0px;
            padding-right: 0px;
        }

    .c-footer .social-text a {
        color: #fff;
    }

        .c-footer .social-text a:hover {
            color: #4A4A4A;
            text-decoration: none;
        }

.yellow-txt {
    color: #F8CA4C;
}



/* media queries*/

@media (min-width: 1200px) {
    .navbar {
        padding: 40px 10px 20px 10px;
        border-bottom: none;
        letter-spacing: 1px;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .img-responsive {
        display: inherit;
    }

    /*circleRam home*/
    .CR-square .c-square-counter {
        margin-top: -95px;
    }
    /*circleram footer*/
    .footer-section {
        margin-right: 45px;
    }
    .menu > li {
        float: left;
        color: #fff;
        width: 140px;
        height: 40px;
        line-height: 51px;
        /*background: rgba(0,0,0, 0.8);*/
        cursor: pointer;
        font-size: 17px;
    }
}

@media (min-width: 991px) and (max-width: 1199px) {
    .navbar {
        padding: 40px 10px 20px 10px;
        border-bottom: none;
        letter-spacing: 1px;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .img-responsive {
        display: inherit;
    }

    .c-square-counter .counter-wrapper .main-text {
        display: inline-block;
        width: 910px;
        font-size: 30px;
        font-weight: 400;
        letter-spacing: 0.6px;
        line-height: 45px;
        padding: 43px 0;
        color: #fff;
    }

    .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    /*circleRam Home*/

    .CR-square .c-square-counter {
        margin-top: -190px;
    }
    /*circleram footer*/
    .footer-section {
        margin-right: 30px;
    }
    .menu > li {
        float: left;
        color: #fff;
        width: 140px;
        height: 40px;
        line-height: 51px;
        /*background: rgba(0,0,0, 0.8);*/
        cursor: pointer;
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .navbar {
        padding: 40px 10px 20px 10px;
        border-bottom: none;
        letter-spacing: 1px;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .img-responsive {
        display: inherit;
    }

    .c-square-counter .counter-wrapper .main-text {
        display: inline-block;
        width: 680px;
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 0.6px;
        line-height: 45px;
        padding: 15px 0;
        color: #fff;
    }

    .c-square-counter {
        margin-top: -60px;
    }

    /*circleRam Home*/
    .CR-square .c-square-counter {
        margin-top: -190px;
    }
    /*circleram footer*/
    .footer-section {
        margin-right: 30px;
    }
    .menu > li {
        float: left;
        color: #fff;
        width: 140px;
        height: 40px;
        line-height: 51px;
        /*background: rgba(0,0,0, 0.8);*/
        cursor: pointer;
        font-size: 17px;
    }
}

@media(min-width: 500px) and (max-width: 767px) {
    .navbar {
        padding: 40px 10px 20px 10px;
        border-bottom: none;
        letter-spacing: 1px;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .navbar-header a img {
        padding-bottom: 10px;
    }

    .img-responsive {
        display: inherit;
    }

    .c-square-counter .counter-wrapper .main-text {
        display: inline-block;
        width: 450px;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0.6px;
        line-height: 45px;
        padding: 15px 0;
        color: #fff;
    }

    .c-square-counter {
        margin-top: -60px;
    }
    /*circle ram index*/
    .c-header .hero-text {
        color: #fff;
        font-size: 40px;
        font-weight: 500;
        letter-spacing: 1.09px;
        line-height: 65px;
        padding-top: 90px;
    }

    /*circleRam Home*/
    .CR-square .c-square-counter {
        margin-top: -190px;
    }
    /*circle ram header small*/
    .c-header-small {
        height: 255px;
        background-color: #333333;
    }
    .c-product {
        margin: 0px;
    }

        .c-product .product-box {            
            padding: 18px;            
        }
            .c-product .product-box img {
                /*margin-top: 46px;*/
                padding-bottom: 40px;
            }
    .menu {
        display: flex;
        float: right;
        /*margin-left: 540px;*/
        margin-top: 20px;
        text-align: center;
        flex-wrap: wrap;
        overflow: hidden;
    }
    .navbar-collapse{
        border-top:none;
    }
    .menu > li {
        line-height: 30px;
    }
    .menu > li {
        float: left;
        color: #fff;
        width: 140px;
        height: 40px;
        line-height: 15px;
        /*background: rgba(0,0,0, 0.8);*/
        cursor: pointer;
        font-size: 17px;
    }
}

@media (max-width: 499px) {
    .navbar {
        padding: 40px 10px 20px 10px;
        border-bottom: none;
        letter-spacing: 1px;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .navbar-header a img {
        padding-bottom: 10px;
    }

    .img-responsive {
        display: inherit;
    }

    .c-square-counter .counter-wrapper .main-text {
        display: inline-block;
        width: 300px;
        font-size: 10px;
        font-weight: 300;
        letter-spacing: 0.6px;
        line-height: 45px;
        padding: 1px 0;
        color: #fff;
    }

    .c-square-counter {
        margin-top: -40px;
    }
    /*circle ram index*/
    .c-header .hero-text {
        color: #fff;
        font-size: 30px;
        font-weight: 500;
        letter-spacing: 1.09px;
        line-height: 40px;
        padding-top: 90px;
    }

    /*circleRam Home*/

    .CR-square .c-square-counter {
        margin-top: -190px;
    }
    /*circle ram header small*/
    .c-header-small {
        height: 255px;
        background-color: #333333;
    }
    .c-product {
        margin: 0px;
    }
        .c-product .product-box {
            padding: 18px;
        }
            .c-product .product-box img {
                /*margin-top: 46px;*/
                padding-bottom: 40px;
            }
    .menu {
        display: flex;
        float: right;
        /*margin-left: 540px;*/
        margin-top: 20px;
        text-align: center;
        flex-wrap:wrap;
        overflow:hidden;
    }
    .navbar-collapse {
        border-top: none;
    }
    .menu > li {
        float: left;
        color: #fff;
        width: 140px;
        height: 40px;
        line-height: 15px;
        /*background: rgba(0,0,0, 0.8);*/
        cursor: pointer;
        font-size: 17px;
    }
}