@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,500,700);
@import url(//db.onlinewebfonts.com/c/808d2427840352d64fbff2bc8dc40b2b?family=Object+Sans);
@font-face {
    font-family: "EuclidCircularA";
    src: local("EuclidCircularA-Regular"), local("EuclidCircularA-Regular"), url("../fonts/EuclidCircularA-Regular-WebXL.woff2") format("woff2"), url("../fonts/EuclidCircularA-Regular-WebXL.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "EuclidCircularA";
    src: local("EuclidCircularA"), local("EuclidCircularA"), url("../fonts/EuclidCircularA-Medium-WebXL.woff2") format("woff2"), url("../fonts/EuclidCircularA-Medium-WebXL.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}
body {
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    background-color: #336BFA;
    padding-right: 0 !important;
    -webkit-transition: background-color 250ms ease-out !important;
    -moz-transition: background-color 250ms ease-out !important;
    -o-transition: background-color 250ms ease-out !important;
    transition: background-color 250ms ease-out !important;
}
h1, h2, h3, h4, h5 {
    font-weight: 500;
}
h1 {
    font-size: 60px;
    line-height: 66px;
    color: #fff;
}
h2 {
    font-size: 60px;
    line-height: 66px;
    color: #fff;
    letter-spacing: -0.6px;
}
h4 {
    font-size: 26px;
    line-height: 28px;
}
p {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 0;
}
strong {
    font-weight: 500;
}
a {
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
button {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:hover {
    text-decoration: none;
    color: rgba(255,255,255,.6);
}
a:active,
a:focus {
    outline: none;
}
.transition-all {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.text-black {
    color: #000 !important;
}
img {
    pointer-events: none;
}
* {
    user-select: none;
}

/*--- header ---*/
header {
    padding-top: 58px;
    padding-bottom: 99px;
}
.home header {
    padding-bottom: 333px;
}
.site-logo {
    margin-right: 2rem;
}
.home header .navbar {
    margin-bottom: 100px;
}
.site-title {
    margin-bottom: 32px;
}
.site-title span {
    font-weight: 300;
    font-size: inherit;
}
.btn-download {
    padding: 0 28px;
    height: 57px;
    background-color: #F140A0;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 57px;
}
.btn-download:hover {
    background-color: #f470b8;
    color: #fff;
}
.btn-download:active {
    background-color: #ed1188;
}
header .btn-download {
    margin-bottom: 108px;
}
header .section-icons img {
    margin-bottom: 25px;
    width: 38px;
}
header .section-icons {
    border-bottom: 1px solid rgba(255,255,255,.3);
    margin-bottom: 18px;
}
header .site-subtitle {
    font-size: 24px;
    line-height: 32px;
}
.header-images > div {
    width: 220px;
}
.header-images img {
    width: 100%;
    margin-bottom: 15px;
}
.header-images span {
    display: block;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    font-weight: 500;
    text-align: center;
}
.h-signin-img-inner {
    top: -181px;
    left: 347px;
}
.h-search-img-inner {
    top: -131px;
    left: 97px;
}
.h-ecommerce-img-inner {
    top: -95px;
    left: 597px;
    opacity: .7;
}
.h-blog-img-inner {
    left: 347px;
    top: 58px;
}
.h-ecommerce-img-two-inner {
    top: 108px;
    left: 97px;
    opacity: .4;
}
.h-header-img-inner {
    top: 747px;
    left: 347px;
}
.h-signin-img-two-inner {
    top: 347px;
    left: 97px;
    opacity: .7;
}
.h-misc-img-inner {
    top: 383px;
    left: 597px;
}
.h-miltimedia-img-inner {
    left: 347px;
    top: 508px;
    opacity: .2;
}
.h-header-img-two-inner {
    left: 597px;
    top: 144px;
}
.navbar-nav {
    margin: 0 -15px;
}
.navbar-nav li a {
    font-size: 18px;
    line-height: 32px;
}
.navbar-nav li.active a {
    color: #649DFF;
}
/*--- /header ---*/

/*--- home ---*/
#section-first {
    padding-top: 20px;
    padding-bottom: 186px;
}
.section-f-images img {
    border-radius: 10px;
}
.f-img-one {
    width: 823px;
    left: -417px;
}
.f-img-two {
    width: 934px;
    top: 123px;
    left: -458px;
    z-index: 2;
}
#section-first .section-title {
    padding-top: 80px;
    padding-left: 98px;
    margin-bottom: 20px;
}
#section-first .section-subtitle {
    padding-left: 98px;
    margin-bottom: 87px;
}
#section-first .section-list {
    padding-left: 98px;
    list-style-type: none;
}
#section-first .section-list li:nth-of-type(1),
#section-first .section-list li:nth-of-type(2) {
    margin-bottom: 47px;
}
#section-first .section-list li a {
    padding: 15px;
    margin: -15px;
    position: relative;
}
#section-first .section-list li a:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: inline-block;
    border-radius: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#section-first .section-list li a:hover:after {
    background-color: rgba(255,255,255,0.1);
}
#section-first .section-list li:nth-of-type(1) a:before {
    content: '';
    background-image: url('../images/f-section-list-one.png');
    background-size: cover;
    width: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 37px;
}
#section-first .section-list li:nth-of-type(2) a:before {
    content: '';
    background-image: url('../images/f-section-list-two.png');
    background-size: cover;
    width: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 37px;
}
#section-first .section-list li:nth-of-type(3) a:before {
    content: '';
    background-image: url('../images/f-section-list-three.png');
    background-size: cover;
    width: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 37px;
}
#section-first .section-list strong {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
}
#section-first .section-list span {
     color: #649DFF;
}

