/*-----------------------------------------------------------------------------------

 Theme Name: Canvas
 Theme URI: http://themes.semicolonweb.com/html/canvas
 Description: The Multi-Purpose Template
 Author: SemiColonWeb
 Author URI: http://themeforest.net/user/semicolonweb
 Version: 6.5.4

-----------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------
 Bootstrap Adjustments
-----------------------------------------------------------------*/

@media (prefers-reduced-motion: no-preference) {
 :root {
  scroll-behavior: auto;
 }
}

@media (min-width: 576px) {
 .card-columns {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  orphans: 1;
  widows: 1;
 }
 .card-columns.grid-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
 }
 .card-columns > * {
  display: inline-block;
  width: 100%;
 }
}

.form-group {
 margin-bottom: 1rem;
}


/* ----------------------------------------------------------------
 Basic
-----------------------------------------------------------------*/

dl, dt, dd, ol, ul, li {
 margin: 0;
 padding: 0;
}

.clear {
 clear: both;
 display: block;
 font-size: 0px;
 height: 0px;
 line-height: 0;
 width: 100%;
 overflow:hidden;
}

::selection {
 background: #1ABC9C;
 color: #FFF;
 text-shadow: none;
}

::-moz-selection {
 background: #1ABC9C; /* Firefox */
 color: #FFF;
 text-shadow: none;
}

::-webkit-selection {
 background: #1ABC9C; /* Safari */
 color: #FFF;
 text-shadow: none;
}

:active,
:focus { outline: none !important; }


/* ----------------------------------------------------------------
 Typography
-----------------------------------------------------------------*/


body {
 line-height: 1.5;
 color: #555;
 font-family: 'Lato', sans-serif;
}

a {
 text-decoration: none !important;
 color: #1ABC9C;
}

a:hover { color: #222; }

a img { border: none; }

img { max-width: 100%; }

iframe {
 width: 100%;
 border: 0 !important;
 overflow: hidden !important;
}


/* ----------------------------------------------------------------
 Basic Layout Styles
-----------------------------------------------------------------*/


h1,
h2,
h3,
h4,
h5,
h6 {
 color: #444;
 font-weight: 600;
 line-height: 1.5;
 margin: 0 0 30px 0;
 font-family: 'Poppins', sans-serif;
}

h5,
h6 { margin-bottom: 20px; }

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 { font-size: 1.5rem; }

h4 { font-size: 18px; }

h5 { font-size: 0.875rem; }

h6 { font-size: 12px; }

h4 { font-weight: 600; }

h5,
h6 { font-weight: bold; }

@media (max-width: 767.98px) {

 h1 {
  font-size: 1.75rem;
 }

 h2 {
  font-size: 1.5rem;
 }

 h3 {
  font-size: 1.25rem;
 }

 h4 {
  font-size: 1rem;
 }

}

h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge) { color: #1ABC9C; }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { margin-bottom: 30px; }

small { font-family: 'Lato', sans-serif; }


@media (max-width: 1200px) {
 .display-1 {
  font-size: calc( 1.725rem + 5.7vw );
 }
 .display-2 {
  font-size: calc( 1.675rem + 5.1vw );
 }
 .display-3 {
  font-size: calc( 1.575rem + 3.9vw );
 }
 .display-4 {
  font-size: calc( 1.475rem + 2.7vw );
 }
}


/* ----------------------------------------------------------------
 Helper Classes
-----------------------------------------------------------------*/

#wrapper {
 position: relative;
 float: none;
 width: 100%;
 margin: 0 auto;
 background-color: #FFF;
}

@media (min-width: 1200px) {
 body:not(.stretched) #wrapper {
  max-width: 1200px;
 }
}

@media (min-width: 1440px) {
 body:not(.stretched) #wrapper {
  max-width: 1440px;
 }
}

.line,
.double-line {
 clear: both;
 position: relative;
 width: 100%;
 margin: 4rem 0;
 border-top: 1px solid #EEE;
}

.line.line-sm { margin: 2rem 0; }

span.middot {
 display: inline-block;
 margin: 0 5px;
}

