@font-face {
    font-family: "Myriad Pro";
    src: url("../fonts/MyriadPro-Regular.eot");
    src: url("../fonts/MyriadPro-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/MyriadPro-Regular.woff2") format("woff2"),
        url("../fonts/MyriadPro-Regular.woff") format("woff"),
        url("../fonts/MyriadPro-Regular.ttf") format("truetype"),
        url("../fonts/MyriadPro-Regular.svg#MyriadPro-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Times New Roman";
    src: url("../fonts/TimesNewRomanPSMT.eot");
    src: url("../fonts/TimesNewRomanPSMT.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TimesNewRomanPSMT.woff2") format("woff2"),
        url("../fonts/TimesNewRomanPSMT.woff") format("woff"),
        url("../fonts/TimesNewRomanPSMT.ttf") format("truetype"),
        url("../fonts/TimesNewRomanPSMT.svg#TimesNewRomanPSMT") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Times New Roman";
    src: url("../fonts/TimesNewRomanPS-BoldMT.eot");
    src: url("../fonts/TimesNewRomanPS-BoldMT.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/TimesNewRomanPS-BoldMT.woff2") format("woff2"),
        url("../fonts/TimesNewRomanPS-BoldMT.woff") format("woff"),
        url("../fonts/TimesNewRomanPS-BoldMT.ttf") format("truetype"),
        url("../fonts/TimesNewRomanPS-BoldMT.svg#TimesNewRomanPS-BoldMT")
            format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.times {
    font-family: "Times New Roman";
    font-weight: bold;
}

@font-face {
    font-family: "Georgia";
    src: url("../fonts/Georgia-Bold.eot");
    src: url("../fonts/Georgia-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Georgia-Bold.woff2") format("woff2"),
        url("../fonts/Georgia-Bold.woff") format("woff"),
        url("../fonts/Georgia-Bold.ttf") format("truetype"),
        url("../fonts/Georgia-Bold.svg#Georgia-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Georgia";
    src: url("../fonts/Georgia.eot");
    src: url("../fonts/Georgia.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Georgia.woff2") format("woff2"),
        url("../fonts/Georgia.woff") format("woff"),
        url("../fonts/Georgia.ttf") format("truetype"),
        url("../fonts/Georgia.svg#Georgia") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Clarendon LT";
    src: url("../fonts/Clarendon-LT-Std-Light.eot");
    src: url("../fonts/Clarendon-LT-Std-Light.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/Clarendon-LT-Std-Light.woff2") format("woff2"),
        url("../fonts/Clarendon-LT-Std-Light.woff") format("woff"),
        url("../fonts/Clarendon-LT-Std-Light.ttf") format("truetype"),
        url("../fonts/Clarendon-LT-Std-Light.svg#Georgia") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Clarendon LT Bold";
    src: url("../fonts/Clarendon-LT-Std-Bold.eot");
    src: url("../fonts/Clarendon-LT-Std-Bold.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/Clarendon-LT-Std-Bold.woff2") format("woff2"),
        url("../fonts/Clarendon-LT-Std-Bold.woff") format("woff"),
        url("../fonts/Clarendon-LT-Std-Bold.ttf") format("truetype"),
        url("../fonts/Clarendon-LT-Std-Bold.svg#Georgia") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Aleo Regular";
    src: url("../fonts/Aleo-Regular.eot");
    src: url("../fonts/Aleo-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Aleo-Regular.woff2") format("woff2"),
        url("../fonts/Aleo-Regular.woff") format("woff"),
        url("../fonts/Aleo-Regular.ttf") format("truetype"),
        url("../fonts/Aleo-Regular.svg#Georgia") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/CenturyGothic.woff2") format("woff2"),
        url("../fonts/CenturyGothic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/CenturyGothic.woff2") format("woff2"),
        url("../fonts/CenturyGothic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/CenturyGothic.woff2") format("woff2"),
        url("../fonts/CenturyGothic.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/CenturyGothic-Italic.woff2") format("woff2"),
        url("../fonts/CenturyGothic-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/CenturyGothic-Bold.woff2") format("woff2"),
        url("../fonts/CenturyGothic-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/CenturyGothic-BoldItalic.woff2") format("woff2"),
        url("../fonts/CenturyGothic-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/CenturyGothic-Bold.woff2") format("woff2"),
        url("../fonts/CenturyGothic-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Century Gothic";
    src: url("../fonts/CenturyGothic.eot");
    src: url("../fonts/CenturyGothic.eot?#iefix") format("embedded-opentype"),
        url("../fonts/CenturyGothic.woff2") format("woff2"),
        url("../fonts/CenturyGothic.woff") format("woff"),
        url("../fonts/CenturyGothic.ttf") format("truetype"),
        url("../fonts/CenturyGothic.svg#CenturyGothic") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*@font-face {font-family: "Clarendon LT Std"; src: url("//db.onlinewebfonts.com/t/baa96a05d44cf2471699ad74e11e3f5f.eot"); src: url("//db.onlinewebfonts.com/t/baa96a05d44cf2471699ad74e11e3f5f.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/baa96a05d44cf2471699ad74e11e3f5f.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/baa96a05d44cf2471699ad74e11e3f5f.woff") format("woff"), url("//db.onlinewebfonts.com/t/baa96a05d44cf2471699ad74e11e3f5f.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/baa96a05d44cf2471699ad74e11e3f5f.svg#Clarendon LT Std") format("svg"); }*/

body {
    font-family: "Aleo Regular";
    font-weight: normal;
    font-style: normal;
}

a {
    color: #1977cc;
}

a:hover {
    color: #3291e6;
    text-decoration: none;
}

.century-r {
    /*font-family: 'Century Gothic';*/
    font-weight: normal;
}

.century-b {
    /*font-family: 'Century Gothic';*/
    font-weight: bold;
}

h5 {
    font-size: 17px;
    line-height: 25px;
    /*font-family: 'Century Gothic';*/
    font-weight: normal;
}

b {
    /*font-family: 'Century Gothic';*/
    font-weight: bold;
}
p {
    /*font-family: 'Century Gothic';*/
    color: #000;
    font-weight: normal;
    font-size: 14px;
}
.century-r-i {
    /*font-family: 'Century Gothic';*/
    font-weight: bold;
    font-style: italic;
}

.text-blue {
    color: #74b2b8;
    /*font-family: 'Myriad Pro';*/
    font-weight: 600;
    font-size: 29px;
}

.text-red {
    /*color: #F50000;*/
    color: #E37D00;
    font-weight: 600;
    font-size: 29px;
}

.border-radius30 {
    border-radius: 30px;
}

.padding-test-content {
    padding-top: 19px;
}

.border-radius20 {
    border-radius: 20px;
    margin-bottom: 15px;
}
.h1-text {
    font-family: "Clarendon LT";
    font-weight: normal;
    font-style: normal;
    font-size: 3rem;
    color: #E37D00;
}
h2 {
    /*font-family: 'Georgia';*/
    font-family: "Clarendon LT";
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    color: #E37D00;
}
/*h5{
    font-family: 'Times New Roman';
    font-weight: bold;
  }*/
.brown {
    color: #E37D00;
}
.darktarquice {
    color: #ec8807;
    font-weight: bold;
    font-style: normal;
}
.footer-links li a {
    font-size: 15px;
    color: #000;
}
.bg-dark-blue {
    background: #74b2b8;
}

.topic-img {
    height: 200px;
    overflow: hidden;
}
.topic-title h4:hover {
    color: #f99649;
}

.topic-title p {
    color: #666;
}
.blog-title h4 {
    font-size: 20px;
    height: 48px;
}
.blog-title p {
    color: #666;
}
.pink {
    color: #ff6f70;
}
.bg-pink {
    background: #ff6f70;
    color: #fff;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 8px;
}
.blog-user-img {
    width: 37px;
    height: 37px;
    display: none;
}
.signup-form input[type="text"],
.signup-form input[type="email"] {
    height: 50px;
    border-radius: 10px;
}
.signup-form textarea {
    height: 120px;
    border-radius: 10px;
    resize: none;
}
.submit-btns button:nth-child(1) {
    background: #338287;
    padding: 10px 18px;
    border-radius: 26px;
    outline: none;
    border: none;
    color: #fff;
}
.submit-btns button:nth-child(2) {
    background: #959595;
    padding: 10px 25px;
    border-radius: 26px;
    outline: none;
    border: none;
    color: #fff;
}
.purple {
    color: #7f2694;
}
.c-name {
    font-size: 22px;
}
.righ0 {
    right: 39px;
}
.righ0 h6 {
    text-align: right;
}
.righ0 .c-name:after {
    position: absolute;
    bottom: -8px;
    height: 2px;
    width: 100px;
    content: "";
    background: #000;
    right: 0;
    left: auto;
}
.community-member p {
    font-size: 23px;
    max-width: 359px;
    margin-top: 33px;
}
.community-member p {
    font-size: 23px;
    max-width: 269px;
    margin-top: 33px;
}
.testimonial-content {
    width: 219px;
}
.user-tesimonial {
    position: absolute;
    top: 62px;
}

.c-name:after {
    position: absolute;
    bottom: -8px;
    height: 2px;
    width: 100px;
    content: "";
    background: #000;
    left: 0;
}

.table th {
    padding: 10px 27px !important;
}
.table td {
    padding: 10px 27px !important;
}
.footer-bottom {
    padding-bottom: 15px;
}
.max-w-500 {
    max-width: 500px !important;
}

.mobile-img-test {
    max-width: 120px;
    margin-bottom: 10px;
}

.why {
    background: #bad5d5;
}

img .img-flow {
    max-width: 540px;
    max-height: 568px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-20 {
    margin-top: 42px !important;
}

/* .test-red-btn{
    float: right;
    margin-top: 32px;
  } */

/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
    padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
    padding: 0;
}

/*
  
  for zoom animation
  uncomment this part if you haven't added this code anywhere else
  
  */

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}