#section-second {
    padding-top: 60px;
}
#section-second .container:after {
    content: '';
    display: block;
    border-bottom: 1px dashed #649DFF;
}
#section-second .section-title {
    margin-bottom: 78px;
}
#section-second .title-circle {
    content: '';
    width: 381px;
    height: 381px;
    position: absolute;
    z-index: -1;
    top: -60px;
    right: -15px;
    border-radius: 50%;
    background-color: #F87E63;
}
#section-second strong {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    padding-left: 15px;
    position: relative;
}
#section-second strong:before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #649DFF;
    position: absolute;
    top: -1px;
    left: -1px;
}
#section-second p {
    color: #649DFF;
    padding-left: 15px;
    margin-bottom: 91px;
}

#section-third {
    padding-top: 105px;
}
#section-third .container:after {
    content: '';
    display: block;
    border-bottom: 1px dashed #649DFF;
}
#section-third .section-title {
    margin-bottom: 21px;
}
#section-third .section-subtitle {
    margin-bottom: 81px;
}
#section-third .section-block {
    padding: 15px;
    margin: -15px -15px 142px;
    position: relative;
}
#section-third .section-block:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: inline-block;
    border-radius: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#section-third .section-block:hover:after  {
    background-color: rgba(255,255,255,0.1);
}
#section-third .section-block-images {
    margin-bottom: 26px;
    border-radius: 10px;
}
#section-third .section-block img {
    width: 100%;
    border-radius: 10px;
}
#section-third .section-block strong {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    position: relative;
}
#section-third .section-block span {
    color: #649DFF;
    font-size: 24px;
    line-height: 32px;
}
#section-third .section-block p {
    margin-top: 16px;
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 0;
}
.share42init {
    text-align: center;
    margin-bottom: 31px;
}
.share42-item {
    display: inline-block !important;
    margin: 0 !important;
    height: 65px !important;
    width: 285px !important;
}
.share42-item a {
    height: 65px !important;
    width: 100% !important;
}
#share42 .share42-item a {
    display: inline-block;
    font: normal normal normal 28px/64px "Font Awesome 5 Brands";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    text-align: center;
}
#share42 .share42-item:nth-of-type(1) a {
    background: #202F57 !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#share42 .share42-item:nth-of-type(1) a:hover {
    background-color: #2e437c !important;
}
#share42 .share42-item:nth-of-type(1) a:active {
    background-color: #121b32 !important;
}
#share42 .share42-item:nth-of-type(1) a:before {
    content: "\f39e";
}
#share42 .share42-item:nth-of-type(2) a {
    background: #009CFA !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#share42 .share42-item:nth-of-type(2) a:hover {
    background: #2eb0ff !important;
}
#share42 .share42-item:nth-of-type(2) a:active {
    background: #007cc7 !important;
}
#share42 .share42-item:nth-of-type(2) a:before {
    content: "\f099";
}
.share-text {
    font-size: 20px;
    line-height: 32px;
    color: #649DFF;
    margin-bottom: 104px;
}

