*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {width: 100%;margin: 0px;padding: 0px;font-size: 15px;line-height: 1.8;overflow-x: hidden;background-color: #fff;font-family: 'Poppins', sans-serif;}
body,
html { height: 100%;}
.btn:focus,.btn:active {outline: none !important;box-shadow: none;}
h1,h2,h4,h6,ul {margin:0px;padding:0px;font-family: 'Poppins', sans-serif; font-size: 15px;line-height: 1.8;}
h3{
    margin:0px;padding:0px; line-height: 1.8;
    font-weight: bold; font-size: 36px;font-family: 'Poppins', sans-serifs; text-align: center;
}
h5{
    margin:0px;
    padding:0px;
    font-family: 'Poppins', sans-serifs;
     font-size: 17px;
      text-align: justify;
       line-height: 1.8;
}
ul {list-style-type: none;margin: 0;padding: 0;display: block; text-align: left;}
li { display: inline-block;}
a {cursor: pointer;}
a:hover {text-decoration: none;}
textarea {resize: none;}
p{
  text-align: justify;  color: #717677; font-size: 17px; font-family: 'Poppins', sans-serifs; 
  margin-bottom: 0px;
}


  

/*==============================
      // Nav-bar Styles //
==============================*/
.p-4 {
    padding: 0.5rem!important;
}
.navbar-nav {
    display: inline;
    flex-direction: column; 
    padding-left: 200;

    list-style: none;
}
.navbar {padding: 12px 0;z-index: 9999;}
.navbar-brand {margin-top: -15px;}
.navbar-dark .navbar-nav .active>.nav-link {color: gold;  background-color: #22266a;}
.navbar-dark .navbar-nav .active>.nav-link:hover {color:  #22266a;;  background-color: #ffffff;}
.navbar-expand-lg .navbar-nav .nav-link {color: #717677;
    font-size: 15px;font-family: 'Poppins', sans-serif;padding-right: 25px;padding-left: 25px;padding: .2rem 1rem;font-weight: bold;text-transform: uppercase;}
.navbar-dark .navbar-nav .nav-link:hover {color: #22266a;}
.navbar-dark .navbar-nav .active:after {display: none;}
.navbar-dark .navbar-nav li:last-child:after { display: none;}
.navbar-dark .navbar-nav li:last-child {margin-right: -25px;}
.navbar-expand-lg .navbar-nav li {position: relative;padding: 9px 0px;letter-spacing: 0.5px;}
.navbar-expand-lg .navbar-nav li:after {
    content: ' \007C';
    color: rgb(255, 255, 255);
    float: right;
    position: absolute;
    top: 2px;
    right: 0;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.sticky {
    background: #ffffff;
    padding: 15px 0;
}
.top-container {
    z-index: 99;
    position: relative;
    background-color: #ffffff;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}
.col1 {text-align: left;}
.col2 {text-align: right;}

/*==============================
      // carousel Styles //
==============================*/
/* header .carousel {margin-top: -177px;} */
header .carousel-item img {
    height: 360px;
    width: 100%;
    min-height: 300px;
    z-index: 9;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
header .gradient {
    background: -moz-linear-gradient(-45deg, rgba(10, 94, 38, 0.5) 0%, rgba(11, 23, 97, 0.5) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(10, 94, 38, 0.5) 0%, rgba(11, 23, 97, 0.5) 100%);
    background: linear-gradient(135deg, rgba(10, 94, 38, 0.5) 0%, rgba(11, 23, 97, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80bf0019', endColorstr='#8000159e',GradientType=1 );
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
header {
    width: 100%;
    height: auto;
    position: relative;
}
/* header .carousel-indicators .active {
    background-color: #57ba44;
} */
header .carousel-caption  {
    position: absolute;
    top: 60%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50%;
    height: 100%;
    margin: auto;
    z-index: 999;
}
header .carousel-indicators {bottom: 40px;}
header .carousel-indicators li {
    width: 50px;
    height: 9px;
    margin-right: 7px;
    margin-left: 7px;
    background-color: rgb(0, 0, 0);
}
header .carousel-item h3 {
    display: inline-block;
    font-size: 20px;
    padding: 15px 50px;
    margin-bottom: 20px;
    text-transform: uppercase;
    background: -moz-linear-gradient(-45deg,rgba(10, 168, 63, 0.5) 0%, rgba(11, 23, 97, 0.5) 100%);
    background: -webkit-linear-gradient(-45deg,rgba(10, 168, 63, 0.5) 0%, rgba(11, 23, 97, 0.5) 100%);
    background: linear-gradient(135deg,rgba(10, 168, 63, 0.5) 0%, rgba(11, 23, 97, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ff0004', endColorstr='#660006ba',GradientType=1 );
}
header .carousel-item h1 {font-size: 46px;font-weight: 700;letter-spacing: -2px;padding-bottom: 15px;text-transform: uppercase;}
header .carousel-item h2 {font-size: 28px;font-weight: 500;letter-spacing: 1px;padding-bottom: 30px;text-transform: uppercase;}
header .carousel-item h5 {font-size: 15px;font-weight: 400;letter-spacing: 0.5px;line-height: 30px;padding-bottom: 35px;}
header .btn-primary {
    color: #2e3192;
    font-weight: 700;
    font-size: 18px;
    padding: 15px 35px;
    border-radius: 100px;
    background-color: #ffffff;
    border-color: #ffffff;
    border: 2px solid #fff;
    text-transform: uppercase;
}
header .btn-primary:hover {
    color: #ff0;
    border-color: #ff0;
    background-color: transparent;
    border: 2px solid #ff0;
}
.btn-primary:not(:disabled):not(.disabled):active {
     color: #717677;
    background-color: transparent;
    border-color: transparent;
}

/*==============================
      // About Styles //
==============================*/
.about {width: 100%;height: auto;padding-top: 20px;}
.about .icon {text-transform: none;text-align: center;}
.about .heading {text-transform: none;text-align: center;}
/* .about .heading h3 {
    font-size: 34px;
    line-height: 1.8;
    font-weight: bold;
    margin: 0 0 20px;
    font-family: 'Poppins', sans-serifs;
} */
.about .heading h4 {font-size: 16px;font-weight: 500;letter-spacing: 0.5px;padding-bottom: 60px;}
.about .icon .fa {
    background-color: #22266a;
     color: gold;
   
    font-size: 60px;

    width: 100px;
    height: 100px;
    border-radius: 100px;
    text-align: center;
}

.about .fa-send:before, .fa-paper-plane:before {
    content: "\f1d8";
    line-height: 100px;
}

.about .heading {text-align: center;}


a {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
 
}
 .navbar-nav .nav-link:hover {color: rgb(255, 255, 0);}
.mb-4{
     margin-bottom: 0.5rem!important;
     background-color:rgb(221, 215, 215);
}
.bg-dark {
    background-color: rgb(221, 215, 215)!important;
}
.btn:hover{
    color: rgb(255, 255, 0);
    background-color: #303030;
}
.text-white{
    color: #000!important;
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
.btn {
 
    color: gold;
    background-color: #22266a;
    border-radius: 10px;
    border-color: #22266a;
    font-weight: bold;
    margin-bottom: 0;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    box-sizing: border-box;
    word-wrap: break-word;
    white-space: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    top: 0px;
    line-height: 22px;
    font-size: 14px;
    letter-spacing: 1px;
    padding: -7px 10px;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 2;
    outline: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/*==============================
      // Banner Styles //
==============================*/
.banner {
    width: 100%;
    height: 350px;
    display: flex;
    position: relative;
    align-items: flex-end;
    padding-bottom: 120px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

   
}
.banner .heading {
    color: #fff;
    z-index: 999;
    text-align: center;
}
.banner .heading h1 {font-size: 46px;font-weight: 700;letter-spacing: -2px;padding-bottom: 15px;text-transform: uppercase;}
.banner .heading h2 {font-size: 28px;font-weight: 500;letter-spacing: 1px;padding-bottom: 30px;text-transform: uppercase;}
.banner .gradient {
    background: -moz-linear-gradient(-45deg, rgba(10, 94, 38, 0.5) 0%, rgba(11, 23, 97, 0.5) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(10, 94, 38, 0.5) 0%, rgba(11, 23, 97, 0.5) 100%);
    background: linear-gradient(135deg, rgba(10, 94, 38, 0.5) 0%, rgba(11, 23, 97, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80bf0019', endColorstr='#8000159e',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}


/*==============================================
            Media Queries Styles
===============================================*/
/*== 1920px Media Queries Styles ==*/
@media screen and (max-width: 1920px) {
    header .carousel-item img {height: 950px;}
}
/*== 1440px Media Queries Styles ==*/
@media screen and (max-width: 1440px) {
    header .carousel-caption {width: 70%;}   
    header .carousel-item img {height:800px;}
}
/*== 1024px Media Queries Styles ==*/
@media screen and (max-width: 1024px) {
    .navbar {padding: 30px 0;}
    .navbar-expand-lg .navbar-nav li:after{top: 0px;}
    .sticky {padding: 15px 0;}
    .navbar-expand-lg .navbar-nav .nav-link{font-size: 12px;}
    header .carousel-item img {height: 640px;}
    header .carousel-item h3{font-size: 16px;padding: 15px 40px;letter-spacing: 0.5px; padding-bottom: 15px;}
    header .carousel-caption {width: 75%;} 
    header .carousel-item h1 {font-size: 36px;padding-bottom: 10px;font-weight: 600;letter-spacing: -1px;}
    header .carousel-item h2{font-size: 22px; padding-bottom: 20px;letter-spacing: 0.5px;}
    header .carousel-item h5{font-size: 14px;padding-bottom: 25px;line-height: 24px;}
    header .btn-primary {font-size: 14px;padding: 10px 18px;font-weight: 600;}
    header .carousel-indicators li {height: 3px;}
    .about {padding-top: 40px;}
    .about .heading h3 {font-size: 26px;font-weight: 600;letter-spacing: -1px;padding-bottom: 10px;}
    .about .icon {margin-bottom: 20px;}
    .about .heading {padding-bottom: 10px;}
    .about .icon .fa {font-size: 30px;width: 70px;height: 70px;}
    .about .fa-send:before, .fa-paper-plane:before {line-height: 70px;}
    .about .fa {font-size: 22px;}
    .about .inner-content {padding-top: 50px;}
    .about .inner-content h3 {font-size: 22px;}
    .about .box1 {padding-top: 53px;}
    .about .heading h4 {font-size: 14px;padding-bottom: 40px;}
    .about .inner-content p {font-size: 14px;}
    .blog {padding-top: 75px;padding-bottom: 60px;}
    .blog .text-block h4 {padding: 12px 0;}
    .blog .heading h3 {font-size: 26px;font-weight: 600;letter-spacing: -1px;padding-bottom: 10px;}
    .blog .heading h4 {font-size: 14px;padding-bottom: 40px;}
    .blog .blog-column1 h5 {font-size: 16px;padding-bottom: 10px;margin-top: -6px;line-height: 24px;}
    .blog .blog-column1 p {font-size: 12px;margin-bottom: 5px;letter-spacing: 0.5px;}
    .portfolio {padding-top: 40px;padding-bottom: 50px;margin-bottom: 30px;}
    .portfolio .heading h3 {font-size: 26px;font-weight: 600;letter-spacing: -0.5px;padding-bottom: 5px;}
    .portfolio .heading h4 {font-size: 16px;letter-spacing: 0.5px;padding-bottom: 25px;}
    .portfolio .card-deck .card .img-fluid {height: 300px;}
    .Subscribe {padding-bottom: 30px;}
    .Subscribe .heading h3 {font-size: 31px;}
    .Subscribe .btn-info {font-size: 14px;width: 125px;}
    .Subscribe input {width: 255px;}
    .Subscribe .main {padding: 30px 0;}
    footer h5{font-size: 14px;}
    footer .content p {padding-right: 30px;}
    footer {padding-top: 30px;}
    footer .footer-copyright p {font-size: 12px; letter-spacing: 0.5px;padding: 20px 0;}
    .banner .heading h1 {font-size: 36px;padding-bottom: 10px;font-weight: 600;letter-spacing: -1px;}
    .banner .heading h2{font-size: 22px; padding-bottom: 20px;letter-spacing: 0.5px;}
    #about-us h3 {font-size: 27px;padding-bottom: 30px;}
    #about-us .image {width: 100%;height: 300px;}
    #about-us p {font-size: 12px;}
    #about-us {padding-top: 50px; padding-bottom: 0;}
    #about-us p {margin-bottom: 150px;}
    #contact p {font-size: 14px;padding-bottom: 0;text-align: left;line-height: 30px;padding: 0;font-weight: 400;}
    #contact input {height: 55px;}
    #contact .btn-primary {height: 56px;}
    #contact {padding-bottom: 100px;}
    .blog-page {padding-top: 30px;padding-bottom: 60px;}
    .blog-page h2 {font-size: 26px; padding-bottom: 20px;}
    .blog-page hr {margin-bottom: 40px;}
    .blog-page .image-one {padding-bottom: 30px;}
    .blog-page .text-block h4 {padding: 12px 0;}
    .blog-page .heading h3 {font-size: 26px;font-weight: 600;letter-spacing: -1px;padding-bottom: 10px;}
    .blog-page .heading h4 {font-size: 14px;padding-bottom: 40px;}
    .blog-page .blog-column1 h5 {font-size: 16px;padding-bottom: 10px;margin-top: -6px;line-height: 24px;}
    .blog-page .blog-column1 p {font-size: 12px;margin-bottom: 5px;letter-spacing: 0.5px;}
    #blog-page .blog-heading1 h2 {font-size: 26px;padding-bottom: 20px;}
    #blog-page .heading1 {font-size: 32px;font-weight: 400;line-height: 36px;padding: 20px 0;}
    #blog-page figure img {width: 100%;height: 300px;margin-bottom: 0;}
    #blog-page h4 {font-size: 14px;padding-top: 9px;}
    #blog-page .social-links li {width: 100px;height: 30px;margin-right: 10px;border-radius: 0;}
    #blog-page p {font-size: 14px;padding-bottom: 0;}
    #blog-page .heading2 {padding-top: 10px;padding-bottom: 20px;}
    #blog-page .heading2 {font-size: 32px;letter-spacing: -1px;}
    #blog-page .blog-column1 h5 {font-size: 16px;padding-bottom: 10px;line-height: 23px;}
    #blog-page .blog-column1 p {font-size: 12px;margin-bottom: 5px;}
    #blog-page .text-block {top: 12px;padding-left: 15px;padding-right: 15px;}
    #blog-page .text-block h4 {font-size: 12px;}
    #blog-page {padding-bottom: 60px;}
    .portfolio .box .img-fluid {height: 250px;}
    .portfolio .carousel-control-next,.portfolio .carousel-control-prev {top: -10%;}
    .portfolio .carousel-control-prev {left: -96px;}
    .portfolio .carousel-control-next {right: -96px;}
    .modal-body {padding: 0;}
    #portfolio .overlay {height: 91%;width: 90.5%;}
    .services h2 a {line-height: 70px;font-size: 20px;padding-left: 10px;}
    .services .inner-content {padding: 30px;}
    .services .fa-2x {line-height: 74px;font-size: 30px;}
    .services .image {width: 100%;height: 300px;margin-bottom: 30px;margin-right: 0;}
    .portfolio .overlay {height: 89.2%;width: 100%;}
}
/*== 768px Media Queries Styles ==*/
@media screen and (max-width: 768px) {
    .navbar {padding: .5rem 1rem;background: #ffffff;}
    .navbar-expand-lg .navbar-nav li:after {display: none;}
    .navbar-dark .navbar-nav .active>.nav-link {background:transparent; }
    .navbar-nav .nav-link {padding: .5rem 1rem;}
    .top-container .col1 h5 {font-size: 10px;padding: 9px 0;letter-spacing: 2px;}
    .top-container .col2 .fa {width: 30px;height: 30px;font-size: 12px;padding: 10px 0;margin-right: -5px;}
    .navbar-expand-lg .navbar-nav .nav-link {padding: 0.4em 0;}
    .navbar-expand-lg .navbar-nav li {padding: 0;}
    .navbar-collapse {padding-top: 10px;}
    .navbar-brand img {width: 60%;margin-top: 8px;}
    header .carousel-control-next, .carousel-control-prev {top: 20%;}
    header .carousel-caption {top: 70%;}
    header .carousel-item h3 {font-size: 14px;padding: 15px 30px;}
    header .carousel-item h1 {font-size: 32px;}
    header .carousel-item h2 {font-size: 18px;}
    header .carousel-item h5 {font-size: 12px;line-height: 20px;}
    .about .heading h3 {font-size: 18px;letter-spacing: 0;padding-bottom: 5px;}
    .about .heading h4 {letter-spacing: 0; font-size: 12px;}
    .about .heading {padding-bottom: 5px;}
    .about .icon .fa {font-size: 24px;width: 60px;height: 60px;}
    .about .fa-send:before, .fa-paper-plane:before {line-height: 60px;}
    .about .inner-content h3 {font-size: 18px;}
    .about .fa {font-size: 18px;}
    .about .box1 {padding-top: 48px;}
    .about .inner-content p {font-size: 12px;}
    .about .inner-content {padding-top: 22px;height: auto;padding-bottom: 10px;}
    .about .box1 {padding-top: 20px;height: auto;}
    .about .col1, .about .col2, .about .col3 {height: auto;}
    .blog {padding-top: 60px;padding-bottom: 40px;}
    .blog .heading h3 {font-size: 18px;letter-spacing: 0;padding-bottom: 5px;}
    .blog .img-thumbnail {height: 200px;margin-bottom: 20px;}
    .blog .row:nth-child(2) {padding-bottom: 40px;}
    .blog .text-block h4 {padding: 9px 0;font-size: 12px;}
    .portfolio .heading h3 {font-size: 19px;letter-spacing: 0.5px;}
    .portfolio .heading h4 {font-size: 12px;letter-spacing: 0.5px;}
    .portfolio .card-deck .card .img-fluid {height: 200px;}
    .portfolio {padding-top: 20px;padding-bottom: 30px;margin-bottom: 20px;}
    .Subscribe .heading h3 {font-size: 24px;}
    .portfolio .lead {bottom: 40%;}
    .Subscribe .btn-info {font-size: 12px;letter-spacing: 0.6px;width: 110px;height: 50px;}
    .Subscribe input {width: 210px;height: 50px;}
    .Subscribe .main {padding: 20px 0;}
    footer .content {border-right: none;}
    footer img {width: 20%;padding-bottom: 20px;}
    footer .content p {padding-right: 0;font-size: 12px;letter-spacing: 0.5px;}
    footer .footer-copyright p {font-size: 12px;padding: 10px 0;}
    .banner .heading h1 {font-size: 32px;}
    .banner .heading h2 {font-size: 18px;}
    .banner {height: 350px;padding-bottom: 55px;}
    #about-us .image {height: 300px;margin-right: 0;margin-bottom: 20px;}
    #about-us p {margin-bottom: 100px;}
    #about-us p {font-size: 13px;}
    #about-us h3 {padding-bottom: 30px;}
    #contact .py-5 {padding-top: 2rem!important;width: 100%;}
    #contact {padding-bottom: 70px;}
    .blog-page .blog-column1 {padding-bottom: 30px;}
    .blog-page {padding-top: 30px;padding-bottom: 40px;}
    .blog-page .img-thumbnail {height: 200px;margin-bottom: 20px;}
    .blog-page .text-block h4 {padding: 9px 0;font-size: 12px;}
    .blog-page .pages {padding-top: 60px;text-align: center;}
    .blog-page{padding-bottom: 80px;}
    .blog-page .image-one {padding-bottom: 0;}
    #blog-page .blog-heading1 h2 {font-size: 22px;padding-bottom: 10px;}
    #blog-page .blog-heading2 h6 {padding: 0;letter-spacing: 0;}
    #blog-page .heading1 {font-size: 24px;line-height: 30px;}
    #blog-page h4 {font-size: 12px;padding-top: 10px;}
    #blog-page .heading2 {font-size: 24px;letter-spacing: 0;}
    #blog-page .img-thumbnail {height: 200px;}
    #blog-page .text-block h4 {padding: 11px 3px;}
    #blog-page .blog-heading2 a {font-size: 13px;}
    .portfolio .box .img-fluid {height: 200px;}
    .services .inner-content {border: none;padding: 20px;}
    /* .services h2 {font-size: 24px;padding: 20px 0;margin-bottom: 20px;} */
    /* .services p {font-size: 12px;line-height: 22px;} */
    .services select {font-size: 12px;padding: 10px 5px;margin-bottom: 15px;}
    .portfolio .carousel-control-next {right: -78px;}
    .portfolio .carousel-control-prev {left: -78px;}
    .portfolio .overlay {height: 87.2%;width: 85.5%;}
    .portfolio .text {font-size: 12px;}
    .portfolio .overlay img {width: 50px;}
    #portfolio .overlay {height: 88%;width: 87.5%;}
}
/*== 425px Media Queries Styles ==*/
@media screen and (max-width: 425px) {
    .navbar-toggler {padding: 1px 6px;}
    .navbar-toggler-icon {width: 20px;height: 25px;}
    .top-container .container {padding-left: 22px;padding-right: 22px;}
    .container {padding-left: 30px;padding-right: 30px;}
    .top-container .col1 h5 {font-size: 9px;letter-spacing: 1px;}
    header .carousel-item h3 {font-size: 12px;padding: 10px 20px;}
    header .carousel-item h1 {font-size: 18px;padding-bottom: 5px;}
    header .carousel-item h2 {font-size: 14px;padding-bottom: 15px;letter-spacing: 0px;}
    header .btn-primary {font-size: 12px;padding: 7px 10px;font-weight: 600;}
    header .carousel-item img {height: 570px;}
    header .carousel-indicators {bottom: 20px;}
    header .carousel-indicators li {width: 30px;margin-left: 3px;margin-right: 3px;}
    .about .col1, .about .col2, .about .col3 {padding-bottom: 20px;text-align: center;}
    .about .inner-content {text-align: center;}
    .about .col3{padding-top: 20px;padding-bottom: 0px;}
    .about .heading h4 {padding-bottom: 20px;}
    .blog-column1 {padding-bottom: 20px;}
    .blog .row:nth-child(2) {padding-bottom: 0;}
    .container {padding-left: 15px;padding-right: 15px;}
    .Subscribe .heading h3 {text-align: center;}
    .portfolio .card-deck .card .img-fluid {width: 100%;}
    .Subscribe .btn-info {width: 100%;}
    .Subscribe input {width: 100%;text-align: center;}
    .Subscribe form {float: none;}
    .navbar-brand img {width: 50%;}
    .banner {height: 320px;}
    .banner .heading  h1 {font-size: 20px;padding-bottom: 5px;}
    .banner .heading  h2 {font-size: 14px;padding-bottom: 15px;letter-spacing: 1px;}
    #about-us .image {height: 200px;}
    #about-us p {font-size: 12px;}
    #about-us {padding-top: 30px;}
    #contact p{line-height: 24px;}
    #contact textarea.form-control {height: 150px;}
    #contact input {height: 42px;}
    #contact .form-group {margin-bottom: 0;}
    #contact .btn-primary {height: 46px;font-size: 12px;width: 135px;}
    #contact {padding-bottom: 10px;}
    .blog-page h2 {font-size: 22px;}
    .blog-page .pages .btn-primary {font-size: 12px;width: 132px;margin-right: 5px;}
    .blog-page {padding-top: 30px;padding-bottom: 60px;}
    #blog-page .blog-heading2 a {font-size: 12px;}
    .about .row:nth-child(2) {margin: 0;}
    #blog-page .heading1 {font-size: 18px;line-height: 24px;}
    #blog-page figure img {height: 200px;}
    #blog-page h4 {text-align: center;padding-top: 0;padding-bottom: 10px;}
    #blog-page .social-links {text-align: center;}
    #blog-page p {font-size: 12px;}
    .portfolio .carousel-control-prev {left: 0;}
    .portfolio .carousel-control-next {right: 0;}
    .portfolio .heading h3 {font-size: 18px;}
    .portfolio .heading h4 {line-height: 18px;}
    .portfolio .main-content {padding-left: 0;padding-right: 0;}
    .portfolio .box .img-fluid {height: 250px;}
    .portfolio .fa {padding: 6px 9px;background: #000000a3;}
    .portfolio .carousel-control-next, .carousel-control-prev {color: #fff;}
    #portfolio h4 {font-size: 12px;line-height: 24px;}
    .services .image {height: 200px;}
    .services h2 a {line-height: 30px;font-size: 14px;padding-left: 0;}
    #portfolio {padding-bottom: 50px;}
    #portfolio button {width: 130px;line-height: 30px;}
    #portfolio .load-more {padding-top: 20px;}
    .portfolio .overlay {height: 89.2%;width: 100%;}
    .portfolio .overlay img {width: 15%;}
    .services {padding: 50px 0;}
    .services .fa-2x {line-height: 36px;font-size: 24px;}
    .services .card {margin-bottom: 20px;}
    #portfolio .img-fluid {height: 250px;}
    #portfolio .overlay {height: 89%;width: 93%;}
    #portfolio .overlay img {width: 15%;}
    .Subscribe .main {padding: 20px 0;margin: 0;}
    #blog-page .social-links li {width: 84px;margin-right: 0px;}
}
/*== 375px Media Queries Styles ==*/
@media screen and (max-width: 375px) {
    .top-container .col2 .fa {width: 25px;height: 25px;padding: 7px 0;}
    header .carousel-item h1{font-size: 16px;}
    header .carousel-item h2 {font-size: 12px;padding-bottom: 10px;letter-spacing: 0px;}
    header .carousel-item img {height: 520px;}
    footer .footer-copyright p {padding: 10px 5px;margin-bottom: 0;}
    header .carousel-caption {top: 77%;}
    header .carousel-item h3 {margin-bottom: 10px;}
    header .carousel-indicators {bottom: 10px;}
    header .btn-primary {padding: 5px 10px;}
    header .carousel-control-next, .carousel-control-prev {top: 25%;}
    .about {padding-top: 20px;}
    .portfolio .carousel-control-prev {left: 4px;}
    .portfolio .carousel-control-next {right: 4px;}
    .portfolio .overlay {height: 89.2%;width: 100%;}
    .services .fa-2x {line-height: 32px;font-size: 20px;}
    .services h2 a {line-height: 20px;font-size: 12px;}
    #portfolio .overlay {height: 89.2%;width: 92%;}
}
/*== 320px Media Queries Styles ==*/
@media screen and (max-width: 320px) {
    .top-container .col2 .fa {width: 23px;height: 23px;padding: 7px 0;font-size: 11px;}
    header .carousel-item h3 {font-size: 11px;padding: 10px 10px;}
    header .carousel-item h5 {line-height: 15px;padding-bottom: 16px;} 
    .banner .heading  h1 {font-size: 17px;}
    .banner .heading  h2 {font-size: 12px;}
    #about-us h3 {font-size: 22px;}
    #blog-page .break {display: inline;}
    #blog-page .social-links li {width: 86px;height: 28px;margin-right: 0px;padding: 0;}
    #blog-page .social-links li span {padding-left: 12px;}
    #blog-page .inner-contant {padding-top: 10px;padding-bottom: 10px;}
    .portfolio .carousel-control-prev {left: 8px;}
    .portfolio .carousel-control-next {right: 8px;}
    .Subscribe .heading h3 {font-size: 21px;}
    .services h2 a {font-size: 11px;}
    .portfolio .overlay {height: 89.2%;width: 91%;}
    .services .fa-2x {line-height: 32px;font-size: 16px;}
    .services .image {height: 150px;margin-bottom: 20px;}
    #portfolio h4 {padding-top: 30px;padding-bottom: 20px;}
    #portfolio .overlay {height: 89.2%;width: 91%;}
    .Subscribe .heading h3 {font-size: 18px;}
}


/* slider */

.box {
    display:inline-flex;
    width: 227px;
    height: 227px;
    background-color: #f6f6f6;
  }  
  .box a {
    color: #461e52;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 22px;
    font-weight: 700;
    padding: 30% 30px 0 30px;
    text-align: center;
    transition: none;
    line-height: 1;
    font-family: 'Open Sans Condensed', Arial, Verdana, sans-serif;
  }
  .box:hover{
    background-color: #461e52;
  }
  .box:hover a{
   color:#fff;
   text-decoration:none;
  }
  .mission-next-arrow {
    position: absolute;

    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
    right: -36px;
    height: 17px;
    width: 10px;
    border:none;
  }
  .mission-next-arrow:hover {
    cursor: pointer;	
  }
  .mission-prev-arrow {

    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -36px;
    height: 17px;
    width: 10px;
    border:none;
  } 
  .mission-prev-arrow:hover {
    cursor: pointer;	
  }
  .box a.more-links {
    color: #fff;
    padding: 70px 110px 0 20px;

  }




  
  .container {
    overflow: hidden;}
    .slider {
      animation: slidein 30s linear infinite;
      white-space: nowrap;}
      .logos {
        width: 100%;
        display: inline-block;
        margin: 0px 0;}
        .fab {
          width: calc(100% / 5);
          animation: fade-in 0.5s 
            cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
        }
   
  
  @keyframes slidein {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-100%, 0, 0);
    }
  }
  
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  /* CSS footer */



.footer_wraper{
	background:#131212;
	padding:18px 0 0 0;
	margin-top:30px
}



.about_footer{
	padding-right:30px;
  font-weight: bold;
    color: #fff;
    font-size: 17px;	
    font-family: 'Poppins', sans-serifs;
    
}

.about_footer h2{
	color:#fff;
	font-weight:bold;
	color:#fff;
	font-size:17px
}

.about_footer h2 span{
	border-bottom:2px solid #1b7bd2;
	position: relative;
    padding-bottom: 5px;
		
}

.about_footer p{
	line-height:24px;
	color:#a08d8d;
	padding-bottom:20px;
	padding-top:20px;
	font-size:13px
}

.about_footer a{
	border:2px solid #545243;
	width:35px;
	height:30px;
	display:block;
	text-align:center;
	float:left;
	margin-right:10px;
	border-radius:4px;
	color:#545243;
	padding-top:3px
}
.about_footer .android:hover{
	background:#3ddc84;
	border:2px solid #3ddc84;
	color:#fff;	
}.about_footer .ios:hover{
	background:#3ddc84;
	border:2px solid #3ddc84;
	color:#fff;	
}
.about_footer .facebook:hover{
	background:#41609e;
	border:2px solid #41609e;
	color:#fff;	
}
.footer_socail ul{
  margin: 10px;

}

.about_footer .linkedin:hover{
	background:#0977b4 ;
	border:2px solid #0977b4;
	color:#fff
}


.quick_linkfooter h2{
	font-weight: bold;
    color: #fff;
    font-size:20px;
}

.quick_linkfooter h2 span{
	border-bottom:2px solid #1b7bd2;
	position: relative;
    padding-bottom: 5px;
}

.quick_linkfooter ul{
	list-style:none;
	margin:15px 0
}

.quick_linkfooter ul li{
	display:block;
	padding:8px 0
}

.quick_linkfooter ul li a{
	text-decoration:none;
	color: #a08d8d;
}

.quick_linkfooter ul li a i{
	color:#1b7bd2;
	margin-right:10px
}

.quick_linkfooter ul li a:hover{
	color:#1b7bd2;
}


.contact_footerwrp h2{
	font-weight: bold;
    color: #fff;
    font-size:20px;
}

.contact_footerwrp h2 span{
	border-bottom:2px solid #1b7bd2;
	position: relative;
    padding-bottom: 5px;
}





.usefull_linkwrp h2{
	font-weight: bold;
    color: #fff;
    font-size: 17px;	
    font-family: 'Poppins', sans-serifs;
}

.usefull_linkwrp h2 span{
	border-bottom:2px solid #1b7bd2;
	position: relative;
    padding-bottom: 3px;
}

.usefull_linkwrp ul{
	list-style:none;
	margin:0 0
}

.usefull_linkwrp ul li{
	padding:5px 0
}

.usefull_linkwrp ul li a{
	text-decoration:none;
	color:#a08d8d
}

.usefull_linkwrp ul li a i{
	margin-right:10px;
	color:gold;
}

.usefull_linkwrp ul li a:hover{
	color:gold;
}

.addresswrp{
	margin:3px 0 3px 0;
	color:#a08d8d;
	font-size:14px
}

.addresswrp:before{
	font-family: 'FontAwesome';
	content: "\f041";
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	color:gold;
	font-size:16px
}

.phonewrp{
	color:#a08d8d;
	font-size:14px;
	margin-bottom:3px
}

.phonewrp:before{
	font-family: 'FontAwesome';
	content: "\f095";
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	color:gold;
	font-size:14px;
}

.emailwrp{
	color:#a08d8d;
	font-size:14px;
	margin-bottom:10px
}

.emailwrp:before{
	font-family: 'FontAwesome';
	content: "\f2b6";;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
    color:gold;
	font-size:14px;
}


.copyrightwrp{
	border-top:1px solid #383838;
	text-align:center;
	
	color:#a08d8d;
  
   
}

.copyrightwrp a{
	color:#a08d8d;
	text-decoration:none;
	font-weight:600;
    font-family: 'Poppins', sans-serifs;
    text-align: center;
}

.copyrightwrp a:hover{
	color:gold;
}

/* CSS footer */


/* CSS about */

.about_wraper{
	background:#ffffff;
	padding:60px 0 90px 0
}

.about_wraper h2{
    font-size: 36px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
	color:rgb(0, 0, 0);
	margin-bottom:10px;
	
}

.about_wraper p{
	font-size:18px;
	text-align:center;
	margin-bottom:70px;
	color:rgb(0, 0, 0)
}

.about_projectslider{

	height:364px;
}

.about_projectslider .sliderwraper{
	width: 76%;
    margin: 0 auto;
    padding-top: 14px;
}



.about_textwrp h3{
	font-weight:bold;
	font-size:18px;
	color:rgb(0, 0, 0);
	margin-bottom:10px;
	margin-top:10px
}

.about_textwrp p{
	line-height:24px;
	color:rgb(0, 0, 0);
	text-align:justify;
	font-size:14px;
	margin-bottom:0
}

.about_btwrp{
	margin-top:15px
}

.about_btwrp a{
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2), inset 0 -2px #1fd1e7;
    box-shadow: 1px 1px 2px rgba(0,0,0,.2), inset 0 -2px #1fd1e7;
    border-color: #00bbd2;
    border-radius: 5px;
    background-color: #d21414;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2), inset 0 -2px #ff3d4f;
    box-shadow: 1px 1px 2px rgba(0,0,0,.2), inset 0 -2px #f93546;
    border: solid 1px #f93546;
    display: inline-block;
    padding: 14px 28px;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    font-weight: bold !important;
    font-family: 'Open Sans', sans-serif;
}

.about_btwrp a:hover{
	background:#f93546;
}

.flexslider .slides > li a:hover img{
	opacity:0.7;
	  transition:ease-in 0.3s;
  -moz-transition:ease-in 0.3s;
  -webkit-transition:ease-in 0.3s;
  -ms-transition:ease-in 0.3s;
  -o-transition:ease-in 0.3s;
}

/* CSS about */
.btn-sq {
    width: 120px;
    height: 80px ;
    font-size: 13px;
    background-color: #ffffff;
    color: #717677;
    border: 0;
    text-transform: none;
    

  }
  .btn-sq:hover
    {color: gold; 
         background-color: #22266a;
         margin-bottom: 0%;
  }