@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);


body{
    color:#525252;
    font-family:'Open Sans', sans-serif;
    font-size: 16px;
}
a{
    color: rgb(61, 58, 58);
}
a:hover{text-decoration: none;}
header {
    background: rgb(31, 31, 31);
}
.content p{
    text-align: justify;
}

section.welcome-bar {
    background: rgb(31, 31, 31);
    color: white;
}


/*Nav*/

nav{
    position: relative;
    left: auto;
    float: right;
    margin: 25px 0;
}
.nav a {
    color: white;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transform: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    line-height: 90px;
    padding: 0 10px;
    border-right: 1px solid white;
}

nav a:hover{
    color: rgb(174, 138, 44);
}


nav ul {
    list-style: none;
    margin: 0;
}

nav ul li {
    float: left;
    position: relative;

}

nav ul li ul {
    background: white;
    border-top: 5px solid rgb(174, 138, 44);
    z-index: 999999;
    top: 60px;
    box-shadow: 0px 1px 0 1px #EEE;
}
nav ul li ul li{
    padding: 0;
}
nav ul li ul li a{
    color: black !important;
}

nav ul > li:last-child a{
    border-right: none;
}

/*--------------------------Top-----------------------------*/

.top {
    background: rgb(255, 255, 255);
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Open Sans', sans-serif;
}
.logo{
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    vertical-align: middle;
    word-break: break-all;
    line-height: 1.25em;
    font-weight: normal;
    color:white;
    margin: 20px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

ul.social-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.social-links li {
    float: left;
    padding: 10px 5px;
}
.social-links a:hover{
    color: gray;
}
.you {
    /* color: rgb(247, 17, 17); */
}

.lin {
    /* color: rgb(34, 100, 165); */
}

.tw {
    /* color: rgb(88, 199, 244); */
}

.gplus {
    /* color: rgb(255, 86, 86); */
}

.fb {
    /* color: rgb(78, 130, 199); */
}

/*-------------------------Padding----------------------*/

.padding-40 {
    padding: 40px;
}
strong{
    color: rgb(174, 138, 44);
}


/*Welcome*/

.welcome {

}
.welcome h1{
    font-size: 54px;
    font-weight: 200;
}
.right{
    float: right;
}

.flexslider{border:none;}

.gray {
    background: rgb(242, 242, 242);
}
.download {
    padding-top: 20px;
}
.book {
    background: rgb(231, 230, 230);
}
.book img {
    float: left;
    margin-right: 10px;
}
.book p {
    margin: 20px 150px;
    font-size: 24px;
    font-weight: 200;
}

/*--------------------------Slider-----------------------------------*/

.large_bold{
    font-size: 54px;
    font-weight: bold;
    line-height: 10px;
}
.medium_bold{
    font-size: 18px;
}

.gold{
    color: rgb(174, 138, 44);
}

.button{
    background: rgb(36, 36, 36);
    color:white;
    padding: 20px;
}
.button:hover{
    text-decoration: none;
    color: rgb(174, 138, 44);
}


footer {
    background: rgb(19, 19, 19);
    color: white;
    padding: 25px;
}
footer p{margin-bottom: 0;}



ul.top-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.top-links li {
    float: left;
    display: block;
    padding: 8px 10px;
}

ul.top-links li a {
    color: rgb(157, 137, 29);
}
ul.top-links li a:hover{
    color: black;
}


.recent-block {
    padding: 20px;
    border: 1px solid rgb(224, 224, 224);
    background: rgb(249, 249, 249);
    margin-top: 30px;
}


/*---------------------------------------------------------*/
.flex-control-paging li a,.flex-control-paging li a.flex-active {
    background: none; display:none;
}
.flex-control-paging li a:hover{
    background: none;
    webkit-box-shadow: inset 0 0 3px rgba(10, 10, 10, 0.68);
    -moz-box-shadow: inset 0 0 3px rgba(10, 10, 10, 0.68);
    -o-box-shadow: inset 0 0 3px rgba(10, 10, 10, 0.68);
    box-shadow: inset 0 0 3px rgba(10, 10, 10, 0.68);
}
/*****************************************************************************/

.search {
    margin: 0;
    padding: 0;
}

.search form {
    padding: 7px;
}

input#mod-search-searchword {
    border: 1px solid rgb(174, 138, 44);
    padding: 3px 10px;
    border-radius: 4px;
}

