/*



  Theme Name: BizPage



  Theme URL: https://bootstrapmade.com/bizpage-bootstrap-business-template/



  Author: BootstrapMade.com



  License: https://bootstrapmade.com/license/



*/











/*--------------------------------------------------------------



# General



--------------------------------------------------------------*/







body {



    background: #fff;



    color: #666666;



    font-family: "Open Sans", sans-serif;



}







a {



    color: #FFFFFF;



    transition: 0.5s;



}







a:hover,



a:active,



a:focus {



    color: #FFFFFF;



    outline: none;



    text-decoration: none;



}







p {



    padding: 0;



    margin: 0 0 30px 0;



}







h1,



h2,



h3,



h4,



h5,



h6 {



    font-family: "Montserrat", sans-serif;



    font-weight: 400;



    margin: 0 0 20px 0;



    padding: 0;



}











/* Back to top button */







.back-to-top {



    position: fixed;



    display: none;



    background: #000;



    color: #fff;



    width: 44px;



    height: 44px;



    text-align: center;



    line-height: 1;



    font-size: 16px;



    border-radius: 50%;



    right: 15px;



    bottom: 15px;



    transition: 0.5s;



    z-index: 11;



}







.back-to-top i {



    padding-top: 12px;



    color: #fff;



}







.secondary-active a {



    color: #fff;



}











/* Prelaoder */







#logo {



    position: relative;



    left: 0;



    top: 0;



    margin-top: -14px;



}







#logo .img-logo {



    width: 65px;



    position: absolute;



    left: -85px;



    top: -16px;



    border-radius: 100px;



}







#logo .scrollto {



    position: absolute;



    margin-left: 25px;



    margin-top: 16px;



}







.something {



    position: relative;



    width: 568px;



    height: 178px;



    left: 1267px;



    top: 99px;



    font-family: Poppins;



    font-style: normal;



    font-weight: bold;



    font-size: 70px;



    line-height: 105px;



    text-align: right;



    color: #FFFFFF;



}







#preloader {



    position: fixed;



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    z-index: 9999;



    overflow: hidden;



    background: #fff;



}







#preloader:before {



    content: "";



    position: fixed;



    top: calc(50% - 30px);



    left: calc(50% - 30px);



    border-top: 6px solid #970000;



    border-radius: 50%;



    width: 60px;



    height: 60px;



    -webkit-animation: animate-preloader 1s linear infinite;



    animation: animate-preloader 1s linear infinite;



}







@-webkit-keyframes animate-preloader {



    0% {



        -webkit-transform: rotate(0deg);



        transform: rotate(0deg);



    }



    100% {



        -webkit-transform: rotate(360deg);



        transform: rotate(360deg);



    }



}







@keyframes animate-preloader {



    0% {



        -webkit-transform: rotate(0deg);



        transform: rotate(0deg);



    }



    100% {



        -webkit-transform: rotate(360deg);



        transform: rotate(360deg);



    }



}











/*--------------------------------------------------------------



# Header



--------------------------------------------------------------*/







.navbar-menu {



    background-color: #fafafa;



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 50px;



    transform: translateX(-100%);



    transition: 0.5s;



}







.navbar-menu.active {



    transform: translateX(0);



    transition: 0.5s;



}







.navbar-menu .menu-listing {



    padding: 0;



    margin: 0;



    text-align: right;



}







.menu-listing li {



    display: inline-block;



}







.menu-listing li a {



    background-color: #fff;



    color: #262626;



    display: block;



    font-size: 1rem;



    height: 50px;



    line-height: 50px;



    padding: 0 20px;



    letter-spacing: 1px;



    text-decoration: none;



    transition: 0.5s;



}







.menu-listing li a:hover {



    background-color: #262626;



    color: #fff;



    transition: 0.5s;



}







.menu {



    position: fixed;



    top: 0;



    left: 0;



    background-color: #262626;



    height: 50px;



    width: 50px;



    cursor: pointer;



    transition: 0.3s;



    z-index: 9999;



}







.menu span {



    position: absolute;



    height: 3px;



    width: 25px;



    background-color: #fff;



    top: 50%;



    left: 50%;



    transform: translate(-50%, -50%);



    transition: 0.3s;



}







.menu span:before {



    content: '';



    position: absolute;



    top: -8px;



    background-color: #fff;



    height: 3px;



    width: 25px;



    transition: 0.3s;



}







.menu span:after {



    content: '';



    position: absolute;



    top: 8px;



    background-color: #fff;



    height: 3px;



    width: 25px;



    transition: 0.3s;



}







.menu.active span {



    background-color: transparent;



}







.menu.active span:before {



    transform: rotate(45deg);



    top: 0;



}







.menu.active span:after {



    transform: rotate(-45deg);



    top: 0;



}







@media only screen and (max-width:767px) {



    .navbar-menu {



        height: auto;



        z-index: 1;



    }



    .menu-listing li {



        display: block;



    }



    .navbar-menu .menu-listing {



        text-align: center;



    }



}







#header {



    padding: 30px 0;



    height: 92px;



    position: fixed;



    left: 0;



    top: 0;



    right: 0;



    transition: all 0.5s;



    z-index: 997;



}







#header .icon-special {



    opacity: 0;



}







#header.header-scrolled {



    background: rgba(0, 0, 0, 0.9);



    padding: 20px 0;



    height: 72px;



    transition: all 0.5s;



}







#header #logo {



    float: left;



}







#header #logo h1 {



    font-size: 34px;



    margin: 0;



    padding: 0;



    line-height: 1;



    font-family: "Montserrat", sans-serif;



    font-weight: 700;



    letter-spacing: 3px;



}







#header #logo h1 a,



#header #logo h1 a:hover {



    color: #fff;



    padding-left: 10px;



    border-left: 4px solid #18d26e;



}







#header #logo img {



    padding: 0;



    margin: 0;



}











/*--------------------------------------------------------------



# Intro Section



--------------------------------------------------------------*/







#intro {



    display: table;



    width: 100%;



    height: 100vh;



    background: #000;



}







.trick {



    position: absolute;



    position: fixed;



    width: 100%;



    height: 100vh;



    z-index: 999;



    background: #000;



    visibility: hidden;



    animation-name: end-anim;



    animation-duration: 3.5s;



}







.acontainer {



    top: 42%;



    text-align: center;



}







.acontainer img {



    width: 100px;



    display: inline-block;



    visibility: hidden;



    animation: anim 3s;



}







@media (min-width: 750px) {



    .acontainer img {



        width: 120px;



    }



    .acontainer {



        top: 40%;



    }



}







@media (min-width: 1600px) {



    .acontainer img {



        width: 240px;



    }



    .acontainer {



        top: 32%;



    }



}







@keyframes anim {



    0% {



        visibility: visible;



        opacity: 0;



    }



    30% {



        opacity: 1;



    }



    60% {



        opacity: 1;



    }



    100% {



        opacity: 0;



        transform: scale(1.1);



    }



}







@keyframes scale {



    0% {



        transform: scale(1);



    }



    100% {



        transform: scale(1.5);



    }



}







@keyframes end-anim {



    0% {



        visibility: visible;



        opacity: 1;



    }



    85% {



        opacity: 1;



    }



    100% {



        opacity: 0;



    }



}







#team .carousel-item {



    width: 100%;



    height: 100vh;



    background-size: cover;



    background-position: center;



    background-repeat: no-repeat;



}







#intro .carousel-item {



    width: 100%;



    height: 100vh;



    background-size: cover;



    background-position: center;



    background-repeat: no-repeat;



}







#intro .carousel-item::before {



    content: '';



    background-color: rgba(0, 0, 0, 0.7);



    position: absolute;



    height: 100%;



    width: 100%;



    top: 0;



    right: 0;



    left: 0;



    bottom: 0;



}







#intro .carousel-container {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    bottom: 0;



    top: 0;



    left: 0;



    right: 0;



}







#intro .img-container {



    position: absolute;



    background-image: url('../img/blurlu-gece.jpg');



    background-size: cover;



    width: 100%;



    height: 100vh;



    background-attachment: fixed;



}







#intro .carousel-background img {



    max-width: 100%;



    filter: blur(10px);



    -webkit-filter: blur(10px);



}







.change-foto {



    position: absolute;



    bottom: 0;



    top: 0;



    left: 0;



    right: 0;



    background-size: cover;



}







#intro .video-container {



    position: absolute;



    top: 50%;



    margin-top: -750px;



}







#intro .video {



    height: 1500px;



    position: relative;



    max-width: 100%;



    z-index: 1;



}







#intro .carousel-content {



    text-align: center;



}







#intro h2 {



    color: #fff;



    margin-bottom: 30px;



    font-size: 48px;



    font-weight: 700;



}







#intro .intro-content {



    position: relative;



    top: 40px;



}







#intro2 {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    margin-top: -190px;



    left: 50%;



    margin-left: -200px;



}







.date {



    position: relative;



    font-size: 45px;



    color: #fff;



    top: 70px;



}







@media (max-width: 500px) {



    .date {



        font-size: 25px;



    }



}







#intro p {



    width: 80%;



    margin: 0 auto 30px auto;



    color: #CCCCCC;



}







#intro .carousel-fade {



    overflow: hidden;



}







#intro .carousel-fade .carousel-inner .carousel-item {



    transition-property: opacity;



}







#intro .welcome {



    position: relative;



    left: -350px;



    top: -110px;



}







@media(max-width: 500px) {



    #intro .welcome {



        left: 0px;



        top: -120px;



    }



}







@media only screen and (max-width: 500px) {



    #intro .tip {



        left: 80px;



    }



}







@media(max-width: 500px) {



    #intro .test-text {



        font-size: 15px;



    }



}







#haydar-loader {



    position: absolute;



    left: 50%;



    top: 50%;



    z-index: 1;



    width: 150px;



    margin: -75px 0 0 -75px;



    border-radius: 50%;



    background: linear-gradient(90deg, #000, #970000, #000);



    background-size: 400%;



    animation: animate 8s linear infinite;



}







@keyframes animate {



    0% {



        background-position: 0%;



    }



    100% {



        background-position: 400%;



    }



}







#intro .tip {



    position: relative;



}







#intro .carousel-fade .carousel-inner .carousel-item,



#intro .carousel-fade .carousel-inner .active.carousel-item-left,



#intro .carousel-fade .carousel-inner .active.carousel-item-right {



    opacity: 0;



}







#intro .carousel-fade .carousel-inner .active,



#intro .carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,



