/*Typography*/
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype'),
        url('../fonts/Helvetica.svg#Helvetica') format('svg');
}


@font-face {
    font-family: 'HelveticaBold';
    src: url('../fonts/HelveticaBold.eot');
    src: url('../fonts/HelveticaBold.eot') format('embedded-opentype'),
        url('../fonts/HelveticaBold.woff2') format('woff2'),
        url('../fonts/HelveticaBold.woff') format('woff'),
        url('../fonts/HelveticaBold.ttf') format('truetype'),
        url('../fonts/HelveticaBold.svg#HelveticaBold') format('svg');
}

/*Typography*/



*{margin: 0; padding: 0; outline: none; box-sizing: border-box;}
html{height: 100%; max-height: 100%; min-height: 100%; overflow: hidden; overflow-y: scroll;}
body{background: var(--white); -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; font-size: 13px; line-height: 21px; background-color: #f0edf0;}
body, html{height: 100%;}
.clear:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.common-wrap{max-width: 1600px; margin: 0 auto; clear: both;}

/*bg-colors*/
/* .bg-elephant{background-color: #cccccc;}
.bg-blumine{background-color: #cccccc;}
.bg-viking{background-color: #cccccc;}
.bg-spindle{background-color: #cccccc;} */
/*bg-colors*/

/*Colors*/
.eastern-blue{color: #22a0b8;}
.scorpion{color: #565656;}
/*Colors*/

/*Fnt-family*/
.fnt-helvetica-bold{font-family: 'HelveticaBold', sans-serif;}
.fnt-helvetica{font-family: 'Helvetica', sans-serif;}
/*Fnt-family*/


/*===Home Page Start===*/


/*header style start*/

.main-logo > a > img {
    height: 96px;
}

.header-top{z-index: 1;}
.logo-wrap{width: 48.465%;}
.main-logo{width: 100%;}
.header-info{width: 51.534%;}
.main-header {background-color: #f0edf0;}
/* .main-header{border-bottom: 5px solid #5c7774;} */
.main-header-nav{width: calc(100% - 192px);}
.main-header-nav ul li a{font-size: 14px; line-height: normal; border-right: 1px solid #464646; transition: 0.4s ease-in-out;}
.main-header-nav ul li a:hover{background-image: url(../img/hover.gif); background-size: 100% 100%; background-position: center top; background-repeat: no-repeat;}
.main-header-nav ul li a:hover span{color: #30c8e3;}
.main-header-nav ul li span{font-size: 11px; line-height: normal; color: #7f7f7f;}
.search-wrap{width: 192px;}
.search-wrap input:not([type="submit"]){width: calc(100% - 33px); height: 30px; color: #9c9c9c; font-size: 14px; line-height: 14px;}
.search-wrap input[type="submit"]{width: 33px; height: 30px; background-image: url(../img/search.gif); background-position: center; background-size: 100%; background-repeat: no-repeat;}
/*header style end*/

/*Hero style start*/
/* .hero-wrap{background-color: #c1e4f0;} */
.hero-inner{float: left; height: auto; border: none;}
#featured { position: relative; width: 100%; overflow: hidden; height: 400px; border: 5px solid #ffffff;}
.featured { width: 715px; position: absolute; top: 0; left: 0; overflow: hidden; display: none; border-left: 1px solid #aaa; background: #fff url(images/preload.gif) no-repeat center center; height: 100%;}
.featured1 { border: none; display: block; }
.fadeout { position: absolute; width: 200px; display: block; right: 0px; z-index: 3; height: 100%;}
.featured img { display: block; position: relative; z-index: 1;}
/*Hero style end*/

/*Inner content stayle start*/
.seilor img{object-fit: cover; object-position: center;}
/*Inner content stayle end*/


/*===Home Page End===*/


/*===About Page Start===*/
.inner-content{border-top: 10px solid #ccc;}
.about-thumb img{max-width: 500px;}
.guidline-image img{max-width: 250px;}
.under-constraction img{max-width: 230px;}
/*===About Page End===*/

/*===Service Page Start===*/
.services-graph img{max-width: 500px;}
/*===Service Page End===*/

/*===Contact Page Start===*/
.form-wrap{max-width: 540px;}
.form-wrap input:not([type="submit"]){color: #F00; font-size: 13px;}
.form-wrap textarea{height: 255px; color: #F00 !important; font-size: 13px;}
.form-wrap input[type="submit"]{width: 81px; height: 40px; background-image: url(../img/hover.gif); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
/*===Contact Page End===*/


/* Start Gallery */
.gallery-wrap{
    /* background-color: #c1e4f0;  */
    padding: 40px 0;
}
/* .gallery-wrap .common-wrap{max-width: 1270px; padding: 0 20px;} */
.gallery-wrap .common-wrap{padding: 0 20px;}
.gallery-tab-item{display: none;}
.gallery-tab-item:nth-child(1){display: block;}


.gallery-tab-trigger{width: 20%; padding: 0 8px;}
.gallery-tab-trigger a{border: 4px solid transparent; transition: .35s ease-in-out;}
.gallery-tab-trigger a:hover{border: 4px solid #777;}
.gallery-tab-trigger h6, .gallery-tab-trigger span{font-family: 'Helvetica', sans-serif; font-size: 14px;  line-height: 18px; display: block; margin-bottom: 0 !important;}

.gallery-accordion-wrap{ padding: 0px 0;}

.gallery-accordion-wrap button{padding: 10px 20px; font-size: 14px; color: #eeeeee;}
.accordion button{background: linear-gradient(#729d9d, #165c75);  border: none !important; box-shadow: 0 1px 0 rgb(255 255 255 / 15%) inset !important;}
.accordion-body{padding: 0 !important;}
.accordion-button:not(.collapsed){color: #eeeeee;}
.accordion-button::after{background-image: none !important; top: 18px; border-top: 2px solid; border-left: 2px solid; border-top-color: inherit; border-left-color: inherit; display: block; position: absolute; content: ""; width: 6px; height: 6px; right: 20px; z-index: 10; transform: rotate(-135deg);}
.accordion-button:not(.collapsed)::after{transform: rotate(-135deg);}
.accordion-item:first-of-type .accordion-button{border-radius: 0 !important;}
.accordion-item{border: none;}
.accordion.accordion-flush button{background: unset; background-color: #272f39 !important;}

.accordion-body ul{margin-bottom: 0; width: 100%; list-style: none; padding: 0;}
.accordion-body ul li {float: left; width: 100%;}

.accordion-body ul li a{display: block; padding: 10px 20px; font-size: 14px; color: #eeeeee; background-color: #272f39; box-shadow: 0 1px 0 rgb(255 255 255 / 10%) inset; text-decoration: none; font-size: 13px;} 
.accordion-body ul li.active a{background-color: #000000;}

.accordion-flush .accordion-body ul li a{padding: 10px 20px 10px 30px;}
.accordion-item > a{background: linear-gradient(#729d9d, #165c75);  border: none !important; box-shadow: 0 1px 0 rgb(255 255 255 / 15%) inset !important; display: block; text-decoration: none; padding: 10px 20px; font-size: 14px; color: rgb(245, 247, 232);}
.accordion-item:last-of-type .accordion-button.collapsed{border-radius: 0 !important;}


.modal-wrap{height: 100vh; background-color: rgba(0, 0, 0, .7); position: fixed; top: 0; left: 0; padding: 50px 0; z-index: 1099; display: none; overflow-y: scroll;}
.modal-wrap::-webkit-scrollbar{display: none;}
.modal-wrap .common-wrap{max-width: 500px;}
.modal-item-wrap{float: left; width: 100%; position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 15px; }
.gallery-modal-item{display: none;}
.modalShown{overflow: hidden;}
.modal-close { position: absolute; top: -14px; right: -13px; width: 30px; height: 30px; border-radius: 100%; z-index: 4; overflow: hidden; cursor: pointer; }
/* End Gallery */


@media only screen and (min-width: 320px) and (max-width: 600px){
    
    /*Home Page Start*/
    .header-top{padding: 5px 5px;}
    .header-info{display: none;}
    .logo-wrap{width: 100%;}
    .main-logo{width: 196px;}
    .hamburger{width: 34px; height: 29px; cursor: pointer;}
    .hamburger div{height: 2px; transition: 0.4s ease-in-out;}
    .hamburger div:before, .hamburger div:after{content: ''; position: absolute; width: 100%; height: 2px; top: -9px; left:0; background-color: #ffffff; transition: 0.2s ease-in-out;}
    .hamburger div:after{top: auto; bottom: -9px;}
    .main-header{height: 100vh; top: 0; left: 0; padding: 10px 20px; overflow-y: scroll; display: none;}
    .search-wrap{width: 70%; order: 1;}
    .main-header-nav{width: 80%; order: 4; margin-top: 5px;}
    .main-header-nav ul li{width: 80%;}
    .main-header-nav ul li a{border-right: 0;}
    .header-mobile-info{display: block !important; order: 3;}


    
    .navshown{overflow: hidden;}
    .navshown .hamburger div{background-color: transparent !important;}
    .navshown .hamburger div:before{transform: rotate(45deg); top: 0;}
    .navshown .hamburger div:after{transform: rotate(-45deg); bottom: 0;}
    
    #featured{height: 220px;}
    .featured{width: 220px;}
    .featured a{width: 100%; height: 100%;}
    .featured img {width: 100%; height: 100%;  object-fit: cover;}
    /* End Home */

 
   
}

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

    .gallery-tab-trigger-wrap{margin-top: 40px;}
    .gallery-tab-trigger{width: 33.333333%; padding: 5px;}

    .modal-wrap .common-wrap{padding: 0 20px;}


    .filter-wrap{float: left; position: relative; width: 100%; margin-bottom: 20px;}
    .filter-wrap span{font-size: 14px; color: #000000; width: 135px; cursor: pointer; padding: 15px 20px 15px 50px; border: 1px solid #000000; border-radius: 20px; position: relative; display: inline-block;}
    .filter-wrap span:before{position: absolute; content: ''; left: 20px; top: 50%; transform: translateY(-50%); width: 19px; height: 13px; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; background-image: url(../img/gallery/Filter.svg);}

    .gallery-accordion-wrap{position: relative; display: none; margin-bottom: 20px;}

    .gallery-wrap .col-12.col-md-5.col-lg-2.mt-4.mt-lg-0{order: 1;}
    .gallery-wrap .col-12.col-md-12.col-lg-10{order: 2;}

}
@media only screen and (min-width: 621px) and (max-width: 991px){
    

    /* Start Home */
    #featured{height: 400px;}
    .featured{width: 400px;}
    .featured a{width: 100%; height: 100%;}
    .featured img {width: 100%; height: 100%;  object-fit: cover;}
    /* End Home */

    .gallery-tab-trigger{width: 25%; padding: 0 5px;}
    .gallery-tab-trigger h6, .gallery-tab-trigger span{font-size: 12px;}

    .filter-wrap{float: left; position: relative; width: 100%; margin-bottom: 20px;}
    .filter-wrap span{font-size: 14px; color: #000000; width: 135px; cursor: pointer; padding: 15px 20px 15px 50px; border: 1px solid #000000; border-radius: 20px; position: relative; display: inline-block;}
    .filter-wrap span:before{position: absolute; content: ''; left: 20px; top: 50%; transform: translateY(-50%); width: 19px; height: 13px; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; background-image: url(../img/gallery/Filter.svg);}

    .gallery-accordion-wrap{position: absolute; display: none; top: 60px; left: 0;}

    .gallery-wrap .col-12.col-md-5.col-lg-2.mt-4.mt-lg-0{order: 1; position: relative;}
    .gallery-wrap .col-12.col-md-12.col-lg-10{order: 2;}

}

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

    .gallery-tab-trigger{width: 25%;}
    .gallery-accordion-wrap button{font-size: 12px; padding: 10px;}
    .accordion-body ul li a{font-size: 10px;}
    .accordion-item > a{font-size: 12px; padding: 10px;}
    .accordion-flush .accordion-body ul li a{padding: 10px 20px;}
    .accordion-button::after { top: 13px; right: 10px;}
    .gallery-tab-trigger h6, .gallery-tab-trigger span{font-size: 12px;}

}

.secondBox {
    background-color: #6BB3D4;
    border-radius: 20px;
}

.highlight{
    height: auto;
}

.roundNav {
    padding: 0px;
    background: #ce9aca;
    border-radius: 15px;
    margin : 0 10px 0 10px;
}

.firstNavPill{
    margin-top : 25px;
    margin-bottom: 10px;
}

.secondNavPill{
    margin-top : 10px;
}

.secondDiv {
    margin-top : 10px;
}

.innerBoxColor{
    background-color: #666666;
}

.headerInner{
    background: #6BB3D4;
    border-radius: 20px;
}

.imageSize{
    padding: 3.25rem;
  border-radius: .25rem;
  max-width: 100%;
  height: auto;
}

.float-left{
    float: left;
}

.padding_right{
    padding-right: 40px;
}

#accordionExample{
    width:200px;
}

.slick-slide {
    margin: 0px 40px;
}

.slick-slide img {
    width: 60%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}