@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body{font-family: 'Roboto', sans-serif;}

a:hover{text-decoration:none;}

.topnav a:hover {border-bottom: 3px solid #016c9b;}

.navbar-light .navbar-nav .nav-link {
   color: #b61100;
    font-size: 20px;
	padding: 0px 20px;
    border:none;
}
.nav-logo{width:100%;}
.nav-item{background:url(../img/devider.jpg) no-repeat 100% 55%;}
.nav-item:last-child{background:none;}

.solid {
    background:#fff!important;
    color: #fff;
    border-bottom:solid 1px #d5d5d5; 
}

.modal-backdrop.show {

    opacity: .5;

    z-index: 99;

}

nav.navbar.navbar-expand-lg.fixed-top.navbar-light {

    /*background: #4c8c06e3;*/

     background:#fff;
     box-shadow: 0px 12px 10px -15px #111; 

}

/*======*/



.overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: linear-gradient(to bottom, rgba(14, 29, 51, 0.8), rgba(14, 29, 51, 0.2));

}



.hero-slider {

  width: 100%;

  height: 100vh;

  /*overflow: hidden;*/

}

.hero-slider .carousel-cell {

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}

.hero-slider .carousel-cell .slide-content {

  position: relative;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  text-align: center;

}

/*.hero-slider .carousel-cell .slide-content .title {

  position: relative;

  font-family: "Fjalla One", sans-serif;

  font-size: 3.2rem;

  letter-spacing: 3px;

  text-transform: uppercase;

  color: #ffffff;

}

.hero-slider .carousel-cell .slide-content .caption {

  font-family: "Noto Sans", sans-serif;

  font-size: 2.2rem;

  color: #ffffff;

  margin-bottom: 30px;

}*/

.hero-slider .carousel-cell .slide-content .title {

  position: relative;

  font-family: "Fjalla One", sans-serif;

  font-size: 20px;

  letter-spacing: 3px;

  text-transform: capitalize;

  color: #ffffff;

}

.hero-slider .carousel-cell .slide-content .caption {

  font-family: "Noto Sans", sans-serif;

  font-size: 20px;

  color: #ffffff;

  margin-bottom: 30px;

}

.hero-slider .carousel-cell .slide-content .btn {

  display: inline-block;

  border: 1px solid #fff;

  padding: 14px 18px;

  text-transform: uppercase;

  font-family: "Noto Sans", sans-serif;

  font-size: 0.9rem;

  letter-spacing: 2px;

  color: #fff;

  text-decoration: none;

}

.hero-slider .carousel-cell .slide-content .btn:hover {

  background: #fff;

  color: #000;

  transition: all .2s ease;

}

.hero-slider .flickity-prev-next-button {

  width: 80px;

  height: 80px;

  background: transparent;

  display:none;

}

.hero-slider .flickity-prev-next-button:hover {

  background: transparent;

}

.hero-slider .flickity-prev-next-button .arrow {

  fill: white;

}

.hero-slider .flickity-page-dots {

  bottom: 30px;

}

.hero-slider .flickity-page-dots .dot {

  width: 30px;

  height: 4px;

  opacity: 1;

  background: rgba(255, 255, 255, 0.5);

  border: 0 solid white;

  border-radius: 0;

  display:none;

}

/*.hero-slider .flickity-page-dots .dot.is-selected {

  background: #ff0000;

  border: 0 solid #ff0000;

}*/



/* --------------------------------

Masking

-------------------------------- */

.slide-content .title,

.slide-content .caption,

.slide-content .btn {

  position: relative;

  opacity: 0;

  -webkit-animation-fill-mode: forwards;

          animation-fill-mode: forwards;

}



.slide-content.mask .mask {

  position: relative;

  overflow: hidden;

}

.slide-content.mask .title {

  -webkit-animation-duration: 0.4s;

          animation-duration: 0.4s;

  -webkit-animation-delay: 0.7s;

          animation-delay: 0.7s;

  -webkit-animation-name: slide-up;

          animation-name: slide-up;

  -webkit-animation-fill-mode: backwards;

          animation-fill-mode: backwards;

  opacity: 1;

}

.slide-content.mask .divider {

  display: inline-block;

  position: relative;

  margin: 5px auto;

  height: 2px;

  width: 60%;

  background-color: #ffffff;

  -webkit-animation: divider-mask 1s 0.3s both;

          animation: divider-mask 1s 0.3s both;

}

.slide-content.mask .caption,

.slide-content.mask .btn {

  -webkit-animation-duration: 0.4s;

          animation-duration: 0.4s;

  -webkit-animation-delay: 0.7s;

          animation-delay: 0.7s;

  -webkit-animation-name: slide-down;

          animation-name: slide-down;

}



