/*
Designed By Bivek Luitel
Developed By Saurav Shrestha
Table of Content
--------------------------------------------

1. common css start
2. Top header part start
3. navbar css start
4. bannerpart css star
5. why-choose-us part start
6. our service part css start
7. about us css start
8. Resent project css start
9. counter part start
10. testimonial part start
11. pricing part css
12. team start
13. FAQ css Start
14. blog part css
15. clients part start
16. map class start
17. contactus part start
18. preloader css start
19. appended

--------------------------------------------
*/
@import url('https://fonts.googleapis.com/css?family=Cabin&display=swap');

/* === link end == */
/* ==============================
1. common css start
==================================*/
* {
  margin: 0px;
  padding: 0px;
  outline: 0px;
}

ol,
ul {
  list-style: none;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  outline: 0;
  color: #333;
}

img {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

body {
  font-family: 'Cabin', sans-serif;
}

.modal {
  z-index: 9999999999;
}

h1,
h2,
h3,
h4,
h5,
h6,
  {
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 0px;
  line-height: normal;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0px;
}

.pl {
  padding-left: 0px;
}

h4 {
  font-size: 20px;
}

.btn {
  border-radius: 0px;
}

.btn-regular {
  background-color: #0166B8 !important;
  color: #fff !important;
}

.clear {
  clear: both;
}

p {
  color: #555;
  margin-bottom: 0px;
}

.slick-list {
  padding: 20px 0px;
}

#about h2,
#gallery h2,
#aboutuspart h2,
#team h2,
#clientpart h2,
#pricing h2,
#latestnewspart h2,
#clientpart h2,
#testimonialpart h2,
#faq h2,
#blog h2,
#contactuspart h2 {
  text-align: center;
  font-size: 36px;
  margin-bottom: 35px;
  text-transform: uppercase;
}

