/*-------------------------------------
 Global Custom Css
-------------------------------------*/
*,html {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 26px;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none !important;
    outline: 0 !important;
}
p {
    margin: 0;
    line-height: 26px;
    padding: 0;
}
ul {
    margin: 0;
    padding: 0;
}
ul li {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

.section-padding {
    padding: 70px 0;
}
.section-title {
    text-align: center;
}
.section-title.left {
    text-align: left !important;
}
.section-title.left h2::before {
    right: auto;
}
.section-title h2 {
    font-size: 38px;
    font-weight: 400;
    color: #0b9444;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 8px;
    display: inline-block;
    z-index: 0;
}
.section-title h2 span {
    color: #f36f21;
}
.section-title h2::before {
    content: '';
    position: absolute;
    width: 35px;
    height: 2px;
    background: #f36f21;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
.section-title h2::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #0b9444;
    bottom: 0;
    left: 0;
    margin: auto;
}
/*--------------------------*/
#toTop {
    position: fixed;
    width: 45px;
    height: 45px;
    background: #0b9444;
    border: 0;
    border-radius: 0;
    bottom: 20px;
    right: 15px;
    cursor: pointer;
    display: none;
    font-size: 25px;
    line-height: 28px;
    transition: 0.3s ease-in all;
}
#toTop:hover {
    color: #000;
    background: #f36f21;
    transition: 0.3s ease-in all;
}
.fa-facebook:hover, .fa-twitter:hover, .fa-youtube:hover, .fa-linkedin:hover, .fa-google-plus:hover {
    color: #fff !important;
    transition: 0.3s ease-in all;
}
.fa-facebook:hover {
    background: #3b5998;
}
.fa-twitter:hover {
    background: #55acee;
}
.fa-youtube:hover {
    background: #c4302b ;
}
.fa-linkedin:hover {
    background: #0077B5;
}
.fa-google-plus:hover {
    background: #DD4B39;
}


.collapsible {
  color: #fff;
  background: none;
  cursor: pointer;
  border: none;
  text-align: right;
  outline: none;
  font-size: 30px;
  display: none;
}
.collapsible .active, .collapsible:hover {
    color: #fff;
}
.content {
    position: absolute;
    padding: 8px 18px;
    display: none;
    overflow: hidden;
    background-color: #0b9444;
    width: 210px;
    right: 0;
    top: 100%;
    z-index: 999;
}
.content ul {
    display: block !important;
}
.content ul li {
    margin-right: 0;
    display: inline-block;
}
.content ul li i {
    width: 28px;
    height: 28px;
    font-size: 15px;
    color: #fff !important;
    border: 1px solid #fff  !important;
    text-align: center;
    line-height: 28px;
    transition: 0.3s ease-in all;
    display: block;
}
.content ul li i:hover {
    border-color: transparent !important;
}
/*------------------------------------------
:::::HEADER SECTION
------------------------------------------*/
header .logo {
    /*background: #0d1634;*/
    padding: 6px 0;
}
header .top-bar {
    position: relative;
    background: #0b9444;
    padding: 10px 0;
}
header .top-bar .social ul li i:hover, .footer-post-col ul li i:hover {
    border-color: transparent;
}
/*header .top-bar::before {
    content: '';
    position: absolute;
    border-top: 48px solid #0f1633;
    border-left: 30px solid transparent;
    border-bottom: 20px solid transparent;
    top: 0;
    left: -30px;
}
header .top-bar::after {
    content: '';
    position: absolute;
    width: 150px;
    height: 49px;
    background: #0f1633;
    top: 0;
    left: 100%;
}*/
header .top-bar img {
    display: inline-block;
    margin-right: 5px;
}
header .top-bar span {
    font-size: 18px;
    font-weight: 500;
}
header .top-bar ul {
    text-align: right;
    padding-left: 5px;
}
header .top-bar ul li {
    margin-right: 10px;
    display: inline-block;
}
header .top-bar ul li a {
    font-size: 14px;
    font-weight: 400;
    color: #ebebeb;
    transition: 0.3s ease-in all;
    display: block;
}
header .top-bar ul li a:hover {
    color: #fff;
}
header .top-bar .social {
    float: right;
}
header .top-bar .social ul li {
    margin-right: 0;
    display: inline-block;
}
header .top-bar .social ul li i {
    width: 31px;
    height: 31px;
    font-size: 15px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    line-height: 28px;
    transition: 0.3s ease-in all;
    display: block;
    margin-right: 8px;
}
header .top-bar ul li:last-child {
    margin-right: 0;
}
header .header-end > .row {
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}
header .header-bottom {
    position: relative;
}
header .navbar-collapse.collapse {
    vertical-align: middle;
    text-align: right;
    margin-bottom: 5px;
    padding: 0;
    overflow: visible;
    /*float: left;*/
}
header .navbar {
    background: #fff;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}
header .navbar-nav {
    padding-left: 18px;
    float: none;
    display: inline-block;
}
header .navbar ul {
    text-align: right;
}
header .navbar-nav > li {
    display: inline-block;
    float: none;
}
header .navbar-nav > li > a {
    font-size: 17px;
    font-weight: 400;
    color: #767676;
    padding: 10px 15px;
    text-transform: uppercase;
}
header .navbar-nav .active, header .navbar-nav > li > a:hover {
    font-weight: 300;
    color: #fff;
    background: #f36f21;
}
header .btn {
    position: relative;
    z-index: 999;
    float: right;
}
header .btn .open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  opacity:1;
}
header .btn .dropdown-menu {
  opacity:.3;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}