@-webkit-keyframes slide-up {

  0% {

    opacity: 0;

    -webkit-transform: translateY(100%);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}

@keyframes slide-up {

  0% {

    opacity: 0;

    -webkit-transform: translateY(100%);

            transform: translateY(100%);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@-webkit-keyframes slide-down {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-100%);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}

@keyframes slide-down {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-100%);

            transform: translateY(-100%);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@-webkit-keyframes divider-mask {

  0%,

  100% {

    -webkit-transform: scaleX(0);

            transform: scaleX(0);

  }

  40%,

  60% {

    -webkit-transform: scaleX(1);

  }

}

@keyframes divider-mask {

  0%,

  100% {

    -webkit-transform: scaleX(0);

            transform: scaleX(0);

  }

  40%,

  60% {

    -webkit-transform: scaleX(1);

            transform: scaleX(1);

  }

}

/*=====*/



.solid {

    background: #4c8c06;

    color: #fff;

}



.slider1{

    position: relative;

    border-bottom: 6px solid #4c8c06;

}



.logo-box{

    position: absolute;

    z-index: 9;

	margin: 107px 46px;

}



.logo-box img{

    /*width: 62%;*/

	width: 77vh;

}







.slider2::before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    opacity: 1;

    background-image: url(../img/logo_box.png);

    background-size: 100% 100%;

    transform: translate(0%,-14%);

    z-index: 9;

    padding: 18.75em;

}



.slider_image{

    height: 90vh!important;

    width: 100%;

}





.about-section {

	  background: url(../img/about-22.png);

    background-attachment: fixed;

    background-size: cover;

    background-position:center;

    background-repeat: no-repeat !important;

}

.about-text {

    color: #000;

    font-weight: 400;

	font-family: Roboto, sans-serif;

}

.section-header {

    margin: 28px;

    text-align: left;

}

.section-header h3 {
font-size: 33px;
font-weight: 700;
padding: 19px;
height: 67px;
width: 406px;
background: #ae0e00;
color:#fff;
}



.about-section-2{

	background: url(../img/aboutdetails.png);

    background-size: cover;

    background-position:center;

    background-repeat: no-repeat !important;	

}

 .myliststyle {

	 text-indent: 5px;

    margin-top: 0;

    margin-bottom: 1rem;

    list-style-type: "\1405";

}

ul.myliststyle li::before {

  content: "\1405";

  color: red;

  font-weight: bold;

  display: inline-block; 

  width: 1em;

  text-indent: 5px;

  margin-left: -1em;

}

.about-section-3{

	

	 background: url(../img/sectionnew-2.png);

   

    background-size: cover;

    background-position:center;

    background-repeat: no-repeat !important;	

}

 .myliststyle2 {

	 text-indent: 5px;

    margin-top: 0;

    margin-bottom: 1rem;

    list-style-type: "\00BB";

}

ul.myliststyle2 li::before {

  content: "\00BB";

  color: red;

  font-weight: bold;

  display: inline-block; 

  width: 1em;

  text-indent: 5px;

  margin-left: -1em;

}





.about-section-4{

	

	 background: url(../img/section-4.png);

   

    background-size: cover;

    background-position:center;

    background-repeat: no-repeat !important;	

}

.iconimg56 {

   padding: 7px 5px;

    height: 54px;

}

.about-section-5{

	

	 background: url(../img/section1-5.png);

   

    background-size: cover;

    background-position:center;

    background-repeat: no-repeat !important;	

}

.about-section-6{

	

	 background: #fff;

   

    background-size: cover;

    background-position:center;

    background-repeat: no-repeat !important;	

}



img.sidesection-img {

    margin-top: 122px;

}

img.sidesection-img-2 {

    margin-top: 12px;

}

img.sidesection-img-1 {

    margin-top: 65px;

    margin-left: -89px;

}





/* Section Title Css */



.section-title {

  text-align: center;

  margin: 48px 0;

}

.spanclsaa5464{

    color:#4c8c06;

    font-weight: 700;

}

.section-title h2 {

	position: relative;

	display: inline-block;

	padding-bottom: 25px;

}

.section-title h2:before {

  position: absolute;

  content: "";

  width: 80px;

  height: 3px;

  background-color: #ffc107;

  bottom: 0;

  left: 50%;

  margin-left: -40px;

}

.section-title h2:after {

	position: absolute;

	content: "";

	width: 60px;

	height: 3px;

	background-color: #000;

	left: 50%;

	bottom: -10px;

	margin-left: -30px;

}

/*====tab section====*/

.mytab-sec{

	

	 background: url(../img/section-5.png);

   

    background-size: cover;

    background-position:center;

    background-repeat: no-repeat !important;	

	

}

/*

 CSS for the main interaction

*/

.tabset > input[type="radio"] {

  position: absolute;

 left: -200vw;

}



.tabset .tab-panel {

  display: none;

}



.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,

.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),

.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),

.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),

.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),

.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {

  display: block;

}



/*

 Styling

*/





.tabset > label {

  position: relative;

  display: inline-block;

     padding: 15px 55px 21px;

  border: 1px solid #000;

  border-bottom: 0;

  cursor: pointer;

  font-weight: 600;

  margin-top: 28px;

}



.tabset > label::after {

  content: "";

  position: absolute;

      left: 56px;

  bottom: 10px;

  width: 22px;

  height: 4px;

  background: #8d8d8d;

}



.tabset > label:hover,

.tabset > input:focus + label {

  color: #06c;

}



.tabset > label:hover::after,

.tabset > input:focus + label::after,

.tabset > input:checked + label::after {

  background:#ffc107;

}



.tabset > input:checked + label {

    border-color: #ffc107;

    border-bottom: 1px solid #000;

    margin-bottom: -1px;

    background: #4c8c06;

	color: #fbfbfb;

}



.tab-panel {

  padding: 30px 0;

  border-top: 1px solid #ccc;

}









.tabset {

  max-width: 100%;

}































.helth-services {

    padding-top: 15px;

}

.helth-services {

    background: url(../img/background2.jpg) center;

    background-size: cover;

	background-attachment: fixed;

}

