@import 'https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@500;600;700&family=Work+Sans:wght@600&display=swap';
* {
 padding:0;
 margin:0
}
body {
 background-color:#fff;
 font-family:open sans,sans-serif;
 font-size:15px;
 line-height:26px;
 color:#6a8695;
 font-weight:400;
 letter-spacing:-.2px;
 position:relative;
 overflow-x:hidden
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-family:poppins,sans-serif;
 -webkit-font-smoothing:antialiased;
 color:#263a4f
}
h1 {
 font-size:45px;
 font-weight:400;
 line-height:55px;
 margin:0 0 10px;
 color:#263a4f
}
h2 {
 font-size:32px;
 line-height:42px;
 color:#263a4f;
 margin:0 0 10px;
 font-weight:600;
 letter-spacing:-1px
}
h3,
h4 {
 margin:0 0 10px;
 font-weight:400;
 line-height:1.7;
 color:#263a4f;
 letter-spacing:-.5px
}
h3 {
 font-size:20px
}
h4 {
 font-size:16px
}
h5,
h6 {
 font-size:14px;
 margin:0 0 10px
}
img {
 border:none;
 outline:none;
 max-width:100%
}
ul {
 display:block;
 list-style:none;
 padding:0;
 margin:0
}
p,
li,
a,
span {
}
p {
 font-size:15px;
 line-height:26px;
 margin-bottom:15px
}
a,
a:hover {
 text-decoration:none
}
a:focus {
 outline:0;
 text-decoration:none
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
 color:#ddd!important
}
input:-moz-placeholder,
textarea:-moz-placeholder {
 color:#ddd!important
}
input::-moz-placeholder,
textarea::-moz-placeholder {
 color:#ddd!important
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
 color:#ddd!important
}
button {
 border:none;
 background:0 0
}
::-webkit-scrollbar {
 width:8px;
 height:8px
}
::-webkit-scrollbar-thumb {
 cursor:pointer;
 background:#097F77
}
::selection {
 background-color:#097F77;
 color:#fff
}
-webkit-::selection {
 background-color:#097F77;
 color:#fff
}
::-moz-selection {
 background-color:#097F77;
 color:#fff
}
.padding {
 padding:100px 0
}
.no-padding {
 padding:0
}
.padding-15 {
 padding:15px
}
.padding-20 {
 padding:20px
}
.box-padding {
 padding:0 50px
}
.bg-white {
 background-color:#fff
}
.bg-grey {
 background-color:#f9f9f9
}
.bg-dark {
 background-color:#061b49!important
}
.bd-top {
 border-top:2px solid #eee
}
.bd-bottom {
 border-bottom:2px solid #eee
}
.bd-right {
 border-right:2px solid #eee
}
.mb-10 {
 margin-bottom:10px
}
.mb-15 {
 margin-bottom:15px
}
.mb-20 {
 margin-bottom:20px
}
.mb-25 {
 margin-bottom:25px
}
.mb-30 {
 margin-bottom:30px
}
.mb-35 {
 margin-bottom:35px
}
.mb-40 {
 margin-bottom:40px
}
.mb-45 {
 margin-bottom:45px
}
.mb-50 {
 margin-bottom:50px
}
.ml-15 {
 margin-left:15px
}
.ml-20 {
 margin-left:20px
}
.ml-25 {
 margin-left:25px
}
.ml-30 {
 margin-left:30px
}
.ml-35 {
 margin-left:35px
}
.mt-20 {
 margin-top:20px
}
.mt-30 {
 margin-top:30px
}
.mt-40 {
 margin-top:40px
}
.mt-50 {
 margin-top:50px
}
.fz-28 {
 font-size:28px
}
.fz-24 {
 font-size:24px
}
.fz-22 {
 font-size:22px
}
.fz-20 {
 font-size:20px
}
.fz-18 {
 font-size:18px
}
.fz-16 {
 font-size:16px
}

.btn-group {
}
.btn-group a {
 margin:5px
}
.btn-group-left a {
 margin-right:10px
}
.default-btn {
 display:inline-block;
 background:#097F77;
 color:#fff;
 font-family:work sans,sans-serif;
 font-size:12px;
 font-weight:600;
 text-transform:uppercase;
 height:45px;
 line-height:45px;
 padding:0 35px;
 letter-spacing:0;
 border-radius:2px;
 overflow:hidden;
 position:relative;
 transition:all ease 700ms;
 -moz-transition:all ease 700ms;
 -webkit-transition:all ease 700ms;
 -ms-transition:all ease 700ms;
 -o-transition:all ease 700ms;
 z-index:1
}
.default-btn:hover {
 color:#fff
}
.default-btn span {
 background:#061b49 none repeat scroll 0 0;
 border-radius:50%;
 display:block;
 height:0;
 position:absolute;
 transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 transition:width .6s ease 0s,height .6s ease 0s;
 -moz-transition:width .6s ease 0s,height .6s ease 0s;
 -webkit-transition:width .6s ease 0s,height .6s ease 0s;
 -ms-transition:width .6s ease 0s,height .6s ease 0s;
 -o-transition:width .6s ease 0s,height .6s ease 0s;
 width:0;
 z-index:-1
}
.default-btn:hover span {
 height:562.5px;
 width:562.5px
}
.section-heading h2 {
 font-family:poppins,Sans-serif;
 font-size:32px;
 font-weight:600;
 line-height:42px;
 letter-spacing:-1px;
 color:#263a4f;
 margin:0 0 20px
}
.section-heading h4 {
 font-family:work sans,Sans-serif;
 font-size:12px;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:0;
 color:#097F77;
 margin:0 0 15px
}
.slick-slide:focus {
 outline:none
}
.nav-style .slick-arrow {
 width:40px;
 height:40px;
 line-height:40px;
 font-size:16px;
 color:#333;
 text-align:center;
 position:absolute;
 left:-40px;
 top:50%;
 transform:translateY(-50%);
 cursor:pointer;
 z-index:10
}
.nav-style .slick-arrow.right {
 left:auto;
 right:-40px
}
.carousel-dots .slick-dots {
 text-align:center;
 margin-top:30px
}
.carousel-dots .slick-dots li {
 display:inline-block;
 margin:0 4px
}
.carousel-dots .slick-dots li button {
 display:inline-block;
 background-color:#263a4f;
 width:10px;
 height:10px;
 border-radius:50%;
 overflow:hidden;
 text-indent:-999px
}
.carousel-dots .slick-dots li.slick-active button {
 background-color:#097F77
}
.carousel-dots .slick-dots li button:focus {
 outline:none
}
@media(max-width:767px) {
 .nav-style .slick-arrow {
  left:0
 }
 .nav-style .slick-arrow.right {
  left:auto;
  right:0
 }
}
a,
a:hover,
img,
.form-control,
.form-control:hover,
button {
 -webkit-transition:all .5s;
 -o-transition:all .5s;
 transition:all .5s
}
#scrollup {
 width:45px;
 height:45px;
 position:fixed;
 bottom:30px;
 right:30px;
 overflow:hidden;
 z-index:999
}
.scroll-to-top {
 width:100%;
 height:100%;
 text-align:center;
 background-color:#097F77;
 font-size:10px;
 padding:0;
 line-height:40px;
 color:#fff;
 border-radius:50%;
 text-decoration:none;
 transform:translateY(150%);
 transition:all .3s ease-in-out
}
#scrollup.show {
 opacity:1
}
#scrollup.show .scroll-to-top {
 transform:translateY(0);
 transition:all .3s ease-in-out
}
.scroll-to-top:hover {
 color:#fff;
 text-decoration:none;
 opacity:.8;
 transition:all .3s ease-in-out
}
.scroll-to-top:focus {
 outline:none
}
.header-logo img {
 max-width:60%
}
.sticky-header {
 width:100%;
 position:fixed;
 left:0;
 top:0;
 transform:translateY(-100%);
 z-index:99
}
.sticky-header.headroom--top {
 transform:translateY(-100%)
}
.admin-bar .sticky-header {
 top:32px
}
.admin-bar .header {
 margin-top:32px
}
.header ul {
 margin:0;
 padding:0;
 list-style:none
}
.mobile-menu-icon {
 display:none
}