.double-line { border-top: 3px double #E5E5E5; }

.nott { text-transform: none !important; }

.emptydiv {
 display: block !important;
 position: relative !important;
}

.allmargin { margin: 3rem !important; }

.leftmargin { margin-left: 3rem !important; }

.rightmargin { margin-right: 3rem !important; }

.topmargin { margin-top: 3rem !important; }

.bottommargin { margin-bottom: 3rem !important; }

.allmargin-sm { margin: 2rem !important; }

.leftmargin-sm { margin-left: 2rem !important; }

.rightmargin-sm { margin-right: 2rem !important; }

.topmargin-sm { margin-top: 2rem !important; }

.bottommargin-sm { margin-bottom: 2rem !important; }

.allmargin-lg { margin: 5rem !important; }

.leftmargin-lg { margin-left: 5rem !important; }

.rightmargin-lg { margin-right: 5rem !important; }

.topmargin-lg { margin-top: 5rem !important; }

.bottommargin-lg { margin-bottom: 5rem !important; }

.header-stick { margin-top: -3rem !important; }

.content-wrap .header-stick { margin-top: -5rem !important; }

.footer-stick { margin-bottom: -3rem !important; }

.content-wrap .footer-stick { margin-bottom: -5rem !important; }

.border-f5 { border-color: #F5F5F5 !important; }

.col-padding { padding: 4rem; }

.notextshadow { text-shadow: none !important; }

.inline-block {
 float: none !important;
 display: inline-block !important;
}

.center { text-align: center !important; }

.mx-auto {
 float: none !important;
}

.bg-color,
.bg-color #header-wrap { background-color: #1ABC9C !important; }

.color { color: #1ABC9C !important; }



/* ----------------------------------------------------------------
 Bootstrap Utility Classes: Extended
-----------------------------------------------------------------*/


/* Spacing Utilities */

.m-6 {
 margin: 5rem !important;
}

.mt-6,
.my-6 {
 margin-top: 5rem !important;
}

.me-6,
.mx-6 {
 margin-right: 5rem !important;
}

.mb-6,
.my-6 {
 margin-bottom: 5rem !important;
}

.ms-6,
.mx-6 {
 margin-left: 5rem !important;
}

.p-6 {
 padding: 5rem !important;
}

.pt-6,
.py-6 {
 padding-top: 5rem !important;
}

.pe-6,
.px-6 {
 padding-right: 5rem !important;
}

.pb-6,
.py-6 {
 padding-bottom: 5rem !important;
}

.ps-6,
.px-6 {
 padding-left: 5rem !important;
}

@media (min-width: 576px) {

 .m-sm-6 {
  margin: 5rem !important;
 }

 .mt-sm-6,
 .my-sm-6 {
  margin-top: 5rem !important;
 }

 .me-sm-6,
 .mx-sm-6 {
  margin-right: 5rem !important;
 }

 .mb-sm-6,
 .my-sm-6 {
  margin-bottom: 5rem !important;
 }

 .ms-sm-6,
 .mx-sm-6 {
  margin-left: 5rem !important;
 }

 .p-sm-6 {
  padding: 5rem !important;
 }

 .pt-sm-6,
 .py-sm-6 {
  padding-top: 5rem !important;
 }

 .pe-sm-6,
 .px-sm-6 {
  padding-right: 5rem !important;
 }

 .pb-sm-6,
 .py-sm-6 {
  padding-bottom: 5rem !important;
 }

 .ps-sm-6,
 .px-sm-6 {
  padding-left: 5rem !important;
 }

}

@media (min-width: 768px) {

 .m-md-6 {
  margin: 5rem !important;
 }

 .mt-md-6,
 .my-md-6 {
  margin-top: 5rem !important;
 }

 .me-md-6,
 .mx-md-6 {
  margin-right: 5rem !important;
 }

 .mb-md-6,
 .my-md-6 {
  margin-bottom: 5rem !important;
 }

 .ms-md-6,
 .mx-md-6 {
  margin-left: 5rem !important;
 }

 .p-md-6 {
  padding: 5rem !important;
 }

 .pt-md-6,
 .py-md-6 {
  padding-top: 5rem !important;
 }

 .pe-md-6,
 .px-md-6 {
  padding-right: 5rem !important;
 }

 .pb-md-6,
 .py-md-6 {
  padding-bottom: 5rem !important;
 }

 .ps-md-6,
 .px-md-6 {
  padding-left: 5rem !important;
 }

}

@media (min-width: 992px) {

 .m-lg-6 {
  margin: 5rem !important;
 }

 .mt-lg-6,
 .my-lg-6 {
  margin-top: 5rem !important;
 }

 .me-lg-6,
 .mx-lg-6 {
  margin-right: 5rem !important;
 }

 .mb-lg-6,
 .my-lg-6 {
  margin-bottom: 5rem !important;
 }

 .ms-lg-6,
 .mx-lg-6 {
  margin-left: 5rem !important;
 }

 .p-lg-6 {
  padding: 5rem !important;
 }

 .pt-lg-6,
 .py-lg-6 {
  padding-top: 5rem !important;
 }

 .pe-lg-6,
 .px-lg-6 {
  padding-right: 5rem !important;
 }

 .pb-lg-6,
 .py-lg-6 {
  padding-bottom: 5rem !important;
 }

 .ps-lg-6,
 .px-lg-6 {
  padding-left: 5rem !important;
 }

}

@media (min-width: 1200px) {

 .m-xl-6 {
  margin: 5rem !important;
 }

 .mt-xl-6,
 .my-xl-6 {
  margin-top: 5rem !important;
 }

 .me-xl-6,
 .mx-xl-6 {
  margin-right: 5rem !important;
 }

 .mb-xl-6,
 .my-xl-6 {
  margin-bottom: 5rem !important;
 }

 .ms-xl-6,
 .mx-xl-6 {
  margin-left: 5rem !important;
 }

 .p-xl-6 {
  padding: 5rem !important;
 }

 .pt-xl-6,
 .py-xl-6 {
  padding-top: 5rem !important;
 }

 .pe-xl-6,
 .px-xl-6 {
  padding-right: 5rem !important;
 }

 .pb-xl-6,
 .py-xl-6 {
  padding-bottom: 5rem !important;
 }

 .ps-xl-6,
 .px-xl-6 {
  padding-left: 5rem !important;
 }

}


@media (min-width: 1400px) {

 .m-xxl-6 {
  margin: 5rem !important;
 }

 .mt-xxl-6,
 .my-xxl-6 {
  margin-top: 5rem !important;
 }

 .me-xxl-6,
 .mx-xxl-6 {
  margin-right: 5rem !important;
 }

 .mb-xxl-6,
 .my-xxl-6 {
  margin-bottom: 5rem !important;
 }

 .ms-xxl-6,
 .mx-xxl-6 {
  margin-left: 5rem !important;
 }

 .p-xxl-6 {
  padding: 5rem !important;
 }

 .pt-xxl-6,
 .py-xxl-6 {
  padding-top: 5rem !important;
 }

 .pe-xxl-6,
 .px-xxl-6 {
  padding-right: 5rem !important;
 }

 .pb-xxl-6,
 .py-xxl-6 {
  padding-bottom: 5rem !important;
 }

 .ps-xxl-6,
 .px-xxl-6 {
  padding-left: 5rem !important;
 }

}


/* Custom Bootstrap Column */

[class*="col-"]:not([class*="sticky-"]):not([class*="position-"]) {
 position: relative;
}

.col-1-5 {
 flex: 0 0 auto;
 width: 20%;
}

@media (min-width: 576px) {
 .col-sm-1-5 {
  flex: 0 0 auto;
  width: 20%;
 }
}

@media (min-width: 768px) {
 .col-md-1-5 {
  flex: 0 0 auto;
  width: 20%;
 }
}

@media (min-width: 992px) {
 .col-lg-1-5 {
  flex: 0 0 auto;
  width: 20%;
 }
}

@media (min-width: 1200px) {
 .col-xl-1-5 {
  flex: 0 0 auto;
  width: 20%;
 }
}

@media (min-width: 1400px) {
 .col-xxl-1-5 {
  flex: 0 0 auto;
  width: 20%;
 }
}


/* Gutters */
[class*="gutter-"] {
 --custom-gutter: var(--bs-gutter-x); /* Default Bootstrap */
 margin-right: calc(var(--custom-gutter) / -2);
 margin-left: calc(var(--custom-gutter) / -2);
 margin-top: calc(var(--custom-gutter) * -1);
}

[class*="gutter-"] > .col,
[class*="gutter-"] > [class*="col-"] {
 padding-right: calc(var(--custom-gutter) / 2);
 padding-left: calc(var(--custom-gutter) / 2);
 margin-top: var(--custom-gutter);
}

.gutter-10 {
 --custom-gutter: 10px;
}

.gutter-20 {
 --custom-gutter: 20px;
}

.gutter-30 {
 --custom-gutter: 30px;
}

.gutter-40 {
 --custom-gutter: 40px;
}

.gutter-50 {
 --custom-gutter: 50px;
}

[class*="col-mb-"] {
 margin-bottom: calc(var(--col-mb) / -1);
}

[class*="col-mb-"] > .col,
[class*="col-mb-"] > [class*="col-"] {
 padding-bottom: var(--col-mb);
}

.col-mb-30 {
 --col-mb: 30px;
}

.col-mb-50 {
 --col-mb: 50px;
}

.col-mb-80 {
 --col-mb: 80px;
}

@media (min-width: 576px) {
 .gutter-sm-10 {
  --custom-gutter: 10px;
 }

 .gutter-sm-20 {
  --custom-gutter: 20px;
 }

 .gutter-sm-30 {
  --custom-gutter: 30px;
 }

 .gutter-sm-40 {
  --custom-gutter: 40px;
 }

 .gutter-sm-50 {
  --custom-gutter: 50px;
 }

 .col-mb-sm-30 {
  --col-mb: 30px;
 }

 .col-mb-sm-50 {
  --col-mb: 50px;
 }

 .col-mb-sm-80 {
  --col-mb: 80px;
 }
}

@media (min-width: 768px) {
 .gutter-md-10 {
  --custom-gutter: 10px;
 }

 .gutter-md-20 {
  --custom-gutter: 20px;
 }

 .gutter-md-30 {
  --custom-gutter: 30px;
 }

 .gutter-md-40 {
  --custom-gutter: 40px;
 }

 .gutter-md-50 {
  --custom-gutter: 50px;
 }

 .col-mb-md-30 {
  --col-mb: 30px;
 }

 .col-mb-md-50 {
  --col-mb: 50px;
 }

 .col-mb-md-80 {
  --col-mb: 80px;
 }
}

@media (min-width: 992px) {
 .gutter-lg-10 {
  --custom-gutter: 10px;
 }

 .gutter-lg-20 {
  --custom-gutter: 20px;
 }

 .gutter-lg-30 {
  --custom-gutter: 30px;
 }
 .gutter-lg-40 {
  --custom-gutter: 40px;
 }
 .gutter-lg-50 {
  --custom-gutter: 50px;
 }

 .col-mb-lg-30 {
  --col-mb: 30px;
 }

 .col-mb-lg-50 {
  --col-mb: 50px;
 }

 .col-mb-lg-80 {
  --col-mb: 80px;
 }
}

@media (min-width: 1200px) {
 .gutter-xl-10 {
  --custom-gutter: 10px;
 }

 .gutter-xl-20 {
  --custom-gutter: 20px;
 }

 .gutter-xl-30 {
  --custom-gutter: 30px;
 }
 .gutter-xl-40 {
  --custom-gutter: 40px;
 }
 .gutter-xl-50 {
  --custom-gutter: 50px;
 }

 .col-mb-xl-30 {
  --col-mb: 30px;
 }

 .col-mb-xl-50 {
  --col-mb: 50px;
 }

 .col-mb-xl-80 {
  --col-mb: 80px;
 }
}

@media (min-width: 1400px) {
 .gutter-xxl-10 {
  --custom-gutter: 10px;
 }

 .gutter-xxl-20 {
  --custom-gutter: 20px;
 }

 .gutter-xxl-30 {
  --custom-gutter: 30px;
 }
 .gutter-xxl-40 {
  --custom-gutter: 40px;
 }
 .gutter-xxl-50 {
  --custom-gutter: 50px;
 }

 .col-mb-xxl-30 {
  --col-mb: 30px;
 }

 .col-mb-xxl-50 {
  --col-mb: 50px;
 }

 .col-mb-xxl-80 {
  --col-mb: 80px;
 }
}


/* ----------------------------------------------------------------
 Sections
-----------------------------------------------------------------*/


.section {
 position: relative;
 width: 100%;
 margin: 60px 0;
 padding: 60px 0;
 background-color: #F9F9F9;
 overflow: hidden;
}

.section .container { z-index: 2; }

.section .container + .video-wrap { z-index: 1; }


/* ----------------------------------------------------------------
 Logo
-----------------------------------------------------------------*/


#logo {
 position: relative;
 display: -ms-flexbox;
 display: flex;
 align-items: center;
 -ms-flex-align: center;
 margin-right: auto;
 max-height: 100%;
}

#logo a {
 color: #000;
 font-family: 'Poppins', sans-serif;
 font-size: 36px;
}

#logo img {
 display: block;
 max-width: 100%;
 max-height: 100%;
 height: 100px;
}