/* page Head Css Start */
.page-head {
  background: url(../images/other/all-bg.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
}

/* page headf css start */
.page-head {
  position: relative;
  padding: 20px 0 ;
}

.page-head .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.page-head h2 {
  text-align: center;
  font-size: 36px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
}

.page-head .breadcrumb {
  background: 0 0;
  padding: 0;
  text-align: center;
  display: block;
  margin-bottom: 0px;
}

.page-head .breadcrumb li {
  display: inline-block;
}

.page-head .breadcrumb li span {
  padding: 0px 5px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.page-head .breadcrumb, .page-head .breadcrumb a {
  color: #fff;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.page-head .breadcrumb li.active a,
.page-head .breadcrumb li.active span {
  color: #ddd;
}

.page-head .breadcrumb a:hover {
  text-decoration: none;
  color: #ddd;
}

.page-head .breadcrumb>li+li:before {
  color: #fff
}

/*==========================
common css end
============================*/
/* =============================
2. Top header part start
=============================== */
/* top header start */
.top-header {
  background: #0166B8;
  padding: 6px 0px;
}

#home .contact-info .t-border {
  color: #fff;
}

.contact-info {
  font-size: 16px;
}

.contact-info a {
  color: #fff;
  margin-right: 7px;
  font-size: 12px;
  text-decoration: none;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}

.contact-info p {
  color: #fff;
}

.contact-info a:hover {
  color: #fff;
}

.socal-link {
  text-align: right;
}

.socal-link i {
  color: #fff;
  padding: 0px 5px;
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}

.socal-link i:hover {
  /* color: #222; */
}

.logo-contact-info i {
  font-size: 40px;
  font-weight: bold;
}

.logo-contact-info p,
.logo-contact-info a {
  font-size: 16px;
  color: #444;
}

.logo-contact-info .info p {
  line-height: 24px;
}

.logo-area {
  padding: 24px 0px;
}

.t-border {
  font-size: 16px;
  padding: 0px 10px 0px 0px;
  display: inline-block;
}

.contact-info i {
  font-size: 16px;
  color: #fff;
  margin-right: 7px;
}

.top-btn {
  background: #0054fd;
  color: #fff;
  padding: 15px 25px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.top-btn:hover {
  background: #0166B8;
  color: #fff;
}

/* =============================
 Top header part End
=============================== */
/*=========================
3. navbar css start
===========================*/
.navbar-brand img {
  width: 280px;
}

.navbar {
  padding: 0px;
}

.navigation {
  background: #fff;
}

.navigation .navbar-nav .nav-item {
  padding: 0px 8px;
}

.navigation .nav-item .nav-link {
  color: #222;
  line-height: 70px;
  font-size: 13px;
  font-weight: 500;
  position: relative;
  padding: 12px 5px 12px;
  text-transform: uppercase;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.navigation .nav-item .nav-link.active,
.navigation .nav-item .nav-link:hover {
  color: #0166B8;
}

.navigation.stiky-nav {
  background: #fff;
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0;
  animation: nav-stiky .8s;
  z-index: 99;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

@keyframes nav-stiky {
  0% {
    top: -80px;
  }

  100% {
    top: 0px;
  }
}

.nav-item.dropdown .dropdown-menu {
  display: block;
  top: 120%;
  opacity: 0;
  background: #fff;
  position: absolute;
  z-index: -99;
  visibility: hidden;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  top: 100%;
  opacity: 1;
  z-index: 991;
  visibility: visible;
}

.navbar-nav .dropdown-menu {
  margin-top: 0px !important;
  background: #ffffff;
  border-radius: 0px;
  border: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.15);
  border-top: 4px solid #0166B8;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {
  color: #222;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  padding: 8px 15px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover {
  color: #0166B8;
  background: #fff;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item i {
  margin-right: 5px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu. .dropdown-item:focus,
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover {
  color: #0166B8;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item.active {
  color: #0166B8;
  background: #FFF;
}

.dropdown-toggle::after {
  display: none;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-toggler {
  border: 0px;
}

.navbar-light .navbar-toggler:focus {
  outline: 0px;
}

.navigation .nav-item.dropdown .nav-item.dropdown.child-dropdown .dropdown-menu {
  display: none;
}

.navigation .nav-item.dropdown .nav-item.dropdown.child-dropdown .nav-link {
  color: #222;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  padding: 8px 15px 8px;
  line-height: 16px;
}

.navigation .nav-item.dropdown .nav-item.dropdown.child-dropdown .nav-link i {
  margin-right: 7px;
}

.navigation .nav-item.dropdown .nav-item.dropdown.child-dropdown .nav-link:hover,
.navigation .nav-item.dropdown .nav-item.dropdown.child-dropdown .nav-link.active {
  color: #0166B8;
}

.navigation .nav-item.dropdown .nav-item.dropdown.child-dropdown:hover .dropdown-menu {
  left: 100%;
  top: 0px;
}

.navigation .nav-item.dropdown .nav-item.dropdown.child-dropdown:hover .dropdown-menu {
  display: block;
}

/*===========================
navbar css end
=============================*/
/*============================
4. bannerpart css start
==============================*/
.layer-1-2 {
  margin: 0px 0px 30px;
}

.layer-1-3 {
  margin-top: 16px;
}

.layer-1-1 p {
  color: #fff;
  font-size: 24px;
  line-height: 34px;
}

.layer-1-2 h1 {
  color: #fff;
  font-size: 60px;
  line-height: 75px;
  text-transform: capitalize;
}

.ready-btn {
  border: 2px solid #fff;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  margin-right: 10px;
  margin-top: 30px;
  padding: 15px 60px;
  font-size: 16px;
  border-radius: 3px;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.intro-area .content {
  padding: 80px 0px 80px;
}

.ready-btn::before {
  position: absolute;
  content: " ";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: rgba(255, 255, 255, 0.15);
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.ready-btn:hover::before {
  height: 100%;
}

.ready-btn:hover {
  color: #ffffff;
}

.layer-1-2 .color {
  color: #0166B8;
  font-weight: 900;
}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev,
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
  color: #fff;
  font-size: 60px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  text-align: center;
  line-height: 36px;
  opacity: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev {
  left: 10%;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next {
  right: 10%;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next {
  right: 2%;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
  opacity: 1;
}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev {
  left: 2%;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
  opacity: 1;
}

.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover {
  color: rgb(219, 219, 219);
  border-color: rgb(219, 219, 219);
}

.intro-carousel .owl-item .layer-1-2 {
  transform: translateY(100%);
  opacity: 0;
  transition: all 1s ease-in-out 0.3s;
}

.intro-carousel .owl-item .layer-1-1 {
  transform: translateY(100%);
  opacity: 0;
  transition: all 1s ease-in-out .6s;
}

.intro-carousel .owl-item .layer-1-3 {
  transform: translateY(100%);
  opacity: 0;
  transition: all 1s ease-in-out 1s;
}

.intro-carousel .owl-item.active .layer-1-2,
.intro-carousel .owl-item.active .layer-1-1,
.intro-carousel .owl-item.active .layer-1-3 {
  transform: translateY(0);
  opacity: 1;
}

.intro-carousel .owl-item.active .slider-images img {
  transform: scale(1.1);
  transition: 5s;
}

/* ----- index 1 */
.for-s1 .intro-area {

}

.for-s1 .intro-area .main-overly {
  position: absolute;
  top: 0;
  left: 0;
  height: 605px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  height:100%;
}

/*==================================
 bannerpart css end
==================================*/
/*==================================
5. why-choose-us part start
====================================*/
#choose-us {
  padding: 92px 0px 66px;
}

#choose-us h2 {
  text-align: center;
  font-size: 36px;
  margin-bottom: 35px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

#choose-us .s-h-p {
  margin-bottom: 46px;
}

.why-choose-us-sec {
  background: #f1f5f9;
}

.why-choose-thumb {
  position: relative;
}

.why-choose-text {
  padding: 22px 15px 26px;
}

.why-choose-text h3 {
  margin-bottom: 18px;
  color: #222;
}

.why-choose-inner {
  text-align: left;
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
  border-radius: 6px;
}

.why-choose-inner:hover {
  margin-top: -10px;
}

.why-choose-text h3 a {
  font-size: 24px;
  text-transform: capitalize;
  color: #222;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.why-choose-inner .why-choose-text h3 a,
.why-choose-inner .why-choose-text a,
.why-choose-inner .why-choose-text p {
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.why-choose-icon {
  position: absolute;
  width: 80px;
  height: 80px;
  background: #fff;
  line-height: 80px;
  text-align: center;
  margin: 0px auto;
  left: 0;
  bottom: 0;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.why-choose-icon img {
  width: 50px;
  height: 50px;
  display: inline-block;
}

.why-us-button {
  font-weight: 500;
  margin-top: 25px;
  display: inline-block;
}

/*=============================
why-choose-us part end
===============================*/
/*=============================
6. our service part css start
===============================*/
#servicepart {
  background: whitesmoke;
  padding: 60px 0px 60px;
}

#servicepart h2 {
  text-align: center;
  font-size: 36px;
  margin-bottom: 16px;
  text-transform: uppercase;
}

#servicepart .s-h-p {
  margin-bottom: 26px;
}

.sarvicecard {
  transition: 0.3s;
  cursor: pointer;
  display: block;
  padding: 44px 15px;
  border-radius: 5px;
  border: 2px solid #ddd;
  position: relative;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
  height: 400px;
}

.sarvicecard::after {
  position: absolute;
  content: " ";
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #0166B8;
  opacity: 0;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.sarvicecard:hover {
  box-shadow: 0 10px 20px 0px rgba(0, 0, 0, 0.13);
  background: #fcfcfc;
  border: 2px solid #fcfcfc;
}

.sarvicecard:hover::after {
  opacity: 1;
}

.sarvicecard .cardheader {
  text-align: center;
}

.sarvicecard .cardheader img {
  text-align: center;
  display: inline-block
}

.sarvicecard:hover.sarvicecard i::after {
  width: 100px;
  height: 100px;
  opacity: 1;
}

.contant h4 {
  color: #555;
  font-size: 20px;
  font-weight: 500;
  margin: 10px 0px;
}

.contant ul li {
  text-align: left !important;
}

.contant li {
  font-size: 14px;
  font-weight: 400;
  margin: 5px 1rem;
  color: #666;
}

.contant .btn-regular {
  position: absolute;
  bottom: 20px;
  left: 35%;
}

a.btn-detail {
  background: #222;
  color: #f1f1f1;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

a.btn-detail:hover {
  background: #0166B8;
}

.slick-dots {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.slick-dots li {
  float: left;
  display: inline-block;
}

.slick-dots li.slick-active button {
  background: #0166B8;
  border: 1px solid #0166B8;
}

.slick-dots li button {
  font-size: 0;
  width: 10px;
  height: 10px;
  border: 1px solid #cecece;
  margin-right: 5px;
  background: #f1f1f1;
  border-radius: 50%;
}

/*===============================
our service part css end
====================================*/
/*===========================
7. about us css start
============================= */
#about {
  padding: 60px 0px 60px;
  background: whitesmoke;
}

#about h2 {
  margin-bottom: 40px;
}

#about h6 {
  line-height: 1.6;
}

#about h4 {
  margin-bottom: 26px;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: 500;
}

#about .about-f-p {
  margin-bottom: 21px;
  color: #555;
}

#about .about-img {
  position: relative;
}

#about .about-img .about-video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0166B8;
  opacity: .6;
}

#about .about-video {
  position: absolute;
  width: 70px;
  height: 70px;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50%;
}

#about .about-video i {
  color: #0166B8;
  font-size: 25px;
  line-height: 70px;
}

.about-video:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: -10px;
  top: -10px;
  display: block;
  width: 90px;
  height: 90px;
  background: #fff;
  border-radius: 50%;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  z-index: -1;
}

@keyframes pulse {
  0% {
    transform: scale(0.25);
    opacity: .25;
  }

  25% {
    transform: scale(0.5);
    opacity: .50;
  }

  50% {
    transform: scale(0.75);
    opacity: .75;
  }

  100% {
    transform: scale(1);
    opacity: .0;
  }
}

.about-links {
  margin-top: 36px;
}

.about-links .link {
  background-color: #0166B8;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  margin-right: 10px;
  padding: 15px 36px;
  font-size: 16px;
  border-radius: 3px;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.about-links .link::before {
  position: absolute;
  content: " ";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: rgba(255, 255, 255, 0.15);
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.about-links .link:hover::before {
  height: 100%;
}

/*===========================
about us css end
============================= */
/*================================
8. Resent project css start
=================================*/
#gallery {
  padding: 92px 0px 80px;
}

#gallery h2 {
  margin-bottom: 16px;
}

#gallery .s-h-p {
  margin-bottom: 36px;
}

