@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap";

body {
   font-family: hind, sans-serif;
   overflow-x: hidden
}

html {
   scroll-behavior: smooth;
   overflow-x: hidden
}

button,
input,
textarea {
   border: 0;
   background: 0 0;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

button:focus,
input:focus,
textarea:focus {
   outline: none
}

a {
   display: inline-block;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

a:hover {
   text-decoration: none
}

img {
   max-width: 100%
}

span {
   display: inline-block
}

@-webkit-keyframes pulse-1 {
   0% {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0
   }

   100% {
      width: 150%;
      height: 150%;
      top: -25%;
      left: -25%;
      opacity: 0
   }
}

@keyframes pulse-1 {
   0% {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0
   }

   100% {
      width: 150%;
      height: 150%;
      top: -25%;
      left: -25%;
      opacity: 0
   }
}

@media only screen and (min-width:1200px) {
   .container {
      min-width: 1200px
   }
}

.preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   z-index: 99
}

.preloader .loader {
   width: 100px;
   height: 100px
}

.preloader .loader img {
   width: 100%
}

.scroll-to-top {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 11;
   visibility: hidden
}

.scroll-to-top .container {
   height: 100%;
   position: relative
}

.scroll-to-top .container button {
   position: absolute;
   bottom: 100%;
   right: 15px;
   width: 55px;
   height: 55px;
   line-height: 50px;
   font-size: 22px;
   color: #fff;
   background: #322b53;
   border: 2px solid #fff;
   border-radius: 50%;
   visibility: visible
}

.scroll-to-top .container button.active {
   bottom: 20px
}

.scroll-to-top .container button:hover {
   color: #322b53;
   background: #fff;
   border-color: #322b53
}

.def-btn {
   height: 60px;
   line-height: 60px;
   background:#4186b9;
   border: 1px solid #000;
   border-radius: 7px;
   padding-left: 44px;
   padding-right: 40px;
   font-size: 17px;
   font-weight: 600;
   color: #fff
}

.def-btn i {
   display: inline-block;
   margin-left: 4px;
   -webkit-transform: translateY(1px);
   -ms-transform: translateY(1px);
   transform: translateY(1px);
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.def-btn.def-btn-2 {
   background: #f94d1c
}

.def-btn.btn-2 {
   padding: 0 34px
}

.def-btn:hover {
   background: black;
   color: #fff
}

.def-btn:hover i {
   -webkit-transform: translateY(1px) translateX(7px);
   -ms-transform: translateY(1px) translateX(7px);
   transform: translateY(1px) translateX(7px)
}

.heading {
   text-align: center;
   margin-bottom: 70px
}

.heading h2 {
   font-size: 50px;
   line-height: 60px;
   font-weight: 700;
   color: #274082;
   padding-bottom: 28px;
   margin-top: -7px;
   margin-bottom: 0;
   position: relative
}

.heading h2:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 100px;
   height: 5px;
   border-radius: 5px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   background: #322b53
}

.heading-2 {
   text-align: center;
   margin-bottom: 70px
}

.heading-2 h2 {
   font-size: 40px;
   line-height: 100%;
   font-weight: 700;
   text-transform: uppercase;
   color: #4186b9;
   margin-top: -2px;
   margin-bottom: 18px
}

.heading-2 h2 span {
   color: #e5eaf3
}

.heading-2 p {
   font-size: 16px;
   line-height: 29px;
   color: #727272;
   margin-bottom: -11px
}

.clear {
   overflow: hidden
}

.header {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 11;  
}

.header .top-header {
    background: #000;
}
.header .top-header .top-right ul {
   padding: 20px 0 16px;
   margin: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
  
}

.header .top-header .top-right ul li {
   list-style: none;
   font-size: 15px;
   line-height: 100%;
   font-weight: 500;
   color: #fff;
   margin-right: 55px
}

.header .top-header .top-right ul li:last-child {
   margin-right: 0
}

.header .top-header .top-right ul li i {
   margin-right: 11px
}

.header .bottom-header {
    background: #ffffff;
}

.header .bottom-header.fixed-header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.header .bottom-header.fixed-header .logo {
   top: 0;
   padding: 6px 0
}

.header .bottom-header.fixed-header .logo:after {
   -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.header .bottom-header .logo {
    position: absolute;
    top: 0px;
    width: 191px;
    text-align: center;
    padding: 3px 0;
    z-index: 2;
    background: white;
}
/*
.header .bottom-header .logo:before {
   content: "";
   position: absolute;
   top: 0;
   left: -50px;
   right: -50px;
   border-left: 50px solid transparent;
   border-right: 50px solid transparent;
   border-bottom: 52px solid #274082;
   opacity: .2;
   z-index: -1
}
*/

/*
.header .bottom-header .logo:after {
   content: "";
   position: absolute;
   top: -50px;
   left: 0;
   right: 0;
   bottom: -19px;
   background: #fff;
   border-radius: 0 0 12px 10px;
   -webkit-transform: skewY(15.5deg);
   -ms-transform: skewY(15.5deg);
   transform: skewY(15.5deg);
   z-index: -1
}
*/

.header .bottom-header .navbar {
   padding: 0;
   padding-left: 9px
}

.header .bottom-header .navbar .navbar-nav .nav-item {
   padding: 29px 54px 25px 0
}

.header .bottom-header .navbar .navbar-nav .nav-item:last-child {
   padding-right: 0
}

.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
   display: block;
   margin-top: 0;
   border: 0;
   border-radius: 0;
   padding: 0;
   width: 220px;
   -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15);
   box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all .3s ease-in;
   -o-transition: all .3s ease-in;
   transition: all .3s ease-in
}

.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
   font-size: 16px;
   line-height: 100%;
   font-weight: 500;
   color: #2d2d2d;
   padding: 0 20px;
   border-bottom: 1px solid rgba(0, 0, 0, .1);
   -webkit-transition: all .3s ease-in;
   -o-transition: all .3s ease-in;
   transition: all .3s ease-in
}

.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:last-child {
   border-bottom: 0
}

.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
   background: 0 0;
   color: #322b53
}

.header .bottom-header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
   opacity: 1;
   visibility: visible
}

.header .bottom-header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
   padding: 20px
}

.header .bottom-header .navbar .navbar-nav .nav-item .nav-link {
   padding: 0;
   font-size: 18px;
   line-height: 100%;
   font-weight: 600;
   color: #201844;
   position: relative
}

.header .bottom-header .navbar .navbar-nav .nav-item .nav-link:hover {
   color: #322b53
}

.header .bottom-header .side-bar-btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   width: 100%
}

.header .bottom-header .side-bar-btn button {
   padding: 0
}

.header-2 {
   position: relative;
   background: #fff;
   z-index: 11
}

.header-2:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
/*   background: url(../images/header-bg.png) center center no-repeat;*/
   background-size: cover;
   z-index: -1
}

.header-2.fixed-header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1)
}

.header-2 .navbar {
   padding: 0px
}

.header-2 .navbar .navbar-nav .nav-item {
   padding: 0 20px
}

.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
   display: block;
   margin-top: 0;
   border: 0;
   border-radius: 0;
   padding: 0;
   width: 250px;
   -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15);
   box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all .3s ease-in;
   -o-transition: all .3s ease-in;
   transition: all .3s ease-in
}

.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
   font-size: 16px;
   line-height: 100%;
   font-weight: 500;
   color: #2d2d2d;
   padding: 0 20px;
   border-bottom: 1px solid rgba(0, 0, 0, .1);
   -webkit-transition: all .3s ease-in;
   -o-transition: all .3s ease-in;
   transition: all .3s ease-in
}

.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:last-child {
   border-bottom: 0
}

.header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
   background: 0 0;
   color: #322b53
}

.header-2 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
   opacity: 1;
   visibility: visible
}

.header-2 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
   padding: 20px
}

.header-2 .navbar .navbar-nav .nav-item .nav-link {
   padding: 38px 0px;
   font-size: 18px;
   line-height: 100%;
   font-weight: 600;
   color: #274082
}

.header-2 .navbar .navbar-nav .nav-item .nav-link:hover {
   color: #322b53
}

.header-2 .nav-btn {
   width: 100%;
   text-align: right
}

.header-2 .nav-btn .def-btn {
   height: 55px;
   line-height: 60px;
   padding: 0 30px
}

.sidebar-bg {
   position: fixed;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, .8);
   overflow: hidden;
   z-index: 22;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.sidebar-bg.active {
   visibility: visible;
   opacity: 1
}

.main-sidebar {
   position: fixed;
   top: 0;
   right: -400px;
   width: 400px;
   height: 100%;
   background: #f6f6f6;
   padding: 25px 30px;
   overflow-y: scroll;
   scrollbar-color: #322b53 transparent;
   scrollbar-width: thin;
   z-index: 99;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.main-sidebar::-webkit-scrollbar {
   background: 0 0;
   width: 5px
}

.main-sidebar::-webkit-scrollbar-thumb {
   width: 10px;
   background: #322b53;
   border-radius: 2px
}

.main-sidebar .close-btn {
   position: absolute;
   top: 25px;
   right: 30px;
   font-size: 25px;
   color: #322b53;
   cursor: pointer
}

.main-sidebar .logo {
   width: 120px;
   height: 120px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background: #fff;
   border-radius: 10px;
   -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
   margin-bottom: 30px
}

.main-sidebar .side-about {
   margin-bottom: 30px
}

.main-sidebar .side-about p {
   font-size: 16px;
   line-height: 26px;
   color: #546e9b;
   margin-top: -6px;
   margin-bottom: 15px
}

.main-sidebar .links {
   margin-bottom: 24px
}

.main-sidebar .links h2 {
   font-size: 25px;
   line-height: 100%;
   font-weight: 700;
   text-transform: capitalize;
   color: #274082;
   padding-bottom: 6px;
   margin-bottom: 20px;
   position: relative
}

.main-sidebar .links h2:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100px;
   height: 3px;
   background: #322b53;
   border-radius: 1px
}

.main-sidebar .links ul {
   padding: 0;
   margin: 0
}

.main-sidebar .links ul li {
   list-style: none
}

.main-sidebar .links ul li a {
   font-size: 16px;
   font-weight: 500;
   text-transform: capitalize;
   color: #546e9b;
   margin-bottom: 7px
}

.main-sidebar .links ul li a:hover {
   color: #322b53
}

.main-sidebar .side-contact {
   margin-bottom: 30px
}

.main-sidebar .side-contact h2 {
   font-size: 25px;
   line-height: 100%;
   font-weight: 700;
   text-transform: capitalize;
   color: #274082;
   padding-bottom: 6px;
   margin-bottom: 21px;
   position: relative
}

.main-sidebar .side-contact h2:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100px;
   height: 3px;
   background: #322b53;
   border-radius: 1px
}

.main-sidebar .side-contact ul {
   padding: 0;
   margin: 0
}

.main-sidebar .side-contact ul li {
   list-style: none;
   font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;
   padding-left: 45px;
   margin-bottom: 9px;
   position: relative
}

.main-sidebar .side-contact ul li i {
   position: absolute;
   top: 4px;
   left: 0;
   text-align: center;
   width: 30px;
   height: 30px;
   line-height: 32px;
   font-size: 14px;
   color: #fff;
   background: #274082;
   border-radius: 50%;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.main-sidebar .side-contact ul li span {
   display: block;
   font-size: 15px;
   font-weight: 400;
   text-transform: capitalize;
   margin-top: 3px
}

.main-sidebar .socials h2 {
   font-size: 25px;
   line-height: 100%;
   font-weight: 700;
   text-transform: capitalize;
   color: #274082;
   padding-bottom: 6px;
   margin-bottom: 25px;
   position: relative
}

.main-sidebar .socials h2:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100px;
   height: 3px;
   background: #322b53;
   border-radius: 1px
}

.main-sidebar .socials a {
   text-align: center;
   width: 35px;
   height: 35px;
   line-height: 37px;
   font-size: 15px;
   color: #fff;
   background: #274082;
   border-radius: 50%;
   margin-right: 6px
}

.main-sidebar .socials a:last-child {
   margin-right: 0
}

.main-sidebar .socials a:hover {
   color: #fff;
   background: #322b53
}

.main-sidebar.active {
   right: 0
}

.banner {
   overflow: hidden
}

.banner .slider {
   padding-top: 124px;
   padding-bottom: 40px;
   position: relative;
   z-index: 2
}

.banner .slider:after {
   content: "";
   position: absolute;
   top: 124px;
   left: 0;
   bottom: 0;
   width: 100%;
   background: url(../images/banner-overlay.png) center center no-repeat;
   background-size: cover;
   z-index: -1
}

.banner .slider.slider-1 {
   background: url(../images/vorto-infotech/home/slider2.jpg) center center no-repeat;
   background-size: cover
}

.banner .slider.slider-2 {
   background: url(../images/vorto-infotech/home/slider3.jpg) center center no-repeat;
   background-size: cover
}

.banner .slider.slider-3 {
   background: url(../images/vorto-infotech/home/slider1.jpg) center center no-repeat;
   background-size: cover
}

.banner .slider .banner-txt {
   padding: 0px 0 120px
}

.banner .slider .banner-txt h1 {
   font-size: 60px;
   line-height: 70px;
   font-weight: 700;
   color: #fff;
   margin-top: -7px;
   margin-bottom: 15px
}

.banner .slider .banner-txt h1 span {
   color: #322b53
}

.banner .slider .banner-txt p {
   font-size: 20px;
   line-height: 38px;
   font-weight: 500;
   color: #fff;
   margin-bottom: 36px
}

.banner .owl-dots {
   position: relative;
   width: 1200px;
   padding: 0 15px;
   margin: -122px auto 98px;
   z-index: 3
}

.banner .owl-dots .owl-dot {
   width: 12px;
   height: 12px;
   background: #b5b3c1;
   border-radius: 50%;
   margin-right: 15px
}

.banner .owl-dots .owl-dot:last-child {
   margin-right: 0
}

.banner .owl-dots .owl-dot.active {
   background: #fff
}

.banner-2 {
   background: url(../images/banner-bg-4.jpg) center center no-repeat;
   background-size: cover;
   position: relative;
   z-index: 2
}

.banner-2:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: url(../images/banner-overlay-2.png) center center no-repeat;
   background-size: cover;
   z-index: -1
}

.banner-2 .banner-txt {
   padding: 240px 0
}

.banner-2 .banner-txt h1 {
   font-size: 60px;
   line-height: 70px;
   font-weight: 700;
   color: #fff;
   margin-top: -8px;
   margin-bottom: 15px
}

.banner-2 .banner-txt h1 span {
   color: #322b53
}

.banner-2 .banner-txt p {
   font-size: 20px;
   line-height: 38px;
   font-weight: 500;
   color: #fff;
   margin-bottom: 31px
}

.about {
   padding: 120px 0
}

.about.about-2 .part-txt h4 {
   margin-bottom: 25px
}

.about.about-2 .part-txt h2 {
   margin-bottom: 6px
}

.about.about-2 .part-txt h2 span {
   font-size: 60px;
   color: #322b53
}

.about.about-2 .part-txt p {
   margin-bottom: 13px
}

.about.about-2 .part-txt .def-btn {
   margin-top: 17px
}

.about.about-2 .part-img {
   padding-right: 0
}

.about.about-2 .part-img img {
   max-width: 100%
}

.about .part-img {
/*   padding-right: 70px;*/
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end
}

.about .part-img img {
   max-width: inherit;
   width: 100%;
       
}

.about .part-txt h4 {
   font-size: 22px;
   line-height: 100%;
   font-weight: 700;
   text-transform: capitalize;
   color: #000;
   padding-left: 85px;
   margin-top: -2px;
   margin-bottom: 27px;
   position: relative
}

.about .part-txt h4:after {
   content: "";
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0;
   width: 60px;
   height: 3px;
   background: #000;
   border-radius: 1px
}

.about .part-txt h2 {
   font-size: 49px;
   line-height: 58px;
   font-weight: 700;
   color: #274082;
   margin-bottom: 7px
}

.about .part-txt p {
   font-size: 17px;
   line-height: 29px;
   color: #727272;
   margin-bottom: 3px
}

.about .part-txt p.b {
   font-size: 18px;
   line-height: 28px;
   font-weight: 600;
   margin-bottom: 20px
}

.about .part-txt .single-box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 15px 20px;
   border-radius: 10px;
   margin-bottom: 24px
}

.about .part-txt .single-box.one {
   background: #274082
}

.about .part-txt .single-box.two {
   background: #322b53
}

.about .part-txt .single-box .icon {
   width: 60px;
   height: 60px;
   background: #fff;
   border-radius: 50%;
   padding: 17px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-right: 14px
}

.about .part-txt .single-box .icon img {
   width: auto;
   min-height: 100%
}

.about .part-txt .single-box h3 {
   font-size: 25px;
   line-height: 100%;
   font-weight: 700;
   color: #fff;
   margin-top: -5px;
   margin-bottom: -4px
}

.service {
   padding: 120px 0;
   background: #f6f6f6
}

.service .service-slider {
   margin-bottom: -5px
}

.service .service-slider .owl-stage-outer {
   padding-bottom: 5px
}

.service .service-slider .owl-stage-outer .single-box {
   padding: 15px;
   position: relative;
   z-index: 2
}

.service .service-slider .owl-stage-outer .single-box:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #322b53;
   border-radius: 11px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s;
   z-index: -1
}

.service .service-slider .owl-stage-outer .single-box:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   border-radius: 10px;
   z-index: -1
}

.service .service-slider .owl-stage-outer .single-box .part-img {
   border-radius: 10px;
   position: relative;
   overflow: hidden;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.service .service-slider .owl-stage-outer .single-box .part-img .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
/*   background: rgba(0, 33, 91, .8);*/
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient:vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   opacity: 0;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.service .service-slider .owl-stage-outer .single-box .part-img .overlay a {
   text-align: center;
   font-family: auto;
   width: 60px;
   height: 60px;
   line-height: 60px;
   background: #322b53;
   color: #fff;
   border-radius: 50%;
   font-size: 20px;
   margin-top: 100px
}

.service .service-slider .owl-stage-outer .single-box .part-img .overlay a:hover {
   background: #fff;
   color: #274082
}

.service .service-slider .owl-stage-outer .single-box .part-txt {
   text-align: center;
   padding: 45px 20px 30px
}

.service .service-slider .owl-stage-outer .single-box .part-txt a {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-bottom: 16px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.service .service-slider .owl-stage-outer .single-box .part-txt p {
   font-size: 16px;
   line-height: 29px;
   color: #546e9b;
   margin-bottom: -11px
}

.service .service-slider .owl-stage-outer .single-box:hover:before {
   top: 5px
}

.service .service-slider .owl-stage-outer .single-box:hover .part-img .overlay {
   opacity: 1
}

.service .service-slider .owl-stage-outer .single-box:hover .part-img .overlay a {
   margin-top: 0
}

.service .service-slider .owl-stage-outer .single-box:hover .part-txt a {
   color: #322b53
}

.service .service-slider .owl-nav {
   position: absolute;
   top: 50%;
   left: -160px;
   right: -160px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   visibility: hidden
}

.service .service-slider .owl-nav.disabled {
   display: none
}

.service .service-slider .owl-nav button {
   text-align: center;
   width: 60px;
   height: 60px;
   line-height: 65px;
   font-size: 20px;
   background: #274082;
   color: #fff;
   border-radius: 50%;
   visibility: visible
}

.service .service-slider .owl-nav button:hover {
   background: #322b53
}

.service-2 {
   padding: 120px 0
}

.service-2 .service-boxes .single-box {
   text-align: center
}

.service-2 .service-boxes .single-box .wrap {
   border-radius: 10px;
   overflow: hidden
}

.service-2 .service-boxes .single-box .wrap .part-txt {
   text-align: center;
   padding: 0 35px;
   position: relative;
   z-index: 2
}

.service-2 .service-boxes .single-box .wrap .part-txt:before {
   content: "";
   position: absolute;
   top: -52px;
   left: 50%;
   width: 710px;
   height: 710px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   background: #f6f6f6;
   border-radius: 50%;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
   z-index: -1
}

.service-2 .service-boxes .single-box .wrap .part-txt:after {
   content: "";
   position: absolute;
   top: -42px;
   left: 50%;
   width: 690px;
   height: 690px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   border: 2px solid #f6f6f6;
   border-radius: 50%;
   z-index: -1
}

.service-2 .service-boxes .single-box .wrap .part-txt .part-icon {
   width: 85px;
   height: 85px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border: 3px solid #fff;
   background: #4186b9;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
   border-radius: 50%;
   -webkit-transform: translateY(-94px);
   -ms-transform: translateY(-94px);
   transform: translateY(-94px);
   margin: 0 auto -56px
}

.service-2 .service-boxes .single-box .wrap .part-txt .part-icon img {
   width: auto
}

.service-2 .service-boxes .single-box .wrap .part-txt h3 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #000;
   margin-bottom: 16px;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.service-2 .service-boxes .single-box .wrap .part-txt p {
   font-size: 16px;
   line-height: 29px;
   color: #727272;
   margin-bottom: 59px;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.service-2 .service-boxes .single-box .details-btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 60px;
   height: 60px;
   line-height: 60px;
   font-size: 21px;
   font-weight: 500;
   color: #fff;
   background: #4186b9;
   border: 2px solid #000;
   border-radius: 50%;
   -webkit-transform: translateY(-30px) translateX(-50%);
   -ms-transform: translateY(-30px) translateX(-50%);
   transform: translateY(-30px) translateX(-50%);
   margin-left: 50%;
   margin-bottom: -30px;
   position: relative;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
   z-index: 3
}

.service-2 .service-boxes .single-box:hover .wrap .part-txt:before {
   background: #4186b9
}

.service-2 .service-boxes .single-box:hover .wrap .part-txt .part-icon {
   background: #000
}

.service-2 .service-boxes .single-box:hover .wrap .part-txt h3,
.service-2 .service-boxes .single-box:hover .wrap .part-txt p {
   color: #fff
}

.service-2 .service-boxes .single-box:hover .details-btn {
   color: #274082;
   background: #fff
}

.fun-fact .bg {
   position: relative;
   background: #274082;
   border-radius: 10px;
   margin-top: -40px;
   z-index: 3;
   margin-bottom: 30px;
}

.fun-fact .bg .single-box {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 75px 0
}

.fun-fact .bg .single-box .txt {
   padding-left: 40px;
   position: relative;
   z-index: 2
}

.fun-fact .bg .single-box .txt:after {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   width: 120px;
   height: 120px;
   border-radius: 10%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   background: #fff;
   opacity: .09;
   z-index: -1
}

.fun-fact .bg .single-box .txt h2 {
   font-size: 55px;
   line-height: 100%;
   font-weight: 700;
   color: #fff;
   margin-top: -7px;
   margin-bottom: 3px
}

.fun-fact .bg .single-box .txt h2 .odometer-formatting-mark {
   display: none
}

.fun-fact .bg .single-box .txt p {
   font-size: 18px;
   line-height: 100%;
   font-weight: 600;
   color: #fff;
   margin-bottom: -5px
}

.fun-fact-2 {
    /* background: url(../images/fun-fact-bg.jpg) center center no-repeat; */
    background-size: cover;
    background: #4186b9;
}

.fun-fact-2 .single-box {
   text-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 70px 0;
   position: relative
}

.fun-fact-2 .single-box.last:before,
.fun-fact-2 .single-box.last:after {
   display: none
}

.fun-fact-2 .single-box:before {
   content: "";
   position: absolute;
   top: 50%;
   right: -17.5px;
   width: 35px;
   height: 35px;
   background: #fff;
   border-radius: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   opacity: .2
}

.fun-fact-2 .single-box:after {
   content: "";
   position: absolute;
   top: 50%;
   right: -5.5px;
   width: 11px;
   height: 11px;
   background: #fff;
   border-radius: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
}

.fun-fact-2 .single-box .txt h2 {
   font-size: 55px;
   line-height: 100%;
   font-weight: 700;
   color: #fff;
   padding-bottom: 17px;
   margin-top: -8px;
   margin-bottom: 17px;
   position: relative
}

.fun-fact-2 .single-box .txt h2:after {
   content: "//";
   position: absolute;
   bottom: 0;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   color: #fff;
   font-size: 15px;
   line-height: 100%
}

.fun-fact-2 .single-box .txt h2 .odometer-formatting-mark {
   display: none
}

.fun-fact-2 .single-box .txt p {
   font-size: 18px;
   line-height: 100%;
   font-weight: 600;
   color: #fff;
   margin-bottom: -5px
}

.project {
   padding-top: 120px;
   padding-bottom: 90px;
   background: #ffc107;
   background-size: cover
}

.project .title {
   margin-bottom: 72px
}

.project .title h2 {
   font-size: 50px;
   line-height: 62px;
   font-weight: 700;
   color: #fff;
   margin-top: -10px;
   margin-bottom: 0
}

.project .project-slider .single-box {
   border-radius: 10px;
   margin-bottom: 30px;
   overflow: hidden;
   position: relative
}

.project .project-slider .single-box:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #322b53;
   opacity: 0;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
   z-index: 1
}

.project .project-slider .single-box .part-txt {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 50px;
   z-index: 2
}

.project .project-slider .single-box .part-txt .txt {
   -webkit-transform: translatey(100%);
   -ms-transform: translatey(100%);
   transform: translatey(100%);
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.project .project-slider .single-box .part-txt .txt h3 {
   font-size: 32px;
   line-height: 100%;
   font-weight: 700;
   color: #fff;
   margin-bottom: 16px
}

.project .project-slider .single-box .part-txt .txt p {
   font-size: 16px;
   line-height: 100%;
   font-weight: 500;
   color: #fff;
   margin-bottom: 0
}

.project .project-slider .single-box .part-txt .details-btn {
   text-align: right;
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.project .project-slider .single-box .part-txt .details-btn a {
   text-align: center;
   width: 60px;
   height: 60px;
   line-height: 66px;
   font-size: 25px;
   font-weight: 500;
   color: #274082;
   background: #fff;
   border-radius: 50%
}

.project .project-slider .single-box .part-txt .details-btn a:hover {
   color: #fff;
   background: #274082
}

.project .project-slider .single-box:hover:after {
   opacity: .9
}

.project .project-slider .single-box:hover .part-txt .txt,
.project .project-slider .single-box:hover .part-txt .details-btn {
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   transform: translateX(0)
}

.project .project-slider .owl-nav {
   position: absolute;
   top: -165px;
   right: 0
}

.project .project-slider .owl-nav button {
   text-align: center;
   width: 60px;
   height: 60px;
   line-height: 65px;
   font-size: 20px;
   color: #274082;
   background: #fff;
   border-radius: 50%
}

.project .project-slider .owl-nav button.owl-prev {
   margin-right: 20px
}

.project .project-slider .owl-nav button:hover {
   color: #fff;
   background: #322b53
}

.recent-work {
   padding: 120px 0;
   background: url(../images/recent-work-bg.jpg) center center no-repeat;
   background-size: cover
}

.recent-work .main-title {
   font-size: 45px;
   line-height: 100%;
   font-weight: 700;
   text-transform: uppercase;
   color: #fff;
   margin-top: -1px;
   margin-bottom: 96px
}

.recent-work .main-title span {
   color: #546e9b
}

.recent-work .wrap {
   max-width: 1770px;
   width: 100%;
   padding: 0 15px;
   margin: 0 auto
}

.recent-work .wrap .works .work-slider .slick-list {
   border-radius: 10px
}

.recent-work .wrap .works .work-slider .slick-list .single-box {
   margin: 0 25px;
   border-radius: 10px;
   overflow: hidden;
   position: relative
}

.recent-work .wrap .works .work-slider .slick-list .single-box:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(244, 89, 5, .9);
   opacity: 0;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
   z-index: 1
}

.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
   opacity: 0;
   z-index: 2
}

.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt h3 {
   font-size: 140px;
   line-height: 100%;
   font-weight: 700;
   color: #fff;
   margin-bottom: 61px;
   opacity: .15
}

.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 0 70px 50px;
   -webkit-transform: translateY(50px);
   -ms-transform: translateY(50px);
   transform: translateY(50px);
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .title {
   font-size: 40px;
   line-height: 100%;
   font-weight: 700;
   color: #fff;
   margin-bottom: 19px
}

.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt p {
   font-size: 20px;
   line-height: 100%;
   font-weight: 500;
   color: #fff;
   margin-bottom: -5px
}

.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .details-btn {
   text-align: center;
   width: 62px;
   height: 62px;
   line-height: 67px;
   font-size: 25px;
   font-weight: 500;
   color: #274082;
   background: #fff;
   border: 1px solid #fff;
   border-radius: 50%
}

.recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .details-btn:hover {
   color: #fff;
   background: #274082
}

.recent-work .wrap .works .work-slider .slick-list .single-box:hover:after {
   opacity: 1
}

.recent-work .wrap .works .work-slider .slick-list .single-box:hover .part-txt {
   opacity: 1
}

.recent-work .wrap .works .work-slider .slick-list .single-box:hover .part-txt .txt {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0)
}

