body{font-family: 'Montserrat', sans-serif;font-smooth: always;-webkit-font-smoothing: antialiased;overflow-x: hidden;font-size: 14px;line-height: 22px;font-weight: 400; color: #000;letter-spacing: 0.5px;}
/*
font-family: 'Montserrat', sans-serif;
font-family: 'Staatliches', cursive, sans-serif;
*/
a{color: #dc3545;text-decoration: none;outline: none; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
a:hover {color: #0495ce;text-decoration: none;outline: none; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all
 0.3s ease-in;}

html {scroll-behavior: smooth;font-family: 'Montserrat', sans-serif, sans-serif;}
button, input, optgroup, select, textarea{font-family: 'Montserrat', sans-serif;}
h1, h2, h3, h4, h5{font-family: 'Staatliches', cursive; color: #000;}

h1{font-size: 80px;font-weight: 300;margin: 0;padding: 0; color: #606060;}
h2{font-size: 50px;font-weight: 400;margin: 0;padding: 0;}
h3{font-size: 28px;font-weight: 400;margin: 0;padding: 0;}
h4{font-size: 24px;font-weight: 400;margin: 0;padding: 0;}
h5{font-size: 20px;font-weight: 400;margin: 0;padding: 0;}
h6{font-size: 18px;;font-weight: 400;margin: 0;padding: 0;}
p{font-size: 16px;font-weight: 300;}

/* Top Header */
.headerTop {width: 100%;box-sizing: border-box;background: #262626;min-height:40px;padding: 5px 0 5px;color:#fff;}
.headerTop ul{margin:0px; padding:0;}
.top-middle li {display: inline-block;margin-left:5px;}
.top-middle li a{color:#fff;}
.top-left li {display: inline-block;color:#fff;margin-right: 15px;letter-spacing: 1px;margin-top: 4px;}
.top-left li a{color:#fff;}
.top-left i.fa {margin-right: 2px;font-size: 20px;}
.top-middle .fa-facebook {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;}
.top-middle .fa-facebook:hover {background: #527dbd;color: #ececec;border: 1px solid #527dbd;}
.top-middle .fa-twitter {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;}
.top-middle .fa-twitter:hover {background: #1da1f2;color: #ececec;border: 1px solid #1da1f2;}
.top-middle .fa-youtube {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;}
.top-middle .fa-youtube:hover {background: #dd4b39;color: #ececec;border: 1px solid #dd4b39;}
.top-middle .fa-linkedin {font-size: 16px;text-align: center;line-height: 29px;width: 30px;height: 30px;}
.top-middle .fa-linkedin:hover {background: #0077b5;color: #ececec;border: 1px solid #0077b5;}
.top-middle i.fa {border: 1px solid #fff;color: #fff;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
/* Top Header End */

/*Header*/
.sticky-top{background:#fff;min-height: 84px;}
.sticky-top.sticky .navbar-collapse{top: 85px;}
.navbar-light .navbar-nav .nav-link {color: #000;font-size: 20px; text-transform:uppercase; padding:10px 15px;font-family: 'Staatliches', cursive;}
.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #ecac23;;}
.dropdown-divider {border-top: 1px solid #4c4c4c;}
.navbar_custum .dropdown-menu {background: #cb0515;border-radius: 6px !important;box-shadow: 0px 0 6px 0px #dfdfdf;}
.navbar_custum .dropdown-menu:after{display: inline-block;width: 0;height: 0;margin-left: 20%;content: "";border-bottom: 14px solid #cb0515;border-right: 12px solid transparent;border-left: 12px solid transparent;top: -14px;position: absolute;}
.navbar_custum .navbar-nav li .dropdown-item {color: #fff !important;font-size: 16px;padding: 7px 15px;font-family: 'Staatliches', cursive;}
.navbar_custum .dropdown-menu{border-radius: 0px;margin: 35px 0 0;}
.navbar_custum.sticky .dropdown-menu {margin: 20px 0 0;}

.navbar_custum .navbar-nav li.nav-item.active a{color:#000;}
.navbar_custum .navbar-nav li .dropdown-item:hover{color: #fff  !important;}
.navbar_custum .dropdown-item:focus, .dropdown-item:hover{background-color: transparent;}

.navbar_custum .navbar-brand {padding-top: 0;padding-bottom: 0;}

.navbar_custum.navbar-dark .navbar-toggler{border-color: transparent; padding: 0px;outline: 0;}
.navbar_custum.navbar-dark .navbar-toggler:focus{outline: 0;}
.navbar-brand img{max-width: 100%; max-height: 100px;transition: all 0.4s;}
.navbar_custum.sticky .navbar-brand img {max-height: 70px;transition: all 0.4s;}
.navbar_custum.sticky {background: #fff;box-shadow: 0 10px 22px 10px rgba(27, 38, 49, 0.1);border-top: 3px solid #ebaf00;}

.no-gutters > .col, .no-gutters > [class*="col-"]{padding: 8px !important;}
.navbar-dark .navbar-nav .nav-link {color: #fff;}

.dropdown-toggle::after { vertical-align: middle;}


.carousel-item{background:#fff;}
.carousel-item img{opacity: 1;float: right; max-width:100%;}
.carousel-caption {transform: translateY(-50%);top: 50%;bottom: inherit;max-width: 1140px;left: 0;margin: auto;right: 0; width:60%;}

.carousel-item{background:#000; position:relative;}
.carousel-item img{opacity: 1;}
.banner .carousel-item:before{background:rgba(0,0,0,0.5); content:""; width:100%; height:10px; position:absolute; top:0; left:0;}


/*Buttons*/
.btn_blue{color: #fff !important;background-color: #5bb8ca;font-weight: 600; font-size: 14px; min-height: 32px; line-height: 22px; outline: none; padding: 5px 15px; cursor: pointer; border-radius: 4px;text-align: center;display: inline-block; letter-spacing: 1px;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.btn_blue:hover{background-color: #138496; outline: none;}

.btn_blue_black{color: #3d5359 !important;background-color: #9adbe8;border:solid 1px #81b0bb;font-weight: 600; font-size: 15px; min-height: 36px; line-height: 24px; outline: none; padding: 6px 15px; cursor: pointer; border-radius: 4px;text-align: center;display: inline-block; letter-spacing: 1px;-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.btn_blue_black:hover{background-color: #138496; outline: none; color: #fff !important;border:solid 1px #81b0bb;}


/*Popup*/
.modal-content .close{position: absolute;top: -25px;right: 0;color: #fff;opacity: 1;font-weight: 100;font-size: 18px;}
#videomodal .modal-dialog{max-width:650px;}
#videomodal .modal-dialog iframe{width:100%; height: 380px;}
.hand{max-height: 50px; opacity: 0.5;}

/*tabs*/
.tabs .nav-tabs {border-bottom: none;background: #ebebeb;}
.tabs .nav-tabs .nav-link {color: #444;text-transform: capitalize;border: none;padding-left: 20px;padding-right: 20px; font-size: 15px;}
.tabs .nav-tabs .nav-link.active{color: #fff;background-color: #5bb8ca;border: none;border-radius: 0;}


/* Custom Select */
.select-hidden {display: none;visibility: hidden;padding-right: 10px;}
.select {cursor: pointer;display: inline-block;position: relative;font-size: 16px;color: #333;width: 100%;height: 40px;}
.select-styled {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;padding: 8px 10px;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;border: 1px solid #ced4da;border-radius: .25rem;}
.select-styled:after {content: "";width: 0;height: 0;border: 7px solid transparent;border-color: #495057 transparent transparent transparent;position:absolute;top: 16px;right: 10px;}
.select-styled:hover {background-color: #fff;}
.select-styled:active, .select-styled.active {background-color: #fff;}
.select-styled:active:after, .select-styled.active:after {top: 9px;border-color: transparent transparent #495057 transparent;}
.select-options {display: none;position: absolute;top: 100%;right: 0;left: 0;z-index: 999;margin: 0;padding: 0;list-style: none;background-color: #fff;
border: 1px solid #ced4da;}
.select-options li {margin: 0;padding: 5px 0;text-indent: 15px;border-top: 1px solid #ced4da;-moz-transition: all 0.15s ease-in;-o-transition: all 0.15s ease-in;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in;}
.select-options li:hover {color: #000;background: #efefef;}
.select-options li[value="hide"] {display: none;}
/* Custom Select */

/*CLIENTS SLIDE*/
.clients .carousel-control-next, .clients .carousel-control-prev{width: 50px;}
.clients #quote-carousel {padding: 0 10px 30px 10px;margin-top: 60px;}
.clients #quote-carousel .carousel-control {background: none;color: #CACACA;font-size: 2.3em;text-shadow: none;margin-top: 30px;}
.clients #quote-carousel .carousel-indicators {position: relative;right: 50%;top: auto;bottom: 0px;margin-top: 20px;margin-right: -19px;}
.clients #quote-carousel .carousel-indicators li {width: 50px;height: 50px;cursor: pointer;border: 1px solid #ccc;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);border-radius: 50%;opacity: 0.4;overflow: hidden;transition: all .4s ease-in;vertical-align: middle;}
.clients #quote-carousel .carousel-indicators .active {width: 128px;height: 128px;opacity: 1;transition: all .2s;}
.clients .carousel-item{background:transparent;}
.clients .item blockquote {border-left: none;margin: 0;}
.clients .item blockquote p:before {content: "\f10d";font-family: 'Fontawesome';float: left;margin-right: 10px;}

/*SLIDE GALLERY 3D*/
#carousel3d .carousel-3d-slide {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-orient:vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;background: #d3d3d3;padding: 20px !important;-webkit-transition: all .4s;transition: all .4s;border:none !important;}
#carousel3d .carousel-3d-slide.current {background-color: #fff;border:none !important;}
.next[data-v-43e93932], .prev[data-v-43e93932]{color: #e8e8e8 !important;}


/*TESTIMONIALS*/
.testimonials{color: #fff;
background: -webkit-linear-gradient(100deg, #75a727 25%, #2666ae 75%);
background: -webkit-gradient(linear, left top, right top, color-stop(31%, #2666ae), color-stop(75%, #2666ae));
background: -webkit-linear-gradient(left, #75a727 25%, #2666ae 75%);
background: -o-linear-gradient(left, #75a727 25%, #2666ae 75%);
background: linear-gradient(120deg, #75a727 25%, #2666ae 75%);}
.testimonials h1{color: #fff;}
.testimonials .carousel-item .box14{width: 300px;max-height: 300px;float: left; }
.testimonials .carousel-item{padding: 0 10%; background: transparent;overflow: visible;}
.testimonials .testimonials_content{color: #333; float: right; background: #fff; box-shadow: 0 7px 20px rgba(0,0,0,.5); width: calc(100% - 300px); padding:25px; min-height: 300px; text-align: left;}
.testimonials .post{color: #2666ae;}
.testimonials .testimonials_content .fa{color: #2666ae; font-size: 20px;}

/*Inner Banner*/
.inner-head-banner{background: url(../images/inner_header.jpg) no-repeat center top/cover;height: 200px;display: table;width: 100%;padding: 50px 0;}
.inner-head-banner .contentwrap {height: 100%;display: table-cell;vertical-align: middle;}
.inner-head-banner .breadcrumb{background: transparent;border: none;text-align: center;color:#fff;font-size: 16px;display: inline-block; text-transform: capitalize;}
.inner-head-banner .breadcrumb a{color: #fff; font-weight: 600;}

.unit_availability_banner{background: url(../images/unit_availability_banner.jpg) no-repeat center top/cover;height: 200px;display: table;width: 100%;padding: 50px 0;}
.gallery_banner{background: url(../images/gallery_banner.jpg) no-repeat center top/cover;height: 200px;display: table;width: 100%;padding: 50px 0;}

.heading_one {
    color: #000;
    font-weight: 700;
    padding-top: 30px;
    position: relative;
}
.heading_one:before{content:""; position:absolute; bottom:-15px; left:0; right:0; width:100px; margin:auto; border-bottom:solid 4px #ebaf00;}
.heading_one:after{content:""; position:absolute; bottom:-21px; left:0; right:0; width:16px; height:16px; margin:auto;background: #262626;transform: rotate(45deg);box-shadow: 0 0 2px 2px #fff;}
.heading_one span{color:#cb0515;}

.about_box .fa{color: #fff;font-size: 50px;background: #2666ae;padding: 25px;border-radius: 50%;height: 100px;width: 100px;}
.about_box:hover .fa{color: #fff;background: #cb0515;}

.about_box{
border-radius: 0px;
box-shadow: 0 10px 22px 10px rgba(27, 38, 49, 0.1);
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}
.about_box:hover{
box-shadow: 0 0 20px 15px #e3e3e3;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
}

.focus_area{background: url(images/focus_area1.jpg) no-repeat center top/cover;background-attachment: fixed; padding:150px 0;}
.focus_area .content {background: #b90d1a;padding: 40px;}

/*FOOTER*/
.footer{background:#111; padding: 50px 0;}
.footer h3{color:#fff;}
.footer ul{margin: 0;padding: 0;}
.footer ul li{font-size: 14px;line-height: 28px;color: #fff; list-style: none; margin-bottom:12px;}
.footer ul li a{color: #fff;}
.footer ul li .fa{color: #ebaf00; font-size:17px; margin:0 5px 0 0;}
.footer ul li a:hover{color: #ebaf00;}
.footer ul li.social .fa{font-size: 18px;color: #fff;padding: 6px;border: solid 1px #ebaf00;width: 38px;height: 36px;text-align: center;line-height: 24px;margin: 5px 7px 0 0;}
.footer ul li.social .fa:hover{color: #fff;background: #ebaf00;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.copyright{font-size: 14px; background: #0b0b0b; padding: 20px 0; color: #fff;}

/* Back to top button */
.back-to-top {position: fixed;background: #ebaf00;color: #fff;width: 44px;height: 44px;text-align: center;line-height: 1;border-radius: 50%;right: 15px;bottom: 15px;transition: background 0.5s;z-index: 11;}
.back-to-top i{padding-top: 12px;color: #fff;}

.searchbar{position:relative;}
.searchbar input{height: 60px;background-color:#fff;border-radius: 30px;border: none;padding: 10px 20px; color: #333; font-size: 18px;}
.searchbar .btn{position: absolute;right: 10px;top: 10px;background:transparent;border-radius: 50%;padding: 0;margin: 0;}
.searchbar .btn .fa{font-size:36px; color:#2666ae;}

.contact_form .form-control{padding: 10px 0;border-bottom: 1px solid #ced4da !important;border-radius: 0;box-shadow: none;border: none;}
.contact_form .form-control:focus{border-bottom: 1px solid #ced4da !important;border-radius: 0;box-shadow: none;border: none;}
.contact_form textarea{height: 100px;}
.contact_form .btn-info {border-radius: 24px; border-color:#2666ae;
background: -webkit-linear-gradient(100deg, #75a727 25%, #2666ae 75%);
background: -webkit-gradient(linear, left top, right top, color-stop(31%, #2666ae), color-stop(75%, #2666ae));
background: -webkit-linear-gradient(left, #75a727 25%, #2666ae 75%);
background: -o-linear-gradient(left, #75a727 25%, #2666ae 75%);
background: linear-gradient(120deg, #75a727 25%, #2666ae 75%);}
.contact_form .btn-info:hover{background-color:#2666ae; border-color:#2666ae;}

.contact_form .form-control-placeholder {position: absolute;top: 0;transition: all 200ms;opacity: 0.5;}
.contact_form .form-control:focus + .form-control-placeholder, .contact_form .form-control:valid + .form-control-placeholder {font-size: 75%;transform: translate3d(0, -100%, 0);opacity: 1;}

.contact_form .fa{color: #2666ae;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;font-size: 20px;margin: 0 5px 0px 0;}
.contact_form .fa:hover {color: #000;}

.left_nav{width:100%;background: #fff; border: solid 1px #d6ecb2; border-bottom: none;position: sticky;top: 110px;z-index: 100;margin-bottom: 50px;}
.left_nav ul{margin:0px; padding:0px;}
.left_nav ul li{margin:0px; padding:0; list-style:none; width:100%; display:block;}
.left_nav ul li a{margin:0px; padding:12px 18px 12px 12px; border-bottom:solid 1px #d6ecb2; width:100%; display:block; color:#000; position:relative;}
.left_nav ul li a:after{content:"\f054"; font-family:FontAwesome; position:absolute; top: 12px;right: 5px;color: #777;}
.left_nav ul li a:hover, .left_nav ul li a:hover:after{color:#2666ae;}
.left_nav ul li a.active, .left_nav ul li a.active:after{color:#2666ae;background: #f2f4ed; font-weight: 600;}
.left_nav .card-header{border-radius: 0;background: #2666ae;color: #fff;font-size: 18px;text-transform: uppercase;}

.profile_img{border-radius: 50%;width: 180px;max-height: 180px;border: solid 1px #e2e2e2;padding: 8px;}

.inner_heading{color:#000; font-weight:600; margin-bottom:30px; position:relative;}
.inner_heading:after{content:"";position:absolute; width:60px; border-bottom: solid 4px #2666ae;left: 0;bottom: -10px;}

ul.list1{padding-left: 17px;}
.list1 li{position:relative;list-style: none; font-size:17px; line-height:26px; margin-bottom:10px;}
.list1 li:before{content: "\f054";font-family: FontAwesome;position: absolute;top: 0px;left: -15px;color: #2666ae; font-size:15px;}
ol li{position:relative; font-size:17px; line-height:26px; margin-bottom:10px;}

.table td, .table th{font-size:15px;}
.table th{background: #2666ae; color:#fff;}

.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}
.accordion>.card .card-header {
    cursor: pointer;
    background: #2666ae;
    margin-bottom: 10px;
	color:#fff;
}

.copyright p{margin-bottom:0px !important; font-size:13px;}

.login_page_bg {
    background: url(../images/login_bg.jpg) 0 0/cover;
}
.login-page, .register-page {
    height: 100vh;
    display: table;
    width: 500px;
    margin: auto;
    padding: 15px 0;
}
.login-box, .register-box {
    max-width: 500px;
    display: table-cell;
    margin: auto;
    vertical-align: middle !important;
}
.login-logo a, .register-logo a {
    color: #444;
}
.login-logo img, .register-logo img{
    max-width:100%;
	max-height:100px;
}
.login-box-body, .register-box-body {
    padding: 0 35px 35px 35px;
    border-radius: 4px;
    overflow: hidden;
	    background: #fff;
    border-top: 0;
    color: #333;
}
.login-box-msg, .register-box-msg {
    margin: 0 0 20px;
    text-align: center;
    padding: 15px 15px;
    color: #1e3953;
    line-height: 30px;
    background: #f4f4f4;
    width: calc(100% + 80px);
    left: -40px;
    top: 0px;
    position: relative;
    font-weight: 600;
    font-size: 28px;
    text-transform: capitalize;
}
.login .input-group-addon {
       color: #fff;
    background: #1e3953;
    padding: 0 15px;
    border-radius: 0;
    overflow: hidden;
    border-top: 0;
    line-height: 42px;

}
.login-box-body .form-control {
    border: none;
    background: #f2f2f2;
    height: 44px;
    border-radius: 0px !important;
    font-size: 18px;
    padding: 5px 12px;
}
.login-box-body .btn-info{
 background: #1e3953;
 border:solid 1px #1e3953;
 color:#fff;
}

.project_slider .slide-box{display: flex;justify-content: space-between;background: #fff;padding: 10px;border: solid 1px #2666ae;border-radius: 2px;}
.project_slider .slide-box img {-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%; padding:5px;}
.project_slider .slide-box img:hover{opacity:0.6; cursor:pointer;transition: all 1.5s ease 0s;}
.project_slider .carousel-caption {background-color: rgba(0, 0, 0, 0.5);padding: 20px;border-radius: .5rem;}
.project_slider .carousel-control-next, .project_slider .carousel-control-prev{color:#000;position: relative;top: 0;bottom: inherit;width:20px; display:inline-block;}

.project_slider #carousel_upcoming_projects .carousel-control-next, .project_slider #carousel_upcoming_projects .carousel-control-prev{color: #fff;background: #ffb66c;width: 40px;height: 40px;border-radius: 50%;line-height: 40px;opacity: 1;display: block;text-align: center;margin: -5px;position: absolute;top: 45%;}
#carousel_upcoming_projects .carousel-control-prev {left: -8px;}
#carousel_upcoming_projects .carousel-control-next {right: -8px;}

.pcoming_projects{background: url(images/focus_area1.jpg) no-repeat center top/cover;background-attachment: fixed; padding:150px 0;position: relative;}
.pcoming_projects:before{content:""; background:rgba(0,0,0,0.5); left:0; right:0; bottom:0; top:0;z-index: 0;position: absolute;width: 100%;height: 100%;opacity: 1;}

.sub_head{font-size:20px;}

/*Calelog Page CSS*/
.suject_card {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	margin:0;
	padding: 5px;
	height: 100%;
	max-height: 456px;
	border-radius: 20px 0;
	overflow:hidden;
	border: solid 1px #46a9d0;
}
.suject_card.half {
  max-height: 220px;
  min-height: 220px;
}
.suject_card:hover:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	background: rgba(0, 0, 0, 0.4);
	overflow:hidden;  
}
.suject_card img {
  width: 100%;
  height: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 6;
	border-radius: 20px 0;
	cursor:pointer;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
  transition:all 1s;
}
.suject_card:hover img {
	-o-transform: scale(2);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	transform: scale(2);
}
.suject_card .card_content {
	position:absolute;
	z-index:10;
	width:100%;
	text-align:center;
	transform:scale(1);
	transition:all .6s;
	opacity:1;  
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}
.suject_card .card_content h2 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin: 0;
  padding: 0;	
  text-align: center;
}
.suject_card .card_content p {
	color: #FFFFFF;
	font-size: 16px;
	margin: 7px 0 10px;
  padding: 3px 0;
  font-weight: 500;
	text-align: center;
}
.suject_card a{  
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: center;
background: rgba(255,255,255,0.3);
padding: 8px 10px;
border-radius: 2px;
display: inline;
opacity: 0;
transition:all .6s;
}
.suject_card:hover a {
opacity: 1;
transition:all .6s;
}
.suject_card_gride{
border-radius: 20px 0;
padding: 15px;
margin-bottom: 15px;
background: rgb(5, 125, 172);
background: linear-gradient(333deg, rgb(0, 95, 132) 0%, rgb(4, 149, 206) 100%);
}


.ploat_avl_page {
	border-radius: 4px;
	padding: 6px;
	font-size: 12px;
	line-height: 16px;
}
.ploat_avl_page tr td{
	padding:4px;
	font-size:12px;
	border-bottom: solid 1px #000;
}
.ploat_avl_page tr td:nth-child(1){
font-weight:600;
text-align:right;
width:35%;
white-space:nowrap;
}
.ploat_avl_page tr td:nth-child(2){
width:65%;
}

@media (max-width: 767px) {
.project_slider .slide-box img {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}


#gallery {
  padding-top: 40px;
  @media screen and (min-width: 991px) {
    padding: 60px 30px 0 30px;
  }
}

.img-wrapper {
  position: relative;
  margin-top: 15px;
  img {
    width: 100%;
  }
}
.img-overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  i {
    color: #fff;
    font-size: 3em;
  }
}

#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  // Removes blue highlight
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none; 
  user-select: none; 
  img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 5%;
    @media screen and (min-width:768px) {
        width: 60%;
    }
    @media screen and (min-width:1200px) {
        width: 50%;
    }
  }
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}