.portfolio-area {
  z-index: 999;
  overflow: hidden;
}

.protfolio-filter {
  text-align: center;
  padding: 10px 0px;
  margin-bottom: 30px;
}

.protfolio-filter {
  text-align: center;
}

.protfolio-filter li {
  list-style: none;
  margin: 0 0px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}

.protfolio-filter li {
  background-color: #0166B8;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  margin-right: 5px;
  padding: 15px 36px;
  font-size: 16px;
  border-radius: 3px;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.protfolio-filter li::before {
  position: absolute;
  content: " ";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: rgba(255, 255, 255, 0.15);
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.protfolio-filter li:hover::before {
  height: 100%;
}

.protfolio-filter li.active::before {
  height: 100%;
}

.portfolio-item {
  padding: 0 10px;
  margin-bottom: 20px;
}

.item-thumbnail {
  position: relative;
  overflow: hidden;
}

.item-thumbnail::before {
  background-color: rgba(35, 79, 184, 0.7);
  top: 0;
  left: 0;
  content: " ";
  height: 100%;
  width: 100%;
  opacity: 0;
  position: absolute;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 1;
}

.portfolio-item:hover .item-thumbnail::before {
  opacity: 1;
}

.item-thumbnail img {
  width: 100%;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

.portfolio-item:hover .item-thumbnail img {
  transform: scale(1.2);
}

.item-thumbnail .p-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  display: inline-block;
}

.item-thumbnail .p-link a {
  border: 2px solid #fff;
  color: #fff;
  width: 45px;
  height: 45px;
  line-height: 43px;
  text-align: center;
  font-size: 16px;
  border-radius: 100%;
  opacity: 0;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
  display: inline-block;
  margin: 5px;
}

.item-thumbnail a i {
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.item-thumbnail a:hover {
  background: #fff;
  box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
}

.item-thumbnail a:hover i {
  color: #333
}

.portfolio-item:hover .item-thumbnail a {
  opacity: 1;
}

.portfolio-category>li {
  display: inline-block;
  margin-right: 10px;
  position: relative;
}

.portfolio-category>li::before {
  content: ",";
  position: absolute;
  right: -5px;
}

.portfolio-category>li:last-child::before {
  display: none;
}

.portfolio-category a {
  color: #3a3a3a;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.portfolio-category a:hover {
  color: #EF4836;
}

.hidden {
  display: none;
}

.load-more {
  margin-top: 20px;
}

.mix {
  display: none;
}

/*===========================
Resent project css end
=============================*/
/*================================
9. counter part start
==================================*/
#counterpart {
  padding: 131px 0px 141px;
  background: url('../images/counter/bg.jpg') no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.count-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0166B8;
  opacity: .8;
}

#counterpart p {
  font-size: 50px;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  margin-bottom: 10px;
  color: #fff;
}

#counterpart h5 {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

/*===============================
counter part end
====================================*/
/*==============================
10. testimonial part start
=================================*/
#testimonialpart {
  padding: 60px 0px 100px;
  position: relative;
}

#testimonialpart h2 {
  margin-bottom: 16px;
}

#testimonialpart .slick-prev,
#testimonialpart .slick-next {
  bottom: -80px;
}

#testimonialpart .s-h-p {
  margin-bottom: 27px;
}

#testimonialpart .container {
  position: inherit;
  z-index: 2;
}

.testimonial {
  background: #fff;
  padding: 27px 20px 17px;
  margin-left: 15px;
  border-radius: 5px;
  cursor: pointer;
  margin: 0px 15px;
  position: relative;
  border: 2px solid #f1f1f1;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.testimonial img {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin: auto;
  border: 7px solid #f1f1f1;
}

.testimonial h6 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 24px;
  margin-bottom: 6px;
  color: #0166B8;
}

.testimonial h5 {
  font-size: 16px;
  font-weight: 400;
}

.testimonial i {
  position: absolute;
  right: 20px;
  bottom: 24px;
  font-size: 60px;
  color: #f1f1f1;
  z-index: 1;
  transform: rotate(181deg);
}

.testimonial p {
  position: inherit;
  z-index: 9;
  margin-top: 25px;
}

/*=================================
testimonial part end
===================================*/
/*===============================
12. team start
================================*/
#team {
  padding: 91px 0px 75px;
}

#team.teampage {
  padding: 60px 0 80px;
}

#team.teampage .s-h-p {
  margin-bottom: 42px;
}

#team.teampage .team_slider_item {
  margin: 0px 0;
  cursor: pointer;

}

#team h2 {
  margin-bottom: 16px;
}

#team .s-h-p {
  margin-bottom: 21px;
}

.team_slider_item_info ul li {
  display: inline-block;
  padding-left: 3px;
}