.recent-work .wrap .works .work-slider .slick-arrow {
   position: absolute;
   top: -140px;
   left: 0;
   right: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   visibility: hidden
}

.recent-work .wrap .works .work-slider .slick-arrow button {
   text-align: center;
   width: 60px;
   height: 60px;
   line-height: 62px;
   font-size: 20px;
   color: #274082;
   background: #fff;
   border-radius: 50%;
   visibility: visible
}

.recent-work .wrap .works .work-slider .slick-arrow button.slick-prev {
   margin-right: 80px
}

.recent-work .wrap .works .work-slider .slick-arrow button:hover {
   background: #322b53;
   color: #fff
}

.recent-work .wrap .works .work-slider .slick-dots {
   padding: 0;
   margin: 70px auto 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   list-style: none;
   background: #fff;
   border-radius: 4px;
   height: 8px;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   overflow: hidden
}

.recent-work .wrap .works .work-slider .slick-dots li button {
   width: 210px;
   height: 8px;
   border-radius: 4px;
   text-indent: -9999px
}

.recent-work .wrap .works .work-slider .slick-dots li.slick-active button {
   width: 260px;
   background: #322b53
}

.testimonial {
   padding: 120px 0
}

.testimonial .client-area {
   padding-right: 70px;
   border-radius: 10px;
   position: relative;
   overflow: hidden
}

.testimonial .client-area .client-slider {
   position: relative
}

.testimonial .client-area .client-slider .scale {
   width: 100%;
   opacity: 0
}

.testimonial .client-area .client-slider .single-client {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 10px;
   overflow: hidden
}

.testimonial .client-area .client-slider .single-client .part-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.testimonial .client-area .client-slider .single-client .part-img.active {
   opacity: 1
}

.testimonial .client-area .img {
   position: absolute;
   left: -133px;
   bottom: -166px;
   width: 413px;
   height: 413px;
   background: #322b53;
   border: 65px solid #fff;
   border-radius: 50%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   padding-top: 70px;
   padding-right: 70px
}

.testimonial .comment-slider {
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.testimonial .comment-slider .single-comment .icon {
   text-align: center;
   width: 75px;
   height: 75px;
   line-height: 82px;
   font-size: 40px;
   background: #322b53;
   color: #fff;
   border-radius: 10px;
   margin-bottom: 43px
}

.testimonial .comment-slider .single-comment p {
    font-size: 19px;
    /* line-height: 47px; */
    font-weight: 400;
    color: black;
    margin-bottom: 36px;
}

.testimonial .comment-slider .single-comment h3 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-bottom: 19px
}

.testimonial .comment-slider .single-comment span {
   font-size: 18px;
   line-height: 100%;
   font-weight: 500;
   color: #322b53
}

.testimonial .comment-slider .owl-dots {
   height: 78px;
   padding-top: 72px
}

.testimonial .comment-slider .owl-dots .owl-dot {
   width: 45px;
   height: 6px;
   background: #274082;
   border-radius: 3px;
   margin-right: 15px
}

.testimonial .comment-slider .owl-dots .owl-dot.active {
   background: #322b53
}

.testimonial .comment-slider .owl-dots .owl-dot:last-child {
   margin-right: 0
}

.testimonial-2 {
   padding: 120px 0
}

.testimonial-2 .comment-slider-2 .owl-item.center .single-comment .part-txt {
   background: #4186b9;
}

.testimonial-2 .comment-slider-2 .owl-item.center .single-comment .part-txt:after {
   -webkit-text-stroke-color: #fff;
   opacity: .2
}

.testimonial-2 .comment-slider-2 .owl-item.center .single-comment .part-txt p,
.testimonial-2 .comment-slider-2 .owl-item.center .single-comment .part-txt h3,
.testimonial-2 .comment-slider-2 .owl-item.center .single-comment .part-txt span {
   color: #fff
}

.testimonial-2 .comment-slider-2 .owl-item .single-comment {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.testimonial-2 .comment-slider-2 .owl-item .single-comment .part-img {
   width: 79px;
   height: 79px;
   border: 3px solid #fff;
   border-radius: 50%;
   -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
   box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
   overflow: hidden;
   margin-bottom: -46px;
   position: relative;
   z-index: 3
}

.testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt {
   text-align: center;
   background: #f6f6f6;
   border-radius: 10px;
   padding: 82px 45px 40px;
   position: relative;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s;
   z-index: 2
}

.testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt:after {
   content: "\efcd";
   font-family: icofont;
   font-size: 125px;
   line-height: 100%;
   color: transparent;
   -webkit-text-stroke: 2px #274082;
   position: absolute;
   top: 60px;
   left: 0;
   width: 100%;
   height: 100%;
   text-align: center;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s;
   opacity: .1;
   z-index: -1
}

.testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt p {
   font-size: 17px;
   line-height: 26px;
   font-weight: 500;
   color: #727272;
   margin-bottom: 35px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt h3 {
   font-size: 25px;
   line-height: 100%;
   font-weight: 700;
   color: #4186b9;
   margin-bottom: 12px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt span {
   display: block;
   font-size: 13px;
   line-height: 100%;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 1.3px;
   color: #322b53;
   margin-bottom: -3px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.testimonial-2 .comment-slider-2 .owl-dots {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding-top: 70px
}

.testimonial-2 .comment-slider-2 .owl-dots .owl-dot {
   width: 45px;
   height: 6px;
   background: #274082;
   border-radius: 3px;
   margin-right: 15px
}

.testimonial-2 .comment-slider-2 .owl-dots .owl-dot.active {
   background: #f6f6f6;
}

.testimonial-2 .comment-slider-2 .owl-dots .owl-dot:last-child {
   margin-right: 0
}

.team {
   padding: 120px 0;
   background: #f6f6f6
}

.team .single-box {
   background: #fff;
   border-radius: 10px;
   padding: 15px;
   position: relative;
   overflow: hidden;
   z-index: 2;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.team .single-box:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url(../images/team-vector.jpg) center center no-repeat;
   background-size: cover;
   border-radius: 10px;
   opacity: 0;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
   z-index: -1
}

.team .single-box:after {
   content: "";
   position: absolute;
   bottom: -35px;
   left: -15px;
   width: 50px;
   height: 100px;
   border: 12px solid rgba(244, 89, 5, .13);
   -webkit-transform: skewY(30deg);
   -ms-transform: skewY(30deg);
   transform: skewY(30deg);
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
   z-index: -1
}

.team .single-box .part-img {
   border-radius: 10px;
   overflow: hidden
}

.team .single-box .part-txt {
   text-align: center;
   padding-bottom: 25px
}

.team .single-box .part-txt .social {
   margin-top: -18px;
   margin-bottom: 35px
}

.team .single-box .part-txt .social a {
   text-align: center;
   width: 40px;
   height: 40px;
   line-height: 42px;
   border: 1px solid #e9e4e1;
   border-radius: 50%;
   color: #274082;
   background: #fff;
   margin-right: 11px
}

.team .single-box .part-txt .social a:last-child {
   margin-right: 0
}

.team .single-box .part-txt .social a:hover {
   background: #274082;
   color: #fff
}

.team .single-box .part-txt .title {
   display: block;
   font-size: 26px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 12px;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.team .single-box .part-txt p {
   font-size: 13px;
   line-height: 100%;
   font-weight: 600;
   color: #322b53;
   letter-spacing: 1.3px;
   margin-bottom: -3px;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.team .single-box:hover:before {
   opacity: 1
}

.team .single-box:hover:after {
   border-color: #fff
}

.team .single-box:hover .part-txt .title,
.team .single-box:hover .part-txt p {
   color: #fff
}

.blog {
   padding: 120px 0
}

.blog .single-box {
   position: relative;
   z-index: 2;
   margin: 20px 0px;
}

.blog .single-box:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #274082;
   border-radius: 11px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s;
   z-index: -1
}

.blog .single-box:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #f6f6f6;
   border-radius: 10px;
   z-index: -1
}

.blog .single-box .part-img {
   border-radius: 10px;
   overflow: hidden
}

.blog .single-box .part-txt {
   padding: 40px
}

.blog .single-box .part-txt .blog-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 24px
}

.blog .single-box .part-txt .blog-info .date {
   height: 45px;
   line-height: 48px;
   font-size: 16px;
   font-weight: 500;
   padding: 0 20px;
   color: #fff;
   background: #274082;
   border-radius: 5px;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.blog .single-box .part-txt .blog-info .admin {
   height: 45px;
   line-height: 48px;
   font-size: 16px;
   font-weight: 500;
   color: #274082
}

.blog .single-box .part-txt .blog-info .admin .name {
   font-weight: 700;
   color: #322b53
}

.blog .single-box .part-txt a {
   font-size: 22px;
   line-height: 32px;
   font-weight: 700;
   color: #274082;
   margin-bottom: 13px
}

.blog .single-box .part-txt a:hover {
   color: #000
}

.blog .single-box .part-txt p {
   font-size: 16px;
   line-height: 27px;
   color: #727272;
   margin-bottom: -10px
}

.blog .single-box:hover:before {
   bottom: -5px
}

.blog .single-box:hover .part-txt .blog-info .date {
   background: #322b53;
}

.blog-2 {
   padding: 120px 0
}

.blog-2 .single-box {
   border-radius: 10px;
   background: #f6f6f6;
   overflow: hidden;
   position: relative;
   z-index: 2
}

.blog-2 .single-box:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 0;
   background: #322b53;
   border-radius: 10px;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
   z-index: -1
}

.blog-2 .single-box .part-img {
   border-radius: 10px;
   overflow: hidden;
   position: relative
}

.blog-2 .single-box .part-img:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   bottom: -5px;
   right: 0;
   background: rgba(0, 33, 91, .4);
   border-bottom: 5px solid #fff;
   border-radius: 10px;
   -webkit-transition: .6s;
   -o-transition: .6s;
   transition: .6s;
   z-index: 1
}

.blog-2 .single-box .part-img .date {
   position: absolute;
   left: 20px;
   bottom: 20px;
   z-index: 2
}

.blog-2 .single-box .part-img .date span {
   height: 45px;
   line-height: 48px;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
   background: #322b53;
   padding: 0 20px;
   border-radius: 5px
}

.blog-2 .single-box .part-txt {
   padding: 40px
}

.blog-2 .single-box .part-txt ul {
   padding: 0;
   margin-top: -1px;
   margin-bottom: 19px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.blog-2 .single-box .part-txt ul li {
   list-style: none;
   font-size: 14px;
   line-height: 100%;
   font-weight: 700;
   color: #7d8189;
   margin-right: 20px;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.blog-2 .single-box .part-txt ul li:last-child {
   margin-right: 0
}

.blog-2 .single-box .part-txt ul li span {
   color: #322b53;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.blog-2 .single-box .part-txt ul li span.color-1 {
   color: #274082
}

.blog-2 .single-box .part-txt a {
   font-size: 22px;
   line-height: 32px;
   font-weight: 700;
   color: #274082;
   margin-bottom: 13px;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.blog-2 .single-box .part-txt p {
   font-size: 16px;
   line-height: 27px;
   color: #546e9b;
   margin-bottom: -5px;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.blog-2 .single-box:hover:after {
   height: 100%
}

.blog-2 .single-box:hover .part-img:after {
   bottom: 0
}

.blog-2 .single-box:hover .part-txt ul li {
   color: #274082
}

.blog-2 .single-box:hover .part-txt ul li span {
   color: #fff
}

.blog-2 .single-box:hover .part-txt a,
.blog-2 .single-box:hover .part-txt p {
   color: #fff
}

.partner {
   padding: 90px 0;
   background: #f6f6f6
}

.partner .partner-slider .single-partner {
   width: 100%;
   height: 122px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s;
   -webkit-filter: grayscale(1);
   filter: grayscale(1)
}

.partner .partner-slider .single-partner img {
   width: auto;
   height: 100%
}

.partner .partner-slider .single-partner:hover {
   -webkit-filter: grayscale(0);
   filter: grayscale(0)
}

.footer {
    /* background: url(../images/footer-bg.jpg) center center no-repeat; */
    background-size: cover;
    background: #282828;
}
.footer .main-footer {
   padding: 76px 0
}

.footer .main-footer h3.title {
    font-size: 30px;
    line-height: 100%;
    font-weight: 700;
    color: #fff;
    margin-top: -2px;
    margin-bottom: 27px;
    padding-bottom: 24px;
    position: relative;
}

.footer .main-footer h3.title:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 70px;
   height: 5px;
   background: #4186b9;
   border-radius: 3px
}

.footer .main-footer .site-info .logo {
    width: 260px;
    height: 88px;
    background: #fff;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 41px;
}

.footer .main-footer .site-info p {
   font-size: 16px;
   line-height: 32px;
   color: #fff;
   margin-bottom: 10px
}

.footer .main-footer .site-info .social a {
   text-align: center;
   width: 40px;
   height: 40px;
   line-height: 43px;
   font-size: 14px;
   color: #274082;
   background: #fff;
   border-radius: 5px;
   margin-right: 10px
}

.footer .main-footer .site-info .social a:last-child {
   margin-right: 0
}

.footer .main-footer .site-info .social a:hover {
   color: #fff;
   background: #322b53
}

.footer .main-footer .footer-contact ul {
   padding: 0;
   margin-top: -9px;
   margin-bottom: -9px
}

.footer .main-footer .footer-contact ul li {
   list-style: none;
   color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 16px;
   line-height: 32px;
   margin-bottom: 12px
}

.footer .main-footer .footer-contact ul li:last-child {
   margin-bottom: 0
}

.footer .main-footer .footer-contact ul li span {
   font-size: 17px;
   color: #322b53;
   margin-right: 20px
}

.footer .main-footer .footer-service ul {
   padding: 0;
   margin-top: -13px;
   margin-bottom: -14px
}

.footer .main-footer .footer-service ul li {
   list-style: none;
   font-size: 16px;
   line-height: 41px
}

.footer .main-footer .footer-service ul li a {
   color: #fff
}

.footer .main-footer .footer-service ul li a span {
   margin-right: 16px
}

.footer .main-footer .footer-service ul li a:hover {
   color: #4186b9
}

.footer .main-footer .gallery .images {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -15px;
   margin-bottom: -15px
}

.footer .main-footer .gallery .images .single-img {
   margin-right: 15px;
   margin-bottom: 15px;
   border-radius: 10px;
   overflow: hidden
}

.footer .copyright {
    background: #4186b9;
    text-align: center;
}
.footer .copyright p {
   font-size: 16px;
   line-height: 100%;
   color: #fff;
   margin-top: -1px;
   padding-top: 25px;
   margin-bottom: 0;
   padding-bottom: 21px
}

.footer-2 {
   background: url(../images/footer-bg-2.jpg) center center no-repeat;
   background-size: cover
}

.footer-2 .main-footer h3.title {
   font-size: 35px;
   line-height: 100%;
   font-weight: 700;
   color: #fff;
   margin-top: -2px;
   margin-bottom: 50px;
   padding-bottom: 46px;
   position: relative
}

.footer-2 .main-footer h3.title:after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 70px;
   height: 5px;
   background: #322b53;
   border-radius: 3px
}

.footer-2 .main-footer .footer-contact {
   padding: 120px 0
}

.footer-2 .main-footer .footer-contact ul {
   padding: 0;
   margin-top: -9px;
   margin-bottom: -9px
}

.footer-2 .main-footer .footer-contact ul li {
   list-style: none;
   color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 16px;
   line-height: 32px;
   margin-bottom: 12px
}

.footer-2 .main-footer .footer-contact ul li:last-child {
   margin-bottom: 0
}

.footer-2 .main-footer .footer-contact ul li span {
   font-size: 17px;
   color: #322b53;
   margin-right: 20px
}

.footer-2 .main-footer .site-info {
   background: rgba(244, 89, 5, .18);
   text-align: center;
   position: relative;
   padding: 120px 90px
}

.footer-2 .main-footer .site-info:before {
   content: "";
   position: absolute;
   top: 50%;
   right: 100%;
   width: 3px;
   height: 300px;
   background: #322b53;
   border-radius: 2px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
}

.footer-2 .main-footer .site-info:after {
   content: "";
   position: absolute;
   top: 50%;
   left: 100%;
   width: 3px;
   height: 300px;
   background: #322b53;
   border-radius: 2px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%)
}

.footer-2 .main-footer .site-info .logo {
   width: 120px;
   height: 120px;
   background: #fff;
   border-radius: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin: 0 auto 50px
}

.footer-2 .main-footer .site-info p {
   font-size: 16px;
   line-height: 32px;
   color: #fff;
   margin-top: -9px;
   margin-bottom: 38px
}

.footer-2 .main-footer .site-info .social a {
   text-align: center;
   width: 40px;
   height: 40px;
   line-height: 43px;
   font-size: 14px;
   color: #274082;
   background: #fff;
   border-radius: 5px;
   margin-right: 10px
}

.footer-2 .main-footer .site-info .social a:last-child {
   margin-right: 0
}

.footer-2 .main-footer .site-info .social a:hover {
   color: #fff;
   background: #322b53
}

.footer-2 .main-footer .footer-service {
   padding: 120px 0
}

.footer-2 .main-footer .footer-service ul {
   padding: 0;
   margin-top: -13px;
   margin-bottom: -14px
}

.footer-2 .main-footer .footer-service ul li {
   list-style: none;
   font-size: 16px;
   line-height: 41px
}

.footer-2 .main-footer .footer-service ul li a {
   color: #fff
}

.footer-2 .main-footer .footer-service ul li a span {
   margin-right: 16px
}

.footer-2 .main-footer .footer-service ul li a:hover {
   color: #322b53
}

.footer-2 .copyright {
   background: #011c4c;
   text-align: center
}

.footer-2 .copyright p {
   font-size: 16px;
   line-height: 100%;
   color: #fff;
   margin-top: -1px;
   padding-top: 25px;
   margin-bottom: 0;
   padding-bottom: 21px
}

.breadcrumb {
   padding: 0;
/*   margin-top: 124px;*/
   margin-bottom: 0;
   background: url(../images//vorto-infotech/bread.jpg) center center no-repeat;
   background-size: cover;
   border-radius: 0;
   position: relative;
   z-index: 2
}

.breadcrumb:after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: url(../images/breadcrumb-overlay.png) center center no-repeat;
   background-size: cover;
   z-index: -1
}

.breadcrumb .part-txt {
   text-align: center;
   padding: 115px 0
}

.breadcrumb .part-txt h1 {
   font-size: 60px;
   line-height: 100%;
   font-weight: 700;
   color: #fff;
   margin-top: -4px;
   margin-bottom: 24px
}

.breadcrumb .part-txt ul {
   padding: 0;
   margin-bottom: -5px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.breadcrumb .part-txt ul li {
   list-style: none;
   font-size: 17px;
   line-height: 100%;
   font-weight: 500;
   color: #fff;
   margin-right: 11px;
   color: #eaeaea
}

.breadcrumb .part-txt ul li.current {
   color: #fff;
}

.breadcrumb .part-txt ul li:last-child {
   margin-right: 0
}

.footer-inner .main-footer {
   position: relative
}

.footer-inner .main-footer:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 5px;
   background: #322b53
}

.about-inner .part-img {
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start
}

.about-inner .boxes {
   padding-top: 80px
}

.about-inner .boxes .single-box {
   background: #f6f6f6;
   border-radius: 10px;
   padding: 55px 50px
}

.about-inner .boxes .single-box h3 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-bottom: -2px
}

.about-inner .boxes .single-box p {
   font-size: 17px;
   line-height: 29px;
   color: #727272;
   margin-top: 28px;
   margin-bottom: -15px
}

.service-inner {
   padding-bottom: 90px
}

.service-inner .single-box {
   margin-bottom: 30px
}

.cta {
    /* background: url(../images/cta-bg.jpg) center center no-repeat; */
    background-size: cover;
    background: #2f2851;
}
.cta .part-txt h2 {
   font-size: 50px;
   line-height: 65px;
   font-weight: 700;
   color: #fff;
   padding: 75px 0;
   margin-top: -7px;
   margin-bottom: -20px
}

.cta .def-btn {
   background: #fff;
   border-color: #fff;
   color: #274082
}

.cta .def-btn:hover {
   background: #274082;
   color: #fff
}

.service-details {
   padding: 120px 0
}

.service-details .main-content {
   margin-left: -30px
}

.service-details .main-content .part-img {
   border-radius: 10px;
   overflow: hidden;
   margin-bottom: 50px
}

.service-details .main-content .part-txt {
   margin-bottom: -23px
}

.service-details .main-content .part-txt h2 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 26px
}

.service-details .main-content .part-txt p {
   font-size: 17px;
   line-height: 29px;
   color: #546e9b;
   margin-bottom: 13px
}

.service-details .main-content .part-txt h3 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   padding-top: 20px;
   margin-bottom: 26px
}

.service-details .main-content .part-txt .quote {
   background: #322b53;
   border-radius: 10px;
   padding: 40px 70px 35px;
   text-align: center;
   margin-top: 30px;
   margin-bottom: 18px;
   position: relative;
   z-index: 2
}

.service-details .main-content .part-txt .quote:after {
   content: "“";
   position: absolute;
   top: 3%;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   font-size: 455px;
   line-height: 100%;
   font-weight: 700;
   color: rgba(255, 255, 255, .22);
   z-index: -1
}

.service-details .main-content .part-txt .quote span {
   font-size: 28px;
   line-height: 35px;
   font-weight: 700;
   color: #fff
}

.service-details .sidebar {
   margin-right: -30px
}

.service-details .sidebar h2 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 28px
}

.service-details .sidebar .nav {
   margin-bottom: 50px
}

