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


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

section.welcome-bar {
    background: #000455;
    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;
    letter-spacing: 0px;
}

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;
    width: 100%;
}
.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: #000455;
    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;
}
.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;
}

/*---------------------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%;
}

/***** end testemonial***********/

@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;
    }
}

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

/* 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;
    }
}

/* 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;
}
.more {
    width: 100px;
    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;
}

.display-hide {
    display: none;
}

article.col-md-4 col-lg-3 {
    background: #f5f5f5;
    margin-top: 1em;
    margin-bottom: 2em;
    box-shadow: 3px 3px 8px hsl(0, 0%, 70%);
}

div.card-content {
    background: #f5f5f5;
    padding: 0.5em;
    margin-top: 1em;
    margin-bottom: 2em;
    box-shadow: 3px 3px 8px hsl(0, 0%, 70%);
}

div.card-content h3 {
    margin-bottom: 0.5em;
    font-weight: normal;
}

div.card-content p {
    font-size: 95%;
}

img.spectrum1 {
    width: 100%;
    height: auto;
}
.contact-info {
    margin-bottom: 3rem;
    padding-top: .5rem
}
.contact-info>div {
    margin-bottom: 1.5rem;
    font-size: 1.4rem
}
.contact-info>div::after {
    display: block;
    clear: both;
    content: ''
}
.contact-info i {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.3rem;
    height: 4.3rem;
    float: left;
    border-radius: 0;
    background-color: #000455;
    color: #fff;
    font-size: 1.8rem;
    text-align: center
}
.contact-info p {
    margin-bottom: 0;
    margin-left: 5.5rem;
    line-height: 1.4;
    text-align: left !important;
}

.form-control {
    width: 100%;
    height: 4.8rem;
    margin-bottom: 1rem;
    padding: 1.25rem 1.5rem;
    transition: all .3s;
    border: 1px solid black;
    border-radius: 0;
    background-color: #fff;
    color: black;
    font-family: "Open Sans", sans-serif;
    font-size: 14.666667px;
    font-weight: 400;
    line-height: 1.5;
}

.input-group-addon {
    padding: 1rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    color: #55595c;
    text-align: center;
    border-radius: 0px;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}


/*
 *  Academicons 1.9.1 by James Walsh (https://github.com/jpswalsh) and Katja Bercic (https://github.com/katjabercic)
 *  Fonts generated using FontForge - https://fontforge.org
 *  Square icons designed to be used alongside Font Awesome square icons - https://fortawesome.github.io/Font-Awesome/
 *  Licenses - Font: SIL OFL 1.1, CSS: MIT License
 */
