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

  01. Google font
  02. Reset
  03. Heading
  04. Position
  05. Forms
  06. Section
  07. Main Banner
  08. Owl Slider
  09. Section Title
  10. Breadcrumbs
  11. Blockquote
  12. Dropcap
  13. Accordion Styles
  14. Pagination 
  15. Button
  16. Social Icons
  17. position Center Box
  18. Section Overlay
  19. Icon
  20. Feature Box
  21. List Styles
  22. Newsletter Box
  23. Blog Style
  24. Our Team
  25. Font Size
  26. Line Height
  27. Font Weight
  28. Text Style
  29. Colors
  30. Background
  31. Hover Box
  32. box-shadow
  33. opacity
  34. Letter Spacing
  35. Margins
  36. Padding
  37. Width
  38. Height
  39. Border Radius
  40. Background Properties
  41. Border
  42. Display and overflow
  43. Slanty section
  44. cav section
  45. Animation Effect

========================================================================*/

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

#loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 999999;
}

.load-circle:after,
.load-circle:before{
  content: '';
  background: #fff;
  height: 50%;
  width: 100%;
  position: absolute;
  left: 0;
  transition: all 1s;
}

.load-circle:after{
  top: 0;
}

.load-circle:before{
  bottom: 0;
}


.load-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 10px solid #e8e8e8;
  border-top: 10px solid #000;
  -webkit-animation: rotate 1.2s infinite linear;
  animation: rotate 1.2s infinite linear;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@-webkit-keyframes rotate {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}


/*Font Family*/
.font-alt { font-family: 'Poppins', sans-serif;}
.font-main { font-family: 'Muli', 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: 'Muli', sans-serif;
  -webkit-font-smoothing: antialiased; 
  font-smoothing: antialiased; 
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  color: #626262;
}

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; }

/*===================================
  03. 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;}
}

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

.z-inder1 { z-index: 1; }
.z-inder11 { z-index: 11; }
.z-inder111 { z-index: 111; }
.z-inder9 { z-index: 9; }
.z-inder99 { z-index: 99; }
.z-inder999 { z-index: 999; }

@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}

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


/*===================================
  05. 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;
}

/*===================================
  06. Section
====================================== */
.section { padding: 80px 0;}

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

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

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

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

/*===================================
  08. 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: 0;
}
.owl-nav .owl-next {
  right: 0;
}
/*===================================
  09. 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;
}

/*===================================
  10. 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 11px 0 14px;
  display: inline-block;
  vertical-align: middle;
  opacity: .4;
  content: "";
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 50%;
}
.breadcrumbs li span {
  color: #999
}

/*===================================
  11. 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;
}


/*===================================
  12. 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 }


/*===================================
  13. Accordion Styles
====================================== */
/*accordion-08*/
.accordion-08 .mrig-group {
  background: #fff;
  box-shadow: 0 0 12px rgba(0,0,0,.1);
  margin: 20px 0;
  border-radius: 5px;
}
.accordion-08 .mrig-group:last-child {
  margin-bottom: 0;
}
.accordion-08 .mrig-heading {
  padding: 25px 25px 25px 65px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
}
.accordion-08 .mrig-heading i {
  position: absolute;
  left: 20px;
  top: 0;
  font-size: 30px;
  bottom: 0;
  height: 30px;
  margin: auto;
}
.accordion-08 .mrig-active .mrig-heading i,
.accordion-08 .mrig-active .mrig-heading {
  color: #fff;
}

.accordion-08 .mrig-des {
  padding: 0 15px 15px;
  color: #fff;
}

.accordion-08 .mrig-group {
  background: #fff;
  box-shadow: 0 0 12px rgba(0,0,0,.1);
  margin: 20px 0;
  border-radius: 5px;
}
.accordion-08 .mrig-group:last-child {
  margin-bottom: 0;
}
.accordion-08 .mrig-heading {
  padding: 25px 25px 25px 65px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
}
.accordion-08 .mrig-heading i {
  position: absolute;
  left: 20px;
  top: 0;
  font-size: 30px;
  bottom: 0;
  height: 30px;
  margin: auto;
}
.accordion-08 .mrig-active .mrig-heading i,
.accordion-08 .mrig-active .mrig-heading {
  color: #fff;
}

.accordion-08 .mrig-des {
  padding: 0 15px 15px;
  color: #fff;
}



/*===================================
  14. Pagination 
====================================== */
.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); }