.line-menu {
 background-color:#222;
 border-radius:2px;
 width:100%;
 height:3px
}
.line-menu.line-half {
 width:50%
}
.line-menu.first-line {
 transition:transform 330ms cubic-bezier(.54,-.81,.57,.57);
 transform-origin:right
}
.menu-open .line-menu.first-line {
 -webkit-transform:rotate(-90deg) translateX(3px);
 -moz-transform:rotate(-90deg) translateX(3px);
 -o-transform:rotate(-90deg) translateX(3px);
 transform:rotate(-90deg) translateX(3px)
}
.line-menu.last-line {
 align-self:flex-end;
 transition:transform 330ms cubic-bezier(.54,-.81,.57,.57);
 transform-origin:left
}
.menu-open .line-menu.last-line {
 -webkit-transform:rotate(-90deg) translateX(-3px);
 -moz-transform:rotate(-90deg) translateX(-3px);
 -o-transform:rotate(-90deg) translateX(-3px);
 transform:rotate(-90deg) translateX(-3px)
}

@media(max-width:992px) {
 #page.site {
  margin-top:0!important
 }
 .mobile-menu-icon {
  display:block
 }
}
@media screen and (max-width:782px) {
 .admin-bar .sticky-header {
  top:0
 }
 .admin-bar .header {
  margin-top:0;
  padding-top:46px
 }
}

/**************************/
/* HEADER 2 - CART BUTTON */

.header-cart-btn {
  margin-left:15px;
  margin-right:15px;
  padding:25px 0
}
.header-cart-btn a {
  color:#061b49;
  font-size:18px;
  text-decoration:none;
  position:relative
}
.header-cart-btn a .num {
  width:16px;
  height:16px;
  position:absolute;
  top:-8px;
  right:-9px;
  display:block;
  color:#fff;
  font-size:11px;
  text-align:center;
  line-height:16px;
  background-color:#097f77;
  border-radius:50%
}

/* HEADER 3 */

.page-header {
 background-image:url(../images/page-header.jpg);
 background-repeat:no-repeat;
 background-position:center center;
 background-size:cover;
 background-attachment:fixed;
 width:100%;
 height:350px;
 display:flex;
 align-items:center;
 position:relative;
 z-index:1
}
.page-header .overlay {
 background-color:rgba(6,27,73,.5);
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 z-index:-1
}
.page-content {
}
.page-content h4 {
 font-family:work sans,Sans-serif;
 font-size:12px;
 font-weight:600;
 text-transform:uppercase;
 color:#ddd;
 margin:0 0 20px;
 letter-spacing:0
}
.page-content h2 {
 color:#fff;
 font-size:36px;
 margin-bottom:15px;
 line-height:45px
}
.page-content p {
 color:#ddd;
 margin:0
}
.page-header-2 {
 background-image:url(../images/project-6.jpg);
 background-repeat:no-repeat;
 background-position:center center;
 background-size:cover;
 background-attachment:fixed;
 width:100%;
 height:450px;
 display:flex;
 align-items:center;
 position:relative;
 z-index:1
}
.page-header-2 .overlay {
 background-color:rgba(0,0,0,.3);
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 z-index:-1
}
.page-info {
 position:relative
}
.page-info li {
 display:inline-block
}
.page-info li a {
 color:#fff
}
.page-info li a:after {
 background-color:#fff;
 content:"";
 width:5px;
 height:5px;
 border-radius:50%;
 position:absolute;
 top:50%;
 right:-6px;
 transform:translateX(-50%);
 opacity:.5
}
.page-info li a:hover {
 color:#097F77
}
.page-info li i {
 margin-right:5px
}
.page-info li span {
 color:#ddd;
 font-size:14px;
 margin-left:10px
}
.hero-section {
 background-image:url(../images/hero-bg-1.jpg);
 background-position:center center;
 background-size:cover;
 background-repeat:no-repeat;
 width:100%;
 height:600px;
 display:flex;
 align-items:center;
 justify-content:center;
 position:relative;
 overflow:hidden
}
.bottom-shape {
 position:absolute;
 width:100%;
 height:auto;
 left:0;
 bottom:-2px;
 -webkit-transform:rotate(180deg);
 -ms-transform:rotate(180deg);
 transform:rotate(180deg)
}
.hero-section svg {
 fill:#fff
}
.hero-content {
}
.hero-content h4 {
 font-size:12px;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:0;
 color:#097F77;
 margin:0 0 15px
}
.hero-content h2 {
 font-family:poppins,Sans-serif;
 font-size:46px;
 font-weight:600;
 line-height:56px;
 letter-spacing:-1px;
 color:#fff;
 margin:0 0 15px
}
.hero-content p {
 color:#ddd;
 margin-bottom:20px
}


