/*
  # main.css
  * Project Name: seemyid
  * Theme Name: personal
  * Author: InfiDreamz
  /*!
  * Copyright 2014-2018 InfiDreamz, Inc.
*/
/*
| -------------------------------------------------------------------
| System Import
| -------------------------------------------------------------------
|   Info:
|     The System has 5 core dependancies. The first two items are
|     included within the _mixins.scss file.
|
|     1.  Variables
|     2.  Colors
|     3.  Mixins
|     4.  Typography
|     5.  Scaffolding
|
*/
/*
| -------------------------------------------------------------------
| Color
| -------------------------------------------------------------------
*/
/*
| -------------------------------------------------------------------
| Variables
| -------------------------------------------------------------------
*/
/*
| -------------------------------------------------------------------
| Mixins
| -------------------------------------------------------------------
*/
/*
| -------------------------------------------------------------------
| Typography
| -------------------------------------------------------------------
*/
/*
###################################
#### CONFIG
###################################
*/
@import url("'https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;600;700;800;900&display=swap'");
* {
  font-family: "Source Sans Pro", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 50px;
}

/*
| -------------------------------------------------------------------
| Scaffolding
| -------------------------------------------------------------------
*/
/*
#-> Life Savers
*/
.center-this {
  text-align: center;
}

.aspect-holder {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: -5px;
}

.aspect-16-9 {
  margin-top: 56.25%;
}

.aspect-4-3 {
  margin-top: 75%;
}

.aspect-1-2 {
  margin-top: 50%;
}

.aspect-1-1 {
  margin-top: 100%;
}

.aspect-2-1 {
  margin-top: 130%;
}

.aspect-header {
  margin-top: 30%;
}

.aspect-hero {
  margin-top: 50%;
}

.aspect-hero-mini {
  margin-top: 10%;
}

.aspect-response-option {
  margin-top: 70%;
}

.aspect-response-binary {
  margin-top: 34%;
}

.aspect-otp-input {
  margin-top: 100%;
}

.aspect-mobile {
  margin-top: 217%;
}

.aspect-holder .element {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background-color:#ebebeb;*/
  overflow: hidden;
}

.blur-all {
  filter: blur(5px);
}

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

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

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

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*
| -------------------------------------------------------------------
| Modules
| -------------------------------------------------------------------
|   Info:
|     The system has the following modules
|
|     1.  Header
|     2.  View Content
|     3.  Footer
|
*/
/*
| -------------------------------------------------------------------
| Header
| -------------------------------------------------------------------
*/
/*
| -------------------------------------------------------------------
| Footer
| -------------------------------------------------------------------
*/
/*
| -------------------------------------------------------------------
| Home View
| -------------------------------------------------------------------
*/
#home.page header {
  background-color: #265d7c;
  color: #fff;
  display: flex;
  align-items: center;
  height: 100px;
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
  left: 0;
  transition: 0.3s ease all;
}
#home.page header.initial {
  background-color: rgba(58, 110, 86, 0);
}
#home.page header .container .row {
  display: flex;
  align-items: center;
}
#home.page header .logo-column {
  display: flex;
  align-items: center;
}
#home.page header .logo-column .logo {
  height: 30px;
  width: 30px;
  background-image: url("../images/logo.jpg");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 5px;
}
#home.page header .logo-column p{
  margin-bottom: 0;
  font-size: 24px;
  margin-left: 15px;
  font-weight: 600;
  color: #fff;
}
#home.page header .logo-column p a{
  color: #fff;
}
#home.page header .nav-column ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: end;
}
#home.page header .nav-column ul li {
  list-style: none;
  margin-left: 30px;
}
#home.page header .nav-column ul li p {
  margin-bottom: 0;
}
#home.page header .nav-column ul li p a {
  color: #fff;
  text-decoration: none;
}
#home.page .hero {
  background-color: #265d7c;
  min-height: 100vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  align-items: center;
  background-image: url("../images/hero-bg-1.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  position: relative;
}
#home.page .hero:before {
  content: "";
  height: 100%;
  width: 100%;
  background-color: rgba(38, 93, 124, 0.92);
  position: absolute;
  left: 0;
  top: 0;
}
#home.page .hero .container {
  display: flex;
  align-items: center;
}
#home.page .hero .container .row {
  display: flex;
  align-items: center;
}
#home.page .hero h1 {
  font-size: 55px;
  color: #fff;
  margin-bottom: 20px;
  margin-top: 0;
  line-height: 1.1;
}
#home.page .hero p {
  color: #fff;
  font-size: 22px;
  line-height: 1.5;
}
#home.page .hero a {
  display: block;
  margin-top: 30px;
}
#home.page .hero a p {
  display: inline-block;
  background-color: #a6f4ff;
  border-radius: 5px;
  margin-bottom: 0;
  color: #265d7c;
  font-size: 20px;
  padding: 10px 30px;
  font-weight: 700;
}
#home.page .hero .hero-image .aspect-define {
  margin-top: 112%;
}
#home.page .hero .hero-image .element {
  background-color: #f6f6f6;
  border-radius: 10px;
  background-image: url("../images/hero.jpg");
  background-position: center;
  background-size: 102%;
  background-repeat: no-repeat;
}
#home.page .services {
  padding: 100px 0;
  color: #164975;
}
#home.page .services .pre-title {
  margin-bottom: 0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