#section-fourth {
    padding-top: 110px;
}
#section-fourth .container:after {
    content: '';
    display: block;
    border-bottom: 1px dashed #649DFF;
}
#section-fourth .section-title {
    margin-bottom: 19px;
    padding-top: 3px;
}
#section-fourth .section-subtitle {
    margin-bottom: 48px;
}
#section-fourth .section-list {
    list-style-type: none;
    padding: 0;
    margin-bottom: 50px;
}
#section-fourth .section-list li {
    font-size: 20px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 17px;
}
#section-fourth .section-list li:last-child {
    margin-bottom: 0;
}
#section-fourth .section-list li:before {
    content: '';
    background-image: url(../images/check_circle.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 28px;
    position: relative;
    top: 3px;
}
#section-fourth .btn-download {
    margin-bottom: 120px;
}
#section-fourth .section-icons {
    margin-left: 30px;
}
#section-fourth .section-icons img {
    width: 38px;
}
#section-fourth .section-icon-text {
    margin-left: 15px;
    font-size: 16px;
    line-height: 24px;
    color: #649DFF;
}
.four-image-1 {
    width: 38px;
    height: 38px;
    top: 0;
    left: 451px;
}
.four-image-2 {
    width: 354px;
    height: 266px;
    top: 20px;
    left: 173px;
    opacity: .4;
    z-index: -1;
}
.four-image-3 {
    width: 114px;
    height: 59px;
    top: 62px;
    left: 116px;
}
.four-image-4 {
    width: 354px;
    height: 266px;
    top: 181px;
    left: 49px;
}
.four-image-5 {
    width: 45px;
    height: 281px;
    top: 173px;
    left: 528px;
}
.four-image-6 {
    width: 354px;
    height: 266px;
    top: 341px;
    left: 173px;
    opacity: .4;
    z-index: -1;
}
.four-image-7 {
    width: 114px;
    height: 59px;
    top: 507px;
    left: 470px;
}
.four-image-8 {
    width: 34px;
    height: 40px;
    top: 587px;
    left: 213px;
}

#section-subscription {
    padding-top: 102px;
}
#section-subscription .container:after {
    content: '';
    display: block;
    border-bottom: 1px dashed #649DFF;
}
#section-subscription .section-title {
    margin-bottom: 51px;
}
#section-subscription .section-subtitle {
    font-size: 20px;
    line-height: 32px;
    color: #649DFF;
    margin-bottom: 105px;
}
/*--- /home ---*/

/*--- page ---*/
.page #section-first .container:after {
    content: '';
    display: block;
    border-bottom: 1px dashed #649DFF;
}
.page-title {
    margin-bottom: 21px;
}
.page-subtitle {
    margin-bottom: 90px;
}
.page #section-first .section-icons {
    margin-right: 30px;
}
.page #section-first .section-icons img {
    width: 38px;
}
.web-prototyping-images img {
    width: 100%;
    margin-bottom: 30px;
}
.web-prototyping-images img:last-child {
    margin-bottom: 113px;
}
/*--- /page ---*/

body.tight {
    background-color: #001B62;
}
body.tight a.purchase-link {
    color: #fff;
}
body.tight a.purchase-link:hover {
    color: rgba(255,255,255,.4);
}
body.tight a.purchase-link:focus,
body.tight a.purchase-link:active {
    color: rgba(255,255,255,.4);
}
body.tight .footer-top strong {
    color: #fff;
}

