@import url('https://fonts.googleapis.com/css?family=Poppins');
@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display:auto;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display:auto;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display:auto;
}

@font-face {
    font-family: Calibri;

    src: url('../fonts/Calibri-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display:auto;
}

body, body *{
    /*font-family: Calibri;*/
    font-size: 18px;
    font-family: 'Poppins';
}

/**** Common CSS ****/
body{-webkit-font-smoothing: antialiased;  -moz-font-smoothing: antialiased;    -font-smoothing: antialiased;}
h1,h2,h3,h4,h5,h6,p {font-weight: normal; margin: 0;}
a, a:hover, a:focus{text-decoration: none; outline: none;}
input[type="text"],input[type="tel"],input[type="number"],input[type="email"], input[type="password"], textarea , button, input[type="submit"],select{
    outline: none;-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;box-shadow: none;border-radius: 0px;}
input[type=number] {-moz-appearance:textfield;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
label{margin: 0px;padding: 0px;}
input[type=radio], input[type=checkbox]{outline: none;}
img{outline: 0px; border: 0px;max-width: 100%;height: auto;}
ul{list-style: none;padding: 0px;margin-bottom: 0;}
label{font-weight: normal;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #000;opacity: 1;}
input::-moz-placeholder,textarea::-moz-placeholder  {color: #000;opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #000;opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #000;opacity: 1;}
h1{font-size: 36px;}
h2{font-size: 30px;}
h4{font-size: 22px;}
h5{font-size: 18px;}
.navbar-toggle{border-color: #82bf40; margin-right: 0px; position: absolute; right: 0; top: 0; margin: 0;}
.navbar-toggle .icon-bar{background-color: #82bf40;}
.navbar-collapse{overflow: hidden;}
body li {list-style: none;}
body :focus {outline: none;}
/**** Common CSS ****/


/**** Custom CSS Start ****/

/* Header Css */
.fixed #header {position: fixed;top: 0;z-index: 9;width: 100%;background-color: #fff;box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);}
.fixed .content {padding-top: 115px;}
.headbottomblock {padding: 10px 0;}
.headbottombox {display: inline-block;width: 100%;vertical-align: bottom;}
#logo {width: 180px;margin: 0 auto;}
.head-menu-main {float: right;width: calc(100% - 180px);text-align: right;padding-top: 33px}
.menu {display: none;color: #882689;font-size: 28px;}
a.menu:hover, a.menu:focus {color: #882689;}
.menu-box li {display: inline-block;margin-right: 20px;}
.menu-box li:last-child {margin-right: 0;}
.menu-box li a {font-size: 20px;color: #525252;}
.menu-box li a:hover {color: #882689;}
/* Header Css */

/* Banner Css */
.banner .BannerVideo {width: 100%;vertical-align: bottom;}
/* Banner Css */

/* Business Css */
.business {padding: 50px 0 20px;background-color: #F8F8F8;}
.businesscontent {margin-bottom: 30px;text-align: center;}
.businesscontent a {display: inline-block;transition: all 0.3s;}
.businesscontent a:hover {transition: all 0.3s;transform: scale(1.1);}
.gridbox {display: inline-block;width: 100%;margin-bottom: 30px;}
.griddata {position: relative;overflow: hidden;}
.griddata img {transition: all 0.4s;width: 100%;}
.griddata:hover img {transition: all 0.4s;transform: scale(1.1);}
.gridboxdata {position: absolute;background: rgba(0, 0, 0, 0.1);height: 100%;
 width: 100%;top: 0; left: 0;padding: 15px; text-align: center; display: table;}
.gridboxdatatext {display: table-cell; vertical-align: middle;}
.gridboxdatatext label {font-size: 16px;color: #fff; cursor: pointer;  font-family: 'Poppins';}
.griddata:hover label {    color: #00abf0;}
/* Business Css */

/* Footer Css */
footer { 
    background: linear-gradient(to right, #00abf0 0%,#2d3192 100%);
    padding: 50px;
    color: #fff;
}
.footadd p {
    color: #fff;
    margin-bottom: 15px;
}
.foottel, .foottel a {
    color: #fff;
}
.footemail, .footemail a {
    color: #fff;
}
.footsocial {
    display: inline-block;
    width: 100%;
}
.footsocial li {
    display: inline-block;
    margin-right: 6px;
}
.footsocial li a {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #fff;
    text-align: center;
}
.footcontent h3 {color: #fff;font-size: 22px;margin-bottom: 15px;font-weight: bold;}
.footcontent p, .footcontent a, .footcontent strong {color: #fff;margin-bottom: 15px;}

.registrationdata p, .registrationdata strong {color: #fff;display: inline-block;}
.registrationbox {margin-bottom: 15px; font-size: 18px;}
.registrationbox:last-child {margin-bottom: 0px;}
/* Footer Css */

/**** Custom CSS End ****/


/**** Responsive CSS Start ****/
@media only screen and (max-width: 991px) {
    .menu-box li a {font-size: 18px;}
    .head-menu-main {padding-top: 35px;}
}

@media only screen and (max-width: 767px) {
    .menu {display: block;}
    .menu-box {display: none;position: absolute;right: 0;width: 200px;text-align: left;background-color: #882689;z-index: 9;}
    .head-menu-main {padding-top: 30px;}
    .headermenu {position: relative;}
    .menu-box li {display: block;margin-right: 0;}
    .menu-box li a {color: #fff;width: 100%;display: inline-block;padding: 7px 10px;}
    .menu-box li a:hover {color: #fff;background-color: #2e2368;}
    .about {padding: 30px 0;}
    .aboutcontent p {font-size: 16px;}
    .business {padding: 30px 0 0;}
    .sectiontitle h1 {margin-bottom: 20px;font-size: 30px;}
    footer {padding: 30px 0;}
    .registrationdata {margin-top: 15px;}
    .footcontent p, .footcontent a, .footcontent strong {}
    .registrationdata p, .registrationdata strong {}
}

@media only screen and (max-width: 480px) {
    .business .col-xs-6 {width: 100%;}
}
/**** Responsive CSS Start ****/

@media only screen and (max-width: 991px) {
    #contact .col-sm-5 {
        width: 50%;
    }
    #contact .col-sm-2 {
        width: 100%;
    }
    .footsocial ul {
        margin: 0;
        padding: 0;
    }
    .footsocial {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 767px) {
    footer {padding: 30px 0;}
    .registrationdata {margin-top: 15px;}
    .footcontent p, .footcontent a, .footcontent strong {}
    .registrationdata p, .registrationdata strong {}
    #contact .col-sm-5 {
        width: 100%;
    }
    .fcsname {
        margin-bottom: 15px;
    }
    .footadd p {
        margin-bottom: 15px;
    }
}
/**** Responsive CSS End ****/