header .btn .caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;   
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

header .dropdown.drop-collapsed .dropdown-menu {
  height: 0 !important;
  z-index: -1;
}
header .dropdown .dropdown-menu {
  overflow: hidden;
  -webkit-transition: height 0.65s ease;
  transition: height 0.65s ease;
}
header .dropdown-menu {
  display: block;
  visibility: hidden;
  background: rgba(110,190,75,0.9);
  opacity: 0;
  filter: alpha(opacity=0);
  padding-bottom: 0;
}
header .dropdown .dropdown-menu li a {
    color: #fff;
    border-bottom: 1px dashed #4e8d33;
    padding: 6px 15px;
    font-size: 15px;
    transition: 0.2s ease-in-out all;
}
header .dropdown .dropdown-menu li a:hover {
    color: #0d1634;
    background: transparent;
    transition: 0.3s ease-in-out all;
}
header .dropdown .dropdown-menu li:last-child a {
    border-bottom: 0;
}
header .open .dropdown-menu {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
header .dropdown:hover .dropdown-menu1
{
    display: block;
    top: 100%;
    height: inherit;
    transition: height 0.65s ease;
}

header .header-bottom .db {
    display: none;
}
/*------------------------------------------
:::::SLIDER SECTION
------------------------------------------*/
.slider {
    position: relative;
}
.slider .item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/slider-back.png) no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.slider .owl-theme .owl-dots, .testimonial .owl-theme .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: auto;
}
.slider .owl-theme .owl-dots .owl-dot span, .testimonial .owl-theme .owl-dots .owl-dot span {
    width: 48px;
    height: 3px;
    background: #fff;
    border-radius: 0;
}
.slider .owl-theme .owl-dots .owl-dot.active span, 
.slider .owl-theme .owl-dots .owl-dot:hover span, 
.testimonial .owl-theme .owl-dots .owl-dot.active span, 
.testimonial .owl-theme .owl-dots .owl-dot:hover span {
    background: #f36f21;
}
.slider .carousel-caption {
    top: 30%;
    z-index: 3;
}
.slider .carousel-caption .title p {
    font-weight: 300;
    margin: 15px 0 25px;
}
.slider .carousel-caption h1 {
    font-size: 60px;
    font-weight: 400;
    color: #6ebf44;
    text-transform: uppercase;
}
.slider .carousel-caption .btn, .view-all .btn {
    border-radius: 0;
    background: #f36f21;
    border: 2px solid #f36f21;
    padding: 6px 30px;
    font-size: 22px;
    font-weight: 300;
    text-transform: capitalize;
    transition: 0.3s ease-in all;
}
.slider .carousel-caption .btn:hover, .view-all .btn:hover {
    color: #0b9444;
    background: rgb(255,255,255,0.90);
    border-color: #0b9444;
    transition: 0.3s ease-in all;
}
.slider .carousel-caption h1 span {
    color: #f36f21;
}
.slider .caption-animate .item.active .carousel-caption {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.slider .caption-animate  .item.active .carousel-caption.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.slider .caption-animate  .item.active .carousel-caption.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.slider .caption-animate .item.active .carousel-caption.flipOutX,
.slider .caption-animate .item.active .carousel-caption.flipOutY,
.slider .caption-animate .item.active .carousel-caption.bounceIn,
.slider .caption-animate .item.active .carousel-caption.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.slider .caption-animate .item .carousel-caption.fadeIn,
.slider .caption-animate .item .carousel-caption.fadeInDown,
.slider .caption-animate .item .carousel-caption.fadeInDownBig,
.slider .caption-animate .item .carousel-caption.fadeInLeft,
.slider .caption-animate .item .carousel-caption.fadeInLeftBig,
.slider .caption-animate .item .carousel-caption.fadeInRight,
.slider .caption-animate .item .carousel-caption.fadeInRightBig,
.slider .caption-animate .item .carousel-caption.fadeInUp,
.slider .caption-animate .item .carousel-caption.fadeInUpBig{
  opacity:0;
}
.slider .owl-theme .owl-nav {
    position: absolute;
    width: 100%;
    top: 46%;
    margin: 0;
}
.slider .owl-carousel .owl-nav button.owl-prev, .slider .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    width: 45px;
    height: 46px;
    font-size: 32px;
    line-height: 45px;
    background: rgba(110, 190, 75, 0.80);
    border-radius: 0;
    margin: 0;
}
.slider .owl-carousel .owl-nav button.owl-prev:hover, .slider .owl-carousel .owl-nav button.owl-next:hover {
    color: #6ebf44;
    background: #0f1633;
}
.slider .owl-carousel .owl-nav button.owl-prev span, .slider .owl-carousel .owl-nav button.owl-next span {
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
}
.slider .owl-carousel .owl-nav button.owl-prev {
    left: 70px;
}
.slider .owl-carousel .owl-nav button.owl-next {
    right: 70px;
}
/*------------------------------------------
:::::ABOUT SECTION
------------------------------------------*/
.about {
    display: flex;
}
.about .container .row {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
}
.about .img-box {
    position: relative;
}
.about .img-box img {
    border: 3px solid #fff;
}
.about .img-box::before {
    content: '';
    width: 310px;
    position: absolute;
    height: 310px;
    top: -20px;
    background: url(../images/about-shape-1.png) no-repeat;
    right: -14px;
    z-index: -1;
}
.about .img-box::after {
    content: '';
    width: 136px;
    position: absolute;
    height: 136px;
    bottom: -20px;
    background: url(../images/about-shape-2.png) no-repeat;
    left: -20px;
    z-index: -1;
}
.about .content  {
    width: 100%;
    background: none;
    position: static;
    padding: 0;
    display: inline-block;
}
.about .content p {
    color: #696969;
    margin-bottom: 25px;
}
.about .content ul li {
    position: relative;
}
.about .content ul li a {
    color: #696969;
    padding: 7px 0 7px 35px;
    display: block;
}
.about .content ul li a:hover {
    color: #0b9444;
}
.about .content ul li::before {
    width: 35px;
    height: 27px;
    background: url(../images/additional-service-list.png) no-repeat;
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
}
.get-in-touch .btn, .about-page .btn {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    background: #6ebe4b;
    border-radius: 0;
    border: 0;
    text-align: center;
    padding: 12px 35px;
    transition: 0.3s ease-in all;
}
.about-page .btn:hover {
    color: #6ebe4b;
    background: #0f1633;
}
/*------------------------------------------
:::::SERVICE SECTION
------------------------------------------*/
.service {
    width: 100%;
    background: url(../images/service-back.jpg) no-repeat;
    background-size: cover;
    position: relative;
}
.service p {
    color: #666666;
}
.service .box {
    position: relative;
    margin-top: 30px;
}
.service .box > .inbox {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.56);
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: 0.3s ease-in all;
    flex-wrap: wrap;
}
.service .box:hover {
    cursor: pointer;
}
.service .box:hover .inbox {
    background: rgb(243,111,33,0.70);
    transition: 0.3s ease-in all;
}
.service .box:hover > .inbox > .imgBox {
    background: #000;
    transition: 0.3s ease-in all;
}
.service .box:hover > .inbox > h3 {
    color: #000;
    transition: 0.3s ease-in all;
}
.service .box > .inbox > .imgBox {
    width: 60px;
    height: 55px;
    background: #0b9444;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    transition: 0.3s ease-in all;
    margin-right: 20px;
}
.service .box > .inbox > h3 {
    font-weight: 400;
    transition: 0.3s ease-in all;
}
/*------------------------------------------
:::::WHY CHOOSE US SECTION
------------------------------------------*/
.why-choose {
    display: -webkit-flex;
    display: flex;
}
.why-choose > .left {
    width: 50%
    float: left;
}
.why-choose > .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.why-choose > .right {
    width: 50%;
    background: url(../images/why-choose-us-2.jpg) no-repeat;
    background-size: cover;
    padding-right: 102px;
}
.why-choose > .right > h4 {
    font-size: 40px;
    position: relative;
    font-weight: 600;
    margin-left: 70px;
    padding-bottom: 10px;
}
.why-choose > .right > h4::before {
    content: '';
    width: 70px;
    position: absolute;
    height: 3px;
    background: #0b9444;
    bottom: 0;
    left: 0;
}
.why-choose > .right > ul > li:first-child {
    margin-top: 50px;
}
.why-choose > .right > ul > li {
    margin-top: 80px;
    padding-left: 70px;
    position: relative;
}
.why-choose > .right > ul > li > img {
    position: absolute;
    top: -13px;
    left: -53px;
}
.why-choose > .right > ul > li span {
    font-size: 25px;
    color: #0b9444;
    font-weight: 400;
    margin-bottom: 15px;
}
.why-choose > .right > ul > li p {
    font-weight: 500;
}