.search .button {
    background: rgb(36, 36, 36);
    color: white;
    padding: 4px;
    margin: 0;
    border: none;
    border-color: white;
    vertical-align: top;
}
/**************************************************************************/

.page-header {
    background: rgba(247, 247, 247, 0.42);
    margin: 0;
    padding: 20px;
}

.page-header h2 {
    margin-top: 0px;
}
.page-body p{ text-align: justify;}
.page-body h4{ font-weight: 600;}


/******************************************************************************/

.right-sidebar {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 1px 2px #c9cccd;
    margin-bottom: 20px;
}
.right-sidebar ul li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid #EEE;
}
.right-sidebar ul {
    margin: 0;
    padding: 0px;
}
.right-sidebar h4 {
    padding: 20px;
    background: rgb(32, 32, 32);
}

/***************************************/
.bis ,.profile-pic{
    text-align: center;
}
.profile-pic img {
    border: 10px solid rgb(236, 236, 236);
}

/**************************************************/
.box img {
    margin: 20px 60px;
    border: 1px solid #EEE;
}

/******************************************************/
.content {
    padding: 20px;
}


/**********************************************/
.breadcrumb{
    margin-bottom: 0;
}
/**************************************/
.slicknav_menu {
    display:none;
}
.menu {
    display:block;
}
/***************** Quates ********************/
.border-property {
    border: 1px solid gainsboro;
    padding: 10px;
}
/*---------------------testemonial--------------------*/
.testimonial{
    border: 10px solid #662a66;
    padding: 0 15px;
    min-height: 508px;
    text-align:center;
}
.testimonial .pic{
    display: inline-block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin-bottom: 25px;
    margin-top:10px;
    overflow: hidden;
    border:3px solid gainsboro;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
    padding: 0 20px;
    margin: 0;
    font-size: 15px;
    color: #6f6f6f;
    letter-spacing: 1px;
    line-height: 30px;
    text-align:left;
}
.testimonial .testimonial-title{
    font-size: 14px;
    letter-spacing: 3px;
    color: #000;
    text-transform: uppercase;
    position: relative;
    text-align:right;
}
#testimonial-slider .owl-prev {
    position: absolute;
    left: 10px;
    top: 260px;
    display:none;
}
#testimonial-slider .owl-next {
    position: absolute;
    right: 10px;
    top: 260px;
    display:none;
}
#testimonial-slider:hover .owl-next{
    display:block;
}
#testimonial-slider:hover .owl-prev {
    display:block;
}
.mt-2 {
    margin-top: 36px;
}


.twidth {
    max-width: 74%;
}
/****** Flip Card **************/
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    background-color: transparent;
    width: 100%;
    height: 325px;
    border: 1px solid #f1f1f1;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
    margin-bottom: 20px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    background-color: #fff0f0;
    color: black;
}

/* Style the back side */
.flip-card-back {
    background-color: #AE8A2C;
    color: #ffffff;
    transform: rotateY(180deg);
}
/***** end testemonial***********/
/************ Side Menu ***************/
.unstyled {
    list-style: none;
    padding: 0;
    margin: 0;
}
.unstyled a {
    text-decoration: none;
}

.list-inline {
    overflow: hidden;
}
.list-inline li {
    float: left;
}

.header {
    position: relative;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background: #35302D;
}



.main-nav ul {
    border-top: solid 1px #3C3735;
}
.main-nav li {
    border-bottom: solid 1px #3C3735;
}
.main-nav a {
    padding: 1.1em;
    color: #DFDBD9;
    font: 400 1.125em "Source Sans Pro", Helvetica, Arial, sans-serif;
    /*text-align: center;
    text-transform: lowercase;*/
}
.main-nav a:hover {
    color: #fff;
}
.list-hover-slide li {
    position: relative;
    overflow: hidden;
}
.list-hover-slide a {
    display: block;
    position: relative;
    z-index: 1;
    transition: .35s ease color;
}
.list-hover-slide a:before {
    content: '';
    display: block;
    z-index: -1;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    border-right: solid 5px #DF4500;
    background: #3C3735;
    transition: .35s ease left;
}
.list-hover-slide a.is-current:before, .list-hover-slide a:hover:before {
    left: 0;
}
/************ End Side Menu ***************/
/************* Reconnition *******/
.recog-image {
    padding: 10px;
    background-color: #03010e;
}