#intro .carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {



    opacity: 1;



    transition: 0.5s;



}







#intro .carousel-fade .carousel-inner .carousel-item-next,



#intro .carousel-fade .carousel-inner .carousel-item-prev,



#intro .carousel-fade .carousel-inner .active.carousel-item-left,



#intro .carousel-fade .carousel-inner .active.carousel-item-right {



    left: 0;



    -webkit-transform: translate3d(0, 0, 0);



    transform: translate3d(0, 0, 0);



}







#intro .carousel-control-prev,



#intro .carousel-control-next {



    width: 10%;



}







#intro .carousel-control-next-icon,



#intro .carousel-control-prev-icon {



    background: none;



    font-size: 32px;



    line-height: 1;



}







#intro .carousel-indicators li {



    cursor: pointer;



}







#intro .btn-get-started {



    font-family: "Montserrat", sans-serif;



    font-weight: 500;



    font-size: 16px;



    letter-spacing: 1px;



    display: inline-block;



    padding: 8px 32px;



    border-radius: 50px;



    transition: 0.5s;



    margin: 10px;



    color: #fff;



    background: #000;



    background: linear-gradient(90deg, #000, #000, #fff, #000, #000);



    background-size: 500%;



}







#intro .part1 {



    margin-left: 25px;



    position: absolute;



    height: 2px;



    background: #fff;



}







#intro .btn-get-started:hover {



    background: linear-gradient(90deg, #000, #970000, #000);



    background-size: 400%;



    animation: animate 8s linear infinite;



}







@keyframes animate {



    0% {



        background-position: 0%;



    }



    100% {



        background-position: 400%;



    }



}







@keyframes animateh {



    0% {



        background-position: 0%;



    }



    20% {



        background-position: 100%;



    }



    100% {



        background-position: 100%;



    }



}











/*--------------------------------------------------------------



# Navigation Menu



--------------------------------------------------------------*/











/* Nav Menu Essentials */







.nav-menu,



.nav-menu * {



    margin: 0;



    padding: 0;



    list-style: none;



}







.nav-menu ul {



    position: absolute;



    display: none;



    top: 100%;



    left: 0;



    z-index: 99;



}







.nav-menu li {



    position: relative;



    white-space: nowrap;



}







.nav-menu>li {



    float: left;



}







.nav-menu li:hover>ul,



.nav-menu li.sfHover>ul {



    display: block;



}







.nav-menu ul ul {



    top: 0;



    left: 100%;



}







.nav-menu ul li {



    min-width: 180px;



}











/* Nav Menu Arrows */







.sf-arrows .sf-with-ul {



    padding-right: 30px;



}







.sf-arrows .sf-with-ul:after {



    content: "\f107";



    position: absolute;



    right: 15px;



    font-family: FontAwesome;



    font-style: normal;



    font-weight: normal;



}







.sf-arrows ul .sf-with-ul:after {



    content: "\f105";



}











/* Nav Meu Container */







#nav-menu-container {



    float: right;



    margin: 0;



}











/* Nav Meu Styling */







.nav-menu a {



    padding: 0 8px 10px 8px;



    text-decoration: none;



    display: inline-block;



    color: #FFFFFF;



    font-family: "Montserrat", sans-serif;



    font-weight: 700;



    font-size: 13px;



    text-transform: uppercase;



    outline: none;



}







.nav-menu p {



    padding: 0 8px 10px 8px;



    text-decoration: none;



    display: inline-block;



    color: #FFFFFF;



    font-family: "Montserrat", sans-serif;



    font-weight: 700;



    font-size: 13px;



    text-transform: uppercase;



    outline: none;



    display: inline;



}







.nav-menu li:hover>a,



.nav-menu>.menu-active>a {



    color: #CCCCCC;



}







.nav-menu>li {



    margin-left: 10px;



}







.nav-menu ul {



    margin: 4px 0 0 0;



    padding: 10px;



    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);



    background: #fff;



}







.nav-menu ul li {



    transition: 0.3s;



}







.nav-menu ul li a {



    padding: 10px;



    color: #333;



    transition: 0.3s;



    display: block;



    font-size: 13px;



    text-transform: none;



}







.nav-menu ul li:hover>a {



    color: #CCCCCC;



}







.nav-menu ul ul {



    margin: 0;



}











/* Mobile Nav Toggle */







#mobile-nav-toggle {



    position: fixed;



    right: 0;



    top: 0;



    z-index: 999;



    margin: 20px 20px 0 0;



    border: 0;



    background: none;



    font-size: 24px;



    display: none;



    transition: all 0.4s;



    outline: none;



    cursor: pointer;



}







#mobile-nav-toggle i {



    color: #fff;



}











/* Mobile Nav Styling */







#mobile-nav {



    position: fixed;



    top: 0;



    padding-top: 18px;



    bottom: 0;



    z-index: 998;



    background: rgba(0, 0, 0, 0.8);



    left: -260px;



    width: 260px;



    overflow-y: auto;



    transition: 0.4s;



}







#mobile-nav ul {



    padding: 0;



    margin: 0;



    list-style: none;



}







#mobile-nav ul li {



    position: relative;



}







#mobile-nav ul li a {



    color: #fff;



    font-size: 13px;



    text-transform: uppercase;



    overflow: hidden;



    padding: 10px 22px 10px 15px;



    position: relative;



    text-decoration: none;



    width: 100%;



    display: block;



    outline: none;



    font-weight: 700;



    font-family: "Montserrat", sans-serif;



}







#mobile-nav ul li a:hover {



    color: #CCCCCC;



}







#mobile-nav ul li li {



    padding-left: 30px;



}







#mobile-nav ul li.menu-active a {



    color: #ccc;



}







#mobile-nav ul .menu-has-children i {



    position: absolute;



    right: 0;



    z-index: 99;



    padding: 15px;



    cursor: pointer;



    color: #fff;



}







#mobile-nav ul .menu-has-children i.fa-chevron-up {



    color: #ccc;



}







#mobile-nav ul .menu-has-children li a {



    text-transform: none;



}







#mobile-nav ul .menu-item-active {



    color: #ccc;



}







#mobile-body-overly {



    width: 100%;



    height: 100%;



    z-index: 997;



    top: 0;



    left: 0;



    position: fixed;



    background: rgba(0, 0, 0, 0.7);



    display: none;



}











/* Mobile Nav body classes */







body.mobile-nav-active {



    overflow: hidden;



}







body.mobile-nav-active #mobile-nav {



    left: 0;



}







body.mobile-nav-active #mobile-nav-toggle {



    color: #fff;



}











/*--------------------------------------------------------------



# Sections



--------------------------------------------------------------*/











/* Sections Header



--------------------------------*/







.section-header h3 {



    font-size: 55px;



    color: #111;



    text-transform: uppercase;



    text-align: center;



    font-weight: 700;



    position: relative;



    padding-bottom: 15px;



}







.section-header h3::before {



    content: '';



    position: absolute;



    display: block;



    width: 120px;



    height: 1px;



    background: #930000;



    bottom: 1px;



    left: calc(50% - 60px);



}







.section-header h3::after {



    content: '';



    position: absolute;



    display: block;



    width: 40px;



    height: 3px;



    background: #000000;



    bottom: 0;



    left: calc(50% - 20px);



}







.section-header p {



    text-align: center;



    padding-bottom: 30px;



    color: #333;



}











/* Section with background



--------------------------------*/







.section-bg {



    background: #f7f7f7;



}











/* Featured Services Section



--------------------------------*/







#featured-services {



    background: #000;



}







#featured-services .box {



    padding: 30px 20px;



}







#featured-services .box-bg {



    background-image: linear-gradient(0deg, #000000 0%, #242323 50%, #000000 100%);



}







#featured-services i {



    color: #18d26e;



    font-size: 48px;



    display: inline-block;



    line-height: 1;



}







#featured-services h4 {



    font-weight: 400;



    margin: 15px 0;



    font-size: 18px;



}







#featured-services h4 a {



    color: #fff;



}







#featured-services h4 a:hover {



    color: #18d26e;



}







#featured-services p {



    font-size: 14px;



    line-height: 24px;



    color: #fff;



    margin-bottom: 0;



}











/* About Us Section



--------------------------------*/







#about {



    background-size: cover;



    padding: 60px 0 40px 0;



    position: relative;



}







#about::before {



    content: '';



    position: absolute;



    left: 0;



    right: 0;



    top: 0;



    bottom: 0;



    background: rgba(255, 255, 255, 0.92);



    z-index: 9;



}







#regi {



    margin-top: -125px;



}







#about .container {



    position: relative;



    z-index: 10;



}







#about .about-col {



    background: #CCCCCC;



    border-radius: 0 0 4px 4px;



    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);



    margin-bottom: 20px;



}







#about .about-col .img {



    position: relative;



}







#about .about-col .img img {



    border-radius: 4px 4px 0 0;



}







#about .about-col .icon {



    width: 64px;



    height: 64px;



    padding-top: 8px;



    text-align: center;



    position: absolute;



    background-color: #CCCCCC;



    border-radius: 50%;



    text-align: center;



    border: 4px solid #fff;



    left: calc( 50% - 32px);



    bottom: -30px;



    transition: 0.3s;



}







#about .about-col i {



    font-size: 36px;



    line-height: 1;



    visibility: hidden;



    color: #fff;



    transition: 0.3s;



}







#about .about-col:hover .icon {



    background-color: #5a5a5a;



}







#about .about-col:hover i {



    visibility: visible;



    color: #930000;



}







#about .about-col h2 {



    color: #000;



    text-align: center;



    font-weight: 700;



    font-size: 20px;



    padding: 0;



    margin: 40px 0 12px 0;



}







#about .about-col h2 a {



    color: #000;



}







#about .about-col h2 a:hover {



    color: #fff;



}







#about .about-col p {



    font-size: 14px;



    line-height: 24px;



    color: #000;



    margin-bottom: 0;



    padding: 0 20px 20px 20px;



}







#jccsec {



    position: absolute;



    top: 855px;



    z-index: 200;



}







@media (max-width: 500px) {



    #jccsec {



        position: absolute;



        top: 2050px;



        z-index: 200;



    }



}











/* Committees Section



--------------------------------*/







#committees {



    height: 630px;



}







