/*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 !important;
    background-color: #FBFAFA;
    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;
}


/*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-bottom:50px;
}

.c-product .product-box {
    text-align: center;
    width: 360px;
    height: 477px;
	margin-bottom: 20px;
    background-color: #FFFFFF;
}
.c-product .product-box img {
    margin-top: 46px;
    margin-bottom: 22px;
}
.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 {
    margin: 10px 0;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 24px;
}
.btn-product-box {
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    border-radius: 32px;
    height: 41px;
    font-weight: 500;
    color: #fff;
    width: 175px;
    margin-top: 15px;
    border: 0 solid;
}
.no-bg {
  background-color: rgba(1, 1, 1, 0);
}
.yellow-bg {
    background-color: #F8CA4C;
}
.red-bg {
    background-color: #EA5F45;
}
.green-bg {
    background-color: #44B29D;
}
.c-product .dp-logo {
    margin-top: 22px !important;
}
.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, .btn-school {
    
    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*/

/*department logistics login master*/

.c-header-deparment-lo {
    height: 514px;
    background-image: url(../images/dlBanner.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;
}



/*department logistics home.aspx section strats here*/




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

.c-square-counter .counter-wrapper .main-text {
	display: inline-block;
	width: 1018px;
	font-size: 38px;
	font-weight: 500;
	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: 36px;
    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;
}
.btn-getstarted {
    border-radius: 22px;
    height: 45px;
    width: 370px;
    font-weight: 500;
    border: 2px solid #979797;
    margin-right: 10px;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #EA5F45 !important;
    color: #fff !important;
    border: 2px solid #EA5F45 !important;
}

.btn-getstarted:hover {
  background-color: #EA5F45;
  border: 2px solid #EA5F45;
  color: #fff;
}
.red-txt {
  color: #EA5F45;
}

.c-getstarted .btn-default {
	margin-right: 10px;
    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.section-text-header {
    font-weight: 500;
    font-size: 35px;
    letter-spacing: 0.28px;
    line-height: 1.5;   
    margin-bottom:30px;
}
.our-story{
    padding:60px 0;
}
.c-story .text-story {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 25px;
}

/*department logistics home.aspx section ends here*/
/*department logistics price.aspx section strats here*/
.c-pricing {
    margin-bottom: 35px;
}
.c-pricing .section-header {
    letter-spacing: 0.64px !important;
    line-height: 43px !important;
    margin-bottom: 16px;
}
.c-pricing .box {
    background-color: #fff;
    /*width: 400px;*/
    padding-bottom: 35px;
    margin-bottom: 35px;
}
.c-pricing .box .header.yellow {
    background-color: #F8CA4C !important;
    color: #C09625;
}
.c-pricing .box .header.green {
    background-color: #44B29D !important;
    color: #1B7B69;
}
.c-pricing .box .header.purple {
    background-color: #316B8A !important;
    color: #0B364E;
}
.c-pricing .box .header {
    padding-top: 35px;
    text-align: center;
    height: 122px;
}
.c-pricing .box .header .main {
    font-size: 26px;
    letter-spacing: 0.47px;
    line-height: 30px;
}
.c-pricing .box .header .price {
    color: #fff;
    font-weight: 300;
    font-size: 45px;
    letter-spacing: 0;
    line-height: 55px;
}
.c-pricing .box .header .price .per-month {
    font-size: 24px;
    letter-spacing: 0;
    line-height: 30px;
}
.c-pricing .box .header .sub {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 23px;
}
.c-pricing .box .body {
    margin-top: 30px;
    margin-bottom: 21px;
    margin-left: 30px;
    margin-right: 30px;
}
.c-pricing .box .body .row {
    padding: 7px 0;
}
.c-pricing .box .body .description {
    color: #A8A8A8;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
}
.c-pricing .box .body .value {
    text-align: right;
    margin-right: 10px;
}
.c-pricing .box .body .hr-yellow {
    border-top: 1px solid #F8CA4C !important;
}
.c-pricing .box .body .hr-green {
    border-top: 1px solid #44B29D !important;
}
.c-pricing .box .body .hr-purple {
    border-top: 1px solid #316B8A !important;
}
.yellow-txt {
    color: #F8CA4C;
}
.green-txt {
    color: #44B29D;
}
.purple-txt {
    color: #316B8A;
}
.purple-bg {
    background-color: #316B8A;
}
.c-pricing .box .footer {
    text-align: center;
}

.c-features .main-row ul li img {
    float: left;
    padding-right: 10px;
    padding-top: 10px;
    padding-left:10px;
}
.c-features .main-row ul li p {
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.22px;
    line-height: 44px;
}
.c-faq {
    padding-bottom: 70px;
}
.c-faq .section-header {
    padding-bottom: 25px;
}
.c-faq .faq-wrapper p {
    margin: 0 0;
}
.c-faq .faq-header {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.17px;
    line-height: 29px;
}
.c-faq .faq-desc {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.14px;
    line-height: 29px;
}
/*department logistics price.aspx section ends here*/

/* apprequest.aspx strats here */
.c-school {
    margin-bottom: 90px;
}
.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;
}

.btn-school-cancel:hover {
  color: #000;
}
/* apprequest.aspx ends here */
/* register.aspx strats here */
.c-school .search-school {
    position: absolute;
    top: 7px;
    padding-left: 12px;
}
.c-school .padding-left {
    padding-left: 40px;
}

/*form*/
.inputDiv label {
    margin-left: 2px;
    margin-right: 10px;
    font-weight: normal;
    
}

td label {
    margin-left: 2px;
    margin-right: 10px;
    font-weight: normal;
    
}

/*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;
}

}
@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;
}


}

@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;
}

}

@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;
}

}
@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: 230px;
    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: 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;
}

}