﻿/****************GLOBAL STYLE**************/
* {
    padding: 0;
    margin: 0;
    /*font-family: 'kalpurush' !important;*/
    font-family: 'Nikosh' !important;
}

.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

.fa {
    font-family: FontAwesome !important;
}

body {
    background: url('../../images/imgi_49_bg_main.png') repeat-y scroll center top rgba(0, 0, 0, 0);
    /*background-image: url('../../images/imgi_49_bg_main.png');*/
}

p {
    font-size: 18px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: block;
}

.bgContainer {
    background: #fff;
    box-sizing: content-box;
    box-shadow: 5px 0px 5px #ccccccad;
    border-left: 5px solid #cccccc33;
    padding-bottom: 30px;
}

.row_align .col-md-6 {
    padding-right: 0px;
}

.row_align .col-md-12 {
    padding-right: 0px;
    margin-bottom: 10px;
}

.col-md-8.row_align {
    padding-right: 7px;
}

.required_fields {
    color: red;
    font-weight: bold;
}

header {
    width: 100%;
    height: auto;
    background-color: #fff;
    overflow: hidden;
    padding-top: 15px;
}

    header #top_nav {
        width: 100%;
        height: 30px;
        background-color: #000;
    }

        header #top_nav .helpline,
        header #top_nav .activities {
            height: 30px;
            display: flex;
            flex-direction: row;
        }

            header #top_nav .helpline p {
                color: #fff;
                margin: 0;
                justify-content: left;
                align-items: center;
                display: flex;
            }

        header #top_nav .social {
            color: #fff;
            margin: 0;
            justify-content: right;
            align-items: center;
            display: flex;
        }

            header #top_nav .social .social_icon {
                margin-left: 5px;
                text-decoration: none;
                color: #fff;
            }

        header #top_nav .applicationRule {
            width: 200px;
            height: 50px;
            background: #dc19ff;
            cursor: pointer;
            display: flex;
            justify-content: center;
            margin-left: 10px;
        }

            header #top_nav .applicationRule p {
                color: #fff;
                font-size: 16px;
                font-weight: 700;
                text-align: center;
                display: flex;
                align-items: center;
            }

hr.headerBar {
    margin: 0;
    padding: 5px;
    background: green;
    margin-top: 10px;
}

/*#logo {
    padding: 0;
}

    #logo img {
        width: 100%;
        padding: 10px;
        padding-left: 0;
        margin-top: 10px;
    }*/

/*.logoContainer {
    width: auto;
    height: auto;
    overflow: hidden;
    display: block;
}

    .logoContainer > a > img {
        width: 100%;
        max-width: 100px;
        height: auto;
        display: block;
        overflow: hidden;
    }*/

.logoTitle {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-align:center;
}

    .logoTitle h2 {
        font-size: 26px;
        font-weight: bold;
        color: #b50000;
        margin-bottom: 0;
    }

    .logoTitle h3 {
        font-size: 22px;
        font-weight: bold;
        margin: 0;
        margin-top: 5px;
        color: #ff0707;
    }

    .logoTitle p {
        font-size: 20px;
        font-weight: bold;
        color: #8224e3;
    }

.bdLogoContainer {
    width: 110px;
    display: block;
    overflow: hidden;
    float: right;
}

    .bdLogoContainer > img {
        display: block;
        max-width: 110px;
        height: 80px;
        float: right;
    }
/*.headerRighContainer {
    width: 70px;
    display: block;
    float: right;
    overflow: hidden;
    margin-top: 20px;
}*/
/**********************
    MENU SECTION
*********************/
.ssl_pub_menu {
    border: none;
}

    .ssl_pub_menu .ssl_pub_menu_container {
        background: #8224e3;
    }

.nav_home {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

    .nav_home > img {
        position: relative;
        top: -3px;
    }

.ssl_pub_menu_container a {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.ssl_pub_menu_container li li a {
    font-size: 14px;
}

.navbar-default .ssl_pub_menu_container .navbar-nav > li > a {
    color: #fff;
}

.navbar-default .ssl_pub_menu_container .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-default .ssl_pub_menu_container .navbar-nav > .open > a,
.navbar-default .ssl_pub_menu_container .navbar-nav > .open > a:hover,
.navbar-default .ssl_pub_menu_container .navbar-nav > .open > a:focus {
    background-color: #b924e387;
    color: #fffffffa;
}

.navbar-default .ssl_pub_menu_container .navbar-toggle:hover,
.navbar-default .ssl_pub_menu_container .navbar-toggle:focus {
    background-color: #000;
}

.ssl_pub_menu {
    margin-bottom: 0;
}

/*#languageType {
    background: #4071ff;
    color: #fff;
    padding: 16px 35px;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    font-size: 15px;
    font-weight: 700;
}*/

#languageType {
    background: #4071ff;
    color: #fff;
    margin-top: 4px;
    padding: 10px 20px;
    border: none;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    #languageType:hover {
        background: #305ad6; 
    }



/****************
    HOME PAGE SERVICE
*****************/
div#homeBanner img {
    width: 100%;
    padding: 20px 0;
}

#services {
    margin-top: 30px;
    overflow-x: hidden;
}

.service_container {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden;
}

    .service_container img {
        width: 360px;
    }

