@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
     /*   padding-right: 4rem;
        padding-left: 4rem; */
    }
}
body
{
	background:#e7e7e7;
}
html {
  scroll-behavior: smooth;
}
.blue
{
	background:#093573;
	
}
.blue-text{
	color:#093573;
}
.shadow
{
	
color: #FFF;
background-image: linear-gradient(to bottom, transparent,transparent, #093573);
}
.aboutus{color:#fff;text-align:center;padding-top:50px; padding-bottom:30px}
.aboutus >h4
{
	color:#fff;
}
.aboutus > h1
{
	color:white;
	font-family: Raleway;
font-size: 48px;
letter-spacing: 2px;
font-weight: bold;
}
.overlay
{
	background-image: linear-gradient(to left,#0e1d3c, transparent, #0e1d3c);
}
.leaf{ list-style-image: url('../img/bullet.png');}
 .yellow{color:#fcda00;}
 .roboto{font-family: 'Roboto Slab';}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
.custom-list {
    list-style: none;
    padding-left: 0;
}
.custom-list li {
    position: relative;
    padding-left: 20px;
}
.custom-list li:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url('../img/bullet.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media (min-width: 1281px) {}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {}


@media (max-width: 480px) {.logo{width:300px;height:auto} }


@media (min-width: 480px) {.logo{width:400px;height:auto}}




/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
    #sq {}

    .smallfontsize {
        font-size: 35px !important;
    }

    .designText h1 {
        padding-top: 13px;
        font-size: 55px !important;
    }

    .designText h2 {
        /*        font-size: 15px !important;*/
    }

    .sliderpgContainer p {

        font-size: 22px !important;
    }

    .silderTextContainer h6 {

        font-size: 40px !important;
    }

    .nav-link {
        padding-top: 2px !important;
        margin: 4px !important;
    }

    .noteBlock h1 {
        font-size: 34px !important;

    }

    .noteFrom {
        margin-bottom: -6px !important;
        font-size: 13px !important;
        letter-spacing: 2px !important;

    }

    .noteBlock {
        margin: 27px !important;
    }

    .commaImg {
        width: 7% !important;
    }

    .noteBlock h6 {
        font-size: 14px !important;
    }

    .sign {
        font-size: 31px !important;
    }

    .smallpg {
        font-size: 13px !important;
    }

    .testimonialText {
        color: white;
        font-size: 23px !important;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .gridiconStyle {
        margin-top: 3%
    }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    .gridiconStyle {
        margin-top: 13%
    }

    .learnButton {
        display: none;
    }

    .sliderpgContainer {
        margin-bottom: 0;
    }

    .sliderpgContainer p {
        margin-bottom: 0;
        font-size: 10px !important;
    }

    .silderTextContainer {
        bottom: 0 !important;
    }

    .silderTextContainer h6 {
        font-size: 16px !important;
    }

    .designText h1 {
        font-size: 27px !important;
    }

    .noteBlock h1 {
        margin-top: 20px;
        font-size: 47px !important;
    }

    .socialLinks a {
        padding: 9px !important;
    }

    .designText h1 {
        padding-top: 13px;
    }

    .designText h2 {
        font-size: 15px !important;
    }

    .zeroPadding {
        padding: 0 !important;
    }

    .contactusBlock {


        text-align: center !important;
    }

    .mobilePadding {
        padding-bottom: 24px;
        padding-top: 24px;
    }

    .yellowButton {
        font-size: 15px !important;
    }

    .addPadding {
        padding: 8%;
    }

    .noteBlock {
        margin: 20px !important;
    }

    .testimonialText {

        font-size: 19px !important;
    }

    .smallfontsize {
        font-size: 22px !important;
        padding-bottom: 9px;
    }

    .galrow {

        padding-bottom: 10px;
    }

    .mobileLogoSize {
        width: 50%;
        padding: 2%;
    }
}

* {
    font-family: 'Raleway', sans-serif, 'Bodoni', arial;
  

}


.testimonialText {
    color: white !important;
    font-size: 28px;
}

.carousel-control-prev-icon {
    height: 5%;
    width: 16%;
    background-image: url('../img/icons/left.png');
}

.carousel-control-next-icon {
    height: 5%;
    width: 16%;
    background-image: url('../img/icons/right-arrow-angle.png');
}

.navbar {
    background-color: #e7e7e7bf;
    
}



.navbar-nav > li > a {
	color:#000;
    text-transform: uppercase;
    font-family: Raleway;
    font-size: 15px;
    letter-spacing: 2px;
}



.nav-link {
    padding-top: 38px;
    margin: 15px;
}


.designText {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
   }

.firstcolgallery {
    width: 200px;
    height: 150px;

}

.galrow {
    cursor: pointer;
    padding-top: 25px;

}

.galrow img {
    padding-bottom: 10px;
}

.yellowButton {
background:#e7e7e7;color:#000000;
    border: none;
    border-radius: 27px;
    padding: 7px 24px;
    text-transform: uppercase;
    font-family: Raleway;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: bold;
}
.yellowButton>a{color:#000;!important}

.storybg {
    background-image: url(../img/collage.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;


}

.sliderbg {
    background-image: url(../img/shutterstock_426500653.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position: center;

}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.storybg, .middle
{
	opacity:1;
}
#story {
    margin-top: -10%;
}

.contactbg {
    background-image: url('../img/shutterstock_1246063762.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.inputBox {
    width: 100%;
    margin: 4px;
    text-align: center;
    background: #26303da6;
    background: rgba(38, 48, 61, 0.6509803921568628);
    border: 1px solid #ebedef73;
    color: white;
    padding: 10px;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #dfdfe1;
    opacity: 1;
    /* Firefox */
}

.dropdown-menu {

    background: rgba(81, 80, 80, 0.66);
    color: white;
    border-radius: 0;
    border: 1px;
    margin-top: -2px;
}

.dropdown-menu > .dropdown-item {
    color: white;
    font-size: 16px;
    font-family: Raleway;
}

.dropdown-menu > .dropdown-item:hover,
.dropdown-item:active,
.dropdown-item:focus {
    color: white;
    background: #464545;
    background: rgba(70, 69, 69, 1);
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-left: 2rem;
}

.nav-item > .nav-link > span:hover {
    border-bottom: 2px solid #093573;
    padding-bottom: 10px !important
}

/*
.nav-item:hover .nav-link{
    
    padding-bottom: 10px!important
}
*/
.pgText {
    color: white;
}

.itemActive {
    border-bottom: 2px solid #dab32f;
    padding-bottom: 10px !important
}

.meetContainer {
    text-align: center;
}

.meetContainer > p {
    color: white;
    margin: 0;
    font-size: 15px;
    font-weight: bold;
}

.meetContainer > h6 {
    color: white;
    margin: 0;
    font-size: 15px;
    font-weight: lighter;
}

.serviceContainer {
    text-align: center;
}

.serviceContainer > h1 {
    color: white;
}


.filter-button {
    font-size: 18px;
    /* border: 1px solid #e0b82d; */
    border-radius: 5px;
    text-align: center;
    color: white;
    margin-bottom: 30px;

}

.filter-button:hover {
    font-size: 18px;
    border: 1px solid rgba(224, 184, 45, 1);
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: rgba(224, 184, 45, 1);

}

.filteractive {
    font-size: 18px;
    border: 1px solid rgba(224, 184, 45, 1);
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: rgba(224, 184, 45, 1);

}

.btn-default:active .filter-button:active {
    background-color: rgba(224, 184, 45, 1);
    color: white;
}

.port-image {
    width: 100%;
}

.gallery_product {
    margin-bottom: 30px;
}

.silderTextContainer {
    bottom: 12%;
}

.silderTextContainer h6 {
    font-weight: 300;

}

.silderTextContainer h6 > strong {
    font-weight: 700;

}

.silderTextContainer h6 {
    font-family: Raleway;
    font-size: 56px;
    letter-spacing: 6px;

}

.sliderpgContainer p {
    font-family: Raleway;
    font-size: 27px;
    margin-bottom: 0;
    text-align: center;
    letter-spacing: 1px;
    font-weight: lighter;
}

.sliderpgContainer {
 
	margin-top:50px;
}

.designText h2 {
    text-transform: uppercase;
    font-family: Raleway;
    font-size: 28px;
    letter-spacing: 8px;
    font-weight: lighter;
    margin-bottom: -10px;
}

.designText h1 {
    
    font-family: Raleway;
    font-size: 65px;
    font-weight: bold;
}



.noteBlock {
    margin: 40px;
}

.noteBlock h6 {
    font-family: Bodoni72;
    font-style: oblique;
    color: black;
    font-size: 20px;
}
.noteFrom {
    font-family: Raleway;
    color: rgba(112, 112, 112, 1);
    font-size: 21px;
    letter-spacing: 11px;
    margin-bottom: -15px;
}
.noteBlock h1 {
  
    font-family: Raleway;
    font-size: 56px;
    font-weight: bold;
}
.whitetext
{
    color:#fff;
    text-decoration:none;
}
.whitetext:hover
{
    color:#fff;
    text-decoration:underline;
}

.comma {
    font-family: Bodoni72;
    font-style: oblique;
    color: black;
    font-size: 20px;
}

.nameBold {
    font-family: Raleway;
    font-weight: bold;
    margin-bottom: 0;
 
}

.nameLight {
    font-family: Raleway;
    font-weight: lighter;
   
}

.sign {
   font-family: Asem;
    font-size: 48px;
}

@font-face {
    font-family: "Bodoni72";
    src: url("../fonts/Bodoni Book Italic.otf");

}

@font-face {
    font-family: "Asem";
    src: url("../fonts/Asem Kandis PERSONAL USE.otf");

}

.contactusBlock {
    padding: 5%;

    text-align: end;
}

.contactusBlock p {
    font-family: Raleway;
    font-weight: lighter;
    margin-bottom: 0;
}

.socialLinks a {
    padding: 10px;
    color: white;
    border: 2px solid white;
    border-radius: 56px;
    margin: 3px;
}

.fbiconround {
    padding: 10px 12px !important;

}

.socialLinks a > i {
    padding: 2px;
}

.yellowLayer {
    background-color: rgba(226, 189, 9, 1);
    overflow: hidden;
    position: relative;
}

.yellowLayerInside {
    position: absolute;
    z-index: 1;
    bottom: 10%;
    left: 7%;

}

.yellowLayerInside h1 {
    font-family: Raleway;
    font-weight: bolder;
    font-size: 3rem;
    margin-bottom: 0;
}

.visionText p {
    padding: 17%;
    font-size: 21px;
    font-family: Bodoni72;

}

.lb-prev,
.lb-next {
    opacity: 1 !important;
}

.lb-image {
    border: none !important;
    border-radius: 0 !important;
}

.lb-details {
    display: none;
}

.carousel-item::after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, transparent, rgba(11, 11, 13, 1));
    margin-top: -400px;
    height: 400px;
    width: 100%;
    content: '';
}

.modal-content {
    background-color: rgba(96, 91, 91, 0);
}

.modal-header {
    border-bottom: none;
}

.d-none {
    display: block !important;
}

.galleryimgPadding img {}

.addpadding {
    margin-top: 24px;

}

.map {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.zeroPadding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.smallfontsize {
    color: #fff !important;
    font-family: Raleway;

    letter-spacing: 2px;
    font-weight: bold;
    font-size: 45px;
}

.aboutContent > div > p {
    font-weight: lighter;
}

.aboutContent > div > p > strong {
    font-weight: 700;
}

.gridiconStyle {
    padding: 10% 8% 2% 5%;
    text-align: center;
}

.simple > a {
    color: white !important;
    text-decoration: none !important;
}

.simple > a:hover {
    color: white !important;
    text-decoration: none !important;
}