.text-services>h1 {

    color: #2d2d2d;

    font-size: 35px;

    line-height: 45px;

    font-weight: 700;

    padding-bottom: 15px;

}







  .service-box{

            position: relative;

            overflow: hidden;

            margin-bottom:10px;

            perspective:1000px;

            -webkit-perspective:1000px;

        }

        .service-icon{

            width: 100%;

            height: 220px;

            padding: 20px;

            text-align: center;

            transition: all .5s ease;

        }



        .service-content{

            position: absolute;

            top: 0;

            left: 0;

            z-index: 1;

            opacity: 0;

            width: 100%;

            height: 220px;

            padding: 20px;

            text-align: center;

            transition: all .5s ease;

            background-color: #474747;

            backface-visibility:hidden;

            transform-style: preserve-3d;

            -webkit-transform: translateY(110px) rotateX(-90deg);

            -moz-transform: translateY(110px) rotateX(-90deg);

            -ms-transform: translateY(110px) rotateX(-90deg);

            -o-transform: translateY(110px) rotateX(-90deg);

            transform: translateY(110px) rotateX(-90deg);

        }

        .service-box .service-icon .front-content{

            position: relative;

            top:80px;

            -webkit-transform: translateY(-50%);

            -moz-transform: translateY(-50%);

            -ms-transform: translateY(-50%);

            -o-transform: translateY(-50%);

            transform: translateY(-50%);

        }



        .service-box .service-icon .front-content i {

            font-size: 28px;

            color: #fff;

            font-weight: normal;

        }



        .service-box .service-icon .front-content h3 {

            font-size: 15px;

            color: #fff;

            text-align: center;

            margin-bottom: 15px;

            text-transform: uppercase;

        }

        .service-box .service-content h3 {

            font-size: 15px;

            font-weight: 700;

            color: #fff;

            margin-bottom:10px;

            text-transform: uppercase;

        }

        .service-box .service-content p {

            font-size: 13px;

            color: #b1b1b1;

            margin:0;

        }

        .yellow{background-color: #7fc2dccc;}

        .orange{background-color: #0864ab;}

        .red{background-color: #7fc2dccc;}

        .grey{background-color:#0864ab;}

        .service-box:hover .service-icon{

            opacity: 0;

            -webkit-transform: translateY(-110px) rotateX(90deg);

            -moz-transform: translateY(-110px) rotateX(90deg);

            -ms-transform: translateY(-110px) rotateX(90deg);

            -o-transform: translateY(-110px) rotateX(90deg);

            transform: translateY(-110px) rotateX(90deg);

        }

        .service-box:hover .service-content {

            opacity: 1;

            -webkit-transform: rotateX(0);

            -moz-transform: rotateX(0);

            -ms-transform: rotateX(0);

            -o-transform: rotateX(0);

            transform: rotateX(0);

        }

.sercec-block h1 {

    text-align: center;

    font-size: 35px;

    margin: 35px;

}	

.sercec-block p{

  text-align:center;

  font-size:16px;

   margin:30px;

}











.slick-slide {

    margin: 0px 20px;

}



.slick-slide img {

    width: 100%;

}



.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;

	/*border:10px solid #eee;*/

	margin-bottom:50px;

	margin-top:30px;

}

.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;

}	



















.trust-us {

    margin-top:;

    padding: 60px 0;

    background: url(../img/whybanner.jpg) no-repeat center;

    background-size: cover;

}	

.white-head {

    font-size: 35px;

    text-transform: capitalize;

    font-weight: 700;

    color: #fff;

    padding-bottom: 35px;

}

.tru-text h4 {

    font-size: 17px;

    font-weight: 700;

    padding: 15px 0 10px 0;

    color: #fff;

    line-height: 25px;

}

.tru-text p {

    color: #fff;

}











.call {

    background: url(../img/callbg.jpg) no-repeat center;

    background-size: cover;

    padding: 65px 0 40px 0;

}

.call-text h3 {

    color: #fff;

    font-size: 45px;

    padding-bottom: 30px;

    font-weight: 700;

}

.call-text p {

    color: #fff;

    font-size: 18px;

}

.call-two-btn {

    margin-top: 30px;

}

.whatsapps {

    margin-left: 18px;

    font-size: 26px;

	color: #bbb3b3!important;

}















/*footer*/

.col_white_amrc { color:#b41203;}

footer { width:100%; background-color:#000000; min-height:250px; padding:10px 0px 25px 0px ;}

.pt2 { padding-top:40px ; margin-bottom:20px ;}

footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}

.mb10 { padding-bottom:15px ;}

.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }

.footer_ul_amrc li {padding:0px 0px 5px 0px;}

.footer_ul_amrc li a{ color:#CCC;}

.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}

.fleft { float:left;}

.padding-right { padding-right:10px; }



.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}

.footer_ul2_amrc a {color:#fff; font-size:18px;padding: 8px;}



.footer_ul2_amrc li p { display:table; }

.footer_ul2_amrc li a:hover { text-decoration:none; color:#fff;}

.footer_ul2_amrc li i { margin-top:5px; color:#fff;}



.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}

.foote_bottom_ul_amrc {

	list-style-type:none;

	padding:0px;

	display:table;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}

.foote_bottom_ul_amrc li { display:inline;}

.foote_bottom_ul_amrc li a { color:#999;}



.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }

.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }

.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}

.social_footer_ul li i {  width:20px; height:20px; text-align:center;}



.footer_loaction {

    border: 1px dashed #fff;

    padding: 2px;

}

.pt2 {

    padding-top: 40px;

    margin-bottom: 20px;

    font-family: 'contrax';

}

.footer_loaction iframe {

    width: 100% !important;

    height: 150px !important;

}

   .icon-bar {

  position: fixed;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 999;

}



.icon-bar a {

  display: block;

  text-align: center;

  padding: 16px;

  transition: all 0.3s ease;

  color: white;

  font-size: 11px;

}



.icon-bar a:hover {

  background-color: #000;

}



.facebook {

  background: #3B5998;

  color: white;

}



.twitter {

  background: #55ACEE;

  color: white;

}



.google {

  background: #dd4b39;

  color: white;

}



.linkedin {

  background: #007bb5;

  color: white;

}



.youtube {

  background: #bb0000;

  color: white;

}



.float{

	position:fixed;

	width:60px;

	height:60px;

	bottom:40px;

	right:40px;

	background-color:#25d366;

	color:#fff;

	border-radius:50px;

	text-align:center;

  font-size:30px;

	box-shadow: 2px 2px 3px #999;

  z-index:100;

}







/* The circle */

.sonar-emitter {

  position:fixed;

  margin: 0 auto;

  text-align:center;

  font-size:30px;

  color: #fff;

  width: 50px;

  height: 50px;

  bottom:40px;

  right:40px;

  border-radius: 9999px;

  background-color: HSL(142, 70%, 49%);

    

}



/* the 'wave', same shape and size as its parent */

.sonar-wave {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 9999px;

  background-color: HSL(142, 70%, 49%);

  opacity: 0;

  z-index: -1;

  pointer-events: none;

}



/*

  Animate!

  NOTE: add browser prefixes where needed.

*/

.sonar-wave {

  animation: sonarWave 2s linear infinite;

}





.my-float{

	margin-top:8px;

	color:#fff;

}





      

@keyframes sonarWave {

  from {

    opacity: 0.4;

  }

  to {

    transform: scale(3);

    opacity: 0;

  }

}

/*

 .testimonials {

  padding: 50px 0;

}

.testimonials h3 {

  margin-bottom: 20px;

}

.testimonials .card {

  border-bottom: 3px #007bff solid !important;

  transition: 0.5s;

  margin-top: 60px;

}

.testimonials .card i {

  background-color: #4c8c06;

  color: #ffffff;

  width: 66px;

  height: 66px;

  line-height: 75px;

  margin: -40px auto 0 auto;

}



/*=====*/

.view-career {

    background: url("../img/career.jpg")no-repeat center center;

}





.position-btn {

    -webkit-border-radius: 28;

    -moz-border-radius: 28;

    border-radius: 28px;

    font-family: "Lato",Helvetica,Arial,sans-serif;

    color: #ffffff;

    font-size: 16px;

    background: #1e4696;

    padding: 10px 20px 10px 20px;

    text-decoration: none;

}

.position-btn:hover {



    color: #ffffff;

    font-size: 16px;

    background: #1e4696;

    padding: 10px 20px 10px 20px;

    text-decoration: none!impotant;

}

.text-color{

 color:#4285F4;



}

.text-abt {

    float: left;

    margin-top: 80px;

}

hr.line2 {

       margin-top: 120px;

    width: 15%;

    margin-left: 53px;

    border-top: 3px solid #504f4f;

}



.caree-text{

  color:#4778e6;

  font-size:30px;

}

.career-block p{

 font-size:20px;

 font-weight:bold;

 color:#000;

}



/*@media only screen and (max-width: 768px) {



.hr.line2 {

    margin-top: 0px;	

}



}*/

/*=====*/

.view-contact {

    background: url("../img/cbn.jpg")no-repeat center center;

}



.text-abt{

 float:left;

 margin-top:80px;

}

.text-color{

 color:#4285F4;



}

hr.line2 {

    margin-top: 126px;

    width: 15%;

    margin-left: 53px;

    border-top: 3px solid #504f4f;

}

font-family: 'Roboto', sans-serif;



.container .map {

  width: 60%;

  float: left;

}

.container .contact-form {

  width: 53%;

  margin-left: 2%;

  float: left;

}

.container .contact-form .title {

  font-size: 32px;

  font-family: "Roboto", sans-serif;

  font-weight: 700;

  color: #242424;

  margin: 5% 4%;

}

.container .contact-form .subtitle {

  font-size: 1.1em;

  font-weight: 400;

  margin: 0 4% 5% 8%;

}

.container .contact-form input,

.container .contact-form textarea {

  width: 302px;

  padding: 3%;

  margin: 2% 8%;

  color: #242424;

  border: 1px solid #B7B7B7;

}

.container .contact-form input::placeholder,

.container .contact-form textarea::placeholder {

  color: #242424;

}

.container .contact-form .btn-send {

 background: #4778e6;

    width: 116px;

    height: 43px;

    color: #FFFFFF;

    font-weight: 700;

    margin: 2% 8%;

    border: none;

	

}

.map {

    margin-top: 30px;

}

.contact-sec{

  border:6px solid #000;

}

iframe {

    height: 400px;

    width: 620px;

}

/*@media only screen and (max-width: 768px) {

    /*.navbar {

        background-color: #4285F4;

		height:63px;

    }//*

	



iframe {



    width: 333px;

}

.container .contact-form .title {

    font-size: 23px;

}

.container .contact-form .subtitle {

    font-size: 13px;

}	

}/*

/*=====*/

.view-about {

    background: url("../img/sl1.jpg")no-repeat center center;

}



.text-abt{

 float:left;

 margin-top:80px;

}

.text-color{

 color:#4285F4;



}

hr.line2 {

    margin-top: 126px;

    width: 15%;

    margin-left: 53px;

    border-top: 3px solid #504f4f;

}



/*=====*/

.view-product {

    background: url("../img/s12.jpg")no-repeat center center;

}



i.fa.fa-arrows {

    color: #167fea;

}

hr.line1 {

    border-top: 3px solid #3eb3ce;

    width: 4%;

    margin-top: -1rem;

}

img.product-img {

    border: ;

    margin-bottom: 56px;

}

.slider {

    position: relative;

   /* border: 6px solid #00699b;*/

}

.product-page h4{

 color:#0a3b46;

 font-size:26px;

 font-weight:700;

 margin-top: 64px;

}

.product-page h5{

 color:#3eb3ce;

 font-size:18px;

}



























/*====main slider===*/



.slider-container {

	display: flex;

	align-items: center;

	justify-content: center;

	overflow: hidden;

	position: relative;

	height: 100vh;

	/*width: 100vw;*/

}



.slider-container h1 {

	color: #fff;

	font-size: 55px;

	    font-weight: 700;

	letter-spacing: 5px;

	position: absolute;

	z-index: 100;

	text-align: center;
    left:5%;
    top:37%;
    width:50%;

}



.slider-container::after {

	background-color: #000;

	content: '';

	position: absolute;

	opacity: 0.3;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 1;

}



.slide {

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center center;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0;

	height: 100%;

	width: 100%;

	transform: scale(1.15);

	transition: opacity .6s ease;

}



.slide.active {

	animation: grow 4s linear forwards;

	opacity: 1;

}



@keyframes grow {

	0%, 20% {

		transform: scale(1);

	}

	

	75%, 100% {

		transform: scale(1.15);

	}

}



.controls-container {

	position: absolute;

	top: 50%;

	right: 10px;

	display: flex;

	flex-direction: column;

	transform: translateY(-50%);

	z-index: 2;

}



.control {

	background-color: #fff;

	cursor: pointer;

	opacity: 0.5;

	margin: 6px;

	height: 40px;

	width: 5px;

	transition: opacity 0.3s, background-color 0.3s, transform 0.3s;

}



.control.active, .control:hover {

	background-color: #fff;

	opacity: 1;

	transform: scale(1.2);

}



/*====main slider end===*/





.heading66 {

    text-align: center;

    color: #454343;

    font-size: 30px;

    font-weight: 700;

    position: relative;

    margin-bottom: 70px;

    text-transform: uppercase;

    z-index: 999;

}

.white-heading{

    color: #ffffff;

}

.heading66:after {

    content: ' ';

    position: absolute;

    top: 100%;

    left: 50%;

    height: 40px;

    width: 180px;

    border-radius: 4px;

    transform: translateX(-50%);

    background: url(img/heading-line.png);

    background-repeat: no-repeat;

    background-position: center;

}

.white-heading:after {

    background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);

    background-repeat: no-repeat;

    background-position: center;

}