/*===================================
  15. 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: 3px;
    text-align: center;
    border: 2px solid ;
    cursor: pointer;
}
a.m-btn {
  color: #fff;
  text-decoration: none;
}

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

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

/* 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: #232323;
    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
}

/* 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-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; }

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

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

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

.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;
}

@media (max-width: 767px){
  .m-btn + .m-btn {
    margin: 10px;
  }
}

.store-btn {
  display: inline-block;
  vertical-align: top;
  box-shadow: 0 20px 55px rgba(0,0,0,0.33);
  padding: 8px 20px 8px 46px;
  text-align: left;
  position: relative;
  border-radius: 5px;
  color: #fff;
}
.store-btn:active,
.store-btn:focus,
.store-btn:hover {
  color: #fff;
  text-decoration: none;
}
.store-btn i {
  position: absolute;
  left: 10px;
  font-size: 25px;
  top: 13px;
  pointer-events: none;
}
.store-btn em {
  font-style: normal;
  font-size: 10px;
  display: block;
  pointer-events: none;
}
.store-btn span {
  margin: 0;
  padding: 0;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  vertical-align: top;
  pointer-events: none;
}

/*===================================
  16. Social Icons
====================================== */
.social-icons {
  margin: 0;
  padding: 0;
}
.social-icons li {
  display: inline-block;
  vertical-align: top;
  margin: 0 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: 0 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.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;}

/*===================================
  17. position Center Box
====================================== */

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

/* ===================================
  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-50 {
  width: 50%;
}

.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%;
}

.section-overlay-h-100vh {
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}


/* ===================================
  19. 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;}

/*===================================
  20. Feature Box
====================================== */
.feature-content p:last-child {
  margin-bottom: 0;
}
/*Feature Box 01*/
.feature-box .icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: top;
  line-height: 100px;
  position: relative;
  border-radius: 50%;
  z-index: 1;
}
.feature-box .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
  z-index: 0;
}
.feature-box .icon i {
  line-height: 100px;
}
.feature-box .feature-content {
  position: relative;
  z-index: 1;
}

/*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*/

/*===================================
  21. 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 .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: #222; }

/* 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: 13px; 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: 1px; 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 22px;}
.list-style-5 li:before { content: "\e661"; position: absolute; top: 5px; left: 0; font-family: 'themify'; }

/* list style 6 */
.list-style-6 {list-style: none; margin: 0; padding: 0;}
.list-style-6 li {position: relative; padding: 0 15px 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}
.list-style-6 li:before {content: "";}

/* list style 7 */
.list-style-7 {list-style: none; margin: 0; padding: 0;}
.list-style-7 li {padding: 0 0 13px 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 22px;}
.list-style-15 li:before { content: "\e646"; position: absolute; top: 5px; left: 0; font-family: 'themify'; }

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