.header-size-sm #header-wrap #logo img {
 height: 60px;
}

.header-size-md #header-wrap #logo img {
 height: 80px;
}

.header-size-lg #header-wrap #logo img {
 height: 120px;
}

#logo a.standard-logo {
 display: -ms-flexbox;
 display: flex;
}

#logo a.retina-logo { display: none; }

@media (min-width: 992px) {

 .full-header #logo {
  padding-right: 30px;
  border-right: 1px solid #EEE;
 }

 #header.transparent-header.full-header #logo { border-right-color: rgba(0,0,0,0.1); }

 .sticky-header-shrink #header-wrap #logo img {
  height: 60px;
 }

}


/* ----------------------------------------------------------------
 Retina Logo
-----------------------------------------------------------------*/


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

 #logo a.standard-logo { display: none; }

 #logo a.retina-logo {
  display: -ms-flexbox;
  display: flex;
 }

}

/* ----------------------------------------------------------------
 Page Title
-----------------------------------------------------------------*/


#page-title {
 position: relative;
 padding: 4rem 0;
 background-color: #F5F5F5;
 border-bottom: 1px solid #EEE;
}

#page-title .container {
 position: relative;
}

#page-title h1 {
 padding: 0;
 margin: 0;
 line-height: 1;
 font-weight: 600;
 letter-spacing: 1px;
 color: #333;
 font-size: 2rem;
 text-transform: uppercase;
}