/*--- footer ---*/
footer {
    padding-bottom: 52px;
}
.footer-top {
    padding-top: 95px;
}
.footer-top h2 {
    font-size: 42px;
    line-height: 66px;
    margin-bottom: 48px;
}
.footer-top h2:before {
    content: '';
    background-image: url('../images/thinking-face_1f914.png');
    background-size: cover;
    position: relative;
    top: 7px;
    width: 42px;
    height: 42px;
    display: inline-block;
    margin-right: 10px;
}
.product-10504:hover {
    z-index: 2;
}
.post-10504 .post-entry {
    background-color: rgba( 192,197,207, 1.0);
}
.post-10504 .post-entry:hover {
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}   
.product-10505:hover {
    z-index: 2;
}
.post-10505 .post-entry {
    background-color: #000;
}
.post-10505 .post-entry:hover {
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}
.post-entry {
    margin-bottom: 30px;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.post-entry.text-white a {
    color: rgba(255,255,255,1.0);
}
.post-entry.text-white p {
    color: rgba(255,255,255,.6);
}
.post-entry.text-white a.product-paid {
    background-color: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.01);
}
.post-entry.text-white a.product-paid:hover {
    background-color: rgba(255,255,255,0.1);
}
.post-entry.text-black p {
    color: rgba(0,0,0,.6);
}
.post-entry.text-black a {
    color: rgba(0,0,0,1.0);
}
.post-entry.text-black a.product-paid {
    background-color: rgba(0,0,0,0.1);
    border-color: rgba(0,0,0,0.01);
}
.post-entry.text-black a.product-paid:hover {
    background-color: rgba(0,0,0,0.05);
}
.post-entry header {
    padding-top: 15px;
    padding-bottom: 10px;
}
.post-entry img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    vertical-align: middle;
    border-style: none;
}
.post-title {
    font-size: 26px;
    font-weight: 500;
    vertical-align: middle;
    line-height: 28px;
    letter-spacing: -0.3px;
    color: #141414;
}
.post-entry a.product-paid {
    height: 30px;
    line-height: 29px;
    border-radius: 100px;
    padding: 3px 12px;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    outline: 0;
    letter-spacing: -0.4px;
    border: 1px solid transparent;
    display: inline-block;
    user-select: none;
}
.post-entry header, .post-entry .post-bottom {
    padding-left: 30px;
    padding-right: 20px;
}
.post-entry .post-bottom {
    padding-bottom: 22px;
}
.short-description {
    margin-bottom: 12px;
}
.short-description p {
    font-size: 18px;
    line-height: 24px;
}
.extension-text {
    font-size: 14px;
    line-height: 16px;
    color: rgba(0,0,0,.6);
}
.payment-block {
    padding: 50px;
    border-radius: 10px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.payment-block:hover {
    box-shadow: 0 25px 50px rgba(7, 7, 40, 0.25);
    -moz-transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
}
.payment-block-second .payment-block {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 26px 18px 48px;
    height: 586px;
}
.payment-block h4 {
    margin-bottom: 26px;
    color: #336BFA;
}
.payment-block p {
    color: #336BFA;
    font-size: 48px;
    line-height: 66px;
    font-weight: 500;
    margin-bottom: 16px;
}
.payment-block p span {
    font-size: 24px;
    font-weight: 500;
}
.payment-list {
    list-style-type: none;
    padding: 0;
}
.payment-list li {
    font-size: 22px;
    line-height: 32px;
    color: #336BFA;
    margin-bottom: 26px;
    display: flex;
}
.payment-list li:before {
    content: '';
    background-image: url(../images/check_circle_dark.png);
    background-size: cover;
    min-width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 23px;
    position: relative;
    top: 7px;
}
.payment-block a {
    height: 57px;
    line-height: 57px;
    background-color: #1AD697;
    border-radius: 10px;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    padding: 0 30px;
    margin-top: 5px;
}
.payment-block a:hover {
    background-color: #3ce7ae; 
}
.payment-block a:active {
    background-color: #14a977;
}
.payment-block img {
    width: 100%;
}
.line-p {
    height: 498px;
    right: 0;
    top: 44px;
    border-right: 1px dashed #336BFA;
}
.footer-bottom {
    margin-top: 88px;
}
.footer-bottom:before {
    content: '';
    display: block;
    border-top: 1px dashed #649DFF;
    width: 100%;
    margin-bottom: 68px;
}
.footer-logo {
    margin-bottom: 25px;
}
.footer-text {
    font-size: 16px;
    line-height: 26px;
}
.footer-title {
    font-size: 18px;
    line-height: 19px;
    margin-bottom: 17px;
    margin-top: 11px;
    font-weight: 400;
}
.footer-list {
    margin: 0 0 40px 0;
    padding: 0;
    list-style-type: none;
}
.footer-list li {
    margin-bottom: 16px;
}
.footer-list li a {
    color: rgba(255,255,255,0.5);
    font-size: 16px;
    line-height: 14px;
    display: inline-block;
}
.footer-list li a:hover {
    color: #fff;
}
.copyright {
    font-size: 14px;
    color: rgba(255, 255, 255, .7);
}

.modal.position-bottom-center,
.modal.position-bottom-left {
    width: auto;
    height: auto;
}
.modal.fade .modal-dialog.animated {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#bite-cookies-modal {
    overflow: visible !important;
}
#bite-cookies-modal .modal-content {
    border: 0;
    background-color: #fff;
    padding: 10px 10px 10px 25px;
    box-shadow: 0 50px 100px rgba(0, 0, 0, 0.3);
}
#bite-cookies-modal .modal-body p {
    font-family: 'DM Sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-bottom: 0;
    vertical-align: middle;
}
#bite-cookies-modal .modal-body p a {
    color: #000;
    text-decoration: underline !important;
}
#bite-cookies-modal .modal-body p a:hover {
    text-decoration: none !important;
}
#bite-cookies-modal a.got-it {
    background: #000;
    opacity: 0.9;
    text-shadow: none;
    color: #fff;
    border-radius: 5px;
    vertical-align: middle;
    padding: 3px 14px;
}
#bite-cookies-modal a.got-it:hover {
    background: rgba(0,0,0,0.8);
}
#bite-cookies-modal {
    padding-right: 0 !important;
}
.cookies-modal-btn {
    background: transparent;
    padding: 0;
    width: 18px;
    border: 0;
    margin-left: 10px;
    outline: none;
    position: relative;
    top: -2px;
}
.cookies-modal-btn:hover,
.cookies-modal-btn:focus,
.cookies-modal-btn:active {
    background: transparent;
    outline: none;
    box-shadow: none;
}
.cookies-link {
    text-decoration: underline;
}
.grecaptcha-badge {
    display: none;
}