#home.page .services .pre-title:before {
  content: "";
  display: inline-block;
  height: 5px;
  width: 50px;
  background-color: #a6f4ff;
  margin-right: 10px;
}
#home.page .services .section-title {
  font-weight: 800;
  margin-bottom: 50px;
}
#home.page .services .panels .panel {
  border: 1px solid #969696;
  padding: 30px;
  margin-bottom: 30px;
}
#home.page .services .panels .panel .service-id {
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 0;
  margin-top: 0;
  color: #b6b6b6;
  line-height: 1;
  margin-bottom: 10px;
}
#home.page .services .panels .panel .service-title {
  font-size: 30px;
  font-weight: 800;
}
#home.page .services .panels .panel .content {
  font-size: 20px;
}
#home.page .services .panels .panel .cta {
  margin-bottom: 0;
}
#home.page .services .panels .panel .cta a {
  color: #333;
  font-weight: 700;
}
#home.page .gallery {
  padding: 100px 0;
  background-color: #265d7c;
  color: #fff;
}
#home.page .gallery .pre-title {
  margin-bottom: 0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
#home.page .gallery .pre-title:before {
  content: "";
  display: inline-block;
  height: 5px;
  width: 50px;
  background-color: #a6f4ff;
  margin-right: 10px;
}
#home.page .gallery .section-title {
  font-weight: 800;
  margin-bottom: 50px;
}
#home.page .gallery .carousel {
  border-radius: 10px;
  overflow: hidden;
}
#home.page .gallery .carousel .carousel-indicators li {
  border: 0px;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  opacity: 0.6;
  transition: 0.7s ease all;
}
#home.page .gallery .carousel .carousel-indicators li.active {
  opacity: 1;
  width: 60px;
}
#home.page .gallery .carousel .carousel-inner .item .aspect-hero {
  margin-top: 40%;
}
#home.page .gallery .carousel .carousel-inner .item .element {
  border-radius: 10px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

#home.page .gallery .carousel .carousel-inner .item:nth-child(1) .element {
  background-color: #8bbbff;
  background-image: url("../images/slider-0.jpg");
}
#home.page .gallery .carousel .carousel-inner .item:nth-child(2) .element {
  background-color: #4f6d32;
  background-image: url("../images/slider-2.jpg");
}
#home.page .gallery .carousel .carousel-inner .item:nth-child(3) .element {
  background-color: #35326d;
  background-image: url("../images/slider-3.jpg");
}
#home.page .gallery .carousel .carousel-inner .item:nth-child(4) .element {
  background-color: #35326d;
  background-image: url("../images/slider-4.jpg");
}
#home.page .gallery .carousel .carousel-control {
  background-image: none;
}
#home.page .about {
  padding: 100px 0;
  color: #164975;
}
#home.page .about .pre-title {
  margin-bottom: 0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
#home.page .about .pre-title:before {
  content: "";
  display: inline-block;
  height: 5px;
  width: 50px;
  background-color: #a6f4ff;
  margin-right: 10px;
}
#home.page .about .section-title {
  font-weight: 800;
  margin-bottom: 50px;
}
#home.page .about .section-body {
  font-size: 22px;
}
#home.page .about .hero-image .aspect-define {
  margin-top: 112%;
}
#home.page .about .hero-image .element {
  background-color: #f6f6f6;
  border-radius: 10px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
#home.page .clients {
  padding: 100px 0;
  background-color: #265d7c;
  color: #fff;
}
#home.page .clients .pre-title {
  margin-bottom: 0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
