/*
 _____      						 _______ 	     
|  __ \  							|_ _ _ _| _  	 	    
| |__) | 					     _	   | |	 | |	        
|  ___/    ___    __ _    __ _  | |    | |	 | |__     ___ 	 _ __  _ __    ___ 
| |\ \    / _ \  / _` |  / _` | | |    | |	 | '_ \   / _ \ | '_ \| '_ \  / _ \
| | \ \  |  __/ | (_| | | (_| | | |    | |	 | | | | |  __/ | |  ||  | | |  __/
|_|  \ \  \___|  \__, |  \__,_| |_|    |_|   |_| |_|  \___| |_|  ||  |_|  \___|
                  __/ |              
                 |___/  		     
---------------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------------------

    Template Name: ConPro - Business Consulting HTML Template
    Created By: RegalTheme
    Envato Profile: https://themeforest.net/user/regaltheme
    Website: http://regaltheme.com
    Description: Conpro is Fully Responsive Business Consulting Bootstrap 4 Template with Awesome Features.
    Version: v1.0
    Support: http://regaltheme.com/support

-----------------------------------------------------------------------------------
    
    --------------------------------
    Table of contents
    --------------------------------
	
    01. Default CSS
	02. Header CSS
    03. Hero CSS
	04. Feature CSS
	05. About CSS
	06. CallBack CSS
    07. Case CSS
    08. Quote CSS
    09. Team CSS
    10. Funfact CSS
    11. Service CSS
    12. Project CSS
    13. Testimonial CSS
    14. Blog CSS
    15. Blog Single CSS
    16. Sidebar CSS
    17. Comment CSS
    18. Brand CSS
    19. Contact CSS
    20. Footer CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Default CSS
/*----------------------------------------*/
/*-- Font Family --*/
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900");
/*-- Common Style --*/
*, *::after, *::before {
  box-sizing: border-box; }

body {
  background-color: #ffffff;
  color: #111929;
  line-height: 24px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  visibility: visible; }

h1, h2, h3, h4, h5, h6 {
  color: #111929;
  color: "Poppins", sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 10px; }

h1 {
  font-size: 36px;
  line-height: 42px; }

h2 {
  font-size: 30px;
  line-height: 36px; }

h3 {
  font-size: 24px;
  line-height: 30px; }

h4 {
  font-size: 18px;
  line-height: 24px; }

h5 {
  font-size: 14px;
  line-height: 18px; }

h6 {
  font-size: 12px;
  line-height: 14px; }

p:last-child {
  margin-bottom: 0; }

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer; }

a, button, img, input, span {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

*:focus {
  outline: none !important; }

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none; }

