@charset "utf-8";
/* CSS Document */

/*_____________ABOUT US PAGE CSS START HERE_______________*/
/*----------------------***********--------------------------*/

/*_____________About Us Banner css_______________*/
.about-banner{background:url(/main/assets/images/about-banner.jpg) center no-repeat; background-size:cover; text-align:center; padding:115px 0;}
.about-banner h1{font-size:70px; font-weight:700; color:#f8f7f4; padding-bottom:40px; margin:0;}
.about-banner h1 span{color:#ffc039;}
.about-banner p{font-size:18px; color:#f8f7f4; font-weight:400; margin:0; line-height:26px;}
/*_____________About Us Banner End css_______________*/

/*_____________About Us Features css_______________*/
.features{padding:60px 0 15px; text-align:center;}
.features h2{font-size:50px; color:#1A203A; line-height:58px; margin:0; font-weight:600; padding-bottom:55px; font-family: 'Oswald', sans-serif;}
.features h2 span{font-size:28px; color:#929292; display:block; padding:0;}
.features p{font-size:16px; font-weight:400; color:#1A203A; margin:0; padding:12px 0 45px; line-height:22px;}
/*_____________About Us Features End css_______________*/

/*_____________About Us Four-box-conntent css_______________*/
.four-box-content{background:#f2f2f2; padding:40px 0;}
.four-box-content h3{font-size:20px; color:#1A203A; font-weight:700; padding:15px 0; margin:0;}
.four-box-content p{font-size:14px; color:#353535; line-height:20px; font-weight:400; margin:0; padding:0; }
.four-box-content .content-box{height:420px; border-bottom:solid 12px #886cff;}
.four-box-content .content-box.content-box-orange{border-bottom:solid 12px #ffac2a;}
.four-box-content .content-box.content-box-green{border-bottom:solid 12px #10a959;}
.four-box-content .content-box.content-box-blue{border-bottom:solid 12px #6cb1ff;}
/*_____________About Us Four-box-conntent End css_______________*/

/*_____________About Us Low-Fees css_______________*/
.low-fees{text-align:center; padding:75px 0;}
.low-fees h2{font-size:50px; color:#1A203A; font-family: 'Oswald', sans-serif; margin:0; font-weight:700; padding:0;}
.low-fees p{font-size:24px; color:#1A203A; font-weight:400; padding-top:15px; margin:0;}
.low-fees .busedt{margin:60px 0; background:#f2f2f2; padding:35px 20px;}
.low-fees .busedt span{font-size:24px; font-family: 'Oswald', sans-serif; font-weight:500; color:#1A203A;}
.low-fees .busedt span strong{font-size:46px; font-family: 'Oswald', sans-serif; display:block; color:#886cff; font-weight:700;}
.low-fees .busedt.busedt-orange span strong{color:#ffac2a;}
.low-fees .busedt.busedt-green span strong{color:#10a959;}
.low-fees .busedt.busedt-blue span strong{color: #63a8ff;}
.low-fees .compared h2{font-size:36px; color:#35329c; font-weight:600; font-family: 'Oswald', sans-serif; margin:0; padding-bottom:15px;}
.low-fees .compared p{font-size:20px; color:#3b2828;  font-weight:400; margin:0; padding:0;}
/*_____________About Us Low-Fees End css_______________*/

/*_____________About Us commission css_______________*/
.commission{background:url(/main/assets/images/commission.banner.jpg) center no-repeat; text-align:center; padding:60px 0;}
.commission h2{font-size:38px; color:#fff; font-weight:600; font-family: 'Oswald', sans-serif; margin:0;}
.commission p{font-size:24px; color:#fff; font-weight:400; margin:0; line-height:42px; padding-top:12px;}
/*_____________About Us commission End css_______________*/

/*_____________About Us one-way css_______________*/
.one-way{text-align:center; padding:60px 0;}
.one-way h2{font-size:36px; color:#1A203A; font-weight:600; font-family: 'Oswald', sans-serif; margin:0;}
.one-way p{font-size:18px; color:#1A203A; font-weight:400; margin:0; padding-top:20px; line-height:30px;}
/*_____________About Us one-way End css_______________*/

#hire-work{ background:#eee; padding:70px 0; margin:0;}
.need-hire-section{ background:#fff; border-bottom:solid 8px #495b9a; text-align:center; padding:40px 59px; box-shadow:0 2px 5px #ccc; margin-bottom:20px;min-height: 380px; height:auto}
.looking-work-section{ background:#fff; border-bottom:solid 8px #f9b72a; text-align:center; padding:40px 59px; box-shadow:0 2px 5px #ccc; margin-bottom:20px;min-height: 380px;height:auto}
.need-hire-section h2, .looking-work-section h2{font-family: 'Oswald', sans-serif; font-size:44px; padding-bottom:20px;}
.need-hire-section p, .looking-work-section p{ font-size:18px; line-height:30px; text-transform:capitalize; min-height:150px;}
.need-hire-section h2{ color:#374a8a;}
.looking-work-section h2{ color:#f8b31e;}

/*_____________About Us Responcive Start css_______________*/

@media (min-width:300px) and (max-width:767px){
    .about-banner{padding:25px 0; background-size:cover;}
    .about-banner h1{font-size:28px; padding-bottom:15px;}
    .about-banner p{font-size:16px; line-height:22px;}
    .about-banner p br{display:none;}
    .features{padding:20px 0 0;}
    .features h2{font-size:24px; line-height:34px; padding-bottom:20px;}
    .features h2 span{font-size:20px;}
    .features p{padding:0 0 30px;}
    .four-box-content{padding:20px 0;}
    .four-box-content .content-box{height:auto; margin:0 0 20px;}
    .four-box-content p{padding:0 0 15px; }
    .low-fees{padding:30px 0;}
    .low-fees h2{font-size:30px;}
    .low-fees p{font-size:16px; padding-top:10px;}
    .low-fees .busedt{margin:25px 0;}
    .low-fees .busedt span{font-size:20px;}
    .low-fees .busedt span strong{font-size:36px;}
    .low-fees .compared h2{font-size:22px; padding-bottom:10px;}
    .low-fees .compared p{font-size:16px;}
    .commission{background-size:cover; padding:25px 0 20px;}
    .commission h2, .one-way h2{font-size:24px;}
    .commission p{font-size:18px; line-height:28px;}
    .one-way{padding:30px 0;}
    .one-way p{font-size:16px; padding-top:10px; line-height:24px;}
	.need-hire-section{ margin-bottom:30px;}

}

/*_____________About Us Responcive Start css_______________*/

@media (min-width:768px) and (max-width:991px){
    .about-banner{padding:40px 0 50px; background-size:cover;}
    .about-banner h1{font-size:44px; padding-bottom:15px;}
    .about-banner p{font-size:14px; line-height:22px;}
    .four-box-content p{ font-size:12px; line-height:18px;}
    .four-box-content h3{ font-size:16px;}
    .about-banner p br{display:none;}
    .features{padding:20px 0 0;}
    .features h2{font-size:24px; line-height:34px; padding-bottom:20px;}
    .features h2 span{font-size:20px;}
    .features p{padding:0 0 30px; font-size:13px; line-height:18px;}
    .four-box-content{padding:20px 0;}
    .four-box-content .content-box{height:auto; margin:0 0 20px;}
    .four-box-content p{padding:0 0 15px; }
    .low-fees{padding:30px 0;}
    .low-fees h2{font-size:30px;}
    .low-fees p{font-size:16px; padding-top:10px;}
    .low-fees .busedt{margin:25px 0;}
    .low-fees .busedt span{font-size:18px;}
    .low-fees .busedt span strong{font-size:24px;}
    .low-fees .compared h2{font-size:22px; padding-bottom:10px;}
    .low-fees .compared p{font-size:16px;}
    .commission{background-size:cover; padding:25px 0 20px;}
    .commission h2, .one-way h2{font-size:24px;}
    .commission p{font-size:18px; line-height:28px;}
    .one-way{padding:30px 0;}
    .one-way p{font-size:14px; padding-top:10px; line-height:20px;}

}

/*_____________About Us Responcive Start css_______________*/

@media (min-width:992px) and (max-width:1199px){
    .about-banner{padding:40px 0 50px; background-size:cover;}
    .about-banner h1{font-size:50px; padding-bottom:20px;}
    .about-banner p{font-size:14px; line-height:22px;}
    .four-box-content p{ font-size:12px; line-height:18px;}
    .four-box-content h3{ font-size:16px;}
    .about-banner p br{display:none;}
    .features{padding:20px 0 0;}
    .features h2{font-size:40px; line-height:44px; padding-bottom:30px;}
    .features h2 span{font-size:20px;}
    .features p{padding:0 0 30px; font-size:13px; line-height:18px;}
    .four-box-content{padding:20px 0;}
    .four-box-content .content-box{height:auto; margin:0 0 20px;}
    .four-box-content p{padding:0 0 15px; }
    .low-fees{padding:30px 0;}
    .low-fees h2{font-size:30px;}
    .low-fees p{font-size:16px; padding-top:10px;}
    .low-fees .busedt{margin:25px 0;}
    .low-fees .busedt span{font-size:18px;}
    .low-fees .busedt span strong{font-size:24px;}
    .low-fees .compared h2{font-size:22px; padding-bottom:10px;}
    .low-fees .compared p{font-size:16px;}
    .commission{background-size:cover; padding:25px 0 20px;}
    .commission h2, .one-way h2{font-size:24px;}
    .commission p{font-size:18px; line-height:28px;}
    .one-way{padding:30px 0;}
    .one-way p{font-size:14px; padding-top:10px; line-height:20px;}

}