/*-------------------------------------------------------
[Table of contents]

1. Header
	+ logo
	+ top navigation
	+ search
	
2. Content
	+ feature sections
	+ page title
	+ parallax backgrounds
	+ video backgrounds
	
3. Sidebar
	+ site search
	+ tabs
	+ portfolio widgets
	+ advertisements

3. Typography
	+ lists
	+ buttons
	+ styled boxes
	+ dropcaps
	+ highlight colors
	+ tables4020
	+ pricing tables
	+ framed boxes
	+ pagination
	
4. Footer
	+ copyrights
	+ google map
	
--------------------------------------------------------*/


/*----------------------------------------------------
	SITE MAIN STRUCTURE
------------------------------------------------------*/

.site_wrapper {
    width: 100%;
    margin: 0 auto 0 auto;
}

.container_full {
    width: 100%;
    float: left;
    margin: auto;
}

.container {
    width: 100% !important;
    margin: auto;
}

.content_fullwidth {
    float: left;
    width: 100%;
    padding: 90px 0px 90px 0px;
}

    .content_fullwidth.less {
        padding: 0px 0px 90px 0px;
    }

    .content_fullwidth.less2 {
        padding: 75px 0px 90px 0px;
    }

    .content_fullwidth.less3 {
        padding: 75px 0px 30px 0px;
    }

.content_left {
    float: left;
    width: 71%;
    padding: 0px 0px 0px 0px;
}

.left_sidebar {
    float: left;
    width: 25%;
    padding: 0px 0px 0px 0px;
}

.content_right {
    float: right;
    width: 71%;
    padding: 0px 0px 0px 0px;
}

.right_sidebar {
    float: right;
    width: 25%;
    padding: 0px 0px 0px 0px;
}

    .rightpanel .panel-link p{
    line-height: 18px;

    }​

.content_halfsite {
    float: left;
    width: 47.5%;
    margin-right: 5%;
    padding: 0px 0px 0px 0px;
}

    .content_halfsite.last {
        margin-right: 0;
    }


/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {
    position: relative;
    margin-right: 4%;
    float: left;
}

.one_full {
    width: 100%;
}

.one_half {
    width: 48%;
}

.one_third {
    width: 30.650%;
}

.one_fourth {
    width: 22%;
}

.one_fifth {
    width: 16.800%;
}

.two_third {
    width: 65.350%;
}

.three_fourth {
    width: 74%;
}

.onecol_forty {
    width: 40%;
}

.onecol_sixty {
    width: 56%;
}

.onecol_thirtyfive {
    width: 35%;
}

/* Less Space Bitween Columns */
.one_half_less, .one_third_less, .one_fourth_less, .two_third_less, .three_fourth_less, .one_fifth_less, .onecol_forty_less, .onecol_sixty_less, .onecol_thirtyfive_less {
    position: relative;
    margin-right: 2%;
    float: left;
}

.one_full_less {
    width: 100%;
}

.one_half_less {
    width: 49%;
}

.one_third_less {
    width: 32%;
}

.one_fourth_less {
    width: 23.500%;
}

.one_fifth_less {
    width: 18.400%;
}

.two_third_less {
    width: 66%;
}

.three_fourth_less {
    width: 74.500%;
}

.onecol_forty_less {
    width: 40%;
}

.onecol_sixty_less {
    width: 58%;
}

.onecol_thirtyfive_less {
    width: 36.250%;
}

.last {
    margin-right: 0 !important;
    clear: right;
}


/*---------------------------------------------------
	HEADER
------------------------------------------------------*/

/* Logo */
#logo {
    float: left;
    display: block;
    width: 100%;
    min-height: 86px;
    margin-top: -3px;
    position: relative;
    text-indent: -999em;
    background: url(../images/logo.png) no-repeat left top;
}

/* bigger logo? remove below comment */
/*#logo {
	float:left;
	display:block;
	width:100%;
	min-height: 100px;
	margin-top:0px;
	position: relative;
	text-indent:-999em;
	background:url(../images/logo.png) no-repeat left top;
	background-size: 100%;
}*/


/* header area adinationals */
.logo {
    float: left;
    width: 32%;
    left: 0px;
    margin-top: 0px;
    text-align: left;
}

.menu_main {
    float: left;
    width: 68%;
    z-index: 9999;
}

