/*========================================================================
EXCLUSIVE ON themeforest.net
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Template Name   : Amigo
Author          : mital_04
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Copyright (c) 2018 - mital_04
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Name: style.css
Version: 1.0
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Table of contents

  01. Google font
  02. Reset
  03. Typography
  04. Background color
  05. Custom
  06. Button
  07. Border
  08. Aside style
  09. Video
  10. Background image
  11. Icon
  12. Magnific popup
  13. Header
  14. Page title
  15. Swiper carousel
  16. Slider and parallax typography
  17. Portfolio
  18. Elements
  19. Blog
  20. Footer
  21. Home page
  22. Others
========================================================================*/

/*===================================
  01. Google font
====================================== */
  @import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
  @import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

  #loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 999999;
}
.load-circle  {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  animation: rotate 1s infinite;  
  height: 50px;
  width: 50px;
}

.load-circle:before,
.load-circle:after {   
  border-radius: 50%;
  content: '';
  display: block;
  height: 20px;  
  width: 20px;
}
.load-circle:before {
  animation: ball1 1s infinite;  
  background-color: #cb2025;
  box-shadow: 30px 0 0 #f8b334;
  margin-bottom: 10px;
}
.load-circle:after {
  animation: ball2 1s infinite; 
  background-color: #00a096;
  box-shadow: 30px 0 0 #97bf0d;
}

@keyframes rotate {
  0% { 
    -webkit-transform: rotate(0deg) scale(0.8); 
    -moz-transform: rotate(0deg) scale(0.8);
  }
  50% { 
    -webkit-transform: rotate(360deg) scale(1.2); 
    -moz-transform: rotate(360deg) scale(1.2);
  }
  100% { 
    -webkit-transform: rotate(720deg) scale(0.8); 
    -moz-transform: rotate(720deg) scale(0.8);
  }
}

@keyframes ball1 {
  0% {
    box-shadow: 30px 0 0 #f8b334;
  }
  50% {
    box-shadow: 0 0 0 #f8b334;
    margin-bottom: 0;
    -webkit-transform: translate(15px,15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #f8b334;
    margin-bottom: 10px;
  }
}

@keyframes ball2 {
  0% {
    box-shadow: 30px 0 0 #97bf0d;
  }
  50% {
    box-shadow: 0 0 0 #97bf0d;
    margin-top: -20px;
    -webkit-transform: translate(15px,15px);
    -moz-transform: translate(15px, 15px);
  }
  100% {
    box-shadow: 30px 0 0 #97bf0d;
    margin-top: 0;
  }
}


/*===================================
  Font Family
====================================== */
.font-alt {font-family: 'Poppins', sans-serif;}
.font-main { font-family: 'Roboto', sans-serif; }

a,
.m-btn {
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
      -ms-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;  
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
      -ms-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}
/*===================================
  02. Reset
====================================== */
body { 
  font-family: 'Roboto', sans-serif; 
  -webkit-font-smoothing: antialiased; 
  font-smoothing: antialiased; 
  font-style: normal;
  font-size: 14px;
  color: #6f6f6f;
  font-weight: 400;
  line-height: 24px;
}

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

a:focus,
a:active,
button:focus,
button:active,
input[type="button"]:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus { outline: none; }

input[type="button"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
input[type="submit"] { -webkit-appearance: none; outline: none; }

input,
textarea,
select { border: 1px solid #d1d1d1; font-size: 14px; padding: 8px 15px; width: 100%; margin: 0; max-width: 100%; resize: none; }

input[type="checkbox"],
input[type="radio"] {
  width: auto;
}

ul,
ol,
dl { list-style-position: outside; margin-bottom: 25px }

::selection { color: #000; background: #dbdbdb; }
::-moz-selection { color: #000; background: #dbdbdb; }
::-webkit-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; }
::-moz-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity: 1; }
:-ms-input-placeholder { color: #6f6f6f; text-overflow: ellipsis; opacity: 1; }

/*===================================
  Heading
====================================== */
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0 0 25px; padding: 0; letter-spacing: 0; font-weight: 400 }

h1 { font-size: 70px;}
h2 { font-size: 55px;}
h3 { font-size: 48px;}
h4 { font-size: 40px;}
h5 { font-size: 32px;}
h6 { font-size: 25px;}
@media (max-width: 767px){ 
  h1, 
  h2, 
  h3,
  h4, 
  h5, 
  h6 { margin:0 0 17px; padding:0; letter-spacing: 0; font-weight: 400; }

  h1 {font-size:37px;}
  h2 {font-size:30px;}
  h3 {font-size:28px;}
  h4 {font-size:24px;}
  h5 {font-size:20px;}
  h6 {font-size:18px;}
}

/*===================================
  Position
====================================== */
.position-relative-m { position:relative;}
.position-static-m { position:static;}
.position-absolute-m { position:absolute;}
.position-fixed-m { position:fixed;}

@media (max-width: 1200px){
  .lg-position-relative-m { position:relative;}
  .lg-position-static-m { position:static;}
  .lg-position-absolute-m { position:absolute;}
  .lg-position-fixed-m { position:fixed;}
}

@media (max-width: 991px){
  .md-position-relative-m { position:relative;}
  .md-position-static-m { position:static;}
  .md-position-absolute-m { position:absolute;}
  .md-position-fixed-m { position:fixed;}
}

@media (max-width: 767px){
  .sm-position-relative-m { position:relative;}
  .sm-position-static-m { position:static;}
  .sm-position-absolute-m { position:absolute;}
  .sm-position-fixed-m { position:fixed;}
}

@media (min-width: 1201px){
  .lg-position-relative-min { position:relative;}
  .lg-position-static-min { position:static;}
  .lg-position-absolute-min { position:absolute;}
  .lg-position-fixed-min { position:fixed;}
}

@media (min-width: 992px){
  .md-position-relative-min { position:relative;}
  .md-position-static-min { position:static;}
  .md-position-absolute-min { position:absolute;}
  .md-position-fixed-min { position:fixed;}
}

@media (min-width: 768px){
  .sm-position-relative-m { position:relative;}
  .sm-position-static-m { position:static;}
  .sm-position-absolute-m { position:absolute;}
  .sm-position-fixed-m { position:fixed;}
}

/* top */
.top-auto {top:auto}
.top-inherit {top: inherit !important;}
.top-0 {top:0 !important;}
.top-1 {top:1px}
.top-2 {top:2px}
.top-3 {top:3px}
.top-4 {top:4px}
.top-5 {top:5px}
.top-6 {top:6px}
.top-7 {top:7px}
.top-8 {top:8px}
.top-9 {top:9px}
.top-10 {top:10px}
.top-15 {top:15px}
.top-20 {top:20px}
.top-25 {top:25px}
.top-30 {top:30px}
.top-35 {top:35px}
.top-40 {top:40px}
.top-45 {top:45px}
.top-50 {top:50px}

.top-minus1 {top:-1px}
.top-minus2 {top:-2px}
.top-minus3 {top:-3px}
.top-minus4 {top:-4px}
.top-minus5 {top:-5px}
.top-minus6 {top:-6px}
.top-minus7 {top:-7px}
.top-minus8 {top:-8px}
.top-minus9 {top:-9px}
.top-minus10 {top:-10px}
.top-minus15 {top:-15px}
.top-minus20 {top:-20px}
.top-minus25 {top:-25px}
.top-minus30 {top:-30px}
.top-minus35 {top:-35px}
.top-minus40 {top:-40px}


/* bottom */
.bottom-auto {bottom:auto}
.bottom-0 {bottom:0}
.bottom-1 {bottom:1px}
.bottom-2 {bottom:2px}
.bottom-3 {bottom:3px}
.bottom-4 {bottom:4px}
.bottom-5 {bottom:5px}
.bottom-6 {bottom:6px}
.bottom-7 {bottom:7px}
.bottom-8 {bottom:8px}
.bottom-9 {bottom:9px}
.bottom-10 {bottom:10px}
.bottom-15 {bottom:15px}
.bottom-20 {bottom:20px}
.bottom-25 {bottom:25px}
.bottom-30 {bottom:30px}
.bottom-35 {bottom:35px}
.bottom-40 {bottom:40px}
.bottom-45 {bottom:45px}
.bottom-50 {bottom:50px}

/* left */
.left-auto {left:auto}
.left-0 {left:0}
.left-1 {left:1px}
.left-2 {left:2px}
.left-3 {left:3px}
.left-4 {left:4px}
.left-5 {left:5px}
.left-6 {left:6px}
.left-7 {left:7px}
.left-8 {left:8px}
.left-9 {left:9px}
.left-10 {left:10px}
.left-15 {left:15px}
.left-20 {left:20px}
.left-25 {left:25px}
.left-30 {left:30px}
.left-35 {left:35px}
.left-40 {left:40px}
.left-45 {left:45px}
.left-50 {left:50px}

/* right */
.right-auto {right:auto}
.right-0 {right:0}
.right-1 {right:1px}
.right-2 {right:2px}
.right-3 {right:3px}
.right-4 {right:4px}
.right-5 {right:5px}
.right-6 {right:6px}
.right-7 {right:7px}
.right-8 {right:8px}
.right-9 {right:9px}
.right-10 {right:10px}
.right-15 {right:15px}
.right-20 {right:20px}
.right-25 {right:25px}
.right-30 {right:30px}
.right-35 {right:35px}
.right-40 {right:40px}
.right-45 {right:45px}
.right-50 {right:50px}

/*===================================
  Forms
====================================== */
.input-big, 
.textarea-big, 
.select-big select { padding: 18px 25px; font-size: 14px; border-radius: 0;}

.input-medium, 
.textarea-medium, 
.select-medium select { padding: 12px 20px; font-size: 14px; line-height: normal; border-radius: 0;}

.input-small,
.textarea-small { padding: 12px 15px; font-size: 11px; line-height: normal}
.select-small select {padding: 12px 15px; line-height: normal; font-size: 11px;}

.input-medium-light, 
.textarea-medium-light, 
.select-medium-light select { padding: 12px 25px; font-size: 12px; line-height: normal}

.input-extra-small, 
.textarea-extra-small, 
.select-extra-small select { padding: 9px 17px; font-size: 12px; line-height: normal}

.select-style { width: 100%; overflow: hidden;  border: 1px solid #d1d1d1; position: relative;}
.select-style:after { width: 16px; height: 16px; background: url("../img/select-arrow.png") no-repeat 97% 50%; content: ""; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto;    pointer-events: none; }
.select-style select { width: 100%; border: none; box-shadow: none; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none;  cursor: pointer;     color: inherit;}
.select-style select:focus { outline: none; border: none; box-shadow: none }

/*Dark Input*/
.dark-form {
  background: rgba(0,0,0,0.5);
  border:none;
  color: #666;
}
.dark-form select {
  background: transparent;
}

/*Border form*/
.border-form { border: none; border-bottom: 1px solid #484848; background: transparent; padding-left: 0; padding-right: 0; color: #666;}
.border-form select { background: none; padding-right: 25px; padding-left: 0;  }

.input-bg {
  background: #f5f5f5;
  color: #222;
}

/*===================================
  section
====================================== */
.section { padding: 100px 0;}

@media (max-width: 991px){
  .section { padding: 60px 0;}
}

@media (max-width: 767px){
  .section { padding: 40px 0; }
}

/*===================================
  Main Banner
====================================== */
.full-screen {
  min-height: 100vh;
}

.main-half-slider .slider {
  height: 750px;
}

@media (max-width: 767px){
  .main-half-slider .slider {
    height: 500px;
  }  
}

/*===================================
  Owl Slider
====================================== */
.owl-nav .owl-prev,
.owl-nav .owl-next {
  position: absolute;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(0,0,0,.5);
  text-align: center;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
}
.owl-nav .owl-prev i,
.owl-nav .owl-next i{
  line-height: 45px;
  font-size: 16px;
  color: #fff;
}
.owl-nav .owl-prev {
  left: 10px;
}
.owl-nav .owl-next {
  right: 10px;
}

.owl-dots {
  text-align: center;
  padding: 15px 0 0;
}
.owl-dots .owl-dot {
  margin: 0 5px;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}
.owl-dots .owl-dot.active {
  opacity: 1; 
}

.owl-carousel-white .owl-dots .owl-dot {
  border: 2px solid #fff;
  width: 10px;
  height: 10px;
}

/*===================================
  Section Title
====================================== */
.hr-title {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.hr-title span{
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
}
.hr-title span:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 99%;
  display: block;
  border-bottom: 1px solid;
  left: 100%;
  margin-left: 25px;
  opacity: .15;
}
.hr-title span:before{
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 99%;
  display: block;
  border-bottom: 1px solid;
  right: 100%;
  margin-right: 25px;
  opacity: .15;
}

/*===================================
  Breadcrumbs
====================================== */
.breadcrumbs {
  margin: 0;
  padding: 0;
}
.breadcrumbs li {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.breadcrumbs li a {
  color: #000;
}
.breadcrumbs > li + li:before {
  margin: 0 13px 0 11px;
  display: inline-block;
  vertical-align: middle;
  opacity: .3;
  content: "";
  width: 8px;
  height: 8px;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
       -o-transform: rotate(135deg);
          transform: rotate(135deg);
}
.breadcrumbs li span {
  color: #999
}

.breadcrumbs.white > li + li:before {
  border-color: #fff;
}
.breadcrumbs.white li a {
  color: #fff;
}

/*===================================
  blockquote
====================================== */
.blockquote {
  padding: 25px 40px;
  margin: 45px 0;
}
.blockquote-left {  
  padding: 15px 40px;
  margin: 45px 0;
  border-left: 2px solid;
}

.blockquote-right {  
  padding: 15px 40px;
  margin: 45px 0;
  border-right: 2px solid;
}


/*===================================
  dropcap
====================================== */
.first-letter {float: left; font-size: 50px;  margin: 0 20px 0 0; text-align: center; padding: 10px 0; font-weight: 600}
.first-letter-big {float: left; font-size: 110px; line-height: 110px; margin: 0 20px 0 0; padding:0 8px;  text-align: center; font-weight: 600; position: relative;}
.first-letter-big:before {position: absolute; border-bottom: 1px solid; content: ""; display: block;  width: 100%; top: 55%; left: 0}
.first-letter-block {  font-size: 30px; height: 55px; line-height: 22px; padding: 15px 0; width: 55px; font-weight: 500; margin-top: 5px }


/*===================================
  Accordion Styles
====================================== */
/*accordion-01*/
.accordion-01 .acrd-group {
  margin-bottom: 15px;
}
.accordion-01 .acrd-heading {
  font-size: 20px;
  color: #333;
  padding:10px 15px;
  display: block;
  background: #eee;
}
.accordion-01 .acrd-des {
  padding: 15px;
  border:1px solid #eee;
}

/*accordion-02*/
.accordion-02 .acrd-group {
  margin-bottom: 15px;
  box-shadow: 0 0 12px rgba(0,0,0,.1);
  background-color: #fff;
  border-radius: 5px
}
.accordion-02 .acrd-heading {
  font-size: 14px;
  color: #333;
  padding:10px 45px 10px 15px;
  display: block;
  font-weight: 600;
  position: relative;
}
.accordion-02 .acrd-heading:after,
.accordion-02 .acrd-heading:before {
  content: "";
  position: absolute;
  float: left;
  background-color: #888;
  -webkit-transition: ease all 0.2s;
     -moz-transition: ease all 0.2s;
       -o-transition: ease all 0.2s;
          transition: ease all 0.2s;

}
.accordion-02 .acrd-heading:after {
  width: 15px;
  height: 3px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
}
.accordion-02 .acrd-heading:before {
  width: 3px;
  height: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 21px;
}
.accordion-02 .acrd-active .acrd-heading:before {
  height: 0px;
}

.accordion-02 .acrd-des {
  padding: 15px;
}

/*accordion-03*/
.accordion-03 .acrd-group {
  margin-bottom: 15px;
  box-shadow: 0 0 12px rgba(0,0,0,.1);
  background-color: #fff;
  border-radius: 5px
}
.accordion-03 .acrd-heading {
  font-size: 14px;
  color: #333;
  padding:10px 45px 10px 15px;
  display: block;
  font-weight: 600;
  position: relative;
}
.accordion-03 .acrd-heading:before {
  content: "";
  float: left;
  width: 11px;
  height: 11px;
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
  position: absolute;
  right: 12px;
  top: 16px;
  -webkit-transition: ease all 0.2s;
     -moz-transition: ease all 0.2s;
       -o-transition: ease all 0.2s;
          transition: ease all 0.2s;
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);

}
.accordion-03 .acrd-active .acrd-heading:before {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);  
}

.accordion-03 .acrd-des {
  padding: 15px;
}

/*accordion-04*/
.accordion-04 .acrd-group {
  margin-bottom: 15px;
  background-color: #fff;
}
.accordion-04 .acrd-heading {
  font-size: 14px;
  color: #fff;
  padding:10px 45px 10px 15px;
  display: block;
  font-weight: 600;
  position: relative;
}
.accordion-04 .acrd-heading:before {
  content: "";
  float: left;
  width: 11px;
  height: 11px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  right: 12px;
  top: 16px;
  -webkit-transition: ease all 0.2s;
     -moz-transition: ease all 0.2s;
       -o-transition: ease all 0.2s;
          transition: ease all 0.2s;
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);

}
.accordion-04 .acrd-active .acrd-heading:before {
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
          transform: rotate(-45deg);  
}

.accordion-04 .acrd-des {
  padding: 15px;
}


/*accordion-05*/
.accordion-05 .acrd-group {
  margin-bottom: 15px;
}
.accordion-05 .acrd-heading {
  font-size: 14px;
  color: #fff;
  padding: 15px 45px 15px 25px;
  display: block;
  border-radius: 50px;
  position: relative;
}
.accordion-05 .acrd-heading:before {
  content: "";
  float: left;
  width: 11px;
  height: 11px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  right: 30px;
  top: 22px;
  -webkit-transition: ease all 0.2s;
     -moz-transition: ease all 0.2s;
       -o-transition: ease all 0.2s;
          transition: ease all 0.2s;
  -webkit-transform: rotate(-135deg);
     -moz-transform: rotate(-135deg);
       -o-transform: rotate(-135deg);
          transform: rotate(-135deg);

}
.accordion-05 .acrd-active .acrd-heading:before {
  -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
       -o-transform: rotate(135deg);
          transform: rotate(135deg);  
}

.accordion-05 .acrd-des {
  padding: 15px;
  background: #fff;
  border-radius: 9px;
  box-shadow: 0 0 12px rgba(0,0,0,.1);
  margin-top: 15px;
  position: relative;
}
.accordion-05 .acrd-des:after {
  content: "";
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  top: -8px;
  left: 20px;
}
.accordion-05 .acrd-des:before {
  content: "";
  border-bottom: 9px solid #ddd;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  position: absolute;
  top: -9px;
  left: 19px;
}

/*accordion-06*/
.accordion-06 .acrd-group {
  margin-bottom: 15px;
  box-shadow: 0 0 12px rgba(0,0,0,.1);
  background-color: #fff;
  border-radius: 5px
}
.accordion-06 .acrd-heading {
  font-size: 14px;
  color: #fff;
  padding:10px 45px 10px 15px;
  display: block;
  font-weight: 600;
  position: relative;
}
.accordion-06 .acrd-heading:after,
.accordion-06 .acrd-heading:before {
  content: "";
  position: absolute;
  float: left;
  background-color: #fff;
  -webkit-transition: ease all 0.2s;
     -moz-transition: ease all 0.2s;
       -o-transition: ease all 0.2s;
          transition: ease all 0.2s;

}
.accordion-06 .acrd-heading:after {
  width: 15px;
  height: 3px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 15px;
}
.accordion-06 .acrd-heading:before {
  width: 3px;
  height: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 21px;
}
.accordion-06 .acrd-active .acrd-heading:before {
  height: 0px;
}

.accordion-06 .acrd-des {
  padding: 15px;
}

/*accordion-07*/
.accordion-07 .acrd-group {
  margin-bottom: 15px;
}
.accordion-07 .acrd-heading {
  font-size: 14px;
  color: #fff;
  padding:10px 45px 10px 15px;
  display: block;
  font-weight: 600;
  position: relative;
  box-shadow: 0 0 12px rgba(0,0,0,.1);
  border-radius: 30px;
}
.accordion-07 .acrd-heading:after,
.accordion-07 .acrd-heading:before {
  content: "";
  position: absolute;
  float: left;
  background-color: #fff;
  -webkit-transition: ease all 0.2s;
     -moz-transition: ease all 0.2s;
       -o-transition: ease all 0.2s;
          transition: ease all 0.2s;

}
.accordion-07 .acrd-heading:after {
  width: 15px;
  height: 3px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
}
.accordion-07 .acrd-heading:before {
  width: 3px;
  height: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 26px;
}
.accordion-07 .acrd-active .acrd-heading:before {
  height: 0px;
}

.accordion-07 .acrd-des {
  padding: 15px;
  background: #fff;
  border-radius: 9px;
  box-shadow: 0 0 12px rgba(0,0,0,.1);
  margin-top: 15px;
  position: relative;
}
.accordion-07 .acrd-des:after {
  content: "";
  border-bottom: 8px solid #fff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  position: absolute;
  top: -8px;
  left: 20px;
}
.accordion-07 .acrd-des:before {
  content: "";
  border-bottom: 9px solid #ddd;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  position: absolute;
  top: -9px;
  left: 19px;
}

/*===================================
  06. Gallery
====================================== */
.gallery-box {
  position: relative;
  overflow: hidden;
}
.gallery-box * {
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}
.gallery-box .gallery-box {
  background: #000;
}
.gallery-box .gallery-box img {
  width: 100%;
}
.gallery-box .gallery-content {
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  z-index: 1;
}
.gallery-box:hover .gallery-content {
  bottom: 0;
}
.gallery-box .gb-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
}

/*pagination-nav*/
.pagination { margin:0px; }
.pagination li a { font-size: 15px; font-weight: 500; margin: 0 5px; color: #626262; border-radius: 3px; }
.pagination > li:first-child > a, 
.pagination > li:first-child >span { border-radius: 3px; }
.pagination > li:last-child > a, 
.pagination > li:last-child >span { border-radius: 3px; }

.pagination > .active > a, 
.pagination > .active > a:hover { color: #626262; }
.pagination > li > a, 
.pagination > li > span {   background: #f6f7f8; border:0px; text-align: center; }

.pagination li a:focus, 
.pagination li a:hover, 
.pagination li span:focus, 
.pagination li span:hover,
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover { color: #ffffff; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); }

/*===================================
  Separators
====================================== */
.separators { border-bottom: 1px solid rgba(0, 0, 0, 0.1);  }
.separators.dotted { border-bottom: 2px dotted rgba(0, 0, 0, 0.1);  }
.separators.dashed { border-bottom: 2px dashed rgba(0, 0, 0, 0.1);  }
.separators.double { border-bottom: 5px double rgba(0, 0, 0, 0.1);  }
.separators.outset { border-bottom: 5px outset rgba(0, 0, 0, 0.1);  }
 
/*icon*/
.separators.icon { border: 0; color: #ccc; width: 100%; overflow: hidden; text-align: center;  } 

.separators.icon:after, 
.separators.icon:before, 
.separators.icon:after, 
.separators.icon:before { border-bottom: 1px solid rgba(0, 0, 0, 0.2); content: ""; display: inline-block; height: 10px; margin: 0 -4px 0 -100%; vertical-align: top; width: 50%; }
.separators.icon:after, 
.separators.icon:after { margin: 0 -100% 0 0; }

.separators.icon i, 
.separators.icon span, 
.separators.icon i, 
.separators.icon span { margin: 0 20px 0 24px; }
 
/*icon left*/
.separators.icon.left i, 
.separators.icon.left span { float: left; margin: 0 40px 0 0; }
.separators.icon.right i, 
.separators.icon.right span { float: right; margin: 0 0 0 40px; }

/*medium*/
.separators.medium { width: 40%; margin-left: auto; margin-right: auto; }

/*small*/
.separators.small { width: 20%; margin-left: auto; margin-right: auto; }
.separators.light { border-color: rgba(255, 255, 255, 0.1); }

/*===================================
  Prpgress
====================================== */
.progress-lt {
  margin-top: 35px;
  position: relative;
}
.progress-lt:first-child {
  margin-top: 0;
}
.progress-lt h6 {
  display: inline-block;
  width: 47%;
  margin-right: 1.5%;
  margin: 0;
  padding: 0 0 6px;
  font-size: 14px;
}
.progress-lt span {
  position: absolute;
  top: 0;
  right: 1.5%;
  font-size: 12px;
}
.progress-lt .progress {
  margin-bottom: 0;
  height: 6px;
  border-radius: 50px;
}
.progress-lt .progress-bar {
  width: 0%;
  -webkit-transition: width 1.2s ease;
     -moz-transition: width 1.2s ease;  
       -o-transition: width 1.2s ease;  
          transition: width 1.2s ease;
}
/*Progress white*/
.skills-white .progress-lt h6 {
  color: #fff;
}

.skills-white .progress-lt span {
  color: #fff;
}

/*Progress Large*/
.skills-large .progress {
  height: 16px;
}

/*Progress thick*/
.skills-thick .progress {
  height: 3px;
  border-radius: 0;
}
.skills-thick .progress-lt {
  margin-top: 20px;
}
.skills-thick .progress-lt h6 {
  font-weight: 400;
  font-size: 13px;
}

/*===================================
  06. Button
====================================== */
.m-btn {
    padding: 10px 20px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    border-radius: 0;
    text-align: center;
    border: 1px solid ;
    cursor: pointer;
}
a.m-btn {
  color: #fff;
  text-decoration: none;
}

.m-btn:hover,
.m-btn:focus {
  background: #232323;
  color: #fff;
  border-color: #232323;
}

.m-btn.m-btn-w-hover:hover,
.m-btn.m-btn-w-hover:focus {
  background: transparent;
  color: #fff;
  border-color: #fff;
}

/* button size */
.m-btn.m-btn-xs {
    padding: 0px 10px;
    font-size: 10px;
    border-width: 1px;
}
.m-btn.m-btn-round.m-btn-xs {
  padding-left: 16px;
  padding-right: 16px;
}
.m-btn.m-btn-s {
    padding: 3px 18px;
    font-size: 12px;
}
.m-btn.m-btn-m {
    padding: 8px 20px;
    font-size: 14px;
}
.m-btn.m-btn-l {
    padding: 10px 20px;
    font-size: 15px;
}
.m-btn.m-btn-xl {
    padding: 15px 25px;
    font-size: 16px;
}
.m-btn + .m-btn {
    margin: 0 5px;
}
.m-btn i {
    margin-left: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px
}

.m-btn.m-btn-t {
  background: transparent;
  border: none;
  color: #333;
}

/* button background */
.m-btn.m-btn-white {
    background: #ffffff;
    border-color: #ffffff;
    color: #232323
}
.m-btn.m-btn-white:hover, 
.m-btn.m-btn-white:focus {
    background: #232323;
    border-color: #fff;
    color: #fff
}
.m-btn.m-btn-black {
    background: #000000;
    border-color: #000000;
    color: #fff
}
.m-btn.m-btn-black:hover, 
.m-btn.m-btn-black:focus {
    background: transparent;
    color: #000
}

.m-btn.m-btn-grey {
    background: #999;
    border-color: #999;
    color: #000
}
.m-btn.m-btn-grey:hover, 
.m-btn.m-btn-grey:focus {
    background: #000;
    color: #fff
}

/* button transparent */
.m-btn.m-btn-t-white {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff
}
.m-btn.m-btn-t-white:hover, 
.m-btn.m-btn-t-white:focus {
    background: #ffffff;
    border-color: #ffffff;
    color: #232323
}
.m-btn.m-btn-t-black {
    background: transparent;
    border-color: #000000;
    color: #000000
}
.m-btn.m-btn-t-black:hover, 
.m-btn.m-btn-t-black:focus {
    background: #000000;
    border-color: #000000;
    color: #ffffff
}

.m-btn.m-btn-t-grey {
    background: transparent;
    border-color: #999;
    color: #666
}
.m-btn.m-btn-t-grey:hover, 
.m-btn.m-btn-t-grey:focus {
    background: #000000;
    border-color: #000000;
    color: #ffffff
}

.m-btn-shadow { box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}
.m-btn-round { border-radius: 30px; padding-left: 30px; padding-right: 30px; }

.m-btn-icon {
  padding: 0;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  line-height: 45px;
  display: inline-block;
  color: #fff;
}
.m-btn-icon:active,
.m-btn-icon:focus,
.m-btn-icon:hover {
  background: #fff;
  color: #232323;
}
a.m-btn-icon:focus,
a.m-btn-icon:hover,
a.m-btn-icon:active {
  color: #232323;
}

.m-btn-icon.m-btn-icon-l {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  line-height: 65px;
  font-size: 24px;
}

.m-btn-icon.m-btn-icon-xl {
  text-align: center;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  line-height: 90px;
  font-size: 30px;
}

.m-btn.m-btn-block {
  width: 100%;
}

.btn {
  box-shadow: none !important;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: #353535;
  color: #ffffff;
  border-color: #353535;
}

.m-btn-icon.play:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  z-index: 0;
}

.play:before {
  box-shadow: 0 0 0 80px rgba(232,232,232,1);
}

.play:before {
  -webkit-animation: 2.5s anim-effect-front 0s linear infinite;
  animation: 2.5s anim-effect-front 0s linear infinite;
}

@-webkit-keyframes anim-effect-front {
  0% {
    box-shadow: 0 0 0 20px rgba(232,232,232,1);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5);
  }
  50% {
    box-shadow: 0 0 0 40px rgba(232,232,232,0.6);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5);
  }
  100% {
    box-shadow: 0 0 0 80px rgba(232,232,232,0);
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5);
  }
}
@keyframes anim-effect-front {
  0% {
    box-shadow: 0 0 0 20px rgba(232,232,232,1);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5);
  }
  50% {
    box-shadow: 0 0 0 40px rgba(232,232,232,0.6);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5);
  }
  100% {
    box-shadow: 0 0 0 80px rgba(232,232,232,0);
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 0.5);
    transform: scale3d(1, 1, 0.5);
  }
}

@media (max-width: 767px){
  .m-btn + .m-btn {
    margin: 10px;
  }
}
/*===================================
  Social Icons
====================================== */
.social-icons {
  margin: 0;
  padding: 0;
}
.social-icons li {
  display: inline-block;
  vertical-align: top;
  margin: 2px 8px;
}
.social-icons a {
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 48px;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #232323;
  text-align: center;
  z-index: 1;
  background: #fff;
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}