.team_slider_item_info ul li a i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #FFF;
  background: none;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.team_slider_item {
  filter: drop-shadow(0px 0px 3px rgba(189, 179, 179, 0.2));
  margin: 5px 0;
  cursor: pointer;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.team_slider_item_info {
  position: absolute;
  background: rgba(104,187,231,.6);
  width: 100%;
  top: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  z-index: 99;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.team_slider_item_info .infoBox {
  position: absolute;
  top: 50%;
  left: 50%;
  /* transition: auto; */
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 15px;
}

.team_slider_item:hover .team_slider_item_info {
  top: 0;
  opacity: 1;
}

.team_slider_item_info ul li a i:hover {
  color: #0166B8;
  background: #fff;
  border-color: #fff;
}

.team_slider_item h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
  padding-top: 20px;
}

.team_slider_item p {
  padding-top: 5px;
  display: block;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0;
  text-transform: capitalize;
  color: #fff;
  font-style: italic;
}

.team_slider_item .social_icon {
  padding-bottom: 30px;
  padding-top: 15px;
}

/*=================================
team area end
================================== */
/*=================
14. blog part css
=================*/
#blog.section-padding {
  padding: 60px 0px 100px;
  background: whitesmoke;
}

#blog h2 {
  margin-bottom: 16px;
}

#blog .s-top-p {
  padding-bottom: 26px;
}

.blogs .blog-box {
  margin-bottom: 30px;
  border: 1px solid #ddd;
}

.blogs .blog-box .blog-details {
  padding: 15px;
}

.blogs .blog-box .blog-img {
  overflow: hidden;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.blogs .blog-box .blog-img img {
  width: 100%
}

.blogs .blog-box .blog-details h3 a {
  color: #222;
  font-size: 20px;
  display: block;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.blogs .blog-box .blog-details h3 a:hover {
  text-decoration: none;
  color: #0166B8;
}

.blogs .blog-box .blog-details .meta {
  margin: 0 0 15px
}

.blogs .blog-box .blog-details .meta li {
  position: relative;
  display: inline-block;
}

.blogs .blog-box .blog-details .meta li:first-child {
  padding-left: 0
}

.blogs .blog-box .blog-details .meta li a {
  font-size: 14px;
  color: #a4a4a4
}

.blogs .blog-box .blog-details .meta li:after {
  content: '|';
  padding: 0px 7px;
  color: #a4a4a4
}

.blogs .blog-box .blog-details .meta li:last-child:after {
  display: none
}

.blogs .blog-box .blog-details p {
  font-size: 16px;
  margin-bottom: 15px
}

.blog-images {
  overflow: hidden;
  position: relative;
}

.blog-images .box {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #fff;
  padding: 5px 20px;
  border-radius: 3px;
  text-align: center;
  box-shadow: 0px 0px 6px 0px #0003;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.all_blogs.blogs .blog-box,
.blogs .blog-box .blog-images .box p {
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.all_blogs.blogs .blog-box:hover .blog-images .box {
  background: #0166B8;
}

.all_blogs.blogs .blog-box:hover {
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
}

.blogs .blog-box:hover .blog-images .box p {
  color: #fff;
}

.blog-images a {
  display: block;
  width: 100%;
}

.blog-images a img {
  width: 100%;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.blog-box:hover .blog-images a img {
  transform: scale(1.1);
}

.single-blog .blog-box {
  border: 0px;
}

.blog-details .btn {
  color: #333;
  text-decoration: none;
  padding: 0px;
  font-size: 16px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.blog-details .btn:hover {
  color: #0166B8;
}

.blog-details .btn:focus {
  outline: 0px;
}

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0);
}

.blog-details .btn:hover i {
  color: #0166B8;
}

.blog-details .btn i {
  opacity: 0;
  font-size: 14px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.blog-details .btn:hover i {
  opacity: 1;
  padding-left: 7px;
}

.blog-btn {
  padding: 7px 20px;
  border: 2px solid #0166B8;
  color: #444;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block;
  font-size: 16px;
  background: linear-gradient(to right, #0166B8, #0166B8) no-repeat;
  background-size: auto auto;
  background-size: 0% 100%;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.blog-btn:hover {
  background-size: 100% 100%;
  color: #fff;
}

/*=================================
15. clients part start
===================================*/
#clientpart {
  padding: 60px 0 60px;
}

#clientpart h2 {
  margin-bottom: 16px;
}

#clientpart .s-h-p {
  margin-bottom: 25px;
}

.clientslide a img {

  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}



/*==============================
clients part end
==============================*/
/*============================
16. map class start
================================*/
#map {
  width: 100%;
  height: 450px;
}

/*============================
map class end
==============================*/
/*=================================
17. contactus part start
==================================*/
#footerbg {
  background: #031f39;
  padding: 100px 0 0px;
  position: relative;
}

.f-logo img {
  width: 140px;
}

.footertext {
  padding-bottom: 93px;
}

.po-re {
  position: relative;
}

.contactbg {
  background: #333;
  padding: 20px 15px;
  z-index: 9;
}

.copy-bg {
  background: #222;
  color: #fff;
  z-index: 1;
  position: inherit;
  padding: 12px 0;
}

.copy-bg a {
  color: #fff;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  transition: all linear .3s;
}

.copy-bg a:hover {
  color: whitesmoke;
  text-decoration: underline;
}

#contactuspart h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

#contactuspart p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

#contactuspart .con-num a i {
  color: #fff;
  font-size: 18px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  margin-right: 10px;
  border-radius: 3px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

#contactuspart .con-num a {
  margin-bottom: 15px;
  color: #fff;
}

.footertext p {
  margin: 15px 0px;
  font-size: 16px;
  font-weight: 400;
}

.footertext .f-social-links {
  margin-top: 29px;
}

.footertext a span {
  font-size: 16px;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin-right: 12px;
  border-radius: 50%;
  border: 1px solid #fff;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.footertext a:last-child span {
  margin-right: 0px;
}

.footertext a span:hover {
  background: #fff;
  border-color: #fff;
  color: #555;
}

.footer-widget h6 {
  margin-bottom: 25px;
}

.manu h6 {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
}

.address-area h6 {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
}

.contact-form-area h6 {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
}

.manu ul {
  list-style-type: square;
  color: #f1f1f1;
  margin-left: 20px;
}

.manu ul li a {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 10px;
  display: inline-block;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.manu ul li a:hover {
  color: #0166B8;
}

#contactuspart .form-control {
  background: none;
  color: #fff;
  padding: 12px 20px 12px;
  font-size: 16px;
  border-radius: 3px;
  border: 1px solid #fff;
}

#contactuspart .form-control::placeholder {
  font-size: 16px;
}