.heading66 span {

    font-size: 18px;

    display: block;

    font-weight: 500;

}

.white-heading span {

    color: #ffffff;

}

/*-----Testimonial-------*/



.testimonial:after {

    position: absolute;

    top: -0 !important;

    left: 0;

    content: " ";

    background: url(img/testimonial.bg-top.png);

    background-size: 100% 100px;

    width: 100%;

    height: 100px;

    float: left;

    z-index: 99;

}



.testimonial {

    min-height: 375px;

    position: relative;

    background: url(https://i.ibb.co/PTJDkgb/testimonials.jpg);

    padding-top: 50px;

    padding-bottom: 50px;

    background-position: center;

        background-size: cover;

}

#testimonial4 .carousel-inner:hover{

  cursor: -moz-grab;

  cursor: -webkit-grab;

}

#testimonial4 .carousel-inner:active{

  cursor: -moz-grabbing;

  cursor: -webkit-grabbing;

}

#testimonial4 .carousel-inner .item{

  overflow: hidden;

}



.testimonial4_indicators .carousel-indicators{

  left: 0;

  margin: 0;

  width: 100%;

  font-size: 0;

  height: 20px;

  bottom: 15px;

  padding: 0 5px;

  cursor: e-resize;

  overflow-x: auto;

  overflow-y: hidden;

  position: absolute;

  text-align: center;

  white-space: nowrap;

}

.testimonial4_indicators .carousel-indicators li{

  padding: 0;

  width: 14px;

  height: 14px;

  border: none;

  text-indent: 0;

  margin: 2px 3px;

  cursor: pointer;

  display: inline-block;

  background: #ffffff;

  -webkit-border-radius: 100%;

  border-radius: 100%;

}

.testimonial4_indicators .carousel-indicators .active{

  padding: 0;

  width: 14px;

  height: 14px;

  border: none;

  margin: 2px 3px;

  background-color: #9dd3af;

  -webkit-border-radius: 100%;

  border-radius: 100%;

}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{

  height: 3px;

}

.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{

  background: #eeeeee;

  -webkit-border-radius: 0;

  border-radius: 0;

}



.testimonial4_control_button .carousel-control{

  top: 175px;

  opacity: 1;

  width: 40px;

  bottom: auto;

  height: 40px;

  font-size: 10px;

  cursor: pointer;

  font-weight: 700;

  overflow: hidden;

  line-height: 38px;

  text-shadow: none;

  text-align: center;

  position: absolute;

  background: transparent;

  border: 2px solid #ffffff;

  text-transform: uppercase;

  -webkit-border-radius: 100%;

  border-radius: 100%;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);

  transition: all 0.6s cubic-bezier(0.3,1,0,1);

}

.testimonial4_control_button .carousel-control.left{

  left: 7%;

  top: 50%;

  right: auto;

}

.testimonial4_control_button .carousel-control.right{

  right: 7%;

  top: 50%;

  left: auto;

}