.service-details .sidebar .nav .nav-link {
   height: 55px;
   line-height: 55px;
   font-size: 17px;
   color: #546e9b;
   padding: 0 30px;
   border: 1px solid #e1e1e1;
   border-radius: 5px;
   margin-bottom: 12px
}

.service-details .sidebar .nav .nav-link:last-child {
   margin-bottom: 0
}

.service-details .sidebar .nav .nav-link span {
   margin-right: 15px
}

.service-details .sidebar .nav .nav-link.active {
   background: #322b53;
   border-color: #322b53;
   color: #fff
}

.service-details .sidebar .download-btn {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   height: 60px;
   line-height: 65px;
   font-size: 19px;
   font-weight: 700;
   color: #fff;
   background: #274082;
   border-radius: 5px;
   padding: 0 30px;
   margin-bottom: 15px
}

.service-details .sidebar .download-btn.two {
   background: #322b53;
   margin-bottom: 0
}

.team-inner {
   padding-bottom: 90px;
   background: 0 0
}

.team-inner .single-box {
   margin-bottom: 30px;
   background: #f6f6f6
}

.team-details {
   padding-top: 120px;
   margin-bottom: -20px
}

.team-details .bg {
   background: #f6f6f6;
   border-radius: 10px;
   padding: 65px 70px
}

.team-details .bg .part-img {
   width: 300px;
   border: 8px solid #fff;
   border-radius: 10px
}

.team-details .bg .part-txt {
   padding-left: 16px
}

.team-details .bg .part-txt h2 {
   font-size: 26px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 6px
}

.team-details .bg .part-txt span {
   font-size: 13px;
   line-height: 100%;
   font-weight: 600;
   color: #322b53;
   margin-bottom: 20px;
   letter-spacing: 1.3px
}

.team-details .bg .part-txt p {
   font-size: 17px;
   line-height: 29px;
   color: #546e9b;
   margin-bottom: 8px
}

.team-details .bg .part-txt .social {
   padding-top: 17px
}

.team-details .bg .part-txt .social a {
   text-align: center;
   width: 40px;
   height: 40px;
   line-height: 42px;
   margin-right: 11px;
   background: #fff;
   border: 1px solid #e9e4e1;
   border-radius: 50%;
   font-size: 14px;
   color: #274082
}

.team-details .bg .part-txt .social a:last-child {
   margin-right: 0
}

.team-details .bg .part-txt .social a:hover {
   background: #322b53;
   border-color: #322b53;
   color: #fff
}

.project-inner {
   padding: 120px 0
}

.project-inner .control-panel {
   margin-bottom: 60px
}

.project-inner .control-panel .controls {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   height: 90px;
   background: #f2f2f2;
   border-radius: 10px;
   padding: 0;
   margin: 0
}

.project-inner .control-panel .controls li {
   list-style: none;
   color: #274082;
   font-size: 18px;
   line-height: 100%;
   font-weight: 500;
   padding: 0 35px;
   border-radius: 6px;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   position: relative;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s;
   z-index: 2
}

.project-inner .control-panel .controls li:after {
   content: "";
   position: absolute;
   top: 50%;
   right: -2px;
   background: #274082;
   width: 4px;
   height: 2px
}

.project-inner .control-panel .controls li:last-child:after {
   display: none
}

.project-inner .control-panel .controls li.active {
   color: #322b53
}

.project-inner .items {
   margin: -15px
}

.project-inner .items .single-item {
   border-radius: 10px;
   margin: 15px;
   overflow: hidden;
   position: relative
}

.project-inner .items .single-item.width-1 {
   width: calc(100%/3 - 30px)
}

.project-inner .items .single-item.width-2 {
   width: calc(100%/2 - 30px)
}

.project-inner .items .single-item:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #322b53;
   opacity: 0;
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in;
   z-index: 1
}

.project-inner .items .single-item .part-txt {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 50px;
   z-index: 2
}

.project-inner .items .single-item .part-txt .txt {
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.project-inner .items .single-item .part-txt .txt h3 {
   font-size: 32px;
   line-height: 100%;
   font-weight: 700;
   color: #fff;
   margin-bottom: 16px
}

.project-inner .items .single-item .part-txt .txt p {
   font-size: 16px;
   line-height: 100%;
   font-weight: 500;
   color: #fff;
   margin-bottom: 0
}

.project-inner .items .single-item .part-txt .details-btn {
   text-align: right;
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
   -webkit-transition: all .4s ease-in;
   -o-transition: all .4s ease-in;
   transition: all .4s ease-in
}

.project-inner .items .single-item .part-txt .details-btn a {
   text-align: center;
   width: 60px;
   height: 60px;
   line-height: 66px;
   font-size: 25px;
   font-weight: 500;
   color: #274082;
   background: #fff;
   border-radius: 50%
}

.project-inner .items .single-item .part-txt .details-btn a:hover {
   color: #fff;
   background: #274082
}

.project-inner .items .single-item:hover:after {
   opacity: .9
}

.project-inner .items .single-item:hover .part-txt .txt,
.project-inner .items .single-item:hover .part-txt .details-btn {
   -webkit-transform: translateX(0);
   -ms-transform: translateX(0);
   transform: translateX(0)
}

.project-details {
   padding: 120px 0
}

.project-details .main-img {
   margin-bottom: 50px
}

.project-details .main-img .project-details-slider {
   margin-bottom: 30px
}

.project-details .main-img .project-details-slider .single-img {
   border-radius: 10px;
   overflow: hidden
}

.project-details .main-img .project-thumbnails {
   padding: 0 140px
}

.project-details .main-img .project-thumbnails .single-box {
   margin: 0 15px;
   border-radius: 10px;
   overflow: hidden;
   position: relative
}

@media only screen and (min-width:1200px) {
   .project-details .main-img .project-thumbnails .single-box {
      width: 200px !important
   }
}

.project-details .main-img .project-thumbnails .single-box:after {
   opacity: 0
}

.project-details .main-img .project-thumbnails .single-box.slick-center:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #322b53;
   opacity: .7;
   -webkit-transition: .4s;
   -o-transition: .4s;
   transition: .4s
}

.project-details .part-txt {
   margin-bottom: 40px
}

.project-details .part-txt h2 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 26px
}

.project-details .part-txt p {
   font-size: 17px;
   line-height: 29px;
   color: #546e9b;
   margin-bottom: 13px
}

.project-details .part-txt-2 {
   margin-bottom: 40px
}

.project-details .part-txt-2 h2 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 26px
}

.project-details .part-txt-2 p {
   font-size: 17px;
   line-height: 29px;
   color: #546e9b;
   margin-bottom: 13px
}

.project-details .information {
   padding: 55px 65px;
   background: #f6f6f6;
   margin-bottom: 50px
}

.project-details .information h2 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 26px
}

.project-details .information ul {
   padding: 0;
   margin: 0
}

.project-details .information ul li {
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 17px;
   line-height: 29px;
   color: #546e9b;
   margin-bottom: 8px
}

.project-details .information ul li:last-child {
   margin-bottom: -10px
}

.project-details .information ul li .strong {
   min-width: 80px;
   font-weight: 600;
   color: #274082
}

.project-details .information ul li .divider {
   font-weight: 700;
   margin-right: 30px
}

.project-details .part-txt-3 {
   margin-bottom: -23px
}

.project-details .part-txt-3 h2 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 26px
}

.project-details .part-txt-3 p {
   font-size: 17px;
   line-height: 29px;
   color: #546e9b;
   margin-bottom: 13px
}

.blog-inner .single-box {
   margin-bottom: 30px
}

.blog-inner .pagination {
   padding-top: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center
}

.blog-inner .pagination ul {
   padding: 0;
   margin: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.blog-inner .pagination ul li {
   list-style: none;
   margin-right: 20px
}

.blog-inner .pagination ul li:last-child {
   margin-right: 0
}

.blog-inner .pagination ul li a {
   text-align: center;
   width: 52px;
   height: 52px;
   line-height: 56px;
   background: #f6f6f6;
   border-radius: 5px;
   font-size: 16px;
   font-weight: 600;
   color: #2d2d2d
}

.blog-inner .pagination ul li a:hover {
   background: #322b53;
   color: #fff
}

.blog-details {
   padding: 120px 0
}

.blog-details .main-content {
   margin-right: -30px
}

.blog-details .main-content .part-img {
   border-radius: 10px;
   overflow: hidden;
   margin-bottom: 40px
}

.blog-details .main-content .blog-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between
}

.blog-details .main-content .blog-info ul {
   padding: 0;
   margin-bottom: 32px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex
}

.blog-details .main-content .blog-info ul:last-child li {
   font-weight: 600
}

.blog-details .main-content .blog-info ul:last-child li span {
   font-weight: 400;
   color: #546e9b
}

.blog-details .main-content .blog-info ul li {
   list-style: none;
   height: 45px;
   line-height: 48px;
   font-size: 16px;
   font-weight: 500;
   margin-right: 29px;
   color: #274082
}

.blog-details .main-content .blog-info ul li:last-child {
   margin-right: 0
}

.blog-details .main-content .blog-info ul li.color {
   background: #322b53;
   color: #fff;
   padding: 0 20px;
   border-radius: 5px
}

.blog-details .main-content .blog-info ul li span {
   color: #322b53;
   font-weight: 700
}

.blog-details .main-content .part-txt {
   margin-bottom: 27px
}

.blog-details .main-content .part-txt h2 {
   font-size: 30px;
   line-height: 42px;
   font-weight: 700;
   color: #274082;
   margin-bottom: 20px
}

.blog-details .main-content .part-txt p {
   font-size: 17px;
   line-height: 29px;
   color: #546e9b;
   margin-bottom: 13px
}

.blog-details .main-content .part-txt-2 {
   margin-bottom: 35px
}

.blog-details .main-content .part-txt-2 h2 {
   font-size: 30px;
   line-height: 42px;
   font-weight: 700;
   color: #274082;
   margin-bottom: 20px
}

.blog-details .main-content .part-txt-2 p {
   font-size: 17px;
   line-height: 29px;
   color: #546e9b;
   margin-bottom: 13px
}

.blog-details .main-content .quote {
   background: #322b53;
   border-radius: 10px;
   padding: 40px 70px 35px;
   text-align: center;
   margin-top: 30px;
   margin-bottom: 37px;
   position: relative;
   z-index: 2
}

.blog-details .main-content .quote:after {
   content: "“";
   position: absolute;
   top: 3%;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   font-size: 455px;
   line-height: 100%;
   font-weight: 700;
   color: rgba(255, 255, 255, .22);
   z-index: -1
}

.blog-details .main-content .quote span {
   font-size: 28px;
   line-height: 35px;
   font-weight: 700;
   color: #fff
}

.blog-details .main-content .other-info {
   background: #f2f2f2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-radius: 10px;
   height: 65px;
   line-height: 65px;
   padding: 0 30px;
   margin-bottom: 60px
}

.blog-details .main-content .other-info .tags p {
   font-size: 17px;
   font-weight: 600;
   color: #274082;
   margin-bottom: 0
}

.blog-details .main-content .other-info .tags p a {
   font-weight: 400;
   color: #546e9b
}

.blog-details .main-content .other-info .tags p a:hover {
   color: #322b53
}

.blog-details .main-content .other-info .share a {
   text-align: center;
   width: 40px;
   height: 40px;
   line-height: 42px;
   background: #fff;
   border: 1px solid rgba(0, 0, 0, .1);
   border-radius: 50%;
   font-size: 14px;
   color: #274082;
   margin-right: 11px
}

.blog-details .main-content .other-info .share a:last-child {
   margin-right: 0
}

.blog-details .main-content .other-info .share a:hover {
   background: #322b53;
   border-color: #322b53;
   color: #fff
}

.blog-details .main-content .blog-comment {
   margin-bottom: 50px
}

.blog-details .main-content .blog-comment h3 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 43px
}

.blog-details .main-content .blog-comment .single-comment {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 35px
}

.blog-details .main-content .blog-comment .single-comment .img {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   overflow: hidden;
   margin-right: 50px
}

.blog-details .main-content .blog-comment .single-comment .img img {
   width: auto;
   height: 100%
}

.blog-details .main-content .blog-comment .single-comment .txt {
   width: 650px
}

.blog-details .main-content .blog-comment .single-comment .txt .top {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 15px
}

.blog-details .main-content .blog-comment .single-comment .txt .top h4 {
   font-size: 26px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 8px
}

.blog-details .main-content .blog-comment .single-comment .txt .top span {
   font-size: 16px;
   line-height: 100%
}

.blog-details .main-content .blog-comment .single-comment .txt .top span.date {
   margin-right: 9px;
   color: #322b53
}

.blog-details .main-content .blog-comment .single-comment .txt .top span.time {
   color: #274082
}

.blog-details .main-content .blog-comment .single-comment .txt .top button {
   padding: 0;
   font-size: 18px;
   line-height: 100%;
   font-weight: 700;
   color: #322b53
}

.blog-details .main-content .blog-comment .single-comment .txt p {
   font-size: 17px;
   line-height: 29px;
   color: #546e9b;
   margin-bottom: 0
}

.blog-details .main-content .post-a-comment h3 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 43px
}

.blog-details .main-content .post-a-comment form input {
   width: 100%;
   height: 55px;
   padding: 0 25px;
   font-size: 17px;
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: 5px;
   margin-bottom: 30px
}

.blog-details .main-content .post-a-comment form input::-webkit-input-placeholder {
   color: #546e9b
}

.blog-details .main-content .post-a-comment form input:-ms-input-placeholder {
   color: #546e9b
}

.blog-details .main-content .post-a-comment form input::-ms-input-placeholder {
   color: #546e9b
}

.blog-details .main-content .post-a-comment form input::placeholder {
   color: #546e9b
}

.blog-details .main-content .post-a-comment form textarea {
   width: 100%;
   height: 200px;
   padding: 15px 25px;
   font-size: 17px;
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: 5px;
   margin-bottom: 32px
}

.blog-details .main-content .post-a-comment form textarea::-webkit-input-placeholder {
   color: #546e9b
}

.blog-details .main-content .post-a-comment form textarea:-ms-input-placeholder {
   color: #546e9b
}

.blog-details .main-content .post-a-comment form textarea::-ms-input-placeholder {
   color: #546e9b
}

.blog-details .main-content .post-a-comment form textarea::placeholder {
   color: #546e9b
}

.blog-details .main-content .post-a-comment form button:hover {
   border-color: #274082
}

.blog-details .sidebar {
   margin-left: -30px
}

.blog-details .sidebar h3 {
   font-size: 30px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 23px
}

.blog-details .sidebar .search-box {
   margin-bottom: 45px
}

.blog-details .sidebar .search-box form {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: 5px;
   padding: 0 25px
}

.blog-details .sidebar .search-box form input {
   width: 100%;
   height: 53px;
   font-size: 17px;
   color: #274082
}

.blog-details .sidebar .search-box form input::-webkit-input-placeholder {
   color: #546e9b
}

.blog-details .sidebar .search-box form input:-ms-input-placeholder {
   color: #546e9b
}

.blog-details .sidebar .search-box form input::-ms-input-placeholder {
   color: #546e9b
}

.blog-details .sidebar .search-box form input::placeholder {
   color: #546e9b
}

.blog-details .sidebar .search-box form button {
   padding: 0;
   font-size: 17px;
   color: #274082
}

.blog-details .sidebar .search-box form button:hover {
   color: #322b53
}

.blog-details .sidebar .category {
   margin-bottom: 45px
}

.blog-details .sidebar .category ul {
   padding: 0;
   margin: 0
}

.blog-details .sidebar .category ul li {
   list-style: none;
   margin-bottom: 12px
}

.blog-details .sidebar .category ul li:last-child {
   margin-bottom: 0
}

.blog-details .sidebar .category ul li a {
   display: block;
   height: 55px;
   line-height: 55px;
   font-size: 17px;
   color: #546e9b;
   padding: 0 30px;
   border: 1px solid #e1e1e1;
   border-radius: 5px
}

.blog-details .sidebar .category ul li a i {
   margin-right: 15px
}

.blog-details .sidebar .category ul li a:hover {
   background: #322b53;
   border-color: #322b53;
   color: #fff
}

.blog-details .sidebar .recent-post {
   margin-bottom: 45px
}

.blog-details .sidebar .recent-post .box {
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: 10px;
   padding: 35px 30px
}

.blog-details .sidebar .recent-post .box ul {
   padding: 0;
   margin-bottom: 17px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center
}

.blog-details .sidebar .recent-post .box ul:last-child {
   margin-bottom: -8px
}

.blog-details .sidebar .recent-post .box ul li {
   list-style: none;
   width: 158px
}

.blog-details .sidebar .recent-post .box ul li:first-child {
   width: 60px;
   height: 60px;
   border-radius: 50%;
   overflow: hidden;
   margin-right: 20px
}

.blog-details .sidebar .recent-post .box ul li a {
   font-size: 16px;
   line-height: 25px;
   font-weight: 600;
   color: #274082;
   margin-bottom: 2px
}

.blog-details .sidebar .recent-post .box ul li span {
   font-size: 15px;
   line-height: 100%;
   color: #322b53
}

.blog-details .sidebar .recent-post .box ul li span i {
   font-size: 14px;
   margin-right: 10px
}

.blog-details .sidebar .tags .all-tags {
   margin: -5px -3px
}

.blog-details .sidebar .tags .all-tags a {
   height: 45px;
   line-height: 45px;
   border: 1px solid rgba(0, 0, 0, .15);
   border-radius: 5px;
   margin: 5px 3px;
   font-size: 17px;
   color: #546e9b;
   padding: 0 25px
}

.contact {
   padding: 120px 0
}

.contact .form-area .title {
   margin-bottom: 39px
}

.contact 
-area .title h2 {
   font-size: 48px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -3px;
   margin-bottom: 11px
}

.contact .form-area .title p {
   font-size: 16px;
   line-height: 29px;
   color: #546e9b;
   margin-bottom: 0
}

.contact .form-area form input {
   width: 100%;
   height: 55px;
   border: 1px solid #e1e1e1;
   border-radius: 5px;
   padding: 0 30px;
   margin-bottom: 20px;
   font-size: 17px;
   color: #546e9b
}

.contact .form-area form input::-webkit-input-placeholder {
   color: rgba(0, 33, 91, .4)
}

.contact .form-area form input:-ms-input-placeholder {
   color: rgba(0, 33, 91, .4)
}

.contact .form-area form input::-ms-input-placeholder {
   color: rgba(0, 33, 91, .4)
}

.contact .form-area form input::placeholder {
   color: rgba(0, 33, 91, .4)
}

.contact .form-area form textarea {
   width: 100%;
   height: 220px;
   border: 1px solid #e1e1e1;
   border-radius: 5px;
   padding: 20px 30px;
   margin-bottom: 32px;
   font-size: 17px;
   color: #546e9b
}

.contact .form-area form textarea::-webkit-input-placeholder {
   color: rgba(0, 33, 91, .4)
}

.contact .form-area form textarea:-ms-input-placeholder {
   color: rgba(0, 33, 91, .4)
}

.contact .form-area form textarea::-ms-input-placeholder {
   color: rgba(0, 33, 91, .4)
}

.contact .form-area form textarea::placeholder {
   color: rgba(0, 33, 91, .4)
}

.contact .address-area .single-box {
   padding: 50px;
   background: #f6f6f6;
   border-radius: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-evenly;
	    align-items: center;
   position: relative;
   overflow: hidden;
   z-index: 2
}

/*
.contact .address-area .single-box:after {
   content: "";
   position: absolute;
   bottom: -105px;
   left: -65px;
   width: 230px;
   height: 230px;
   background: #322b53;
   border-radius: 50%;
   opacity: .1;
   z-index: -1
}
*/

.contact .address-area .single-box.two {
   background: #4186b9;
   margin-top: 30px
}

.contact .address-area .single-box.two:after {
   background: #fff
}

.contact .address-area .single-box.two .title h3 {
   color: #fff
}

.contact .address-area .single-box.two .details ul li {
   color: #fff
}

.contact .address-area .single-box.two .details ul li span {
   color: #fff
}

.contact .address-area .single-box .title h3 {
   font-size: 32px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -2px;
   margin-bottom: 0
}

.contact .address-area .single-box .details {
   width: 100%
}

.contact .address-area .single-box .details ul {
   padding: 0;
   margin-top: -9px;
   margin-bottom: 0
}

.contact .address-area .single-box .details ul li {
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 16px;
   line-height: 32px;
   font-weight: 600;
   color: #274082;
   margin-bottom: 4px
}

.contact .address-area .single-box .details ul li:last-child {
   margin-bottom: -12px
}

.contact .address-area .single-box .details ul li span {
   font-size: 17px;
   color: #322b53;
   margin-right: 17px
}

.map iframe {
   width: 100%;
   margin-bottom: -8px
}

.error {
   padding: 120px 0
}

.error .part-txt h2 {
   font-size: 70px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-top: -5px;
   margin-bottom: 16px
}

.error .part-txt h3 {
   font-size: 40px;
   line-height: 100%;
   font-weight: 700;
   color: #274082;
   margin-bottom: 23px
}

.error .part-txt p {
   font-size: 17px;
   line-height: 29px;
   color: #546e9b;
   margin-bottom: 40px
}

.error .part-txt .def-btn i {
   margin-left: 0;
   margin-right: 16px
}

.error .part-txt .def-btn:hover i {
   -webkit-transform: translateY(1px) translateX(-7px);
   -ms-transform: translateY(1px) translateX(-7px);
   transform: translateY(1px) translateX(-7px)
}