#contactuspart .form-control::-webkit-placeholder {
  font-size: 16px;
}

#contactuspart .form-control::-moz-placeholder {
  font-size: 16px;
}

#contactuspart .input-group-text {
  border-radius: 0px;
  background: none;
}

.form-group input {
  border-radius: 0px;
}

.form-group textarea {
  border-radius: 0px;
}

.btn-customing {
  background: none;
  border: 1px solid #fff;
  color: #fff;
  font-size: 15px;
  border-radius: 3px;
  text-transform: uppercase;
  padding: 13px 35px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  transition: all linear .3s;
}

.btn-customing:hover {
  border-color: #fff;
  background: #ffff;
  color: #555;
}

.form-control::placeholder {
  font-size: 16px;
  color: #888;
}


#contactuspart .bottomtotop i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  font-size: 14px;
  color: black;
  text-align: center;
  background: #0166B8;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  transform: rotate(-90deg);
  bottom: 15px;
  left: 15px;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.20);
  z-index: 80;
  border: 1px solid #0166B8;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  transition: all linear .3s;
}

/*============================
contactus part end
===============================*/
/*============================
18. preloader css start
===============================*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999999;
  background: #fafafa;
  height: 100%;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -45px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #9fa8da;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #1a237e;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #5c6bc0;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.form-control:focus {
  box-shadow: 0 0 0 .0rem rgba(0, 123, 255, .0) !important;
}

/*=============================
preloader css end
================================*/
/* index-2 banner area start */
.index-2intro-area {
  background: url(../images/big-image/1.jpg) no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  width: 100%;
  position: relative;
}

.index-2intro-area .main-overly {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.index-2intro-area .intro {
  height: 100vh;
  width: 100%;
}

.index-2intro-area .intro-content {
  height: 100vh;
  width: 100%;
}

.index-2intro-area .slider-content {
  position: absolute;
  left: 0;
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -15px;
  z-index: 9;
}

.index-2intro-area #bgndVideo {
  height: 100vh;
  width: 100%;
}

.index-2intro-area .mb_YTPBar .buttonBar {
  display: none !important;
}

/* index 4 css start */
.index-4 .index-2intro-area {
  -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 83%, 55% 100%, 41% 86%, 0 100%, 0% 70%, 0% 35%, 0 0);
  -moz-clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 83%, 55% 100%, 41% 86%, 0 100%, 0% 70%, 0% 35%, 0 0);
  -o-clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 83%, 55% 100%, 41% 86%, 0 100%, 0% 70%, 0% 35%, 0 0);
  -ms-clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 83%, 55% 100%, 41% 86%, 0 100%, 0% 70%, 0% 35%, 0 0);
  clip-path: polygon(50% 0%, 100% 0, 100% 35%, 100% 83%, 55% 100%, 41% 86%, 0 100%, 0% 70%, 0% 35%, 0 0);
}

.index-4 #choose-us {
  position: relative;
}

.index-4 #choose-us::after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 400px;
  background: #f1f5f9;
  top: -400px;
  left: 0;
  z-index: -1;
}

/* index 4 css start */
.index-5 .index-2intro-area {
  -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
  -moz-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
  -o-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
  -ms-clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
  clip-path: polygon(50% 0%, 100% 0, 100% 75%, 50% 100%, 0% 75%, 0 0);
}

.index-5 #choose-us {
  position: relative;
}

.index-5 #choose-us::after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 400px;
  background: #f1f5f9;
  top: -400px;
  left: 0;
  z-index: -1;
}

.intro-content {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height:550px;
}

/* ///////////////////////////////////////////////////////////////////////// */
/* CONTACT US CSS STARTS */
/* ///////////////////////////////////////////////////////////////////////// */
.pagination {
  margin: 40px 0 20px
}

.pagination>li>a, .pagination>li>span {
  padding: 8px 15px;
  color: #333;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  border-color: #ddd;
  background: #ddd;
  color: #333;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 8px 20px
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 8px 20px
}

/* page headf css end */
#contact-main .form-control::placeholder {
  color: #363636 !important;
}

#contact-main .form-control:focus {
  border-color: #333 !important;
  box-shadow: 0 0 0 .0rem rgba(0, 123, 255, .0) !important;
}

#contact-main .contact-address p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 18px;
}

#contact-main .contact-address {
  background: #0166B8;
  padding: 50px 30px;
}
#contact-main  .contact-address-2  {
  background-color: #4CA0D2 !important;
  padding: 50px 30px;
}

#contact-main .contact-address h4 {
  font-size: 26px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 10px;
}

#contact-main .contact-form {
  background: whitesmoke;
  padding: 50px 30px;
}

#contact-main .contact-form h4 {
  font-size: 26px;
  font-weight: 600;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 10px;
}

#contact-main .contact-form input {
  margin-top: 15px;
}

#contact-main .contact-form textarea {
  margin-top: 15px;
  resize: none;
}

#contact-main .contact-form p {
  color: #555;
  margin-bottom: 11px;
  font-weight: 600;
}

#contact-main .contact-form .form-control {
  line-height: 40px;
}

.contact-form-area-padding {
  padding: 100px 0px 100px;
}

#contact-main .contact-address .con-num a i {
  color: #fff;
  font-size: 18px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  margin-right: 10px;
  border-radius: 3px;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

#contact-main .contact-address .con-num a {
  margin-bottom: 10px;
  color: #fff;
}

#contact-main .contact-address.con-num a:hover i {
  background: #fff;
  border-color: #fff;
  color: #333;
}

#contact-main .contact-address .f-social-links {
  margin-top: 29px;
}

#contact-main .contact-address a span {
  font-size: 16px;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 3px;
  margin-right: 5px;
  border: 1px solid #fff;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
  border-radius: 50%;
}

#contact-main .con-num a {
  margin-bottom: 10px;
  color: #fff;
}

#contact-main .contact-address a span:hover {
  background: #fff;
  border-color: #fff;
  color: #333;
}

.btn-contact {
  background-color: #0166B8;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  margin-right: 10px;
  padding: 15px 36px;
  font-size: 16px;
  border-radius: 3px;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.btn-contact::before {
  position: absolute;
  content: " ";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: rgba(255, 255, 255, 0.15);
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.btn-contact:hover::before {
  height: 100%;
}

#contact-main .btn-contact {
  margin-top: 20px;
  display: inline-block;
}

.btn-contact:hover {
  color: #fff;
}

#contact-main .contact-form-area {
  box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.2);
}