#home.page .clients .pre-title:before {
  content: "";
  display: inline-block;
  height: 5px;
  width: 50px;
  background-color: #a6f4ff;
  margin-right: 10px;
}
#home.page .clients .section-title {
  font-weight: 800;
  margin-bottom: 50px;
}
#home.page .clients .clients-list .client-list .element {
  background-color: #f6f6f6;
  border-radius: 10px;
  background-position: center;
  background-size: 80%;
  background-repeat: no-repeat;
}
#home.page .clients .clients-list .client-list.ge .element {
  background-image: url("../images/ge.png");
}
#home.page .clients .clients-list .client-list.patel .element {
  background-image: url("../images/patel.png");
}
#home.page .clients .clients-list .client-list.avaids .element {
  background-image: url("../images/avaids.jpeg");
}
#home.page .contact {
  padding: 100px 0;
  color: #164975;
}
#home.page .contact .pre-title {
  margin-bottom: 0;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
}
#home.page .contact .pre-title:before {
  content: "";
  display: inline-block;
  height: 5px;
  width: 50px;
  background-color: #a6f4ff;
  margin-right: 10px;
}
#home.page .contact .section-title {
  font-weight: 800;
  margin-bottom: 50px;
  text-align: center;
}
#home.page .contact .form .thanks-message {
  padding-top: 15px;
  margin-top: 0;
  font-size: 27px;
  margin-bottom: 5px;
}
#home.page .contact .form .thanks-message:before {
  content: "";
  background-position: center;
  background-size: 80%;
  background-repeat: no-repeat;
  background-image: url(../../../../../../assets/images/check.png);
  height: 100px;
  width: 100px;
  display: block;
  margin: 50px auto 10px;
}
#home.page .contact .form .field-group {
  margin-bottom: 15px;
}
#home.page .contact .form .field-group .c-label {
  font-size: 22px;
  margin-bottom: 5px;
  font-weight: 700;
}
#home.page .contact .form .field-group .c-field {
  border: 1px solid #aaa;
  border-radius: 5px;
  height: 50px;
  width: 100%;
  padding: 10px;
}
#home.page .contact .form .field-group .c-textarea {
  resize: none;
  height: 100px;
}
#home.page .contact .form .field-group .field-messages {
  display: none;
}
#home.page .contact .form .field-group.error .c-label {
  color: red;
}
#home.page .contact .form .field-group.error .c-field {
  border: 1px solid red;
}
#home.page .contact .form .field-group.error .field-messages {
  display: block;
}
#home.page .contact .form .field-group.error .field-messages .field-message {
  color: red;
}
#home.page .contact .form .submit {
  height: 50px;
  width: 100%;
  color: #fff;
  background-color: #265d7c;
  border-radius: 5px;
  border: 0px;
}
#home.page .contact ul {
  margin: 0;
  padding: 0;
  padding-left: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
}
#home.page .contact ul li {
  list-style-type: none;
  margin-bottom: 30px;
}
#home.page .contact ul li h4 {
  margin-top: 0;
  font-size: 35px;
  margin-bottom: 5px;
  font-weight: 800;
}
#home.page .contact ul li p {
  font-size: 25px;
  color: #333;
}
#home.page .contact ul li a {
  color: #333;
}
#home.page footer {
  background-color: #265d7c;
  color: #fff;
  display: flex;
  align-items: center;
  height: 100px;
  width: 100%;
  z-index: 99;
}
#home.page footer .container .row {
  display: flex;
  align-items: center;
}
#home.page footer .logo-column {
  align-items: center;
}
#home.page footer .logo-column p {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
}
#home.page footer .logo-column .copyright {
  font-size: 14px;
  font-weight: 400;
}
#home.page footer .nav-column {
  display: flex;
  justify-content: end;
}
#home.page footer .nav-column p {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
#home.page footer .nav-column p span {
  height: 15px;
  width: 15px;
  display: inline-block;
  margin: 0 5px;
  background-image: url("../images/heart.png");
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
#home.page .ct-modal-holder {
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.8;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: none;
}
#home.page .ct-modal {
  height: 100%;
  width: 100%;
  max-width: 450px;
  max-height: 90%;
  overflow: auto;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  border-radius: 10px;
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  display: none;
}
#home.page .ct-modal .ct-modal-header {
  padding: 0 30px;
}
#home.page .ct-modal .ct-modal-body {
  padding: 15px 30px;
  flex: 1;
}
#home.page .ct-modal .ct-modal-body .ct-modal-elem-container .modal-hero {
  margin-bottom: 15px;
}
#home.page .ct-modal .ct-modal-body .ct-modal-elem-container .modal-hero .element {
  background-color: #4f6d32;
  border-radius: 10px;
}
#home.page .ct-modal .ct-modal-body .ct-modal-elem-container .ct-modal-title {
  font-size: 25px;
  margin-top: 0;
  font-weight: 800;
  line-height: 1.1;
}
#home.page .ct-modal .ct-modal-body .ct-modal-elem-container .write-up {
  font-size: 18px;
}
#home.page .ct-modal .ct-modal-body .ct-modal-elem-container a {
  display: block;
  margin-top: 30px;
  width: 100%;
}
#home.page .ct-modal .ct-modal-body .ct-modal-elem-container a p {
  background-color: #a6f4ff;
  border-radius: 5px;
  margin-bottom: 0;
  color: #265d7c;
  font-size: 20px;
  padding: 10px 30px;
  font-weight: 700;
  color: #265d7c;
  text-align: center;
}
#home.page .ct-modal .ct-modal-footer {
  padding: 0 30px;
}
@media only screen and (max-width: 991px) {
  #home.page .hero h1 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #home.page header {
    padding: 0 30px;
    justify-content: start;
  }
  #home.page header .container {
    width: 100%;
  }
  #home.page header .container .row {
    display: block;
  }
  #home.page header .container .row .nav-column {
    display: none;
  }
  #home.page .hero {
    padding-left: 30px;
    padding-right: 30px;
  }
  #home.page .hero .container .row {
    display: block;
  }
  #home.page .hero h1 {
    font-size: 55px;
  }
  #home.page .hero .hero-image {
    display: none;
  }
  #home.page .services {
    padding-left: 30px;
    padding-right: 30px;
  }
  #home.page .services .container .row {
    display: block;
  }
  #home.page .gallery {
    padding-left: 30px;
    padding-right: 30px;
  }
  #home.page .gallery .container .row {
    display: block;
  }
  #home.page .about {
    padding-left: 30px;
    padding-right: 30px;
  }
  #home.page .about .container .row {
    display: block;
  }
  #home.page .about .container .row:nth-child(2) .col-sm-6:nth-child(1) {
    float: left;
    width: 50%;
  }
  #home.page .clients {
    padding-left: 30px;
    padding-right: 30px;
  }
  #home.page .clients .container .row {
    display: block;
  }
  #home.page .contact {
    padding-left: 30px;
    padding-right: 30px;
  }
  #home.page .contact .container .row {
    display: block;
  }
}
@media only screen and (max-width: 650px) {
  #home.page .services .panels .col-xs-6.col-sm-4 {
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  #home.page .hero {
    padding-top: 180px;
    min-height: auto;
  }
  #home.page .hero h1 {
    font-size: 30px;
    font-weight: 600;
  }
  #home.page .hero p {
    font-size: 16px;
  }
  #home.page .hero a p {
    font-size: 16px;
  }
  #home.page .services .section-title {
    font-size: 25px;
  }
  #home.page .services .panels .panel {
    padding: 0;
    border: 0px;
    height: auto !important;
    box-shadow: none;
  }
  #home.page .services .panels .panel .service-title {
    font-size: 20px;
  }
  #home.page .services .panels .panel .content {
    font-size: 16px;
  }
  #home.page .services .panels .col-xs-6.col-sm-4 {
    width: 100%;
  }
  #home.page .gallery {
    display: none;
  }
  #home.page .about {
    padding-bottom: 0px;
    background-color: #265d7c;
    color: #fff;
  }
  #home.page .about .container .row {
    display: block;
  }
  #home.page .about .container .row:nth-child(2) .col-sm-6:nth-child(1) {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  #home.page .about .section-title {
    font-size: 25px;
  }
  #home.page .about .section-body {
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
  }
  #home.page .clients .section-title {
    font-size: 25px;
  }
  #home.page .contact {
    padding-bottom: 50px;
  }
  #home.page .contact .section-title {
    font-size: 25px;
  }
  #home.page .contact .col-xs-6.col-sm-push-2.col-sm-4 {
    width: 100%;
  }
  #home.page .contact .form {
    margin-bottom: 50px;
  }
  #home.page .contact .form .field-group {
    margin-bottom: 10px;
  }
  #home.page .contact .form .field-group .c-label {
    font-size: 18px;
  }
  #home.page .contact ul {
    padding: 0;
  }
  #home.page .contact ul li {
    margin-bottom: 10px;
  }
  #home.page .contact ul li h4 {
    font-size: 20px;
  }
  #home.page .contact ul li p {
    font-size: 16px;
  }
  #home.page .contact .pre-title {
    justify-content: left;
  }
  #home.page .contact .section-title {
    text-align: left;
  }
  #home.page footer .container .row {
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  #home.page footer .container .row p {
    text-align: center;
  }
}

