/*!
Theme Name: Creative - Technology HTML Template
Theme URI: https://themeforest.net/user/shahzad11
Author: shahzad
Author URI: https://themeforest.net/user/shahzad11
Description: Creative - Technology HTML is the Template which design and development for merend technology template.
Version : 1.0.1

table content
1.header area start here
2.footer area start here
3.breadcumb start here
4.blog start section
5.feature area start here
6.services area start here
7.portfolio area start here
8.counter area start here
9.consultation area start here
10.testimonial area start here
11.whychoose area start here
12.home-blog area start here
13.partner-logo area start here
14.about start section
15.skrill start section
16.team start section
17.activities start section
18.price area start here
19.contact start section
20.google map start section
21.contact form start section
22.single services start section
23.single blog start section
24.team start section
25.error page start
*/
/*--------------------  
//
--------------------*/
*:focus {
  outline: 0 !important;
  box-shadow: none !important;
  border-color: #38b6ff !important;
}

.row > [class*="col-"] {
  margin-top: 30px;
}
.row > [class*="col-"] p:last-child {
  margin-bottom: 0;
}

.row {
  margin-top: -30px;
}
.row.row-normalize, .row.row-normalize > [class*="col-"] {
  margin-top: 0;
}
.row.no-gutters, .row.no-gutters > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

/* ....................................
1.1 Reset CSS 
.......................................*/
html,
body {
	height: 100%;
	font-size: 14px;
	color: #020b2f;
	font-family: "Montserrat", sans-serif;
	vertical-align: baseline;
	line-height: 26px;
	font-weight: 400;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 26px;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 26px;
}

.aligncenter {
  display: block;
  margin: 0 auto 26px;
}

a:focus {
  outline: 0px solid;
}

img {
  max-width: 100%;
  height: auto;
}

.fix {
  overflow: hidden;
}

p {
  margin: 0 0 26px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 26px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

a {
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-decoration: none;
}

a:hover {
  color: #38b6ff;
  text-decoration: none;
}

a:active, a:hover {
  outline: 0 none;
  color: #0149af;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

::-moz-selection {
  background: #38b6ff;
  text-shadow: none;
}

::selection {
  background: #38b6ff;
  text-shadow: none;
}

.browserupgrade {
  margin: 26px  0;
  background: #38b6ff;
  color: #333333;
  padding: 26px 0;
}

.acurate {
  margin: 0;
  padding: 0;
}

.p-0 {
  padding: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.section-title {
	width: 600px;
	margin: auto;
	max-width: 100%;
	text-transform: none;
}
.section-title.text-left {
  width: 450px !important;
  margin: inherit;
}
.section-title h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 10px;
}

.section-title h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
text-align: justify;
}
.section-title h2 span {
  color: #38b6ff;
}
.section-title p {
  margin-bottom: 30px !important;
}
.section-title ul {
 margin-right: 15px;
  padding: 0;
  list-style: none;
}
.section-title ul li {
  display: inline-block;
  margin-right: 10px;
}

/*---------------------------
-----------------------------*/
.header-top-area {
	background: #020b2f;
	padding: 10px 0;
}
.header-top-area .header-top-left .social-media {
  margin-top: 2px;
}
.header-top-area .header-top-left .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-top-area .header-top-left .social-media ul li {
  display: inline-block;
  margin-right: 10px;
}
.header-top-area .header-top-left .social-media ul li a {
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.header-top-area .header-top-left .social-media ul li a:hover i {
  color: #38b6ff;
}
.header-top-area .header-top-left .social-media ul li a i {
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
}
.header-top-area .header-top-right ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-top-area .header-top-right ul li {
  display: inline-block;
  margin-right: 10px;
  color: #ffffff;
  font-weight: 300;
}
.header-top-area .header-top-right ul li i {
  color: #ffffff;
  width: 25px;
  height: 25px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  background: #38b6ff;
  line-height: 25px;
  margin-right: 5px;
}

.header-area .navbar-brand img {
  margin-top: 5px;
}

/*---------------------------
-----------------------------*/
.footer-top-area {
  background-size: cover;
  background-position: center center;
}
.footer-top-area .widget .widget-title {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}
.footer-top-area .widget.about-us a {
  display: block;
}
.footer-top-area .widget.about-us a img {
  margin-bottom: 15px;
}
.footer-top-area .widget.about-us p {
  color: #ffffff;
}
.footer-top-area .widget.about-us .social-media {
  margin-top: 2px;
}
.footer-top-area .widget.about-us .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-top-area .widget.about-us .social-media ul li {
  display: inline-block;
}
.footer-top-area .widget.about-us .social-media ul li a {
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 30px;
  height: 30px;
  line-height: 15px;
  background: transparent;
  text-align: center;
}
.footer-top-area .widget.about-us .social-media ul li a:hover {
  background: #0149af;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.footer-top-area .widget.about-us .social-media ul li a:hover i {
  color: #ffffff;
}
.footer-top-area .widget.about-us .social-media ul li a i {
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
}
.footer-top-area .widget.contact-us ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-top-area .widget.contact-us ul li {
  display: block;
  margin-bottom: 10px;
  margin-left: 20px;
  color: #ffffff;
  position: relative;
}
.footer-top-area .widget.contact-us ul li span {
  font-weight: 600;
  margin-right: 5px;
}
.footer-top-area .widget.contact-us ul li i {
  margin-right: 10px;
  font-weight: 500;
  color: #38b6ff;
  position: absolute;
  left: -20px;
  top: 8px;
}
.footer-top-area .widget.contact-us ul li:last-child {
  margin-bottom: 0;
}
.footer-top-area .widget.subscribe-now .form form input {
  height: 40px;
  border: 1px solid #ffffff;
  background: transparent;
  color: #ffffff;
}
.footer-top-area .widget.subscribe-now .form form .send {
  background: #0149af;
  border: 1px solid #0149af;
  border-radius: 0;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 20px;
  font-weight: 500;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.footer-top-area .widget.subscribe-now .form form .send:hover {
  background: #38b6ff;
	border: 1px solid #38b6ff;
}

.footer-bottom-area {
  background: rgba(1, 73, 175, 0.9);
  padding: 30px 0;
}
.footer-bottom-area p {
  margin-bottom: 0;
  color: #ffffff;
}
#scrollUp {
  background: #38b6ff;
  bottom: 20px;
  color: #ffffff;
  display: block;
  font-size: 25px;
  height: 50px;
  line-height: 0;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 50px;
  border: 2px dashed #ffffff;
  z-index: 1000;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}

#scrollUp:hover {
  background: #38b6ff;
  border-color: #0149af;
}

#scrollUp i {
  display: block;
  margin-top: 7px;
}

#popup-search-box-area {
  background: white;
  z-index: 99;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.8);
}
#popup-search-box-area.search-form-show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#popup-search-box-area .close-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  color: #000000;
  padding: 10px;
  cursor: pointer;
  font-size: 40px;
}
#popup-search-box-area.search-form-show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#popup-search-box-area .container {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#popup-search-box-area #search-form {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: absolute;
  max-width: 1200px;
  margin: auto;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#popup-search-box-area #search-form .form-group {
  margin-bottom: 0;
}
#popup-search-box-area #search-form:hover, #popup-search-box-area #search-form.active {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
#popup-search-box-area #search-form .form-control {
  height: 45px;
  background: transparent;
  box-shadow: none !important;
  border-color: transparent !important;
}
#popup-search-box-area #search-form .btn {
  color: #fff;
  color: #38b6ff;
  border-color: transparent;
  position: absolute;
  right: 10px;
  top: 0;
  height: 45px;
  background: transparent;
}