.service-section {
}
.service-wrap {
}
.service-box {
 background-color:#fff;
 position:relative;
 -webkit-box-shadow:0 .2rem 2.8rem rgba(36,36,36,.1);
 -moz-box-shadow:0 .2rem 2.8rem rgba(36,36,36,.1);
 box-shadow:0 .2rem 2.8rem rgba(36,36,36,.1);
 transition:all .3s ease-in-out;
 overflow:hidden
}
.service-box:hover {
 background-color:#097F77
}
.service-content {
 text-align:center;
 padding:40px
}
.service-content .service-icon {
 color:#097F77;
 width:60px;
 height:60px;
 line-height:60px;
 font-size:60px;
 margin-bottom:10px;
 text-align:center;
 margin:0 auto
}
.service-content h3 {
 font-size:18px;
 font-weight:600;
 line-height:26px;
 letter-spacing:-.5px;
 color:#263a4f;
 margin:15px 0
}
.service-content p {
 font-size:14px;
 letter-spacing:-.2px;
 color:#6a8695
}
.service-box:hover .service-icon,
.service-box:hover .service-content h3,
.service-box:hover .service-content p,
.service-box:hover .read-more,
.service-box:hover .service-content .overlay-icon i {
 color:#fff
}
.read-more {
 font-family:work sans,Sans-serif;
 font-size:12px;
 font-weight:600;
 letter-spacing:0;
 color:#097F77;
 text-transform:uppercase
}
.service-content .overlay-icon {
 font-size:90px;
 position:absolute;
 bottom:10px;
 right:10px;
 opacity:.2
}
.service-content .overlay-icon i {
 color:#097F77;
 font-size:90px
}
.service-section-2 {
 position:relative;
 z-index:1
}
.service-bg {
 position:absolute;
 background-image:url(../images/satellite-map.png);
 background-position:top center;
 background-size:contain;
 background-repeat:no-repeat;
 width:100%;
 height:100%;
 left:0;
 top:0;
 z-index:-1
}
.service-wrap {
 box-shadow:0 20px 30px 5px rgba(61,1,4,.1);
 border-bottom:3px solid #097F77
}
.service-thumb {
 position:relative;
 overflow:hidden
}
.service-thumb img {
 width:100%;
 overflow:hidden
}
.service-thumb .read-more {
 background-color:#097F77;
 border:10px solid rgba(0,0,0,.1);
 box-sizing:content-box;
 opacity:.9;
 width:100px;
 height:100px;
 line-height:100px;
 text-align:center;
 border-radius:50%;
 position:absolute;
 right:-30px;
 bottom:-30px;
 display:flex;
 align-items:center;
 justify-content:center;
 color:#fff;
 font-size:20px;
 z-index:1
}
.service-info {
 background-color:#fff;
 padding:30px
}
.service-info h3 {
 font-family:poppins,Sans-serif;
 font-size:18px;
 font-weight:600;
 line-height:26px;
 letter-spacing:-.5px;
 color:#263a4f
}
.service-info p {
 font-family:open sans,Sans-serif;
 color:#6a8695;
 font-size:15px;
 font-weight:500;
 line-height:25px;
 letter-spacing:-.2px;
 margin-bottom:0
}
.service-wrap .service-thumb:before {
 background-color:rgba(2,14,40,.8);
 content:"";
 position:absolute;
 width:90%;
 height:90%;
 left:50%;
 top:50%;
 visibility:hidden;
 opacity:0;
 transform:translateY(-50%) translateX(-50%) scale(0);
 transition:all .2s linear
}
.service-wrap:hover .service-thumb .read-more {
 transform:scale(1.5);
 transition:all .2s linear;
 opacity:.9
}
.service-wrap:hover .service-thumb:before {
 visibility:visible;
 opacity:1;
 transform:translateY(-50%) translateX(-50%) scale(1)
}
.service-section-3 {
 margin-top:-80px;
 padding-bottom:80px;
 z-index:1
}
.working-process {
 padding:80px 0
}
.working-wrap {
}
.working-process-box {
 background-color:#f9f9f9;
 box-shadow:0 0 10px 0 transparent;
 text-align:center;
 padding:0 30px
}
.icon-box {
 background-color:#f9f9f9;
 color:#097F77;
 border-style:solid;
 position:relative;
 width:110px;
 height:110px;
 line-height:110px;
 border:5px solid rgba(254,90,14,.5);
 border-radius:50%;
 text-align:center;
 margin:0 auto
}
.icon-box i {
 font-size:50px
}
.icon-box span {
 background-color:#097F77;
 font-size:16px;
 color:#fff;
 position:absolute;
 width:30px;
 height:30px;
 top:0;
 right:-15px;
 font-weight:600;
 line-height:30px;
 border-radius:50%;
 border:5px solid rgba(254,90,14,.1);
 border-color:#ff996b;
 box-sizing:content-box;
 text-align:center
}
.content-box {
}
.content-box h3 {
 font-size:18px;
 line-height:18px;
 font-weight:600;
 letter-spacing:-1px;
 margin-top:20px
}
.content-box p {
 margin-bottom:0
}
.working-process-box .arrow {
 background-position:right center;
 background-repeat:no-repeat;
 background-size:56%;
 content:"";
 position:absolute;
 width:236px;
 height:40px;
 left:210px;
 top:40px;
 z-index:1
}
.arrow.arrow-up {
 background-image:url(../images/arrow-up.png)
}
.arrow.arrow-down {
 background-image:url(../images/arrow-down.png)
}