#page-title span {
 display: block;
 margin-top: 10px;
 font-weight: 300;
 color: #777;
 font-size: 1.125rem;
}

.breadcrumb {
 position: absolute !important;
 width: auto !important;
 top: 50% !important;
 left: auto !important;
 right: 15px !important;
 margin: 0 !important;
 background-color: transparent !important;
 padding: 0 !important;
 font-size: 90%;
 transform: translateY(-50%);
}

.transparent-header + .page-title-parallax .breadcrumb { margin-top: 35px !important; }

.breadcrumb a { color: #555; }

.breadcrumb a:hover { color: #1ABC9C; }

.breadcrumb i { width: auto !important; }

/* Page Title - Dark
-----------------------------------------------------------------*/

#page-title.page-title-dark {
 background-color: #333;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.1) !important;
 border-bottom: none;
}

#page-title.page-title-dark h1 { color: rgba(255,255,255,0.9) !important; }

#page-title.page-title-dark span { color: rgba(255,255,255,0.7) !important; }

#page-title.page-title-dark .breadcrumb > .active { color: rgba(255,255,255,0.6); }

#page-title.page-title-dark .breadcrumb a { color: rgba(255,255,255,0.8); }

#page-title.page-title-dark .breadcrumb a:hover { color: rgba(255,255,255,0.95); }

#page-title.page-title-dark .breadcrumb-item + .breadcrumb-item::before {
 color: #CCC;
}