/*------------------------------------------
:::::AFFILIATE SECTION
------------------------------------------*/
.testimonial {
    background: #f5f5f5;
}
.testimonial > .container > p {
    width: 65%;
    color: #3b3c3a;
    text-align: center;
    margin: 0 auto 30px;
}
.testimonial .owl-carousel .owl-item .item {
    display: -webkit-flex;
    display: flex;
    align-items: end;
}
.testimonial .owl-carousel .owl-item .details {
    position: relative;
    padding-left: 30px;
    display: inline-block;
}
.testimonial .owl-carousel .owl-item .details p {
    color: #3b3c3a;
    margin-bottom: 15px;
}
.testimonial .owl-carousel .owl-item .details span {
    font-size: 18px;
    font-weight: 400;
    color: #0b9444;
}
.testimonial .owl-carousel .owl-item .details::before, .testimonial .owl-carousel .owl-item .details::after {
    content: '';
    width: 28px;
    position: absolute;
    height: 25px;
    background-size: contain;
}
.testimonial .owl-carousel .owl-item .details::before {
    top: -21px;
    background: url(../images/testimonial-arrow.png) no-repeat;
    left: 10px;
}
.testimonial .owl-carousel .owl-item .details::after {
    bottom: 20px;
    background: url(../images/testimonial-arrow.png) no-repeat;
    right: 10px;
    transform: rotate(180deg);
}
.testimonial .owl-theme .owl-dots .owl-dot span {
    width: 25px;
    background: #0b9444;
}
.testimonial .owl-theme .owl-dots {
    bottom: -30px;
}
/*------------------------------------------
:::::FOOTER SECTION
------------------------------------------*/
.main-footer {
    position: relative;
    padding: 40px 0 30px;
    background: #1e1e1e;
    border-top: 5px solid #f36f21;
}
.footer-about-col.col-default, .footer-Tag-col {
    height: 100%;
}
.footer-logo {
    height: 100%;
}
.footer-Tag-col{
    width: 100%;
    position: relative;
    padding-left: 30px;
}
.main-footer .footer-logo img {
    width: auto;
    height: auto;
    margin-bottom: 15px;
}
.footer-post-col .social {
    padding-top: 15px;
}
.footer-post-col ul li {
    margin-right: 7px;
    display: inline-block;
}
.footer-post-col ul li i {
    width: 30px;
    height: 30px;
    font-size: 15px;
    color: #ddd;
    border: 1px solid #fff;
    text-align: center;
    line-height: 28px;
    transition: 0.3s ease-in all;
    display: block;
}
.main-footer h4 {
    font-size: 25px;
    font-weight: 600;
    color: #b8b8b8;
    margin-bottom: 30px;
    padding-bottom: 15px;
    position: relative;
}
.main-footer h4::before {
    content: '';
    position: absolute;
    width: 46px;
    height: 3px;
    background: #0b9444;
    bottom: 0;
    left: 0;
    margin: auto;
}
.footer-about-col p {
    color: #b8b8b8;
    text-align: justify;
}
.footer-about-col .social {
    margin-top: 20px;
}
.footer-about-col .social i {
    font-size: 20px;
    margin-right: 10px;
    color: #6AB4FF;
}
.footer-about-col .social i:hover {
    color: #ffffff;
}
.quick-link li {
    /*border-bottom: 1px solid #383838;*/
    padding: 4px 0;
}
.quick-link li:first-child {
    padding-top: 0;
}
.quick-link li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.quick-link li a {
    font-size: 18px;
    font-weight: 300;
    position: relative;
    color: #b8b8b8;
    line-height: 10px;
    vertical-align: middle;
    transition: 0.2s ease-in all;
    padding-left: 30px;
    display: inline-block;
}
.quick-link li a::before {
    content: '\f101';
    font-size: 20px;
    position: absolute;
    color: #fff;
    top: 0;
    font-family: 'FontAwesome';
    left: 0;
}
.quick-link li a:hover {
    color: #f36f21 !important;
    padding-left: 20px;
    transition: 0.3s ease-in all;
}
.quick-link li a:hover {
    color: #6AB4FF;
}
.footer-post-col .post-box {
    position: relative;
    /*padding-left: 90px;*/
}
.footer-post-col .contact ul {
    margin-bottom: 10px;
}
.footer-post-col .contact ul li {
    display: block;
}
.footer-post-col .contact img {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
.footer-post-col .contact ul li a, .footer-post-col .contact ul li p {
    font-size: 16px;
    font-weight: 300;
    color: #e2e2e2;
    padding: 5px 0 5px 5px;
    vertical-align: middle;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
    display: inline-block;
}
.footer-post-col .contact ul li a:hover, .copyright p a:hover {
    color: #f36f21;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
}
.footer-post-col .contact ul li strong {
    color: #cbcbcb;
    margin-right: 10px;
}
.footer-post-col .post-box h4 {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
}
.footer-post-col .post-box h4 a {
    color: #6AB4FF;
}
.footer-post-col .post-box p {
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
    color: #eeeeee;
    margin-bottom: 20px;
}

.footer-flickr ul li {
    float: left;
}
.footer-flickr ul li img {
    width: 86px;
    height: auto;
}

/* Footer Two CSS Start */
.footer-two-section {
    padding: 100px 0 70px;
    background: #111111;
}
.footer-wrap h3 {
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 50px;
    padding-bottom: 10px;
    border-bottom: 1px solid #252525;
}
.footer-wrap p {
    color: #c6c6c6;
}
.footer-menu-wrap li {
    border-bottom: 1px solid #252525;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.footer-menu-wrap li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.footer-menu-wrap li a {
    color: #c6c6c6;
}
.footer-menu-wrap li a:hover {
    color: #6AB4FF;
}
.footer-post-wrap {
    position: relative;
    padding-left: 100px;
    margin-bottom: 20px;
}
.footer-post-wrap img  {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
}
.footer-post-wrap h4 {
    font-weight: normal;
    letter-spacing: 1px;
}
.footer-post-wrap h4 a {
   color: #ffffff;;
}
.footer-post-wrap span a {
    color: #6AB4FF;
}
.mb0 {
    margin-bottom: 0;
}


/* COPY RIGHT CSS START */
.copyright {
    width: 100%;
    padding: 20px 0;
    background-color: #090e21;
    text-align: center;
    float: left;
}
.copyright p {
    font-size: 16px;
    font-weight: 300;
    color: #eeeeee;
}
.copyright p a {
    color: #f36f21;
    text-decoration: underline !important;
    transition: 0.3s ease-in-out all;
    -webkit-transition: 0.3s ease-in-out all;
}
.copyright p a:first-child {
    color: #0b9444;
}
.copyright p a:hover {
    color: #fff;
    transition: 0.3s ease-in all;
}
/*------------------------------------------
:::::INNER BANNER SECTION
------------------------------------------*/
.inner {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.inner img {
    width: 100%;
    height: 100%;
}
.inner::before {
    content: '';
    width: 100%;
    position: absolute;
    background: url(../images/back.png) no-repeat;
    top: 0;
    background-position: center;
    height: 100%;
    left: 0;
    background-size: contain;
}
.inner h6 {
    font-size: 70px;
    position: absolute;
    color: #09a54a;
    font-weight: 400;
}
.orange {
    color: #f36f21;
}
.pb-70 {
    padding-bottom: 70px;
}
.inner-title {
    font-size: 35px;
    font-weight: 400;
    color: #ffff;
    background: #f36f21;
    margin-bottom: 50px;
    padding: 15px 15px 15px 20px;
    display: block;
}
.service-page h2, .contact-page h2 {
    font-size: 30px;
    font-weight: 400;
    color: #0b9444;
    margin-bottom: 10px;
}
.service-page p, .contact-page p {
    line-height: 23px;
    color: #919191;
    margin-bottom: 15px;
}
.service-page .box {
    width: 100%;
    background: #eeeeee;
    margin-top: 30px;
    padding: 30px;
    display: inline-block;
}
.service-page .box img {
    margin: 0 30px 30px 0;
    float: left;
}
.service-page .box p:nth-child(4) {
    margin-bottom: 0;
}
.service-page .box p:last-child {
    clear: both;
    margin-bottom: 0;
}


/*------------------------------------------
::::: SECTION
------------------------------------------*/
.gallery-page .box {
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}
.gallery-page .lightbox {
    margin-bottom: 30px;
}
.gallery-page .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}
.gallery-page .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'FontAwesome';
    content: '\f002';
    pointer-events: none;
    z-index: 9000;
    transition: 0.4s;
}
.gallery-page .lightbox::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(11, 148, 68, 0.7);
    content: '';
    transition: 0.4s;
}
.gallery-page .lightbox:hover:after,
.gallery-page .lightbox:hover:before {
    opacity: 1;
}
.baguetteBox-button {
    background-color: transparent !important;
}