.project-section {
 padding:80px 0
}
.project-filter {
 margin-bottom:30px
}
.project-filter li {
 font-family:work sans,Sans-serif;
 color:#263a4f;
 display:inline-block;
 font-size:15px;
 font-weight:600;
 margin-right:10px;
 cursor:pointer;
 text-transform:uppercase;
 letter-spacing:0
}
.project-filter li.active {
 color:#097F77
}
.project-section-2 {
 padding:80px 0
}
.project-section {
}
.project-box {
 position:relative;
 overflow:hidden
}
.project-box .overlay {
 background:linear-gradient(to bottom,rgba(99,92,92,0) 0%,#061b49 100%);
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center;
 width:100%;
 height:100%;
 position:absolute;
 left:0;
 top:0;
 transition:all .2s ease-in-out;
 visibility:hidden;
 opacity:0;
 transform:translateY(50%)
}
.project-box:hover .overlay {
 visibility:visible;
 opacity:1;
 transform:translateY(0)
}
.project-thumb {
}
.project-thumb img {
 width:100%
}
.project-thumb .project-lightbox {
 position:absolute;
 right:-100%;
 top:20px;
 color:#fff;
 font-size:14px;
 width:50px;
 height:50px;
 line-height:50px;
 text-align:center;
 background-color:rgba(255,255,255,.3);
 border-radius:50%;
 transition:all .6s ease;
 opacity:0;
 visibility:hidden;
 z-index:1
}
.project-box:hover .project-thumb img {
 transform:scale(1.03)
}
.project-box:hover .project-lightbox {
 right:20px;
 opacity:1;
 visibility:visible;
 transition:all .4s ease
}
.project-box:hover .overlay {
 visibility:visible;
 opacity:1
}
.project-content {
 position:absolute;
 width:100%;
 height:auto;
 left:30px;
 bottom:25px;
 z-index:1
}
.project-content span {
 font-family:work sans,Sans-serif;
 font-size:10px;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:0;
 background-color:#097F77;
 color:#fff;
 padding:7px 10px
}
.project-content h3 {
 font-size:18px;
 line-height:27px;
 font-weight:600;
 margin-top:5px
}
.project-content a {
 color:#fff
}
.project-content h3:hover {
 color:#097F77;
 text-decoration:underline
}
.project-carousel.nav-style .slick-arrow {
 background-color:rgba(255,255,255,.3);
 color:#fff;
 width:40px;
 height:40px;
 line-height:40px;
 text-align:center;
 transition:all .2s ease-in-out;
 visibility:hidden;
 opacity:0
}
.project-carousel.nav-style:hover .slick-arrow {
 left:10px;
 visibility:visible;
 opacity:1
}
.project-carousel.nav-style:hover .slick-arrow.right {
 left:auto;
 right:10px
}


.skills-section {
 background-image:url(../images/skill-bg.jpg);
 background-position:left center;
 background-repeat:no-repeat;
 background-size:contain;
 width:100%;
 height:100%;
 top:0;
 left:0
}
.skills-section .section-heading h2,
.skills-section .section-heading h4,
.skills-section .section-heading p {
 color:#fff
}
.skills-info {
 background-color:#061b49;
 padding:80px 130px 80px 40px
}
.skills-items .skills-item {
 margin-bottom:5px;
 overflow:hidden
}
.skills-item:last-child {
 margin-bottom:0
}
.skills-items .skills-item h5 {
 color:#fff;
 font-family:work sans,Sans-serif;
 font-size:12px;
 font-weight:600;
 text-transform:uppercase;
 letter-spacing:0
}
.skills-items .skills-item .progress {
 height:5px;
 background-color:#ddd;
 box-shadow:none;
 margin-bottom:20px
}
.skills-items .skills-item .progress,
.skills-items .skills-item .progress .progress-bar {
 border-radius:3px;
 overflow:visible
}
.skills-items .skills-item .progress .progress-bar {
 line-height:5px;
 background-color:#097F77;
 position:relative
}
.skills-items .skills-item .progress .progress-bar span {
 position:absolute;
 top:-15px;
 right:-15px;
 font-size:14px;
 font-weight:600;
 color:#fff
}
.skill-list {
}
.skill-list li {
 color:#fff;
 margin-bottom:5px
}
.skill-list li i {
 font-size:14px;
 color:#097F77;
 margin-right:15px
}






.sponsor-section {
 padding:50px 0;
 position:relative;
 z-index:1
}
.sponsor-section .dots {
 width:100%;
 height:100%;
 left:0;
 top:0;
 background:url(../images/bg-dots.png) 0 0 repeat;
 z-index:-1
}
.sponsor-item {
 text-align:center
}
.sponsor-item img {
 margin:auto;
 opacity:.5
}
.sponsor-item:hover img {
 opacity:1;
 cursor:pointer
}
.widget-section {
 background-color:#061b49;
 position:relative;
 border-bottom:1px solid rgba(255,255,255,.05)
}
.widget-section .widget-bg {
 position:absolute;
 background-image:url(../images/footer-bg.png);
 background-position:center center;
 background-size:contain;
 background-repeat:no-repeat;
 width:100%;
 height:100%;
 left:0;
 top:0;
 opacity:.4
}
.widget-wrap {
}
.widget-box {
}
.widget-box img {
 max-width:60%
}
.widget-box p {
 color:#ddd;
 margin:20px 0
}
.widget-social {
 display:flex;
 align-items:center
}
.widget-social li {
 margin-right:5px
}
.widget-social .facebook i {
 background-color:#3b5998;
 color:#fff;
 width:35px;
 height:35px;
 display:inline-block;
 text-align:center;
 line-height:35px;
 border-radius:2px
}
.widget-social .instagram i {
 background-color:#e1306c;
 color:#fff;
 width:35px;
 height:35px;
 display:inline-block;
 text-align:center;
 line-height:35px;
 border-radius:2px
}
.widget-social .twitter i {
 background-color:#1da1f2;
 color:#fff;
 width:35px;
 height:35px;
 display:inline-block;
 text-align:center;
 line-height:35px;
 border-radius:2px
}
.widget-social .g-plus i {
 background-color:#ea4335;
 color:#fff;
 width:35px;
 height:35px;
 display:inline-block;
 text-align:center;
 line-height:35px;
 border-radius:2px
}
.widget-social .pinterest i {
 background-color:#bd081c;
 color:#fff;
 width:35px;
 height:35px;
 display:inline-block;
 text-align:center;
 line-height:35px;
 border-radius:2px
}
.widget-title {
 display:block;
 margin-bottom:25px;
 overflow:hidden;
 position:relative
}
.widget-box .widget-title h3 {
 position:relative;
 color:#fff;
 font-size:14px;
 font-weight:600;
 font-family:work sans,sans-serif;
 letter-spacing:0;
 text-transform:uppercase
}
.widget-box .widget-title h3:after {
 background-color:#097F77;
 content:"";
 display:inline-block;
 width:50%;
 height:1px;
 top:50%;
 position:absolute;
 margin-left:20px
}
.widget-item {
}
.widget-item li {
 margin-bottom:15px
}
.widget-item ul li:last-child {
 margin-bottom:0
}
.widget-item a {
 color:#ddd;
 font-size:14px
}
.widget-item a:hover {
 color:#097F77
}
.widget-contact {
}
.widget-contact li {
 margin-bottom:15px
}
.widget-contact li:last-child {
 margin-bottom:0
}
.widget-contact li i {
 color:#097F77;
 margin-right:10px
}
.widget-contact li span {
 color:#ddd
}
.wt-subscribe-form {
 position:relative;
 margin:15px 0
}
.widget-box p {
 color:#fff
}
.wt-subscribe-form .form-control {
 display:block;
 background-color:transparent;
 border:1px solid #097F77;
 color:#ddd;
 border-radius:0;
 padding:15px 13px;
 padding-right:83px;
 width:100%;
 height:53px;
 outline:none;
 box-shadow:none
}
.wt-subscribe-form button {
 background-color:#097F77;
 color:#fff;
 display:inline-block;
 text-align:center;
 width:70px;
 height:45px;
 position:absolute;
 right:4px;
 top:4px;
 border-radius:0;
 transition:all .3s ease-in-out
}


.booking-form {
 background-color:#fff;
 padding:40px;
 border-radius:3px;
 margin:0 30px;
 -webkit-box-shadow:0 50px 100px 0 rgba(64,1,4,.1),0 -6px 0 0 rgba(248,99,107,.004);
 box-shadow:0 50px 100px 0 rgba(64,1,4,.1),0 -6px 0 0 rgba(248,99,107,.004);
 position:absolute;
 width:100%;
 height:auto;
 right:0;
 bottom:-100px;
 z-index:9
}
.form-heading {
}
.form-heading span {
 font-family:work sans,sans-serif;
 color:#097F77;
 font-size:12px;
 text-transform:uppercase
}
.form-heading h3 {
 font-size:28px;
 line-height:48px;
 font-weight:600;
 margin-bottom:0
}
.form-heading p {
}
.booking-form .form-control {
 background-color:#f4f4f4;
 color:#ddd;
 width:100%;
 height:45px;
 line-height:45px;
 border-radius:2px;
 border:none;
 color:#13287c;
 font-weight:600;
 outline:none;
 box-shadow:none;
 font-family:work sans,sans-serif;
 text-transform:uppercase;
 font-size:12px
}
.booking-form .form-control.address {
 height:100px
}
.booking-form .default-btn:hover {
 background-color:#097F77;
 color:#fff
}
#form-messages {
 display:none;
 margin-top:15px;
 margin-bottom:0
}