#c-form {
  width: 100%;
}

/* 404 css */
#forzerofour {
  padding: 67px 0px 100px;
}

#forzerofour h2 {
  font-size: 150px;
  font-weight: 700;
  color: #0166B8;
}

#forzerofour h3 {
  font-weight: 600;
  font-size: 30px;
  color: #222;
}

#forzerofour p {
  margin: 23px 0px 43px;
}

/* ///////////////////////////////////////////////////////////////////////// */
/* CONTACT US CSS STARTS */
/* ///////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////// */
/* SERVICES DETAIL CSS STARTS */
/* ///////////////////////////////////////////////////////////////////////// */
#servicepage .sarvicecard {
  margin-top: 30px;
}

#servicepage #servicepart .s-h-p {
  margin-bottom: 16px;
}

#servicepage #servicepart {
  padding: 91px 0px 100px;
}

#servicepage .serviceblockquote {
  background: whitesmoke;
  display: block;
  padding: 15px 15px 15px 30px;
  color: #8e8b8b;
  border-left: 4px solid #8e8b8b;
  margin: 20px 0px 20px;
}

#servicepage p {
  color: #555;
}

#servicepage .s-opt {
  margin-top: 20px;
}

#servicepage .s-opt p i {
  padding-right: 7px;
}

#servicepage .s-opt ul li p {
  padding-right: 7px;
  line-height: 40px;
}

#servicepage .s-aside {
  background: whitesmoke;
  padding: 15px;
  border-radius: 3px;
}

#servicepage .s-aside h3 {
  font-size: 22px;
  font-weight: 600;
}

#servicepage .s-aside ul li {
  line-height: 40px;
}

#servicepage .s-aside ul li a {
  -webkit-transition: all linear 0.3s;
  -moz-transition: all linear 0.3s;
  -ms-transition: all linear 0.3s;
  -o-transition: all linear 0.3s;
  transition: all linear 0.3s;
}

#servicepage .s-aside ul li a:hover {
  color: #0166B8;
}

#servicepage #contactuspart p {
  color: #fff;
}

#servicepage #video-area {
  background: whitesmoke;
  padding: 100px 0px 100px;
}

#servicepage #about h5 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 20px;
}

#servicepage .s-t-part {
  padding-bottom: 87px;
}

#servicepage .s-video-bottom-content h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

#servicepage .s-video-bottom-content {
  padding-top: 100px;
}

/* ///////////////////////////////////////////////////////////////////////// */
/* SERVICES DETAIL CSS ENDS */
/* ///////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////// */
/* BLOG CSS STARTS */
/* ///////////////////////////////////////////////////////////////////////// */
.blogs {
  background-color: whitesmoke;
}

.blogoverlay {
  background-color: whitesmoke;
}

.sidebar .categories-widget ul li a span,
.sidebar .search-form .btn,
.sidebar .search-form .btn:focus,
.sidebar .tags-widget ul li a:hover,
.comments-form .btn-default {
  background-color: #0166B8;
}

.comments-form .btn-default:hover {
  background-color: #0166B8;
}

.navbar-nav li a:hover {
  color: #000;
}

/* blog common for color 1 end */
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.blogoverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.all_blogs {
  padding: 100px 0px 85px;
}

.single-blog {
  padding: 100px 0px 70px;
}

.blog-details .btn {
  color: #333;
  text-decoration: none;
  padding: 0px;
  font-size: 16px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.blog-details .btn:hover {
  color: #0166B8;
}

.blog-details .btn:focus {
  outline: 0px;
}

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0);
}

.blog-details .btn:hover i {
  color: #0166B8;
}

.blog-details .btn i {
  opacity: 0;
  font-size: 14px;
  color: #0166B8;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.blog-details .btn:hover i {
  opacity: 1;
  padding-left: 7px;
}

.blogs .blog-box {
  margin-bottom: 30px;
  border: 1px solid #ddd;
}

.all_blogs.blogs .blog-box .blog-details {
  padding: 15px 15px 15px;
}

.blogs .blog-box .blog-details {
  padding: 15px 0px 15px;
}