.testimonial4_control_button .carousel-control.left:hover,

.testimonial4_control_button .carousel-control.right:hover{

  color: #000;

  background: #fff;

  border: 2px solid #fff;

}



.testimonial4_header{

  top: 0;

  left: 0;

  bottom: 0;

  width: 550px;

  display: block;

  margin: 30px auto;

  text-align: center;

  position: relative;

}

.testimonial4_header h4{

  color: #ffffff;

  font-size: 30px;

  font-weight: 600;

  position: relative;

  letter-spacing: 1px;

  text-transform: uppercase;

}



.testimonial4_slide{

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  width: 70%;

  margin: auto;

  padding: 20px;

  position: relative;

  text-align: center;

}

.testimonial4_slide img {

    top: 0;

    left: 0;

    right: 0;

    width: 136px;

    height: 136px;

    margin: auto;

    display: block;

    color: #f2f2f2;

    font-size: 18px;

    line-height: 46px;

    text-align: center;

    position: relative;

    border-radius: 50%;

    box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);

    -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);

    -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);

    -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);

}

.testimonial4_slide p {

    color: #ffffff;

    font-size: 20px;

    line-height: 1.4;

    margin: 40px 0 20px 0;

}

.testimonial4_slide h4 {

  color: #ffffff;

  font-size: 22px;

}



.testimonial .carousel {

	padding-bottom:50px;

}

.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {

    width: 35px;

    height: 35px;

}

/* ------testimonial  close-------*/



































/*@media only screen and (max-width: 768px){



img.product-img {

    width: 334px;

}

.product-page h4 {

    margin-top: -51px;

}

.icon-bar {

    top: 98%;

    display: flex;

}

.icon-bar a {

    padding: 8px;

    font-size: 16px;

	width: 72px;

	height: 37px;

}

.float { 

    bottom: 67px;

    right: 26px;

}

}*/

/*=====*/

.resister-sec {

    color: #ffffff;

    padding-top: 18px;

    padding-bottom: 18px;

    background-color: #424344;

}

#registerpage p a{

 text-decoration:none;

 color:#fff;

 font-size: 18px;

}



/*=====*/



.view-order {

    background: url("../img/bannerbusiness.jpg")no-repeat center center;

} 



/*=====*/

.view-business {

    background: url("../img/bannerbusiness.jpg")no-repeat center center;

}

/*=====onlineorder*/



#regForm {

  background-color: #ffffff;

  margin: 14px auto;

  font-family: Raleway;

  padding: 40px;

  width: 70%;

  min-width: 300px;

}

.selectbox{

	word-wrap: normal;

    padding: 5px;

    width: 68%;

    font-size: 17px;

    font-family: Raleway;

    border: 1px solid #aaaaaa;

	

}

.regi-h1{

	font-size:33px;

	color: #1a5a9c;

	

}

.tab {

    margin-left: 100px;

}

input {

    padding: 5px;

    width: 68%;

    font-size: 17px;

    font-family: Raleway;

    border: 1px solid #aaaaaa;

}



/* Mark input boxes that gets an error on validation: */

input.invalid {

  background-color: #ffdddd;

}



/* Hide all steps by default: */

.tab {

  display: none;

}



button {

  background-color: #4CAF50;

  color: #ffffff;

  border: none;

  padding: 10px 20px;

  font-size: 17px;

  font-family: Raleway;

  cursor: pointer;

}



button:hover {

  opacity: 0.8;

}



#prevBtn {

  background-color: #bbbbbb;

}



/* Make circles that indicate the steps of the form: */

.step {

  height: 15px;

  width: 15px;

  margin: 0 2px;

  background-color: #bbbbbb;

  border: none;  

  border-radius: 50%;

  display: inline-block;

  opacity: 0.5;

}



.step.active {

  opacity: 1;

}



/* Mark the steps that are finished and valid: */

.step.finish {

  background-color: #4CAF50;

}

/*========*/





.step-wrapper{

  margin:30px; margin-bottom:200px;  position:relative;

}



.linestep{ 

   text-align:center;  max-width:250px; position:absolute;

}

.linestep .num {

		color:#fff; border-radius:100px;

		display:inline-block;

		width: 40px;

		height: 40px; text-align:center;

		line-height:40px; font-weight:bold;

		background: #4c8c06;

	}

.linestep	p{

		width: 250px;

		position: absolute;

		margin-top:7px;

		font-weight: 500;

		line-height: normal;

		font-size: 18px;

	}



.linestep	p.top{	bottom:50px; left: -110px;	}

.linestep	p.bottom{	left: -110px;	}

.linestep	p.left{ width: 200px;   right: 34px;		top: -17px;	}

.linestep	p.right{ width: 200px;  left: 34px; 		top: -17px;	}





.linestep{ visibility:hidden;  }

.path{ visibility:hidden; }





.move-line .path{

    visibility:visible;

		stroke-dasharray: 3700;

		stroke-dashoffset: 3700;

		animation: moveline 4s linear forwards;

	}

.move-line .linestep{

		animation-name: show-step-item;

		animation-duration:.2s;

		animation-fill-mode: forwards;

	}

.move-line	.linestep1{ animation-delay:.4s; }

.move-line	.linestep2{ animation-delay:.8s; }

.move-line	.linestep3{ animation-delay:1.2s; }

.move-line	.linestep4{ animation-delay:1.6s; }

.move-line	.linestep5{ animation-delay:2s; }

.move-line	.linestep6{ animation-delay:2.4s; }

.move-line	.linestep7{ animation-delay:2.8s; }

.move-line	.linestep8{ animation-delay:3.2s; }



.stepp1{

    left: 49%;

    top: -2%;		

}

.stepp2{

    right: -0.5%;

    top: 15%;

}

.stepp3{

    left: 81%;

    top: 44%;		

}

.stepp4{

    left: 62%;

    top: 44.5%;

}

.stepp5{

    left: 42%;

    top: 44%;		

}

.stepp6{

    left: 24%;

    top: 44.5%;

}

.stepp7{

    left: 3.5%;

    top: 50%;

	

}

.stepp8{

left: 5%;

    top: 91%;

}

.stepp9{

left: 23%;

    top: 93%;

}

.stepp10{

	left: 41%;

    top: 93%;

	

}

.stepp11{

    left: 57%;

    top: 93%;

}

.stepp12{

   left: 76%;

    top: 93%;

	

}



@keyframes show-step-item{

	from {  transform: scale(.2); opacity: 0}

	to{ visibility:visible; transform: scale(1); opacity: 1 }

}



@keyframes moveline {

	  to {

	    stroke-dashoffset: 0;

	  }

}





.pb-100 {

	padding-bottom: 100px;

}

.pt-100 {

	padding-top: 16px;

}

.mb-100 {

	margin-bottom: 100px;

}

a {

	text-decoration: none;

	color: #333;

	-webkit-transition: .4s;

	transition: .4s;

}

.section-title {

	position: relative;

}