@media(max-width: 768px) {
    body {
        padding: 0;
    }
}
.gallery-page .view-all {
    text-align: center;
    background: #eee;
}
.gallery-page .view-all .btn {
    text-transform: uppercase;
    font-weight: 400;
}



/*------------------------------------------
::::: SECTION
------------------------------------------*/
.contact-page .details {
    padding-right: 200px;
}
.contact-page .details ul {
    margin-top: 30px;
}
.contact-page .details > ul > li > a {
    color: #727272;
    font-size: 18px;
}
.contact-page .details > ul > li {
    position: relative;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.contact-page .details > ul > li > .imgBox {
    margin-right: 15px;
}
.contact-page form {
    background: #eaeaea;
    padding: 30px;
}
.contact-page form input[type=text], select, textarea, 
.contact-page form input[type=tel], .contact-page form input[type=email] {
    width: 100%;
    color: #000;
    font-style: italic;
    margin-bottom: 25px;
    padding: 15px;
    border: 1px solid #c0c0c0;
    display: inline-block;
}
.contact-page form input[type="submit"] {
    font-weight: 500;
    color: #fff;
    background: #f36f21;
    border: 0;
    font-size: 28px;
    width: 100%;
    padding: 12px 0;
    text-transform: uppercase;
}
.contact-page .details > ul > li > a:hover {
    color: #f36f21;
}

/*------------------------------------------
::::: SECTION
------------------------------------------*/





/*------------------------------------------
::::: SECTION
------------------------------------------*/






/*------------------------------------------
:::::RESPONSIVE SECTION
------------------------------------------*/
@media only screen and (max-width: 1199px) {
    header .top-bar .social ul {
        display: none;
    }
    .collapsible {
        display: block;
    }
    /*header .navbar-nav > li > a {
        margin: 0 13px;
        font-size: 14px;
    }*/
    header .top-bar {
        padding: 3px 0;
    }
    header .top-bar::after {
        height: 35px;
    }
    header .top-bar::before {
        border-top: 35px solid #0f1633;
        border-left: 20px solid transparent;
        left: -20px;
    }
    header .navbar-nav {
        margin: 5px 0;
        padding-left: 15px;
    }
    header .navbar-nav > li > a {
        font-size: 13px;
    }
    header .top-bar span {
        font-size: 16px;
    }
    .slider .carousel-caption h1 {
        font-size: 58px;
        line-height: 60px;
        margin-bottom: 10px;
    }
    .about .img-box {
        height: 100%;
    }
    .about .img-box img {
        height: 100%;
        object-fit: cover;
    }
    .about .content p {
        font-weight: 300 !important;
    }
    .why-choose > .left {
        width: 40% !important;
    }
    .about .content ul li a, .about .content p {
        font-size: 14px;
        font-weight: 400;
    }
    .affiliate .owl-carousel .owl-nav button.owl-next {
        right: -20px;
    }
    .affiliate .owl-carousel .owl-nav button.owl-prev {
        left: -20px;
    }
    .service ul li a {
        font-size: 15px;
    }
    .service small {
        font-size: 15px;
    }
    .get-in-touch h3 {
        font-size: 18px;
        margin-right: 58px;
    }
    .why-choose > .right {
        width: 60%;
    }
    .testimonial .owl-carousel .owl-item .details p {
        font-size: 15px;
        line-height: 20px;
    }
    .testimonial .owl-carousel .owl-item .details::before {
        top: -1px;
        background: url(../images/testimonial-arrow.png) no-repeat;
        left: 10px;
        width: 15px;
        background-size: 100% 100%;
        height: 15px;
    }
    .testimonial .owl-carousel .owl-item .details::after {
        bottom: 20px;
        background: url(../images/testimonial-arrow.png) no-repeat;
        right: 10px;
        width: 15px;
        background-size: 100% 100%;
        height: 15px;
    }
    .service-page .box img {
        margin-bottom: 15px;
    }
    .service-page .box p:nth-child(4) {
        margin-bottom: 15px;
    }
    .contact-page .details {
        padding-right: 100px;
    }
}
@media only screen and (max-width: 991px) {
    header .logo img {
        margin: auto;
    }
    header .top-bar ul li {
        margin-right: 6px;
    }
    header .top-bar ul li a {
        font-size: 11px;
        font-weight: 500;
    }
    header .top-bar span {
        font-size: 11px;
        font-weight: 700;
    }
    header .top-bar {
        margin: 0;
        padding-bottom: 6px;
    }
    header .top-bar::before {
        display: none;
    }
    header .top-bar::after {
        display: none;
    }
    header .navbar-nav > li > a {
        padding: 15px 12px;
    }
    header .dropdown .dropdown-toggle {
        font-size: 14px;
    }
    /*header .navbar-nav > li > a {
        font-size: 12px;
    }*/
    .slider .carousel-caption h1 {
        font-size: 45px;
        line-height: 40px;
        margin-bottom: 5px;
    }
    .slider .carousel-caption {
        top: 10%;
    }
    .about .img-box::before {
        width: 180px;
        height: 180px;
        background-size: 100% 100%;
        top: -10px;
        right: -10px;
    }
    .about .img-box::after {
        width: 85px;
        height: 85px;
        bottom: -10px;
        left: -10px;
        background-size: 100% 100%;
    }
    .testimonial .owl-carousel .owl-item .item {
        align-items: center;
    }
    .service::before {
        height: 597px;
    }
    .service ul li a {
        line-height: 20px;
    }
    .service::after {
        width: 500px;
        height: 348px;
    }
    .about .content h5 {
        margin-bottom: 10px;
    }
    .about .content p {
        font-size: 16px;
        line-height: 22px;
    }
    .get-in-touch {
        text-align: center;
    }
    .footer-post-col {
        margin-top: 20px;
        border-top: 1px solid #223838;
        padding-top: 20px;
    }
    .copyright p {
        font-size: 15px;
    }
    .service-page h2 {
        font-size: 22px;
    }
    .inner h6 {
        font-size: 40px;
    }
    .inner-title {
        font-size: 25px;
    }
    .contact-page .details {
        padding-right: 0;
    }
    .slider .owl-theme .owl-nav {
        top: 43%;
    }
}

@media only screen and (max-width: 767px) {
    .navbar-toggle .icon-bar {
        background: #6ebf44;
    }
    header .logo img {
        display: none;
    }
    header .hidden-lg.hidden-md.hidden-sm {
        padding-bottom: 12px;
        float: left;
    }
    header .navbar-toggle {
        margin-top: 25px;
    }
    header .navbar-nav {
        width: 25%;
        margin: auto;
        text-align: center;
    }
    header .navbar-nav > li {
        display: block;
    }
    header .navbar-nav > li > a {
        font-size: 17px;
    }
    header .top-bar {
        width: 100%;
    }
    header .top-bar ul li {
        margin-right: 0;
        display: block;
        text-align: left;
    }
    header .dropdown {
        position: absolute;
        left: 5px;
        z-index: 99;
        top: -5px;
    }
    header .header-bottom .dn {
        display: none;
    }
    header .header-bottom .db {
        display: block;
    }
    .collapsible {
        margin-top: 32px;
    }
    header .top-bar span {
        font-size: 20px;
        text-align: center;
        display: block;
        padding: 10px 0;
        border-bottom: 1px solid #07a84a;
    }
    header .top-bar ul {
        padding-top: 10px;
    }
    .section-padding {
        padding: 30px 0;
    }
    .service .box > img {
        width: 100%;
    }
    .slider .carousel-caption h1 {
        font-size: 44px;
    }
    .slider .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }
    .slider .owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }
    .affiliate .owl-carousel .owl-nav button.owl-next {
        right: -10px;
    }
    .affiliate .owl-carousel .owl-nav button.owl-prev {
        left: -10px;
    }
    .process h6 {
        font-size: 19px;
    }
    .footer-Tag-col {
        margin-top: 20px;
        border-top: 1px solid #223838;
        padding-top: 20px;
        padding-left: 0;
    }
    .footer-about-col.col-default, .footer-Tag-col {
        text-align: left;
    }
    .about .container .row {
        display: inline-block;
    }
    .about .img-box img {
        width: 100%;
        margin-bottom: 30px;
    }
    .service::before {
        height: 85%;
        background: rgb(13, 22, 52);
    }
    header .navbar-nav {
        width: 30%;
        display: block;
    }
    .slider .carousel-caption {
        top: 2%;
    }
    .why-choose > .right {
        width: 60%;
        padding-right: 15px;
    }
    .why-choose > .right > ul > li > img {
        top: 0;
        left: -40px;
        width: 80px;
    }
    .why-choose > .right > ul > li {
        margin-top: 50px;
        padding-left: 50px;
    }
    .service-page h2, .service-page p {
        text-align: center;
    }
    .service-page .box {
        padding: 15px;
    }
    .service-page .box img {
        margin: 0 0 20px;
        width: 100%;
    }
    .inner-title {
        margin-bottom: 20px;
    }
    .pb-70 {
        padding-bottom: 30px;
    }
    .contact-page form {
        padding: 15px;
    }
    .contact-page form input[type="text"], select, textarea, 
    .contact-page form input[type="tel"], .contact-page form input[type="email"] {
        margin-bottom: 10px;
    }
    .testimonial > .container > p {
        width: 100%;
        margin: 0 0 30px;
    }
}