.blogs .blog-box .blog-img {
  overflow: hidden;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.blogs .blog-box .blog-img img {
  width: 100%
}

.blogs .blog-box .blog-details h3 a {
  color: #242424;
  font-size: 20px;
  display: block;
}

.blogs .blog-box .blog-details h3 a:hover {
  text-decoration: none
}

.blogs .blog-box .blog-details .meta {
  margin: 0 0 15px
}

.blogs .blog-box .blog-details .meta li {
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  display: inline-block;
}

.blogs .blog-box .blog-details .meta li:first-child {
  padding-left: 0
}

.blogs .blog-box .blog-details .meta li a {
  font-size: 14px;
  color: #a4a4a4
}

.blogs .blog-box .blog-details .meta li:after {
  content: '|';
  position: absolute;
  right: -7.5px;
  color: #a4a4a4;
  top: 0px;
}

.blogs .blog-box .blog-details .meta li:last-child:after {
  display: none
}

.blogs .blog-box .blog-details p {
  font-size: 16px;
  margin-bottom: 15px
}

.single-blog .blog-box h3 {
  color: #222;
  font-size: 24px;
  display: block;
  padding: 10px 0px 0px;
}

.single-blog p {
  line-height: 26px;
  font-size: 16px;
}

blockquote p {
  font-style: italic;
  margin: 0 !important
}

blockquote {
  margin: 26px 40px;
  border-left-color: #bf095d;
  background: #f3f3f3;
}

blockquote {
  padding: 24px 30px 26px;
  margin: 22px 0 24px;
  font-size: 17.5px;
  border-left: 5px solid #ddd;
}

.comments-container {
  padding: 2px 0 20px;
}

.comments-container h3 {
  font-size: 20px;
  margin: 0 0 20px
}

.comments-container .comments-list {
  display: block
}

.comments-container .comments-list li {
  background: #f3f3f3;
  position: relative;
  padding-left: 110px;
  padding-right: 15px;
  margin-bottom: 15px;
  min-height: 120px
}

.comments-container .comments-list li .avatar {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 20px;
  left: 15px;
  border-radius: 50%;
  overflow: hidden
}

.comments-container .comments-list li .comment {
  padding: 20px 0
}

.comments-container .comments-list li .comment h4 {
  margin: 0 0 20px;
  font-weight: 500;
  font-size: 18px;
}

.comments-container .comments-list li .comment h4 span {
  font-size: 13px;
  margin-left: 15px;
  font-style: italic;
  font-weight: 400
}

.comments-container .comments-list li .comment p {
  margin: 0
}

.comments-container .comments-list li ul.chiled {
  border-top: 2px dashed #e2e2e2
}

.comments-form h3 {
  font-size: 20px;
  margin: 0 0 20px
}

.comments-form .form-control {
  height: 50px;
  padding: 10px 15px;
  background: #f3f3f3;
  border: none;
  border-radius: 0;
  color: #2a3b71;
  font-weight: 300;
  box-shadow: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.comments-form .form-control:focus {
  box-shadow: 0 0 5px rgba(0, 0, 0, .18)
}

.comments-form textarea {
  resize: none;
}

.comments-form textarea.form-control {
  height: auto
}

.comments-form input::-webkit-input-placeholder {
  color: #a4a4a4 !important
}

.comments-form input::-moz-placeholder {
  color: #a4a4a4 !important
}

.comments-form input:-ms-input-placeholder {
  color: #a4a4a4 !important
}

.comments-form input:-moz-placeholder {
  color: #a4a4a4 !important
}

.comments-form textarea::-webkit-input-placeholder {
  color: #a4a4a4 !important
}

.comments-form textarea::-moz-placeholder {
  color: #a4a4a4 !important
}

.comments-form textarea:-ms-input-placeholder {
  color: #a4a4a4 !important
}

.comments-form textarea:-moz-placeholder {
  color: #a4a4a4 !important
}

.comments-form .btn-default {
  background-color: #0166B8;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  font-weight: 400;
  margin-right: 10px;
  padding: 15px 36px;
  font-size: 16px;
  border-radius: 3px;
  text-transform: uppercase;
  position: relative;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.comments-form .btn-default::before {
  position: absolute;
  content: " ";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: rgba(255, 255, 255, 0.15);
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.comments-form .btn-default:hover::before {
  height: 100%;
}

.sidebar .search-form {
  max-width: 500px;
  margin: 0 auto;
  position: relative
}

.sidebar .search-form input {
  height: 50px;
  border-radius: 0px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: 16px;
}

.sidebar .search-form .btn {
  border-radius: 0px;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  min-width: auto;
}

.sidebar .search-form .btn i {
  color: #fff;
}

.sidebar .search-form input::-webkit-input-placeholder {
  color: #a4a4a4 !important
}

.sidebar .search-form input::-moz-placeholder {
  color: #a4a4a4 !important
}

.sidebar .search-form input:-ms-input-placeholder {
  color: #a4a4a4 !important
}

.sidebar .search-form input:-moz-placeholder {
  color: #a4a4a4 !important
}

.sidebar .sidebar-widget {
  padding: 20px 0 13px;
}

.archives-widget.sidebar-widget {
  padding-top: 3px;
}

.tags-widget.sidebar-widget {
  padding-top: 13px;
}

.sidebar .sidebar-widget h4 {
  font-size: 22px;
  margin: 0;
  padding: 0 0 16px;
}

.sidebar .recent-posts-widget ul li {
  display: table;
  margin-bottom: 20px
}

.sidebar .recent-posts-widget .recent-post-img {
  float: left;
  width: 80px;
  height: 80px
}

.sidebar .recent-posts-widget .recent-post-description {
  display: table-cell;
  padding-left: 15px;
  text-align: left;
  vertical-align: middle
}

.sidebar .recent-posts-widget .recent-post-description h3 {
  font-size: 16px;
  margin: 0;
  font-weight: 400;
}

.sidebar .archives-widget ul li a,
.sidebar .meta-widget ul li a {
  padding: 5px 0;
  display: block;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.sidebar ul li a:hover {
  color: #0166B8;
}

.sidebar .tags-widget ul li {
  display: inline-block;
  line-height: 50px
}

.sidebar .tags-widget ul li a {
  background: #ddd;
  color: #333;
  font-size: 14px;
  line-height: 100%;
  margin: 5px;
  padding: 10px 15px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.sidebar .tags-widget ul li a:hover {
  color: #fff;
}

.recent-posts-widget.sidebar-widget h4 {
  padding-bottom: 24px;
}

.categories-widget.sidebar-widget h4 {
  padding-bottom: 24px;
}

.pagination {
  margin: 26px 0 20px;
  display: inline-block;
}

.pagination li {
  display: inline-block;
}

.pagination>li>a, .pagination>li>span {
  padding: 8px 15px;
  color: #333;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
  color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  border-color: #ddd;
  background: #ddd;
  color: #333;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 8px 20px
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 8px 20px
}

.blog-images {
  overflow: hidden;
  position: relative;
}

.blog-images .box {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #fff;
  padding: 5px 20px;
  border-radius: 3px;
  text-align: center;
  box-shadow: 0px 0px 6px 0px #0003;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.all_blogs.blogs .blog-box,
.blogs .blog-box .blog-images .box p {
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
  transition: all linear .3s;
}

.all_blogs.blogs .blog-box:hover .blog-images .box {
  background: #0166B8;
}

.all_blogs.blogs .blog-box:hover {
  -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
}

.blogs .blog-box:hover .blog-images .box p {
  color: #fff;
}

.blog-images a {
  display: block;
  width: 100%;
}

.blog-images a img {
  width: 100%;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.blog-box:hover .blog-images a img {
  transform: scale(1.1);
}

.single-blog .blog-box {
  border: 0px;
}

.sidebar .categories-widget .card {
  border-radius: 0px;
  margin-bottom: 10px;
}

.sidebar .categories-widget .card .card-body {
  padding: 10px 20px;
  background: #ddd;
}

.sidebar .categories-widget .card-header {
  padding: 0px;
  margin-bottom: 0;
  background: #f3f3f3;
  border-bottom: 0px;
  text-align: left;
}

.sidebar .categories-widget .card .card-body ul li {
  line-height: 28px;
}

.sidebar .categories-widget .card-header .btn-link {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  display: block;
  text-align: left;
}

.sidebar .categories-widget .card-header .btn-link:hover,
.sidebar .categories-widget .card-header .btn-link {
  text-decoration: none;
}

/* ///////////////////////////////////////////////////////////////////////// */
/* BLOG CSS ENDS */
/* ///////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////// */
/* APPENDED */
/* ///////////////////////////////////////////////////////////////////////// */

.fixed_link a{
position: fixed;
transition: 0.3s;
text-decoration: none;
color: #fff;
background: #6FC140;
padding: 20px 0 20px 20px;
width: 200px;
z-index: 99;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}

.fixed_link .demand{
  top: 36%;
  right: -10%;
}

.fixed_link .resume{
  top: 48%;
  right: -10%;
}

.fixed_link a:hover{
  right: 0;
}

.alink {
  color: #6FC140 !important;
}

.text-bold {
  font-weight: bold;
}

.slick-next::before {
  border-radius: 0;
  color: #fff;
  background: rgba(0, 0, 0, .5);
  border: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
}

.slick-next:hover::before, .slick-next:focus::before {
  background: #0166B8;
}

.slick-prev::before {
  border-radius: 0;
  color: #fff;
  background: rgba(0, 0, 0, .5);
  border: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
}

.slick-prev:hover::before, .slick-prev:focus::before {
  background: #0166B8;
}

.slick-prev {
  top: 50%;
  left: 15px;
}

.slick-next {
  top:  50%;
  left: 94%;
}

.grayp {
  color: #666;
}

.footertext h6 {
  color: #fff;
  font-size: 18px;
}

.xs-font {
  font-size: 12px;
}

.title_bg {
  background-color: #0166B8;
  color: #fff;
  padding: 5px 14px;
}

.s-aside ul li {
  padding: 5px 2px;
  border-bottom: 1px solid #ccc;
}

.s-aside ul li a {
  transition: .3s ease-out;
}

.s-aside ul li:hover a {
  margin-left: 5px;
}

/* ---------------------------    6/9/2019    ------------------------------- */

  .title{
    color: #0166B8;
  }
  .clientli ul li {
    list-style: none;
  }
/*.mobile-menu{
  display: none;
}*/
@media(max-width:500px){
    .contact-info a{
        padding-right:1rem;
    }
    .t-border{
        visibility:hidden;
    }
}
/* popup icons */
.material-button-anim {
  position: fixed;
  padding: 0;
  text-align: center;
  max-width: 320px;
  bottom: 15px;
  right: 45%;
  z-index: 100;
}

.material-button {
    position: relative;
    top: 0;
    z-index: 1;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.8rem;
    background: transparent;
    color: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,.275);
    outline: none;
}
.material-button-toggle {
    z-index: 3;
    width: 3rem;
    height: 3rem;
    margin: 0 auto;
    font-size: 15px;
    background: rgb(51, 143, 51);
}
.material-button-toggle span {
    -webkit-transform: none;
    transform:         none;
    -webkit-transition: -webkit-transform .175s cubic-bazier(.175,.67,.83,.67);
    transition:         transform .175s cubic-bazier(.175,.67,.83,.67);
}
.material-button-toggle.open {
    /*transform: scale(1.1,1.1);*/
    /*-webkit-animation: toggleBtnAnim .5s;*/
    /*animation:         toggleBtnAnim .5s;*/
    /*-webkit-transform: scale(1.1,1.1);*/
    /*-moz-transform: scale(1.1,1.1);*/
    /*-ms-transform: scale(1.1,1.1);*/
    /*-o-transform: scale(1.1,1.1);*/
    background: red;
}
.material-button-toggle span{
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s
}
.material-button-toggle.open span {
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform .8s cubic-bazier(.175,.67,.83,.67);
    transition:         transform .8s cubic-bazier(.175,.67,.83,.67);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

li.option {
    position: relative;
    display: inline-block;
}
li.option .option1,
li.option .option2,
li.option .option3 {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -webkit-transition: all .8s;
    transition:         all .8s;
    opacity: 0;
    border-radius: 0 !important;
}
li.option .option1 {
    -webkit-transform: translate3d(90px,90px,0) scale(.8,.8);
    transform:         translate3d(90px,90px,0) scale(.8,.8);
}
li.option .option2 {
    -webkit-transform: translate3d(0,90px,0) scale(.8,.8);
    transform:         translate3d(0,90px,0) scale(.8,.8);
}
li.option .option3 {
    -webkit-transform: translate3d(-90px,90px,0) scale(.8,.8);
    transform:         translate3d(-90px,90px,0) scale(.8,.8);
}
li.option.scale-on .option1, 
li.option.scale-on .option2,
li.option.scale-on .option3 {
    filter: blur(0);
    -webkit-filter: blur(0);
    -webkit-transform: none;
    transform:         none;
    -webkit-transition: all .8s;
    transition:         all .8s;
    opacity: 1;
}
li.option.scale-on .option2 {
    -webkit-transform: translateY(-28px) translateZ(0);
    transform:         translateY(-28px) translateZ(0);
    -webkit-transition: all .8s;
    transition:         all .8s;
}

@keyframes toggleBtnAnim {
    0% {
        -webkit-transform: scale(1,1);
        transform:         scale(1,1);
    }
    25% {
        -webkit-transform: scale(1.4,1.4);
        transform:         scale(1.4,1.4); 
    }
    75% {
        -webkit-transform: scale(1.2,1.2);
        transform:         scale(1.2,1.2);
    }
    100% {
        -webkit-transform: scale(1.3,1.3);
        transform:         scale(1.3,1.3);
    }
}
@-webkit-keyframes toggleBtnAnim {
    0% {
        -webkit-transform: scale(1,1);
        transform:         scale(1,1);
    }
    25% {
        -webkit-transform: scale(1.4,1.4);
        transform:         scale(1.4,1.4); 
    }
    75% {
        -webkit-transform: scale(1.2,1.2);
        transform:         scale(1.2,1.2);
    }
    100% {
        -webkit-transform: scale(1.3,1.3);
        transform:         scale(1.3,1.3);
    }
}
button.pulse, 
button.pulse:focus {
  animation: pulse 1s;
  box-shadow: 0 0 0 2rem rgb(51, 143, 51, 0);
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
      box-shadow: 0 0 0 0 rgb(51, 143, 51);
      transform: scale(1.1) ;
      -webkit-transform: scale(1.1) ;
      -moz-transform: scale(1.1) ;
      -ms-transform: scale(1.1) ;
      -o-transform: scale(1.1) ;
}
}
button.material-button{
  outline: none !important;
}
@media(max-width:600px){
    .material-button-anim{
        right:40% !important;
    }
}
.grey-bg{
    background:#F8F8F8;
    padding:15px;
    border-radius:5px;
    margin-bottom:15px;
}
.lightblue-bg{
    background:aliceblue;
     padding:15px;
    border-radius:5px;
    margin-bottom:15px;
}
.teampage .info{
    margin-bottom:15px;
}
.text-underline{
    text-decoration:underline;
}





/* ---------------------------    6/9/2019    ------------------------------- */