/* Page Title - Right Aligned
-----------------------------------------------------------------*/

.page-title-right { text-align: right; }

.page-title-right .breadcrumb {
 left: 15px !important;
 right: auto !important;
}

/* Page Title - Center Aligned
-----------------------------------------------------------------*/

.page-title-center { text-align: center; }

#page-title.page-title-center span {
 max-width: 700px;
 margin-left: auto;
 margin-right: auto;
}

#page-title.page-title-center .breadcrumb {
 position: relative !important;
 top: 0 !important;
 left: 0 !important;
 right: 0 !important;
 margin: 20px 0 0 !important;
 justify-content: center;
 transform: translateY(0);
}

/* Page Title - Background Pattern
-----------------------------------------------------------------*/

.page-title-pattern {
 background-image: url('images/pattern.png');
 background-repeat: repeat;
 background-attachment: fixed;
}

/* Page Title - Parallax Background
-----------------------------------------------------------------*/

.page-title-parallax {
 padding: 100px 0;
 text-shadow: none;
 border-bottom: none;
}

#page-title.page-title-parallax h1 {
 font-size: 40px;
 font-weight: 600;
 letter-spacing: 2px;
}

#page-title.page-title-parallax span { font-size: 1.25rem; }

#page-title.page-title-parallax .breadcrumb { font-size: 0.875rem; }