.section-title p {

	font-size: 16px;

	margin-bottom: 5px;

	font-weight: 400;

}

.section-title h4 {

	font-size: 40px;

	font-weight: 600;

	text-transform: capitalize;

	position: relative;

	padding-bottom: 20px;

	display: inline-block;

}

.section-title h4::before {

	position: absolute;

	content: "";

	width: 80px;

	height: 2px;

	background-color: #d8d8d8;

	bottom: 0;

	left: 50%;

	margin-left: -40px;

}

.section-title h4::after {

	position: absolute;

	content: "";

	width: 50px;

	height: 2px;

	background-color: #FF7200;

	left: 0;

	bottom: 0;

	left: 50%;

	margin-left: -25px;

}















#carousel123{

  position: relative

  height: 400px

  top: 50%

  transform: translateY(-50%)

  overflow: hidden

}

#carousel123  div{

    position: absolute

    transition: transform 1s, left 1s, opacity 1s, z-index 0s

    opacity: 1

  }



#carousel123 div img {

    width: 400px;

    transition: width 1s;

}

#carousel123 div.hideLeft {

    left: 0%;

    opacity: 0;

    transform: translateY(50%) translateX(-50%);

}

#carousel123 div.hideLeft img {

    width: 200px;

}

#carousel123 div.hideRight {

    left: 100%;

    opacity: 0;

    transform: translateY(50%) translateX(-50%);

}

 #carousel123 div.hideRight img {

    width: 200px;

}   



#carousel123 div.prev {

    z-index: 5;

    left: 30%;

    transform: translateY(50px) translateX(-50%);

}

#carousel123 div.prev img {

    width: 300px;

}

#carousel123 div.prevLeftSecond {

    z-index: 4;

    left: 15%;

    transform: translateY(50%) translateX(-50%);

    opacity: 0.7;

}

#carousel123 div.prevLeftSecond img {

    width: 200px;

}



#carousel123 div.selected {

    z-index: 10;

    left: 50%;

    transform: translateY(0px) translateX(-50%);

}



#carousel123 div.next {

    z-index: 5;

    left: 70%;

    transform: translateY(50px) translateX(-50%);

}

    

#carousel123 div.next img {

    width: 300px;

}

#carousel123 div.nextRightSecond {

    z-index: 4;

    left: 85%;

    transform: translateY(50%) translateX(-50%);

    opacity: 0.7;

}

#carousel123 div.nextRightSecond img {

    width: 200px;

}



#carousel123 .buttons{

  position: fixed

  left: 50%

  transform: translateX(-50%)

  bottom: 10px

}







@media only screen and (max-width: 768px){



/*.navbar {

    height: 61px;

    background-image: linear-gradient(to right, #00699b00, #057f9b00);

    color: #fff;

}*/

/*nav.navbar.navbar-expand-lg.fixed-top.navbar-light {*/

/*    background: #4c8c06;*/

/*}*/

nav.navbar.navbar-expand-lg.fixed-top.navbar-light {

    background: #f1f1f1fa;

}

.navbar-light .navbar-nav .nav-link {
color:#000;
font-size:22px;
font-weight:500;
padding:0px 12px;}
.nav-logo{width:70%;}


.bg-warning {

    background-color: !important;

}

.logo {

    margin-bottom: 0;

    width: 100%;

    text-align: left;

    padding-bottom: 10px;

}

.slider_image{

    height: 30vh!important;

    width: 100%;

}

.hero-slider {

    /* width: 100%; */

    height: 30vh;

    margin-top: 56px;

    /* overflow: hidden; */

}

.logo-box img {

    width: 43%;

	margin-top: -73px;

}



 .carousel-inner img {

    width: 100%;

    height: 100%;

	margin-top:0px;

  }

.service-image {

   display:none;

}



.hr.line2 {

    margin-top: 0px;	

}

iframe {



    width: 333px;

}

.container .contact-form .title {

    font-size: 23px;

}

.container .contact-form .subtitle {

    font-size: 13px;

}



img.product-img {

    width: 334px;

}

.product-page h4 {

    margin-top: -51px;

}

.icon-bar {

    top: 98%;

    display: flex;

}

.icon-bar a {

    padding: 8px;

    font-size: 16px;

	width: 72px;

	height: 37px;

}

.float { 

    bottom: 67px;

   

}

#registerpage p a {

    text-decoration: none;

    color: #fff;

    font-size: 12px;

}

.regi-h1 {

    font-size: 30px;

}

input {

    width: 100%;

  

}

.tab {

    margin-left: 0px;

}



.section-header h3 {

   font-size: 24px;

    font-weight: 700;

    padding: 8px;

    height: 48px;

    width: 259px;

    background: #db8816;

}

.stepp1{

   left: 49%;

    top: -10%;	

}

.stepp2{

   right: 3.5%;

    top: -2%;

}

.stepp3{

   left: 94%;

    top: 31%;		

}

.stepp4{

    left: 75%;

    top: 39.5%;

}

.stepp5{

    left: 42%;

    top: 40%;		

}

.stepp6{

    left: 24%;

    top: 39.5%;	

}

.stepp7{

    left: 1.5%;

    top: 45%;

	

}

.stepp8{

    left: 0%;

    top: 80.5%;

}

.stepp9{

left: 18%;

    top: 88%;

}

.stepp10{

	left: 43%;

    top: 89%;

}

.stepp11{

  left: 67%;

    top: 89%;

	

}

.stepp12{

 left: 87%;

    top: 88%;

}

.linestep .num {

    color: #fff;

    border-radius: 100px;

    display: inline-block;

    width: 20px;

    font-size: 8px;

    height: 20px;

    text-align: center;

    line-height: 20px;

    font-weight: bold;

    background: #4c8c06;

}

.linestep p {

    width: 66px;

    position: absolute;

    margin-top: 7px;

    font-weight: 500;

    line-height: normal;

    font-size: 7px;

}

.linestep p.left {

    width: 65px;

    right: 3px;

    top: -50px;

}

.linestep p.bottom {

    left: -30px;

	top: 17px;

}

.linestep p.top {

    bottom: 6px;

    left: -30px;

}

.step-wrapper {

    margin: 30px;

    margin-bottom: 82px;

    position: relative;

}

/*====newsite media===*/



.slider-container {

    background-size: contain;

    height: 34vh;

  margin-top: 89px;

}

.slider-container h1 {

    color: #fff;

    font-size: 26px;

    font-weight: 700;

  

}

img.sidesection-img {

    margin-top: 0px !important;

    width: 339px;

    height: 251px;

}

img.sidesection-img-1 {

    margin-top: 65px;

    width: 339px;

    height: 251px;

    margin-left: 0px;

}

img.sidesection-img-2 {

    margin-top: 12px;

    width: 339px;

}

.tabset > label::after {

    content: "";

    position: absolute;

    left: 8px;

    bottom: 3px;

    width: 19px;

    height: 3px;

    background: #8d8d8d;

}

