/*default css*/

@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');/*font-family: 'Cabin', sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html{overflow-x: hidden;}

ol, ul{list-style: none; }

:focus, :hover, :active{outline: 0; text-decoration: none !important;}

a, a:link{text-decoration: none; outline:none; }

p{margin:0 !important; padding: 0;}

.clear{clear:both; line-height: 0; font-size: 0; padding:0; margin: 0;}

a {text-decoration:none; text-decoration: underline; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

a:hover{text-decoration:none !important;}

a:focus{outline:none;}

:hover{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}

h1, h1 a, h2, h2 a, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal; text-shadow: none;}

img{border:0; max-width:100%; height:auto;}

::-webkit-input-placeholder {opacity:1;}

:-moz-placeholder{opacity:1;}

::-moz-placeholder{opacity:1;}

:-ms-input-placeholder{opacity:1;}

*{outline: 0 !important;}

body{margin: 0; padding: 0; position: relative; /*overflow-x: hidden;*/ font-family: 'Montserrat', sans-serif; color: #333333; font-size: 20px; line-height: 26px; font-weight: 500;}

/*html,body {
	overflow-x:hidden !important;
}*/

/*default css*/

.main_div{width: 100%; margin: 0 auto; padding: 0;}
.container{max-width: 1280px;}
.common_btn{background: #91776b; border-radius: 0; text-align: center; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 300; margin: 0 auto; padding: 12px 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; display:inline-block; line-height:1 !important;}
.common_btn:after{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; height: 100%; left: 0;  top: 0; width: 0;}
.common_btn:hover span{color: #fff; z-index: 2; position: relative;}
.common_btn:after, .common_btn:before{background: #333; content: ''; position: absolute; z-index: 1; border-radius: 0;}
.common_btn:hover:after{width: 100%;}
h1{font-size: 70px; line-height: 1; font-weight: 300; text-transform: uppercase;}

/*****top section start*****/
.top_sec{background: #000; padding: 12px 0;}
.top_user_sec{display: flex; align-items: center;}
.top_user_sec img{width: 50px; height: 50px; border: solid 1px #fff; border-radius: 50%; object-fit: cover; object-position: top;}
.top_user_txt{color: #fff; padding-left: 10px;}
.top_user_txt p{font-weight: 600; font-size: 18px; line-height: 20px;}
.top_user_txt span{font-size: 14px; font-weight: 600; line-height: 16px; position: relative; display: block; margin-top: 7px;}
.top_user_txt span a{text-decoration: none; color: #fff; font-weight: 400 !important; position: relative; margin-right: 15px;
display: inline-block;
}
.top_user_txt span a:last-child { margin-right: 0 !important; }
.top_user_txt span a:after {
  content: '';
  display: block;
  background: #fff;
  width: 1px;
  height: 12px !important;
  position: absolute;
  top: 2px;
  right: -9px;
 }
.top_user_txt span a:last-child:after {
  display: none;
}

/*****top section end*****/

/*****header section start*****/
.header_sec{padding: 20px 0; background:#000 !important;}
.header_sec .row{align-items: center;}
.header_sec .navbar{padding: 0; float: right;}
.header_sec .navbar ul li a{color: #fff; font-size: 18px; font-weight: 400; text-transform: capitalize; position: relative;}
.header_sec .navbar ul li{padding: 0 18px;}
.top_user_txt span a:hover, .top_user_txt span a.active {color: #91776b;}
.header_sec .navbar ul li a:before{content: ""; width: 100%; height: 1px; position: absolute; left: 0; bottom:-10px; transition: 0.5s transform ease; transform: scale3d(0,1,1); background: #91776b; transform-origin: 100% 50%;}
.header_sec .navbar ul li a:hover::before, .header_sec .navbar ul li.active a::before{transform: scale3d(1,1,1); transform-origin: 0 50%;}

/*****header section end*****/

/******banner section start******/
.home_banner_sec{position: relative; min-height: 273px;}
.overlay_bg{position: absolute; background: rgba(0,0,0,0.6); left: 0; top: 0; width: 100%; height: 100%;}
.home_banner_txt{position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; top: 50%; transform: translateY(-50%); color: #fff;}
.home_banner_txt h5{font-size:29px; font-weight: 600; text-transform: uppercase; letter-spacing:2px; line-height: 32px; margin-bottom:7px !important;}
/******banner section end******/

/******home content section start*****/
.home_content_sec{padding: 70px 0 20px 0; background: #1e1e1e !important;}
.home_content_box{text-align: center; padding-bottom: 50px;}
.home_content_box h2{color: #333333; font-size: 40px; line-height: 42px; font-weight: 600; position: relative;}
.home_content_box h2:before{position: absolute; content: ''; left: 0; bottom:-15px; height: 1px; width: 100%; background: #0077bc;}
.home_content_box img{border-radius: 16px; margin: 50px 0 20px 0; height: 250px; object-fit: cover; width: 100%; object-position: top;}
.home_content_box p{margin: 20px auto 25px !important; width: 80%; color:#fff !important; font-size:18px; line-height:1.5 !important;}
/******home content section end*****/

/******footer section start******/
.footer_sec{padding: 20px 0; margin: 0; background: #fff; color: #fff;}
.footer_sec h6{font-size: 14px; font-style: italic; font-weight: 500; line-height: 16px; letter-spacing: 0.5px;}
.footer_sec span{font-size: 15px; font-weight: 500; line-height: 16px; display: block; color: #000 !important; width:50%; }
.footer_sec ul{text-align: right; padding: 0; margin: 0; width:50%; }
.footer_sec ul li{list-style: none; display: inline-block; padding: 0 5px;}
.footer_sec ul li a{
      color: #fff;
      font-size: 20px;
      line-height: 20px;
      transition: 0.2s;
      background: #91776b;
      width: 40px;
      display: inline-block;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
}
.footer_sec ul li a:hover{background: #333;}
/******footer section end******/

.footer-inner-cont {
  display: flex;
  align-items: center;
}


/*************************************************************************/
/*******************************Staff Page start*************************/

/***staff content section start***/
.staff_content_sec{padding: 70px 0;}
.staff_content_sec form{padding: 0; margin: 0;}
.staff_content_sec form ul{padding: 0; margin: 0; overflow: hidden;}
.staff_content_sec form ul li{list-style: none; float: left; width: calc(25% - 25px); margin-right: 25px;}
.staff_content_sec form ul li input{border: solid 2px #fff; border-radius: 3px; height: 52px; width: 100%; padding: 10px; color: #fff; font-size: 17px; background: #1f1f1f !important; font-weight: 300 !important; }

.staff_content_sec form ul li input[type="text"]::placeholder {
  color: #fff; font-size: 17px; font-weight: 300 !important;
}

.staff_content_sec form ul li select, section.widget_archive select {border: solid 2px #fff; border-radius: 3px; height: 52px; width: 100%; padding: 10px; color: #fff; font-size: 17px; appearance:none; -webkit-appearance:none; background: url(../image/snarrow.png)97% no-repeat; font-weight: 300 !important; background-size:15px !important; }
.staff_content_sec form ul li button{background: #91776b; border-radius: 0; text-align: center; color: #fff; text-transform: uppercase; font-size: 20px; padding:0 10px; border:solid 2px #91776b; height: 52px; width:100%; font-weight: 300; }
.staff_content_sec form ul li a{background: #4a4a4a; border-radius: 0; text-align: center; color: #fff; text-transform: uppercase; font-size: 20px; padding:0 10px; border:solid 2px #4a4a4a; height: 52px; width:70%; display: block; line-height: 50px; font-weight: 300; transition:0.5s ease; }

.staff_content_sec form ul li a:hover {
      background-color: #91776b !important;
}

.staff_content_sec form ul li:nth-child(3n){width: 15%;}
.staff_table_sec{margin: 40px 0 0 0; border-radius: 18px; border: solid 1px #91776b;}
.staff_table_sec td{font-size: 17px; color: #fff; width: 16.6%; vertical-align: middle; box-shadow: none; border-color:#525252; text-align:center; }
.staff_table_box{border-top: solid 1px #e4e8eb; border-bottom: solid 1px #e4e8eb; padding: 15px 30px;}
.table-striped>tbody>tr:nth-of-type(even){background: #1b1b1b;}
.table-striped>tbody>tr:nth-of-type(odd){background: #000;}
.staff_table_sec td img{width: 110px; height: 110px; border-radius: 50%;}
.staff_table_sec td a{color: #fff;}
.staff_table_sec .staff_table_box:last-child{border-radius: 0 0 18px 18px;}
.staff_table_sec td a:hover{color: #91776b; text-decoration: underline !important;}
.staff_table_sec thead{background: #000;}
.staff_table_sec thead th{color: #fff; font-size: 20px; font-weight: 600; width: 16.6%; padding: 18px 15px; border-bottom-color: #525252 !important; text-align:center; }
.table-striped>tbody>tr:last-child td{border:none;}

.staff_table_sec table.table {
  margin: 0 !important;
}

/***staff content section end***/

/*******************************Staff Page end*************************/
/*************************************************************************/


/*************************************************************************/
/*******************************news Page start*************************/
.news_box_wrap{padding: 40px 0 0 0; border-bottom: solid 1px #eeeeee;}
.news_box_sec{padding-bottom: 40px;}
.news_box_sec img{border-radius: 18px;}
.news_box_sec span.date_span{display: block; color: #cbcbcb; font-size: 16px; font-weight: 600; text-transform: uppercase; padding: 20px 0 15px 0;}
.news_box_sec h2, .news_box_sec h2 a{color: #0076b9; font-size: 28px; line-height: 1.2em; font-weight: 600;}
.news_box_sec p{padding: 15px 0 20px 0;}
/*******************************news Page end*************************/
/*************************************************************************/


/*************************************************************************/
/*******************************benefits Page start*************************/
.benefits_content_sec{ background:#1e1e1e !important; }
.benefits_box_wrap{}
.benefits_box_sec{padding:40px 0 0 0;}
.benefits_box_wrap h2{color: #fff; font-size: 35px; line-height:1.15; font-weight: 300; position: relative; text-align: left;}
.benefits_box_wrap h2:before{position: absolute; content: ''; left: 0; bottom:-15px; height: 1px; width: 100%; background: #e8e8e8;}
.benefits_box_wrap .folder_a{ padding: 0; display: block; color: #fff; font-size: 25px; text-decoration: none; font-weight:600 !important; display:flex; align-items:center; }
.benefits_box_wrap .folder_a img{padding: 0 15px 0 0;}
.benefits_box_wrap ul{padding: 10px 0 0 30px; margin: 0 0 0 20px; position: relative;}
.benefits_box_wrap ul:before{position: absolute; content: ''; border-left: solid 1px #bfbfbf; left: 0; top:10px; height: 1px; height: calc(100% - 22px);}
.benefits_box_wrap ul li{padding: 0 0 15px 0; position: relative;}
.benefits_box_wrap ul li img{padding: 0 15px 0 0;}
.benefits_box_wrap ul li:last-child{padding: 0;}
.benefits_box_wrap ul li:before{width: 24px; background: #bfbfbf; height: 1px; top:50%; left:-30px; position: absolute; content: '';}
/*******************************benefits Page end*************************/
/*************************************************************************/


/*************************************************************************/
/*******************************gallery Page start*************************/
.gallery_content_sec{padding: 0;}
.gallery_content_sec .gallery_box_wrap:nth-child(even){background: #ebf4fa;}
.gallery_box_wrap{padding: 70px 0 40px 0;}
.gallery_box_wrap h2{color: #333333; font-size:42px; line-height: 44px; font-weight: 600; position: relative; text-align: center; padding: 0 0 35px 0;}
.gallery_box_sec{position: relative;}
.gallery_box_sec img{border-radius: 18px; width: 100%;}
.gallery_box_hv{}
.gallery_box_hv a{font-weight: 500; font-size: 18px; text-transform: uppercase; color: #fff; text-align: center; line-height: 26px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.gallery_box_hv a:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 18px; background: rgba(0, 119, 188, 0.7); content: '';}
.gallery_box_hv:hover a{opacity: 1;}
.gallery_box_hv a img{padding: 0; display: block; margin: 0 auto; position: relative; z-index: 1; width: auto;}
.gallery_box_hv a span{position: relative; z-index: 1;}
.gallery_box_sec .modal-content{border:none; background: none;}
.gallery_box_sec .modal-header{padding: 0; border:none;}
.gallery_box_sec .modal-header .btn-close{background: none !important; opacity: 1;}
.gallery_box_sec .owl-carousel img{border-radius: 0;}
.gallery_box_sec .owl-carousel .owl-dots{display: none;}
.gallery_box_sec .owl-carousel .owl-nav button{font-size: 45px; color: #fff;}
.gallery_box_sec .owl-carousel .owl-nav button.owl-prev{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.gallery_box_sec .owl-carousel .owl-nav button.owl-next{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.modal-backdrop.show{opacity: 0.7;}
.gallery_box_wrap h4{color: #333333; font-size: 22px; line-height: 26px; font-weight: 600; text-align: center; padding: 20px 0 0 0;}
.gallery_box_wrap .col-md-3{margin-bottom: 30px;}
.tag_sec{position: absolute; right:-10px; top: -10px; background: #2acc1e; color: #fff; text-align: center; text-transform: uppercase; border-radius:4px; padding: 10px; font-size: 15px; line-height: 16px; z-index: 1;}



/*******************************gallery Page end*************************/
/*************************************************************************/




.berkm1 a{
  position: relative;
  padding: 0 0 0 35px !important;
}

.berkm1 a:after {
  content: '';
    display: block !important;
    background-image: url(../image/micon1.png);
    width: 25px;
    position: absolute;
    height: 20px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}

.berkm2 a{
  position: relative;
  padding: 0 0 0 30px !important;
}

.berkm2 a:after {
  content: '';
    display: block !important;
    background-image: url(../image/micon2.png);
    width: 25px;
    position: absolute;
    height: 20px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}

.berkm3 a{
  position: relative;
  padding: 0 0 0 27px !important;
}

.berkm3 a:after {
  content: '';
    display: block !important;
    background-image: url(../image/micon3.png);
    width: 25px;
    position: absolute;
    height: 20px;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
}








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