body {font-family: 'Quicksand', sans-serif;line-height: 22px;position: relative;color: #5a5a5a;}

.clrBoth {clear: both;}

a {text-decoration: none;}

a:hover, a:active, a:focus, a:visited {outline: 0 !important;text-decoration:none;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: 0 !important;}

a.viewAll {padding: 6px 22px;}
.fileAttch {width: 114px;}

.hideDesk {display: none;}

.nav li.hideDesk {display: none;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {border:0;}

.se-pre-con { position: fixed;left: 0px;top: 0px; width: 100%;height: 100%; z-index: 9999; background:url(../images/preloader.gif) center no-repeat #fff;
}

.scrollupWrap {text-align: center;margin: 30px 0;}

p {line-height: 28px !important;}

p.firstPara {margin-bottom: 15px !important;}

.wrapper {overflow: hidden;position: relative;min-height: 100%;}

.siteLogo {text-align: center;}
    .siteLogo img {display: inline;}

.FL {float: left;}
.FR {float: right;}

h1.pageTitle.colorOrange {color: #f15a38;}

h1.home {margin-bottom: 0;color: #f05a38;font-size: 44px;font-weight: 500;margin-top: 0px;}
h1.pageTitle {color: #f05a38;font-size: 44px;font-weight: 500;margin-bottom: 26px;}

.dropdown-menu {background: #3499cd;}
.dropdown-menu>li>a {color: #fff;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: #fff !important;background-image: none; color: #3499cd;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #fff;color: #3499cd;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: #fff;}

.nav a:hover, .nav li.active a {text-decoration: none; }

.nav a:focus {color: #231f20 !important;text-decoration: none !important;}

.navbar-default {background: #fff;}
.navbar.navMenuBar {border: 0;min-height: auto; margin-bottom: 0;}
.topLogo {margin: 15px 0;}
.navbar-default .navbar-nav > li > a { font-size: 14px;text-shadow: none;   padding: 10px 5px;    margin: 0 5px;}
.navbar-default .navbar-nav>li>a {color: #333;}

.navbar-default .navbar-toggle .icon-bar.line1 {background-color: #40a8b1;}
.navbar-default .navbar-toggle .icon-bar.line2 {background-color: #40a8b1;}
.navbar-default .navbar-toggle .icon-bar.line3 {background-color: #40a8b1;}
.navbar-default .navbar-toggle .icon-bar {height: 3px;}
.navbar-default .navbar-toggle {border-color: #40a8b1;margin: 15px 0 0;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #fff;}

.col-xs-12.col-md-12.col-lg-12.coloredHr { padding: 0;}
.colored_hr {width: 100%; height: 2px; background: #009bce; background: -webkit-linear-gradient(left, #009bce, #FFA300, #fa5a2a);
    background: -o-linear-gradient(left, #009bce, #FFA300, #fa5a2a);
    background: -moz-linear-gradient(left, #009bce, #FFA300, #fa5a2a);
    background: linear-gradient(to right, #009bce, #FFA300, #fa5a2a);
}
.topNum {text-align: right;letter-spacing: 1px;}
    .topNum a {font-size: 14px; color: #000;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;text-decoration: none;}
    span.rippleMediaLink {padding:7px 10px 7px 12px;background:#00c0ff;border-radius: 0 0 8px 8px;    display: inline-block;}
        span.rippleMediaLink a {color: #fff;}
    span.topEmail {margin:0 10px 0 10px;}

    .topNum span.topPhone a {background: url(../images/ico-call-top.svg) no-repeat left center;padding-left: 22px;}
    .topNum span.topEmail a {background: url(../images/ico-email-top.svg) no-repeat left center;padding-left: 22px;}
.topBar {position: fixed;top: 26px;left: 25px;right: 25px; z-index: 10;}

   /* .topBarL {background: #fff;border-radius: 10px;float: left;padding:6px 10px;} */

    .topBarL {float: left;}

    .dropdownMenu {list-style: none;}
        .dropdownMenu li {float: left;position: relative;margin-right: 14px;font-size: 18px;}

        .dropdownMenu a {color: #000; margin: 4px 0; display: inline-block;}
        .dropdownMenu a:focus, .dropdownMenu a:hover {text-decoration: none;}
        .dropdownMenu li:hover > a, .dropdownMenu li.active a {color: #f15a38;}
        .dropdownMenu li.firstMenu > a {font-weight: bold;font-size: 18px;background: url("../images/menu-ico.png") no-repeat left top;padding-left: 35px;padding-bottom: 20px; }
            .dropdownMenu li.firstMenu {padding-right: 12px;background: #ffffff;border-radius: 10px;padding: 5px 8px 5px;border: 1px solid #ffffff;}
            .dropdownMenu li.firstMenu a:focus {color: #000;}

        .dropdownMenu li.Menu2 {position: relative;background: #51cad6;border-radius: 10px;padding: 5px 14px 6px;border: 1px solid #ffffff; }
        .dropdownMenu li.Menu2 ul {display: none;margin-left: -12px;}
        .dropdownMenu li.Menu2:hover ul {display: block;position: absolute;list-style: none;}
        .dropdownMenu li.Menu2 ul.topSubMenu li {margin: 5px 0 0px;}
        .dropdownMenu li.Menu2 ul.topSubMenu li.topSubMenu1 {margin: 12px 0 0px;}
        .dropdownMenu li.Menu2 ul.topSubMenu li a {padding:8px 0px;margin: 0;border-radius: 10px;color: #ffffff; text-align: center;width: 148px;}
        .dropdownMenu li.Menu2 ul.topSubMenu li:hover a {color: #ffffff;}
        .dropdownMenu li.Menu2 ul.topSubMenu li.topSubMenu1 a {background: #39a8b1;}
        .dropdownMenu li.Menu2 ul.topSubMenu li.topSubMenu2 a {background: #f15a38;}
        .dropdownMenu li.Menu2 a {color: #ffffff;}
        .dropdownMenu li.Menu2:hover a {color: #eeeeee;}


    .topContact {float: right;font-size: 18px;color: #221f1f;padding: 10px;background: #fff;border-radius: 10px;}
        .topContact span.topContactL {border-right: 1px solid #aaa8a8;margin-right: 7px;padding: 0 10px 0 28px;background: url("../images/top-contact-phone-ico.png") no-repeat left 3px; }
            .topContact span.topContactL a {color: #221f1f;}
            .topContact span.topContactL:hover a {text-decoration: none;}
        .topContact span.topContactR  {background: url("../images/top-contact-email-ico.png") no-repeat left 3px; padding-left: 28px;}
            .topContact span.topContactR a {color: #221f1f;}

.siteLogoMenu {position: absolute; top: initial;margin: auto;width: 100%;}
    .siteLogoMenu a {margin-top: 38px; display: inline-block;}



.workWrap {padding:35px 0px 10px;overflow: hidden;}
    .workWrap .workWrapCnt {overflow: hidden;clear: both;margin-bottom: 80px;}
    .workWrap .workWrapCnt h2 { color: #5a5a5a;font-size: 30px;font-weight: 500;margin: 0 0 8px 5px;} 
    .workWrap .workWrapCnt h2 span {font-size: 20px;}  
    .workWrap .workWrapCnt h3 { color: #5a5a5a;font-size: 15px;font-weight: 500;margin: 0 0 8px 5px;}   
    .workWrap .workWrapCnt .content p { font-size: 16px;line-height: 24px !important;text-align: left;}   
    .workWrap .workWrapCnt .viewProject { margin-top:17px; }   
        .workWrap .workWrapCnt .viewProject a { border: 1px solid #0691ce; color: #fff; font-size: 15px; font-weight: 500; border-radius: 30px; padding: 5px 15px; display: inline-block; text-align: center;background: #0691ce;}   
        .workWrap .workWrapCnt .viewProject a:hover {background: #36aee3;}   





/*************** SCROLLBAR BASE CSS ***************/

.content .demo > div {
    max-height: 100px;overflow: auto;
}
.scroll-wrapper {
    overflow: hidden !important; padding: 0 !important; position: relative;
}
.scroll-wrapper > .scroll-content {
    border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0; width: 0;
}
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
    opacity: 1;
}
.scroll-textarea {
    border: 1px solid #cccccc; border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none;    padding: 2px; position: relative !important; top: 0; width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0; width: 0;
}
 
 
/*************** SCROLLBAR RAIL ***************/
 
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
    border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10;
}
.scrollbar-rail > .scroll-element {
    background-color: #ffffff;
}
.scrollbar-rail > .scroll-element div {
    display: block; height: 100%; left: 0; top: 0; width: 100%;
}
.scrollbar-rail > .scroll-element .scroll-element_size {
    background-color: #999; background-color: rgba(0, 0, 0, 0.3);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666; background-color: rgba(0, 0, 0, 0.5);
}
.scrollbar-rail > .scroll-element.scroll-x {
    bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%;
}
.scrollbar-rail > .scroll-element.scroll-y {
    height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 5px;
}
.scrollbar-rail > .scroll-element .scroll-bar {
    background-color: #c5c5c5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);opacity: 1;
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: none;
}
.scrollbar-rail > .scroll-element .scroll-element_size {background-color:#e0e0e0;opacity: 1;
}
 
/* scrollbar height/width & offset from container borders */
 
/*.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -10px; margin-left: 17px; }*/

.scroll-wrapper > .scroll-content {padding: 0 10px 0 6px;}

.scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: 0; margin-left:0; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }
 
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 4px; min-height: 10px; width: 4px;box-shadow: none; }
 
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }
 
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; }
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }
 
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; }


body.home {}
    body.home label.signTxt {color: #f15a38;font-size: 28px;font-weight: normal;letter-spacing: normal;margin-bottom: 5px;}
    .case-homepage-content h6, h6.home {font-size: 18px;margin-top: 26px;font-weight: normal;}
    .case-hometop h6 {color: #231f20;}

    .homeSiteLogo img {margin-top: -43px;}

    .case-homepage {padding: 70px 0;overflow: hidden;}
    .case-homepage.case-hometop {padding: 25px 0 45px 0;}

    .case-homepage .btns {color: #ffffff; font-size: 18px; font-weight: 500; padding: 9px 30px; background: #0691ce; display: inline-block; border-radius: 30px;text-align: center;}
    .case-homepage .btns:hover {color: #fff;}
    
    .case-homepage .btn.btnHomePricing:focus {color: #39a8b1 !important;}
    .case-homepage.case-hometop .btn {border-color: #39a8b1;color: #39a8b1;font-size: 30px;margin-top: 30px;border-radius: 4px;line-height: 40px;}
    .case-homepage.case-hometop .btn:hover {background-color: #39a8b1;color: #fff !important;}
    .case-homepage.case-hometop .btn:focus {background-color: #fff;color: #39a8b1 !important;}

    .case-hometop .case-homepage-content {}

    .case-homepage.case-services {padding-top: 50px}

    .case-homepage.case-pricing {background: #3499cd;color: #ffffff;overflow: hidden;}
    .case-homepage.case-pricing h1 {color: #ffffff;margin-bottom: 20px;}

    .case-homepage.case-pricing .pricingFormWrap {margin:22px auto 0; overflow: hidden;}
        form.pricingForm .attch {color: #fff;margin: 15px 0;font-weight: normal;font-size: 18px;}
        form.pricingForm .field {border-width: 1px;border-color: #fff;color: #fff;border-radius: 30px;padding: 5px 10px 5px 30px;background: url(../images/asterix-symbol-white.png) no-repeat 18px 10px;}
        form.pricingForm input::-webkit-input-placeholder {color: #ffffff;} 
        form.pricingForm input:-moz-placeholder {color: #ffffff;}         
        form.pricingForm input::-moz-placeholder {color: #ffffff;}         
        form.pricingForm input:-ms-input-placeholder {color: #ffffff;}
        form.pricingForm .btns {background: #fff697;color: #f05a39;border: none;padding: 8px 35px;margin-top:30px; }
        form.pricingForm .btns:hover {background-color:#fff;color: #231f20;}


    #contact-us .section-body {overflow: hidden;margin-top: 60px;}
    #contact-us .section-body .conAddress {}
    #contact-us .section-body .conAddress a {}
    #contact-us .section-body .conAddress span.conPhone {border-right: none;}
    #contact-us .section-body .conAddress .comName {color: #f15a38;font-size: 28px;font-weight: normal;letter-spacing: normal;display: block;margin:0 0 5px;}
    #contact-us .section-body .contactSocialBtn {margin-top: 20px;}


   .blueSpace {background: #4faab4;width: 600px;height: 25px;position: absolute;bottom: 0;right: 0;}
    

    .section-contacts.case-contacts {}

    form.signupForm {}
        form.signupForm input.signUpBTn {border: 1px solid #f15a38;line-height: 24px; margin: 36px auto 0;font-size: 18px;width: 130px;
    height: 44px;}
        form.signupForm input.signUpBTn:hover {background-color:#f15a38; }

    body.home .subscribe .field {border-width:0 0 1px;border-color:#aaa8a8;}
    body.home a#footer-contact {font-size: 30px;border:1px solid #40a8b1;padding: 6px 26px;}
    body.home a#footer-contact:hover {background-color:#40a8b1;}

    body.home .homeSrv {overflow: hidden;padding:3% 0 5%;text-align: center;}
        body.home .homeSrv span {font-size: 24px;margin-top: 20px;display: block;}
    body.home .testimonialWrap {overflow: hidden;font-size: 15px;padding:50px 0 10px;}

    body.home .workAddWrap {overflow: hidden;margin: 40px 0 0;position: relative;}
    body.home .workAddWrap p {font-size: 30px;margin-top: 12px;}
    body.home .workAddWrap .workAddBorder {border-radius: 37px; overflow: hidden;padding: 0px;position: relative;z-index: 1;}
    body.home .workAddWrap img.workBorder {position: absolute; right: 22px; top: 7px; z-index: 10;}
    body.home .case-work1 .workAddWrap {overflow: hidden;margin: 0px 0 0;}

    body.home .workAddWrap .workAddBorder .hovereffectHome a.info {padding: 7px 30px;border-radius: 5px;color: #231f20;font-weight: 700;font-size: 16px;background: #fff; }


    .clientLogoWrap {background: #3499cd;padding:70px 0 30px;}
        .clientLogoWrap h1 {color: #ffffff;}

    .testimonialWrap a.testimonialsViewAll {font-size: 18px;font-weight: 500; padding: 9px 30px; background: #fff; display: inline-block; border-radius: 30px; text-align: center;color: #0691ce }
.testimonialWrap a.testimonialsViewAll:hover {background: #ebeced;}

.case-homepage.case-testimonial {padding-top: 0;padding-bottom: 20px;}

    .hovereffectHome {width: 100%;height: 100%;float: left;overflow: hidden;position: relative;text-align: center;cursor: default;}
    .hovereffectHome .overlay {width: 100%; height: 100%; position: absolute; overflow: hidden;left: 0; background-color: rgba(255, 255, 255, 0.7); top: 0; opacity: 0;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}

    .workAddBorder.workAdd1 .hovereffectHome .overlay {background: #40a8b1;}
    .workAddBorder.workAdd2 .hovereffectHome .overlay {background: #f15a38;}
    .workAddBorder.workAdd3 .hovereffectHome .overlay {background: #231f20;}
    .workAddBorder.workAdd4 .hovereffectHome .overlay {background: #40a8b1;}

    .hovereffectHome img {display: block;position: relative; border-radius: 25px;}
    .hovereffectHome h2 {  text-align: center; position: relative; font-size: 40px; padding: 10px;margin: 30% auto 10px;font-weight: 700;}
    .hovereffectHome h2 span {color: #fff;}
    .hovereffectHome h2 span.Lines2 {color: #fff;}
    .hovereffectHome a.info {}


    .hovereffectHome:hover .overlay {opacity: 0.9; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out; }
    

.case-subpages{}
    .case-subpages .topCnt {padding: 0 0 10px;overflow: hidden;}
    .case-subpages .pageCnt {font-size: 18px;}

.workSubWrap {}
    .workSubWrap .pageCnt {color: #5a5a5a;font-size: 16px}
    .workSubWrap .pageCnt p {margin-bottom: 5px;text-align: center;}

body.aboutUs {}
    .founderWrap {color: #aaa8a8;font-size: 15px;text-align: justify;}
        .founderWrap h1 {margin-bottom: 26px;}
        .founderWrap p {line-height: 22px !important;}
        .founderWrap p.foundersName {color: #f6a71c;font-size: 21px;font-weight: bold;text-align: center;margin: 12px 0;}
    .case-subpages .aboutVideo {margin-top: 25px;}

    .founderWrap {padding: 0 10px;}

    .case-subpages.case-aboutus1 {
        background: #00444b url("../images/aboutus-bg-1920.png") left bottom no-repeat; background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
    }
    @media (max-width: 1024px) {
        .case-subpages.case-aboutus1 {
        background-image: url("../images/aboutus-bg-1280.png");background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
        }
    }@media (max-width: 768px) {
        .case-subpages.case-aboutus1 {
        background: #00444b;
        min-height: auto;
        }
    }@media (max-width: 768px) and (orientation: portrait) {
        .case-subpages.case-aboutus1 {
        background: #00444b;
        min-height: auto;
        }
    }@media (max-width: 767px) {
        .case-subpages.case-aboutus1 {
        background: #00444b;
        min-height: auto;
        }
    }

    .case-subpages.case-aboutus2 {
        background: #00444b url("../images/aboutus-bg-1920.png") left bottom no-repeat; background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
    }
    @media (max-width: 1024px) {
        .case-subpages.case-aboutus2 {
        background-image: url("../images/aboutus-bg-1280.png");background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
        }
    }@media (max-width: 768px) {
        .case-subpages.case-aboutus2 {
        background: #00444b;
        min-height: auto;
        }
    }@media (max-width: 768px) and (orientation: portrait) {
        .case-subpages.case-aboutus2 {
        background: #00444b;
        min-height: auto;
        }
    }@media (max-width: 767px) {
        .case-subpages.case-aboutus2 {
        background: #00444b;
        min-height: auto;
        }
    }

body.services {}
    .case-servicesCnt h2 {font-size: 24px;font-weight: normal;text-align: center;margin-bottom: 10px;}
    .case-servicesCnt ul.servicesList {list-style: none;font-size: 16px;padding-left: 20px;margin-bottom: 0;}
    .case-servicesCnt ul.servicesList li {padding-bottom: 10px;list-style: disc;}



body.contactUs {}
    body.contactUs .careerWrap h1.pageTitle {color: #f15a38;}
    .case-contactCnt1 .pageCnt {text-align: center;}
    .careerWrap {font-size: 18px;}

    .conAddress {color: #221f1f;font-size: 16px;margin-top: 5px;} 
        .conAddress span.comName {font-weight: bold;font-size: 21px;margin-top: 8px;}
        .conAddress span.conPhone {background:url(../images/contact-phone-ico.png) no-repeat left top; border-right: 1px solid #aaa8a8;padding:0 10px 3px 25px;}
        .conAddress span.conEmail {background:url(../images/contact-email-ico.png) no-repeat left top; margin-left: 10px;padding:0 0 3px 25px;}
            .conAddress span.conEmail a {text-decoration: none;color: #221f1f;}
            .conAddress span.conPhone a {text-decoration: none;color: #221f1f;}
    .case-contactCnt1 .gMapWrap {position: relative;width: 315px;margin: 10px auto 0;}
        .case-contactCnt1 .gMap {border:12px solid #231f20;border-radius: 45px; overflow: hidden;background: #fff;position: relative;z-index: 1;}
        .case-contactCnt1 .gMapWrap img.conBorder {position: absolute;top: 6px;right: 6px;z-index: 10;}

    .contactPageWrap {padding-bottom: 40px;}
        .contactPageWrap .contactPageCnt {padding: 50px 0 20px;overflow: hidden;}
        .contactPageWrap .contactPageCnt .contactPageCntL {padding-right: 25px;}
        .contactPageWrap .contactPageCnt .contactPageCntR {padding-left: 25px;}
        .contactPageWrap .contactPageCnt .newDelhiWrap {text-align: right;}
            .contactPageWrap .contactPageCnt .newDelhiCnt {text-align: left;}
            .contactPageWrap .contactPageCnt h1 {margin: 0 0 25px;color: #f05a38;font-size: 42px;}
            .contactPageWrap .contactPageCnt h2 {margin: 0;font-size: 22px;color: #5a5a5a;font-weight: 700;margin-top: 75px;}
            .contactPageWrap .contactPageCnt p {margin-bottom: 30px;}
            .contactPageWrap .contactPageCnt .viewMapBtn a {border-radius: 30px;padding: 10px 20px 10px 40px;color: #ffffff;font-size: 16px;font-weight: 700;display: inline-block;background:#009bce url(../images/contact-location.svg) no-repeat 20px center; }




    ul.contactSocialBtn {list-style: none;width: 236px;margin: 15px auto 0;overflow: hidden;}
        ul.contactSocialBtn li {float: left;margin: 0 7px;}
        ul.contactSocialBtn li span {display: none;}
        ul.contactSocialBtn li a {width: 32px;height: 32px;display: block;}
        ul.contactSocialBtn li a.fbIco {background: url("../images/contact-social-ico-fb.svg") no-repeat left top;opacity: 0.8s;}
            ul.contactSocialBtn li a.fbIco:hover {background: url("../images/social-ico-fb_hover.svg") no-repeat left top; opacity: 1;}
        ul.contactSocialBtn li a.twIco {background: url("../images/contact-social-ico-tw.svg") no-repeat left top;opacity: 0.8s;}
            ul.contactSocialBtn li a.twIco:hover {background: url("../images/social-ico-tw_hover.svg") no-repeat left top; opacity: 1;}
        ul.contactSocialBtn li a.igIco {background: url("../images/contact-social-ico-ig.svg") no-repeat left top;opacity: 0.8s;}
            ul.contactSocialBtn li a.igIco:hover {background: url("../images/social-ico-ig_hover.svg") no-repeat left top; opacity: 1;}
        ul.contactSocialBtn li a.gpIco {background: url("../images/contact-social-ico-gp.svg") no-repeat left top;opacity: 0.8s;}
            ul.contactSocialBtn li a.gpIco:hover {background: url("../images/social-ico-gp_hover.svg") no-repeat left top; opacity: 1;}
        ul.contactSocialBtn li a.inIco {background: url("../images/contact-social-ico-in.svg") no-repeat left top;opacity: 0.8s;}
            ul.contactSocialBtn li a.inIco:hover {background: url("../images/social-ico-in_hover.svg") no-repeat left top; opacity: 1;}

    .contactFormWrap {overflow: hidden;width: 80%;margin-top: 10px;}
        form.contactForm .form-group {margin-bottom: 5px;}
        form.contactForm .field {border-width: 0 0 1px;border-color: #aaa8a8;color: #39a8b1;height: 38px;}
        form.contactForm input::-webkit-input-placeholder {color: #39a8b1;} 
        form.contactForm input:-moz-placeholder {color: #39a8b1;}         
        form.contactForm input::-moz-placeholder {color: #39a8b1;}         
        form.contactForm input:-ms-input-placeholder {color: #39a8b1;}
        form.contactForm .btn {border: 1px solid #39a8b1;color: #39a8b1;font-size: 30px;padding: 0 50px;}
        form.contactForm .btn:hover {background-color:#39a8b1;}
        form.contactForm .col-sm-12, form.contactForm .col-md-12 {padding-left: 0;}

    .jobAccordion {margin-top: 40px;margin-left: 10%;}
        .jobAccordion .ca-control {margin-bottom: 20px;margin-left: 30%;}
            .jobAccordion .ca-control a {color: #f15a38;font-size: 18px;text-decoration: none;background: url(../images/job-accordion-ico.png) no-repeat left top;padding: 8px 0 8px 50px; }
            .jobAccordion .ca-control a:hover {background: url(../images/job-accordion-hover-ico.png) no-repeat left top;}
            .jobAccordion .ca-expanded .ca-control a {background: url(../images/job-accordion-active-ico.png) no-repeat left top;}
        .jobAccordion .ca-box {font-size: 15px;}
        .jobAccordion .ca-box ul {padding-left: 17px;}

    .careerFormWrap {margin:45px 5% 10%;overflow: hidden;}
        form.careerForm .field {border-width: 1px;border-color: #aaa8a8;color: #000;border-radius: 30px;padding: 3px 30px;background: url(../images/asterix-symbol.png) no-repeat 15px 10px;}
        form.careerForm .attch {color: #9599a2;font-weight: normal;font-size: 18px;padding-left: 5px;}
        form.careerForm .btns {color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    padding: 9px 30px;
    background: #0691ce;
    display: inline-block;
    border-radius: 30px;
    text-align: center;}
        form.careerForm .btns:hover {background-color:#0691ce;color: #fff;}
        form.careerForm input::-webkit-input-placeholder {color: #000;} 
        form.careerForm input:-moz-placeholder {color: #000;}         
        form.careerForm input::-moz-placeholder {color: #000;}         
        form.careerForm input:-ms-input-placeholder {color: #000;}

    

body.careers {}


body.work {}
    body.work .case-subpages .topCnt {overflow: visible;}

    body.work .dropdown {text-align: right;}
    body.work .topCnt .dropdown {display: none;}

    .case-workCnt {}
        button.btnCategories {border:1px solid #f15a38;padding:10px 12px;color:#f15a38;list-style: none;font-size: 20px;margin-bottom: 0;position: relative;cursor: pointer;text-align: left;}
        button.btnCategories .caret { border-top: 8px dashed; border-top: 4px solid\9; border-right: 9px solid transparent; border-left: 8px solid transparent;}
        .case-workCnt ul.dropdown-menu {background-color: #f15a38;border: none;margin: 0;border-radius: 0;font-size: 20px;padding: 0;right: 0;}
        .case-workCnt .dropdown-menu>li>a {}
        .case-workCnt .dropdown-menu>.active>a, .case-workCnt .dropdown-menu>.active>a:focus, .case-workCnt .dropdown-menu>.active>a:hover {background-color: #b73618 !important;color: #fff;}
        .case-workCnt .dropdown-menu li a:hover {background-color: #b73618 !important;color: #fff;}
        .case-workCnt .dropdown-menu .divider {margin: 0;}

        .dropdown:hover ul.dropdown-menu {display: block;}

    .workDemo{position:relative; overflow:hidden;height:auto;opacity:1; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .5s ease-out;margin-bottom: 30px;text-align: center;}
        .workDemo img {display:inline-block;position:relative;}
        .workDemo:hover .workOverlay{right:0;opacity: 0.9;}
        .workOverlay{background:#000;color:white;font-size: 14px;height:auto;width:100%;position:absolute; left:0px;top:30%;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;text-align: center;padding: 20px 50px;opacity: 0;}



    body.work .workOverlay {top:0;height: 100%;}
        body.work .workOverlay.hover1:hover {background:#40a8b1;}
        body.work .workOverlay.hover2:hover {background:#f15a38;}
        body.work .workOverlay.hover3:hover {background:#231f20;}

        body.work .workOverlay.hover1 .workThumbCnt a.info{background:#f05a38;color: #fff698;letter-spacing: 1px;}
        body.work .workOverlay.hover2 .workThumbCnt a.info{background:#fff698;color: #231f20;letter-spacing: 1px;}
        body.work .workOverlay.hover3 .workThumbCnt a.info{background:#43a7b1;color: #ffffff;letter-spacing: 1px;}

        body.work .workOverlay .workThumbCnt {top: 27%;position: absolute;width: 84%;}
        body.work .workOverlay .workThumbCnt h2 {font-size: 40px;margin: 21px 0 0;font-weight: 700;color: #ffffff;} 
        body.work .workOverlay .workThumbCnt p {font-size: 18px;margin: 0 0 16px 0;} 
        body.work .workOverlay .workThumbCnt a.info {padding:7px 30px;background: #ffffff;border-radius: 5px;color: #231f20;font-weight: 700;font-size: 16px;} 
        body.work .workOverlay .workThumbCnt a.info:hover {text-decoration: none;} 

        body.work .workOverlay.hover3,  body.work .workOverlay.hover3 h2 {color: #fff698;}

        body.work .workOverlay .workThumbCnt span.catName {color: #ffffff;border-radius: 5px;padding: 4px 10px 3px;font-size: 16px;}
            body.work .workOverlay.hover1 .workThumbCnt span.catName {background: #80dce5;}
            body.work .workOverlay.hover2 .workThumbCnt span.catName {background: #80dce5;}
            body.work .workOverlay.hover3 .workThumbCnt span.catName {background: #f15a38;}

        body.work .colL .workOverlay {background:#40a8b1;}
        body.work .colR .workOverlay {background:#40a8b1;}

       /* .colM .workOverlay {top: 19%;background:#40a8b1;}
            .colM .workOverlay a.info {border:1px solid #fff;}
            .colM .workOverlay a.info:hover {box-shadow:0 0 5px #fff;} */

    body.work .colM .workOverlay {top:0;height: 100%;}
    body.anmation .workOverlay {top:15%;background:#f15a38;}
    body.liveAction .workOverlay {top:36%;background:#f15a38;}
    body.designUi .workOverlay {top:0;background:#f15a38;height: 100%;padding-top: 20%;}
    body.digital .workOverlay {top:0;background:#f15a38;height: 100%;padding-top: 20%;}
    


    .case-subpages.case-workCnt {
        background: #ffffff;
    }
    @media (max-width: 1024px) {
        .case-subpages.case-workCnt {
        background-image: none;
        background-color: #ffffff;
        }
    }@media (max-width: 768px) {
        .case-subpages.case-workCnt {
        background-image: none;
        background-color: #ffffff;
        }
    }@media (max-width: 768px) and (orientation: portrait) {
        .case-subpages.case-workCnt {
        background-image: none;
        background-color: #ffffff;
        }
    }@media (max-width: 767px) {
        .case-subpages.case-workCnt {
        background-image: none;
        background-color: #ffffff;        
        }
    }

.cd-testimonials-wrapper {margin-top: 25px !important;padding-bottom: 0px !important;}
    .cd-testimonials-wrapper .cd-testimonials p {margin-top: 20px;}

.workShowcase {margin-top: 50px;text-align: center;overflow: hidden;}
    .workShowcase .img-responsive {display: inline-block;}
    .workSubWrap .pageCnt .workShowcase p {margin-bottom: 25px;}

body.categoriesSubpage {}
    body.categoriesSubpage h1.pageTitle {color:#f15a38;margin-bottom: 0;}
    h2.pageTitle {color:#40a8b1;margin: 0 0 10px;font-size: 30px;font-weight: 500;}
    body.categoriesSubpage h2.pageTitle {text-align: center;margin-top: 20px;}
    .headerTop {clear: both;}
    .headerTop .dropdown {margin-top: 22px;display: none;}

.getInTouchContent {background: #40a8b1;overflow: hidden;padding-bottom: 40px;font-size: 18px;min-height: 490px;}
    .getInTouchContent h1 {color: #fff;font-weight: bold;margin: 25px 0;font-size: 36px;}
    .getInTouchContent .form-group {margin-bottom: 35px;}
    .getInTouchContent form .field {color: #fff; border-width: 0 0 1px; border-color: #fff; color: #fff; height: 30px;border-radius: 0;box-shadow: none; width: 100%;outline: none;letter-spacing: 1px;font-size: 16px;    background: url(../images/asterix-symbol.png) no-repeat 6px 6px;padding: 0px 20px;}
    .getInTouchContent form input::-webkit-input-placeholder, .getInTouchContent form textarea::-webkit-input-placeholder {color: #ffffff;} 
    .getInTouchContent form input:-moz-placeholder, .getInTouchContent form textarea:-moz-placeholder {color: #ffffff;}         
    .getInTouchContent form input::-moz-placeholder, .getInTouchContent form textarea::-moz-placeholder {color: #ffffff;}         
    .getInTouchContent form input:-ms-input-placeholder, .getInTouchContent form textarea:-ms-input-placeholder {color: #ffffff;}
    .getInTouchContent form button {background: none;border: 1px solid #fff;padding: 5px 36px;color: #fff;font-size: 24px;}
    .getInTouchContent form button:hover {color: #fff;}
    .getInTouchContent form button:visited, .getInTouchContent form button:focus {color: #fff;}
    .getInTouchContent .googleRecaptchaCode {text-align: center; margin:0px 0 35px;}
    .getInTouchContent #mymodal1 {margin-top:35%;}


iframe.venoframe.figlio {background: #40a8b1 !important;}


.footerpagination {text-align: center;font-size: 16px;}
    .footerpagination .pagination>li>a, .pagination>li>span {border: none;}
    .footerpagination .pagination>li>a  {font-size: 28px;color: #40a8b1;}
    .footerpagination .pagination>li>a:hover {color: #40a8b1;}
    .footerpagination .pagination>li.active>a {color: #40a8b1;background:#fff url(../images/footer-pagination-active.png) no-repeat center bottom;}
    .footerpagination .pagination>li.pageItemLast>a {margin-left: 15px;}
    .footerpagination .pagination>li.pageItemFirst>a {margin-right: 15px;}

.getInTouchWrap {position: fixed;right: 30px;bottom: 30px;z-index: 100;}
    .getInTouchWrap a.venoboxframe {display: block;}
    .getInTouchWrap a.getInTouchBtn {background: url(../images/Get-quote-button_work.svg) no-repeat center center;height: 140px;width: 110px;display: block;}


.servicesCarouselWrap {min-height: 440px;}
    .servicesCarouselWrap .carousel-control {opacity: 1;width: 4%;}
    .servicesCarouselWrap .carousel-control.left {background: url(../images/Scroll-Arrow-Left.png) no-repeat center center;left: -60px;}
    .servicesCarouselWrap .carousel-control.right {background: url(../images/Scroll-Arrow-Right.png) no-repeat center center;right: -60px;}
    .servicesCarouselWrap .carousel-indicators {bottom: 0;margin-bottom: 0;}
    .servicesCarouselWrap .carousel-inner>.item {margin-bottom: 30px;}
    .servicesCarouselWrap .carousel-inner>.item img {margin-bottom: 35px;}
    .servicesCarouselWrap .morecontent span {display: none;}
    .servicesCarouselWrap .morecontent a.morelink {background: #dbdbdb;font-size: 14px;padding: 2px 5px;border-radius: 5px;    color: #231f20;}

.carousel-indicators li {border: 1px solid #b4b2b2;}
.carousel-indicators .active {background-color: #b4b2b2;border-color: #838282;}

.fancybox-skin {background: none !important; box-shadow: none !important;}

.viewWebsiteBtn {text-align: center;}
    .viewWebsiteBtn a {color: #39a8b1; font-size: 24px; border-radius: 4px; line-height: 34px; border: 1px solid #39a8b1;padding: 8px 15px; }
        .viewWebsiteBtn a:hover { background-color: #39a8b1; color: #fff !important;}

.topForm {}
    .topForm .topFormField { position: relative; color: #333333; font-size: 14px; border: 1px solid #333333; padding: 8px 20px; background: url(../images/asterix-symbol.png) no-repeat 10px 10px; font-weight: 600;width: 100%;font-weight: normal; border-radius: 3px;}
    .form-group-lg .btns {border-radius: 30px; padding:5px 25px;background: #009bce; color: #fff; font-size: 18px; font-weight: 500;outline: none;margin-top: 12px;}

.pricingCntWrap {overflow: hidden;margin-bottom: 50px;}
    .pricingCntWrap .pricingCnt {border: 2px solid #f05a38;padding: 25px 20px;border-radius: 10px;}
        .pricingCntWrap .pricingCnt h2 {font-size: 36px; color: #f05a38; font-weight: 700;margin: 0px 0 15px;text-align: center;}
        .pricingCntWrap .pricingCnt h3 {font-size: 22px; color: #10131a; font-weight: 700;margin: 25px 0;}
        .pricingCntWrap .pricingCnt p.pricingPostsCnt {margin: 10px 0;font-size: 18px;font-weight: 600;text-align: center;}
        .pricingCntWrap .pricingCnt .pricingAmt {font-size: 32px; color: #10131a; font-weight: 700;margin: 30px 0 25px;text-align: center;}
        .pricingCntWrap .pricingCnt .pricingTalkUsBtn a {font-size: 20px; color: #fff; font-weight: 600;background: #009bce;border-radius: 10px;display: block;
        text-align: center;padding:15px 5px;}
        .pricingCntWrap .pricingCnt .monthlyoutputBtn {text-align: center;margin: 20px 0;}
            .pricingCntWrap .pricingCnt .monthlyoutputBtn a {display: inline-block;font-size: 16px;}
        .pricingCntWrap .pricingCnt ul {list-style: none;margin: 0;font-size: 16px;}
            .pricingCntWrap .pricingCnt ul li {margin: 8px 0;background: url(../images/pricingFun-icon.jpg) no-repeat left 5px;padding-left: 22px;}
            .pricingCntWrap .pricingCnt ul li.dislike {background: url(../images/pricingFun-dislike-icon.jpg) no-repeat left 5px;}

    .case-homepage.case-work {padding-bottom: 0;}
    .case-homepage.case-work1 {padding-top: 0;}
    
        .servicesCnt {border: 1px solid #f05a38; padding: 10px 10px 15px; border-radius: 10px;}
            .servicesCnt .servicesList {min-height: 240px;}


@media screen and (max-width: 767px){
    h1.pageTitle {margin-top: 0;margin-bottom: 15px;}
    .hideMob {display: none;}
    .displyMob {display: block;}
    .nav li.hideMob {display: none;}
    .nav li.hideDesk {display: block;}
    .footer-inner {text-align: center;padding-right: 0;}
    .homeSiteLogo img {margin-top: 0px;}
    a.homeDownBtn {display: none;}
    .case-hometop .case-homepage-content {}
    .case-homepage.case-hometop {padding-top: 0;}
    .topForm {margin-top: 20px;}
    body.services.loaded.scrolled .btn-menu .lines span, body.services.loaded.scrolled-out .btn-menu .lines span {background-color: #39a8b1;}
    body.services.loaded.scrolled.open-nav .btn-menu .lines span, body.services.loaded.scrolled-out.open-nav .btn-menu .lines span {background-color: #fff;}
    .homeServCnt {margin-bottom: 30px;}
    .case-homepage.case-pricing .pricingFormWrap {width: 100%;}
    .subscribe {margin-top: 30px;}
    .case-homepage.case-work1 .case-homepage-content {padding-top: 0;overflow: hidden;}

    .case-homepage-content {}
    .case-homepage.case-work .case-homepage-content{padding-bottom: 0;}

    body.home .case-work1 .workAddWrap {margin-top: 0;}
    .workAddBorder .hovereffectHome h2 {margin-top:5px; }
    .workAddBorder .hovereffectHome a.info {margin-top: 2px; padding: 3px 14px;font-size: 18px;}
    body.home .workAddWrap {margin: 10px 0 0;}
    body.home .workAddWrap p {font-size: 16px;margin-bottom: 3px;}
    body.home .case-work1 .workAddWrap {margin: 20px 0 0;}
    .shriBubble {display: none;}
    .jobAccordion .ca-control {margin-left: 0%;}
    body.anmation .workOverlay p {display: none;}
    .topBarL {padding: 6px 6px 5px 10px;border-radius: 22px;}
    .dropdownMenu li.Menu2, .dropdownMenu li.Menu3, .topContact {display: none;}
    .dropdownMenu li.firstMenu {border-right: none;padding-right: 0;margin-right: 0;border-radius: 22px;padding: 4px 8px 3px;}
    .cd-testimonials-wrapper .cd-testimonials p {margin-top: 0px;}
    .section-contacts {height: auto;}
    .navigation-wrap .contacts ul.socialBtn { margin: 20px auto 0;}
    .nav a:hover, .nav li.active a {background: url(../images/menu-hover.svg) no-repeat bottom center;}

    body.work .workOverlay .workThumbCnt {top: 25px;}
    body.work .workOverlay .workThumbCnt h2 {margin: 15px 0 0;font-size: 26px;}

    .workWrap .workWrapCnt h2 {margin-top: 10px;}

    .headerTop .dropdown {text-align: right;}

    .blueSpace {display: none;}

    .section-contacts.case-contacts {padding-bottom: 100px;}

    .servicesCarouselWrap .carousel-control {width: 8%;}
    .servicesCarouselWrap .carousel-control.left {;left: -10px;}
    .servicesCarouselWrap .carousel-control.right {right: -10px;}

    .getInTouchContent {min-height: auto;}
        .getInTouchContent #mymodal1 {margin-top:auto;}

    h1.home {margin-top: 0;}

    .btn-menu .text { margin-left: 0px;}


    .navbar-nav {  float: left;}

    .topNum {display: none;}


    body.work .topCnt .dropdown button.btnCategories, .headerTop .dropdown button.btnCategories {width: 100%;}
    body.work .topCnt .dropdown button.btnCategories .caret, .headerTop .dropdown .caret {float: right; margin-top: 8px;}

    .case-homepage.case-testimonial {padding-bottom: 0;}
    .testimonialsBg1, .testimonialsBg2 {background: none;padding: 0;font-size: 15px;margin: 0;}
     .flex-viewport { height: auto !important;}

    .clientLogoWrap {padding: 30px 0 30px;}
    .case-homepage.case-pricing {padding: 50px 0;}
    .pricingCntWrap .pricingCnt {margin-bottom:20px; }
    .getInTouchContent h1 {font-size: 22px;font-weight: 500;}
    .getInTouchContent .form-group { margin-bottom: 20px;}
    .awardWinning {margin-bottom: 20px;}
    .footer_nav {display: none;}

    .getInTouchWrap a.getInTouchBtn {background: url(../images/Get-quote-button_work-mob.png) no-repeat center center;height: 77px;width: 60px;display: block;}

    .servicesCnt .servicesList {min-height: auto;}
    .servicesCnt {margin-bottom: 35px;}

}


.arrows {     width: 60px; height: 74px; position: absolute; left: 50%; margin-left: -30px;  bottom: 20px; }

.arrows path {
    stroke: #ffffff;
    fill: transparent;
    stroke-width: 2px;  
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
    animation-delay:-1s; -webkit-animation-delay:-1s;  
}

.arrows path.a2 {
    animation-delay:-0.5s; -webkit-animation-delay:-0.5s; 
}

.arrows path.a3 {   
    animation-delay:0s; -webkit-animation-delay:0s; 
}



@-webkit-keyframes swing
    {
        15%
        {
            -webkit-transform: translateX(5px); transform: translateX(5px);
        }
        
        30%
        {
            -webkit-transform: translateX(-5px); transform: translateX(-5px);
        }
        
        50%
        {
            -webkit-transform: translateX(3px); transform: translateX(3px);
        }
        
        65%
        {
            -webkit-transform: translateX(-3px); transform: translateX(-3px);
        }
        
        80%
        {
            -webkit-transform: translateX(2px); transform: translateX(2px);
        }
        
        100%
        {
            -webkit-transform: translateX(0); transform: translateX(0);
        }
    }
    
    @keyframes swing
    {
        15%
        {
            -webkit-transform: translateX(5px); transform: translateX(5px);
        }
        
        30%
        {
            -webkit-transform: translateX(-5px); transform: translateX(-5px);
        }
        
        50%
        {
            -webkit-transform: translateX(3px); transform: translateX(3px);
        }
        
        65%
        {
            -webkit-transform: translateX(-3px); transform: translateX(-3px);
        }
        
        80%
        {
            -webkit-transform: translateX(2px); transform: translateX(2px);
        }
        
        100%
        {
            -webkit-transform: translateX(0); transform: translateX(0);
        }
    }
    
    .swing:hover { -webkit-animation: swing 1s ease; animation: swing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

    
    #loadingDiv{  position:fixed;  top:0px;  right:0px;  width:100%;  height:100%;  background-color:#666;  background-image:url(../images/ajax-loader.gif);  background-repeat:no-repeat;  background-position:center;  z-index:10000000;  opacity: 0.4;  filter: alpha(opacity=40); /* For IE8 and earlier */ }



@media only screen 
and (min-device-width : 768px)
and (max-device-width : 1024px)  {

    .homeSiteLogo img, .siteLogo img {margin-top: 50px;}

    .case-homepage {height: auto;}
    .blueSpace {display: none;}
    .case-homepage-content {padding-bottom: 50px;}
    .case-homepage.case-work .case-homepage-content{padding-bottom: 0;}
    .case-homepage.case-pricing .pricingFormWrap { width: 90%;}

}