.single-portfolio {
}
.portfolio-wrap {
}
.portfolio-carousel.nav-style .slick-arrow {
 background-color:rgba(255,255,255,.3);
 color:#fff;
 width:40px;
 height:40px;
 line-height:40px;
 text-align:center;
 transition:all .2s ease-in-out;
 visibility:hidden;
 opacity:0
}
.portfolio-carousel.nav-style:hover .slick-arrow {
 left:10px;
 visibility:visible;
 opacity:1
}
.portfolio-carousel.nav-style:hover .slick-arrow.right {
 left:auto;
 right:10px
}
.portfolio-content {
 margin:40px 0
}
.portfolio-content h3 {
 font-size:24px;
 line-height:44px;
 font-weight:700;
 text-transform:uppercase
}
.portfolio-content p {
}
.portfolio-list {
}
.portfolio-list li {
 position:relative
}
.portfolio-list li i {
 color:#097F77;
 position:absolute;
 width:100%;
 height:100%;
 top:5px;
 left:0
}
.portfolio-list li p {
 margin-left:35px
}
.portfolio-related-posts {
 margin-top:20px
}
.portfolio-related-posts h4 {
 font-size:22px;
 line-height:22px;
 font-weight:700;
 text-transform:uppercase;
 margin-bottom:30px
}
.portfolio-details {
 margin-bottom:40px
}
.portfolio-details h3 {
 font-size:18px;
 font-weight:700;
 position:relative;
 padding-bottom:10px;
 margin-bottom:25px;
 text-transform:uppercase
}
.portfolio-details h3:before {
 background:#097F77;
 content:'';
 width:100%;
 height:3px;
 position:absolute;
 bottom:0;
 left:0
}
.ps-list {
}
.ps-list li {
 margin-bottom:10px
}
.ps-list li span {
 font-family:work sans,sans-serif;
 color:#263a4f;
 font-size:12px;
 font-weight:600;
 margin-right:10px;
 text-transform:uppercase
}
.portfolio-details a {
 margin-top:20px
}

.dl-list {
}
.dl-list li {
 background-color:#f5f5f5;
 margin-bottom:10px;
 width:100%;
 transition:.2s all ease-in-out
}
.dl-list li:hover {
 background-color:#097F77
}
.dl-list li a {
 line-height:45px;
 padding:0 30px;
 font-family:work sans,sans-serif;
 font-size:12px;
 font-weight:600;
 text-transform:uppercase;
 color:#263a4f
}
.dl-list li a i {
 margin-left:85px
}
.dl-list li:hover a {
 color:#fff
}

.footer-section {
 background-color:#097F77;
 padding:15px 0
}
.footer-section p {
 margin-bottom:0;
 color:#fff
}

@media(max-width:992px) {
 .sm-padding {
  padding:15px
 }
 .working-process .arrow {
  display:none
 }
 .about-section-2 .section-heading h2 {
  font-size:27px;
  line-height:38px
 }
 .about-section-3 .section-heading h2 {
  font-size:25px;
  line-height:35px
 }
 .about-info p br,
 .about-section-3 .section-heading .desc br {
  display:none
 }
 .short-feature i {
  font-size:40px;
  margin-bottom:15px
 }
 .short-feature h3 {
  font-size:14px;
  line-height:22px
 }
 .booking-form {
  padding:40px 20px;
  bottom:-50px;
  right:-60px
 }
 .form-heading h3 {
  font-size:25px;
  line-height:40px;
  margin-bottom:15px
 }
 .form-heading p {
  display:none
 }
 .top-shape {
  top:-106px
 }
 .team-info {
  margin-bottom:20px
 }
 .page-content h2 {
  font-size:32px;
  line-height:40px
 }
 .contact-section .contact-form {
  margin:20px 0 0
 }
}
@media all and (max-width:767px) {
 .padding {
  padding:60px 0
 }
 .xs-padding {
  padding:15px
 }
 p br {
  display:none
 }
 .section-heading h2 {
  font-size:24px;
  line-height:32px
 }
 .working-process .arrow {
  display:none
 }
 .widget-box {
  margin-bottom:30px
 }
 .about-info {
  margin-bottom:20px
 }
 .booking-form {
  position:inherit;
  right:0;
  bottom:0;
  text-align:center;
  margin:0
 }
 .booking-form .form-control {
  margin-bottom:10px
 }
 .booking-form .form-group {
  margin-bottom:0
 }
 .hero-content h2 {
  font-size:35px;
  line-height:44px
 }
 .top-shape {
  top:-70px
 }
 .team-info {
  margin-bottom:20px
 }
 .team-info h2 {
  font-size:25px;
  line-height:35px
 }
 .page-content h2 {
  font-size:30px;
  line-height:40px
 }
 .contact-form .form-group {
  margin-bottom:0
 }
 .contact-section .contact-form {
  margin-left:0;
  text-align:center
 }
 .short-feature {
  left:15px
 }
}
@media all and (max-width:580px) {
 .top-left {
  width:100%;
  padding:15px 0;
  text-align:center
 }
 #scrollup {
  bottom:20px;
  right:20px
 }
}