@media only screen and (max-width: 640px) {
    .slider .carousel-caption h1 {
        font-size: 30px;
        line-height: 20px;
        margin-bottom: 3px;
    }
    .slider .carousel-caption {
        top: 18%;
    }
    header .navbar-nav {
        width: 40%;
    }
    .slider .carousel-caption .title p {
        margin: 5px 0 5px;
        line-height: 20px;
    }
    .slider .carousel-caption .btn {
        padding: 4px 15px;
        font-size: 15px;
    }
    .slider .owl-theme .owl-dots .owl-dot span {
        width: 18px;
    }
    .slider .owl-theme .owl-dot {
        bottom: 0;
    }
    .why-choose > .right {
        width: 100%;
    }
    .why-choose > .right > ul > li > img {
        left: -30px;
        width: 60px;
    }
    .why-choose > .right > ul > li {
        margin-top: 20px;
        padding-left: 40px;
    }
    .why-choose > .right > ul > li:first-child {
        margin-top: 20px;
    }
    .why-choose > .right > h4 {
        font-size: 25px;
    }
    .why-choose > .right > ul > li span {
        font-size: 20px;
    }
    .why-choose > .right > ul > li p {
        font-size: 13px;
        line-height: 18px;
    }
    .inner h6 {
        font-size: 25px;
    }
    .inner-title {
        font-size: 20px;
        padding: 10px 0 10px 15px;
    }
    .service-page h2 {
        font-size: 18px;
    }
    .slider .carousel-caption {
        top: 15%;
    }
    .slider .owl-theme .owl-dots {
        bottom: 0;
    }
    .slider .owl-theme .owl-dots .owl-dot span {
        margin: 0 3px;
    }
}