a:hover {
  text-decoration: none;
  color: #02ad88; }

button, input[type="submit"] {
  cursor: pointer; }

img {
  max-width: 100%; }

/*-- Custom Row --*/
.row-0 {
  margin-left: 0px;
  margin-right: 0px; }
  .row-0 > [class*="col"] {
    padding-left: 0px;
    padding-right: 0px; }

.row-1 {
  margin-left: -1px;
  margin-right: -1px; }
  .row-1 > [class*="col"] {
    padding-left: 1px;
    padding-right: 1px; }

.row-2 {
  margin-left: -2px;
  margin-right: -2px; }
  .row-2 > [class*="col"] {
    padding-left: 2px;
    padding-right: 2px; }

.row-3 {
  margin-left: -3px;
  margin-right: -3px; }
  .row-3 > [class*="col"] {
    padding-left: 3px;
    padding-right: 3px; }

.row-4 {
  margin-left: -4px;
  margin-right: -4px; }
  .row-4 > [class*="col"] {
    padding-left: 4px;
    padding-right: 4px; }

.row-5 {
  margin-left: -5px;
  margin-right: -5px; }
  .row-5 > [class*="col"] {
    padding-left: 5px;
    padding-right: 5px; }

.row-6 {
  margin-left: -6px;
  margin-right: -6px; }
  .row-6 > [class*="col"] {
    padding-left: 6px;
    padding-right: 6px; }

.row-7 {
  margin-left: -7px;
  margin-right: -7px; }
  .row-7 > [class*="col"] {
    padding-left: 7px;
    padding-right: 7px; }

.row-8 {
  margin-left: -8px;
  margin-right: -8px; }
  .row-8 > [class*="col"] {
    padding-left: 8px;
    padding-right: 8px; }

.row-9 {
  margin-left: -9px;
  margin-right: -9px; }
  .row-9 > [class*="col"] {
    padding-left: 9px;
    padding-right: 9px; }

.row-10 {
  margin-left: -10px;
  margin-right: -10px; }
  .row-10 > [class*="col"] {
    padding-left: 10px;
    padding-right: 10px; }

.row-11 {
  margin-left: -11px;
  margin-right: -11px; }
  .row-11 > [class*="col"] {
    padding-left: 11px;
    padding-right: 11px; }

.row-12 {
  margin-left: -12px;
  margin-right: -12px; }
  .row-12 > [class*="col"] {
    padding-left: 12px;
    padding-right: 12px; }

.row-13 {
  margin-left: -13px;
  margin-right: -13px; }
  .row-13 > [class*="col"] {
    padding-left: 13px;
    padding-right: 13px; }

.row-14 {
  margin-left: -14px;
  margin-right: -14px; }
  .row-14 > [class*="col"] {
    padding-left: 14px;
    padding-right: 14px; }

.row-15 {
  margin-left: -15px;
  margin-right: -15px; }
  .row-15 > [class*="col"] {
    padding-left: 15px;
    padding-right: 15px; }

.row-16 {
  margin-left: -16px;
  margin-right: -16px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-16 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-16 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-16 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-16 > [class*="col"] {
    padding-left: 16px;
    padding-right: 16px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-16 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-16 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-16 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-17 {
  margin-left: -17px;
  margin-right: -17px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-17 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-17 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-17 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-17 > [class*="col"] {
    padding-left: 17px;
    padding-right: 17px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-17 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-17 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-17 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-18 {
  margin-left: -18px;
  margin-right: -18px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-18 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-18 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-18 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-18 > [class*="col"] {
    padding-left: 18px;
    padding-right: 18px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-18 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-18 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-18 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-19 {
  margin-left: -19px;
  margin-right: -19px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-19 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-19 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-19 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-19 > [class*="col"] {
    padding-left: 19px;
    padding-right: 19px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-19 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-19 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-19 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-20 {
  margin-left: -20px;
  margin-right: -20px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-20 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-20 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-20 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-20 > [class*="col"] {
    padding-left: 20px;
    padding-right: 20px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-20 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-20 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-20 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-21 {
  margin-left: -21px;
  margin-right: -21px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-21 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-21 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-21 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-21 > [class*="col"] {
    padding-left: 21px;
    padding-right: 21px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-21 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-21 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-21 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-22 {
  margin-left: -22px;
  margin-right: -22px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-22 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-22 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-22 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-22 > [class*="col"] {
    padding-left: 22px;
    padding-right: 22px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-22 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-22 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-22 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-23 {
  margin-left: -23px;
  margin-right: -23px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-23 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-23 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-23 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-23 > [class*="col"] {
    padding-left: 23px;
    padding-right: 23px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-23 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-23 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-23 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-24 {
  margin-left: -24px;
  margin-right: -24px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-24 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-24 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-24 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-24 > [class*="col"] {
    padding-left: 24px;
    padding-right: 24px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-24 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-24 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-24 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-25 {
  margin-left: -25px;
  margin-right: -25px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-25 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-25 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-25 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-25 > [class*="col"] {
    padding-left: 25px;
    padding-right: 25px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-25 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-25 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-25 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-26 {
  margin-left: -26px;
  margin-right: -26px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-26 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-26 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-26 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-26 > [class*="col"] {
    padding-left: 26px;
    padding-right: 26px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-26 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-26 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-26 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-27 {
  margin-left: -27px;
  margin-right: -27px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-27 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-27 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-27 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-27 > [class*="col"] {
    padding-left: 27px;
    padding-right: 27px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-27 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-27 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-27 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-28 {
  margin-left: -28px;
  margin-right: -28px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-28 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-28 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-28 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-28 > [class*="col"] {
    padding-left: 28px;
    padding-right: 28px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-28 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-28 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-28 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-29 {
  margin-left: -29px;
  margin-right: -29px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-29 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-29 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-29 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-29 > [class*="col"] {
    padding-left: 29px;
    padding-right: 29px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-29 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-29 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-29 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-30 {
  margin-left: -30px;
  margin-right: -30px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-30 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-30 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-30 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-30 > [class*="col"] {
    padding-left: 30px;
    padding-right: 30px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-30 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-30 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-30 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-31 {
  margin-left: -31px;
  margin-right: -31px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-31 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-31 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-31 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-31 > [class*="col"] {
    padding-left: 31px;
    padding-right: 31px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-31 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-31 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-31 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-32 {
  margin-left: -32px;
  margin-right: -32px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-32 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-32 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-32 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-32 > [class*="col"] {
    padding-left: 32px;
    padding-right: 32px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-32 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-32 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-32 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-33 {
  margin-left: -33px;
  margin-right: -33px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-33 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-33 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-33 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-33 > [class*="col"] {
    padding-left: 33px;
    padding-right: 33px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-33 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-33 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-33 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-34 {
  margin-left: -34px;
  margin-right: -34px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-34 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-34 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-34 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-34 > [class*="col"] {
    padding-left: 34px;
    padding-right: 34px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-34 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-34 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-34 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-35 {
  margin-left: -35px;
  margin-right: -35px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-35 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-35 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-35 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-35 > [class*="col"] {
    padding-left: 35px;
    padding-right: 35px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-35 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-35 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-35 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-36 {
  margin-left: -36px;
  margin-right: -36px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-36 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-36 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-36 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-36 > [class*="col"] {
    padding-left: 36px;
    padding-right: 36px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-36 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-36 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-36 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-37 {
  margin-left: -37px;
  margin-right: -37px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-37 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-37 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-37 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-37 > [class*="col"] {
    padding-left: 37px;
    padding-right: 37px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-37 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-37 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-37 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-38 {
  margin-left: -38px;
  margin-right: -38px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-38 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-38 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-38 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-38 > [class*="col"] {
    padding-left: 38px;
    padding-right: 38px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-38 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-38 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-38 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-39 {
  margin-left: -39px;
  margin-right: -39px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-39 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-39 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-39 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-39 > [class*="col"] {
    padding-left: 39px;
    padding-right: 39px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-39 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-39 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-39 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-40 {
  margin-left: -40px;
  margin-right: -40px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-40 > [class*="col"] {
    padding-left: 40px;
    padding-right: 40px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-41 {
  margin-left: -41px;
  margin-right: -41px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-41 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-41 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-41 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-41 > [class*="col"] {
    padding-left: 41px;
    padding-right: 41px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-41 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-41 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-41 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-42 {
  margin-left: -42px;
  margin-right: -42px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-42 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-42 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-42 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-42 > [class*="col"] {
    padding-left: 42px;
    padding-right: 42px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-42 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-42 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-42 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-43 {
  margin-left: -43px;
  margin-right: -43px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-43 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-43 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-43 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-43 > [class*="col"] {
    padding-left: 43px;
    padding-right: 43px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-43 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-43 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-43 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-44 {
  margin-left: -44px;
  margin-right: -44px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-44 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-44 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-44 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-44 > [class*="col"] {
    padding-left: 44px;
    padding-right: 44px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-44 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-44 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-44 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-45 {
  margin-left: -45px;
  margin-right: -45px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-45 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-45 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-45 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-45 > [class*="col"] {
    padding-left: 45px;
    padding-right: 45px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-45 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-45 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-45 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-46 {
  margin-left: -46px;
  margin-right: -46px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-46 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-46 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-46 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-46 > [class*="col"] {
    padding-left: 46px;
    padding-right: 46px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-46 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-46 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-46 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-47 {
  margin-left: -47px;
  margin-right: -47px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-47 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-47 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-47 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-47 > [class*="col"] {
    padding-left: 47px;
    padding-right: 47px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-47 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-47 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-47 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-48 {
  margin-left: -48px;
  margin-right: -48px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-48 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-48 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-48 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-48 > [class*="col"] {
    padding-left: 48px;
    padding-right: 48px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-48 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-48 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-48 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-49 {
  margin-left: -49px;
  margin-right: -49px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-49 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-49 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-49 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-49 > [class*="col"] {
    padding-left: 49px;
    padding-right: 49px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-49 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-49 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-49 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-50 {
  margin-left: -50px;
  margin-right: -50px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-50 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-50 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-50 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-50 > [class*="col"] {
    padding-left: 50px;
    padding-right: 50px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-50 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-50 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-50 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-51 {
  margin-left: -51px;
  margin-right: -51px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-51 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-51 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-51 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-51 > [class*="col"] {
    padding-left: 51px;
    padding-right: 51px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-51 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-51 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-51 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-52 {
  margin-left: -52px;
  margin-right: -52px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-52 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-52 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-52 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-52 > [class*="col"] {
    padding-left: 52px;
    padding-right: 52px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-52 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-52 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-52 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-53 {
  margin-left: -53px;
  margin-right: -53px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-53 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-53 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-53 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-53 > [class*="col"] {
    padding-left: 53px;
    padding-right: 53px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-53 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-53 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-53 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-54 {
  margin-left: -54px;
  margin-right: -54px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-54 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-54 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-54 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-54 > [class*="col"] {
    padding-left: 54px;
    padding-right: 54px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-54 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-54 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-54 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-55 {
  margin-left: -55px;
  margin-right: -55px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-55 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-55 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-55 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-55 > [class*="col"] {
    padding-left: 55px;
    padding-right: 55px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-55 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-55 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-55 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-56 {
  margin-left: -56px;
  margin-right: -56px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-56 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-56 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-56 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-56 > [class*="col"] {
    padding-left: 56px;
    padding-right: 56px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-56 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-56 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-56 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-57 {
  margin-left: -57px;
  margin-right: -57px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-57 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-57 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-57 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-57 > [class*="col"] {
    padding-left: 57px;
    padding-right: 57px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-57 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-57 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-57 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-58 {
  margin-left: -58px;
  margin-right: -58px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-58 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-58 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-58 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-58 > [class*="col"] {
    padding-left: 58px;
    padding-right: 58px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-58 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-58 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-58 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-59 {
  margin-left: -59px;
  margin-right: -59px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-59 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-59 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-59 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-59 > [class*="col"] {
    padding-left: 59px;
    padding-right: 59px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-59 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-59 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-59 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

.row-60 {
  margin-left: -60px;
  margin-right: -60px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-60 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-60 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-60 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-60 > [class*="col"] {
    padding-left: 60px;
    padding-right: 60px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-60 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-60 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-60 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

/*-- Margin & Padding --*/
/*-- Margin Top --*/
.mt-1 {
  margin-top: 1px !important; }

.mt-2 {
  margin-top: 2px !important; }

.mt-3 {
  margin-top: 3px !important; }

.mt-4 {
  margin-top: 4px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }

.mt-25 {
  margin-top: 25px; }

.mt-30 {
  margin-top: 30px; }

.mt-35 {
  margin-top: 35px; }

.mt-40 {
  margin-top: 40px; }

.mt-45 {
  margin-top: 45px; }

.mt-50 {
  margin-top: 50px; }

.mt-55 {
  margin-top: 55px; }

.mt-60 {
  margin-top: 60px; }

.mt-65 {
  margin-top: 65px; }

.mt-70 {
  margin-top: 70px; }

.mt-75 {
  margin-top: 75px; }

.mt-80 {
  margin-top: 80px; }

.mt-85 {
  margin-top: 85px; }

.mt-90 {
  margin-top: 90px; }

.mt-95 {
  margin-top: 95px; }

.mt-100 {
  margin-top: 100px; }

.mt-105 {
  margin-top: 105px; }

.mt-110 {
  margin-top: 110px; }

.mt-115 {
  margin-top: 115px; }

.mt-120 {
  margin-top: 120px; }

.mt-125 {
  margin-top: 125px; }

.mt-130 {
  margin-top: 130px; }

.mt-135 {
  margin-top: 135px; }

.mt-140 {
  margin-top: 140px; }

.mt-145 {
  margin-top: 145px; }

.mt-150 {
  margin-top: 150px; }

.mt-155 {
  margin-top: 155px; }

.mt-160 {
  margin-top: 160px; }

.mt-165 {
  margin-top: 165px; }

.mt-170 {
  margin-top: 170px; }

.mt-175 {
  margin-top: 175px; }

.mt-180 {
  margin-top: 180px; }

.mt-185 {
  margin-top: 185px; }

.mt-190 {
  margin-top: 190px; }

.mt-195 {
  margin-top: 195px; }

.mt-200 {
  margin-top: 200px; }

/*-- Margin Bottom --*/
.mb-1 {
  margin-bottom: 1px !important; }

.mb-2 {
  margin-bottom: 2px !important; }

.mb-3 {
  margin-bottom: 3px !important; }

.mb-4 {
  margin-bottom: 4px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-10 {
  margin-bottom: 10px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-25 {
  margin-bottom: 25px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-35 {
  margin-bottom: 35px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-45 {
  margin-bottom: 45px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-55 {
  margin-bottom: 55px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-65 {
  margin-bottom: 65px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-75 {
  margin-bottom: 75px; }

.mb-80 {
  margin-bottom: 80px; }

.mb-85 {
  margin-bottom: 85px; }

.mb-90 {
  margin-bottom: 90px; }

.mb-95 {
  margin-bottom: 95px; }

.mb-100 {
  margin-bottom: 100px; }

.mb-105 {
  margin-bottom: 105px; }

.mb-110 {
  margin-bottom: 110px; }

.mb-115 {
  margin-bottom: 115px; }

.mb-120 {
  margin-bottom: 120px; }

.mb-125 {
  margin-bottom: 125px; }

.mb-130 {
  margin-bottom: 130px; }

.mb-135 {
  margin-bottom: 135px; }

.mb-140 {
  margin-bottom: 140px; }

.mb-145 {
  margin-bottom: 145px; }

.mb-150 {
  margin-bottom: 150px; }

.mb-155 {
  margin-bottom: 155px; }

.mb-160 {
  margin-bottom: 160px; }

.mb-165 {
  margin-bottom: 165px; }

.mb-170 {
  margin-bottom: 170px; }

.mb-175 {
  margin-bottom: 175px; }

.mb-180 {
  margin-bottom: 180px; }

.mb-185 {
  margin-bottom: 185px; }

.mb-190 {
  margin-bottom: 190px; }

.mb-195 {
  margin-bottom: 195px; }

.mb-200 {
  margin-bottom: 200px; }

/*-- Padding Top --*/
.pt-1 {
  padding-top: 1px !important; }

.pt-2 {
  padding-top: 2px !important; }

.pt-3 {
  padding-top: 3px !important; }

.pt-4 {
  padding-top: 4px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

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

.pt-25 {
  padding-top: 25px; }

.pt-30 {
  padding-top: 30px; }

.pt-35 {
  padding-top: 35px; }

.pt-40 {
  padding-top: 40px; }

.pt-45 {
  padding-top: 45px; }

.pt-50 {
  padding-top: 50px; }

.pt-55 {
  padding-top: 55px; }

.pt-60 {
  padding-top: 60px; }

.pt-65 {
  padding-top: 65px; }

.pt-70 {
  padding-top: 70px; }

.pt-75 {
  padding-top: 75px; }

.pt-80 {
  padding-top: 80px; }

.pt-85 {
  padding-top: 85px; }

.pt-90 {
  padding-top: 90px; }

.pt-95 {
  padding-top: 95px; }

.pt-100 {
  padding-top: 100px; }

.pt-105 {
  padding-top: 105px; }

.pt-110 {
  padding-top: 110px; }

.pt-115 {
  padding-top: 115px; }

.pt-120 {
  padding-top: 120px; }

.pt-125 {
  padding-top: 125px; }

.pt-130 {
  padding-top: 130px; }

.pt-135 {
  padding-top: 135px; }

.pt-140 {
  padding-top: 140px; }

.pt-145 {
  padding-top: 145px; }

.pt-150 {
  padding-top: 150px; }

.pt-155 {
  padding-top: 155px; }

.pt-160 {
  padding-top: 160px; }

.pt-165 {
  padding-top: 165px; }

.pt-170 {
  padding-top: 170px; }

.pt-175 {
  padding-top: 175px; }

.pt-180 {
  padding-top: 180px; }

.pt-185 {
  padding-top: 185px; }

.pt-190 {
  padding-top: 190px; }

.pt-195 {
  padding-top: 195px; }

.pt-200 {
  padding-top: 200px; }

/*-- Padding Bottom --*/
.pb-1 {
  padding-bottom: 1px !important; }

.pb-2 {
  padding-bottom: 2px !important; }

.pb-3 {
  padding-bottom: 3px !important; }

.pb-4 {
  padding-bottom: 4px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-25 {
  padding-bottom: 25px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-35 {
  padding-bottom: 35px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-45 {
  padding-bottom: 45px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-55 {
  padding-bottom: 55px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-65 {
  padding-bottom: 65px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-75 {
  padding-bottom: 75px; }

.pb-80 {
  padding-bottom: 80px; }

.pb-85 {
  padding-bottom: 85px; }

.pb-90 {
  padding-bottom: 90px; }

.pb-95 {
  padding-bottom: 95px; }

.pb-100 {
  padding-bottom: 100px; }

.pb-105 {
  padding-bottom: 105px; }

.pb-110 {
  padding-bottom: 110px; }

.pb-115 {
  padding-bottom: 115px; }

.pb-120 {
  padding-bottom: 120px; }

.pb-125 {
  padding-bottom: 125px; }

.pb-130 {
  padding-bottom: 130px; }

.pb-135 {
  padding-bottom: 135px; }

.pb-140 {
  padding-bottom: 140px; }

.pb-145 {
  padding-bottom: 145px; }

.pb-150 {
  padding-bottom: 150px; }

.pb-155 {
  padding-bottom: 155px; }

.pb-160 {
  padding-bottom: 160px; }

.pb-165 {
  padding-bottom: 165px; }

.pb-170 {
  padding-bottom: 170px; }

.pb-175 {
  padding-bottom: 175px; }

.pb-180 {
  padding-bottom: 180px; }

.pb-185 {
  padding-bottom: 185px; }

.pb-190 {
  padding-bottom: 190px; }

.pb-195 {
  padding-bottom: 195px; }

.pb-200 {
  padding-bottom: 200px; }

/*-- Common Classes --*/
.fix {
  overflow: hidden; }

.hidden {
  display: none; }

.clear {
  clear: both; }

.section {
  float: left;
  width: 100%; }

@media only screen and (max-width: 767px) {
  .container {
    width: 450px; } }
@media only screen and (max-width: 479px) {
  .container {
    width: 320px; } }
.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

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

/*-- Background color --*/
.bg-grey {
  background-color: #f1f2f3; }

.bg-dark {
  background-color: #111929 !important; }

.bg-theme {
  background-color: #02ad88 !important; }

/*-- Input Placeholder --*/
input:-moz-placeholder, textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: inherit; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: inherit; }

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: inherit; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  color: inherit; }

/*-- Section Spacing --*/
/*About Section*/
.home__about__section {
  background-image: url(../images/about/about-bg-shape.png);
  background-repeat: repeat;
  background-position: center center;
  padding: 140px 0 110px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home__about__section {
      padding: 90px 0 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home__about__section {
      padding: 90px 0 60px; } }
  @media only screen and (max-width: 767px) {
    .home__about__section {
      padding: 60px 0 30px; } }

.page__about__section {
  padding: 150px 0 110px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__about__section {
      padding: 100px 0 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__about__section {
      padding: 100px 0 60px; } }
  @media only screen and (max-width: 767px) {
    .page__about__section {
      padding: 70px 0 30px; } }

/*Service Section*/
.page__service__section {
  padding: 150px 0 100px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__service__section {
      padding: 100px 0 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__service__section {
      padding: 100px 0 50px; } }
  @media only screen and (max-width: 767px) {
    .page__service__section {
      padding: 70px 0 20px; } }

/*Case Section*/
.home__case__section {
  padding: 150px 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home__case__section {
      padding: 100px 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home__case__section {
      padding: 100px 0; } }
  @media only screen and (max-width: 767px) {
    .home__case__section {
      padding: 70px 0; } }

.page__case__section {
  padding: 150px 0 120px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__case__section {
      padding: 100px 0 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__case__section {
      padding: 100px 0 70px; } }
  @media only screen and (max-width: 767px) {
    .page__case__section {
      padding: 70px 0 40px; } }

/*Project Section*/
.page__project__section {
  padding: 150px 0 120px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__project__section {
      padding: 100px 0 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__project__section {
      padding: 100px 0 70px; } }
  @media only screen and (max-width: 767px) {
    .page__project__section {
      padding: 70px 0 40px; } }

/*Blog & Single Blog Section*/
.home__blog__section {
  padding: 150px 0 100px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home__blog__section {
      padding: 100px 0 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home__blog__section {
      padding: 100px 0 50px; } }
  @media only screen and (max-width: 767px) {
    .home__blog__section {
      padding: 70px 0 20px; } }

.page__blog__section {
  padding: 150px 0 100px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__blog__section {
      padding: 100px 0 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__blog__section {
      padding: 100px 0 50px; } }
  @media only screen and (max-width: 767px) {
    .page__blog__section {
      padding: 70px 0 20px; } }

.page__single__blog__section {
  padding: 150px 0 100px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__single__blog__section {
      padding: 100px 0 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__single__blog__section {
      padding: 100px 0 50px; } }
  @media only screen and (max-width: 767px) {
    .page__single__blog__section {
      padding: 70px 0 20px; } }

/*Team & Adviser Section*/
.home__team__section {
  margin-bottom: 220px;
  padding-top: 150px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home__team__section {
      padding-top: 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home__team__section {
      padding-top: 100px; } }
  @media only screen and (max-width: 767px) {
    .home__team__section {
      padding-top: 70px; } }

.page__team__section {
  padding-top: 150px;
  padding-bottom: 150px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__team__section {
      padding-top: 100px;
      padding-bottom: 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__team__section {
      padding-top: 100px;
      padding-bottom: 100px; } }
  @media only screen and (max-width: 767px) {
    .page__team__section {
      padding-top: 70px;
      padding-bottom: 70px; } }

.page__adviser__section {
  padding: 150px 0 100px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__adviser__section {
      padding: 100px 0 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__adviser__section {
      padding: 100px 0 50px; } }
  @media only screen and (max-width: 767px) {
    .page__adviser__section {
      padding: 70px 0 20px; } }

/*CallBack Section*/
.home__callback__section {
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 200px;
  padding-top: 150px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home__callback__section {
      padding-top: 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home__callback__section {
      padding-top: 100px; } }
  @media only screen and (max-width: 767px) {
    .home__callback__section {
      padding-top: 70px; } }

/*Contact Section*/
.page__contact__section {
  padding: 150px 0 100px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__contact__section {
      padding: 100px 0 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__contact__section {
      padding: 100px 0 50px; } }
  @media only screen and (max-width: 767px) {
    .page__contact__section {
      padding: 70px 0 20px; } }

/*FAQ Section*/
.page__faq__section {
  padding: 150px 0 100px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__faq__section {
      padding: 100px 0 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__faq__section {
      padding: 100px 0 50px; } }
  @media only screen and (max-width: 767px) {
    .page__faq__section {
      padding: 70px 0 20px; } }

/*Funfact Section*/
.page__funfact__section {
  padding: 150px 0 110px; }

/*Quote Section*/
.home__quote__section {
  padding: 150px 0 100px;
  position: relative; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home__quote__section {
      padding: 100px 0 50px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home__quote__section {
      padding: 100px 0 50px; } }
  @media only screen and (max-width: 767px) {
    .home__quote__section {
      padding: 70px 0 20px; } }

/*-- Section title --*/
/*Title One*/
.section__title h1 {
  text-transform: capitalize;
  font-size: 36px;
  font-weight: 700;
  margin: 0; }
.section__title h1, .section__title h2, .section__title h3, .section__title h4, .section__title h5, .section__title h6 {
  color: #111929; }
.section__title p {
  max-width: 650px;
  margin: 15px auto 19px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500; }
.section__title span {
  display: block;
  width: 100px;
  height: 4px;
  background-color: #111929;
  margin: auto; }
@media only screen and (max-width: 767px) {
  .section__title h1 {
    font-size: 30px;
    line-height: 36px; }
  .section__title p {
    font-size: 16px;
    line-height: 24px; } }
@media only screen and (max-width: 479px) {
  .section__title h1 {
    font-size: 24px;
    line-height: 30px; }
  .section__title p {
    font-size: 14px;
    line-height: 24px; } }

/*Title Two*/
.section__title--2 h2 {
  font-size: 30px;
  line-height: 1;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px; }
.section__title--2 h1 {
  font-size: 50px;
  line-height: 56px;
  font-weight: 800;
  margin-bottom: 0;
  margin-top: 0; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section__title--2 h1 {
    font-size: 40px;
    line-height: 46px; } }
@media only screen and (max-width: 767px) {
  .section__title--2 h2 {
    font-size: 24px;
    line-height: 30px; }
  .section__title--2 h1 {
    font-size: 30px;
    line-height: 36px; } }
@media only screen and (max-width: 479px) {
  .section__title--2 h2 {
    font-size: 18px;
    line-height: 24px; }
  .section__title--2 h1 {
    font-size: 24px;
    line-height: 30px; } }

/*Title Three*/
.section__title--3 h1 {
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 30px;
  position: relative; }
  .section__title--3 h1::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 4px;
    background-color: #111929; }
@media only screen and (max-width: 767px) {
  .section__title--3 h1 {
    font-size: 30px; } }
@media only screen and (max-width: 479px) {
  .section__title--3 h1 {
    font-size: 24px; } }

/*Title White*/
.section__title--white h1, .section__title--white h2, .section__title--white h3, .section__title--white h4, .section__title--white h5, .section__title--white h6 {
  color: #ffffff; }
  .section__title--white h1::before, .section__title--white h1::after, .section__title--white h2::before, .section__title--white h2::after, .section__title--white h3::before, .section__title--white h3::after, .section__title--white h4::before, .section__title--white h4::after, .section__title--white h5::before, .section__title--white h5::after, .section__title--white h6::before, .section__title--white h6::after {
    background-color: #ffffff; }
.section__title--white p {
  color: #ffffff; }
.section__title--white .diamonds {
  background-color: #ffffff;
  margin-left: 15px; }
  .section__title--white .diamonds::before {
    background-color: #ffffff; }
  .section__title--white .diamonds::after {
    background-color: #ffffff; }

/*-- Page Title & Breadcrumb --*/
/*Title*/
.page__title__section {
  padding: 220px 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__title__section {
      padding: 150px 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__title__section {
      padding: 100px 0; } }
  @media only screen and (max-width: 767px) {
    .page__title__section {
      padding: 50px 0; } }
  .page__title__section.header__one__sticky {
    margin-top: 155px; }
    @media only screen and (max-width: 767px) {
      .page__title__section.header__one__sticky {
        margin-top: 0; } }
  .page__title__section.header__two__sticky {
    padding-top: 270px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .page__title__section.header__two__sticky {
        padding-top: 200px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .page__title__section.header__two__sticky {
        padding-top: 150px; } }
    @media only screen and (max-width: 767px) {
      .page__title__section.header__two__sticky {
        padding-top: 90px; } }

.page__title h1 {
  color: #ffffff;
  font-size: 60px;
  line-height: 1.2;
  font-weight: 800;
  margin: 0 0 22px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page__title h1 {
    font-size: 50px; } }
@media only screen and (max-width: 767px) {
  .page__title h1 {
    font-size: 40px; } }
@media only screen and (max-width: 479px) {
  .page__title h1 {
    font-size: 30px; } }
.page__title.blog__title h1 {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 60px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .page__title.blog__title h1 {
    font-size: 44px;
    line-height: 54px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page__title.blog__title h1 {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 25px; } }
@media only screen and (max-width: 767px) {
  .page__title.blog__title h1 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px; } }
@media only screen and (max-width: 479px) {
  .page__title.blog__title h1 {
    font-size: 18px;
    line-height: 28px; } }

/*Breadcrumb*/
.page__breadcrumb {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .page__breadcrumb li {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #ffffff;
    text-transform: capitalize;
    margin-right: 31px;
    position: relative; }
    .page__breadcrumb li::after {
      content: "\f105";
      font-family: Fontawesome;
      position: absolute;
      top: 0;
      right: -19px;
      font-size: 20px;
      line-height: 18px;
      display: block; }
    .page__breadcrumb li:last-child {
      margin-right: 0; }
      .page__breadcrumb li:last-child::after {
        display: none; }
    .page__breadcrumb li a {
      display: block;
      line-height: 1; }
  @media only screen and (max-width: 767px) {
    .page__breadcrumb li {
      font-size: 16px; }
      .page__breadcrumb li::after {
        font-size: 18px;
        line-height: 16px; } }
  @media only screen and (max-width: 479px) {
    .page__breadcrumb li {
      font-size: 14px; }
      .page__breadcrumb li::after {
        font-size: 16px;
        line-height: 14px; } }

/*-- Tab --*/
/*Nav Tabs*/
.nav-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: none; }
  .nav-tabs li {
    margin-right: 6px; }
    .nav-tabs li:last-child {
      margin-right: 0; }
    .nav-tabs li a {
      font-size: 16px;
      font-weight: 500;
      line-height: 24px;
      padding: 13px 45px;
      background-color: #111929;
      color: #ffffff;
      display: block; }
      .nav-tabs li a.active, .nav-tabs li a:hover {
        background-color: #02ad88; }
      @media only screen and (max-width: 767px) {
        .nav-tabs li a {
          font-size: 14px;
          padding: 8px 30px; } }
      @media only screen and (max-width: 479px) {
        .nav-tabs li a {
          font-size: 14px;
          padding: 6px 15px; } }

/*Tab Content*/
.tab-content {
  margin-top: -1px; }
  .tab-content .tab-pane {
    border: 1px solid #e9e9e9;
    padding: 40px; }
    @media only screen and (max-width: 479px) {
      .tab-content .tab-pane {
        padding: 30px; } }

/*-- Accordion --*/
.accordion .card {
  margin-bottom: 15px;
  background-color: #f1f2f3;
  border: none; }
  .accordion .card:last-child {
    margin-bottom: 0; }
  .accordion .card .card-header {
    background-color: transparent;
    border: none;
    padding: 15px 35px; }
    .accordion .card .card-header h5 {
      margin: 0;
      font-size: 18px;
      line-height: 30px; }
      .accordion .card .card-header h5 button {
        border: none;
        background-color: transparent;
        font-weight: 600;
        color: #02ad88;
        padding: 0 0 0 30px;
        position: relative;
        text-align: left; }
        .accordion .card .card-header h5 button::before {
          content: "";
          position: absolute;
          left: 0;
          top: 50%;
          margin-top: -1.5px;
          width: 13px;
          height: 3px;
          background-color: #02ad88; }
        .accordion .card .card-header h5 button.collapsed {
          color: #111929; }
          .accordion .card .card-header h5 button.collapsed::before {
            background-color: #111929; }
  .accordion .card .card-body {
    padding: 0 65px 30px; }

/*-- Blockquote --*/
.blockquote {
  position: relative;
  z-index: 1;
  margin-bottom: 0; }
  .blockquote::before {
    content: "\f10d";
    font-family: Fontawesome;
    position: absolute;
    left: 0;
    top: -20px;
    font-size: 70px;
    line-height: 70px;
    color: #f0f2f4;
    z-index: -1; }
  .blockquote p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #111929;
    margin-bottom: 20px; }
  .blockquote h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 800;
    color: #111929;
    margin: 0; }

/*-- Page Pagination --*/
.page__pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-bottom: -10px; }
  .page__pagination ul li {
    margin: 0 5px 10px; }
    .page__pagination ul li:first-child a, .page__pagination ul li:last-child a {
      width: 70px; }
    .page__pagination ul li a {
      font-size: 14px;
      line-height: 24px;
      width: 40px;
      height: 40px;
      padding: 8px 10px;
      border-radius: 50px;
      background-color: #f1f2f3;
      color: #111929;
      font-weight: 600;
      text-align: center; }
      .page__pagination ul li a:hover {
        background-color: #111929;
        color: #ffffff; }
      .page__pagination ul li a.active {
        background-color: #02ad88;
        color: #ffffff; }

/*Page FAQ Wrap*/
.page__faq__wrap {
  padding-right: 85px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__faq__wrap {
      padding-right: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__faq__wrap {
      padding-right: 15px; } }
  @media only screen and (max-width: 767px) {
    .page__faq__wrap {
      padding-right: 15px; } }

/*-- Other Plugins CSS --*/
/*Slick Pagination & Navigation*/
.slick-dots {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: 80px 0 0;
  padding: 0; }
  .slick-dots li {
    line-height: 14px;
    margin-right: 14px; }
    .slick-dots li:last-child {
      margin: 0; }
    .slick-dots li button {
      width: 14px;
      height: 14px;
      border-radius: 50px;
      border: 2px solid #02ad88;
      background-color: transparent;
      padding: 0;
      text-indent: -9999px;
      line-height: 14px; }
    .slick-dots li.slick-active button {
      background-color: #02ad88; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .slick-dots {
      margin-top: 50px; } }
  @media only screen and (max-width: 767px) {
    .slick-dots {
      margin-top: 50px; } }

/*Parallax*/
.parallax {
  background-color: transparent !important; }

.parallax-mirror img {
  transition: none; }

/*Preloader*/
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  z-index: 99999; }

.sk-folding-cube {
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  height: 60px;
  width: 60px;
  right: 0;
  left: 0;
  z-index: 10;
  margin-right: 40px;
  display: block;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out 0;
  transition: all 0.3s ease-in-out 0;
  margin: auto; }

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #02ad88;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg); }

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg); }

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg); }

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s; }

@-webkit-keyframes sk-foldCubeAngle {
  0%,
	10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%,
	75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%,
	100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }
@keyframes sk-foldCubeAngle {
  0%,
	10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%,
	75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%,
	100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }
/*-- Buttons --*/
/*Default Button*/
.btn {
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  border-radius: 0;
  padding: 11px 30px;
  text-transform: capitalize;
  font-weight: 600;
  white-space: nowrap;
  display: inline-block;
  border: 2px solid transparent;
  background-color: #111929;
  font-family: "Poppins", sans-serif;
  color: #ffffff; }
  .btn.btn--border {
    border-color: #111929;
    background-color: transparent;
    color: #111929; }
  .btn:hover {
    background-color: #02ad88;
    color: #ffffff; }
  @media only screen and (max-width: 479px) {
    .btn {
      padding: 4px 20px;
      font-size: 12px;
      height: 36px; } }

/*Circle & Radius Button (Square is Default)*/
.btn--radius {
  border-radius: 4px; }

.btn--circle {
  border-radius: 50px; }

/*Button Size*/
.btn--small {
  padding: 2px 15px;
  font-size: 12px;
  height: 32px; }

.btn--large {
  padding: 12px 40px;
  font-size: 16px;
  height: 52px; }
  @media only screen and (max-width: 767px) {
    .btn--large {
      font-size: 13px;
      height: 45px;
      padding: 9px 30px; } }
  @media only screen and (max-width: 479px) {
    .btn--large {
      padding: 4px 20px;
      font-size: 12px;
      height: 36px; } }

/*-- Buttons Colors Options (Dark is Default) --*/
/*Light Buttons*/
.light--btn {
  border-color: transparent;
  background-color: #ffffff;
  color: #02ad88; }
  .light--btn.btn--border {
    border-color: #ffffff;
    background-color: transparent;
    color: #ffffff; }

/*Theme Color Buttons*/
.theme--btn {
  border-color: transparent;
  background-color: #02ad88;
  color: #ffffff; }
  .theme--btn.btn--border {
    border-color: #02ad88;
    background-color: transparent;
    color: #02ad88; }

/*-- Buttons Hover Colors Options --*/
/*Light Button Hover*/
.btn--hover--light:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #02ad88; }

/*Light Button Hover Border*/
.btn--hover--light--border:hover {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff; }

/*Dark Button Hover*/
.btn--hover--dark:hover {
  background-color: #111929;
  border-color: #111929;
  color: #ffffff; }

/*Dark Button Hover Border*/
.btn--hover--dark--border:hover {
  background-color: transparent;
  border-color: #111929;
  color: #111929; }

/*Theme Button Hover*/
.btn--hover--theme:hover {
  background-color: #02ad88;
  border-color: #02ad88;
  color: #ffffff; }

/*Theme Button Hover Border*/
.btn--hover--theme--border:hover {
  background-color: transparent;
  border-color: #02ad88;
  color: #02ad88; }

/*-- Overlay --*/
.overlay {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 1; }
  .overlay::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #111929;
    z-index: -1; }

.overlay--darkblue::before {
  background-color: #111929; }

.overlay--theme::before {
  background-color: #02ad88; }

.overlay--light::before {
  background-color: #ffffff; }

.overlay--dark::before {
  background-color: #000000; }

.overlay--0::before {
  opacity: 0; }

.overlay--5::before {
  opacity: 0.05; }

.overlay--10::before {
  opacity: 0.1; }

.overlay--15::before {
  opacity: 0.15; }

.overlay--20::before {
  opacity: 0.2; }

.overlay--25::before {
  opacity: 0.25; }

.overlay--30::before {
  opacity: 0.3; }

.overlay--35::before {
  opacity: 0.35; }

.overlay--40::before {
  opacity: 0.4; }

.overlay--45::before {
  opacity: 0.45; }

.overlay--50::before {
  opacity: 0.5; }

.overlay--55::before {
  opacity: 0.55; }

.overlay--60::before {
  opacity: 0.6; }

.overlay--65::before {
  opacity: 0.65; }

.overlay--70::before {
  opacity: 0.7; }

.overlay--75::before {
  opacity: 0.75; }

.overlay--80::before {
  opacity: 0.8; }

.overlay--85::before {
  opacity: 0.85; }

.overlay--90::before {
  opacity: 0.9; }

.overlay--95::before {
  opacity: 0.95; }

.overlay--100::before {
  opacity: 1; }

/*------------------------------------------*/
/*  02. Header CSS
/*------------------------------------------*/
.header {
  background-color: #ffffff; }
  .header .justify-content-between > [class*="col"], .header .justify-content-between > [class*="col-"] {
    flex: 0 0 auto;
    width: auto; }
    .header .justify-content-between > [class*="col"]:first-child, .header .justify-content-between > [class*="col-"]:first-child {
      flex: 1 0 auto; }
  .header.header--transparent {
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999; }
  .header.header--fullwidth .container {
    width: 100%;
    max-width: none;
    padding: 0 100px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .header.header--fullwidth .container {
        padding: 0 30px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .header.header--fullwidth .container {
        padding: 0 30px; } }
    @media only screen and (max-width: 767px) {
      .header.header--fullwidth .container {
        padding: 0 30px; } }
  .header.header--sticky {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
    @media only screen and (max-width: 767px) {
      .header.header--sticky {
        position: static; } }
    .header.header--sticky.is--sticky {
      background-color: #ffffff;
      position: fixed;
      box-shadow: 0 0 10px rgba(17, 25, 41, 0.15);
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown; }
      @media only screen and (max-width: 767px) {
        .header.header--sticky.is--sticky {
          position: static; } }
      .header.header--sticky.is--sticky .header__top {
        display: none; }
        @media only screen and (max-width: 767px) {
          .header.header--sticky.is--sticky .header__top {
            display: block; } }

/*--
    - Header Top
-----------------------------------------*/
.header__top {
  background-color: #111929;
  padding: 10px 0; }

/*Header Top Links*/
.header__top__links {
  overflow: hidden; }
  .header__top__links p {
    margin: 5px 40px 5px 0;
    float: left;
    font-size: 14px;
    line-height: 20px; }
    .header__top__links p:last-child {
      margin-right: 0; }
    .header__top__links p span {
      font-weight: 500;
      color: #02ad88;
      text-transform: capitalize;
      margin-right: 3px; }
    .header__top__links p a {
      color: #b6b6b6; }
      .header__top__links p a:hover {
        color: #02ad88; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header__top__links p {
      margin: 5px 20px 5px 0;
      font-size: 12px; }
      .header__top__links p:last-child {
        margin-right: 0; } }
  @media only screen and (max-width: 767px) {
    .header__top__links p {
      margin: 5px 20px 5px 0; }
      .header__top__links p:last-child {
        margin-right: 0; } }

/*Header Top Social*/
.header__top__social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 5px 0; }
  .header__top__social a {
    color: #b6b6b6;
    margin-right: 20px;
    line-height: 20px; }
    .header__top__social a i {
      font-size: 14px;
      line-height: 20px;
      -webkit-transition: all 0s ease 0s;
      transition: all 0s ease 0s; }
    .header__top__social a:last-child {
      margin-right: 0; }
    .header__top__social a:hover {
      color: #02ad88; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header__top__social a {
      margin-right: 15px; }
      .header__top__social a i {
        font-size: 13px; }
      .header__top__social a:last-child {
        margin-right: 0; } }

/*Header Top Button*/
.header__top__btn {
  margin-left: 20px; }
  .header__top__btn a {
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    padding: 12px 20px 10px 20px;
    font-family: "Poppins", sans-serif;
    color: #ffffff;
    background-color: #02ad88;
    margin: -11px 0;
    position: relative;
    top: -1px; }
    .header__top__btn a:hover {
      background-color: #029474; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header__top__btn a {
      font-size: 14px;
      padding: 10px 15px;
      margin: -10px 0; } }
  @media only screen and (max-width: 767px) {
    .header__top__btn a {
      font-size: 14px;
      padding: 3px 10px;
      margin: 0; } }
  @media only screen and (max-width: 479px) {
    .header__top__btn {
      margin-left: 0; }
      .header__top__btn a {
        font-size: 14px;
        padding: 3px 10px;
        margin: 0; } }

/*--
    - Header Bottom
-----------------------------------------*/
.header__bottom {
  background-color: #ffffff; }

.header--transparent .header__bottom {
  background-color: transparent; }

/*Header Bottom Search*/
.header__bottom__search {
  position: relative; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .header__bottom__search {
      margin-right: 50px; } }
  @media only screen and (max-width: 767px) {
    .header__bottom__search {
      margin-right: 50px; } }

/*Search Toggle*/
.header__bottom__search__toggle {
  background-color: transparent;
  border: none;
  color: #111929;
  padding: 40px 0;
  line-height: 25px;
  display: block;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .header__bottom__search__toggle i {
    font-size: 18px;
    line-height: 25px; }
  .header__bottom__search__toggle:hover {
    color: #02ad88; }
  @media only screen and (max-width: 767px) {
    .header__bottom__search__toggle {
      padding: 25px 0; } }

.header--transparent .header__bottom__search__toggle {
  color: #ffffff; }
  .header--transparent .header__bottom__search__toggle:hover {
    color: #02ad88; }

.is--sticky .header__bottom__search__toggle {
  color: #111929; }
  .is--sticky .header__bottom__search__toggle:hover {
    color: #02ad88; }

/*Search Wrap*/
.header__bottom__search__wrap {
  position: absolute;
  top: 100%;
  right: 0;
  padding: 15px;
  z-index: 99;
  background-color: #ffffff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15); }
  .header__bottom__search__wrap form {
    position: relative;
    padding-right: 40px;
    width: 250px; }
    .header__bottom__search__wrap form input[type="text"] {
      width: 100%;
      line-height: 24px;
      padding: 7px 15px;
      border: 1px solid #eeeeee;
      background-color: transparent; }
    .header__bottom__search__wrap form button {
      position: absolute;
      right: 0;
      top: 0;
      width: 40px;
      height: 40px;
      background-color: #02ad88;
      color: #ffffff;
      text-align: center;
      padding: 0;
      border: none; }
      .header__bottom__search__wrap form button i {
        font-size: 16px;
        line-height: 40px; }
  @media only screen and (max-width: 479px) {
    .header__bottom__search__wrap {
      right: -60px; } }

/*Logo*/
.logo a {
  position: relative; }
  .logo a img.light {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0; }
@media only screen and (max-width: 767px) {
  .logo {
    margin: 15px 0; } }
@media only screen and (max-width: 479px) {
  .logo {
    width: 150px; }
    .logo a {
      display: block; } }

.header--transparent .logo a img {
  opacity: 0; }
  .header--transparent .logo a img.light {
    opacity: 1; }

/*Main Menu*/
.main__menu > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0; }
  .main__menu > ul > li {
    margin-left: 30px;
    position: relative; }
    .main__menu > ul > li:first-child {
      margin-left: 0; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .main__menu > ul > li {
        margin-left: 25px; }
        .main__menu > ul > li:first-child {
          margin-left: 0; } }
    .main__menu > ul > li > a {
      display: block;
      font-family: "Poppins", sans-serif;
      font-size: 16px;
      text-transform: capitalize;
      font-weight: 600;
      line-height: 25px;
      padding: 40px 0;
      white-space: nowrap;
      color: #111929; }
    .main__menu > ul > li.active > a, .main__menu > ul > li:hover > a {
      color: #02ad88; }
    .main__menu > ul > li.has-children > a::after {
      content: "\f107";
      font-family: 'FontAwesome';
      margin-left: 3px; }

.header--transparent .main__menu > ul > li > a {
  color: #ffffff; }
.header--transparent .main__menu > ul > li.active > a, .header--transparent .main__menu > ul > li:hover > a {
  color: #02ad88; }

.is--sticky .main__menu > ul > li > a {
  color: #111929; }
.is--sticky .main__menu > ul > li.active > a, .is--sticky .main__menu > ul > li:hover > a {
  color: #02ad88; }

/*Sub Menu*/
.sub__menu {
  display: none;
  position: absolute;
  left: -30px;
  top: 100%;
  background-color: #ffffff;
  z-index: 999;
  list-style: none;
  width: 250px;
  padding: 15px 0;
  box-shadow: 0 5px 10px rgba(17, 25, 41, 0.15); }
  .sub__menu li {
    position: relative; }
    .sub__menu li a {
      display: block;
      line-height: 24px;
      padding: 6px 30px;
      text-transform: capitalize;
      font-size: 13px;
      font-weight: 600; }
    .sub__menu li.active > a, .sub__menu li:hover > a {
      color: #02ad88; }
    .sub__menu li.has-children > a::after {
      content: "\f105";
      font-family: 'FontAwesome';
      margin-left: 3px;
      position: absolute;
      right: 20px;
      top: 0;
      line-height: 24px;
      padding: 6px 0; }
  .sub__menu .sub__menu {
    left: 100%;
    right: auto;
    top: 0; }

/*Mobile Menu Bar*/
.mobile__menu__bar {
  height: 2px;
  position: relative;
  background-color: #111929;
  width: 26px;
  display: block;
  margin: 8px 0; }
  .mobile__menu__bar::before, .mobile__menu__bar::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #111929; }
  .mobile__menu__bar::before {
    top: -8px; }
  .mobile__menu__bar::after {
    bottom: -8px; }

.header--transparent .mobile__menu__bar {
  background-color: #ffffff; }
  .header--transparent .mobile__menu__bar::before, .header--transparent .mobile__menu__bar::after {
    background-color: #ffffff; }

/*Mobile Menu Close*/
.mobile__menu__close {
  height: 2px;
  position: relative;
  background-color: transparent;
  width: 26px;
  display: block;
  margin: 8px 0; }
  .mobile__menu__close::before, .mobile__menu__close::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #202020; }
  .mobile__menu__close::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .mobile__menu__close::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.header--transparent .mobile__menu__close::before, .header--transparent .mobile__menu__close::after {
  background-color: #ffffff; }

/*Mobile Menu*/
.mobile__menu {
  width: 100% !important;
  flex: 1 0 100% !important; }
  .mobile__menu .meanmenu-reveal {
    position: absolute;
    top: -60px; }
    @media only screen and (max-width: 767px) {
      .mobile__menu .meanmenu-reveal {
        top: -45px; } }

.mean-nav {
  max-height: 210px;
  overflow-y: auto;
  background-color: #ffffff; }
  .mean-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-bottom: 15px; }
    .mean-nav ul li {
      position: relative; }
      .mean-nav ul li a {
        display: block;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        text-transform: capitalize;
        font-weight: 600;
        line-height: 40px;
        white-space: nowrap;
        color: #111929; }
        .mean-nav ul li a:hover {
          color: #02ad88; }
        .mean-nav ul li a.mean-expand {
          position: absolute;
          font-size: 20px !important;
          right: 0;
          top: 0;
          width: 40px;
          height: 40px;
          line-height: 40px;
          padding: 0;
          font-weight: 400;
          text-align: center;
          background-color: #f1f2f3; }
  .mean-nav .sub__menu {
    box-shadow: none;
    position: static;
    padding: 0;
    width: 100%;
    padding-left: 15px; }
    .mean-nav .sub__menu li a {
      padding: 0;
      font-size: 14px; }

.header--transparent .mean-nav ul li a {
  padding: 0 20px; }
  .header--transparent .mean-nav ul li a.mean-expand {
    padding: 0; }

/*------------------------------------------*/
/*  03. Hero CSS
/*------------------------------------------*/
.hero__section.header__one__sticky {
  margin-top: 155px; }
  @media only screen and (max-width: 767px) {
    .hero__section.header__one__sticky {
      margin-top: 0; } }

.hero__slider {
  overflow: hidden; }
  .hero__slider .slick-arrow {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    border-radius: 50px;
    border: none;
    background-color: #384351;
    color: #ffffff;
    text-align: center;
    padding: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 9; }
    .hero__slider .slick-arrow.slick-prev {
      left: 20px; }
    .hero__slider .slick-arrow.slick-next {
      right: 20px; }
    .hero__slider .slick-arrow i {
      display: block;
      font-size: 26px;
      line-height: 60px; }
    .hero__slider .slick-arrow:hover {
      background-color: #02ad88; }
  .hero__slider .slick-dots {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    padding: 0 30px;
    list-style: none;
    margin: 0; }
    .hero__slider .slick-dots li {
      margin: 0 5px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex; }
      .hero__slider .slick-dots li button {
        border: 3px solid #ffffff;
        width: 16px;
        height: 16px;
        border-radius: 50px;
        padding: 0;
        background-color: transparent;
        text-indent: -9999px; }
      .hero__slider .slick-dots li.slick-active button {
        background-color: #ffffff; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero__slider .slick-arrow.slick-prev {
      left: 10px; }
    .hero__slider .slick-arrow.slick-next {
      right: 10px; } }
  @media only screen and (max-width: 479px) {
    .hero__slider .slick-dots {
      bottom: 30px; } }

/*-- Hero Item --*/
.hero__item {
  padding: 215px 0;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative; }
  .hero__item::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #111929;
    opacity: 0.4; }
  .hero__item.hero__fullscreen {
    height: 100vh;
    display: flex;
    align-items: center; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero__item {
      padding: 160px 0; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero__item {
      padding: 130px 0; } }
  @media only screen and (max-width: 767px) {
    .hero__item {
      padding: 100px 0; }
      .hero__item.hero__fullscreen {
        height: auto; } }
  @media only screen and (max-width: 479px) {
    .hero__item {
      padding: 70px 0; }
      .hero__item.hero__fullscreen {
        height: auto; } }

/*Hero Content*/
.hero__content {
  position: relative;
  z-index: 9; }
  .hero__content * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .hero__content h1 {
    font-size: 90px;
    font-weight: 800;
    line-height: 1.1;
    color: #ffffff;
    margin-bottom: 27px; }
  .hero__content p {
    max-width: 750px;
    font-size: 22px;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 40px;
    color: #ffffff; }
  .hero__content.hero__content--2 h1 {
    font-size: 75px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero__content.hero__content--2 h1 {
      font-size: 70px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero__content.hero__content--2 h1 {
      font-size: 60px; } }
  @media only screen and (max-width: 767px) {
    .hero__content.hero__content--2 h1 {
      font-size: 40px;
      margin-bottom: 22px; } }
  @media only screen and (max-width: 479px) {
    .hero__content.hero__content--2 h1 {
      font-size: 30px;
      margin-bottom: 15px; } }
  .hero__content.text-center p {
    margin-left: auto;
    margin-right: auto; }
  .hero__content.text-right p {
    margin-left: auto; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero__content h1 {
      font-size: 70px; }
    .hero__content p {
      font-size: 18px;
      line-height: 32px;
      max-width: 650px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero__content h1 {
      font-size: 60px; }
    .hero__content p {
      font-size: 16px;
      line-height: 30px;
      max-width: 600px; } }
  @media only screen and (max-width: 767px) {
    .hero__content h1 {
      font-size: 50px;
      margin-bottom: 22px; }
    .hero__content p {
      font-size: 16px;
      line-height: 30px;
      max-width: 600px;
      margin-bottom: 30px; }
    .hero__content .btn {
      padding: 9px 30px;
      font-size: 14px;
      height: 46px; } }
  @media only screen and (max-width: 479px) {
    .hero__content h1 {
      font-size: 36px;
      margin-bottom: 15px; }
    .hero__content p {
      font-size: 14px;
      line-height: 28px;
      margin-bottom: 20px; }
    .hero__content .btn {
      padding: 7px 30px;
      font-size: 14px;
      height: 42px; } }

/*------------------------------------------*/
/*  04. Feature CSS
/*------------------------------------------*/
.home__feature__wrap {
  width: 600px;
  padding-right: 15px;
  padding-left: 100px;
  float: left;
  padding-top: 130px;
  padding-bottom: 130px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home__feature__wrap {
      width: 480px;
      padding-left: 50px;
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home__feature__wrap {
      width: 100%;
      max-width: 720px;
      padding-left: 15px;
      padding-top: 80px;
      padding-bottom: 80px;
      margin: auto; } }
  @media only screen and (max-width: 767px) {
    .home__feature__wrap {
      width: 100%;
      max-width: 450px;
      padding-left: 15px;
      padding-top: 50px;
      padding-bottom: 50px;
      margin: auto; } }

/*Page Feature Wrap*/
.page__feature__wrap {
  padding-left: 85px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__feature__wrap {
      padding-left: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__feature__wrap {
      padding-left: 15px; } }
  @media only screen and (max-width: 767px) {
    .page__feature__wrap {
      padding-left: 15px; } }

/*Feature*/
.feature {
  margin-bottom: 35px; }
  .feature:last-child {
    margin-bottom: 0; }

.feature__icon {
  float: left;
  width: 46px;
  margin-right: 25px; }
  .feature__icon i {
    font-size: 50px;
    color: #02ad88; }

.feature__content {
  overflow: hidden; }
  .feature__content h4 {
    margin-top: 0;
    font-weight: 700;
    margin-bottom: 10px;
    color: #111929; }
  .feature__content p {
    color: #111929;
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    max-width: 360px; }

.feature-white .feature__content h4 {
  color: #ffffff; }
.feature-white .feature__content p {
  color: #e3e3e3; }

/*------------------------------------------*/
/*  05. About CSS
/*------------------------------------------*/
/*Home About Content*/
.home__about__content h1 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 800;
  margin-bottom: 25px; }
  .home__about__content h1 span {
    color: #02ad88; }
.home__about__content p {
  font-size: 18px;
  line-height: 34px;
  font-weight: 500;
  margin-bottom: 30px;
  max-width: 960px; }
  .home__about__content p:last-child {
    margin-bottom: 0; }
.home__about__content.home__about__content--2 h1 {
  font-size: 60px;
  margin-bottom: 40px; }
  .home__about__content.home__about__content--2 h1 span {
    display: block;
    font-size: 40px;
    margin-bottom: 9px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home__about__content.home__about__content--2 h1 {
    font-size: 50px;
    margin-bottom: 30px; }
    .home__about__content.home__about__content--2 h1 span {
      font-size: 34px; } }
@media only screen and (max-width: 767px) {
  .home__about__content.home__about__content--2 h1 {
    font-size: 30px;
    margin-bottom: 20px; }
    .home__about__content.home__about__content--2 h1 span {
      font-size: 24px;
      margin-bottom: 0; } }
.home__about__content.text-center p {
  margin-left: auto;
  margin-right: auto; }
.home__about__content.text-right p {
  margin-left: auto; }
@media only screen and (max-width: 767px) {
  .home__about__content h1 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 20px; }
  .home__about__content p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px; } }
@media only screen and (max-width: 479px) {
  .home__about__content h1 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px; } }

/*About Content Block*/
.about__content__block img {
  margin-bottom: 40px;
  width: 100%; }
.about__content__block h4 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 14px; }
.about__content__block p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #111929; }

/*------------------------------------------*/
/*  06. CallBack CSS
/*------------------------------------------*/
/*Video Content*/
.video__content p {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .video__content p .video__popup {
    margin: 0 20px; }
@media only screen and (max-width: 767px) {
  .video__content p {
    font-size: 16px; }
    .video__content p .video__popup {
      margin: 0 15px; }
      .video__content p .video__popup img {
        width: 35px; } }
@media only screen and (max-width: 479px) {
  .video__content p {
    display: block; }
    .video__content p span {
      display: block; }
    .video__content p .video__popup {
      margin: 15px; } }

/*Call Back Wrap*/
.callback__wrap {
  background-color: #02ad88;
  padding: 40px 130px 85px;
  margin-bottom: -200px;
  margin-top: 120px; }
  .callback__wrap .title {
    background-image: url(../images/icons/callback-form-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    padding: 50px 0;
    margin-bottom: 25px;
    margin-top: 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .callback__wrap {
      margin-top: 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .callback__wrap {
      margin-top: 100px;
      padding: 25px 80px 55px; } }
  @media only screen and (max-width: 767px) {
    .callback__wrap {
      margin-top: 70px;
      padding: 20px 60px 20px 60px; }
      .callback__wrap .title {
        background-size: 100px;
        font-size: 24px;
        padding: 40px 0;
        margin-bottom: 20px; } }
  @media only screen and (max-width: 479px) {
    .callback__wrap {
      margin-top: 70px;
      padding: 0 40px 0 40px; }
      .callback__wrap .title {
        background-size: 80px;
        font-size: 18px;
        padding: 40px 0;
        margin-bottom: 0; } }

/*Call Back Form*/
.callback__form input {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 0;
  height: 46px;
  width: 100%;
  line-height: 26px;
  padding: 10px 20px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #f1f1f1;
  display: block; }
  .callback__form input:-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .callback__form input::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .callback__form input::-moz-placeholder, .callback__form input textarea::-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .callback__form input:-ms-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .callback__form input[type="submit"] {
    font-weight: 600;
    font-size: 15px;
    padding: 9px 20px;
    color: #111929;
    border: 2px solid #ffffff;
    background-color: #ffffff;
    width: 100%; }
    .callback__form input[type="submit"]:hover {
      background-color: transparent;
      color: #ffffff; }
.callback__form textarea {
  background-color: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 0;
  height: 107px;
  width: 100%;
  line-height: 26px;
  padding: 10px 20px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #f1f1f1;
  resize: none;
  display: block; }
@media only screen and (max-width: 767px) {
  .callback__form .row [class*="col-"]:first-child {
    margin-bottom: 0; }
  .callback__form input[type="submit"] {
    font-size: 14px;
    padding: 10px 20px; } }

/*------------------------------------------*/
/*  07. Case CSS
/*------------------------------------------*/
/*Case Item*/
.case__item:hover .case__image img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

/*Case Image*/
.case__image {
  display: block;
  margin-bottom: 21px;
  overflow: hidden; }
  .case__image img {
    width: 100%; }

/*Case Content*/
.case__content .title {
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px; }
  .case__content .title a {
    color: #111929; }
    .case__content .title a:hover {
      color: #02ad88; }
.case__content p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px; }
.case__content .learn-more {
  text-transform: capitalize;
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  border-bottom: 2px solid #111929; }
  .case__content .learn-more:hover {
    color: #02ad88;
    border-color: #02ad88; }

/*-- Case Details --*/
.case__details__image {
  margin-bottom: 50px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .case__details__image {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .case__details__image {
      margin-bottom: 20px; } }
  .case__details__image img {
    width: 100%; }

.case__details__title {
  font-weight: 700;
  margin-top: 0; }
  @media only screen and (max-width: 767px) {
    .case__details__title {
      font-size: 24px;
      line-height: 30px; } }
  @media only screen and (max-width: 479px) {
    .case__details__title {
      font-size: 22px; } }

.case__details__description p {
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 30px; }
  .case__details__description p:last-child {
    margin-bottom: 0; }
.case__details__description h1, .case__details__description h2, .case__details__description h3, .case__details__description h4, .case__details__description h5, .case__details__description h6 {
  font-weight: 700;
  margin-top: 0; }
.case__details__description img {
  margin-bottom: 35px;
  width: 100%; }
.case__details__description .list__number {
  padding-left: 0;
  list-style: decimal-leading-zero inside;
  margin-bottom: 30px; }
  .case__details__description .list__number:last-child {
    margin-bottom: 0; }
  .case__details__description .list__number li {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #111929; }
@media only screen and (max-width: 767px) {
  .case__details__description p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 25px; }
  .case__details__description h1, .case__details__description h2, .case__details__description h3 {
    font-size: 24px; }
  .case__details__description img {
    margin-bottom: 25px; }
  .case__details__description .list__number {
    margin-bottom: 25px; }
    .case__details__description .list__number:last-child {
      margin-bottom: 0; }
    .case__details__description .list__number li {
      font-size: 14px;
      line-height: 28px; } }
@media only screen and (max-width: 767px) {
  .case__details__description h1, .case__details__description h2, .case__details__description h3 {
    font-size: 18px; } }

/*Case Tab*/
.case__tab ul {
  list-style: none;
  padding-left: 0; }
  .case__tab ul li {
    padding-left: 25px;
    position: relative;
    font-size: 16pxc;
    line-height: 28px; }
    .case__tab ul li::before {
      content: "\f101";
      font-family: Fontawesome;
      font-size: 18px;
      line-height: 24px;
      position: absolute;
      left: 0;
      top: 0; }

/*Case Info*/
.case__info {
  background-color: #02ad88;
  padding: 50px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .case__info {
      padding: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .case__info {
      padding: 30px; } }
  @media only screen and (max-width: 479px) {
    .case__info {
      padding: 30px; } }
  .case__info ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .case__info ul li {
      font-size: 16px;
      font-weight: 500;
      line-height: 36px;
      color: #ffffff; }
      .case__info ul li a:hover {
        color: #ffffff;
        text-decoration: underline; }

/*------------------------------------------*/
/*  08. Quote CSS
/*------------------------------------------*/
.page__quote__section {
  background-color: #f1f2f3;
  position: relative; }

/*Quote Left Image*/
.quote__left__image img {
  width: 100%; }

.page__quote__left__image {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .page__quote__left__image img {
    width: 100%;
    display: none; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__quote__left__image {
      background-image: none;
      position: static; }
      .page__quote__left__image img {
        display: block; } }
  @media only screen and (max-width: 767px) {
    .page__quote__left__image {
      background-image: none;
      position: static; }
      .page__quote__left__image img {
        display: block; } }

/*Quote Right Wrap*/
.quote__right__wrap {
  padding-left: 40px; }
  .quote__right__wrap h2 {
    font-size: 32px;
    line-height: 44px;
    font-weight: 800;
    margin-bottom: 23px;
    margin-top: 0; }
    .quote__right__wrap h2 span {
      color: #02ad88; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .quote__right__wrap h2 {
      font-size: 26px;
      line-height: 36px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .quote__right__wrap {
      padding-left: 0; } }
  @media only screen and (max-width: 767px) {
    .quote__right__wrap {
      padding-left: 0; }
      .quote__right__wrap h2 {
        font-size: 30px;
        line-height: 40px; } }
  @media only screen and (max-width: 479px) {
    .quote__right__wrap h2 {
      font-size: 24px;
      line-height: 36px; } }

.page__quote__right__wrap {
  padding-top: 150px;
  padding-bottom: 150px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__quote__right__wrap {
      padding-top: 100px;
      padding-bottom: 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__quote__right__wrap {
      padding-top: 100px;
      padding-bottom: 100px; } }
  @media only screen and (max-width: 767px) {
    .page__quote__right__wrap {
      padding-top: 70px;
      padding-bottom: 70px; } }

/*Home Quote*/
.home__quote p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 38px; }
.home__quote img {
  width: 78px;
  height: 78px;
  border-radius: 50%;
  margin-right: 30px; }
.home__quote h3 {
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  margin: 0 0 9px; }
.home__quote h5 {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0; }
@media only screen and (max-width: 479px) {
  .home__quote p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 30px; }
  .home__quote img {
    width: 70px;
    height: 70px;
    margin-right: 20px; }
  .home__quote h3 {
    font-size: 18px; }
  .home__quote h5 {
    font-size: 14px; } }

/*------------------------------------------*/
/*  09. Team CSS
/*------------------------------------------*/
/*Home Team Slider*/
.home__team__slider {
  margin-bottom: -220px;
  margin-top: 140px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home__team__slider {
      margin-top: 90px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home__team__slider {
      margin-top: 90px; } }
  @media only screen and (max-width: 767px) {
    .home__team__slider {
      margin-top: 60px; } }

/*Team*/
.team:hover .team__image::before {
  opacity: 0.8; }
.team:hover .team__social a {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1; }
.team:hover .team__content .line {
  background-color: #02ad88; }

.team__image {
  position: relative;
  margin-bottom: 22px; }
  .team__image::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #02ad88;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0; }
  .team__image img {
    width: 100%; }

.team__social {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }
  .team__social a {
    padding: 0;
    margin: 0 13px;
    color: #ffffff;
    opacity: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
    .team__social a i {
      font-size: 18px;
      line-height: 24px; }
    .team__social a:nth-child(1) {
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
    .team__social a:nth-child(2) {
      -webkit-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
    .team__social a:nth-child(3) {
      -webkit-transition: all 0.3s ease 0.2s;
      transition: all 0.3s ease 0.2s; }
    .team__social a:nth-child(4) {
      -webkit-transition: all 0.3s ease 0.3s;
      transition: all 0.3s ease 0.3s; }
    .team__social a:nth-child(5) {
      -webkit-transition: all 0.3s ease 0.4s;
      transition: all 0.3s ease 0.4s; }
  @media only screen and (max-width: 767px) {
    .team__social {
      bottom: 30px; }
      .team__social a {
        margin: 0 10px; } }

.team__content .line {
  width: 2px;
  height: 18px;
  background-color: #111929;
  display: block;
  margin: 0 auto 18px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
.team__content h4 {
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0 0 6px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
.team__content h5 {
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0; }

/*------------------------------------------*/
/*  10. Funfact CSS
/*------------------------------------------*/
/*Funfact*/
@media only screen and (max-width: 767px) {
  .funfact {
    flex: 0 0 50%; } }
@media only screen and (max-width: 479px) {
  .funfact {
    flex: 0 0 100%; } }
.funfact .counter {
  font-size: 50px;
  line-height: 1;
  font-weight: 700;
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 4px; }
.funfact h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #f1f2f3;
  margin-top: 0;
  margin-bottom: 13px; }
.funfact .line {
  display: block;
  width: 70px;
  height: 2px;
  background-color: #ffffff; }

/*------------------------------------------*/
/*  11. Service CSS
/*------------------------------------------*/
/*Service*/
.service__item {
  position: relative;
  overflow: hidden; }
  .service__item::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #111929;
    opacity: 0.7;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 2; }
  .service__item img {
    width: 100%;
    z-index: 1; }
  .service__item:hover::before {
    background-color: #02ad88;
    opacity: 0.9; }
  .service__item:hover img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15); }
  .service__item:hover .service__content {
    top: 0%;
    margin-top: 0;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; }
    .service__item:hover .service__content p {
      opacity: 1; }

.service__content {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 30px;
  top: 50%;
  margin-top: -40px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 3; }
  .service__content h4 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
    color: #ffffff;
    float: left;
    width: 100%; }
  .service__content p {
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 500;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service__content {
      padding: 20px; }
      .service__content h4 {
        font-size: 16px; } }

/*Service Two*/
.service__two__inner {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 65px 45px;
  border: 2px solid #f1f2f3;
  z-index: 1; }
  .service__two__inner::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: -1;
    opacity: 1; }
  .service__two__inner:hover::before {
    background-color: #111929;
    opacity: 0.8; }
  .service__two__inner:hover .service__two__content h3 {
    color: #ffffff; }
  .service__two__inner:hover .service__two__content p {
    color: #ffffff; }
  .service__two__inner:hover .service__two__content .service__btn {
    border-color: #02ad88;
    color: #02ad88; }
    .service__two__inner:hover .service__two__content .service__btn:hover {
      background-color: #02ad88;
      border-color: #02ad88;
      color: #ffffff; }
  .service__two__inner:hover .service__two__content .service__btn--two {
    border-color: #02ad88;
    color: #02ad88;
    background-color: transparent; }
    .service__two__inner:hover .service__two__content .service__btn--two:hover {
      background-color: #02ad88;
      border-color: #02ad88;
      color: #ffffff; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service__two__inner {
      padding: 55px 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .service__two__inner {
      padding: 55px 35px; } }
  @media only screen and (max-width: 479px) {
    .service__two__inner {
      padding: 55px 35px; } }

.service__two__content img {
  margin-bottom: 25px; }
.service__two__content h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  color: #111929;
  margin-top: 0;
  margin-bottom: 18px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
.service__two__content p {
  font-size: 15px;
  line-height: 28px;
  color: #111929;
  margin-bottom: 31px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
.service__two__content .service__btn {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  color: #979797;
  border: 2px solid #979797;
  display: block;
  margin: auto; }
  .service__two__content .service__btn i {
    font-size: 26px;
    line-height: 36px;
    display: block; }
  .service__two__content .service__btn:hover {
    background-color: #02ad88;
    border-color: #02ad88;
    color: #ffffff; }
.service__two__content .service__btn--two {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  color: #ffffff;
  background-color: #b9cadc;
  border: 2px solid #b9cadc;
  display: block;
  margin: auto; }
  .service__two__content .service__btn--two i {
    font-size: 26px;
    line-height: 36px;
    display: block; }
  .service__two__content .service__btn--two:hover {
    background-color: #02ad88;
    border-color: #02ad88;
    color: #ffffff; }

/*Service Details*/
.service__details {
  padding-left: 35px;
  margin-bottom: 20px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .service__details {
      padding-left: 15px; } }
  @media only screen and (max-width: 767px) {
    .service__details {
      padding-left: 15px; } }

.service__details__image {
  margin-bottom: 50px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .service__details__image {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .service__details__image {
      margin-bottom: 20px; } }
  .service__details__image > div {
    margin-bottom: 10px; }
    .service__details__image > div:first-child {
      max-width: 60%;
      flex: 0 0 60%; }
    .service__details__image > div:last-child {
      max-width: 40%;
      flex: 0 0 40%; }
    .service__details__image > div img {
      width: 100%; }

.service__details__title {
  font-weight: 700;
  margin-top: 0; }
  @media only screen and (max-width: 767px) {
    .service__details__title {
      font-size: 24px;
      line-height: 30px; } }
  @media only screen and (max-width: 479px) {
    .service__details__title {
      font-size: 22px; } }

.service__details__description p {
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 30px; }
  .service__details__description p:last-child {
    margin-bottom: 0; }
.service__details__description h1, .service__details__description h2, .service__details__description h3, .service__details__description h4, .service__details__description h5, .service__details__description h6 {
  font-weight: 700;
  margin-top: 0; }
.service__details__description img {
  margin-bottom: 30px;
  width: 100%; }
.service__details__description ul {
  padding-left: 0;
  list-style: decimal-leading-zero inside;
  margin-bottom: 30px; }
  .service__details__description ul:last-child {
    margin-bottom: 0; }
  .service__details__description ul li {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #111929; }
@media only screen and (max-width: 767px) {
  .service__details__description p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 25px; }
  .service__details__description h1, .service__details__description h2, .service__details__description h3 {
    font-size: 24px; }
  .service__details__description img {
    margin-bottom: 25px; }
  .service__details__description ul {
    margin-bottom: 25px; }
    .service__details__description ul:last-child {
      margin-bottom: 0; }
    .service__details__description ul li {
      font-size: 14px;
      line-height: 28px; } }
@media only screen and (max-width: 767px) {
  .service__details__description h1, .service__details__description h2, .service__details__description h3 {
    font-size: 18px; } }

.service__quote {
  background-color: #111929;
  padding: 60px;
  overflow: hidden;
  margin-top: 50px;
  margin-bottom: 50px; }
  .service__quote h3 {
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 0; }
  .service__quote p {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff; }
  @media only screen and (max-width: 767px) {
    .service__quote p {
      font-size: 14px;
      line-height: 28px; } }
  @media only screen and (max-width: 479px) {
    .service__quote {
      padding: 30px; }
      .service__quote h3 {
        font-size: 18px;
        line-height: 28px; } }

.service__details__query {
  background-color: #02ad88;
  padding: 50px; }
  .service__details__query h4 {
    color: #ffffff;
    margin-top: 0; }
  .service__details__query h3 {
    margin-top: 0;
    color: #ffffff;
    margin-bottom: 34px; }
  @media only screen and (max-width: 479px) {
    .service__details__query {
      padding: 30px; }
      .service__details__query h3 {
        font-size: 22px;
        line-height: 28px; } }

/*------------------------------------------*/
/*  12. Project CSS
/*------------------------------------------*/
/*Project*/
.project__inner {
  position: relative; }
  .project__inner:hover .project__image::before {
    opacity: 0.85; }
  .project__inner:hover .project__content h3 {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .project__inner:hover .project__content span {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .project__inner:hover .project__content .project__btn {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

.project__image {
  display: block;
  position: relative; }
  .project__image::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #02ad88;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .project__image img {
    width: 100%; }

.project__content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
  padding: 0 15px; }
  .project__content h3 {
    margin-top: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    opacity: 0; }
    .project__content h3 a {
      color: #ffffff; }
  .project__content span {
    display: block;
    margin-bottom: 13px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    opacity: 0; }
    .project__content span a {
      font-size: 16px;
      line-height: 20px;
      font-weight: 500;
      color: #ffffff; }
  .project__content .project__btn {
    display: block;
    width: 40px;
    height: 40px;
    border: 2px solid #ffffff;
    margin: auto;
    color: #ffffff;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0; }
    .project__content .project__btn i {
      font-size: 18px;
      line-height: 38px;
      display: block; }
    .project__content .project__btn:hover {
      background-color: #ffffff;
      color: #02ad88; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .project__content h3 {
      font-size: 18px; }
    .project__content span a {
      font-size: 14px; } }
  @media only screen and (max-width: 479px) {
    .project__content h3 {
      font-size: 18px; }
    .project__content span a {
      font-size: 14px; } }

/*Project Two*/
.project__two__inner {
  position: relative; }
  .project__two__inner:hover .project__two__image::before {
    opacity: 0.85; }
  .project__two__inner:hover .project__two__content .project__two__btn__group .project__two__btn {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }
  .project__two__inner:hover .project__two__content span {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

.project__two__image {
  display: block;
  position: relative; }
  .project__two__image::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #111929;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .project__two__image img {
    width: 100%; }

.project__two__content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
  padding: 0 15px; }
  .project__two__content span {
    display: block;
    margin-bottom: 13px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0; }
    .project__two__content span a {
      font-size: 14px;
      line-height: 20px;
      font-weight: 500;
      color: #ffffff;
      background-color: #02ad88;
      padding: 4px 20px; }
      .project__two__content span a:hover {
        background-color: #ffffff;
        color: #02ad88; }
  .project__two__content .project__two__btn__group {
    margin: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-bottom: 20px; }
    .project__two__content .project__two__btn__group .project__two__btn {
      display: block;
      width: 40px;
      height: 40px;
      border: 2px solid #ffffff;
      color: #ffffff;
      border-radius: 50px;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      opacity: 0;
      margin: 0 7px; }
      .project__two__content .project__two__btn__group .project__two__btn i {
        font-size: 18px;
        line-height: 38px;
        display: block; }
      .project__two__content .project__two__btn__group .project__two__btn:hover {
        background-color: #02ad88;
        border-color: #02ad88;
        color: #ffffff; }
      .project__two__content .project__two__btn__group .project__two__btn:first-child {
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px); }
      .project__two__content .project__two__btn__group .project__two__btn:last-child {
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px); }

/*Project Details*/
.project__details__image {
  margin-bottom: 50px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .project__details__image {
      margin-bottom: 40px; } }
  @media only screen and (max-width: 767px) {
    .project__details__image {
      margin-bottom: 20px; } }
  .project__details__image > div {
    margin-bottom: 10px; }
    .project__details__image > div:first-child {
      max-width: 62%;
      flex: 0 0 62%; }
    .project__details__image > div:last-child {
      max-width: 38%;
      flex: 0 0 38%; }
    .project__details__image > div img {
      width: 100%; }

.project__details__title {
  font-weight: 700;
  margin-top: 0; }
  @media only screen and (max-width: 767px) {
    .project__details__title {
      font-size: 24px;
      line-height: 30px; } }
  @media only screen and (max-width: 479px) {
    .project__details__title {
      font-size: 22px; } }

.project__details__description p {
  font-size: 16px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 30px; }
  .project__details__description p:last-child {
    margin-bottom: 0; }
.project__details__description h1, .project__details__description h2, .project__details__description h3, .project__details__description h4, .project__details__description h5, .project__details__description h6 {
  font-weight: 700;
  margin-top: 0; }
.project__details__description img {
  margin-bottom: 30px;
  width: 100%; }
.project__details__description .list__number {
  padding-left: 0;
  list-style: decimal-leading-zero inside;
  margin-bottom: 30px; }
  .project__details__description .list__number:last-child {
    margin-bottom: 0; }
  .project__details__description .list__number li {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #111929; }
@media only screen and (max-width: 767px) {
  .project__details__description p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 25px; }
  .project__details__description h1, .project__details__description h2, .project__details__description h3 {
    font-size: 24px; }
  .project__details__description img {
    margin-bottom: 25px; }
  .project__details__description .list__number {
    margin-bottom: 25px; }
    .project__details__description .list__number:last-child {
      margin-bottom: 0; }
    .project__details__description .list__number li {
      font-size: 14px;
      line-height: 28px; } }
@media only screen and (max-width: 767px) {
  .project__details__description h1, .project__details__description h2, .project__details__description h3 {
    font-size: 18px; } }

/*Project Tab*/
.project__tab ul {
  list-style: none;
  padding-left: 0; }
  .project__tab ul li {
    padding-left: 25px;
    position: relative;
    font-size: 16pxc;
    line-height: 28px; }
    .project__tab ul li::before {
      content: "\f101";
      font-family: Fontawesome;
      font-size: 18px;
      line-height: 24px;
      position: absolute;
      left: 0;
      top: 0; }

/*Project Info*/
.project__info {
  background-color: #02ad88;
  padding: 50px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .project__info {
      padding: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .project__info {
      padding: 30px; } }
  @media only screen and (max-width: 479px) {
    .project__info {
      padding: 30px; } }
  .project__info ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .project__info ul li {
      font-size: 16px;
      font-weight: 500;
      line-height: 36px;
      color: #ffffff; }
      .project__info ul li a:hover {
        color: #ffffff;
        text-decoration: underline; }

/*------------------------------------------*/
/*  13. Testimonial CSS
/*------------------------------------------*/
.home__testimonial__wrap {
  width: 600px;
  padding-left: 15px;
  padding-right: 70px;
  float: right;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-align-self: center;
  align-self: center;
  margin-left: auto;
  padding-top: 100px;
  padding-bottom: 100px; }
  .home__testimonial__wrap h1 {
    font-weight: 800;
    margin-bottom: 32px;
    margin-top: 0; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home__testimonial__wrap {
      width: 480px;
      padding-right: 50px; }
      .home__testimonial__wrap h1 {
        font-size: 30px;
        line-height: 36px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .home__testimonial__wrap {
      width: 100%;
      max-width: 720px;
      padding-right: 15px;
      margin: auto; } }
  @media only screen and (max-width: 767px) {
    .home__testimonial__wrap {
      width: 100%;
      max-width: 450px;
      padding-right: 15px;
      margin: auto; }
      .home__testimonial__wrap h1 {
        font-size: 30px;
        line-height: 36px; } }
  @media only screen and (max-width: 479px) {
    .home__testimonial__wrap {
      width: 100%;
      max-width: 320px; }
      .home__testimonial__wrap h1 {
        font-size: 24px;
        line-height: 30px; } }

/*Testimonial Slider*/
.testimonial__slider .slick-dots {
  margin-top: 45px;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start; }

/*Testimonial*/
.testimonial {
  padding-right: 20px; }
  .testimonial p {
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    color: #111929;
    margin-bottom: 30px; }
  .testimonial h3 {
    text-transform: capitalize;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 7px; }
  .testimonial h5 {
    text-transform: capitalize;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-top: 0;
    color: #02ad88;
    margin-bottom: 8px; }
  .testimonial .line {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #02ad88; }
  @media only screen and (max-width: 479px) {
    .testimonial {
      padding-right: 0; }
      .testimonial p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px; }
      .testimonial h3 {
        font-size: 18px;
        line-height: 24px; } }

/*------------------------------------------*/
/*  14. Blog CSS
/*------------------------------------------*/
/*Blog*/
.blog--grid .blog__image {
  width: 100%;
  margin-bottom: 30px; }
  .blog--grid .blog__image a {
    display: block; }
    .blog--grid .blog__image a img {
      width: 100%; }
.blog--grid .blog__content .blog__date {
  font-size: 12px;
  font-weight: 600;
  line-height: 23px;
  height: 23px;
  padding: 1px 10px;
  background-color: #02ad88;
  color: #ffffff;
  display: inline-block;
  margin-bottom: 13px; }
.blog--grid .blog__content .blog__title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-top: 0; }
  .blog--grid .blog__content .blog__title a {
    color: #111929; }
    .blog--grid .blog__content .blog__title a:hover {
      color: #02ad88; }
.blog--grid .blog__content .blog__desc {
  margin-bottom: 12px; }
  .blog--grid .blog__content .blog__desc p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500; }
.blog--grid .blog__content .blog__readmore {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  color: #111929;
  border-bottom: 2px solid #111929; }
  .blog--grid .blog__content .blog__readmore:hover {
    color: #02ad88;
    border-color: #02ad88; }
@media only screen and (max-width: 479px) {
  .blog--grid .blog__content .blog__title {
    font-size: 18px;
    line-height: 28px; } }

/*Blog List*/
.blog--list {
  background-color: #f1f2f3;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .blog--list:last-child {
    margin-bottom: 0; }
  .blog--list .blog__image {
    width: 100%;
    max-width: 180px; }
    .blog--list .blog__image a {
      display: block; }
      .blog--list .blog__image a img {
        width: 100%; }
  .blog--list .blog__content {
    padding: 25px 30px;
    overflow: hidden; }
    .blog--list .blog__content .blog__date {
      font-size: 12px;
      font-weight: 600;
      line-height: 23px;
      height: 23px;
      padding: 1px 10px;
      background-color: #02ad88;
      color: #ffffff;
      display: inline-block;
      margin-bottom: 13px; }
    .blog--list .blog__content .blog__title {
      font-size: 16px;
      line-height: 24px;
      font-weight: 700;
      margin-bottom: 12px;
      margin-top: 0; }
      .blog--list .blog__content .blog__title a {
        color: #111929; }
        .blog--list .blog__content .blog__title a:hover {
          color: #02ad88; }
    .blog--list .blog__content .blog__readmore {
      font-size: 14px;
      line-height: 20px;
      font-weight: 600;
      color: #111929;
      border-bottom: 2px solid #111929; }
      .blog--list .blog__content .blog__readmore:hover {
        color: #02ad88;
        border-color: #02ad88; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog--list .blog__image {
      max-width: 180px; }
    .blog--list .blog__content {
      padding: 20px 25px; }
      .blog--list .blog__content .blog__date {
        margin-bottom: 10px; }
      .blog--list .blog__content .blog__title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px; } }
  @media only screen and (max-width: 767px) {
    .blog--list .blog__image {
      max-width: 180px; }
    .blog--list .blog__content {
      padding: 20px 25px; }
      .blog--list .blog__content .blog__date {
        margin-bottom: 10px; }
      .blog--list .blog__content .blog__title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px; } }
  @media only screen and (max-width: 479px) {
    .blog--list {
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .blog--list .blog__image {
        max-width: none;
        width: 100%;
        flex: 1 0 100%; }
      .blog--list .blog__content {
        padding: 30px; }
        .blog--list .blog__content .blog__date {
          margin-bottom: 14px; }
        .blog--list .blog__content .blog__title {
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 12px; } }

/*------------------------------------------*/
/*  15. Blog Single CSS
/*------------------------------------------*/
.single__blog .blog__image {
  width: 100%;
  margin-bottom: 50px; }
  .single__blog .blog__image img {
    width: 100%; }
.single__blog .blog__content .blog__meta {
  padding: 0;
  list-style: none;
  overflow: hidden;
  padding-bottom: 30px;
  border-bottom: 1px solid #d6dce2;
  margin-bottom: 45px; }
  .single__blog .blog__content .blog__meta li {
    float: left;
    margin-right: 50px;
    font-size: 14px;
    font-weight: 500;
    color: #111929;
    margin-bottom: 10px; }
    .single__blog .blog__content .blog__meta li:last-child {
      margin-right: 0; }
    .single__blog .blog__content .blog__meta li.blog__date span {
      font-weight: 600;
      line-height: 24px;
      padding: 0 10px;
      background-color: #02ad88;
      color: #ffffff;
      display: inline-block; }
.single__blog .blog__content .blog__desc {
  margin-bottom: 55px; }
  .single__blog .blog__content .blog__desc p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 35px;
    color: #111929; }
    .single__blog .blog__content .blog__desc p:last-child {
      margin-bottom: 0; }
  .single__blog .blog__content .blog__desc ul {
    padding-left: 0;
    list-style: decimal-leading-zero inside;
    margin-bottom: 35px; }
    .single__blog .blog__content .blog__desc ul:last-child {
      margin-bottom: 0; }
    .single__blog .blog__content .blog__desc ul li {
      font-size: 16px;
      line-height: 30px;
      font-weight: 500;
      color: #111929; }
  .single__blog .blog__content .blog__desc .blockquote {
    position: relative;
    z-index: 1;
    margin-bottom: 0; }
    .single__blog .blog__content .blog__desc .blockquote::before {
      content: "\f10d";
      font-family: Fontawesome;
      position: absolute;
      left: 0;
      top: -20px;
      font-size: 70px;
      line-height: 70px;
      color: #f0f2f4;
      z-index: -1; }
    .single__blog .blog__content .blog__desc .blockquote p {
      font-size: 18px;
      line-height: 30px;
      font-weight: 500;
      color: #111929;
      margin-bottom: 20px; }
    .single__blog .blog__content .blog__desc .blockquote h3 {
      font-size: 22px;
      line-height: 28px;
      font-weight: 800;
      color: #111929;
      margin: 0; }
.single__blog .blog__content .blog__footer {
  border: 1px solid #d6dce2;
  padding: 7px 25px; }
  .single__blog .blog__content .blog__footer .blog__tags span {
    line-height: 24px;
    color: #111929;
    font-weight: 600;
    margin: 0; }
  .single__blog .blog__content .blog__footer .blog__tags a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #111929; }
    .single__blog .blog__content .blog__footer .blog__tags a:hover {
      color: #02ad88; }
  .single__blog .blog__content .blog__footer .blog__share {
    text-align: right; }
    .single__blog .blog__content .blog__footer .blog__share span {
      line-height: 24px;
      color: #111929;
      font-weight: 600;
      margin: 0;
      margin-right: 15px; }
    .single__blog .blog__content .blog__footer .blog__share a {
      color: #111929;
      margin-right: 25px; }
      .single__blog .blog__content .blog__footer .blog__share a i {
        font-size: 14px;
        line-height: 24px; }
      .single__blog .blog__content .blog__footer .blog__share a:hover {
        color: #02ad88; }
      .single__blog .blog__content .blog__footer .blog__share a:last-child {
        margin-right: 0; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single__blog .blog__image {
    margin-bottom: 30px; }
  .single__blog .blog__content .blog__meta {
    padding-bottom: 20px;
    margin-bottom: 30px; }
    .single__blog .blog__content .blog__meta li {
      margin-right: 30px;
      margin-bottom: 10px; }
      .single__blog .blog__content .blog__meta li:last-child {
        margin-right: 0; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single__blog .blog__image {
    margin-bottom: 30px; }
  .single__blog .blog__content .blog__meta {
    padding-bottom: 20px;
    margin-bottom: 30px; }
    .single__blog .blog__content .blog__meta li {
      margin-right: 30px;
      margin-bottom: 10px; }
      .single__blog .blog__content .blog__meta li:last-child {
        margin-right: 0; } }
@media only screen and (max-width: 767px) {
  .single__blog .blog__image {
    margin-bottom: 30px; }
  .single__blog .blog__content .blog__meta {
    padding-bottom: 10px;
    margin-bottom: 20px; }
    .single__blog .blog__content .blog__meta li {
      margin-right: 30px;
      margin-bottom: 10px; }
      .single__blog .blog__content .blog__meta li:last-child {
        margin-right: 0; }
  .single__blog .blog__content .blog__desc {
    margin-bottom: 35px; }
    .single__blog .blog__content .blog__desc p {
      font-size: 14px;
      line-height: 28px;
      margin-bottom: 25px; }
      .single__blog .blog__content .blog__desc p:last-child {
        margin-bottom: 0; }
    .single__blog .blog__content .blog__desc ul li {
      font-size: 14px;
      line-height: 28px; }
  .single__blog .blog__content .blog__footer .blog__tags {
    width: 100%; }
  .single__blog .blog__content .blog__footer .blog__share {
    text-align: left;
    width: 100%; } }

/*Blog Author*/
.blog__author__box {
  padding: 40px;
  background-color: #f1f2f3; }
  @media only screen and (max-width: 479px) {
    .blog__author__box {
      padding: 30px; } }

.blog__author--image {
  width: 120px;
  margin-right: 30px;
  float: left; }
  .blog__author--image img {
    width: 100%; }
  @media only screen and (max-width: 479px) {
    .blog__author--image {
      float: none;
      clear: both;
      margin-bottom: 20px;
      margin-right: 0; } }

.blog__author--content {
  overflow: hidden; }
  .blog__author--content h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 10px; }
    .blog__author--content h3 a {
      line-height: 1;
      color: #111929; }
      .blog__author--content h3 a:hover {
        color: #02ad88; }
  .blog__author--content h5 {
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #111929;
    margin-top: 0;
    margin-bottom: 15px; }
  .blog__author--content p {
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    color: #111929;
    margin-bottom: 20px; }
  .blog__author--content .more-post {
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    color: #111929;
    border-bottom: 2px solid #111929; }
    .blog__author--content .more-post:hover {
      color: #02ad88;
      border-color: #02ad88; }
  @media only screen and (max-width: 767px) {
    .blog__author--content p {
      font-size: 14px; } }

/*------------------------------------------*/
/*  16. Sidebar CSS
/*------------------------------------------*/
/*Sidebar*/
.sidebar {
  margin-bottom: 30px; }
  .sidebar:last-child {
    margin-bottom: 0; }

.sidebar__inner {
  background-color: #f1f2f3;
  padding: 40px; }
  @media only screen and (max-width: 479px) {
    .sidebar__inner {
      padding: 30px; } }

/*Sidebar Title*/
.sidebar--title {
  display: block;
  margin-top: 0;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  color: #111929;
  padding-bottom: 17px;
  position: relative;
  margin-bottom: 30px; }
  .sidebar--title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 2px;
    background-color: #111929; }

/*Sidebar Search*/
.sidebar--search--form {
  position: relative; }
  .sidebar--search--form input {
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    border: none;
    line-height: 30px;
    padding: 5px 20px;
    color: #dedede;
    height: 40px;
    background-color: #ffffff;
    color: #4f4f4f; }
  .sidebar--search--form button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    border: none;
    width: 40px;
    height: 40px;
    background-color: #02ad88;
    color: #ffffff;
    text-align: center; }
    .sidebar--search--form button i {
      display: block;
      font-size: 14px;
      line-height: 30px; }
    .sidebar--search--form button:hover {
      background-color: #111929; }

/*Sidebar List*/
.sidebar--list {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  margin-right: -40px; }
  .sidebar--list li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #d6dce2; }
    .sidebar--list li a {
      display: block;
      font-size: 15px;
      line-height: 22px;
      font-weight: 500;
      color: #111929; }
      .sidebar--list li a:hover {
        color: #02ad88;
        padding-left: 3px; }
    .sidebar--list li:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: none; }
  @media only screen and (max-width: 479px) {
    .sidebar--list {
      margin-right: -30px; } }

/*Sidebar Post*/
.sidebar--post {
  margin-bottom: 20px; }
  .sidebar--post:last-child {
    margin-bottom: 0; }
  .sidebar--post .image {
    width: 80px;
    margin-right: 20px;
    float: left; }
    .sidebar--post .image img {
      width: 100%; }
  .sidebar--post .content {
    overflow: hidden; }
    .sidebar--post .content .date {
      font-size: 12px;
      font-weight: 600;
      line-height: 20px;
      padding: 0 10px;
      background-color: #02ad88;
      color: #ffffff;
      display: inline-block;
      margin-bottom: 6px; }
    .sidebar--post .content .title {
      font-size: 14px;
      line-height: 24px;
      font-weight: 700;
      color: #111929; }
      .sidebar--post .content .title:hover {
        color: #02ad88; }

/*Sidebar Tags*/
.sidebar-tags {
  margin: 0 -5px -10px;
  overflow: hidden; }
  .sidebar-tags a {
    height: 28px;
    border: 1px solid #bfcbd7;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    padding: 4px 18px;
    color: #111929;
    float: left;
    margin: 0 5px 10px; }
    .sidebar-tags a:hover {
      color: #ffffff;
      background-color: #02ad88;
      border-color: #02ad88; }

/*Service Sidebar*/
.service__sidebar {
  margin-bottom: 50px; }

.service__sidebar__inner {
  background-color: #f1f2f3;
  padding: 40px; }
  @media only screen and (max-width: 479px) {
    .service__sidebar__inner {
      padding: 30px; } }

/*Service Sidebar Title*/
.service__sidebar--title {
  display: block;
  margin-top: 0;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  color: #111929;
  margin-bottom: 20px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service__sidebar--title {
      font-size: 18px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .service__sidebar--title {
      font-size: 18px; } }
  @media only screen and (max-width: 767px) {
    .service__sidebar--title {
      font-size: 18px; } }

/*Service Sidebar List*/
.service__sidebar--list {
  margin: -40px;
  list-style: none;
  padding: 0; }
  .service__sidebar--list li {
    border-bottom: 1px solid #d6dce2; }
    .service__sidebar--list li a {
      display: block;
      font-size: 16px;
      font-weight: 500;
      line-height: 30px;
      padding: 15px 35px;
      color: #111929;
      position: relative;
      z-index: 1; }
      .service__sidebar--list li a::before {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 0;
        content: "";
        background-color: #111929;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: -1; }
      .service__sidebar--list li a i {
        position: absolute;
        right: 0;
        top: 0;
        width: 60px;
        height: 60px;
        font-size: 22px;
        line-height: 30px;
        padding: 15px 10px;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        z-index: 2; }
    .service__sidebar--list li.active a, .service__sidebar--list li.current a, .service__sidebar--list li:hover a {
      color: #ffffff; }
      .service__sidebar--list li.active a::before, .service__sidebar--list li.current a::before, .service__sidebar--list li:hover a::before {
        width: 100%; }
      .service__sidebar--list li.active a i, .service__sidebar--list li.current a i, .service__sidebar--list li:hover a i {
        background-color: #02ad88;
        color: #ffffff; }
    .service__sidebar--list li:last-child {
      border-bottom: none; }
  @media only screen and (max-width: 479px) {
    .service__sidebar--list {
      margin: -30px; } }

/*Service Sidebar Help*/
.service__sidebar--help p {
  color: #111929;
  font-size: 14px;
  line-height: 26px;
  font-weight: 500;
  margin-bottom: 20px; }
.service__sidebar--help ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .service__sidebar--help ul li {
    color: #111929;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 5px; }
    .service__sidebar--help ul li:last-child {
      margin-bottom: 0; }

/*Service Sidebar Form*/
.service__sidebar--form input {
  width: 100%;
  height: 42px;
  padding: 8px 20px;
  border: 1px solid #d2d2d2;
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #898989;
  line-height: 24px;
  background-color: transparent; }
  .service__sidebar--form input[type="submit"] {
    text-align: center;
    background-color: #02ad88;
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 500;
    border-color: transparent; }
    .service__sidebar--form input[type="submit"]:hover {
      background-color: #111929; }
.service__sidebar--form textarea {
  width: 100%;
  height: 100px;
  padding: 8px 20px;
  border: 1px solid #d2d2d2;
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #898989;
  line-height: 24px;
  background-color: transparent;
  resize: none; }

/*Service Sidebar Download*/
.service__sidebar--download a {
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px; }
  .service__sidebar--download a img {
    float: left;
    width: 29px;
    margin-right: 15px; }
  .service__sidebar--download a span {
    display: block;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #111929; }
    .service__sidebar--download a span span {
      display: block;
      font-size: 14px;
      line-height: 24px;
      font-weight: 500;
      color: #111929;
      margin-top: 3px; }
  .service__sidebar--download a:hover span {
    color: #02ad88; }
    .service__sidebar--download a:hover span span {
      color: #111929; }
  .service__sidebar--download a:last-child {
    margin-bottom: 0; }

/*------------------------------------------*/
/*  17. Comment CSS
/*------------------------------------------*/
/*Comment Wrap*/
.comment__wrap h2 {
  font-size: 26px;
  line-height: 1;
  font-weight: 800;
  color: #111929;
  margin: 0 0 40px;
  position: relative;
  padding-bottom: 14px; }
  .comment__wrap h2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 2px;
    background-color: #111929; }

/*Comment Form*/
.comment--form {
  margin-bottom: -15px; }
  .comment--form input {
    background-color: #f0f2f4;
    border: none;
    height: 46px;
    width: 100%;
    line-height: 26px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #6d6d6d;
    margin-bottom: 15px; }
    .comment--form input[type="submit"] {
      font-size: 15px;
      font-weight: 600;
      background-color: #02ad88;
      color: #ffffff;
      padding: 11px 20px; }
      .comment--form input[type="submit"]:hover {
        background-color: #111929; }
  .comment--form textarea {
    background-color: #f0f2f4;
    border: none;
    height: 107px;
    width: 100%;
    line-height: 26px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    color: #6d6d6d;
    margin-bottom: 15px;
    resize: none; }

/*------------------------------------------*/
/*  18. Brand CSS
/*------------------------------------------*/
.brand-section {
  border-top: 1px solid #e0e7ee; }

/*Brand Wrap*/
@media only screen and (max-width: 479px) {
  .brand__wrap {
    -webkit-justify-content: center !important;
    -moz-justify-content: center !important;
    -ms-justify-content: center !important;
    justify-content: center !important;
    -ms-flex-pack: center !important; } }

/*Brand Item*/
.brand__item {
  padding: 0 15px; }
  @media only screen and (max-width: 767px) {
    .brand__item {
      width: 20%; } }
  @media only screen and (max-width: 479px) {
    .brand__item {
      width: 33.3333%; } }

/*------------------------------------------*/
/*  19. Contact CSS
/*------------------------------------------*/
/*Contact Map*/
.contact__map {
  width: 100%;
  height: 550px; }

/*Contact Info*/
.single__contact__info {
  margin-bottom: 29px;
  padding-bottom: 23px;
  position: relative; }
  .single__contact__info::before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 60px;
    background-color: #111929;
    content: ""; }
  .single__contact__info:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }
    .single__contact__info:last-child::before {
      display: none; }
  .single__contact__info h5 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 15px; }
  .single__contact__info p {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #111929; }
    .single__contact__info p a {
      color: #111929; }
      .single__contact__info p a:hover {
        color: #02ad88; }

/*Page Contact Form Section*/
.page__contact__form__section {
  padding-bottom: 150px; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .page__contact__form__section {
      padding-bottom: 100px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .page__contact__form__section {
      padding-bottom: 100px; } }
  @media only screen and (max-width: 767px) {
    .page__contact__form__section {
      padding-bottom: 70px; } }

/*Contact Form*/
.contact__form input {
  width: 100%;
  height: 54px;
  font-size: 14px;
  color: #888888;
  line-height: 22px;
  padding: 15px 25px;
  border: 1px solid #d1d1d1;
  border-radius: 3px;
  background-color: transparent; }
  .contact__form input[type="submit"] {
    width: auto;
    background-color: #02ad88;
    color: #ffffff;
    padding: 16px 40px;
    border-radius: 0;
    border: none;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    margin: auto; }
    .contact__form input[type="submit"]:hover {
      background-color: #111929; }
.contact__form textarea {
  width: 100%;
  height: 130px;
  font-size: 14px;
  color: #888888;
  line-height: 22px;
  padding: 15px 25px;
  border: 1px solid #d1d1d1;
  border-radius: 3px;
  background-color: transparent; }

/*------------------------------------------*/
/*  20. Footer CSS
/*------------------------------------------*/
/*Footer Widget*/
.footer__widget:nth-child(2) {
  padding-left: 115px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget:nth-child(2) {
    padding-left: 55px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget:nth-child(2) {
    padding-left: 15px; } }
@media only screen and (max-width: 767px) {
  .footer__widget:nth-child(2) {
    padding-left: 15px; } }

/*Footer Widget Title*/
.footer__widget__title {
  color: #ffffff;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 30px;
  padding-bottom: 15px;
  line-height: 1;
  position: relative; }
  .footer__widget__title::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 50px;
    background-color: #ffffff; }

/*Footer Widget About*/
.footer__widget__about img {
  margin-bottom: 22px; }
.footer__widget__about p {
  color: #c0c0c0;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 20px; }
.footer__widget__about ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .footer__widget__about ul li {
    color: #c0c0c0;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px; }
    .footer__widget__about ul li:last-child {
      margin-bottom: 0; }

/*Footer Socail*/
.footer__social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px; }
  .footer__social a {
    padding: 0;
    margin-right: 10px;
    margin-top: 10px;
    color: #898989;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    text-align: center;
    overflow: hidden; }
    .footer__social a i {
      font-size: 14px;
      line-height: 38px; }
    .footer__social a:hover {
      background-color: #02ad88;
      color: #ffffff; }

/*Footer Widget List*/
.footer__widget__list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .footer__widget__list li {
    margin-bottom: 16px; }
    .footer__widget__list li:last-child {
      margin-bottom: 0; }
    .footer__widget__list li a {
      display: block;
      font-size: 14px;
      line-height: 20px;
      color: #c0c0c0;
      text-transform: capitalize; }
      .footer__widget__list li a:hover {
        color: #02ad88;
        padding-left: 3px; }

/*Footer Widget Subscribe*/
.footer__widget__subscribe p {
  color: #c0c0c0;
  font-size: 16px;
  line-height: 26px; }

.footer__widget__subscribe__form {
  position: relative; }
  .footer__widget__subscribe__form input {
    width: 100%;
    border: none;
    line-height: 30px;
    padding: 5px 20px;
    color: #dedede;
    height: 40px;
    background-color: #29303f; }
  .footer__widget__subscribe__form button {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 32px;
    padding: 5px;
    border: none;
    width: 40px;
    height: 40px;
    background-color: #02ad88;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500; }
    .footer__widget__subscribe__form button:hover {
      background-color: #ffffff;
      color: #02ad88; }

.mailchimp-success {
  color: green; }

.mailchimp-error {
  color: red; }

/*Footer Bottom*/
.footer__bottom {
  padding: 15px 0;
  background-color: #192336; }

.footer__copyright, .footer__credit {
  color: #c0c0c0;
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0;
  text-align: left; }
  .footer__copyright a, .footer__credit a {
    color: #02ad88; }
    .footer__copyright a:hover, .footer__credit a:hover {
      text-decoration: underline; }
  @media only screen and (max-width: 767px) {
    .footer__copyright, .footer__credit {
      text-align: center; } }

.footer__credit {
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .footer__credit {
      text-align: center; } }

/*# sourceMappingURL=style.css.map */