html, body{margin:0px;padding:0px;font-family:calibri, sans-serief;overflow-x:hidden !important;}



/*color*/
.white{color:#fff;}
.bg_gray{background-color:#f2f2f2;}
.bg_light_blue{background-color:#33adda;}
.navbar-inverse .navbar-toggle .icon-bar {    background-color: #444 !important;}
.navbar-inverse .navbar-toggle {    border-color: #444 !important;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {    background-color: #f1f1f1 !important;}
.navbar-nav li a{font-size:16px;font-weight:500;}
.active{color:#444 !important;}
.myNavColor{background-color:#fff;padding-top:11px;padding-bottom:2px;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {    border-color: #f1f1f1 !important;}




/*Icons*/




.padding0{padding:0px !important;}
.paddingLeft{padding:0px !important;}
.paddingRight{padding:0px !important;}
.paddingbottom{padding:0px !important;}
.paddingTop{padding:0px !important;}


.navigationBar{margin-bottom:0px !important;}
.mainText{position: absolute;     width: 100%;    color: #fff;    text-align: center;font-size: 25px;z-index:22;top:51%;}
.background{background-size:100% 100%;width:100%;height:100%;margin-top:54px;}
.mynavbar{padding-top:7px !important;}
.benepik_header_logo{width:107px;}
.nav>li>a:hover {color:#000 !important;}
.leftImage{    margin-top: 20px;    margin-bottom: 20px;   }
.leftImage2{    margin: 20px;  max-height:400px ;width:92%; }




/*engagement*/
.eng_Image1{}
.eng_Image1_Text{position:absolute;color:#fff;  margin-left:10%;margin-right:10%;   text-align: center;    top: 26%;}






/* Portrait tablet to landscape and desktop */
@media (min-width:961px) { 

.background{background-size:100% 100%;width:100%;height:100%;margin-top:5%;}
.title_text, .title_text2 {  font-size: 28px;}
.myNavColor{background:#fff;padding-top:15px;padding-bottom:2px;}

/*engagement*/
.eng_Image1_Text{position:absolute;color:#fff;  margin-left:10%;margin-right:10%;   text-align: center;    top: 38%;}



}