#committees .test-bar {



    background: linear-gradient(270deg, #000000 45.83%, rgba(0, 0, 0, 0.355412) 99.96%, rgba(0, 0, 0, 0) 99.97%, rgba(63, 63, 63, 0.68011) 99.98%, rgba(108, 108, 108, 0.451112) 99.99%);



    background-size: cover;



    width: 100%;



    margin-top: 92px;



    height: 630px;



    z-index: -1px;



}







@media (min-height: 680px) {



    #committees {



        height: 700px;



    }



}







#committees .agendai {



    position: absolute;



    width: 100%;



    height: 92px;



    background-color: #000;



    top: 630px;



}







#committees .agenda {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    top: 650px;



    left: 25%;



    color: #fff;



    font-size: 20px;



}







#committees .agendam {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    top: 670px;



    left: 25%;



    color: #fff;



    font-size: 20px;



}







#committees .agenda2 {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    top: 690px;



    left: 25%;



    color: #fff;



    font-size: 20px;



}







#committees .barrier {



    position: absolute;



    background-size: cover;



    width: 100%;



    height: 92px;



    background-color: #000;



}







#committees .carousel-background img {



    width: 1266px;



    height: 500px;



    max-width: 100%;



}







#committees .first {



    position: absolute;



    font-size: 35px;



    color: #fff;



    right: 0;



    margin-top: 135px;



    text-align: right;



    margin-right: 25px;



    z-index: 10;



}







@media (max-width: 800px) {



    #committees .first {



        font-size: 30px;



    }



}







#committees .second {



    position: absolute;



    font-size: 40px;



    color: #fff;



    right: 0;



    margin-top: 135px;



    text-align: right;



    margin-right: 25px;



}







#committees .third {



    position: absolute;



    font-size: 35px;



    color: #fff;



    right: 0;



    margin-top: 135px;



    text-align: right;



    margin-right: 25px;



}







#committees .fourth {



    position: absolute;



    font-size: 45px;



    color: #fff;



    right: 0;



    margin-top: 135px;



    text-align: right;



    margin-right: 25px;



}







#committees .sixt {



    position: absolute;



    font-size: 50px;



    color: #fff;



    right: 0;



    margin-top: 135px;



    text-align: right;



    margin-right: 25px;



}







#committees .seventh {



    position: absolute;



    font-size: 50px;



    color: #fff;



    right: 0;



    margin-top: 135px;



    text-align: right;



    margin-right: 25px;



}







#committees .eighth {



    position: absolute;



    font-size: 60px;



    color: #fff;



    right: 0;



    margin-top: 135px;



    text-align: right;



    margin-right: 25px;



}







#committees .nineth {



    position: absolute;



    font-size: 50px;



    color: #fff;



    right: 0;



    margin-top: 135px;



    text-align: right;



    margin-right: 25px;



}







#committees .guide-container {



    position: absolute;



    font-size: 30px;



    top: 425px;



    right: 0;



    border-bottom-right-radius: 25px;



    border-top-right-radius: 25px;



    border-bottom-left-radius: 25px;



    border-top-left-radius: 25px;



    background-color: #fff;



    margin-right: 25px;



    width: 180px;



    height: 40px;



}







#committees .guide-container:hover {



    background-color: #930000;



}







#committees .Study-Guide {



    position: absolute;



    font-size: 25px;



    text-align: center;



    margin-right: 15px;



    right: 0;



    color: #000;



}







#committees .Study-Guide:hover {



    color: #fff;



}







#committees .letter-container {



    position: absolute;



    font-size: 30px;



    top: 525px;



    right: 0;



    border-bottom-right-radius: 25px;



    border-top-right-radius: 25px;



    border-bottom-left-radius: 25px;



    border-top-left-radius: 25px;



    background-color: #fff;



    margin-right: 25px;



    width: 180px;



    height: 40px;



}







#committees .letter-container:hover {



    background-color: #930000;



}







#committees .Letters {



    position: absolute;



    font-size: 25px;



    text-align: center;



    margin-right: 11px;



    right: 0;



    color: #000;



}







#committees .Letters:hover {



    color: #fff;



}







#committees .barrier {



    background-color: #000;



    background-size: cover;



    width: 1349px;



    height: 95px;



    top: 0;



}







#new-com {



    height: 150px;



}







#acommittees {



    margin-top: 25px;



}







#acommittees .background {



    background: #000;



}







.com-img {



    height: 80vh;



    background-size: cover;



    background-position: center center;



    background-repeat: no-repeat;



}







.img1 {



    background-image: url("../img/committies-photos/disec.jpg");



}







.img2 {



    background-image: url("../img/committies-photos/trial.jpeg");



}







.img3 {



    background-image: url("../img/committies-photos/jcc.jpg");



}







.img4 {



    background-image: url("../img/committies-photos/unep.jpg");



}







.img5 {



    background-image: url("../img/committies-photos/sochum.jpg");



}







.img6 {



    background-image: url("../img/committies-photos/cis.jpg");



}







.img7 {



    background-image: url("../img/committies-photos/cabinet.jpg");



}







.img8 {



    background-image: url("..//img/committies-photos/legal.jpg");



}







.img9 {



    background-image: url("..//img/committies-photos/nato.webp");



}







.img10 {



    background-image: url("../img/committies-photos/trial.png");



}







.img11 {



    background-image: url("../img/committies-photos/unscop.jpg");



}







.img12 {



    background-image: url("../img/committies-photos/unsc.jpg");



}







#hidingScrollBar {



    overflow: hidden;



}







.hideScrollBar {



    width: 100%;



    height: 100%;



    overflow: auto;



    margin-right: 14px;



    padding-right: 28px;



    /*This would hide the scroll bar of the right. To be sure we hide the scrollbar on every browser, increase this value*/



    padding-bottom: 15px;



    /*This would hide the scroll bar of the bottom if there is one*/



}







#acommittees .filter {



    position: absolute;



    left: 0;



    background: linear-gradient(90deg, rgba(255, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.8) 30%, #000 80%);



    width: 100%;



    height: 80vh;



    margin-top: -80vh;



    z-index: 1;



}







#acommittees .comt {



    position: absolute;



    right: 0px;



    margin-right: 25px;



    text-align: right;



    z-index: 2;



    margin-top: 75px;



    color: #fff;



}







#acommittees .first {



    font-size: 35px;



}







#acommittees .sec {



    font-size: 45px;



}







#acommittees .third {



    font-size: 50px;



}







#acommittees .fourth {



    font-size: 35px;



}







#acommittees .fifth {



    font-size: 55px;



}







@media(max-width: 380px) {



    #acommittees .fourth {



        font-size: 30px;



    }



}







@media(max-width: 366px) {



    #acommittees .third {



        font-size: 35px;



    }



}







@media(max-width: 345px) {



    #acommittees .sec {



        font-size: 35px;



    }



}







@media (max-width: 413px) {



    #acommittees .comt {



        margin-top: 25px;



    }



    #acommittees .container-btn {



        margin-top: 25px;



    }



}







#introduction {



    position: absolute;



    position: fixed;



    width: 100%;



    height: 50px;



    display: none;



    top: 13%;



    z-index: 10;



}







#introduction .exit-btn {



    position: absolute;



    top: 110px;



    right: 110px;



    width: 30px;



    height: 30px;



    background: #ccc;



    border-radius: 50%;



    text-align: center;



}







#introduction .exit-btn p {



    color: #fff;



    position: absolute;



    font-size: 22px;



    left: 7.5px;



    top: -1.5px;



    font-family: Montserrat;



}







#introduction .exit-btn:hover {



    background-color: red;



}







@keyframes exit-btn {



    100% {



        background: red;



    }



}







#introduction .text p {



    border-top-right-radius: 30px;



    border-top-left-radius: 30px;



    border-bottom-right-radius: 30px;



    border-bottom-left-radius: 30px;



    color: #000;



    margin: 100px;



    padding: 30px;



    border: 4px solid #ccc;



    overflow-y: scroll;



    font-family: Montserrat;



    height: 300px;



    background: #fff;



    z-index: 10;



}







#introduction .text p::-webkit-scrollbar {



    display: none;



}







@media(max-width: 720px) {



    #introduction {



        top: 15%;



    }



    #introduction .text p {



        height: 450px;



        padding-right: 35px;



        padding: 25px;



        margin: 25px;



    }



    #introduction .exit-btn {



        top: 35px;



        right: 35px;



    }



}







#container-img {



    height: 100vh;



}







#container-img img {



    background-repeat: no-repeat;



    background-size: cover;



}







#acommittees .guide-container {



    position: absolute;



    right: 0px;



    margin-right: 25px;



    margin-top: 250px;



    z-index: 2;



    width: 180px;



    height: 40px;



    background: #970000;



    border-radius: 50px;



    text-align: center;



}





 .guide-container-2 {



    position: absolute;



    right: 0px;



    margin-right: 25px;



    margin-top: 330px;



    z-index: 2;



    width: 180px;



    height: 40px;



    background: #970000;



    border-radius: 50px;



    text-align: center;



}

 .guide-container-3 {



    position: absolute;



    right: 0px;



    margin-right: 25px;



    margin-top: 520px;



    z-index: 2;



    width: 180px;



    height: 80px;



    background: #970000;



    border-radius: 100px;



    text-align: center;



}

#acommittees .guide {



    color: #fff;



    font-size: 25px;



    display: inline-block;



    z-index: 2;



}







#acommittees .container-btn {



    margin-top: -25px;



}







#acommittees .last-trick {



    width: 100%;



    background: #000;



    display: none;



}







#acommittees .trick1 {



    height: 50px;



}







#acommittees .trick2 {



    height: 200px;



}







#acommittees .trick3 {



    height: 150px;



}







@media (max-width: 750px) {



    #acommittees .last-trick {



        display: block;



    }



}







#acommittees .intro-container {



    position: absolute;



    right: 0px;



    margin-right: 25px;



    margin-top: 460px;



    text-align: right;



    z-index: 2;



    width: 180px;



    height: 40px;



    background: #970000;



    border-radius: 50px;



    text-align: center;



}







#acommittees .com {



    margin-top: 450px;



}







#acommittees .icj {



    margin-top: 340px;



}







#acommittees .intro {



    color: #fff;



    font-size: 25px;



    display: inline-block;



    z-index: 2;



}







#acommittees .guide-container:hover {



    background: #ccc;



}







#acommittees .intro-container:hover {



    background: #ccc;



}







#acommittees .barrier {



    width: 100%;



    background: #000;



    text-align: center;



}







#acommittees .sec {



    height: 75px;



}







#acommittees .agenda {



    margin-top: 25px;



    color: #fff;



    font-size: 25px;



    display: inline-block;



}