.social-icons a.facebook:hover {background-color: #3b5998; color: #fff;}
.social-icons a.twitter:hover {background-color: #00aced; color: #fff;}
.social-icons a.google:hover {background-color: #dc4a38; color: #fff;}
.social-icons a.dribbble:hover {background-color: #ea4c89; color: #fff;}
.social-icons a.youtube:hover {background-color: #bb0000; color: #fff;}
.social-icons a.linkedin:hover {background-color: #007bb6; color: #fff;}
.social-icons a.instagram:hover {background-color: #FE1F49; color: #fff;}
.social-icons a.pinterest:hover {background-color: #CB2027; color: #fff;}
.social-icons a.flickr:hover {background-color: #ff0084; color: #fff;}
.social-icons a.rss:hover {background-color: #f2890a; color: #fff;}
.social-icons a.behance:hover {background-color: #1769ff; color: #fff;}
.social-icons a.vine:hover {background-color: #00bf8f; color: #fff;}
.social-icons a.email:hover {background-color: #7d7d7d; color: #fff;}
.social-icons a.sms:hover {background-color: #ffbd00; color: #fff;}
.social-icons a.sharethis:hover {background-color: #95D03A; color: #fff;}
.social-icons a.reddit:hover {background-color: #ff4500; color: #fff;}
.social-icons a.tumblr:hover {background-color: #32506d; color: #fff;}
.social-icons a.digg:hover {background-color: #262626; color: #fff;}
.social-icons a.stumbleupon:hover {background-color: #eb4924; color: #fff;}
.social-icons a.whatsapp:hover {background-color: #25d366; color: #fff;}
.social-icons a.vk:hover {background-color: #4c6c91; color: #fff;}
.social-icons a.weibo:hover {background-color: #ff9933; color: #fff;}
.social-icons a.odnoklassniki:hover {background-color: #d7772d; color: #fff;}
.social-icons a.xing:hover {background-color: #1a7576; color: #fff;}
.social-icons a.print:hover {background-color: #222222; color: #fff;}
.social-icons a.blogger:hover {background-color: #ff8000; color: #fff;}
.social-icons a.flipboard:hover {background-color: #e12828; color: #fff;}
.social-icons a.meneame:hover {background-color: #ff6400; color: #fff;}
.social-icons a.mailru:hover {background-color: #168de2; color: #fff;}
.social-icons a.delicious:hover {background-color: #205cc0; color: #fff;}
.social-icons a.livejournal:hover {background-color: #00b0ea; color: #fff;}

.social-icons-01 {
  margin: 0;
  padding: 0;
}
.social-icons-01 li {
  display: inline-block;
  vertical-align: top;
  margin: 2px 8px;
}
.social-icons-01 a {
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 48px;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #232323;
  text-align: center;
  z-index: 1;
  background: #fff;
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}
.social-icons-01 a i {
  -webkit-transition: ease all 0.2s;
     -moz-transition: ease all 0.2s;
       -o-transition: ease all 0.2s;
          transition: ease all 0.2s;
}

.social-icons-01 a.facebook {background-color: #3b5998; color: #fff;}
.social-icons-01 a.twitter {background-color: #00aced; color: #fff;}
.social-icons-01 a.google {background-color: #dc4a38; color: #fff;}
.social-icons-01 a.dribbble {background-color: #ea4c89; color: #fff;}
.social-icons-01 a.youtube {background-color: #bb0000; color: #fff;}
.social-icons-01 a.linkedin {background-color: #007bb6; color: #fff;}
.social-icons-01 a.instagram {background-color: #FE1F49; color: #fff;}
.social-icons-01 a.pinterest {background-color: #CB2027; color: #fff;}
.social-icons-01 a.flickr {background-color: #ff0084; color: #fff;}
.social-icons-01 a.rss {background-color: #f2890a; color: #fff;}
.social-icons-01 a.behance {background-color: #1769ff; color: #fff;}
.social-icons-01 a.vine {background-color: #00bf8f; color: #fff;}
.social-icons-01 a.email {background-color: #7d7d7d; color: #fff;}
.social-icons-01 a.sms {background-color: #ffbd00; color: #fff;}
.social-icons-01 a.sharethis {background-color: #95D03A; color: #fff;}
.social-icons-01 a.reddit {background-color: #ff4500; color: #fff;}
.social-icons-01 a.tumblr {background-color: #32506d; color: #fff;}
.social-icons-01 a.digg {background-color: #262626; color: #fff;}
.social-icons-01 a.stumbleupon {background-color: #eb4924; color: #fff;}
.social-icons-01 a.whatsapp {background-color: #25d366; color: #fff;}
.social-icons-01 a.vk {background-color: #4c6c91; color: #fff;}
.social-icons-01 a.weibo {background-color: #ff9933; color: #fff;}
.social-icons-01 a.odnoklassniki {background-color: #d7772d; color: #fff;}
.social-icons-01 a.xing {background-color: #1a7576; color: #fff;}
.social-icons-01 a.print {background-color: #222222; color: #fff;}
.social-icons-01 a.blogger {background-color: #ff8000; color: #fff;}
.social-icons-01 a.flipboard {background-color: #e12828; color: #fff;}
.social-icons-01 a.meneame {background-color: #ff6400; color: #fff;}
.social-icons-01 a.mailru {background-color: #168de2; color: #fff;}
.social-icons-01 a.delicious {background-color: #205cc0; color: #fff;}
.social-icons-01 a.livejournal {background-color: #00b0ea; color: #fff;}

.social-icons-01 a:hover i { 
  -webkit-transform: scale(1.3);
     -moz-transform: scale(1.3);
       -o-transform: scale(1.3);
          transform: scale(1.3);
}

.social-icons-small li {
  margin: 0 3px;
}
.social-icons-small a{ 
  font-size: 16px;
  width: 35px;
  height: 35px;
  line-height: 33px;
}

.social-icons-radius-3px a {
  border-radius: 3px;
}

.social-icons-text {
  margin: 0;
  padding: 0;
}
.social-icons-text li {
  display: inline-block;
  vertical-align: top;
  margin: 8px;
}
.social-icons-text a {
  font-size: 14px;
  line-height: 48px;
  display: inline-block;
  position: relative;
  color: #232323;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 25px 0 60px;
  z-index: 1;
  border-radius: 5px;
  overflow: hidden;
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}
.social-icons-text a i {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  line-height: 48px;
  width: 45px;
  font-size: 22px;
  border-right: 1px solid rgba(0,0,0,.1);
  background: rgba(0,0,0,.2);
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}
.social-icons-text a:hover i {
 background: rgba(0,0,0,.5);
}
.social-icons-text a.facebook {background-color: #3b5998; color: #fff;}
.social-icons-text a.twitter {background-color: #00aced; color: #fff;}
.social-icons-text a.google {background-color: #dc4a38; color: #fff;}
.social-icons-text a.dribbble {background-color: #ea4c89; color: #fff;}
.social-icons-text a.youtube {background-color: #bb0000; color: #fff;}
.social-icons-text a.linkedin {background-color: #007bb6; color: #fff;}
.social-icons-text a.instagram {background-color: #FE1F49; color: #fff;}
.social-icons-text a.pinterest {background-color: #CB2027; color: #fff;}
.social-icons-text a.flickr {background-color: #ff0084; color: #fff;}
.social-icons-text a.rss {background-color: #f2890a; color: #fff;}
.social-icons-text a.behance {background-color: #1769ff; color: #fff;}
.social-icons-text a.vine {background-color: #00bf8f; color: #fff;}
.social-icons-text a.email {background-color: #7d7d7d; color: #fff;}
.social-icons-text a.sms {background-color: #ffbd00; color: #fff;}
.social-icons-text a.sharethis {background-color: #95D03A; color: #fff;}
.social-icons-text a.reddit {background-color: #ff4500; color: #fff;}
.social-icons-text a.tumblr {background-color: #32506d; color: #fff;}
.social-icons-text a.digg {background-color: #262626; color: #fff;}
.social-icons-text a.stumbleupon {background-color: #eb4924; color: #fff;}
.social-icons-text a.whatsapp {background-color: #25d366; color: #fff;}
.social-icons-text a.vk {background-color: #4c6c91; color: #fff;}
.social-icons-text a.weibo {background-color: #ff9933; color: #fff;}
.social-icons-text a.odnoklassniki {background-color: #d7772d; color: #fff;}
.social-icons-text a.xing {background-color: #1a7576; color: #fff;}
.social-icons-text a.print {background-color: #222222; color: #fff;}
.social-icons-text a.blogger {background-color: #ff8000; color: #fff;}
.social-icons-text a.flipboard {background-color: #e12828; color: #fff;}
.social-icons-text a.meneame {background-color: #ff6400; color: #fff;}
.social-icons-text a.mailru {background-color: #168de2; color: #fff;}
.social-icons-text a.delicious {background-color: #205cc0; color: #fff;}
.social-icons-text a.livejournal {background-color: #00b0ea; color: #fff;}


.social-icons-light a {
  display: inline-block;
  vertical-align: middle;
  color: #555555;
  margin: 0 13px;
  font-size: 14px;
}
.social-icons-light a:first-child {
  margin-left: 0;
}
.social-icons-light a:last-child {
  margin-right: 0;
}

/*===================================
  position Center Box
====================================== */

.position-center-box {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translatey(-50%);
     -moz-transform: translatey(-50%);
       -o-transform: translatey(-50%);
          transform: translatey(-50%);
}

/* ===================================
  Icon
====================================== */
.icon-xs { font-size: 16px;}
.icon-s { font-size: 24px;}
.icon-m { font-size: 35px;}
.icon-l { font-size: 40px;}
.icon-xl { font-size: 50px;}
.icon-xxl { font-size: 60px;}

.icon-round-extra-small { border-radius: 100%; display: block; height: 45px; margin: 0 auto; text-align: center; vertical-align: middle; width: 45px; font-size:22px; line-height: 45px;}
.icon-round-small { border-radius: 100%; display: block; height: 80px; margin: 0 auto; text-align: center; vertical-align: middle; width: 80px; font-size:32px; line-height: 80px;}
.icon-round-medium { border-radius: 100%; display: block; height: 90px; margin: 0 auto; text-align: center; vertical-align: middle; width: 90px; font-size:42px; line-height: 90px;}
.icon-round-large { border-radius: 100%; display: block; height: 150px; margin: 0 auto; text-align: center; vertical-align: middle; width: 150px; font-size:65px; line-height: 150px;}

.icon-square-small { display: block; height: 80px; margin: 0 auto; text-align: center; vertical-align: middle; width: 80px; font-size:32px; line-height: 80px;}
.icon-square-medium { display: block; height: 90px; margin: 0 auto; text-align: center; vertical-align: middle; width: 90px; font-size:42px; line-height: 90px;}
.icon-square-large { border-radius: 100%; display: block; height: 150px; margin: 0 auto; text-align: center; vertical-align: middle; width: 150px; font-size:65px; line-height: 150px;}

/*===================================
  Feature Box
====================================== */
.feature-content p:last-child {
  margin-bottom: 0;
}
/*Feature Box 01*/
.feature-box-01 {
  padding-left: 85px;
  position: relative;
}

.feature-box-01 i {
  position: absolute;
  top: 0;
  left: 0;
  width: 75px;
  text-align: center;
}

/*Feature Box 02*/
.feature-box-02 {
  padding-right: 75px;
  position: relative;
  text-align: right;
}

.feature-box-02 i {
  position: absolute;
  top: 0;
  right: 0;
}

/*Feature Box 03*/
.feature-box-03 .feature-head{
  padding-left: 65px;
  position: relative;
  min-height: 50px;
}

.feature-box-03 i {
  position: absolute;
  top: 0;
  left: 0;
}
/*Feature Hover*/
.feature-hover {
  position: relative;
}
.feature-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}

.feature-hover i,
.feature-hover .feature-content {
  position: relative;
  z-index: 1;
}
.feature-hover:hover i {
  background: #fff;
  color: #333;
}
.feature-hover:hover .feature-content * {
  color: #fff;
}
.feature-hover:hover .feature-overlay {
  height: 100%;
}


.feature-hover-img {
  position: relative;
}
.feature-overlay-img {
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
z-index: 0;
background-position: center center;
-webkit-transition: all 0.3s ease-out 0s;
   -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
     -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
-webkit-background-size: cover;
   -moz-background-size: cover;
     -o-background-size: cover;
        background-size: cover;

}
.feature-hover-img i,
.feature-hover-img .feature-content {
  position: relative;
  z-index: 1;
}

.feature-hover-img.active .feature-overlay-img,
.feature-hover-img:hover .feature-overlay-img {
 opacity: 1;
}
.feature-hover-img.active i,
.feature-hover-img:hover i {
  color: #fff;
}
.feature-hover-img.active .feature-content *,
.feature-hover-img:hover .feature-content * {
  color: #fff;
}

/*Hover End*/

/*Rotate Hover*/
.rotate-hover .rotate {
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
       -o-transform: rotate(0deg);
          transform: rotate(0deg);

}
.rotate-hover:hover .rotate {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
          transform: rotate(360deg);  
}
/*/*/

/*BG Hover*/
.theme-bg-on-hover .theme-bg-hover {
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}
.theme-bg-on-hover:hover .theme-bg-hover {
  color: #fff;
}


/*Effect hover*/
.feature-effect-hover ,
.feature-effect-hover * {
   -webkit-transition: ease all 0.5s;
  -moz-transition: ease all 0.5s;
  -o-transition: ease all 0.5s;
  transition: ease all 0.5s;
}
.feature-effect-hover {
  position: relative;
}
.feature-effect-hover .overlay {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  opacity: .6;
  background: #000;
  border: 2px solid #fff;

}
.feature-effect-hover .feature-box-hover-action {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  opacity: 1;
  -webkit-transform: translatey(-50%);
     -moz-transform: translatey(-50%);
       -o-transform: translatey(-50%);
          transform: translatey(-50%);
}
.feature-effect-hover .feature-box-hover-event {
  opacity: 0;
}
.feature-effect-hover:hover .overlay {
  opacity: .9;
  background:#fff;
}
.feature-effect-hover:hover .feature-box-hover-action {
  opacity: 0;
}
.feature-effect-hover:hover .feature-box-hover-event {
  opacity: 1;
}

/*===================================
  List Styles
====================================== */
/*Latest Post*/
.latest-post { margin: 0; padding: 0; }
.latest-post li { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 15px; }
.latest-post li:last-child { margin-bottom: 0; }
.latest-post .lp-img { width: 60px; float: left; }
.latest-post .lp-text { overflow: hidden; line-height: 14px; padding-left: 10px; }

/*list-style-tag*/
.list-style-tag { margin: 0; padding: 0; }
.list-style-tag li { display: inline-block; vertical-align: top; margin:0 3px 5px 0;}
.list-style-tag li a { color: #fff; padding: 5px 10px; display: block; border-radius: 3px; }
.list-style-tag li a:hover { background: #fff; color: #222;     box-shadow: 0 0 12px rgba(0,0,0,.1); }

/* list style 1 */
.list-style-none li {list-style: none;}

.list-style-1 { margin: 0; padding: 0 0 0 20px; }
.list-style-1 li { padding: 5px 0}

/* list style 2 */
.list-style-2 {list-style: none; margin: 0; padding: 0;}
.list-style-2 li {position: relative; padding: 0 0 0 12px; margin: 0 0 9px 0;}
.list-style-2 li:before {content: ""; width: 5px; height: 1px; position: absolute; top: 12px; left: 0; }

/* list style 3 */
.list-style-3 { list-style: none; margin: 0; padding: 0;}
.list-style-3 li { position: relative; padding: 0 0 0 22px; margin: 0 0 15px 0;}
.list-style-3 li:before { content: ""; width: 10px; height: 1px;  position: absolute; top: 10px; left: 0; }

/* list style 4 */
.list-style-4 { list-style: none; margin: 0; padding: 0;}
.list-style-4 li { position: relative; padding: 0 0 10px 22px; margin: 0 0 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-4 li:before { content: "\e628"; position: absolute; top: 0px; left: 0; font-family: 'themify'; }
.list-style-4 li:last-child {border-bottom: 0; margin-bottom: 0; }


/* list style 5 */
.list-style-5 { list-style: none; margin: 0; padding: 0;}
.list-style-5 li { position: relative; padding: 5px 0 5px 15px;}
.list-style-5 li:before { content: "\e661"; position: absolute; top: 5px; left: 0; font-family: 'themify'; font-size: 10px; }

/* list style 6 */
.list-style-6 {list-style: none; margin: 0; padding: 0;}
.list-style-6 li {position: relative; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-6 li span { position: absolute; top: 3px; right: 0;}
.list-style-6 li:last-child {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}

/* list style 7 */
.list-style-7 {list-style: none; margin: 0; padding: 0;}
.list-style-7 li {padding: 0; margin: 0 0 10px 0;}
.list-style-7 li:last-child {margin: 0; padding: 0;}

/* list style 8 */
.list-style-8 {list-style: none; margin: 0; padding: 0;}
.list-style-8 li {position: relative; padding:15px 0; margin: 0 0 4px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-8 li span {margin-bottom: 2px}
.list-style-8 li p {margin-bottom: 0}
.list-style-8 li:last-child {border-bottom: none}
.list-style-8 li:before {content: "";}

/* list style 9 */
.list-style-9 {list-style: none; margin: 0; padding: 0;}
.list-style-9 li {position: relative; padding:15px 0; margin: 0 0 4px 0; border-bottom: 1px solid #373737;}
.list-style-9 li span {margin-bottom: 2px}
.list-style-9 li p {margin-bottom: 0}
.list-style-9 li:last-child {border-bottom: none}
.list-style-9 li:before {content: "";}

/* list style 10 */
.list-style-10 {list-style: none; margin: 0; padding: 0;}
.list-style-10 li {padding:15px 0; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-10 li i {float: left; margin-top: 5px}
.list-style-10 li span { padding-left: 15px; display: table}
.list-style-10 li:last-child {border-bottom: none}

/* list style 6 */
.list-style-11 {list-style: none; margin: 0; padding: 0;}
.list-style-11 li {position: relative; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.list-style-11 li span { position: absolute; top: 3px; right: 0;}
.list-style-11 li:last-child {border-bottom: none}
.list-style-11 li:before {content: "";}

/* list style 12 */
.list-style-12 { list-style: none; margin: 0; padding: 0;}
.list-style-12 li { position: relative; padding: 5px 0 5px 22px;}
.list-style-12 li:before { content: "\e61c"; position: absolute; top: 5px; left: 0; font-family: 'themify'; }


/* list style 13 */
.list-style-13 { list-style: none; margin: 0; padding: 0;}
.list-style-13 li { position: relative; padding: 5px 0 5px 22px;}
.list-style-13 li:before { content: "\e71b"; position: absolute; top: 5px; left: 0; font-family: 'themify'; }

/* list style 14 */
.list-style-14 { list-style: none; margin: 0; padding: 0;}
.list-style-14 li { position: relative; padding: 5px 0 5px 22px;}
.list-style-14 li:before { content: "\e65d"; position: absolute; top: 5px; left: 0; font-family: 'themify'; }

/* list style 15 */
.list-style-15 { list-style: none; margin: 0; padding: 0;}
.list-style-15 li { position: relative; padding: 5px 0 5px 20px;}
.list-style-15 li:before { content: "\e646"; position: absolute; top: 5px; left: 0; font-family: 'themify'; font-size: 10px; }

/*===================================
  Newsletter Box
====================================== */
.newsletter-box {
  position: relative;
}
.newsletter-box .input-medium {
  height: 45px;
  padding-right: 50px;
}
.newsletter-box .m-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 45px;
  width: 45px;
  text-align: center;
  line-height: 45px;
  border: none;
  border-radius: 0;
  padding: 0;
}
.newsletter-box .m-btn i {
  font-size: 20px;
  margin: 0;
}

/*===================================
  Blog Style
====================================== */
.blog-item .blog-img img { width: 100%; }
.blog-item .blog-detail { padding: 15px;}
.blog-item .entry-title { margin-bottom: 10px; }
.blog-item .entry-title a { font-size: 16px; font-weight: 600; color: #353535; line-height: 28px; }

.blog-item .entry-meta ul { margin: 0; padding: 0 0 12px; }
.blog-item .entry-meta li { display: inline-block; margin-right: 8px; }
.blog-item .entry-meta li i { color: #222; padding-right: 6px; }
.blog-item .entry-meta li a { color: #444; line-height: 0px; padding-right: 5px; font-size: 13px }
.blog-item .entry-meta li a i { padding-right: 6px; color: #222; }
.blog-item .entry-meta li a:hover { color: #84ba3f; }

.blog-item-01 .blog-img { position: relative; }
.blog-item-01 .blog-img .entry-date { display: inline-block; position: absolute; top: 20px; left: 20px; line-height: normal; padding: 10px 15px; }
.blog-item-01 .blog-detail { padding: 15px; }
.blog-item-01 .blog-detail .entry-content { margin-top: 10px; }

.blog-item-02 .blog-info {
  margin-top: -80px;
  position: relative;
}


.blog-comment {list-style: none; margin: 0; padding: 0;}
.blog-comment li {padding: 50px 0; border-bottom: 1px solid #ededed; position: relative}
.blog-comment li .btn-reply {float: right; border: 1px solid #ededed; padding: 0 8px; font-size: 10px; font-weight: 600; position: relative;}
.blog-comment > li:first-child {padding-top: 0}
.blog-comment li:last-child {border-bottom: none; padding-bottom: 0}
.blog-comment li ul.child-comment {margin-left: 40px; list-style: none}
.blog-comment li ul.child-comment li {border: none; padding-bottom: 0; border-top: 1px solid #ededed; margin-top: 50px}


/*====================================================================
  Portfolio Box
====================================================================*/
.portfolio-filter .filter {
  margin: 0;
  padding: 0;
}
.portfolio-filter .filter li {
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  border: 1px solid #111;
  padding: 8px 15px;
  font-size: 13px;
  line-height: normal;
  border-radius: 3px;
}
.portfolio-filter .filter li.active {
  background: #111;
  color: #fff;
}
.portfolio-col img {
  width: 100%;
}

/*portfolio-filter 01*/
.portfolio-filter-01 .filter {
  margin: 0;
  padding: 0;
}
.portfolio-filter-01 .filter li {
  line-height: normal;
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 5px;
  margin-right: 30px;
  margin-bottom: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #333;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}
.portfolio-filter-01 .filter li:after {
  width: 0;
  height: 2px;
  content: "";
  float: left;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;

}
.portfolio-filter-01 .filter li.active:after {
  width: 100%;
}

@media (max-width: 767px){
  .portfolio-filter-01 .filter li {
    margin-right: 12px;
  }
}

/*portfolio-filter-02*/
.portfolio-filter-02 {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.portfolio-filter-02 li {
  display: inline-block;
  padding: 8px 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #000;
  font-size: 13px;
  letter-spacing: 1px;
  cursor: pointer;
  background: #fff;
  float: left;
}
.portfolio-filter-02 ul {
  padding: 2px;
}
.portfolio-filter-02 li:first-child {
  border-radius: 30px 0px 0 30px;
}  
.portfolio-filter-02 li:last-child {
  border-radius: 0 30px 30px 0;
}  
.portfolio-filter-02 li.active {
  background: #000;
  color: #fff;
}

@media (max-width: 767px){
  .portfolio-filter-02 li {
    padding: 4px 9px;
    font-weight: 400;
    font-size: 12px;
  }
}

/*Fortfolio Filter 03*/
.portfolio-filter-03 .filter {
  margin: 0;
  padding: 0;
}

.portfolio-filter-03 li {
  line-height: normal;
  list-style-type: none;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 5px;
  margin-right: 30px;
  margin-bottom: 10px;
  font-weight: 400;
  letter-spacing: 1px;
  color: #999;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
}
.portfolio-filter-03 li.active {
  color: #000;
}


/*Portfolio Hover 01*/
.portfolio-hover-01 {
  overflow: hidden;
  position: relative;
}
.portfolio-hover-01 img {
  -webkit-transition: transform 0.35s;
       -o-transition: transform 0.35s;
      -ms-transition: transform 0.35s;
     -moz-transition: transform 0.35s;
          transition: transform 0.35s;
}
.portfolio-hover-01:hover img{
  -webkit-transform: scale(1.20);
     -moz-transform: scale(1.20);
      -ms-transform: scale(1.20);
       -o-transform: scale(1.20);
          transform: scale(1.20);
}
.portfolio-hover-01 .hover {
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  padding: 15px;
  -webkit-transition: bottom 0.35s;
       -o-transition: bottom 0.35s;
      -ms-transition: bottom 0.35s;
     -moz-transition: bottom 0.35s;
          transition: bottom 0.35s;
}
.portfolio-hover-01:hover .hover {
  bottom: 0;
}

/* Portfolio Hover 2*/
.portfolio-hover-02 {
  position: relative;
  overflow: hidden;
}
.portfolio-hover-02 * {
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}
.portfolio-hover-02 .overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  bottom: 0;
  opacity: 0.9;
  opacity: 0;
}
.portfolio-hover-02 .hover {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 50%;
  opacity: 0;
  -webkit-transform: translatey(-50%);
     -moz-transform: translatey(-50%);
       -o-transform: translatey(-50%);
          transform: translatey(-50%);
}

.portfolio-hover-02:hover .overlay {
  width: 100%;
  opacity: 0.8;
}
.portfolio-hover-02:hover .hover {
  width: 100%;
  opacity: 1;
}

.portfolio-hover-02:hover img{
  -webkit-transform: scale(1.20);
     -moz-transform: scale(1.20);
      -ms-transform: scale(1.20);
       -o-transform: scale(1.20);
          transform: scale(1.20);
}
.portfolio-hover-02 .hover .btn-bar {
  margin-top: 7px;
}
.portfolio-hover-02 .hover .btn-bar a {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  border-radius: 50%;
  outline: none;
  margin: 0 2px;
}

/*portfolio-hover-03*/
.portfolio-hover-03 {
  position: relative;
  overflow: hidden;
}
.portfolio-hover-03 .lg-link {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  color: #000;
  position: absolute;
  top: -40px;
  right: -40px;
  border-radius: 50%;
  text-align: center;
  -moz-transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  -o-transition: ease all 0.3s;
    transition: ease all 0.3s;
}
.portfolio-hover-03 .hover {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  -moz-transition: ease all 0.3s;
  -webkit-transition: ease all 0.3s;
  -o-transition: ease all 0.3s;
    transition: ease all 0.3s;
  opacity: 0;
}
.portfolio-hover-03:hover .hover {
  opacity: 1;
}
.portfolio-hover-03:hover .lg-link {
  top: 20px;
  right: 20px;
}

.portfolio-hover-04 {
  position: relative;
}
.portfolio-hover-04 ,
.portfolio-hover-04 * {
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}
.portfolio-hover-04 .overlay {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  opacity: 0;
}
.portfolio-hover-04 .hover{
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: translatey(-50%);
     -moz-transform: translatey(-50%);
       -o-transform: translatey(-50%);
          transform: translatey(-50%);
}
.portfolio-hover-04:hover .overlay {
  top: -5px;
  left: -5px;
  bottom: -5px;
  right: -5px;
  opacity: .7;
}

.no-space .portfolio-hover-04:hover .overlay {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.portfolio-hover-04:hover .hover {
  opacity: 1;
}

.portfolio-hover-05 {
  position: relative;
}
.portfolio-hover-05 * {
  -webkit-transition: ease all 0.3s;
  -moz-transition: ease all 0.3s;
  -o-transition: ease all 0.3s;
  -ms-transition: ease all 0.3s;
  transition: ease all 0.3s;
}
.portfolio-hover-05 .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.portfolio-hover-05 .lg-link {
    opacity: 0;
    width: 45px;
    height: 45px;
    background: #000;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0 0 12px rgba(0,0,0,.1);
    transition-delay: 0.15s;
}
.portfolio-hover-05:hover .overlay {
  opacity: .7;
}
.portfolio-hover-05:hover .lg-link {
  opacity: 1;
}

/*portfolio column*/
.container .portfolio-content {
  margin: -7px;
}
.portfolio-content {
  margin: 7px;
}
.portfolio-content.no-space {
  margin: 0;
}
.portfolio-content.no-space .portfolio-cols li {
   padding: 0;
}
.portfolio-cols {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.portfolio-cols li {
  padding: 7px;
}

.portfolio-cols-5 li {
  width: 20%; 
}
.portfolio-cols-4 li {
  width: 25%; 
}
.portfolio-cols-3 li {
  width: 33.33%; 
}
.portfolio-cols-2 li {
  width: 50%; 
}
.portfolio-cols-1 li {
  width: 50%; 
}

.portfolio-cols-6 li {
  width: 16.666%;
}
.portfolio-cols-6 li.portfolio-col-2x {
  width: 33.33%;
}

@media (max-width: 1200px){
  .portfolio-cols-5 li,
  .portfolio-cols-4 li {
    width: 33.33%; 
  }
}

@media (max-width: 991px){
  .portfolio-cols-5 li,
  .portfolio-cols-4 li,
  .portfolio-cols-3 li {
    width: 50%; 
  }
}

@media (max-width: 640px){
  .portfolio-cols-6 li,
  .portfolio-cols-6 li.portfolio-col-2x,
  .portfolio-cols-5 li,
  .portfolio-cols-4 li,
  .portfolio-cols-3 li,
  .portfolio-cols-2 li {
    width: 100%; 
  }
}

/*====================================================================
  Our Client
====================================================================*/
.clients-list {
  overflow: hidden;
}
.clients-list ul {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.clients-list li {
  float: left;
  padding: 20px;
  position: relative;
}
.clients-list li img {
  display: block;
  margin: 0 auto;
}
.clients-border li:before,
.clients-border li:after {
  content: '';
  position: absolute;
}
.clients-border li:before {
  height: 100%;
  top: 0;
  left: -1px;
  border-left: 1px solid rgba(0,0,0,0.1);
}
.clients-border li:after {
    width: 100%;
    height: 0;
    top: auto;
    left: 0;
    bottom: -1px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.clients-col-5 li {
  width: 20%;
}

.clients-col-4 li {
  width: 25%;
}

.clients-col-3 li {
  width: 33.33%;
}
.clients-col-2 li {
  width: 50%;
}

@media (max-width: 767px){
  .clients-col-5 li,
  .clients-col-4 li,
  .clients-col-3 li,
  .clients-col-2 li {
    width: 50%;
  }
}

/*===================================
  Our Team
====================================== */
.our-team-02 .team-img {
  position: relative;
  overflow: hidden;
}

.our-team-02 .team-img * {
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}
.our-team-02 .team-img .overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  bottom: 0;
  opacity: 0.9;
  opacity: 0;
}
.our-team-02 .team-img .hover {
  position: absolute;
  top: 50%;
  width: 100%;
  left: -50%;
  opacity: 0;
  -webkit-transform: translatey(-50%);
     -moz-transform: translatey(-50%);
       -o-transform: translatey(-50%);
          transform: translatey(-50%);
}

.our-team-02:hover .overlay {
  width: 100%;
  opacity: 0.8;
}
.our-team-02:hover .hover {
  left: 0;
  opacity: 1;
}

.our-team-02:hover img{
  -webkit-transform: scale(1.20);
     -moz-transform: scale(1.20);
      -ms-transform: scale(1.20);
       -o-transform: scale(1.20);
          transform: scale(1.20);
}


/*Our Team 03*/
.our-team-03 .team-img * {
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}

.our-team-03 .team-img {
  overflow: hidden;
  position: relative;
}
.our-team-03 .team-img img {
  position: relative;
  top: 0;
}
.our-team-03 .team-img ul {
  position: absolute;
  bottom: -45px;
  left: 0;
  right: 0;
  text-align: center;
  padding:10px 5px 0;
}
.our-team-03:hover .team-img ul {
  bottom: 0;
}
.our-team-03:hover .team-img img {
  top: -45px;
} 


.our-team-04 .team-img:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}


.our-team-05,
.our-team-05 * {
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}
.our-team-05 {
  position: relative;
  overflow: hidden;
}
.our-team-05 .team-info {
  z-index: 9;
  position: absolute;
  bottom: -100%;
  left: 0;
  right: 0;
  text-align: center;
  padding: 10px;
}
.our-team-05 .team-info a {
  color: #fff;
}
.our-team-05 .team-info a:hover {
  opacity: 0.6
}
.our-team-05:hover .team-info{
  bottom: 0;
  background:rgba(0,0,0,0.8);
}

/*===================================
  Tabs Design
====================================== */
.tab-style-1 .nav {

}
.tab-style-1 .nav li {
  margin:0 5px;
  display: inline-block;
  vertical-align: top;
}
.tab-style-1 .nav li:first-child {
  margin-left: 0;
}
.tab-style-1 .nav li:last-child {
  margin-right: 0;
}

.tab-style-1 .nav li a {
  display: block;
  padding: 8px 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  text-transform: uppercase;
  color: #333;
  font-weight: 600;
}
.tab-style-1 .nav li a.active {
  border-bottom: 1px solid #fff;
}
.tab-style-1 .tab-content {
  border: 1px solid #ccc;
  margin-top: -1px;
  padding: 15px;
  background-color: #fff;
}

.vertical-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid #ddd;
}
.vertical-tab .nav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
    min-height: 1px;
    position: relative;
    z-index: 1;
}
.vertical-tab .nav a {
  padding: 8px 15px;
  color: #222;
  display: block;
  border-right: 1px solid #ddd;
}
.vertical-tab .nav a.active {
 border-right: 1px solid #fff; 
}
.vertical-tab .nav li {
  border-bottom: 1px solid #ddd;
}
.vertical-tab .tab-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    position: relative;
    width: 100%;
    min-height: 1px;
    background: #fff;
    padding: 15px;
    border-left: 1px solid #ddd;
    margin-left: -1px;
}

/*Custmo Tab*/
.tabs-section .tabs-nav {
  margin-bottom: 20px;
}
.tabs-section .tabs-nav li:first-child {
  padding-left: 0;
}
.tabs-section .tabs-nav li {
  padding-left: 20px;
}
.tabs-section .tabs-nav .tab-item-in {
  padding: 20px 10px;  
  background: #fff;
  box-shadow: 0 0 12px rgba(0,0,0,.1);
  position: relative;
  cursor: pointer;
}
.tabs-section .tabs-nav .tab-item-in:hover {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.27);
}

.tabs-section .tabs-nav .active .tab-item-in:after {
  width: 100%;
  height: 22px;
  bottom: -20px;
  position: absolute;
  left: 0;
  content: "";
  float: left;
  background: #fff;
}
.tabs-section .tabs-nav .active .tab-item-in {
  color: #000;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.27);
}

.tabs-section .tabs-nav .tab-item-in i {
  display: block;
  font-size: 45px;
  pointer-events: none;
}
.tabs-section .tabs-nav .tab-item-in span {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 10px;
  pointer-events: none;
}

.tabs-section .tabs-contents {
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 12px rgba(0,0,0,.1); 
}

.tabs-section .tabs-contents .tab-content {
  display: none;
}
.tabs-section .tabs-contents .tab-content.active {
  display: block;
}


/*===================================
  Font Size
====================================== */
.font-11 { font-size: 11px; line-height: 14px }
.font-12 { font-size: 12px; line-height: 20px }
.font-13 { font-size: 13px; line-height: 20px }
.font-14 { font-size: 14px; line-height: 22px }
.font-15 { font-size: 15px; line-height: 22px }
.font-16 { font-size: 16px; line-height: 23px }
.font-17 { font-size: 17px; line-height: 23px }
.font-18 { font-size: 18px; line-height: 26px }
.font-19 { font-size: 19px; line-height: 26px }
.font-20 { font-size: 20px; line-height: 26px }
.font-21 { font-size: 21px; line-height: 26px }
.font-22 { font-size: 22px; line-height: 28px }
.font-23 { font-size: 23px; line-height: 28px }
.font-24 { font-size: 24px; line-height: 28px }
.font-25 { font-size: 25px; line-height: 30px }
.font-26 { font-size: 26px; line-height: 30px }
.font-27 { font-size: 27px; line-height: 30px }
.font-28 { font-size: 28px; line-height: 32px }
.font-29 { font-size: 29px; line-height: 32px }
.font-30 { font-size: 30px; line-height: 34px }
.font-35 { font-size: 35px; line-height: 40px }
.font-40 { font-size: 40px; line-height: 45px }
.font-45 { font-size: 45px; line-height: 50px }
.font-50 { font-size: 50px; line-height: 55px }
.font-55 { font-size: 55px; line-height: 60px }
.font-60 { font-size: 60px; line-height: 65px }
.font-65 { font-size: 65px; line-height: 70px }
.font-70 { font-size: 70px; line-height: 75px }
.font-75 { font-size: 75px; line-height: 80px }
.font-80 { font-size: 80px; line-height: 85px }
.font-85 { font-size: 85px; line-height: 90px }
.font-90 { font-size: 90px; line-height: 95px }
.font-95 { font-size: 95px; line-height: 100px }
.font-100 { font-size: 100px; line-height: 105px }
.font-105 { font-size: 105px; line-height: 110px }
.font-110 { font-size: 110px; line-height: 115px }
.font-115 { font-size: 115px; line-height: 120px }
.font-120 { font-size: 120px; line-height: 125px }
.font-125 { font-size: 125px; line-height: 130px }
.font-130 { font-size: 130px; line-height: 135px }

@media (max-width: 1200px){
  .lg-font-11 { font-size: 11px; line-height: 14px }
  .lg-font-12 { font-size: 12px; line-height: 20px }
  .lg-font-13 { font-size: 13px; line-height: 20px }
  .lg-font-14 { font-size: 14px; line-height: 22px }
  .lg-font-15 { font-size: 15px; line-height: 22px }
  .lg-font-16 { font-size: 16px; line-height: 23px }
  .lg-font-17 { font-size: 17px; line-height: 23px }
  .lg-font-18 { font-size: 18px; line-height: 26px }
  .lg-font-19 { font-size: 19px; line-height: 26px }
  .lg-font-20 { font-size: 20px; line-height: 26px }
  .lg-font-21 { font-size: 21px; line-height: 26px }
  .lg-font-22 { font-size: 22px; line-height: 28px }
  .lg-font-23 { font-size: 23px; line-height: 28px }
  .lg-font-24 { font-size: 24px; line-height: 28px }
  .lg-font-25 { font-size: 25px; line-height: 30px }
  .lg-font-26 { font-size: 26px; line-height: 30px }
  .lg-font-27 { font-size: 27px; line-height: 30px }
  .lg-font-28 { font-size: 28px; line-height: 32px }
  .lg-font-29 { font-size: 29px; line-height: 32px }
  .lg-font-30 { font-size: 30px; line-height: 34px }
  .lg-font-35 { font-size: 35px; line-height: 40px }
  .lg-font-40 { font-size: 40px; line-height: 45px }
  .lg-font-45 { font-size: 45px; line-height: 50px }
  .lg-font-50 { font-size: 50px; line-height: 55px }
  .lg-font-55 { font-size: 55px; line-height: 60px }
  .lg-font-60 { font-size: 60px; line-height: 65px }
  .lg-font-65 { font-size: 65px; line-height: 70px }
  .lg-font-70 { font-size: 70px; line-height: 75px }
  .lg-font-75 { font-size: 75px; line-height: 80px }
  .lg-font-80 { font-size: 80px; line-height: 85px }
  .lg-font-85 { font-size: 85px; line-height: 90px }
  .lg-font-90 { font-size: 90px; line-height: 95px }
  .lg-font-95 { font-size: 95px; line-height: 100px }
  .lg-font-100 { font-size: 100px; line-height: 105px }
  .lg-font-105 { font-size: 105px; line-height: 110px }
  .lg-font-110 { font-size: 110px; line-height: 115px }
  .lg-font-115 { font-size: 115px; line-height: 120px }
  .lg-font-120 { font-size: 120px; line-height: 125px }
  .lg-font-125 { font-size: 125px; line-height: 130px }
  .lg-font-130 { font-size: 130px; line-height: 135px }
}

@media (max-width: 991px){
  .md-font-11 { font-size: 11px; line-height: 14px }
  .md-font-12 { font-size: 12px; line-height: 20px }
  .md-font-13 { font-size: 13px; line-height: 20px }
  .md-font-14 { font-size: 14px; line-height: 22px }
  .md-font-15 { font-size: 15px; line-height: 22px }
  .md-font-16 { font-size: 16px; line-height: 23px }
  .md-font-17 { font-size: 17px; line-height: 23px }
  .md-font-18 { font-size: 18px; line-height: 26px }
  .md-font-19 { font-size: 19px; line-height: 26px }
  .md-font-20 { font-size: 20px; line-height: 26px }
  .md-font-21 { font-size: 21px; line-height: 26px }
  .md-font-22 { font-size: 22px; line-height: 28px }
  .md-font-23 { font-size: 23px; line-height: 28px }
  .md-font-24 { font-size: 24px; line-height: 28px }
  .md-font-25 { font-size: 25px; line-height: 30px }
  .md-font-26 { font-size: 26px; line-height: 30px }
  .md-font-27 { font-size: 27px; line-height: 30px }
  .md-font-28 { font-size: 28px; line-height: 32px }
  .md-font-29 { font-size: 29px; line-height: 32px }
  .md-font-30 { font-size: 30px; line-height: 34px }
  .md-font-35 { font-size: 35px; line-height: 40px }
  .md-font-40 { font-size: 40px; line-height: 45px }
  .md-font-45 { font-size: 45px; line-height: 50px }
  .md-font-50 { font-size: 50px; line-height: 55px }
  .md-font-55 { font-size: 55px; line-height: 60px }
  .md-font-60 { font-size: 60px; line-height: 65px }
  .md-font-65 { font-size: 65px; line-height: 70px }
  .md-font-70 { font-size: 70px; line-height: 75px }
  .md-font-75 { font-size: 75px; line-height: 80px }
  .md-font-80 { font-size: 80px; line-height: 85px }
  .md-font-85 { font-size: 85px; line-height: 90px }
  .md-font-90 { font-size: 90px; line-height: 95px }
  .md-font-95 { font-size: 95px; line-height: 100px }
  .md-font-100 { font-size: 100px; line-height: 105px }
  .md-font-105 { font-size: 105px; line-height: 110px }
  .md-font-110 { font-size: 110px; line-height: 115px }
  .md-font-115 { font-size: 115px; line-height: 120px }
  .md-font-120 { font-size: 120px; line-height: 125px }
  .md-font-125 { font-size: 125px; line-height: 130px }
  .md-font-130 { font-size: 130px; line-height: 135px }
}


@media (max-width: 767px){
  .sm-font-11 { font-size: 11px; line-height: 14px }
  .sm-font-12 { font-size: 12px; line-height: 20px }
  .sm-font-13 { font-size: 13px; line-height: 20px }
  .sm-font-14 { font-size: 14px; line-height: 22px }
  .sm-font-15 { font-size: 15px; line-height: 22px }
  .sm-font-16 { font-size: 16px; line-height: 23px }
  .sm-font-17 { font-size: 17px; line-height: 23px }
  .sm-font-18 { font-size: 18px; line-height: 26px }
  .sm-font-19 { font-size: 19px; line-height: 26px }
  .sm-font-20 { font-size: 20px; line-height: 26px }
  .sm-font-21 { font-size: 21px; line-height: 26px }
  .sm-font-22 { font-size: 22px; line-height: 28px }
  .sm-font-23 { font-size: 23px; line-height: 28px }
  .sm-font-24 { font-size: 24px; line-height: 28px }
  .sm-font-25 { font-size: 25px; line-height: 30px }
  .sm-font-26 { font-size: 26px; line-height: 30px }
  .sm-font-27 { font-size: 27px; line-height: 30px }
  .sm-font-28 { font-size: 28px; line-height: 32px }
  .sm-font-29 { font-size: 29px; line-height: 32px }
  .sm-font-30 { font-size: 30px; line-height: 34px }
  .sm-font-35 { font-size: 35px; line-height: 40px }
  .sm-font-40 { font-size: 40px; line-height: 45px }
  .sm-font-45 { font-size: 45px; line-height: 50px }
  .sm-font-50 { font-size: 50px; line-height: 55px }
  .sm-font-55 { font-size: 55px; line-height: 60px }
  .sm-font-60 { font-size: 60px; line-height: 65px }
  .sm-font-65 { font-size: 65px; line-height: 70px }
  .sm-font-70 { font-size: 70px; line-height: 75px }
  .sm-font-75 { font-size: 75px; line-height: 80px }
  .sm-font-80 { font-size: 80px; line-height: 85px }
  .sm-font-85 { font-size: 85px; line-height: 90px }
  .sm-font-90 { font-size: 90px; line-height: 95px }
  .sm-font-95 { font-size: 95px; line-height: 100px }
  .sm-font-100 { font-size: 100px; line-height: 105px }
  .sm-font-105 { font-size: 105px; line-height: 110px }
  .sm-font-110 { font-size: 110px; line-height: 115px }
  .sm-font-115 { font-size: 115px; line-height: 120px }
  .sm-font-120 { font-size: 120px; line-height: 125px }
  .sm-font-125 { font-size: 125px; line-height: 130px }
  .sm-font-130 { font-size: 130px; line-height: 135px }
}

/*===================================
  Line Height
====================================== */

.line-height-n {line-height:normal;}
.line-height-10 {line-height:10px}
.line-height-13 {line-height:13px}
.line-height-18 {line-height:18px}
.line-height-20 {line-height:20px}
.line-height-24 {line-height:24px}
.line-height-22 {line-height:22px}
.line-height-26 {line-height:26px}
.line-height-28 {line-height:28px}
.line-height-30 {line-height:30px}
.line-height-35 {line-height:35px}
.line-height-40 {line-height:40px}
.line-height-45 {line-height:45px}
.line-height-50 {line-height:50px}
.line-height-55 {line-height:55px}
.line-height-60 {line-height:60px}
.line-height-65 {line-height:65px}
.line-height-70 {line-height:70px}
.line-height-75 {line-height:75px}
.line-height-80 {line-height:80px}
.line-height-85 {line-height:85px}
.line-height-90 {line-height:90px}
.line-height-95 {line-height:95px}
.line-height-100 {line-height:100px}
.line-height-110 {line-height:110px}
.line-height-120 {line-height:120px}

@media (max-width: 1200px){
  .lg-line-height-10 {line-height:10px}
  .lg-line-height-13 {line-height:13px}
  .lg-line-height-18 {line-height:18px}
  .lg-line-height-20 {line-height:20px}
  .lg-line-height-24 {line-height:24px}
  .lg-line-height-22 {line-height:22px}
  .lg-line-height-26 {line-height:26px}
  .lg-line-height-28 {line-height:28px}
  .lg-line-height-30 {line-height:30px}
  .lg-line-height-35 {line-height:35px}
  .lg-line-height-40 {line-height:40px}
  .lg-line-height-45 {line-height:45px}
  .lg-line-height-50 {line-height:50px}
  .lg-line-height-55 {line-height:55px}
  .lg-line-height-60 {line-height:60px}
  .lg-line-height-65 {line-height:65px}
  .lg-line-height-70 {line-height:70px}
  .lg-line-height-75 {line-height:75px}
  .lg-line-height-80 {line-height:80px}
  .lg-line-height-85 {line-height:85px}
  .lg-line-height-90 {line-height:90px}
  .lg-line-height-95 {line-height:95px}
  .lg-line-height-100 {line-height:100px}
  .lg-line-height-110 {line-height:110px}
  .lg-line-height-120 {line-height:120px}
}

@media (max-width: 991px){
  .md-line-height-10 {line-height:10px}
  .md-line-height-13 {line-height:13px}
  .md-line-height-18 {line-height:18px}
  .md-line-height-20 {line-height:20px}
  .md-line-height-24 {line-height:24px}
  .md-line-height-22 {line-height:22px}
  .md-line-height-26 {line-height:26px}
  .md-line-height-28 {line-height:28px}
  .md-line-height-30 {line-height:30px}
  .md-line-height-35 {line-height:35px}
  .md-line-height-40 {line-height:40px}
  .md-line-height-45 {line-height:45px}
  .md-line-height-50 {line-height:50px}
  .md-line-height-55 {line-height:55px}
  .md-line-height-60 {line-height:60px}
  .md-line-height-65 {line-height:65px}
  .md-line-height-70 {line-height:70px}
  .md-line-height-75 {line-height:75px}
  .md-line-height-80 {line-height:80px}
  .md-line-height-85 {line-height:85px}
  .md-line-height-90 {line-height:90px}
  .md-line-height-95 {line-height:95px}
  .md-line-height-100 {line-height:100px}
  .md-line-height-110 {line-height:110px}
  .md-line-height-120 {line-height:120px}
}

@media (max-width: 767px){
  .sm-line-height-10 {line-height:10px}
  .sm-line-height-13 {line-height:13px}
  .sm-line-height-18 {line-height:18px}
  .sm-line-height-20 {line-height:20px}
  .sm-line-height-24 {line-height:24px}
  .sm-line-height-22 {line-height:22px}
  .sm-line-height-26 {line-height:26px}
  .sm-line-height-28 {line-height:28px}
  .sm-line-height-30 {line-height:30px}
  .sm-line-height-35 {line-height:35px}
  .sm-line-height-40 {line-height:40px}
  .sm-line-height-45 {line-height:45px}
  .sm-line-height-50 {line-height:50px}
  .sm-line-height-55 {line-height:55px}
  .sm-line-height-60 {line-height:60px}
  .sm-line-height-65 {line-height:65px}
  .sm-line-height-70 {line-height:70px}
  .sm-line-height-75 {line-height:75px}
  .sm-line-height-80 {line-height:80px}
  .sm-line-height-85 {line-height:85px}
  .sm-line-height-90 {line-height:90px}
  .sm-line-height-95 {line-height:95px}
  .sm-line-height-100 {line-height:100px}
  .sm-line-height-110 {line-height:110px}
  .sm-line-height-120 {line-height:120px}
}

/*===================================
  Font Weight
====================================== */
.font-w-100 {font-weight:100}
.font-w-200 {font-weight:200}
.font-w-300 {font-weight:300}
.font-w-400 {font-weight:400}
.font-w-500 {font-weight:500}
.font-w-600 {font-weight:600}
.font-w-700 {font-weight:700}
.font-w-800 {font-weight:800}
.font-w-900 {font-weight:900}

@media (max-width: 1200px){
  .lg-font-w-100 {font-weight:100}
  .lg-font-w-200 {font-weight:200}
  .lg-font-w-300 {font-weight:300}
  .lg-font-w-400 {font-weight:400}
  .lg-font-w-500 {font-weight:500}
  .lg-font-w-600 {font-weight:600}
  .lg-font-w-700 {font-weight:700}
  .lg-font-w-800 {font-weight:800}
  .lg-font-w-900 {font-weight:900}
}

@media (max-width: 991px){
  .md-font-w-100 {font-weight:100}
  .md-font-w-200 {font-weight:200}
  .md-font-w-300 {font-weight:300}
  .md-font-w-400 {font-weight:400}
  .md-font-w-500 {font-weight:500}
  .md-font-w-600 {font-weight:600}
  .md-font-w-700 {font-weight:700}
  .md-font-w-800 {font-weight:800}
  .md-font-w-900 {font-weight:900}
}

@media (max-width: 767px){
  .sm-font-w-100 {font-weight:100}
  .sm-font-w-200 {font-weight:200}
  .sm-font-w-300 {font-weight:300}
  .sm-font-w-400 {font-weight:400}
  .sm-font-w-500 {font-weight:500}
  .sm-font-w-600 {font-weight:600}
  .sm-font-w-700 {font-weight:700}
  .sm-font-w-800 {font-weight:800}
  .sm-font-w-900 {font-weight:900}
}

/*===================================
  Text Style
====================================== */
.text-overflow { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.text-underline { text-decoration: underline; }
.font-normal { font-style: normal; }
.font-italic { font-style: italic; }
.text-uppercase { text-transform: uppercase; }
.text-lowercase { text-transform: lowercase; }
.text-capitalize { text-transform: capitalize; }

@media (max-width: 1200px){
  .lg-text-underline { text-decoration: underline; }
  .lg-font-normal { font-style: normal; }
  .lg-font-italic { font-style: italic; }
  .lg-text-uppercase { text-transform: uppercase; }
  .lg-text-lowercase { text-transform: lowercase; }
  .lg-text-capitalize { text-transform: capitalize; }
}

@media (max-width: 991px){
  .md-text-underline { text-decoration: underline; }
  .md-font-normal { font-style: normal; }
  .md-font-italic { font-style: italic; }
  .md-text-uppercase { text-transform: uppercase; }
  .md-text-lowercase { text-transform: lowercase; }
  .md-text-capitalize { text-transform: capitalize; }
}

@media (max-width: 767px){
  .sm-text-underline { text-decoration: underline; }
  .sm-font-normal { font-style: normal; }
  .sm-font-italic { font-style: italic; }
  .sm-text-uppercase { text-transform: uppercase; }
  .sm-text-lowercase { text-transform: lowercase; }
  .sm-text-capitalize { text-transform: capitalize; } 
}

/*===================================
  Colors
====================================== */
.color-white {color:#FFF}
.color-black {color:#000}
.color-extra-dark-gray {color:#232323}
.color-dark-gray {color:#626262}
.color-extra-medium-gray {color:#757575}
.color-medium-gray {color:#939393}
.color-extra-light-gray {color:#b7b7b7}
.color-light-gray {color:#f7f7f7}
.color-very-light-gray {color:#ededed}

@media (max-width: 1200px){
  .lg-text-underline { text-decoration: underline; }
  .lg-font-normal { font-style: normal; }
  .lg-font-italic { font-style: italic; }
  .lg-text-uppercase { text-transform: uppercase; }
  .lg-text-lowercase { text-transform: lowercase; }
  .lg-text-capitalize { text-transform: capitalize; }
}

@media (max-width: 991px){
  .md-color-white {color:#FFF}
  .md-color-black {color:#000}
  .md-color-extra-dark-gray {color:#232323}
  .md-color-dark-gray {color:#626262}
  .md-color-extra-medium-gray {color:#757575}
  .md-color-medium-gray {color:#939393}
  .md-color-extra-light-gray {color:#b7b7b7}
  .md-color-light-gray {color:#f7f7f7}
  .md-color-very-light-gray {color:#ededed}
}

@media (max-width: 767px){
  .sm-color-white {color:#FFF}
  .sm-color-black {color:#000}
  .sm-color-extra-dark-gray {color:#232323}
  .sm-color-dark-gray {color:#626262}
  .sm-color-extra-medium-gray {color:#757575}
  .sm-color-medium-gray {color:#939393}
  .sm-color-extra-light-gray {color:#b7b7b7}
  .sm-color-light-gray {color:#f7f7f7}
  .sm-color-very-light-gray {color:#ededed}
}


/*===================================
  Background
====================================== */
.transparent-bg {background-color: transparent;}
.white-bg {background-color:#fff;}
.black-bg {background-color:#000;}
.extra-dark-bg { background-color:#141414; } 
.dark-bg {background-color:#1a1a1a;}
.extra-dark-gray-bg {background-color:#1c1c1c;}
.dark-gray-bg {background-color:#757575;}
.extra-medium-gray-bg {background-color:#939393;}
.medium-gray-bg {background-color:#dbdbdb;}
.extra-light-gray-bg {background-color:#e0e0e0}
.medium-light-gray-bg {background-color:#ededed}
.light-gray-bg {background-color:#f7f7f7}
.very-light-gray-bg {background-color:#fafafa}

.transparent-white-bg { background-color: rgba(255,255,255,0.3); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
.transparent-black-bg { background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }
.white-opacity-bg { background-color: rgba(255, 255, 255, 0.85); }
.black-opacity-bg { background-color: rgba(0, 0, 0, 0.85); }
.black-opacity-light-bg { background-color: rgba(0, 0, 0, 0.5); }

.charcoal-gray-bg {background-color: #0e0f10;}

.light-bitter-sweet-bg { background: #f8eded; }

.red-bg { background: #f44336 }
.pink-bg { background: #E91E63 }
.purple-bg { background: #9C27B0 }
.deep-purple-bg { background: #673AB7 }
.indigo-bg { background: #3F51B5 }
.blue-bg { background: #2196F3 }
.light-blue-bg { background: #03A9F4 }
.cyan-bg { background: #00BCD4 }
.teal-bg { background: #009688 }
.green-bg { background: #4CAF50 }
.light-green-bg { background: #8BC34A }
.lime-bg { background: #CDDC39 }
.yellow-bg { background: #FFEB3B }
.amber-bg { background: #FFC107 }
.orange-bg { background: #FF9800 }
.deep-orange-bg { background: #FF5722 }
.deep-brown-bg { background: #795548 }
.blue-gray-bg { background: #607D8B }

.overlay-bg { position: relative; }
.overlay-bg .overlay-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  z-index: 0;
}


@media (max-width: 1200px){
  .lg-transparent-bg {background-color: transparent;}
  .lg-white-bg {background-color:#fff;}
  .lg-black-bg {background-color:#000;}
  .lg-dark-bg {background-color:#1a1a1a;}
  .lg-extra-dark-gray-bg {background-color:#1c1c1c;}
  .lg-dark-gray-bg {background-color:#757575;}
  .lg-extra-medium-gray-bg {background-color:#939393;}
  .lg-medium-gray-bg {background-color:#dbdbdb;}
  .lg-extra-light-gray-bg {background-color:#e0e0e0}
  .lg-medium-light-gray-bg {background-color:#ededed}
  .lg-light-gray-bg {background-color:#f7f7f7}
  .lg-very-light-gray-bg {background-color:#fafafa}
  .lg-deep-pink-bg {background-color:#ff214f;}
  .lg-transparent-white-bg { background-color: rgba(255,255,255,0.3); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
  .lg-transparent-black-bg { background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }
  .lg-white-opacity-bg { background-color: rgba(255, 255, 255, 0.85); }
  .lg-black-opacity-bg { background-color: rgba(0, 0, 0, 0.85); }
  .lg-black-opacity-light-bg { background-color: rgba(0, 0, 0, 0.5); }
  .lg-deep-pink-opacity-bg {background-color: rgba(255, 33, 79, 0.85);}
  .lg-charcoal-gray-bg {background-color: #0e0f10;}

  .lg-red-bg { background: #f44336 }
  .lg-pink-bg { background: #E91E63 }
  .lg-purple-bg { background: #9C27B0 }
  .lg-deep-purple-bg { background: #673AB7 }
  .lg-indigo-bg { background: #3F51B5 }
  .lg-blue-bg { background: #2196F3 }
  .lg-light-blue-bg { background: #03A9F4 }
  .lg-cyan-bg { background: #00BCD4 }
  .lg-teal-bg { background: #009688 }
  .lg-green-bg { background: #4CAF50 }
  .lg-light-green-bg { background: #8BC34A }
  .lg-lime-bg { background: #CDDC39 }
  .lg-yellow-bg { background: #FFEB3B }
  .lg-amber-bg { background: #FFC107 }
  .lg-orange-bg { background: #FF9800 }
  .lg-deep-orange-bg { background: #FF5722 }
  .lg-deep-brown-bg { background: #795548 }
  .lg-blue-gray-bg { background: #607D8B }

}
@media (max-width: 991px){
  .md-transparent-bg {background-color: transparent;}
  .md-white-bg {background-color:#fff;}
  .md-black-bg {background-color:#000;}
  .md-dark-bg {background-color:#1a1a1a;}
  .md-extra-dark-gray-bg {background-color:#1c1c1c;}
  .md-dark-gray-bg {background-color:#757575;}
  .md-extra-medium-gray-bg {background-color:#939393;}
  .md-medium-gray-bg {background-color:#dbdbdb;}
  .md-extra-light-gray-bg {background-color:#e0e0e0}
  .md-medium-light-gray-bg {background-color:#ededed}
  .md-light-gray-bg {background-color:#f7f7f7}
  .md-very-light-gray-bg {background-color:#fafafa}
  .md-deep-pink-bg {background-color:#ff214f;}
  .md-transparent-white-bg { background-color: rgba(255,255,255,0.3); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
  .md-transparent-black-bg { background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }
  .md-white-opacity-bg { background-color: rgba(255, 255, 255, 0.85); }
  .md-black-opacity-bg { background-color: rgba(0, 0, 0, 0.85); }
  .md-black-opacity-light-bg { background-color: rgba(0, 0, 0, 0.5); }
  .md-deep-pink-opacity-bg {background-color: rgba(255, 33, 79, 0.85);}
  .md-charcoal-gray-bg {background-color: #0e0f10;}

  .md-red-bg { background: #f44336 }
  .md-pink-bg { background: #E91E63 }
  .md-purple-bg { background: #9C27B0 }
  .md-deep-purple-bg { background: #673AB7 }
  .md-indigo-bg { background: #3F51B5 }
  .md-blue-bg { background: #2196F3 }
  .md-light-blue-bg { background: #03A9F4 }
  .md-cyan-bg { background: #00BCD4 }
  .md-teal-bg { background: #009688 }
  .md-green-bg { background: #4CAF50 }
  .md-light-green-bg { background: #8BC34A }
  .md-lime-bg { background: #CDDC39 }
  .md-yellow-bg { background: #FFEB3B }
  .md-amber-bg { background: #FFC107 }
  .md-orange-bg { background: #FF9800 }
  .md-deep-orange-bg { background: #FF5722 }
  .md-deep-brown-bg { background: #795548 }
  .md-blue-gray-bg { background: #607D8B }

}

@media (max-width: 767px){
  .sm-transparent-bg {background-color: transparent;}
  .sm-white-bg {background-color:#fff;}
  .sm-black-bg {background-color:#000;}
  .sm-dark-bg {background-color:#1a1a1a;}
  .sm-extra-dark-gray-bg {background-color:#1c1c1c;}
  .sm-dark-gray-bg {background-color:#757575;}
  .sm-extra-medium-gray-bg {background-color:#939393;}
  .sm-medium-gray-bg {background-color:#dbdbdb;}
  .sm-extra-light-gray-bg {background-color:#e0e0e0}
  .sm-medium-light-gray-bg {background-color:#ededed}
  .sm-light-gray-bg {background-color:#f7f7f7}
  .sm-very-light-gray-bg {background-color:#fafafa}
  .sm-deep-pink-bg {background-color:#ff214f;}
  .sm-transparent-white-bg { background-color: rgba(255,255,255,0.3); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(37%, rgba(255,255,255,0)), color-stop(96%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 37%, rgba(255,255,255,1) 96%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); }
  .sm-transparent-black-bg { background-color: rgba(0,0,0,0); background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(37%, rgba(0,0,0,0)), color-stop(96%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 37%, rgba(0,0,0,1) 96%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); }
  .sm-white-opacity-bg { background-color: rgba(255, 255, 255, 0.85); }
  .sm-black-opacity-bg { background-color: rgba(0, 0, 0, 0.85); }
  .sm-black-opacity-light-bg { background-color: rgba(0, 0, 0, 0.5); }
  .sm-deep-pink-opacity-bg {background-color: rgba(255, 33, 79, 0.85);}
  .sm-charcoal-gray-bg {background-color: #0e0f10;}

  .sm-red-bg { background: #f44336 }
  .sm-pink-bg { background: #E91E63 }
  .sm-purple-bg { background: #9C27B0 }
  .sm-deep-purple-bg { background: #673AB7 }
  .sm-indigo-bg { background: #3F51B5 }
  .sm-blue-bg { background: #2196F3 }
  .sm-light-blue-bg { background: #03A9F4 }
  .sm-cyan-bg { background: #00BCD4 }
  .sm-teal-bg { background: #009688 }
  .sm-green-bg { background: #4CAF50 }
  .sm-light-green-bg { background: #8BC34A }
  .sm-lime-bg { background: #CDDC39 }
  .sm-yellow-bg { background: #FFEB3B }
  .sm-amber-bg { background: #FFC107 }
  .sm-orange-bg { background: #FF9800 }
  .sm-deep-orange-bg { background: #FF5722 }
  .sm-deep-brown-bg { background: #795548 }
  .sm-blue-gray-bg { background: #607D8B }
}

/*===================================
  Hover Box
====================================== */
.hover-white-bg,
.hover-shadow {
  -webkit-transition: ease all .3s;
     -moz-transition: ease all .3s;
       -o-transition: ease all .3s;
          transition: ease all .3s;
}
.hover-white-bg:hover {
  background: #fff;
}
.hover-shadow:hover {
  box-shadow: rgba(58,78,95,0.2) 0 10px 16px, rgba(58,78,95,0.05) 0 -5px 16px;  
}
/*===================================
  box-shadow
====================================== */
.box-shadow-light { box-shadow: 0 0 3px rgba(0,0,0,.1);}
.box-shadow { box-shadow: 0 0 3px rgba(0,0,0, .2);}
.box-shadow-dark { box-shadow: 0 0 4px rgba(0,0,0,.4);}
.box-shadow-large { box-shadow: 0 0 12px rgba(0,0,0,.1);}
.box-shadow-extra-large { box-shadow: rgba(58,78,95,0.2) 0 10px 16px, rgba(58,78,95,0.05) 0 -5px 16px;}

/*==============================
  opacity
================================*/
.opacity1 {opacity:.1}
.opacity2 {opacity:.2}
.opacity3 {opacity:.3}
.opacity4 {opacity:.4}
.opacity5 {opacity:.5}
.opacity6 {opacity:.6}
.opacity7 {opacity:.7}
.opacity8 {opacity:.8}
.opacity9 {opacity:.9}

@media (max-width: 1200px){
  .lg-opacity1 {opacity:.1}
  .lg-opacity2 {opacity:.2}
  .lg-opacity3 {opacity:.3}
  .lg-opacity4 {opacity:.4}
  .lg-opacity5 {opacity:.5}
  .lg-opacity6 {opacity:.6}
  .lg-opacity7 {opacity:.7}
  .lg-opacity8 {opacity:.8}
  .lg-opacity9 {opacity:.9}
}

@media (max-width: 991px){
  .md-opacity1 {opacity:.1}
  .md-opacity2 {opacity:.2}
  .md-opacity3 {opacity:.3}
  .md-opacity4 {opacity:.4}
  .md-opacity5 {opacity:.5}
  .md-opacity6 {opacity:.6}
  .md-opacity7 {opacity:.7}
  .md-opacity8 {opacity:.8}
  .md-opacity9 {opacity:.9}
}

@media (max-width: 767px){
  .sm-opacity1 {opacity:.1}
  .sm-opacity2 {opacity:.2}
  .sm-opacity3 {opacity:.3}
  .sm-opacity4 {opacity:.4}
  .sm-opacity5 {opacity:.5}
  .sm-opacity6 {opacity:.6}
  .sm-opacity7 {opacity:.7}
  .sm-opacity8 {opacity:.8}
  .sm-opacity9 {opacity:.9}
}


/*==============================
  Letter Spacing
================================*/
.letter-spacing-1 {letter-spacing:1px}
.letter-spacing-2 {letter-spacing:2px}
.letter-spacing-3 {letter-spacing:3px}
.letter-spacing-4 {letter-spacing:4px}
.letter-spacing-5 {letter-spacing:5px}
.letter-spacing-6 {letter-spacing:6px}
.letter-spacing-7 {letter-spacing:7px}
.letter-spacing-8 {letter-spacing:8px}
.letter-spacing-9 {letter-spacing:9px}
.letter-spacing-10 {letter-spacing:10px}

@media (max-width: 1200px){
  .lg-letter-spacing-1 {letter-spacing:1px}
  .lg-letter-spacing-2 {letter-spacing:2px}
  .lg-letter-spacing-3 {letter-spacing:3px}
  .lg-letter-spacing-4 {letter-spacing:4px}
  .lg-letter-spacing-5 {letter-spacing:5px}
  .lg-letter-spacing-6 {letter-spacing:6px}
  .lg-letter-spacing-7 {letter-spacing:7px}
  .lg-letter-spacing-8 {letter-spacing:8px}
  .lg-letter-spacing-9 {letter-spacing:9px}
  .lg-letter-spacing-10 {letter-spacing:10px}
}
@media (max-width: 991px){
  .md-letter-spacing-1 {letter-spacing:1px}
  .md-letter-spacing-2 {letter-spacing:2px}
  .md-letter-spacing-3 {letter-spacing:3px}
  .md-letter-spacing-4 {letter-spacing:4px}
  .md-letter-spacing-5 {letter-spacing:5px}
  .md-letter-spacing-6 {letter-spacing:6px}
  .md-letter-spacing-7 {letter-spacing:7px}
  .md-letter-spacing-8 {letter-spacing:8px}
  .md-letter-spacing-9 {letter-spacing:9px}
  .md-letter-spacing-10 {letter-spacing:10px}
}
@media (max-width: 767px){
  .sm-letter-spacing-1 {letter-spacing:1px}
  .sm-letter-spacing-2 {letter-spacing:2px}
  .sm-letter-spacing-3 {letter-spacing:3px}
  .sm-letter-spacing-4 {letter-spacing:4px}
  .sm-letter-spacing-5 {letter-spacing:5px}
  .sm-letter-spacing-6 {letter-spacing:6px}
  .sm-letter-spacing-7 {letter-spacing:7px}
  .sm-letter-spacing-8 {letter-spacing:8px}
  .sm-letter-spacing-9 {letter-spacing:9px}
  .sm-letter-spacing-10 {letter-spacing:10px}
}


/*==============================
  Margins
================================*/

/*Margin All*/
.m-auto-all { margin: auto;}
.m-0px { margin: 0;}
.m-5px {margin:5px}
.m-10px {margin:10px}
.m-15px {margin:15px}
.m-20px {margin:20px}
.m-25px {margin:25px}
.m-30px {margin:30px}
.m-35px {margin:35px}
.m-40px {margin:40px}
.m-45px {margin:45px}
.m-50px {margin:50px}
.m-55px {margin:55px}
.m-60px {margin:60px}
.m-65px {margin:65px}
.m-70px {margin:70px}
.m-75px {margin:75px}
.m-80px {margin:80px}
.m-85px {margin:85px}
.m-90px {margin:90px}
.m-95px {margin:95px}
.m-100px {margin:100px}

/*Margin top buttom*/
.m-0px-tb  {margin-top:0px;  margin-bottom:0px;}
.m-5px-tb  {margin-top:5px;  margin-bottom:5px;}
.m-10px-tb {margin-top:10px; margin-bottom:10px;}
.m-15px-tb {margin-top:15px; margin-bottom:15px;}
.m-20px-tb {margin-top:20px; margin-bottom:20px;}
.m-25px-tb {margin-top:25px; margin-bottom:25px;}
.m-30px-tb {margin-top:30px; margin-bottom:30px;}
.m-35px-tb {margin-top:35px; margin-bottom:35px;}
.m-40px-tb {margin-top:40px; margin-bottom:40px;}
.m-45px-tb {margin-top:45px; margin-bottom:45px;}
.m-50px-tb {margin-top:50px; margin-bottom:50px;}
.m-55px-tb {margin-top:55px; margin-bottom:55px;}
.m-60px-tb {margin-top:60px; margin-bottom:60px;}
.m-65px-tb {margin-top:65px; margin-bottom:65px;}
.m-70px-tb {margin-top:70px; margin-bottom:70px;}
.m-75px-tb {margin-top:75px; margin-bottom:75px;}
.m-80px-tb {margin-top:80px; margin-bottom:80px;}
.m-85px-tb {margin-top:85px; margin-bottom:85px;}
.m-90px-tb {margin-top:90px; margin-bottom:90px;}
.m-95px-tb {margin-top:95px; margin-bottom:95px;}
.m-100px-tb {margin-top:100px; margin-bottom: 100px;}

/*Margin left right*/
.m-0px-lr  {margin-left:0px; margin-right:0px}
.m-5px-lr  {margin-left:5px; margin-right:5px}
.m-10px-lr {margin-left:10px; margin-right:10px}
.m-15px-lr {margin-left:15px; margin-right:15px}
.m-20px-lr {margin-left:20px; margin-right:20px}
.m-25px-lr {margin-left:25px; margin-right:25px}
.m-30px-lr {margin-left:30px; margin-right:30px}
.m-35px-lr {margin-left:35px; margin-right:35px}
.m-40px-lr {margin-left:40px; margin-right:40px}
.m-45px-lr {margin-left:45px; margin-right:45px}
.m-50px-lr {margin-left:50px; margin-right:50px}
.m-55px-lr {margin-left:55px; margin-right:55px}
.m-60px-lr {margin-left:60px; margin-right:60px}
.m-65px-lr {margin-left:65px; margin-right:65px}
.m-70px-lr {margin-left:70px; margin-right:70px}
.m-75px-lr {margin-left:75px; margin-right:75px}
.m-80px-lr {margin-left:80px; margin-right:80px}
.m-85px-lr {margin-left:85px; margin-right:85px}
.m-90px-lr {margin-left:90px; margin-right:90px}
.m-95px-lr {margin-left:95px; margin-right:95px}
.m-100px-lr {margin-left:100px; margin-right:100px}


/*Margin top*/
.m-0px-t  {margin-top:0px}
.m-5px-t  {margin-top:5px}
.m-10px-t {margin-top:10px}
.m-15px-t {margin-top:15px}
.m-20px-t {margin-top:20px}
.m-25px-t {margin-top:25px}
.m-30px-t {margin-top:30px}
.m-35px-t {margin-top:35px}
.m-40px-t {margin-top:40px}
.m-45px-t {margin-top:45px}
.m-50px-t {margin-top:50px}
.m-55px-t {margin-top:55px}
.m-60px-t {margin-top:60px}
.m-65px-t {margin-top:65px}
.m-70px-t {margin-top:70px}
.m-75px-t {margin-top:75px}
.m-80px-t {margin-top:80px}
.m-85px-t {margin-top:85px}
.m-90px-t {margin-top:90px}
.m-95px-t {margin-top:95px}
.m-100px-t {margin-top:100px}

.m-100px-t-m {margin-top:-100px}

/*Margin Bottom*/
.m-0px-b {margin-bottom:0px}
.m-5px-b {margin-bottom:5px}
.m-10px-b {margin-bottom:10px}
.m-15px-b {margin-bottom:15px}
.m-20px-b {margin-bottom:20px}
.m-25px-b {margin-bottom:25px}
.m-30px-b {margin-bottom:30px}
.m-35px-b {margin-bottom:35px}
.m-40px-b {margin-bottom:40px}
.m-45px-b {margin-bottom:45px}
.m-50px-b {margin-bottom:50px}
.m-55px-b {margin-bottom:55px}
.m-60px-b {margin-bottom:60px}
.m-65px-b {margin-bottom:65px}
.m-70px-b {margin-bottom:70px}
.m-75px-b {margin-bottom:75px}
.m-80px-b {margin-bottom:80px}
.m-85px-b {margin-bottom:85px}
.m-90px-b {margin-bottom:90px}
.m-95px-b {margin-bottom:95px}
.m-100px-b {margin-bottom:100px}

/*Margin Left*/
.m-0px-l  {margin-left:0px}
.m-5px-l  {margin-left:5px}
.m-10px-l {margin-left:10px}
.m-15px-l {margin-left:15px}
.m-20px-l {margin-left:20px}
.m-25px-l {margin-left:25px}
.m-30px-l {margin-left:30px}
.m-35px-l {margin-left:35px}
.m-40px-l {margin-left:40px}
.m-45px-l {margin-left:45px}
.m-50px-l {margin-left:50px}
.m-55px-l {margin-left:55px}
.m-60px-l {margin-left:60px}
.m-65px-l {margin-left:65px}
.m-70px-l {margin-left:70px}
.m-75px-l {margin-left:75px}
.m-80px-l {margin-left:80px}
.m-85px-l {margin-left:85px}
.m-90px-l {margin-left:90px}
.m-95px-l {margin-left:95px}
.m-100px-l {margin-left:100px}

/*Margin right*/
.m-0px-r  {margin-right:0px}
.m-5px-r  {margin-right:5px}
.m-10px-r {margin-right:10px}
.m-15px-r {margin-right:15px}
.m-20px-r {margin-right:20px}
.m-25px-r {margin-right:25px}
.m-30px-r {margin-right:30px}
.m-35px-r {margin-right:35px}
.m-40px-r {margin-right:40px}
.m-45px-r {margin-right:45px}
.m-50px-r {margin-right:50px}
.m-55px-r {margin-right:55px}
.m-60px-r {margin-right:60px}
.m-65px-r {margin-right:65px}
.m-70px-r {margin-right:70px}
.m-75px-r {margin-right:75px}
.m-80px-r {margin-right:80px}
.m-85px-r {margin-right:85px}
.m-90px-r {margin-right:90px}
.m-95px-r {margin-right:95px}
.m-100px-r {margin-right:100px}


@media (max-width: 1200px){
  /*Margin All*/
  .lg-m-0px { margin: 0;}
  .lg-m-5px {margin:5px}
  .lg-m-10px {margin:10px}
  .lg-m-15px {margin:15px}
  .lg-m-20px {margin:20px}
  .lg-m-25px {margin:25px}
  .lg-m-30px {margin:30px}
  .lg-m-35px {margin:35px}
  .lg-m-40px {margin:40px}
  .lg-m-45px {margin:45px}
  .lg-m-50px {margin:50px}
  .lg-m-55px {margin:55px}
  .lg-m-60px {margin:60px}
  .lg-m-65px {margin:65px}
  .lg-m-70px {margin:70px}
  .lg-m-75px {margin:75px}
  .lg-m-80px {margin:80px}
  .lg-m-85px {margin:85px}
  .lg-m-90px {margin:90px}
  .lg-m-95px {margin:95px}
  .lg-m-100px {margin:100px}

  /*Margin top buttom*/
  .lg-m-0px-tb  {margin-top:0px;  margin-bottom:0px;}
  .lg-m-5px-tb  {margin-top:5px;  margin-bottom:5px;}
  .lg-m-10px-tb {margin-top:10px; margin-bottom:10px;}
  .lg-m-15px-tb {margin-top:15px; margin-bottom:15px;}
  .lg-m-20px-tb {margin-top:20px; margin-bottom:20px;}
  .lg-m-25px-tb {margin-top:25px; margin-bottom:25px;}
  .lg-m-30px-tb {margin-top:30px; margin-bottom:30px;}
  .lg-m-35px-tb {margin-top:35px; margin-bottom:35px;}
  .lg-m-40px-tb {margin-top:40px; margin-bottom:40px;}
  .lg-m-45px-tb {margin-top:45px; margin-bottom:45px;}
  .lg-m-50px-tb {margin-top:50px; margin-bottom:50px;}
  .lg-m-55px-tb {margin-top:55px; margin-bottom:55px;}
  .lg-m-60px-tb {margin-top:60px; margin-bottom:60px;}
  .lg-m-65px-tb {margin-top:65px; margin-bottom:65px;}
  .lg-m-70px-tb {margin-top:70px; margin-bottom:70px;}
  .lg-m-75px-tb {margin-top:75px; margin-bottom:75px;}
  .lg-m-80px-tb {margin-top:80px; margin-bottom:80px;}
  .lg-m-85px-tb {margin-top:85px; margin-bottom:85px;}
  .lg-m-90px-tb {margin-top:90px; margin-bottom:90px;}
  .lg-m-95px-tb {margin-top:95px; margin-bottom:95px;}
  .lg-m-100px-tb {margin-top:100px; margin-bottom: 100px;}

  /*Margin left right*/
  .lg-m-0px-lr  {margin-left:0px; margin-right:0px}
  .lg-m-5px-lr  {margin-left:5px; margin-right:5px}
  .lg-m-10px-lr {margin-left:10px; margin-right:10px}
  .lg-m-15px-lr {margin-left:15px; margin-right:15px}
  .lg-m-20px-lr {margin-left:20px; margin-right:20px}
  .lg-m-25px-lr {margin-left:25px; margin-right:25px}
  .lg-m-30px-lr {margin-left:30px; margin-right:30px}
  .lg-m-35px-lr {margin-left:35px; margin-right:35px}
  .lg-m-40px-lr {margin-left:40px; margin-right:40px}
  .lg-m-45px-lr {margin-left:45px; margin-right:45px}
  .lg-m-50px-lr {margin-left:50px; margin-right:50px}
  .lg-m-55px-lr {margin-left:55px; margin-right:55px}
  .lg-m-60px-lr {margin-left:60px; margin-right:60px}
  .lg-m-65px-lr {margin-left:65px; margin-right:65px}
  .lg-m-70px-lr {margin-left:70px; margin-right:70px}
  .lg-m-75px-lr {margin-left:75px; margin-right:75px}
  .lg-m-80px-lr {margin-left:80px; margin-right:80px}
  .lg-m-85px-lr {margin-left:85px; margin-right:85px}
  .lg-m-90px-lr {margin-left:90px; margin-right:90px}
  .lg-m-95px-lr {margin-left:95px; margin-right:95px}
  .lg-m-100px-lr {margin-left:100px; margin-right:100px}


  /*Margin top*/
  .lg-m-0px-t  {margin-top:0px}
  .lg-m-5px-t  {margin-top:5px}
  .lg-m-10px-t {margin-top:10px}
  .lg-m-15px-t {margin-top:15px}
  .lg-m-20px-t {margin-top:20px}
  .lg-m-25px-t {margin-top:25px}
  .lg-m-30px-t {margin-top:30px}
  .lg-m-35px-t {margin-top:35px}
  .lg-m-40px-t {margin-top:40px}
  .lg-m-45px-t {margin-top:45px}
  .lg-m-50px-t {margin-top:50px}
  .lg-m-55px-t {margin-top:55px}
  .lg-m-60px-t {margin-top:60px}
  .lg-m-65px-t {margin-top:65px}
  .lg-m-70px-t {margin-top:70px}
  .lg-m-75px-t {margin-top:75px}
  .lg-m-80px-t {margin-top:80px}
  .lg-m-85px-t {margin-top:85px}
  .lg-m-90px-t {margin-top:90px}
  .lg-m-95px-t {margin-top:95px}
  .lg-m-100px-t {margin-top:100px}

  /*Margin Bottom*/
  .lg-m-0px-b {margin-bottom:0px}
  .lg-m-5px-b {margin-bottom:5px}
  .lg-m-10px-b {margin-bottom:10px}
  .lg-m-15px-b {margin-bottom:15px}
  .lg-m-20px-b {margin-bottom:20px}
  .lg-m-25px-b {margin-bottom:25px}
  .lg-m-30px-b {margin-bottom:30px}
  .lg-m-35px-b {margin-bottom:35px}
  .lg-m-40px-b {margin-bottom:40px}
  .lg-m-45px-b {margin-bottom:45px}
  .lg-m-50px-b {margin-bottom:50px}
  .lg-m-55px-b {margin-bottom:55px}
  .lg-m-60px-b {margin-bottom:60px}
  .lg-m-65px-b {margin-bottom:65px}
  .lg-m-70px-b {margin-bottom:70px}
  .lg-m-75px-b {margin-bottom:75px}
  .lg-m-80px-b {margin-bottom:80px}
  .lg-m-85px-b {margin-bottom:85px}
  .lg-m-90px-b {margin-bottom:90px}
  .lg-m-95px-b {margin-bottom:95px}
  .lg-m-100px-b {margin-bottom:100px}

  /*Margin Left*/
  .lg-m-0px-l  {margin-left:0px}
  .lg-m-5px-l  {margin-left:5px}
  .lg-m-10px-l {margin-left:10px}
  .lg-m-15px-l {margin-left:15px}
  .lg-m-20px-l {margin-left:20px}
  .lg-m-25px-l {margin-left:25px}
  .lg-m-30px-l {margin-left:30px}
  .lg-m-35px-l {margin-left:35px}
  .lg-m-40px-l {margin-left:40px}
  .lg-m-45px-l {margin-left:45px}
  .lg-m-50px-l {margin-left:50px}
  .lg-m-55px-l {margin-left:55px}
  .lg-m-60px-l {margin-left:60px}
  .lg-m-65px-l {margin-left:65px}
  .lg-m-70px-l {margin-left:70px}
  .lg-m-75px-l {margin-left:75px}
  .lg-m-80px-l {margin-left:80px}
  .lg-m-85px-l {margin-left:85px}
  .lg-m-90px-l {margin-left:90px}
  .lg-m-95px-l {margin-left:95px}
  .lg-m-100px-l {margin-left:100px}

  /*Margin right*/
  .lg-m-0px-r  {margin-right:0px}
  .lg-m-5px-r  {margin-right:5px}
  .lg-m-10px-r {margin-right:10px}
  .lg-m-15px-r {margin-right:15px}
  .lg-m-20px-r {margin-right:20px}
  .lg-m-25px-r {margin-right:25px}
  .lg-m-30px-r {margin-right:30px}
  .lg-m-35px-r {margin-right:35px}
  .lg-m-40px-r {margin-right:40px}
  .lg-m-45px-r {margin-right:45px}
  .lg-m-50px-r {margin-right:50px}
  .lg-m-55px-r {margin-right:55px}
  .lg-m-60px-r {margin-right:60px}
  .lg-m-65px-r {margin-right:65px}
  .lg-m-70px-r {margin-right:70px}
  .lg-m-75px-r {margin-right:75px}
  .lg-m-80px-r {margin-right:80px}
  .lg-m-85px-r {margin-right:85px}
  .lg-m-90px-r {margin-right:90px}
  .lg-m-95px-r {margin-right:95px}
  .lg-m-100px-r {margin-right:100px}
}

@media (max-width: 991px){
  /*Margin All*/
  .md-m-0px { margin: 0;}
  .md-m-5px {margin:5px}
  .md-m-10px {margin:10px}
  .md-m-15px {margin:15px}
  .md-m-20px {margin:20px}
  .md-m-25px {margin:25px}
  .md-m-30px {margin:30px}
  .md-m-35px {margin:35px}
  .md-m-40px {margin:40px}
  .md-m-45px {margin:45px}
  .md-m-50px {margin:50px}
  .md-m-55px {margin:55px}
  .md-m-60px {margin:60px}
  .md-m-65px {margin:65px}
  .md-m-70px {margin:70px}
  .md-m-75px {margin:75px}
  .md-m-80px {margin:80px}
  .md-m-85px {margin:85px}
  .md-m-90px {margin:90px}
  .md-m-95px {margin:95px}
  .md-m-100px {margin:100px}

  /*Margin top buttom*/
  .md-m-0px-tb  {margin-top:0px;  margin-bottom:0px;}
  .md-m-5px-tb  {margin-top:5px;  margin-bottom:5px;}
  .md-m-10px-tb {margin-top:10px; margin-bottom:10px;}
  .md-m-15px-tb {margin-top:15px; margin-bottom:15px;}
  .md-m-20px-tb {margin-top:20px; margin-bottom:20px;}
  .md-m-25px-tb {margin-top:25px; margin-bottom:25px;}
  .md-m-30px-tb {margin-top:30px; margin-bottom:30px;}
  .md-m-35px-tb {margin-top:35px; margin-bottom:35px;}
  .md-m-40px-tb {margin-top:40px; margin-bottom:40px;}
  .md-m-45px-tb {margin-top:45px; margin-bottom:45px;}
  .md-m-50px-tb {margin-top:50px; margin-bottom:50px;}
  .md-m-55px-tb {margin-top:55px; margin-bottom:55px;}
  .md-m-60px-tb {margin-top:60px; margin-bottom:60px;}
  .md-m-65px-tb {margin-top:65px; margin-bottom:65px;}
  .md-m-70px-tb {margin-top:70px; margin-bottom:70px;}
  .md-m-75px-tb {margin-top:75px; margin-bottom:75px;}
  .md-m-80px-tb {margin-top:80px; margin-bottom:80px;}
  .md-m-85px-tb {margin-top:85px; margin-bottom:85px;}
  .md-m-90px-tb {margin-top:90px; margin-bottom:90px;}
  .md-m-95px-tb {margin-top:95px; margin-bottom:95px;}
  .md-m-100px-tb {margin-top:100px; margin-bottom: 100px;}

  /*Margin left right*/
  .md-m-0px-lr  {margin-left:0px; margin-right:0px}
  .md-m-5px-lr  {margin-left:5px; margin-right:5px}
  .md-m-10px-lr {margin-left:10px; margin-right:10px}
  .md-m-15px-lr {margin-left:15px; margin-right:15px}
  .md-m-20px-lr {margin-left:20px; margin-right:20px}
  .md-m-25px-lr {margin-left:25px; margin-right:25px}
  .md-m-30px-lr {margin-left:30px; margin-right:30px}
  .md-m-35px-lr {margin-left:35px; margin-right:35px}
  .md-m-40px-lr {margin-left:40px; margin-right:40px}
  .md-m-45px-lr {margin-left:45px; margin-right:45px}
  .md-m-50px-lr {margin-left:50px; margin-right:50px}
  .md-m-55px-lr {margin-left:55px; margin-right:55px}
  .md-m-60px-lr {margin-left:60px; margin-right:60px}
  .md-m-65px-lr {margin-left:65px; margin-right:65px}
  .md-m-70px-lr {margin-left:70px; margin-right:70px}
  .md-m-75px-lr {margin-left:75px; margin-right:75px}
  .md-m-80px-lr {margin-left:80px; margin-right:80px}
  .md-m-85px-lr {margin-left:85px; margin-right:85px}
  .md-m-90px-lr {margin-left:90px; margin-right:90px}
  .md-m-95px-lr {margin-left:95px; margin-right:95px}
  .md-m-100px-lr {margin-left:100px; margin-right:100px}


  /*Margin top*/
  .md-m-0px-t  {margin-top:0px}
  .md-m-5px-t  {margin-top:5px}
  .md-m-10px-t {margin-top:10px}
  .md-m-15px-t {margin-top:15px}
  .md-m-20px-t {margin-top:20px}
  .md-m-25px-t {margin-top:25px}
  .md-m-30px-t {margin-top:30px}
  .md-m-35px-t {margin-top:35px}
  .md-m-40px-t {margin-top:40px}
  .md-m-45px-t {margin-top:45px}
  .md-m-50px-t {margin-top:50px}
  .md-m-55px-t {margin-top:55px}
  .md-m-60px-t {margin-top:60px}
  .md-m-65px-t {margin-top:65px}
  .md-m-70px-t {margin-top:70px}
  .md-m-75px-t {margin-top:75px}
  .md-m-80px-t {margin-top:80px}
  .md-m-85px-t {margin-top:85px}
  .md-m-90px-t {margin-top:90px}
  .md-m-95px-t {margin-top:95px}
  .md-m-100px-t {margin-top:100px}

  /*Margin Bottom*/
  .md-m-0px-b {margin-bottom:0px}
  .md-m-5px-b {margin-bottom:5px}
  .md-m-10px-b {margin-bottom:10px}
  .md-m-15px-b {margin-bottom:15px}
  .md-m-20px-b {margin-bottom:20px}
  .md-m-25px-b {margin-bottom:25px}
  .md-m-30px-b {margin-bottom:30px}
  .md-m-35px-b {margin-bottom:35px}
  .md-m-40px-b {margin-bottom:40px}
  .md-m-45px-b {margin-bottom:45px}
  .md-m-50px-b {margin-bottom:50px}
  .md-m-55px-b {margin-bottom:55px}
  .md-m-60px-b {margin-bottom:60px}
  .md-m-65px-b {margin-bottom:65px}
  .md-m-70px-b {margin-bottom:70px}
  .md-m-75px-b {margin-bottom:75px}
  .md-m-80px-b {margin-bottom:80px}
  .md-m-85px-b {margin-bottom:85px}
  .md-m-90px-b {margin-bottom:90px}
  .md-m-95px-b {margin-bottom:95px}
  .md-m-100px-b {margin-bottom:100px}

  /*Margin Left*/
  .md-m-0px-l  {margin-left:0px}
  .md-m-5px-l  {margin-left:5px}
  .md-m-10px-l {margin-left:10px}
  .md-m-15px-l {margin-left:15px}
  .md-m-20px-l {margin-left:20px}
  .md-m-25px-l {margin-left:25px}
  .md-m-30px-l {margin-left:30px}
  .md-m-35px-l {margin-left:35px}
  .md-m-40px-l {margin-left:40px}
  .md-m-45px-l {margin-left:45px}
  .md-m-50px-l {margin-left:50px}
  .md-m-55px-l {margin-left:55px}
  .md-m-60px-l {margin-left:60px}
  .md-m-65px-l {margin-left:65px}
  .md-m-70px-l {margin-left:70px}
  .md-m-75px-l {margin-left:75px}
  .md-m-80px-l {margin-left:80px}
  .md-m-85px-l {margin-left:85px}
  .md-m-90px-l {margin-left:90px}
  .md-m-95px-l {margin-left:95px}
  .md-m-100px-l {margin-left:100px}

  /*Margin right*/
  .md-m-0px-r  {margin-right:0px}
  .md-m-5px-r  {margin-right:5px}
  .md-m-10px-r {margin-right:10px}
  .md-m-15px-r {margin-right:15px}
  .md-m-20px-r {margin-right:20px}
  .md-m-25px-r {margin-right:25px}
  .md-m-30px-r {margin-right:30px}
  .md-m-35px-r {margin-right:35px}
  .md-m-40px-r {margin-right:40px}
  .md-m-45px-r {margin-right:45px}
  .md-m-50px-r {margin-right:50px}
  .md-m-55px-r {margin-right:55px}
  .md-m-60px-r {margin-right:60px}
  .md-m-65px-r {margin-right:65px}
  .md-m-70px-r {margin-right:70px}
  .md-m-75px-r {margin-right:75px}
  .md-m-80px-r {margin-right:80px}
  .md-m-85px-r {margin-right:85px}
  .md-m-90px-r {margin-right:90px}
  .md-m-95px-r {margin-right:95px}
  .md-m-100px-r {margin-right:100px}
}


@media (max-width: 767px){
  /*Margin All*/
  .sm-m-0px { margin: 0; }
  .sm-m-5px {margin:5px}
  .sm-m-10px {margin:10px}
  .sm-m-15px {margin:15px}
  .sm-m-20px {margin:20px}
  .sm-m-25px {margin:25px}
  .sm-m-30px {margin:30px}
  .sm-m-35px {margin:35px}
  .sm-m-40px {margin:40px}
  .sm-m-45px {margin:45px}
  .sm-m-50px {margin:50px}
  .sm-m-55px {margin:55px}
  .sm-m-60px {margin:60px}
  .sm-m-65px {margin:65px}
  .sm-m-70px {margin:70px}
  .sm-m-75px {margin:75px}
  .sm-m-80px {margin:80px}
  .sm-m-85px {margin:85px}
  .sm-m-90px {margin:90px}
  .sm-m-95px {margin:95px}
  .sm-m-100px {margin:100px}

  /*Margin top buttom*/
  .sm-m-0px-tb  {margin-top:0px;  margin-bottom:0px;}
  .sm-m-5px-tb  {margin-top:5px;  margin-bottom:5px;}
  .sm-m-10px-tb {margin-top:10px; margin-bottom:10px;}
  .sm-m-15px-tb {margin-top:15px; margin-bottom:15px;}
  .sm-m-20px-tb {margin-top:20px; margin-bottom:20px;}
  .sm-m-25px-tb {margin-top:25px; margin-bottom:25px;}
  .sm-m-30px-tb {margin-top:30px; margin-bottom:30px;}
  .sm-m-35px-tb {margin-top:35px; margin-bottom:35px;}
  .sm-m-40px-tb {margin-top:40px; margin-bottom:40px;}
  .sm-m-45px-tb {margin-top:45px; margin-bottom:45px;}
  .sm-m-50px-tb {margin-top:50px; margin-bottom:50px;}
  .sm-m-55px-tb {margin-top:55px; margin-bottom:55px;}
  .sm-m-60px-tb {margin-top:60px; margin-bottom:60px;}
  .sm-m-65px-tb {margin-top:65px; margin-bottom:65px;}
  .sm-m-70px-tb {margin-top:70px; margin-bottom:70px;}
  .sm-m-75px-tb {margin-top:75px; margin-bottom:75px;}
  .sm-m-80px-tb {margin-top:80px; margin-bottom:80px;}
  .sm-m-85px-tb {margin-top:85px; margin-bottom:85px;}
  .sm-m-90px-tb {margin-top:90px; margin-bottom:90px;}
  .sm-m-95px-tb {margin-top:95px; margin-bottom:95px;}
  .sm-m-100px-tb {margin-top:100px; margin-bottom: 100px;}

  /*Margin left right*/
  .sm-m-0px-lr  {margin-left:0px; margin-right:0px}
  .sm-m-5px-lr  {margin-left:5px; margin-right:5px}
  .sm-m-10px-lr {margin-left:10px; margin-right:10px}
  .sm-m-15px-lr {margin-left:15px; margin-right:15px}
  .sm-m-20px-lr {margin-left:20px; margin-right:20px}
  .sm-m-25px-lr {margin-left:25px; margin-right:25px}
  .sm-m-30px-lr {margin-left:30px; margin-right:30px}
  .sm-m-35px-lr {margin-left:35px; margin-right:35px}
  .sm-m-40px-lr {margin-left:40px; margin-right:40px}
  .sm-m-45px-lr {margin-left:45px; margin-right:45px}
  .sm-m-50px-lr {margin-left:50px; margin-right:50px}
  .sm-m-55px-lr {margin-left:55px; margin-right:55px}
  .sm-m-60px-lr {margin-left:60px; margin-right:60px}
  .sm-m-65px-lr {margin-left:65px; margin-right:65px}
  .sm-m-70px-lr {margin-left:70px; margin-right:70px}
  .sm-m-75px-lr {margin-left:75px; margin-right:75px}
  .sm-m-80px-lr {margin-left:80px; margin-right:80px}
  .sm-m-85px-lr {margin-left:85px; margin-right:85px}
  .sm-m-90px-lr {margin-left:90px; margin-right:90px}
  .sm-m-95px-lr {margin-left:95px; margin-right:95px}
  .sm-m-100px-lr {margin-left:100px; margin-right:100px}

  /*Margin top*/
  .sm-m-0px-t  {margin-top:0px}
  .sm-m-5px-t  {margin-top:5px}
  .sm-m-10px-t {margin-top:10px}
  .sm-m-15px-t {margin-top:15px}
  .sm-m-20px-t {margin-top:20px}
  .sm-m-25px-t {margin-top:25px}
  .sm-m-30px-t {margin-top:30px}
  .sm-m-35px-t {margin-top:35px}
  .sm-m-40px-t {margin-top:40px}
  .sm-m-45px-t {margin-top:45px}
  .sm-m-50px-t {margin-top:50px}
  .sm-m-55px-t {margin-top:55px}
  .sm-m-60px-t {margin-top:60px}
  .sm-m-65px-t {margin-top:65px}
  .sm-m-70px-t {margin-top:70px}
  .sm-m-75px-t {margin-top:75px}
  .sm-m-80px-t {margin-top:80px}
  .sm-m-85px-t {margin-top:85px}
  .sm-m-90px-t {margin-top:90px}
  .sm-m-95px-t {margin-top:95px}
  .sm-m-100px-t {margin-top:100px}

  /*Margin Bottom*/
  .sm-m-0px-b {margin-bottom:0px}
  .sm-m-5px-b {margin-bottom:5px}
  .sm-m-10px-b {margin-bottom:10px}
  .sm-m-15px-b {margin-bottom:15px}
  .sm-m-20px-b {margin-bottom:20px}
  .sm-m-25px-b {margin-bottom:25px}
  .sm-m-30px-b {margin-bottom:30px}
  .sm-m-35px-b {margin-bottom:35px}
  .sm-m-40px-b {margin-bottom:40px}
  .sm-m-45px-b {margin-bottom:45px}
  .sm-m-50px-b {margin-bottom:50px}
  .sm-m-55px-b {margin-bottom:55px}
  .sm-m-60px-b {margin-bottom:60px}
  .sm-m-65px-b {margin-bottom:65px}
  .sm-m-70px-b {margin-bottom:70px}
  .sm-m-75px-b {margin-bottom:75px}
  .sm-m-80px-b {margin-bottom:80px}
  .sm-m-85px-b {margin-bottom:85px}
  .sm-m-90px-b {margin-bottom:90px}
  .sm-m-95px-b {margin-bottom:95px}
  .sm-m-100px-b {margin-bottom:100px}

  /*Margin Left*/
  .sm-m-0px-l  {margin-left:0px}
  .sm-m-5px-l  {margin-left:5px}
  .sm-m-10px-l {margin-left:10px}
  .sm-m-15px-l {margin-left:15px}
  .sm-m-20px-l {margin-left:20px}
  .sm-m-25px-l {margin-left:25px}
  .sm-m-30px-l {margin-left:30px}
  .sm-m-35px-l {margin-left:35px}
  .sm-m-40px-l {margin-left:40px}
  .sm-m-45px-l {margin-left:45px}
  .sm-m-50px-l {margin-left:50px}
  .sm-m-55px-l {margin-left:55px}
  .sm-m-60px-l {margin-left:60px}
  .sm-m-65px-l {margin-left:65px}
  .sm-m-70px-l {margin-left:70px}
  .sm-m-75px-l {margin-left:75px}
  .sm-m-80px-l {margin-left:80px}
  .sm-m-85px-l {margin-left:85px}
  .sm-m-90px-l {margin-left:90px}
  .sm-m-95px-l {margin-left:95px}
  .sm-m-100px-l {margin-left:100px}

  /*Margin right*/
  .sm-m-0px-r  {margin-right:0px}
  .sm-m-5px-r  {margin-right:5px}
  .sm-m-10px-r {margin-right:10px}
  .sm-m-15px-r {margin-right:15px}
  .sm-m-20px-r {margin-right:20px}
  .sm-m-25px-r {margin-right:25px}
  .sm-m-30px-r {margin-right:30px}
  .sm-m-35px-r {margin-right:35px}
  .sm-m-40px-r {margin-right:40px}
  .sm-m-45px-r {margin-right:45px}
  .sm-m-50px-r {margin-right:50px}
  .sm-m-55px-r {margin-right:55px}
  .sm-m-60px-r {margin-right:60px}
  .sm-m-65px-r {margin-right:65px}
  .sm-m-70px-r {margin-right:70px}
  .sm-m-75px-r {margin-right:75px}
  .sm-m-80px-r {margin-right:80px}
  .sm-m-85px-r {margin-right:85px}
  .sm-m-90px-r {margin-right:90px}
  .sm-m-95px-r {margin-right:95px}
  .sm-m-100px-r {margin-right:100px}
}

/*==============================
  Padding
================================*/

/*Padding All*/
.p-0px { padding: 0; }
.p-5px {padding: 5px}
.p-10px {padding:10px}
.p-15px {padding:15px}
.p-20px {padding:20px}
.p-25px {padding:25px}
.p-30px {padding:30px}
.p-35px {padding:35px}
.p-40px {padding:40px}
.p-45px {padding:45px}
.p-50px {padding:50px}
.p-55px {padding:55px}
.p-60px {padding:60px}
.p-65px {padding:65px}
.p-70px {padding:70px}
.p-75px {padding:75px}
.p-80px {padding:80px}
.p-85px {padding:85px}
.p-90px {padding:90px}
.p-95px {padding:95px}
.p-100px {padding:100px}

/*Padding Left Right*/
.p-0px-lr { padding-left: 0; ; padding-right: 0;  }
.p-5px-lr { padding-left: 5px; padding-right: 5px }
.p-10px-lr {padding-left:10px; padding-right:10px }
.p-15px-lr {padding-left:15px; padding-right:15px }
.p-20px-lr {padding-left:20px; padding-right:20px }
.p-25px-lr {padding-left:25px; padding-right:25px }
.p-30px-lr {padding-left:30px; padding-right:30px }
.p-35px-lr {padding-left:35px; padding-right:35px }
.p-40px-lr {padding-left:40px; padding-right:40px }
.p-45px-lr {padding-left:45px; padding-right:45px }
.p-50px-lr {padding-left:50px; padding-right:50px }
.p-55px-lr {padding-left:55px; padding-right:55px }
.p-60px-lr {padding-left:60px; padding-right:60px }
.p-65px-lr {padding-left:65px; padding-right:65px }
.p-70px-lr {padding-left:70px; padding-right:70px }
.p-75px-lr {padding-left:75px; padding-right:75px }
.p-80px-lr {padding-left:80px; padding-right:80px }
.p-85px-lr {padding-left:85px; padding-right:85px }
.p-90px-lr {padding-left:90px; padding-right:90px }
.p-95px-lr {padding-left:95px; padding-right:95px }
.p-100px-lr {padding-left:100px; padding-right:100px }

/*Padding Top Bottm*/
.p-0px-tb {padding-top:  0;   padding-bottom:  0;  }
.p-5px-tb {padding-top:  5px; padding-bottom:  5px }
.p-10px-tb {padding-top: 10px; padding-bottom: 10px }
.p-15px-tb {padding-top: 15px; padding-bottom: 15px }
.p-20px-tb {padding-top: 20px; padding-bottom: 20px }
.p-25px-tb {padding-top: 25px; padding-bottom: 25px }
.p-30px-tb {padding-top: 30px; padding-bottom: 30px }
.p-35px-tb {padding-top: 35px; padding-bottom: 35px }
.p-40px-tb {padding-top: 40px; padding-bottom: 40px }
.p-45px-tb {padding-top: 45px; padding-bottom: 45px }
.p-50px-tb {padding-top: 50px; padding-bottom: 50px }
.p-55px-tb {padding-top: 55px; padding-bottom: 55px }
.p-60px-tb {padding-top: 60px; padding-bottom: 60px }
.p-65px-tb {padding-top: 65px; padding-bottom: 65px }
.p-70px-tb {padding-top: 70px; padding-bottom: 70px }
.p-75px-tb {padding-top: 75px; padding-bottom: 75px }
.p-80px-tb {padding-top: 80px; padding-bottom: 80px }
.p-85px-tb {padding-top: 85px; padding-bottom: 85px }
.p-90px-tb {padding-top: 90px; padding-bottom: 90px }
.p-95px-tb {padding-top: 95px; padding-bottom: 95px }
.p-100px-tb {padding-top: 100px; padding-bottom: 100px }


/*Padding top*/
.p-0px-t  {padding-top:0px}
.p-5px-t  {padding-top:5px}
.p-10px-t {padding-top:10px}
.p-15px-t {padding-top:15px}
.p-20px-t {padding-top:20px}
.p-25px-t {padding-top:25px}
.p-30px-t {padding-top:30px}
.p-35px-t {padding-top:35px}
.p-40px-t {padding-top:40px}
.p-45px-t {padding-top:45px}
.p-50px-t {padding-top:50px}
.p-55px-t {padding-top:55px}
.p-60px-t {padding-top:60px}
.p-65px-t {padding-top:65px}
.p-70px-t {padding-top:70px}
.p-75px-t {padding-top:75px}
.p-80px-t {padding-top:80px}
.p-85px-t {padding-top:85px}
.p-90px-t {padding-top:90px}
.p-95px-t {padding-top:95px}
.p-100px-t {padding-top:100px}

/*Padding Bottom*/
.p-0px-b {padding-bottom:0px}
.p-5px-b {padding-bottom:5px}
.p-10px-b {padding-bottom:10px}
.p-15px-b {padding-bottom:15px}
.p-20px-b {padding-bottom:20px}
.p-25px-b {padding-bottom:25px}
.p-30px-b {padding-bottom:30px}
.p-35px-b {padding-bottom:35px}
.p-40px-b {padding-bottom:40px}
.p-45px-b {padding-bottom:45px}
.p-50px-b {padding-bottom:50px}
.p-55px-b {padding-bottom:55px}
.p-60px-b {padding-bottom:60px}
.p-65px-b {padding-bottom:65px}
.p-70px-b {padding-bottom:70px}
.p-75px-b {padding-bottom:75px}
.p-80px-b {padding-bottom:80px}
.p-85px-b {padding-bottom:85px}
.p-90px-b {padding-bottom:90px}
.p-95px-b {padding-bottom:95px}
.p-100px-b {padding-bottom:100px}

/*Padding Left*/
.p-0px-l  {padding-left:0px}
.p-5px-l  {padding-left:5px}
.p-10px-l {padding-left:10px}
.p-15px-l {padding-left:15px}
.p-20px-l {padding-left:20px}
.p-25px-l {padding-left:25px}
.p-30px-l {padding-left:30px}
.p-35px-l {padding-left:35px}
.p-40px-l {padding-left:40px}
.p-45px-l {padding-left:45px}
.p-50px-l {padding-left:50px}
.p-55px-l {padding-left:55px}
.p-60px-l {padding-left:60px}
.p-65px-l {padding-left:65px}
.p-70px-l {padding-left:70px}
.p-75px-l {padding-left:75px}
.p-80px-l {padding-left:80px}
.p-85px-l {padding-left:85px}
.p-90px-l {padding-left:90px}
.p-95px-l {padding-left:95px}
.p-100px-l {padding-left:100px}

/*Padding right*/
.p-0px-r  {padding-right:0px}
.p-5px-r  {padding-right:5px}
.p-10px-r {padding-right:10px}
.p-15px-r {padding-right:15px}
.p-20px-r {padding-right:20px}
.p-25px-r {padding-right:25px}
.p-30px-r {padding-right:30px}
.p-35px-r {padding-right:35px}
.p-40px-r {padding-right:40px}
.p-45px-r {padding-right:45px}
.p-50px-r {padding-right:50px}
.p-55px-r {padding-right:55px}
.p-60px-r {padding-right:60px}
.p-65px-r {padding-right:65px}
.p-70px-r {padding-right:70px}
.p-75px-r {padding-right:75px}
.p-80px-r {padding-right:80px}
.p-85px-r {padding-right:85px}
.p-90px-r {padding-right:90px}
.p-95px-r {padding-right:95px}
.p-100px-r {padding-right:100px}


/*Padding All %*/
.p-1 {padding:1%;}
.p-1-half {padding:1.5%;}
.p-2 {padding:2%;}
.p-2-half {padding:2.5%;}
.p-3 {padding:3%;}
.p-3-half {padding:3.5%;}
.p-4 {padding:4%;}
.p-4-half {padding:4.5%;}
.p-5 {padding:5%;}
.p-5-half {padding:5.5%;}
.p-6 {padding:6%;}
.p-6-half {padding:6.5%;}
.p-7 {padding:7%;}
.p-7-half {padding:7.5%;}
.p-8 {padding:8%;}
.p-8-half {padding:8.5%;}
.p-9 {padding:9%;}
.p-9-half {padding:9.5%;}
.p-10 {padding:10%;}
.p-10-half {padding:10.5%;}
.p-11 {padding:11%;}
.p-11-half {padding:11.5%;}
.p-12 {padding:12%;}
.p-12-half {padding:12.5%;}
.p-13 {padding:13%;}
.p-13-half {padding:13.5%;}
.p-14 {padding:14%;}
.p-14-half {padding:14.5%;}
.p-15 {padding:15%;}
.p-15-half {padding:15.5%;}
.p-16 {padding:16%;}
.p-16-half {padding:16.5%;}
.p-17 {padding:17%;}
.p-17-half {padding:17.5%;}
.p-18 {padding:18%;}
.p-18-half {padding:18.5%;}
.p-19 {padding:19%;}
.p-19-half {padding:19.5%;}
.p-20 {padding:20%;}
.p-20-half {padding:20.5%;}
.p-21 {padding:21%;}
.p-21-half {padding:21.5%;}
.p-22 {padding:22%;}
.p-22-half {padding:22.5%;}
.p-23 {padding:23%;}
.p-23-half {padding:23.5%;}
.p-24 {padding:24%;}
.p-24-half {padding:24.5%;}
.p-25 {padding:25%;}
.p-25-half {padding:25.5%;}

.p-1-l {padding-left:1%;}
.p-1-half-l {padding-left:1.5%;}
.p-2-l {padding-left:2%;}
.p-2-half-l {padding-left:2.5%;}
.p-3-l {padding-left:3%;}
.p-3-half-l {padding-left:3.5%;}
.p-4-l {padding-left:4%;}
.p-4-half-l {padding-left:4.5%;}
.p-5-l {padding-left:5%;}
.p-5-half-l {padding-left:5.5%;}
.p-6-l {padding-left:6%;}
.p-6-half-l {padding-left:6.5%;}
.p-7-l {padding-left:7%;}
.p-7-half-l {padding-left:7.5%;}
.p-8-l {padding-left:8%;}
.p-8-half-l {padding-left:8.5%;}
.p-9-l {padding-left:9%;}
.p-9-half-l {padding-left:9.5%;}
.p-10-l {padding-left:10%;}
.p-10-half-l {padding-left:10.5%;}
.p-11-l {padding-left:11%;}
.p-11-half-l {padding-left:11.5%;}
.p-12-l {padding-left:12%;}
.p-12-half-l {padding-left:12.5%;}
.p-13-l {padding-left:13%;}
.p-13-half-l {padding-left:13.5%;}
.p-14-l {padding-left:14%;}
.p-14-half-l {padding-left:14.5%;}
.p-15-l {padding-left:15%;}
.p-15-half-l {padding-left:15.5%;}
.p-16-l {padding-left:16%;}
.p-16-half-l {padding-left:16.5%;}
.p-17-l {padding-left:17%;}
.p-17-half-l {padding-left:17.5%;}
.p-18-l {padding-left:18%;}
.p-18-half-l {padding-left:18.5%;}
.p-19-l {padding-left:19%;}
.p-19-half-l {padding-left:19.5%;}
.p-20-l {padding-left:20%;}
.p-20-half-l {padding-left:20.5%;}
.p-21-l {padding-left:21%;}
.p-21-half-l {padding-left:21.5%;}
.p-22-l {padding-left:22%;}
.p-22-half-l {padding-left:22.5%;}
.p-23-l {padding-left:23%;}
.p-23-half-l {padding-left:23.5%;}
.p-24-l {padding-left:24%;}
.p-24-half-l {padding-left:24.5%;}
.p-25-l {padding-left:25%;}
.p-25-half-l {padding-left:25.5%;}


.p-1-r {padding-right: 1%;}
.p-1-half-r {padding-right: 1.5%;}
.p-2-r {padding-right: 2%;}
.p-2-half-r {padding-right: 2.5%;}
.p-3-r {padding-right: 3%;}
.p-3-half-r {padding-right: 3.5%;}
.p-4-r {padding-right: 4%;}
.p-4-half-r {padding-right: 4.5%;}
.p-5-r {padding-right: 5%;}
.p-5-half-r {padding-right: 5.5%;}
.p-6-r {padding-right: 6%;}
.p-6-half-r {padding-right: 6.5%;}
.p-7-r {padding-right: 7%;}
.p-7-half-r {padding-right: 7.5%;}
.p-8-r {padding-right: 8%;}
.p-8-half-r {padding-right: 8.5%;}
.p-9-r {padding-right: 9%;}
.p-9-half-r {padding-right: 9.5%;}
.p-10-r {padding-right: 10%;}
.p-10-half-r {padding-right: 10.5%;}
.p-11-r {padding-right: 11%;}
.p-11-half-r {padding-right: 11.5%;}
.p-12-r {padding-right: 12%;}
.p-12-half-r {padding-right: 12.5%;}
.p-13-r {padding-right: 13%;}
.p-13-half-r {padding-right: 13.5%;}
.p-14-r {padding-right: 14%;}
.p-14-half-r {padding-right: 14.5%;}
.p-15-r {padding-right: 15%;}
.p-15-half-r {padding-right: 15.5%;}
.p-16-r {padding-right: 16%;}
.p-16-half-r {padding-right: 16.5%;}
.p-17-r {padding-right: 17%;}
.p-17-half-r {padding-right: 17.5%;}
.p-18-r {padding-right: 18%;}
.p-18-half-r {padding-right: 18.5%;}
.p-19-r {padding-right: 19%;}
.p-19-half-r {padding-right: 19.5%;}
.p-20-r {padding-right: 20%;}
.p-20-half-r {padding-right: 20.5%;}
.p-21-r {padding-right: 21%;}
.p-21-half-r {padding-right: 21.5%;}
.p-22-r {padding-right: 22%;}
.p-22-half-r {padding-right: 22.5%;}
.p-23-r {padding-right: 23%;}
.p-23-half-r {padding-right: 23.5%;}
.p-24-r {padding-right: 24%;}
.p-24-half-r {padding-right: 24.5%;}
.p-25-r {padding-right: 25%;}
.p-25-half-r {padding-right: 25.5%;}

.p-1-t {padding-top: 1%;}
.p-1-half-t {padding-top: 1.5%;}
.p-2-t {padding-top: 2%;}
.p-2-half-t {padding-top: 2.5%;}
.p-3-t {padding-top: 3%;}
.p-3-half-t {padding-top: 3.5%;}
.p-4-t {padding-top: 4%;}
.p-4-half-t {padding-top: 4.5%;}
.p-5-t {padding-top: 5%;}
.p-5-half-t {padding-top: 5.5%;}
.p-6-t {padding-top: 6%;}
.p-6-half-t {padding-top: 6.5%;}
.p-7-t {padding-top: 7%;}
.p-7-half-t {padding-top: 7.5%;}
.p-8-t {padding-top: 8%;}
.p-8-half-t {padding-top: 8.5%;}
.p-9-t {padding-top: 9%;}
.p-9-half-t {padding-top: 9.5%;}
.p-10-t {padding-top: 10%;}
.p-10-half-t {padding-top: 10.5%;}
.p-11-t {padding-top: 11%;}
.p-11-half-t {padding-top: 11.5%;}
.p-12-t {padding-top: 12%;}
.p-12-half-t {padding-top: 12.5%;}
.p-13-t {padding-top: 13%;}
.p-13-half-t {padding-top: 13.5%;}
.p-14-t {padding-top: 14%;}
.p-14-half-t {padding-top: 14.5%;}
.p-15-t {padding-top: 15%;}
.p-15-half-t {padding-top: 15.5%;}
.p-16-t {padding-top: 16%;}
.p-16-half-t {padding-top: 16.5%;}
.p-17-t {padding-top: 17%;}
.p-17-half-t {padding-top: 17.5%;}
.p-18-t {padding-top: 18%;}
.p-18-half-t {padding-top: 18.5%;}
.p-19-t {padding-top: 19%;}
.p-19-half-t {padding-top: 19.5%;}
.p-20-t {padding-top: 20%;}
.p-20-half-t {padding-top: 20.5%;}
.p-21-t {padding-top: 21%;}
.p-21-half-t {padding-top: 21.5%;}
.p-22-t {padding-top: 22%;}
.p-22-half-t {padding-top: 22.5%;}
.p-23-t {padding-top: 23%;}
.p-23-half-t {padding-top: 23.5%;}
.p-24-t {padding-top: 24%;}
.p-24-half-t {padding-top: 24.5%;}
.p-25-t {padding-top: 25%;}
.p-25-half-t {padding-top: 25.5%;}

.p-1-b {padding-bottom: 1%;}
.p-1-half-b {padding-bottom: 1.5%;}
.p-2-b {padding-bottom: 2%;}
.p-2-half-b {padding-bottom: 2.5%;}
.p-3-b {padding-bottom: 3%;}
.p-3-half-b {padding-bottom: 3.5%;}
.p-4-b {padding-bottom: 4%;}
.p-4-half-b {padding-bottom: 4.5%;}
.p-5-b {padding-bottom: 5%;}
.p-5-half-b {padding-bottom: 5.5%;}
.p-6-b {padding-bottom: 6%;}
.p-6-half-b {padding-bottom: 6.5%;}
.p-7-b {padding-bottom: 7%;}
.p-7-half-b {padding-bottom: 7.5%;}
.p-8-b {padding-bottom: 8%;}
.p-8-half-b {padding-bottom: 8.5%;}
.p-9-b {padding-bottom: 9%;}
.p-9-half-b {padding-bottom: 9.5%;}
.p-10-b {padding-bottom: 10%;}
.p-10-half-b {padding-bottom: 10.5%;}
.p-11-b {padding-bottom: 11%;}
.p-11-half-b {padding-bottom: 11.5%;}
.p-12-b {padding-bottom: 12%;}
.p-12-half-b {padding-bottom: 12.5%;}
.p-13-b {padding-bottom: 13%;}
.p-13-half-b {padding-bottom: 13.5%;}
.p-14-b {padding-bottom: 14%;}
.p-14-half-b {padding-bottom: 14.5%;}
.p-15-b {padding-bottom: 15%;}
.p-15-half-b {padding-bottom: 15.5%;}
.p-16-b {padding-bottom: 16%;}
.p-16-half-b {padding-bottom: 16.5%;}
.p-17-b {padding-bottom: 17%;}
.p-17-half-b {padding-bottom: 17.5%;}
.p-18-b {padding-bottom: 18%;}
.p-18-half-b {padding-bottom: 18.5%;}
.p-19-b {padding-bottom: 19%;}
.p-19-half-b {padding-bottom: 19.5%;}
.p-20-b {padding-bottom: 20%;}
.p-20-half-b {padding-bottom: 20.5%;}
.p-21-b {padding-bottom: 21%;}
.p-21-half-b {padding-bottom: 21.5%;}
.p-22-b {padding-bottom: 22%;}
.p-22-half-b {padding-bottom: 22.5%;}
.p-23-b {padding-bottom: 23%;}
.p-23-half-b {padding-bottom: 23.5%;}
.p-24-b {padding-bottom: 24%;}
.p-24-half-b {padding-bottom: 24.5%;}
.p-25-b {padding-bottom: 25%;}
.p-25-half-b {padding-bottom: 25.5%;}

@media (max-width: 1200px){
  .lg-p-0px { padding: 0; }
  .lg-p-5px {padding: 5px}
  .lg-p-10px {padding:10px}
  .lg-p-15px {padding:15px}
  .lg-p-20px {padding:20px}
  .lg-p-25px {padding:25px}
  .lg-p-30px {padding:30px}
  .lg-p-35px {padding:35px}
  .lg-p-40px {padding:40px}
  .lg-p-45px {padding:45px}
  .lg-p-50px {padding:50px}
  .lg-p-55px {padding:55px}
  .lg-p-60px {padding:60px}
  .lg-p-65px {padding:65px}
  .lg-p-70px {padding:70px}
  .lg-p-75px {padding:75px}
  .lg-p-80px {padding:80px}
  .lg-p-85px {padding:85px}
  .lg-p-90px {padding:90px}
  .lg-p-95px {padding:95px}
  .lg-p-100px {padding:100px}

  /*Padding Left Right*/
  .lg-p-0px-lr { padding-left: 0; ; padding-right: 0;  }
  .lg-p-5px-lr { padding-left: 5px; padding-right: 5px }
  .lg-p-10px-lr {padding-left:10px; padding-right:10px }
  .lg-p-15px-lr {padding-left:15px; padding-right:15px }
  .lg-p-20px-lr {padding-left:20px; padding-right:20px }
  .lg-p-25px-lr {padding-left:25px; padding-right:25px }
  .lg-p-30px-lr {padding-left:30px; padding-right:30px }
  .lg-p-35px-lr {padding-left:35px; padding-right:35px }
  .lg-p-40px-lr {padding-left:40px; padding-right:40px }
  .lg-p-45px-lr {padding-left:45px; padding-right:45px }
  .lg-p-50px-lr {padding-left:50px; padding-right:50px }
  .lg-p-55px-lr {padding-left:55px; padding-right:55px }
  .lg-p-60px-lr {padding-left:60px; padding-right:60px }
  .lg-p-65px-lr {padding-left:65px; padding-right:65px }
  .lg-p-70px-lr {padding-left:70px; padding-right:70px }
  .lg-p-75px-lr {padding-left:75px; padding-right:75px }
  .lg-p-80px-lr {padding-left:80px; padding-right:80px }
  .lg-p-85px-lr {padding-left:85px; padding-right:85px }
  .lg-p-90px-lr {padding-left:90px; padding-right:90px }
  .lg-p-95px-lr {padding-left:95px; padding-right:95px }
  .lg-p-100px-lr {padding-left:100px; padding-right:100px }

  /*Padding Top Bottm*/
  .lg-p-0px-tb {padding-top:  0;   padding-bottom:  0;  }
  .lg-p-5px-tb {padding-top:  5px; padding-bottom:  5px }
  .lg-p-10px-tb {padding-top: 10px; padding-bottom: 10px }
  .lg-p-15px-tb {padding-top: 15px; padding-bottom: 15px }
  .lg-p-20px-tb {padding-top: 20px; padding-bottom: 20px }
  .lg-p-25px-tb {padding-top: 25px; padding-bottom: 25px }
  .lg-p-30px-tb {padding-top: 30px; padding-bottom: 30px }
  .lg-p-35px-tb {padding-top: 35px; padding-bottom: 35px }
  .lg-p-40px-tb {padding-top: 40px; padding-bottom: 40px }
  .lg-p-45px-tb {padding-top: 45px; padding-bottom: 45px }
  .lg-p-50px-tb {padding-top: 50px; padding-bottom: 50px }
  .lg-p-55px-tb {padding-top: 55px; padding-bottom: 55px }
  .lg-p-60px-tb {padding-top: 60px; padding-bottom: 60px }
  .lg-p-65px-tb {padding-top: 65px; padding-bottom: 65px }
  .lg-p-70px-tb {padding-top: 70px; padding-bottom: 70px }
  .lg-p-75px-tb {padding-top: 75px; padding-bottom: 75px }
  .lg-p-80px-tb {padding-top: 80px; padding-bottom: 80px }
  .lg-p-85px-tb {padding-top: 85px; padding-bottom: 85px }
  .lg-p-90px-tb {padding-top: 90px; padding-bottom: 90px }
  .lg-p-95px-tb {padding-top: 95px; padding-bottom: 95px }
  .lg-p-100px-tb {padding-top: 100px; padding-bottom: 100px }

/*Padding top*/
  .lg-p-5px-0  {padding-top:0px}
  .lg-p-5px-t  {padding-top:5px}
  .lg-p-10px-t {padding-top:10px}
  .lg-p-15px-t {padding-top:15px}
  .lg-p-20px-t {padding-top:20px}
  .lg-p-25px-t {padding-top:25px}
  .lg-p-30px-t {padding-top:30px}
  .lg-p-35px-t {padding-top:35px}
  .lg-p-40px-t {padding-top:40px}
  .lg-p-45px-t {padding-top:45px}
  .lg-p-50px-t {padding-top:50px}
  .lg-p-55px-t {padding-top:55px}
  .lg-p-60px-t {padding-top:60px}
  .lg-p-65px-t {padding-top:65px}
  .lg-p-70px-t {padding-top:70px}
  .lg-p-75px-t {padding-top:75px}
  .lg-p-80px-t {padding-top:80px}
  .lg-p-85px-t {padding-top:85px}
  .lg-p-90px-t {padding-top:90px}
  .lg-p-95px-t {padding-top:95px}
  .lg-p-100px-t {padding-top:100px}

/*Padding Bottom*/
  .lg-p-0px-b {padding-bottom:0px}
  .lg-p-5px-b {padding-bottom:5px}
  .lg-p-10px-b {padding-bottom:10px}
  .lg-p-15px-b {padding-bottom:15px}
  .lg-p-20px-b {padding-bottom:20px}
  .lg-p-25px-b {padding-bottom:25px}
  .lg-p-30px-b {padding-bottom:30px}
  .lg-p-35px-b {padding-bottom:35px}
  .lg-p-40px-b {padding-bottom:40px}
  .lg-p-45px-b {padding-bottom:45px}
  .lg-p-50px-b {padding-bottom:50px}
  .lg-p-55px-b {padding-bottom:55px}
  .lg-p-60px-b {padding-bottom:60px}
  .lg-p-65px-b {padding-bottom:65px}
  .lg-p-70px-b {padding-bottom:70px}
  .lg-p-75px-b {padding-bottom:75px}
  .lg-p-80px-b {padding-bottom:80px}
  .lg-p-85px-b {padding-bottom:85px}
  .lg-p-90px-b {padding-bottom:90px}
  .lg-p-95px-b {padding-bottom:95px}
  .lg-p-100px-b {padding-bottom:100px}

/*Padding Left*/
  .lg-p-0px-l  {padding-left:0px}
  .lg-p-5px-l  {padding-left:5px}
  .lg-p-10px-l {padding-left:10px}
  .lg-p-15px-l {padding-left:15px}
  .lg-p-20px-l {padding-left:20px}
  .lg-p-25px-l {padding-left:25px}
  .lg-p-30px-l {padding-left:30px}
  .lg-p-35px-l {padding-left:35px}
  .lg-p-40px-l {padding-left:40px}
  .lg-p-45px-l {padding-left:45px}
  .lg-p-50px-l {padding-left:50px}
  .lg-p-55px-l {padding-left:55px}
  .lg-p-60px-l {padding-left:60px}
  .lg-p-65px-l {padding-left:65px}
  .lg-p-70px-l {padding-left:70px}
  .lg-p-75px-l {padding-left:75px}
  .lg-p-80px-l {padding-left:80px}
  .lg-p-85px-l {padding-left:85px}
  .lg-p-90px-l {padding-left:90px}
  .lg-p-95px-l {padding-left:95px}
  .lg-p-100px-l {padding-left:100px}

/*Padding right*/
  .lg-p-0px-r  {padding-left:0px}
  .lg-p-5px-r  {padding-left:5px}
  .lg-p-10px-r {padding-left:10px}
  .lg-p-15px-r {padding-left:15px}
  .lg-p-20px-r {padding-left:20px}
  .lg-p-25px-r {padding-left:25px}
  .lg-p-30px-r {padding-left:30px}
  .lg-p-35px-r {padding-left:35px}
  .lg-p-40px-r {padding-left:40px}
  .lg-p-45px-r {padding-left:45px}
  .lg-p-50px-r {padding-left:50px}
  .lg-p-55px-r {padding-left:55px}
  .lg-p-60px-r {padding-left:60px}
  .lg-p-65px-r {padding-left:65px}
  .lg-p-70px-r {padding-left:70px}
  .lg-p-75px-r {padding-left:75px}
  .lg-p-80px-r {padding-left:80px}
  .lg-p-85px-r {padding-left:85px}
  .lg-p-90px-r {padding-left:90px}
  .lg-p-95px-r {padding-left:95px}
  .lg-p-100px-r {padding-left:100px}

  /*Padding All %*/
  .lg-p-1 {padding:1%;}
  .lg-p-1-half {padding:1.5%;}
  .lg-p-2 {padding:2%;}
  .lg-p-2-half {padding:2.5%;}
  .lg-p-3 {padding:3%;}
  .lg-p-3-half {padding:3.5%;}
  .lg-p-4 {padding:4%;}
  .lg-p-4-half {padding:4.5%;}
  .lg-p-5 {padding:5%;}
  .lg-p-5-half {padding:5.5%;}
  .lg-p-6 {padding:6%;}
  .lg-p-6-half {padding:6.5%;}
  .lg-p-7 {padding:7%;}
  .lg-p-7-half {padding:7.5%;}
  .lg-p-8 {padding:8%;}
  .lg-p-8-half {padding:8.5%;}
  .lg-p-9 {padding:9%;}
  .lg-p-9-half {padding:9.5%;}
  .lg-p-10 {padding:10%;}
  .lg-p-10-half {padding:10.5%;}
  .lg-p-11 {padding:11%;}
  .lg-p-11-half {padding:11.5%;}
  .lg-p-12 {padding:12%;}
  .lg-p-12-half {padding:12.5%;}
  .lg-p-13 {padding:13%;}
  .lg-p-13-half {padding:13.5%;}
  .lg-p-14 {padding:14%;}
  .lg-p-14-half {padding:14.5%;}
  .lg-p-15 {padding:15%;}
  .lg-p-15-half {padding:15.5%;}
  .lg-p-16 {padding:16%;}
  .lg-p-16-half {padding:16.5%;}
  .lg-p-17 {padding:17%;}
  .lg-p-17-half {padding:17.5%;}
  .lg-p-18 {padding:18%;}
  .lg-p-18-half {padding:18.5%;}
  .lg-p-19 {padding:19%;}
  .lg-p-19-half {padding:19.5%;}
  .lg-p-20 {padding:20%;}
  .lg-p-20-half {padding:20.5%;}
  .lg-p-21 {padding:21%;}
  .lg-p-21-half {padding:21.5%;}
  .lg-p-22 {padding:22%;}
  .lg-p-22-half {padding:22.5%;}
  .lg-p-23 {padding:23%;}
  .lg-p-23-half {padding:23.5%;}
  .lg-p-24 {padding:24%;}
  .lg-p-24-half {padding:24.5%;}
  .lg-p-25 {padding:25%;}
  .lg-p-25-half {padding:25.5%;}

  .lg-p-1-l {padding-left:1%;}
  .lg-p-1-half-l {padding-left:1.5%;}
  .lg-p-2-l {padding-left:2%;}
  .lg-p-2-half-l {padding-left:2.5%;}
  .lg-p-3-l {padding-left:3%;}
  .lg-p-3-half-l {padding-left:3.5%;}
  .lg-p-4-l {padding-left:4%;}
  .lg-p-4-half-l {padding-left:4.5%;}
  .lg-p-5-l {padding-left:5%;}
  .lg-p-5-half-l {padding-left:5.5%;}
  .lg-p-6-l {padding-left:6%;}
  .lg-p-6-half-l {padding-left:6.5%;}
  .lg-p-7-l {padding-left:7%;}
  .lg-p-7-half-l {padding-left:7.5%;}
  .lg-p-8-l {padding-left:8%;}
  .lg-p-8-half-l {padding-left:8.5%;}
  .lg-p-9-l {padding-left:9%;}
  .lg-p-9-half-l {padding-left:9.5%;}
  .lg-p-10-l {padding-left:10%;}
  .lg-p-10-half-l {padding-left:10.5%;}
  .lg-p-11-l {padding-left:11%;}
  .lg-p-11-half-l {padding-left:11.5%;}
  .lg-p-12-l {padding-left:12%;}
  .lg-p-12-half-l {padding-left:12.5%;}
  .lg-p-13-l {padding-left:13%;}
  .lg-p-13-half-l {padding-left:13.5%;}
  .lg-p-14-l {padding-left:14%;}
  .lg-p-14-half-l {padding-left:14.5%;}
  .lg-p-15-l {padding-left:15%;}
  .lg-p-15-half-l {padding-left:15.5%;}
  .lg-p-16-l {padding-left:16%;}
  .lg-p-16-half-l {padding-left:16.5%;}
  .lg-p-17-l {padding-left:17%;}
  .lg-p-17-half-l {padding-left:17.5%;}
  .lg-p-18-l {padding-left:18%;}
  .lg-p-18-half-l {padding-left:18.5%;}
  .lg-p-19-l {padding-left:19%;}
  .lg-p-19-half-l {padding-left:19.5%;}
  .lg-p-20-l {padding-left:20%;}
  .lg-p-20-half-l {padding-left:20.5%;}
  .lg-p-21-l {padding-left:21%;}
  .lg-p-21-half-l {padding-left:21.5%;}
  .lg-p-22-l {padding-left:22%;}
  .lg-p-22-half-l {padding-left:22.5%;}
  .lg-p-23-l {padding-left:23%;}
  .lg-p-23-half-l {padding-left:23.5%;}
  .lg-p-24-l {padding-left:24%;}
  .lg-p-24-half-l {padding-left:24.5%;}
  .lg-p-25-l {padding-left:25%;}
  .lg-p-25-half-l {padding-left:25.5%;}


  .lg-p-1-r {padding-right: 1%;}
  .lg-p-1-half-r {padding-right: 1.5%;}
  .lg-p-2-r {padding-right: 2%;}
  .lg-p-2-half-r {padding-right: 2.5%;}
  .lg-p-3-r {padding-right: 3%;}
  .lg-p-3-half-r {padding-right: 3.5%;}
  .lg-p-4-r {padding-right: 4%;}
  .lg-p-4-half-r {padding-right: 4.5%;}
  .lg-p-5-r {padding-right: 5%;}
  .lg-p-5-half-r {padding-right: 5.5%;}
  .lg-p-6-r {padding-right: 6%;}
  .lg-p-6-half-r {padding-right: 6.5%;}
  .lg-p-7-r {padding-right: 7%;}
  .lg-p-7-half-r {padding-right: 7.5%;}
  .lg-p-8-r {padding-right: 8%;}
  .lg-p-8-half-r {padding-right: 8.5%;}
  .lg-p-9-r {padding-right: 9%;}
  .lg-p-9-half-r {padding-right: 9.5%;}
  .lg-p-10-r {padding-right: 10%;}
  .lg-p-10-half-r {padding-right: 10.5%;}
  .lg-p-11-r {padding-right: 11%;}
  .lg-p-11-half-r {padding-right: 11.5%;}
  .lg-p-12-r {padding-right: 12%;}
  .lg-p-12-half-r {padding-right: 12.5%;}
  .lg-p-13-r {padding-right: 13%;}
  .lg-p-13-half-r {padding-right: 13.5%;}
  .lg-p-14-r {padding-right: 14%;}
  .lg-p-14-half-r {padding-right: 14.5%;}
  .lg-p-15-r {padding-right: 15%;}
  .lg-p-15-half-r {padding-right: 15.5%;}
  .lg-p-16-r {padding-right: 16%;}
  .lg-p-16-half-r {padding-right: 16.5%;}
  .lg-p-17-r {padding-right: 17%;}
  .lg-p-17-half-r {padding-right: 17.5%;}
  .lg-p-18-r {padding-right: 18%;}
  .lg-p-18-half-r {padding-right: 18.5%;}
  .lg-p-19-r {padding-right: 19%;}
  .lg-p-19-half-r {padding-right: 19.5%;}
  .lg-p-20-r {padding-right: 20%;}
  .lg-p-20-half-r {padding-right: 20.5%;}
  .lg-p-21-r {padding-right: 21%;}
  .lg-p-21-half-r {padding-right: 21.5%;}
  .lg-p-22-r {padding-right: 22%;}
  .lg-p-22-half-r {padding-right: 22.5%;}
  .lg-p-23-r {padding-right: 23%;}
  .lg-p-23-half-r {padding-right: 23.5%;}
  .lg-p-24-r {padding-right: 24%;}
  .lg-p-24-half-r {padding-right: 24.5%;}
  .lg-p-25-r {padding-right: 25%;}
  .lg-p-25-half-r {padding-right: 25.5%;}

  .lg-p-1-t {padding-top: 1%;}
  .lg-p-1-half-t {padding-top: 1.5%;}
  .lg-p-2-t {padding-top: 2%;}
  .lg-p-2-half-t {padding-top: 2.5%;}
  .lg-p-3-t {padding-top: 3%;}
  .lg-p-3-half-t {padding-top: 3.5%;}
  .lg-p-4-t {padding-top: 4%;}
  .lg-p-4-half-t {padding-top: 4.5%;}
  .lg-p-5-t {padding-top: 5%;}
  .lg-p-5-half-t {padding-top: 5.5%;}
  .lg-p-6-t {padding-top: 6%;}
  .lg-p-6-half-t {padding-top: 6.5%;}
  .lg-p-7-t {padding-top: 7%;}
  .lg-p-7-half-t {padding-top: 7.5%;}
  .lg-p-8-t {padding-top: 8%;}
  .lg-p-8-half-t {padding-top: 8.5%;}
  .lg-p-9-t {padding-top: 9%;}
  .lg-p-9-half-t {padding-top: 9.5%;}
  .lg-p-10-t {padding-top: 10%;}
  .lg-p-10-half-t {padding-top: 10.5%;}
  .lg-p-11-t {padding-top: 11%;}
  .lg-p-11-half-t {padding-top: 11.5%;}
  .lg-p-12-t {padding-top: 12%;}
  .lg-p-12-half-t {padding-top: 12.5%;}
  .lg-p-13-t {padding-top: 13%;}
  .lg-p-13-half-t {padding-top: 13.5%;}
  .lg-p-14-t {padding-top: 14%;}
  .lg-p-14-half-t {padding-top: 14.5%;}
  .lg-p-15-t {padding-top: 15%;}
  .lg-p-15-half-t {padding-top: 15.5%;}
  .lg-p-16-t {padding-top: 16%;}
  .lg-p-16-half-t {padding-top: 16.5%;}
  .lg-p-17-t {padding-top: 17%;}
  .lg-p-17-half-t {padding-top: 17.5%;}
  .lg-p-18-t {padding-top: 18%;}
  .lg-p-18-half-t {padding-top: 18.5%;}
  .lg-p-19-t {padding-top: 19%;}
  .lg-p-19-half-t {padding-top: 19.5%;}
  .lg-p-20-t {padding-top: 20%;}
  .lg-p-20-half-t {padding-top: 20.5%;}
  .lg-p-21-t {padding-top: 21%;}
  .lg-p-21-half-t {padding-top: 21.5%;}
  .lg-p-22-t {padding-top: 22%;}
  .lg-p-22-half-t {padding-top: 22.5%;}
  .lg-p-23-t {padding-top: 23%;}
  .lg-p-23-half-t {padding-top: 23.5%;}
  .lg-p-24-t {padding-top: 24%;}
  .lg-p-24-half-t {padding-top: 24.5%;}
  .lg-p-25-t {padding-top: 25%;}
  .lg-p-25-half-t {padding-top: 25.5%;}

  .lg-p-1-b {padding-bottom: 1%;}
  .lg-p-1-half-b {padding-bottom: 1.5%;}
  .lg-p-2-b {padding-bottom: 2%;}
  .lg-p-2-half-b {padding-bottom: 2.5%;}
  .lg-p-3-b {padding-bottom: 3%;}
  .lg-p-3-half-b {padding-bottom: 3.5%;}
  .lg-p-4-b {padding-bottom: 4%;}
  .lg-p-4-half-b {padding-bottom: 4.5%;}
  .lg-p-5-b {padding-bottom: 5%;}
  .lg-p-5-half-b {padding-bottom: 5.5%;}
  .lg-p-6-b {padding-bottom: 6%;}
  .lg-p-6-half-b {padding-bottom: 6.5%;}
  .lg-p-7-b {padding-bottom: 7%;}
  .lg-p-7-half-b {padding-bottom: 7.5%;}
  .lg-p-8-b {padding-bottom: 8%;}
  .lg-p-8-half-b {padding-bottom: 8.5%;}
  .lg-p-9-b {padding-bottom: 9%;}
  .lg-p-9-half-b {padding-bottom: 9.5%;}
  .lg-p-10-b {padding-bottom: 10%;}
  .lg-p-10-half-b {padding-bottom: 10.5%;}
  .lg-p-11-b {padding-bottom: 11%;}
  .lg-p-11-half-b {padding-bottom: 11.5%;}
  .lg-p-12-b {padding-bottom: 12%;}
  .lg-p-12-half-b {padding-bottom: 12.5%;}
  .lg-p-13-b {padding-bottom: 13%;}
  .lg-p-13-half-b {padding-bottom: 13.5%;}
  .lg-p-14-b {padding-bottom: 14%;}
  .lg-p-14-half-b {padding-bottom: 14.5%;}
  .lg-p-15-b {padding-bottom: 15%;}
  .lg-p-15-half-b {padding-bottom: 15.5%;}
  .lg-p-16-b {padding-bottom: 16%;}
  .lg-p-16-half-b {padding-bottom: 16.5%;}
  .lg-p-17-b {padding-bottom: 17%;}
  .lg-p-17-half-b {padding-bottom: 17.5%;}
  .lg-p-18-b {padding-bottom: 18%;}
  .lg-p-18-half-b {padding-bottom: 18.5%;}
  .lg-p-19-b {padding-bottom: 19%;}
  .lg-p-19-half-b {padding-bottom: 19.5%;}
  .lg-p-20-b {padding-bottom: 20%;}
  .lg-p-20-half-b {padding-bottom: 20.5%;}
  .lg-p-21-b {padding-bottom: 21%;}
  .lg-p-21-half-b {padding-bottom: 21.5%;}
  .lg-p-22-b {padding-bottom: 22%;}
  .lg-p-22-half-b {padding-bottom: 22.5%;}
  .lg-p-23-b {padding-bottom: 23%;}
  .lg-p-23-half-b {padding-bottom: 23.5%;}
  .lg-p-24-b {padding-bottom: 24%;}
  .lg-p-24-half-b {padding-bottom: 24.5%;}
  .lg-p-25-b {padding-bottom: 25%;}
  .lg-p-25-half-b {padding-bottom: 25.5%;}
}


@media (max-width: 991px){
  .md-p-0px { padding: 0; }
  .md-p-5px {padding: 5px}
  .md-p-10px {padding:10px}
  .md-p-15px {padding:15px}
  .md-p-20px {padding:20px}
  .md-p-25px {padding:25px}
  .md-p-30px {padding:30px}
  .md-p-35px {padding:35px}
  .md-p-40px {padding:40px}
  .md-p-45px {padding:45px}
  .md-p-50px {padding:50px}
  .md-p-55px {padding:55px}
  .md-p-60px {padding:60px}
  .md-p-65px {padding:65px}
  .md-p-70px {padding:70px}
  .md-p-75px {padding:75px}
  .md-p-80px {padding:80px}
  .md-p-85px {padding:85px}
  .md-p-90px {padding:90px}
  .md-p-95px {padding:95px}
  .md-p-100px {padding:100px}

  /*Padding Left Right*/
  .md-p-0px-lr { padding-left: 0; ; padding-right: 0;  }
  .md-p-5px-lr { padding-left: 5px; padding-right: 5px }
  .md-p-10px-lr {padding-left:10px; padding-right:10px }
  .md-p-15px-lr {padding-left:15px; padding-right:15px }
  .md-p-20px-lr {padding-left:20px; padding-right:20px }
  .md-p-25px-lr {padding-left:25px; padding-right:25px }
  .md-p-30px-lr {padding-left:30px; padding-right:30px }
  .md-p-35px-lr {padding-left:35px; padding-right:35px }
  .md-p-40px-lr {padding-left:40px; padding-right:40px }
  .md-p-45px-lr {padding-left:45px; padding-right:45px }
  .md-p-50px-lr {padding-left:50px; padding-right:50px }
  .md-p-55px-lr {padding-left:55px; padding-right:55px }
  .md-p-60px-lr {padding-left:60px; padding-right:60px }
  .md-p-65px-lr {padding-left:65px; padding-right:65px }
  .md-p-70px-lr {padding-left:70px; padding-right:70px }
  .md-p-75px-lr {padding-left:75px; padding-right:75px }
  .md-p-80px-lr {padding-left:80px; padding-right:80px }
  .md-p-85px-lr {padding-left:85px; padding-right:85px }
  .md-p-90px-lr {padding-left:90px; padding-right:90px }
  .md-p-95px-lr {padding-left:95px; padding-right:95px }
  .md-p-100px-lr {padding-left:100px; padding-right:100px }

  /*Padding Top Bottm*/
  .md-p-0px-tb {padding-top:  0;   padding-bottom:  0;  }
  .md-p-5px-tb {padding-top:  5px; padding-bottom:  5px }
  .md-p-10px-tb {padding-top: 10px; padding-bottom: 10px }
  .md-p-15px-tb {padding-top: 15px; padding-bottom: 15px }
  .md-p-20px-tb {padding-top: 20px; padding-bottom: 20px }
  .md-p-25px-tb {padding-top: 25px; padding-bottom: 25px }
  .md-p-30px-tb {padding-top: 30px; padding-bottom: 30px }
  .md-p-35px-tb {padding-top: 35px; padding-bottom: 35px }
  .md-p-40px-tb {padding-top: 40px; padding-bottom: 40px }
  .md-p-45px-tb {padding-top: 45px; padding-bottom: 45px }
  .md-p-50px-tb {padding-top: 50px; padding-bottom: 50px }
  .md-p-55px-tb {padding-top: 55px; padding-bottom: 55px }
  .md-p-60px-tb {padding-top: 60px; padding-bottom: 60px }
  .md-p-65px-tb {padding-top: 65px; padding-bottom: 65px }
  .md-p-70px-tb {padding-top: 70px; padding-bottom: 70px }
  .md-p-75px-tb {padding-top: 75px; padding-bottom: 75px }
  .md-p-80px-tb {padding-top: 80px; padding-bottom: 80px }
  .md-p-85px-tb {padding-top: 85px; padding-bottom: 85px }
  .md-p-90px-tb {padding-top: 90px; padding-bottom: 90px }
  .md-p-95px-tb {padding-top: 95px; padding-bottom: 95px }
  .md-p-100px-tb {padding-top: 100px; padding-bottom: 100px }


/*Padding top*/
  .md-p-0px-t  {padding-top:0px}
  .md-p-5px-t  {padding-top:5px}
  .md-p-10px-t {padding-top:10px}
  .md-p-15px-t {padding-top:15px}
  .md-p-20px-t {padding-top:20px}
  .md-p-25px-t {padding-top:25px}
  .md-p-30px-t {padding-top:30px}
  .md-p-35px-t {padding-top:35px}
  .md-p-40px-t {padding-top:40px}
  .md-p-45px-t {padding-top:45px}
  .md-p-50px-t {padding-top:50px}
  .md-p-55px-t {padding-top:55px}
  .md-p-60px-t {padding-top:60px}
  .md-p-65px-t {padding-top:65px}
  .md-p-70px-t {padding-top:70px}
  .md-p-75px-t {padding-top:75px}
  .md-p-80px-t {padding-top:80px}
  .md-p-85px-t {padding-top:85px}
  .md-p-90px-t {padding-top:90px}
  .md-p-95px-t {padding-top:95px}
  .md-p-100px-t {padding-top:100px}

/*Padding Bottom*/
  .md-p-0px-b {padding-bottom:0px}
  .md-p-5px-b {padding-bottom:5px}
  .md-p-10px-b {padding-bottom:10px}
  .md-p-15px-b {padding-bottom:15px}
  .md-p-20px-b {padding-bottom:20px}
  .md-p-25px-b {padding-bottom:25px}
  .md-p-30px-b {padding-bottom:30px}
  .md-p-35px-b {padding-bottom:35px}
  .md-p-40px-b {padding-bottom:40px}
  .md-p-45px-b {padding-bottom:45px}
  .md-p-50px-b {padding-bottom:50px}
  .md-p-55px-b {padding-bottom:55px}
  .md-p-60px-b {padding-bottom:60px}
  .md-p-65px-b {padding-bottom:65px}
  .md-p-70px-b {padding-bottom:70px}
  .md-p-75px-b {padding-bottom:75px}
  .md-p-80px-b {padding-bottom:80px}
  .md-p-85px-b {padding-bottom:85px}
  .md-p-90px-b {padding-bottom:90px}
  .md-p-95px-b {padding-bottom:95px}
  .md-p-100px-b {padding-bottom:100px}

/*Padding Left*/
  .md-p-0px-l  {padding-left:0px}
  .md-p-5px-l  {padding-left:5px}
  .md-p-10px-l {padding-left:10px}
  .md-p-15px-l {padding-left:15px}
  .md-p-20px-l {padding-left:20px}
  .md-p-25px-l {padding-left:25px}
  .md-p-30px-l {padding-left:30px}
  .md-p-35px-l {padding-left:35px}
  .md-p-40px-l {padding-left:40px}
  .md-p-45px-l {padding-left:45px}
  .md-p-50px-l {padding-left:50px}
  .md-p-55px-l {padding-left:55px}
  .md-p-60px-l {padding-left:60px}
  .md-p-65px-l {padding-left:65px}
  .md-p-70px-l {padding-left:70px}
  .md-p-75px-l {padding-left:75px}
  .md-p-80px-l {padding-left:80px}
  .md-p-85px-l {padding-left:85px}
  .md-p-90px-l {padding-left:90px}
  .md-p-95px-l {padding-left:95px}
  .md-p-100px-l {padding-left:100px}

/*Padding right*/
  .md-p-0px-r  {padding-right:0px}
  .md-p-5px-r  {padding-right:5px}
  .md-p-10px-r {padding-right:10px}
  .md-p-15px-r {padding-right:15px}
  .md-p-20px-r {padding-right:20px}
  .md-p-25px-r {padding-right:25px}
  .md-p-30px-r {padding-right:30px}
  .md-p-35px-r {padding-right:35px}
  .md-p-40px-r {padding-right:40px}
  .md-p-45px-r {padding-right:45px}
  .md-p-50px-r {padding-right:50px}
  .md-p-55px-r {padding-right:55px}
  .md-p-60px-r {padding-right:60px}
  .md-p-65px-r {padding-right:65px}
  .md-p-70px-r {padding-right:70px}
  .md-p-75px-r {padding-right:75px}
  .md-p-80px-r {padding-right:80px}
  .md-p-85px-r {padding-right:85px}
  .md-p-90px-r {padding-right:90px}
  .md-p-95px-r {padding-right:95px}
  .md-p-100px-r {padding-right:100px}

  /*Padding All %*/
  .md-p-1 {padding:1%;}
  .md-p-1-half {padding:1.5%;}
  .md-p-2 {padding:2%;}
  .md-p-2-half {padding:2.5%;}
  .md-p-3 {padding:3%;}
  .md-p-3-half {padding:3.5%;}
  .md-p-4 {padding:4%;}
  .md-p-4-half {padding:4.5%;}
  .md-p-5 {padding:5%;}
  .md-p-5-half {padding:5.5%;}
  .md-p-6 {padding:6%;}
  .md-p-6-half {padding:6.5%;}
  .md-p-7 {padding:7%;}
  .md-p-7-half {padding:7.5%;}
  .md-p-8 {padding:8%;}
  .md-p-8-half {padding:8.5%;}
  .md-p-9 {padding:9%;}
  .md-p-9-half {padding:9.5%;}
  .md-p-10 {padding:10%;}
  .md-p-10-half {padding:10.5%;}
  .md-p-11 {padding:11%;}
  .md-p-11-half {padding:11.5%;}
  .md-p-12 {padding:12%;}
  .md-p-12-half {padding:12.5%;}
  .md-p-13 {padding:13%;}
  .md-p-13-half {padding:13.5%;}
  .md-p-14 {padding:14%;}
  .md-p-14-half {padding:14.5%;}
  .md-p-15 {padding:15%;}
  .md-p-15-half {padding:15.5%;}
  .md-p-16 {padding:16%;}
  .md-p-16-half {padding:16.5%;}
  .md-p-17 {padding:17%;}
  .md-p-17-half {padding:17.5%;}
  .md-p-18 {padding:18%;}
  .md-p-18-half {padding:18.5%;}
  .md-p-19 {padding:19%;}
  .md-p-19-half {padding:19.5%;}
  .md-p-20 {padding:20%;}
  .md-p-20-half {padding:20.5%;}
  .md-p-21 {padding:21%;}
  .md-p-21-half {padding:21.5%;}
  .md-p-22 {padding:22%;}
  .md-p-22-half {padding:22.5%;}
  .md-p-23 {padding:23%;}
  .md-p-23-half {padding:23.5%;}
  .md-p-24 {padding:24%;}
  .md-p-24-half {padding:24.5%;}
  .md-p-25 {padding:25%;}
  .md-p-25-half {padding:25.5%;}

  .md-p-1-l {padding-left:1%;}
  .md-p-1-half-l {padding-left:1.5%;}
  .md-p-2-l {padding-left:2%;}
  .md-p-2-half-l {padding-left:2.5%;}
  .md-p-3-l {padding-left:3%;}
  .md-p-3-half-l {padding-left:3.5%;}
  .md-p-4-l {padding-left:4%;}
  .md-p-4-half-l {padding-left:4.5%;}
  .md-p-5-l {padding-left:5%;}
  .md-p-5-half-l {padding-left:5.5%;}
  .md-p-6-l {padding-left:6%;}
  .md-p-6-half-l {padding-left:6.5%;}
  .md-p-7-l {padding-left:7%;}
  .md-p-7-half-l {padding-left:7.5%;}
  .md-p-8-l {padding-left:8%;}
  .md-p-8-half-l {padding-left:8.5%;}
  .md-p-9-l {padding-left:9%;}
  .md-p-9-half-l {padding-left:9.5%;}
  .md-p-10-l {padding-left:10%;}
  .md-p-10-half-l {padding-left:10.5%;}
  .md-p-11-l {padding-left:11%;}
  .md-p-11-half-l {padding-left:11.5%;}
  .md-p-12-l {padding-left:12%;}
  .md-p-12-half-l {padding-left:12.5%;}
  .md-p-13-l {padding-left:13%;}
  .md-p-13-half-l {padding-left:13.5%;}
  .md-p-14-l {padding-left:14%;}
  .md-p-14-half-l {padding-left:14.5%;}
  .md-p-15-l {padding-left:15%;}
  .md-p-15-half-l {padding-left:15.5%;}
  .md-p-16-l {padding-left:16%;}
  .md-p-16-half-l {padding-left:16.5%;}
  .md-p-17-l {padding-left:17%;}
  .md-p-17-half-l {padding-left:17.5%;}
  .md-p-18-l {padding-left:18%;}
  .md-p-18-half-l {padding-left:18.5%;}
  .md-p-19-l {padding-left:19%;}
  .md-p-19-half-l {padding-left:19.5%;}
  .md-p-20-l {padding-left:20%;}
  .md-p-20-half-l {padding-left:20.5%;}
  .md-p-21-l {padding-left:21%;}
  .md-p-21-half-l {padding-left:21.5%;}
  .md-p-22-l {padding-left:22%;}
  .md-p-22-half-l {padding-left:22.5%;}
  .md-p-23-l {padding-left:23%;}
  .md-p-23-half-l {padding-left:23.5%;}
  .md-p-24-l {padding-left:24%;}
  .md-p-24-half-l {padding-left:24.5%;}
  .md-p-25-l {padding-left:25%;}
  .md-p-25-half-l {padding-left:25.5%;}


  .md-p-1-r {padding-right: 1%;}
  .md-p-1-half-r {padding-right: 1.5%;}
  .md-p-2-r {padding-right: 2%;}
  .md-p-2-half-r {padding-right: 2.5%;}
  .md-p-3-r {padding-right: 3%;}
  .md-p-3-half-r {padding-right: 3.5%;}
  .md-p-4-r {padding-right: 4%;}
  .md-p-4-half-r {padding-right: 4.5%;}
  .md-p-5-r {padding-right: 5%;}
  .md-p-5-half-r {padding-right: 5.5%;}
  .md-p-6-r {padding-right: 6%;}
  .md-p-6-half-r {padding-right: 6.5%;}
  .md-p-7-r {padding-right: 7%;}
  .md-p-7-half-r {padding-right: 7.5%;}
  .md-p-8-r {padding-right: 8%;}
  .md-p-8-half-r {padding-right: 8.5%;}
  .md-p-9-r {padding-right: 9%;}
  .md-p-9-half-r {padding-right: 9.5%;}
  .md-p-10-r {padding-right: 10%;}
  .md-p-10-half-r {padding-right: 10.5%;}
  .md-p-11-r {padding-right: 11%;}
  .md-p-11-half-r {padding-right: 11.5%;}
  .md-p-12-r {padding-right: 12%;}
  .md-p-12-half-r {padding-right: 12.5%;}
  .md-p-13-r {padding-right: 13%;}
  .md-p-13-half-r {padding-right: 13.5%;}
  .md-p-14-r {padding-right: 14%;}
  .md-p-14-half-r {padding-right: 14.5%;}
  .md-p-15-r {padding-right: 15%;}
  .md-p-15-half-r {padding-right: 15.5%;}
  .md-p-16-r {padding-right: 16%;}
  .md-p-16-half-r {padding-right: 16.5%;}
  .md-p-17-r {padding-right: 17%;}
  .md-p-17-half-r {padding-right: 17.5%;}
  .md-p-18-r {padding-right: 18%;}
  .md-p-18-half-r {padding-right: 18.5%;}
  .md-p-19-r {padding-right: 19%;}
  .md-p-19-half-r {padding-right: 19.5%;}
  .md-p-20-r {padding-right: 20%;}
  .md-p-20-half-r {padding-right: 20.5%;}
  .md-p-21-r {padding-right: 21%;}
  .md-p-21-half-r {padding-right: 21.5%;}
  .md-p-22-r {padding-right: 22%;}
  .md-p-22-half-r {padding-right: 22.5%;}
  .md-p-23-r {padding-right: 23%;}
  .md-p-23-half-r {padding-right: 23.5%;}
  .md-p-24-r {padding-right: 24%;}
  .md-p-24-half-r {padding-right: 24.5%;}
  .md-p-25-r {padding-right: 25%;}
  .md-p-25-half-r {padding-right: 25.5%;}

  .md-p-1-t {padding-top: 1%;}
  .md-p-1-half-t {padding-top: 1.5%;}
  .md-p-2-t {padding-top: 2%;}
  .md-p-2-half-t {padding-top: 2.5%;}
  .md-p-3-t {padding-top: 3%;}
  .md-p-3-half-t {padding-top: 3.5%;}
  .md-p-4-t {padding-top: 4%;}
  .md-p-4-half-t {padding-top: 4.5%;}
  .md-p-5-t {padding-top: 5%;}
  .md-p-5-half-t {padding-top: 5.5%;}
  .md-p-6-t {padding-top: 6%;}
  .md-p-6-half-t {padding-top: 6.5%;}
  .md-p-7-t {padding-top: 7%;}
  .md-p-7-half-t {padding-top: 7.5%;}
  .md-p-8-t {padding-top: 8%;}
  .md-p-8-half-t {padding-top: 8.5%;}
  .md-p-9-t {padding-top: 9%;}
  .md-p-9-half-t {padding-top: 9.5%;}
  .md-p-10-t {padding-top: 10%;}
  .md-p-10-half-t {padding-top: 10.5%;}
  .md-p-11-t {padding-top: 11%;}
  .md-p-11-half-t {padding-top: 11.5%;}
  .md-p-12-t {padding-top: 12%;}
  .md-p-12-half-t {padding-top: 12.5%;}
  .md-p-13-t {padding-top: 13%;}
  .md-p-13-half-t {padding-top: 13.5%;}
  .md-p-14-t {padding-top: 14%;}
  .md-p-14-half-t {padding-top: 14.5%;}
  .md-p-15-t {padding-top: 15%;}
  .md-p-15-half-t {padding-top: 15.5%;}
  .md-p-16-t {padding-top: 16%;}
  .md-p-16-half-t {padding-top: 16.5%;}
  .md-p-17-t {padding-top: 17%;}
  .md-p-17-half-t {padding-top: 17.5%;}
  .md-p-18-t {padding-top: 18%;}
  .md-p-18-half-t {padding-top: 18.5%;}
  .md-p-19-t {padding-top: 19%;}
  .md-p-19-half-t {padding-top: 19.5%;}
  .md-p-20-t {padding-top: 20%;}
  .md-p-20-half-t {padding-top: 20.5%;}
  .md-p-21-t {padding-top: 21%;}
  .md-p-21-half-t {padding-top: 21.5%;}
  .md-p-22-t {padding-top: 22%;}
  .md-p-22-half-t {padding-top: 22.5%;}
  .md-p-23-t {padding-top: 23%;}
  .md-p-23-half-t {padding-top: 23.5%;}
  .md-p-24-t {padding-top: 24%;}
  .md-p-24-half-t {padding-top: 24.5%;}
  .md-p-25-t {padding-top: 25%;}
  .md-p-25-half-t {padding-top: 25.5%;}

  .md-p-1-b {padding-bottom: 1%;}
  .md-p-1-half-b {padding-bottom: 1.5%;}
  .md-p-2-b {padding-bottom: 2%;}
  .md-p-2-half-b {padding-bottom: 2.5%;}
  .md-p-3-b {padding-bottom: 3%;}
  .md-p-3-half-b {padding-bottom: 3.5%;}
  .md-p-4-b {padding-bottom: 4%;}
  .md-p-4-half-b {padding-bottom: 4.5%;}
  .md-p-5-b {padding-bottom: 5%;}
  .md-p-5-half-b {padding-bottom: 5.5%;}
  .md-p-6-b {padding-bottom: 6%;}
  .md-p-6-half-b {padding-bottom: 6.5%;}
  .md-p-7-b {padding-bottom: 7%;}
  .md-p-7-half-b {padding-bottom: 7.5%;}
  .md-p-8-b {padding-bottom: 8%;}
  .md-p-8-half-b {padding-bottom: 8.5%;}
  .md-p-9-b {padding-bottom: 9%;}
  .md-p-9-half-b {padding-bottom: 9.5%;}
  .md-p-10-b {padding-bottom: 10%;}
  .md-p-10-half-b {padding-bottom: 10.5%;}
  .md-p-11-b {padding-bottom: 11%;}
  .md-p-11-half-b {padding-bottom: 11.5%;}
  .md-p-12-b {padding-bottom: 12%;}
  .md-p-12-half-b {padding-bottom: 12.5%;}
  .md-p-13-b {padding-bottom: 13%;}
  .md-p-13-half-b {padding-bottom: 13.5%;}
  .md-p-14-b {padding-bottom: 14%;}
  .md-p-14-half-b {padding-bottom: 14.5%;}
  .md-p-15-b {padding-bottom: 15%;}
  .md-p-15-half-b {padding-bottom: 15.5%;}
  .md-p-16-b {padding-bottom: 16%;}
  .md-p-16-half-b {padding-bottom: 16.5%;}
  .md-p-17-b {padding-bottom: 17%;}
  .md-p-17-half-b {padding-bottom: 17.5%;}
  .md-p-18-b {padding-bottom: 18%;}
  .md-p-18-half-b {padding-bottom: 18.5%;}
  .md-p-19-b {padding-bottom: 19%;}
  .md-p-19-half-b {padding-bottom: 19.5%;}
  .md-p-20-b {padding-bottom: 20%;}
  .md-p-20-half-b {padding-bottom: 20.5%;}
  .md-p-21-b {padding-bottom: 21%;}
  .md-p-21-half-b {padding-bottom: 21.5%;}
  .md-p-22-b {padding-bottom: 22%;}
  .md-p-22-half-b {padding-bottom: 22.5%;}
  .md-p-23-b {padding-bottom: 23%;}
  .md-p-23-half-b {padding-bottom: 23.5%;}
  .md-p-24-b {padding-bottom: 24%;}
  .md-p-24-half-b {padding-bottom: 24.5%;}
  .md-p-25-b {padding-bottom: 25%;}
  .md-p-25-half-b {padding-bottom: 25.5%;}

}

@media (max-width: 767px){
  .sm-p-0px { padding: 0; }
  .sm-p-5px {padding: 5px}
  .sm-p-10px {padding:10px}
  .sm-p-15px {padding:15px}
  .sm-p-20px {padding:20px}
  .sm-p-25px {padding:25px}
  .sm-p-30px {padding:30px}
  .sm-p-35px {padding:35px}
  .sm-p-40px {padding:40px}
  .sm-p-45px {padding:45px}
  .sm-p-50px {padding:50px}
  .sm-p-55px {padding:55px}
  .sm-p-60px {padding:60px}
  .sm-p-65px {padding:65px}
  .sm-p-70px {padding:70px}
  .sm-p-75px {padding:75px}
  .sm-p-80px {padding:80px}
  .sm-p-85px {padding:85px}
  .sm-p-90px {padding:90px}
  .sm-p-95px {padding:95px}
  .sm-p-100px {padding:100px}

  /*Padding Left Right*/
  .sm-p-0px-lr { padding-left: 0; ; padding-right: 0;  }
  .sm-p-5px-lr { padding-left: 5px; padding-right: 5px }
  .sm-p-10px-lr {padding-left:10px; padding-right:10px }
  .sm-p-15px-lr {padding-left:15px; padding-right:15px }
  .sm-p-20px-lr {padding-left:20px; padding-right:20px }
  .sm-p-25px-lr {padding-left:25px; padding-right:25px }
  .sm-p-30px-lr {padding-left:30px; padding-right:30px }
  .sm-p-35px-lr {padding-left:35px; padding-right:35px }
  .sm-p-40px-lr {padding-left:40px; padding-right:40px }
  .sm-p-45px-lr {padding-left:45px; padding-right:45px }
  .sm-p-50px-lr {padding-left:50px; padding-right:50px }
  .sm-p-55px-lr {padding-left:55px; padding-right:55px }
  .sm-p-60px-lr {padding-left:60px; padding-right:60px }
  .sm-p-65px-lr {padding-left:65px; padding-right:65px }
  .sm-p-70px-lr {padding-left:70px; padding-right:70px }
  .sm-p-75px-lr {padding-left:75px; padding-right:75px }
  .sm-p-80px-lr {padding-left:80px; padding-right:80px }
  .sm-p-85px-lr {padding-left:85px; padding-right:85px }
  .sm-p-90px-lr {padding-left:90px; padding-right:90px }
  .sm-p-95px-lr {padding-left:95px; padding-right:95px }
  .sm-p-100px-lr {padding-left:100px; padding-right:100px }

  /*Padding Top Bottm*/
  .sm-p-0px-tb {padding-top:  0;   padding-bottom:  0;  }
  .sm-p-5px-tb {padding-top:  5px; padding-bottom:  5px }
  .sm-p-10px-tb {padding-top: 10px; padding-bottom: 10px }
  .sm-p-15px-tb {padding-top: 15px; padding-bottom: 15px }
  .sm-p-20px-tb {padding-top: 20px; padding-bottom: 20px }
  .sm-p-25px-tb {padding-top: 25px; padding-bottom: 25px }
  .sm-p-30px-tb {padding-top: 30px; padding-bottom: 30px }
  .sm-p-35px-tb {padding-top: 35px; padding-bottom: 35px }
  .sm-p-40px-tb {padding-top: 40px; padding-bottom: 40px }
  .sm-p-45px-tb {padding-top: 45px; padding-bottom: 45px }
  .sm-p-50px-tb {padding-top: 50px; padding-bottom: 50px }
  .sm-p-55px-tb {padding-top: 55px; padding-bottom: 55px }
  .sm-p-60px-tb {padding-top: 60px; padding-bottom: 60px }
  .sm-p-65px-tb {padding-top: 65px; padding-bottom: 65px }
  .sm-p-70px-tb {padding-top: 70px; padding-bottom: 70px }
  .sm-p-75px-tb {padding-top: 75px; padding-bottom: 75px }
  .sm-p-80px-tb {padding-top: 80px; padding-bottom: 80px }
  .sm-p-85px-tb {padding-top: 85px; padding-bottom: 85px }
  .sm-p-90px-tb {padding-top: 90px; padding-bottom: 90px }
  .sm-p-95px-tb {padding-top: 95px; padding-bottom: 95px }
  .sm-p-100px-tb {padding-top: 100px; padding-bottom: 100px }

/*Padding top*/
  .sm-p-0px-t  {padding-top:0px}
  .sm-p-5px-t  {padding-top:5px}
  .sm-p-10px-t {padding-top:10px}
  .sm-p-15px-t {padding-top:15px}
  .sm-p-20px-t {padding-top:20px}
  .sm-p-25px-t {padding-top:25px}
  .sm-p-30px-t {padding-top:30px}
  .sm-p-35px-t {padding-top:35px}
  .sm-p-40px-t {padding-top:40px}
  .sm-p-45px-t {padding-top:45px}
  .sm-p-50px-t {padding-top:50px}
  .sm-p-55px-t {padding-top:55px}
  .sm-p-60px-t {padding-top:60px}
  .sm-p-65px-t {padding-top:65px}
  .sm-p-70px-t {padding-top:70px}
  .sm-p-75px-t {padding-top:75px}
  .sm-p-80px-t {padding-top:80px}
  .sm-p-85px-t {padding-top:85px}
  .sm-p-90px-t {padding-top:90px}
  .sm-p-95px-t {padding-top:95px}
  .sm-p-100px-t {padding-top:100px}

/*Padding Bottom*/
  .sm-p-0px-b {padding-bottom:0px}
  .sm-p-5px-b {padding-bottom:5px}
  .sm-p-10px-b {padding-bottom:10px}
  .sm-p-15px-b {padding-bottom:15px}
  .sm-p-20px-b {padding-bottom:20px}
  .sm-p-25px-b {padding-bottom:25px}
  .sm-p-30px-b {padding-bottom:30px}
  .sm-p-35px-b {padding-bottom:35px}
  .sm-p-40px-b {padding-bottom:40px}
  .sm-p-45px-b {padding-bottom:45px}
  .sm-p-50px-b {padding-bottom:50px}
  .sm-p-55px-b {padding-bottom:55px}
  .sm-p-60px-b {padding-bottom:60px}
  .sm-p-65px-b {padding-bottom:65px}
  .sm-p-70px-b {padding-bottom:70px}
  .sm-p-75px-b {padding-bottom:75px}
  .sm-p-80px-b {padding-bottom:80px}
  .sm-p-85px-b {padding-bottom:85px}
  .sm-p-90px-b {padding-bottom:90px}
  .sm-p-95px-b {padding-bottom:95px}
  .sm-p-100px-b {padding-bottom:100px}

/*Padding Left*/
  .sm-p-0px-l  {padding-left:0px}
  .sm-p-5px-l  {padding-left:5px}
  .sm-p-10px-l {padding-left:10px}
  .sm-p-15px-l {padding-left:15px}
  .sm-p-20px-l {padding-left:20px}
  .sm-p-25px-l {padding-left:25px}
  .sm-p-30px-l {padding-left:30px}
  .sm-p-35px-l {padding-left:35px}
  .sm-p-40px-l {padding-left:40px}
  .sm-p-45px-l {padding-left:45px}
  .sm-p-50px-l {padding-left:50px}
  .sm-p-55px-l {padding-left:55px}
  .sm-p-60px-l {padding-left:60px}
  .sm-p-65px-l {padding-left:65px}
  .sm-p-70px-l {padding-left:70px}
  .sm-p-75px-l {padding-left:75px}
  .sm-p-80px-l {padding-left:80px}
  .sm-p-85px-l {padding-left:85px}
  .sm-p-90px-l {padding-left:90px}
  .sm-p-95px-l {padding-left:95px}
  .sm-p-100px-l {padding-left:100px}

/*Padding right*/
  .sm-p-0px-r  {padding-right:0px}
  .sm-p-5px-r  {padding-right:5px}
  .sm-p-10px-r {padding-right:10px}
  .sm-p-15px-r {padding-right:15px}
  .sm-p-20px-r {padding-right:20px}
  .sm-p-25px-r {padding-right:25px}
  .sm-p-30px-r {padding-right:30px}
  .sm-p-35px-r {padding-right:35px}
  .sm-p-40px-r {padding-right:40px}
  .sm-p-45px-r {padding-right:45px}
  .sm-p-50px-r {padding-right:50px}
  .sm-p-55px-r {padding-right:55px}
  .sm-p-60px-r {padding-right:60px}
  .sm-p-65px-r {padding-right:65px}
  .sm-p-70px-r {padding-right:70px}
  .sm-p-75px-r {padding-right:75px}
  .sm-p-80px-r {padding-right:80px}
  .sm-p-85px-r {padding-right:85px}
  .sm-p-90px-r {padding-right:90px}
  .sm-p-95px-r {padding-right:95px}
  .sm-p-100px-r {padding-right:100px}

  /*Padding All %*/
  .sm-p-1 {padding:1%;}
  .sm-p-1-half {padding:1.5%;}
  .sm-p-2 {padding:2%;}
  .sm-p-2-half {padding:2.5%;}
  .sm-p-3 {padding:3%;}
  .sm-p-3-half {padding:3.5%;}
  .sm-p-4 {padding:4%;}
  .sm-p-4-half {padding:4.5%;}
  .sm-p-5 {padding:5%;}
  .sm-p-5-half {padding:5.5%;}
  .sm-p-6 {padding:6%;}
  .sm-p-6-half {padding:6.5%;}
  .sm-p-7 {padding:7%;}
  .sm-p-7-half {padding:7.5%;}
  .sm-p-8 {padding:8%;}
  .sm-p-8-half {padding:8.5%;}
  .sm-p-9 {padding:9%;}
  .sm-p-9-half {padding:9.5%;}
  .sm-p-10 {padding:10%;}
  .sm-p-10-half {padding:10.5%;}
  .sm-p-11 {padding:11%;}
  .sm-p-11-half {padding:11.5%;}
  .sm-p-12 {padding:12%;}
  .sm-p-12-half {padding:12.5%;}
  .sm-p-13 {padding:13%;}
  .sm-p-13-half {padding:13.5%;}
  .sm-p-14 {padding:14%;}
  .sm-p-14-half {padding:14.5%;}
  .sm-p-15 {padding:15%;}
  .sm-p-15-half {padding:15.5%;}
  .sm-p-16 {padding:16%;}
  .sm-p-16-half {padding:16.5%;}
  .sm-p-17 {padding:17%;}
  .sm-p-17-half {padding:17.5%;}
  .sm-p-18 {padding:18%;}
  .sm-p-18-half {padding:18.5%;}
  .sm-p-19 {padding:19%;}
  .sm-p-19-half {padding:19.5%;}
  .sm-p-20 {padding:20%;}
  .sm-p-20-half {padding:20.5%;}
  .sm-p-21 {padding:21%;}
  .sm-p-21-half {padding:21.5%;}
  .sm-p-22 {padding:22%;}
  .sm-p-22-half {padding:22.5%;}
  .sm-p-23 {padding:23%;}
  .sm-p-23-half {padding:23.5%;}
  .sm-p-24 {padding:24%;}
  .sm-p-24-half {padding:24.5%;}
  .sm-p-25 {padding:25%;}
  .sm-p-25-half {padding:25.5%;}

  .sm-p-1-l {padding-left:1%;}
  .sm-p-1-half-l {padding-left:1.5%;}
  .sm-p-2-l {padding-left:2%;}
  .sm-p-2-half-l {padding-left:2.5%;}
  .sm-p-3-l {padding-left:3%;}
  .sm-p-3-half-l {padding-left:3.5%;}
  .sm-p-4-l {padding-left:4%;}
  .sm-p-4-half-l {padding-left:4.5%;}
  .sm-p-5-l {padding-left:5%;}
  .sm-p-5-half-l {padding-left:5.5%;}
  .sm-p-6-l {padding-left:6%;}
  .sm-p-6-half-l {padding-left:6.5%;}
  .sm-p-7-l {padding-left:7%;}
  .sm-p-7-half-l {padding-left:7.5%;}
  .sm-p-8-l {padding-left:8%;}
  .sm-p-8-half-l {padding-left:8.5%;}
  .sm-p-9-l {padding-left:9%;}
  .sm-p-9-half-l {padding-left:9.5%;}
  .sm-p-10-l {padding-left:10%;}
  .sm-p-10-half-l {padding-left:10.5%;}
  .sm-p-11-l {padding-left:11%;}
  .sm-p-11-half-l {padding-left:11.5%;}
  .sm-p-12-l {padding-left:12%;}
  .sm-p-12-half-l {padding-left:12.5%;}
  .sm-p-13-l {padding-left:13%;}
  .sm-p-13-half-l {padding-left:13.5%;}
  .sm-p-14-l {padding-left:14%;}
  .sm-p-14-half-l {padding-left:14.5%;}
  .sm-p-15-l {padding-left:15%;}
  .sm-p-15-half-l {padding-left:15.5%;}
  .sm-p-16-l {padding-left:16%;}
  .sm-p-16-half-l {padding-left:16.5%;}
  .sm-p-17-l {padding-left:17%;}
  .sm-p-17-half-l {padding-left:17.5%;}
  .sm-p-18-l {padding-left:18%;}
  .sm-p-18-half-l {padding-left:18.5%;}
  .sm-p-19-l {padding-left:19%;}
  .sm-p-19-half-l {padding-left:19.5%;}
  .sm-p-20-l {padding-left:20%;}
  .sm-p-20-half-l {padding-left:20.5%;}
  .sm-p-21-l {padding-left:21%;}
  .sm-p-21-half-l {padding-left:21.5%;}
  .sm-p-22-l {padding-left:22%;}
  .sm-p-22-half-l {padding-left:22.5%;}
  .sm-p-23-l {padding-left:23%;}
  .sm-p-23-half-l {padding-left:23.5%;}
  .sm-p-24-l {padding-left:24%;}
  .sm-p-24-half-l {padding-left:24.5%;}
  .sm-p-25-l {padding-left:25%;}
  .sm-p-25-half-l {padding-left:25.5%;}


  .sm-p-1-r {padding-right: 1%;}
  .sm-p-1-half-r {padding-right: 1.5%;}
  .sm-p-2-r {padding-right: 2%;}
  .sm-p-2-half-r {padding-right: 2.5%;}
  .sm-p-3-r {padding-right: 3%;}
  .sm-p-3-half-r {padding-right: 3.5%;}
  .sm-p-4-r {padding-right: 4%;}
  .sm-p-4-half-r {padding-right: 4.5%;}
  .sm-p-5-r {padding-right: 5%;}
  .sm-p-5-half-r {padding-right: 5.5%;}
  .sm-p-6-r {padding-right: 6%;}
  .sm-p-6-half-r {padding-right: 6.5%;}
  .sm-p-7-r {padding-right: 7%;}
  .sm-p-7-half-r {padding-right: 7.5%;}
  .sm-p-8-r {padding-right: 8%;}
  .sm-p-8-half-r {padding-right: 8.5%;}
  .sm-p-9-r {padding-right: 9%;}
  .sm-p-9-half-r {padding-right: 9.5%;}
  .sm-p-10-r {padding-right: 10%;}
  .sm-p-10-half-r {padding-right: 10.5%;}
  .sm-p-11-r {padding-right: 11%;}
  .sm-p-11-half-r {padding-right: 11.5%;}
  .sm-p-12-r {padding-right: 12%;}
  .sm-p-12-half-r {padding-right: 12.5%;}
  .sm-p-13-r {padding-right: 13%;}
  .sm-p-13-half-r {padding-right: 13.5%;}
  .sm-p-14-r {padding-right: 14%;}
  .sm-p-14-half-r {padding-right: 14.5%;}
  .sm-p-15-r {padding-right: 15%;}
  .sm-p-15-half-r {padding-right: 15.5%;}
  .sm-p-16-r {padding-right: 16%;}
  .sm-p-16-half-r {padding-right: 16.5%;}
  .sm-p-17-r {padding-right: 17%;}
  .sm-p-17-half-r {padding-right: 17.5%;}
  .sm-p-18-r {padding-right: 18%;}
  .sm-p-18-half-r {padding-right: 18.5%;}
  .sm-p-19-r {padding-right: 19%;}
  .sm-p-19-half-r {padding-right: 19.5%;}
  .sm-p-20-r {padding-right: 20%;}
  .sm-p-20-half-r {padding-right: 20.5%;}
  .sm-p-21-r {padding-right: 21%;}
  .sm-p-21-half-r {padding-right: 21.5%;}
  .sm-p-22-r {padding-right: 22%;}
  .sm-p-22-half-r {padding-right: 22.5%;}
  .sm-p-23-r {padding-right: 23%;}
  .sm-p-23-half-r {padding-right: 23.5%;}
  .sm-p-24-r {padding-right: 24%;}
  .sm-p-24-half-r {padding-right: 24.5%;}
  .sm-p-25-r {padding-right: 25%;}
  .sm-p-25-half-r {padding-right: 25.5%;}

  .sm-p-1-t {padding-top: 1%;}
  .sm-p-1-half-t {padding-top: 1.5%;}
  .sm-p-2-t {padding-top: 2%;}
  .sm-p-2-half-t {padding-top: 2.5%;}
  .sm-p-3-t {padding-top: 3%;}
  .sm-p-3-half-t {padding-top: 3.5%;}
  .sm-p-4-t {padding-top: 4%;}
  .sm-p-4-half-t {padding-top: 4.5%;}
  .sm-p-5-t {padding-top: 5%;}
  .sm-p-5-half-t {padding-top: 5.5%;}
  .sm-p-6-t {padding-top: 6%;}
  .sm-p-6-half-t {padding-top: 6.5%;}
  .sm-p-7-t {padding-top: 7%;}
  .sm-p-7-half-t {padding-top: 7.5%;}
  .sm-p-8-t {padding-top: 8%;}
  .sm-p-8-half-t {padding-top: 8.5%;}
  .sm-p-9-t {padding-top: 9%;}
  .sm-p-9-half-t {padding-top: 9.5%;}
  .sm-p-10-t {padding-top: 10%;}
  .sm-p-10-half-t {padding-top: 10.5%;}
  .sm-p-11-t {padding-top: 11%;}
  .sm-p-11-half-t {padding-top: 11.5%;}
  .sm-p-12-t {padding-top: 12%;}
  .sm-p-12-half-t {padding-top: 12.5%;}
  .sm-p-13-t {padding-top: 13%;}
  .sm-p-13-half-t {padding-top: 13.5%;}
  .sm-p-14-t {padding-top: 14%;}
  .sm-p-14-half-t {padding-top: 14.5%;}
  .sm-p-15-t {padding-top: 15%;}
  .sm-p-15-half-t {padding-top: 15.5%;}
  .sm-p-16-t {padding-top: 16%;}
  .sm-p-16-half-t {padding-top: 16.5%;}
  .sm-p-17-t {padding-top: 17%;}
  .sm-p-17-half-t {padding-top: 17.5%;}
  .sm-p-18-t {padding-top: 18%;}
  .sm-p-18-half-t {padding-top: 18.5%;}
  .sm-p-19-t {padding-top: 19%;}
  .sm-p-19-half-t {padding-top: 19.5%;}
  .sm-p-20-t {padding-top: 20%;}
  .sm-p-20-half-t {padding-top: 20.5%;}
  .sm-p-21-t {padding-top: 21%;}
  .sm-p-21-half-t {padding-top: 21.5%;}
  .sm-p-22-t {padding-top: 22%;}
  .sm-p-22-half-t {padding-top: 22.5%;}
  .sm-p-23-t {padding-top: 23%;}
  .sm-p-23-half-t {padding-top: 23.5%;}
  .sm-p-24-t {padding-top: 24%;}
  .sm-p-24-half-t {padding-top: 24.5%;}
  .sm-p-25-t {padding-top: 25%;}
  .sm-p-25-half-t {padding-top: 25.5%;}

  .sm-p-1-b {padding-bottom: 1%;}
  .sm-p-1-half-b {padding-bottom: 1.5%;}
  .sm-p-2-b {padding-bottom: 2%;}
  .sm-p-2-half-b {padding-bottom: 2.5%;}
  .sm-p-3-b {padding-bottom: 3%;}
  .sm-p-3-half-b {padding-bottom: 3.5%;}
  .sm-p-4-b {padding-bottom: 4%;}
  .sm-p-4-half-b {padding-bottom: 4.5%;}
  .sm-p-5-b {padding-bottom: 5%;}
  .sm-p-5-half-b {padding-bottom: 5.5%;}
  .sm-p-6-b {padding-bottom: 6%;}
  .sm-p-6-half-b {padding-bottom: 6.5%;}
  .sm-p-7-b {padding-bottom: 7%;}
  .sm-p-7-half-b {padding-bottom: 7.5%;}
  .sm-p-8-b {padding-bottom: 8%;}
  .sm-p-8-half-b {padding-bottom: 8.5%;}
  .sm-p-9-b {padding-bottom: 9%;}
  .sm-p-9-half-b {padding-bottom: 9.5%;}
  .sm-p-10-b {padding-bottom: 10%;}
  .sm-p-10-half-b {padding-bottom: 10.5%;}
  .sm-p-11-b {padding-bottom: 11%;}
  .sm-p-11-half-b {padding-bottom: 11.5%;}
  .sm-p-12-b {padding-bottom: 12%;}
  .sm-p-12-half-b {padding-bottom: 12.5%;}
  .sm-p-13-b {padding-bottom: 13%;}
  .sm-p-13-half-b {padding-bottom: 13.5%;}
  .sm-p-14-b {padding-bottom: 14%;}
  .sm-p-14-half-b {padding-bottom: 14.5%;}
  .sm-p-15-b {padding-bottom: 15%;}
  .sm-p-15-half-b {padding-bottom: 15.5%;}
  .sm-p-16-b {padding-bottom: 16%;}
  .sm-p-16-half-b {padding-bottom: 16.5%;}
  .sm-p-17-b {padding-bottom: 17%;}
  .sm-p-17-half-b {padding-bottom: 17.5%;}
  .sm-p-18-b {padding-bottom: 18%;}
  .sm-p-18-half-b {padding-bottom: 18.5%;}
  .sm-p-19-b {padding-bottom: 19%;}
  .sm-p-19-half-b {padding-bottom: 19.5%;}
  .sm-p-20-b {padding-bottom: 20%;}
  .sm-p-20-half-b {padding-bottom: 20.5%;}
  .sm-p-21-b {padding-bottom: 21%;}
  .sm-p-21-half-b {padding-bottom: 21.5%;}
  .sm-p-22-b {padding-bottom: 22%;}
  .sm-p-22-half-b {padding-bottom: 22.5%;}
  .sm-p-23-b {padding-bottom: 23%;}
  .sm-p-23-half-b {padding-bottom: 23.5%;}
  .sm-p-24-b {padding-bottom: 24%;}
  .sm-p-24-half-b {padding-bottom: 24.5%;}
  .sm-p-25-b {padding-bottom: 25%;}
  .sm-p-25-half-b {padding-bottom: 25.5%;}
}


/*================================
  Width
================================*/

.w-1px {width:1px;}
.w-2px {width:2px;}
.w-3px {width:3px;}
.w-4px {width:4px;}
.w-5px {width:5px;}
.w-6px {width:6px;}
.w-7px {width:7px;}
.w-8px {width:8px;}
.w-9px {width:9px;}
.w-10px {width:10px;}
.w-15px {width:15px;}
.w-20px {width:20px;}
.w-25px {width:25px;}
.w-30px {width:30px;}
.w-35px {width:35px;}
.w-40px {width:40px;}
.w-45px {width:45px;}
.w-50px {width:50px;}
.w-55px {width:55px;}
.w-60px {width:60px;}
.w-65px {width:65px;}
.w-70px {width:70px;}
.w-75px {width:75px;}
.w-80px {width:80px;}
.w-85px {width:85px;}
.w-90px {width:90px;}
.w-100px {width:100px;}
.w-120px {width:120px;}
.w-130px {width:130px;}
.w-150px {width:150px;}
.w-180px {width:180px;}
.w-200px {width:200px;}
.w-250px {width:250px;}
.w-300px {width:300px;}
.w-350px {width:350px;}
.w-400px {width:400px;}
.w-450px {width:450px;}
.w-500px {width:500px;}
.w-550px {width:550px;}
.w-600px {width:600px;}
.w-650px {width:650px;}
.w-700px {width:700px;}
.w-750px {width:750px;}
.w-800px {width:800px;}
.w-850px {width:850px;}
.w-900px {width:900px;}
.w-950px {width:950px;}
.w-1000px {width:1000px;}

.w-10 {width:10%;}
.w-12 {width:12%;}
.w-15 {width:15%;}
.w-20 {width:20%;}
.w-25 {width:25%;}
.w-30 {width:30%;}
.w-35 {width:35%;}
.w-40 {width:40%;}
.w-45 {width:45%;}
.w-50 {width:50%;}
.w-55 {width:55%;}
.w-60 {width:60%;}
.w-65 {width:65%;}
.w-70 {width:70%;}
.w-75 {width:75%;}
.w-80 {width:80%;}
.w-85 {width:85%;}
.w-90 {width:90%;}
.w-95 {width:95%;}
.w-100 {width:100%;}
.w-auto {width: auto}

.w-50vh {width: 50vh;}
.w-100vh {width:100vh;}
.min-w-100 { min-width: 100%;}
.max-w-100 { max-width: 100%; }


@media (max-width: 1200px){
  .lg-w-1px {width:1px;}
  .lg-w-2px {width:2px;}
  .lg-w-3px {width:3px;}
  .lg-w-4px {width:4px;}
  .lg-w-5px {width:5px;}
  .lg-w-6px {width:6px;}
  .lg-w-7px {width:7px;}
  .lg-w-8px {width:8px;}
  .lg-w-9px {width:9px;}
  .lg-w-10px {width:10px;}
  .lg-w-15px {width:15px;}
  .lg-w-20px {width:20px;}
  .lg-w-25px {width:25px;}
  .lg-w-30px {width:30px;}
  .lg-w-35px {width:35px;}
  .lg-w-40px {width:40px;}
  .lg-w-45px {width:45px;}
  .lg-w-50px {width:50px;}
  .lg-w-55px {width:55px;}
  .lg-w-60px {width:60px;}
  .lg-w-65px {width:65px;}
  .lg-w-70px {width:70px;}
  .lg-w-75px {width:75px;}
  .lg-w-80px {width:80px;}
  .lg-w-85px {width:85px;}
  .lg-w-90px {width:90px;}
  .lg-w-100px {width:100px;}
  .lg-w-120px {width:120px;}
  .lg-w-130px {width:130px;}
  .lg-w-150px {width:150px;}
  .lg-w-180px {width:180px;}
  .lg-w-200px {width:200px;}
  .lg-w-250px {width:250px;}
  .lg-w-300px {width:300px;}
  .lg-w-350px {width:350px;}
  .lg-w-400px {width:400px;}
  .lg-w-450px {width:450px;}
  .lg-w-500px {width:500px;}
  .lg-w-550px {width:550px;}
  .lg-w-600px {width:600px;}
  .lg-w-650px {width:650px;}
  .lg-w-700px {width:700px;}
  .lg-w-750px {width:750px;}
  .lg-w-800px {width:800px;}
  .lg-w-850px {width:850px;}
  .lg-w-900px {width:900px;}
  .lg-w-950px {width:950px;}
  .lg-w-1000px {width:1000px;}


  .lg-w-10 {width:10%;}
  .lg-w-12 {width:12%;}
  .lg-w-15 {width:15%;}
  .lg-w-20 {width:20%;}
  .lg-w-25 {width:25%;}
  .lg-w-30 {width:30%;}
  .lg-w-35 {width:35%;}
  .lg-w-40 {width:40%;}
  .lg-w-45 {width:45%;}
  .lg-w-50 {width:50%;}
  .lg-w-55 {width:55%;}
  .lg-w-60 {width:60%;}
  .lg-w-65 {width:65%;}
  .lg-w-70 {width:70%;}
  .lg-w-75 {width:75%;}
  .lg-w-80 {width:80%;}
  .lg-w-85 {width:85%;}
  .lg-w-90 {width:90%;}
  .lg-w-95 {width:95%;}
  .lg-w-100 {width:100%;}
  .lg-w-auto {width: auto}

  .lg-w-50vh {width: 50vh;}
  .lg-w-100vh {width:100vh;}
  .lg-min-w-100 { min-width: 100%;}
  .lg-max-w-100 { max-width: 100%; }

}

@media (max-width: 991px){
  .md-w-1px {width:1px;}
  .md-w-2px {width:2px;}
  .md-w-3px {width:3px;}
  .md-w-4px {width:4px;}
  .md-w-5px {width:5px;}
  .md-w-6px {width:6px;}
  .md-w-7px {width:7px;}
  .md-w-8px {width:8px;}
  .md-w-9px {width:9px;}
  .md-w-10px {width:10px;}
  .md-w-15px {width:15px;}
  .md-w-20px {width:20px;}
  .md-w-25px {width:25px;}
  .md-w-30px {width:30px;}
  .md-w-35px {width:35px;}
  .md-w-40px {width:40px;}
  .md-w-45px {width:45px;}
  .md-w-50px {width:50px;}
  .md-w-55px {width:55px;}
  .md-w-60px {width:60px;}
  .md-w-65px {width:65px;}
  .md-w-70px {width:70px;}
  .md-w-75px {width:75px;}
  .md-w-80px {width:80px;}
  .md-w-85px {width:85px;}
  .md-w-90px {width:90px;}
  .md-w-100px {width:100px;}
  .md-w-120px {width:120px;}
  .md-w-130px {width:130px;}
  .md-w-150px {width:150px;}
  .md-w-180px {width:180px;}
  .md-w-200px {width:200px;}
  .md-w-250px {width:250px;}
  .md-w-300px {width:300px;}
  .md-w-350px {width:350px;}
  .md-w-400px {width:400px;}
  .md-w-450px {width:450px;}
  .md-w-500px {width:500px;}
  .md-w-550px {width:550px;}
  .md-w-600px {width:600px;}
  .md-w-650px {width:650px;}
  .md-w-700px {width:700px;}
  .md-w-750px {width:750px;}
  .md-w-800px {width:800px;}
  .md-w-850px {width:850px;}
  .md-w-900px {width:900px;}
  .md-w-950px {width:950px;}
  .md-w-1000px {width:1000px;}

  .md-w-10 {width:10%;}
  .md-w-12 {width:12%;}
  .md-w-15 {width:15%;}
  .md-w-20 {width:20%;}
  .md-w-25 {width:25%;}
  .md-w-30 {width:30%;}
  .md-w-35 {width:35%;}
  .md-w-40 {width:40%;}
  .md-w-45 {width:45%;}
  .md-w-50 {width:50%;}
  .md-w-55 {width:55%;}
  .md-w-60 {width:60%;}
  .md-w-65 {width:65%;}
  .md-w-70 {width:70%;}
  .md-w-75 {width:75%;}
  .md-w-80 {width:80%;}
  .md-w-85 {width:85%;}
  .md-w-90 {width:90%;}
  .md-w-95 {width:95%;}
  .md-w-100 {width:100%;}
  .md-w-auto {width: auto}

  .md-w-50vh {width: 50vh;}
  .md-w-100vh {width:100vh;}
  .md-min-w-100 { min-width: 100%;}
  .md-max-w-100 { max-width: 100%; }
}

@media (max-width: 767px){
  .sm-w-1px {width:1px;}
  .sm-w-2px {width:2px;}
  .sm-w-3px {width:3px;}
  .sm-w-4px {width:4px;}
  .sm-w-5px {width:5px;}
  .sm-w-6px {width:6px;}
  .sm-w-7px {width:7px;}
  .sm-w-8px {width:8px;}
  .sm-w-9px {width:9px;}
  .sm-w-10px {width:10px;}
  .sm-w-15px {width:15px;}
  .sm-w-20px {width:20px;}
  .sm-w-25px {width:25px;}
  .sm-w-30px {width:30px;}
  .sm-w-35px {width:35px;}
  .sm-w-40px {width:40px;}
  .sm-w-45px {width:45px;}
  .sm-w-50px {width:50px;}
  .sm-w-55px {width:55px;}
  .sm-w-60px {width:60px;}
  .sm-w-65px {width:65px;}
  .sm-w-70px {width:70px;}
  .sm-w-75px {width:75px;}
  .sm-w-80px {width:80px;}
  .sm-w-85px {width:85px;}
  .sm-w-90px {width:90px;}
  .sm-w-100px {width:100px;}
  .sm-w-120px {width:120px;}
  .sm-w-130px {width:130px;}
  .sm-w-150px {width:150px;}
  .sm-w-180px {width:180px;}
  .sm-w-200px {width:200px;}
  .sm-w-250px {width:250px;}
  .sm-w-300px {width:300px;}
  .sm-w-350px {width:350px;}
  .sm-w-400px {width:400px;}
  .sm-w-450px {width:450px;}
  .sm-w-500px {width:500px;}
  .sm-w-550px {width:550px;}
  .sm-w-600px {width:600px;}
  .sm-w-650px {width:650px;}
  .sm-w-700px {width:700px;}
  .sm-w-750px {width:750px;}
  .sm-w-800px {width:800px;}
  .sm-w-850px {width:850px;}
  .sm-w-900px {width:900px;}
  .sm-w-950px {width:950px;}
  .sm-w-1000px {width:1000px;}

  .sm-w-10 {width:10%;}
  .sm-w-12 {width:12%;}
  .sm-w-15 {width:15%;}
  .sm-w-20 {width:20%;}
  .sm-w-25 {width:25%;}
  .sm-w-30 {width:30%;}
  .sm-w-35 {width:35%;}
  .sm-w-40 {width:40%;}
  .sm-w-45 {width:45%;}
  .sm-w-50 {width:50%;}
  .sm-w-55 {width:55%;}
  .sm-w-60 {width:60%;}
  .sm-w-65 {width:65%;}
  .sm-w-70 {width:70%;}
  .sm-w-75 {width:75%;}
  .sm-w-80 {width:80%;}
  .sm-w-85 {width:85%;}
  .sm-w-90 {width:90%;}
  .sm-w-95 {width:95%;}
  .sm-w-100 {width:100%;}
  .sm-w-auto {width: auto}

  .sm-w-50vh {width: 50vh;}
  .sm-w-100vh {width:100vh;}
  .sm-min-w-100 { min-width: 100%;}
  .sm-max-w-100 { max-width: 100%; }

}
/* ===================================
  Height
====================================== */
.h-1px {height: 1px;}
.h-2px {height:2px;}
.h-3px {height:3px;}
.h-4px {height:4px;}
.h-5px {height:5px;}
.h-6px {height:6px;}
.h-7px {height:7px;}
.h-8px {height:8px;}
.h-9px {height:9px;}
.h-10px {height:10px;}
.h-15px {height:15px;}
.h-20px {height:20px;}
.h-25px {height:25px;}
.h-30px {height:30px;}
.h-35px {height:35px;}
.h-40px {height:40px;}
.h-45px {height:45px;}
.h-50px {height:50px;}
.h-55px {height:55px;}
.h-60px {height:60px;}
.h-65px {height:65px;}
.h-70px {height:70px;}
.h-75px {height:75px;}
.h-80px {height:80px;}
.h-85px {height:85px;}
.h-90px {height:90px;}
.h-100px {height:100px;}
.h-120px {height:120px;}
.h-130px {height:130px;}
.h-150px {height:150px;}
.h-180px {height:180px;}
.h-200px {height:200px;}
.h-250px {height:250px;}
.h-300px {height:300px;}
.h-350px {height:350px;}
.h-400px {height:400px;}
.h-450px {height:450px;}
.h-500px {height:500px;}
.h-550px {height:550px;}
.h-600px {height:600px;}
.h-650px {height:650px;}
.h-700px {height:700px;}
.h-750px {height:750px;}
.h-800px {height:800px;}
.h-850px {height:850px;}
.h-900px {height:900px;}
.h-950px {height:950px;}
.h-1000px {height:1000px;}

.h-50vh {height:50vh;}
.h-100vh {height:100vh;}
.min-h-100vh {min-height:100vh;}

.min-h-100 { min-height: 100%; }
.m-h-100 { height: 100%; }

@media (max-width: 1200px){
  .lg-h-1px {height: 1px;}
  .lg-h-2px {height:2px;}
  .lg-h-3px {height:3px;}
  .lg-h-4px {height:4px;}
  .lg-h-5px {height:5px;}
  .lg-h-6px {height:6px;}
  .lg-h-7px {height:7px;}
  .lg-h-8px {height:8px;}
  .lg-h-9px {height:9px;}
  .lg-h-10px {height:10px;}
  .lg-h-15px {height:15px;}
  .lg-h-20px {height:20px;}
  .lg-h-25px {height:25px;}
  .lg-h-30px {height:30px;}
  .lg-h-35px {height:35px;}
  .lg-h-40px {height:40px;}
  .lg-h-45px {height:45px;}
  .lg-h-50px {height:50px;}
  .lg-h-55px {height:55px;}
  .lg-h-60px {height:60px;}
  .lg-h-65px {height:65px;}
  .lg-h-70px {height:70px;}
  .lg-h-75px {height:75px;}
  .lg-h-80px {height:80px;}
  .lg-h-85px {height:85px;}
  .lg-h-90px {height:90px;}
  .lg-h-100px {height:100px;}
  .lg-h-120px {height:120px;}
  .lg-h-130px {height:130px;}
  .lg-h-150px {height:150px;}
  .lg-h-180px {height:180px;}
  .lg-h-200px {height:200px;}
  .lg-h-250px {height:250px;}
  .lg-h-300px {height:300px;}
  .lg-h-350px {height:350px;}
  .lg-h-400px {height:400px;}
  .lg-h-450px {height:450px;}
  .lg-h-500px {height:500px;}
  .lg-h-550px {height:550px;}
  .lg-h-600px {height:600px;}
  .lg-h-650px {height:650px;}
  .lg-h-700px {height:700px;}
  .lg-h-750px {height:750px;}
  .lg-h-800px {height:800px;}
  .lg-h-850px {height:850px;}
  .lg-h-900px {height:900px;}
  .lg-h-950px {height:950px;}
  .lg-h-1000px {height:1000px;}

  .lg-h-50vh {height:50vh;}
  .lg-h-100vh {height:100vh;}
  .lg-min-h-100 { min-height: 100%; }
  .lg-m-h-100 { height: 100%; }
}

@media (max-width: 991px){
  .md-h-1px {height: 1px;}
  .md-h-2px {height:2px;}
  .md-h-3px {height:3px;}
  .md-h-4px {height:4px;}
  .md-h-5px {height:5px;}
  .md-h-6px {height:6px;}
  .md-h-7px {height:7px;}
  .md-h-8px {height:8px;}
  .md-h-9px {height:9px;}
  .md-h-10px {height:10px;}
  .md-h-15px {height:15px;}
  .md-h-20px {height:20px;}
  .md-h-25px {height:25px;}
  .md-h-30px {height:30px;}
  .md-h-45px {height:45px;}
  .md-h-35px {height:35px;}
  .md-h-40px {height:40px;}
  .md-h-50px {height:50px;}
  .md-h-55px {height:55px;}
  .md-h-60px {height:60px;}
  .md-h-65px {height:65px;}
  .md-h-70px {height:70px;}
  .md-h-75px {height:75px;}
  .md-h-80px {height:80px;}
  .md-h-85px {height:85px;}
  .md-h-90px {height:90px;}
  .md-h-100px {height:100px;}
  .md-h-120px {height:120px;}
  .md-h-130px {height:130px;}
  .md-h-150px {height:150px;}
  .md-h-180px {height:180px;}
  .md-h-200px {height:200px;}
  .md-h-250px {height:250px;}
  .md-h-300px {height:300px;}
  .md-h-350px {height:350px;}
  .md-h-400px {height:400px;}
  .md-h-450px {height:450px;}
  .md-h-500px {height:500px;}
  .md-h-550px {height:550px;}
  .md-h-600px {height:600px;}
  .md-h-650px {height:650px;}
  .md-h-700px {height:700px;}
  .md-h-750px {height:750px;}
  .md-h-800px {height:800px;}
  .md-h-850px {height:850px;}
  .md-h-900px {height:900px;}
  .md-h-950px {height:950px;}
  .md-h-1000px {height:1000px;}

  .md-h-50vh {height:50vh;}
  .md-h-100vh {height:100vh;}
  .md-min-h-100 { min-height: 100%; }
  .md-m-h-100 { height: 100%; }
}

@media (max-width: 767px){
  .sm-h-1px {height: 1px;}
  .sm-h-2px {height:2px;}
  .sm-h-3px {height:3px;}
  .sm-h-4px {height:4px;}
  .sm-h-5px {height:5px;}
  .sm-h-6px {height:6px;}
  .sm-h-7px {height:7px;}
  .sm-h-8px {height:8px;}
  .sm-h-9px {height:9px;}
  .sm-h-10px {height:10px;}
  .sm-h-15px {height:15px;}
  .sm-h-20px {height:20px;}
  .sm-h-25px {height:25px;}
  .sm-h-30px {height:30px;}
  .sm-h-35px {height:35px;}
  .sm-h-40px {height:40px;}
  .sm-h-45px {height:45px;}
  .sm-h-50px {height:50px;}
  .sm-h-55px {height:55px;}
  .sm-h-60px {height:60px;}
  .sm-h-65px {height:65px;}
  .sm-h-70px {height:70px;}
  .sm-h-75px {height:75px;}
  .sm-h-80px {height:80px;}
  .sm-h-85px {height:85px;}
  .sm-h-90px {height:90px;}
  .sm-h-100px {height:100px;}
  .sm-h-120px {height:120px;}
  .sm-h-130px {height:130px;}
  .sm-h-150px {height:150px;}
  .sm-h-180px {height:180px;}
  .sm-h-200px {height:200px;}
  .sm-h-250px {height:250px;}
  .sm-h-300px {height:300px;}
  .sm-h-350px {height:350px;}
  .sm-h-400px {height:400px;}
  .sm-h-450px {height:450px;}
  .sm-h-500px {height:500px;}
  .sm-h-550px {height:550px;}
  .sm-h-600px {height:600px;}
  .sm-h-650px {height:650px;}
  .sm-h-700px {height:700px;}
  .sm-h-750px {height:750px;}
  .sm-h-800px {height:800px;}
  .sm-h-850px {height:850px;}
  .sm-h-900px {height:900px;}
  .sm-h-950px {height:950px;}
  .sm-h-1000px {height:1000px;}

  .sm-h-50vh {height:50vh;}
  .sm-h-100vh {height:100vh;}
  .sm-min-h-100 { min-height: 100%; }
  .sm-m-h-100 { height: 100%; }
}

/* ===================================
  Border Radius
====================================== */
.border-radius-3px { border-radius: 3px; }
.border-radius-5px { border-radius: 5px; }
.border-radius-10px { border-radius: 10px; }
.border-radius-15px { border-radius: 15px; }
.border-radius-20px { border-radius: 20px; }
.border-radius-25px { border-radius: 25px; }
.border-radius-30px { border-radius: 30px; }
.border-radius-50 { border-radius: 50% }

/*==============================
  Background Properties
================================*/
.bg-no-repeat { background-repeat: no-repeat; }
.bg-repeat-x { background-repeat: repeat-x; }
.bg-repeat-y { background-repeat: repeat-y; }
.bg-cover { -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg-contain { -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }

.bg-center-center { background-position: center center; }
.bg-center-right { background-position: center right; }
.bg-center-left { background-position: center left; }
.bg-fixed { background-attachment: fixed;  }

/*==============================
  Border
================================*/
.border-all { border:1px solid #ddd; }

.border-t {border-top: 1px solid;}
.border-b {border-bottom: 1px solid;}
.border-l {border-left: 1px solid;}
.border-r {border-right: 1px solid;}
.border-lr {border-left: 1px solid; border-right: 1px solid;}
.border-tb {border-top: 1px solid; border-bottom: 1px solid;}

.border-w-1 { border-width: 1px; }
.border-w-2 { border-width: 2px; }
.border-w-3 { border-width: 3px; }
.border-w-4 { border-width: 4px; }
.border-w-5 { border-width: 5px; }
.border-w-6 { border-width: 6px; }
.border-w-7 { border-width: 7px; }
.border-w-8 { border-width: 8px; }
.border-w-9 { border-width: 9px; }
.border-w-10 { border-width: 10px; }

.border-dotted {border-style: dotted;}
.border-dashed {border-style: dashed;}
.border-solid {border-style: solid;}
.border-double {border-style: double;}
.border-groove {border-style: groove;}
.border-ridge {border-style: ridge;}
.border-inset {border-style: inset;}
.border-outset {border-style: outset;}
.border-hidden {border-style: hidden;}
.border-transperent {border-color: transparent;}

.border-black { border-color: #000; }
.border-extra-dark-gray { border-color: #232323; }
.border-medium-dark-gray { border-color: #363636; }
.border-light-gray { border-color: #d6d5d5; }
.border-grey { border-color: #ddd; }
.border-white { border-color: #fff; }
.border-red { border-color:  #f44336 }
.border-pink { border-color:  #E91E63 }
.border-purple { border-color:  #9C27B0 }
.border-deep-purple { border-color:  #673AB7 }
.border-indigo { border-color:  #3F51B5 }
.border-blue { border-color:  #2196F3 }
.border-light-blue { border-color:  #03A9F4 }
.border-cyan { border-color:  #00BCD4 }
.border-teal { border-color:  #009688 }
.border-green { border-color:  #4CAF50 }
.border-light-green { border-color:  #8BC34A }
.border-lime { border-color:  #CDDC39 }
.border-yellow { border-color:  #FFEB3B }
.border-amber { border-color:  #FFC107 }
.border-orange { border-color:  #FF9800 }
.border-deep-orange { border-color:  #FF5722 }
.border-deep-brown { border-color:  #795548 }
.border-blue-gray { border-color:  #607D8B }

.border-none { border:none; }
.border-t-none { border-top: none; }
.border-b-none { border-bottom: none; }
.border-l-none { border-left: none; }
.border-r-none { border-right: none; }

@media (max-width: 1200px){
  .lg-border-none { border:none; }
  .lg-border-t-none { border-top: none; }
  .lg-border-b-none { border-bottom: none; }
  .lg-border-l-none { border-left: none; }
  .lg-border-r-none { border-right: none; }
}

@media (max-width: 991px){
  .md-border-none { border:none; }
  .md-border-t-none { border-top: none; }
  .md-border-b-none { border-bottom: none; }
  .md-border-l-none { border-left: none; }
  .md-border-r-none { border-right: none; }
}

@media (max-width: 767px){
  .sm-border-none { border:none; }
  .sm-border-t-none { border-top: none; }
  .sm-border-b-none { border-bottom: none; }
  .sm-border-l-none { border-left: none; }
  .sm-border-r-none { border-right: none; }
}


/*==============================
  Display and overflow
================================*/
.display-block {display:block !important}
.display-inline-block {display:inline-block !important}
.display-inline {display:inline !important}
.display-none {display:none !important}
.display-inherit {display:inherit !important}
.display-table {display:table !important}
.display-table-cell {display:table-cell !important}

.overflow-hidden {overflow:hidden !important}
.overflow-visible {overflow:visible !important}
.overflow-auto {overflow:auto !important}

.v-aling-top { vertical-align: top; }
.v-aling-bottom { vertical-align: bottom; }
.v-aling-middle { vertical-align: middle; }

.hidden {
  display: none !important;
}
@media (max-width: 1200px){
 .lg-hidden {
    display: none !important;
  }
}
@media (max-width: 991px){
  .md-hidden {
    display: none !important;
  }
}
@media (max-width: 767px){
  .sm-hidden {
    display: none !important;
  }
}

@media (min-width: 1200px){
 .lg-hidden-min {
    display: none !important;
  }
}
@media (min-width: 991px){
  .md-hidden-min {
    display: none !important;
  }
}
@media (min-width: 767px){
  .sm-hidden-min {
    display: none !important;
  }
}

/*===================================
  Slanty section
====================================== */
.slanty-section {
  position: relative;
}
.slanty-section .btm-slanty-r {
  position: absolute;
  left: -10px;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  width: 0;
  height: 0;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-style: solid;
  border-right-width: 110vw;
  border-bottom-width: 0px;
  border-top-width: 70px;
}

.slanty-section .btm-slanty-l {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  width: 0;
  height: 0;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-style: solid;
  border-left-width: 100vw;
  border-bottom-width: 0px;
  border-top-width: 70px;
}

.slanty-section .top-slanty-l {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  width: 0;
  height: 0;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-style: solid;
  border-left-width: 100vw;
  border-top-width: 0px;
  border-bottom-width: 70px;
}

.slanty-section .top-slanty-r {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  width: 0;
  height: 0;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-style: solid;
  border-right-width: 100vw;
  border-top-width: 0px;
  border-bottom-width: 70px;
}

/*===================================
  cav section
====================================== */
.cav-section {
  position: relative;
}
.cav-section .btm-cav-r {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  width: 0;
  height: 0;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-style: solid;
  border-left-width: 62vw;
  border-right-width: 40vw;
  border-bottom-width: 0px;
  border-top-width: 70px;
}

.cav-section .btm-cav-l {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  width: 0;
  height: 0;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-style: solid;
  border-right-width: 62vw;
  border-left-width: 40vw;
  border-bottom-width: 0px;
  border-top-width: 70px;
}

.cav-section .top-cav-l {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  width: 0;
  height: 0;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-style: solid;
  border-right-width: 62vw;
  border-left-width: 40vw;
  border-top-width: 0px;
  border-bottom-width: 70px;
}

.cav-section .top-cav-r {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  width: 0;
  height: 0;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  border-style: solid;
  border-left-width: 62vw;
  border-right-width: 40vw;
  border-top-width: 0px;
  border-bottom-width: 70px;
}

/* ===================================
  18. Section Overlay
====================================== */
.section-overlay {
  position: relative;
}
.section-overlay-in {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
}
.section-overlay-r {
  right: 0;
  left: auto;
}
.section-overlay-l {
  left: 0;
  right: auto;
} 

.section-overlay-t {
  top: 0;
  bottom: auto;
} 
.section-overlay-b {
  top: auto;
  bottom: 0;
} 

.section-overlay-w-100 { width: 100%; }
.section-overlay-w-50 { width: 50%; }
.section-overlay-h-20 { height: 20%; }
.section-overlay-h-30 { height: 30%; }
.section-overlay-h-40 { height: 40%; }
.section-overlay-h-50 { height: 50%; }
.section-overlay-h-60 { height: 60%; }
.section-overlay-h-70 { height: 70%; }
.section-overlay-h-80 { height: 80%; }
.section-overlay-h-90 { height: 90%; }

@media (max-width: 1200px){ 
  .lg-section-overlay-w-100 { width: 100%; }
  .lg-section-overlay-w-50 { width: 50%; }
  .lg-section-overlay-h-20 { height: 20%; }
  .lg-section-overlay-h-30 { height: 30%; }
  .lg-section-overlay-h-40 { height: 40%; }
  .lg-section-overlay-h-50 { height: 50%; }
  .lg-section-overlay-h-60 { height: 60%; }
  .lg-section-overlay-h-70 { height: 70%; }
  .lg-section-overlay-h-80 { height: 80%; }
  .lg-section-overlay-h-90 { height: 90%; }
}

@media (max-width: 991px){ 
  .md-section-overlay-w-100 { width: 100%; }
  .md-section-overlay-w-50 { width: 50%; }
  .md-section-overlay-h-20 { height: 20%; }
  .md-section-overlay-h-30 { height: 30%; }
  .md-section-overlay-h-40 { height: 40%; }
  .md-section-overlay-h-50 { height: 50%; }
  .md-section-overlay-h-60 { height: 60%; }
  .md-section-overlay-h-70 { height: 70%; }
  .md-section-overlay-h-80 { height: 80%; }
  .md-section-overlay-h-90 { height: 90%; } 
}

@media (max-width: 767px){ 
  .sm-section-overlay-w-100 { width: 100%; }
  .sm-section-overlay-w-50 { width: 50%; }
  .sm-section-overlay-h-20 { height: 20%; }
  .sm-section-overlay-h-30 { height: 30%; }
  .sm-section-overlay-h-40 { height: 40%; }
  .sm-section-overlay-h-50 { height: 50%; }
  .sm-section-overlay-h-60 { height: 60%; }
  .sm-section-overlay-h-70 { height: 70%; }
  .sm-section-overlay-h-80 { height: 80%; }
  .sm-section-overlay-h-90 { height: 90%; }  
}