/*************************/
/** PRE LOADER **/

.loaded .site-preloader-wrap {
  opacity:0;
  visibility:hidden
}
.site-preloader-wrap {
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:fixed;
  z-index:999;
  background-color:#fff
}
.site-preloader-wrap .spinner {
  margin-top:-20px;
  margin-left:-20px;
  top:50%;
  left:50%;
  position:absolute;
  background-color:#097f77
}
.spinner {
  width:40px;
  height:40px;
  border-radius:100%;
  -webkit-animation:sk-scaleout 1s infinite ease-in-out;
  animation:sk-scaleout 1s infinite ease-in-out
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform:scale(0)
  }
  100% {
    -webkit-transform:scale(1);
    opacity:0
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform:scale(0);
    transform:scale(0)
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:0
  }
}

/*************************/
/** HEADER (WITH HEADROOM) **/

.header {
  width:100%;
  height:auto;
  display:block;
  background-color:#fff
}
.headroom {
  transition:transform .25s ease-in-out;
  will-change:transform
}
.headroom--unpinned {
  transform:translateY(-100%)
}
.headroom--pinned {
  transform:translateY(0)
}

/*************************/
/** HEADER BAR 1 **/

.top-bar {
  background-color:#097f77
}
.top-bar-inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#fff
}
.top-bar .top-left li {
  font-size:14px;
  color:#fff;
  display:inline-block;
  padding-right:20px;
  padding-left:20px;
  border-right:1px solid #236a49;
  margin:0;
  padding-top:7px;
  padding-bottom:7px
}
.top-bar .top-left li:first-child {
  border-left:1px solid #236a49
}
.top-bar .top-left li a {
  color:#fff;
  text-decoration:none
}
.top-bar .top-social {
  padding:7px 20px;
  border-right:1px solid #236a49;
  border-left:1px solid #236a49
}
.top-bar .top-social li {
  display:inline-block;
  margin-left:13px
}
.top-bar .top-social li:first-child {
  margin-left:0
}
.top-bar .top-social li a {
  color:#fff
}
.top-bar .top-social li a:hover {
  color:#ddd
}
@media(max-width:767px) {
  .top-bar .top-right {
    display:none
  }
  .top-bar .top-left li,
  .top-bar .top-left li:first-child {
    border:none
  }
  .top-bar .top-left li {
    padding-left:0;
    padding-right:20px
  }
}
@media(max-width:580px) {
  .top-bar .top-left li {
    font-size:12px
  }
}
@media all and (max-width:580px) {
  .top-bar .top-left li {
    font-size:14px;
    display:block;
    padding:0;
    line-height:1
  }
  .top-bar .top-left li:not(:last-of-type) {
    margin-bottom:10px
  }
}

/*************************/
/** HEADER BAR 2 **/