#acommittees .agenda2 {



    margin-top: -15px;



    color: #fff;



    font-size: 25px;



    display: inline-block;



}







#team .megainto {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    margin-top: 25px;



    background-color: #970000;



    height: 30px;



    width: 150px;



    border-top-left-radius: 25px;



    border-top-right-radius: 25px;



    border-bottom-left-radius: 25px;



    border-bottom-right-radius: 25px;



    text-align: center;



}







#team .megainto:hover {



    background: #ccc;



}







#team .into1 {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    margin-top: 25px;



    background-color: #970000;



    height: 30px;



    width: 150px;



    margin-left: auto;



    margin-right: auto;



    border-top-left-radius: 25px;



    border-top-right-radius: 25px;



    border-bottom-left-radius: 25px;



    border-bottom-right-radius: 25px;



}







#team .into1:hover {



    background: #ccc;



}







#team .into2 {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    margin-top: 25px;



    background-color: #970000;



    height: 30px;



    width: 150px;



    margin-left: auto;



    margin-right: auto;



    border-top-left-radius: 25px;



    border-top-right-radius: 25px;



    border-bottom-left-radius: 25px;



    border-bottom-right-radius: 25px;



}







#team .into2:hover {



    background: #ccc;



}







#team .into3 {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    margin-top: 25px;



    background-color: #970000;



    height: 30px;



    width: 150px;



    margin-left: auto;



    margin-right: auto;



    border-top-left-radius: 25px;



    border-top-right-radius: 25px;



    border-bottom-left-radius: 25px;



    border-bottom-right-radius: 25px;



}







#team .into3:hover {



    background: #ccc;



}







#team .into4 {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    margin-top: 25px;



    background-color: #970000;



    height: 30px;



    width: 150px;



    margin-left: auto;



    margin-right: auto;



    border-top-left-radius: 25px;



    border-top-right-radius: 25px;



    border-bottom-left-radius: 25px;



    border-bottom-right-radius: 25px;



}







#team .into4:hover {



    background: #ccc;



}







#team .into:hover {



    background: #ccc;



}







#new-com .barrier {



    position: absolute;



    top: 0px;



    left: 0px;



    width: 100%;



    height: 160px;



    background-color: #000;



}







#new-com .secr {



    position: absolute;



    font-size: 45px;



    color: #fff;



    left: 0px;



    top: 0px;



    margin-left: 180px;



    margin-top: 100px;



}







@media (max-width: 500px) {



    #new-com .secr {



        font-size: 25px;



        margin-left: 50px;



    }



}











/* Explanation Section



--------------------------------*/







#explanation {



    height: 650px;



}







@media (max-width: 500px) {



    #explanation {



        height: 1800px;



    }



}







.ex-com {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    margin-bottom: 40px;



    left: 50%;



}







.ex-com .com-foto {



    height: 270px;



    width: 500px;



}







@media (max-width: 500px) {



    .ex-com .com-foto {



        width: 350px;



        height: 189px;



    }



}







#explanation .barrier {



    width: 100%;



    height: 200px;



    background-color: #000;



}







#explanation .top-text {



    font-size: 30px;



    position: absolute;



    margin-top: 92px;



    color: #fff;



    top: 15px;



    left: -200px;



    margin-left: 337.25px;



    z-index: 6;



}







@media (max-width: 500px) {



    #explanation .top-text {



        font-size: 20px;



        left: -300px;



    }



}







#explanation .secondary-barrier {



    width: 100%;



    height: 160px;



    background-color: #000;



}







#explanation .text-barrier {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    bottom: 0;



    left: 28px;



    background-color: #6D6D6D;



    opacity: 0.8;



    top: 220px;



    width: 96%;



    height: 390px;



}







@media (max-width: 500px) {



    #explanation .text-barrier {



        left: 10px;



        height: 240%;



    }



}







#explanation .text {



    text-align: justify;



    position: absolute;



    color: #fff;



    width: 93%;



    top: 250px;



    left: 50px;



}







@media (max-width: 500px) {



    #explanation .text {



        left: 16px;



    }



}











/* FAQ Section



--------------------------------*/







#faq .barrier {



    background-color: #000;



    background-size: cover;



    width: 100%;



    height: 180px;



    top: 0;



    position: absolute;



}







#faq {



    background-size: cover;



}







@media (max-width: 500px) {}







#faq .logo-container {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



}







#faq .logo {



    margin-top: 100px;



}







#faq .accordion {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    background-color: #000;



    color: #fff;



    cursor: pointer;



    padding: 18px;



    width: 96.5%;



    height: 80px;



    border: none;



    text-align: left;



    font-size: 25px;



    transition: 0.4s;



    margin-top: 25px;



    margin-left: 25px;



}







@media (max-width: 500px) {



    #faq .accordion {



        font-size: 15px;



        margin-left: 5px;



    }



}







#faq .active,



.accordion:hover {



    background-color: #8a8481;



    color: #000;



}







#faq .panel {



    font-size: 20px;



    padding: 0 40px;



    display: none;



    color: #000;



    background-color: rgba(255, 255, 255, 0.8);



    overflow: hidden;



    margin-top: 15px;



}







@media (max-width: 500px) {



    #faq .panel {



        font-size: 15px;



    }



}







#faq .container {



    visibility: hidden;



    top: 0;



    left: 0;



    margin: 0px;



    height: 92px;



}







#faq .fraq {



    font-size: 45px;



    position: relative;



    margin-top: 92px;



    color: #fff;



    top: 15px;



    left: -200px;



    margin-left: 337.25px;



}







@media (max-width: 1000px) {



    #faq .fraq {



        font-size: 30px;



        margin-left: 250px;



    }



}







@media (max-width: 500px) {



    #faq .fraq {



        font-size: 25px;



        width: 300px;



    }



}







@media (max-width: 500px) {



    #faq .logo {



        top: 950px;



        width: 300px;



        left: 10%;



    }



}











/* Fees&Payment



--------------------------------*/











/* Previous Edtions



--------------------------------*/











/* 18



--------------------------------*/







#prev18 {



    top: 0px;



    margin-top: 92px;



    left: 0px;



    background-size: cover;



    background-color: #fff;



}







#prev18 .barrier {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    text-align: center;



    bottom: 0;



    top: 0;



    left: 0;



    right: 0;



    height: 160px;



    background-color: #000;



}







#prev18 .preved {



    position: absolute;



    font-size: 45px;



    color: #fff;



    left: 0px;



    top: 0px;



    margin-left: 180px;



    margin-top: 100px;



}







@media (max-width: 500px) {



    #prev18 .preved {



        font-size: 25px;



        margin-left: 50px;



    }



}







#prev18 .team {



    position: absolute;



    font-size: 35px;



    color: #000;



    left: 0px;



    top: 0px;



    margin-left: 300px;



    margin-top: 730px;



}







@media (max-width: 500px) {



    #prev18 .team {



        margin-left: 50px;



        margin-top: 400px;



        font-size: 25px;



    }



}







#prev18 .aca {



    font-size: 30px;



    left: 0;



    top: 0;



    margin-left: 40px;



    margin-top: 20px;



}







@media (max-width: 500px) {



    #prev18 .aca {



        font-size: 20px;



    }



}







#prev18 .academic {



    font-size: 15px;



    margin-left: -40px;



}







#prev18 .orga {



    font-size: 30px;



    left: 0;



    top: 0;



    margin-left: 480px;



    margin-top: -221px;



}







@media (max-width: 500px) {



    #prev18 .orga {



        font-size: 20px;



        margin-left: 40px;



        margin-top: 0px;



    }



}







#prev18 .committee {



    position: relative;



    font-size: 15px;



    color: #000;



    right: 80px;



    top: 40px;



}







@media (max-width: 500px) {



    #prev18 .committee {



        font-size: 15px;



        left: 0px;



    }



}







#prev18 .kom {



    position: relative;



    top: 15px;



    left: -40px;



}







#prev18 .hpal18 {



    position: absolute;



    display: inline-block;



    top: 180px;



}







@media (max-width: 500px) {



    #prev18 .hpal18 {



        width: 340px;



    }



}







#prev-content {



    text-align: center;



    margin-top: 200px;



}







#prev-content .team {



    font-size: 35px;



    color: #000;



    margin-top: 25px;



}







@media (max-width: 750px) {



    #prev-content .team {



        font-size: 25px;



    }



}







#prev-content .hpal18 {



    display: inline-block;



}







@media (max-width: 750px) {



    #prev-content .hpal18 {



        width: 340px;



    }



}







@media (max-width: 360px) {



    #prev-content .hpal18 {



        width: 320px;



    }



}







@media (max-width: 336px) {



    #prev-content .hpal18 {



        width: 310px;



    }



}







#prev-content .aca {



    margin-left: 80px;



    float: left;



}







@media (min-width: 1850px) {



    #prev-content .aca {



        margin-left: 350px;



    }



}







@media (max-width: 750px) {



    #prev-content .aca {



        display: inline-block;



        margin-top: 0px;



        margin-left: 0px;



    }



}







#prev-content .sec {



    margin-left: 80px;



    display: inline-block;



}







@media (max-width: 750px) {



    #prev-content .sec {



        display: inline-block;



        margin-left: 0px;



    }



}







#prev-content .acad {



    font-size: 28px;



    color: #000;



    margin-top: 25px;



    float: center;



}







@media (max-width: 750px) {



    #prev-content .acad {



        font-size: 22.5px;



    }



}







#prev-content .academic {



    font-size: 20px;



    color: #000;



    text-align: left;



}







@media (max-width: 750px) {



    #prev-content .academic {



        font-size: 15px;



        color: #000;



        text-align: left;



        display: inline-block;



    }



}







#prev-content .orga {



    float: right;



    margin-right: 80px;



}







@media (min-width: 1850px) {



    #prev-content .orga {



        margin-right: 350px;



    }



}







@media (max-width: 750px) {



    #prev-content .orga {



        display: inline-block;



        margin-top: 0px;



        margin-left: 0px;



    }



}







#prev-content .orgad {



    font-size: 28px;



    color: #000;



    margin-top: 25px;



    float: center;



}







@media (max-width: 750px) {



    #prev-content .orgad {



        font-size: 22.5px;



    }



}







#prev-content .organization {



    font-size: 20px;



    color: #000;



    text-align: left;



}







@media (max-width: 750px) {



    #prev-content .organization {



        font-size: 15px;



        color: #000;



        text-align: left;



        display: inline-block;



    }



}