.page-title-parallax {
 background-color: transparent;
 background-image: url('images/parallax/parallax-bg.jpg');
 background-attachment: fixed;
 background-position: 50% 0;
 background-repeat: no-repeat;
}


/* Page Title - Mini
-----------------------------------------------------------------*/

#page-title.page-title-mini { padding: 20px 0; }

#page-title.page-title-mini h1 {
 font-weight: 600;
 font-size: 18px;
 color: #444;
}

#page-title.page-title-mini span { display: none; }


/* Page Title - No Background
-----------------------------------------------------------------*/

#page-title.page-title-nobg {
 background: transparent !important;
 border-bottom: 1px solid #F5F5F5;
}


/* ----------------------------------------------------------------
 Content
-----------------------------------------------------------------*/


#content {
 position: relative;
 background-color: #FFF;
}

#content p { line-height: 1.8; }

.content-wrap {
 position: relative;
 padding: 80px 0;
 overflow: hidden;
}

#content .container { position: relative; }

.grid-container,
.grid-inner {
 position: relative;
 overflow: hidden;
}

.grid-inner {
 width: 100%;
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
}

body:not(.device-touch) .grid-container {
 -webkit-transition: height .4s ease;
 -o-transition: height .4s ease;
 transition: height .4s ease;
}

/* ----------------------------------------------------------------
 Buttons
-----------------------------------------------------------------*/


.button {
 display: inline-block;
 position: relative;
 cursor: pointer;
 outline: none;
 white-space: nowrap;
 margin: 5px;
 padding: 8px 22px;
 font-size: 0.875rem;
 line-height: 24px;
 background-color: #1ABC9C;
 color: #FFF;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 1px;
 border: none;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

body:not(.device-touch) .button {
 -webkit-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}

.button.button-dark {
 background-color: #444;
}

.button.button-light {
 background-color: #EEE;
 color: #333;
 text-shadow: none !important;
}

.button:hover {
 background-color: #444;
 color: #FFF;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-dark:hover { background-color: #1ABC9C; }

.button.button-mini {
 padding: 4px 14px;
 font-size: 11px;
 line-height: 20px;
}

.button.button-small {
 padding: 7px 17px;
 font-size: 12px;
 line-height: 20px;
}

.button.button-large {
 padding: 8px 26px;
 font-size: 1rem;
 line-height: 30px;
}

.button.button-xlarge {
 padding: 9px 32px;
 font-size: 18px;
 letter-spacing: 2px;
 line-height: 34px;
}

.button.button-desc {
 text-align: left;
 padding: 24px 34px;
 font-size: 1.25rem;
 height: auto;
 line-height: 1;
 font-family: 'Poppins', sans-serif;
}

.button.button-desc span {
 display: block;
 margin-top: 10px;
 font-size: 0.875rem;
 font-weight: 400;
 letter-spacing: 1px;
 font-family: 'PT Serif', serif;
 font-style: italic;
 text-transform: none;
}

.button i {
 position: relative;
 margin-right: 5px;
 width: 16px;
 text-align: center;
}

.button.text-end i { margin: 0 0 0 5px; }

.button-mini i { margin-right: 3px; }

.button-mini.text-end i { margin: 0 0 0 3px; }

.button-small i { margin-right: 4px; }

.button-small.text-end i { margin: 0 0 0 4px; }

.button-xlarge i {
 margin-right: 8px;
}

.button-xlarge.text-end i { margin: 0 0 0 8px; }

.button.button-desc i {
 font-size: 48px;
 width: 48px;
 text-align: center;
 margin-right: 12px;
}

.button.button-desc.text-end i { margin: 0 0 0 12px; }

.button.button-desc div { display: inline-block; }

.button.button-rounded { border-radius: 3px; }