@font-face {
    font-family: 'Academicons';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src:url('../fonts/academicons.eot');
    src:url('../fonts/academicons.eot') format('embedded-opentype'),
    url('../fonts/academicons.ttf') format('truetype'),
    url('../fonts/academicons.woff') format('woff'),
    url('../fonts/academicons.svg') format('svg');
}
.ai {
    font-family: 'Academicons';
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.ai-academia:before {
    content: "\e9af";
}
.ai-academia-square:before {
    content: "\e93d";
}
.ai-acclaim:before {
    content: "\e92e";
}
.ai-acclaim-square:before {
    content: "\e93a";
}
.ai-acm:before {
    content: "\e93c";
}
.ai-acm-square:before {
    content: "\e95d";
}
.ai-acmdl:before {
    content: "\e96a";
}
.ai-acmdl-square:before {
    content: "\e9d3";
}
.ai-ads:before {
    content: "\e9cb";
}
.ai-ads-square:before {
    content: "\e94a";
}
.ai-africarxiv:before {
    content: "\e91b";
}
.ai-africarxiv-square:before {
    content: "\e90b";
}
.ai-arxiv:before {
    content: "\e974";
}
.ai-arxiv-square:before {
    content: "\e9a6";
}
.ai-biorxiv:before {
    content: "\e9a2";
}
.ai-biorxiv-square:before {
    content: "\e98b";
}
.ai-ceur:before {
    content: "\e96d";
}
.ai-ceur-square:before {
    content: "\e92f";
}
.ai-ciencia-vitae:before {
    content: "\e912";
}
.ai-ciencia-vitae-square:before {
    content: "\e913";
}
.ai-closed-access:before {
    content: "\e942";
}
.ai-closed-access-square:before {
    content: "\e943";
}
.ai-conversation:before {
    content: "\e94c";
}
.ai-conversation-square:before {
    content: "\e915";
}
.ai-coursera:before {
    content: "\e95f";
}
.ai-coursera-square:before {
    content: "\e97f";
}
.ai-crossref:before {
    content: "\e918";
}
.ai-crossref-square:before {
    content: "\e919";
}
.ai-cv:before {
    content: "\e9a5";
}
.ai-cv-square:before {
    content: "\e90a";
}
.ai-datacite:before {
    content: "\e91c";
}
.ai-datacite-square:before {
    content: "\e91d";
}
.ai-dataverse:before {
    content: "\e9f7";
}
.ai-dataverse-square:before {
    content: "\e9e4";
}
.ai-dblp:before {
    content: "\e94f";
}
.ai-dblp-square:before {
    content: "\e93f";
}
.ai-depsy:before {
    content: "\e97a";
}
.ai-depsy-square:before {
    content: "\e94b";
}
.ai-doi:before {
    content: "\e97e";
}
.ai-doi-square:before {
    content: "\e98f";
}
.ai-dryad:before {
    content: "\e97c";
}
.ai-dryad-square:before {
    content: "\e98c";
}
.ai-elsevier:before {
    content: "\e961";
}
.ai-elsevier-square:before {
    content: "\e910";
}
.ai-figshare:before {
    content: "\e981";
}
.ai-figshare-square:before {
    content: "\e9e7";
}
.ai-google-scholar:before {
    content: "\e9d4";
}
.ai-google-scholar-square:before {
    content: "\e9f9";
}
.ai-hal:before {
    content: "\e92c";
}
.ai-hal-square:before {
    content: "\e92d";
}
.ai-hypothesis:before {
    content: "\e95a";
}
.ai-hypothesis-square:before {
    content: "\e95b";
}
.ai-ideas-repec:before {
    content: "\e9ed";
}
.ai-ideas-repec-square:before {
    content: "\e9f8";
}
.ai-ieee:before {
    content: "\e929";
}
.ai-ieee-square:before {
    content: "\e9b9";
}
.ai-impactstory:before {
    content: "\e9cf";
}
.ai-impactstory-square:before {
    content: "\e9aa";
}
.ai-inaturalist:before {
    content: "\e900";
}
.ai-inaturalist-square:before {
    content: "\e901";
}
.ai-inpn:before {
    content: "\e902";
}
.ai-inpn-square:before {
    content: "\e903";
}
.ai-inspire:before {
    content: "\e9e9";
}
.ai-inspire-square:before {
    content: "\e9fe";
}
.ai-isidore:before {
    content: "\e936";
}
.ai-isidore-square:before {
    content: "\e954";
}
.ai-jstor:before {
    content: "\e938";
}
.ai-jstor-square:before {
    content: "\e944";
}
.ai-lattes:before {
    content: "\e9b3";
}
.ai-lattes-square:before {
    content: "\e99c";
}
.ai-mathoverflow:before {
    content: "\e9f6";
}
.ai-mathoverflow-square:before {
    content: "\e97b";
}
.ai-mendeley:before {
    content: "\e9f0";
}
.ai-mendeley-square:before {
    content: "\e9f3";
}
.ai-moodle:before {
    content: "\e907";
}
.ai-moodle-square:before {
    content: "\e908";
}
.ai-nakala:before {
    content: "\e940";
}
.ai-nakala-square:before {
    content: "\e941";
}
.ai-obp:before {
    content: "\e92a";
}
.ai-obp-square:before {
    content: "\e92b";
}
.ai-open-access:before {
    content: "\e939";
}
.ai-open-access-square:before {
    content: "\e9f4";
}
.ai-open-data:before {
    content: "\e966";
}
.ai-open-data-square:before {
    content: "\e967";
}
.ai-open-materials:before {
    content: "\e968";
}
.ai-open-materials-square:before {
    content: "\e969";
}
.ai-openedition:before {
    content: "\e946";
}
.ai-openedition-square:before {
    content: "\e947";
}
.ai-orcid:before {
    content: "\e9d9";
}
.ai-orcid-square:before {
    content: "\e9c3";
}
.ai-osf:before {
    content: "\e9ef";
}
.ai-osf-square:before {
    content: "\e931";
}
.ai-overleaf:before {
    content: "\e914";
}
.ai-overleaf-square:before {
    content: "\e98d";
}
.ai-philpapers:before {
    content: "\e98a";
}
.ai-philpapers-square:before {
    content: "\e96f";
}
.ai-piazza:before {
    content: "\e99a";
}
.ai-piazza-square:before {
    content: "\e90c";
}
.ai-preregistered:before {
    content: "\e906";
}
.ai-preregistered-square:before {
    content: "\e96b";
}
.ai-protocols:before {
    content: "\e952";
}
.ai-protocols-square:before {
    content: "\e953";
}
.ai-psyarxiv:before {
    content: "\e90e";
}
.ai-psyarxiv-square:before {
    content: "\e90f";
}
.ai-publons:before {
    content: "\e937";
}
.ai-publons-square:before {
    content: "\e94e";
}
.ai-pubmed:before {
    content: "\e99f";
}
.ai-pubmed-square:before {
    content: "\e97d";
}
.ai-pubpeer:before {
    content: "\e922";
}
.ai-pubpeer-square:before {
    content: "\e923";
}
.ai-researcherid:before {
    content: "\e91a";
}
.ai-researcherid-square:before {
    content: "\e95c";
}
.ai-researchgate:before {
    content: "\e95e";
}
.ai-researchgate-square:before {
    content: "\e99e";
}
.ai-ror:before {
    content: "\e948";
}
.ai-ror-square:before {
    content: "\e949";
}
.ai-sci-hub:before {
    content: "\e959";
}
.ai-sci-hub-square:before {
    content: "\e905";
}
.ai-scirate:before {
    content: "\e98e";
}
.ai-scirate-square:before {
    content: "\e99d";
}
.ai-scopus:before {
    content: "\e91e";
}
.ai-scopus-square:before {
    content: "\e91f";
}
.ai-semantic-scholar:before {
    content: "\e96e";
}
.ai-semantic-scholar-square:before {
    content: "\e96c";
}
.ai-springer:before {
    content: "\e928";
}
.ai-springer-square:before {
    content: "\e99b";
}
.ai-ssrn:before {
    content: "\e916";
}
.ai-ssrn-square:before {
    content: "\e917";
}
.ai-stackoverflow:before {
    content: "\e920";
}
.ai-stackoverflow-square:before {
    content: "\e921";
}
.ai-zenodo:before {
    content: "\e911";
}
.ai-zotero:before {
    content: "\e962";
}
.ai-zotero-square:before {
    content: "\e932";
}
/*  Duplication of the FontAwesome style classes using 'ai' in place of 'fa'. */
.ai-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -.0667em;
}
.ai-xs {
    font-size: .75em;
}
.ai-sm {
    font-size: .875em;
}