#prev-content .committee {



    margin-top: 450px;



}







@media (max-width: 750px) {



    #prev-content .committee {



        display: inline-block;



        margin-top: 0px;



        margin-left: 0px;



    }



}







#prev-content .committeed {



    font-size: 20px;



    color: #000;



    margin-top: 25px;



    float: center;



}







@media (max-width: 750px) {



    #prev-content .committeed {



        margin-left: 5px;



        margin-right: 5px;



        font-size: 15px;



    }



}







#prev-content .kom {



    font-size: 20px;



    color: #000;



    text-align: left;



    display: inline-block;



}







@media (max-width: 750px) {



    #prev-content .kom {



        font-size: 15px;



        color: #000;



        text-align: left;



    }



}











/* conference Section



--------------------------------*/







#conference .map-container {



    padding: 20px;



}







#3 .conf {



    font-size: 45px;



    position: relative;



    margin-top: 92px;



    color: #fff;



    top: 15px;



    left: -200px;



    margin-left: 337.25px;



    z-index: 6;



}







@media (max-width: 500px) {



    #conference .conf {



        font-size: 35px;



        margin-left: 250px;



    }



}







#conference .embed {



    top: 400px;



    display: inline-block;



    margin-left: 0px;



    margin-right: 0px;



    margin-top: 225px;



}







@media (max-width: 720px) {



    #conference .embed {



        top: 450px;



        width: 300px;



        height: 300px;



        margin-top: 0px;



    }



}







#conference .barrier {



    position: absolute;



    top: 0px;



    left: 0px;



    width: 100%;



    height: 170px;



    background-color: #000;



    z-index: 5;



}







#conference .test {



    position: relative;



    top: -77.5px;



}







#conference .barrier1 {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    background-color: #fff;



    width: 100%;



    height: 1200px;



    left: 0px;



    top: 155px;



    z-index: 2;



    /*background: linear-gradient(360deg, #6D6D6D 3.08%, #CCCCCC 43.48%, #000000 99.99%, #000000 100%), #CCCCCC;*/



}











/* Venue Section



--------------------------------*/







#venue .ven {



    position: absolute;



    font-size: 40px;



    padding-top: 25px;



    text-align: center;



    color: #000;



    background-size: cover;



    left: 200px;



    top: 120px;



}







@media (max-width: 500px) {



    #venue .ven {



        font-size: 25px;



        left: 50px;



    }



}







#venue .Haydar {



    position: absolute;



    font-size: 35px;



    color: #000;



    top: 320px;



    left: 200px;



}







@media (max-width: 500px) {



    #venue .Haydar {



        font-size: 25px;



        left: 35px;



    }



}







#venue .special2 {



    position: absolute;



    left: 0px;



    top: 1200px;



    width: 100%;



    height: 110px;



    background-color: #fff;



}







#venue .barrier {



    position: absolute;



    width: 114px;



    height: 2185px;



    left: -111.52px;



    top: 1315px;



    background: #ccc;



}







#venue .barrier2 {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    bottom: 0;



    top: 0;



    left: 0;



    right: 0;



    position: absolute;



    width: 100%;



    height: 2300px;



    left: 0px;



    top: 1310px;



    z-index: 3;



    background: #fff;



}







#venue .barrier3 {



    position: absolute;



    width: 100%;



    height: 2px;



    left: 0px;



    top: 1310px;



    z-index: 5;



    background: #fff;



}











/*SearchStick











.search {



	margin-top: 12px;



	display: block;



}







.search2 {



	margin-top: 12px;



	display: none;



}







@media (max-width: 750px) {



	.search {



	  display: none;



    }



	



	.search2 {



	  display: block;



    }



}







.test-search {



	height: 25px;



	display: none;



}







@media(max-width:750px) {



	.test-search {



	  display: block;



}



}







form{



    position: relative;



    top: 50%;



    left: 50%;



    transform: translate(-50%,-50%);



    transition: all 1s;



    width: 50px;



    height: 50px;



    background: white;



    box-sizing: border-box;



    border-radius: 25px;



    border: 4px solid white;



    padding: 5px;



}







input{



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 42.5px;



    line-height: 30px;



    outline: 0;



    border: 0;



    display: none;



    font-size: 1em;



    border-radius: 20px;



    padding: 0 20px;



}







.fa{



	margin-left: 10px;



    box-sizing: border-box;



    padding: 10px;



    width: 42.5px;



    height: 42.5px;



    position: absolute;



    top: 0;



    right: 0;



    border-radius: 50%;



    color: #07051a;



    text-align: center;



    font-size: 1.2em;



    transition: all 1s;



}







form:hover{



    width: 200px;



    cursor: pointer;



}







form:hover input{



    display: block;



}







form:hover .fa{



    background: #07051a;



    color: white;



}







/*-----



*/











/* Accomodation Section



--------------------------------*/







#accomodation .acco {



    position: absolute;



    font-size: 40px;



    padding-top: 15px;



    text-align: center;



    width: 100%;



    height: 90px;



    color: #000;



    /*background: linear-gradient(90deg, #000000 0%, #ccc 51.56%, #000000 100%), #FFFFFF;*/



    background-size: cover;



    left: 0px;



    top: 2150px;



    z-index: 12;



}







.acco-container {



    position: absolute;



    margin-top: 2600px;



    left: 160px;



    z-index: 1200;



}







@media (max-width: 750px) {



    .acco-container {



        font-size: 18px;



        margin-top: 2400px;



        left: 25px;



    }



}







.acco-text {



    text-align: left;



    color: #000;



    font-size: 20px;



}







#accomodation .embeds {



    margin-top: 100px;



    top: 200px;



}







@media (max-width: 750px) {



    #accomodation .embeds {



        width: 300px;



        height: 300px;



    }



}







#accomodation .text {



    position: absolute;



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    color: #000;



    font-size: 25px;



    top: 150px;



    left: 100px;



    text-align: left;



}







@media (max-width: 500px) {



    #accomodation .text {



        font-size: 20px;



        left: 50px;



        top: 100px;



    }



}







#accomodation .subtext {



    position: absolute;



    color: #000;



    font-size: 25px;



    top: 150px;



    margin-top: 150px;



    left: 120px;



    text-align: left;



}







@media (max-width: 500px) {



    #accomodation .subtext {



        left: 50px;



        top: 200px;



    }



}







#accomodation .hotel {



    position: absolute;



    color: #000;



    font-size: 22px;



    margin-top: 150px;



    left: 150px;



    text-align: left;



    top: 570px;



}







@media (max-width: 500px) {



    #accomodation .hotel {



        left: 15px;



    }



}







#venue1 {



    position: absolute;



    top: 0px;



    z-index: 20;



}







#accomodation1 {



    position: absolute;



    top: 2150px;



    z-index: 20;



}







#conference .embed2 {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    z-index: 15;



    position: absolute;



    top: 2550px;



    background-size: cover;



}







@media (max-width: 500px) {



    #conference .embed2 {



        width: 300px;



        height: 300px;



    }



}











/* Schedule Section



--------------------------------*/







#schedule {



    text-align: center;



}







#schedule p {



    font-weight: normal;



    font-size: 20px;



    line-height: 35px;



}







#schedule .title {



    color: #AF0000;



}







#schedule .line {



    height: 1px;



    width: 50%;



    background-color: #970000;



}







#schedule .scheck {



    position: absolute;



    font-size: 40px;



    color: #000;



    left: 50px;



    top: 3650px;



    z-index: 40;



}







#conference .something {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    width: 65%;



    background-color: #930000;



    top: 3750px;



    border-radius: 25px;



    height: 1000px;



}







@media (max-width: 500px) {



    #conference .something {



        width: 85%;



    }



}







#conference .padawan {



    font-size: 20px;



    color: #fff;



    margin-top: 25px;



}







@media (max-width: 500px) {



    #conference .padawan {



        top: 5px;



        font-size: 18px;



    }



}







#conference .line1 {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    top: 285px;



    width: 90%;



    height: 3px;



    background-color: #fff;



}







@media (max-width: 500px) {



    #conference .line1 {



        top: 307px;



        font-size: 18px;



    }



}







@media (max-width: 376px) {



    #conference .line1 {



        top: 320px;



    }



}







#conference .line2 {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    top: 615px;



    width: 90%;



    height: 3px;



    background-color: #fff;



}







@media (max-width: 500px) {



    #conference .line2 {



        top: 605px;



        font-size: 18px;



    }



}







@media (max-width: 376px) {



    #conference .line2 {



        top: 615px;



        font-size: 18px;



    }



}







#schedule1 {



    position: absolute;



    top: 3600px;



}







#conference .right {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    text-align: center;



    top: 4800px;



    font-size: 18px;



    color: #000;



}







@media (max-width: 500px) {



    #conference .right {



        font-size: 15px;



    }



}











/* Fees&Payment Section



--------------------------------*/











/*#payment .something-container {



	text-align: center;



}







#payment .something {



	margin-top: 20px;



	width: 65%;



	height: 380px;



	border-top-left-radius: 50px;



	border-top-right-radius: 50px;



	border-bottom-left-radius: 50px;



	border-bottom-right-radius: 50px;



	text-align: center;



	display: inline-block;



	background: #930000;



}







@media (max-width: 500px) {



	#payment .something {



		width: 85%;



		height: 320px;



	}



}







@media (max-width: 358px) {



	#payment .something {



		width: 85%;



		height: 360px;



	}



}







#payment .padawan {



	margin-top: 25px;



	font-size: 25px;



	text-align: center;



	color: #fff;



}







@media (max-width: 500px) {



	#payment .padawan {



		font-size: 15px;



	}



}







#payment .padawans {



	font-size: 25px;



	text-align: center;



	color: #fff;



}







@media (max-width: 500px) {



	#payment .padawans {



		font-size: 15px;



	}



}







#payment .line {



	margin-bottom: 20px;



	width: 90%;



	height: 3px;



	background: #fff;



	display: inline-block;



}



*/







#payment .coll {



    margin-top: 25px;



}







#payment .empty {



    height: 20px;



}







#payment .padawan {



    color: #000;



    font-size: 35px;



    text-align: left;



    margin-left: 100px;



}







@media (max-width: 750px) {



    #payment .padawan {



        font-size: 25px;



        margin-left: 25px;



    }



}







#payment .spec {



    margin-top: -89px;



    color: #000;



    font-size: 45px;



    text-align: right;



    margin-right: 75px;



}







