/* Start Tab */
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css';

.main a {
    color: rgba(255,255,255,0.6);
    text-transform: uppercase;
    text-decoration: none;
    line-height: 42px;
}
.main h1 {
    padding: 100px 0;
    font-weight: 400;
    text-align: center;
}
.main p {
    margin: 0 0 20px;
    line-height: 1.5;
}
.main {
    margin: 0 auto;
    min-width: 100%;
    max-width: 100%;
    font-family:'Cabin',sans-serif;
    text-align:left;
    background-color:transparent !important;
    float:left;
    margin-top:20px;
}
.main .content {
    color: #757575;
    border:1px solid #c6c6c6;
    /*border-radius: 0px 0px 10px 10px;*/
    min-height:120px;
    font-size:1em !important;
    margin-bottom:25px;
    font-weight:normal;
    font-family: 'roboto', sans-serif;
    width:100%;
    box-sizing: border-box;
    background-color: #fff;
}
.main .content > div {
    display: none;
    padding: 20px 25px 5px;
}
.main input {
    display: none;
}
.main label {
    display: inline-block;
    padding: 10px 22px;
    font-weight: normal;
    text-align: center;
    color:#fff;
    font-size:19px;
    font-weight:600;
    background-color:#f56818 !important;
    margin-right:-6px;
    font-family: 'Rajdhani', sans-serif;
    width:20.16%;
    box-sizing:border-box;
    /*text-shadow: 1px 2px 0px rgba(0, 0, 0, 0.3);*/
    /*margin-right:0.01%;*/
}
.main label:hover {
    background-color: #ECEAEB !important;
    color: #000;
    cursor: pointer;
    background-color:transparent;
}

.main label[for="tab1"]{
    /*border-radius:10px 0 0 0;*/
}

.main label[for="tab5"]{
    /*border-radius:0 10px 0 0;*/
    float:right;
    margin-right:0;
}

.main input:checked + label {
    background-color: #ecebeb !important;
    color: #000;
    background-color:transparent;
}
.main #tab1:checked ~ .content #content1,  .main #tab2:checked ~ .content #content2, .main  #tab3:checked ~ .content #content3, .main #tab4:checked ~ .content #content4,  .main #tab5:checked ~ .content #content5,  .main #tab6:checked ~ .content #content6,  .main #tab7:checked ~ .content #content7 {
    display: block;
}

.main .web{display:inline-block;}
.main .mob{display:none;}

@media screen and (max-width: 900px) {
    .main label {
        padding: 15px 10px;
    }
    .main .web{ display:none;}
    .main .mob{display:block;}

    .main label {
        display: inline-block;
        padding: 8px 22px;
        font-weight: normal;
        text-align: center;
        color:#fff;
        font-size:large;
        font-weight:normal;
        background-color:#f56818!important;
        margin-right:-5px;
        font-family: 'Rajdhani', sans-serif;
        width:100%;
        box-sizing:border-box;	
        margin:1px 0;

        /*border-radius:10px 10px 0 0 !important;*/
    }
    .main label:hover {
        background-color: #ECEAEB !important;
        color: #000;
        cursor: pointer;
        background-color:transparent;
        content: "\f0fe";
    }

    .main .content label::after {
        content: "\f0fe";
        font-family: "fontawesome";
        color: #333;
        position: absolute;
        right: 10px;
    }

    .main .content {
        border:none;
        text-align:justify;
    }

    .main #tab1:checked ~ .content .mtab1, .main #tab2:checked ~ .content .mtab2, .main #tab3:checked ~ .content .mtab3, .main #tab4:checked ~ .content .mtab4, .main #tab5:checked ~ .content .mtab5{
        background: #ECEAEB !important;
        color:#000;
        /*border-radius:10px 10px 0 0 !important;*/
    }

    .main #tab1:checked ~ .content .mtab1::after, .main #tab2:checked ~ .content .mtab2::after, .main #tab3:checked ~ .content .mtab3::after, .main #tab4:checked ~ .content .mtab4::after, .main #tab5:checked ~ .content .mtab5::after{
        content: "\f146";
    }

    .main #content1, .main #content2, .main #content3, .main #content4, .main #content5{
        border:1px solid #c6c6c6;
        border-top:none;

    }
}

/* End Tab */