#bite-join-modal .modal-content {
    background: #000;
}
#bite-join-modal .modal-header {
    padding: 22px 25px 0;
}
#bite-join-modal .modal-header .popup-title {
    font-size: 20px;
    line-height: 21px;
    letter-spacing: -1px;
    font-family: 'DM Sans', sans-serif;
    margin-top: -3px;
}
#bite-join-modal .modal-header .popup-text {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -1px;
    opacity: 1;
    font-family: 'DM Sans', sans-serif;
}
#bite-join-modal .modal-body {
    padding: 21px 25px 23px;
}
#bite-join-modal .modal-body .popup-title {
    font-size: 42px;
    line-height: 41px;
    font-family: 'DM Sans', sans-serif;
    font-weight: 700;
    letter-spacing: -0.04em;
    margin-bottom: 31px;
}
#bite-join-modal .form-subscribe {
    margin-bottom: 16px;
}
#bite-join-modal .form-subscribe:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5557 9.25716L10.4064 10.4064C10.0593 10.7535 9.49649 10.7535 9.14936 10.4064L8.00012 9.25716L3.03212 14.2252L16.5209 14.2224L11.5557 9.25716ZM17.7777 3.03472L12.8125 7.9999L17.7774 12.9648L17.7777 3.03472ZM6.74296 8.00007L1.77805 3.03516L1.77778 12.9652L6.74296 8.00007ZM9.77785 8.5501L16.5276 1.77496L3.03082 1.77771L9.77785 8.5501ZM1.77858 0H17.777C18.7593 0 19.5556 0.793443 19.5556 1.77341V14.2266C19.5556 15.206 18.7586 16 17.777 16H1.77858C0.796298 16 0 15.2066 0 14.2266V1.77341C0 0.793984 0.796929 0 1.77858 0Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: 20px;
    width: 20px;
    height: 16px;
    display: inline-block;
    margin-top: -1px;
}
#bite-join-modal .form-control {
    height: 50px;
    padding-right: 55px;
    padding-left: 50px;
    background: rgba(255,255,255,0.15);
    border-radius: 10px;
}
#bite-join-modal .form-control::-webkit-input-placeholder { /* Edge */
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.02em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#bite-join-modal .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.02em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#bite-join-modal .form-control::placeholder {
    color: #fff;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: -0.02em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#bite-join-modal .form-control:focus::-webkit-input-placeholder {
    opacity: 0;
}
#bite-join-modal .form-control:focus:-ms-input-placeholder {
    opacity: 0;
}
#bite-join-modal .form-control:focus::placeholder {
    opacity: 0;
}
#bite-join-modal .btn {
    right: 13px;
    height: auto;
    padding: 3px 11px;
}
#bite-join-modal .btn:hover {
    background: rgba(255,255,255,.6) !important;
}
#bite-join-modal p.exp-newsletters {
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    color: rgba(255,255,255,.5);
}
#bite-join-modal #mce-responses {
    width: 40%;
    height: 42px;
    position: absolute;
    bottom: -50px;
    left: 0;
}
#bite-join-modal #mce-error-response,
#bite-join-modal #mce-success-response {
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    left: 0;
    color: #fff;
    font-family: 'DM Sans',sans-serif;
    font-weight: 500;
    font-size: 12px;
}

#bite-cookies-modal .modal-dialog {
    min-width: 470px;
}
#bite-ph-modal .close.close-dark:before {
    opacity: 1;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}
#bite-ph-modal .close.close-dark:hover:before {
    opacity: .7;
}
#bite-ph-modal {
    overflow: visible !important;
}
#bite-ph-modal .modal-content {
    box-shadow: 0 50px 100px rgba(0, 0, 0, 0.3);
    background: #000;
    overflow: hidden;
}
#bite-ph-modal .modal-body {
    padding: 22px 26px 22px;
}
#bite-ph-modal .modal-body .popup-title {
    font-family: "Object Sans", sans-serif;
    font-weight: normal;
    color: #fff;
    padding-right: 200px;
    position: relative;
    z-index: 2;
    font-size: 42px;
    line-height: 41px;
    letter-spacing: -0.04em;
    margin-bottom: 8px;
}
#bite-ph-modal .modal-body .popup-text {
    color: #fff;
    padding-right: 230px;
    position: relative;
    z-index: 2;
    font-weight: normal;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.3px;
    margin-bottom: 13px;
    opacity: 1;
}
#bite-ph-modal .modal-body .popup-subtext {
    color: #9B9B9B;
    padding-right: 200px;
    position: relative;
    z-index: 2;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.3px;
    margin-bottom: 8px;
}
#bite-ph-modal .modal-body a {
    padding: 0 36px;
    height: 60px;
    line-height: 58px;
    color: #000;
    font-size: 18px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    letter-spacing: -0.5px;
    position: relative;
    z-index: 2;
}
#bite-ph-modal .modal-body a:hover {
    background: #001AFF;
    color: #fff;
}
#bite-ph-modal .modal-body a:focus,
#bite-ph-modal .modal-body a:active {
    background: #001AFF;
    color: #fff;
}
#bite-ph-modal .modal-body img {
    top: 0;
    right: 0;
    z-index: 1;
    width: auto;
}