@media (max-width: 750px) {



    #payment .spec {



        margin-top: 0px;



        font-size: 30px;



        text-align: right;



        margin-right: 25px;



    }



}







@media (max-width: 348px) {



    #payment .spec {



        margin-right: 13px;



    }



}







#payment .col1 {



    position: absolute;



    right: 0;



    margin-top: -20px;



    margin-right: 75px;



    width: 100px;



    height: 40px;



    border-top-left-radius: 10px;



    border-top-right-radius: 10px;



    border-bottom-left-radius: 10px;



    border-bottom-right-radius: 10px;



    background: #000;



    text-align: center;



    color: #fff;



}







@media (max-width: 750px) {



    #payment .col1 {



        right: 0;



        width: 75px;



        height: 35px;



        margin-right: 20px;



    }



}







@media (max-width: 348px) {



    #payment .col1 {



        margin-right: 8px;



    }



}







#payment .col2 {



    position: absolute;



    right: 0;



    margin-top: -20px;



    margin-right: 50px;



    width: 500px;



    height: 40px;



    border-top-left-radius: 10px;



    border-top-right-radius: 10px;



    border-bottom-left-radius: 10px;



    border-bottom-right-radius: 10px;



    background: #AF0000;



    text-align: center;



    color: #fff;



}







@media (max-width: 750px) {



    #payment .col2 {



        right: 0;



        width: 75px;



        height: 35px;



        margin-right: 135px;



    }



}







@media (max-width: 348px) {



    #payment .col2 {



        margin-right: 123px;



    }



}







#payment .col3 {



    position: absolute;



    right: 0;



    margin-top: -20px;



    margin-right: 419px;



    width: 100px;



    height: 40px;



    border-top-left-radius: 10px;



    border-top-right-radius: 10px;



    border-bottom-left-radius: 10px;



    border-bottom-right-radius: 10px;



    background: #ccc;



    text-align: center;



    color: #fff;



    vertical-align: center;



}







@media (max-width: 750px) {



    #payment .col3 {



        right: 0;



        width: 75px;



        height: 35px;



        margin-right: 250px;



    }



}







@media (max-width: 348px) {



    #payment .col3 {



        margin-right: 238px;



    }



}







#payment .cols {



    position: absolute;



    right: 0;



    margin-top: -20px;



    margin-right: 419px;



    width: 100px;



    height: 40px;



    border-top-left-radius: 10px;



    border-top-right-radius: 10px;



    border-bottom-left-radius: 10px;



    border-bottom-right-radius: 10px;



    background: #AF0000;



    text-align: center;



    color: #fff;



    vertical-align: center;



}







@media (max-width: 750px) {



    #payment .cols {



        right: 0;



        width: 75px;



        height: 35px;



        margin-right: 250px;



    }



}







@media (max-width: 348px) {



    #payment .cols {



        margin-right: 238px;



    }



}







#payment .txt1 {



    position: absolute;



    right: 0;



    margin-top: -12.5px;



    margin-right: 75px;



    width: 100px;



    height: 40px;



    text-align: center;



    color: #fff;



    vertical-align: center;



}







@media (max-width: 750px) {



    #payment .txt1 {



        right: 0;



        width: 75px;



        height: 40px;



        margin-right: 20px;



        margin-top: -15px;



    }



}







@media (max-width: 348px) {



    #payment .txt1 {



        margin-right: 8px;



    }



}







#payment .txt2 {



    position: absolute;



    right: 0;



    margin-top: -12.5px;



    margin-right: 247px;



    width: 400px;



    height: 40px;



    text-align: center;



    color: #fff;



    vertical-align: center;



}







@media (max-width: 750px) {



    #payment .txt2 {



        right: 0;



        width: 75px;



        height: 40px;



        margin-right: 135px;



        margin-top: -15px;



    }



}







@media (max-width: 348px) {



    #payment .txt2 {



        margin-right: 123px;



    }



}







#payment .txt3 {



    position: absolute;



    right: 0;



    margin-top: -12.5px;



    margin-right: 419px;



    width: 100px;



    height: 40px;



    text-align: center;



    color: #fff;



    vertical-align: center;



}







@media (max-width: 750px) {



    #payment .txt3 {



        right: 0;



        width: 75px;



        height: 40px;



        margin-right: 250px;



        margin-top: -15px;



    }



}







@media (max-width: 348px) {



    #payment .txt3 {



        margin-right: 238px;



    }



}







#paym {



    text-align: center;



}







#paym .container {



    margin-top: 100px;



    display: inline-block;



}







#paym .text {



    color: #AF0000;



    font-size: 25px;



}







#paym .ul-cont {



    color: #000;



    font-size: 22px;



    text-align: left;



    display: inline-block;



}







#deadline .dead {



    font-size: 40px;



    padding-top: 25px;



    text-align: center;



    color: #000;



    background-size: cover;



    margin-top: 40px;



}







@media (max-width: 500px) {



    #deadline .dead {



        font-size: 25px;



    }



}







#deadline .guide {



    text-align: left;



    margin-top: 50px;



    margin-left: 30%;



    color: #970000;



    font-size: 30px;



}







@media (max-width: 500px) {



    #deadline .guide {



        margin-left: 10%;



        font-size: 20px;



    }



}







#deadline .line {



    width: 55%;



    height: 3px;



    text-align: left;



    background: #970000;



}







@media (max-width: 500px) {



    #deadline .line {



        width: 90%;



    }



}







#deadline .padawan {



    margin-top: 15px;



    color: #000;



    font-size: 25px;



}







@media (max-width: 500px) {



    #deadline .padawan {



        font-size: 20px;



    }



}







#deadline .warn {



    margin-top: 50px;



    color: #AF0000;



    text-align: center;



    font-size: 20px;



}







@media (max-width: 500px) {



    #deadline .warn {



        font-size: 15px;



    }



}











/* Document Center Section



--------------------------------*/







#document .title {



    font-size: 2rem;



    color: #AF0000;



}







@media (max-width: 348px) {



    #document .guide {



        font-size: 30px;



    }



}







#document .title-line {



    height: 1px;



    width: 45%;



    margin-left: 0;



    background-color: #970000;



}







#document .dcommittees {



    font-size: 20px;



    color: #000;



    margin-top: 10px;



}







#document .dcommittees:hover {



    background-color: #CCCCCC;



    margin: 10px;



    color: #970000;



}







#document .prosedure {



    font-size: 35px;



    color: #AF0000;



    display: block;



}







#document .line2 {



    margin-left: -20px;



    background-color: #970000;



}







.discountimg {



    width: 300px;



    display: block;



}











/* Secretariat Section



--------------------------------*/







#secretariat {



    height: 600px;



    margin-top: 0x;



}







@media (max-width: 500px) {



    #secretariat {



        height: 300px;



    }



}







#secretariat .barrier {



    position: absolute;



    top: 0px;



    left: 0px;



    width: 100%;



    height: 160px;



    background-color: #000;



}







#secretariat .secr {



    position: absolute;



    font-size: 45px;



    color: #fff;



    left: 0px;



    top: 0px;



    margin-left: 180px;



    margin-top: 100px;



}







@media (max-width: 500px) {



    #secretariat .secr {



        font-size: 25px;



        margin-left: 50px;



    }



}







@media (max-width: 500px) {



    #testimonials .test {



        font-size: 30px;



    }



}







#secretariat .sec {



    position: absolute;



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    top: 180px;



    left: 50%;



    display: inline-block;



    margin-left: -425px



}







#secretariat .sec-img {



    width: 850px;



}







@media (max-width: 500px) {



    #secretariat .sec {



        margin-left: -175px



    }



}







@media (max-width: 500px) {



    #secretariat .sec-img {



        width: 350px;



    }



}







@media (max-width: 366px) {



    #secretariat .sec {



        margin-left: -162.5px



    }



}







@media (max-width: 366px) {



    #secretariat .sec-img {



        width: 325px;



    }



}







#newest-trick {



    height: 450px;



}







#new-trick {



    height: 600px;



}







#new-section .sec {



    position: absolute;



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    top: 200px;



    left: 50%;



    margin-left: -425px;



}







#new-section .sec-img {



    width: 850px;



}







@media (max-width: 500px) {



    #new-section .sec {



        margin-left: -175px;



    }



}







@media (max-width: 500px) {



    #new-section .sec-img {



        width: 350px;



    }



}







@media (max-width: 366px) {



    #new-section .sec {



        margin-left: -162.5px



    }



}







@media (max-width: 366px) {



    #new-section .sec-img {



        width: 325px;



    }



}







#new-trick .barrier {



    position: absolute;



    top: 0px;



    left: 0px;



    width: 100%;



    height: 160px;



    background-color: #000;



}







#new-trick .secr {



    position: absolute;



    font-size: 45px;



    color: #fff;



    left: 0px;



    top: 0px;



    margin-left: 180px;



    margin-top: 100px;



}







#comh .barrier {



    background: #000;



    width: 100%;



    height: 90px;



}







#comh2 .barrier {



    background: #000;



    width: 100%;



    height: 90px;



    margin-top: 0px;



}











/* Services Section



--------------------------------*/







#services {



    background: #fff;



    background-size: cover;



    padding: 60px 0 40px 0;



}







#services .head {



    margin-bottom: -10px;



    font-size: 20x;



    text-align: left;



}







#services .wel-letter {



    text-align: justify;



}







@media(max-width: 500px) {



    #services .welc-letter {



        font-size: 35px;



    }



}







#services .box {



    margin-bottom: 30px;



}







#services .icon {



    float: left;



}







#services .icon i {



    color: #18d26e;



    font-size: 36px;



    line-height: 1;



    transition: 0.5s;



}







#services .title {



    margin-left: 60px;



    font-weight: 700;



    margin-bottom: 15px;



    font-size: 18px;



}







#services .title a {



    color: #111;



}







#services .box:hover .title a {



    color: #18d26e;



}







#services .description {



    font-size: 14px;



    margin-left: 60px;



    line-height: 24px;



    margin-bottom: 0;



}











/* Call To Action Section



--------------------------------*/







#call-to-action {



    background: linear-gradient(180deg, #000000 0%, #930000 99.99%, rgba(0, 0, 0, 0) 100%);



    background-size: cover;



    padding: 60px 0;



}







.icj-container {



    width: 100%;



    height: 400px;



    background-size: cover;



    background-attachment: fixed;



    background-image: url('../img/image1.jpg');



}