/*--------------------  
--------------------*/
.breadcumb-area {
  position: relative;
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.breadcumb-area:before {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(6, 75, 178, 0.8);
  top: 0;
  z-index: 0;
}
.breadcumb-area ul {
  text-align: center;
}
.breadcumb-area ul li {
  display: block;
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: #fff;
}
.breadcumb-area ul li:first-child {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 15px;
}
.breadcumb-area ul li a {
  color: #ffffff;
}

/*--------------------  
--------------------*/
.blog-area .single-blog .image {
  position: relative;
  margin-bottom: 15px;
}
.blog-area .single-blog .image:after {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.blog-area .single-blog .image:hover:after {
  opacity: 1;
}
.blog-area .single-blog .image img {
  width: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.blog-area .single-blog .image .date {
  position: absolute;
  right: -1px;
  bottom: -23px;
  width: 64px;
  height: 64px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background: #38b6ff;
  border: 5px solid #ffffff;
  line-height: 15px;
  text-align: center;
  color: #ffffff;
  padding-top: 10px;
  z-index: 9;
}
.blog-area .single-blog .image .date p {
  font-weight: 400;
  text-transform: uppercase;
}
.blog-area .single-blog .image .date p span {
  display: block;
}
.blog-area .single-blog .blog-content strong {
  display: block;
  font-weight: 400;
  margin-bottom: 20px;
}
.blog-area .single-blog .blog-content strong span {
  display: inline-block;
  margin-right: 15px;
  color: #38b6ff;
}
.blog-area .single-blog .blog-content strong span i {
  font-weight: 600;
}
.blog-area .single-blog .blog-content h3 {
  margin: 0;
  font-family: "Poppins", sans-serif;
}
.blog-area .single-blog .blog-content h3 a {
  color: #000;
  margin-bottom: 20px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  font-size: 16px;
  font-weight: 400;
  display: block;
}
.blog-area .single-blog .blog-content h3 a:hover {
  color: #38b6ff;
}
.blog-area .single-blog .blog-content p {
  margin: 0;
}
.blog-area .single-blog .blog-content .read-more {
  margin-top: 30px;
}
.blog-area .single-blog .blog-content .read-more a {
  font-size: 16px;
  font-weight: 400;
  color: #38b6ff;
}

.sidebar-area .widget {
  box-shadow: 0px 5px 10px 5px #eeeeee;
  padding: 40px;
  margin-bottom: 30px;
}
.sidebar-area .widget:last-child {
  margin-bottom: 0px;
}
.sidebar-area .widget .widget-title {
  color: #000000;
  font-size: 18px;
  margin-bottom: 35px;
  font-weight: 500;
  padding-bottom: 10px;
  font-family: "Poppins", sans-serif;
  position: relative;
}
.sidebar-area .widget .widget-title:before {
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 100px;
  height: 3px;
  background: #38b6ff;
  border-radius: 100%;
  content: "";
  z-index: 9;
}
.sidebar-area .widget .widget-title:after {
  position: absolute;
  left: 8px;
  bottom: -16px;
  width: 100%;
  height: 2px;
  background: #eeeeee;
  content: "";
}
.sidebar-area .widget .widget-title span {
  color: #38b6ff;
}
.sidebar-area .widget.widget-search form {
  position: relative;
  overflow: hidden;
}
.sidebar-area .widget.widget-search form label {
  text-indent: -999999999px;
  position: relative;
}
.sidebar-area .widget.widget-search form label:after {
  font-family: fontawesome;
  width: 20px;
  height: 20px;
  color: #000000;
  content: "\f002";
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
  background: red;
}
.sidebar-area .widget.widget-search form .search-field {
  height: 50px;
  border: 1px solid #ededed;
  padding: 5px 10px;
  width: 100%;
  border-radius: 0;
}
.sidebar-area .widget.widget-search form i {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
  font-weight: 500;
  font-size: 20px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background: #38b6ff;
  color: #ffffff;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
}
.sidebar-area .widget.widget-search form i:hover {
  color: #38b6ff;
}
.sidebar-area .widget.widget_archive ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-area .widget.widget_archive ul li {
  display: block;
  margin-bottom: 10px;
  font-weight: 400;
  margin-left: 20px;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}
.sidebar-area .widget.widget_archive ul li:last-child {
  border-bottom: 0px solid transparent;
}
.sidebar-area .widget.widget_archive ul li:after {
  position: absolute;
  left: -20px;
  top: 0px;
  font-size: 14px;
  font-weight: 400;
  color: #38b6ff;
  content: "\f105";
  font-family: FontAwesome;
}
.sidebar-area .widget.widget_archive ul li span {
  float: right;
}
.sidebar-area .widget.widget_archive ul li a {
  color: #000000;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.sidebar-area .widget.widget_archive ul li a:hover {
  color: #38b6ff;
}
.sidebar-area .widget.widget_tab .nav-tabs {
  border: 0px solid transparent;
  margin-bottom: 20px;
}
.sidebar-area .widget.widget_tab .nav-tabs li {
  border: 0px solid transparent;
  margin: 0 -1px;
}
.sidebar-area .widget.widget_tab .nav-tabs li.active a {
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background: #38b6ff;
}
.sidebar-area .widget.widget_tab .nav-tabs li a {
  background: #000000;
  color: #ffffff;
  border: 0px solid transparent;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: 10px 20px;
}
.sidebar-area .widget.widget_tab .nav-tabs li a:hover {
  background: #0149af;
  color: #ffffff;
}
.sidebar-area .widget.widget_tab .tab-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-area .widget.widget_tab .tab-content ul li {
  display: block;
  margin-bottom: 20px;
}
.sidebar-area .widget.widget_tab .tab-content ul li:last-child {
  margin-bottom: 0;
}
.sidebar-area .widget.widget_tab .tab-content ul li .media .pull-left {
  margin-right: 15px;
}
.sidebar-area .widget.widget_tab .tab-content ul li .media .media-body h4 a {
  color: #000000;
  font-size: 14px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.sidebar-area .widget.widget_tab .tab-content ul li .media .media-body h4 a:hover {
  color: #38b6ff;
}
.sidebar-area .widget.widget_tag ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-area .widget.widget_tag ul li {
  display: inline-block;
  margin: 2px;
}
.sidebar-area .widget.widget_tag ul li a {
  background: #000000;
  color: #ffffff;
  border: 0px solid transparent;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  padding: 10px 20px;
  display: block;
}
.sidebar-area .widget.widget_tag ul li a:hover {
  background: #38b6ff;
  color: #ffffff;
}
.sidebar-area .widget.widget_fliker ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-area .widget.widget_fliker ul li {
  display: inline-block;
  margin: 4px 3px;
}
.sidebar-area .widget.widget_fliker ul li img:hover {
  opacity: .8;
}
.sidebar-area .widget.widget-price-range #slider-range {
  margin-bottom: 15px;
}
.sidebar-area .widget.widget-price-range .ui-widget-content {
  background: #dddddd none repeat scroll 0 0;
  border: 0 solid transparent;
  color: #000000;
  height: 10px;
  width: 180px;
}
.sidebar-area .widget.widget-price-range .ui-slider-range.ui-widget-header.ui-corner-all {
  background: #000000 none repeat scroll 0 0;
  border: 0 none;
  box-shadow: none;
  height: 10px;
}
.sidebar-area .widget.widget-price-range .ui-state-default,
.sidebar-area .widget.widget-price-range .ui-widget-content .ui-state-default,
.sidebar-area .widget.widget-price-range .ui-widget-header .ui-state-default {
  background: #38b6ff;
  border: 0 solid transparent;
  font-weight: 300;
  margin: 0 -10px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
.sidebar-area .widget.widget-price-range .price-area label {
  color: #000000;
  font-weight: 600;
  font-size: 14px;
}
.sidebar-area .widget.widget-price-range .price-area input {
  text-align: center;
  margin-bottom: 20px;
  border: 0px solid #ffffff;
  background: transparent;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
}
.sidebar-area .widget.widget-price-range .price-area a {
  background: #38b6ff;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 50px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  text-align: center;
}
.sidebar-area .widget.widget-price-range .price-area a:hover {
  background: #0149af;
}
.sidebar-area .widget.widget_recent_post ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-area .widget.widget_recent_post ul li {
  display: block;
  margin: 0 0 20px;
}
.sidebar-area .widget.widget_recent_post ul li .media .pull-left {
  margin-right: 10px;
}
.sidebar-area .widget.widget_recent_post ul li .media .media-body h4 {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.5;
}
.sidebar-area .widget.widget_recent_post ul li .media .media-body h4 a {
  color: #000000;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.sidebar-area .widget.widget_recent_post ul li .media .media-body h4 a:hover {
  color: #38b6ff;
}
.sidebar-area .widget.widget_promo_ad {
  padding: 0;
}
.sidebar-area .widget.widget_promo_ad .image {
  position: relative;
  overflow: hidden;
}
.sidebar-area .widget.widget_promo_ad .image:after {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  opacity: 1;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.sidebar-area .widget.widget_promo_ad .image:hover:after {
  opacity: 1;
}
.sidebar-area .widget.widget_promo_ad .image img {
  width: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.sidebar-area .widget.widget_promo_ad .image .overley {
  position: absolute;
  right: 0px;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #ffffff;
  z-index: 9;
}
.sidebar-area .widget.widget_promo_ad .image .overley .content {
  position: relative;
  right: 0px;
  top: 20%;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #ffffff;
  z-index: 9;
  transform: translateY(-50%);
  right: 0;
}
.sidebar-area .widget.widget_promo_ad .image .overley .content p {
  padding: 15px 30px;
  margin: 30px;
  text-align: center;
  border: 1px solid #ffffff;
  font-size: 30px;
  font-weight: 500;
  display: inline-block;
}
.sidebar-area .widget.widget_promo_ad .image .overley .content a {
  display: inline-block;
}

/*--------------------  
//5.feature area start here
--------------------*/
.feature-area {
  overflow: hidden;
}
.feature-area .feature-slide .single-slide {
  text-align: center;
  padding: 0 10px;
  margin: 0 10px;
  border-right: 1px solid #ffffff;
}
.feature-area .feature-slide .single-slide:hover .icon i {
  background: transparent;
  border: 1px solid #0149af;
  color: #0149af;
}
.feature-area .feature-slide .single-slide:hover h3 a {
  color: #38b6ff;
}
.feature-area .feature-slide .single-slide:hover .read-more a {
  color: rgba(0, 0, 0, 0.7);
}
.feature-area .feature-slide .single-slide .icon i {
  width: 100px;
  height: 100px;
  line-height: 100px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background: #0149af;
  color: #ffffff;
  font-size: 30px;
  display: inline-block;
  margin-bottom: 20px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.feature-area .feature-slide .single-slide h3 {
  font-weight: 400;
  margin-bottom: 10px;
}
.feature-area .feature-slide .single-slide h3 a {
  font-family: "Poppins", sans-serif;
  color: #262626;
  font-size: 18px;
}
.feature-area .feature-slide .single-slide p {
  margin-bottom: 30px;
}
.feature-area .feature-slide .single-slide .read-more {
  display: inline-block;
}
.feature-area .feature-slide .single-slide .read-more a {
  font-size: 16px;
  font-weight: 500;
  color: #38b6ff;
}

/*--------------------  
//6.services area start here
--------------------*/
.services-area .section-title {
  width: 360px;
  margin: auto;
  max-width: 100%;
}
.services-area .section-title h2 {
  color: #ffffff;
}
.services-area .section-title h2 span {
  color: #38b6ff;
}
.services-area .section-title p {
  margin-bottom: 30px !important;
  color: #ffffff;
}
.services-area .services-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.services-area .services-list ul li {
  display: inline-block;
  width: 30%;
  max-width: 100%;
  padding: 30px;
  border: 1px solid #ffffff;
  margin: 0 -2px;
}
.services-area .services-list ul li:nth-child(1) {
  border-top: 0px solid transparent;
  border-left: 0px solid transparent;
  border-right: none;
}
.services-area .services-list ul li:nth-child(2) {
  border-top: 0px solid transparent;
}
.services-area .services-list ul li:nth-child(3) {
  border-top: 0px solid transparent;
  border-right: 0px solid transparent;
}
.services-area .services-list ul li:nth-child(4) {
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent;
  border-top: none;
  border-right: none;
}
.services-area .services-list ul li:nth-child(5) {
  border-bottom: 0px solid transparent;
  border-top: none;
}
.services-area .services-list ul li:nth-child(6) {
  border-bottom: 0px solid transparent;
  border-right: 0px solid transparent;
  border-top: none;
}
.services-area .services-list ul li .single-services .icon i {
  color: #38b6ff;
  font-size: 30px;
  margin-bottom: 20px;
  display: block;
}
.services-area .services-list ul li .single-services h3 {
  font-weight: 400;
  margin-bottom: 20px;
}
.services-area .services-list ul li .single-services h3 a {
  font-family: "Poppins", sans-serif;
  color: #ffffff;
  font-size: 18px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.services-area .services-list ul li .single-services h3 a:hover {
  color: #38b6ff;
}
.services-area .services-list ul li .single-services p {
  margin-bottom: 30px;
  color: #ffffff;
}

/*--------------------  
//7.portfolio area start here
--------------------*/
.portfolio-area .portfolio {
  overflow: hidden;
  width: 100%;
}
.portfolio-area .portfolio .filtering-button {
  display: block;
  margin-bottom: 60px;
  height: 45px;
}
.portfolio-area .portfolio .filtering-button a {
  display: inline-block;
  cursor: pointer;
  padding: 10px 25px;
  color: #000000;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #38b6ff;
  margin: 0 9px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.portfolio-area .portfolio .filtering-button a:hover {
  background: #38b6ff;
  color: #ffffff;
  border: 1px solid #38b6ff;
}
.portfolio-area .portfolio .filtering-button a.active {
  background: #38b6ff;
  color: #ffffff;
  border: 1px solid #38b6ff;
}
.portfolio-area .portfolio .single-portfolio {
  margin: 15px 0;
}
.portfolio-area .portfolio .single-portfolio .images {
  position: relative;
  overflow: hidden;
}
.portfolio-area .portfolio .single-portfolio .images:hover .overley {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.portfolio-area .portfolio .single-portfolio .images img {
  width: 100%;
}
.portfolio-area .portfolio .single-portfolio .images .overley {
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  height: 100%;
  background: rgba(158, 158, 158, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: scale(0);
}
.portfolio-area .portfolio .single-portfolio .images .overley .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio-area .portfolio .single-portfolio .images .overley .content ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}
.portfolio-area .portfolio .single-portfolio .images .overley .content ul li {
  display: inline-block;
  margin: 3px;
}
.portfolio-area .portfolio .single-portfolio .images .overley .content ul li a {
  width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid #ffffff;
  background: #ffffff;
  display: block;
  padding: 0;
  line-height: 50px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.portfolio-area .portfolio .single-portfolio .images .overley .content ul li a:hover {
  background: #38b6ff;
  border: 1px solid #38b6ff;
}
.portfolio-area .portfolio .single-portfolio .images .overley .content ul li a:hover i {
  color: #ffffff;
}
.portfolio-area .portfolio .single-portfolio .images .overley .content ul li a i {
  color: #38b6ff;
}
.portfolio-area .portfolio .single-portfolio .images .overley .portfolio-details {
  position: absolute;
  bottom: 15px;
  left: 15px;
}
.portfolio-area .portfolio .single-portfolio .images .overley .portfolio-details h3 {
  text-transform: uppercase;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 5px;
  font-size: 16px;
}
.portfolio-area .portfolio .single-portfolio .images .overley .portfolio-details h3 a {
  color: #ffffff;
  font-size: 16px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.portfolio-area .portfolio .single-portfolio .images .overley .portfolio-details h3 a:hover {
  color: #dddddd;
}
.portfolio-area .portfolio .single-portfolio .images .overley .portfolio-details span {
  color: #ffffff;
}

.portfolio-area-two {
  background: #ddd;
}
.portfolio-area-two .portfolio {
  overflow: hidden;
  width: 100%;
}
.portfolio-area-two .portfolio .filtering-button {
  display: block;
  margin-bottom: 60px;
  height: 48px;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}
.portfolio-area-two .portfolio .filtering-button a {
  display: inline-block;
  cursor: pointer;
  padding: 10px 25px;
  color: #000000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: none;
  margin: 0 9px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.portfolio-area-two .portfolio .filtering-button a:hover {
  background: #38b6ff;
  color: #ffffff;
  border: none;
}
.portfolio-area-two .portfolio .filtering-button a.active {
  background: #38b6ff;
  color: #ffffff;
  border: none;
}
.portfolio-area-two .portfolio .single-portfolio {
  margin: 15px 0;
}
.portfolio-area-two .portfolio .single-portfolio .images {
  position: relative;
  overflow: hidden;
}
.portfolio-area-two .portfolio .single-portfolio .images:hover .overley {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.portfolio-area-two .portfolio .single-portfolio .images img {
  width: 100%;
}
.portfolio-area-two .portfolio .single-portfolio .images .overley {
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: scale(0);
}
.portfolio-area-two .portfolio .single-portfolio .images .overley .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio-area-two .portfolio .single-portfolio .images .overley .content ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}
.portfolio-area-two .portfolio .single-portfolio .images .overley .content ul li {
  display: inline-block;
  margin: 3px;
}
.portfolio-area-two .portfolio .single-portfolio .images .overley .content ul li a {
  width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid #ffffff;
  background: #ffffff;
  display: block;
  padding: 0;
  line-height: 50px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.portfolio-area-two .portfolio .single-portfolio .images .overley .content ul li a:hover {
  background: #38b6ff;
  border: 1px solid #38b6ff;
}
.portfolio-area-two .portfolio .single-portfolio .images .overley .content ul li a:hover i {
  color: #ffffff;
}
.portfolio-area-two .portfolio .single-portfolio .images .overley .content ul li a i {
  color: #38b6ff;
}
.portfolio-area-two .portfolio .single-portfolio .images .overley .portfolio-details {
  position: absolute;
  bottom: 15px;
  left: 15px;
}
.portfolio-area-two .portfolio .single-portfolio .images .overley .portfolio-details h3 {
  text-transform: uppercase;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 5px;
  font-size: 16px;
}
.portfolio-area-two .portfolio .single-portfolio .images .overley .portfolio-details h3 a {
  color: #ffffff;
  font-size: 16px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.portfolio-area-two .portfolio .single-portfolio .images .overley .portfolio-details h3 a:hover {
  color: #dddddd;
}
.portfolio-area-two .portfolio .single-portfolio .images .overley .portfolio-details span {
  color: #ffffff;
}

.portfolio-area-three .portfolio {
  overflow: hidden;
  width: 100%;
}
.portfolio-area-three .portfolio .filtering-button {
  display: block;
  margin-bottom: 60px;
  height: 48px;
}
.portfolio-area-three .portfolio .filtering-button a {
  display: inline-block;
  cursor: pointer;
  padding: 10px 25px;
  color: #000000;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  border: 1px solid #dddddd;
  margin: 0 9px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.portfolio-area-three .portfolio .filtering-button a:hover {
  background: #38b6ff;
  color: #ffffff;
  border: none;
}
.portfolio-area-three .portfolio .filtering-button a.active {
  background: #38b6ff;
  color: #ffffff;
  border: none;
}
.portfolio-area-three .portfolio .single-portfolio {
  margin: 15px 0;
}
.portfolio-area-three .portfolio .single-portfolio .images {
  position: relative;
  overflow: hidden;
}
.portfolio-area-three .portfolio .single-portfolio .images:hover .overley {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.portfolio-area-three .portfolio .single-portfolio .images img {
  width: 100%;
}
.portfolio-area-three .portfolio .single-portfolio .images .overley {
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: scale(0);
}
.portfolio-area-three .portfolio .single-portfolio .images .overley .content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.portfolio-area-three .portfolio .single-portfolio .images .overley .content ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}
.portfolio-area-three .portfolio .single-portfolio .images .overley .content ul li {
  display: inline-block;
  margin: 3px;
}
.portfolio-area-three .portfolio .single-portfolio .images .overley .content ul li a {
  width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid #ffffff;
  background: #ffffff;
  display: block;
  padding: 0;
  line-height: 50px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.portfolio-area-three .portfolio .single-portfolio .images .overley .content ul li a:hover {
  background: #38b6ff;
  border: 1px solid #38b6ff;
}
.portfolio-area-three .portfolio .single-portfolio .images .overley .content ul li a:hover i {
  color: #ffffff;
}
.portfolio-area-three .portfolio .single-portfolio .images .overley .content ul li a i {
  color: #38b6ff;
}
.portfolio-area-three .portfolio .single-portfolio .images .overley .portfolio-details {
  position: absolute;
  bottom: 15px;
  left: 15px;
}
.portfolio-area-three .portfolio .single-portfolio .images .overley .portfolio-details h3 {
  text-transform: uppercase;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 5px;
  font-size: 16px;
}
.portfolio-area-three .portfolio .single-portfolio .images .overley .portfolio-details h3 a {
  color: #ffffff;
  font-size: 16px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.portfolio-area-three .portfolio .single-portfolio .images .overley .portfolio-details h3 a:hover {
  color: #dddddd;
}
.portfolio-area-three .portfolio .single-portfolio .images .overley .portfolio-details span {
  color: #ffffff;
}

/*--------------------  
//8.counter area start here
--------------------*/
.counter-area .ab-count .about-counter-list {
  text-align: left;
  display: block;
  position: relative;
  margin-left: 70px;
  margin-top: 20px;
}
.counter-area .ab-count .about-counter-list .title {
  position: absolute;
  top: 15px;
  left: -70px;
}
.counter-area .ab-count .about-counter-list .title i {
  font-size: 50px;
  font-weight: 300;
  color: #ffffff;
}
.counter-area .ab-count .about-counter-list h1.about-counter {
  font-weight: 400;
  font-size: 30px;
  margin: auto;
  margin-bottom: 0px;
  color: #ffffff;
  margin-top: 0;
  font-family: "Poppins", sans-serif;
  line-height: 1.5;
}
.counter-area .ab-count .about-counter-list p {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
}

/*--------------------  
//9.consultation area start here
--------------------*/
.consultation-area {
  background: #f7f7f7;
}
.consultation-area .section-title {
  width: 440px !important;
  max-width: 100%;
}
.consultation-area .consultation-form {
  padding: 40px 30px;
  background: #f5f5f5;
}
.consultation-area .consultation-form input,
.consultation-area .consultation-form select {
  height: 50px;
  border-color: #aaaaaa;
  font-weight: 400;
}
.consultation-area .consultation-form .nice-select {
  width: 100%;
  height: 50px;
  border-radius: 0;
  border-color: #aaaaaa;
  font-weight: 400;
}
.consultation-area .consultation-form .nice-select .list {
  width: 100%;
  border-radius: 0;
  border: 1px solid #aaaaaa;
  margin-top: 0;
  font-weight: 400;
}
.consultation-area .consultation-form textarea {
  border-color: #aaaaaa;
  font-weight: 400;
}
.consultation-area .consultation-form .send {
  background: #38b6ff;
  border-radius: 0;
  color: #ffffff;
  box-shadow: none;
  border: 0px solid transparent;
  padding: 15px !important;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.consultation-area .consultation-form .send:hover {
  background: rgba(56, 182, 255, 0.8);
}
.consultation-area .man-image img {
  -webkit-animation: fadeInUp 1000ms ease-in-out;
  -moz-animation: fadeInUp 1000ms ease-in-out;
  -ms-animation: fadeInUp 1000ms ease-in-out;
  animation: fadeInUp 1000ms ease-in-out;
}

/*--------------------  
//10.testimonial area start here
--------------------*/
.testimonial-area {
  overflow: hidden;
}
.testimonial-area .section-title {
  width: 440px !important;
  max-width: 100%;
}
.testimonial-area .testimonial-slide .single-testimonial {
  position: relative;
  text-align: center;
  padding: 40px 15px 70px;
  border: 1px solid #f5f5f5;
  margin: 0 15px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.testimonial-area .testimonial-slide .single-testimonial:before {
  position: absolute;
  bottom: 0;
  box-shadow: 0 4px 20px 1px lightgrey;
  content: "";
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.testimonial-area .testimonial-slide .single-testimonial:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "\f10e";
  font-family: fontawesome;
  color: #eeeeee;
  font-size: 30px;
  top: 90%;
}
.testimonial-area .testimonial-slide .single-testimonial:hover:before {
  opacity: 1;
}
.testimonial-area .testimonial-slide .single-testimonial .image {
  margin-bottom: 30px;
}
.testimonial-area .testimonial-slide .single-testimonial .image img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.testimonial-area .testimonial-slide .single-testimonial h3 {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
}
.testimonial-area .testimonial-slide .single-testimonial span {
  font-size: 12px;
  display: block;
  margin-bottom: 15px;
}
.testimonial-area .testimonial-slide .single-testimonial p {
  margin-bottom: 0;
}
.testimonial-area .testimonial-slide .owl-controls {
  margin-top: 60px;
}
.testimonial-area .testimonial-slide .owl-controls .owl-pagination .owl-page.active span {
  width: 12px;
  height: 12px;
  margin-bottom: 2px;
}
.testimonial-area .testimonial-slide .owl-controls .owl-pagination .owl-page span {
  width: 10px;
  height: 10px;
  background: #38b6ff;
}

/*--------------------  
//11.whychoose area start here
--------------------*/
.whychoose-area {
  background: #f7f7f7;
}
.whychoose-area .man-image {
  position: relative;
}
.whychoose-area .man-image img {
  -webkit-animation: fadeInUp 1000ms ease-in-out;
  -moz-animation: fadeInUp 1000ms ease-in-out;
  -ms-animation: fadeInUp 1000ms ease-in-out;
  animation: fadeInUp 1000ms ease-in-out;
}
.whychoose-area .whychoose-list {
  margin-top: 60px;
}
.whychoose-area .whychoose-list ul {
  margin: 0px 0 0;
  padding: 0;
  list-style: none;
}
.whychoose-area .whychoose-list ul li {
  display: block;
  margin: 20px 0;
}
.whychoose-area .whychoose-list ul li .media .pull-left {
  margin-right: 15px;
}
.whychoose-area .whychoose-list ul li .media .pull-left .icons {
  width: 70px;
  height: 70px;
  text-align: center;
  border-radius: 100%;
  box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.5);
  margin: 5px;
}
.whychoose-area .whychoose-list ul li .media .pull-left .icons i {
  line-height: 70px;
  font-size: 30px;
  background: transparent;
  color: #0149af;
}
.whychoose-area .whychoose-list ul li .media .media-body h4 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px;
}

/*--------------------  
//12.home-blog area start here
--------------------*/
.home-blog-area {
  overflow: hidden;
}
.home-blog-area .home-blog-slide .single-blog .image {
  position: relative;
  margin-bottom: 15px;
}
.home-blog-area .home-blog-slide .single-blog .image:after {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.home-blog-area .home-blog-slide .single-blog .image:hover:after {
  opacity: 1;
}
.home-blog-area .home-blog-slide .single-blog .image img {
  width: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.home-blog-area .home-blog-slide .single-blog .image .date {
  position: absolute;
  right: -1px;
  bottom: -23px;
  width: 64px;
  height: 64px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background: #38b6ff;
  border: 5px solid #ffffff;
  line-height: 15px;
  text-align: center;
  color: #ffffff;
  padding-top: 10px;
  z-index: 9;
}
.home-blog-area .home-blog-slide .single-blog .image .date p {
  font-weight: 400;
  text-transform: uppercase;
}
.home-blog-area .home-blog-slide .single-blog .image .date p span {
  display: block;
}
.home-blog-area .home-blog-slide .single-blog .blog-content strong {
  display: block;
  font-weight: 500;
  margin-bottom: 20px;
}
.home-blog-area .home-blog-slide .single-blog .blog-content strong span {
  display: inline-block;
  margin-right: 15px;
  color: #38b6ff;
}
.home-blog-area .home-blog-slide .single-blog .blog-content strong span i {
  font-weight: 600;
}
.home-blog-area .home-blog-slide .single-blog .blog-content h3 {
  margin: 0;
  font-family: "Poppins", sans-serif;
}
.home-blog-area .home-blog-slide .single-blog .blog-content h3 a {
  color: #000;
  margin-bottom: 20px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  font-size: 16px;
  font-weight: 600;
  display: block;
}
.home-blog-area .home-blog-slide .single-blog .blog-content h3 a:hover {
  color: #38b6ff;
}
.home-blog-area .home-blog-slide .single-blog .blog-content p {
  margin: 0;
}
.home-blog-area .home-blog-slide .single-blog .blog-content .read-more {
  margin-top: 30px;
}
.home-blog-area .home-blog-slide .single-blog .blog-content .read-more a {
  font-size: 16px;
  font-weight: 400;
  color: #38b6ff;
}
.home-blog-area .home-blog-slide .owl-buttons {
  opacity: 1;
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.home-blog-area .home-blog-slide .owl-buttons div {
  background: transparent;
  border: 1px solid #38b6ff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  height: 50px;
  opacity: 1;
  width: 50px;
  top: 50%;
  position: absolute;
  transform: translateY(-55%);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.home-blog-area .home-blog-slide .owl-buttons div:hover {
  background: #38b6ff;
  border: 1px solid #38b6ff;
}
.home-blog-area .home-blog-slide .owl-buttons div:hover i {
  color: #fff;
}
.home-blog-area .home-blog-slide .owl-buttons div i {
  font-size: 30px;
  line-height: 50px;
  color: #38b6ff;
}
.home-blog-area .home-blog-slide .owl-buttons div.owl-prev {
  position: absolute;
  left: -6%;
}
.home-blog-area .home-blog-slide .owl-buttons div.owl-next {
  position: absolute;
  right: -6%;
}

/*--------------------  
//13.partner-logo area start here
--------------------*/
.partner-logo-area {
  overflow: hidden;
  border-top: 1px dotted #ddd;
  padding: 60px 0;
}
.partner-logo-area .partner-logo {
  text-align: center;
}
.partner-logo-area .partner-logo a {
  border: 1px solid #ddd;
  padding: 15px;
  display: block;
  margin: 0 15px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.partner-logo-area .partner-logo a:hover {
  border-color: #38b6ff;
}

/*--------------------  
//14.about start section
--------------------*/
.about-area {
  position: relative;
}
.about-area .about-content span {
  color: #222222;
  font-size: 20px;
  font-weight: 600;
}
.about-area .about-content h2 {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.about-area .about-content h2:after {
  background: #38b6ff;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  margin: 0 auto;
  height: 4px;
  width: 50px;
}
.about-area .about-video {
  height: 355px;
  position: relative;
}
.about-area .about-video:before {
  position: absolute;
  left: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
}
.about-area .about-video .video-icon {
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  text-align: center;
  margin: auto;
  transform: translateY(-50%);
}
.about-area .about-video .video-icon span {
  font-weight: 400;
  font-size: 60px;
  color: #ededed;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
  display: inline-block;
}
.about-area .about-video .video-icon span:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  color: #38b6ff;
}

/*--------------------  
//15.skrill start section
--------------------*/
.skill-area {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.skill-area .single-skill {
  text-align: center;
}
.skill-area .single-skill h4 {
  color: #fff;
  font-size: 18px;
  line-height: 16px;
  margin-bottom: 10px;
  text-transform: capitalize;
  letter-spacing: 1px;
}
.skill-area .single-skill p {
  color: #ffffff;
  margin-bottom: 0;
}

/*--------------------  
//16.team start section
--------------------*/
.team-area {
  overflow: hidden;
}
.team-area.team-two-style {
  background: #ddd !important;
}
.team-area .team-member-slide .single-team {
  background: #eeeeee;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.team-area .team-member-slide .single-team:hover {
  background: #38b6ff;
}
.team-area .team-member-slide .single-team:hover .image .overley {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.team-area .team-member-slide .single-team:hover .team-details h3 {
  color: #ffffff;
}
.team-area .team-member-slide .single-team:hover .team-details span {
  color: #fff;
}
.team-area .team-member-slide .single-team .image {
  position: relative;
  overflow: hidden;
}
.team-area .team-member-slide .single-team .image .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: scale(0.8);
}
.team-area .team-member-slide .single-team .image .overley .content {
  bottom: 60%;
  transform: translateY(60%);
}
.team-area .team-member-slide .single-team .image .overley .content p {
  position: relative;
  color: #ffffff;
}
.team-area .team-member-slide .single-team .image .overley .content p:before {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  content: "\f10d";
  font-family: fontawesome;
  color: #dddddd;
  font-size: 24px;
}
.team-area .team-member-slide .single-team .image .overley .content .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.team-area .team-member-slide .single-team .image .overley .content .social-media ul li {
  display: inline-block;
  margin-right: 10px;
}
.team-area .team-member-slide .single-team .image .overley .content .social-media ul li a {
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 40px;
  height: 40px;
  border: 1px solid #38b6ff;
  line-height: 40px;
}
.team-area .team-member-slide .single-team .image .overley .content .social-media ul li a:hover {
  background: #38b6ff;
}
.team-area .team-member-slide .single-team .image .overley .content .social-media ul li a:hover i {
  color: #ffffff;
}
.team-area .team-member-slide .single-team .image .overley .content .social-media ul li a i {
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
}
.team-area .team-member-slide .single-team .team-details {
  padding: 30px;
}
.team-area .team-member-slide .single-team .team-details h3 {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.team-area .team-member-slide .owl-buttons {
  opacity: 1;
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.team-area .team-member-slide .owl-buttons div {
  background: #38b6ff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  height: 50px;
  opacity: 1;
  width: 50px;
  top: 50%;
  position: absolute;
  transform: translateY(-55%);
}
.team-area .team-member-slide .owl-buttons div i {
  font-size: 30px;
  line-height: 50px;
  color: #ffffff;
}
.team-area .team-member-slide .owl-buttons div.owl-prev {
  position: absolute;
  left: -6%;
}
.team-area .team-member-slide .owl-buttons div.owl-next {
  position: absolute;
  right: -6%;
}

/*--------------------  
//17.activities start section
--------------------*/
.activities-area {
  background: #f2f2f2;
}
.activities-area.activities-area2 {
  background: #ffffff;
}
.activities-area .single-activities .icons {
  position: absolute;
  left: 15px;
  top: 0;
}
.activities-area .single-activities .icons i {
  font-size: 40px;
  color: #38b6ff;
  font-weight: 400;
}
.activities-area .single-activities .content {
  margin-left: 60px;
}
.activities-area .single-activities .content h3 {
  font-size: 18px;
  margin-bottom: 15px;
}

/*--------------------  
//18.price area start here
--------------------*/
.price-area .price-table .single-price-table {
  background: #fafafa;
  text-align: center;
  padding-bottom: 10px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.price-area .price-table .single-price-table:hover {
  box-shadow: 0 4px 20px 1px lightgrey;
}
.price-area .price-table .single-price-table .price-table-title {
  background: #38b6ff;
  padding: 30px;
  color: #ffffff;
}
.price-area .price-table .single-price-table .price-table-title h3 {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 15px;
}
.price-area .price-table .single-price-table .price-table-title h2 {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 10px;
}
.price-area .price-table .single-price-table .price-table-title p {
  color: #fff;
  margin-bottom: 0px;
}
.price-area .price-table .single-price-table .price-service-list {
  padding: 30px 30px 10px;
}
.price-area .price-table .single-price-table .price-service-list ul li {
  margin: 15px 0;
  position: relative;
}
.price-area .price-table .single-price-table .price-service-list ul li:after {
  position: absolute;
  top: 0;
  left: -5px;
  content: "\f00c";
  font-family: FontAwesome;
  display: block;
  color: #38b6ff;
  font-weight: 200;
}
.price-area .price-table .single-price-table .buy-package-button {
  display: inline-block;
}
.price-area .price-table .single-price-table .buy-package-button a {
  display: block;
  border: 1px solid #38b6ff;
  padding: 10px 50px;
  color: #000000;
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  margin-bottom: 30px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-transform: uppercase;
}
.price-area .price-table .single-price-table .buy-package-button a:hover {
  background: #38b6ff;
  color: #ffffff;
}

/*--------------------  
//19.contact start section
--------------------*/
.location-area ul.nav-tabs {
  margin: 0 0;
  padding: 0;
  list-style: none;
  text-align: left;
  border: none;
}
.location-area ul.nav-tabs li {
  float: none;
  display: inline-block;
  border: none;
  margin: 0 -4px;
}
.location-area ul.nav-tabs li.active {
  border: none;
}
.location-area ul.nav-tabs li.active a {
  border: none;
  background: #38b6ff;
  color: #fff;
}
.location-area ul.nav-tabs li a {
  border: 1px solid #dddddd;
  padding: 15px 81px;
  background: #f7f7f7;
  text-transform: capitalize;
  color: #000000;
  font-size: 16px;
}
.location-area ul.nav-tabs li a:hover {
  background: #38b6ff;
  color: #fff;
}
.location-area .tab-content .location-slide img {
  width: 100%;
}
.location-area .tab-content .location-slide .owl-buttons {
  opacity: 1;
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.location-area .tab-content .location-slide .owl-buttons div {
  background: #38b6ff;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  height: 50px;
  opacity: 1;
  width: 50px;
  top: 50%;
  position: absolute;
  transform: translateY(-55%);
}
.location-area .tab-content .location-slide .owl-buttons div i {
  font-size: 30px;
  line-height: 45px;
  color: #ffffff;
}
.location-area .tab-content .location-slide .owl-buttons div.owl-prev {
  position: absolute;
  left: -1%;
}
.location-area .tab-content .location-slide .owl-buttons div.owl-next {
  position: absolute;
  right: -1%;
}
.location-area .tab-content .contact-info h3 {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}
.location-area .tab-content .contact-info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.location-area .tab-content .contact-info ul li {
  display: block;
  margin: 10px 0;
}
.location-area .tab-content .contact-info ul li h5 {
  font-size: 16px;
  margin-bottom: 10px;
}
.location-area .tab-content .contact-info ul li h5 i {
  color: #38b6ff;
  margin-right: 7px;
}
.location-area .tab-content .contact-info ul li span {
  display: block;
}
.location-area .tab-content .contact-info ul li span a {
  font-size: 12px;
}
.location-area .tab-content .social-media {
  margin-top: 2px;
}
.location-area .tab-content .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.location-area .tab-content .social-media ul li {
  display: inline-block;
}
.location-area .tab-content .social-media ul li:nth-child(1) a {
  background: #3b5998;
}
.location-area .tab-content .social-media ul li:nth-child(2) a {
  background: #1da1f3;
}
.location-area .tab-content .social-media ul li:nth-child(3) a {
  background: #cb2026;
}
.location-area .tab-content .social-media ul li:nth-child(4) a {
  background: #e0483a;
}
.location-area .tab-content .social-media ul li a {
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  text-align: center;
  background: #38b6ff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.location-area .tab-content .social-media ul li a:hover {
  background: #38b6ff;
}
.location-area .tab-content .social-media ul li a:hover i {
  color: #ffffff;
}
.location-area .tab-content .social-media ul li a i {
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
}
.location-area .tab-content .team-manger {
  background: #38b6ff;
  color: #fff;
  padding: 30px 20px;
}
.location-area .tab-content .team-manger .image {
  margin-bottom: 10px;
}
.location-area .tab-content .team-manger .image img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.location-area .tab-content .team-manger h3 {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
}
.location-area .tab-content .team-manger span {
  font-size: 12px;
  display: block;
  margin-bottom: 15px;
}
.location-area .tab-content .team-manger p {
  margin-bottom: 42px;
}
.location-area .tab-content .team-manger .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.location-area .tab-content .team-manger .social-media ul li {
  display: inline-block;
  margin: 2px;
}
.location-area .tab-content .team-manger .social-media ul li a {
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  text-align: center;
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  -ms-border-radius: 0%;
  border-radius: 0%;
  border: 1px solid #fff;
  color: #fff;
}
.location-area .tab-content .team-manger .social-media ul li a:hover {
  background: #fff;
}
.location-area .tab-content .team-manger .social-media ul li a:hover i {
  color: #38b6ff;
}
.location-area .tab-content .team-manger .social-media ul li a i {
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
}

/*--------------------  
//20.google map start section
--------------------*/
.google-map-area {
  overflow: hidden;
}
.google-map-area .gmap-area {
  height: 400px;
  width: 100%;
}

/*--------------------  
//21.contact form start section
--------------------*/
.contact-form-area form input {
  height: 45px;
  border-radius: 0;
  margin: 0 0 0px 0;
}
.contact-form-area form textarea {
  height: 194px;
  margin-bottom: 0px;
}
.contact-form-area form .send {
  background: #38b6ff;
  border-radius: 0;
  color: #ffffff;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: 0px solid transparent;
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
}
.contact-form-area form .send:hover {
  background: #0149af;
  color: #ffffff;
}

/*--------------------  
//22.single services start section
--------------------*/
.single-services-area .single-services-content .image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.single-services-area .single-services-content .image img {
  width: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.single-services-area .single-services-content .
{
  background: #0149af;
  padding: 40px;
  overflow: hidden;
  margin: 0 0;
}
.single-services-area .single-services-content .call-to-action h3 {
  margin: 13px 0 0;
  color: #fff;
  font-weight: 400;
}
.single-services-area .single-services-content .call-to-action .read-more a.contact-us {
  color: #ffffff;
  border-color: #ffffff;
}
.single-services-area .single-services-content .simillar-services {
  margin-top: 0px;
}
.single-services-area .single-services-content .simillar-services h2 {
  color: #000000;
  font-size: 20px;
  margin-bottom: 45px;
  font-weight: 600;
  padding-bottom: 10px;
  font-family: "Poppins", sans-serif;
  position: relative;
}
.single-services-area .single-services-content .simillar-services h2:before {
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 100px;
  height: 3px;
  background: #0149af;
  border-radius: 100%;
  content: "";
  z-index: 9;
}
.single-services-area .single-services-content .simillar-services .related-service-slide .single-activities .icons {
  position: absolute;
  left: 15px;
  top: 0;
}
.single-services-area .single-services-content .simillar-services .related-service-slide .single-activities .icons i {
  font-size: 40px;
  color: #38b6ff;
  font-weight: 400;
}
.single-services-area .single-services-content .simillar-services .related-service-slide .single-activities .content {
  margin-left: 70px;
}
.single-services-area .single-services-content .simillar-services .related-service-slide .single-activities .content h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 400;
}
.single-services-area .single-services-content .simillar-services .related-service-slide .owl-controls {
  margin-top: 60px;
}
.single-services-area .single-services-content .simillar-services .related-service-slide .owl-controls .owl-pagination .owl-page.active span {
  width: 12px;
  height: 12px;
  margin-bottom: 2px;
  background: #38b6ff;
  border: 1px solid #38b6ff;
}
.single-services-area .single-services-content .simillar-services .related-service-slide .owl-controls .owl-pagination .owl-page span {
  width: 10px;
  height: 10px;
  background: transparent;
  border: 1px solid #38b6ff;
}
.single-services-area .single-services-content .other-services {
  margin-top: 0px;
}
.single-services-area .single-services-content .other-services h2 {
  color: #000000;
  font-size: 20px;
  margin-bottom: 45px;
  font-weight: 600;
  padding-bottom: 10px;
  font-family: "Poppins", sans-serif;
  position: relative;
}
.single-services-area .single-services-content .other-services h2:before {
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 100px;
  height: 3px;
  background: #38b6ff;
  border-radius: 100%;
  content: "";
  z-index: 9;
}
.single-services-area .single-services-content .other-services p {
  margin-bottom: 0px;
}
.single-services-area .single-services-content .other-services .nav-tabs {
  margin: 0;
  padding: 0;
  border: none;
}
.single-services-area .single-services-content .other-services .nav-tabs li {
  margin: 0 -2px 0 0;
}
.single-services-area .single-services-content .other-services .nav-tabs li.active {
  border: none;
}
.single-services-area .single-services-content .other-services .nav-tabs li.active a {
  border: none;
  background: #38b6ff;
  color: #ffffff;
  height: 45px;
}
.single-services-area .single-services-content .other-services .nav-tabs li a {
  font-size: 14px;
  text-transform: capitalize;
  background: transparent;
  border: 1px solid #eeeeee;
  color: #000000;
  height: 45px;
  line-height: 30px;
  padding: 8px 55px;
  font-weight: 500;
}
.single-services-area .single-services-content .other-services .tab-content {
  margin: 20px 0;
}
.single-services-area .single-services-content .other-services .tab-content .single-activities .icons {
  position: relative;
}
.single-services-area .single-services-content .other-services .tab-content .single-activities .icons i {
  font-size: 55px;
  color: #38b6ff;
  font-weight: 400;
  position: absolute;
  left: 0px;
  top: 10px;
}
.single-services-area .single-services-content .other-services .tab-content .single-activities .content {
  margin-left: 70px;
}
.single-services-area .single-services-content .other-services .tab-content .single-activities .content h3 {
  font-size: 18px;
  margin-bottom: 15px;
  font-weight: 400;
}
.single-services-area .single-services-content .why-choose {
  margin-top: 0px;
}
.single-services-area .single-services-content .why-choose h2 {
  color: #000000;
  font-size: 20px;
  margin-bottom: 45px;
  font-weight: 600;
  padding-bottom: 10px;
  font-family: "Poppins", sans-serif;
  position: relative;
}
.single-services-area .single-services-content .why-choose h2:before {
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 100px;
  height: 3px;
  background: #38b6ff;
  border-radius: 100%;
  content: "";
  z-index: 9;
}
.single-services-area .single-services-content .why-choose ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-services-area .single-services-content .why-choose ul li {
  margin: 5px;
  margin-left: 30px;
  position: relative;
}
.single-services-area .single-services-content .why-choose ul li i {
  color: #38b6ff;
  font-size: 20px;
  margin-right: 15px;
  position: absolute;
  top: 5px;
  left: -30px;
}
.single-services-area .single-services-content .what-client-say {
  margin-top: 0px;
}
.single-services-area .single-services-content .what-client-say h2 {
  color: #000000;
  font-size: 20px;
  margin-bottom: 45px;
  font-weight: 600;
  padding-bottom: 10px;
  font-family: "Poppins", sans-serif;
  position: relative;
}
.single-services-area .single-services-content .what-client-say h2:before {
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 100px;
  height: 3px;
  background: #38b6ff;
  border-radius: 100%;
  content: "";
  z-index: 9;
}
.single-services-area .single-services-content .what-client-say .testimonial-slide2 .single-testimonial {
  position: relative;
  text-align: center;
  padding: 40px 15px 70px;
  border: 1px solid #f5f5f5;
  background: #f7f7f7;
  margin: 0 15px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.single-services-area .single-services-content .what-client-say .testimonial-slide2 .single-testimonial:before {
  position: absolute;
  bottom: 0;
  box-shadow: 0 4px 20px 1px lightgrey;
  content: "";
  width: 100%;
  height: 100%;
  margin: auto;
  text-align: center;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.single-services-area .single-services-content .what-client-say .testimonial-slide2 .single-testimonial:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "\f10e";
  font-family: fontawesome;
  color: #eeeeee;
  font-size: 30px;
  top: 90%;
}
.single-services-area .single-services-content .what-client-say .testimonial-slide2 .single-testimonial:hover:before {
  opacity: 1;
}
.single-services-area .single-services-content .what-client-say .testimonial-slide2 .single-testimonial .image {
  margin-bottom: 30px;
}
.single-services-area .single-services-content .what-client-say .testimonial-slide2 .single-testimonial .image img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  width: auto;
}
.single-services-area .single-services-content .what-client-say .testimonial-slide2 .single-testimonial h3 {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
}
.single-services-area .single-services-content .what-client-say .testimonial-slide2 .single-testimonial span {
  font-size: 12px;
  display: block;
  margin-bottom: 15px;
}
.single-services-area .single-services-content .what-client-say .testimonial-slide2 .single-testimonial p {
  margin-bottom: 0;
}

/*--------------------  
//23.single blog start section
--------------------*/
.single-blog-area .single-blog-details {
  margin-bottom: 30px;
}
.single-blog-area .single-blog-details .blog-details-area .image {
  position: relative;
  margin-bottom: 15px;
}
.single-blog-area .single-blog-details .blog-details-area .image:after {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.single-blog-area .single-blog-details .blog-details-area .image:hover:after {
  opacity: 1;
}
.single-blog-area .single-blog-details .blog-details-area .image img {
  width: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.single-blog-area .single-blog-details .blog-details-area .image .date {
  position: absolute;
  right: -1px;
  bottom: -23px;
  width: 64px;
  height: 64px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  background: #38b6ff;
  border: 5px solid #ffffff;
  line-height: 15px;
  text-align: center;
  color: #ffffff;
  padding-top: 10px;
  z-index: 9;
}
.single-blog-area .single-blog-details .blog-details-area .image .date p {
  font-weight: 400;
  text-transform: uppercase;
}
.single-blog-area .single-blog-details .blog-details-area .image .date p span {
  display: block;
}
.single-blog-area .single-blog-details .blog-details-area .blog-content strong {
  display: block;
  font-weight: 400;
  margin-bottom: 20px;
}
.single-blog-area .single-blog-details .blog-details-area .blog-content strong span {
  display: inline-block;
  margin-right: 15px;
  color: #38b6ff;
}
.single-blog-area .single-blog-details .blog-details-area .blog-content strong span i {
  font-weight: 600;
}
.single-blog-area .single-blog-details .blog-details-area .blog-content h3 {
  margin: 0;
  font-family: "Poppins", sans-serif;
}
.single-blog-area .single-blog-details .blog-details-area .blog-content h3 a {
  color: #000;
  margin-bottom: 20px;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  font-size: 20px;
  font-weight: 600;
  display: block;
}
.single-blog-area .single-blog-details .blog-details-area .blog-content h3 a:hover {
  color: #38b6ff;
}
.single-blog-area .single-blog-details .blog-details-area .blog-content p {
  margin: 0;
}
.single-blog-area .single-blog-details .blog-details-area .blog-content blockquote {
  margin: 30px 0;
}
.single-blog-area .share-area {
  padding: 40px 0;
  margin: 40px 0;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}
.single-blog-area .share-area .tag ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-blog-area .share-area .tag ul li {
  display: inline-block;
  font-size: 18px;
}
.single-blog-area .share-area .tag ul li:first-child {
  font-weight: 700;
  color: #000000;
  margin-right: 20px;
}
.single-blog-area .share-area .share ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-blog-area .share-area .share ul li {
  display: inline-block;
  font-size: 18px;
  margin: 0 3;
}
.single-blog-area .share-area .share ul li:first-child {
  font-weight: 700;
  color: #000000;
  margin-right: 20px;
}
.single-blog-area .share-area .share ul li i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #38b6ff;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
.single-blog-area .author-details {
  background: #f7f7f7;
  margin-bottom: 30px;
}
.single-blog-area .author-details .media .pull-left {
  margin-right: 0px;
}
.single-blog-area .author-details .media .media-body {
  padding: 30px;
}
.single-blog-area .author-details .media .media-body h4 {
  font-weight: 500;
  font-size: 16px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.single-blog-area .author-details .media .media-body h4 span {
  font-weight: 400;
  float: right;
}
.single-blog-area .author-details .media .media-body p {
  margin-bottom: 30px;
}
.single-blog-area .author-details .media .media-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-blog-area .author-details .media .media-body ul li {
  display: inline-block;
  font-size: 18px;
  margin: 0 3px;
}
.single-blog-area .author-details .media .media-body ul li i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #38b6ff;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
.single-blog-area .comments-area h3 {
  font-size: 16px;
  color: #161616;
  margin-bottom: 30px;
  position: relative;
  font-family: "Montserrat", sans-serif;
}
.single-blog-area .comments-area h3:after {
  position: absolute;
  top: 30px;
  left: 0;
  background: #38b6ff;
  height: 2px;
  content: "";
  width: 60px;
}
.single-blog-area .comments-area .single-comments-box {
  position: relative;
  margin: 15px 0;
}
.single-blog-area .comments-area .single-comments-box .media-heading {
  font-family: "Montserrat", sans-serif;
}
.single-blog-area .comments-area .single-comments-box.second-comments {
  margin-left: 100px;
}
.single-blog-area .comments-area .single-comments-box .reply {
  float: right;
  background: #38b6ff;
  padding: 5px 20px;
  color: #ffffff;
  cursor: pointer;
}
.single-blog-area form {
  margin-top: 60px;
}
.single-blog-area form input {
  height: 45px;
  border-radius: 0;
  margin: 0 0 30px 0;
}
.single-blog-area form textarea {
  height: 194px;
  margin-bottom: 30px;
}
.single-blog-area form .send {
  background: #38b6ff;
  border-radius: 0;
  color: #ffffff;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border: 0px solid transparent;
  padding: 10px 30px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
}
.single-blog-area form .send:hover {
  background: #0149af;
  color: #ffffff;
}

/*--------------------  
//24.team start section
--------------------*/
.team-area .single-team {
  background: #eeeeee;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.team-area .single-team:hover {
  background: #38b6ff;
}
.team-area .single-team:hover .image .overley {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.team-area .single-team:hover .team-details h3 {
  color: #ffffff;
}
.team-area .single-team:hover .team-details span {
  color: #fff;
}
.team-area .single-team .image {
  position: relative;
  overflow: hidden;
}
.team-area .single-team .image img {
  width: 100%;
}
.team-area .single-team .image .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: scale(0.8);
}
.team-area .single-team .image .overley .content {
  bottom: 60%;
  transform: translateY(60%);
}
.team-area .single-team .image .overley .content p {
  position: relative;
  color: #ffffff;
}
.team-area .single-team .image .overley .content p:before {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  content: "\f10d";
  font-family: fontawesome;
  color: #dddddd;
  font-size: 24px;
}
.team-area .single-team .image .overley .content .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.team-area .single-team .image .overley .content .social-media ul li {
  display: inline-block;
  margin-right: 10px;
}
.team-area .single-team .image .overley .content .social-media ul li a {
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 40px;
  height: 40px;
  border: 1px solid #38b6ff;
  line-height: 40px;
}
.team-area .single-team .image .overley .content .social-media ul li a:hover {
  background: #38b6ff;
}
.team-area .single-team .image .overley .content .social-media ul li a:hover i {
  color: #ffffff;
}
.team-area .single-team .image .overley .content .social-media ul li a i {
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
}
.team-area .single-team .team-details {
  padding: 30px;
}
.team-area .single-team .team-details h3 {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.team-area .team-style-two #list .item {
  margin: 15px 0;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.team-area .team-style-two #list .item:hover .image .overley {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.team-area .team-style-two #list .item .image {
  position: relative;
  overflow: hidden;
}
.team-area .team-style-two #list .item .image img {
  width: 100%;
}
.team-area .team-style-two #list .item .image .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: scaleY(0);
}
.team-area .team-style-two #list .item .image .overley .content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
.team-area .team-style-two #list .item .image .overley .content .social-media {
  margin-bottom: 30px;
}
.team-area .team-style-two #list .item .image .overley .content .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.team-area .team-style-two #list .item .image .overley .content .social-media ul li {
  display: inline-block;
  margin-right: 10px;
}
.team-area .team-style-two #list .item .image .overley .content .social-media ul li a {
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 40px;
  height: 40px;
  border: 1px solid #38b6ff;
  line-height: 40px;
}
.team-area .team-style-two #list .item .image .overley .content .social-media ul li a:hover {
  background: #38b6ff;
}
.team-area .team-style-two #list .item .image .overley .content .social-media ul li a:hover i {
  color: #ffffff;
}
.team-area .team-style-two #list .item .image .overley .content .social-media ul li a i {
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
}
.team-area .team-style-two #list .item .image .overley .content .team-details h3 {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #ffffff;
}
.team-area .team-style-two #list .item .image .overley .content .team-details span {
  color: #ffffff;
}
.team-area .team-style-two #list .item .image .overley .designation {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #38b6ff;
  right: 0;
  margin: auto;
  text-align: center;
  padding: 15px;
}
.team-area .team-style-two #list .item .image .overley .designation h4 {
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 5px;
}
.team-area .team-style-two #list .item .image .overley .designation span {
  color: #ffffff;
}
.team-area .team-style-two .single-team2 {
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  background: #f5f5f5;
}
.team-area .team-style-two .single-team2:hover .image .overley {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.team-area .team-style-two .single-team2 .image {
  position: relative;
  overflow: hidden;
}
.team-area .team-style-two .single-team2 .image img {
  width: 100%;
}
.team-area .team-style-two .single-team2 .image .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: scaleY(0);
}
.team-area .team-style-two .single-team2 .image .overley .content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
.team-area .team-style-two .single-team2 .image .overley .content .social-media {
  margin-bottom: 30px;
}
.team-area .team-style-two .single-team2 .image .overley .content .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.team-area .team-style-two .single-team2 .image .overley .content .social-media ul li {
  display: inline-block;
  margin-right: 10px;
}
.team-area .team-style-two .single-team2 .image .overley .content .social-media ul li a {
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 40px;
  height: 40px;
  border: 1px solid #38b6ff;
  line-height: 40px;
}
.team-area .team-style-two .single-team2 .image .overley .content .social-media ul li a:hover {
  background: #38b6ff;
}
.team-area .team-style-two .single-team2 .image .overley .content .social-media ul li a:hover i {
  color: #ffffff;
}
.team-area .team-style-two .single-team2 .image .overley .content .social-media ul li a i {
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
}
.team-area .team-style-two .single-team2 .image .overley .content .team-details h3 {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #ffffff;
}
.team-area .team-style-two .single-team2 .image .overley .content .team-details span {
  color: #ffffff;
}
.team-area .team-style-three .single-team3 {
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.team-area .team-style-three .single-team3:hover .image .inner-image .overley {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.team-area .team-style-three .single-team3 .image {
  position: relative;
  overflow: hidden;
}
.team-area .team-style-three .single-team3 .image .inner-image {
  position: relative;
  overflow: hidden;
}
.team-area .team-style-three .single-team3 .image .inner-image img {
  width: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.team-area .team-style-three .single-team3 .image .inner-image .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: scale(0.8);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
}
.team-area .team-style-three .single-team3 .image .inner-image .overley .content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
.team-area .team-style-three .single-team3 .image .inner-image .overley .content p {
  position: relative;
  color: #ffffff;
}
.team-area .team-style-three .single-team3 .image .inner-image .overley .content p:before {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  content: "\f10d";
  font-family: fontawesome;
  color: #dddddd;
  font-size: 24px;
}
.team-area .team-style-three .single-team3 .image .inner-image .overley .content .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.team-area .team-style-three .single-team3 .image .inner-image .overley .content .social-media ul li {
  display: inline-block;
  margin-right: 10px;
}
.team-area .team-style-three .single-team3 .image .inner-image .overley .content .social-media ul li a {
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  width: 40px;
  height: 40px;
  border: 1px solid #38b6ff;
  line-height: 40px;
}
.team-area .team-style-three .single-team3 .image .inner-image .overley .content .social-media ul li a:hover {
  background: #38b6ff;
}
.team-area .team-style-three .single-team3 .image .inner-image .overley .content .social-media ul li a:hover i {
  color: #ffffff;
}
.team-area .team-style-three .single-team3 .image .inner-image .overley .content .social-media ul li a i {
  font-size: 16px;
  font-weight: 300;
  color: #ffffff;
}
.team-area .team-style-three .single-team3 .team-details {
  padding: 30px 30px 0;
}
.team-area .team-style-three .single-team3 .team-details h3 {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.call-to-action {
  background: #0149af;
	color:#FFF;
  padding: 40px;
  overflow: hidden;
  margin: 0 0;
	}
.call-to-action btn {
  background: #fff;
  color: #38b6ff;
  border: 1px solid #FFF;
  position: absolute;
  right: 20px;
  top: 0;
  height: 45px;
  background: transparent;
}


/*--------------------  
//25.error page start
--------------------*/
.error-area .error-page h2 {
  font-size: 200px;
  margin-bottom: 0;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #38b6ff;
}
.error-area .error-page h3 {
  font-size: 40px;
  font-weight: 300;
  text-transform: uppercase;
}
.error-area .error-page h3 span {
  font-size: 18px;
}
.error-area .error-page p {
  padding: 0 23% 0px;
  font-size: 14px;
  margin-bottom: 15px;
}

.feature-area,
.team-area {
  padding: 90px 0;
}

.services-area,
.counter-area,
.testimonial-area,
.footer-top-area,
.about-area,
.skill-area,
.activities-area,
.price-area,
.single-services-area,
.portfolio-area-two,
.portfolio-area-three,
.contact-form-area,
.blog-area,
.single-blog-area {
  padding: 100px 0;
}

.portfolio-area,
.home-blog-area {
  padding: 93px 0 85px;
}

.consultation-area,
.whychoose-area {
  padding: 100px 0 0;
}

.error-area {
  padding: 65px 0 100px;
}

.location-area {
  padding: 30px 0 0;
}