/*
| -------------------------------------------------------------------
| Home View
| -------------------------------------------------------------------
*/
#series.page .hero {
  background-color: #fdf2df;
  padding-top: 140px;
  padding-bottom: 110px;
}
#series.page .hero .section-title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 60px;
  font-weight: 800;
  line-height: 1;
}
#series.page .hero .sub-title {
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 1.5;
}
#series.page .hero .text-button {
  font-size: 18px;
}
#series.page .hero .text-button a {
  padding-right: 30px;
  color: inherit;
  font-weight: 600;
  background-image: url("../images/arrow-circle.png");
  background-position: center right 1px;
  background-repeat: no-repeat;
  background-size: 20px;
  text-decoration: none;
}
#series.page .series {
  padding: 60px 0;
}
#series.page .series .section-title {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 50px;
  font-weight: 800;
}
#series.page .series .episode-card {
  margin-bottom: 35px;
}
#series.page .series .episode-card .episode-illustration {
  margin-bottom: 30px;
}
#series.page .series .episode-card .episode-illustration .element {
  background-color: #e6e6e6;
  border-radius: 5px;
}
#series.page .series .episode-card .episode-content {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 15px;
}
#series.page .series .episode-card .episode-content .episode-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 0px;
  line-height: 1.5;
}
#series.page .series .episode-card .episode-content .episode-preview {
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 13px;
}
#series.page .series .episode-card .cta .text-button {
  font-size: 18px;
}
#series.page .series .episode-card .cta .text-button a {
  padding-right: 30px;
  color: inherit;
  font-weight: 600;
  background-image: url("../images/arrow-circle.png");
  background-position: center right 1px;
  background-repeat: no-repeat;
  background-size: 20px;
  text-decoration: none;
}