.ai-1x {
    font-size: 1em;
}
.ai-2x {
    font-size: 2em;
}
.ai-3x {
    font-size: 3em;
}
.ai-4x {
    font-size: 4em;
}
.ai-5x {
    font-size: 5em;
}
.ai-6x {
    font-size: 6em;
}
.ai-7x {
    font-size: 7em;
}
.ai-8x {left
font-size: 8em;
}
.ai-9x {
    font-size: 9em;
}
.ai-10x {
    font-size: 10em;
}

.ai-fw {
    text-align: center;
    width: 1.25em;
}

.ai-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
}
.ai-ul > li {
    position: relative;
}
.ai-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

.ai-border {
    border: solid 0.08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em;
}

.ai-pull-left {
    float: left;
}
.ai-pull-right {
    float: right;
}
.ai.ai-pull-left {
    margin-right: .3em;
}
.ai.ai-pull-right {
    margin-right: .3em;
}

.ai-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}
.ai-stack-1x,
.ai-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
.ai-stack-1x {
    line-height: inherit;
}
.ai-stack-2x {
    font-size: 2em;
}
.ai-inverse {
    color: #fff;
}

/**/
.img_same_size {
    float: left;
    width:  100%;
    height: 250px;
    background-size: cover;
    margin-bottom: 20px;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 40%;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card-body {
    padding: 2px 16px;
}


.product {
    position: relative;
    margin-bottom: 2.5rem
}
.product .add-wishlist {
    right: -42px
}
.product .add-compare {
    left: -42px
}
.product .add-wishlist, .product .add-compare {
    opacity: 0;
    visibility: hidden;
    z-index: 1
}
.product-image-container {
    display: block;
    position: relative;
    margin-bottom: 2rem;
    transition: all .3s;
    border: .1rem solid #e5e5e5;
    background-color: #fafafa
}
.product:not(.product-sm):hover .product-image-container {
    box-shadow: 0 20px 43px rgba(0,0,0,0.15)
}
.product-image {
    display: block
}
.product-image::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .3s;
    background-color: rgba(0,0,0,0.1);
    content: '';
    opacity: 0;
    visibility: hidden
}
.product-image img {
    display: block;
    width: 100%;
    height: auto
}
.btn-quickview {
    display: inline-block;
    padding: 1.65rem 1.5rem;
    transition: all .25s;
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    font: 400 1.3rem/1 "Oswald", sans-serif;
    letter-spacing: .05rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden
}
.product-image-container .btn-quickview {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0
}
.product:hover .product-image::after, .product:hover .btn-quickview {
    opacity: 1;
    visibility: visible
}
.btn-quickview:hover, .btn-quickview:focus, .product:hover .btn-quickview:hover, .product:hover .btn-quickview:focus {
    color: #fff;
    text-decoration: none;
    opacity: .9
}
.product-title {
    margin-bottom: .8rem;
    color: black;
    font: 400 1.5rem/1.25 "Open Sans", sans-serif;
    letter-spacing: .01rem;
}

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