nav.navbar.border.bootsnav.navbar-fixed.no-background {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a {
  position: relative;
  z-index: 1;
  margin-left: 3px;
}
nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a {
  border: medium none;
}
nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a::after {
  background: #ffffff none repeat scroll 0 0;
  bottom: -2px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a.active::after,
nav.navbar.border.bootsnav.navbar-fixed.no-background ul li a:hover::after {
  width: 100%;
}
nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a.active::after,
nav.navbar.border.bootsnav.navbar-fixed.no-background .attr-nav ul li a:hover::after {
  width: 0;
}

.attr-nav .social.right li {
  margin-left: 20px;
}
.attr-nav .social li a {
  font-size: 16px;
}

nav.bootsnav.navbar-default.info-topbar .navbar-header {
  display: none;
}
nav.bootsnav.navbar-default.info-topbar ul li a {
  margin-right: 30px;
  padding: 35px 0;
}
nav.bootsnav.navbar-default.info-topbar.active-full ul li a {
  margin-right: 0;
  padding: 35px 20px;
}

.attr-nav > a.btn-theme.effect:hover, 
.attr-nav > a.btn-theme.effect, 
.attr-nav > a.btn-theme.effect:focus {
  background: #3bcf93 none repeat scroll 0 0;
  border: 2px solid #3bcf93;
  color: #ffffff !important;
}

nav.bootsnav.navbar-default.info-topbar.sticked ul li a {
  margin-right: 30px;
  padding: 35px 0;
}

.attr-nav.social li {
  display: inline-block;
  padding: 25px 0 !important;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}
.attr-nav.social li a {
  border: 1px solid #f4f4f4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #3bcf93;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  padding: 0 !important;
  text-align: center;
  width: 40px;
}

nav.navbar.bootsnav.sticked .attr-nav.social li {
  display: inline-block;
  padding: 20px 0 !important;
}

/*************************/
/** FOOTER **/

.pt-70 {
  padding-top:70px
}
.pb-20 {
  padding-bottom:20px
}

footer {
  background-image:url(../images/footer-bg.jpg);
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  position:relative
}
footer:before {
  position:absolute;
  content:'';
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color:#060f1e;
  opacity:.92
}
.footer-item {
  position:relative;
  margin-bottom:30px
}
.footer-item .footer-logo .logo-link {
  display:block;
  margin-bottom:18px
}
.footer-item .footer-logo p {
  margin-bottom:20px;
  color:#fff
}
.footer-item .footer-logo ul {
  margin:0;
  padding:0
}
.footer-item .footer-logo ul li {
  list-style-type:none;
  display:inline-block;
  margin-right:10px
}
.footer-item .footer-logo ul li:last-child {
  margin-right:0
}
.footer-item .footer-logo ul li a {
  width:35px;
  height:35px;
  text-align:center;
  color:#fff;
  font-size:18px;
  background-color:#097f77;
  border-radius:50%;
  display:block
}
.footer-item .footer-logo ul li a i {
  line-height:35px
}
.footer-item .footer-logo ul li a:hover {
  color:#097f77;
  background-color:#fff
}
.footer-item .footer-service h3 {
  font-size:22px;
  font-weight:600;
  margin-bottom:25px;
  color:#fff
}
.footer-item .footer-service ul {
  margin:0;
  padding:0
}
.footer-item .footer-service ul li {
  list-style-type:none;
  display:block;
  -webkit-transition:.5s all ease;
  transition:.5s all ease;
  margin-bottom:10px
}
.footer-item .footer-service ul li:last-child {
  margin-bottom:0
}
.footer-item .footer-service ul li:hover {
  padding-left:10px
}
.footer-item .footer-service ul li a {
  display:block;
  color:#fff
}
.footer-item .footer-service ul li a:hover {
  color:#097f77
}
.footer-item .footer-touch h3 {
  font-size:22px;
  font-weight:600;
  margin-bottom:25px;
  color:#fff
}
.footer-item .footer-touch ul {
  margin:0;
  padding:0
}
.footer-item .footer-touch ul li {
  list-style-type:none;
  display:block;
  position:relative;
  padding-left:40px;
  margin-bottom:12px
}
.footer-item .footer-touch ul li:last-child {
  margin-bottom:0
}
.footer-item .footer-touch ul li i {
  display:inline-block;
  color:#097f77;
  font-size:20px;
  position:absolute;
  top:5px;
  left:0
}
.footer-item .footer-touch ul li h4 {
  font-weight:500;
  font-size:16px;
  font-family:roboto,sans-serif;
  margin-bottom:0;
  color:#fff
}
.footer-item .footer-touch ul li a {
  display:block;
  color:#cdcccc
}
.footer-item .footer-touch ul li a:hover {
  color:#097f77
}
.footer-item .footer-touch ul li span {
  display:block;
  color:#cdcccc
}

/*************************/
/** SCROLL TOP **/

#scroll-top {
  font-size:18px
}

/*************************/
/** HOME SCREEN **/

/* HOME-ABOUT: START */

.pt-20 {
  padding-top:20px
}

.home-about-section h5 {
  margin-bottom:25px;
  color:#3bcf93;
  font-size: 1.75rem;
  font-weight: 600;
  text-transform:uppercase;
  line-height: 1.3
}
.home-about-section p {
  margin:0 0 30px;
  color:#666666;
  font-size:15px;
  font-weight:400;
  text-align: justify;
  text-transform:none;
  line-height:26px
}
.video-box {
  position:relative;
  box-shadow:0 20px 30px 10px rgba(61,1,4,.1)
}
.video-box-overlay {
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center
}
.dl-vb-1 {
  display:inline-block;
  -webkit-transition:all .5s ease
}
.dl-vb-1 svg {
  width:110px;
  height:110px
}
.dl-vb-1 .triangle {
  stroke:#fff;
  stroke-dasharray:240;
  stroke-dashoffset:480;
  transform:translateY(0);
  -webkit-transition:all .7s ease-in-out
}
.dl-vb-1:hover .triangle {
  stroke:#fff;
  stroke-dashoffset:0;
  opacity:1;
  animation:nudge .7s ease-in-out
}
.dl-vb-1 .circle {
  stroke:#fff;
  stroke-dasharray:650;
  stroke-dashoffset:650;
  -webkit-transition:all .5s ease-in-out;
  opacity:.3
}
.dl-vb-1:hover .circle {
  stroke-dashoffset:0;
  opacity:1
}

@keyframes nudge {
  0%   { transform:translateX(0) }
  30%  { transform:translateX(-5px) }
  50%  { transform:translateX(5px) }
  70%  { transform:translateX(-2px) }
  100% { transform:translateX(0) }
}

@media all and (max-width:992px) {
  .video-box {
    margin-bottom:30px
  }
}

/* HOME-ABOUT: END */
/* HOME-SPONSORS - START */



/* HOME-SPONSORS - END */
/* HOME-TESTIMONIALS - START */

.testimonials-section {
  padding-bottom:80px;
  position:relative
}
.testimonials-section .section-heading {
  z-index:1
}
.testimonials-section .testi-map {
  width:100%;
  height:100%;
  top:-20px;
  left:0;
  z-index:-1;
  position:absolute;
  background-image:url(../images/satellite-map.png);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain
}
.testi-item {
  margin:20px;
  padding:40px 30px;
  position:relative;
  background-color:#fff;
  box-shadow:0 14px 20px -10px rgba(0,0,0,.1)
}
.testi-item .testi-thumb img {
  margin:0 auto;
  width:100px;
  height:100px;
  position:absolute;
  border-radius:50%
}
.testi-content {
  padding-left:130px;
  position:relative
}
.testi-item p {
  margin-bottom:20px
}
.testi-item h3 {
  color:#333;
  font-size:17px;
  font-weight:600;
  letter-spacing:-.04em;
  line-height:1.4
}
.testi-item h3 span {
  margin:5px 0 0;
  display:block;
  color:#6a8695;
  font-size:12px;
  font-weight:600;
  font-family:work sans,Sans-serif;
  text-transform:uppercase;
  letter-spacing:0
}
.testi-item .ratings li {
  display:inline-block
}
.testi-item .ratings li i {
  color:#fed701;
  font-size:12px
}
.testi-content .quote-icon {
  right:30px;
  bottom:-10px;
  position:absolute;
  color:#097f77;
  font-size:50px;
  opacity:.5
}

@media all and (max-width:767px) {
  .testimonials-section .testi-item {
    margin-top:-30px
  }
}

/* HOME-TESTIMONIALS - END */

/*************************/
/** ABOUT US SCREEN **/

.default-padding {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  z-index: 1;
}
.default-padding-bottom {
  padding-bottom: 120px;
}
.align-center {
  align-items: center;
}
.info {
  position: relative;
  z-index: 1;
}
h2.text-blur {
  position: absolute;
  top: -50px;
  font-size: 120px;
  opacity: 0.08;
  line-height: 1;
  color: #3bcf93;
  z-index: -1;
  font-weight: 700;
}
.area-title {
  font-size: 40px;
  line-height: 1.2;
}
.btn-theme.border {
  background-color: transparent;
  color: #232323 !important;
  border: 2px solid #3bcf93 !important;
}
.btn.circle {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
}
.btn-md {
  padding: 15px 40px;
}

@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.video-play-button {
  color: #3bcf93;
  font-size: 30px;
  left: 50%;
  padding-left: 7px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffffff repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button i {
  display: block;
  position: relative;
  z-index: 3;
  color: #3bcf93;
}
.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffffff repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transition: all 200ms;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -ms-transition: all 200ms;
  -o-transition: all 200ms;
}


.about-area p {
  color: #666666;
  margin: 0 0 15px;
  text-transform: none;
  font-weight: 400;
}
.about-area .thumb {
  margin-right: 35px;
  margin-bottom: 35px;
  position: relative;
}
.about-area .thumb .overlay {
  position: absolute;
  right: 30px;
  bottom: 30px;
  max-width: 250px;
  background: #3bcf93;
  text-align: center;
  padding: 50px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
  outline-offset: -15px;
}
.about-area .thumb .overlay h4 {
  margin: 0;
  color: #ffffff;
  font-weight: 700;
}
.about-area .info > h5 {
  color: #3bcf93;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 800;
  margin-bottom: 25px;
}
.about-area .info h2 {
  font-weight: 700;
  margin-bottom: 25px;
}
.about-area .info ul {
  margin: 25px 0;
}
.about-area .info ul li {
  margin-top: 10px;
  padding-left: 25px;
  position: relative;
  z-index: 1;
  color: #666666;
}
.about-area .info ul li::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  color: #3bcf93;
  font-weight: 600;
}
.about-area .info ul li h5 {
  margin-bottom: 8px;
  font-size: 1.25rem;
  font-weight: 800;
}
.about-area .info > h4 {
  font-size: 1.4rem;
  font-weight: 700;
}