/*===================================
  23. Blog Style
====================================== */
.blog-item .blog-img img { width: 100%; }
.blog-item .blog-detail { padding: 15px;}
.blog-item .entry-title { margin-bottom: 5px; }
.blog-item .entry-title a { font-size: 18px; font-weight: 700; 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: 5px; }
.blog-item .entry-meta li a { color: #808080; line-height: 0px; padding-right: 0px; font-size: 12px;}
.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-detail { position: relative; padding: 25px 15px 15px; }
.blog-item-01 .blog-detail .entry-date { padding: 5px 16px; top: -16px; margin: 0 auto; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.blog-item-01 .blog-detail ul { margin: 0;padding: 0; }
.blog-item-01 .blog-detail li {display: inline-block;vertical-align: top;font-weight: 600;position: relative;font-size: 13px;padding: 0 7px;}
.blog-item-01 .blog-detail li a {color: #a5a5a5;font-size: 12px;}
.blog-item-01 .blog-detail ul > li + li:after {width: 4px;height: 4px;float: left;position: absolute;left: -4px;content: "";top: 8px;background: #848484;border-radius: 50%;}


/*===================================
  24. 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 {
  pointer-events: none;
  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;
}

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

}
.tab-style-1 .nav li {
  margin:0 15px;
  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;
  font-weight: 700;
  padding: 25px 20px;
  text-align: center;
  position: relative;
}
.tab-style-1 .nav li a .a-active {
  width: 0%;
  position: absolute;
  height: 3px;
  float: left;
  left: 0;
  top: 0;
  -webkit-transition: ease all 0.3s;
     -moz-transition: ease all 0.3s;
       -o-transition: ease all 0.3s;
          transition: ease all 0.3s;
}
.tab-style-1 .nav li a.active .a-active {
  width: 100%;
}
.tab-style-1 .nav li a i {
  display: block;
  font-size: 35px;
  margin-bottom: 10px;
}
.tab-style-1 .nav li a.active {
  background: #fff; 
}
.tab-style-1 .tab-content {
  margin-top: -1px;
}

@media (max-width: 767px){
  .tab-style-1 .nav li a span {
    display: none;
  }
  .tab-style-1 .nav li a {
    padding: 15px 10px;
  }
  .tab-style-1 .nav li a i {
    font-size: 25px;
    margin-bottom: 0;
  }
}

/*===================================
  25. 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 }
}

/*===================================
  26. Line Height
====================================== */

.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}
}

/*===================================
  27. 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}
}

/*===================================
  28. 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; } 
}

/*===================================
  29. 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}
}


/*===================================
  30. Background
====================================== */
.transparent-bg {background-color: transparent;}
.white-bg {background-color:#fff;}
.black-bg {background-color:#000;}
.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}
.gray-bg {background-color:#f6f6ff}
.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;}

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

/*===================================
  31. 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;  
}
/*===================================
  32. 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;}

/*==============================
  33. 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}
}


/*==============================
  34. 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}
}


/*==============================
  35. 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}

/*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}
}

/*==============================
  36. 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-left:0px}
  .sm-p-5px-r  {padding-left:5px}
  .sm-p-10px-r {padding-left:10px}
  .sm-p-15px-r {padding-left:15px}
  .sm-p-20px-r {padding-left:20px}
  .sm-p-25px-r {padding-left:25px}
  .sm-p-30px-r {padding-left:30px}
  .sm-p-35px-r {padding-left:35px}
  .sm-p-40px-r {padding-left:40px}
  .sm-p-45px-r {padding-left:45px}
  .sm-p-50px-r {padding-left:50px}
  .sm-p-55px-r {padding-left:55px}
  .sm-p-60px-r {padding-left:60px}
  .sm-p-65px-r {padding-left:65px}
  .sm-p-70px-r {padding-left:70px}
  .sm-p-75px-r {padding-left:75px}
  .sm-p-80px-r {padding-left:80px}
  .sm-p-85px-r {padding-left:85px}
  .sm-p-90px-r {padding-left:90px}
  .sm-p-95px-r {padding-left:95px}
  .sm-p-100px-r {padding-left: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%;}
}


/*================================
  37. 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%;}

@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%;}

}

@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%;}
}

@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%;}

}
/* ===================================
  38. 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%; }

@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%; }
}

@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%; }
}

@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%; }
}

/* ===================================
  39. Border Radius
====================================== */
.border-radius-0 { border-radius: 0; }
.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% }

/*==============================
  40. 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-center-center { background-position: center center; }
.bg-center-left { background-position: center left; }
.bg-center-right { background-position: center right; }

.bg-top-center { background-position: top center }
.bg-bottom-center { background-position: bottom center }

.bg-size-100-auto {
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}

.bg-size-auto-100 {
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
}

.bg-size-100 {
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}

.bg-fixed { background-attachment: fixed;  }

/*==============================
  41. 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-dark-m { border-color: #1a1a1a;}
.border-extra-dark-gray { border-color: #232323; }
.border-medium-dark-gray { border-color: #363636; }
.border-light-gray { border-color: #f7f7f7; }
.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; }
}


/*==============================
  42. 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;
  }
}

/*===================================
  43. Slanty section
====================================== */
.slanty-section {
  position: relative;
  overflow: hidden;
}
.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;
}

/*===================================
  44. cav section
====================================== */
.cav-section {
  position: relative;
  overflow: hidden;
}
.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;
}


/*===================================
  45. Animation Effect
====================================== */

@-webkit-keyframes anim-effect-back {
  0% {
    box-shadow: 0 0 0 30px rgba(244,244,244,1);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1.5);
    transform: scale3d(1, 1, 1.5);
  }
  50% {
    box-shadow: 0 0 0 70px rgba(244,244,244,0.6);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1.5);
    transform: scale3d(1, 1, 1.5);
  }
  100% {
    box-shadow: 0 0 0 140px rgba(244,244,244,0);
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1.5);
    transform: scale3d(1, 1, 1.5);
  }
}

@keyframes anim-effect-back {
  0% {
    box-shadow: 0 0 0 30px rgba(244,244,244,1);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1.5);
    transform: scale3d(1, 1, 1.5);
  }
  50% {
    box-shadow: 0 0 0 70px rgba(244,244,244,0.6);
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1.5);
    transform: scale3d(1, 1, 1.5);
  }
  100% {
    box-shadow: 0 0 0 140px rgba(244,244,244,0);
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1.5);
    transform: scale3d(1, 1, 1.5);
  }
}

.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);
  }
}

.flex-container {
  flex-flow: row;
  justify-content: space-around;
  align-items: flex-start;
}
.inner-image {
  max-height: 130px;
}
.inner-image.portrait {
  height: 200px;
  width: 100px;
}
.inner-image.landscape {
  max-height: 80px;
  /*width: 180px;*/
  /*float: right;*/
}

/* #wrapper {
  margin-left: 400px;
}
#principal {
  float: right;
  width: 100%;
  background-color: #CCF;
}
#sidebar {
  float: left;
  width: 400px;
  margin-left: -400px;
  background-color: #FFA;
}
#cleared {
  clear: both;
} */

#sidebar {float: left; width: 400px; background: #eee;}
#principal {overflow:hidden;}