@media screen and (max-width: 767px){
    nav {
        display:none;
    }

    .slicknav_menu {
        display:block;
    }

}



.col-sm-12 .logo{
    text-align: center;
    display: block;
}
.extra {
    position: absolute;
    bottom: 11px;
    right: 9px;
    z-index: 999999;
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .menu {
        display:block;
    }
    .button {
        background: rgb(36, 36, 36);
        color: white;
        padding: 10px;
    }
    .logo{
        font-size:1.5rem;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .menu {
        display:block;
    }
    .button {
        background: rgb(36, 36, 36);
        color: white;
        padding: 10px;
    }
    .logo{
        font-size:1.25rem;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .menu {
        display:block;
    }
    .book p {
        clear: both;
        margin: 0;
        font-size: 24px;
        font-weight: 200;
    }
    /*.book img {*/
    /*    float: none;*/
    /*    margin: 0 30%;*/

    /*}*/
    .button {
        background: rgb(36, 36, 36);
        color: white;
        padding: 10px;
    }
    .box img {
        margin: 20px 15%;
        border: 1px solid #EEE;
    }
    .logo{
        font-size:1rem;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .welcome h1 {
        font-size: 28px;
        font-weight: 200;
    }
    .book p {
        clear: both;
        margin: 0;
        font-size: 24px;
        font-weight: 200;
    }
    /*.book img {*/
    /*    float: none;*/
    /*    margin: 0 30%;*/

    /*}*/
    .button {
        background: rgb(36, 36, 36);
        color: white;
        padding: 5px;
    }
    .box img {
        margin: 20px 15%;
        border: 1px solid #EEE;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
    .welcome h1 {
        font-size: 28px;
        font-weight: 200;
    }
    .book p {
        clear: both;
        margin: 0;
        font-size: 24px;
        font-weight: 200;
    }
    .book img {
        float: none;
        margin: 0 30%;

    }
    .button {
        background: rgb(36, 36, 36);
        color: white;
        padding: 10px;
    }
    .box img {
        margin: 20px 15%;
        border: 1px solid #EEE;
    }
}


.sf-menu {
float: left;
margin: 0;
}

.sf-menu a {
color: #FFFFFF;
font-weight: bold;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
   background:rgb(174, 138, 44);;
    outline: 0 none;
    color:#000;
}
.concern strong {
    color: black;
}
label{
    float: left;
}

@media screen and (max-width: 480px) {
  .video-gallery tr{width:100%!important; float:left!important;}
  .video-gallery td{width:100%!important; float:left!important;}
  .video-gallery tr td iframe{width:100%!important; height:220px!important;}
  iframe{width:100%!important;}
}
@media screen and (min-device-width: 481px) and (max-device-width: 767px)  {
  .video-gallery tr{width:100%!important; float:left!important;}
  .video-gallery td{width:100%!important; float:left!important;}
  .video-gallery tr td iframe{width:100%!important; height:270px;!important;}
}
/***********mid section*********************/
.heading {
    padding: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.block {
    border: 1px solid gainsboro;
}
.block p {
    margin: 10px;
}
.about .heading {
    background-color: #107fe4;
}
.biography .heading {
    background-color: #4017bf;
}
.awards .heading {
    background-color: #435464;
}
.publications .heading {
    background-color: #4f852b;
}
.chronology .heading {
  background-color: #f85619;
}
.entrepreneurial .heading {
    background-color: #c12b2bf5;
}
.interviews .heading {
    background-color: #2f8140;
}
.achievements .heading {
    background-color: #7030A0;
}
.activities .heading {
    background-color: #595959;
}
.vision .heading {
    background-color: #0070C0;
}
.csr .heading{
    background-color: #283618;
}
.more {
    width: 120px;
    padding: 2px 10px;
    margin: 5px;
    font-weight: 600;
    text-decoration: underline;
    border-radius: 3px;
}
.present {
    position: absolute;
    right: 27px;
    bottom: 70px;
    z-index: 99;
    opacity: 0.7;
}

.main-about {
    font-family: comic sans ms, sans-serif;
    font-size: 18px;
}
.pub-thumb {
    margin: 20px;
    border: 2px solid mediumseagreen;
}
/*------------ Concern logo --------------*/
.concern_title {
    font-size: 12px;
    font-weight: bold;
    min-height: 55px;
    text-align: center;
}