.mission-area.half-bg {
  position: relative;
  z-index: 1;
}
.mission-area .thumb {
  position: relative;
  margin-bottom: 110px;
}
.mission-area .thumb .thumb-1 img {
  max-width: 80%;
}
.mission-area .thumb .thumb-2 {
  position: absolute;
  right: 0;
  bottom: -120px;
  border: 10px solid #ffffff;
  max-width: 60%;
}
.mission-area .info {
  padding-left: 35px;
}
.mission-area .info h5 {
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 700;
  color: #3bcf93;
  margin-bottom: 25px;
}
.mission-area .info h2 {
  font-weight: 700;
  margin-bottom: 25px;
}
.mission-area .info h2 {
  font-weight: 700;
  margin-bottom: 25px;
}
.mission-area .info h4 {
  font-weight: 700;
}
.mission-area ul li {
  margin-top: 15px;
  position: relative;
  z-index: 1;
  padding-left: 25px;
}
.mission-area ul li::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  color: #3bcf93;
  font-weight: 600;
}
.mission-area .info a {
  margin-top: 30px;
}

/*************************/
/** SERVICES SCREEN **/

#main-container {
  padding: 60px 0;
  position: relative;
}
.article-title {
  margin: 0 0 40px 0;
  padding-left: 15px;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
  text-transform: uppercase;
  border-left: 5px solid #e5e5e5;
}
.service-items .title-normal {
  margin-bottom: 35px;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
}
.service-items .title-normal img {
  width: 64px;
  display: inline-block;
}
.service-item-content p {
  color: #263a4f;
}
.list-arrow {
  margin: 0 !important;
  padding: 0 0 0 1px;
  list-style: none;
}
.list-arrow li, .list-arrow li a {
  color: #263a4f;
}
.list-arrow li {
  line-height: 24px;
}
.list-arrow li::before {
  margin-right: 10px;
  content: "\f101";
  color: #097f77;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
}
.ts-divider {
  margin: 20px 0 30px;
  position: relative;
}
.ts-divider::after {
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(to right, #ffffff 0, #e0e0e0 30%, #e0e0e0 70%, #ffffff 100%);
  background: -ms-linear-gradient(left, #ffffff 0, #e0e0e0 30%, #e0e0e0 70%, #ffffff 100%);
  background: -o-linear-gradient(left, #ffffff 0, #e0e0e0 30%, #e0e0e0 70%, #ffffff 100%);
  background: -webkit-linear-gradient(left, #ffffff 0, #e0e0e0 30%, #e0e0e0 70%, #ffffff 100%);
  background: -moz-linear-gradient(left, #ffffff 0, #e0e0e0 30%, #e0e0e0 70%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top,
    color-stop(0%, #ffffff),
    color-stop(30%, #e0e0e0),
    color-stop(70%, #e0e0e0),
    color-stop(100%, #ffffff));
}

/*************************/
/** CONTACT US SCREEN **/

.map-wrapper {
  height:450px;
  z-index:-1
}
#map {
  height:100%
}

.contact-section {
  padding-bottom:50px;
  position:relative
}
.contact-wrap {
  margin-top:-100px;
  padding:50px;
  display:flex;
  align-items:center;
  z-index:1;
  background-color:#fff;
  box-shadow:0 20px 30px 5px rgba(61,1,4,.1)
}
.contact-item h3 {
  font-size:18px;
  font-weight:600
}
.contact-details,
.contact-info {
  line-height:40px
}
.contact-details li {
  font-size:15px
}
.contact-details li i {
  padding-right:20px;
  width:35px;
  color:#097f77;
  font-size:14px
}
.contact-info li {
  display:flex;
  justify-content:space-between;
  font-size:15px
}
.contact-info .desc {
  color:#097f77
}
.contact-section .contact-form {
  margin-left:20px;
  box-shadow:none
}
.form-heading h3 {
  margin-bottom:0;
  font-size:28px;
  font-weight:600;
  line-height:48px
}
.contact-section .form-heading p {
  margin-bottom:25px
}
.form-heading span {
  color:#097f77;
  font-size:12px;
  font-family:work sans,sans-serif;
  text-transform:uppercase
}
.contact-form .form-control {
  margin-bottom:10px;
  width:100%;
  height:45px;
  outline:none;
  box-shadow:none;
  font-size:12px;
  font-weight:600;
  font-family:work sans,sans-serif;
  text-transform:uppercase;
  line-height:45px;
  background-color:#f4f4f4;
  border-radius:2px;
  border:none
}
.contact-form .form-control.address {
  height:140px
}
.contact-form .default-btn {
  outline:none
}
.contact-form .default-btn:hover {
  color:#fff;
  background-color:#097f77
}
#form-messages {
  margin-top:15px;
  margin-bottom:0;
  display:none
}
#form-messages.alert-danger,
#form-messages.alert-success {
  display:block
}