.modal-open-no-backdrop-1 {
    overflow: visible !important;
    padding-right: 0 !important;
}
.modal-open-no-backdrop-2 {
    overflow: visible !important;
    padding-right: 0 !important;
}

@media only screen and (min-width: 992px) {
    #bite-join-modal.modal.position-bottom-left .modal-dialog,
    #bite-ph-modal.modal.position-bottom-left .modal-dialog {
        margin: 28px auto 100px 28px;
    }
}
@media only screen and (max-width: 991px) {
    #bite-join-modal,
    #bite-cookies-modal,
    #bite-ph-modal {
        display: none !important;
    }
}
/*--- /footer ---*/

/* --- animation --- */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.delay-0-1s,
.magictime.delay-0-1s {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
} 
.animated.delay-0-2s,
.magictime.delay-0-2s {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
} 
.animated.delay-0-3s,
.magictime.delay-0-3s {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
} 
.animated.delay-0-4s,
.magictime.delay-0-4s {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
} 
.animated.delay-0-5s,
.magictime.delay-0-5s {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.animated.delay-0-6s,
.magictime.delay-0-6s {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
.animated.delay-0-7s,
.magictime.delay-0-7s {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
}
.animated.delay-0-8s,
.magictime.delay-0-8s {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.animated.delay-0-9s,
.magictime.delay-0-9s {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}
.animated.delay-1s,
.magictime.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.animated.delay-1-1s,
.magictime.delay-1-1s {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.animated.delay-1-2s,
.magictime.delay-1-2s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.animated.delay-1-3s,
.magictime.delay-1-3s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.animated.delay-1-4s,
.magictime.delay-1-4s {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.animated.delay-1-5s,
.magictime.delay-1-5s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.animated.delay-1-6s,
.magictime.delay-1-6s {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
}
.animated.delay-1-7s,
.magictime.delay-1-7s {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
.animated.delay-1-8s,
.magictime.delay-1-8s {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.animated.delay-1-9s,
.magictime.delay-1-9s {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s;
}
.animated.delay-2s,
.magictime.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
.animated.delay-2-1s,
.magictime.delay-2-1s {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}
.animated.delay-2-2s,
.magictime.delay-2-2s {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
.upanddownsmalls {
    -webkit-animation-name: animation_13;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_13;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.upanddownsmall {
    -webkit-animation-name: animation_12;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_12;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.upanddown {
    -webkit-animation-name: animation_8;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_8;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.upanddowninvers {
    -webkit-animation-name: animation_9;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-name: animation_9;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}
.animated.duration-1s {    
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.animated.duration-2s {    
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.animated.duration-3s {    
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.fadeInDownCustom {
    -webkit-animation-name: fadeInDownSmall;
    animation-name: fadeInDownSmall;
}
.fadeInDownCustom-opacity-0-7 {
    -webkit-animation-name: fadeInDownSmallOpacityZiroSeven;
    animation-name: fadeInDownSmallOpacityZiroSeven;
}
.fadeInDownCustom-opacity-0-4 {
    -webkit-animation-name: fadeInDownSmallOpacityZiroFour;
    animation-name: fadeInDownSmallOpacityZiroFour;
}
.fadeInDownCustom-opacity-0-2 {
    -webkit-animation-name: fadeInDownSmallOpacityZiroTwo;
    animation-name: fadeInDownSmallOpacityZiroTwo;
}
.fadeInLeftCustom {
    -webkit-animation-name: fadeInLeftSmall;
    animation-name: fadeInLeftSmall;
}
.fadeInRightCustom {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall;
}
@-webkit-keyframes animation_8 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,25,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_8 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,25,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_9 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_9 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_12 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_12 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,20,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@-webkit-keyframes animation_13 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}
@keyframes animation_13 {
	0% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; animation-timing-function: ease-in-out}
	50% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,10,0,1); opacity: 1; animation-timing-function: ease-in-out}
	100% {transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); opacity: 1; }
}

@-webkit-keyframes fadeInDownSmall {
	0% {opacity: 0;-webkit-transform: translateY(-20px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmall {
	0% {opacity: 0;-moz-transform: translateY(-20px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmall {
	0% {opacity: 0;-o-transform: translateY(-20px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmall {
	0% {opacity: 0;transform: translateY(-20px);}
	100% {opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;-webkit-transform: translateY(-20px);}
	100% {opacity: .7;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;-moz-transform: translateY(-20px);}
	100% {opacity: .7;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;-o-transform: translateY(-20px);}
	100% {opacity: .7;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmallOpacityZiroSeven {
	0% {opacity: 0;transform: translateY(-20px);}
	100% {opacity: .7;transform: translateY(0);}
}

@-webkit-keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;-webkit-transform: translateY(-20px);}
	100% {opacity: .4;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;-moz-transform: translateY(-20px);}
	100% {opacity: .4;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;-o-transform: translateY(-20px);}
	100% {opacity: .4;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmallOpacityZiroFour {
	0% {opacity: 0;transform: translateY(-20px);}
	100% {opacity: .4;transform: translateY(0);}
}

@-webkit-keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;-webkit-transform: translateY(-20px);}
	100% {opacity: .2;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;-moz-transform: translateY(-20px);}
	100% {opacity: .2;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;-o-transform: translateY(-20px);}
	100% {opacity: .2;-o-transform: translateY(0);}
}
@keyframes fadeInDownSmallOpacityZiroTwo {
	0% {opacity: 0;transform: translateY(-20px);}
	100% {opacity: .2;transform: translateY(0);}
}

@-webkit-keyframes fadeInLeftSmall {
	0% {opacity: 0;-webkit-transform: translateX(-30px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInLeftSmall {
	0% {opacity: 0;-moz-transform: translateX(-30px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInLeftSmall {
	0% {opacity: 0;-o-transform: translateX(-30px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInLeftSmall {
	0% {opacity: 0;transform: translateX(-30px);}
	100% {opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes fadeInRightSmall {
	0% {opacity: 0;-webkit-transform: translateX(50px);}
	100% {opacity: 1;-webkit-transform: translateY(0);}
}
@-moz-keyframes fadeInRightSmall {
	0% {opacity: 0;-moz-transform: translateX(50px);}
	100% {opacity: 1;-moz-transform: translateY(0);}
}
@-o-keyframes fadeInRightSmall {
	0% {opacity: 0;-o-transform: translateX(50px);}
	100% {opacity: 1;-o-transform: translateY(0);}
}
@keyframes fadeInRightSmall {
	0% {opacity: 0;transform: translateX(50px);}
	100% {opacity: 1;transform: translateY(0);}
}
@-webkit-keyframes slideOutLeft {
	from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translateX(-110%);
        transform: translateX(-110%);
    }
}
@-moz-keyframes slideOutLeft {
	from {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        visibility: hidden;
        -moz-transform: translateX(-110%);
        transform: translateX(-110%);
    }
}
@-o-keyframes slideOutLeft {
	from {
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        visibility: hidden;
        -o-transform: translateX(-110%);
        transform: translateX(-110%);
    }
}
@keyframes slideOutLeft {
	from {
        transform: translateX(0);
    }
    to {
        visibility: hidden;
        transform: translateX(-110%);
    }
}
/* --- /animation --- */


@media only screen and (min-width: 1200px) {
   .container {
       max-width: 1170px;
    } 
}
@media  only screen and  (min-width: 768px) {
    .offset-md-1 {
        margin-left: 6.333333%;
    }
}
@media only screen and (max-width: 1200px) {
    h2 {
        font-size: 40px;
        line-height: 52px;
    }
    h4 {
        font-size: 22px;
    }
    p {
        font-size: 20px;
    }
    .section-f-images {
        left: -80px;
    }
    #section-third .section-block p {
        font-size: 16px;
    }
    #section-fourth .btn-download {
        margin-bottom: 20px;
    }
    #section-fourth .section-icons {
        margin-left: 0;
        margin-bottom: 20px;
        display: block !important;
    }
    #section-fourth .section-icon-text {
        margin-left: 0;
        margin-bottom: 100px;
    }
    .post-entry header, .post-entry .post-bottom {
        padding-left: 40px;
        padding-right: 35px;
    }
    .post-entry .col-md-10,
    .post-entry .col-md-2 {
        padding: 0;
    }
    .short-description p {
        font-size: 14px;
    }
    .payment-list li {
        font-size: 20px;
    }
    .payment-list li br {
        display: none;
    }
    .payment-block img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
@media only screen and (max-width: 991px) {
    h2 {
        font-size: 33px;
    }
    p br {
        display: none;
    }
    .navbar-toggler {
        background-color: #fff;
    }
    header {
        padding-bottom: 55px;
    }
    .home header.site-header {
        padding-bottom: 280px;
    }
    .home header .col-lg-4 {
        padding-right: 15px !important; 
    }
    header .btn-download,
    .home header .navbar {
        margin-bottom: 60px;
    }
    header .site-subtitle {
        font-size: 18px;
        line-height: 26px;
    }
    .page-subtitle {
        margin-bottom: 55px;
    }
    .h-header-img-inner {
        display: none;
    }
    .section-f-images {
        left: -160px;
    }
    #section-first {
        padding-bottom: 150px;
    }
    .page #section-first .col-lg-5 {
        text-align: left !important;
        padding-bottom: 55px;
    }
    #section-first .section-list li:nth-of-type(1) a:before,
    #section-first .section-list li:nth-of-type(2) a:before,
    #section-first .section-list li:nth-of-type(3) a:before {
        margin-right: 18px;
    }
    #section-second .section-title,
    #section-second p,
    #section-third .section-block,
    .share-text,
    #section-fourth .section-icon-text,
    #section-subscription .section-subtitle,
    .footer-top h2 {
        margin-bottom: 55px;
    }
    #section-third,
    #section-fourth,
    #section-subscription,
    .footer-top {
        padding-top: 55px;
    }
    #section-fourth .container:after {
        display: none;
    }
    .web-prototyping-images img:last-child {
        margin-bottom: 55px;
    }
    .payment-block {
        padding: 45px 50px;
    }
    .payment-block-first .payment-block {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    .payment-block-first {
        padding-right: 15px !important;
    }
    .line-p,
    .payment-block-second,
    .payment-list li br {
        display: none;
    }
    .post-10505 .post-entry {
        margin-bottom: 0;
    }
    .footer-bottom .col-lg-3 {
        padding-left: 15px !important;
    }
    
    .cookies-modal-btn {
        display: block;
        margin: 10px auto 0;
        width: 100%;
        padding: 10px;
    }
}
@media only screen and (max-width: 767px) {
    .home header .site-logo {
        margin-bottom: 20px;
        width: 100%;
    }
    .home header .navbar,
    .home header .navbar .navbar-nav {
        display: block;
    }
    .home header .navbar .navbar-nav {
        margin: 0;
    }
    .home header .navbar .navbar-nav li {
        display: inline-block;
    }
    .home header .navbar .navbar-nav li a {
        padding: 0.5rem !important;
    }
    #section-first .section-title,
    #section-first .section-subtitle,
    #section-first .section-list {
        padding-left: 40px;
    }
    .section-f-images {
        left: -335px;
    }
    #section-second .title-circle {
        width: 250px;
        height: 250px;
    }
    .share42-item {
        width: 50% !important;
    }
    .footer-top .footer-text {
        margin-bottom: 40px !important;
    }
    .footer-bottom .row > .col-lg-3 {
        margin-bottom: 60px;
    }
    .footer-bottom .row .col-lg-8 .col-lg-3 {
        padding: 0 15px !important
    }
}
@media only screen and (max-width: 575px) {
    .page h1 {
        font-size: 42px;
    }
    h2 br {
        display: none
    }
    .home header.site-header {
        text-align: center;
    }
    .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 20px auto 0;
    }
    .home header .navbar .navbar-nav li a {
        font-size: 24px;
    }
    .header-images,
    .section-f-images {
        display: none;
    }
    header .section-icons {
        width: 65%;
        margin: 0 auto 18px;
    }
    header .site-subtitle {
        width: 65%;
        margin: 0 auto;
    }
    .home header.site-header,
    #section-first {
        padding-bottom: 55px;
    }
    #section-first .col-sm-8 {
        padding: 0 15px !important;
    }
    #section-first .section-title {
        padding-top: 0;
    }
    #section-first .section-title, 
    #section-first .section-subtitle,
    #section-first .section-list {
        padding-left: 0;
    }
    .post-entry .col-sm-10 {
        width: 80%;
        float: left;
    }
    .post-entry .col-sm-2 {
        width: 20%;
        float: left;
    }
    .payment-block a {
        width: 100%;
    }
    .footer-bottom .row > .col-lg-3,
    .footer-bottom .row .col-sm-6,
    .copyright {
        text-align: center;
    }
    .footer-bottom .row > .col-lg-3,
    .footer-bottom .row > .col-lg-4,
    .footer-bottom .row > .col-lg-2 {
        margin-bottom: 20px;
    }
    .footer-list {
        margin: 0;
    }
}
@media only screen and (max-width: 420px) {
    .payment-block {
        padding: 30px;
    }
}
@media only screen and (max-width: 375px) {
    h2 {
        font-size: 26px;
        line-height: 42px;
    }
    h4 {
        font-size: 20px;
    }
    #section-fourth .btn-download {
        width: 100%;
        text-align: center;
    }
    #section-fourth .section-icons,
    #section-fourth .section-icon-text {
        text-align: center;
        display: block !important;
    }
    .payment-list li {
        font-size: 16px;
    }
}
@media only screen and (max-width: 320px) {
    .page #section-first .section-icons {
        margin-right: 0;
        margin-bottom: 20px;
    }
    h1 {
        font-size: 48px;
    }
    #section-first .section-list li a {
        text-align: center;
    }
    #section-first .section-list li:nth-of-type(1) a:before, #section-first .section-list li:nth-of-type(2) a:before, #section-first .section-list li:nth-of-type(3) a:before {
        margin: 0 auto 20px;
        display: block;
    }
}