.tabset > label {

    position: relative;

    display: inline-block;

    padding: 13px 2px 13px;

    border: 1px solid #000;

    border-bottom: 0;

    cursor: pointer;

    font-weight: 600;

    font-size: 9px;

    margin-top: 21px;

}

.section-title h2 {

   

    font-size: 23px;

}

}




/*------------Start new css-------------*/
.navbar-brand{width:15%;}
.navbar-brand img{width:64%; display:block;}
.banner-caption{position:absolute; right:3%; top:15%; width:40%; z-index:9999;
background:rgba(0, 0, 0, 0.7); border-radius:10px;}
.banner-caption img{width:30%; display:block; margin:0 auto;}
.banner-caption h2{font-size:40px; color:#fff; font-weight:800;}
.banner-caption p{font-size:16px; color:#fff;}
.banner-caption a{background:#fff; font-size:18px; color:#06eb31; padding:20px 25px;
border-radius:5px; display:inline-block; font-weight:600;}

.do-yu-kn{}
.do-yu-kn h2{font-size:40px; color: #000; font-weight:100;}
.do-yu-kn h2 span{display:inline-block; font-size:45px; color:#013c80; font-weight:700;}
.do-yu-kn h4{font-size:30px; color:#ec7123; font-weight:800;}
.do-yu-kn h6{font-size:25px; color:#ee8921; font-weight:600;}
.do-yu-kn p{font-size:16px; color:#000; padding:0 5%;}
.do-yu-kn-box{}
.do-yu-kn-box img{width:150px; height:150px; display:block; border-radius:100%;
 margin:0 auto; border:solid 4px #016c9b;}
.do-yu-kn-box h3{font-size:25px; color:#000;}
.do-yu-kn-box h3 span{display:inline-block; color:#013c80; font-weight:700;}
.do-yu-kn-box p{font-size:16px; color:#000;}
.do-yu-kn-box dd{font-size:16px; color:#000;}
.do-yu-kn-box dd a{color:#ee8921; font-weight:700;}
.do-yu-kn-box dd a:hover{color:#4281c4;}
.bdr-rgt{border-right:solid 1px #cecece;}

.slt-artl-bg{background: linear-gradient(4deg, rgba(1,108,155,1) 0%, rgba(6,136,193,1) 51%, rgba(3,154,220,1) 97%);}
.slt-artl-bg h2{font-size:35px; color:#fff; font-weight:700;}
.slt-artl-bg p{font-size:16px; color:#fff;}
.slt-artl-box{background:#fff; border-radius:10px;}
.slt-artl-box img{width:100%; height:500px; display:block; border-radius:10px;}
.slt-artl-box h2{font-size:20px; color:#000; font-weight:600;}
.slt-artl-box h2 strong{color:#4c8c06; display:inline-block;}
.slt-artl-box p{font-size:16px; color:#000;}
.slt-artl-box p:hover{text-decoration:none!important;}
.slt-artl-box span{font-size:18px; color:#000; font-weight:600; text-decoration:underline;
text-transform:uppercase; position:absolute; bottom:10px;}
.slt-artl-box span i{font-size:14px;}
.slt-artl-box dd{background:#d14200; width:fit-content; padding:8px 35px; position:absolute;
border-bottom-left-radius:5px; border-top-right-radius:5px; color:#fff; top:0px;
right:0px; font-size:16px; text-transform:uppercase; font-weight:600;}
.slt-artl-box ul{padding:0px; margin:0px;}
.slt-artl-box ul li{display:block; background:url(../img/bullet.png) no-repeat 0 7px;
padding-left:20px; font-size:15px; color:#000; font-weight:600; line-height: 20px;}
.slt-artl-box ul li b{color:#d10a74;}

a.article{background:#f87419; padding:10px 35px; font-size:18px; color:#fff; 
border-radius:8px; font-weight:600;}
a:hover.article{background:#000;}


.product{}
.product h2{font-size:35px; color:#000; position:relative;}
.product h2:after{content:""; background:#013c80; width:80px; height:5px; border-radius:50px;
position:absolute; left:0px; right:0px; bottom:-20px; margin:0 auto;}
.product p{font-size:16px; color:#000;}
.product-box{border-radius:5px; background:#ffe5cc; height: 700px;}
.product-box h3{background:#daa718; font-size:20px; color: #fff; font-weight:600;
height:80px;}
.product-box span{font-size:17px; color:#000; font-weight:600; position:relative;
padding-left:15px;}
.product-box span dd{width:9px; height:9px; background:#000; border-radius:100%;
position:absolute; left:0; top:7px;}

.contact {
background: linear-gradient(4deg, rgba(96,134,25,1) 0%, rgba(117,164,28,1) 51%, rgba(151,194,63,1) 97%);
position: relative;
color: #fff;}


.form-fld{border:solid 1px #fff; font-size:15px; font-family: 'Roboto', sans-serif;
color:#fff; height:45px; border-radius:6px; background:transparent!important;}
.form-fld:focus{box-shadow:none;}
.form-fld::placeholder{font-size:15px; color:#fff;}

.txtArea-fld{border:solid 1px #fff; font-size:15px; font-family: 'Roboto', sans-serif;
color:#fff; border-radius:6px; overflow:auto; margin-top:0px;}
.txtArea-fld:focus{box-shadow:none;}
.txtArea-fld::placeholder{font-size:15px; color:#fff;}
.send-Btn{background:#ae0e00; font-size:18px; color:#fff; font-weight:600; font-family: 'Roboto', sans-serif;}
.send-Btn:hover{color:#fff;}


.desti-tour{margin-bottom:220px;}
.desti-tour .testmonl-box{}
.desti-tour .testmonl-box .boxImg{background:#000; padding:50px 0px; border-top-left-radius:10px;
border-bottom-left-radius:10px;}
.desti-tour .testmonl-box .boxImg img{width:100%; display:block;}
.desti-tour .testmonl-box h2{font-size:35px; color:#013c80; font-weight:700;}
.desti-tour .testmonl-box p{font-size:17px; color:#013c80; font-weight: 600;}
.desti-tour .testmonl-box a{color:#b41203; font-size:15px; text-transform:uppercase;
font-weight:700; text-decoration:underline;}
.desti-tour .testmonl-box a:hover{color:#000;}

.desti-tour .home-demo .item {padding:10px; width:100%;}
.desti-tour .owl-carousel .owl-dot{
background:var(--white);
width: 12px;
height: 12px;
border-radius: 100%;
display: inline-block;
text-align: center;
margin: 0px 5px;}
.desti-tour .owl-dot.active {background:var(--primary);}
.desti-tour .owl-dots {display:none;}
.desti-tour .owl-carousel .owl-nav .owl-prev{width:40px; height:40px; text-indent:-9999px;
background:url(../img/prev.png) no-repeat 50% 50% #016c9b; margin-top:-230px; 
margin-left:0px; border-radius:5px; padding:5px; position:relative; z-index:100;}
.desti-tour .owl-carousel .owl-nav .owl-next{width:40px; height:40px; text-indent:-9999px;
background:url(../img/next.png) no-repeat 50% 50% #016c9b; position:absolute; z-index:10;
left:100%; top:170px;  border-radius:5px; padding:5px;}



.article .home-demo .item {padding:10px; width:100%;}
.article .owl-carousel .owl-nav .owl-prev{width:40px; height:40px; text-indent:-9999px;
background:url(../img/prev.png) no-repeat 50% 50% #016c9b;  border-radius:5px; padding:5px; 
position:absolute; left: -43px; top: 40%; z-index:100;}
.article .owl-carousel .owl-nav .owl-next{width:40px; height:40px; text-indent:-9999px;
background:url(../img/next.png) no-repeat 50% 50% #016c9b; position:absolute; z-index:10;
left:100%; top:40%;  border-radius:5px; padding:5px;}




.shop-pop .modal-title{font-size:30px; color:#016c9b!important; font-weight:700;
line-height:0px;}
.shop-pop .modal-header{padding:0.5rem 1rem; border-color:#868686!important;}
.shop-pop .modal-dialog{border-radius:30px!important; margin-top:15%; padding:20px!important;}
.shop-pop .modal-header p{font-size:17px; color:#000; line-height:20px;}
.shop-pop .modal-header .close{position:absolute; right:15px; top:0px; font-size:50px;}
.shop-pop .modal-header .close:focus{box-shadow:none!important; border:none!important;}
.shop-pop .popImg{width:100%;}
.shop-pop .popImg img{width:100%; display:block;}
.shop-pop .popImg img:hover{border:solid 1px #016c9b;}

.home-bnr{width:100%; height:500px;  margin-top:60px; background-size:100% 100%!important; 
background:url(../img/neo_lady1.png) no-repeat;}
.home-bnr-overlay{background:rgba(0, 0, 0, 0.0); width:100%; height:100%; position:relative;}
.home-bnr-posi{z-index:100;}
.home-bnr h1{font-size:40px; color: #ea7323; font-weight:800;}
.home-bnr p{font-size:17px; color: #ea7323; font-weight:500;}
.bnr-logo{width:65%; margin:0 auto; position:relative; left:-30px;}
.bnr-logo img{width:100%; display:block;}
.mdcn-box{width:55%;}
.mdcn-box img{width:100%; display:block; height:150px;}
a.home-btn{background:#013c80!important; display:inline-block; font-size:17px; 
color:#fff!important; padding:10px 35px; border-radius:5px; text-align:center;
font-family:'Roboto', sans-serif;}

.contact-form123 input,

textarea {

    width: 100%;

    border: 1px solid #fffbfb;

    padding: 5px 10px;

    text-transform: capitalize;

    margin-top: 15px;

    background-color: transparent;

    color: #fff;

}

.contact:before {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: #4c8c06;

    z-index: -1;

    /*opacity: .85;*/

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";

}



::placeholder {

  color: #000;

  

}

.single-contact {

    text-align: left;

    position: relative;

    padding-left: 70px;

    margin-bottom: 30px;

    margin-top: 10px;

}

.single-contact i.fa {

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

    background-color: #ae0e00;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 3px;

}

.single-contact123 h5 {

    font-size: 18px;

    margin-bottom: 10px;

    font-weight: 500;

}

.single-contact123 p {

    font-size: 15px;

    font-weight: 400;

}

.contact-form123 input[type="submit"] {

    background-color: #FF7200;

    border: 0px;

    cursor: pointer;

    font-size: 16px;

    -webkit-transition: .4s;

    transition: .4s

}

.contact-form123 input[type="submit"]:hover {

    background-color: #CC5B00

}

.contact-form123 input:focus, textarea:focus {

    border-color: #CC5B00

}


.about-bg{background:#e6e6e6;}
.about-bg h2{font-size:35px; color:#000; position:relative;}
.about-bg h2:after{content:""; background:#013c80; width:80px; height:5px; border-radius:50px;
position:absolute; left:0px; right:0px; bottom:-20px; margin:0 auto;}
.about-bg p{font-size:16px; color:#000;}
.aboutImg{width:100%;}
.aboutImg img{width:100%; display:block; border-radius:7px;}
.about-bg span{font-size:20px; color:#000; font-style:italic;}
.about-bg b{font-size:20px; color:#ed7224; font-weight:800;}
.footrImg{width:75%; background:#fff; border-radius:5px; padding:10px 15px;}
.footrImg img{width:100%; display:block;}

.pionering{width:100%;}
.pionering img{width:100%; display:block;}

/*------------End new css-------------*/





/*------Start new responsive css-----*/

@media only screen and (max-width:1024px){
.slt-artl-box img{height:500px;}
}





@media only screen and (max-width:767px){
.navbar-brand{width:35%;}
.navbar{padding:0rem 1rem;}
.nav-item{background:none;}
.navbar-light .navbar-nav .nav-link{font-size:17px; padding: 3px 12px;}
.navbar-light .navbar-nav .nav-link:hover{background:#08a4e8; color:#fff; border-radius:10px;}
.navbar-nav{padding:15px 0px;}
.home-bnr{height:620px; margin-top:40px;}
.bnr-logo {width: 45%;margin: 0px auto;position: relative;left:-60px;top:-30px;}
.home-bnr-overlay{background:rgba(0, 0, 0, 0.7);}
.mdcn-box {width: 90%;position:relative; top:-10px; left:0px; right:0px; margin:0 auto;}
.mdcn-box img{height:150px;}
.home-bnr h1{font-size:30px; color:#fff;}
.home-bnr p{color:#fff; line-height:20px;}
a.home-btn{padding:8px 15px; font-size:15px;}
.do-yu-kn h2{font-size:30px;}
.do-yu-kn h2 span{font-size:35px;}
.do-yu-kn-box img{width:100px; height:100px;}
.slt-artl-bg h2{font-size:25px;}
.slt-artl-box span{font-size:15px;}
.slt-artl-box span i{font-size:12px;}
.product h2{font-size:30px;}
.product h2::after{bottom:-10px; width:50px; height:3px;}
.product-box{height:auto;}
.shop-pop .modal-title{font-size:20px;}
.shop-pop .modal-header p{font-size:14px;}
.desti-tour .testmonl-box h2{font-size:25px;}
.desti-tour .testmonl-box p{font-size:15px;}
.desti-tour .owl-carousel .owl-nav .owl-next{display:none;}
.desti-tour .owl-carousel .owl-nav .owl-prev{display:none;}
.desti-tour{margin-bottom:0px;}
.navbar-brand img{width:75%; padding-left: 15px;}
.about-bg h2{font-size:25px;}
}


@media only screen and (max-width:480px){
.slt-artl-box img{height:400px;}
}


@media only screen and (max-width:320px){
.slt-artl-box img{height:400px;}
}