.instagram-feed {
    position: relative
}
.instagram-feed-content {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 286px;
    padding: 2.5rem 4rem 3.6rem;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: #0e0e0e;
    color: #fff;
    text-align: center
}
.instagram-feed-content i {
    display: inline-block;
    margin-bottom: .8rem;
    font-size: 2.4rem
}
.instagram-feed-content h3 {
    margin-bottom: .6rem;
    color: #fff;
    font: 300 4.8rem/1 "Oswald", sans-serif;
    letter-spacing: 0;
    text-transform: uppercase
}
.instagram-feed-content div {
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
    letter-spacing: .1rem;
    text-transform: uppercase
}
.instagram-feed-content .btn {
    min-width: 108px;
    padding: .85rem 1.2rem;
    border-width: .2rem
}
.instagram-feed-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
    list-style: none
}
.instagram-feed ul {
    margin: 0 0 2.25rem;
    padding: 0;
    list-style: none;
}
.instagram-feed-list li {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 1rem;
    padding-left: 1rem;
    margin-bottom: 2rem
}
.instagram-feed-list a {
    display: block;
    position: relative;
    max-height: 130px;
    overflow: hidden;
}
.instagram-feed-list a::after {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .3s ease;
    background-color: rgba(0,0,0,0.46);
    color: #f1f1f1;
    font-family: 'FontAwesome';
    font-size: 3.2rem;
    content: '\f06e';
    opacity: 0;
    visibility: hidden
}
.instagram-feed-list a:hover::after {
    opacity: 1;
    visibility: visible
}
.instagram-feed-list img {
    width: 100%;
    max-width: none
}


@media screen and (min-width: 576px) {

    .instagram-feed-list li {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}

@media screen and (min-width: 768px) {
    .instagram-feed-list li {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media screen and (min-width: 992px) {

    .instagram-feed-list li {
        -ms-flex: 0 0 16.66%;
        flex: 0 0 16.66%;
        max-width: 16.66%
    }
}

.page-body a{
    color: #000455 !important;
    font-weight: bold;
}

.page-body a.btn{
    color: #ffffff !important;
}
.page-body a h4{
    color: #000000 !important;
}

.page-body a p{
    color: #000000 !important;
}


.team-member{
    margin:0 0 30px;
    padding:20px;
    box-shadow:0 0 15px rgba(0,0,0,.1);
    background: #fff;
}
.team-member .team-member-img{
    margin:0 0 20px;
    position:relative;
    overflow:hidden
}
.team-member .team-member-img img{
    -webkit-transition:.4s;
    transition:.4s;
    border-radius:5px;
    width: 100% !important;
}
.team-member .team-member-img .social-profile{
    -webkit-transition:.3s;
    transition:.3s;
    padding-left:0;
    padding-right:0;
    margin-bottom:0;
    position:absolute;
    top:15px;
    right:15px
}
.team-member .team-member-img .social-profile li{
    margin:0 0 10px;
    opacity:0;
    -webkit-transform:translateX(30px);
    -moz-transform:translateX(30px);
    transform:translateX(30px);
    -webkit-transition:.3s;
    transition:.3s
}
.team-member .team-member-img .social-profile li a{
    background:#012245;
    border:none
}
.team-member .team-member-img .social-profile li a:hover{
    border-color:transparent
}
.team-member .team-member-img .social-profile li a i{
    color:#fff
}
.team-member .team-member-info{
    text-align:center
}
.team-member .team-member-info h4{
    margin:0 0 5px;
    font-size: 18px;
}
.team-member .team-member-info p{
    position:relative;
    margin:0
}
.team-member.style2{
    padding:0;
    box-shadow:none
}
.team-member:hover .team-member-img .social-profile li{
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    transform:translateX(0)
}
.team-member-img .social-profile li:nth-child(1){
    -webkit-transition:.2s;
    transition:.2s
}
.team-member-img .social-profile li:nth-child(2){
    -webkit-transition:.4s;
    transition:.4s
}
.team-member-img .social-profile li:nth-child(3){
    -webkit-transition:.6s;
    transition:.6s
}

a.text-primary{
    color: #ffffff !important;
}


.footer-link {
    justify-content: center;
    margin: -5px -20px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.footer-link li {
    padding: 2px 35px;
    border-right: 0px solid #ddd;
}
.footer-link li:last-child {
    border-right: 0px solid #ddd;
}

.powered-by{
    padding: 10px 0px; text-transform: uppercase;
}
@media screen and (max-width: 480px) {
    .footer-link li {
        border-bottom: 1px solid #ddd;
    }
    .footer-link li:last-child {
        border-bottom: 0px solid #ddd;
    }
}
@media screen and (min-device-width: 481px) and (max-device-width: 767px)  {
    .footer-link li {
        border-bottom: 1px solid #ddd;
    }
    .footer-link li:last-child {
        border-bottom: 0px solid #ddd;
    }
}