@media only screen and (max-width: 480px) {
    header .navbar-nav {
        width: 60%;
    }
    .slider .carousel-caption .title {
        font-size: 11px;
    }
    .slider .carousel-caption h1 {
        font-size: 21px;
        line-height: 10px;
        margin-bottom: 0;
    }
    .service::after {
        width: 250px;
        height: 174px;
    }
    .slider .carousel-caption {
        top: 25%;
        padding: 5px;
    }
    .slider .carousel-caption .title p {
        line-height: 12px;
        margin-top: 10px;
    }
    .slider .carousel-caption .btn {
        padding: 3px 10px;
        font-size: 11px;
    }
    .why-choose > .left {
        width: 18% !important;
    }
    .why-choose > .right > ul > li p {
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
    }
    .why-choose > .right > ul > li {
        margin-top: 10px;
    }
    header .hidden-lg.hidden-md.hidden-sm {
        width: 220px;
    }
    header .hidden-lg.hidden-md.hidden-sm img {
        width: 60%;
    }
    header .navbar-toggle {
        margin-top: 5px;
    }
    .inner h6 {
        font-size: 20px;
    }
    .inner-title {
        font-size: 16px;
        padding: 6px 0 6px 15px;
    }
}

@media only screen and (max-width: 360px) {
    header .navbar-nav {
        width: 65%;
    }
    .contact {
        padding: 0 0 20px;
    }
    .awesome h5, .ad-service h5 {
        font-size: 20px;
    }
    .slider .carousel-caption .title p {
        display: none;
    }
    .slider .carousel-caption .title {
        margin-bottom: 10px;
    }
    .slider .carousel-caption {
        top: 34%;
    }
    .inner h6 {
        font-size: 16px;
    }
}