/* top navigations */
.top_nav {
    float: left;
    width: 100%;
    background: #014b7a;
    font-size: 13px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

    .top_nav strong {
        font-size: 14px;
        color: #fff;
        font-weight: 500;
        margin-right: 10px;
        letter-spacing: 0.3px;
    }

        .top_nav strong i {
            color: #dadcdd;
            background: #6a7379;
            font-size: 13px;
            width: 22px;
            height: 22px;
            text-align: center;
            vertical-align: middle;
            line-height: 22px;
            border-radius: 100%;
            margin-right: 3px;
        }

    .top_nav .left {
        float: left;
        width: 30%;
        padding: 12px 0px 13px 0px;
    }

    .top_nav .select-style {
        padding: 0;
        margin: 0;
        width: 100px;
        border-radius: 2px;
        overflow: hidden;
        background-color: #2a363f;
        background: #404a53 url("../images/arrow-down.png") no-repeat 90% 50%;
    }

        .top_nav .select-style select {
            color: #fff;
            font-size: 12px;
            font-family: 'Roboto', sans-serif;
            letter-spacing: 0.5px;
            padding: 4px 10px;
            width: 100%;
            border: none;
            box-shadow: none;
            background-color: transparent;
            background-image: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

            .top_nav .select-style select:focus {
                outline: none;
            }

    .top_nav .right {
        float: left;
        width: 70%;
        text-align: right;
    }

    .top_nav ul.tplinks {
        float: right;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        padding-top: 12px;
    }

    .top_nav .tplinks li {
        float: left;
        padding: 0px;
        margin: 0px 23px 0px 0px;
        letter-spacing: 0.3px;
    }

        .top_nav .tplinks li img {
            float: left;
            margin-top: 6px;
            margin-right: 5px;
            opacity: 0.4;
        }

        .top_nav .tplinks li a {
            float: left;
            color: #fff;
            font-size: 13px;
            border-radius: 100%;
            text-align: center;
            vertical-align: middle;
            transition: all 0.3s ease;
            margin-right: 0px;
        }

            .top_nav .tplinks li a:hover {
                color: #999;
            }

.tpbut {
    float: right;
    color: #ffffff;
    margin-top: 5px;
    padding: 2px 12px 4px 12px;
    background: transparent;
    border-radius: 4px;
    margin-left: 10px;
    transition: all 0.3s ease;
    margin-bottom: 5px;
    border: 1.5px solid white;
}

    .tpbut i {
        color: #a0a5a9;
        transition: all 0.3s ease;
    }

    .tpbut:hover {
        color: #fff;
        background: #7399e7;
    }

        .tpbut:hover i {
            color: #fff;
        }

    .tpbut.two {
        padding: 3px 0px 5px 0px;
        background: none;
        margin-left: 20px;
    }


.slidermar {
    margin-top: -54px;
}



/* domain search */
.domain_search {
    float: left;
    width: 100%;
    background: #2a363f;
    font-family: 'Roboto', sans-serif;
}

    .domain_search .serch_area {
        float: left;
        width: 100%;
        padding: 60px 0px 45px 0px;
        border-bottom: 1px solid #1d262c;
    }

        .domain_search .serch_area h5 {
            float: left;
            margin: 14px 12px 0px 0px;
        }

        .domain_search .serch_area .enter_email_input {
            float: left;
            font-family: 'Roboto', sans-serif;
            padding: 3px 0px 4px 20px;
            height: 54px;
            width: 55.2%;
            background: #fff;
            border-radius: 3px;
            border: none;
            color: #727272;
            font-size: 16px;
        }

        .domain_search .serch_area .input_submit {
            float: left;
            font-family: 'Roboto', sans-serif;
            padding: 15px 25px 16px 25px;
            background-color: #7399e7;
            border: 0px;
            font-size: 18px;
            font-weight: 500;
            color: #fff;
            text-transform: uppercase;
            transition: all 0.3s ease;
            border-radius: 3px;
            margin-left: 12px;
        }

            .domain_search .serch_area .input_submit:hover {
                color: #7399e7;
                cursor: pointer;
                background-color: #fff;
            }

    .domain_search .offers {
        float: left;
        width: 100%;
        border-top: 1px solid #354049;
    }

        .domain_search .offers ul {
            float: right;
            padding: 0px;
            margin: 0px;
        }

        .domain_search .offers li {
            float: left;
            padding: 30px 18px 35px 18px;
            margin: 0px;
            color: #fff;
            font-size: 27px;
            font-weight: 200;
            border-left: 1px solid #1d262c;
        }

            .domain_search .offers li.last {
                padding-bottom: 30px;
            }

            .domain_search .offers li p {
                color: #878d93;
                font-size: 12px;
                line-height: 14px;
                font-family: 'Roboto', sans-serif;
                font-weight: 300;
                margin: 0;
                line-height: 14px;
            }



.host_plans {
    float: left;
    width: 100%;
    padding: 100px 0px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

    .host_plans .planbox {
        float: left;
        width: 100%;
        border: 1px solid #e3e3e3;
        border-radius: 3px;
    }

        .host_plans .planbox .title {
            float: left;
            width: 100%;
            padding: 20px 0px 10px 0px;
        }

        .host_plans .planbox .prices {
            background: #5f686f;
            display: inline-block;
            margin-bottom: 35px;
            position: relative;
            width: 100%;
            padding: 27px 0px 23px 0px;
            color: #fff;
        }

            .host_plans .planbox .prices:before {
                border-top: 15px solid #5f686f;
                border-left: 136px solid transparent;
                border-right: 136px solid transparent;
                content: "";
                height: 0;
                left: 0;
                position: absolute;
                bottom: -15px;
                width: 0;
            }

            .host_plans .planbox .prices strong {
                color: #fff;
                font-size: 45px;
                font-weight: 800;
                display: block;
            }

                .host_plans .planbox .prices strong i {
                    color: #fff;
                    font-size: 12px;
                    font-weight: 400;
                    font-style: normal;
                }

            .host_plans .planbox .prices b {
                color: #fff;
                font-size: 12px;
                font-weight: 300;
                font-style: normal;
                display: block;
                margin-bottom: 20px;
            }

                .host_plans .planbox .prices b em {
                    font-style: normal;
                    text-decoration: line-through;
                }

            .host_plans .planbox .prices a {
                color: #5f686f;
                font-size: 14px;
                background: #fff;
                padding: 11px 32px;
                border-radius: 3px;
                text-transform: uppercase;
                font-weight: 600;
                transition: all 0.3s ease;
            }

                .host_plans .planbox .prices a:hover {
                    color: #fff;
                    background: #7399e7;
                }

        .host_plans .planbox ul {
            float: left;
            width: 100%;
            padding: 0px;
            margin: 0px 0px 20px 0px;
        }

        .host_plans .planbox li {
            float: left;
            width: 100%;
            padding: 9px 0px;
            color: #2a363f;
            border-bottom: 1px solid #f3f3f3;
        }

            .host_plans .planbox li.last {
                border-bottom: none;
            }

        .host_plans .planbox.highlight .prices {
            background: #7399e7;
        }

            .host_plans .planbox.highlight .prices:before {
                border-top: 15px solid #7399e7;
            }

            .host_plans .planbox.highlight .prices a {
                color: #7399e7;
                background: #fff;
            }

                .host_plans .planbox.highlight .prices a:hover {
                    color: #5f686f;
                }

        .host_plans .planbox.highlight .hiimg {
            display: block;
            margin: -22px auto 0 auto;
        }






/*----------------------------------------------------
   FEATURE SECTIONS
------------------------------------------------------*/

/* feature section 1 */
.feature_section1 {
    float: left;
    width: 100%;
    padding: 95px 0px 90px 0px;
    background: #f3f3f3;
    text-align: center;
}

    .feature_section1 .one_third {
        text-align: left;
    }

    .feature_section1 i {
        float: left;
        width: 62px;
        height: 62px;
        border-radius: 100%;
        background-color: #fff;
        text-align: center;
        line-height: 62px;
        position: relative;
        margin: 6px;
        color: #2a363f;
        font-size: 23px;
        margin-right: 20px;
    }

        .feature_section1 i:after {
            border-radius: 100%;
            background: rgba(255,255,255,0.1);
            border: 2px solid #fff;
            position: absolute;
            content: "";
            z-index: 1;
            top: 0px;
            left: 0;
            bottom: 0;
            right: 0;
            transition: all ease 0.3s;
        }

        .feature_section1 i:hover:after {
            top: -5px;
            bottom: -5px;
            right: -5px;
            left: -5px;
        }

    .feature_section1.sty2 {
        padding: 75px 0px 90px 0px;
        background: #fff;
        border-top: 1px solid #f3f3f3;
    }

        .feature_section1.sty2 i {
            background-color: #f3f3f3;
        }

            .feature_section1.sty2 i:after {
                border: 2px solid #f3f3f3;
            }




/* feature section 2 */
.feature_section2 {
    float: left;
    width: 100%;
}

    .feature_section2 .title {
        float: left;
        width: 100%;
        text-align: center;
        padding: 75px 0px 30px 0px;
        background: url(../images/up-arrow.png) no-repeat center bottom;
    }

    .feature_section2 .twoboxes {
        float: left;
        position: relative;
        z-index: 9;
        background: #3f4a52;
        width: 100%;
        padding: 85px 0px 85px 0px;
    }

        .feature_section2 .twoboxes:before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            right: 50%;
            bottom: 0;
            left: 0;
            background: #2a363f;
        }

        .feature_section2 .twoboxes .left {
            float: left;
            width: 45%;
            text-align: left;
        }

        .feature_section2 .twoboxes .right {
            float: right;
            width: 43.5%;
            text-align: left;
        }

        .feature_section2 .twoboxes i {
            float: left;
            margin-right: 25px;
            color: #fff;
            font-size: 58px;
            margin-top: 14px;
        }

        .feature_section2 .twoboxes strong {
            color: #fff;
            font-size: 43px;
            line-height: 35px;
            font-weight: 900;
            display: block;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            font-family: 'Roboto', sans-serif;
            margin-bottom: 45px;
        }

            .feature_section2 .twoboxes strong em {
                color: #fff;
                font-size: 18px;
                font-weight: 300;
                display: block;
                margin-bottom: 0px;
                font-style: normal;
            }

        .feature_section2 .twoboxes ul {
            float: left;
            width: 100%;
            padding: 0px;
            margin: 0px;
        }

        .feature_section2 .twoboxes li {
            width: 100%;
            padding: 14px 0px;
            margin: 0px;
            color: #fff;
            font-size: 16px;
        }

            .feature_section2 .twoboxes li i {
                color: #959b9f;
                float: left;
                font-size: 14px;
                margin-right: 12px;
                margin-top: 4px;
                margin-bottom: 30px;
            }

            .feature_section2 .twoboxes li a {
                float: left;
                margin-top: 10px;
            }



/* feature section 3 */
.feature_section3 {
    float: left;
    width: 100%;
    padding: 85px 0px 65px 0px;
}

    .feature_section3 .lstblogs {
        float: left;
        width: 100%;
        background: #2a363f;
        font-family: 'Roboto', sans-serif;
    }

        .feature_section3 .lstblogs img {
            float: left;
            width: 100%;
        }

        .feature_section3 .lstblogs .date {
            float: left;
            color: #fff;
            font-size: 14px;
            padding: 10px 0px;
            border-radius: 3px;
            background: #7399e7;
            text-align: center;
            margin: 30px 20px 30px 30px;
            width: 10%;
            transition: all 0.3s ease;
        }

            .feature_section3 .lstblogs .date:hover {
                color: #2a363f;
                background: #fff;
            }

            .feature_section3 .lstblogs .date strong {
                font-size: 27px;
                display: block;
                font-weight: 400;
            }

        .feature_section3 .lstblogs h4 {
            float: left;
            margin: 30px 20px 30px 0px;
            width: 76%;
            transition: all 0.3s ease;
        }

        .feature_section3 .lstblogs .hline {
            width: 50px;
            height: 1px;
            background: #fff;
            margin-top: 10px;
            opacity: 0.5;
        }

        .feature_section3 .lstblogs h4 a:hover {
            color: #7399e7;
        }


/* feature section 4 */
.feature_section4 {
    float: left;
    width: 100%;
    padding: 90px 0px;
}

    .feature_section4 .left,
    .feature_section4 .center,
    .feature_section4 .right {
        float: left;
        width: 33.3333333333%;
        padding: 45px 50px 56px 50px;
        text-align: center;
    }

    .feature_section4 .left {
        background: #2a363f;
    }

    .feature_section4 .center {
        background: #7399e7;
    }

    .feature_section4 .right {
        background: #f3f3f3;
    }

    .feature_section4 strong {
        color: #fff;
        font-size: 27px;
        font-weight: 700;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
    }

        .feature_section4 strong em {
            color: #fff;
            font-size: 21px;
            font-weight: 300;
            font-style: normal;
            display: block;
            text-transform: none;
            margin-bottom: 9px;
        }

    .feature_section4 .right strong,
    .feature_section4 .right strong em {
        color: #2a363f;
    }

    .feature_section4 img {
        margin: 25px auto 20px auto;
        display: block;
    }

    .feature_section4.sty2 {
        padding: 0px 0px;
    }

        .feature_section4.sty2 .left,
        .feature_section4.sty2 .center,
        .feature_section4.sty2 .right {
            padding: 35px 50px 35px 50px;
        }

        .feature_section4.sty2 strong {
            font-size: 45px;
            font-weight: 900;
        }

            .feature_section4.sty2 strong em {
                margin-bottom: 0px;
                margin-top: 7px;
            }

/* feature section 104 */
.feature_section104 {
    float: left;
    width: 100%;
    padding: 30px 0px 30px 0px;
    text-align: center;
    /*background: #e3e3e3;*/
    background: #eee url(../images/scroll-banner-1.jpg);
    background-position: 99% 99%;
}

    .feature_section104 .box {
        width: 75%;
        padding: 0px 50px 50px 50px;
        background: #fff;
        text-align: left;
        margin: 0 auto;
        -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.18);
        box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.18);
    }

        .feature_section104 .box h1 {
            float: left;
            margin-left: 31%;
            color: #fff;
            font-size: 18px;
            font-weight: 400;
            background: #e67e22;
            padding: 9px 27px 10px 27px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        .feature_section104 .box img {
            float: left;
            margin-right: 30px;
        }

        .feature_section104 .box .item {
            padding-bottom: 16px;
        }



/* feature section 5 */
.feature_section5 {
    float: left;
    width: 100%;
    padding: 40px 0px 65px 0px;
}

    .feature_section5 .two_third {
        padding-top: 70px;
    }

    .feature_section5 ul {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 5px 0px 9px 0px;
    }

    .feature_section5 li {
        float: left;
        padding: 5px 7px;
        border: 1px dashed #d9dbdc;
        text-align: center;
        margin: 0px 14px 14px 0px;
    }

        .feature_section5 li img {
            display: block;
            margin: 0 auto;
            width: 100%;
        }


/* feature section 6 */
.feature_section6 {
    float: left;
    width: 100%;
    background: #f3f3f3;
    padding: 90px 0px 80px 0px;
    text-align: center;
}

    .feature_section6 .climg {
        float: left;
        width: 100%;
        text-align: center;
        background: url(../images/h-lines.png) no-repeat center 48px;
    }

        .feature_section6 .climg img {
            width: 12.5%;
            border-radius: 100%;
            margin-bottom: 25px;
        }

    .feature_section6 .item strong {
        color: #7399e7;
        font-size: 16px;
        font-weight: 600;
    }

    .feature_section6 .item em {
        font-style: normal;
        color: #999;
    }

    .feature_section6.sty2 {
        background: #fff;
    }

    .feature_section6 .item strong {
        color: #2a363f;
    }

/* feature section 7 */
.feature_section7 {
    float: left;
    width: 100%;
    padding: 90px 0px 97px 0px;
    background: #f3f3f3;
    text-align: center;
}

    .feature_section7 .one_fifth_less {
        border: 1px solid #e3e3e3;
        border-radius: 3px;
        padding: 25px 0px 14px 0px;
        background: #fff;
        transition: all 0.1s ease;
    }

        .feature_section7 .one_fifth_less i {
            color: #727272;
            display: block;
            font-size: 45px;
            margin-bottom: 14px;
        }

        .feature_section7 .one_fifth_less:hover {
            border: 1px solid #2a363f;
            background: #2a363f;
        }

            .feature_section7 .one_fifth_less:hover i,
            .feature_section7 .one_fifth_less:hover h5 {
                color: #fff;
            }

/* feature section 8 */
.feature_section8 {
    float: left;
    width: 100%;
    background: #2a363f url(../images/site-img22.jpg) no-repeat left top;
    padding: 85px 0px 67px 0px;
    text-align: center;
}

    .feature_section8 .slidesec {
        float: left;
        width: 100%;
        padding: 40px;
        background: #fff;
        text-align: left;
    }

    .feature_section8 .imgbox {
        float: left;
        width: 40%;
        margin-right: 45px;
    }

        .feature_section8 .imgbox img {
            float: left;
            width: 100%;
        }

    .feature_section8 i {
        color: #7399e7;
        font-size: 14px;
    }


/* feature section 9 */
.feature_section9 {
    float: left;
    width: 100%;
    padding: 90px 0px 45px 0px;
    text-align: center;
}

    .feature_section9 .box {
        float: left;
        width: 100%;
        text-align: left;
        margin-bottom: 50px;
        padding: 25px 30px;
        background: #fff;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.12);
    }



/* feature section 10 */
.feature_section10 {
    float: left;
    width: 100%;
    padding: 50px 0px 45px 0px;
    text-align: center;
}

    .feature_section10 .box {
        float: left;
        width: 100%;
        padding: 16px 0px 10px 0px;
        border: 4px solid #f3f3f3;
        border-radius: 5px;
    }

        .feature_section10 .box h1,
        .feature_section10 .box h6 {
            margin-bottom: 5px;
        }

            .feature_section10 .box h1 em {
                margin-top: 0px;
                font-size: 14px;
            }


/* feature section 11 */
.feature_section11 {
    float: left;
    width: 100%;
    padding: 75px 0px 75px 0px;
    background: #eee;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

    .feature_section11 h1 {
        margin-bottom: 20px;
    }

    .feature_section11 .tabs {
        display: table;
        table-layout: fixed;
        width: 100%;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        padding: 0px;
        margin: 0px;
    }

        .feature_section11 .tabs > li {
            transition-duration: .25s;
            display: table-cell;
            list-style: none;
            text-align: center;
            padding: 20px 20px 25px 20px;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            color: #2a363f;
            font-size: 18px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

            .feature_section11 .tabs > li:before {
                z-index: -1;
                position: absolute;
                content: "";
                width: 100%;
                height: 120%;
                top: 0;
                left: 0;
                background-color: rgba(255, 255, 255, 0.5);
                -webkit-transform: translateY(100%);
                transform: translateY(100%);
                transition-duration: .25s;
                border-radius: 3px 3px 0 0;
            }

            .feature_section11 .tabs > li:hover:before {
                -webkit-transform: translateY(70%);
                transform: translateY(70%);
            }

            .feature_section11 .tabs > li.active {
                color: #7399e7;
            }

                .feature_section11 .tabs > li.active:before {
                    transition-duration: .5s;
                    background-color: white;
                    -webkit-transform: translateY(0);
                    transform: translateY(0);
                }

    .feature_section11 .tab__content {
        background-color: white;
        position: relative;
        width: 100%;
        border-radius: 3px;
    }

        .feature_section11 .tab__content > li {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            display: none;
            list-style: none;
        }

            .feature_section11 .tab__content > li .content__wrapper {
                text-align: center;
                border-radius: 5px;
                width: 100%;
                padding: 45px 40px 40px 40px;
                background-color: #fff;
            }

    .feature_section11 ul.domlist1 {
        float: left;
        width: 20%;
        padding: 0px 0px 58px 0px;
        margin: 0px 0px;
        border-right: 5px solid #fff;
        border-left: 5px solid #fff;
    }

    .feature_section11 .domlist1 li {
        width: 100%;
        height: 50px;
        padding-top: 13px;
        margin: 0px;
        border-bottom: 1px solid #f3f3f3;
        color: #2a363f;
        font-size: 16px;
    }

        .feature_section11 .domlist1 li.title {
            height: 50px;
            padding-top: 0px;
        }

            .feature_section11 .domlist1 li.title h6 {
                line-height: 18px;
            }

        .feature_section11 .domlist1 li em {
            color: #ccc;
            text-decoration: line-through;
            margin-right: 5px;
            font-style: normal;
            font-weight: 300;
            font-size: 12px;
        }


/* feature section 12 */
.feature_section12 {
    float: left;
    width: 100%;
    padding: 18px 0px 50px 0px;
    text-align: center;
}

    .feature_section12 .one_fourth {
        text-align: left;
    }

    .feature_section12 i {
        float: left;
        width: 45px;
        height: 45px;
        border-radius: 100%;
        background-color: #f3f3f3;
        text-align: center;
        line-height: 45px;
        position: relative;
        margin: 6px;
        color: #2a363f;
        font-size: 18px;
        margin-right: 18px;
    }

        .feature_section12 i:after {
            border-radius: 100%;
            background: rgba(255,255,255,0.1);
            border: 2px solid #f3f3f3;
            position: absolute;
            content: "";
            z-index: 1;
            top: 0px;
            left: 0;
            bottom: 0;
            right: 0;
            transition: all ease 0.3s;
        }

        .feature_section12 i:hover:after {
            top: -5px;
            bottom: -5px;
            right: -5px;
            left: -5px;
        }


/* feature section 13 */
.feature_section13 {
    float: left;
    width: 100%;
    padding: 25px 0px 0px 0px;
    text-align: center;
    background: #fff;
    /* background:url("../images/bg-map-sec.png"); */
    /* background-position: center; */
}

    .feature_section13 .one_half_less {
        padding: 35px 30px 35px 30px;
        background: #fff;
    }


/* feature section 14 */
.feature_section14 {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    text-align: justify;
    background: url("../images/aboutus-bg.png");
    /* background:#f3f3f3; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

    .feature_section14 .one_half {
        float: left;
        padding: 30px 35px;
        background: #fff;
        text-align: left;
        border-radius: 3px;
        transition: all 0.3s ease;
    }

        .feature_section14 .one_half:hover {
            color: #fff;
            background: #2a363f;
        }

        .feature_section14 .one_half img {
            float: left;
            width: 140px;
            height: 140px;
            border-radius: 100%;
            margin-right: 25px;
        }

        .feature_section14 .one_half h5 em {
            display: block;
            font-size: 13px;
            font-style: normal;
            color: #999;
            font-weight: 300;
        }


/* feature section 15 */
.feature_section15 {
    float: left;
    width: 100%;
    padding: 40px 0px 40px 0px;
    text-align: left;
    background: #ffffff;
}

    .feature_section15 .one_fourth_less {
        float: left;
        padding: 10px 10px 30px 10px;
        background: #fff;
        border-radius: 3px;
        transition: all 0.3s ease;
    }

        .feature_section15 .one_fourth_less:hover {
            color: #fff;
            background: #2a363f;
        }

        .feature_section15 .one_fourth_less img {
            width: 100%;
            margin-bottom: 20px;
        }

        .feature_section15 .one_fourth_less h5 em {
            display: block;
            font-size: 13px;
            font-style: normal;
            color: #999;
            font-weight: 300;
        }

        .feature_section15 .one_fourth_less p {
            width: 80%;
            margin: 0 auto 16px auto;
        }

        .feature_section15 .one_fourth_less a i {
            color: #fff;
            font-size: 13px;
            width: 26px;
            height: 26px;
            border-radius: 100%;
            background: #d3d3d3;
            text-align: center;
            vertical-align: middle;
            line-height: 26px;
            transition: all 0.3s ease;
        }

        .feature_section15 .one_fourth_less a:hover i {
            color: #fff;
            background: #7399e7;
        }


/* feature section 16 */
.feature_section16 {
    float: left;
    width: 100%;
    padding: 10px 0px 40px 0px;
    background: #F0F4F9;
}


/* feature section 17 */
.feature_section17 {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    text-align: justify;
    background: url("../images/aboutus-bg.png");
    /* background:#f3f3f3; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

    .feature_section17 .one_third {
        float: left;
        padding: 35px 50px 45px 50px;
        background: #fff;
        border-radius: 5px;
        border: 5px solid #f3f3f3;
    }

        .feature_section17 .one_third i {
            color: #2a363f;
            font-size: 45px;
            margin-bottom: 27px;
            border-radius: 100%;
            text-align: center;
            vertical-align: middle;
        }

        .feature_section17 .one_third a.but1 {
            color: #fff;
            border-radius: 3px;
            padding: 13px 27px;
            background: #7399e7;
            text-transform: uppercase;
            white-space: nowrap;
            transition: all 0.3s ease;
        }

            .feature_section17 .one_third a.but1:hover {
                color: #fff;
                background: #2a363f;
            }




/* feature section 401 */
.feature_section401 {
    float: left;
    width: 100%;
    padding: 26px 0px;
    background: #23b14d;
    color: #fff;
}

    .feature_section401 span {
        float: left;
        color: #fff;
        font-size: 35px;
        margin-right: 20px;
        margin-bottom: 20px;
        margin-top: 5px;
    }


/* feature section 402 */
.feature_section402 {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    position: relative;
    margin-top: -82px;
}

    .feature_section402 .box {
        float: left;
        width: 16.666666666666666666666%;
        background: #ffffff;
        text-align: left;
        min-height: 170px;
    }

        .feature_section402 .box.two {
            background: #f8f8f8;
        }

        .feature_section402 .box.three {
            background: #ffffff;
        }

        .feature_section402 .box.four {
            background: #f8f8f8;
        }

        .feature_section402 .box.five {
            background: #f8f8f8;
        }

        .feature_section402 .box.six {
            background: #ffffff;
        }

        .feature_section402 .box span {
            float: left;
            width: 100%;
            padding: 20px 15px 25px 15px;
        }

        .feature_section402 .box a {
            color: #2a363f;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            background: #fff;
            padding: 10px 22px;
            border-radius: 3px;
            border: 1px solid #fff;
            transition: all 0.3s ease;
        }

            .feature_section402 .box a:hover {
                color: #fff;
                background: none;
                border: 1px solid #fff;
            }



/* feature section 403 */
.feature_section403 {
    float: left;
    width: 100%;
    padding: 38px 0px 15px 0px;
    text-align: center;
    background: #f8f8f8;
}


.video_full_site {
    width: 70%;
    height: 450px;
}




.client_logos {
    float: left;
    width: 100%;
    padding: 30px 0px 30px 0px;
    text-align: center;
}

    .client_logos ul {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0 0 0 3%;
    }

    .client_logos li {
        float: left;
        padding: 0px 12px;
        margin: 0px;
    }

    .client_logos.two {
        padding: 0px 0px 50px 0px;
    }


.price_compare {
    float: left;
    width: 100%;
    padding: 90px 0px;
    text-align: center;
}

    .price_compare table {
        width: 100%;
        font-family: 'Roboto', sans-serif;
    }

    .price_compare table,
    .price_compare th,
    .price_compare td {
        border-collapse: separate;
        border-spacing: 10px 1px;
    }

        .price_compare table i {
            font-size: 14px;
            border-radius: 100%;
            width: 23px;
            height: 23px;
            text-align: center;
            vertical-align: middle;
            line-height: 22px;
            background: #fff;
        }

        .price_compare table td.first {
            background: #fff;
            border: none;
        }

    .price_compare td {
        padding: 12px 0px 12px 0px;
        text-align: left;
        background: #f9f9f9;
        text-align: center;
        color: #2a363f;
    }

    .price_compare th {
        padding: 12px 0px 12px 0px;
        text-align: left;
        background: #f3f3f3;
        text-align: center;
        font-weight: normal;
        color: #2a363f;
    }

        .price_compare th.alileft,
        .price_compare td.alileft {
            text-align: left;
            padding: 12px 0px 12px 18px;
            color: #2a363f;
            font-weight: 500;
            font-size: 15px;
        }

    .price_compare .rowfirst {
        width: 37%;
    }

    .price_compare .rowsremain {
        width: 21%;
        background: #eee;
    }

    .price_compare .title {
        float: left;
        width: 75%;
        text-align: right;
    }

        .price_compare .title .arrow_box {
            position: relative;
            background: #5f686f;
            padding: 12px 20px 12px 0px;
        }

            .price_compare .title .arrow_box:after {
                left: 100%;
                top: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(153, 153, 153, 0);
                border-left-color: #5f686f;
                border-width: 18px;
                margin-top: -18px;
            }

        .price_compare .title h5 {
            color: #fff;
            margin-bottom: 0px;
            font-weight: 300;
        }

        .price_compare .title h3 {
            color: #fff;
            font-weight: 900;
            margin-bottom: 0px;
        }

    .price_compare .prices {
        float: left;
        width: 100%;
        text-align: center;
        padding: 20px 0px 30px 0px;
    }

        .price_compare .prices h4 {
            margin-bottom: 18px;
        }

        .price_compare .prices strong {
            color: #7399e7;
            font-size: 45px;
            font-weight: 800;
            display: block;
        }

            .price_compare .prices strong i {
                color: #2a363f;
                font-size: 12px;
                font-weight: 400;
                font-style: normal;
                background: none;
            }

        .price_compare .prices b {
            color: #727272;
            font-size: 12px;
            font-weight: 300;
            font-style: normal;
            display: block;
            margin-bottom: 22px;
            margin-top: 5px;
        }

            .price_compare .prices b em {
                font-style: normal;
                text-decoration: line-through;
            }

        .price_compare .prices a {
            color: #fff;
            font-size: 14px;
            background: #2a363f;
            padding: 10px 27px;
            border-radius: 3px;
            text-transform: uppercase;
            font-weight: 600;
            transition: all 0.3s ease;
        }

            .price_compare .prices a:hover {
                color: #fff;
                background: #7399e7;
            }

    .price_compare .rowsremain.center {
        background: #2a363f;
    }

        .price_compare .rowsremain.center .prices strong {
            color: #fff;
        }

        .price_compare .rowsremain.center .prices a {
            color: #2a363f;
            background: #fff;
        }

            .price_compare .rowsremain.center .prices a:hover {
                color: #fff;
                background: #7399e7;
            }

        .price_compare .rowsremain.center .prices i {
            color: #fff;
        }

        .price_compare .rowsremain.center span {
            color: #fff;
            padding: 3px 10px 4px 10px;
            background: #7399e7;
            margin-top: -62px;
            margin-bottom: 32px;
            display: block;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: 0.5px;
        }



/*----------------------------------------------------
   PARALLAX SECTIONS
------------------------------------------------------*/

/* parallax section 1 */
.parallax_section1 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 90px 0px 70px 0px;
    background: #eee url("../images/site-img4.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}


/* parallax section 2 */
.parallax_section2 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 90px 0px 100px 0px;
    background: #eee url("../images/site-img13.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
    -moz-box-shadow: inset 0 3px 3px -3px #e0e0e0, inset 0 -3px 3px -3px #e0e0e0;
    -webkit-box-shadow: inset 0 3px 3px -3px #e0e0e0, inset 0 -3px 3px -3px #e0e0e0;
    box-shadow: inset 0 3px 3px -3px #e0e0e0, inset 0 -3px 3px -3px #e0e0e0;
}

    .parallax_section2 .one_fifth_less {
        float: left;
        background: rgba(255, 255, 255, 0.75);
        border-radius: 3px;
        padding: 20px 0px 25px 0px;
    }


/* parallax section 3 */
.parallax_section3 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 90px 0px 70px 0px;
    background: #454545 url("../images/site-img22.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}


/* parallax section 4 */
.parallax_section4 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 90px 0px 70px 0px;
    background: #454545 url("../images/site-img31.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}


/* parallax section 5 */
.parallax_section5 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 90px 0px 70px 0px;
    background: #eee url("../images/site-img31.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}

.parallax_section2.sty2 {
    background: #eee url("../images/site-img13.jpg");
}

    .parallax_section2.sty2 .one_fifth_less {
        float: left;
        background: rgba(255, 255, 255, 0.75);
        border-radius: 3px;
        padding: 20px 0px 25px 0px;
    }


.parallax_section41 {
    float: left;
    width: 100%;
    padding: 90px 0px;
    background: #7399e7;
    text-align: center;
}

    .parallax_section41 .one_fifth_less {
        float: left;
        border-radius: 3px;
        padding: 20px 0px 25px 0px;
        border: 1px solid #fff;
    }









/*----------------------------------------------------
 FOOTER STYLES
------------------------------------------------------*/
.footer {
    float: left;
    width: 100%;
}

    .footer .ftop {
        float: left;
        width: 100%;
        height: 130px;
        background: url(../images/footer-img1.png) no-repeat center top;
    }

        .footer .ftop .left {
            float: left;
            width: 33.1%;
            margin-top: 32px;
            text-align: right;
        }

            .footer .ftop .left h4 {
                margin-bottom: 5px;
            }

            .footer .ftop .left h1 {
                color: #7399e7;
                font-size: 45px;
                font-weight: 900;
                letter-spacing: 1px;
            }

        .footer .ftop .right {
            float: right;
            width: 50%;
            margin-top: 50px;
        }

            .footer .ftop .right p {
                color: #fff;
                font-size: 13px;
                line-height: 18px;
                margin-bottom: 11px;
            }

            .footer .ftop .right .newsle_eminput {
                float: left;
                font-family: 'Roboto', sans-serif;
                padding: 3px 0px 4px 20px;
                height: 50px;
                width: 78.4%;
                background: #fff;
                border-radius: 3px;
                border: none;
                color: #727272;
                font-size: 14px;
            }

            .footer .ftop .right .input_submit {
                float: left;
                font-family: 'Roboto', sans-serif;
                padding: 13px 30px 14px 30px;
                background-color: #7f868c;
                border: 0px;
                font-size: 14px;
                font-weight: 500;
                color: #fff;
                text-transform: uppercase;
                transition: all 0.3s ease;
                border-radius: 3px;
                margin-left: 12px;
            }

                .footer .ftop .right .input_submit:hover {
                    color: #7399e7;
                    cursor: pointer;
                    background-color: #fff;
                }

    .footer .secarea {
        float: left;
        width: 100%;
        padding: 25px 0px 25px;
        /*background: #2a363f url(../images/footer-bg-graph.png) no-repeat center bottom;*/
        background: whitesmoke;
    }

        .footer .secarea h4 {
            margin-bottom: 14px;
            color: #2a363f;
        }

    .footer ul.foolist {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .footer .foolist li {
        padding: 4px 0px;
        margin: 0px;
    }

        .footer .foolist li a {
            color: #808080;
            transition: all 0.3s ease;
        }

            .footer .foolist li a:hover {
                color: #2862d8;
            }

    .footer ul.foosocial {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 7px 0px 0px 0px;
    }

    .footer .foosocial li {
        float: left;
        margin: 0px 7px 0px 0px;
        padding: 0px;
    }

        .footer .foosocial li i {
            color: #fff;
            width: 34px;
            height: 34px;
            text-align: center;
            vertical-align: middle;
            line-height: 34px;
            border-radius: 100%;
            transition: all 0.3s ease;
        }

        .footer .foosocial li.faceboox i {
            background: #2b87c7;
        }

        .footer .foosocial li.twitter i {
            background: #38c0dd;
        }

        .footer .foosocial li.gplus i {
            background: #dc6218;
        }

        .footer .foosocial li.youtube i {
            background: #b34300;
        }

        .footer .foosocial li.linkdin i {
            background: #2862d8;
        }

        .footer .foosocial li i:hover {
            opacity: 0.5;
        }


    .footer .secarea .address {
        float: left;
        width: 100%;
        color: #aaa;
        text-align: right;
    }

        .footer .secarea .address b {
            color: #fff;
            font-weight: normal;
        }

        .footer .secarea .address a {
            color: #fff;
            transition: all 0.3s ease;
        }

            .footer .secarea .address a:hover {
                color: #7399e7;
            }

            .footer .secarea .address a.smbut {
                font-size: 12px;
                color: #999;
                transition: all 0.3s ease;
            }

                .footer .secarea .address a.smbut:hover {
                    color: #fff;
                }


.copyrights {
    float: left;
    width: 100%;
    background: #014b7a;
    padding: 10px 0px 10px 0px;
    color: #ffffff;
    font-size: 13px;
}

    .copyrights a {
        color: #ffffff;
        padding: 0px 5px;
        transition: all 0.3s ease;
    }

        .copyrights a:hover {
            color: #fff;
        }











/*page titles*/

.page_title1 {
    position: relative;
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    margin-top: 108px;
    padding: 100px 0px 59px 0px;
    background: #999 url(../images/site-img18.jpg) no-repeat center top;
}

    .page_title1 h1 {
        color: #fff;
        font-size: 45px;
        font-weight: 700;
        line-height: 45px;
        text-transform: uppercase;
    }

        .page_title1 h1 em {
            color: #fff;
            font-weight: 400;
            display: block;
            font-size: 18px;
            font-style: normal;
            text-transform: none;
        }

    .page_title1.sty2 {
        background: #999 url(../images/site-img23.jpg) no-repeat center top;
    }

    .page_title1.sty3 {
        background: #999 url(../images/site-img24.jpg) no-repeat center top;
    }

    .page_title1.sty4 {
        background: #999 url(../images/site-img25.jpg) no-repeat center top;
    }

    .page_title1.sty5 {
        background: #999 url(../images/site-img26.jpg) no-repeat center top;
    }

    .page_title1.sty6 {
        background: #999 url(../images/site-img27.jpg) no-repeat center top;
    }

    .page_title1.sty8 {
        background: #999 url(../images/site-img29.jpg) no-repeat center top;
        text-align: left;
        padding: 120px 0px 81px 0px;
    }

    .page_title1.sty10 {
        background: #999 url(../images/site-img34.jpg) no-repeat center top;
        text-align: left;
        padding: 120px 0px 81px 0px;
    }

    .page_title1.sty11 {
        background: #999 url(../images/site-img35.jpg) no-repeat center top;
        text-align: left;
        padding: 90px 0px 59px 0px;
    }

    .page_title1.sty12 {
        background: #999 url(../images/site-img36.jpg) no-repeat center top;
        text-align: left;
        padding: 90px 0px 59px 0px;
    }


    .page_title1.sty9 {
        text-align: left;
        padding: 58px 0px 45px 0px;
        background: #999 url(../images/site-img30.jpg) no-repeat center top;
    }

        .page_title1.sty9 h1 {
            float: left;
            font-size: 30px;
            color: #2a363f;
            margin-bottom: 12px;
        }

    .page_title1 .pagenation {
        float: right;
        color: #727272;
        font-size: 13px;
        margin-top: 13px;
    }

        .page_title1 .pagenation a {
            color: #999;
            transition: all 0.3s ease;
        }

            .page_title1 .pagenation a:hover {
                color: #2a363f;
            }

    .page_title1.sty13 {
        text-align: left;
        padding: 58px 0px 45px 0px;
        background: #999 url(../images/site-img37.jpg) no-repeat center top;
    }

        .page_title1.sty13 h1 {
            float: left;
            font-size: 30px;
            color: #fff;
            margin-bottom: 12px;
        }

        .page_title1.sty13 .pagenation {
            color: #fff;
        }

            .page_title1.sty13 .pagenation a {
                color: #ccc;
            }

                .page_title1.sty13 .pagenation a:hover {
                    color: #fff;
                }







    .page_title1.sty7 {
        padding: 100px 0px 85px 0px;
        background: #7ebb21 url(../images/site-img28.png) no-repeat center top;
    }

        .page_title1.sty7 .serch_area {
            width: 61%;
            padding: 10px 0px 0px 0px;
            margin: 0 auto;
            font-family: 'Roboto', sans-serif;
        }

            .page_title1.sty7 .serch_area .enter_email_input {
                float: left;
                font-family: 'Roboto', sans-serif;
                padding: 3px 0px 4px 30px;
                height: 64px;
                width: 77.6%;
                background: #fff;
                border-radius: 3px;
                border: none;
                color: #727272;
                font-size: 16px;
            }

            .page_title1.sty7 .serch_area .input_submit {
                float: left;
                font-family: 'Roboto', sans-serif;
                padding: 20px 30px 21px 30px;
                background-color: #2a363f;
                border: 0px;
                font-size: 18px;
                font-weight: 500;
                color: #fff;
                text-transform: uppercase;
                transition: all 0.3s ease;
                border-radius: 3px;
                margin-left: 12px;
            }

                .page_title1.sty7 .serch_area .input_submit:hover {
                    color: #2a363f;
                    cursor: pointer;
                    background-color: #fff;
                }

            .page_title1.sty7 .serch_area .molinks {
                float: left;
                width: 100%;
                text-align: left;
                margin-top: 14px;
            }

                .page_title1.sty7 .serch_area .molinks a {
                    color: #fff;
                    margin: 0px 10px 0px 0px;
                    transition: all 0.3s ease;
                }

                    .page_title1.sty7 .serch_area .molinks a:hover {
                        color: #2a363f;
                    }


/* sidebar widget */
.sidebar_widget {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

    .sidebar_widget ul.arrows_list1 {
        padding: 0px;
        margin: 0px;
        float: left;
        margin-top: -10px;
    }

        .sidebar_widget ul.arrows_list1 li a {
            color: #7399e7;
            line-height: 30px;
        }

            .sidebar_widget ul.arrows_list1 li a:hover {
                color: #272727;
            }

        .sidebar_widget ul.arrows_list1 i {
            margin-right: 4px;
        }

.sidebar_title {
    float: left;
    width: 100%;
}

.sidebar_widget h4, .clientsays_widget h4 {
    margin-bottom: 30px;
    float: left;
    font-weight: 500;
}

/* Recent Posts */
ul.recent_posts_list {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
}

.recent_posts_list li {
    padding: 0px 0px 13px 0px;
    margin: 0px 0px 16px 0px;
    list-style-type: none;
    border-bottom: 1px solid #eee;
    float: left;
    width: 100%;
}

    .recent_posts_list li a {
        text-decoration: none;
        line-height: 17px;
        display: block;
        color: #999;
    }

        .recent_posts_list li a:hover {
            color: #7399e7;
        }

    .recent_posts_list li span {
        float: left;
        margin-right: 15px;
    }

        .recent_posts_list li span img {
            float: left;
            margin-right: 0px;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

            .recent_posts_list li span img:hover {
                float: left;
                margin-right: 0px;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
                -moz-opacity: 0.8;
                -khtml-opacity: 0.8;
                opacity: 0.8;
            }

    .recent_posts_list li i {
        padding: 1px 0px 0px 0px;
        margin: 0px;
        display: block;
        font-size: 10px;
        font-style: normal;
        color: #c9c9c9;
    }

    .recent_posts_list li.last {
        padding: 0px 0px 7px 0px;
        margin: 0px 0px 0px 0px;
        border-bottom: 0px solid #f5f6f6;
    }

/* client says widget */
.clientsays_widget {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    color: #999;
}

    .clientsays_widget strong {
        font-weight: 600;
        color: #454545;
    }

    .clientsays_widget h3 {
        margin-bottom: 18px;
    }

    .clientsays_widget img {
        float: left;
        margin-right: 13px;
        margin-top: 7px;
    }



.login_form {
    width: 35%;
    margin: 0 auto;
}

.regist_form {
    width: 45%;
    margin: 0 auto;
}



/* 404 Error Page */
.error_pagenotfound {
    padding: 50px 30px 58px 30px;
    margin: 0 auto;
    width: 59%;
    background-color: #fff;
    border: 1px solid #eee;
    border-bottom: 5px solid #eee;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

    .error_pagenotfound strong {
        display: block;
        font-size: 145px;
        line-height: 100px;
        color: #e3e3e3;
        font-weight: normal;
        margin-bottom: 10px;
        text-shadow: 5px 5px 1px #fafafa;
    }

    .error_pagenotfound b {
        display: block;
        font-size: 40px;
        line-height: 50px;
        color: #999;
        margin: 0;
        font-weight: 300;
    }

    .error_pagenotfound em {
        display: block;
        font-size: 18px;
        line-height: 59px;
        color: #7399e7;
        margin: 0;
        font-style: normal;
    }


/* portfolio single image */
.portfolio_area {
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
}

.portfolio_area_left {
    padding: 0px;
    margin: 0px;
    width: 74%;
    float: left;
}

    .portfolio_area_left img {
        padding: 0px;
        margin: 0px;
        width: 100%;
        float: left;
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    }

.portfolio_area_right {
    padding: 0px;
    margin: 0px 0px 0px 4%;
    width: 22%;
    float: left;
}

.project_details {
    padding: 0px;
    margin: 80px 0px 0px 0px;
}

    .project_details span {
        padding: 10px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 14px;
        font-weight: bold;
        color: #454545;
        float: left;
        width: 100%;
        border-bottom: 1px solid #e3e3e3;
    }

    .project_details strong {
        padding: 0px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 13px;
        font-weight: bold;
        color: #727272;
        float: left;
        width: 40%;
    }

    .project_details em {
        padding: 0px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        color: #727272;
        float: left;
        width: 60%;
    }

    .project_details span a {
        padding: 3px 10px;
        margin: 0px 0px 0px 3px;
        font-size: 11px;
        line-height: 30px;
        font-weight: normal;
        font-style: normal;
        color: #727272;
        background-color: #e3e3e3;
        border-radius: 3px;
        transition: all 0.3s ease;
    }

        .project_details span a:hover {
            background-color: #ddd;
        }

.addto_favorites {
    padding: 3px 10px 5px 10px;
    margin: 27px 0px 0px 0px;
    width: 142px;
    display: block;
    border-radius: 3px;
    font-size: 13px;
    color: #999;
    background: #eee;
    transition: all 0.3s ease;
}

    .addto_favorites:hover {
        background: #e3e3e3;
    }

    .addto_favorites i {
        color: #c3c3c3;
    }

ul.small_social_links {
    padding: 0px;
    margin: 18px 0 25px 0px;
}

.small_social_links li {
    padding: 0px;
    margin: 0px 5px 0px 0px;
    float: left;
}

    .small_social_links li i {
        font-size: 11px;
        color: #7399e7;
        border: 1px solid #eee;
        width: 25px;
        height: 25px;
        border-radius: 100%;
        text-align: center;
        vertical-align: middle;
        line-height: 23px;
    }

    .small_social_links li a {
        opacity: 1;
        transition: all 0.3s ease;
    }

        .small_social_links li a:hover {
            opacity: 0.7;
        }


/* blog */
.blog_post {
    float: left;
    width: 100%;
}

    .blog_post h3 {
        text-align: left;
        color: #333;
        line-height: 30px;
        display: block;
    }

        .blog_post h3 a {
            color: #7399e7;
            text-decoration: none;
            margin-top: 3px;
            font-weight: 700;
            font-size: 27px;
            text-transform: uppercase;
        }

            .blog_post h3 a:hover {
                color: #383634;
            }

ul.post_meta_links {
    float: left;
    margin: -5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.post_meta_links li {
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 4px;
    list-style-type: none;
    color: #999;
}

    .post_meta_links li a {
        color: #999;
        padding: 0px 18px 0px 0px;
        text-decoration: none;
        font-size: 11px;
        text-transform: uppercase;
    }

        .post_meta_links li a:hover {
            color: #727272;
            text-decoration: none;
        }

    .post_meta_links li i {
        color: #bbb;
        font-size: 12px;
        font-style: normal;
    }

.blog_postcontent {
    float: left;
    width: 100%;
}

    .blog_postcontent .image_frame {
        float: left;
        width: 100%;
        margin-bottom: 27px;
    }

        .blog_postcontent .image_frame.mone {
            float: left;
            width: 100%;
            height: 280px;
            overflow: hidden;
        }

        .blog_postcontent .image_frame.mtwo {
            float: left;
            width: 100%;
            height: 180px;
            overflow: hidden;
        }

        .blog_postcontent .image_frame.mthree {
            float: left;
            width: 100%;
            height: 480px;
            overflow: hidden;
        }

            .blog_postcontent .image_frame.mone img,
            .blog_postcontent .image_frame.mtwo img,
            .blog_postcontent .image_frame.mthree img {
                float: left;
                width: auto;
                margin-left: -45%;
                margin-top: -10%;
            }


    .blog_postcontent .video_frame.mtwo iframe {
        float: left;
        width: 100%;
        height: 280px;
        overflow: hidden;
    }


    .blog_postcontent .image_frame.small {
        float: left;
        width: 43%;
        border: 7px solid #fff;
        margin-bottom: 25px;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    }

        .blog_postcontent .image_frame.small:hover {
            border: 7px solid #f9f9f9;
        }

    .blog_postcontent .image_frame img {
        float: left;
        width: 100%;
    }

    .blog_postcontent .video_frame.small iframe {
        height: 250px;
    }

    .blog_postcontent .video_frame iframe {
        float: left;
        width: 100%;
        height: 520px;
        margin-bottom: 27px;
    }

.post_info_content_small {
    padding: 0px;
    margin: 0 0 0 4%;
    width: 50%;
    float: left;
}

ul.post_meta_links_small {
    float: left;
    margin: -15px 0px 12px 80px;
    padding: 0px 0px 0px 0px;
    width: 80%;
}

.post_meta_links_small li a {
    color: #a1a1a1;
    padding: 0px 5px 0px 0px;
    text-decoration: none;
    font-size: 11px;
}

    .post_meta_links_small li a:hover {
        color: #727272;
        padding: 0px 5px 0px 0px;
        text-decoration: none;
        font-size: 11px;
    }

.blog_post a.date {
    color: #454545;
    font-size: 16px;
    font-weight: normal;
}

    .blog_post a.date:hover {
        color: #7399e7;
    }

.post_readmore:link, .post_readmore:visited {
    float: right;
    height: 27px;
    width: 185px;
    text-align: center;
    padding-top: 7px;
    color: #fff;
    text-decoration: none;
    background: url(../images/skin01/but_post_readmore.jpg) no-repeat left top;
}

.post_readmore:hover {
    float: right;
    height: 27px;
    width: 185px;
    text-align: center;
    padding-top: 7px;
    color: #fff;
    text-decoration: none;
    background: url(../images/skin01/but_post_readmore_hover.jpg) no-repeat left top;
}

.sharepost {
    float: left;
    width: 80%;
    margin-bottom: 40px;
}

    .sharepost ul {
        margin: 0px;
        padding: 0px;
    }

    .sharepost li {
        margin: 0px 7px 5px 0px;
        padding: 2px 5px;
        float: left;
        border-radius: 2px;
        list-style-type: none;
        background-color: #7399e7;
        transition: all 0.3s ease;
    }

        .sharepost li i {
            color: #fff;
        }

        .sharepost li:hover {
            background-color: #383634;
        }

.about_author {
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
}

    .about_author img {
        float: left;
        margin-right: 20px;
    }

    .about_author a {
        font-family: 'Open Sans' !important;
        font-weight: normal;
        font-weight: 600;
        color: #333;
    }

        .about_author a:hover {
            color: #7399e7;
        }


/* pagination */
.pagination.center {
    text-align: center;
}

    .pagination.center b {
        float: inherit;
    }

.pagination {
    clear: both;
    padding: 10px 0;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}

    .pagination b {
        float: left;
        margin: 0px 5px 2px 0;
        padding: 0px 10px;
        font-weight: normal;
        color: #999;
    }

    .pagination a.navlinks {
        font-size: 12px;
        color: #454545;
        background-color: #eee;
        font-weight: 600;
        text-transform: uppercase;
        padding: 7px 10px;
        border-radius: 3px;
    }

        .pagination a.navlinks:hover {
            color: #fff;
            background-color: #454545;
        }

    .pagination a.current {
        color: #fff;
        background-color: #454545;
    }


/* comments */
.comment_wrap {
    padding: 20px 20px 20px 0px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

    .comment_wrap.chaild {
        border-bottom: 1px solid #eee;
        margin: 10px 20px 10px 50px;
        overflow: hidden;
    }

.gravatar {
    float: left;
}

.comment_content {
    overflow: hidden;
    padding-left: 20px;
    position: relative;
    min-height: 80px;
}

    .comment_content .comment_meta {
        position: relative;
    }

        .comment_content .comment_meta .comment_author {
            display: inline;
            font-size: 14px;
            font-style: normal;
        }

            .comment_content .comment_meta .comment_author i {
                display: inline;
                font-size: 11px;
                font-style: italic;
            }

    .comment_content .comment_text {
        clear: both;
        padding-top: 0px;
        overflow: hidden;
    }

        .comment_content .comment_text a {
            color: #d3d3d3;
            margin-top: 5px;
            float: left;
        }

            .comment_content .comment_text a:hover {
                color: #727272;
                margin-top: 5px;
                float: left;
            }

#comments_section li ul li {
    margin-left: 30px;
}

/* comment form */
.comment_form {
    float: left;
    width: 100%;
    margin-top: 30px;
}

    .comment_form label {
        float: left;
        width: 90px;
        height: 15px;
        padding: 7px 10px;
        margin-bottom: 40px;
        font-weight: normal;
    }

.comment_input_bg {
    float: left;
    width: 75%;
    height: 40px;
    padding: 7px 10px 0px 10px;
    border-top: 2px solid #e3e3e3;
    border-left: 2px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.comment_textarea_bg {
    float: left;
    width: 90%;
    height: 235px;
    padding: 7px 10px 0px 10px;
    margin-bottom: 20px;
    border-top: 2px solid #e3e3e3;
    border-left: 2px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.comment_checkbox {
    float: left;
    display: block;
    width: 90%;
    margin-top: 10px;
}

.comment_submit {
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 9px 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    border-radius: 4px;
    color: #333;
    text-transform: uppercase;
}

    .comment_submit:hover {
        background-color: #f9f9f9;
        cursor: pointer;
    }

/* comments */
.comment_wrap {
    padding: 20px 20px 20px 0px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

    .comment_wrap.chaild {
        border-bottom: 1px solid #eee;
        margin: 10px 20px 10px 50px;
        overflow: hidden;
    }

.gravatar {
    float: left;
}

.comment_content {
    overflow: hidden;
    padding-left: 20px;
    position: relative;
    min-height: 80px;
}

    .comment_content .comment_meta {
        position: relative;
    }

        .comment_content .comment_meta .comment_author {
            display: inline;
            font-size: 14px;
            font-style: normal;
        }

            .comment_content .comment_meta .comment_author i {
                display: inline;
                font-size: 11px;
                font-style: italic;
            }

    .comment_content .comment_text {
        clear: both;
        padding-top: 0px;
        overflow: hidden;
    }

        .comment_content .comment_text a {
            color: #d3d3d3;
            margin-top: 5px;
            float: left;
        }

            .comment_content .comment_text a:hover {
                color: #727272;
                margin-top: 5px;
                float: left;
            }

#comments_section li ul li {
    margin-left: 30px;
}

/* Advertisements */
ul.adsbanner-list {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.adsbanner-list li {
    margin: 0px 10px 10px 0px;
    padding: 0px;
    float: left;
    width: 140px;
    height: 140px;
    list-style-type: none;
}

    .adsbanner-list li img {
        margin: 0px;
        padding: 0px;
        float: left;
        width: 140px;
        height: 140px;
        list-style-type: none;
    }

    .adsbanner-list li.last {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        float: left;
        width: 140px;
        height: 140px;
        list-style-type: none;
    }

.address_info {
    float: left;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 25px 30px 18px 30px;
    width: 100%;
    margin-bottom: 40px;
}

    .address_info.two {
        background-color: #fff;
        border: none;
        padding-top: 0px;
    }

    .address_info h3 i {
        font-weight: 500;
        font-style: normal;
    }

.google-map {
    width: 99%;
    height: 350px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.google-map2 {
    width: 100%;
    height: 450px;
}

.google-map3 {
    width: 100%;
    height: 300px;
    border: 10px solid #fff;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
}

.google-map4 {
    width: 100%;
    height: 200px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
}


/* contact form */
.cforms label {
    float: left;
    width: 100%;
    color: #454545;
    font-weight: normal;
}

    .cforms label em {
        color: #7399e7;
        font-size: 12px;
        font-style: normal;
    }

.cforms input {
    color: #454545;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    background: #f9f9f9;
    -webkit-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);
    -moz-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);
    box-shadow: inset 0px 1px 2px 0px rgba(238,238,238,1);
}

.cforms textarea {
    color: #454545;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    background: #f9f9f9;
    -webkit-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);
    -moz-box-shadow: inset 1px 0px 2px 0px rgba(238,238,238,1);
    box-shadow: inset 0px 1px 2px 0px rgba(238,238,238,1);
}

.cforms .button {
    float: left;
    margin-top: 10px;
    color: #fff;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    background: #7399e7;
    border: 1px solid #7ea821;
    border-radius: 3px;
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .cforms .button:hover {
        background: #454545;
        border: 1px solid #393939;
    }

.cforms .button2 {
    float: left;
    margin-top: 10px;
    color: #fff;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    background: #d2527f;
    border: 1px solid #d2527f;
    border-radius: 3px;
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .cforms .button2:hover {
        background: #727272;
        border: 1px solid #393939;
    }

.cforms .button3 {
    float: left;
    margin-top: 10px;
    color: #fff;
    padding: 18px 30px;
    font-size: 14px;
    font-weight: 500;
    background: #db6364;
    border: 1px solid #db6364;
    border-radius: 3px;
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .cforms .button3:hover {
        background: #454545;
        border: 1px solid #454545;
    }


#form_status span {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    background: #E74C3C;
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 10px 0px;
    border-radius: 3px;
    margin-bottom: 18px;
}

    #form_status span.loading {
        color: #333;
        background: #eee;
        border-radius: 3px;
        padding: 18px 0px;
    }

    #form_status span.notice {
        color: yellow;
    }

#form_status .success {
    color: #fff;
    text-align: center;
    background: #7399e7;
    border-radius: 3px;
    padding: 30px 0px;
}

    #form_status .success i {
        color: #fff;
        font-size: 45px;
        margin-bottom: 14px;
    }

    #form_status .success h3 {
        color: #fff;
        margin-bottom: 10px;
    }

.cforms.two label {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: normal;
}

    .cforms.two label em {
        color: #999;
        font-size: 12px;
        font-style: normal;
    }

.cforms.two input {
    color: #fff;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    border: none;
    background: none;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}

.cforms.two textarea {
    color: #fff;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    border: none;
    background: none;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}

.cforms.two .button {
    float: left;
    margin-top: 10px;
    color: #fff;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 500;
    background: #7399e7;
    border: 1px solid #7399e7;
    border-radius: 3px;
    font-family: 'Raleway', sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .cforms.two .button:hover {
        background: #999;
        border: 1px solid #999;
    }


.cforms.three label {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: normal;
}

    .cforms.three label em {
        color: #fff;
        font-size: 12px;
        font-style: normal;
    }

.cforms.three input {
    color: #fff;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    border: none;
    background: #44c7af;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}

.cforms.three textarea {
    color: #fff;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    border: none;
    background: #44c7af;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}

.cforms.three .button {
    float: left;
    margin-top: 10px;
    color: #fff;
    width: 100%;
    padding: 12px 0px;
    font-size: 14px;
    font-weight: 500;
    background: #393939;
    border: 1px solid #393939;
    border-radius: 0px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .cforms.three .button:hover {
        background: #575757;
        border: 1px solid #575757;
    }


.cforms.four label {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: normal;
    margin: 0;
    padding-left: 0px;
}

    .cforms.four label.lst {
        text-align: left;
    }

    .cforms.four label em {
        color: #fff;
        font-size: 12px;
        font-style: normal;
    }

.cforms.four input {
    color: #fff;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    border: none;
    background: none;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}

.cforms.four textarea {
    color: #fff;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    border: none;
    background: none;
    -webkit-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 0px 1px 0px rgba(255,255,255,1);
}

.cforms.four .button {
    float: left;
    margin-top: 10px;
    color: #fff;
    width: 100%;
    padding: 12px 0px;
    font-size: 14px;
    font-weight: 500;
    background: #6f6f75;
    border: 1px solid #6f6f75;
    border-radius: 0px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .cforms.four .button:hover {
        background: #919195;
        border: 1px solid #919195;
    }


.logregform {
    float: left;
    width: 35%;
    margin-left: 32.5%;
    background: #fff;
    border: 1px solid #f9f9f9;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}

    .logregform.two {
        float: left;
        width: 50%;
        margin-left: 25%;
    }

    .logregform .title {
        float: left;
        width: 100%;
        background: #f3f3f3;
        text-align: center;
        padding: 23px 0px 21px 0px;
    }

        .logregform .title h3 {
            margin-bottom: 3px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .logregform .title p {
            font-size: 12px;
        }

    .logregform .feildcont {
        float: left;
        width: 100%;
        padding: 30px 30px 40px 30px;
        text-align: left;
    }

        .logregform .feildcont label {
            float: left;
            width: 100%;
            font-weight: normal;
            color: #727272;
        }

            .logregform .feildcont label em {
                color: #7399e7;
                font-style: normal;
            }

        .logregform .feildcont input {
            float: left;
            width: 100%;
            padding: 7px 12px;
            border: 1px solid #e3e3e3;
            margin-bottom: 12px;
        }

    .logregform.two .feildcont input {
        margin-bottom: 18px;
    }

    .logregform .feildcont .checkbox {
        float: left;
        width: 100%;
    }

        .logregform .feildcont .checkbox label {
            float: left;
            width: auto;
            font-size: 13px;
        }

            .logregform .feildcont .checkbox label strong {
                font-weight: 600;
            }

            .logregform .feildcont .checkbox label a {
                margin-left: 10px;
            }

    .logregform .feildcont .fbut {
        float: left;
        background: #7399e7;
        padding: 13px 23px;
        border: none;
        border-radius: 3px;
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        font-family: 'Raleway', sans-serif;
        transition: all 0.3s ease;
        margin-top: 18px;
    }

        .logregform .feildcont .fbut:hover {
            background: #393939;
        }

    .logregform .feildcont .radiobut input {
        float: left;
        width: auto;
    }

    .logregform .feildcont .radiobut .onelb {
        float: left;
        color: #aaa;
        margin: 0px 12px 0px 5px;
    }

    .logregform .feildcont select {
        float: left;
        width: 100%;
        border: 1px solid #e3e3e3;
        padding: 9px 5px 10px 5px;
        color: #999;
        text-align: left;
    }


.mgmenucols {
    float: left;
    width: 100%;
}

    .mgmenucols .one_fourth {
        width: 23.5%;
        margin-right: 2%;
        padding-right: 2%;
        border-right: 1px solid #f3f3f3;
        text-align: center;
    }

        .mgmenucols .one_fourth.last {
            margin-right: 0;
            border-right: none;
        }


.bordbox {
    float: left;
    width: 100%;
    padding: 30px 40px;
    border: 2px solid #f3f3f3;
    text-align: left;
    border-radius: 3px;
}

.videofre1 {
    float: left;
    width: 100%;
    height: 350px;
}

/* scroll up */
.scrollup {
    width: 38px;
    height: 38px;
    opacity: 1;
    position: fixed;
    bottom: 22px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: url(../images/scroll-top-arrow.png) no-repeat left top;
    z-index: 9001;
}

.banner-btm-img {
    width: 16%;
    display: inline-block;
    float: left;
}

    .banner-btm-img img {
        width: 95%;
    }

.banner-btm-img-cnt {
    display: inline-block;
    float: left;
    width: 80%;
    padding-left: 20px;
}

    .banner-btm-img-cnt h3 {
        margin-top: 0px;
        color: #23AF4E;
        font-weight: 700;
        font-size: 23px;
    }

    /*ORIGINAL*/
    /*.banner-btm-img-cnt .bnr-time {
        font-size: 12px;
        padding-top: 0;
    }*/

    .banner-btm-img-cnt .bnr-time {
        font-size: 11px;
        padding-top: 0px;
        white-space: pre;
    }



    .banner-btm-img-cnt .bnr-head {
        padding-top: 10px;
        color: #024A7A;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 0px;
    }

.btn-1 {
    background-image: linear-gradient(to right, #23af4e 0%, #024a7a 51%, #23af4e 0%) !important;
    margin-right: 0px !important;
}

    .btn-1:focus {
        color: #fff !important;
    }

.btn-2 {
    background-image: linear-gradient(to right, #ffc30f 30%, #ffb338 30%, #ffc30f 30%) !important;
    margin-right: 0px !important;
}

    .btn-2:focus {
        color: #fff !important;
    }

.btn-3 {
    background-image: linear-gradient(to right, #66b9fa 30%, #66b9fa 30%, #66b9fa 30%) !important;
    /*margin-right: 0px !important;*/
}

    .btn-3:focus {
        color: #fff !important;
    }

.readmore {
    background: #fff;
    color: #024A7A !important;
    box-shadow: none !important;
    margin-bottom: 15px !important;
}

.btn:hover {
    color: #fff !important;
}

.btn {
    flex: 1 1 auto;
    margin: 10px;
    padding: 10px 20px !important;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
    box-shadow: 0 0 20px #eee;
    border-radius: 50px !important;
}

.btn2 {
    flex: 1 1 auto;
    margin: 0px !important;
    padding: 5px 10px !important;
    text-align: center !important;
    text-transform: capitalize !important;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
    box-shadow: 0 0 20px #eee;
    border-radius: 20px !important;
}

.btn3 {
    flex: 1 1 auto;
    /*margin: 0px !important;*/
    padding: 5px 10px !important;
    text-align: center !important;
    text-transform: capitalize !important;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
    box-shadow: 0 0 20px #eee;
    border-radius: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.map-area {
    height: 400px;
}

.about-us-img-sec {
    width: 100%;
    padding-top: 25px;
}

.grid-code-area {
    position: absolute;
    top: 0;
    padding: 45px 140px;
    color: #fff;
}

    .grid-code-area p {
        line-height: 31px;
        font-size: 15px;
    }

.mrg-tp10 {
    margin-top: 10px;
}

.text-center {
    text-align: center;
}

.download-right {
    float: right;
    padding-bottom: 10px;
    position: absolute;
    top: 100%;
    right: 25px;
    
}

.readmore-icon-arrow {
    height: 15px;
}

.readmore-icon-arrow2 {
    height: 10px;
}
.read-right {
    text-align: right;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-right: 0px !important;
}

.grid-code-head {
    text-align: left;
    padding-bottom: 20px;
}

.code-img {
    width: 100% !important;
}

.share-img {
    height: 45px !important;
    padding-top: 5px;
}

.mission-img {
    height: 60px;
    padding-top: 5px;
}

.vission-img {
    height: 55px;
    padding-top: 5px;
}

.border-right-center {
    text-align: center;
    border-right: 2px solid #dcdcdc;
    ;
}

.about-cnt {
    line-height: 35px !important;
    padding-top: 0;
    margin-bottom: 0px;
}

.text-align-left {
    text-align: left;
}

.cur-sys {
    width: 37px !important;
}

.hig-dem {
    width: 48px !important;
}

.eng-rec {
    width: 40px !important;
}

.cursol-rec {
    width: 40px !important;
}

.status-alert {
    margin-top: 0px;
    color: #23AF4E;
    font-weight: 700;
    height: 45px;
}

.nor-op {
    margin-top: 0px;
    color: #23AF4E;
    font-weight: 700;
    font-size: 23px;
}

.alert-txt {
    color: #024A7A;
    font-size: 14px;
    font-weight: 600;
}

.img-container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.pdd-left-img {
    padding-left: 0px !important;
}

.pdd-right-img {
    padding-right: 0px !important;
}

.pdd-right-img-cnt {
    padding-left: 20px !important;
    padding-right: 100px !important;
}

.pdd-left-img-cnt {
    padding-left: 100px !important;
    padding-right: 30px !important;
}


/* Landing Page  */
#chart {
    max-width: 800px;
    margin: 35px auto;
}


#home-table table tbody {
    background: transparent;
    font-size: 12px;
    text-align: left;
}

    #home-table table tbody tr th {
        color: #014984;
        background: transparent;
        border-top: 1px solid #adadad;
        border-bottom: 1px solid #adadad;
        font-weight: bold;
        padding: 5px;
    }

    #home-table table tbody tr td {
        background: #ffffff;
        text-align: left;
        padding: 5px;
    }

.header {
    background-color: #ffffff;
    text-align: center;
}

#navbar {
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 999999;
    position: relative;
    top: 0px;
}

    #navbar a {
        float: left;
        display: block;
        /* color: #000; */
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        #navbar a:hover {
            background-color: transparent;
            color: #27D545;
        }

        #navbar a.active {
            background-color: transparent;
            color: #27D545;
        }

.content {
    padding: 16px;
}

.sticky {
    position: fixed !important;
    background-color: #168250 !important;
    top: 0 !important;
    width: 100%;
}

    .sticky + .content {
        padding-top: 60px;
    }

.logo img {
    height: 60px;
}

.display {
    display: block;
    color: #000;
    text-align: left;
}

    .display:hover {
        color: #000;
        text-decoration: none;
        cursor: auto;
    }

    .display .location {
        height: 30px;
    }

    .display .phone {
        height: 35px;
    }

    .display .visitor {
        height: 32px;
        display: inline-block;
        float: left;
        padding-right: 10px;
    }

    .display .fax {
        height: 21px;
        margin-top: 3px;
    }

    .display .mail {
        height: 15px;
    }

.callus {
    font-size: 12px;
    font-weight: 500;
    padding-left: 50px;
}

.mail-sec {
    padding-left: 10px;
    width: 85%;
    text-decoration: none;
    display: inline-block;
}

.visitor-count {
    float: left;
    /* clear: both; */
    padding-left: 0px;
}

.visitor-value {
    text-align: center;
    font-size: 16px;
    color: #27D545;
    font-weight: 600;
}

.post-slide {
    margin: 0 15px 0px 5px;
    border-bottom: 1px solid #dadada;
    box-shadow: 0 0 5px rgba(167, 197, 167, 0.8);
    transition: all 0.4s ease-in-out 0s;
    min-height: 310px;
}

    .post-slide .post-img {
        position: relative;
        overflow: hidden;
        min-height: 160px;
    }
     
        .post-slide .post-img:before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0);
            transition: all 0.4s linear 0s;
        }

    .post-slide:hover .post-img:before {
        background: rgba(0, 0, 0, 0.6);
    }

    .post-slide .post-img img {
        width: 100%;
        height: auto;
    }

    .post-slide .category {
        width: 20%;
        font-size: 16px;
        color: #fff;
        line-height: 11px;
        text-align: center;
        text-transform: capitalize;
        padding: 11px 0;
        background: #ff9412;
        position: absolute;
        bottom: 0;
        left: -50%;
        transition: all 0.5s ease-in-out 0s;
    }

    .post-slide:hover .category {
        left: 0;
    }

    .post-slide .post-review {
        padding: 6px 10px;
        background: #fff;
        position: relative;
        max-height: 200px;
        overflow: hidden;
        margin-bottom: 10px;
        min-height: 200px;
    }

    .post-slide .post-title {
        margin: 0;
    }


.post-slide .post-title a {
    display: inline-block;
    font-size: 14px;
    color: #024A7A;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: capitalize;
    margin-bottom: 15px;
    transition: all 0.30s linear 0s;
    text-align: left;
    line-height: 21px;
}

    .post-slide .post-title a:hover {
        text-decoration: none;
        color: #555;
    }

.post-slide .post-description {
    font-size: 14px;
    color: #555;
    line-height: 21px;
    text-align: left;
        height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.post-review .post-bar {
    margin-top: 0px;
    width: 100%;
    display: inline-block;
}

.post-bar span {
    display: inline-block;
    font-size: 14px;
}

    .post-bar span i {
        margin-right: 5px;
        color: #999;
    }

    .post-bar span a {
        color: #999;
        text-transform: uppercase;
    }

        .post-bar span a:hover {
            text-decoration: none;
            color: #ff9412;
        }

    .post-bar span.comments {
        float: right;
    }

.top-address {
    padding-left: 15px;
    font-size: 15px;
}

.top-right {
    float: right;
    position: absolute;
    right: 0;
}

    .top-right a {
        color: #fff;
    }

        .top-right a:focus {
            color: #27D545 !important;
        }

.pdd-btm {
    padding-bottom: 10px;
}

.apply-login-image {
    margin-top: 0;
    display: inline-block !important;
    padding: 13px 0px !important;
    font-size: 15px !important;
    color: #fff;
    padding-right: 0px !important;
}

.apply-icon {
    height: 24px;
}

.login-icon {
    height: 24px;
}

.banner-cnt-head {
    left: 115px;
    top: 180px;
    font-size: 45px !important;
}

.banner-content {
    left: 115px;
    top: 275px;
}

#navbar .mobile-home {
    display: none !important;
}

@media only screen and (max-width: 359px) {
    .post-slide .category {
        font-size: 13px;
    }
}

.rev_slider .custom .tp-bullet {
    width: 21px;
    height: 3px;
    background-color: #fff !important;
}

    .rev_slider .custom .tp-bullet.selected {
        width: 41px;
        margin-left: -20px;
        background-color: #fcd63c !important;
    }

.custom.tp-bullets {
}

    .custom.tp-bullets:before {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        background: transparent;
        padding: 10px;
        margin-left: -10px;
        margin-top: -10px;
        box-sizing: content-box;
    }

.custom .tp-bullet {
    width: 12px;
    height: 12px;
    position: absolute;
    background: #aaa;
    background: rgba(125,125,125,0.5);
    cursor: pointer;
    box-sizing: content-box;
}

    .custom .tp-bullet:hover,
    .custom .tp-bullet.selected {
        background: rgb(255 255 255);
    }

.custom .tp-bullet-image {
}

.custom .tp-bullet-title {
}

.pdd-btm-fax {
    padding-bottom: 10px;
}

.flt-right-fax {
    float: right;
}

.flt-right-call {
    float: right;
}
/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
.acc-new .panel-group .panel {
    border-radius: 30px;
    box-shadow: none;
    border-color: transparent;
    position: relative;
    right: 0;
    background: transparent;
}

.acc-new .panel-default {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.acc-new .panel-heading {
    padding: 0;
    border-radius: 30px !important;
    color: #212121;
    background-color: #FCFCFC !important;
    border-color: transparent !important;
    margin-bottom: 10px;
}

.acc-new .panel-title {
    font-size: 15px;
    vertical-align: middle;
    font-family: 'source_sans_proregular';
}

    .acc-new .panel-title a {
        display: block;
        padding: 15px 15px;
        text-decoration: none;
        text-align: left;
        vertical-align: middle;
        align-items: center;
        height: auto;
        border-radius: 30px;
        -moz-box-shadow: 0px 0px 5px #c0c0c0;
        -webkit-box-shadow: 0px 0px 5px #c0c0c0;
        box-shadow: 0px 0px 5px #c0c0c0;
    }

.more-less {
    float: left;
    color: #212121;
    padding-right: 10px;
}

.acc-new .panel-default > .acc-new .panel-heading + .acc-new .panel-collapse > .acc-new .panel-body {
    border-top-color: #EEEEEE;
}

.acc-new .panel-body {
    border-top-color: transparent !important;
    text-align: justify;
    line-height: 24px;
}

.acc-icon-plus {
    height: 27px;
    margin-right: 10px;
    background: url(../images/plus.png) no-repeat;
    background-position: center;
    width: 27px;
    background-size: cover;
    line-height: 0px;
    align-items: center;
    float: left;
    top: -5px;
    position: relative;
}

.acc-icon-minus {
    height: 27px;
    margin-right: 10px;
    background: url(../images/minus.png) no-repeat;
    background-position: center;
    width: 27px;
    background-size: cover;
    line-height: 0px;
    align-items: center;
    float: left;
    top: -5px;
    position: relative;
}

/* ----- v CAN BE DELETED v ----- */

.feature_section14 h3 {
    font-size: 21px;
    font-family: 'source_sans_proregular';
    margin-top: 0;
}

.title-line {
    font-family: 'source_sans_proregular';
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 20px;
}

    .title-line .decor-line {
        display: block;
        margin-top: .75rem;
        height: 3px;
    }

        .title-line .decor-line:after {
            content: '';
            display: inline-block;
            width: 5rem;
            height: 3px;
            border-radius: .1875rem;
            vertical-align: top;
            background-color: #23AF4E;
        }


/* Inner Page styles */
.banner-section {
    background: url(../images/inner-banner.png) no-repeat;
    height: 200px;
    /* top: -52px; */
    background-position: center;
    position: relative;
    width: auto;
    background-size: cover;
}

.banner-cnt {
    top: 100px;
    position: relative;
}

.banner-title {
    color: #fff;
    font-size: 31px;
    text-align: center;
    display: block;
}

ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: transparent;
    position: relative;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    font-size: 12px;
}

    ul.breadcrumb li {
        display: inline;
        font-size: 15px;
        color: white;
    }

        ul.breadcrumb li + li:before {
            padding: 8px;
            color: white;
            content: "/\00a0";
        }

        ul.breadcrumb li a {
            color: #fff;
            text-decoration: none;
        }

            ul.breadcrumb li a:hover {
                color: #fff;
                text-decoration: underline;
            }

.about-img {
    width: 100%;
    margin-bottom: 15px;
}

.about-sec {
    background: url(../images/about-sec-bg.png) no-repeat;
    width: 100%;
    background-size: contain;
    height: auto;
    padding-top: 30px;
}

.abt-img-sec {
    margin-top: 40px;
    margin-bottom: 40px;
}

.about-cnt p {
    line-height: 31px;
    text-align: justify;
}

.org-struc-sec {
    background: url(../images/business-interfaces-bg.svg) no-repeat;
    width: 100%;
    background-size: cover;
    height: auto;
    min-height: 115px;
    padding-top: 30px;
}

.exis-constrain {
    background: url(../images/MicrosoftTeams-image.png) rgb(14, 51, 42) no-repeat;
    width: 100%;
    background-size: cover;
    height: auto;
    min-height: 300px;
    color: #fff;
}

.org-struc-cnt p {
    line-height: 31px;
    text-align: justify;
}

.org-struc-img-area {
    background: #F5F5F5;
    padding: 40px 0px 0px 0px;
}

.code-card {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    padding: 15px 20px;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    margin-bottom: 25px;
    min-height: 120px;
}

.grid-code-card {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    padding: 15px 20px;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    margin-bottom: 25px;
    min-height: 120px;
}

input:disabled {
    background-color: #fff;
    opacity: 0.5;
}

.grid-code-card-right {
    float: right !important;
}

.grid-code-card-left {
    float: left !important;
    padding-left: 0px !important;
}

.grid-code-card .left-part {
    width: 60%;
    display: inline-block;
    float: left;
}

.grid-code-card .right-part {
    width: 40%;
    display: inline-block;
    float: right;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    position: relative;
    top: 0;
}

.grid-code-card .left-part p {
    font-weight: 700;
    text-align: justify;
    line-height: 27px;
}

.grid-code-card .right-part p {
    font-weight: 700;
    text-align: center;
}

.left-part {
    width: 85%;
    display: inline-block;
    float: left;
}

.right-part {
    width: 15%;
    display: inline-block;
    float: right;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    position: relative;
    top: 40px;
}

.right-partNews {
    width: 15%;
    display: inline-block;
    float: right;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    position: relative;
    top: 0px;
}

.pdf-img {
    height: 60px;
    width: auto;
}

.grid-code-pdf-img {
    height: 45px;
    width: auto;
    padding-right: 0px;
    cursor: pointer;
}

.grid-code-delete-img {
    height: 38px;
    width: auto;
    cursor: pointer;
}

.pdf-img {
    height: 60px;
    width: auto;
}

.grid-code-cnt p {
    line-height: 27px;
    text-align: justify;
    padding-bottom: 15px;
}

.grid-code-sec {
    background: url(../images/about-sec-bg.png) no-repeat;
    width: 100%;
    background-size: contain;
    height: auto;
    padding-top: 30px;
}

.psi-code-card {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    padding: 20px;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    margin-bottom: 25px;
    min-height: 70px;
}

    .psi-code-card .right-part {
        width: 25%;
        display: inline-block;
        float: right;
        text-align: center;
        vertical-align: middle;
        align-items: center;
        position: relative;
        top: 0;
        text-align: right;
    }

    .psi-code-card .left-part {
        width: 75%;
        display: inline-block;
        float: left;
    }

        .psi-code-card .left-part p {
            font-weight: 700;
            text-align: justify;
            font-size: 18px;
        }

    .psi-code-card .right-part p {
        font-weight: 600;
        text-align: right;
        font-size: 20px;
        color: #24b04f;
    }

.psi-code-card-1 {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    padding: 20px;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    margin-bottom: 25px;
    min-height: 95px;
}

    .psi-code-card-1 .right-part {
        width: 100%;
        display: inline-block;
        float: right;
        text-align: center;
        vertical-align: middle;
        align-items: center;
        position: relative;
        top: 0;
        text-align: right;
    }

    .psi-code-card-1 .left-part {
        width: 100%;
        display: inline-block;
        float: left;
    }

        .psi-code-card-1 .left-part p {
            font-weight: 700;
            text-align: left;
            font-size: 14px;
        }

    .psi-code-card-1 .right-part p {
        font-weight: 600;
        text-align: left;
        font-size: 14px;
        width: 50%;
        color: #24b04f;
        display: inline-block;
        float: left;
    }

    .psi-code-card-1 .right-part span {
        font-weight: 600;
        width: 50%;
        text-align: right;
        font-size: 16px;
        color: #014b7a;
        display: inline-block;
    }

.mg-tp-30 {
    margin-top: 20px;
}

.code-cnt p {
    line-height: 31px;
    text-align: justify;
    padding-bottom: 20px;
}

.code-sec {
    background: url(../images/about-sec-bg.png) no-repeat;
    width: 100%;
    background-size: contain;
    height: auto;
    padding-top: 30px;
}

.code-img {
    width: auto;
    margin-bottom: 30px;
}

.left-part p {
    font-weight: 700;
    text-align: justify;
}

.right-part p {
    font-weight: 700;
    text-align: center;
}

.quality-top-sec {
    background: url(../images/qi-top-bg.png) no-repeat;
    width: 100%;
    background-size: cover;
    height: auto;
    position: relative;
    top: 0;
    padding-top: 30px;
    background-position: bottom;
}

.quality-inti-cnt {
    width: 90%;
}

.form-control[disabled], fieldset[disabled] .form-control {

cursor: not-allowed;
	background-color: #fff !important;
	opacity: 0.5;


}

.quality-img {
    width: 100%;
    padding-top: 75px;
    padding-bottom: 50px;
}

.quality-inti-cnt h4 {
    font-weight: 600;
    padding-top: 10px;
}

.quality-inti-cnt span {
    font-weight: 600;
}

.quality-inti-cnt p {
    line-height: 31px;
    font-weight: 500;
    text-align: justify;
}

.quality-inti-cnt .left-part {
    width: 100%;
    display: inline-block;
    float: left;
    text-align: justify;
}

.quality-bottom-sec {
    background: url(../images/qi-bottom-bg.png) no-repeat;
    width: 100%;
    background-size: cover;
    height: auto;
    position: relative;
    top: -52px;
    padding-top: 35px;
}

.quality-inti-cnt-left-img {
    width: 80%;
}

    .quality-inti-cnt-left-img .quality-img {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .quality-inti-cnt-left-img h4 {
        font-weight: 600;
    }

.pdd-left-1 {
    padding-left: 0px !important;
}

.left-part-bulleting {
    width: 5%;
    display: inline-block;
    float: left;
    text-align: center;
}

.right-part-cnt {
    width: 95%;
    display: inline-block;
    float: right;
    text-align: left;
    vertical-align: middle;
    align-items: center;
    position: relative;
    top: 0px;
    padding-left: 10px;
}

.bulleting-img {
    height: 25px;
    width: auto;
}

.ordering-img {
    height: 50px;
    width: auto;
}

.icon-txt {
    font-size: 18px;
}

.img-txt {
    margin-top: 15px;
    font-size: 19px;
    font-weight: 600;
}

.bus-area {
    padding-top: 30px;
}

    .bus-area p {
        line-height: 28px;
        text-align: justify;
    }

.landing-cnt-date {
    font-size: 24px;
    color: #024A7A;
    font-weight: 700;
    text-align: center;
}

.sys-data {
    font-size: 21px;
    position: absolute;
    margin-top: 95px;
    color: #23AF4E;
    font-weight: 500;
    float: right;
    display: inline-block;
    width: 210px;
}

.sys-data-label {
    float: left;
    display: inline-block;
    width: auto;
    color: #000;
    font-size: 21px;
    padding-right: 15px;
    font-weight: 600;
}

.sys-data-val {
    display: inline-block;
    width: auto;
    font-size: 21px;
    font-weight: 600;
}

.cnv-top {
    margin-top: 40px;
}

.counter-cnt {
    display: inline-block;
    padding-left: 10px;
}

.counter-val {
    display: inline-block;
    float: left;
}

.counter-val-1 {
    display: inline-block;
    float: left;
    font-weight: 500;
    font-size: 24px;
}

.counter-cnt-1 {
    display: inline-block;
    padding-left: 5px;
    font-weight: 500;
    font-size: 24px;
}

.acc-new {
    margin-top: 25px;
    padding-left: 0px;
}

.acc-new-faq {
    padding-left: 20px !important;
}

.terms-l {
    padding-left: 0px !important;
}

.abt-cnt {
    padding-top: 0px;
    padding-bottom: 30px;
}

.grid-cnt {
    padding-top: 30px;
    padding-bottom: 30px;
}

.grid-code-cnt .title-line {
    margin-bottom: 30px;
}

.title-ordering .decor-line {
    display: block;
    margin-top: .75rem;
    /* height: 11px; */
}

    .title-ordering .decor-line:after {
        content: '';
        display: inline-block;
        width: 7rem;
        height: 15px;
        /* border-radius: .1875rem; */
        vertical-align: top;
        /* background-color: #23AF4E; */
        background: url(../images/align-icon.png) no-repeat;
    }

.title-standing-ordering .decor-line {
    display: block;
    margin-top: .75rem;
    /* height: 11px; */
}

    .title-standing-ordering .decor-line:after {
        content: '';
        display: inline-block;
        width: 7rem;
        height: 15px;
        /* border-radius: .1875rem; */
        vertical-align: top;
        /* background-color: #23AF4E; */
        background: url(../images/align-icon.png) no-repeat;
    }

.border-btm {
    border-top: 2px solid #eee;
    margin-top: 15px;
    margin-bottom: 20px;
}

.no-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.comm-box {
    background: #FAFBFC;
    padding: 10px 20px;
    min-height: 45px;
    width: 100%;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: middle;
    line-height: 45px;
}

.num-count {
    background: #024a7a;
    color: #fff;
    width: 20%;
    height: 45px;
    border-radius: 50%;
    padding: 7px 13px;
    font-size: 16px;
    margin-right: 20px;
    line-height: 30px;
    vertical-align: middle;
    /* display: inline-block; */
    /* float: left; */
    text-align: center;
}

.num-count-two {
    background: #024a7a;
    color: #fff;
    width: 25%;
    height: 30px;
    border-radius: 50%;
    font-size: 16px;
    margin-right: 20px;
    line-height: 45px;
    vertical-align: middle;
    padding: 7px 9px;
}

.person-name {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    /* float: right; */
    line-height: normal;
    text-align: center;
}

.item-box {
    width: 92%;
    height: auto;
    min-height: 480px;
    background: #fff;
    padding: 30px 20px;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    margin: 20px 20px 20px 20px;
    border-radius: 8px;
}

    .item-box .logo-partner {
        text-align: center;
        width: 100%;
        border-bottom: 1px solid #CACACA;
        height: auto;
        padding-bottom: 15px;
    }

.title-name {
    font-size: 16px;
    width: 50%;
    text-align: left;
    font-weight: 600;
    float: left;
    display: inline-block;
}

.title-role {
    font-size: 16px;
    width: 50%;
    text-align: right;
    font-weight: 600;
    float: right;
    display: inline-block;
}

.partner-image {
    width: auto;
    margin-bottom: 10px;
    height: 48px;
}

.partner-name {
    width: 100%;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
}

.role-prt {
    font-size: 14px;
    text-align: right;
    font-weight: 500;
    float: right;
    width: 50%;
    display: inline-block;
    color: #757575;
    /* clear: both; */
    padding-left: 10px;
}

.name-prt {
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    float: left;
    width: 50%;
    display: inline-block;
    clear: both;
    color: #757575;
    padding-right: 10px;
}

.partner-cnt ul li {
    line-height: 21px;
    padding: 15px 0px;
}

.owl-pagination {
    display: none !important;
}

.owl-buttons {
    margin-bottom: 10px !important;
}

.partner-sec {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
    text-align: justify;
    background: url(../images/parner-sec.png);
    /* background: #f3f3f3; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.partner-padding {
    padding: 40px 0px!important;
}

.code-conduct-img {
    width: 100% !important;
    margin-bottom: 40px;
    padding-top: 40px;
}

.form-group {
    margin-bottom: 35px !important;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    position: absolute;
    width: auto;
    background: #fff;
    padding: 0px 10px;
    margin-top: -10px;
    margin-left: 10px;
    z-index: 9;
}

#date-container {
    margin-top: 30px;
}

.form-control {
    display: block;
    width: 100%;
    height: 52px !important;
    padding: 6px 20px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 6px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.form-control-date {
    display: block;
    width: 100%;
    height: 52px !important;
    padding: 6px 20px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    border: 0px solid #ccc !important;
    border-radius: 6px;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: inone;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.input-group-date {
    position: relative;
    display: table;
    border-collapse: separate;
    background-color: #fff !important;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
}

.input-group-addon {
    background-color: transparent !important;
    border: 0px solid #ccc!important;
}

.form-control:focus {
    border-color: #ccc !important;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, 0.6)!important;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 0px rgba(102, 175, 233, 0.6)!important;
}

.mrg-btm-p {
    margin-bottom: 35px;
    line-height: 27px;
}

.apply-btn {
    min-width: 135px;
    border-radius: 4px !important;
    text-transform: capitalize;
    min-height: 43px;
    margin-bottom: 20px !important;
    margin-left: 0px;
}

.upload-btn {
    min-width: 200px;
    border-radius: 4px !important;
    text-transform: capitalize;
    background: #024A7A !important;
}

.upload-icon-btn {
    height: 19px;
}

.pdf-icons {
    margin-top: 0;
    display: inline-block !important;
    padding: 10px 0px !important;
    font-size: 15px !important;
    color: #fff;
}

.pdf-right a {
    color: #c4c4c4;
    padding: 0px;
}

.apply-img {
    width: 100%;
    padding-top: 75px;
    padding-bottom: 25px;
}

.pdf-image-apply {
    height: 60px;
}

.tp-parallax-wrap {
    left: 50px !important;
}

.pdd-left-top-menu {
    padding-left: 10px !important;
}

.form-sec-btn {
    min-width: 110px;
    margin-top: 5px !important;
    border-radius: 4px !important;
    text-transform: capitalize;
}

.tbl-bg {
    background: #fff;
    height: auto;
    padding: 20px;
    width: 100%;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    margin-bottom: 30px;
    margin-top: 5px;
    max-height: 360px;
    overflow-y: auto;
}

.tbl-bg-sys-cons {
    background: #fff;
    height: auto;
    padding: 20px;
    width: 100%;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    margin-bottom: 30px;
    margin-top: 20px;
}

.sys-dem {
    float: left;
    width: 100%;
    padding: 30px 0px 0px 0px;
    text-align: justify;
    /* background:url("../images/sys-demand-bg.png"); */
    /* background:#f3f3f3; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.mw {
    color: #23AF4E;
}

.tbl-bg .table th {
    font-size: 16px;
}

.tbl-bg .table td {
    border-top: 0px solid #ddd;
    font-size: 15px;
}

.download-file {
    padding-bottom: 14px;
}

.calendar {
    background: url("../images/date-tbl.png");
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    padding-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: initial;
    line-height: 14px;
    background-position: center;
    align-items: center;
}

.time {
    background: url("../images/time.png");
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    padding-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: initial;
    line-height: 14px;
    background-position: center;
    align-items: center;
}

.date-calendar {
    background: url("../images/date-picker.png");
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    padding-left: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: initial;
    line-height: 14px;
    background-position: center;
    align-items: center;
}

.pdd-left-card {
    padding-left: 0px !important;
}

.tbl-tnb {
    margin-top: 10px;
}

    .tbl-tnb > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
        background: #014b7a;
        color: #fff;
        white-space: nowrap;
    }

table.table-bordered.dataTable {
    display: table;
    overflow-y: auto;
    overflow-x: auto;
    cursor: pointer;
}

    table.table-bordered.dataTable a {
        cursor: pointer;
        padding-right: 5px;
    }

.tbl-constrain {
    color: #fff;
    padding: 20px 0px;
    display: inline-table;
    overflow-y: auto;
    overflow-x: auto;
    border-collapse: separate !important;
    font-size:16px;
}

    .tbl-constrain > thead > tr > th {
        vertical-align: top !important;
        border-bottom: 1px solid #fff !important;
    }

.exis-constrain-cnt {
    padding: 20px 0px;
}

    .exis-constrain-cnt p {
        padding-bottom: 25px;
        padding-top: 25px;
        font-size:16px;
    }

.left-top-bg {
    background: url(../images/left-right-sec.png);
    display: block;
    float: left;
    width: 100%;
    height: 150px;
    background-position: left;
    background-size: contain;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
}

.right-bottom-bg {
    background: url(../images/left-right-sec.png);
    display: block;
    float: right;
    width: 100%;
    height: 150px;
    background-position: right;
    background-size: contain;
    position: inherit;
    right: 0;
    margin-top: -115px;
    background-repeat: no-repeat;
}

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 27px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    line-height: 21px;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: rebeccapurple;
    color: #fff;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    color: #fafafa;
    background: #23af4e;
    vertical-align: middle;
    border: 1px solid #23af4e;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
    outline: 0px solid #ddd; /* focus style */
}

.radio-slect {
    width: auto;
    min-width: 170px;
    display: inline-block;
    float: left;
    background: white;
    border: 0px solid #e9e9e9;
    /* border-radius: 10px; */
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 0px;
    padding: 5px 0px;
    text-align: left;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    margin-right: 20px;
    margin-bottom: 10px;
}

textarea.form-control {
    height: auto;
    min-height: 150px;
    padding: 20px 15px !important;
}

.paddingleft0 {
    padding-left:0px !important;
}

.report-card {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    padding: 20px;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    margin-bottom: 25px;
    min-height: 160px;
}

.report-cardNews {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    padding: 0px;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    margin-bottom: 25px;
    min-height: 160px;
}



.report-card-right {
    float: right !important;
}

.report-card-left {
    float: left !important;
    padding-left: 0px !important;
}

.report-card .left-part {
    width: 65%;
    display: inline-block;
    float: left;
}

.report-card .right-part {
    width: 25%;
    display: inline-block;
    float: right;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    position: relative;
    top: 0;
}

.report-card .left-part p {
    font-weight: 700;
    text-align: left;
    line-height: 21px;
    color: #000;
}

.report-card .right-part p {
    font-weight: 700;
    text-align: center;
    color: #000;
}

.report-cardNews .left-part {
    width: 65%;
    display: inline-block;
    float: left;
}

.report-cardNews .right-part {
    width: 25%;
    display: inline-block;
    float: right;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    position: relative;
    top: 0;
}

.report-cardNews .left-part p {
    font-weight: 700;
    text-align: left;
    line-height: 21px;
    color: #000;
}

.report-cardNews .right-part p {
    font-weight: 700;
    text-align: center;
    color: #000;
}

.approve-card {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    padding: 20px;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    margin-bottom: 25px;
    min-height: 160px;
}

.approve-card-right {
    float: right !important;
}

.approve-card-left {
    float: left !important;
    padding-left: 0px !important;
}

.approve-card .left-part {
    width: 60%;
    display: inline-block;
    float: left;
}

.center-cnts {
    display: inline-block;
    padding-left: 150px;
}


.approve-bg {
    padding-top: 30px;
}

.approve-card .right-part {
    width: 35%;
    display: inline-block;
    float: right;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    position: relative;
    top: 0;
}

.approve-card .left-part p {
    font-weight: 700;
    text-align: left;
    line-height: 21px;
    color: #000;
}

.approve-card .right-part p {
    font-weight: 700;
    text-align: center;
    color: #000;
}


.left-part {
    width: 85%;
    display: inline-block;
    float: left;
}




.right-part {
    width: 15%;
    display: inline-block;
    float: right;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    position: relative;
    top: 40px;
}

.pdf-img {
    height: 60px;
    width: auto;
}

.report-pdf-img {
    height: 45px;
    width: auto;
    padding-right: 0px;
    padding-top: 3px;
    cursor: pointer;
}

.report-delete-img {
    height: 40px;
    width: auto;
    cursor: pointer;
}

/*.pdf-img {
    height: 60px;
    width: auto;
}*/

.report-cnt p {
    line-height: 27px;
    text-align: justify;
    padding-bottom: 15px;
}

.report-sec {
    background: url(../images/about-sec-bg.png) no-repeat;
    width: 100%;
    background-size: contain;
    height: auto;
}

.rpt-left {
    display: inline-block;
    padding-right: 40px;
}

.center-cnt {
    display: inline-block;
    padding-left: 40px;
}

.rpt-desc {
    padding-top: 15px;
}

.rpt-descNews {
    padding-top: 5px;
}

.clsNews {
    max-height: 40px;
    overflow: hidden;
}

.box {
    position: relative;
    background: #ffffff;
    width: 100%;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 10px;
}

.box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

.dropzone-wrapper {
    border: 2px dashed #91b0b3;
    color: #92b0b3;
    position: relative;
    height: 150px;
}

.dropzone-desc {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 40%;
    top: 50px;
    font-size: 16px;
}

.dropzone,
.dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 150px;
    cursor: pointer;
    opacity: 0;
}

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
    background: #ecf0f5;
}

.preview-zone {
    text-align: center;
}

    .preview-zone .box {
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 0;
    }

.update-btn {
    min-width: 200px;
    border-radius: 50px !important;
    text-transform: capitalize;
    margin-bottom: 20px !important;
}

.icoms {
    background: url(../images/icoms.png) no-repeat;
    width: 100%;
    background-size: cover;
    height: auto;
    min-height: 300px;
    color: #fff;
    padding-top: 50px;
}

.msee {
    background: url(../images/msee.png) no-repeat;
    width: 100%;
    background-size: cover;
    height: auto;
    min-height: 300px;
    color: #fff;
    padding-top: 50px;
}

.report-right-card {
    max-height: 700px;
    overflow: hidden;
    overflow-y: auto;
    padding: 5px 10px;
}

.report-right-escel-img {
    height: 45px;
    width: auto;
    padding-right: 0px;
    padding-top: 3px;
}

.lss {
    float: left;
    width: 100%;
    padding: 30px 0px 0px 0px;
    text-align: justify;
    /* background: url(../images/sys-demand-bg.png); */
    /* background: #f3f3f3; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.lss-left h2 {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
}

.lss-left span {
    font-weight: 500;
    font-size: 18px;
    text-transform: capitalize;
}

.lss-right h2 {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
}

.add-field {
    width: 25px;
    margin-right: 5px;
}

.add-cnt {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 14px;
}

.setting-top-bg {
    background: #fff;
    height: auto;
    padding: 20px;
    width: 100%;
    -moz-box-shadow: 0px 0px 5px #c0c0c0;
    -webkit-box-shadow: 0px 0px 5px #c0c0c0;
    box-shadow: 0px 0px 5px #c0c0c0;
    margin-bottom: 30px;
    margin-top: 0px;
    min-height: 595px
}

.disable-btn {
    background: #CACACA;
    color: #000;
    background-image: none !important;
}

.tbl-edit-delete {
    width: 25px;
}

.download-file img {
    height: 30px;
}

#chart1 {
    margin-top: 20px;
    /*height:500px !important;*/
}

.modal-dialog {
    width: 600px;
    margin: 30px auto;
    top: 20%;
}

.modal-header {
    padding: 25px 15px 25px 15px !important;
    border-bottom: 0px solid #e5e5e5 !important;
}

    .modal-header .title-line {
        font-family: 'source_sans_proregular';
        text-transform: uppercase;
        font-size: 27px;
        font-weight: 600;
        padding-top: 5px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.popup-btn {
    min-width: 120px;
    border-radius: 50px !important;
    text-transform: capitalize;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 999999;
}

.position-footer {
    float: left;
    width: 100%;
    position: absolute;
    height: auto;
    bottom: 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 !important;
}

    .close img {
        height: 35px;
    }

.modal-body #date-container {
    margin-top: 0;
}

.modal-body textarea.form-control {
    /* height: auto !important; */
    min-height: auto;
    padding: 10px 15px !important;
    line-height: 14px!important;
    vertical-align: top;
}

.bss-inter-sec {
    background: url(../images/business-interfaces-bg.svg) no-repeat;
    width: 100%;
    background-size: cover;
    height: auto;
    min-height: 115px;
    padding-top: 30px;
}

.cd-conduct-right {
    padding-left: 50px !important;
}

.expand {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    cursor: pointer;
}

#expandall {
    font-size: 17px;
    color: #23527c;
    font-weight: 600;
    cursor: pointer;
}

.collapse {
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    cursor: pointer;
}

#collapseall {
    font-size: 17px;
    color: #00c7dd;
    font-weight: 600;
    cursor: pointer;
}

#slider-button {
    margin-top: 20px;
}

.field-area {
    width: 100%;
    margin-left: -710px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(194, 194, 194, 0.8) 0px 0px 5px;
    border-radius: 8px;
    padding: 10px 15px;
}

.sys-field {
    border-radius: 0px !important;
    border: 0 !important;
    border-bottom: 1px solid #ccc !important;
    box-shadow: none !important;
    padding: 0px 0px !important;
    height: 47px !important;
}

.field-position {
    position: absolute;
    left: 50px;
    top: 20px;
    height: auto;
    overflow-x: hidden;
    width: auto;
    padding: 5px 0px;
}

.sys-field .form-control-date {
    display: block;
    width: 100%;
    height: 45px !important;
    padding: 0px 0px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    border: 0px solid #ccc !important;
    border-radius: 6px;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: inone;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.float-left {
    float: left;
}

.float-right-abt {
    float: right !important;
}

.bx-x {
    position: fixed;
    top: 10px;
    right: 30px;
    width: auto !important;
}

    .bx-x:before {
        content: "\f00d" !important;
        font-size: 17px;
    }

.slick-prev {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 96%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    opacity: 1;
    background-color: white;
    z-index: 19;
    font-size: 31px;
    border-color: transparent;
    box-shadow: 0 2px 6px rgb(211 211 211 / 80%);
}

.slick-next {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 96%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    opacity: 01.5;
    background-color: white;
    z-index: 19;
    font-size: 31px;
    border-color: transparent;
    box-shadow: 0 2px 6px rgb(211 211 211 / 80%);
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #014b7a !important;
    border-color: #014b7a !important;
}

.btn-sys {
    text-align: left;
}

.sys-cns-save-img {
    height: 25px;
    width: auto;
    margin-top: 10px;
    margin-right: 5px;
}

.lss-img {
    width: 250px;
    text-align: center;
}

.lss-img2 {
    width: auto;
    text-align: center;
}

.acc-new-setting {
    padding-left: 0px !important;
}

.setting-h4 {
    font-weight: 600;
    text-align: left;
}

.header-container .full-part {
    padding-right: 0px !important;
}

.Reg-Generation .title-line {
    margin-top: 30px;
}

.btn-left {
    text-align: left;
}

.btn-right {
    text-align: right;
}

a:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

a:hover, a:focus {
    color: #23527c;
    text-decoration: none !important;
}

.fig {
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
}

.map {
}

.map-north, .map-east, .map-central, .map-south, .map-Centralsouth:hover {
    color: #fff !important;
    cursor: pointer !important;
}

.map-north {
    position: absolute;
    margin-top: 80px;
    margin-left: 165px;
    color: #fff;
    font-weight: 600;
    font-size:13px;
}

    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -178px;
        margin-left: 50px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 220px;
        height: 100%;
        padding-top: 255px;
        padding-left: 38px;
    }

.map-east {
    position: absolute;
    margin-top: 120px;
    margin-left: 293px;
    color: #fff;
    font-weight: 600;
    font-size:13px;
}

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -116px;
        margin-left: 158px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 315px;
        height: 100%;
        padding-top: 233px;
        padding-left: 0px;
        padding-right: 13px;
    }

.map-central {
    position: absolute;
    margin-top: 174px;
    margin-left: 209px;
    color: #fff;
    font-weight: 600;
    font-size:13px;
}

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -75px;
        margin-left: 142px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 130px;
        height: 100%;
        padding-top: 246px;
        padding-left: 40px;
    }

.map-south {
    position: absolute;
    margin-top: 260px;
    margin-left: 390px;
    color: #fff;
    font-weight: 600;
    font-size:13px;
}

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 23px;
        margin-left: 295px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 268px;
        height: 100%;
        padding-top: 234px;
        padding-right: 40px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 208px;
    margin-left: 270px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
}
 .map-Centralsouth:hover {
        background: url(../images/CentralSouth.png) no-repeat;
        position: absolute;
        margin-top: -40px;
        margin-left: 235px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 138px;
        height: 100%;
        padding-top: 248px;
        padding-right: 25px;
    }


.north .tooltip {
    position: absolute !important;
}

.north .tooltip-inner {
    background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 14px;
    max-width: 120px;
}

.north .tooltip-arrow {
    border-top-color: #346D94 !important;
}

.north .tooltip.top {
    margin-top: -40px !important;
    top: auto !important;
    left: 155px !important;
}

.central .tooltip {
    position: absolute !important;
}

    .central .tooltip.top {
        margin-top: 75px !important;
        top: auto !important;
        left:200px !important;
    }

.central .tooltip-inner {
    background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 14px;
    max-width: 120px;
}

.central .tooltip-arrow {
    border-top-color: #346D94 !important;
}

.south .tooltip {
    position: absolute !important;
}

    .south .tooltip.top {
        margin-top: 180px !important;
        top: auto !important;
        left:395px !important;
    }

.south .tooltip-inner {
    background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 14px;
    max-width: 105px;
}

.south .tooltip-arrow {
    border-top-color: #346D94 !important;
}

.east .tooltip {
    position: absolute !important;
}

    .east .tooltip.top {
        margin-top: 0px !important;
        top: auto !important;
        left: 290px !important;
    }

.east .tooltip-inner {
    background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 14px;
    max-width: 120px;
}

.east .tooltip-arrow {
    border-top-color: #346D94 !important;
}
.Centralsouth .tooltip.top {
    margin-top: 90px !important;
    top: auto !important;
    left: 272px !important;
}

    .Centralsouth .tooltip-inner {
        background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 14px;
    max-width: 120px;
    }
    .Centralsouth .tooltip-arrow {
    border-top-color: #346D94 !important;
}



@media only screen and (min-width: 320px) and (max-width: 359px) {
    .btnplot {
        text-align: right;
        padding-right: 15px !important;
    }

    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 215px !important;
    }

    .slick-prev {
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 85% !important;
        width: 45px !important;
        height: 45px !important;
        border-radius: 50%;
        opacity: 1;
        background-color: white;
        z-index: 19;
        font-size: 31px;
        border-color: transparent;
        box-shadow: 0 2px 6px rgb(211 211 211 / 80%);
    }

    .slick-next {
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 85% !important;
        width: 45px !important;
        height: 45px !important;
        border-radius: 50%;
        opacity: 01.5;
        background-color: white;
        z-index: 19;
        font-size: 31px;
        border-color: transparent;
        box-shadow: 0 2px 6px rgb(211 211 211 / 80%);
    }

    .map-north {
        position: absolute;
        margin-top: 44px !important;
        margin-left: 88px !important;
        color: #fff;
        font-weight: 600;
        font-size: 7px;
    }

    .map-east {
        position: absolute;
        margin-top: 60px !important;
        margin-left: 160px !important;
        color: #fff;
        font-weight: 600;
        font-size: 7px;
    }

    .map-south {
        position: absolute;
        margin-top: 138px !important;
        margin-left: 208px !important;
        color: #fff;
        font-weight: 600;
        font-size: 7px;
    }

    .map-central {
        position: absolute;
        margin-top: 93px !important;
        margin-left: 112px !important;
        color: #fff;
        font-weight: 600;
        font-size: 7px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 112px;
    margin-left: 145px;
    color: #fff;
    font-weight: 600;
    font-size: 7px;
    line-height: 7px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -107px;
    margin-left: 127px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 76px;
    height: 100%;
    padding-top: 219px;
    padding-right: 14px;
}
.Centralsouth .tooltip.top {
    margin-top: 49px !important;
    top: auto !important;
    left: 114px !important;
}
.Centralsouth .tooltip-inner {
    background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 10px;
    max-width: 120px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -181px !important;
        margin-left: 28px !important;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 118px !important;
        height: 100%;
        padding-top: 222px !important;
        padding-left: 20px !important;
    }

    .north .tooltip.top {
        margin-top: -35px !important;
        top: auto !important;
        left: 52px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -147px !important;
        margin-left: 84px !important;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 170px !important;
        height: 100%;
        padding-top: 215px !important;
    }

    .east .tooltip.top {
        margin-top: -10px !important;
        top: auto !important;
        left: 117px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -126px !important;
        margin-left: 76px !important;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 70px !important;
        height: 100%;
        padding-top: 219px !important;
        padding-left: 21px !important;
    }

    .central .tooltip.top {
        margin-top: 30px !important;
        top: auto !important;
        left: 75px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: -73px !important;
        margin-left: 159px !important;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 143px !important;
        height: 100%;
        padding-top: 212px !important;
        padding-left: 20px;
    }

    .south .tooltip.top {
        margin-top: 90px !important;
        top: auto !important;
        left: 198px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 398px) {
    .btnplot {
        text-align: right;
        padding-right: 15px !important;
    }

    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 235px !important;
    }

    .map-north {
        position: absolute;
        margin-top: 50px;
        margin-left: 98px;
        color: #fff;
        font-weight: 600;
        font-size: 7px;
    }

    .map-east {
        position: absolute;
        margin-top: 70px;
        margin-left: 175px;
        color: #fff;
        font-weight: 600;
        font-size: 7px;
    }

    .map-south {
        position: absolute;
        margin-top: 150px;
        margin-left: 228px;
        color: #fff;
        font-weight: 600;
        font-size: 7px;
    }

    .map-central {
        position: absolute;
        margin-top: 105px;
        margin-left: 126px;
        color: #fff;
        font-weight: 600;
        font-size: 7px;
    }
   .map-Centralsouth {
    position: absolute;
    margin-top: 122px;
    margin-left: 160px;
    color: #fff;
    font-weight: 600;
    font-size: 7px;
    line-height: 8px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -75px;
    margin-left: 138px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 84px;
    height: 100%;
    padding-top: 200px;
    padding-right: 15px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -158px;
        margin-left: 32px;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 125px;
        height: 100%;
        padding-top: 202px;
        padding-left: 23px;
    }

    .north .tooltip.top {
        margin-top: -36px !important;
        top: auto !important;
        left: 60px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -122px !important;
        margin-left: 90px;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 190px;
        height: 100%;
        padding-top: 188px;
    }

    .east .tooltip.top {
        margin-top: -13px !important;
        top: auto !important;
        left: 135px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -100px;
        margin-left: 82px;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 80px;
        height: 100%;
        padding-top: 198px;
        padding-left: 22px;
    }

    .central .tooltip.top {
        margin-top: 37px !important;
        top: auto !important;
        left: 88px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: -38px;
        margin-left: 173px;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 158px;
        height: 100%;
        padding-top: 190px;
        padding-right: 20px;
    }

    .south .tooltip.top {
        margin-top: 100px !important;
        top: auto !important;
        left: 210px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
	.Centralsouth .tooltip.top {
    margin-top: 60px !important;
    top: auto !important;
    left: 129px !important;
}
.Centralsouth .tooltip-inner {
    background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 10px;
    max-width: 120px;
}
}
@media only screen and (min-width: 399px) and (max-width: 414px) {
    .btnplot {
        text-align: right;
        padding-right: 15px !important;
    }

    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 235px !important;
    }

    .map-north {
        position: absolute;
        margin-top: 50px;
        margin-left: 98px;
        color: #fff;
        font-weight: 600;
        font-size: 7px;
    }

    .map-east {
        position: absolute;
        margin-top: 70px;
        margin-left: 175px;
        color: #fff;
        font-weight: 600;
        font-size: 7px;
    }

    .map-south {
        position: absolute;
        margin-top: 150px;
        margin-left: 228px;
        color: #fff;
        font-weight: 600;
        font-size: 7px;
    }

    .map-central {
        position: absolute;
        margin-top: 103px;
        margin-left: 124px;
        color: #fff;
        font-weight: 600;
        font-size: 7px;
    }
   .map-Centralsouth {
    position: absolute;
    margin-top: 122px;
    margin-left: 160px;
    color: #fff;
    font-weight: 600;
    font-size: 7px;
    line-height: 8px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -76px;
    margin-left: 138px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 84px;
    height: 100%;
    padding-top: 200px;
    padding-right: 15px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -159px;
        margin-left: 32px;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 125px;
        height: 100%;
        padding-top: 203px;
        padding-left: 21px;
    }

    .north .tooltip.top {
        margin-top: -36px !important;
        top: auto !important;
        left: 85px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -121px !important;
        margin-left: 90px;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 190px;
        height: 100%;
        padding-top: 191px;
    }

    .east .tooltip.top {
        margin-top: -13px !important;
        top: auto !important;
        left: 158px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -98px;
        margin-left: 82px;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 80px;
        height: 100%;
        padding-top: 198px;
        padding-left: 22px;
    }

    .central .tooltip.top {
        margin-top: 37px !important;
        top: auto !important;
        left: 115px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: -40px;
        margin-left: 173px;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 158px;
        height: 100%;
        padding-top: 192px;
        padding-right: 23px;
    }

    .south .tooltip.top {
        margin-top: 100px !important;
        top: auto !important;
        left: 240px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
	.Centralsouth .tooltip.top {
    margin-top: 60px !important;
    top: auto !important;
    left: 155px !important;
}
.Centralsouth .tooltip-inner {
    background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 10px;
    max-width: 120px;
}
}

@media only screen and (min-width: 415px) and (max-width: 450px) {
    .btnplot {
        text-align: right;
        padding-right: 15px !important;
    }

    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 260px !important;
    }

    .map-north {
        position: absolute;
        margin-top: 50px;
        margin-left: 106px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-east {
        position: absolute;
        margin-top: 80px;
        margin-left: 193px;
        color: #fff;
        font-weight: 600;
        font-size: 8px;
    }

    .map-south {
        position: absolute;
        margin-top: 166px;
        margin-left: 251px;
        color: #fff;
        font-weight: 600;
        font-size: 8px;
    }

    .map-central {
        position: absolute;
        margin-top: 112px;
        margin-left: 135px;
        color: #fff;
        font-weight: 600;
        font-size: 8px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 134px;
    margin-left: 176px;
    color: #fff;
    font-weight: 600;
    font-size: 8px;
    line-height: 8px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -63px;
    margin-left: 154px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 90px;
    height: 100%;
    padding-top: 199px;
    padding-right: 18px;
}
.Centralsouth .tooltip.top {
    margin-top: 20px !important;
    top: auto !important;
    left: 184px !important;
}
.Centralsouth .tooltip-inner {
    background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 10px;
    max-width: 120px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -153px;
        margin-left: 36px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 139px;
        height: 100%;
        padding-top: 201px;
        padding-left: 21px;
    }

    .north .tooltip.top {
        margin-top: -27px !important;
        top: auto !important;
        left: 82px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -112px;
        margin-left: 101px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 208px;
        height: 100%;
        padding-top: 185px;
    }

    .east .tooltip.top {
        margin-top: -5px !important;
        top: auto !important;
        left: 165px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -86px;
        margin-left: 89px;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 90px;
        height: 100%;
        padding-top: 197px;
        padding-left: 25px;
    }

    .central .tooltip.top {
        margin-top: 50px !important;
        top: auto !important;
        left: 112px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: -21px;
        margin-left: 190px;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 180px;
        height: 100%;
        padding-top: 188px;
    }

    .south .tooltip.top {
        margin-top: 117px !important;
        top: auto !important;
        left: 246px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .Centralsouth .tooltip.top {
        margin-top: 70px !important;
        top: auto !important;
        left: 156px !important;
    }

    .Centralsouth .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
}
@media only screen and (min-width: 451px) and (max-width: 479px) {
    .btnplot {
        text-align: right;
        padding-right: 15px !important;
    }

    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 260px !important;
    }

    .map-north {
        position: absolute;
        margin-top: 50px;
        margin-left: 106px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-east {
        position: absolute;
        margin-top: 80px;
        margin-left: 193px;
        color: #fff;
        font-weight: 600;
        font-size: 8px;
    }

    .map-south {
        position: absolute;
        margin-top: 166px;
        margin-left: 251px;
        color: #fff;
        font-weight: 600;
        font-size: 8px;
    }

    .map-central {
        position: absolute;
        margin-top: 112px;
        margin-left: 135px;
        color: #fff;
        font-weight: 600;
        font-size: 8px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 136px;
    margin-left: 166px;
    color: #fff;
    font-weight: 600;
    font-size: 8px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -63px;
    margin-left: 154px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 90px;
    height: 100%;
    padding-top: 199px;
    padding-right: 18px;
}
.Centralsouth .tooltip.top {
    margin-top: 20px !important;
    top: auto !important;
    left: 184px !important;
}
.Centralsouth .tooltip-inner {
    background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 10px;
    max-width: 120px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -153px;
        margin-left: 36px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 139px;
        height: 100%;
        padding-top: 201px;
        padding-left: 21px;
    }

    .north .tooltip.top {
        margin-top: -31px !important;
        top: auto !important;
        left: 113px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -112px;
        margin-left: 101px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 208px;
        height: 100%;
        padding-top: 185px;
    }

    .east .tooltip.top {
        margin-top: -7px !important;
        top: auto !important;
        left: 194px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -86px;
        margin-left: 89px;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 90px;
        height: 100%;
        padding-top: 197px;
        padding-left: 25px;
    }

    .central .tooltip.top {
        margin-top: 46px !important;
        top: auto !important;
        left: 142px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: -21px;
        margin-left: 190px;
        /* z-index: 999; */
        background-position: center;
        background-size: contain;
        width: 180px;
        height: 100%;
        padding-top: 188px;
    }

    .south .tooltip.top {
        margin-top: 117px !important;
        top: auto !important;
        left: 276px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .Centralsouth .tooltip.top {
        margin-top: 70px !important;
        top: auto !important;
        left: 185px !important;
    }

    .Centralsouth .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 512px) {
    .btnplot {
        text-align: right;
        padding-right: 15px !important;
    }

    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 300px !important;
    }

    .map-north {
        position: absolute;
        margin-top: 60px;
        margin-left: 123px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-east {
        position: absolute;
        margin-top: 90px;
        margin-left: 218px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-south {
        position: absolute;
        margin-top: 192px;
        margin-left: 295px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-central {
        position: absolute;
        margin-top: 130px;
        margin-left: 157px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 159px;
    margin-left: 205px;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    line-height: 9px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -81px;
    margin-left: 178px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 100px;
    height: 100%;
    padding-top: 239px;
    padding-right: 18px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -185px;
        margin-left: 40px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 162px;
        height: 100%;
        padding-top: 244px;
        padding-left: 24px;
    }

    .north .tooltip.top {
        margin-top: -22px !important;
        top: auto !important;
        left: 102px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -138px;
        margin-left: 114px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 245px;
        height: 100%;
        padding-top: 231px;
    }

    .east .tooltip.top {
        margin-top: 15px !important;
        top: auto !important;
        left: 200px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -107px;
        margin-left: 104px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 102px;
        height: 100%;
        padding-top: 238px;
        padding-left: 31px;
    }

    .central .tooltip.top {
        margin-top: 68px !important;
        top: auto !important;
        left: 138px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: -33px;
        margin-left: 219px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 208px;
        height: 100%;
        padding-top: 227px;
    }

    .south .tooltip.top {
        margin-top: 145px !important;
        top: auto !important;
        left: 289px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .Centralsouth .tooltip.top {
        margin-top: 95px !important;
        top: auto !important;
        left: 187px !important;
    }

    .Centralsouth .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
}


@media only screen and (min-width: 513px) and (max-width: 539px) {
    .btnplot {
        text-align: right;
        padding-right: 15px !important;
    }

    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 300px !important;
    }

    .map-north {
        position: absolute;
        margin-top: 60px;
        margin-left: 123px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-east {
        position: absolute;
        margin-top: 90px;
        margin-left: 218px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-south {
        position: absolute;
        margin-top: 192px;
        margin-left: 295px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-central {
        position: absolute;
        margin-top: 130px;
        margin-left: 157px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 159px;
    margin-left: 205px;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    line-height: 9px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -64px;
    margin-left: 178px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 100px;
    height: 100%;
    padding-top: 223px;
    padding-right: 18px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -169px;
        margin-left: 40px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 162px;
        height: 100%;
        padding-top: 224px;
        padding-left: 26px;
    }

    .north .tooltip.top {
        margin-top: -22px !important;
        top: auto !important;
        left: 118px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -122px;
        margin-left: 112px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 245px;
        height: 100%;
        padding-top: 213px;
    }

    .east .tooltip.top {
        margin-top: 11px !important;
        top: auto !important;
        left: 213px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -90px;
        margin-left: 104px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 102px;
        height: 100%;
        padding-top: 219px;
        padding-left: 31px;
    }

    .central .tooltip.top {
        margin-top: 65px !important;
        top: auto !important;
        left: 155px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: -17px;
        margin-left: 218px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 208px;
        height: 100%;
        padding-top: 209px;
    }

    .south .tooltip.top {
        margin-top: 145px !important;
        top: auto !important;
        left: 307px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .Centralsouth .tooltip.top {
        margin-top: 95px !important;
        top: auto !important;
        left: 202px !important;
    }

    .Centralsouth .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
}
@media only screen and (min-width: 540px) and (max-width: 587px) {
    .btnplot {
        text-align: right;
        padding-right: 15px !important;
    }

    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 300px !important;
    }

    .map-north {
        position: absolute;
        margin-top: 60px;
        margin-left: 123px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-east {
        position: absolute;
        margin-top: 90px;
        margin-left: 218px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-south {
        position: absolute;
        margin-top: 192px;
        margin-left: 295px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-central {
        position: absolute;
        margin-top: 130px;
        margin-left: 157px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 159px;
    margin-left: 205px;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    line-height: 9px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -62px;
    margin-left: 178px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 100px;
    height: 100%;
    padding-top: 223px;
    padding-right: 18px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -169px;
        margin-left: 40px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 162px;
        height: 100%;
        padding-top: 224px;
        padding-left: 26px;
    }

    .north .tooltip.top {
        margin-top: -22px !important;
        top: auto !important;
        left: 135px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -122px;
        margin-left: 112px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 245px;
        height: 100%;
        padding-top: 213px;
    }

    .east .tooltip.top {
        margin-top: 11px !important;
        top: auto !important;
        left: 228px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -90px;
        margin-left: 104px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 102px;
        height: 100%;
        padding-top: 219px;
        padding-left: 31px;
    }

    .central .tooltip.top {
        margin-top: 65px !important;
        top: auto !important;
        left: 170px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: -17px;
        margin-left: 218px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 208px;
        height: 100%;
        padding-top: 209px;
    }

    .south .tooltip.top {
        margin-top: 140px !important;
        top: auto !important;
        left: 322px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .Centralsouth .tooltip.top {
        margin-top: 95px !important;
        top: auto !important;
        left: 218px !important;
    }

    .Centralsouth .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
}
@media only screen and (min-width: 588px) and (max-width: 618px) {
    .btnplot {
        text-align: right;
        padding-right: 15px !important;
    }

    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 300px !important;
    }

    .map-north {
        position: absolute;
        margin-top: 60px;
        margin-left: 123px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-east {
        position: absolute;
        margin-top: 90px;
        margin-left: 218px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-south {
        position: absolute;
        margin-top: 192px;
        margin-left: 295px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-central {
        position: absolute;
        margin-top: 130px;
        margin-left: 157px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 159px;
    margin-left: 205px;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    line-height: 9px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -63px;
    margin-left: 178px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 100px;
    height: 100%;
    padding-top: 220px;
    padding-right: 18px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -168px;
        margin-left: 40px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 162px;
        height: 100%;
        padding-top: 225px;
        padding-left: 30px;
    }

    .north .tooltip.top {
        margin-top: -22px !important;
        top: auto !important;
        left: 156px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -121px;
        margin-left: 114px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 245px;
        height: 100%;
        padding-top: 208px;
    }

    .east .tooltip.top {
        margin-top: 11px !important;
        top: auto !important;
        left: 252px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -90px;
        margin-left: 104px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 102px;
        height: 100%;
        padding-top: 220px;
        padding-left: 31px;
    }

    .central .tooltip.top {
        margin-top: 65px !important;
        top: auto !important;
        left: 189px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: -17px;
        margin-left: 218px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 208px;
        height: 100%;
        padding-top: 208px;
    }

    .south .tooltip.top {
        margin-top: 140px !important;
        top: auto !important;
        left: 343px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .Centralsouth .tooltip.top {
        margin-top: 95px !important;
        top: auto !important;
        left: 244px !important;
    }

    .Centralsouth .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
}
@media only screen and (min-width: 619px) and (max-width: 650px) {
    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 300px !important;
    }

     .map-north {
        position: absolute;
        margin-top: 60px;
        margin-left: 123px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-east {
        position: absolute;
        margin-top: 90px;
        margin-left: 218px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-south {
        position: absolute;
        margin-top: 192px;
        margin-left: 295px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-central {
        position: absolute;
        margin-top: 130px;
        margin-left: 157px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 159px;
    margin-left: 205px;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    line-height: 9px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -47px;
    margin-left: 178px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 100px;
    height: 100%;
    padding-top: 205px;
    padding-right: 18px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -153px;
        margin-left: 40px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 162px;
        height: 100%;
        padding-top: 213px;
        padding-left: 30px;
    }

    .north .tooltip.top {
        margin-top: -22px !important;
        top: auto !important;
        left: 175px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -105px;
        margin-left: 114px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 245px;
        height: 100%;
        padding-top: 195px;
    }

    .east .tooltip.top {
        margin-top: 11px !important;
        top: auto !important;
        left: 265px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -73px;
        margin-left: 104px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 102px;
        height: 100%;
        padding-top: 204px;
        padding-left: 31px;
    }

    .central .tooltip.top {
        margin-top: 65px !important;
        top: auto !important;
        left: 207px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 0px;
        margin-left: 218px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 208px;
        height: 100%;
        padding-top: 192px;
    }

    .south .tooltip.top {
        margin-top: 140px !important;
        top: auto !important;
        left: 357px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .Centralsouth .tooltip.top {
        margin-top: 95px !important;
        top: auto !important;
        left: 255px !important;
    }

    .Centralsouth .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
}
@media only screen and (min-width: 651px) and (max-width: 689px) {
    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 300px !important;
    }

     .map-north {
        position: absolute;
        margin-top: 60px;
        margin-left: 123px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-east {
        position: absolute;
        margin-top: 90px;
        margin-left: 218px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-south {
        position: absolute;
        margin-top: 192px;
        margin-left: 295px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-central {
        position: absolute;
        margin-top: 130px;
        margin-left: 157px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 159px;
    margin-left: 205px;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    line-height: 9px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -48px;
    margin-left: 176px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 100px;
    height: 100%;
    padding-top: 205px;
    padding-right: 18px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -153px;
        margin-left: 40px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 162px;
        height: 100%;
        padding-top: 213px;
        padding-left: 30px;
    }

    .north .tooltip.top {
        margin-top: -22px !important;
        top: auto !important;
        left: 193px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -105px;
        margin-left: 114px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 245px;
        height: 100%;
        padding-top: 195px;
    }

    .east .tooltip.top {
        margin-top: 11px !important;
        top: auto !important;
        left: 285px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -73px;
        margin-left: 104px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 102px;
        height: 100%;
        padding-top: 204px;
        padding-left: 31px;
    }

    .central .tooltip.top {
        margin-top: 65px !important;
        top: auto !important;
        left: 226px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 0px;
        margin-left: 218px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 208px;
        height: 100%;
        padding-top: 192px;
    }

    .south .tooltip.top {
        margin-top: 140px !important;
        top: auto !important;
        left: 380px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .Centralsouth .tooltip.top {
        margin-top: 95px !important;
        top: auto !important;
        left: 277px !important;
    }

    .Centralsouth .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
}
@media only screen and (min-width: 690px) and (max-width: 740px) {
    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 300px !important;
    }

     .map-north {
        position: absolute;
        margin-top: 60px;
        margin-left: 123px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-east {
        position: absolute;
        margin-top: 90px;
        margin-left: 218px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-south {
        position: absolute;
        margin-top: 192px;
        margin-left: 295px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-central {
        position: absolute;
        margin-top: 130px;
        margin-left: 157px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 159px;
    margin-left: 205px;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    line-height: 9px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -48px;
    margin-left: 176px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 100px;
    height: 100%;
    padding-top: 205px;
    padding-right: 18px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -153px;
        margin-left: 40px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 162px;
        height: 100%;
        padding-top: 213px;
        padding-left: 30px;
    }

    .north .tooltip.top {
        margin-top: -22px !important;
        top: auto !important;
        left: 225px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -105px;
        margin-left: 114px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 245px;
        height: 100%;
        padding-top: 195px;
    }

    .east .tooltip.top {
        margin-top: 11px !important;
        top: auto !important;
        left: 320px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -73px;
        margin-left: 104px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 102px;
        height: 100%;
        padding-top: 204px;
        padding-left: 31px;
    }

    .central .tooltip.top {
        margin-top: 65px !important;
        top: auto !important;
        left: 255px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 0px;
        margin-left: 218px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 208px;
        height: 100%;
        padding-top: 192px;
    }

    .south .tooltip.top {
        margin-top: 140px !important;
        top: auto !important;
        left: 408px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .Centralsouth .tooltip.top {
        margin-top: 95px !important;
        top: auto !important;
        left: 305px !important;
    }

    .Centralsouth .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
}

@media only screen and (min-width: 741px) and (max-width: 767px) {
    .modal-body {
        max-height: 330px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 150px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: auto !important;
        height: 300px !important;
    }

     .map-north {
        position: absolute;
        margin-top: 60px;
        margin-left: 123px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-east {
        position: absolute;
        margin-top: 90px;
        margin-left: 218px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-south {
        position: absolute;
        margin-top: 192px;
        margin-left: 295px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }

    .map-central {
        position: absolute;
        margin-top: 130px;
        margin-left: 157px;
        color: #fff;
        font-weight: 600;
        font-size: 9px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 159px;
    margin-left: 205px;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    line-height: 9px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -48px;
    margin-left: 176px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 100px;
    height: 100%;
    padding-top: 205px;
    padding-right: 18px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -153px;
        margin-left: 40px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 162px;
        height: 100%;
        padding-top: 213px;
        padding-left: 30px;
    }

    .north .tooltip.top {
        margin-top: -22px !important;
        top: auto !important;
        left: 240px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -105px;
        margin-left: 114px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 245px;
        height: 100%;
        padding-top: 195px;
    }

    .east .tooltip.top {
        margin-top: 11px !important;
        top: auto !important;
        left: 330px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -73px;
        margin-left: 104px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 102px;
        height: 100%;
        padding-top: 204px;
        padding-left: 31px;
    }

    .central .tooltip.top {
        margin-top: 65px !important;
        top: auto !important;
        left: 275px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 0px;
        margin-left: 218px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 208px;
        height: 100%;
        padding-top: 192px;
    }

    .south .tooltip.top {
        margin-top: 140px !important;
        top: auto !important;
        left: 428px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }

    .Centralsouth .tooltip.top {
        margin-top: 95px !important;
        top: auto !important;
        left: 325px !important;
    }

    .Centralsouth .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 772px) {
    .psi-code-card-1 .right-part span {
        font-weight: 600;
        width: 100%;
        text-align: left;
        font-size: 16px;
        color: #014b7a;
        display: inline-block;
    }

    .psi-code-card-1 .right-part p {
        font-weight: 600;
        text-align: left;
        font-size: 14px;
        width: 100%;
        color: #24b04f;
        display: inline-block;
        float: left;
    }

    .psi-code-card-1 .left-part p {
        font-weight: 700;
        text-align: left;
        font-size: 13px;
    }

    .tbl-constrain {
        color: #fff;
        padding: 20px 0px;
        display: block;
        overflow-y: auto;
        overflow-x: auto;
        border-collapse: separate !important;
    }

    .modal-body {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 125px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: 100% !important;
        height: auto !important;
    }

    .map-north {
        position: absolute;
        margin-top: 105px;
        margin-left: 220px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 158px;
        margin-left: 390px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 338px;
        margin-left: 519px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 230px;
        margin-left: 280px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 277px;
    margin-left: 360px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}

    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -213px;
        margin-left: 71px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 280px;
        height: 100%;
        padding-top: 315px;
        padding-left: 46px;
    }
.Centralsouth .tooltip.top {
    margin-top: 155px !important;
    top: auto !important;
    left: 335px !important;
}
    .north .tooltip.top {
        margin-top: -15px !important;
        top: auto !important;
        left: 190px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -130px;
        margin-left: 204px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 421px;
        height: 100%;
        padding-top: 282px;
        padding-right: 50px;
    }

    .east .tooltip.top {
        margin-top: 35px !important;
        top: auto !important;
        left: 340px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -78px;
        margin-left: 186px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 172px;
        height: 100%;
        padding-top: 306px;
        padding-left: 59px;
    }

    .central .tooltip.top {
        margin-top: 125px !important;
        top: auto !important;
        left: 250px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -31px;
    margin-left: 307px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 184px;
    height: 100%;
    padding-top: 310px;
    padding-right: 33px;
}
    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 51px;
        margin-left: 382px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 360px;
        height: 100%;
        padding-top: 284px;
        padding-left: 0px;
    }

    .south .tooltip.top {
        margin-top: 260px !important;
        top: auto !important;
        left: 500px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 773px) and (max-width: 778px) {
    .psi-code-card-1 .right-part span {
        font-weight: 600;
        width: 100%;
        text-align: left;
        font-size: 16px;
        color: #014b7a;
        display: inline-block;
    }

    .psi-code-card-1 .right-part p {
        font-weight: 600;
        text-align: left;
        font-size: 14px;
        width: 100%;
        color: #24b04f;
        display: inline-block;
        float: left;
    }

    .psi-code-card-1 .left-part p {
        font-weight: 700;
        text-align: left;
        font-size: 13px;
    }

    .tbl-constrain {
        color: #fff;
        padding: 20px 0px;
        display: block;
        overflow-y: auto;
        overflow-x: auto;
        border-collapse: separate !important;
    }

    .modal-body {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 125px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: 100% !important;
        height: auto !important;
    }

    .map-north {
        position: absolute;
        margin-top: 105px;
        margin-left: 220px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 160px;
        margin-left: 390px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 338px;
        margin-left: 519px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 230px;
        margin-left: 280px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 277px;
    margin-left: 365px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
.Centralsouth .tooltip.top {
    margin-top: 175px !important;
    top: auto !important;
    left: 335px !important;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -31px;
    margin-left: 307px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 184px;
    height: 100%;
    padding-top: 310px;
    padding-right: 33px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -215px;
        margin-left: 71px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 282px;
        height: 100%;
        padding-top: 315px;
        padding-left: 46px;
    }

    .north .tooltip.top {
        margin-top: 5px !important;
        top: auto !important;
        left: 190px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -130px;
        margin-left: 204px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 421px;
        height: 100%;
        padding-top: 282px;
        padding-right: 50px;
    }

    .east .tooltip.top {
        margin-top: 50px !important;
        top: auto !important;
        left: 340px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -77px;
        margin-left: 186px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 175px;
        height: 100%;
        padding-top: 306px;
        padding-left: 59px;
    }

    .central .tooltip.top {
        margin-top: 125px !important;
        top: auto !important;
        left: 250px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 51px;
        margin-left: 387px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 360px;
        height: 100%;
        padding-top: 284px;
        padding-left: 0px;
    }

    .south .tooltip.top {
        margin-top: 273px !important;
        top: auto !important;
        left: 506px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 779px) and (max-width: 783px) {
    .psi-code-card-1 .right-part span {
        font-weight: 600;
        width: 100%;
        text-align: left;
        font-size: 16px;
        color: #014b7a;
        display: inline-block;
    }

    .psi-code-card-1 .right-part p {
        font-weight: 600;
        text-align: left;
        font-size: 14px;
        width: 100%;
        color: #24b04f;
        display: inline-block;
        float: left;
    }

    .psi-code-card-1 .left-part p {
        font-weight: 700;
        text-align: left;
        font-size: 13px;
    }

    .tbl-constrain {
        color: #fff;
        padding: 20px 0px;
        display: block;
        overflow-y: auto;
        overflow-x: auto;
        border-collapse: separate !important;
    }

    .modal-body {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 125px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: 100% !important;
        height: auto !important;
    }

    .map-north {
        position: absolute;
        margin-top: 105px;
        margin-left: 220px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 160px;
        margin-left: 395px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 338px;
        margin-left: 519px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 229px;
        margin-left: 280px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 277px;
    margin-left: 368px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
	   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -31px;
    margin-left: 307px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 184px;
    height: 100%;
    padding-top: 310px;
    padding-right: 33px;
}

    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -215px;
        margin-left: 71px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 288px;
        height: 100%;
        padding-top: 315px;
        padding-left: 46px;
    }

    .north .tooltip.top {
        margin-top: 5px !important;
        top: auto !important;
        left: 190px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -130px;
        margin-left: 207px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 426px;
        height: 100%;
        padding-top: 282px;
        padding-right: 50px;
    }
.Centralsouth .tooltip.top {
    margin-top: 175px !important;
    top: auto !important;
    left: 335px !important;
}
    .east .tooltip.top {
        margin-top: 50px !important;
        top: auto !important;
        left: 340px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -78px;
        margin-left: 186px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 179px;
        height: 100%;
        padding-top: 306px;
        padding-left: 54px;
    }

    .central .tooltip.top {
        margin-top: 125px !important;
        top: auto !important;
        left: 250px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 51px;
        margin-left: 389px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 360px;
        height: 100%;
        padding-top: 284px;
        padding-left: 0px;
    }

    .south .tooltip.top {
        margin-top: 273px !important;
        top: auto !important;
        left: 506px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 784px) and (max-width: 789px) {
    .psi-code-card-1 .right-part span {
        font-weight: 600;
        width: 100%;
        text-align: left;
        font-size: 16px;
        color: #014b7a;
        display: inline-block;
    }

    .psi-code-card-1 .right-part p {
        font-weight: 600;
        text-align: left;
        font-size: 14px;
        width: 100%;
        color: #24b04f;
        display: inline-block;
        float: left;
    }

    .psi-code-card-1 .left-part p {
        font-weight: 700;
        text-align: left;
        font-size: 13px;
    }

    .tbl-constrain {
        color: #fff;
        padding: 20px 0px;
        display: block;
        overflow-y: auto;
        overflow-x: auto;
        border-collapse: separate !important;
    }

    .modal-body {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 125px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: 100% !important;
        height: auto !important;
    }

    .map-north {
        position: absolute;
        margin-top: 105px;
        margin-left: 220px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 160px;
        margin-left: 390px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 338px;
        margin-left: 519px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 230px;
        margin-left: 284px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 277px;
    margin-left: 370px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -30px;
    margin-left: 312px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 187px;
    height: 100%;
    padding-top: 310px;
    padding-right: 33px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -217px;
        margin-left: 71px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 290px;
        height: 100%;
        padding-top: 315px;
        padding-left: 46px;
    }
.Centralsouth .tooltip.top {
    margin-top: 175px !important;
    top: auto !important;
    left: 335px !important;
}
    .north .tooltip.top {
        margin-top: 5px !important;
        top: auto !important;
        left: 192px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -130px;
        margin-left: 207px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 430px;
        height: 100%;
        padding-top: 282px;
        padding-right: 50px;
    }

    .east .tooltip.top {
        margin-top: 50px !important;
        top: auto !important;
        left: 352px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -80px;
        margin-left: 190px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 179px;
        height: 100%;
        padding-top: 306px;
        padding-left: 54px;
    }

    .central .tooltip.top {
        margin-top: 125px !important;
        top: auto !important;
        left: 250px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 55px;
        margin-left: 394px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 364px;
        height: 100%;
        padding-top: 284px;
        padding-left: 0px;
    }

    .south .tooltip.top {
        margin-top: 273px !important;
        top: auto !important;
        left: 506px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 790px) and (max-width: 796px) {
    .psi-code-card-1 .right-part span {
        font-weight: 600;
        width: 100%;
        text-align: left;
        font-size: 16px;
        color: #014b7a;
        display: inline-block;
    }

    .psi-code-card-1 .right-part p {
        font-weight: 600;
        text-align: left;
        font-size: 14px;
        width: 100%;
        color: #24b04f;
        display: inline-block;
        float: left;
    }

    .psi-code-card-1 .left-part p {
        font-weight: 700;
        text-align: left;
        font-size: 13px;
    }

    .tbl-constrain {
        color: #fff;
        padding: 20px 0px;
        display: block;
        overflow-y: auto;
        overflow-x: auto;
        border-collapse: separate !important;
    }

    .modal-body {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 125px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: 100% !important;
        height: auto !important;
    }

    .map-north {
        position: absolute;
        margin-top: 105px;
        margin-left: 220px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 160px;
        margin-left: 392px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 338px;
        margin-left: 519px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 230px;
        margin-left: 285px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 277px;
    margin-left: 370px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -30px;
    margin-left: 312px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 187px;
    height: 100%;
    padding-top: 310px;
    padding-right: 33px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -219px;
        margin-left: 71px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 290px;
        height: 100%;
        padding-top: 315px;
        padding-left: 46px;
    }
.Centralsouth .tooltip.top {
    margin-top: 175px !important;
    top: auto !important;
    left: 335px !important;
}
    .north .tooltip.top {
        margin-top: 5px !important;
        top: auto !important;
        left: 192px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -132px;
        margin-left: 209px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 433px;
        height: 100%;
        padding-top: 282px;
        padding-right: 50px;
    }

    .east .tooltip.top {
        margin-top: 50px !important;
        top: auto !important;
        left: 352px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -80px;
        margin-left: 190px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 179px;
        height: 100%;
        padding-top: 306px;
        padding-left: 54px;
    }

    .central .tooltip.top {
        margin-top: 125px !important;
        top: auto !important;
        left: 250px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 54px;
        margin-left: 394px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 370px;
        height: 100%;
        padding-top: 284px;
        padding-left: 0px;
    }

    .south .tooltip.top {
        margin-top: 273px !important;
        top: auto !important;
        left: 506px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 797px) and (max-width: 806px) {
    .psi-code-card-1 .right-part span {
        font-weight: 600;
        width: 100%;
        text-align: left;
        font-size: 16px;
        color: #014b7a;
        display: inline-block;
    }

    .psi-code-card-1 .right-part p {
        font-weight: 600;
        text-align: left;
        font-size: 14px;
        width: 100%;
        color: #24b04f;
        display: inline-block;
        float: left;
    }

    .psi-code-card-1 .left-part p {
        font-weight: 700;
        text-align: left;
        font-size: 13px;
    }

    .tbl-constrain {
        color: #fff;
        padding: 20px 0px;
        display: block;
        overflow-y: auto;
        overflow-x: auto;
        border-collapse: separate !important;
    }

    .modal-body {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 125px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: 100% !important;
        height: auto !important;
    }

    .map-north {
        position: absolute;
        margin-top: 110px;
        margin-left: 228px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 165px;
        margin-left: 405px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 347px;
        margin-left: 537px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 237px;
        margin-left: 290px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 290px;
    margin-left: 376px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -30px;
    margin-left: 318px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 191px;
    height: 100%;
    padding-top: 320px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -219px;
        margin-left: 71px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 299px;
        height: 100%;
        padding-top: 324px;
        padding-left: 49px;
    }
.Centralsouth .tooltip.top {
    margin-top: 186px !important;
    top: auto !important;
    left: 342px !important;
}
    .north .tooltip.top {
        margin-top: 8px !important;
        top: auto !important;
        left: 200px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -132px;
        margin-left: 213px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 440px;
        height: 100%;
        padding-top: 292px;
        padding-right: 40px;
    }

    .east .tooltip.top {
        margin-top: 55px !important;
        top: auto !important;
        left: 365px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -78px;
        margin-left: 191px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 186px;
        height: 100%;
        padding-top: 306px;
        padding-left: 47px;
    }

    .central .tooltip.top {
        margin-top: 128px !important;
        top: auto !important;
        left: 262px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 56px;
        margin-left: 397px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 380px;
        height: 100%;
        padding-top: 294px;
        padding-left: 0;
        padding-right: 72px;
    }

    .south .tooltip.top {
        margin-top: 292px !important;
        top: auto !important;
        left: 510px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 807px) and (max-width: 816px) {
    .psi-code-card-1 .right-part span {
        font-weight: 600;
        width: 100%;
        text-align: left;
        font-size: 16px;
        color: #014b7a;
        display: inline-block;
    }

    .psi-code-card-1 .right-part p {
        font-weight: 600;
        text-align: left;
        font-size: 14px;
        width: 100%;
        color: #24b04f;
        display: inline-block;
        float: left;
    }

    .psi-code-card-1 .left-part p {
        font-weight: 700;
        text-align: left;
        font-size: 13px;
    }

    .tbl-constrain {
        color: #fff;
        padding: 20px 0px;
        display: block;
        overflow-y: auto;
        overflow-x: auto;
        border-collapse: separate !important;
    }

    .modal-body {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 125px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }

    .map-area {
        width: 100% !important;
        height: auto !important;
    }

    .map-north {
        position: absolute;
        margin-top: 110px;
        margin-left: 228px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 165px;
        margin-left: 405px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 347px;
        margin-left: 537px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 240px;
        margin-left: 295px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 290px;
    margin-left: 384px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -29px;
    margin-left: 325px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 196px;
    height: 100%;
    padding-top: 320px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -221px;
        margin-left: 71px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 302px;
        height: 100%;
        padding-top: 324px;
        padding-left: 49px;
    }
.Centralsouth .tooltip.top {
    margin-top: 186px !important;
    top: auto !important;
    left: 359px !important;
}
    .north .tooltip.top {
        margin-top: 8px !important;
        top: auto !important;
        left: 200px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -132px;
        margin-left: 212px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 447px;
        height: 100%;
        padding-top: 292px;
        padding-right: 40px;
    }

    .east .tooltip.top {
        margin-top: 55px !important;
        top: auto !important;
        left: 365px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -80px;
        margin-left: 191px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 190px;
        height: 100%;
        padding-top: 310px;
        padding-left: 47px;
    }

    .central .tooltip.top {
        margin-top: 130px !important;
        top: auto !important;
        left: 262px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 56px;
        margin-left: 397px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 391px;
        height: 100%;
        padding-top: 294px;
        padding-left: 0;
        padding-right: 72px;
    }

    .south .tooltip.top {
        margin-top: 292px !important;
        top: auto !important;
        left: 513px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 817px) and (max-width: 823px) {
    .map-area {
        width: 100% !important;
        height: auto !important;
    }

    .map-north {
        position: absolute;
        margin-top: 110px;
        margin-left: 228px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 165px;
        margin-left: 405px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 347px;
        margin-left: 537px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 240px;
        margin-left: 295px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 294px;
    margin-left: 385px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -29px;
    margin-left: 325px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 196px;
    height: 100%;
    padding-top: 320px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -222px;
        margin-left: 73px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 304px;
        height: 100%;
        padding-top: 328px;
        padding-left: 49px;
    }
.Centralsouth .tooltip.top {
    margin-top: 170px !important;
    top: auto !important;
    left: 359px !important;
}
    .north .tooltip.top {
        margin-top: -10px !important;
        top: auto !important;
        left: 205px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -132px;
        margin-left: 214px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 457px;
        height: 100%;
        padding-top: 292px;
        padding-right: 40px;
    }

    .east .tooltip.top {
        margin-top: 45px !important;
        top: auto !important;
        left: 374px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -80px;
        margin-left: 193px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 193px;
        height: 100%;
        padding-top: 310px;
        padding-left: 47px;
    }

    .central .tooltip.top {
        margin-top: 130px !important;
        top: auto !important;
        left: 262px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 56px;
        margin-left: 397px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 398px;
        height: 100%;
        padding-top: 294px;
        padding-left: 0;
        padding-right: 72px;
    }

    .south .tooltip.top {
        margin-top: 270px !important;
        top: auto !important;
        left: 521px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 824px) and (max-width: 835px) {
    .map-area {
        width: 100% !important;
        height: auto !important;
    }

    .map-north {
        position: absolute;
        margin-top: 117px;
        margin-left: 239px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 174px;
        margin-left: 419px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 360px;
        margin-left: 550px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 241px;
        margin-left: 300px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 298px;
    margin-left: 390px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -27px;
    margin-left: 328px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 203px;
    height: 100%;
    padding-top: 327px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -225px;
        margin-left: 73px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 309px;
        height: 100%;
        padding-top: 337px;
        padding-left: 52px;
    }
.Centralsouth .tooltip.top {
    margin-top: 199px !important;
    top: auto !important;
    left: 365px !important;
}
    .north .tooltip.top {
        margin-top: 17px !important;
        top: auto !important;
        left: 205px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -132px;
        margin-left: 216px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 464px;
        height: 100%;
        padding-top: 300px;
        padding-right: 35px;
    }

    .east .tooltip.top {
        margin-top: 67px !important;
        top: auto !important;
        left: 383px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -80px;
        margin-left: 195px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 197px;
        height: 100%;
        padding-top: 315px;
        padding-left: 50px;
    }

    .central .tooltip.top {
        margin-top: 138px !important;
        top: auto !important;
        left: 270px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 60px;
        margin-left: 401px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 406px;
        height: 100%;
        padding-top: 294px;
        padding-left: 0;
        padding-right: 72px;
    }

    .south .tooltip.top {
        margin-top: 292px !important;
        top: auto !important;
        left: 531px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 835px) and (max-width: 844px) {
    .map-area {
        width: 100% !important;
        height: auto !important;
    }

    .map-north {
        position: absolute;
        margin-top: 117px;
        margin-left: 239px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 174px;
        margin-left: 419px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 367px;
        margin-left: 566px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 249px;
        margin-left: 306px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 303px;
    margin-left: 394px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -27px;
    margin-left: 333px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 203px;
    height: 100%;
    padding-top: 335px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -227px;
        margin-left: 75px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 310px;
        height: 100%;
        padding-top: 337px;
        padding-left: 52px;
    }
.Centralsouth .tooltip.top {
    margin-top: 205px !important;
    top: auto !important;
    left: 374px !important;
}
    .north .tooltip.top {
        margin-top: 10px !important;
        top: auto !important;
        left: 210px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -136px;
        margin-left: 220px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 464px;
        height: 100%;
        padding-top: 300px;
        padding-right: 35px;
    }

    .east .tooltip.top {
        margin-top: 67px !important;
        top: auto !important;
        left: 390px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -80px;
        margin-left: 202px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 194px;
        height: 100%;
        padding-top: 321px;
        padding-left: 50px;
    }

    .central .tooltip.top {
        margin-top: 144px !important;
        top: auto !important;
        left: 275px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 60px;
        margin-left: 414px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 405px;
        height: 100%;
        padding-top: 306px;
        padding-left: 0;
        padding-right: 72px;
    }

    .south .tooltip.top {
        margin-top: 307px !important;
        top: auto !important;
        left: 544px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 845px) and (max-width: 857px) {
    .map-area {
        width: 100% !important;
        height: auto !important;
    }

    .map-north {
        position: absolute;
        margin-top: 117px;
        margin-left: 239px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 174px;
        margin-left: 428px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 372px;
        margin-left: 566px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 249px;
        margin-left: 306px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 305px;
    margin-left: 402px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -27px;
    margin-left: 333px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 203px;
    height: 100%;
    padding-top: 335px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -229px;
        margin-left: 75px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 318px;
        height: 100%;
        padding-top: 337px;
        padding-left: 52px;
    }
.Centralsouth .tooltip.top {
    margin-top: 205px !important;
    top: auto !important;
    left: 374px !important;
}
    .north .tooltip.top {
        margin-top: 10px !important;
        top: auto !important;
        left: 210px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -136px;
        margin-left: 227px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 468px;
        height: 100%;
        padding-top: 300px;
        padding-right: 35px;
    }

    .east .tooltip.top {
        margin-top: 67px !important;
        top: auto !important;
        left: 390px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -80px;
        margin-left: 202px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 194px;
        height: 100%;
        padding-top: 321px;
        padding-left: 50px;
    }

    .central .tooltip.top {
        margin-top: 144px !important;
        top: auto !important;
        left: 275px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 61px;
        margin-left: 422px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 404px;
        height: 100%;
        padding-top: 306px;
        padding-left: 0;
        padding-right: 72px;
    }

    .south .tooltip.top {
        margin-top: 307px !important;
        top: auto !important;
        left: 544px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 858px) and (max-width: 864px) {
    .map-area {
        width: 100% !important;
        height: auto !important;
    }
    .map-north {
        position: absolute;
        margin-top: 117px;
        margin-left: 239px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 174px;
        margin-left: 435px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 367px;
        margin-left: 566px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 255px;
        margin-left: 315px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 310px;
    margin-left: 410px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -29px;
    margin-left: 342px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 206px;
    height: 100%;
    padding-top: 335px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -231px;
        margin-left: 76px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 322px;
        height: 100%;
        padding-top: 337px;
        padding-left: 52px;
    }
.Centralsouth .tooltip.top {
    margin-top: 205px !important;
    top: auto !important;
    left: 385px !important;
}
    .north .tooltip.top {
        margin-top: 10px !important;
        top: auto !important;
        left: 217px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -136px;
        margin-left: 229px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 472px;
        height: 100%;
        padding-top: 300px;
        padding-right: 35px;
    }

    .east .tooltip.top {
        margin-top: 67px !important;
        top: auto !important;
        left: 403px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -82px;
        margin-left: 207px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 196px;
        height: 100%;
        padding-top: 321px;
        padding-left: 50px;
    }

    .central .tooltip.top {
        margin-top: 144px !important;
        top: auto !important;
        left: 285px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 61px;
        margin-left: 428px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 404px;
        height: 100%;
        padding-top: 306px;
        padding-left: 0;
        padding-right: 72px;
    }

    .south .tooltip.top {
        margin-top: 307px !important;
        top: auto !important;
        left: 555px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 865px) and (max-width: 875px) {
    .map-area {
        width: 100% !important;
        height: auto !important;
    }
    .map-north {
        position: absolute;
        margin-top: 117px;
        margin-left: 248px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 175px;
        margin-left: 435px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 380px;
        margin-left: 590px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 260px;
        margin-left: 318px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 315px;
    margin-left: 412px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -29px;
    margin-left: 342px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 206px;
    height: 100%;
    padding-top: 335px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -234px;
        margin-left: 76px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 322px;
        height: 100%;
        padding-top: 337px;
        padding-left: 52px;
    }
.Centralsouth .tooltip.top {
    margin-top: 205px !important;
    top: auto !important;
    left: 385px !important;
}
    .north .tooltip.top {
        margin-top: 10px !important;
        top: auto !important;
        left: 217px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -137px;
        margin-left: 231px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 475px;
        height: 100%;
        padding-top: 300px;
        padding-right: 35px;
    }

    .east .tooltip.top {
        margin-top: 67px !important;
        top: auto !important;
        left: 403px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -80px;
        margin-left: 210px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 196px;
        height: 100%;
        padding-top: 327px;
        padding-left: 50px;
    }

    .central .tooltip.top {
        margin-top: 144px !important;
        top: auto !important;
        left: 285px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 65px;
        margin-left: 430px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 409px;
        height: 100%;
        padding-top: 306px;
        padding-left: 0;
        padding-right: 72px;
    }

    .south .tooltip.top {
        margin-top: 307px !important;
        top: auto !important;
        left: 555px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 876px) and (max-width: 882px) {
    .map-area {
        width: 100% !important;
        height: auto !important;
    }
    .map-north {
        position: absolute;
        margin-top: 117px;
        margin-left: 248px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 175px;
        margin-left: 435px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 380px;
        margin-left: 590px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 265px;
        margin-left: 325px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 315px;
    margin-left: 419px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -26px;
    margin-left: 349px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 210px;
    height: 100%;
    padding-top: 343px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -236px;
        margin-left: 81px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 322px;
        height: 100%;
        padding-top: 351px;
        padding-left: 52px;
    }
.Centralsouth .tooltip.top {
    margin-top: 215px !important;
    top: auto !important;
    left: 395px !important;
}
    .north .tooltip.top {
        margin-top: 18px !important;
        top: auto !important;
        left: 220px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -139px;
        margin-left: 234px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 478px;
        height: 100%;
        padding-top: 300px;
        padding-right: 35px;
    }

    .east .tooltip.top {
        margin-top: 67px !important;
        top: auto !important;
        left: 410px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -80px;
        margin-left: 210px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 196px;
        height: 100%;
        padding-top: 337px;
        padding-left: 55px;
    }

    .central .tooltip.top {
        margin-top: 160px !important;
        top: auto !important;
        left: 290px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 67px;
        margin-left: 442px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 412px;
        height: 100%;
        padding-top: 306px;
        padding-left: 0;
        padding-right: 72px;
    }

    .south .tooltip.top {
        margin-top: 310px !important;
        top: auto !important;
        left: 565px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 883px) and (max-width: 890px) {
    .map-area {
        width: 100% !important;
        height: auto !important;
    }
    .map-north {
        position: absolute;
        margin-top: 121px;
        margin-left: 253px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 175px;
        margin-left: 450px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 380px;
        margin-left: 590px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 265px;
        margin-left: 325px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 320px;
    margin-left: 425px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -26px;
    margin-left: 354px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 210px;
    height: 100%;
    padding-top: 343px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -238px;
        margin-left: 81px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 324px;
        height: 100%;
        padding-top: 351px;
        padding-left: 52px;
    }
.Centralsouth .tooltip.top {
    margin-top: 215px !important;
    top: auto !important;
    left: 395px !important;
}
    .north .tooltip.top {
        margin-top: 18px !important;
        top: auto !important;
        left: 220px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -141px;
        margin-left: 236px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 478px;
        height: 100%;
        padding-top: 300px;
        padding-right: 35px;
    }

    .east .tooltip.top {
        margin-top: 67px !important;
        top: auto !important;
        left: 410px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -80px;
        margin-left: 219px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 196px;
        height: 100%;
        padding-top: 337px;
        padding-left: 55px;
    }

    .central .tooltip.top {
        margin-top: 160px !important;
        top: auto !important;
        left: 290px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 67px;
        margin-left: 445px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 412px;
        height: 100%;
        padding-top: 306px;
        padding-left: 0;
        padding-right: 72px;
    }

    .south .tooltip.top {
        margin-top: 310px !important;
        top: auto !important;
        left: 565px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 891px) and (max-width: 899px) {
    .map-area {
        width: 100% !important;
        height: auto !important;
    }
    .map-north {
        position: absolute;
        margin-top: 121px;
        margin-left: 253px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 175px;
        margin-left: 450px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 380px;
        margin-left: 590px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 260px;
        margin-left: 323px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 328px;
    margin-left: 430px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -26px;
    margin-left: 360px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 215px;
    height: 100%;
    padding-top: 343px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -241px;
        margin-left: 83px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 329px;
        height: 100%;
        padding-top: 351px;
        padding-left: 52px;
    }
.Centralsouth .tooltip.top {
    margin-top: 218px !important;
    top: auto !important;
    left: 405px !important;
}
    .north .tooltip.top {
        margin-top: 18px !important;
        top: auto !important;
        left: 220px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -141px;
        margin-left: 240px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 487px;
        height: 100%;
        padding-top: 310px;
        padding-right: 45px;
    }

    .east .tooltip.top {
        margin-top: 67px !important;
        top: auto !important;
        left: 410px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -82px;
        margin-left: 219px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 200px;
        height: 100%;
        padding-top: 337px;
        padding-left: 55px;
    }

    .central .tooltip.top {
        margin-top: 160px !important;
        top: auto !important;
        left: 290px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 72px;
        margin-left: 448px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 425px;
        height: 100%;
        padding-top: 313px;
        padding-left: 0;
        padding-right: 94px;
    }

    .south .tooltip.top {
        margin-top: 325px !important;
        top: auto !important;
        left: 575px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 900px) and (max-width: 906px) {
    .map-area {
        width: 100% !important;
        height: auto !important;
    }
    .map-north {
        position: absolute;
        margin-top: 121px;
        margin-left: 253px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 175px;
        margin-left: 450px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 380px;
        margin-left: 590px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 270px;
        margin-left: 332px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 328px;
    margin-left: 430px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -8px;
    margin-left: 360px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 219px;
    height: 100%;
    padding-top: 343px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -223px;
        margin-left: 82px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 334px;
        height: 100%;
        padding-top: 351px;
        padding-left: 52px;
    }
.Centralsouth .tooltip.top {
    margin-top: 234px !important;
    top: auto !important;
    left: 405px !important;
}
    .north .tooltip.top {
        margin-top: 30px !important;
        top: auto !important;
        left: 230px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -124px;
        margin-left: 240px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 495px;
        height: 100%;
        padding-top: 310px;
        padding-right: 45px;
    }

    .east .tooltip.top {
        margin-top: 88px !important;
        top: auto !important;
        left: 418px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -64px;
        margin-left: 221px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 200px;
        height: 100%;
        padding-top: 337px;
        padding-left: 55px;
    }

    .central .tooltip.top {
        margin-top: 178px !important;
        top: auto !important;
        left: 298px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 86px;
        margin-left: 448px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 425px;
        height: 100%;
        padding-top: 313px;
        padding-left: 0;
        padding-right: 94px;
    }

    .south .tooltip.top {
        margin-top: 342px !important;
        top: auto !important;
        left: 575px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 907px) and (max-width: 947px) {
    .map-area {
        width: 100% !important;
        height: auto !important;
    }
    .map-north {
        position: absolute;
        margin-top: 128px;
        margin-left: 262px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 185px;
        margin-left: 465px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 400px;
        margin-left: 610px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 270px;
        margin-left: 335px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 328px;
    margin-left: 435px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -8px;
    margin-left: 360px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 219px;
    height: 100%;
    padding-top: 343px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -226px;
        margin-left: 85px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 334px;
        height: 100%;
        padding-top: 351px;
        padding-left: 52px;
    }
.Centralsouth .tooltip.top {
    margin-top: 205px !important;
    top: auto !important;
    left: 405px !important;
}
    .north .tooltip.top {
        margin-top: 10px !important;
        top: auto !important;
        left: 230px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -124px;
        margin-left: 246px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 495px;
        height: 100%;
        padding-top: 310px;
        padding-right: 45px;
    }

    .east .tooltip.top {
        margin-top: 65px !important;
        top: auto !important;
        left: 425px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -65px;
        margin-left: 223px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 200px;
        height: 100%;
        padding-top: 337px;
        padding-left: 55px;
    }

    .central .tooltip.top {
        margin-top: 175px !important;
        top: auto !important;
        left: 305px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 86px;
        margin-left: 455px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 425px;
        height: 100%;
        padding-top: 313px;
        padding-left: 0;
        padding-right: 94px;
    }

    .south .tooltip.top {
        margin-top: 315px !important;
        top: auto !important;
        left: 585px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 948px) and (max-width: 990px) {
    .map-area {
        width: 100% !important;
        height: auto !important;
    }
    .map-north {
        position: absolute;
        margin-top: 138px;
        margin-left: 278px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-east {
        position: absolute;
        margin-top: 200px;
        margin-left: 485px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-south {
        position: absolute;
        margin-top: 426px;
        margin-left: 647px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }

    .map-central {
        position: absolute;
        margin-top: 285px;
        margin-left: 352px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }
	.map-Centralsouth {
    position: absolute;
    margin-top: 347px;
    margin-left: 455px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}
   .map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -4px;
    margin-left: 391px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 254px;
    height: 100%;
    padding-top: 365px;
    padding-right: 35px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -241px;
        margin-left: 88px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 371px;
        height: 100%;
        padding-top: 381px;
        padding-left: 52px;
    }
.Centralsouth .tooltip.top {
    margin-top: 260px !important;
    top: auto !important;
    left: 456px !important;
}
    .north .tooltip.top {
        margin-top: 40px !important;
        top: auto !important;
        left: 250px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -132px;
        margin-left: 262px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 548px;
        height: 100%;
        padding-top: 328px;
        padding-right: 50px;
    }

    .east .tooltip.top {
        margin-top: 95px !important;
        top: auto !important;
        left: 460px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -64px;
        margin-left: 246px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 215px;
        height: 100%;
        padding-top: 361px;
        padding-left: 62px;
    }

    .central .tooltip.top {
        margin-top: 195px !important;
        top: auto !important;
        left: 335px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }

    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 103px;
        margin-left: 491px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 475px;
        height: 100%;
        padding-top: 330px;
        padding-left: 0;
        padding-right: 70px;
    }

    .south .tooltip.top {
        margin-top: 370px !important;
        top: auto !important;
        left: 653px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1084px) {
    .tbl-constrain {
        color: #fff;
        padding: 20px 0px;
        display: block;
        overflow-y: auto;
        overflow-x: auto;
        border-collapse: separate !important;
    }

    .modal-body {
        max-height: 450px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .map-area {
        width: auto !important;
        height: 320px !important;
    }

  .map-north {
    position: absolute;
    margin-top: 65px;
    margin-left: 130px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}

   .map-east {
    position: absolute;
    margin-top: 98px;
    margin-left: 237px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}

   .map-south {
    position: absolute;
    margin-top: 205px;
    margin-left: 310px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}

 .map-central {
    position: absolute;
    margin-top: 140px;
    margin-left: 167px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -60px;
    margin-left: 188px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 110px;
    height: 100%;
    padding-top: 225px;
    padding-right: 25px;
}
.Centralsouth .tooltip.top {
    margin-top: 95px !important;
    top: auto !important;
    left: 186px !important;
}
.Centralsouth .tooltip-inner {
    background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 12px;
    max-width: 120px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -172px;
        margin-left: 41px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 175px;
        height: 100%;
        padding-top: 230px;
        padding-left: 30px;
    }

    .north .tooltip.top {
        margin-top: -30px !important;
        top: auto !important;
        left: 100px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 12px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -121px;
        margin-left: 125px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 255px;
        height: 100%;
        padding-top: 220px;
        padding-left: 0;
    }

    .east .tooltip.top {
        margin-top: -5px !important;
        top: auto !important;
        left: 200px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 12px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -88px;
        margin-left: 115px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 105px;
        height: 100%;
        padding-top: 226px;
        padding-left: 29px;
    }

    .central .tooltip.top {
        margin-top: 55px !important;
        top: auto !important;
        left: 135px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 12px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 168px;
    margin-left: 217px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    line-height: 10px;
}
    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: -10px;
        margin-left: 236px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 213px;
        height: 100%;
        padding-top: 215px;
    }

    .south .tooltip.top {
        margin-top: 135px !important;
        top: auto !important;
        left: 290px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 1085px) and (max-width: 1149px) {
    .tbl-constrain {
        color: #fff;
        padding: 20px 0px;
        display: inline-table;
        overflow-y: auto;
        overflow-x: auto;
        border-collapse: separate !important;
    }

    .modal-body {
        max-height: 450px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .map-area {
        width: auto !important;
        height: 320px !important;
    }

   .map-north {
    position: absolute;
    margin-top: 65px;
    margin-left: 130px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}

   .map-east {
    position: absolute;
    margin-top: 100px;
    margin-left: 235px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}

   .map-south {
    position: absolute;
    margin-top: 205px;
    margin-left: 310px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}

 .map-central {
    position: absolute;
    margin-top: 140px;
    margin-left: 167px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -62px;
    margin-left: 188px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 110px;
    height: 100%;
    padding-top: 223px;
    padding-right: 22px;
}
.Centralsouth .tooltip.top {
    margin-top: 90px !important;
    top: auto !important;
    left: 210px !important;
}
.Centralsouth .tooltip-inner {
    background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 12px;
    max-width: 120px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -173px;
        margin-left: 41px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 175px;
        height: 100%;
        padding-top: 236px;
        padding-left: 30px;
    }

    .north .tooltip.top {
        margin-top: -30px !important;
        top: auto !important;
        left: 120px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 12px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -123px;
        margin-left: 125px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 255px;
        height: 100%;
        padding-top: 220px;
        padding-left: 0;
    }

    .east .tooltip.top {
        margin-top: -10px !important;
        top: auto !important;
        left: 225px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 12px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -90px;
        margin-left: 115px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 105px;
        height: 100%;
        padding-top: 225px;
        padding-left: 29px;
    }

    .central .tooltip.top {
        margin-top: 45px !important;
        top: auto !important;
        left: 155px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 12px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 162px;
    margin-left: 216px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}
    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: -10px;
        margin-left: 236px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 217px;
        height: 100%;
        padding-top: 215px;
    }

    .south .tooltip.top {
        margin-top: 130px !important;
        top: auto !important;
        left: 310px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 12px;
    }
}
@media only screen and (min-width: 1150px) and (max-width: 1250px) {
    .tbl-constrain {
        color: #fff;
        padding: 20px 0px;
        display: inline-table;
        overflow-y: auto;
        overflow-x: auto;
        border-collapse: separate !important;
    }

    .modal-body {
        max-height: 450px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .map-area {
        width: auto !important;
        height: 320px !important;
    }

   .map-north {
    position: absolute;
    margin-top: 65px;
    margin-left: 130px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}

   .map-east {
    position: absolute;
    margin-top: 100px;
    margin-left: 235px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}

   .map-south {
    position: absolute;
    margin-top: 205px;
    margin-left: 310px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}

 .map-central {
    position: absolute;
    margin-top: 140px;
    margin-left: 167px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
}
.map-Centralsouth:hover {
    background: url(../images/CentralSouth.png) no-repeat;
    position: absolute;
    margin-top: -45px;
    margin-left: 188px;
    /* z-index: 999; */
    background-position: center;
    background-size: contain;
    width: 110px;
    height: 100%;
    padding-top: 213px;
    padding-right: 25px;
}
.Centralsouth .tooltip.top {
    margin-top: 95px !important;
    top: auto !important;
    left: 225px !important;
}
.Centralsouth .tooltip-inner {
    background: #346D94 !important;
    background-color: #346D94 !important;
    padding: 10px;
    font-size: 12px;
    max-width: 120px;
}
    .map-north:hover {
        background: url(../images/north.png) no-repeat;
        position: absolute;
        margin-top: -156px;
        margin-left: 41px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 175px;
        height: 100%;
        padding-top: 218px;
        padding-left: 30px;
    }

    .north .tooltip.top {
        margin-top: -30px !important;
        top: auto !important;
        left: 135px !important;
    }

    .north .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 12px;
    }

    .map-east:hover {
        background: url(../images/east.png) no-repeat;
        position: absolute;
        margin-top: -105px;
        margin-left: 125px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 255px;
        height: 100%;
        padding-top: 200px;
        padding-left: 0;
    }

    .east .tooltip.top {
        margin-top: -10px !important;
        top: auto !important;
        left: 235px !important;
    }

    .east .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 12px;
    }

    .map-central:hover {
        background: url(../images/central.png) no-repeat;
        position: absolute;
        margin-top: -73px;
        margin-left: 115px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 105px;
        height: 100%;
        padding-top: 211px;
        padding-left: 29px;
    }

    .central .tooltip.top {
        margin-top: 50px !important;
        top: auto !important;
        left: 170px !important;
    }

    .central .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 12px;
    }
.map-Centralsouth {
    position: absolute;
    margin-top: 168px;
    margin-left: 218px;
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    line-height: 10px;
}
    .map-south:hover {
        background: url(../images/south.png) no-repeat;
        position: absolute;
        margin-top: 5px;
        margin-left: 236px;
        /*z-index: 999;*/
        background-position: center;
        background-size: contain;
        width: 213px;
        height: 100%;
        padding-top: 200px;
    }

    .south .tooltip.top {
        margin-top: 130px !important;
        top: auto !important;
        left: 325px !important;
    }

    .south .tooltip-inner {
        background: #346D94 !important;
        background-color: #346D94 !important;
        padding: 10px;
        font-size: 12px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) {

    #navbar .mobile-home {
        float: left;
        text-align: left !important;
        width: 100px;
        display: block !important;
        position: relative;
        margin-top: -30px;
        color: #fff;
    }

    .btnplot {
        text-align: right;
        padding-right: 15px !important;
    }

    .psi-code-card .left-part p {
        font-weight: 700;
        text-align: justify;
        font-size: 16px;
    }

    .psi-code-card .right-part p {
        font-weight: 600;
        text-align: right;
        font-size: 18px;
        color: #24b04f;
    }

    .psi-code-card .left-part {
        width: 65%;
        display: inline-block;
        float: left;
    }

    .psi-code-card .right-part {
        width: 35%;
        display: inline-block;
        float: right;
        text-align: center;
        vertical-align: middle;
        align-items: center;
        position: relative;
        top: 0;
        text-align: right;
    }

    .fax-color {
        color: #024A7A;
        font-weight: 600;
        padding-left: 5px;
        font-size: 8px !important;
        margin-top: 0 !important;
        vertical-align: top;
    }

    .display .fax {
        height: 11px;
        margin-top: 0px;
        vertical-align: top;
    }

    .top-address {
        padding-left: 5px;
        font-size: 6px;
    }

    .display .location {
        height: 11px;
        vertical-align: top;
    }

    .display .phone {
        height: 10px;
        vertical-align: top;
    }

    .tbl-constrain {
        color: #fff;
        padding: 20px 0px;
        display: block;
        overflow-y: auto;
        overflow-x: auto;
        border-collapse: separate !important;
    }

    .cd-conduct-right {
        padding-left: 15px !important;
    }

    .slick-prev {
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 88%;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        opacity: 1;
        background-color: white;
        z-index: 19;
        font-size: 31px;
        border-color: transparent;
        box-shadow: 0 2px 6px rgb(211 211 211 / 80%);
    }

    .slick-next {
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 88%;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        opacity: 01.5;
        background-color: white;
        z-index: 19;
        font-size: 31px;
        border-color: transparent;
        box-shadow: 0 2px 6px rgb(211 211 211 / 80%);
    }

    .left-part-bulleting {
        width: 18%;
        display: inline-block;
        float: left;
        text-align: center;
    }

    .right-part-cnt {
        width: 82%;
        display: inline-block;
        float: right;
        text-align: left;
        vertical-align: middle;
        align-items: center;
        position: relative;
        top: 0px;
        padding-left: 10px;
    }

    .pdd-left-card {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .banner-cnt {
        top: 80px;
        position: relative;
    }

    .banner-title {
        color: #fff;
        font-size: 21px;
        text-align: center;
        display: block;
    }

    .btn-sys {
        text-align: center;
    }

    ul.breadcrumb li {
        display: inline;
        font-size: 11px;
        color: white;
    }

    .report-right-card {
        max-height: max-content;
        overflow: hidden;
        overflow-y: auto;
        padding: 5px 10px;
        margin-top: 40px;
    }

    .lss-img {
        width: 200px;
        text-align: center;
    }

    .lss-img2 {
        width: 200px;
        text-align: center;
    }

    .lss-img-sec {
        text-align: center;
    }

    .grid-code-delete-img {
        height: 32px;
        width: auto;
    }

    .report-pdf-img {
        height: 36px;
        width: auto;
        padding-right: 0px;
    }

    .report-right-escel-img {
        height: 42px;
        width: auto;
        padding-right: 0px;
        padding-top: 2px;
    }

    .center-cnt {
        display: inline-block;
        padding-left: 0;
    }

    table.table-bordered.dataTable {
        display: block;
        overflow-y: auto;
        overflow-x: auto;
    }

    .tbl-bg .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        display: block;
        overflow: hidden;
        overflow-x: auto;
        /* max-height: 280px; */
    }

    #date-container {
        margin-top: 0;
    }

    .btn-left {
        text-align: left;
    }

    .btn-right {
        text-align: right;
    }

    .acc-new-faq {
        padding-left: 0px !important;
    }

    .tp-parallax-wrap {
        left: 50px !important;
    }

    #slide-1-layer-3 {
        z-index: 7;
        white-space: normal !important;
        font-size: 15px !important;
        text-align: left !important;
        line-height: 19px !important;
        font-weight: 400;
        color: rgba(255, 255, 255, 1.00);
        font-family: 'source_sans_proregular';
        letter-spacing: 0.02em;
        padding-left: 0px !important;
        min-width: 280px !important;
        top: -40px !important;
    }

    #slide-4-layer-3 {
        z-index: 7;
        white-space: normal !important;
        font-size: 15px !important;
        text-align: left !important;
        line-height: 19px !important;
        font-weight: 400;
        color: rgba(255, 255, 255, 1.00);
        font-family: 'source_sans_proregular';
        letter-spacing: 0.02em;
        padding-left: 0px !important;
        min-width: 280px !important;
        top: -40px !important;
    }

    #slide-2-layer-3 {
        z-index: 7;
        white-space: normal !important;
        font-size: 15px !important;
        text-align: left !important;
        line-height: 19px !important;
        font-weight: 400;
        color: rgba(255, 255, 255, 1.00);
        font-family: 'source_sans_proregular';
        letter-spacing: 0.02em;
        padding-left: 0px !important;
        min-width: 280px !important;
        top: -40px !important;
    }

    .grid-code-card .left-part p {
        font-weight: 700;
        text-align: left;
        line-height: 27px;
    }

    .apply-img {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
    #navbar .mobile-home {
        float: left;
        text-align: left !important;
        width: 100px;
        display: block !important;
        position: relative;
        margin-top: -30px;
        color: #fff;
    }

    .left-part-bulleting {
        width: 10%;
        display: inline-block;
        float: left;
        text-align: center;
    }

    .right-part-cnt {
        width: 90%;
        display: inline-block;
        float: right;
        text-align: left;
        vertical-align: middle;
        align-items: center;
        position: relative;
        top: 0px;
        padding-left: 10px;
    }

    .report-right-card {
        max-height: 900px;
        overflow: hidden;
        overflow-y: auto;
        padding: 5px 10px;
    }

    .lss-img {
        width: 100%;
    }

    .lss-img2 {
        width: 100%;
    }

    .report-right-escel-img {
        height: 33px;
        width: auto;
        padding-right: 0px;
        padding-top: 3px;
    }

    .grid-code-delete-img {
        height: 28px;
        width: auto;
    }

    .report-pdf-img {
        height: 36px;
        width: auto;
        padding-right: 0px;
        padding-top: 3px;
    }

    table.table-bordered.dataTable {
        display: block;
        overflow-y: auto;
        overflow-x: auto;
    }

    table.table-bordered.dataTable-station {
        display: inline-table;
        overflow-y: auto;
        overflow-x: auto;
    }

    .setting-top-bg {
        background: #fff;
        height: auto;
        padding: 20px;
        width: 100%;
        -moz-box-shadow: 0px 0px 5px #c0c0c0;
        -webkit-box-shadow: 0px 0px 5px #c0c0c0;
        box-shadow: 0px 0px 5px #c0c0c0;
        margin-bottom: 30px;
        margin-top: 0px;
        min-height: 560px;
    }

    .tbl-bg .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        display: block;
        overflow: hidden;
        overflow-x: auto;
        /* max-height: 280px; */
    }

    #navbar {
        background-color: rgba(0, 0, 0, 0.35);
        z-index: 999999;
        position: absolute;
        top: 82px;
        width: 100%;
    }

    .banner-section {
        background: url(../images/inner-banner.png) no-repeat;
        height: 200px;
        /* top: -52px; */
        background-position: center;
        position: relative;
        width: auto;
        background-size: cover;
    }

    .sys-dem {
        float: left;
        width: 100%;
        padding: 20px 0px 0px 0px;
        text-align: justify;
        /* background: url(../images/sys-demand-bg.png); */
        /* background: #f3f3f3; */
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        margin-top: 0;
    }

    .map-area {
        width: 100%;
        height: auto;
    }

    .slick-prev {
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 91%;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        opacity: 1;
        background-color: white;
        z-index: 19;
        font-size: 31px;
        border-color: transparent;
        box-shadow: 0 2px 6px rgb(211 211 211 / 80%);
    }

    .slick-next {
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 91%;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        opacity: 01.5;
        background-color: white;
        z-index: 19;
        font-size: 31px;
        border-color: transparent;
        box-shadow: 0 2px 6px rgb(211 211 211 / 80%);
    }
	 .psi-code-card-1 .right-part span {
        font-weight: 600;
        width: 100%;
        text-align: left;
        font-size: 16px;
        color: #014b7a;
        display: inline-block;
    }

    .psi-code-card-1 .right-part p {
        font-weight: 600;
        text-align: left;
        font-size: 14px;
        width: 100%;
        color: #24b04f;
        display: inline-block;
        float: left;
    }

    .psi-code-card-1 .left-part p {
        font-weight: 700;
        text-align: left;
        font-size: 13px;
    }

    .tbl-constrain {
        color: #fff;
        padding: 20px 0px;
        display: block;
        overflow-y: auto;
        overflow-x: auto;
        border-collapse: separate !important;
    }

    .modal-body {
        max-height: 400px;
        overflow: hidden;
        overflow-y: auto;
    }

    .modal-content {
        padding-bottom: 20px;
    }

    .radio-slect {
        width: auto;
        min-width: 125px;
        display: inline-block;
        float: left;
        background: white;
        border: 1px solid #e9e9e9;
        /* border-radius: 10px; */
        border-bottom-left-radius: 16px;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        border-bottom-right-radius: 0px;
        padding: 5px 0px;
        text-align: left;
        box-shadow: 0 2px 5px rgb(194 194 194 / 80%);
        margin-right: 20px;
        margin-bottom: 10px;
    }
}

/*@media only screen and (min-width: 1000px) and (max-width: 1023px) {
    #navbar .mobile-home {
        float: left;
        text-align: left !important;
        width: auto;
        display: block !important;
        position: relative;
        margin-top: -30px;
        color: #fff;
    }


}*/

@media only screen and (min-width: 1000px) and (max-width: 1200px) {

    .lss-img {
        width: 100%;
    }

    .lss-img2 {
        width: 100%;
    }

    .psi-code-card-1 {
        background: #fff;
        border-radius: 8px;
        width: 100%;
        padding: 12px 12px;
        -moz-box-shadow: 0px 0px 5px #c0c0c0;
        -webkit-box-shadow: 0px 0px 5px #c0c0c0;
        box-shadow: 0px 0px 5px #c0c0c0;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        align-items: center;
        margin-bottom: 25px;
        min-height: 112px;
    }

        .psi-code-card-1 .left-part p {
            font-weight: 700;
            text-align: left;
            font-size: 14px;
        }

        .psi-code-card-1 .right-part p {
            font-weight: 600;
            text-align: left;
            font-size: 15px;
            width: 50%;
            color: #24b04f;
            display: inline-block;
            float: left;
        }

        .psi-code-card-1 .right-part span {
            font-weight: 600;
            width: 50%;
            text-align: right;
            font-size: 16px;
            color: #014b7a;
            display: inline-block;
        }

    .report-right-escel-img {
        height: 38px;
        width: auto;
        padding-right: 0px;
        padding-top: 3px;
    }

    .grid-code-delete-img {
        height: 32px;
        width: auto;
    }

    .center-cnt {
        display: inline-block;
        padding-left: 0px;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1110px) {
    .sys-cns-save-img {
        height: 18px;
        width: auto;
        margin-top: 10px;
        margin-right: 4px;
    }
}

@media only screen and (min-width: 1111px) and (max-width: 1200px) {
    .sys-cns-save-img {
        height: 23px;
        width: auto;
        margin-top: 10px;
        margin-right: 5px;
    }
}

.edit-text-area-aboutus {
    width: 100%;
    height: 100%;
    min-height: 255px;
    border: 1px solid #CACACA;
    margin-bottom: 20px;
}

.edit-text-area-codeofcoduct {
    width: 100%;
    height: 100%;
    min-height: 100px;
    border: 1px solid #CACACA;
    margin-bottom: 20px;
}

.edit-text-area-structure {
    width: 100%;
    height: 100%;
    min-height: 120px;
    border: 1px solid #CACACA;
    margin-bottom: 20px;
}

.edit-text-area-Businessprocess {
    width: 100%;
    height: 100%;
    min-height: 120px;
    border: 1px solid #CACACA;
    margin-bottom: 20px;
}

.edit-button {
    border: 0px;
    background: transparent;
}

.edit-img {
    height: 35px;
}

.right-part-cnt p {
    color: #000;
}

.collapse p {
    color: #000;
}

.login-icon-btn {
    height: 18px;
}

.apply-icon-btn {
    height: 19px;
}

.heading-sub {
    font-style: italic;
    font-size: 15px;
    text-transform: capitalize !important;
}

.frg-psw {
    font-style: italic;
    margin-top: -30px;
}


.loc-icon {
    width: 10%;
    display: inline-block;
    float: left;
}

.add-part {
    width: 90%;
    display: inline-block;
}

.fax-mail {
    float: right;
}

.fax-icon {
    width: 15%;
    display: inline-block;
    float: left;
}

.fax-color {
    color: #024A7A;
    font-weight: 600;
    padding-left: 10px;
    font-size: 14px;
    width: 85%;
    display: inline-block;
    margin-top: 4px;
}

.mail-icon {
    width: 15%;
    display: inline-block;
    float: left;
}

.phone-icon {
    width: 15%;
    display: inline-block;
    float: left;
}

.num-color {
    color: #024A7A;
    font-weight: 600;
    padding-left: 21px;
    font-size: 14px;
    width: 85%;
    display: inline-block;
}

.newsAlign {
    max-height: 110px;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}