/*
  Theme Name: Zomin - Photography Template for Photographers
  Description: Photography  HTML5 template.
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. header
3. slider
4. about
5. gallery
6. footer
7. testimonial
8. team
9. call to action
10. brand
11. blog
12. blog details
13. pagination
14. experience-area
15.about me
16. instagram
17. service
18. pricing
19. contact
*/

/* LOGO on Mobile */
@media only screen and (max-width: 992px) {
	#scrollUp {
	  right: 20px !important;
	}
	.logo {
	  position: relative;
	  top: 0.5rem;
	  /* height: 40px; */
	}
	.header-area > .container > .row {
	  align-items: center !important;
	}
  
  }
  
  /* 1. Theme default css */
   body {
	  font-family: 'Montserrat', sans-serif;
	  font-weight: 300;
	  font-style: normal;
  }
  .img,img {
	  max-width: 100%;
	  transition: all 0.3s ease-out 0s;
  }
  .f-left {
	  float: left
  }
  .f-right {
	  float: right
  }
  .fix {
	  overflow: hidden
  }
  a,
  .button {
	  -webkit-transition: all 0.3s ease-out 0s;
	  -moz-transition: all 0.3s ease-out 0s;
	  -ms-transition: all 0.3s ease-out 0s;
	  -o-transition: all 0.3s ease-out 0s;
	  transition: all 0.3s ease-out 0s;
  }
  a:focus,
  .button:focus {
	  text-decoration: none;
	  outline: none;
  }
  a:focus,
  a:hover,
  .portfolio-cat a:hover,
  .footer-menu li a:hover,
  .sidebar-rc-post .rc-post-content h4 a:hover {
	  color: #c48f56;
	  text-decoration: none;
  }
  a,
  button {
	  color: #1696e7;
	  outline: medium none;
  }
  button{cursor: pointer;}
  button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0}
  .uppercase {
	  text-transform: uppercase;
  }
  .capitalize {
	  text-transform: capitalize;
  }
  .border-radius-0 {
	  border-radius: 0 !important;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
	  margin-top: 0px;
	  color: #313131;
	  font-family: 'Playfair Display', sans-serif;
	  font-style: normal;
	  font-weight: 700;
	  text-transform: normal;
  }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
	  color: inherit;
  }
  h1 {
	  font-size: 40px;
  }
  h2 {
	  font-size: 35px;
  }
  h3 {
	  font-size: 28px;
  }
  h4 {
	  font-size: 22px;
  }
  h5 {
	  font-size: 18px;
  }
  h6 {
	  font-size: 16px;
  }
  ul {
	  margin: 0px;
	  padding: 0px;
  }
  li {
	  list-style: none
  }
  p {
	  font-size: 14px;
	  font-weight: 300;
	  line-height: 28px;
	  color: #313131;
	  margin-bottom: 15px;
  }
  hr {
	  border-bottom: 1px solid #eceff8;
	  border-top: 0 none;
	  margin: 30px 0;
	  padding: 0;
  }
  label {
	  color: #7e7e7e;
	  cursor: pointer;
	  font-size: 14px;
	  font-weight: 400;
  }
  *::-moz-selection {
	  background: #d6b161;
	  color: #fff;
	  text-shadow: none;
  }
  ::-moz-selection {
	  background: #444;
	  color: #fff;
	  text-shadow: none;
  }
  ::selection {
	  background: #444;
	  color: #fff;
	  text-shadow: none;
  }
  *::-moz-placeholder {
	  color: #555555;
	  font-size: 14px;
	  opacity: 1;
  }
  *::placeholder {
	  color: #555555;
	  font-size: 14px;
	  opacity: 1;
  }
  .theme-overlay {
	  position: relative
  }
  .theme-overlay::before {
	  background: #1696e7 none repeat scroll 0 0;
	  content: "";
	  height: 100%;
	  left: 0;
	  opacity: 0.6;
	  position: absolute;
	  top: 0;
	  width: 100%;
  }
  .separator {
	  border-top: 1px solid #f2f2f2
  }
  /* button style */
  
  .btn {
	  user-select: none;
	  background: #313131;
	  border: medium none;
	  border-radius: 0;
	  color: #fff;
	  cursor: pointer;
	  display: inline-block;
	  font-size: 14px;
	  font-weight: 700;
	  letter-spacing: 0px;
	  line-height: 1;
	  margin-bottom: 0;
	  padding: 18px 35px;
	  text-align: center;
	  text-transform: uppercase;
	  touch-action: manipulation;
	  transition: all 0.3s ease 0s;
	  vertical-align: middle;
	  white-space: nowrap;
  }
  .btn:hover{background: #222;color: #fff;}
  .btn-sm {
	  padding: 15px 30px;
  }
  .btn.btn-border {
	  background: no-repeat;
	  border: 1px solid #444;
	  color: #444;
	  padding: 15px 35px;
  }
  .btn.btn-border:hover {
	  background: #313131;
	  border-color:  #313131;
	  color: #fff;
  }
  .breadcrumb > .active {
	  color: #888;
  }
  .owl-carousel .owl-nav div {
	  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	  height: 40px;
	  left: 20px;
	  line-height: 40px;
	  opacity: 0;
	  position: absolute;
	  text-align: center;
	  top: 50%;
	  transform: translateY(-50%);
	  transition: all 0.3s ease 0s;
	  visibility: hidden;
	  width: 40px;
  }
  .owl-carousel .owl-nav div.owl-next {
	  left: auto;
	  right: 20px;
  }
  .owl-carousel:hover .owl-nav div {
	  opacity: 1;
	  visibility: visible;
  }
  .owl-carousel .owl-nav div:hover {
	  background: #2B96CC;
	  color: #fff
  }
  
  .logo img.img-fluid {
	max-width: 100%;
  }
  .mean-nav {
	margin-top: 0 !important;
  }
  .mean-container .mean-bar {
	top: -7.5vh;
  }
  @media only screen and (max-width: 992px) {
	.logo img.img-fluid {
	  max-width: 33.3%;
	  margin-bottom: 1rem;
	}
	.mean-nav {
	  margin-top: 2rem !important;
	}
  }
  @media only screen and (max-width: 768px) {
	.logo img.img-fluid {
	  max-width: 25%;
	  margin-bottom: 1rem;
	}
	.mean-nav {
	  margin-top: 3rem !important;
	}
  }
  
  /* scrollUp */
  #scrollUp {
	  background: #313131;
	  height: 35px;
	  width: 35px;
	  right: 50px;
	  bottom: 77px;
	  color: #fff;
	  font-size: 20px;
	  text-align: center;
	  border-radius: 50%;
	  font-size: 16px;
	  line-height: 37px;
  }
  #scrollUp:hover {
	  background: #444;
  }
  .wrapper-box{padding: 0 50px}
  .black-box{background: #111111;}
  
  .col-md-3 .gellery-details-thumb > img {
	  max-height: 200px;
	  width: 100%;
	  object-fit: cover;
  }
  
  /* 2. header */
  .main-menu ul li {
	  display: inline-block;
	  margin-left: 20px;
	  position: relative;
  }
  .main-menu ul li:first-child {
	  margin-left: 0;
  }
  .main-menu ul li a {
	  /* color: #313131; */
	  display: block;
	  /* font-weight: 400; */
	  padding: 40px 4px;
	  font-size: 14px;
	  position: relative;
  }
  .main-menu nav > ul > li > a::before {
	  content: "";
	  position: absolute;
	  background: #c48f56;
	  height: 1px;
	  width: 0;
	  top: 50%;
	  left: 0;
	  transition: .3s
  }
  .main-menu nav > ul > li:hover > a::before {
	  width: 100%;
  }
  .main-menu ul li:hover > a{color: #c48f56}
  .main-menu ul li ul.submenu {
	  background: #222;
	  left: 0;
	  position: absolute;
	  top: 100%;
	  width: 250px;
	  z-index: 99;
	  opacity: 0;
	  visibility: hidden;
	  transition: .3s;
	  text-align: left;
  }
  .main-menu ul li:hover ul.submenu{opacity: 1;visibility: visible;}
  .main-menu ul li ul.submenu li {
	  border-bottom: 1px solid #444;
	  display: block;
	  margin: 0;
  }
  .main-menu ul li ul.submenu li:last-child{border: 0}
  .main-menu ul li ul.submenu li a {
	  color: #fff;
	  padding: 10px 15px;
  }
  .main-menu ul li ul.submenu li:hover > a{color: #313131}
  .hamburger {
	  float: right;
	  margin-left: 20px;
	  margin-top: 35px;
	  padding: 0;
	  transition: all 0.3s ease 0s;
  }
  .hamburger.is-active {
	  margin-top: 38px;
  }
  .hamburger-box {
	  width: 30px;
  }
  header.transparent-header .hamburger-inner,
  header.transparent-header .hamburger-inner::after,
  header.transparent-header .hamburger-inner::before {
	  background: #fff;
	  height: 2px;
	  width: 30px;
  }
  header:not(.transparent-header) .hamburger-inner,
  header:not(.transparent-header) .hamburger-inner::after,
  header:not(.transparent-header) .hamburger-inner::before {
	  background: #313131;
	  height: 2px;
	  width: 30px;
  }
  .hamburger-inner::before {
	top: -8px;
  }
  .hamburger--collapse .hamburger-inner::after {
	top: -16px;
  }
  .hamburger-menu {
	float: right;
	margin-right: 35px;
	opacity: 0;
	transition: all 0.3s ease 0s;
	visibility: hidden;
  }
  nav.nav-menu-show {
	margin-right: 20px;
	opacity: 1;
	visibility: visible;
  }
  .black-menu .hamburger-inner, .black-menu .hamburger-inner::after, .black-menu .hamburger-inner::before {
	background: #222 none repeat scroll 0 0;
  }
  .black-menu .hamburger {
	margin-top: 0px;
  }
  .hamburger.hamburger--collapse > span {
	display: inline-block;
	line-height: 1;
	position: relative;
	top: -5px;
  }
  
  /* header 2 */
  .link-social a {
	  color: #444444;
	  font-size: 14px;
	  display: inline-block;
	  margin-left: 25px;
	  text-transform: capitalize;
  }
  .link-social.white-color a{color: #ddd}
  .link-social.white-color a:hover{color: #313131}
  .lick-social a:hover {
	  color: #313131;
  }
  
  /* transparent-header */
  .transparent-header {
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 99;
	  right: 0;
  }
  header:not(.transparent-header) .main-menu ul li a {
	  color: #313131;
  }
  header.transparent-header .main-menu ul li a {
	  color: #fff;
  }
  .transparent-header .main-menu ul li:hover > a,
  header:not(.transparent-header) .main-menu ul li:hover > a {
	  color: #c48f56;
  }
  .header-2 .main-menu ul li a {
	  color: #fff;
  }
  .transparent-header .main-menu ul li a {
	  color: #fff;
  }
  
  /* 3. slider */
  .slide-content { display: none !important; }
  .slide-height {
	  min-height: 800px;
	  background-size: contain;
	  background-position: center center;
  }
  .slide-height-full{
	  min-height: 105vh;
	  max-height: 107.5vmax;
	  height: 100%;
	  max-width: 100%;
		  overflow: hidden;
	  background-position: center center;
	  background-size: cover !important;
	  background-repeat: no-repeat;
  }
  .slide-height-sm{
	  min-height: 600px;
	  background-size: contain;
	  background-position: center center;
  }
  /*
  .slide-height-full{
	  min-height: 100vh;
		  max-width: 100% !important;
	  height: 100%;
	  background-size: contain;
	  background-position: center center;
  }
  */
  .slide-content h1 {
	  font-size: 70px;
	  line-height: 1.1;
	  font-weight: 700;
	  margin-bottom: 20px;
	  color: #292929;
  }
  .slide-content h1 span {
	  color: #7DBA2F;
  }
  .slide-content p {
	  font-size: 16px;
	  color: #313131;
	  line-height: 28px;
	  margin-bottom: 30px;
  }
  .slider-active button.slick-arrow {
	  position: absolute;
	  top: 50%;
	  left: 30px;
	  transform: translateY(-50%);
	  background: none;
	  border: 0;
	  background: #fff;
	  width: 80px;
	  font-size: 27px;
	  padding: 0;
	  color: #444;
	  z-index: 9;
	  border-radius:30px;
	  transition: .3s;
	  opacity:0;
  }
  .slider-active button.slick-next{left: auto;right:30px}
  .slider-active:hover button.slick-arrow{opacity: 1;}
  .slider-active:hover button.slick-prev{left: 40px;}
  .slider-active:hover button.slick-next{right: 40px;}
  .slider-active button.slick-arrow:hover{background: #7DBA2F;color: #fff}
  
  .slider-active .slick-dots {
	  text-align: center;
	  bottom: 30px;
	  z-index: 99;
	  position: absolute;
	  left: 0;
	  right: 0;
	  z-index: 12;
  }
  .slider-active .slick-dots li {
	  display: inline-block;
	  margin: 0 4px
  }
  .slider-active .slick-dots li button {
	  background: no-repeat;
	  border: 0;
	  height: 10px;
	  width: 13px;
	  text-indent: -9999px;
	  transition: .3s;
	  padding: 0;
	  border: 2px solid #cccccc;
	  height: 13px;
	  border-radius: 50%;
  }
  .slider-active .slick-dots li.slick-active button{border-color: #292929}
  .slider-white .slick-dots li.slick-active button {
	  border-color: #fff;
	  background: #fff;
  }
  /* slider-white */
  .slide-content.slide-white h1 {
	  color: #fff;
  }
  .slide-content.slide-white p {
	  color: #fff;
  }
  .read-more {
	  color: #fff;
	  text-transform: capitalize;
	  font-size: 18px;
	  border-bottom: 1px solid #fff;
	  padding-bottom: 6px;
  }
  .read-more:hover{color: #313131}
  /* 4. about */
  .about-text h3 {
	  font-size: 30px;
	  color: #313131;
	  font-weight: 700;
	  padding-right: 60px;
	  line-height: 1.4;
  }
  .about-text p {
	  color: #ddd;
	  margin-bottom: 20px;
  }
  .about-text > a {
	  color: #313131;
	  font-size: 16px;
	  font-weight: 400;
  }
  .about-text > a:hover{color: #fff}
  .about-text.about-text-black p {
	  color: #313131;
  }
  .about-text-black.about-text > a:hover{color: #313131}
  /* skill */
  .circular-progress {
	  position: relative;
	  display: inline-block;
	  text-align: center;
	  margin-bottom: 15px;
  }
  .circular-progress span {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  margin-top: -48px;
	  margin-left: -33px;
	  text-align: center;
	  line-height: 92px;
	  color: #313131;
	  font-size: 30px;
	  font-weight: 700;
  }
  .progress-content h4 {
	  color: #313131;
	  font-size: 16px;
	  font-weight: 700;
  }
  .circular-progress canvas {
	  height: 110px;
	  width: 110px;
  }
  .progress-wrapper {
	  text-align: center;
	  display: inline-block;
	  margin-right: 60px;
  }
  
  
  /* 5. gallery */
  .section-border-title {
	  position: relative;
  }
  .section-border-title h2 {
	  font-size: 36px;
	  color: #313131;
	  font-weight: 700;
	  text-transform: uppercase;
	  display: inline-block;
	  background: #111111;
	  position: relative;
	  z-index: 99;
	  padding: 0 20px;
  }
  .section-border-title::before {
	  position: absolute;
	  background: #303030;
	  height: 1px;
	  width: 100%;
	  content: "";
	  left: 0;
	  bottom: 27px;
  }
  .section-border-title.border-title-2::before {
	  background: #e9e9e9;
  }
  .section-border-title.border-title-2 h2 {
	  background: #fff;
  }
  
  .photo-thumb{position: relative;}
  .photo-thumb > a{position: relative; display: block}
  .photo-thumb img{width: 100%}
  /*
  .photo-thumb > a::before {
	  position: absolute;
	  content: "";
	  background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 8%, rgba(0,0,0,0.22) 80%, rgba(128,128,128,0.04) 96%, rgba(255,255,255,0) 100%);
	  background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 8%, rgba(0,0,0,0.22) 80%, rgba(128,128,128,0.04) 96%, rgba(255,255,255,0) 100%);
	  background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 8%, rgba(0,0,0,0.22) 80%, rgba(128,128,128,0.04) 96%, rgba(255,255,255,0) 100%);
	  position: absolute;
	  height: 100%;
	  width: 100%;
	  transition: .3s;
	  opacity: 0;
  }
  */
  /*
  .photo-gallery:hover .photo-thumb a::before{opacity: 1}
  */
  .photo-gallery {
	position: relative;
  }
  .gallery-caption {
	position: absolute;
	bottom: 0;
	padding: 30px;
	left: 0;
	right: 0;
	opacity: 0;
	transition: .3s;
  }
  .photo-gallery:hover .gallery-caption{opacity: 1}
  .cap-text h2 a {
	color: #fff;
	font-size: 36px;
	font-weight: 600;
	color: #fff;
  }
  .cap-text h2 a:hover{color: #313131;}
  .cap-text span {
	color: #fff;
	font-size: 18px;
  }
  .cap-text h2 {
	  margin-bottom: 15px;
	  line-height: 1;
  }
  .cap-text {
	  padding-right: 40px;
  }
  .gellery-view {
	position: absolute;
	right: 30px;
	bottom: 70px;
  }
  .gellery-view a {
	color: #fff;
  }
  .cap-bar{position: relative;}
  .cap-bar::before {
	  position: absolute;
	  content: "";
	  height: 2px;
	  width: 60px;
	  background: #313131;
	  top: -25px;
  }
  /* gallery sm */
  .portfolio-menu button {
	  font-size: 18px;
	  color: #444444;
	  background: no-repeat;
	  padding: 0;
	  border: 0;
	  font-weight: 400;
	  margin: 0 20px;
	  transition: .3s;
  }
  .intro-text p {
	  font-size: 30px;
	  color: #444444;
	  line-height: 1.4;
	  margin: 0;
  }
  .portfolio-menu button.active,.portfolio-menu button:hover{color: #313131;}
  .gallery-sm .cap-text h2 {
	  margin-bottom: 5px;
	  font-size: 18px;
	  line-height: 1.5;
  }
  .gallery-sm .cap-text h2 a {
	  font-size: 18px;
  }
  .gallery-sm .cap-bar::before {
	  top: -10px;
  }
  /*
  .gallery-sm .photo-thumb > a::before {
	  background: rgba(0, 0, 0, .6)
  }
  */
  .gallery-sm .gellery-view {
	  right: 30px;
	  bottom: inherit;
	  top: 0px;
	  opacity: 0;
	  transition: .3s;
  }
  .gallery-sm:hover .gellery-view {opacity: 1;top: 30px}
  .gallery-sm .cap-text span {
	  font-size: 14px;
  }
  
  /* gallery msasonry */
  .photo-thumb-ms a {
	  display: block;
  }
  .photo-thumb-ms img {
	  width: 100%;
  }
  .photo-thumb-ms > a::before {
	  position: absolute;
	  content: "";
	  background: #313131;
	  top: 20px;
	  left: 20px;
	  right: 20px;
	  bottom: 20px;
	  opacity: 0;
	  transition: .3s;
  }
  .photo-thumb-ms:hover > a:before {
	  opacity: .8;
	  top: 30px;
	  left: 30px;
	  right: 30px;
	  bottom: 30px;
  }
  .view-action {
	  position: absolute;
	  top: 50%;
	  left: 0;
	  right: 0;
	  text-align: center;
	  transform: translateY(-50%);
	  opacity: 0;
	  visibility: hidden;
	  transition: .3s;
  }
  .photo-thumb-ms:hover .view-action{opacity: 1;visibility: visible}
  .view-action a {
	  color: #ffffff;
	  font-size: 30px;
	  display: inline-block;
	  margin: 0 12px;
  }

  .galery-details-title h2 {
	font-size: 36px;
	font-weight: 700;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
  }
  .galery-details-title h2:before {
	position: absolute;
	background: #444;
	height: 2px;
	width: 60px;
	content: "";
	bottom: 0;
	left: 0;
  }
  .project-details li {
	  font-size: 13px;
	  font-weight: 400;
	  letter-spacing: 1px;
	  padding: 0 0 10px;
  }
  .project-details li a {
	  color: #444
  }
  /* 5. service */
  .service-box {
	  background: #060606;
	  padding: 67px 50px 64px;
	  border-radius: 4px;
	  transition: .3s;
	  text-align: center;
  }
  .service-box:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  }
  
  .area-title {
	margin: 0 auto 60px;
  }
  .area-title h2 {
	  display: inline-block;
	  font-size: 36px;
	  font-weight: 700;
	  position: relative;
	  padding-bottom: 20px;
	  margin-bottom: 0;
  }
  .area-title h2::after {
	  bottom: 0;
	  content: "";
	  display: block;
	  font-size: 20px;
	  left: 0;
	  position: absolute;
	  right: 0;
	  height: 2px;
	  width: 50px;
	  background: #444;
	  right: 0;
	  margin: auto;
  }
  .area-title p {
	margin: 0;
  }
  
  .service-box:hover .service-icon span {background:#555;color:#fff}
  .service-content h3 {
	  font-size: 18px;
	  font-weight: 700;
	  margin-bottom: 20px;
	  color: #313131;
	  margin-top: 25px;
  }
  .service-content p {
	  margin: 0;
	  color: #777;
  }
  .service-box.service-white {
	  background: none;
	  box-shadow: 0px 5px 20px 0px rgba(51, 51, 51, 0.1);
  }
  /* 6. footer */
  .footer-logo {
	  margin-top: 2px;
  }
  .footer-logo h3 {
	font-weight: 700;
	margin: 0;
  }
  .copyright p {
	margin-bottom: 0;
  }

  .copyright  p a{
	  color: #313131;
  }
  .social-icon a {
	  color: #8a8a8a;
	  display: inline-block;
	  font-size: 14px;
	  text-align: center;
	  margin-left: 20px;
  }
  .social-icon a:hover {
	  color: #313131;
  }
  .post-thumbnail > img {
	width: 100%;
  }
  .footer-border{border-top: 1px solid #303030;}
  .footer-border-2 {
	  border-top: 1px solid #e9e9e9;
  }
  .footer-widget h3 {
	  font-size: 16px;
	color: #313131;
	  margin-bottom: 20px;
	  line-height: 1;
	  text-transform: uppercase;
	  font-weight: 700;
  }
  .black-bg .footer-widget h3 {
	color: #f2f2f2;
  }
  /* .footer-logo{} */
  .footer-widget p {
	  color: #878787;
  }
  .footer-icon a {
	  color: #313131;
	  margin-right: 15px;
	  font-size: 14px;
  }
  footer {
	  color: #313131;
  }
  footer a,
  footer a:hover,
  footer a:active,
  footer a:focus {
	  color: inherit !important;
  }
  /* .footer-icon a:hover {
	  color: #fff;
  } */
  .footer-icon a:hover [class*= ti- ],
  .footer-icon a:hover [class*=fa ] {
	  text-shadow: 0px 1px 0px rgba(10, 10, 10, .5);
  }
  .footer-link li {
	  margin-bottom: 15px;
  }
  .footer-link li:last-child {
	  margin-bottom: 0;
  }
  .footer-link li a {
	  color: #878787;
	  font-size: 14px;
  }
  .footer-link li a:hover {
	  color: #fff;
  }
  .contact-list li i {
	  color: #717171;
	  width: 29px;
	  float: left;
	  position: relative;
	  top: 4px;
  }
  .contact-list li p {
	  color: #878787;
	  overflow: hidden;
	  font-size: 14px;
	  display: block;
	  margin: 0;
  }
  .contact-list li {
	  margin-bottom: 10px;
  }
  .copyright-border {
	  border-top: 1px solid #323232;
  }
  .copyright-border-2 {
	  border-top: 1px solid #e9e9e9 ;
  }
  .copyright p {
	  margin-bottom: 0;
  }
  .copyright.text-white p{
	  color: #ddd;
  }
  .subscribe-footer {
	  position: relative;
  }
  .subscribe-footer input {
	  height: 50px;
	  background: no-repeat;
	  border: 1px solid #444;
	  padding: 15px;
	  width: 100%;
	  color: #fff;
  }
  .subscribe-footer button {
	  background: none;
	  border: 0;
	  top: 0;
	  right: 0;
	  position: absolute;
	  color: #888;
	  height: 100%;
	  line-height: 1;
	  text-transform: uppercase;
	  font-size: 14px;
	  font-weight: 400;
	  padding: 0 15px;
  }
  .instagram-list {
	  margin: 0 -2px;
  }
  .instagram-list li {
	  float: left;
	  padding: 0 2px;
	  width: 33.33%;
	  margin-bottom: 6px;
  }
  .footer-white .footer-widget h3 {
	  color: #333;
  }
  .footer-white .copyright p {
	  color: #313131;
  }
  /* 7. testimonial */
  .testimonial-item p {
	  color: #313131;
	  font-size: 15px;
	  line-height: 30px;
  }
  .test-name h5 {
	font-size: 20px;
	color: #b5b5b5;
	font-weight: 600;
  }
  .test-name span {
	color: #848484;
	display: block;
	font-size: 14px;
  }
  .text-box {
	  padding: 30px;
	  box-shadow: 0px 5px 20px 0px rgba(51, 51, 51, 0.1);
  }
  .testimonial-item.text-box p {
	  margin-bottom: 22px;
	  font-size: 14px;
	  line-height: 28px;
  }
  .test-info img {
	  float: left;
  }
  .owl-carousel .owl-item .test-info img {
	  width: auto;
  }
  .client-name {
	  overflow: hidden;
	  padding-left: 15px;
	  padding-top: 5px;
  }
  .client-name h5 {
	  font-size: 14px;
	  color: #444;
	  margin-bottom: 2px;
  }
  .client-name span {
	  color: #313131;
	  font-size: 12px;
  }
  .test-info {
	  border-top: 1px solid #f1f1f1;
	  padding-top: 30px;
  }
  
  .testimonial-item.text-box.testimonial-black {
	  background: #060606;
	  box-shadow: none;
  }
  .testimonial-black .test-info {
	  border-top: 1px solid #222;
  }
  
  .testimonial-black p{color: #b5b5b5}
  .testimonial-black  .client-name span {
	  color: #ddd;
  }
  .testimonial-black  .test-info {
	  border-top: 1px solid #222;
  }
  .testimonial-black .client-name h5 {
	  color: #ddd;
  }
  
  /* 8. team */
  .team-item {
	  display: block;
	  position: relative;
	  margin-bottom: 30px;
	  text-align: center
  }
  .team-item-image {
	display: block;
	margin: 0 auto 20px;
	overflow: hidden;
	position: relative;
  }
  .team-item-image::after {
	  content: '';
	  position: absolute;
	  z-index: 1;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background-color: transparent;
	  -webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
	  -moz-transition: all .27s cubic-bezier(0, 0, .58, 1);
	  -ms-transition: all .27s cubic-bezier(0, 0, .58, 1);
	  -o-transition: all .27s cubic-bezier(0, 0, .58, 1);
	  transition: all .27s cubic-bezier(0, 0, .58, 1)
  }
  
  .team-item-image:hover::after {
	  background-color: rgba(0, 0, 0, .7)
  }
  
  .team-item-image:hover .team-item-detail {
	  opacity: 1
  }
  
  .team-item-image img {
	  width: 100%;
	  height: auto;
  }
  .team-item-detail {
	left: 0;
	opacity: 0;
	padding: 20px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
	width: 100%;
	z-index: 2;
  }
  .team-item-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	text-transform: uppercase;
  }
  .team-item-name {
	font-size: 18px;
	font-weight: 400;
	text-transform: capitalize;
  }
  
  .team-item-role {
	  display: block;
	  text-transform: capitalize;
	  font-size: 13px;
	  color: #858899
  }
  .team-social-icon a {
	  background: #fff;
	  border-radius: 50%;
	  color: #222;
	  display: inline-block;
	  font-size: 14px;
	  height: 35px;
	  line-height: 38px;
	  margin: 0 3px;
	  text-align: center;
	  width: 35px;
  }
  .team-social-icon a:hover{background:#313131;color: #fff}
  .team-black .team-item-name {
	  color: #ddd;
  }
  .team-black .team-item-role {
	  color: #999;
  }
  
  /* team 2 */
  .team-img img {
	  width: 100%;
  }
  .team-content h5 {
	  font-weight: 700;
	  margin-bottom: 5px;
  }
  .team-content span {
	  color: #8a8a8a;
	  font-size: 12px;
	  margin-bottom: 10px;
	  display: block;
  }
  .team-icon a {
	  color: #313131;
	  font-size: 14px;
	  margin: 0 7px;
  }
  .team-icon a:hover {
	  color: #313131;
  }
  /* 9. call to action */
  .call-to-action > h3 {
	  font-weight: 700;
	  text-transform: capitalize;
	  font-size: 34px;
	  margin-bottom: 15px;
  }
  .call-to-action > p {
	margin: 0;
  }
  .call-to-action a {
	  margin-top: 20px;
  }
  
  /* 10. brand */
  .basic-clients {
	  text-align: center;
  }
  .owl-carousel .owl-item .basic-clients img {
	  display: inline-block;
	  width: inherit;
  }
  
  /* 11. blog */
  .blog-wrapper {
	  padding: 20px;
	  background: #fff;
  }
  .blog-thumb img {
	  width: 100%;
	  transition: .3s;
  }
  .blog-thumb {
	  overflow: hidden;
  }
  .blog-wrapper:hover .blog-thumb img {transform: scale(1.1)}
  .blog-content h5 {
	  margin-bottom: 10px;
	  line-height: 30px;
	  font-weight: 700;
  }
  .blog-list .blog-content h5 {
	  font-size: 24px;
	  line-height: 1.5;
  }
  .blue-blog h5 a:hover,
  .blue-blog h5 a:focus,
  .blue-blog h5 a:active {color: #313131}
  .blog-meta span {
	  font-size: 12px;
	  color: #888;
	  margin-right: 10px;
  }
  .blog-meta span a {
	  color: #313131;
  }
  .blog-meta span a:hover {
	  color: #313131;
  }
  .blog-content p {
	  margin: 0;
  }
  .read-more a {
	  color: #444444;
	  font-weight: 400;
	  font-size: 14px;
  }
  .read-more a:hover {
	  color: #313131;
  }
  .blog-wrapper.white-bg {
	  padding: 20px;
  }
  .blog-lg .blog-content h5 {
	  font-size: 25px;
	  margin-bottom: 20px;
  }
  /* sidebar */
  .widget {
	  overflow: hidden;
	  background: #fff;
	  padding: 25px;
  }
  .widget-title {
	  color: #444444;
	  display: inline-block;
	  font-size: 16px;
	  font-weight: 700;
	  height: auto;
	  letter-spacing: 1px;
	  line-height: 1;
	  margin-bottom: 25px;
	  padding: 0 0 15px;
	  position: relative;
  }
  .widget-title::before {
	background: #e2e2e2 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 2px;
	position: absolute;
	width: 50px;
  }
  .sidebar-form form {
	position: relative;
  }
  .sidebar-form form input {
	  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	  border: 1px solid #eee;
	  color: #ccc;
	  padding: 0 10px;
	  text-indent: 10px;
	  transition: all 0.2s ease 0s;
	  width: 100%;
	  height: 50px;
  }
  .sidebar-form form input::-moz-placeholder {
	color: #999;
	font-size: 12px;
	opacity: .5;
  }
  .sidebar-form form button {
	background: #222 none repeat scroll 0 0;
	border: 0 none;
	color: #fff;
	font-size: 20px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 50px;
  }
  .sidebar-form form button:hover{background:#313131;}
  .sidebar-rc-post ul li {
	border-bottom: 1px solid #f5f5f5;
	color: #000;
	display: block;
	font-size: 13px;
	margin-bottom: 15px;
	overflow: hidden;
	padding-bottom: 15px;
  }
  .sidebar-rc-post ul li:last-child{border:0;margin:0;padding:0;;}
  .sidebar-rc-post .rc-post-thumb {
	display: inline-block;
	/* float: left; */
	height: 70px;
	overflow: hidden;
	position: relative;
	width: 90px;
  }
  .sidebar-rc-post .rc-post-content {
	margin-left: 105px;
  }
  .sidebar-rc-post .rc-post-content h4 {
	  color: #444;
	  display: block;
	  font-size: 13px;
	  font-weight: 700;
	  line-height: 19px;
	  margin: 0;
	  text-indent: 0;
	  transition: all 0.2s ease 0s;
  }
  .sidebar-rc-post .rc-post-content h4 a:hover {
	  color: #313131;
  }
  .widget-date {
	  color: #777;
	  display: inline-block;
	  /* float: left; */
	  font-size: 10px;
	  line-height: 1;
	  margin: 10px 5px 0 0;
	  padding: 0 8px 0 0;
	  text-decoration: none;
	  text-indent: 0;
	  text-transform: uppercase;
  }
  .sidebar-blog .widget{margin-bottom:35px;}
  .sidebar-blog .widget:last-child{margin-bottom:0;}
  .widget-social a {
	  background: #000 none repeat scroll 0 0;
	  color: #fff;
	  display: inline-block;
	  font-size: 15px;
	  height: 45px;
	  line-height: 45px;
	  margin-right: 12px;
	  text-align: center;
	  width: 45px;
  }
  .widget-social a.facebook{background:#3b5998;}
  .widget-social a.twitter{background:#1da1f2;}
  .widget-social a.instagram{background:#dd4b39;}
  .widget-social a.googleplus{background:#dd4b39;}
  .widget-social a.linkedin{background:#0077b5;}
  .widget-social a.pinterest{background:#e60023;}
  .widget-social a:hover{opacity: 0.8;}
  .sidebar-link li {
	border-bottom: 1px solid #f5f5f5;
	color: #000;
	display: block;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
  }
  .sidebar-link li:last-child{border:0;padding:0;margin:0;}
  .sidebar-link li a {
	  color: #444;
	  font-weight: 600;
	  padding-left: 5px;
  }
  .sidebar-link li a:hover{color:#313131}
  .sidebar-link li span{float:right;}
  .instagram-link{margin:0 -5px}
  .instagram-link li {
	float: left;
	margin-bottom: 10px;
	padding: 0 5px;
	width: 33.33%;
  }
  .instagram-link li img {
	  width: 100%;
  }
  .widget-banner img {
	  width: 100%;
  }
  .sidebar-tad li {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
  }
  .sidebar-tad li a {
	  background: #f7f7f7 none repeat scroll 0 0;
	  color: #444;
	  display: inline-block;
	  font-size: 12px;
	  font-weight: 600;
	  line-height: 1;
	  padding: 12px 20px;
	  text-transform: uppercase;
  }
  .sidebar-tad li a:hover{background:#313131;color:#fff}
  
  
  /* 12. blog details */
  .blog-details p{margin-bottom: 20px;}
  .blockquote {
	  border-left: 5px solid #313131;
	  font-size: 1.25rem;
	  margin-bottom: 35px;
	  margin-left: 50px;
	  margin-top: 35px;
	  padding-left: 15px;
  }
  .blog-content-img img {
	  width: 100%;
  }
  .blog-post-tag > a {
	  border: 1px solid #ededed;
	  color: #444;
	  display: inline-block;
	  font-size: 12px;
	  padding: 10px 15px;
	  margin-bottom: 5px;
  }
  .blog-post-tag > a:hover {
	  background: #313131;
	  border-color: #313131;
	  color: #fff;
  }
  .blog-share-icon > span {
	color: #595959;
	font-size: 15px;
  }
  .blog-share-icon> a {
	color: #595959;
	font-size: 15px;
	margin: 0 8px;
  }
  .blog-share-icon> a:hover{color: #313131}
  .blog-share-icon {
	margin-top: 8px;
  }
  /* blog comments */
  .section-title h2 {
	  font-size: 24px;
	  font-weight: 700;
  }
  .comments-avatar {
	float: left;
	width: 103px;
  }
  .comments-text {
	overflow: hidden;
	padding-left: 30px;
  }
  .avatar-name > h5 {
	  float: left;
	  font-size: 14px;
	  font-weight: 700;
  }
  .avatar-name > span {
	  color: #646464;
	  float: right;
	  font-size: 12px;
  }
  .avatar-name {
	  margin-bottom: 10px;
	  overflow: hidden;
  }
  .comments-box {
	margin-bottom: 50px;
  }
  .comments-reply {
	padding-left: 130px;
  }
  .comments-text > p {
	  color: #646464;
	  font-size: 14px;
	  line-height: 24px;
	  margin-bottom: 25px;
  }
  .comments-text > a {
	  border: 1px solid #ddd;
	  color: #444;
	  display: inline-block;
	  font-size: 13px;
	  font-weight: 600;
	  padding: 7px 20px;
	  text-transform: uppercase;
  }
  .comments-text > a:hover{background: #313131;border-color: #313131;color: #fff}
  
  .post-comments-form input {
	border: 1px solid #e6e6e6;
	height: 45px;
	margin-bottom: 25px;
	padding: 0 15px;
	width: 100%;
  }
  .post-comments-form textarea {
	border: 1px solid #e6e6e6;
	height: 130px;
	margin-bottom: 25px;
	padding: 15px;
	width: 100%;
  }
  
  /* page title bar */
  .page-title-area {
	  background-size: cover;
	  background-position: center center;
  }
  .page-title h3 {
	  color: #fff;
	  font-size: 60px;
	  font-weight: 700;
  }
  .breadcrumb {
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-wrap: wrap;
	  flex-wrap: wrap;
	  padding: 0;
	  margin-bottom: 0;
	  list-style: none;
	  background: none;
	  border-radius: 0;
  }
  .breadcrumb-item.active {
	  color: #ffffff;
  }
  .breadcrumb-item + .breadcrumb-item::before {
	  display: inline-block;
	  padding-right: .5rem;
	  padding-left: .5rem;
	  color: #ffffff;
	  content: "\e649";
	  font-family: themify;
	  font-size: 11px;
  }
  .breadcrumb-item a {
	  color: #fff;
  }
  
  
  /* 13. pagination */
  .page-item.active .page-link {
	  border-color: #f2f2f2 !important;
  }
  .page-item.disabled .page-link {
	  padding: 7px 18px;
  }
  li.page-item.disabled {
	  cursor: not-allowed;
  }
  .pagination {
	  display: block;
	  margin: 0;
	  overflow: hidden;
	  border-radius: 0;
	  padding-bottom: 0.125rem;
	  padding-left: 1.125rem;
  }
  .pagination ul {
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  list-style: none;
	  padding: 0;
	  margin: 0;
  }
  .pagination ul > li {
	  display: inline-block;
	  margin-right: 2px;
  }
  .pagination ul > li > a,
  .pagination ul > li > span {
	  float: none
  }
  .pagination ul > li > a {
	  background: #fff !Important;
	  font-size: 14px;
	  color: #3b3b3b;
	  font-weight: 600;
	  display: inline-block;
	  padding: 9px 18px;
	  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
  }
  .pagination ul > li:first-child > a,
  .pagination ul > li:last-child > a {
	  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
  }
  .pagination ul > li > a:hover,
  .pagination ul > li > a:focus,
  .pagination ul > .active > a,
  .pagination ul > .active > span {
	  color: #313131 !important;
	  background-color: #f2f2f2 !important;
	  border: 0;
		  padding: 8px 17px 9px !important;
	  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07);
  }
  
  /* 14. experience-area */
  .cta-text h2 {
	  color: #ffffff;
	  font-size: 36px;
	  font-weight: 700;
	  margin-bottom: 0;
  }
  .cta-button .btn {
	color: #fff;
	background: #002e5b;
	transition:.3s;
  }
  .cta-button .btn:hover{color:#313131;}
  .cta-button .btn i{margin-left:5px;}
  .cta-button .btn{background:#444444;}
  
  
  /* 15. about me */
  .about-img {
	  position: relative;
  }
  .about-img a {
	  position: absolute;
	  top: 50%;
	  left: 0;
	  right: 0;
	  text-align: center;
	  transform: translateY(-50%);
	  background: #fff;
	  height: 50px;
	  width: 50px;
	  margin: auto;
	  color: #444;
	  border-radius: 50%;
	  line-height: 50px;
	  font-size: 20px;
  }
  .f-30{font-size: 30px;font-weight: 700;}
  /* progress */
  .progress {
	  overflow: visible;
	  height: 2px;
	  margin-bottom: 30px;
	  background: #d7d7d7;
  }
  .progress-title {
	  display: block;
	  margin: 0 0 15px;
	  font-size: 14px;
  }
  .progress-bar {
	  position: relative;
	  height: 3px;
	  background: #444;
  }
  .progress-bar.progress-bar-def {
	  background: #444;
  }
  
  .progress-bar > span {
	  position: absolute;
	  display: block;
	  top: -35px;
	  right: 0;
	  font-size: 13px;
	  color: #565656;
  }
  /* expert */
  .expert-content h5 {
	  font-weight: 700;
  }
  .expert-content span {
	  color: #8a8a8a;
	  font-size: 12px;
	  margin-bottom: 20px;
	  display: block;
  }
  .expert-content p {
	  margin: 0;
  }
  
  /* 16. instagram */
  .instagram {
	  position: relative;
  }
  .instagram:before {
	  background: #000;
	  height: 100%;
	  width: 100%;
	  top: 0;
	  left: 0;
	  content: "";
	  position: absolute;
	  bottom: 0;
	  transition: .3s;
	  opacity:0;
  }
  .instagram:hover:before{opacity: .8}
  .instagram a {
	  position: absolute;
	  top: 50%;
	  left: 0;
	  right: 0;
	  text-align: center;
	  display: inline-block;
	  font-size: 36px;
	  color: #fff;
	  transform: translateY(-50%);
	  opacity: 0;
	  visibility: hidden;
  }
  .instagram:hover a {
	  opacity: 1;
	  visibility: visible;
  }
  
  /* 17. service */
  .experence-text h3 {
	  font-size: 24px;
	  font-weight: 700;
	  line-height: 1.5;
  }
  .expert-p p {
	  color: #313131;
	  border-left: 3px solid #313131;
	  padding-left: 30px;
  }
  .service-info p {
	  color: #ffffff;
	  font-size: 36px;
	  text-align: center;
	  line-height: 1.4;
  }
  .service-wrapper .service-content {
	  padding: 0 30px;
	  padding-top: 5px;
  }
  .service-wrapper .service-content h3 {
	  margin-bottom: 15px;
	  color: #444444;
  }
  
  /* 18. pricing */
  .pricing-box {
	  box-shadow: 0px 5px 20px 0px rgba(51, 51, 51, 0.1);
  }
  .price-head{position: relative;}
  .price-head h2 {
	  color: #fff;
	  font-size: 28px;
	  padding: 40px 0;
	  line-height: 1;
	  margin: 0;
	  font-weight: 700;
  }
  .price-list {
	  padding: 45px 0;
  }
  .price-list ul li {
	  font-size: 16px;
	  color: #8a8a8a;
	  margin-bottom: 30px;
	  line-height: 1;
  }
  .price-list ul li:last-child{margin: 0}
  span.month {
	  font-size: 16px;
	  color: #8a8a8a;
  }
  .price-count h2 span {
	  font-size: 22px;
  }
  .price-count h2 span.usd {
	  font-size: 16px;
  }
  .price-count h2 {
	  font-weight: 700;
  }
  .price-pink-head {
	  background-image: url(../img/bg/pirce-head-shape.png);
	  background-position: center center;
	  background-repeat: no-repeat;
	  padding: 50px 0;
  }
  .price-pink-head:after{display: none;}
  .price-pink-head h2 {
	  padding: 0;
	  font-size: 24px;
  }
  .price-pink {
	  padding-top: 40px;
  }
  
  .price-head.pink-gradient:after{display: none}
  .price-padding {
	  padding-left: 30px;
	  padding-right: 30px;
  }
  
  /* 19. contact */
  .contact-info h3 {
	  font-size: 30px;
	  margin-bottom: 15px;
	  font-weight: 700;
  }
  .contact-info input {
	  height: 45px;
	  width: 100%;
	  border: 1px solid #ddd;
	  margin-bottom: 20px;
	  padding: 0 15px;
  }
  .contact-info textarea {
	  width: 100%;
	  border: 1px solid #ddd;
	  padding: 15px;
	  height: 160px;
	  margin-bottom: 20px;
  }
  .contact-info p {
	  margin-bottom: 30px;
  }
  .contact-text li span {
	  color: #313131;
	  font-size: 18px;
	  font-weight: 600;
  }
  .contact-text li p {
	  margin-bottom: 15px;
  }
  #contact-map{height: 550px;}
  
@media (max-width: 1024px) { 
    .deliveryForm .content {
        padding: 30px 30px 0 25px;
    }
}
@media (max-width: 768px) { 
    .deliveryForm .content {
        padding: 30px 30px 30px 25px;
    }
    .postalForm input {
        display: block;
        float: left;
        width: 100%;    
    }
}
@media (max-width: 576px) { 
    .deliveryForm, .pageArticle {
        text-align: center;
    }
}

/*
.faqContain .selectors a {
    border: 1px solid #d6d6d6;
    padding: 15px 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: #313131;
    text-transform: uppercase;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.faqContain .selectorTitle a {
    border: 1px solid #d6d6d6;
    padding: 15px 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    color: #1b1b19;
    text-transform: uppercase;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    background: url("/assets/icons/dropdown-black.svg") no-repeat center right 20px;
}
.faqContain .selectors a.active {
    background: #313131;
    color: #ffffff;
}
.faqContain .selectors a:hover {
    background: #313131;
    color: #ffffff;
}
.faqContain .answerContain {
    padding: 25px;
}
.faqContain .answerContain h2 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.faqContain .answerContain .questionBlock:hover {
    cursor: pointer;
}
.faqContain .answerContain .questionBlock h3 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin: 1rem auto;
    padding: 15px;
    border-bottom: 1px solid #d6d6d6;
}
.faqContain .answerContain .questionBlock > div {
    float: left;
    width: 100%;
    display: none;
}
.faqContain .answerContain .questionBlock h3::after {
    content: "+";
    position: absolute;
    display: block;
    right: 20px;
    top: 20px;
    height: 20px;
    width: 20px;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    text-align: center;
    line-height: 20px;
    font-size: 17px;
    font-weight: 600;
    color: #1b1b19;
}
.faqContain .answerContain .questionBlock.active h3::after {
    content: "-";
    line-height: 18px;
}
.faqContain .answerContain .questionBlock.active p {
    display: block;
}
.faqContain .answerContain .questionBlock p {
    display: block;
    font-size: 13px;
    line-height: 28px;
    font-weight: 300;
    color: #212121;
    padding-left: 10px;
}
@media (max-width: 576px) {
    .faqContain .answerContain .questionBlock h3 {
        padding-right: 30px;
    }
}
*/

.formBlock {
    padding: 15px 30px;
}
.formBlock .article p {
    margin-top: 0;
}
.formBlock form .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 0 0 15px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 40px;
    color: #b0b0b0;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #d6d6d6;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.formBlock form label {
    font-size: 13px;
    font-weight: 500;
    width: 100%;
}
.textPage .article p {
    margin-top: 15px;
}
.textPage .article > div {
    margin-bottom: 15px;
}

@media (max-width: 1024px) { 
    .ctaBannerFooter h1 {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (max-width: 992px) { 
    .formBlock {
	padding: 15px 30px;
    }
}

@media (max-width: 768px) { 
    .ctaBannerFooter h1 {
        padding-left: 0;
        padding-right: 0;
    }
    .sign span {
        margin-top: 10px;
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) { 
    /* .formBlock {
        text-align: center;
    } */
    .formBlock form label {
        text-align: left !important;
    }
    .formBlock form .form-control {
        height: 50px;
    }
    .textPage .article {
        text-align: center;
    }
}