.service_content {
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    background: #8224e399;
}

    .service_content h2 {
        font-family: "slider",Arial,serif;
        font-size: 24px;
        color: #fff;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        text-align:center;
        padding: 0% 5% 5%;
        line-height: 30px;
    }

#homeContact {
    margin-top: 50px;
}

.contactInfo h1 {
    font-family: "slider",'Times New Roman', Times, serif;
    font-size: 30px;
    font-weight: 700;
    color: #000;
}

.contactInfo p,
.contactInfo address span,
.contactform span,
.footerContact p,
.footerContact address {
    font-size: 14px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: block;
}

.contactInline {
    display: flex;
    flex-direction: row;
    margin: 5px 0 15px;
}

.dvName,
.dvEmail {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.dvName {
    padding-right: 2%;
}

.dvEmail {
    padding-left: 2%;
}

    .dvName input,
    .dvEmail input,
    .messageBody textarea {
        background-color: #f8f8f8;
        background-color: #f8f8f8;
        border-radius: 0;
        border: 1px solid #e1e1ec;
        padding: 20px 5px;
        font-size: 20px;
    }

.messageBody textarea {
    padding: 10px 5px;
}

.dvSubmit {
    display: block;
    margin-top: 35px;
    overflow: hidden;
}

    .dvSubmit input[type="submit"] {
        font-family: "slider",arial,serif;
        text-transform: uppercase;
        background-color: #8224E3;
        color: #fff;
        font-weight: 700;
        border-radius: 0;
        padding: 15px 25px;
    }

footer#mainFooter {
    background-color: #111c24;
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    display: block;
    overflow: hidden;
}

.footerSiteInfo p {
    padding-top: 15px;
    color: #aaa;
}

.footerContact p,
.footerContact address {
    color: #000;
    display: block;
    margin: 0;
}

.footerContact span {
    display: block;
}

.fotterPages {
    position: relative;
    left: 50px;
}

    .fotterPages ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .fotterPages ul li {
        }

            .fotterPages ul li a {
                font-size: 18px;
                line-height: 25px;
            }

.ecmemberlist {
    margin-top: 20px;
}
/*************
    PAGE
*************/
.pageContainer h1 {
    font-size: 26px;
}

.pageContainer p {
    font-size: 14px;
}
/*==============
    EC MEMBERS
*===============*/
figure.effect-chico img {
    width: 100%;
}

figure.effect-chico p {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
}

    figure.effect-chico p b {
        color: #822d04
    }

    figure.effect-chico p span {
        font-size: 15px;
        display: block;
        color: #111519
    }
/*===============
        FEATURES
    ==========*/
.featurePanel {
    width: 100%;
    overflow: hidden;
    display: block;
}

.featurePanelHead,
.featurePanelBody,
.featurePanelFooter {
    display: block;
    overflow: hidden;
    width: auto;
    height: auto;
}

    .featurePanelHead h3 {
        font-size: 16px;
        background-color: #609513 !important;
        color: #fff;
        padding: 10px 0 10px 10px;
        font-weight: 700;
    }

    .featurePanelBody img {
        width: 100%;
        height: auto;
        display: block;
        padding-left: 20px;
        padding-right: 20px
    }

    .featurePanelBody p {
        font-size: 14px;
        text-align: center;
        padding-top: 10px;
        font-weight: 700;
    }

        .featurePanelBody p span {
            display: block;
            font-size: 12px;
            font-weight: normal;
        }

    .featurePanelFooter a {
        text-align: right;
        display: block;
        font-size: 12px;
    }

    .featurePanelBody ul {
        padding: 10px 0;
    }

        .featurePanelBody ul li {
            border-bottom: 1px solid transparent;
            border-image: linear-gradient(to right, #683091 0%, #8bc643 100%);
            border-image-slice: 1
        }

        .featurePanelBody ul li {
            background: url('../../images/bg_block_list.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
            font-size: 120%;
            height: auto;
            list-style-type: none;
            margin-bottom: 5px;
            padding-left: 32px;
            padding-top: 0px;
            padding-bottom: 8px;
            background-position: left;
        }

            .featurePanelBody ul li a {
                display: block;
                font-size: 14px;
            }
/*==================
    GOOGLE MAP
==================*/
.googleMap {
    display: block;
    overflow: hidden;
    text-align: center;
}
/*================
    FOOTER
================*/
footer {
    border-top: 8px solid rgb(115 114 114);
    background: rgb(235 235 235);
    overflow: hidden;
}

.footer-credit {
    padding: 10px;
}

    .footer-credit p {
        font-size: 12px;
        text-align: right;
    }
/***************
    SCREEN VIEW
***************/
/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 768px) {
    .nav_home {
        padding-left: 20px !important;
    }

    #logo img {
        padding: 15px;
    }

    .service_container {
        margin-top: 20px;
    }

        .service_container img {
            width: 100%;
        }

    .fotterPages {
        left: 0;
    }

    .ssl_pub_menu_container .dropdown-menu li {
        background: #723f7b;
        border-bottom: 1px solid #633d3d;
    }

    .navbar-default .ssl_pub_menu_container .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
    #logo img {
    }
}


/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 480px) {
}