.icjfoto {



    background-size: cover;



    width: 100%;



    height: 400px;



}







#call-to-action h3 {



    color: #fff;



    font-size: 28px;



    font-weight: 700;



}







#call-to-action p {



    color: #fff;



}







#call-to-action .cta-btn {



    font-family: "Montserrat", sans-serif;



    text-transform: uppercase;



    font-weight: 500;



    font-size: 16px;



    letter-spacing: 1px;



    display: inline-block;



    padding: 8px 28px;



    border-radius: 25px;



    transition: 0.5s;



    margin-top: 10px;



    border: 2px solid #fff;



    color: #fff;



}







#call-to-action .cta-btn:hover {



    background: #000;



    border: 2px solid #fff;



}











/* Call To Action Section



--------------------------------*/











/* Facts Section



--------------------------------*/







#facts {



    background-size: cover;



    padding: 60px 0 0 0;



    position: relative;



}







#facts::before {



    content: '';



    position: absolute;



    left: 0;



    right: 0;



    top: 0;



    bottom: 0;



    background: rgba(255, 255, 255, 0.88);



    z-index: 9;



}







#facts .container {



    position: relative;



    z-index: 10;



}







#facts .counters span {



    font-family: "Montserrat", sans-serif;



    font-weight: bold;



    font-size: 48px;



    display: block;



    color: #18d26e;



}







#facts .counters p {



    padding: 0;



    margin: 0 0 20px 0;



    font-family: "Montserrat", sans-serif;



    font-size: 14px;



    color: #111;



}







#facts .facts-img {



    text-align: center;



    padding-top: 30px;



}











/* Portfolio Section



--------------------------------*/







#portfolio {



    padding: 60px 0;



}







#portfolio #portfolio-flters {



    padding: 0;



    margin: 5px 0 35px 0;



    list-style: none;



    text-align: center;



}







#portfolio #portfolio-flters li {



    cursor: pointer;



    margin: 15px 15px 15px 0;



    display: inline-block;



    padding: 10px 20px;



    font-size: 12px;



    line-height: 20px;



    color: #666666;



    border-radius: 4px;



    text-transform: uppercase;



    background: #fff;



    margin-bottom: 5px;



    transition: all 0.3s ease-in-out;



}







#portfolio #portfolio-flters li:hover,



#portfolio #portfolio-flters li.filter-active {



    background: #18d26e;



    color: #fff;



}







#portfolio #portfolio-flters li:last-child {



    margin-right: 0;



}







#portfolio .portfolio-wrap {



    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);



    transition: 0.3s;



}







#portfolio .portfolio-wrap:hover {



    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);



}







#portfolio .portfolio-item {



    position: relative;



    height: 360px;



    overflow: hidden;



}







#portfolio .portfolio-item figure {



    background: #000;



    overflow: hidden;



    height: 240px;



    position: relative;



    border-radius: 4px 4px 0 0;



    margin: 0;



}







#portfolio .portfolio-item figure:hover img {



    opacity: 0.4;



    transition: 0.3s;



}







#portfolio .portfolio-item figure .link-preview,



#portfolio .portfolio-item figure .link-details {



    position: absolute;



    display: inline-block;



    opacity: 0;



    line-height: 1;



    text-align: center;



    width: 36px;



    height: 36px;



    background: #fff;



    border-radius: 50%;



    transition: 0.2s linear;



}







#portfolio .portfolio-item figure .link-preview i,



#portfolio .portfolio-item figure .link-details i {



    padding-top: 6px;



    font-size: 22px;



    color: #333;



}







#portfolio .portfolio-item figure .link-preview:hover,



#portfolio .portfolio-item figure .link-details:hover {



    background: #18d26e;



}







#portfolio .portfolio-item figure .link-preview:hover i,



#portfolio .portfolio-item figure .link-details:hover i {



    color: #fff;



}







#portfolio .portfolio-item figure .link-preview {



    left: calc(50% - 38px);



    top: calc(50% - 18px);



}







#portfolio .portfolio-item figure .link-details {



    right: calc(50% - 38px);



    top: calc(50% - 18px);



}







#portfolio .portfolio-item figure:hover .link-preview {



    opacity: 1;



    left: calc(50% - 44px);



}







#portfolio .portfolio-item figure:hover .link-details {



    opacity: 1;



    right: calc(50% - 44px);



}







#portfolio .portfolio-item .portfolio-info {



    background: #fff;



    text-align: center;



    padding: 30px;



    height: 90px;



    border-radius: 0 0 3px 3px;



}







#portfolio .portfolio-item .portfolio-info h4 {



    font-size: 18px;



    line-height: 1px;



    font-weight: 700;



    margin-bottom: 18px;



    padding-bottom: 0;



}







#portfolio .portfolio-item .portfolio-info h4 a {



    color: #333;



}







#portfolio .portfolio-item .portfolio-info h4 a:hover {



    color: #18d26e;



}







#portfolio .portfolio-item .portfolio-info p {



    padding: 0;



    margin: 0;



    color: #b8b8b8;



    font-weight: 500;



    font-size: 14px;



    text-transform: uppercase;



}











/* Clients Section



--------------------------------*/







#clients {



    padding: 60px 0;



}







#clients img {



    max-width: 100%;



    opacity: 0.5;



    transition: 0.3s;



    padding: 15px 0;



    background-color: rgba(255, 255, 255, 255);



}







#clients .sponsor {



    width: 15px;



    height: 0px;



}







#clients img:hover {



    opacity: 1;



    background-color: rgba(255, 255, 255, 255);



}







#clients .owl-nav,



#clients .owl-dots {



    margin-top: 5px;



    text-align: center;



}







#clients .owl-dot {



    display: inline-block;



    margin: 0 5px;



    width: 12px;



    height: 12px;



    border-radius: 50%;



    background-color: #CCCCCC;



}







@media(max-width: 500px) {



    #clients .sponsors {



        font-size: 35px;



    }



}







#clients .owl-dot.active {



    background-color: #930000;



}











/* Testimonials Section



--------------------------------*/







#testimonials {



    padding: 60px 0;



    background-color: #fff;



}







#testimonials .section-header {



    margin-bottom: 40px;



}







#testimonials .testimonial-item {



    text-align: center;



    background-color: #fff;



}







#testimonials .testimonial-item .testimonial-img {



    width: 120px;



    border-radius: 50%;



    border: 4px solid #fff;



    margin: 0 auto;



}







#testimonials .testimonial-item h3 {



    font-size: 20px;



    font-weight: bold;



    margin: 10px 0 5px 0;



    color: #111;



}







#testimonials .testimonial-item h4 {



    font-size: 14px;



    color: #999;



    margin: 0 0 15px 0;



}







#testimonials .testimonial-item .quote-sign-left {



    margin-top: -15px;



    padding-right: 10px;



    display: inline-block;



    width: 37px;



}







#testimonials .testimonial-item .quote-sign-right {



    margin-bottom: -15px;



    padding-left: 10px;



    display: inline-block;



    max-width: 100%;



    width: 37px;



}







#testimonials .testimonial-item p {



    font-style: italic;



    margin: 0 auto 15px auto;



}







#testimonials .owl-nav,



#testimonials .owl-dots {



    margin-top: 5px;



    text-align: center;



}







#testimonials .owl-dot {



    display: inline-block;



    margin: 0 5px;



    width: 12px;



    height: 12px;



    border-radius: 50%;



    background-color: #ccc;



}







#testimonials .owl-dot.active {



    background-color: #930000;



}











/* Advisory Section



--------------------------------*/







#new-test {



    height: 180px;



}







#team.member {



    margin: 10px;



}











/* Team Section



--------------------------------*/







#team {



    background: #fff;



    padding: 60px 0;



    margin: 0 10%;



}







#team .accordion {



    background: rgb(245, 245, 245);



    color: #444;



    cursor: pointer;



    width: 100%;



    padding: 20px;



    border: none;



    text-align: left;



    outline: none;



    font-size: 20px;



    transition: 0.4s;



    box-shadow: 5px 5px rgb(219, 219, 219);



    margin: 10px 0;



}







#team .active,



#team .accordion:hover {



    background-color: #ccc;



}







.accordion:after {



    content: '\002B';



    color: #777;



    font-weight: bold;



    float: right;



    margin-left: 5px;



}







.active:after {



    content: "\2212";



}







@media (max-width: 500px) {



    #team .accordion {



        font-size: 15px;



        margin-left: 10px;



    }



}







#team .faq {



    font-size: 150px;



    margin-left: 40%;



}







#second-row {



    display: none;



}







#third-row {



    display: none;



}







#fourth-row {



    display: none;



}







#fifth-row {



    position: absolute;



    top: 400px;



}







#sixth-row {



    position: absolute;



    top: 400px;



}







#seventh-row {



    position: absolute;



    top: 400px;



}







#eigth-row {



    position: absolute;



    top: 400px;



}







#nineth-row {



    position: absolute;



    top: 750px;



}







#tenth-row {



    position: absolute;



    top: 750px;



}







@media (max-width: 400px) {



    #second-row {



        position: absolute;



        top: 420px;



        display: block;



    }



}







@media (max-width: 350px) {



    #second-row {



        position: absolute;



        top: 400px;



        display: block;



    }



}







@media (max-width: 400px) {



    #third-row {



        position: absolute;



        top: 780px;



        display: block;



    }



}







@media (max-width: 350px) {



    #third-row {



        position: absolute;



        top: 730px;



        display: block;



    }



}







@media (max-width: 400px) {



    #fourth-row {



        position: absolute;



        top: 1140px;



        display: block;



    }



}







@media (max-width: 350px) {



    #fourth-row {



        position: absolute;



        top: 1060px;



        display: block;



    }



}







@media (max-width: 400px) {



    #fifth-row {



        position: absolute;



        top: 1500px;



    }



}







@media (max-width: 350px) {



    #fifth-row {



        position: absolute;



        top: 1390px;



    }



}







@media (max-width: 400px) {



    #sixth-row {



        position: absolute;



        top: 1860px;



    }



}







@media (max-width: 350px) {



    #sixth-row {



        position: absolute;



        top: 1720px;



    }



}







@media (max-width: 400px) {



    #seventh-row {



        position: absolute;



        top: 2220px;



    }



}







@media (max-width: 350px) {



    #seventh-row {



        position: absolute;



        top: 2050px;



    }



}







@media (max-width: 400px) {



    #eigth-row {



        position: absolute;



        top: 2580px;



    }



}