@media only screen and (min-width:992px) and (max-width:1199px) {
   .heading {
      margin-bottom: 50px
   }

   .heading h2 {
      font-size: 40px;
      line-height: 48px;
      padding-bottom: 16px
   }

   .heading-2 {
      margin-bottom: 50px
   }

   .heading-2 h2 {
      font-size: 35px;
      margin-bottom: 19px
   }

   .heading-2 p br {
      display: none
   }

   .header .bottom-header .logo {
      width: auto;
      padding: 17px 15px
   }

   .header .bottom-header.fixed-header .logo {
      padding: 10px 15px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item {
      padding: 29px 30px 25px 0
   }

   .header-2 .navbar .navbar-nav .nav-item {
      padding: 0 15px
   }

   .header-2 .nav-btn .def-btn {
      padding: 0 20px;
      font-size: 15px;
      line-height: 56px
   }

   .banner .slider .banner-txt h1 {
      font-size: 40px;
      line-height: 48px;
      margin-top: -5px;
      margin-bottom: 21px
   }

   .banner .slider .banner-txt p {
      font-size: 18px;
      line-height: 26px;
      margin-bottom: 31px
   }

   .banner .owl-dots {
      width: 960px
   }

   .banner-2 .banner-txt {
      padding: 180px 0
   }

   .banner-2 .banner-txt h1 {
      font-size: 40px;
      line-height: 48px;
      margin-top: -5px;
      margin-bottom: 21px
   }

   .banner-2 .banner-txt p {
      font-size: 18px;
      line-height: 26px;
      margin-bottom: 31px
   }

   .fun-fact-2 .single-box:before {
      width: 30px;
      height: 30px;
      right: -15px
   }

   .fun-fact .bg .single-box .txt h2 {
      font-size: 45px;
      font-weight: 600;
      margin-top: -5px;
      margin-bottom: 4px
   }

   .fun-fact .bg .single-box .txt p {
      font-weight: 500
   }

   .fun-fact-2 .single-box .txt h2 {
      font-size: 45px;
      font-weight: 600;
      margin-top: -5px;
      padding-bottom: 20px
   }

   .about .part-img {
      padding-right: 0
   }

   .about .part-img img {
      max-width: 100%
   }

   .about .part-txt h4 {
      font-size: 20px;
      padding-left: 60px;
      margin-bottom: 20px
   }

   .about .part-txt h4:after {
      width: 50px
   }

   .about .part-txt h2 {
      font-size: 30px;
      line-height: 38px;
      margin-bottom: 14px
   }

   .about .part-txt p.b {
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      margin-bottom: 22px
   }

   .about .part-txt .single-box .icon {
      width: 45px;
      height: 45px;
      padding: 13px 0
   }

   .about .part-txt .single-box h3 {
      font-size: 20px
   }

   .about .part-txt p {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: -9px
   }

   .about.about-2 .part-txt h2 {
      margin-bottom: 13px
   }

   .about.about-2 .part-txt h2 span {
      font-size: 35px
   }

   .about.about-2 .part-txt p {
      margin-bottom: 15px
   }

   .about.about-2 .part-txt .def-btn {
      margin-top: 11px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt {
      padding: 30px 20px 15px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt a {
      font-size: 25px;
      margin-bottom: 18px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt p {
      line-height: 24px;
      margin-bottom: -8px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt p br {
      display: none
   }

   .service-2 .service-boxes .single-box .wrap .part-txt {
      padding: 0 30px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt h3 {
      font-size: 25px;
      margin-top: 1px;
      margin-bottom: 17px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt p {
      line-height: 26px;
      margin-bottom: 61px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt p br {
      display: none
   }

   .team .single-box {
      padding: 10px
   }

   .team .single-box .part-txt {
      padding-bottom: 20px
   }

   .team .single-box .part-txt .social {
      margin-bottom: 30px
   }

   .team .single-box .part-txt .title {
      font-size: 22px;
      margin-top: -1px;
      margin-bottom: 13px
   }

   .team .single-box .part-txt p {
      letter-spacing: .8px
   }

   .recent-work .main-title {
      font-size: 35px;
      margin-top: -2px;
      margin-bottom: 41px
   }

   .recent-work .wrap .works .work-slider .slick-arrow {
      top: -75px
   }

   .recent-work .wrap .works .work-slider .slick-arrow button {
      width: 55px;
      height: 55px;
      line-height: 57px
   }

   .recent-work .wrap .works .work-slider .slick-arrow button.slick-prev {
      margin-right: 70px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box {
      width: 700px;
      margin: 0 15px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt h3 {
      font-size: 110px;
      margin-bottom: 42px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt {
      padding: 0 50px 40px
   }

   .recent-work .wrap .works .work-slider .slick-dots {
      margin-top: 50px
   }

   .testimonial .client-area {
      padding-right: 0
   }

   .testimonial .client-area .img {
      width: 363px;
      height: 363px;
      border-width: 40px;
      padding-top: 60px;
      padding-right: 60px
   }

   .testimonial .comment-slider .single-comment .icon {
      margin-bottom: 30px
   }

   .testimonial .comment-slider .single-comment p {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 21px
   }

   .testimonial .comment-slider .single-comment h3 {
      font-size: 25px;
      margin-bottom: 9px
   }

   .testimonial .comment-slider .owl-dots {
      height: 33px;
      padding-top: 27px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-img {
      margin-bottom: -36px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt {
      padding: 56px 25px 25px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt h3 {
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 13px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt p {
      margin-bottom: 15px
   }

   .testimonial-2 .comment-slider-2 .owl-dots {
      padding-top: 40px
   }

   .project .title {
      margin-bottom: 37px
   }

   .project .title h2 {
      font-size: 35px;
      line-height: 43px;
      margin-top: -5px
   }

   .project .project-slider .single-box .part-txt {
      padding: 30px
   }

   .project .project-slider .single-box .part-txt .txt h3 {
      font-size: 25px;
      margin-bottom: 17px
   }

   .project .project-slider .owl-nav {
      top: -100px
   }

   .project .project-slider .owl-nav button {
      width: 50px;
      height: 50px;
      line-height: 56px
   }

   .blog .single-box .part-txt {
      padding: 30px 20px
   }

   .blog .single-box .part-txt .blog-info .date {
      font-weight: 400;
      padding: 0 10px;
      font-size: 15px
   }

   .blog .single-box .part-txt .blog-info .admin {
      font-size: 15px;
      font-weight: 400
   }

   .blog .single-box .part-txt .blog-info .admin .name {
      font-weight: 500
   }

   .blog .single-box .part-txt a {
      font-size: 20px;
      line-height: 28px
   }

   .blog-2 .single-box .part-img .date span {
      height: 40px;
      line-height: 43px;
      font-size: 15px;
      padding: 0 15px
   }

   .blog-2 .single-box .part-txt {
      padding: 30px 25px
   }

   .blog-2 .single-box .part-txt ul {
      margin-bottom: 21px
   }

   .blog-2 .single-box .part-txt a {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 15px
   }

   .partner .partner-slider .single-partner {
      height: 100px
   }

   .footer .main-footer .site-info .logo {
      max-width: 100%;
/*      height: 100px;*/
      padding: 0 15px
   }

   .footer .main-footer h3.title {
      font-size: 25px;
      margin-top: 0;
      padding-bottom: 18px
   }

   .footer-2 .main-footer .footer-contact {
      padding-right: 40px
   }

   .footer-2 .main-footer .site-info {
      padding: 120px 30px;
      margin: 0 -10px
   }

   .footer-2 .main-footer .site-info .logo {
      width: 100px;
      height: 100px;
      padding: 15px
   }

   .footer-2 .main-footer .footer-service {
      padding-left: 40px
   }

   .service-2.service-inner .service-boxes .single-box .wrap .part-txt {
      padding: 0 20px
   }

   .cta .part-txt h2 {
      font-size: 40px;
      line-height: 50px;
      margin-top: -6px;
      margin-bottom: -15px
   }

   .service-details .sidebar {
      margin-right: 0
   }

   .service-details .sidebar h2 {
      font-size: 28px
   }

   .service-details .main-content {
      margin-left: 0
   }

   .service-details .main-content .part-txt {
      margin-bottom: -24px
   }

   .service-details .main-content .part-txt h2 {
      font-size: 28px;
      margin-bottom: 27px
   }

   .service-details .main-content .part-txt h3 {
      font-size: 28px;
      padding-top: 19px;
      margin-bottom: 27px
   }

   .service-details .main-content .part-txt p {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 15px
   }

   .service-details .main-content .part-txt .quote {
      margin-top: 31px;
      margin-bottom: 19px;
      padding: 40px 30px 35px
   }

   .service-details .main-content .part-txt .quote span {
      font-size: 25px;
      margin-bottom: -2px
   }

   .service-details .main-content .part-txt .quote span br {
      display: none
   }

   .project-inner .control-panel {
      margin-bottom: 50px
   }

   .project-inner .control-panel .controls {
      height: 70px
   }

   .project-inner .items .single-item .part-txt {
      padding: 30px
   }

   .team-details .bg {
      padding: 50px 40px
   }

   .team-details .bg .part-img {
      width: auto
   }

   .team-details .bg .part-txt {
      padding-left: 0
   }

   .error .part-txt h2 {
      font-size: 50px;
      margin-top: -4px
   }

   .error .part-txt h3 {
      font-size: 35px;
      margin-bottom: 24px
   }

   .blog-details .main-content {
      margin-right: 0
   }

   .blog-details .main-content .blog-info ul {
      margin-bottom: 35px
   }

   .blog-details .main-content .part-txt h2 {
      font-size: 25px;
      line-height: 33px;
      margin-bottom: 24px
   }

   .blog-details .main-content .part-txt p {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 12px
   }

   .blog-details .main-content .part-txt-2 {
      margin-bottom: 32px
   }

   .blog-details .main-content .part-txt-2 h2 {
      font-size: 25px;
      line-height: 33px;
      margin-bottom: 24px
   }

   .blog-details .main-content .part-txt-2 p {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 12px
   }

   .blog-details .main-content .quote {
      margin-top: 0;
      margin-bottom: 35px;
      padding: 40px 40px 35px
   }

   .blog-details .main-content .quote span br {
      display: none
   }

   .blog-details .main-content .other-info {
      margin-bottom: 40px
   }

   .blog-details .main-content .blog-comment {
      margin-bottom: 40px
   }

   .blog-details .main-content .blog-comment h3 {
      font-size: 25px;
      line-height: 33px;
      margin-top: -5px;
      margin-bottom: 24px
   }

   .blog-details .main-content .blog-comment .single-comment {
      margin-bottom: 32px
   }

   .blog-details .main-content .blog-comment .single-comment .img {
      width: 80px;
      height: 80px;
      margin-right: 30px
   }

   .blog-details .main-content .blog-comment .single-comment .txt {
      width: 499px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top {
      margin-bottom: 17px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top h4 {
      font-size: 22px;
      margin-top: -1px;
      margin-bottom: 10px
   }

   .blog-details .main-content .blog-comment .single-comment .txt p {
      font-size: 16px;
      line-height: 24px
   }

   .blog-details .main-content .post-a-comment h3 {
      font-size: 25px;
      line-height: 100%;
      margin-top: -9px;
      margin-bottom: 23px
   }

   .blog-details .sidebar {
      margin-left: 0
   }

   .blog-details .sidebar h3 {
      font-size: 25px;
      margin-top: -1px
   }

   .blog-details .sidebar .search-box {
      margin-bottom: 40px
   }

   .blog-details .sidebar .category {
      margin-bottom: 40px
   }

   .blog-details .sidebar .recent-post {
      margin-bottom: 40px
   }

   .blog-details .sidebar .recent-post .box {
      padding: 30px 25px
   }

   .blog-details .sidebar .recent-post .box ul li {
      width: 157px
   }

   .contact .form-area {
      padding-right: 15px
   }

   .contact .form-area .title h2 {
      font-size: 40px;
      margin-bottom: 13px
   }

   .contact .form-area .title p br {
      display: none
   }

   .contact .form-area form textarea {
      height: 150px
   }

   .contact .address-area {
      padding-left: 15px
   }

   .contact .address-area .single-box {
      padding: 30px;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start
   }

   .contact .address-area .single-box .title h3 {
      font-size: 25px;
      margin-top: 0;
      margin-right: 30px
   }

   .contact .address-area .single-box .details {
      width: 249px
   }

   .contact .address-area .single-box.two .details {
      width: 246px
   }

   .map iframe {
      height: 400px
   }
}

@media only screen and (min-width:768px) and (max-width:991px) {
   .def-btn {
      height: 45px;
      line-height: 45px;
      padding: 0 20px 0 24px;
      font-size: 16px;
      font-weight: 500
   }

   .heading {
      margin-bottom: 40px
   }

   .heading h2 {
      font-size: 30px;
      line-height: 38px;
      margin-top: -5px;
      padding-bottom: 14px
   }

   .heading-2 {
      margin-bottom: 50px
   }

   .heading-2 h2 {
      font-size: 30px;
      margin-top: -1px;
      margin-bottom: 19px
   }

   .heading-2 p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: -8px
   }

   .header .top-header .top-right ul {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }

   .header .top-header .top-right ul li {
      font-size: 14px
   }

   .header .bottom-header {
      background: 0 0;
      position: relative;
      z-index: 2
   }

   .header .bottom-header:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 60px;
      background: #fff;
      z-index: -1
   }

   .header .bottom-header.fixed-header {
      -webkit-box-shadow: 0 0;
      box-shadow: 0 0
   }

   .header .bottom-header.fixed-header .logo {
      padding: 10px 15px
   }

   .header .bottom-header .navbar-toggler {
      padding: 0;
      border: 0;
      width: 25px;
      height: 60px;
      padding: 10px 0
   }

   .header .bottom-header .logo {
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: auto;
      padding: 20px 15px 15px
   }

   .header .bottom-header .logo:before {
      display: none
   }

   .header .bottom-header .logo:after {
      top: 0;
      bottom: -10px;
      -webkit-transform: skew(0);
      -ms-transform: skew(0);
      transform: skew(0);
      border-radius: 0 0 40px 40px;
      -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
      box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1)
   }

   .header .bottom-header .navbar {
      background: #fff;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      padding: 0
   }

   .header .bottom-header .navbar .navbar-nav {
      padding: 15px;
      max-height: 320px;
      overflow-y: scroll
   }

   .header .bottom-header .navbar .navbar-nav .nav-item {
      padding: 9px 0 6px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
      display: none;
      width: 100%;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      opacity: 1;
      visibility: visible
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
      display: block
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      font-weight: 500;
      color: #274082;
      padding: 5px 0
   }

   .header .bottom-header .side-bar-btn .side-bar-show {
      line-height: 1;
      width: 25px;
      height: 60px;
      padding: 10px 0
   }

   .header .bottom-header .next {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4
   }

   .header-2 .logo {
      width: 140px
   }

   .header-2 .navbar-toggler {
      padding: 0;
      width: 40px;
      height: 40px;
      line-height: 43px;
      margin: 10px 0 10px auto;
      background: #274082;
      color: #fff;
      font-size: 22px
   }

   .header-2 .navbar {
      padding: 0
   }

   .header-2 .navbar .navbar-nav {
      padding: 0 15px 15px;
      max-height: 320px;
      overflow-y: scroll
   }

   .header-2 .navbar .navbar-nav .nav-item {
      padding: 9px 0 6px
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
      display: none;
      width: 100%;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      opacity: 1;
      visibility: visible
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
      display: block
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header-2 .navbar .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      font-weight: 500;
      color: #274082;
      padding: 5px 0
   }

   .main-sidebar {
      width: 320px
   }

   .main-sidebar .logo {
      width: 70px;
      height: 70px;
      border-radius: 5px;
      padding: 15px
   }

   .main-sidebar .side-about {
      margin-bottom: 20px
   }

   .main-sidebar .side-about p {
      font-size: 14px;
      line-height: 22px;
      margin-top: -5px
   }

   .main-sidebar .links {
      margin-bottom: 20px
   }

   .main-sidebar .links h2 {
      font-size: 20px;
      margin-bottom: 18px
   }

   .main-sidebar .links ul li a {
      font-size: 14px;
      margin-bottom: 1px
   }

   .main-sidebar .side-contact {
      margin-bottom: 22px
   }

   .main-sidebar .side-contact h2 {
      font-size: 20px;
      margin-bottom: 20px
   }

   .main-sidebar .side-contact ul li {
      font-size: 14px;
      margin-bottom: 8px
   }

   .main-sidebar .side-contact ul li i {
      top: 5px
   }

   .main-sidebar .side-contact ul li span {
      font-size: 14px
   }

   .main-sidebar .socials h2 {
      font-size: 20px;
      margin-bottom: 25px
   }

   .banner .slider {
      padding-top: 111px
   }

   .banner .slider:after {
      top: 50px;
      background-position-x: 15%
   }

   .banner .slider .banner-txt {
      padding: 100px 0
   }

   .banner .slider .banner-txt h1 {
      font-size: 35px;
      line-height: 40px;
      margin-top: -4px;
      margin-bottom: 14px
   }

   .banner .slider .banner-txt p {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      margin-bottom: 22px
   }

   .banner .owl-dots {
      margin: -82px auto 58px;
      width: 720px
   }

   .banner .owl-dots .owl-dot {
      margin-right: 10px;
      width: 10px;
      height: 10px
   }

   .banner-2:after {
      background-position-x: left;
      background-position-y: top
   }

   .banner-2 .banner-txt {
      padding: 100px 0
   }

   .banner-2 .banner-txt h1 {
      font-size: 30px;
      line-height: 38px;
      margin-top: -6px;
      margin-bottom: 14px
   }

   .banner-2 .banner-txt p {
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 20px
   }

   .fun-fact .bg {
      margin: -40px -15px 0
   }

   .fun-fact .bg .single-box {
      padding: 50px 0
   }

   .fun-fact .bg .single-box .txt {
      padding-left: 0
   }

   .fun-fact .bg .single-box .txt:after {
      left: -20px;
      width: 90px;
      height: 90px
   }

   .fun-fact .bg .single-box .txt h2 {
      font-size: 35px;
      font-weight: 600;
      margin-top: -4px;
      margin-bottom: 4px
   }

   .fun-fact .bg .single-box .txt p {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: -4px
   }

   .fun-fact-2 .single-box {
      padding: 60px 0
   }

   .fun-fact-2 .single-box:before,
   .fun-fact-2 .single-box:after {
      display: none
   }

   .fun-fact-2 .single-box .txt h2 {
      font-size: 35px;
      font-weight: 600;
      padding-bottom: 9px;
      margin-top: -5px;
      margin-bottom: 9px
   }

   .fun-fact-2 .single-box .txt h2:after {
      font-size: 10px
   }

   .fun-fact-2 .single-box .txt p {
      font-size: 15px;
      font-weight: 400;
      margin-bottom: -4px
   }

   .about {
      padding: 60px 0
   }

   .about.about-2 .part-txt {
      margin-bottom: 30px
   }

   .about.about-2 .part-txt h4 {
      margin-bottom: 23px
   }

   .about.about-2 .part-txt h2 {
      margin-bottom: 21px
   }

   .about.about-2 .part-txt h2 span {
      font-size: 30px
   }

   .about.about-2 .part-txt p {
      margin-bottom: 17px
   }

   .about.about-2 .part-txt .def-btn {
      margin-top: 4px
   }

   .about.about-2 .part-img {
      margin-bottom: 0
   }

   .about .part-img {
      padding: 0;
      margin-bottom: 30px
   }

   .about .part-img img {
      max-width: 100%
   }

   .about .part-txt h4 {
      font-size: 16px;
      font-weight: 600;
      padding-left: 55px;
      margin-top: -1px;
      margin-bottom: 17px
   }

   .about .part-txt h4:after {
      width: 40px;
      height: 2px
   }

   .about .part-txt h2 {
      font-size: 25px;
      line-height: 31px;
      margin-bottom: 9px
   }

   .about .part-txt p {
      font-size: 14px;
      line-height: 24px;
      margin-top: -6px;
      margin-bottom: -9px
   }

   .about .part-txt p.b {
      font-size: 14px;
      line-height: 24px;
      font-weight: 500;
      margin-top: 0;
      margin-bottom: 16px
   }

   .about .part-txt .single-box {
      padding: 10px 15px;
      margin-bottom: 25px
   }

   .about .part-txt .single-box .icon {
      width: 50px;
      height: 50px
   }

   .about .part-txt .single-box h3 {
      font-size: 20px
   }

   .service {
      padding: 60px 0
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt {
      padding: 30px 20px 15px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt a {
      display: block;
      font-size: 20px;
      line-height: 100%;
      margin-top: -2px;
      margin-bottom: 15px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: -9px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt p br {
      display: none
   }

   .service-2 {
      padding: 60px 0
   }

   .service-2 .service-boxes {
      margin: 0 auto
   }

   .service-2 .service-boxes .single-box .wrap .part-txt {
      padding: 0 25px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt .part-icon {
      width: 70px;
      height: 70px;
      border-width: 2px;
      margin-bottom: -70px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt h3 {
      font-size: 20px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 47px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt p br {
      display: none
   }

   .service-2 .service-boxes .single-box .details-btn {
      width: 50px;
      height: 50px;
      line-height: 50px
   }

   .team {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .team .single-box {
      margin-bottom: 30px
   }

   .team .single-box .part-txt {
      padding-bottom: 10px
   }

   .team .single-box .part-txt .social {
      margin-bottom: 25px
   }

   .team .single-box .part-txt .title {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 14px
   }

   .team .single-box .part-txt p {
      letter-spacing: 1px
   }

   .recent-work {
      padding: 60px 0
   }

   .recent-work .main-title {
      font-size: 30px;
      margin-top: -2px;
      margin-bottom: 43px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box {
      width: 500px;
      margin: 0 10px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt h3 {
      font-size: 80px;
      margin-bottom: 2px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt {
      padding: 25px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .title {
      font-size: 20px;
      margin-bottom: 15px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt p {
      font-size: 14px;
      margin-bottom: -4px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .details-btn {
      width: 50px;
      height: 50px;
      line-height: 55px
   }

   .recent-work .wrap .works .work-slider .slick-dots {
      margin-top: 30px
   }

   .recent-work .wrap .works .work-slider .slick-dots li.slick-active button {
      width: 200px
   }

   .recent-work .wrap .works .work-slider .slick-dots li button {
      width: 150px
   }

   .recent-work .wrap .works .work-slider .slick-arrow {
      top: -70px
   }

   .recent-work .wrap .works .work-slider .slick-arrow button {
      width: 40px;
      height: 40px;
      line-height: 42px
   }

   .recent-work .wrap .works .work-slider .slick-arrow button.slick-prev {
      margin-right: 50px
   }

   .testimonial {
      padding: 60px 0
   }

   .testimonial .client-area {
      padding-right: 0
   }

   .testimonial .client-area .img {
      border-width: 30px;
      width: 300px;
      height: 300px;
      padding-top: 40px;
      padding-right: 55px
   }

   .testimonial .client-area .img img {
      width: 55px
   }

   .testimonial .comment-slider .single-comment .icon {
      width: 55px;
      height: 55px;
      line-height: 62px;
      font-size: 30px;
      margin-bottom: 20px
   }

   .testimonial .comment-slider .single-comment p {
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      margin-bottom: 16px
   }

   .testimonial .comment-slider .single-comment h3 {
      font-size: 20px;
      margin-bottom: 10px
   }

   .testimonial .comment-slider .single-comment span {
      font-size: 16px;
      font-weight: 400
   }

   .testimonial .comment-slider .owl-dots {
      height: 28px;
      padding-top: 22px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start
   }

   .testimonial-2 {
      padding: 60px 0
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-img {
      margin-bottom: -40px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt {
      padding: 66px 30px 30px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt p {
      font-size: 15px;
      line-height: 23px;
      margin-bottom: 21px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt h3 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 14px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt span {
      font-weight: 500
   }

   .testimonial-2 .comment-slider-2 .owl-dots {
      padding-top: 30px
   }

   .project {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .project .title {
      margin-bottom: 29px
   }

   .project .title h2 {
      font-size: 25px;
      line-height: 33px;
      margin-top: -5px
   }

   .project .project-slider .single-box .part-txt {
      padding: 25px
   }

   .project .project-slider .single-box .part-txt .txt h3 {
      font-size: 20px;
      margin-bottom: 15px
   }

   .project .project-slider .single-box .part-txt .txt p {
      font-size: 14px
   }

   .project .project-slider .single-box .part-txt .details-btn a {
      width: 40px;
      height: 40px;
      line-height: 46px;
      font-size: 20px
   }

   .project .project-slider .owl-nav {
      display: none
   }

   .blog {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .blog .single-box {
      margin-bottom: 30px
   }

   .blog .single-box .part-txt {
      padding: 25px
   }

   .blog .single-box .part-txt .blog-info {
      margin-bottom: 17px
   }

   .blog .single-box .part-txt .blog-info .date {
      height: 40px;
      line-height: 43px;
      font-size: 13px;
      padding: 0 10px
   }

   .blog .single-box .part-txt .blog-info .admin {
      height: 40px;
      line-height: 43px;
      font-size: 13px
   }

   .blog .single-box .part-txt a {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 7px
   }

   .blog .single-box .part-txt p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: -9px
   }

   .blog-2 {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .blog-2 .single-box {
      margin-bottom: 30px
   }

   .blog-2 .single-box .part-img .date span {
      height: 40px;
      line-height: 43px;
      font-size: 14px
   }

   .blog-2 .single-box .part-txt {
      padding: 25px
   }

   .blog-2 .single-box .part-txt ul {
      margin-top: 0;
      margin-bottom: 17px
   }

   .blog-2 .single-box .part-txt ul li {
      font-weight: 500
   }

   .blog-2 .single-box .part-txt a {
      font-size: 18px;
      line-height: 26px;
      margin-bottom: 12px
   }

   .blog-2 .single-box .part-txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: -8px
   }

   .partner {
      padding: 40px 0
   }

   .partner .partner-slider .single-partner {
      height: 60px
   }

   .footer .main-footer {
      padding: 60px 0
   }

   .footer .main-footer .site-info {
      margin-bottom: 30px
   }

   .footer .main-footer .site-info .logo {
      max-width: 100%;
/*
      height: 80px;
      padding: 15px;
*/
      margin-bottom: 20px
   }

   .footer .main-footer .site-info p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 16px
   }

   .footer .main-footer .site-info .social a {
      width: 35px;
      height: 35px;
      line-height: 38px
   }

   .footer .main-footer h3.title {
      font-size: 25px;
      padding-bottom: 17px;
      margin-bottom: 25px
   }

   .footer .main-footer h3.title:after {
      height: 4px
   }

   .footer .main-footer .footer-contact {
      margin-bottom: 26px
   }

   .footer .main-footer .footer-contact ul {
      margin-top: 0;
      margin-bottom: 0
   }

   .footer .main-footer .footer-contact ul li {
      font-size: 14px;
      line-height: 100%;
      margin-bottom: 20px
   }

   .footer .main-footer .footer-contact ul li span {
      font-size: 15px;
      margin-right: 10px
   }

   .footer .main-footer .footer-service {
      margin-bottom: 30px
   }

   .footer .main-footer .footer-service ul {
      margin-top: -8px;
      margin-bottom: -10px
   }

   .footer .main-footer .footer-service ul li {
      font-size: 14px;
      line-height: 30px
   }

   .footer .main-footer .gallery .images .single-img {
      border-radius: 5px
   }

   .footer .copyright p {
      font-size: 14px
   }

   .footer-2 .main-footer {
      padding-top: 60px
   }

   .footer-2 .main-footer .two {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
   }

   .footer-2 .main-footer .one {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
   }

   .footer-2 .main-footer .three {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
   }

   .footer-2 .main-footer h3.title {
      font-size: 25px;
      padding-bottom: 17px;
      margin-top: 0;
      margin-bottom: 25px
   }

   .footer-2 .main-footer h3.title:after {
      height: 4px
   }

   .footer-2 .main-footer .footer-contact {
      padding: 60px 0 60px 60px
   }

   .footer-2 .main-footer .footer-contact ul {
      margin-bottom: -13px
   }

   .footer-2 .main-footer .footer-contact ul li {
      font-size: 14px;
      margin-bottom: 3px
   }

   .footer-2 .main-footer .footer-contact ul li span {
      font-size: 14px
   }

   .footer-2 .main-footer .site-info {
      padding: 60px 80px
   }

   .footer-2 .main-footer .site-info .logo {
      width: 80px;
      height: 80px;
      padding: 15px;
      margin-bottom: 30px
   }

   .footer-2 .main-footer .site-info p {
      font-size: 14px;
      line-height: 22px;
      margin-top: -4px;
      margin-bottom: 22px
   }

   .footer-2 .main-footer .site-info .social a {
      width: 35px;
      height: 35px;
      line-height: 38px
   }

   .footer-2 .main-footer .footer-service {
      padding: 60px 0 60px 60px
   }

   .footer-2 .main-footer .footer-service ul {
      margin-top: -14px;
      margin-bottom: -6px
   }

   .footer-2 .main-footer .footer-service ul li {
      font-size: 14px;
      height: 30px
   }

   .footer-2 .copyright p {
      font-size: 14px
   }

/*
   .breadcrumb {
      margin-top: 111px
   }
*/

   .breadcrumb .part-txt {
      padding: 80px 0
   }

   .breadcrumb .part-txt h1 {
      font-size: 35px;
      margin-top: -2px;
      margin-bottom: 15px
   }

   .breadcrumb .part-txt ul li {
      font-size: 16px
   }

   .about-inner {
      padding-bottom: 20px
   }

   .about-inner .part-img {
      margin-bottom: 40px !important
   }

   .about-inner .boxes {
      padding-top: 30px
   }

   .about-inner .boxes .single-box {
      margin-bottom: 40px;
      padding: 30px
   }

   .about-inner .boxes .single-box h3 {
      font-size: 25px
   }

   .about-inner .boxes .single-box p {
      font-size: 14px;
      line-height: 22px;
      margin-top: 21px;
      margin-bottom: -8px
   }

   .service-inner {
      padding-bottom: 30px
   }

   .cta {
      padding: 60px 0
   }

   .cta .part-txt h2 {
      font-size: 25px;
      line-height: 33px;
      padding: 0;
      margin-top: -4px;
      margin-bottom: -11px
   }

   .service-details {
      padding: 60px 0
   }

   .service-details .sidebar {
      width: 250px;
      margin-right: 0
   }

   .service-details .sidebar h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 18px
   }

   .service-details .sidebar .nav {
      margin-bottom: 40px
   }

   .service-details .sidebar .nav .nav-link {
      height: 40px;
      line-height: 42px;
      font-size: 14px;
      padding: 0 20px
   }

   .service-details .sidebar .nav .nav-link span {
      margin-right: 10px
   }

   .service-details .sidebar .btns .download-btn {
      height: 40px;
      line-height: 41px;
      font-size: 14px;
      font-weight: 500
   }

   .service-details .main-content .part-img {
      margin-bottom: 30px
   }

   .service-details .main-content .part-txt {
      margin-bottom: -21px
   }

   .service-details .main-content .part-txt h2 {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 16px
   }

   .service-details .main-content .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .service-details .main-content .part-txt h3 {
      font-size: 20px;
      padding-top: 8px;
      margin-bottom: 16px
   }

   .service-details .main-content .part-txt .quote {
      margin-top: 22px;
      padding: 31px 25px 26px;
      margin-bottom: 21px
   }

   .service-details .main-content .part-txt .quote:after {
      display: none
   }

   .service-details .main-content .part-txt .quote span {
      font-size: 18px;
      line-height: 26px
   }

   .service-details .main-content .part-txt .quote span br {
      display: none
   }

   .project-inner {
      padding: 60px 0
   }

   .project-inner .control-panel {
      margin-bottom: 40px
   }

   .project-inner .control-panel .controls {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border-radius: 5px;
      height: 70px
   }

   .project-inner .control-panel .controls li {
      padding: 0 25px;
      font-size: 15px
   }

   .project-inner .items .single-item {
      border-radius: 5px
   }

   .project-inner .items .single-item .part-img img {
      width: 100%
   }

   .project-inner .items .single-item .part-txt {
      padding: 25px
   }

   .project-inner .items .single-item .part-txt .txt h3 {
      font-size: 25px;
      font-weight: 600;
      margin-bottom: 12px
   }

   .project-inner .items .single-item .part-txt .txt p {
      font-size: 15px
   }

   .project-inner .items .single-item .part-txt .details-btn a {
      width: 40px;
      height: 40px;
      line-height: 45px;
      font-size: 20px
   }

   .project-details {
      padding: 60px 0
   }

   .project-details .main-img {
      margin-bottom: 40px
   }

   .project-details .main-img .project-details-slider {
      margin-bottom: 25px
   }

   .project-details .main-img .project-details-slider .single-img {
      border-radius: 5px
   }

   .project-details .main-img .project-thumbnails .single-box {
      margin: 0 10px;
      border-radius: 5px
   }

   .project-details .part-txt {
      margin-bottom: 33px
   }

   .project-details .part-txt h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 14px
   }

   .project-details .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .project-details .part-txt-2 {
      margin-bottom: 32px
   }

   .project-details .part-txt-2 h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 14px
   }

   .project-details .part-txt-2 p {
      font-size: 14px;
      line-height: 22px
   }

   .project-details .information {
      padding: 30px 25px;
      margin-bottom: 40px
   }

   .project-details .information h2 {
      font-size: 25px;
      margin-top: -1px
   }

   .project-details .information ul li {
      font-size: 15px;
      line-height: 25px;
      margin-bottom: 6px
   }

   .project-details .information ul li:last-child {
      margin-bottom: -9px
   }

   .project-details .information ul li .divider {
      margin-right: 20px
   }

   .project-details .part-txt-3 {
      margin-bottom: -21px
   }

   .project-details .part-txt-3 h2 {
      font-size: 25px;
      margin-top: 0;
      margin-bottom: 14px
   }

   .project-details .part-txt-3 p {
      font-size: 14px;
      line-height: 22px
   }

   .team-details {
      padding-top: 60px;
      margin-bottom: 0
   }

   .team-details .bg .part-img {
      width: 270px;
      margin-bottom: 30px
   }

   .team-details .bg .part-txt {
      padding-left: 0
   }

   .team-details .bg .part-txt h2 {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 3px
   }

   .team-details .bg .part-txt span {
      font-weight: 500;
      letter-spacing: 1px;
      margin-bottom: 18px
   }

   .team-details .bg .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .team-details .bg .part-txt .social {
      padding-top: 9px
   }

   .error {
      padding: 60px 0
   }

   .error .part-txt {
      padding-left: 30px
   }

   .error .part-txt h2 {
      font-size: 40px;
      margin-top: -3px;
      margin-bottom: 14px
   }

   .error .part-txt h3 {
      font-size: 25px;
      margin-bottom: 19px
   }

   .error .part-txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 22px
   }

   .blog-inner {
      padding-bottom: 60px
   }

   .blog-inner .pagination {
      padding-top: 10px
   }

   .blog-inner .pagination ul li a {
      width: 45px;
      height: 45px;
      line-height: 49px
   }

   .blog-details {
      padding: 60px 0
   }

   .blog-details .main-content {
      margin-right: 0;
      margin-bottom: 40px
   }

   .blog-details .main-content .part-img {
      border-radius: 5px
   }

   .blog-details .main-content .blog-info {
      margin-bottom: 20px
   }

   .blog-details .main-content .blog-info ul {
      margin-bottom: 0
   }

   .blog-details .main-content .blog-info ul li {
      font-size: 14px;
      height: 40px;
      line-height: 43px
   }

   .blog-details .main-content .part-txt {
      margin-bottom: 17px
   }

   .blog-details .main-content .part-txt h2 {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 17px
   }

   .blog-details .main-content .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .main-content .part-txt-2 {
      margin-bottom: 22px
   }

   .blog-details .main-content .part-txt-2 h2 {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 17px
   }

   .blog-details .main-content .part-txt-2 p {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .main-content .quote {
      padding: 30px 25px 26px;
      border-radius: 5px;
      margin-top: 0;
      margin-bottom: 25px
   }

   .blog-details .main-content .quote:after {
      display: none
   }

   .blog-details .main-content .quote span {
      font-size: 20px;
      line-height: 28px
   }

   .blog-details .main-content .quote span br {
      display: none
   }

   .blog-details .main-content .other-info {
      border-radius: 5px;
      margin-bottom: 40px
   }

   .blog-details .main-content .other-info .tags p {
      font-size: 14px
   }

   .blog-details .main-content .blog-comment {
      margin-bottom: 32px
   }

   .blog-details .main-content .blog-comment h3 {
      font-size: 20px;
      margin-bottom: 25px
   }

   .blog-details .main-content .blog-comment .single-comment {
      margin-bottom: 22px
   }

   .blog-details .main-content .blog-comment .single-comment .img {
      width: 60px;
      height: 60px;
      margin-right: 30px
   }

   .blog-details .main-content .blog-comment .single-comment .txt {
      width: auto;
      width: 600px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top {
      margin-bottom: 8px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top h4 {
      font-size: 20px;
      margin-bottom: 4px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top span {
      font-size: 14px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top button {
      font-size: 16px
   }

   .blog-details .main-content .blog-comment .single-comment .txt p {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .main-content .post-a-comment h3 {
      font-size: 20px;
      margin-bottom: 25px
   }

   .blog-details .main-content .post-a-comment form input {
      height: 45px;
      font-size: 14px;
      margin-bottom: 20px
   }

   .blog-details .main-content .post-a-comment form textarea {
      height: 100px;
      font-size: 14px;
      margin-bottom: 17px
   }

   .blog-details .sidebar {
      max-width: 320px;
      margin: 0 auto
   }

   .blog-details .sidebar .search-box {
      margin-bottom: 30px
   }

   .blog-details .sidebar .search-box form input {
      height: 45px;
      font-size: 14px
   }

   .blog-details .sidebar .search-box form button {
      font-size: 14px
   }

   .blog-details .sidebar h3 {
      font-size: 20px;
      margin-bottom: 15px
   }

   .blog-details .sidebar .category {
      margin-bottom: 30px
   }

   .blog-details .sidebar .category ul li a {
      padding: 0 25px;
      height: 45px;
      line-height: 45px;
      font-size: 14px
   }

   .blog-details .sidebar .recent-post {
      margin-bottom: 30px
   }

   .blog-details .sidebar .recent-post .box {
      padding: 25px
   }

   .blog-details .sidebar .recent-post .box ul li a {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .sidebar .recent-post .box ul li span {
      font-size: 14px
   }

   .blog-details .sidebar .recent-post .box ul li span i {
      font-size: 12px
   }

   .blog-details .sidebar .tags .all-tags a {
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      padding: 0 15px
   }

   .contact {
      padding: 60px 0
   }

   .contact .form-area {
      width: 450px;
      margin: 0 auto 40px
   }

   .contact .form-area .title {
      margin-bottom: 22px
   }

   .contact .form-area .title h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 19px
   }

   .contact .form-area .title p {
      font-size: 14px;
      line-height: 22px
   }

   .contact .form-area .title p br {
      display: none
   }

   .contact .form-area form input {
      height: 45px;
      padding: 0 25px;
      font-size: 14px
   }

   .contact .form-area form textarea {
      height: 150px;
      padding: 15px 25px;
      font-size: 14px;
      margin-bottom: 22px
   }

   .contact .address-area .single-box {
      padding: 30px 25px;
      width: 450px;
      margin: 0 auto
   }

   .contact .address-area .single-box.two {
      margin-top: 30px
   }

   .contact .address-area .single-box .title h3 {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 30px
   }

   .contact .address-area .single-box .details {
      width: 279px
   }

   .contact .address-area .single-box .details ul {
      margin-top: -13px
   }

   .contact .address-area .single-box .details ul li {
      font-size: 14px;
      line-height: 27px;
      margin-bottom: 0
   }

   .contact .address-area .single-box .details ul li:last-child {
      margin-bottom: -10px
   }

   .contact .address-area .single-box .details ul li:last-child span {
      margin-top: 0
   }

   .contact .address-area .single-box .details ul li span {
      font-size: 14px;
      margin-top: 2px
   }

   .map iframe {
      height: 320px
   }
}

@media only screen and (min-width:576px) and (max-width:767px) {
   .def-btn {
      height: 45px;
      line-height: 45px;
      padding: 0 20px 0 24px;
      font-size: 16px;
      font-weight: 500
   }

   .heading {
      margin-bottom: 40px
   }

   .heading h2 {
      font-size: 25px;
      line-height: 33px;
      margin-top: -5px;
      padding-bottom: 14px
   }

   .heading-2 {
      margin-bottom: 50px
   }

   .heading-2 h2 {
      font-size: 25px;
      margin-top: 0;
      margin-bottom: 19px
   }

   .heading-2 p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: -8px
   }

   .header .top-header {
      display: none
   }

   .header .bottom-header {
      background: 0 0;
      position: relative;
      z-index: 2
   }

   .header .bottom-header:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px;
      background: #fff;
      z-index: -1
   }

   .header .bottom-header.fixed-header {
      -webkit-box-shadow: 0 0;
      box-shadow: 0 0
   }

   .header .bottom-header.fixed-header .logo {
      padding: 10px 15px
   }

   .header .bottom-header .navbar-toggler {
      padding: 0;
      border: 0;
      width: 25px;
      height: 50px;
      padding: 10px 0
   }

   .header .bottom-header .logo {
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: auto;
      padding: 20px 15px 15px
   }

   .header .bottom-header .logo:before {
      display: none
   }

   .header .bottom-header .logo:after {
      top: 0;
      bottom: -10px;
      -webkit-transform: skew(0);
      -ms-transform: skew(0);
      transform: skew(0);
      border-radius: 0 0 35px 35px;
      -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
      box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1)
   }

   .header .bottom-header .navbar {
      background: #fff;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      padding: 0
   }

   .header .bottom-header .navbar .navbar-nav {
      padding: 15px;
      max-height: 320px;
      overflow-y: scroll
   }

   .header .bottom-header .navbar .navbar-nav .nav-item {
      padding: 9px 0 6px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
      display: none;
      width: 100%;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      opacity: 1;
      visibility: visible
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
      display: block
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      font-weight: 500;
      color: #274082;
      padding: 5px 0
   }

   .header .bottom-header .side-bar-btn .side-bar-show {
      line-height: 1;
      width: 25px;
      height: 50px;
      padding: 10px 0
   }

   .header .bottom-header .next {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4
   }

   .header-2 .logo {
      width: 120px
   }

   .header-2 .navbar-toggler {
      padding: 0;
      width: 35px;
      height: 35px;
      line-height: 38px;
      margin: 10px 0 10px auto;
      background: #274082;
      color: #fff;
      font-size: 22px
   }

   .header-2 .navbar {
      padding: 0
   }

   .header-2 .navbar .navbar-nav {
      padding: 0 15px 15px;
      max-height: 320px;
      overflow-y: scroll
   }

   .header-2 .navbar .navbar-nav .nav-item {
      padding: 9px 0 6px
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
      display: none;
      width: 100%;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      opacity: 1;
      visibility: visible
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
      display: block
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header-2 .navbar .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      font-weight: 500;
      color: #274082;
      padding: 5px 0
   }

   .main-sidebar {
      width: 320px
   }

   .main-sidebar .logo {
      width: 70px;
      height: 70px;
      border-radius: 5px;
      padding: 15px
   }

   .main-sidebar .side-about {
      margin-bottom: 20px
   }

   .main-sidebar .side-about p {
      font-size: 14px;
      line-height: 22px;
      margin-top: -5px
   }

   .main-sidebar .links {
      margin-bottom: 20px
   }

   .main-sidebar .links h2 {
      font-size: 20px;
      margin-bottom: 18px
   }

   .main-sidebar .links ul li a {
      font-size: 14px;
      margin-bottom: 1px
   }

   .main-sidebar .side-contact {
      margin-bottom: 22px
   }

   .main-sidebar .side-contact h2 {
      font-size: 20px;
      margin-bottom: 20px
   }

   .main-sidebar .side-contact ul li {
      font-size: 14px;
      margin-bottom: 8px
   }

   .main-sidebar .side-contact ul li i {
      top: 5px
   }

   .main-sidebar .side-contact ul li span {
      font-size: 14px
   }

   .main-sidebar .socials h2 {
      font-size: 20px;
      margin-bottom: 25px
   }

   .banner .slider {
      padding-top: 50px
   }

   .banner .slider:after {
      top: 50px;
      background-position-x: 15%
   }

   .banner .slider .banner-txt {
      padding: 80px 0
   }

   .banner .slider .banner-txt h1 {
      font-size: 27px;
      line-height: 30px;
      margin-top: -2px;
      margin-bottom: 16px
   }

   .banner .slider .banner-txt p {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      margin-bottom: 22px
   }

   .banner .owl-dots {
      margin: -82px auto 58px;
      width: 540px
   }

   .banner .owl-dots .owl-dot {
      margin-right: 10px;
      width: 10px;
      height: 10px
   }

   .banner-2:after {
      background-position-x: left;
      background-position-y: top
   }

   .banner-2 .banner-txt {
      padding: 80px 30px 80px 0
   }

   .banner-2 .banner-txt h1 {
      font-size: 30px;
      line-height: 38px;
      margin-top: -6px;
      margin-bottom: 14px
   }

   .banner-2 .banner-txt p {
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 20px
   }

   .fun-fact .bg {
      padding: 25px 0
   }

   .fun-fact .bg .single-box {
      padding: 25px 0
   }

   .fun-fact .bg .single-box .txt {
      padding-left: 0
   }

   .fun-fact .bg .single-box .txt:after {
      left: -40px;
      width: 90px;
      height: 90px
   }

   .fun-fact .bg .single-box .txt h2 {
      font-size: 35px;
      font-weight: 600;
      margin-top: -4px;
      margin-bottom: 4px
   }

   .fun-fact .bg .single-box .txt p {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: -4px
   }

   .fun-fact-2 {
      padding: 20px 0
   }

   .fun-fact-2 .single-box {
      padding: 20px 0
   }

   .fun-fact-2 .single-box:before,
   .fun-fact-2 .single-box:after {
      display: none
   }

   .fun-fact-2 .single-box .txt h2 {
      font-size: 30px;
      font-weight: 600;
      padding-bottom: 9px;
      margin-top: -4px;
      margin-bottom: 7px
   }

   .fun-fact-2 .single-box .txt h2:after {
      font-size: 10px
   }

   .fun-fact-2 .single-box .txt p {
      font-size: 14px;
      font-weight: 400;
      margin-bottom: -4px
   }

   .about {
      padding: 60px 0
   }

   .about.about-2 .part-txt {
      margin-bottom: 30px
   }

   .about.about-2 .part-txt h4 {
      margin-bottom: 23px
   }

   .about.about-2 .part-txt h2 {
      margin-bottom: 21px
   }

   .about.about-2 .part-txt h2 span {
      font-size: 30px
   }

   .about.about-2 .part-txt p {
      margin-bottom: 17px
   }

   .about.about-2 .part-txt .def-btn {
      margin-top: 4px
   }

   .about.about-2 .part-img {
      margin-bottom: 0
   }

   .about .part-img {
      padding: 0;
      margin-bottom: 30px
   }

   .about .part-img img {
      max-width: 100%
   }

   .about .part-txt h4 {
      font-size: 16px;
      font-weight: 600;
      padding-left: 55px;
      margin-top: -1px;
      margin-bottom: 17px
   }

   .about .part-txt h4:after {
      width: 40px;
      height: 2px
   }

   .about .part-txt h2 {
      font-size: 25px;
      line-height: 31px;
      margin-bottom: 9px
   }

   .about .part-txt p {
      font-size: 14px;
      line-height: 24px;
      margin-top: -6px;
      margin-bottom: -9px
   }

   .about .part-txt p.b {
      font-size: 14px;
      line-height: 24px;
      font-weight: 500;
      margin-top: 0;
      margin-bottom: 16px
   }

   .about .part-txt .single-box {
      padding: 10px 15px;
      margin-bottom: 25px
   }

   .about .part-txt .single-box .icon {
      width: 50px;
      height: 50px
   }

   .about .part-txt .single-box h3 {
      font-size: 20px
   }

   .service {
      padding: 60px 0
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt {
      padding: 30px 20px 15px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt a {
      display: block;
      font-size: 20px;
      line-height: 100%;
      margin-top: -2px;
      margin-bottom: 15px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: -9px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt p br {
      display: none
   }

   .service-2 {
      padding: 60px 0
   }

   .service-2 .service-boxes {
      margin: 0 auto
   }

   .service-2 .service-boxes .single-box .wrap .part-txt {
      padding: 0 25px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt .part-icon {
      width: 70px;
      height: 70px;
      border-width: 2px;
      margin-bottom: -70px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt h3 {
      font-size: 20px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 47px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt p br {
      display: none
   }

   .service-2 .service-boxes .single-box .details-btn {
      width: 50px;
      height: 50px;
      line-height: 50px
   }

   .team {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .team .single-box {
      margin-bottom: 30px
   }

   .team .single-box .part-txt {
      padding-bottom: 10px
   }

   .team .single-box .part-txt .social {
      margin-bottom: 25px
   }

   .team .single-box .part-txt .title {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 14px
   }

   .team .single-box .part-txt p {
      letter-spacing: 1px
   }

   .recent-work {
      padding: 60px 0
   }

   .recent-work .main-title {
      text-align: center;
      font-size: 25px;
      margin-bottom: 44px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box {
      width: 380px;
      margin: 0 10px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt h3 {
      display: none
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt {
      padding: 25px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .title {
      font-size: 20px;
      margin-bottom: 15px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt p {
      font-size: 14px;
      margin-bottom: -4px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .details-btn {
      width: 50px;
      height: 50px;
      line-height: 55px
   }

   .recent-work .wrap .works .work-slider .slick-dots {
      margin-top: 30px
   }

   .recent-work .wrap .works .work-slider .slick-dots li.slick-active button {
      width: 110px
   }

   .recent-work .wrap .works .work-slider .slick-dots li button {
      width: 90px
   }

   .testimonial {
      padding: 60px 0
   }

   .testimonial .client-area {
      padding-right: 0;
      width: 290px;
      margin: 0 auto 30px
   }

   .testimonial .client-area .img {
      border-width: 30px;
      width: 300px;
      height: 300px;
      padding-top: 40px;
      padding-right: 55px
   }

   .testimonial .client-area .img img {
      width: 55px
   }

   .testimonial .comment-slider .single-comment {
      text-align: center
   }

   .testimonial .comment-slider .single-comment .icon {
      width: 55px;
      height: 55px;
      line-height: 62px;
      font-size: 30px;
      margin: 0 auto 20px
   }

   .testimonial .comment-slider .single-comment p {
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      margin-bottom: 16px
   }

   .testimonial .comment-slider .single-comment h3 {
      font-size: 20px;
      margin-bottom: 10px
   }

   .testimonial .comment-slider .single-comment span {
      font-size: 16px;
      font-weight: 400
   }

   .testimonial .comment-slider .owl-dots {
      height: 38px;
      padding-top: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }

   .testimonial-2 {
      padding: 60px 0
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-img {
      margin-bottom: -40px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt {
      padding: 66px 30px 30px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt p {
      font-size: 15px;
      line-height: 23px;
      margin-bottom: 21px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt h3 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 14px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt span {
      font-weight: 500
   }

   .testimonial-2 .comment-slider-2 .owl-dots {
      padding-top: 30px
   }

   .project {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .project .title {
      margin-bottom: 29px
   }

   .project .title h2 {
      font-size: 25px;
      line-height: 33px;
      margin-top: -5px
   }

   .project .project-slider .single-box .part-txt {
      padding: 25px
   }

   .project .project-slider .single-box .part-txt .txt h3 {
      font-size: 20px;
      margin-bottom: 15px
   }

   .project .project-slider .single-box .part-txt .txt p {
      font-size: 14px
   }

   .project .project-slider .single-box .part-txt .details-btn a {
      width: 40px;
      height: 40px;
      line-height: 46px;
      font-size: 20px
   }

   .project .project-slider .owl-nav {
      display: none
   }

   .blog {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .blog .single-box {
      width: 290px;
      margin: 0 auto 30px
   }

   .blog .single-box .part-txt {
      padding: 25px
   }

   .blog .single-box .part-txt .blog-info {
      margin-bottom: 17px
   }

   .blog .single-box .part-txt .blog-info .date {
      height: 40px;
      line-height: 43px;
      font-size: 13px;
      padding: 0 10px
   }

   .blog .single-box .part-txt .blog-info .admin {
      height: 40px;
      line-height: 43px;
      font-size: 13px
   }

   .blog .single-box .part-txt a {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 7px
   }

   .blog .single-box .part-txt p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: -9px
   }

   .blog-2 {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .blog-2 .single-box {
      width: 350px;
      margin: 0 auto 30px
   }

   .blog-2 .single-box .part-img .date span {
      height: 40px;
      line-height: 43px;
      font-size: 14px
   }

   .blog-2 .single-box .part-txt {
      padding: 25px
   }

   .blog-2 .single-box .part-txt ul {
      margin-top: 0;
      margin-bottom: 17px
   }

   .blog-2 .single-box .part-txt ul li {
      font-weight: 500
   }

   .blog-2 .single-box .part-txt a {
      font-size: 18px;
      line-height: 26px;
      margin-bottom: 12px
   }

   .blog-2 .single-box .part-txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: -8px
   }

   .partner {
      padding: 40px 0
   }

   .partner .partner-slider .single-partner {
      height: 60px
   }

   .footer .main-footer {
      padding: 60px 0
   }

   .footer .main-footer .site-info {
      margin-bottom: 30px
   }

   .footer .main-footer .site-info .logo {
      max-width: 100%;
/*
      height: 80px;
      padding: 15px;
*/
      margin-bottom: 20px
   }

   .footer .main-footer .site-info p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 16px
   }

   .footer .main-footer .site-info .social a {
      width: 35px;
      height: 35px;
      line-height: 38px
   }

   .footer .main-footer h3.title {
      font-size: 25px;
      padding-bottom: 17px;
      margin-bottom: 25px
   }

   .footer .main-footer h3.title:after {
      height: 4px
   }

   .footer .main-footer .footer-contact {
      margin-bottom: 26px
   }

   .footer .main-footer .footer-contact ul {
      margin-top: 0;
      margin-bottom: 0
   }

   .footer .main-footer .footer-contact ul li {
      font-size: 14px;
      line-height: 100%;
      margin-bottom: 20px
   }

   .footer .main-footer .footer-contact ul li span {
      font-size: 15px;
      margin-right: 10px
   }

   .footer .main-footer .footer-service {
      margin-bottom: 30px
   }

   .footer .main-footer .footer-service ul {
      margin-top: -8px;
      margin-bottom: -10px
   }

   .footer .main-footer .footer-service ul li {
      font-size: 14px;
      line-height: 30px
   }

   .footer .main-footer .gallery .images .single-img {
      border-radius: 5px
   }

   .footer .copyright p {
      font-size: 14px
   }

   .footer-2 .main-footer {
      padding-top: 60px
   }

   .footer-2 .main-footer .two {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
   }

   .footer-2 .main-footer .one {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
   }

   .footer-2 .main-footer .three {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
   }

   .footer-2 .main-footer h3.title {
      font-size: 25px;
      padding-bottom: 17px;
      margin-top: 0;
      margin-bottom: 25px
   }

   .footer-2 .main-footer h3.title:after {
      height: 4px
   }

   .footer-2 .main-footer .footer-contact {
      padding: 60px 0
   }

   .footer-2 .main-footer .footer-contact ul {
      margin-bottom: -13px
   }

   .footer-2 .main-footer .footer-contact ul li {
      font-size: 14px;
      margin-bottom: 3px
   }

   .footer-2 .main-footer .footer-contact ul li span {
      font-size: 14px
   }

   .footer-2 .main-footer .site-info {
      padding: 60px 25px
   }

   .footer-2 .main-footer .site-info .logo {
      width: 80px;
      height: 80px;
      padding: 15px;
      margin-bottom: 30px
   }

   .footer-2 .main-footer .site-info p {
      font-size: 14px;
      line-height: 22px;
      margin-top: -4px;
      margin-bottom: 22px
   }

   .footer-2 .main-footer .site-info .social a {
      width: 35px;
      height: 35px;
      line-height: 38px
   }

   .footer-2 .main-footer .footer-service {
      padding: 60px 0
   }

   .footer-2 .main-footer .footer-service ul {
      margin-top: -14px;
      margin-bottom: -6px
   }

   .footer-2 .main-footer .footer-service ul li {
      font-size: 14px;
      height: 30px
   }

   .footer-2 .copyright p {
      font-size: 14px
   }

   .breadcrumb {
/*      margin-top: 50px*/
   }

   .breadcrumb .part-txt {
      padding: 60px 0
   }

   .breadcrumb .part-txt h1 {
      font-size: 30px;
      margin-top: -2px;
      margin-bottom: 17px
   }

   .breadcrumb .part-txt ul li {
      font-size: 15px
   }

   .about-inner {
      padding-bottom: 20px
   }

   .about-inner .part-img {
      margin-bottom: 40px !important
   }

   .about-inner .boxes {
      padding-top: 30px
   }

   .about-inner .boxes .single-box {
      margin-bottom: 40px;
      padding: 30px
   }

   .about-inner .boxes .single-box h3 {
      font-size: 25px
   }

   .about-inner .boxes .single-box p {
      font-size: 14px;
      line-height: 22px;
      margin-top: 21px;
      margin-bottom: -8px
   }

   .service-inner {
      padding-bottom: 30px
   }

   .service-inner .service-boxes .single-box .wrap .part-txt {
      padding: 0 20px
   }

   .cta {
      padding: 60px 0
   }

   .cta .part-txt h2 {
      font-size: 25px;
      line-height: 33px;
      padding: 0;
      margin-top: -4px;
      margin-bottom: 19px
   }

   .service-details {
      padding: 60px 0
   }

   .service-details .sidebar {
      width: 450px;
      margin: 0 auto 40px
   }

   .service-details .sidebar h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 18px
   }

   .service-details .sidebar .nav {
      margin: 0 -5px 20px;
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .service-details .sidebar .nav .nav-link {
      height: 40px;
      line-height: 42px;
      font-size: 14px;
      padding: 0 20px;
      margin: 0 5px 10px;
      width: 220px
   }

   .service-details .sidebar .nav .nav-link span {
      margin-right: 10px
   }

   .service-details .sidebar .btns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
   }

   .service-details .sidebar .btns .download-btn {
      width: 220px;
      height: 40px;
      line-height: 41px;
      font-size: 14px;
      font-weight: 500
   }

   .service-details .main-content {
      margin-left: 0
   }

   .service-details .main-content .part-img {
      margin-bottom: 30px
   }

   .service-details .main-content .part-txt {
      margin-bottom: -21px
   }

   .service-details .main-content .part-txt h2 {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 16px
   }

   .service-details .main-content .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .service-details .main-content .part-txt h3 {
      font-size: 20px;
      padding-top: 8px;
      margin-bottom: 16px
   }

   .service-details .main-content .part-txt .quote {
      margin-top: 22px;
      padding: 31px 25px 26px;
      margin-bottom: 21px
   }

   .service-details .main-content .part-txt .quote:after {
      display: none
   }

   .service-details .main-content .part-txt .quote span {
      font-size: 18px;
      line-height: 26px
   }

   .service-details .main-content .part-txt .quote span br {
      display: none
   }

   .project-inner {
      padding: 60px 0
   }

   .project-inner .control-panel {
      margin-bottom: 40px
   }

   .project-inner .control-panel .controls {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border-radius: 5px;
      height: 70px
   }

   .project-inner .control-panel .controls li {
      padding: 0 15px;
      font-size: 15px
   }

   .project-inner .items {
      width: 290px;
      margin: -15px auto
   }

   .project-inner .items .single-item {
      margin: 15px 0;
      border-radius: 5px
   }

   .project-inner .items .single-item.width-1,
   .project-inner .items .single-item.width-2 {
      width: calc(100%/1)
   }

   .project-inner .items .single-item .part-txt {
      padding: 25px
   }

   .project-inner .items .single-item .part-txt .txt h3 {
      font-size: 25px;
      font-weight: 600;
      margin-bottom: 12px
   }

   .project-inner .items .single-item .part-txt .txt p {
      font-size: 15px
   }

   .project-inner .items .single-item .part-txt .details-btn a {
      width: 40px;
      height: 40px;
      line-height: 45px;
      font-size: 20px
   }

   .project-details {
      padding: 60px 0
   }

   .project-details .main-img {
      margin-bottom: 40px
   }

   .project-details .main-img .project-details-slider {
      margin-bottom: 25px
   }

   .project-details .main-img .project-details-slider .single-img {
      border-radius: 5px
   }

   .project-details .main-img .project-thumbnails {
      padding: 0 100px
   }

   .project-details .main-img .project-thumbnails .single-box {
      margin: 0 10px;
      border-radius: 5px
   }

   .project-details .part-txt {
      margin-bottom: 33px
   }

   .project-details .part-txt h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 14px
   }

   .project-details .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .project-details .part-txt-2 {
      margin-bottom: 32px
   }

   .project-details .part-txt-2 h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 14px
   }

   .project-details .part-txt-2 p {
      font-size: 14px;
      line-height: 22px
   }

   .project-details .information {
      padding: 30px 25px;
      max-width: 320px;
      margin: 0 auto 40px
   }

   .project-details .information h2 {
      font-size: 25px;
      margin-top: -1px
   }

   .project-details .information ul li {
      font-size: 15px;
      line-height: 25px;
      margin-bottom: 6px
   }

   .project-details .information ul li:last-child {
      margin-bottom: -9px
   }

   .project-details .information ul li .divider {
      margin-right: 20px
   }

   .project-details .part-txt-3 {
      margin-bottom: -21px
   }

   .project-details .part-txt-3 h2 {
      font-size: 25px;
      margin-top: 0;
      margin-bottom: 14px
   }

   .project-details .part-txt-3 p {
      font-size: 14px;
      line-height: 22px
   }

   .team-details {
      padding-top: 60px;
      margin-bottom: 0
   }

   .team-details .bg {
      padding: 30px
   }

   .team-details .bg .part-img {
      width: 270px;
      margin-bottom: 30px
   }

   .team-details .bg .part-txt {
      padding-left: 0
   }

   .team-details .bg .part-txt h2 {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 3px
   }

   .team-details .bg .part-txt span {
      font-weight: 500;
      letter-spacing: 1px;
      margin-bottom: 18px
   }

   .team-details .bg .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .team-details .bg .part-txt .social {
      padding-top: 9px
   }

   .error {
      padding: 60px 0
   }

   .error .part-txt {
      padding-left: 30px
   }

   .error .part-txt h2 {
      font-size: 40px;
      margin-top: -3px;
      margin-bottom: 14px
   }

   .error .part-txt h3 {
      font-size: 25px;
      margin-bottom: 19px
   }

   .error .part-txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 22px
   }

   .blog-inner {
      padding-bottom: 60px
   }

   .blog-inner .pagination {
      padding-top: 10px
   }

   .blog-inner .pagination ul li a {
      width: 45px;
      height: 45px;
      line-height: 49px
   }

   .blog-details {
      padding: 60px 0
   }

   .blog-details .main-content {
      margin-right: 0;
      margin-bottom: 40px
   }

   .blog-details .main-content .part-img {
      border-radius: 5px
   }

   .blog-details .main-content .blog-info {
      margin-bottom: 20px
   }

   .blog-details .main-content .blog-info ul {
      margin-bottom: 0
   }

   .blog-details .main-content .blog-info ul li {
      font-size: 14px;
      height: 40px;
      line-height: 43px
   }

   .blog-details .main-content .part-txt {
      margin-bottom: 17px
   }

   .blog-details .main-content .part-txt h2 {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 17px
   }

   .blog-details .main-content .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .main-content .part-txt-2 {
      margin-bottom: 22px
   }

   .blog-details .main-content .part-txt-2 h2 {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 17px
   }

   .blog-details .main-content .part-txt-2 p {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .main-content .quote {
      padding: 30px 25px 26px;
      border-radius: 5px;
      margin-top: 0;
      margin-bottom: 25px
   }

   .blog-details .main-content .quote:after {
      display: none
   }

   .blog-details .main-content .quote span {
      font-size: 20px;
      line-height: 28px
   }

   .blog-details .main-content .quote span br {
      display: none
   }

   .blog-details .main-content .other-info {
      border-radius: 5px;
      padding: 0 25px;
      margin-bottom: 40px
   }

   .blog-details .main-content .other-info .tags p {
      font-size: 14px
   }

   .blog-details .main-content .other-info .share a {
      margin-right: 6px
   }

   .blog-details .main-content .blog-comment {
      margin-bottom: 32px
   }

   .blog-details .main-content .blog-comment h3 {
      font-size: 20px;
      margin-bottom: 25px
   }

   .blog-details .main-content .blog-comment .single-comment {
      margin-bottom: 22px
   }

   .blog-details .main-content .blog-comment .single-comment .img {
      width: 60px;
      height: 60px;
      margin-right: 30px
   }

   .blog-details .main-content .blog-comment .single-comment .txt {
      width: auto;
      width: 420px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top {
      margin-bottom: 8px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top h4 {
      font-size: 20px;
      margin-bottom: 4px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top span {
      font-size: 14px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top button {
      font-size: 16px
   }

   .blog-details .main-content .blog-comment .single-comment .txt p {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .main-content .post-a-comment h3 {
      font-size: 20px;
      margin-bottom: 25px
   }

   .blog-details .main-content .post-a-comment form input {
      height: 45px;
      font-size: 14px;
      margin-bottom: 20px
   }

   .blog-details .main-content .post-a-comment form textarea {
      height: 100px;
      font-size: 14px;
      margin-bottom: 17px
   }

   .blog-details .sidebar {
      max-width: 320px;
      margin: 0 auto
   }

   .blog-details .sidebar .search-box {
      margin-bottom: 30px
   }

   .blog-details .sidebar .search-box form input {
      height: 45px;
      font-size: 14px
   }

   .blog-details .sidebar .search-box form button {
      font-size: 14px
   }

   .blog-details .sidebar h3 {
      font-size: 20px;
      margin-bottom: 15px
   }

   .blog-details .sidebar .category {
      margin-bottom: 30px
   }

   .blog-details .sidebar .category ul li a {
      padding: 0 25px;
      height: 45px;
      line-height: 45px;
      font-size: 14px
   }

   .blog-details .sidebar .recent-post {
      margin-bottom: 30px
   }

   .blog-details .sidebar .recent-post .box {
      padding: 25px
   }

   .blog-details .sidebar .recent-post .box ul li a {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .sidebar .recent-post .box ul li span {
      font-size: 14px
   }

   .blog-details .sidebar .recent-post .box ul li span i {
      font-size: 12px
   }

   .blog-details .sidebar .tags .all-tags a {
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      padding: 0 15px
   }

   .contact {
      padding: 60px 0
   }

   .contact .form-area {
      width: 450px;
      margin: 0 auto 40px
   }

   .contact .form-area .title {
      margin-bottom: 22px
   }

   .contact .form-area .title h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 19px
   }

   .contact .form-area .title p {
      font-size: 14px;
      line-height: 22px
   }

   .contact .form-area .title p br {
      display: none
   }

   .contact .form-area form input {
      height: 45px;
      padding: 0 25px;
      font-size: 14px
   }

   .contact .form-area form textarea {
      height: 150px;
      padding: 15px 25px;
      font-size: 14px;
      margin-bottom: 22px
   }

   .contact .address-area .single-box {
      padding: 30px 25px;
      width: 450px;
      margin: 0 auto
   }

   .contact .address-area .single-box.two {
      margin-top: 30px
   }

   .contact .address-area .single-box .title h3 {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 30px
   }

   .contact .address-area .single-box .details {
      width: 279px
   }

   .contact .address-area .single-box .details ul {
      margin-top: -13px
   }

   .contact .address-area .single-box .details ul li {
      font-size: 14px;
      line-height: 27px;
      margin-bottom: 0
   }

   .contact .address-area .single-box .details ul li:last-child {
      margin-bottom: -10px
   }

   .contact .address-area .single-box .details ul li:last-child span {
      margin-top: 0
   }

   .contact .address-area .single-box .details ul li span {
      font-size: 14px;
      margin-top: 2px
   }

   .map iframe {
      height: 250px
   }
}

@media only screen and (min-width:480px) and (max-width:575px) {
   .def-btn {
      height: 45px;
      line-height: 45px;
      padding: 0 20px 0 24px;
      font-size: 16px;
      font-weight: 500
   }

   .heading {
      margin-bottom: 40px
   }

   .heading h2 {
      font-size: 25px;
      line-height: 33px;
      margin-top: -5px;
      padding-bottom: 14px
   }

   .heading-2 {
      margin-bottom: 50px
   }

   .heading-2 h2 {
      font-size: 25px;
      margin-top: 0;
      margin-bottom: 19px
   }

   .heading-2 p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: -8px
   }

   .header .top-header {
      display: none
   }

   .header .bottom-header {
      background: 0 0;
      position: relative;
      z-index: 2
   }

   .header .bottom-header:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px;
      background: #274082;
      z-index: -1
   }

   .header .bottom-header.fixed-header {
      -webkit-box-shadow: 0 0;
      box-shadow: 0 0
   }

   .header .bottom-header.fixed-header .logo {
      padding: 10px 15px
   }

   .header .bottom-header .navbar-toggler {
      padding: 0;
      border: 0;
      width: 25px;
      height: 50px;
      padding: 10px 0
   }

   .header .bottom-header .logo {
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 70px;
      padding: 20px 15px 15px
   }

   .header .bottom-header .logo:before {
      display: none
   }

   .header .bottom-header .logo:after {
      top: 0;
      bottom: -10px;
      -webkit-transform: skew(0);
      -ms-transform: skew(0);
      transform: skew(0);
      border-radius: 0 0 35px 35px;
      -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
      box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1)
   }

   .header .bottom-header .navbar {
      background: #fff;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      padding: 0
   }

   .header .bottom-header .navbar .navbar-nav {
      padding: 15px;
      max-height: 320px;
      overflow-y: scroll
   }

   .header .bottom-header .navbar .navbar-nav .nav-item {
      padding: 9px 0 6px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
      display: none;
      width: 100%;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      opacity: 1;
      visibility: visible
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
      display: block
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      font-weight: 500;
      color: #274082;
      padding: 5px 0
   }

   .header .bottom-header .side-bar-btn .side-bar-show {
      line-height: 1;
      width: 25px;
      height: 50px;
      padding: 10px 0
   }

   .header .bottom-header .next {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4
   }

   .header-2 .logo {
      width: 120px
   }

   .header-2 .navbar-toggler {
      padding: 0;
      width: 35px;
      height: 35px;
      line-height: 38px;
      margin: 10px 0 10px auto;
      background: #274082;
      color: #fff;
      font-size: 22px
   }

   .header-2 .navbar {
      padding: 0
   }

   .header-2 .navbar .navbar-nav {
      padding: 0 15px 15px;
      max-height: 320px;
      overflow-y: scroll
   }

   .header-2 .navbar .navbar-nav .nav-item {
      padding: 9px 0 6px
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
      display: none;
      width: 100%;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      opacity: 1;
      visibility: visible
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
      display: block
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header-2 .navbar .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      font-weight: 500;
      color: #274082;
      padding: 5px 0
   }

   .main-sidebar {
      width: 320px
   }

   .main-sidebar .logo {
      width: 70px;
      height: 70px;
      border-radius: 5px;
      padding: 15px
   }

   .main-sidebar .side-about {
      margin-bottom: 20px
   }

   .main-sidebar .side-about p {
      font-size: 14px;
      line-height: 22px;
      margin-top: -5px
   }

   .main-sidebar .links {
      margin-bottom: 20px
   }

   .main-sidebar .links h2 {
      font-size: 20px;
      margin-bottom: 18px
   }

   .main-sidebar .links ul li a {
      font-size: 14px;
      margin-bottom: 1px
   }

   .main-sidebar .side-contact {
      margin-bottom: 22px
   }

   .main-sidebar .side-contact h2 {
      font-size: 20px;
      margin-bottom: 20px
   }

   .main-sidebar .side-contact ul li {
      font-size: 14px;
      margin-bottom: 8px
   }

   .main-sidebar .side-contact ul li i {
      top: 5px
   }

   .main-sidebar .side-contact ul li span {
      font-size: 14px
   }

   .main-sidebar .socials h2 {
      font-size: 20px;
      margin-bottom: 25px
   }

   .banner .slider {
      padding-top: 50px
   }

   .banner .slider:after {
      top: 50px;
      background-position-x: 15%
   }

   .banner .slider .banner-txt {
      padding: 80px 0
   }

   .banner .slider .banner-txt h1 {
      font-size: 27px;
      line-height: 30px;
      margin-top: -2px;
      margin-bottom: 16px
   }

   .banner .slider .banner-txt p {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      margin-bottom: 22px
   }

   .banner .owl-dots {
      margin: -82px auto 58px;
      width: 100%
   }

   .banner .owl-dots .owl-dot {
      margin-right: 10px;
      width: 10px;
      height: 10px
   }

   .banner-2:after {
      background-position-x: left;
      background-position-y: top
   }

   .banner-2 .banner-txt {
      padding: 80px 30px 80px 0
   }

   .banner-2 .banner-txt h1 {
      font-size: 30px;
      line-height: 38px;
      margin-top: -6px;
      margin-bottom: 14px
   }

   .banner-2 .banner-txt p {
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 20px
   }

   .fun-fact .bg {
      width: 290px;
      padding: 25px 0;
      margin: -40px auto 0
   }

   .fun-fact .bg .single-box {
      padding: 25px 0
   }

   .fun-fact .bg .single-box .txt {
      padding-left: 0
   }

   .fun-fact .bg .single-box .txt:after {
      left: -40px;
      width: 90px;
      height: 90px
   }

   .fun-fact .bg .single-box .txt h2 {
      font-size: 35px;
      font-weight: 600;
      margin-top: -4px;
      margin-bottom: 4px
   }

   .fun-fact .bg .single-box .txt p {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: -4px
   }

   .fun-fact-2 {
      padding: 20px 0
   }

   .fun-fact-2 .single-box {
      padding: 20px 0
   }

   .fun-fact-2 .single-box:before,
   .fun-fact-2 .single-box:after {
      display: none
   }

   .fun-fact-2 .single-box .txt h2 {
      font-size: 30px;
      font-weight: 600;
      padding-bottom: 9px;
      margin-top: -4px;
      margin-bottom: 7px
   }

   .fun-fact-2 .single-box .txt h2:after {
      font-size: 10px
   }

   .fun-fact-2 .single-box .txt p {
      font-size: 14px;
      font-weight: 400;
      margin-bottom: -4px
   }

   .about {
      padding: 60px 0
   }

   .about.about-2 .part-txt {
      margin-bottom: 30px
   }

   .about.about-2 .part-txt h4 {
      margin-bottom: 23px
   }

   .about.about-2 .part-txt h2 {
      margin-bottom: 21px
   }

   .about.about-2 .part-txt h2 span {
      font-size: 30px
   }

   .about.about-2 .part-txt p {
      margin-bottom: 17px
   }

   .about.about-2 .part-txt .def-btn {
      margin-top: 4px
   }

   .about.about-2 .part-img {
      margin-bottom: 0
   }

   .about .part-img {
      padding: 0;
      margin-bottom: 30px
   }

   .about .part-img img {
      max-width: 100%
   }

   .about .part-txt h4 {
      font-size: 16px;
      font-weight: 600;
      padding-left: 55px;
      margin-top: -1px;
      margin-bottom: 17px
   }

   .about .part-txt h4:after {
      width: 40px;
      height: 2px
   }

   .about .part-txt h2 {
      font-size: 25px;
      line-height: 31px;
      margin-bottom: 9px
   }

   .about .part-txt p {
      font-size: 14px;
      line-height: 24px;
      margin-top: -6px;
      margin-bottom: -9px
   }

   .about .part-txt p.b {
      font-size: 14px;
      line-height: 24px;
      font-weight: 500;
      margin-top: 0;
      margin-bottom: 16px
   }

   .about .part-txt .single-box {
      padding: 10px 15px;
      margin-bottom: 25px
   }

   .about .part-txt .single-box .icon {
      width: 50px;
      height: 50px
   }

   .about .part-txt .single-box h3 {
      font-size: 20px
   }

   .service {
      padding: 60px 0
   }

   .service .service-slider {
      width: 290px;
      margin: 0 auto
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt {
      padding: 30px 20px 15px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt a {
      display: block;
      font-size: 20px;
      line-height: 100%;
      margin-top: -2px;
      margin-bottom: 15px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: -9px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt p br {
      display: none
   }

   .service-2 {
      padding: 60px 0
   }

   .service-2 .service-boxes {
      width: 290px;
      margin: 0 auto
   }

   .service-2 .service-boxes .single-box .wrap .part-txt {
      padding: 0 25px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt .part-icon {
      width: 70px;
      height: 70px;
      border-width: 2px;
      margin-bottom: -70px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt h3 {
      font-size: 20px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 47px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt p br {
      display: none
   }

   .service-2 .service-boxes .single-box .details-btn {
      width: 50px;
      height: 50px;
      line-height: 50px
   }

   .team {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .team .single-box {
      width: 270px;
      margin: 0 auto 30px
   }

   .team .single-box .part-txt {
      padding-bottom: 10px
   }

   .team .single-box .part-txt .social {
      margin-bottom: 25px
   }

   .team .single-box .part-txt .title {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 14px
   }

   .team .single-box .part-txt p {
      letter-spacing: 1px
   }

   .recent-work {
      padding: 60px 0
   }

   .recent-work .main-title {
      text-align: center;
      font-size: 25px;
      margin-bottom: 44px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box {
      width: 380px;
      margin: 0 10px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt h3 {
      display: none
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt {
      padding: 25px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .title {
      font-size: 20px;
      margin-bottom: 15px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt p {
      font-size: 14px;
      margin-bottom: -4px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .details-btn {
      width: 50px;
      height: 50px;
      line-height: 55px
   }

   .recent-work .wrap .works .work-slider .slick-dots {
      margin-top: 30px
   }

   .recent-work .wrap .works .work-slider .slick-dots li.slick-active button {
      width: 110px
   }

   .recent-work .wrap .works .work-slider .slick-dots li button {
      width: 90px
   }

   .testimonial {
      padding: 60px 0
   }

   .testimonial .client-area {
      padding-right: 0;
      width: 290px;
      margin: 0 auto 30px
   }

   .testimonial .client-area .img {
      border-width: 30px;
      width: 300px;
      height: 300px;
      padding-top: 40px;
      padding-right: 55px
   }

   .testimonial .client-area .img img {
      width: 55px
   }

   .testimonial .comment-slider .single-comment {
      text-align: center
   }

   .testimonial .comment-slider .single-comment .icon {
      width: 55px;
      height: 55px;
      line-height: 62px;
      font-size: 30px;
      margin: 0 auto 20px
   }

   .testimonial .comment-slider .single-comment p {
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      margin-bottom: 16px
   }

   .testimonial .comment-slider .single-comment h3 {
      font-size: 20px;
      margin-bottom: 10px
   }

   .testimonial .comment-slider .single-comment span {
      font-size: 16px;
      font-weight: 400
   }

   .testimonial .comment-slider .owl-dots {
      height: 38px;
      padding-top: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }

   .testimonial-2 {
      padding: 60px 0
   }

   .testimonial-2 .comment-slider-2 {
      width: 380px;
      margin: 0 auto
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-img {
      margin-bottom: -40px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt {
      padding: 66px 30px 30px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt p {
      font-size: 15px;
      line-height: 23px;
      margin-bottom: 21px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt h3 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 14px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt span {
      font-weight: 500
   }

   .testimonial-2 .comment-slider-2 .owl-dots {
      padding-top: 30px
   }

   .project {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .project .title {
      margin-bottom: 29px
   }

   .project .title h2 {
      font-size: 25px;
      line-height: 33px;
      margin-top: -5px
   }

   .project .project-slider .single-box {
      width: 290px;
      margin: 0 auto 30px
   }

   .project .project-slider .single-box .part-txt {
      padding: 25px
   }

   .project .project-slider .single-box .part-txt .txt h3 {
      font-size: 20px;
      margin-bottom: 15px
   }

   .project .project-slider .single-box .part-txt .txt p {
      font-size: 14px
   }

   .project .project-slider .single-box .part-txt .details-btn a {
      width: 40px;
      height: 40px;
      line-height: 46px;
      font-size: 20px
   }

   .project .project-slider .owl-nav {
      display: none
   }

   .blog {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .blog .single-box {
      width: 290px;
      margin: 0 auto 30px
   }

   .blog .single-box .part-txt {
      padding: 25px
   }

   .blog .single-box .part-txt .blog-info {
      margin-bottom: 17px
   }

   .blog .single-box .part-txt .blog-info .date {
      height: 40px;
      line-height: 43px;
      font-size: 13px;
      padding: 0 10px
   }

   .blog .single-box .part-txt .blog-info .admin {
      height: 40px;
      line-height: 43px;
      font-size: 13px
   }

   .blog .single-box .part-txt a {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 7px
   }

   .blog .single-box .part-txt p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: -9px
   }

   .blog-2 {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .blog-2 .single-box {
      width: 350px;
      margin: 0 auto 30px
   }

   .blog-2 .single-box .part-img .date span {
      height: 40px;
      line-height: 43px;
      font-size: 14px
   }

   .blog-2 .single-box .part-txt {
      padding: 25px
   }

   .blog-2 .single-box .part-txt ul {
      margin-top: 0;
      margin-bottom: 17px
   }

   .blog-2 .single-box .part-txt ul li {
      font-weight: 500
   }

   .blog-2 .single-box .part-txt a {
      font-size: 18px;
      line-height: 26px;
      margin-bottom: 12px
   }

   .blog-2 .single-box .part-txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: -8px
   }

   .partner {
      padding: 40px 0
   }

   .partner .partner-slider .single-partner {
      height: 60px
   }

   .footer .main-footer {
      padding: 60px 0
   }

   .footer .main-footer .site-info {
      margin-bottom: 30px
   }

   .footer .main-footer .site-info .logo {
/*
      width: 80px;
      height: 80px;
      padding: 15px;
*/
      margin-bottom: 20px
   }

   .footer .main-footer .site-info p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 16px
   }

   .footer .main-footer .site-info .social a {
      width: 35px;
      height: 35px;
      line-height: 38px
   }

   .footer .main-footer h3.title {
      font-size: 25px;
      padding-bottom: 17px;
      margin-bottom: 25px
   }

   .footer .main-footer h3.title:after {
      height: 4px
   }

   .footer .main-footer .footer-contact {
      margin-bottom: 26px
   }

   .footer .main-footer .footer-contact ul {
      margin-top: 0;
      margin-bottom: 0
   }

   .footer .main-footer .footer-contact ul li {
      font-size: 14px;
      line-height: 100%;
      margin-bottom: 20px
   }

   .footer .main-footer .footer-contact ul li span {
      font-size: 15px;
      margin-right: 10px
   }

   .footer .main-footer .footer-service {
      margin-bottom: 30px
   }

   .footer .main-footer .footer-service ul {
      margin-top: -8px;
      margin-bottom: -10px
   }

   .footer .main-footer .footer-service ul li {
      font-size: 14px;
      line-height: 30px
   }

   .footer .main-footer .gallery .images .single-img {
      border-radius: 5px
   }

   .footer .copyright p {
      font-size: 14px
   }

   .footer-2 .main-footer {
      padding-top: 60px
   }

   .footer-2 .main-footer .two {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
   }

   .footer-2 .main-footer .one {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
   }

   .footer-2 .main-footer .three {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
   }

   .footer-2 .main-footer h3.title {
      font-size: 25px;
      padding-bottom: 17px;
      margin-top: 0;
      margin-bottom: 25px
   }

   .footer-2 .main-footer h3.title:after {
      height: 4px
   }

   .footer-2 .main-footer .footer-contact {
      padding-top: 60px;
      padding-bottom: 0
   }

   .footer-2 .main-footer .footer-contact ul {
      margin-bottom: -13px
   }

   .footer-2 .main-footer .footer-contact ul li {
      font-size: 14px;
      margin-bottom: 3px
   }

   .footer-2 .main-footer .footer-contact ul li span {
      font-size: 14px
   }

   .footer-2 .main-footer .site-info {
      padding: 60px 25px
   }

   .footer-2 .main-footer .site-info .logo {
      width: 80px;
      height: 80px;
      padding: 15px;
      margin-bottom: 30px
   }

   .footer-2 .main-footer .site-info p {
      font-size: 14px;
      line-height: 22px;
      margin-top: -4px;
      margin-bottom: 22px
   }

   .footer-2 .main-footer .site-info .social a {
      width: 35px;
      height: 35px;
      line-height: 38px
   }

   .footer-2 .main-footer .footer-service {
      padding: 30px 0 60px
   }

   .footer-2 .main-footer .footer-service ul {
      margin-top: -14px;
      margin-bottom: -6px
   }

   .footer-2 .main-footer .footer-service ul li {
      font-size: 14px;
      height: 30px
   }

   .footer-2 .copyright p {
      font-size: 14px
   }

/*
   .breadcrumb {
      margin-top: 50px
   }
*/

   .breadcrumb .part-txt {
      padding: 60px 0
   }

   .breadcrumb .part-txt h1 {
      font-size: 30px;
      margin-top: -2px;
      margin-bottom: 17px
   }

   .breadcrumb .part-txt ul li {
      font-size: 15px
   }

   .about-inner {
      padding-bottom: 20px
   }

   .about-inner .part-img {
      margin-bottom: 40px !important
   }

   .about-inner .boxes {
      padding-top: 30px
   }

   .about-inner .boxes .single-box {
      margin-bottom: 40px;
      padding: 30px
   }

   .about-inner .boxes .single-box h3 {
      font-size: 25px
   }

   .about-inner .boxes .single-box p {
      font-size: 14px;
      line-height: 22px;
      margin-top: 21px;
      margin-bottom: -8px
   }

   .service-inner {
      padding-bottom: 30px
   }

   .cta {
      padding: 60px 0
   }

   .cta .part-txt h2 {
      font-size: 25px;
      line-height: 33px;
      padding: 0;
      margin-top: -4px;
      margin-bottom: 19px
   }

   .service-details {
      padding: 60px 0
   }

   .service-details .sidebar {
      width: 450px;
      margin: 0 auto 40px
   }

   .service-details .sidebar h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 18px
   }

   .service-details .sidebar .nav {
      margin: 0 -5px 20px;
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important
   }

   .service-details .sidebar .nav .nav-link {
      height: 40px;
      line-height: 42px;
      font-size: 14px;
      padding: 0 20px;
      margin: 0 5px 10px;
      width: 220px
   }

   .service-details .sidebar .nav .nav-link span {
      margin-right: 10px
   }

   .service-details .sidebar .btns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
   }

   .service-details .sidebar .btns .download-btn {
      width: 220px;
      height: 40px;
      line-height: 41px;
      font-size: 14px;
      font-weight: 500
   }

   .service-details .main-content {
      margin-left: 0
   }

   .service-details .main-content .part-img {
      margin-bottom: 30px
   }

   .service-details .main-content .part-txt {
      margin-bottom: -21px
   }

   .service-details .main-content .part-txt h2 {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 16px
   }

   .service-details .main-content .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .service-details .main-content .part-txt h3 {
      font-size: 20px;
      padding-top: 8px;
      margin-bottom: 16px
   }

   .service-details .main-content .part-txt .quote {
      margin-top: 22px;
      padding: 31px 25px 26px;
      margin-bottom: 21px
   }

   .service-details .main-content .part-txt .quote:after {
      display: none
   }

   .service-details .main-content .part-txt .quote span {
      font-size: 18px;
      line-height: 26px
   }

   .service-details .main-content .part-txt .quote span br {
      display: none
   }

   .project-inner {
      padding: 60px 0
   }

   .project-inner .control-panel {
      margin-bottom: 40px
   }

   .project-inner .control-panel .controls {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border-radius: 5px;
      height: auto;
      padding: 10px 0
   }

   .project-inner .control-panel .controls li {
      padding: 10px 15px;
      font-size: 15px
   }

   .project-inner .items {
      width: 290px;
      margin: -15px auto
   }

   .project-inner .items .single-item {
      margin: 15px 0;
      border-radius: 5px
   }

   .project-inner .items .single-item.width-1,
   .project-inner .items .single-item.width-2 {
      width: calc(100%/1)
   }

   .project-inner .items .single-item .part-txt {
      padding: 25px
   }

   .project-inner .items .single-item .part-txt .txt h3 {
      font-size: 25px;
      font-weight: 600;
      margin-bottom: 12px
   }

   .project-inner .items .single-item .part-txt .txt p {
      font-size: 15px
   }

   .project-inner .items .single-item .part-txt .details-btn a {
      width: 40px;
      height: 40px;
      line-height: 45px;
      font-size: 20px
   }

   .project-details {
      padding: 60px 0
   }

   .project-details .main-img {
      margin-bottom: 40px
   }

   .project-details .main-img .project-details-slider {
      margin-bottom: 25px
   }

   .project-details .main-img .project-details-slider .single-img {
      border-radius: 5px
   }

   .project-details .main-img .project-thumbnails {
      padding: 0 50px
   }

   .project-details .main-img .project-thumbnails .single-box {
      margin: 0 10px;
      border-radius: 5px
   }

   .project-details .part-txt {
      margin-bottom: 33px
   }

   .project-details .part-txt h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 14px
   }

   .project-details .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .project-details .part-txt-2 {
      margin-bottom: 32px
   }

   .project-details .part-txt-2 h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 14px
   }

   .project-details .part-txt-2 p {
      font-size: 14px;
      line-height: 22px
   }

   .project-details .information {
      padding: 30px 25px;
      max-width: 320px;
      margin: 0 auto 40px
   }

   .project-details .information h2 {
      font-size: 25px;
      margin-top: -1px
   }

   .project-details .information ul li {
      font-size: 15px;
      line-height: 25px;
      margin-bottom: 6px
   }

   .project-details .information ul li:last-child {
      margin-bottom: -9px
   }

   .project-details .information ul li .divider {
      margin-right: 20px
   }

   .project-details .part-txt-3 {
      margin-bottom: -21px
   }

   .project-details .part-txt-3 h2 {
      font-size: 25px;
      margin-top: 0;
      margin-bottom: 14px
   }

   .project-details .part-txt-3 p {
      font-size: 14px;
      line-height: 22px
   }

   .team-details {
      padding-top: 60px;
      margin-bottom: 0
   }

   .team-details .bg {
      padding: 30px
   }

   .team-details .bg .part-img {
      width: 270px;
      margin-bottom: 30px
   }

   .team-details .bg .part-txt {
      padding-left: 0
   }

   .team-details .bg .part-txt h2 {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 3px
   }

   .team-details .bg .part-txt span {
      font-weight: 500;
      letter-spacing: 1px;
      margin-bottom: 18px
   }

   .team-details .bg .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .team-details .bg .part-txt .social {
      padding-top: 9px
   }

   .error {
      padding: 60px 0
   }

   .error .part-img {
      width: 320px;
      margin: 0 auto 40px
   }

   .error .part-txt {
      text-align: center
   }

   .error .part-txt h2 {
      font-size: 40px;
      margin-top: -3px;
      margin-bottom: 14px
   }

   .error .part-txt h3 {
      font-size: 25px;
      margin-bottom: 19px
   }

   .error .part-txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 22px
   }

   .blog-inner {
      padding-bottom: 60px
   }

   .blog-inner .pagination {
      padding-top: 10px
   }

   .blog-inner .pagination ul li a {
      width: 45px;
      height: 45px;
      line-height: 49px
   }

   .blog-details {
      padding: 60px 0
   }

   .blog-details .main-content {
      margin-right: 0;
      margin-bottom: 40px
   }

   .blog-details .main-content .part-img {
      border-radius: 5px
   }

   .blog-details .main-content .blog-info {
      margin-bottom: 20px
   }

   .blog-details .main-content .blog-info ul {
      margin-bottom: 0
   }

   .blog-details .main-content .blog-info ul li {
      font-size: 14px;
      height: 40px;
      line-height: 43px;
      margin-right: 15px
   }

   .blog-details .main-content .blog-info ul li.color {
      padding: 0 15px
   }

   .blog-details .main-content .part-txt {
      margin-bottom: 17px
   }

   .blog-details .main-content .part-txt h2 {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 17px
   }

   .blog-details .main-content .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .main-content .part-txt-2 {
      margin-bottom: 22px
   }

   .blog-details .main-content .part-txt-2 h2 {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 17px
   }

   .blog-details .main-content .part-txt-2 p {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .main-content .quote {
      padding: 30px 25px 26px;
      border-radius: 5px;
      margin-top: 0;
      margin-bottom: 25px
   }

   .blog-details .main-content .quote:after {
      display: none
   }

   .blog-details .main-content .quote span {
      font-size: 20px;
      line-height: 28px
   }

   .blog-details .main-content .quote span br {
      display: none
   }

   .blog-details .main-content .other-info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: auto;
      line-height: inherit;
      border-radius: 5px;
      padding: 25px;
      margin-bottom: 40px
   }

   .blog-details .main-content .other-info .tags {
      margin-bottom: 16px
   }

   .blog-details .main-content .other-info .tags p {
      font-size: 14px;
      line-height: 100%
   }

   .blog-details .main-content .blog-comment {
      margin-bottom: 32px
   }

   .blog-details .main-content .blog-comment h3 {
      font-size: 20px;
      margin-bottom: 25px
   }

   .blog-details .main-content .blog-comment .single-comment {
      display: block;
      margin-bottom: 22px
   }

   .blog-details .main-content .blog-comment .single-comment .img {
      width: 60px;
      height: 60px;
      margin-right: 0;
      margin-bottom: 20px
   }

   .blog-details .main-content .blog-comment .single-comment .txt {
      width: auto
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top {
      margin-bottom: 8px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top h4 {
      font-size: 20px;
      margin-bottom: 4px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top span {
      font-size: 14px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top button {
      font-size: 16px
   }

   .blog-details .main-content .blog-comment .single-comment .txt p {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .main-content .post-a-comment h3 {
      font-size: 20px;
      margin-bottom: 25px
   }

   .blog-details .main-content .post-a-comment form input {
      height: 45px;
      font-size: 14px;
      margin-bottom: 20px
   }

   .blog-details .main-content .post-a-comment form textarea {
      height: 100px;
      font-size: 14px;
      margin-bottom: 17px
   }

   .blog-details .sidebar {
      max-width: 320px;
      margin: 0 auto
   }

   .blog-details .sidebar .search-box {
      margin-bottom: 30px
   }

   .blog-details .sidebar .search-box form input {
      height: 45px;
      font-size: 14px
   }

   .blog-details .sidebar .search-box form button {
      font-size: 14px
   }

   .blog-details .sidebar h3 {
      font-size: 20px;
      margin-bottom: 15px
   }

   .blog-details .sidebar .category {
      margin-bottom: 30px
   }

   .blog-details .sidebar .category ul li a {
      padding: 0 25px;
      height: 45px;
      line-height: 45px;
      font-size: 14px
   }

   .blog-details .sidebar .recent-post {
      margin-bottom: 30px
   }

   .blog-details .sidebar .recent-post .box {
      padding: 25px
   }

   .blog-details .sidebar .recent-post .box ul li a {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .sidebar .recent-post .box ul li span {
      font-size: 14px
   }

   .blog-details .sidebar .recent-post .box ul li span i {
      font-size: 12px
   }

   .blog-details .sidebar .tags .all-tags a {
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      padding: 0 15px
   }

   .contact {
      padding: 60px 0
   }

   .contact .form-area {
      width: 450px;
      margin: 0 auto 40px
   }

   .contact .form-area .title {
      margin-bottom: 22px
   }

   .contact .form-area .title h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 19px
   }

   .contact .form-area .title p {
      font-size: 14px;
      line-height: 22px
   }

   .contact .form-area .title p br {
      display: none
   }

   .contact .form-area form input {
      height: 45px;
      padding: 0 25px;
      font-size: 14px
   }

   .contact .form-area form textarea {
      height: 100px;
      padding: 15px 25px;
      font-size: 14px;
      margin-bottom: 22px
   }

   .contact .address-area .single-box {
      padding: 30px 25px;
      width: 450px;
      margin: 0 auto
   }

   .contact .address-area .single-box.two {
      margin-top: 30px
   }

   .contact .address-area .single-box .title h3 {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 30px
   }

   .contact .address-area .single-box .details {
      width: 279px
   }

   .contact .address-area .single-box .details ul {
      margin-top: -13px
   }

   .contact .address-area .single-box .details ul li {
      font-size: 14px;
      line-height: 27px;
      margin-bottom: 0
   }

   .contact .address-area .single-box .details ul li:last-child {
      margin-bottom: -10px
   }

   .contact .address-area .single-box .details ul li:last-child span {
      margin-top: 0
   }

   .contact .address-area .single-box .details ul li span {
      font-size: 14px;
      margin-top: 2px
   }

   .map iframe {
      height: 250px
   }
}

@media only screen and (min-width:320px) and (max-width:479px) {
   .def-btn {
      height: 45px;
      line-height: 45px;
      padding: 0 20px 0 24px;
      font-size: 16px;
      font-weight: 500
   }

   .heading {
      margin-bottom: 40px
   }

   .heading h2 {
      font-size: 25px;
      line-height: 33px;
      margin-top: -5px;
      padding-bottom: 14px
   }

   .heading-2 {
      margin-bottom: 50px
   }

   .heading-2 h2 {
      font-size: 25px;
      margin-top: 0;
      margin-bottom: 19px
   }

   .heading-2 p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: -8px
   }

   .header .top-header {
      display: none
   }

   .header .bottom-header {
      background: 0 0;
      position: relative;
      z-index: 2
   }

   .header .bottom-header:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px;
      background: #fff;
      z-index: -1
   }

   .header .bottom-header.fixed-header {
      -webkit-box-shadow: 0 0;
      box-shadow: 0 0
   }

   .header .bottom-header.fixed-header .logo {
      padding: 10px 15px
   }

   .header .bottom-header .navbar-toggler {
      padding: 0;
      border: 0;
      width: 25px;
      height: 50px;
      padding: 10px 0
   }

   .header .bottom-header .logo {
      left: 55%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 141px;
    padding: 13px -6px 13px;
   }

   .header .bottom-header .logo:before {
      display: none
   }

   .header .bottom-header .logo:after {
      top: 0;
      bottom: -10px;
      -webkit-transform: skew(0);
      -ms-transform: skew(0);
      transform: skew(0);
      border-radius: 0 0 35px 35px;
      -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
      box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1)
   }

   .header .bottom-header .navbar {
      background: #fff;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      padding: 0
   }

   .header .bottom-header .navbar .navbar-nav {
      padding: 15px;
      max-height: 320px;
      overflow-y: scroll
   }

   .header .bottom-header .navbar .navbar-nav .nav-item {
      padding: 9px 0 6px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
      display: none;
      width: 100%;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      opacity: 1;
      visibility: visible
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
      display: block
   }

   .header .bottom-header .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header .bottom-header .navbar .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      font-weight: 500;
      color: #274082;
      padding: 5px 0
   }

   .header .bottom-header .side-bar-btn .side-bar-show {
      line-height: 1;
      width: 25px;
      height: 50px;
      padding: 10px 0
   }

   .header .bottom-header .next {
      -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
      order: 4
   }

   .header-2 .logo {
      width: 120px
   }

   .header-2 .navbar-toggler {
      padding: 0;
      width: 35px;
      height: 35px;
      line-height: 38px;
      margin: 10px 0 10px auto;
      background: #274082;
      color: #fff;
      font-size: 22px
   }

   .header-2 .navbar {
      padding: 0
   }

   .header-2 .navbar .navbar-nav {
      padding: 0 15px 15px;
      max-height: 320px;
      overflow-y: scroll
   }

   .header-2 .navbar .navbar-nav .nav-item {
      padding: 9px 0 6px
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
      display: none;
      width: 100%;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
      opacity: 1;
      visibility: visible
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
      display: block
   }

   .header-2 .navbar .navbar-nav .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
      padding: 15px 20px
   }

   .header-2 .navbar .navbar-nav .nav-item .nav-link {
      font-size: 16px;
      font-weight: 500;
      color: #274082;
      padding: 5px 0
   }

   .main-sidebar {
      width: 320px
   }

   .main-sidebar .logo {
      width: 70px;
      height: 70px;
      border-radius: 5px;
      padding: 15px
   }

   .main-sidebar .side-about {
      margin-bottom: 20px
   }

   .main-sidebar .side-about p {
      font-size: 14px;
      line-height: 22px;
      margin-top: -5px
   }

   .main-sidebar .links {
      margin-bottom: 20px
   }

   .main-sidebar .links h2 {
      font-size: 20px;
      margin-bottom: 18px
   }

   .main-sidebar .links ul li a {
      font-size: 14px;
      margin-bottom: 1px
   }

   .main-sidebar .side-contact {
      margin-bottom: 22px
   }

   .main-sidebar .side-contact h2 {
      font-size: 20px;
      margin-bottom: 20px
   }

   .main-sidebar .side-contact ul li {
      font-size: 14px;
      margin-bottom: 8px
   }

   .main-sidebar .side-contact ul li i {
      top: 5px
   }

   .main-sidebar .side-contact ul li span {
      font-size: 14px
   }

   .main-sidebar .socials h2 {
      font-size: 20px;
      margin-bottom: 25px
   }

   .banner .slider {
      padding-top: 50px
   }

   .banner .slider:after {
      top: 50px;
      background-position-x: 15%
   }

   .banner .slider .banner-txt {
      padding: 80px 0
   }

   .banner .slider .banner-txt h1 {
      font-size: 27px;
      line-height: 30px;
      margin-top: -2px;
      margin-bottom: 16px
   }

   .banner .slider .banner-txt p {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      margin-bottom: 22px
   }

   .banner .owl-dots {
      margin: -82px auto 58px;
      width: 100%
   }

   .banner .owl-dots .owl-dot {
      margin-right: 10px;
      width: 10px;
      height: 10px
   }

   .banner-2:after {
      background-position-x: left;
      background-position-y: top
   }

   .banner-2 .banner-txt {
      padding: 80px 30px 80px 0
   }

   .banner-2 .banner-txt h1 {
      font-size: 30px;
      line-height: 38px;
      margin-top: -6px;
      margin-bottom: 14px
   }

   .banner-2 .banner-txt p {
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 20px
   }

   .fun-fact .bg {
      width: 290px;
      padding: 25px 0;
      margin: -40px auto 0
   }

   .fun-fact .bg .single-box {
      padding: 25px 0
   }

   .fun-fact .bg .single-box .txt {
      padding-left: 0
   }

   .fun-fact .bg .single-box .txt:after {
      left: -40px;
      width: 90px;
      height: 90px
   }

   .fun-fact .bg .single-box .txt h2 {
      font-size: 35px;
      font-weight: 600;
      margin-top: -4px;
      margin-bottom: 4px
   }

   .fun-fact .bg .single-box .txt p {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: -4px
   }

   .fun-fact-2 {
      padding: 20px 0
   }

   .fun-fact-2 .single-box {
      padding: 20px 0
   }

   .fun-fact-2 .single-box:before,
   .fun-fact-2 .single-box:after {
      display: none
   }

   .fun-fact-2 .single-box .txt h2 {
      font-size: 30px;
      font-weight: 600;
      padding-bottom: 9px;
      margin-top: -4px;
      margin-bottom: 7px
   }

   .fun-fact-2 .single-box .txt h2:after {
      font-size: 10px
   }

   .fun-fact-2 .single-box .txt p {
      font-size: 14px;
      font-weight: 400;
      margin-bottom: -4px
   }

   .about {
      padding: 60px 0
   }

   .about.about-2 .part-txt {
      margin-bottom: 30px
   }

   .about.about-2 .part-txt h4 {
      margin-bottom: 23px
   }

   .about.about-2 .part-txt h2 {
      margin-bottom: 21px
   }

   .about.about-2 .part-txt h2 span {
      font-size: 30px
   }

   .about.about-2 .part-txt p {
      margin-bottom: 17px
   }

   .about.about-2 .part-txt .def-btn {
      margin-top: 4px
   }

   .about.about-2 .part-img {
      margin-bottom: 0
   }

   .about .part-img {
      padding: 0;
      margin-bottom: 30px
   }

   .about .part-img img {
      max-width: 100%
   }

   .about .part-txt h4 {
      font-size: 16px;
      font-weight: 600;
      padding-left: 55px;
      margin-top: -1px;
      margin-bottom: 17px
   }

   .about .part-txt h4:after {
      width: 40px;
      height: 2px
   }

   .about .part-txt h2 {
      font-size: 25px;
      line-height: 31px;
      margin-bottom: 9px
   }

   .about .part-txt p {
      font-size: 14px;
      line-height: 24px;
      margin-top: -6px;
      margin-bottom: -9px
   }

   .about .part-txt p.b {
      font-size: 14px;
      line-height: 24px;
      font-weight: 500;
      margin-top: 0;
      margin-bottom: 10px
   }

   .about .part-txt .single-box {
      padding: 10px 15px;
      margin-bottom: 25px
   }

   .about .part-txt .single-box .icon {
      width: 50px;
      height: 50px
   }

   .about .part-txt .single-box h3 {
      font-size: 20px
   }

   .service {
      padding: 60px 0
   }

   .service .service-slider {
      width: 290px;
      margin: 0 auto
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt {
      padding: 30px 20px 15px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt a {
      display: block;
      font-size: 20px;
      line-height: 100%;
      margin-top: -2px;
      margin-bottom: 15px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: -9px
   }

   .service .service-slider .owl-stage-outer .single-box .part-txt p br {
      display: none
   }

   .service-2 {
      padding: 60px 0
   }

   .service-2 .service-boxes {
      width: 290px;
      margin: 0 auto
   }

   .service-2 .service-boxes .single-box .wrap .part-txt {
      padding: 0 25px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt .part-icon {
      width: 70px;
      height: 70px;
      border-width: 2px;
      margin-bottom: -70px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt h3 {
      font-size: 20px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 47px
   }

   .service-2 .service-boxes .single-box .wrap .part-txt p br {
      display: none
   }

   .service-2 .service-boxes .single-box .details-btn {
      width: 50px;
      height: 50px;
      line-height: 50px
   }

   .team {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .team .single-box {
      width: 270px;
      margin: 0 auto 30px
   }

   .team .single-box .part-txt {
      padding-bottom: 10px
   }

   .team .single-box .part-txt .social {
      margin-bottom: 25px
   }

   .team .single-box .part-txt .title {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 14px
   }

   .team .single-box .part-txt p {
      letter-spacing: 1px
   }

   .recent-work {
      padding: 60px 0
   }

   .recent-work .main-title {
      text-align: center;
      font-size: 23px;
      margin-bottom: 44px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box {
      width: 290px;
      margin: 0 10px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt h3 {
      display: none
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt {
      padding: 25px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .title {
      font-size: 20px;
      margin-bottom: 15px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt p {
      font-size: 14px;
      margin-bottom: -4px
   }

   .recent-work .wrap .works .work-slider .slick-list .single-box .part-txt .txt .details-btn {
      width: 50px;
      height: 50px;
      line-height: 55px
   }

   .recent-work .wrap .works .work-slider .slick-dots {
      margin-top: 30px
   }

   .recent-work .wrap .works .work-slider .slick-dots li.slick-active button {
      width: 110px
   }

   .recent-work .wrap .works .work-slider .slick-dots li button {
      width: 90px
   }

   .testimonial {
      padding: 60px 0
   }

   .testimonial .client-area {
      padding-right: 0;
      width: 290px;
      margin: 0 auto 30px
   }

   .testimonial .client-area .img {
      border-width: 30px;
      width: 300px;
      height: 300px;
      padding-top: 40px;
      padding-right: 55px
   }

   .testimonial .client-area .img img {
      width: 55px
   }

   .testimonial .comment-slider .single-comment {
      text-align: center
   }

   .testimonial .comment-slider .single-comment .icon {
      width: 55px;
      height: 55px;
      line-height: 62px;
      font-size: 30px;
      margin: 0 auto 20px
   }

   .testimonial .comment-slider .single-comment p {
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      margin-bottom: 16px
   }

   .testimonial .comment-slider .single-comment h3 {
      font-size: 20px;
      margin-bottom: 10px
   }

   .testimonial .comment-slider .single-comment span {
      font-size: 16px;
      font-weight: 400
   }

   .testimonial .comment-slider .owl-dots {
      height: 38px;
      padding-top: 32px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
   }

   .testimonial-2 {
      padding: 60px 0
   }

   .testimonial-2 .heading-2 h2 {
      font-size: 23px;
      margin-bottom: 20px
   }

   .testimonial-2 .heading-2 p br {
      display: none
   }

   .testimonial-2 .comment-slider-2 {
      width: 290px;
      margin: 0 auto
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-img {
      margin-bottom: -40px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt {
      padding: 66px 30px 30px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt p {
      font-size: 15px;
      line-height: 23px;
      margin-bottom: 21px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt h3 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 14px
   }

   .testimonial-2 .comment-slider-2 .owl-item .single-comment .part-txt span {
      font-weight: 500
   }

   .testimonial-2 .comment-slider-2 .owl-dots {
      padding-top: 30px
   }

   .project {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .project .title {
      margin-bottom: 29px
   }

   .project .title h2 {
      font-size: 25px;
      line-height: 33px;
      margin-top: -5px
   }

   .project .project-slider .single-box {
      width: 290px;
      margin: 0 auto 30px
   }

   .project .project-slider .single-box .part-txt {
      padding: 25px
   }

   .project .project-slider .single-box .part-txt .txt h3 {
      font-size: 20px;
      margin-bottom: 15px
   }

   .project .project-slider .single-box .part-txt .txt p {
      font-size: 14px
   }

   .project .project-slider .single-box .part-txt .details-btn a {
      width: 40px;
      height: 40px;
      line-height: 46px;
      font-size: 20px
   }

   .project .project-slider .owl-nav {
      display: none
   }

   .blog {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .blog .single-box {
      width: 290px;
      margin: 0 auto 30px
   }

   .blog .single-box .part-txt {
      padding: 25px
   }

   .blog .single-box .part-txt .blog-info {
      margin-bottom: 17px
   }

   .blog .single-box .part-txt .blog-info .date {
      height: 40px;
      line-height: 43px;
      font-size: 13px;
      padding: 0 10px
   }

   .blog .single-box .part-txt .blog-info .admin {
      height: 40px;
      line-height: 43px;
      font-size: 13px
   }

   .blog .single-box .part-txt a {
      font-size: 18px;
      line-height: 24px;
      margin-bottom: 7px
   }

   .blog .single-box .part-txt p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: -9px
   }

   .blog-2 {
      padding-top: 60px;
      padding-bottom: 30px
   }

   .blog-2 .single-box {
      width: 290px;
      margin: 0 auto 30px
   }

   .blog-2 .single-box .part-img .date span {
      height: 40px;
      line-height: 43px;
      font-size: 14px
   }

   .blog-2 .single-box .part-txt {
      padding: 25px
   }

   .blog-2 .single-box .part-txt ul {
      margin-top: 0;
      margin-bottom: 17px
   }

   .blog-2 .single-box .part-txt ul li {
      font-weight: 500
   }

   .blog-2 .single-box .part-txt a {
      font-size: 18px;
      line-height: 26px;
      margin-bottom: 12px
   }

   .blog-2 .single-box .part-txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: -8px
   }

   .partner {
      padding: 40px 0
   }

   .partner .partner-slider .single-partner {
      height: 60px
   }

   .footer .main-footer {
      padding: 60px 0
   }

   .footer .main-footer .site-info {
      margin-bottom: 30px
   }

   .footer .main-footer .site-info .logo {
      width: 100%;
      height: 100%;
      padding: 15px;
      margin-bottom: 20px
   }

   .footer .main-footer .site-info p {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 16px
   }

   .footer .main-footer .site-info .social a {
      width: 35px;
      height: 35px;
      line-height: 38px
   }

   .footer .main-footer h3.title {
      font-size: 25px;
      padding-bottom: 17px;
      margin-bottom: 25px
   }

   .footer .main-footer h3.title:after {
      height: 4px
   }

   .footer .main-footer .footer-contact {
      margin-bottom: 26px
   }

   .footer .main-footer .footer-contact ul {
      margin-top: 0;
      margin-bottom: 0
   }

   .footer .main-footer .footer-contact ul li {
      font-size: 14px;
      line-height: 100%;
      margin-bottom: 20px
   }

   .footer .main-footer .footer-contact ul li span {
      font-size: 15px;
      margin-right: 10px
   }

   .footer .main-footer .footer-service {
      margin-bottom: 30px
   }

   .footer .main-footer .footer-service ul {
      margin-top: -8px;
      margin-bottom: -10px
   }

   .footer .main-footer .footer-service ul li {
      font-size: 14px;
      line-height: 30px
   }

   .footer .main-footer .gallery .images .single-img {
      border-radius: 5px
   }

   .footer .copyright p {
      font-size: 14px
   }

   .footer-2 .main-footer {
      padding-top: 60px
   }

   .footer-2 .main-footer .two {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2
   }

   .footer-2 .main-footer .one {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1
   }

   .footer-2 .main-footer .three {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3
   }

   .footer-2 .main-footer h3.title {
      font-size: 25px;
      padding-bottom: 17px;
      margin-top: 0;
      margin-bottom: 25px
   }

   .footer-2 .main-footer h3.title:after {
      height: 4px
   }

   .footer-2 .main-footer .footer-contact {
      padding-top: 60px;
      padding-bottom: 0
   }

   .footer-2 .main-footer .footer-contact ul {
      margin-bottom: -13px
   }

   .footer-2 .main-footer .footer-contact ul li {
      font-size: 14px;
      margin-bottom: 3px
   }

   .footer-2 .main-footer .footer-contact ul li span {
      font-size: 14px
   }

   .footer-2 .main-footer .site-info {
      padding: 60px 25px
   }

   .footer-2 .main-footer .site-info .logo {
      width: 80px;
      height: 80px;
      padding: 15px;
      margin-bottom: 30px
   }

   .footer-2 .main-footer .site-info p {
      font-size: 14px;
      line-height: 22px;
      margin-top: -4px;
      margin-bottom: 22px
   }

   .footer-2 .main-footer .site-info .social a {
      width: 35px;
      height: 35px;
      line-height: 38px
   }

   .footer-2 .main-footer .footer-service {
      padding: 30px 0 60px
   }

   .footer-2 .main-footer .footer-service ul {
      margin-top: -14px;
      margin-bottom: -6px
   }

   .footer-2 .main-footer .footer-service ul li {
      font-size: 14px;
      height: 30px
   }

   .footer-2 .copyright p {
      font-size: 14px
   }

   .breadcrumb {
/*      margin-top: 50px*/
   }

   .breadcrumb .part-txt {
      padding: 60px 0
   }

   .breadcrumb .part-txt h1 {
      font-size: 30px;
      margin-top: -2px;
      margin-bottom: 17px
   }

   .breadcrumb .part-txt ul li {
      font-size: 15px
   }

   .about-inner {
      padding-bottom: 20px
   }

   .about-inner .part-img {
      margin-bottom: 40px !important
   }

   .about-inner .boxes {
      padding-top: 30px
   }

   .about-inner .boxes .single-box {
      margin-bottom: 40px;
      padding: 30px
   }

   .about-inner .boxes .single-box h3 {
      font-size: 25px
   }

   .about-inner .boxes .single-box p {
      font-size: 14px;
      line-height: 22px;
      margin-top: 21px;
      margin-bottom: -8px
   }

   .service-inner {
      padding-bottom: 30px
   }

   .cta {
      padding: 60px 0
   }

   .cta .part-txt h2 {
      font-size: 25px;
      line-height: 33px;
      padding: 0;
      margin-top: -4px;
      margin-bottom: 19px
   }

   .service-details {
      padding: 60px 0
   }

   .service-details .sidebar {
      width: 290px;
      margin: 0 auto 40px
   }

   .service-details .sidebar h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 18px
   }

   .service-details .sidebar .nav {
      margin-bottom: 30px
   }

   .service-details .sidebar .nav .nav-link {
      height: 40px;
      line-height: 42px;
      font-size: 14px
   }

   .service-details .sidebar .download-btn {
      height: 40px;
      line-height: 41px;
      font-size: 14px;
      font-weight: 500
   }

   .service-details .main-content {
      margin-left: 0
   }

   .service-details .main-content .part-img {
      margin-bottom: 30px
   }

   .service-details .main-content .part-txt {
      margin-bottom: -21px
   }

   .service-details .main-content .part-txt h2 {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 16px
   }

   .service-details .main-content .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .service-details .main-content .part-txt h3 {
      font-size: 20px;
      padding-top: 8px;
      margin-bottom: 16px
   }

   .service-details .main-content .part-txt .quote {
      margin-top: 22px;
      padding: 31px 25px 26px;
      margin-bottom: 21px
   }

   .service-details .main-content .part-txt .quote:after {
      display: none
   }

   .service-details .main-content .part-txt .quote span {
      font-size: 18px;
      line-height: 26px
   }

   .service-details .main-content .part-txt .quote span br {
      display: none
   }

   .project-inner {
      padding: 60px 0
   }

   .project-inner .control-panel {
      margin-bottom: 40px
   }

   .project-inner .control-panel .controls {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border-radius: 5px;
      height: auto;
      padding: 10px 0
   }

   .project-inner .control-panel .controls li {
      padding: 10px 15px;
      font-size: 15px
   }

   .project-inner .items {
      width: 290px;
      margin: -15px auto
   }

   .project-inner .items .single-item {
      margin: 15px 0;
      border-radius: 5px
   }

   .project-inner .items .single-item.width-1,
   .project-inner .items .single-item.width-2 {
      width: calc(100%/1)
   }

   .project-inner .items .single-item .part-txt {
      padding: 25px
   }

   .project-inner .items .single-item .part-txt .txt h3 {
      font-size: 25px;
      font-weight: 600;
      margin-bottom: 12px
   }

   .project-inner .items .single-item .part-txt .txt p {
      font-size: 15px
   }

   .project-inner .items .single-item .part-txt .details-btn a {
      width: 40px;
      height: 40px;
      line-height: 45px;
      font-size: 20px
   }

   .project-details {
      padding: 60px 0
   }

   .project-details .main-img {
      margin-bottom: 40px
   }

   .project-details .main-img .project-details-slider {
      margin-bottom: 25px
   }

   .project-details .main-img .project-details-slider .single-img {
      border-radius: 5px
   }

   .project-details .main-img .project-thumbnails {
      padding: 0 0
   }

   .project-details .main-img .project-thumbnails .single-box {
      margin: 0 10px;
      border-radius: 5px
   }

   .project-details .part-txt {
      margin-bottom: 33px
   }

   .project-details .part-txt h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 14px
   }

   .project-details .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .project-details .part-txt-2 {
      margin-bottom: 32px
   }

   .project-details .part-txt-2 h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 14px
   }

   .project-details .part-txt-2 p {
      font-size: 14px;
      line-height: 22px
   }

   .project-details .information {
      padding: 30px 25px;
      max-width: 320px;
      margin: 0 auto 40px
   }

   .project-details .information h2 {
      font-size: 25px;
      margin-top: -1px
   }

   .project-details .information ul li {
      font-size: 15px;
      line-height: 25px;
      margin-bottom: 6px
   }

   .project-details .information ul li:last-child {
      margin-bottom: -9px
   }

   .project-details .information ul li .divider {
      margin-right: 20px
   }

   .project-details .part-txt-3 {
      margin-bottom: -21px
   }

   .project-details .part-txt-3 h2 {
      font-size: 25px;
      margin-top: 0;
      margin-bottom: 14px
   }

   .project-details .part-txt-3 p {
      font-size: 14px;
      line-height: 22px
   }

   .team-details {
      padding-top: 60px;
      margin-bottom: 0
   }

   .team-details .bg {
      padding: 30px 20px
   }

   .team-details .bg .part-img {
      width: 250px;
      margin: 0 auto 30px
   }

   .team-details .bg .part-txt {
      padding-left: 0
   }

   .team-details .bg .part-txt h2 {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 3px
   }

   .team-details .bg .part-txt span {
      font-weight: 500;
      letter-spacing: 1px;
      margin-bottom: 18px
   }

   .team-details .bg .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .team-details .bg .part-txt .social {
      padding-top: 9px
   }

   .error {
      padding: 60px 0
   }

   .error .part-img {
      max-width: 320px;
      margin: 0 auto 40px
   }

   .error .part-txt {
      text-align: center
   }

   .error .part-txt h2 {
      font-size: 40px;
      margin-top: -3px;
      margin-bottom: 14px
   }

   .error .part-txt h3 {
      font-size: 25px;
      margin-bottom: 19px
   }

   .error .part-txt p {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 22px
   }

   .blog-inner {
      padding-bottom: 60px
   }

   .blog-inner .pagination {
      padding-top: 10px
   }

   .blog-inner .pagination ul li a {
      width: 45px;
      height: 45px;
      line-height: 49px
   }

   .blog-details {
      padding: 60px 0
   }

   .blog-details .main-content {
      margin-right: 0;
      margin-bottom: 40px
   }

   .blog-details .main-content .part-img {
      border-radius: 5px
   }

   .blog-details .main-content .blog-info {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 10px
   }

   .blog-details .main-content .blog-info ul {
      margin-bottom: 0
   }

   .blog-details .main-content .blog-info ul li {
      font-size: 14px;
      height: 40px;
      line-height: 43px
   }

   .blog-details .main-content .part-txt {
      margin-bottom: 17px
   }

   .blog-details .main-content .part-txt h2 {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 17px
   }

   .blog-details .main-content .part-txt p {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .main-content .part-txt-2 {
      margin-bottom: 22px
   }

   .blog-details .main-content .part-txt-2 h2 {
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 17px
   }

   .blog-details .main-content .part-txt-2 p {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .main-content .quote {
      padding: 30px 25px 26px;
      border-radius: 5px;
      margin-top: 0;
      margin-bottom: 25px
   }

   .blog-details .main-content .quote:after {
      display: none
   }

   .blog-details .main-content .quote span {
      font-size: 20px;
      line-height: 28px
   }

   .blog-details .main-content .quote span br {
      display: none
   }

   .blog-details .main-content .other-info {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: auto;
      line-height: inherit;
      border-radius: 5px;
      padding: 25px;
      margin-bottom: 40px
   }

   .blog-details .main-content .other-info .tags {
      margin-bottom: 16px
   }

   .blog-details .main-content .other-info .tags p {
      font-size: 14px;
      line-height: 100%
   }

   .blog-details .main-content .blog-comment {
      margin-bottom: 32px
   }

   .blog-details .main-content .blog-comment h3 {
      font-size: 20px;
      margin-bottom: 25px
   }

   .blog-details .main-content .blog-comment .single-comment {
      display: block;
      margin-bottom: 22px
   }

   .blog-details .main-content .blog-comment .single-comment .img {
      width: 60px;
      height: 60px;
      margin-right: 0;
      margin-bottom: 20px
   }

   .blog-details .main-content .blog-comment .single-comment .txt {
      width: auto
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top {
      margin-bottom: 8px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top h4 {
      font-size: 20px;
      margin-bottom: 4px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top span {
      font-size: 14px
   }

   .blog-details .main-content .blog-comment .single-comment .txt .top button {
      font-size: 16px
   }

   .blog-details .main-content .blog-comment .single-comment .txt p {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .main-content .post-a-comment h3 {
      font-size: 20px;
      margin-bottom: 25px
   }

   .blog-details .main-content .post-a-comment form input {
      height: 45px;
      font-size: 14px;
      margin-bottom: 20px
   }

   .blog-details .main-content .post-a-comment form textarea {
      height: 100px;
      font-size: 14px;
      margin-bottom: 17px
   }

   .blog-details .sidebar {
      max-width: 320px;
      margin: 0 auto
   }

   .blog-details .sidebar .search-box {
      margin-bottom: 30px
   }

   .blog-details .sidebar .search-box form input {
      height: 45px;
      font-size: 14px
   }

   .blog-details .sidebar .search-box form button {
      font-size: 14px
   }

   .blog-details .sidebar h3 {
      font-size: 20px;
      margin-bottom: 15px
   }

   .blog-details .sidebar .category {
      margin-bottom: 30px
   }

   .blog-details .sidebar .category ul li a {
      padding: 0 25px;
      height: 45px;
      line-height: 45px;
      font-size: 14px
   }

   .blog-details .sidebar .recent-post {
      margin-bottom: 30px
   }

   .blog-details .sidebar .recent-post .box {
      padding: 25px
   }

   .blog-details .sidebar .recent-post .box ul li a {
      font-size: 14px;
      line-height: 22px
   }

   .blog-details .sidebar .recent-post .box ul li span {
      font-size: 14px
   }

   .blog-details .sidebar .recent-post .box ul li span i {
      font-size: 12px
   }

   .blog-details .sidebar .tags .all-tags a {
      height: 40px;
      line-height: 40px;
      font-size: 14px;
      padding: 0 15px
   }

   .contact {
      padding: 60px 0
   }

   .contact .form-area {
      margin-bottom: 40px
   }

   .contact .form-area .title {
      margin-bottom: 22px
   }

   .contact .form-area .title h2 {
      font-size: 25px;
      margin-top: -1px;
      margin-bottom: 19px
   }

   .contact .form-area .title p {
      font-size: 14px;
      line-height: 22px
   }

   .contact .form-area .title p br {
      display: none
   }

   .contact .form-area form input {
      height: 45px;
      padding: 0 25px;
      font-size: 14px
   }

   .contact .form-area form textarea {
      height: 100px;
      padding: 15px 25px;
      font-size: 14px;
      margin-bottom: 22px
   }

   .contact .address-area .single-box {
      padding: 30px 25px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
   }

   .contact .address-area .single-box.two {
      margin-top: 30px
   }

   .contact .address-area .single-box .title h3 {
      font-size: 20px;
      margin-top: -1px;
      margin-bottom: 30px
   }

   .contact .address-area .single-box .details {
      width: 100%
   }

   .contact .address-area .single-box .details ul {
      margin-top: -13px
   }

   .contact .address-area .single-box .details ul li {
      font-size: 14px;
      line-height: 27px;
      margin-bottom: 0
   }

   .contact .address-area .single-box .details ul li:last-child {
      margin-bottom: -10px
   }

   .contact .address-area .single-box .details ul li:last-child span {
      margin-top: 0
   }

   .contact .address-area .single-box .details ul li span {
      font-size: 14px;
      margin-top: 2px
   }

   .map iframe {
      height: 250px
   }
}
.team_members{
color:black;
}

   .single-box one_ hover{
      color:orange;
   }



.services-bg {
    background-position: center;
    background-size: cover;
}

.pb-30 {
    padding-bottom: 30px;
}
.pt-80 {
    padding-top: 80px;
}
.pr-40 {
    padding-right: 40px;
}

.pl-40 {
    padding-left: 40px;
}
.mb-80 {
    margin-bottom: 80px;
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.section-title span {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #079bdb;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 20px;
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}
.circle-right {
    display: inline-block;
}
.services-two .s-single-services {
    transition: .3s;
    padding: 30px 15px;
    border: none;
    margin-bottom: 30px;
    border-radius: 10px;
    float: left;
    width: 100%;
    text-align: center;
}

.s-single-services {
    transition: .3s;
    padding: 30px;
    border: 5px solid #f5f8fa;
}
.services-two .services-icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #079bdb;
    margin-bottom: 20px;
    box-shadow: 3px 2px 8px #00000040;
    border-radius: 20px;
    padding: 10px;
}
.s-single-services .d-active-icon {
    display: block;
}
.services-two .second-services-content {
    float: left;
    width: 100%;
}
.second-services-content p {
    margin-bottom: 0;
    line-height: 1.7rem;
}
.s-single-services.active {
    box-shadow: 3px 4px 15px #079bdb;
}
.s-single-services:hover {
    background: #fff;
}
.s-single-services.active .d-active-icon {
    display: none;
}

.s-single-services .d-active-icon {
    display: block;
}
.input-form {
    background: #f8f9fa;
    padding: 20px;
    border: 10px solid #4186b9;
   height: 459px;
}
.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
input.form-control, textarea.form-control {
    width: 100%;
    border: 1px solid #4186b9;
    margin-bottom: 20px;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.box_shadow1 {
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

.radius_all_10 {
    border-radius: 10px;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
.padding_eight_all {
    padding: 8%;
}
.map_radius_rtrb {
    border-radius: 0 10px 10px 0;
}
.contact_map iframe {
/*    height: 100%;*/
    width: 100%;
    display: block;
}
.btn1.btn-default.submit.buttondesign.theme-btn.style-one {
    background: #ccf381;
    padding: 10px;
    border: #ccf381;
    border-radius: 8px;
    color: black;
    font-weight: 500;
}	

button.btn.bttn {
    background-color: #4186b9;
    color: white;
    width: 100px;
    box-shadow: 0px 0px 4px #322b53;
}

::placeholder{
	
	color: #000000d6 !important;
}

@media (max-width:303px){
	
	.banner .slider .banner-txt h1 {
     font-size: 2.5rem; 
    line-height: 70px;
    /* font-weight: 700; */
    color: #fff;
    margin-top: -7px;
    margin-bottom: 15px;
}
}
.logo img {
    padding: 10px 0px;
}