#ac-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1001;
    }
    #popup {    width: 30%;
        position: relative;
        top: 10%;
        left: 35%;
    }
    #ac-wrapper input[type="submit"]{    position: absolute;
        top: 0px;
        right: 0px;
        background: black;
        border: none;
        padding: 10px 20px;
        color: white;
    }
    html body .caddhlogo1 img{    position: relative !important;
        width: 100% !important;
        top: inherit !important;}
    @media only screen and (max-width: 1980px) and (min-width: 1000px){
    html body #main-nav nav {
        margin-top: 63px !important;
    }}
    @media only screen and (min-width:320px) and (max-width:640px){
    #popup {
        width: 80% !important;
        top: 10% !important;
        left: 10% !important;
    }html, body {
        overflow-x: hidden !important;
    }
    #ac-wrapper{    z-index: 9999999999 !important;}
    }
    .job-h, .caddhlogo1 img{z-index: 9 !important;
    }
    .btn-fix img{
            -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    @media only screen and (min-width:1336px) and (max-width:1440px){
    .job-h {
        top: 9px !important;
    }}
    .project-sec-box{
    padding: 10px !important;
        border: 1px solid #f1f1f1;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 5px 7px #c7c7c7;
        box-shadow: 0 5px 7px #c7c7c7;
        z-index: 1;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    margin: 1% 1% 0% 0%;width: 24%;
    }
    .project-sec-box{
    height: 295px;
    }
    .software-list li:before {
        content: "\f0da";
        font-family: fontawesome;
        padding-right: 10px;
        color: #3a3536;
    }
    .software-list li{line-height:25px;width: 25%;
        float: left;}
    .breadcrumb{background-color: #ffffff !important;}
    .error-page{text-align: center;margin: 4% 0% 6% 0%;}
    .error-page h1{width:100%;}
    .project-sec-box h3{
    padding: 14px 0px 10px 0px;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
    }
    .project-sec-box strong{
    font-weight:bold;
    color:black;
    }
    .project-sec-box  p{
    color: grey;
        font-size: 15px;
    }
    body #main-nav ul li .submenu .submenu
    {
    display:none !important;
        top: 0px;
        left: 100%;
    }
    body #main-nav .submenu .submenu:before{
    display:none !important;
    }
    body #main-nav .submenu li:hover .submenu{
    display:block !important;
    }
    #main-nav ul .submenu .submenu li a{
    background:white !important;
    }
    .btn-fix img:hover{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .studentReg1 img
    {
        width:100%;
    }
    #contact_hand12 .parsley-error-list
    {
        color:red !important;
    }
    .left-to-right
    {
        display:none;
    }
    .myTab li:nth-child(4)
    {
        display:none;
    }

    a.left.carousel-control,a.right.carousel-control
    {
    display:none;
    }
    #footer
    {
        display: initial !important;
    }

    .col-sm-2.social_icons ul
    {
        position: absolute;
        width: auto;
    }



    @media(max-width:750px)
    {
    #fat-nav h2 a
    {
    line-height: 15px !important;
    }
    .col-sm-2.social_icons ul
    {
        margin-top: 164px;
    }
    .col-sm-2.social_icons ul li {
    display: inline-block;
    padding-top: 14px !important;
    }
    .col-sm-2.social_icons ul li
    {
    display:block;
    padding:2px;
    }
    #fat-nav h2 span
    {
    font-size: 10px !important;
    }
    #fat-nav h2,#fat-nav h2 p
    {
        
    }
    #fat-nav li li a
    {
        display: block;
        padding: 3px 10px !important;
        color: #fff;
        font-size: 11px !important;
    }

    }








    @font-face {
        font-family: 'MyriadPro-Regular_1';

        src: url('../fonts/MyriadPro-Regular_1.otf');
        
        font-weight:normal;
    }
    @font-face {
        font-family: 'MYRIADPRO-SEMIBOLD_1';

        src: url('https://www.cadd.co.in/lib/fonts/MYRIADPRO-SEMIBOLD_1.otf');
        
        font-weight:normal;
    }
    @font-face {
        font-family: 'Nexa-XBold';

        src: url('../fonts/Nexa-XBold.otf');
        
        font-weight:normal;
    }
    @font-face {
        font-family: 'CoreSansG';

        src: url('../fonts/CoreSansG-Regular.otf');
        /*src: url('../fonts/CoreSansG-Regular.eot');
        src: url('../fonts/CoreSansG-Regular.ttf');
        src: url('../fonts/CoreSansG-Regular.woff');
        src: url('../fonts/CoreSansG-Regular.svg');*/
        
        font-weight:normal;
    }
    @font-face {
        font-family: 'CoreSansG-Bold';

        src: url('../fonts/CoreSansG-Bold.otf');
        /*src: url('../fonts/CoreSansG-Bold.eot');
        src: url('../fonts/CoreSansG-Bold.ttf');
        src: url('../fonts/CoreSansG-Bold.woff');
        src: url('../fonts/CoreSansG-Bold.svg');*/
        
        font-weight:normal;
    }
    @font-face {
        font-family: 'OpenSans';

        src: url('../fonts/OpenSans.otf');
        /*src: url('../fonts/OpenSans.ttf');
        src: url('../fonts/OpenSans.woff');
        src: url('../fonts/OpenSans.svg');*/
        
        font-weight:normal;
    }
    * {margin:0; padding:0;}
    body {
        background:#fff;
            font-family: 'MyriadPro-Regular_1';
    }
    p{font-family:'OpenSans';}
    .contentsee{font-family:'OpenSans';}
    .panel-title {font-family:'CoreSansG';}
    .myTab {font-family:'CoreSansG';}

    .remo{border-top: 4px solid rgb(237, 27, 36);}
    video::-webkit-media-controls-enclosure {
    display:none !important;
    }
    video::-moz-media-controls-enclosure {
    display:none !important;
    }
    video::media-controls-enclosure {
    display:none !important;
    }
    video::-webkit-media-controls {
    display:none !important;
    }
    video::-moz-media-controls {
    display:none !important;
    }
    video::media-controls {
    display:none !important;
    }
    video::-webkit-media-controls {
    display:none !important;
    }
    video::-webkit-media-controls-enclosure {
    display:none !important;
    }
    video::-moz-media-controls-enclosure {
    display:none !important;
    }
    video::media-controls-enclosure {
    display:none !important;
    }
    .no-padding{
    padding:0px;
    }
    #global-nav ul {
        float: right;
    
    }
    #global-nav li {
        display: block;
        float: left;
    }
    #global-nav li a {
        height: 30px;
    }
    #global-nav li:first-child a, #global-nav li.first a {
        background-image: none;
        padding-left: 25px;
    }
    #global-nav li a {
        background: #ED1B24 url(../img/sprite.png) 0 9px no-repeat;
        /* padding: 9px 15px 10px; */
        color: #fff;
        /*font-family: 'MyriadPro-Regular_1';*/
        font-family: 'CoreSansG';
                transition:0.5s all;
    -webkit-transition:0.5s all;
    }
    .foo{color:#000;}
    .tab-pane>p>a{color:#ED1C24;}
    .tab-pane>p>a:hover{color:#ED1C24;background:none;}
    .downloadbro a{color: #fff;
    background: #ED1C24;
    border-radius: 10px;padding: 5px;}
    .downloadbro{margin-top:2%;}
    #global-nav li a:hover{color:#000;
    }
    #global-nav a {
        font-size: 14px;
        display: block;
        background-color: #07294d;
    }
    a:hover{
    text-decoration:none
    }
    #main-nav nav {
    background: #ED1B24;
        /* position: absolute; */
        /* bottom: 0; */

        height: 69px;
        width: 100%;
        z-index: 1;
        -webkit-box-shadow: 0px 0px 7px rgb(0, 0, 0);
        box-shadow: 0px 0px 7px rgb(0, 0, 0);
        margin-top: 5%;
    }
    #main-nav ul {
        height: auto;
        overflow: visible;
            float: right;
    }
    #main-nav li {
        float: left;
        position: relative;
    }
    #main-nav li a {
        position: relative;
        z-index: 500;
        background: rgba(234, 26, 35, 0);
        display: block;
            /*font-family: 'MYRIADPRO-SEMIBOLD_1';*/
            font-family: 'CoreSansG';
            transition:0.5s all;
    -webkit-transition:0.5s all;
        color: #fff;
    }#main-nav li a:hover{
        color: #000;
    }
    .banner-back{
    position: absolute;
        top: 0;
        z-index: -10;
        width: 100%;
        left: 0;
        height: 93%;

    }
    .head-section{
    position:absolute;
    width:100%;
    top:0;
    z-index:1000;
    }
    .hero h1, .hero h2 {
            font-size: 16px;
        margin-bottom: 20px;
        color: #EF3030;
        margin-top: 15px;
        /*font-family: 'Nexa-XBold';*/
        font-family: 'CoreSansG-Bold';
    }
    .hero p {
        color: #fff;
        font-size: 14px;
        line-height: 20px;
            color: #2F2F2F;
            width:80%;
            text-align:justify;
    }
    .hero .caption {
    
        padding: 20px 20px 10px;
        min-height: 190px;
        overflow: hidden;
        text-overflow: ellipsis;

    }
    .captions
    {
        /*   margin-top: 11%;*/
            margin-top: 7%;
        margin-bottom: 7.5%;
    }
    }
    .caption02{
        margin-top: 1%;
        min-height: 77px;
    }

    .js .hero .captions li:first-child {
        display: block;
    }
    .hero .caption {
        background: rgba(255, 255, 255, 0.9);
        padding: 24px;
        position: relative;
    }
    .home-hero .hero p.more, .hero p.more {
        font-size: 20px;
        height: 37px;
        line-height: 37px;
        bottom: -37px;
        font-family: 'OpenSans';
        background: #fff url(../img/sprite.png) 0 -46px no-repeat;
        padding: 0 20px 0 50px;
            color: #2F2F2F;
            width:42%;
                box-shadow: 6px -7px 15px -4px rgba(27, 26, 26, 0.72);
        
    }
    #footer {
        // background: rgba(45, 44, 44, 0.63);
        background:#fff;
        overflow:hidden;
        
    }
    #footer .footer-bg {
        height: 60px;
    }
    #footer .footer-bg {
        /*height: 70px;
        position: absolute;
        left: 0;
        top: 0;*/
        height: 70px;
        position: absolute;
        left: 0;
    /* top: 7px;*/
        width: 100%;
        background: #EA1A23;
        cursor: pointer;
    }
    #fat-nav .grid-special {
            width: 25%;
        margin: 0;
        height: 70px;
                transition: 0.5s all;
                    -webkit-transition: 0.5s all;
    }
    #fat-nav h2 {
        background: none;
        height: auto;
        line-height: 18px;
        padding: 0;
        margin-bottom: 0;
        font-size: 14px;
    }
    #fat-nav h2 a {
        height: 55px;
        padding: 12px 10px;
    }
    #fat-nav h2 span {
        text-transform: none;
        display: block;
        font-size: 12px;
        font-weight: normal;
        font-family: 'MyriadPro-Regular_1';
    }
    .js #fat-nav.open ul ul {
    
    }
    .fot li a:hover{
        color: #dff0d8 !important;
    }
    #fat-nav li li a {
        display: inline-block;
        zoom: 1;
    
    }
    #fat-nav li li a {
        display: block;
        padding: 8px 10px;
        color: #333;
        font-size:13px;
    }
    #fat-nav li li a:hover{
    color: #EA1A23 !important;
    }
    .grid-special {
        display: inline;
        float: left;
        position: relative;
        margin-left: 10px;
        margin-right: 10px;
    }
    #skinny-nav {
        background: #EA1A23;


        border-top: 1px solid #F5E3E4;
        position: relative;
        z-index: 1500;
            /*height: 36px;*/
            min-height: 31px;
            }
    .inline-display {
        display: inline;
    }
    #skinny-nav ul {
        margin: 0 10px;
    }
    #skinny-nav li {
        display: inline;
    line-height: 35px;
    }
    #skinny-nav li a {

    padding: 0px 15px;
        background: #ED1B24 url(../img/sprite.png) 0 1px no-repeat;
        color: #fff;
    /* font-family: 'MyriadPro-Regular_1';*/
    font-family: 'CoreSansG';
        font-size: 13px;
    }
    #skinny-nav li a:hover{color:#000;}
    #fat-nav h2 a {
        height: 70px;
        line-height: 18px;
        display: block;
        /*padding: 15px 10px;*/
            padding: 23px 10px;
        color: #07294d;
            /*font-family: 'Nexa-XBold';*/
            font-family: 'CoreSansG';
            color:#fff;
            transition: 0.5s all;
        '    -webkit-transition: 0.5s all;
    }
    #fat-nav h2{
    transition: 0.5s all;    -webkit-transition: 0.5s all;
        cursor: pointer;
        
    }
    #fat-nav h2  :hover{
    color:#e51a23;
    }
    #footer {
        width: 100%;
        position:fixed;
            bottom: 0;
        margin-top: 7%;
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,.8);
        box-shadow: 0 0 20px rgba(0,0,0,.8);
            z-index: 10000;
    }
    .grid-special.changeheight{
        min-height: 309px !important;
            transition: 0.5s all;
        -webkit-transition: 0.5s all;
        }
        .about-gallery div{
        padding:0;
        }
        .about-gallery figcaption{
        position:absolute;
        bottom:0;
        height: 40px;
        color: #fff;
        background: rgba(0,0,0,0.5);
        width: 100%;
        padding-top: 6px;
        padding-left: 4px;    transition: 0.5s all;
        '    -webkit-transition: 0.5s all;
        
        }
        .about-gallery p{
            font-weight: 900;
        }
        .about-gallery  figure{
        position:relative;
        margin: 2%;
        }.content_leftside a:hover {
    
        background: #676469;
        }
        .about_leftside a:hover {

        background: #8C8787;
        
        }
        .about_rightside figure p{text-align:center;
            /*font-family: 'MYRIADPRO-SEMIBOLD_1';*/
            font-family: 'CoreSansG';
                color: #ED1C24;
        }
        .about_rightside figure p span{
            font-size: 28px;
        display:block;
        }
        .about-gallery{
            margin-top: 2%;}
            .detail div{
                /* width: 44%;*/
        float: right;
            }
            .about-gallery1:after{
            content:'';
            width:3px;
        height: 75%;
            background:url(../img/line.png) center;
            position:absolute;
                top: 15%;
                right:-21%;
            
            }
    .form-control{
        border-left: 2px solid #EA1A23;
        border-radius: 0px;
        background-color: #ccc;
    }
    .fcnt{
        line-height: 2.5;
    }
    .btn {

        padding: 8px 37px;
    }
    .btn-default {
        background-color: #ED1B24;
            border-radius: 0px;    color: #fff;
    }
    .add1{
        border-right: 1px solid#EAE2E2;
            font-size: 15px;
                line-height: 16px;
    }
    .loct{
        margin: 68px 0px 0px 0px;
        padding: 0px 27px;
        cursor: pointer;
    }
    .capt{
    background-color: rgba(255, 255, 255, 0.9);
    }
    .caption select{display: block;
        width: 100%;    height: 30px;}
    .form12{
    margin-top:4%;
    }
    .addr2{
    margin-top:4%;
    margin-bottom: 2%;
    }
    .carousel-control{
    z-index:10000;
    }
    .about-gallery1 figure:hover figcaption{
    height:100%;
    }
    .col00 p{text-align: justify;
        font-size: 13px;
        line-height: 17px;
        font-weight: 500;
    }
    .col01{background-color:#fff;padding: 29px;min-height: 165px;}
    .col01 h3{color:#000;font-weight: 800; margin-bottom:2%;}
    .col01 h3:hover{color:#ED1C24;}
    .pcann ul{list-style-type: square; list-style-color:#EA1A23;}
    .pcann li{font-size: 12px;line-height: 13px;}
    .col02{background: #000;color: rgba(255, 255, 255, 0.82);    min-height: 165px;    padding: 20px 0px 20px 20px;}
    .col02 h2{margin-bottom: 2% !important;}
    .col02 p{padding: 0px 65px 0px 0px;}
    .col03 {background:#fff;padding:17px;min-height: 165px;}
    .col03 h3{font-weight: 800;margin-bottom:2%;}
    .col03 h3:hover{color:#ED1C24;}
    .col04{background-color:#fff;padding: 17px;    min-height: 165px;}
    .col04 h2{margin-bottom:6%;    text-transform: capitalize;    font-weight: 800;}
    .col04 h2:hover{color:#ED1C24;}
    .padd1{padding-left: 2px;padding-right: 2px;}
    .foot1{min-height:154px;}
    .abt p{line-height: 20px;font-size: 15px;}
    .swps ul{list-style-type: circle;}
    .swps li{font-size:13px;line-height: 16px;font-family: 'OpenSans';}
    .swps li:first-child {display: list-item !important;}
    .diplo h2{margin-top: 30%;margin-bottom: 29%;}
    .mp{visibility: hidden;}
    .dmp{min-height: 183px;padding: 80px 0px 20px 20px;margin-top: 5%;}
    .ver ul{list-style: url(../img/par.png);background-repeat: no-repeat;    padding-left: 25px;}
    .ver li{line-height: 22px;font-size: 14px;}
    .desk li{font-size: 15px;line-height: 19px;font-family: 'OpenSans';}
    .panel-heading {
    padding: 7px 13px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    }
    .accrd {list-style: url(../img/e1.png);background-repeat: no-repeat;padding: 4px 21px;}
    .accrd1 ul{list-style: url(../img/r1.png);background-repeat: no-repeat;padding: 4px 21px;}
    .eee{line-height: 20px;font-size: 13px;text-align:justify;}
    .desk{list-style: url(../img/ser1.png);background-repeat: no-repeat;padding: 4px 21px;}
    .accrd li{line-height: 20px;font-size: 13px}
    .place li{line-height: 20px;font-size: 13px}
    .place h3{font-size: 20px;margin-bottom: 10px;margin-top: 10px;}
    .panel-heading a:hover{background: #F5F5F5;}
    .client img {
        width: 138px;
    }
    .tab-content p{padding:10px;
    }
    /*placement table*/
    .plan {
        border: 1px solid #E8E8E8;
        background: #e1e1e1;
        width: 100%;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .plan:hover{
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -o-transform: scale(1.01);
        cursor: pointer;
        position: relative;
    }
    .plan ul { 
        background: #f5f5f5; 
        padding: 0;
        margin-bottom: 0;
    }
    .plan ul li {
        border-top: 1px solid #E8E8E8;
        padding: 8px 8px;
        font-family: OpenSans;
    }
    .plan ul li:first-child { 
        border-top: 0 !important;
    }
    .plan.featured .plan-name{
        background: #FF0000;
        border-bottom: 2px solid #C30808;
        color: #fff;
    }
    .bg_grad {background: #EA1A23;
        color: #fff;
    }
    .content_leftside a h3,a h2
    {
        color:#333;
    }
    .cp1{background: transparent url("../img/mechnical.jpg") no-repeat scroll center top / cover;}
    .cp1 h3{text-shadow: 3px 3px 2px rgb(255, 255, 255);cursor: pointer;}
    .cp3{background: transparent url("../img/project_planning.jpg") no-repeat scroll center top / cover;}
    .cp3 h3{text-shadow: 3px 3px 2px rgb(255, 255, 255);cursor: pointer;}
    .cp4{background: transparent url("../img/civil.jpg") no-repeat scroll center top / cover;}
    .cp4 h2{text-shadow: 3px 3px 2px rgb(0, 0, 0);cursor: pointer;color:#fff;}
    .cp7{background: transparent url("../img/electrical.jpg") no-repeat scroll center top / cover;}
    .cp7 h2{text-shadow: 3px 3px 2px rgb(255, 255, 255);cursor: pointer;    text-align: right;}
    .cp6{background: transparent url("../img/aerospace.jpg") no-repeat scroll center top / cover;}
    .cp6 h2{text-shadow: 3px 3px 2px rgb(0, 0, 0);cursor: pointer;color:#fff;}
    .cp5{background: transparent url("../img/automotive.jpg") no-repeat scroll center top / cover;}
    .cp5 h2{text-shadow: 3px 3px 2px rgb(255, 255, 255);cursor: pointer;}
    .cp8{background: transparent url("https://www.cadd.co.in/lib/img/1.jpg") no-repeat scroll center top / cover;}
    .cp8 h2{text-shadow: 3px 3px 2px rgb(255, 255, 255);cursor: pointer;}


    .content_heading1 h2{margin: 4% 0px 1% 0px;    font-size: 25px;font-family: CoreSansG;}
    .content_heading h1{    font-family: CoreSansG;}
    .reimg img{  /*width: 100%;*/margin: auto;padding: 80px 3px 3px 33px;}
    .boxsh{    border-radius: 5px;
        
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);margin:2% 0;    padding-bottom: 2%;}
        
        .studentReg{background: #e7e5e5; height: auto; padding: 15px 15px 15px 15px;    -webkit-border-radius: 5px;-moz-border-radius: 5px;margin: 0 0 20px 0;min-height: 50px;}
        .studentReg1{background: #e0e0e0; height: auto;position: relative; padding: 10px 15px 10px 15px;    -webkit-border-radius: 5px;-moz-border-radius: 5px;margin: 0 0 20px 0;min-height: 100%;}
        .rightHead {color: #c11c1f;font-family:'OpenSans';}
        .contentsee li { background: url(../img/content.png) no-repeat 0 7px;padding: 5px 0 6px 15px;}
        .contentsee1 li { background: url(../img/content.png) no-repeat 0 7px;padding: 8px 0 0 15px;}
        .contentsee li a{color:#000;font-size: 14px;}
        .contentsee1 li a{color:#000;font-size: 14px;}
        .contentsee1 li a:hover{color:#EA1A23;background:#fff;}
        .contentsee1 {padding-left: 2%;}
        .form-control:focus{    border-left: 2px solid #000000;}
        .glyphicon-plus, .glyphicon-minus{font-size:12px;}
        .no-padding1{padding:2px;}
        .paddingleft{padding-left: 15px;}
        .course_content{    padding-bottom: 5%;}
        .brnchlist li{padding: 8% 4%;       text-align: center;cursor: pointer;}
        .brnchlist1 li a{color: #ED1B24; }
        .brnchlist1 li a:hover{color: #fff; }
        .brnchlist li:hover{background: #ED1B24;color:#fff !important;}
        .active1{background: #ED1B24;color:#fff !important;}
        .ml1 ,.ml2 ,.ml3 ,.ml4 ,.ml5 {border-bottom: 1px solid #000;}
        .brnchlist{border: 1px solid #000; }
        .contctsecond{padding-top: 0%;}
    /*****************************************
        media queries
    ******************************************/

    @media only screen and (min-width:1820px) and (max-width: 1940px)  {
    ul li{
    font-size:13px !important;
    }
    }
    @media only screen and (min-width:768px) and (max-width: 991px)  {
    #main-nav li a{padding: 22px 20px 16px;}
    #global-nav li:first-child a, #global-nav li.first a{padding-left:15px !important;}
    .reimg img{padding:0px;}
    .hero p.more{width:43%;}
    .remo{margin-bottom:4%;}
    #global-nav a {    font-size: 12px;    display: block;   }
    }
    @media only screen and (max-width:768px)  {
    .reimg img{padding:0px;}
    .foot1 {height: 50px;}
    .joincour a{text-align:center !important;}
    .about_rightside figure img{width:40%;}
    .cltt p{    line-height: 28px;}
    }
    #mySelect{color: #999999;}
    .c11 select{padding-top: 4px;color: #000;}
    /*
    Exception: SyntaxError: illegal character
    @Scratchpad/2:2
    */

    .caddhlogo{width:270px;background:#fff;}
    .iso_logo {
        display: block;
        font: 11px Tahoma,Geneva,sans-serif;
        padding-top: 2px;
        text-align: center;
        width: 200px;
    }

    /*callback form*/

    .callback {
    display:none !important;
    }
    .callback-form {
    width:22%;
    height:auto;
    position:absolute;
    right:0%;
    margin-right:3%;
    padding:5px;
    top:200px;
    float:right;
    z-index: 99999;
    background: url(../img/transparent-bg.png) repeat;
    }
    .callback-form h6{
        color:#fff;
        font-size:18px;
        text-align:center;
        line-height:50px;
        margin-top:-10px;
    }
    .callback-form input[type="submit"]{
        border:1px solid #ED1B24;
        width:80px;
        height:23px;
        margin-top:10px;
        background:#ED1B24;
        color:#fff;
        font-size:14px;
        text-align:center;
        float:left;
        margin-bottom: 3%;
    }
    .callback-form input[type="submit"]:hover {
    background-color:#333;		 
    color:#fff;
    -webkit-transition: background 1.5s ease, color 1s ease;
    -moz-transition: background 1.5s ease, color 1s ease;
    -o-transition: background 1.5s ease, color 1s ease;
    -ms-transition: background 1.5s ease, color 1s ease;
    transition: background 1.5s ease, color 1s ease;
    }

    @font-face {
        font-family: 'icomoon';
        src:url('../fonts/icomoon.eot@wgeoo9');
        src:url('../fonts/icomoon.eot@wgeoo9') format('embedded-opentype'),
            url('../fonts/icomoon.ttf@wgeoo9') format('truetype'),
            url('../fonts/icomoon.woff@wgeoo9') format('woff'),
            url('../fonts/icomoon.svg@wgeoo9') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    [class^="icon-"], [class*=" icon-"] {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;

        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .icon-twitter:before {
        content: "\e902";
    }
    .icon-google-plus:before {
        content: "\e900";
    }
    .icon-google-plus3:before {
        content: "\e901";
    }
    .icon-twitter3:before {
        content: "\e903";
    }
    .icon-feed4:before {
        content: "\e904";
    }
    .icon-vimeo3:before {
        content: "\e905";
    }
    .icon-skype:before {
        content: "\e906";
    }
    .icon-pinterest:before {
        content: "\e907";
    }
    .icon-linkedin-with-circle:before {
        content: "\e908";
    }
    .icon-youtube-with-circle:before {
        content: "\e909";
    }
    .icon-skype-with-circle:before {
        content: "\e90a";
    }
    .icon-google-with-circle:before {
        content: "\e90b";
    }
    .icon-facebook-with-circle:before {
        content: "\e90c";
    }
    .top1{margin-top:1%;}
    .social_icons ul li{display:inline-block;    padding: 24px 0px 10px 2px;
        font-size: 25px;}
    .social_icons ul li i{color:#000;}
    .social_icons ul li i:hover
    {
        color:#333;
    }
    #main-nav li a {
        padding: 29px 5px 8px 9px !important;
    }

    .tabordion {
    color: #333;
    display: block;
    font-family: arial, sans-serif;
    margin: auto;
    position: relative;
    width: 80%;
        height: 300px;
    }
    .tabordion h2{
        font-size: 22px;
        margin: 0px 0px 20px 0px;
    }
    .job-h{
        height: 65px !important;
        background: #ed1b24;
        top: 9px !important;
        padding: 0px 11px 0px 15px;
    }
    #global-nav li a {
        background-position: 0px 19px !important;
        text-align: center;
        line-height: 22px !important;
        padding: 5px 6px 10px !important;
        font-size: 17px;
    }
    .w-100{
        width: 100%;
        margin: auto;
    }
    .tabordion input[name="sections"] {
    left: -9999px;
    position: absolute;
    /*top: -9999px;*/
    }
    .tabordion h4 strong{    font-weight: bold;
        color: #ed1b24;
            }
            .tabordion h4{    margin-bottom: 10px;}
    .tabordion p{color: #424040;
        line-height: 21px;}
    .tabordion section {
    display: block;
    }

    .tabordion section label {
    background: #f2f2f2;
    border: 1px solid #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 20px;
    position: relative;
    width: 180px;
    z-index: 100;
    }

    .tabordion section article {
    display: none;
    left: 230px;
    min-width: 300px;
    padding: 0 0 0 21px;
    position: absolute;  
    top: 0;
    }

    .tabordion section article:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    left:-229px;
    position: absolute;
    top: 0;
    width: 220px;
    z-index:1;
    }

    .tabordion input[name="sections"]:checked + label { 
    background: #ED1B24;
    color: #fff;
    }

    .tabordion input[name="sections"]:checked ~ article {
    display: block;
    }


    @media (max-width: 533px) {
    
    h1 {
        width: 100%;
    }

    .tabordion {
        width: 100%;
    }
    
    .tabordion section label {
        font-size: 1em;
        width: 160px;
    }  

    .tabordion section article {
        left: 200px;
        min-width: 270px;
    } 
    
    .tabordion section article:after {
        background-color: #ccc;
        bottom: 0;
        content: "";
        display: block;
        left:-199px;
        position: absolute;
        top: 0;
        width: 200px;

    }  
    
    }


    @media (max-width: 768px) {
    h1 {
        width: 96%;
    }

    .tabordion {
        width: 96%;
    }
    }


    @media (min-width: 1366px) {
    h1 {
        width: 70%;
    }

    .tabordion {
        width: 70%;
    }
    }
    .tabordion input[name="sections"]:checked + label:after{
    content: "";
        width: 20px;
        height: 10px;
        top: 6px;
        position: absolute;
        right: -19px;
        border-left: 14px solid #ed1b24;
        border-right: 10px solid rgba(214, 147, 26, 0);
        border-bottom: 10px solid rgba(20, 239, 218, 0);
        border-top: 10px solid rgba(11, 18, 228, 0);
    }

    .p-btn{
    color: #ffffff;
        padding: 7px 10px 7px 10px !important;
        display: inline-block !important;
        background: black;
        border-radius: 5px;
        margin: 10px 0px 0px 0px;
    }

    .p-btn i{
    color: #ffffff;
    }
    .p-btn:hover{
        background: #ea1a23;
        color:white !important;
    }
    .portfolio a{
            display: block;
        padding-top: 10px;
    }
    .tabordion img{
            padding-right: 40px;
    }
    .text-title{
        padding-top:0px !important;
    }
    .career-div i{
        color:black !important;
    }
    .career-div{
        margin: 10px 0px;
    }
    .exp div{
        margin: 10px 0px;
    }
    .apply{
        margin-top: 10px !important;	
    }
    .apply a, .apply i{    color: #ffac14 !important;
    }

    .apply a:hover, .apply a:hover i{    color: #EA1A23 !important;
    }
    .content_heading h1{
        font-size: 30px;
        color: #ED1C24;
    }
    .exp i{
        color:black !important;
    }
    .ca-sec h3{
        margin: 15px 0px;
        color: #ed1b24;
    }
    .ca-sec li:before{
            content: "\f105";
        font-family: fontawesome;
        padding-right: 7px;
        color: #4a4747;
    }
    .ca-sec li{
        color: #4a4747;
    }
    .ca-sec strong{
        color:black !important;
        font-weight:bold !important;
    }
    .ca-sec i{
        color:black !important;
    }
    .ca-sec ul{
    margin-top:10px;
    }
    .ap-form h2, .p-r h2{
            font-size: 25px;
        border-bottom: 1px solid gainsboro;
        margin-bottom: 20px;
        padding-bottom: 9px;
    }
    .ap-form input, .ap-form textarea{
            width: 100%;
        font-size: 13px;
        padding: 7px 10px;
        border-radius: 5px;
        border: 1px solid #e4e6e4;
    }
    .ap-form i {
        color: black !important;
    }
    .ap-form .smaller-90{
        font-size: 13px;
        margin-top: 10px;
        display: block;
    }
    .ace-file-input i{
        display:none !important;
    }
    .contctsecond i{
        color:black !important;
    }
    .contctsecond i{
            position: absolute;
    }
     .contctsecond span{
        display: inline-block;
        margin-left: 27px;
        color: #000;
    }   .contctsecond  a{
      
        color: #000;
    }
    .placement-btn{
    display: inline-block;
        margin-top: 25px;
        color: #337ab7;
        position: relative;
        width: auto;
        padding: 10px 25px;
        font-size: 23px;
        text-transform: capitalize;
        border-radius: 4px;
    }
    .client img{
            border: 1px solid #e4e2e2;
        padding: 5px;
    }
    .client img:hover{
            border: 1px solid #ed1b24;
    }
    .placement p{text-align:justify;width: 92%;line-height: 22px;}
    .placement marquee p{
        text-align:left !important;
            color: black;
        line-height: 20px;width: 100%;
    }
    .placement-btn:before{
        content: "\f10d";
        font-family: fontawesome;
        font-size: 21px;
        padding-right: 5px;
        position: absolute;
        top: 3px;
        left: 1px;
    }
    .placement-btn:after{
        content: "\f10e";
        font-family: fontawesome;
        font-size: 21px;
        padding-left: 6px;
        margin-top: -5px;
        position: absolute;
    }
    .s-project h1{
        font-size: 25px !important;
        color: #2e7dab !important;
    }
    .btn-fix{
            position: fixed;
        z-index: 999999999999;
        top: 300px;
    }
    .inners-f{
    position: absolute;
        left: 60px;
        background: black;
        width: 300px;
        padding-top: 20px !important;
    }
    #inline_content112{
        display:none;
    }
    .btn-fix button{
        background: none;
        border: none;
        left:-1px !important;
                width: 51px;
        height: 55px;
    }
    .btn-fix button img{

    }
    .fixed-d img{
        left: 0px !important;	
    }
    .btn-fix form button
    {
        background-color: #ED1B24;
    }
    .btn-fix h1{    color: white !important;
        font-size: 20px;
        padding: 0px 0px 10px 16px;
    }
    .menu-btn{
        display:none;
        position: absolute;
        right: 10px;
        top: 199px;
        padding: 4px 10px;
        z-index: 99999999;
        border: none;
        background: black;
        color: white;
    }
     @media only screen and (min-width:320px) and (max-width:600px){
   .job-h:before{
            display:none !important;
        }
        }
    @media only screen and (min-width:320px) and (max-width:380px)
    {
        .news input[type="submit"] {
        padding: 9px 8px !important;
        font-size: 12px !important;
        }
        .news input[type="email"], .news input[type="text"]{
            width:100% !important;
        }
        .col-sm-2.social_icons ul {
        margin-top: 163px;
        margin-left: 10px;
    }
    .social_icons .fa-instagram{
        margin-top: -3px !important;
    }
    #main-nav ul .submenu {
        position: relative !important;
        z-index: 999999;
        margin-bottom: 10px;
    }
    .par{
        position:static !important;
    }
    .portfolio a {
        font-size: 12px;
        height: 34px;
    }
    #filters li {
        margin: 3px;
    }
    .p-btn{
        height:auto !important;
    }
        
        .tabordion p{
            font-size: 13px;
        }
        .tabordion section article{
            left: 0px !important;
        top: 183px;
        margin-left: 0px !important;
        }
        .tabordion{
                margin-bottom: 20px;
        }
        .tabordion img{
                width: 58% !important;
        }
        /* #main-nav nav {
        background: #ffffff !important;
        } */
        .centre, .scp-shortcode{
                float: left !important;
                margin: 15px 4px 0px 0px !important;
    
        }
        .centre
        {
            clear: both;
        }
        .header-bg .scp-icon-bullet-text-text {
        margin: -4px 0px 0px 2px !important;
        }
        .job-h, #global-nav li a{
            height:auto !important;
        }
        .job-h:before{
            display:none !important;
        }
        .job-h img{
                margin: 5px 0px 0px 0px !important;
                display:none !important;
        }
        #global-nav li a, #global-nav li a span{
                font-size: 13px !important;    background: #ED1B24 !important;
        }
        #global-nav li a{
            padding: 5px 10px 0px !important;
                text-align: left !important;
        }
        /* @media  (min-width:768px) {
            #main-nav nav {
            
                height: 184px !important;
        }   
    }
       @media  (min-width:320px) {
            #main-nav nav {
            
                height: 14px !important;
        }
    }
           @media  (min-width:420px) {
            #main-nav nav {
            
                height: 120px !important;
        }
        
    } */
        .cd-dropdown-wrapper {
        display: none;
    }
    .caddhlogo1 img {
        width: 80%;
        left: 19px;
    }
    .menu-btn{
        display:block ;
    }
        #menu-m, .scp-icon-bullet-text-icon{
            display:none;
        }
        .banner{
            margin-top: 9px;
        }
        #main-nav li{
                float: none !important;
        width: 100% !important;
        }
        body #main-nav li a{
            font-size: 15px;
            padding: 15px 20px 5px 20px !important;
                background: #000000;
        }
        body #main-nav li a:hover{
            background:white !important;
            color:black !important;
        }
        body #footer{
            height: 400px !important;
        }
        .tabordion section article:after{
            display:none;
        }
        .img1 {
        top: 296px !important;
    }
    .footer1, .copy{
        text-align: center !important;
    }
        
    }


    @media only screen and (min-width:420px) and (max-width:480px)
    {
        .news input[type="submit"] {
        padding: 9px 8px !important;
        font-size: 12px !important;
        }
        .news input[type="email"], .news input[type="text"]{
            width:100% !important;
        }
        .col-sm-2.social_icons ul {
        margin-top: 163px;
        margin-left: 10px;
    }
    .social_icons .fa-instagram{
        margin-top: -3px !important;
    }
    #main-nav ul .submenu {
        position: relative !important;
        z-index: 999999;
        margin-bottom: 10px;
    }
    .par{
        position:static !important;
    }
    .portfolio a {
        font-size: 13px;
        height: 34px;
    }
    #filters li {
        margin: 3px;
    }
    .p-btn{
        height:auto !important;
    }
        
        
        .tabordion p{
            font-size: 13px;
        }
        .tabordion section article{
            left:0px !important;
                margin-left: 144px !important;
        }
        .tabordion img{
                width: 58% !important;
        }
        /* #main-nav nav {
        background: #ffffff !important;
        } */
        .centre, .scp-shortcode{
                float: left !important;
                margin: 15px 25px 0px 0px !important;
    
        }
        .centre
        {
            clear: both;
        }
        .header-bg .scp-icon-bullet-text-text {
        margin: -4px 0px 0px 2px !important;
        }
        .job-h, #global-nav li a{
            height:auto !important;
        }
        .job-h:before{
            display:none !important;
        }
        .job-h img{
                margin: 5px 0px 0px 0px !important;
                display:none !important;
        }
        #global-nav li a, #global-nav li a span{
                font-size: 13px !important;    background: #ED1B24 !important;
        }
        #global-nav li a{
            padding: 5px 15px 0px !important;
                text-align: left !important;
        }
        .cd-dropdown-wrapper {
        display: none;
    }
    .caddhlogo1 img {
        width: 80%;
        left: 19px;
    }
    .menu-btn{
        display:block !important;
        top: 202px;
    }
        #menu-m, .scp-icon-bullet-text-icon{
            display:none;
        }
        .banner{
            margin-top: 9px;
        }
        #main-nav li{
                float: none !important;
        width: 100% !important;
        }
        body #main-nav li a{
            font-size: 15px;
            padding: 15px 20px 5px 20px !important;
                background: #000000;
        }
        body #main-nav li a:hover{
            background:white !important;
            color:black !important;
        }
        #footer{
            height: 321px !important;
        }
        .tabordion section article:after{
            display:none;
        }
        .img1 {
        top: 296px !important;
    }
    .footer1, .copy{
        text-align: center !important;
    }
        
    }
    @media only screen and (min-width:600px) and (max-width:610px)
    {
        .news input[type="submit"] {
        padding: 9px 8px !important;
        font-size: 12px !important;
        }
        .news input[type="email"], .news input[type="text"]{
            width:100% !important;
        }
        .col-sm-2.social_icons ul {
        margin-top: 163px;
        margin-left: 10px;
    }
    .social_icons .fa-instagram{
        margin-top: -3px !important;
    }
    #main-nav ul .submenu {
        position: relative !important;
        z-index: 999999;
        margin-bottom: 10px;
    }
    .par{
        position:static !important;
    }
    .portfolio a {
        font-size: 12px;
        height: 34px;
    }
    #filters li {
        margin: 3px;
    }
    .p-btn{
        height:auto !important;
    }


        
    body .header-bg .scp-icon-bullet-text-text {
        margin: -4px 0px 0px 0px !important;
    }
    .scp-icon-bullet-text-icon {
        float: left;
        display: none;
    }
    body .centre, body .scp-shortcode {
        margin: 15px 0px 0px 0px !important;
    }
        
    }  @media only screen and (min-width:320px) and (max-width:767px)
    {

    .menu-btn{
        display:block !important;
        top: 202px;
    }

body #main-nav li a {
    font-size: 15px;
    padding: 15px 20px 5px 20px !important;
    background: #000000;
}
#main-nav li {
   
    width: 100% !important;
}
    } @media only screen and (min-width:600px) and (max-width:767px){
     .col-sm-2.social_icons ul {
        margin-top: 163px;
        margin-left: 10px;
    }
    }
    @media only screen and (min-width:600px) and (max-width:720px)
    {
        .news input[type="submit"] {
        padding: 9px 8px !important;
        font-size: 12px !important;
        }
        .news input[type="email"], .news input[type="text"]{
            width:100% !important;
        }
   
    .social_icons .fa-instagram{
        margin-top: -3px !important;
    }
    #main-nav ul .submenu {
        position: relative !important;
        z-index: 999999;
        margin-bottom: 10px;
    }
    .par{
        position:static !important;
    }
    .portfolio a {
        font-size: 12px;
        height: 34px;
    }
    #filters li {
        margin: 3px;
    }
    .p-btn{
        height:auto !important;
    }

        .tabordion section article{
            left:0px !important;
                margin-left: 176px !important;
        }
        .tabordion img{
                width: 58% !important;
        }
        
        #main-nav nav {
        background: #ffffff !important;
        }
        .centre, .scp-shortcode{
                float: left !important;
                margin: 15px 25px 0px 0px !important;
                /*width: 29%;*/
    
        }
        .centre
        {
            clear: both;
        }
        .header-bg .scp-icon-bullet-text-text {
        margin: -4px 0px 0px 46px !important;
        }
        .job-h, #global-nav li a{
            height:auto !important;
        }
        .job-h:before{
            display:none !important;
        }
        .job-h img{
                margin: 5px 0px 0px 0px !important;
                display:none !important;
        }
        #global-nav li a, #global-nav li a span{
                font-size: 13px !important;    background: #ED1B24 !important;
        }
        #global-nav li a{
            padding: 5px 15px 0px !important;
                text-align: left !important;
        }
        .cd-dropdown-wrapper {
        display: none;
    }
    .caddhlogo1 img {
        width: 46% !important;
        left: 19px;
    }

        #menu-m{
            display:none;
        }
        .banner{
            margin-top: 9px;
        }
        #main-nav li{
                float: none !important;
        width: 100% !important;
        }
        body #main-nav li a{
            font-size: 15px;
            padding: 15px 20px 5px 20px !important;
                background: #000000;
        }
        body #main-nav li a:hover{
            background:white !important;
            color:black !important;
        }
        .tabordion section article:after{
            display:none;
        }
        .img1 {
        top: 296px !important;
    }
    .footer1, .copy{
        text-align: center !important;
    }
        
    }

    @media only screen and (min-width:767px) and (max-width:980px)
    {
        body #main-nav li a{
            font-size: 12px;
            padding: 14px 6px 5px 6px !important;
            background: #ed1b24;
            height: 43px;
            }
    }
    @media only screen and (min-width:800px) and (max-width:980px)
    {
        .news input[type="submit"] {
        padding: 9px 8px !important;
        font-size: 12px !important;
        }
        .news input[type="email"], .news input[type="text"]{
            width:100% !important;
        }
    .social_icons .fa-instagram{
        margin-top: -13px !important;
    }
    #main-nav ul .submenu {
        position: relative !important;
        z-index: 999999;
        margin-bottom: 10px;
    }
    .par{
        position:static !important;
    }
    .portfolio a {
        font-size: 12px;
        height: 34px;
    }
    #filters li {
        margin: 3px;
    }
    .p-btn{
        height:auto !important;
    }
        #main-nav nav {
            margin-top: 138px !important;
        height: 37px;
        }
        .centre, .scp-shortcode{
                float: left !important;
                margin: 15px 2px 0px 0px !important;
                /*width: 29%;*/
    
        }
        .centre
        {
            clear: both;
        }
        .header-bg .scp-icon-bullet-text-text {
        margin: -4px 0px 0px 46px !important;
        }
        /* .job-h, #global-nav li a{
            height:auto !important;
        } */
        .job-h:before{
            display:none !important;
        }
        .job-h img{
                margin: 9px 0px 0px 10px !important;
        }
        #global-nav li a, #global-nav li a span{
                font-size: 13px !important;    background: #ED1B24 !important;
        }
        #global-nav li a{
            padding: 5px 15px 0px !important;
                text-align: left !important;
        }
        .cd-dropdown-wrapper {
        display: none;
    }
    .caddhlogo1 img {
        width: 46% !important;
        left: 19px;
    }
        #main-nav .container{
            padding:0px !important;
        }
        body #main-nav li a{
        font-size: 12px;
        padding: 15px 6px 5px 6px !important;
        background: #ed1b24;
        height: 43px;
        }
        body #main-nav li a:hover{
            background:white !important;
            color:black !important;
        }
        .tabordion section article:after{
            display:none;
        }
        .img1 {
        top: 296px !important;
    }
    .footer1, .copy{
        text-align: center !important;
    }
    /* .wh-top-bar-additional-text{
            width: 90%;
    } */
    .job-h {
        width: 100%;
    }
    body #footer {
        height: 390px !important;
    }
        
    }
    @media only screen and (max-width: 1921px) and (min-width: 1920px){
    .job-h {
        top: 8px !important;
    }html body .caddhlogo1 {
        margin: 0% 0% 0% 113px;
    }}
    @media only screen and (min-width:991px) and (max-width:1024px){
        #global-nav li a, #global-nav li a span{
            font-size: 11px !important;    background: #ED1B24 !important;
    }
    body #main-nav li a {
        font-size: 12px !important;
        padding: 18px 12px 7px 12px !important;
    }
    }
    @media only screen and (min-width:1024px) and (max-width:1100px)
    {
        #main-nav nav {
        margin-top: 120px !important;
        height: 70px;
        }.scp-shortcode{    display: none !important;
    }.caddhlogo1 {
        margin: 4% 0% 0% 24px;
    }html body #main-nav nav {
        margin-top: 56px !important;
    }
        .centre, .scp-shortcode{
        float: left !important;
        margin: 15px 2px 0px 0px !important;
        /*width: 27%;*/
        }
        /*.centre
        {
            clear: both;
        }*/
        .header-bg .scp-icon-bullet-text-text {
        margin: -4px 0px 0px 46px !important;
        }
        .job-h, #global-nav li a{
            height:auto !important;
        }
        .job-h:before{
        border-left: 27px solid white !important;
        border-bottom: 50px solid rgba(138, 109, 59, 0) !important;
        left: -2px !important;
        top: 0px !important;
        }
        .job-h img{
            margin: 15px 0px 0px 10px !important;
        width: 20px !important;
        }
        .home-product img{
            height:auto !important;
        }
        #global-nav li a, #global-nav li a span{
                font-size: 11px !important;    background: #ED1B24 !important;
        }
        #global-nav li a{
            padding: 5px 14px 0px !important;
                text-align: center !important;
        }
        .cd-dropdown-wrapper {
        display: none;
    }
    .caddhlogo1 img {
        width: 65% !important;
        left: 19px;
    }
        #main-nav .container{
            padding:0px !important;
        }
        body #main-nav li a{
    font-size: 14px;
        padding: 18px 12px 7px 12px !important;
        }
        body #main-nav li a:hover{
            background:white !important;
            color:black !important;
        }
        .tabordion section article:after{
            display:none;
        }
        .img1 {
        top: 296px !important;
    }
    .footer1, .copy{
        text-align: center !important;
    }
    html body #footer {
        height: 390px !important;
    }
        
    }

    @media only screen and (max-width: 1281px) and (min-width: 1280px)
    {
    .job-h::before {
        border-bottom: 57px solid rgba(138, 109, 59, 0) !important;
    }
    #global-nav li a {
        font-size: 15px !important;
    }
    }
    @media only screen and (min-width: 1366px) and (max-width: 1370px)
    {
    .job-h {
        top: 9px !important;
    }

    }



    @media only screen and (max-width: 330px) and (min-width: 320px)
    {
    .inners-f {
        width: 245px !important;
    }
    }
    #portfoliolist p{
            color: #8a8888;
                font-size: 15px;
        line-height: 21px;
    }
    #portfoliolist strong{
            color: black !important;
    }
    .s-project strong{
            font-weight: bold;
        color: black;
    }
    .ap-form{
            background: #f7f8f9;
        padding: 20px;
    }

    @media only screen and (max-width: 1400px) and (min-width: 1366px)
    {
    #main-nav nav {
        margin-top: 126px !important;
    }
    }
    .img3 {
        top: 396px !important;
    }
    .fixed-d img {
        position: fixed !important;
        display: block;
        z-index: 99999;
        right: 0px;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    body .pro-s img {
        border: 1px solid #f3eded;
        padding: 10px !important;
        border-radius: 4px;
    }
    .form-horizontal .control-label{
            padding-right: 0px !important;
    }

    .img1 {
        position:fixed !important;
        top: 298px !important;
    }

    .news input {
    font: 19px "Open Sans", Helvetica, Arial, Sans-serif;
    border-radius: 3px;
    box-shadow: 0 2px 2px #000;
    }
    .news input,
    .news input:focus {
    padding: 9px 13px;
        border: 0;
        font-size: 14px;
        outline: 0;
    }

    .news input[type="email"], .news input[type="text"] {
    margin-bottom: 11px;
        width: 95%;
        color: #a09f9f;
    }

    .news input[type="submit"] {
    padding: 9px 12px;
        text-shadow: 0 2px 2px #bd1d24;
        box-shadow: inset 0 0 0 transparent;
        font-size: 15px;
        color: white !important;
        background: #ed1b24;
        background: linear-gradient(to bottom, #ed1b24 0%,#cc1a22 100%);
        transition: all .3s ease-in-out;
    }

    .news input[type="submit"]:hover,
    .news input[type="submit"]:focus {
    box-shadow: inset 0 0 50px rgba(255,255,255, 0.3),
                        0 0 10px rgba(255,255,255, 0.1);
    color: white;
    margin-left: 10px;
    }
    #main-nav ul .submenu{
        
        display:none;
        position:absolute;
            width: 278px;
    }
    #main-nav ul li:hover .submenu{
        
        display:block !important;
    }
    #main-nav ul .submenu li{
        width:100%;
    }
    #main-nav ul .submenu li a{
        width: 100%;
        background: #f3f1f1;
        color: black;
        border-bottom: 1px dotted #e6e0e0;
        padding: 12px 10px !important;
    }
    #main-nav ul .submenu:before{
            border-left: 15px solid rgba(0, 128, 0, 0);
        border-right: 15px solid rgba(8, 190, 245, 0);
        border-bottom: 15px solid #f3f1f1;
        content: "";
        display: inline-block;
        margin: -8px 0px -4px 12px;
        position: absolute;
    }
    #footer{
            height: 375px !important;
    }
    .icon-instagram-with-circle:before {
        content: "\e76e";
    }
    .social_icons .fa-instagram
    {
        color: black;
        font-size: 13px;
        width: 26px;
        display: block;
        background: white;
        height: 26px;
        position: absolute;
        line-height: 23px;
        margin-top: -14px;
        border-radius: 100%;
        padding: 2px 6px 3px 7px;
    }

    .social_icons ul li .fa-instagram:hover {
        background: #ea1a23;
        color:white !important;
    }
    .grid-special p{
        color: #b5b3b3;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .sub-head{
            font-size: 20px;
        color: black;
            margin-bottom: 17px;position: relative;
    }

    .sub-head u{
        text-decoration: none;
        display: inline-block;
        margin: 8px 0px 0px 50px;
    }
    .sub-head img{
            position: absolute;width: 40px;
        height: 35px;
        bottom: 0px;
    }
    .content_leftside p {
        color: #000000;
    }
    .content_leftside li{
        color: #000000;
        font-family: 'OpenSans';
        line-height: 22px;
        margin-bottom: 5px;
    }
    .content_leftside li:before{
        content: "\f0da";
        font-family: fontawesome;
        color: #e00025;
        padding-right: 6px;
    }
    .course-btn a{
        box-shadow: 0px 0px 0px 5px #ed1b24;
        background: #ed1b24;
        padding: 10px;
        margin-bottom: 30px;
        display: inline-block;
        color: white;
        transition: all 0.2s;
        border-radius: 4px;
    }
    .course-btn a:hover{
        box-shadow: 0px 0px 0px 5px #ab0505;
        background: #ed1b24 !important;
    }
    .content_rightside #header a {
        color: #ed1b24;
    }
    .content_rightside .btn-default {
        border: none !important;
    }
    .header-bg .fa-facebook:hover{
        color:#4c7ce2 !important;
    }
    .header-bg .fa-twitter:hover{
        color:#2ca7e0 !important;
    }
    .header-bg .fa-instagram:hover{
        color:#9a2eb5 !important;
    }
    .content_rightside .studentReg .form-horizontal{
        margin-top: 5px;
    }
    .contentsee {
        font-family: 'OpenSans';
        padding: 0px 15px 15px 15px;
        margin: -12px auto 15px auto;
        z-index: 9999999999;
        background: white;
        border: 2px solid #e7e5e5;
        width: 90%;
    }
    .contentsee a:hover{
        color:#ed1b24 !important;
    }
    #main-nav ul .submenu li a:hover{
        color: #ed1b24 !important;
    }
    @media only screen and (min-width:320px) and (max-width:980px){
    .system-m{display:none !important;}
    }
    @media only screen and (min-width:981px) and (max-width:1920px){
    .mobile-m{display:none !important;}
    }

    @media only screen and (min-width:320px) and (max-width:720px){
    
    .display-e{
    display:none !important;
    }
    .studentReg, .studentReg1{
        background: rgba(255, 255, 255, 0) !important;
    }

    }
    .content_rightside{
    margin: 2% 0px 2% 0px;
    }
    #myBtn {
    display: none;
    position: fixed;
        bottom: 90px;
        right: 30px;
        z-index: 99;
        border: none;
        outline: none;
        background-color: #ed1b24;
        color: white;
        cursor: pointer;
            font-size: 23px;
        width: 45px;
        height: 45px;
        border-radius: 100px;
    }

    #myBtn:hover {
    background-color: #555;
    }
    @media only screen and (min-width:320px) and (max-width:980px){
    .studentReg1, .content_rightside{
        clear: both !important;
    }
    .software-list li {
        width: 50% !important;
            }


    }
    @media only screen and (min-width:320px) and (max-width:480px){
    html body .software-list li {
    width: 48% !important;
    line-height: 18px;
    min-height: 150px;
    margin-bottom: 15px;
    font-size:14px;
    margin-right: 4px;
            }
    }
    @media only screen and (min-width:567px) and (max-width:767px){
        .job-h{
            width:100% !important;
            float: right !important;
        }
        .job-h::before{
            display: none;
        }
    }
    @media only screen and (min-width:320px) and (max-width:980px){
       
    .review-item {
        height: auto !important;
    }
    #google-reviews, #google-reviews1 {
        max-height: 360px !important;
    }
    }
    @media only screen and (min-width:768px) and (max-width:800px)
    {
    .scp-icon-bullet-text-icon, .job-h:before {display: none !important;
    }
    html body .scp-shortcode .scp-icon-bullet-text-text {
        margin: -4px 0px 0px 4px !important}
    .job-h{width:100% !important;}

    #global-nav li a {padding: 10px 8px 9px !important;
    font-size: 14px !important;}
    #main-nav{    background: #ed1b24;}
    }
    @media only screen and (max-width: 1480px) and (min-width: 1440px){
    .job-h:before {
        /* top: -8px !important; */
    }
    }
    .scp-icon {
        margin: 7px 1px 0px 3px !important;
    }
    .job-h:before{
        position: absolute;
            border-left: 66px solid white !important;
            border-top: 0px solid #40ce40;
            top: -3px;
            content: "";
            color: transparent;
            left: 0px;
            border-right: 30px solid rgba(142, 150, 142, 0);
            border-bottom: 57px solid rgba(138, 109, 59, 0);
        }
    .tab-container {
                width: 100%;
                padding-top: 20px;
                padding-bottom: 20px;
                margin-bottom: 20px;
                float: left;
            }

            /* BASIC TABS STYLE */
            .basic-tabs [data-tab] {
                display: inline-block;
                padding: 10px;
                border: 1px solid #ddd;
                border-bottom: none;
                text-decoration: none;
                background-color: #fff;
            }

            .basic-tabs [data-tab].tab-active {
                border-top: 2px solid #3498db;
            }

            .basic-tabs [data-tab-content] {
                border: 1px solid #ddd;
                padding: 20px;
                float: left;
                width: 100%;
            }

            /* SIDE TABS STYLE */
            .tab-links {
                width: 20%;
                float: left;
            }

            .tab-content {
                width: 80%;
                float: left;
            }

            .side-tabs [data-tab] {
                display: block;
                width: 100%;
                padding: 10px;
                margin-bottom: 5px;
                border: 1px solid #ddd;
                border-right: none;
                text-decoration: none;
                background: #f2f2f2;
                color:#333;
            }

            .side-tabs [data-tab].tab-active {
            background: #ED1B24;
    color: #fff;
            }

            .side-tabs [data-tab-content] {
                border: 1px solid #ddd;
                padding: 20px;
                float: left;
                width: 100%;
            }

            /* ACCORDION TABS STYLE */
            .accordion-tabs [data-tab] {
                display: block;
                width: 100%;
                float: left;
                padding: 10px;
                border: 1px solid #ddd;
            }

            .accordion-tabs [data-tab].tab-active {
                border-bottom: 2px solid #3498db;
            }

            .accordion-tabs [data-tab-content] {
                border: 1px solid #ddd;
                padding: 20px;
                float: left;
                width: 100%;
            }
            
            .tab-container {
                margin-top:20px;
                margin-bottom:30px;
            }
            
            .pad-bot30 {
                margin-bottom:30px;
            }
          
            #main-nav nav {
    margin-top: 12% !important;
            }
            .img2 {
        top: 346px !important;
}
            .cd-dropdown-trigger{
                display:none;
            }
              .scp-icon {
        margin: 7px 1px 0px 3px !important;
    }
    .home-product h5{
    
    font-size: 30px;
    color: #ED1C24;
    text-align: center;
    margin-bottom: 16px;

}