/*
| -------------------------------------------------------------------
| Home View
| -------------------------------------------------------------------
*/
#article.page .hero {
  background-color: #fdf2df;
  padding-top: 140px;
  padding-bottom: 110px;
}
#article.page .hero .section-title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 60px;
  font-weight: 800;
  line-height: 1.2;
}
#article.page .hero .sub-title {
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 1.5;
}
#article.page .hero .text-button {
  font-size: 18px;
}
#article.page .hero .text-button a {
  padding-right: 30px;
  color: inherit;
  font-weight: 600;
  background-image: url("../images/arrow-circle.png");
  background-position: center right 1px;
  background-repeat: no-repeat;
  background-size: 20px;
  text-decoration: none;
}
#article.page .main-content {
  padding: 60px 0;
  color: #333;
}
#article.page .main-content .article-meta {
  margin-bottom: 50px;
  display: flex;
  flex-direction: row;
}
#article.page .main-content .article-meta .author-icon {
  height: 50px;
  width: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
#article.page .main-content .article-meta .author-titles {
  padding-left: 15px;
  height: 50px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#article.page .main-content .article-meta .author-titles .author-name {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
#article.page .main-content .article-meta .author-titles .article-date {
  margin-bottom: 0;
}
#article.page .main-content .section {
  margin-bottom: 40px;
}
#article.page .main-content .sub-heading {
  font-weight: 600;
  font-size: 33px;
  margin-bottom: 15px;
}
#article.page .main-content .main-paragraph {
  font-size: 24px;
  line-height: 1.8;
}
#article.page .main-content .image-box {
  background-color: #fcfcfc;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  padding: 30px;
}
#article.page .main-content .image-box p {
  margin-top: 15px;
  position: relative;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 0;
}
#article.page .main-content .image-box p span {
  margin-top: 6px;
  display: block;
  opacity: 0.8;
  font-size: 15px;
}
#article.page .main-content .quote-box {
  max-width: 70%;
  margin: 60px auto;
  display: block;
}
#article.page .main-content .quote-box p {
  position: relative;
  padding-left: 15px;
  font-weight: 600;
  line-height: 1.4;
}
#article.page .main-content .quote-box p:before {
  content: "";
  height: 20px;
  width: 20px;
  display: block;
  transform: rotate(180deg);
  position: absolute;
  top: 7px;
  left: -15px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../images/quote.png");
  opacity: 0.5;
}
#article.page .main-content .quote-box p span {
  margin-top: 13px;
  display: block;
  opacity: 0.8;
  font-size: 18px;
}
#article.page .main-content .standard-list li {
  margin-bottom: 10px;
}
#article.page .main-content .standard-list li p {
  margin-bottom: 0;
  line-height: 1.7;
}
#article.page .main-content iframe {
  width: 100%;
  height: 100%;
}
#article.page .main-content img {
  width: 100%;
  height: auto;
}/*# sourceMappingURL=main.css.map */