@media (max-width: 350px) {



    #eigth-row {



        position: absolute;



        top: 2380px;



    }



}







@media (max-width: 400px) {



    #nineth-row {



        position: absolute;



        top: 2940px;



    }



}







@media (max-width: 350px) {



    #nineth-row {



        position: absolute;



        top: 2710px;



    }



}







@media (max-width: 400px) {



    #tenth-row {



        position: absolute;



        top: 3300px;



    }



}







@media (max-width: 350px) {



    #tenth-row {



        position: absolute;



        top: 3040px;



    }



}







#team .active,



.accordion:hover {



    background-color: #8a8481;



    color: #000;



}







#team .panel {



    padding: 0 18px;



    background-color: white;



    max-height: 0;



    overflow: hidden;



    transition: max-height 0.2s ease-out;



    font-size: 18px;



}







@media (max-width: 500px) {



    #team .panel {



        font-size: 15px;



    }



}







#team .member {



    text-align: center;



    margin-bottom: 20px;



    background: #5a5a5a;



    position: relative;



}







#team #committee .member {



    padding: 30px;



}







#new-trick {



    height: 180px;



}







#new-trick .sec {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    left: 18%;



    top: 200px;



}







@media (max-width: 600px) {



    #new-trick .sec {



        left: 2.5%;



        width: 350px;



    }



}







@media (max-width: 600px) {



    #new-trick .secr {



        font-size: 25px;



        left: -150px;



    }



}







#team .member .member-info {



    opacity: 0;



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    position: absolute;



    bottom: 0;



    top: 0;



    left: 0;



    right: 0;



    transition: 0.2s;



}







#team .member .member-info-content {



    margin-top: -50px;



    transition: margin 0.2s;



}







#team .member:hover .member-info {



    background: rgba(0, 0, 0, 0.7);



    opacity: 1;



    transition: 0.4s;



}







#team .member:hover .member-info-content {



    margin-top: 0;



    transition: margin 0.4s;



}







#team .member h4 {



    font-weight: 700;



    margin-bottom: 2px;



    font-size: 18px;



    color: #fff;



}







#team .member span {



    font-style: italic;



    display: block;



    font-size: 13px;



    color: #fff;



}







#team .member .social {



    margin-top: 15px;



}







#team .member .social a {



    transition: none;



    color: #fff;



}







@media (max-width: 500px) {



    #team .exec {



        font-size: 25px;



    }



}







#team .member .social a:hover {



    color: #18d26e;



}







#team .member .social i {



    font-size: 18px;



    margin: 0 2px;



}











/* Contact Section



--------------------------------*/







#contact {



    padding: 60px 0;



}







#contact .contact-info {



    margin-bottom: 20px;



    text-align: center;



}







#contact .contact-info i {



    font-size: 48px;



    display: inline-block;



    margin-bottom: 10px;



    color: #18d26e;



}







#contact .contact-info address,



#contact .contact-info p {



    margin-bottom: 0;



    color: #000;



}







#contact .contact-info h3 {



    font-size: 18px;



    margin-bottom: 15px;



    font-weight: bold;



    text-transform: uppercase;



    color: #999;



}







#contact .contact-info a {



    color: #000;



}







#contact .contact-info a:hover {



    color: #18d26e;



}







#contact .contact-address,



#contact .contact-phone,



#contact .contact-email {



    margin-bottom: 20px;



}







#contact .form #sendmessage {



    color: #18d26e;



    border: 1px solid #18d26e;



    display: none;



    text-align: center;



    padding: 15px;



    font-weight: 600;



    margin-bottom: 15px;



}







#contact .form #errormessage {



    color: red;



    display: none;



    border: 1px solid red;



    text-align: center;



    padding: 15px;



    font-weight: 600;



    margin-bottom: 15px;



}







#contact .form #sendmessage.show,



#contact .form #errormessage.show,



#contact .form .show {



    display: block;



}







#contact .form .validation {



    color: red;



    display: none;



    margin: 0 0 20px;



    font-weight: 400;



    font-size: 13px;



}







#contact .form input,



#contact .form textarea {



    padding: 10px 14px;



    border-radius: 0;



    box-shadow: none;



    font-size: 15px;



}







#contact .form button[type="submit"] {



    background: #18d26e;



    border: 0;



    padding: 10px 30px;



    color: #fff;



    transition: 0.4s;



    cursor: pointer;



}







#contact .form button[type="submit"]:hover {



    background: #13a456;



}







section#contact {



    background: linear-gradient(90deg, rgba(30, 30, 30, 1), rgba(50, 50, 50, 1));



    background-repeat: no-repeat;



    background-position: center;



}







section#contact .section-heading {



    color: #fff;



}







section#contact .form-group {



    margin-bottom: 25px;



}







section#contact .form-group input,



section#contact .form-group textarea {



    padding: 20px;



}







section#contact .form-group input.form-control {



    height: auto;



}







section#contact .form-group textarea.form-control {



    height: 248px;



}







section#contact .form-control:focus {



    border-color: #fed136;



    -webkit-box-shadow: none;



    box-shadow: none;



}







section#contact ::-webkit-input-placeholder {



    font-weight: 700;



    color: #ced4da;



    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';



}







section#contact :-moz-placeholder {



    font-weight: 700;



    color: #ced4da;



    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';



}







section#contact ::-moz-placeholder {



    font-weight: 700;



    color: #ced4da;



    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';



}







section#contact :-ms-input-placeholder {



    font-weight: 700;



    color: #ced4da;



    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';



}











/*--------------------------------------------------------------



# Footer



--------------------------------------------------------------*/







#footer {



    background: #000;



    padding: 0 0 30px 0;



    color: #eee;



    font-size: 14px;



}







#footer .mail:hover {



    text-decoration: underline;



    color: #0023DB;



}







#footer .footer-top {



    background: #111;



    padding: 60px 0 30px 0;



}







#footer .col {



    display: -webkit-box;



    display: -webkit-flex;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-pack: center;



    -webkit-justify-content: center;



    -ms-flex-pack: center;



    justify-content: center;



    -webkit-box-align: center;



    -webkit-align-items: center;



    -ms-flex-align: center;



    align-items: center;



    top: 5px;



}







#footer .yicon {



    margin: 5px;



}







#footer .footer-top .footer-info {



    margin-bottom: 30px;



}







#footer .footer-top .footer-info h3 {



    font-size: 34px;



    margin: 0 0 20px 0;



    padding: 2px 0 2px 10px;



    line-height: 1;



    font-family: "Montserrat", sans-serif;



    font-weight: 700;



    letter-spacing: 3px;



    border-left: 4px solid #18d26e;



}







#footer .footer-top .footer-info p {



    font-size: 14px;



    line-height: 24px;



    margin-bottom: 0;



    font-family: "Montserrat", sans-serif;



    color: #eee;



}







#footer .footer-top .social-links a {



    font-size: 18px;



    display: inline-block;



    background: #333;



    color: #eee;



    line-height: 1;



    padding: 8px 0;



    margin-right: 4px;



    border-radius: 50%;



    text-align: center;



    width: 36px;



    height: 36px;



    transition: 0.3s;



}







#footer .footer-top .social-links a:hover {



    background: #18d26e;



    color: #fff;



}







#footer .footer-top h4 {



    font-size: 14px;



    font-weight: bold;



    color: #fff;



    text-transform: uppercase;



    position: relative;



    padding-bottom: 12px;



}







#footer .footer-top h4::before,



#footer .footer-top h4::after {



    content: '';



    position: absolute;



    left: 0;



    bottom: 0;



    height: 2px;



}







#footer .footer-top h4::before {



    right: 0;



    background: #555;



}







#footer .footer-top h4::after {



    background: #18d26e;



    width: 60px;



}







#footer .footer-top .footer-links {



    margin-bottom: 30px;



}







#footer .footer-top .footer-links ul {



    list-style: none;



    padding: 0;



    margin: 0;



}







#footer .footer-top .footer-links ul i {



    padding-right: 8px;



    color: #ddd;



}







#footer .footer-top .footer-links ul li {



    border-bottom: 1px solid #333;



    padding: 10px 0;



}







#footer .footer-top .footer-links ul li:first-child {



    padding-top: 0;



}







#footer .footer-top .footer-links ul a {



    color: #eee;



}







#footer .footer-top .footer-links ul a:hover {



    color: #18d26e;



}







#footer .footer-top .footer-contact {



    margin-bottom: 30px;



}







#footer .footer-top .footer-contact p {



    line-height: 26px;



}







#footer .footer-top .footer-newsletter {



    margin-bottom: 30px;



}







#footer .footer-top .footer-newsletter input[type="email"] {



    border: 0;



    padding: 6px 8px;



    width: 65%;



}







#footer .footer-top .footer-newsletter input[type="submit"] {



    background: #18d26e;



    border: 0;



    width: 35%;



    padding: 6px 0;



    text-align: center;



    color: #fff;



    transition: 0.3s;



    cursor: pointer;



}







#footer .footer-top .footer-newsletter input[type="submit"]:hover {



    background: #13a456;



}







#footer .copyright {



    text-align: center;



    padding-top: 30px;



}







#footer .credits {



    text-align: center;



    font-size: 13px;



    color: #ddd;



}











/*--------------------------------------------------------------



# Responsive Media Queries



--------------------------------------------------------------*/







@media (min-width: 768px) {



    #contact .contact-address,



    #contact .contact-phone,



    #contact .contact-email {



        padding: 20px 0;



    }



    #contact .contact-phone {



        border-left: 1px solid #ddd;



        border-right: 1px solid #ddd;



    }



}







@media (min-width: 992px) {



    #testimonials .testimonial-item p {



        width: 80%;



    }



}







@media (min-width: 1024px) {



    #header #logo {



        padding-left: 60px;



    }



    #intro p {



        width: 60%;



    }



    #intro .carousel-control-prev,



    #intro .carousel-control-next {



        width: 5%;



    }



    #nav-menu-container {



        padding-right: 60px;



    }



}







@media (max-width: 768px) {



    .back-to-top {



        bottom: 15px;



    }



    #header #logo h1 {



        font-size: 28px;



    }



    #header .scrollto {



        left: 45px;



    }



    #intro h2 {



        font-size: 28px;



    }



}







@media (max-width: 1200px) {



    #nav-menu-container {



        display: none;



    }



    #mobile-nav-toggle {



        display: inline;



    }



}







.guide-container-disabled {



    background-color: #272727 !important;



    /* pointer barrier */



    pointer-events: none;



}