@import "_fonts.css";

/*-----------------------------------------------------------------------------------*/
/*	GENERAL
/*-----------------------------------------------------------------------------------*/
* {margin: 0;padding: 0;}
body {
	font: 14px "Merriweather-Regular", serif;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	border-top: 4px solid;
    color: #2F3133;
    overflow: hidden;
    overflow-y: scroll;
}
table tr td{text-align:left}
a {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}
 
input::-moz-focus-inner {border: 0;}
a{color: #0d2d62;}
a:hover, a:active, a:focus {text-decoration: none;outline: none;}  
ul{list-style-position: inside;}
.small-text {font-size: 12px;}
/* Alignments */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1rem;
}

@media only screen and (min-width: 768px) {
  .alignleft {
    /*rtl:ignore*/
    margin-right: calc(2 * 1rem);
  }
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1rem;
}
@media only screen and (min-width: 768px) {
  .alignright {
    /*rtl:ignore*/
    margin-left: calc(2 * 1rem);
  }
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*---------------------------------------------------------*/
/*-------------- BOOTSTRAP SLICK OVERLOAD------------------------*/
/*---------------------------------------------------------*/

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl{padding: 0 15px;} 
.container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
}
.fa,.fas,.far,.fal,.fad,.fab {margin-right: 10px;}
/*---------------------------------------------------------*/
/*-----------------------HEADER------------------------*/
/*---------------------------------------------------------*/
header.header ul{list-style: none;}
.header-top{background: #0d2d62; color: #fff;}
.header-top a, .header-top a:hover, .header-top a:focus{color: #fff;}
.header-top a:hover{text-decoration: underline;}
.header-top ul{ display:flex;  justify-content: space-between; flex-wrap: wrap; margin: 0;}
.header-top ul li{padding:10px 0 10px 0}
.header-top input {
    border-radius: 5px;
    border: none;
    padding-right: 20px;
    padding-left: 3px;
    height: 25px;
}
.header-bottom{padding: 25px 65px;}
.logo-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    color: #2d2e2e;
    transition: 0.25s all ease;
}
.logo{width:130px; height: auto;}
.logo img{width: 100%; height: auto;}
.site-name .institute-name{color:#0d2d62; font-size: 20px; font-family: "Merriweather-Bold", serif;font-style: italic;}
.site-name .name{color: rgb(77, 77, 77); font-family: "Merriweather-BoldItalic", serif; font-style: italic; }
/*---------------------------------------------------------*/
/*---------------------------MENU--------------------------*/
/*---------------------------------------------------------*/
.checkbtn{font-size: 40px; color: #000; line-height: 80px; cursor: pointer; margin-left: 20px}
.checkbtn, #check{display: none;}
.top-navi{margin-top: 30px; font: 20px/30px "Merriweather-BoldItalic", serif; }
.menu{display: flex; justify-content: flex-end; transition: .3s all ease;}
.menu li{padding: 5px; position: relative; transition: 0.5s; box-sizing: border-box; white-space:nowrap}
.menu a{padding: 15px} 
.menu a:hover{color:#ff0000;}
ul.menu li ul{
    font:14px "Merriweather-Regular", serif;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: .7s all ease;
    width: 350px; z-index: 2;
    display: block;
    padding: 0 30px 25px 0;
    text-align: left;}
    
ul.sub-menu li:first-child{margin-top: 45px;}
ul.sub-menu li{ 
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
    background: #0d2d62;  
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    
}
ul.sub-menu li:last-child{border-bottom: none;}
ul.sub-menu a{color: #b3bfdc; line-height: 1.2; display: block; }
ul.sub-menu a:hover{color: #fff;padding-left: 20px}
ul.menu li:hover ul{opacity: 1;visibility: visible;}

/*---------------------------------------------------------*/
/*---------------------------SLIDER------------------------*/
/*---------------------------------------------------------*/

.slider-image-one{background: url('../images/slide_1.jpg'); background-position: center center; background-size: cover; width: 100%; padding: 45px;}
.slider-image-two{background: url('../images/slide_2.jpg');background-position: center center; background-size: cover; width: 100%; padding: 45px;}
.slider-image-three{background: url('../images/slide_3.jpg');background-position: center center; background-size: cover; width: 100%; padding: 45px;}
.slider{min-height: 150px}
.slider-content{
    width: 100%;
    padding:100px 35px 85px 35px;
    color:#fff;
}
.slider-content .title{
    font: 85px/65px "Merriweather-Regular", "Times New Roman", Times, serif;
    margin: 25px;
    text-shadow: 0 1px 1px rgb(17, 17, 17);
}
.slider-content p{
    font-size: 20px; line-height: 1.4;
    margin: 60px 0;
    width: 60%;
    text-shadow: 0 1px 1px rgb(17, 17, 17);
}
.discovery{background: #0d2d62; color: #fff;}
.discovery_content{margin: 90px auto 70px 0;}
.discovery_content h3{font-size: 45px;}
.discovery_content h3 span{background: #ff0000; padding: 5px;}
.discovery_content p{font-size: 20px;}
.quote-wrapper{border-top: 2px solid #fff;padding-top:20px}
.h-image, .v-image{ width: 100%; height: auto; margin: 5px 0}
.h-image img, .v-image img{width: 100%;}
.newslatter, .statistic, .footer{padding: 35px 0}
.section-title h3{text-align: center; margin: 15px 0}
.section-title h3::before{
    content: "| ";
    color:red;
}
.news-item .thumb-image{
        width: 100%;
        height: auto;
        text-align: center;
}
.news-item .thumb-image img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
}
.article-title {text-align: center;}
.article-title a:hover{text-decoration: underline; color: #ff0000;}
.article-body{text-align: justify;}
.pagination-wrapper{margin-top: 30px;}
.statistic{background:#0d2d62;}
.counting-sec{padding: 40px 0; width:100%; text-align: center;}
.inner-width{max-width:1200px; margin:auto;}
.counter-items{ text-transform: uppercase; color:#f6f6f6;}
.counter-items i{font-size:70px; color:#f6f6f6;}
.num{font-size:45px; margin: 40px 0;}

dl.article-info {
    background-color: #efefef;
    font-size: 12px;
    overflow: auto;
    padding: 5px 0 0 5px;
}
dt, dd {
    line-height: 18px;
    float: left;
}
.muted {
    color: #999;
}
dl {margin: 0}

.footer-logo{width:50%; translate: 50%;}
.footer-title h5{font-weight: 700;font-family: "Merriweather-Regular", serif; font-style: italic;}
.title-subline {
    position: relative;
    height: 1px;
    padding: 0;
    background: #e5e5e5;
    border: none;
}
.title-subline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 50px;
    background: #b80924;
} 
.contact-body{padding:10px;}
.social-icons ul{display: flex; list-style: none; font-size: 20px;}
.social-icons ul li{padding: 15px}
.breadcrumb-wrapper{font: 15px/25px "Merriweather-Regular", serif; padding: 10px 0}
.breads{margin: 10px 0}
.news-item-title{text-align: center;}
.news-item-content{text-align: justify;padding-top: 10px;}
.news-item-content ul{list-style-position: inside;}
.partners{list-style: none;}
.widget-title{background-color: #ff0000; padding: 10px}
.widget-title h5{text-align: center; color: #fff;}