
@font-face {
    font-display: optional;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: local('Ubuntu Light'), local('Ubuntu-Light'), url('/fonts/Ubuntu/Ubuntu-Light.ttf') format('ttf');
}
@font-face {
    font-display: optional;
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 300;
    src: local('Ubuntu Light Italic'), local('Ubuntu-Light-Italic'), url('/fonts/Ubuntu/Ubuntu-LightItalic.ttf') format('ttf');
}
@font-face {
    font-display: optional;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url('/fonts/Ubuntu/Ubuntu-Regular.ttf') format('ttf');
}
@font-face {
    font-display: optional;
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 400;
    src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url('/fonts/Ubuntu/Ubuntu-Italic.ttf') format('ttf');
}
@font-face {
    font-display: optional;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url('/fonts/Ubuntu/Ubuntu-Medium.ttf') format('ttf');
}
@font-face {
    font-display: optional;
    font-family: 'Ubuntu';
    font-style: italic;
    font-weight: 500;
    src: local('Ubuntu Medium Italic'), local('Ubuntu-Medium-Italic'), url('/fonts/Ubuntu/Ubuntu-MediumItalic.ttf') format('ttf');
}
@font-face {
    font-display: optional;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('/fonts/Ubuntu/Ubuntu-Bold.ttf') format('ttf');
}
@font-face {
    font-display: optional;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: local('Ubuntu Bold Italic'), local('Ubuntu-Bold-Italic'), url('/fonts/Ubuntu/Ubuntu-BoldItalic.ttf') format('ttf');
}

body{
    font-size: 15px;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: 'Ubuntu', Roboto, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Oxygen", "Cantarell", "Open Sans", sans-serif;;
}

.btn-shadow{
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
.btn-shadow-lg{
    box-shadow: 0 10px 27px rgba(0,0,0,0.3);
}
a.text-pink{
    color: #e91e63;
    font-weight: bold;
}
a.text-blue{
    color: #03a8c3;
    font-weight: bold;
}
.text-white{
    color: #fff;
}
@media (max-width: 767px) {
  .text-left-xs {
    text-align: left;
  }
  .text-right-xs {
    text-align: right;
  }
  .text-center-xs {
    text-align: center;
  }
  .text-justify-xs {
    text-align: justify;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .text-left-sm {
    text-align: left;
  }
  .text-right-sm {
    text-align: right;
  }
  .text-center-sm {
    text-align: center;
  }
  .text-justify-sm {
    text-align: justify;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .text-left-md {
    text-align: left;
  }
  .text-right-md {
    text-align: right;
  }
  .text-center-md {
    text-align: center;
  }
  .text-justify-md {
    text-align: justify;
  }
}
@media (min-width: 1200px) and (max-width: 1429px) {
  .text-left-lg {
    text-align: left;
  }
  .text-right-lg {
    text-align: right;
  }
  .text-center-lg {
    text-align: center;
  }
  .text-justify-lg {
    text-align: justify;
  }
}
@media (min-width: 1430px) {
  .text-left-xlg {
    text-align: left;
  }
  .text-right-xlg {
    text-align: right;
  }
  .text-center-xlg {
    text-align: center;
  }
  .text-justify-xlg {
    text-align: justify;
  }
}

/*********************************
OLD
*********************************/
.site-nav{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 500;
    background: #fff;
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.066);
    box-sizing: border-box;
    height: 60px;
}
.site-nav .item {
    height: 60px;
    padding: 0 18px;
    line-height: 60px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    color: #3a3a3a;
    font-weight: 600;
    /*font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;*/
    font-size: 13px;
    background-color: rgba(249,249,249,0);
    transition: background-color .2s linear, color .2s linear;
}
.site-nav .site-nav-links {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.site-nav .site-nav-primary, .site-nav .site-nav-secondary {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.site-nav .site-nav-secondary {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.scr-img {
    max-width: 100%;
    margin-top: 20px;
    box-shadow: 0px 0px 3px #d4d4d4;
}
.scr-img.right {
    margin-left: -20%;
}
.scr-img.left {
    margin-left: 20%;
}
.violet-bg {
    padding-bottom: 40px;
    background-image: url(../images/ramfy/overlay.png), linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
    color: #fff;
    margin-top: 100px;
    position: relative;
}
.violet-bg .h1.main-title {
    color: #fff;
}
.yellow-k {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background-image: url(../images/ramfy/k3.png);
    top: -262px;
    left: 7px;
    background-size: contain;
    opacity: .95;
}


/*Ð¡Ð¢Ð˜Ð›Ð˜ Ð”Ð›Ð¯ Ð¨ÐÐŸÐšÐ˜*/

#navbar_header {
    background-color: #ffffff;
    border: none;
    /*color: white;*/
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 0;

    /*min-height: 70px;*/
}
#navbar_header .navbar-brand {
    color: #1B224C !important;
    font-size: 32px;
    height: auto;
    font-weight: 500;
    padding: 10px 15px;
}
#navbar_header .navbar-nav > li {
    height: 60px;
}
#navbar_header .navbar-nav>li>a {
    /*color: #5a5a5a;*/
    color: #5a5a5a;
}
#navbar_header .navbar-nav>li>a:hover{
    background: rgba(0, 0, 0, 0.04);
}
#navbar_header .navbar-nav>li>a.item-white {
    /*color: #fbfbfb;*/
}
@media (max-width: 991px) and (min-width: 768px) {
    .navbar-custom-menu > .navbar-nav > li {
        position: auto;
    }
}
@media (min-width: 768px) {
    .navbar-default {
        background: transparent;
    }
    .navbar-custom-menu > .navbar-nav > li:hover {
        background: none;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
        background: transparent;
    }
    #navbar_header{
        position: relative;
        width: 100%;
        border: none;
        /* padding-top: 10px; */
        z-index: 10;
        background: rgba(255, 255, 255, 0.91);
        border-bottom: 1px solid lightgray;
    }
    #navbar_header .navbar-nav>li>a {
        font-size: 16px;
        padding: 0px 20px;
        height: 100%;
        vertical-align: middle;
        line-height: 60px;

    }
    /*#navbar_header .navbar-nav>li:first-child>a {
        margin-left: 0;
    }
    #navbar_header .navbar-nav>li>a:hover:before {
        display: block;
        content: "";
        position: absolute;
        bottom: 0;
        left: 5%;
        height: 2px;
        width: 90%;
        background: #5a5a5a;
    }*/
    #navbar_header .navbar-nav>li>a.item-white:hover:before {
        /*background: white;*/
    }
    #navbar_header .navbar-nav>li>a.btn:hover:before {
        display: none;
    }
    .colors_navbar .nav li a:before {
        bottom: 10px;
    }
}
@media (min-width: 1430px) {
    #navbar_header .navbar-nav>li>a {
        font-weight: 500;
        margin-left: 15px;
    }
}
#navbar_header .btn-single{
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;

    border-width: 2px;
    -webkit-border-width: 2px;
    -moz-border-width: 2px;
    -ms-border-width: 2px;
    -o-border-width: 2px;

    min-width: 120px;
}
#navbar_header .btn-single.btn-blue{
    color: rgb(114, 130, 255);
    border-width: 2px;
    border-color: rgb(114, 130, 255);
    border-style: solid;
    border-radius: 20px;
    font-size: 16px;
    /*font-family: "Myriad Pro";*/
    line-height: 1;
    background: transparent;
    height: auto;
    line-height: initial;
    margin-top: 9px;
    padding: 6px 15px;
    min-width: 150px;
    max-width: 100%;
    margin-top: 12px;
}
#navbar_header .btn-single.btn-blue:hover,
#navbar_header .btn-single.btn-blue:focus,
#navbar_header .btn-single.btn-blue:active,
#navbar_header .open>.btn-single.btn-blue,
#navbar_header .open>.btn-single.btn-blue:hover,
#navbar_header .open>.btn-single.btn-blue:focus {
    background: #6d74cf;
    color: white;
    border-color: #6d74cf;
}
#navbar_header a:hover ~ .dropdown-menu.dropdown-menu-hover,
#navbar_header a:hover + .dropdown-menu.dropdown-menu-hover,
#navbar_header .dropdown-menu.dropdown-menu-hover:hover{
    display: block;
}
#navbar_header .dropdown-menu {
    border-radius: 10px;
    margin-top: 8px;
    padding: 10px 0;
    font-size: 15px;
}
#navbar_header .dropdown-menu>li>a{
    color: #606060;
    padding: 5px 20px;
}
#navbar_header .dropdown-menu:before {
    content: '';
    position: absolute;
    display: block;
    right: 30px;
    top: -6px;
    border: 10px solid transparent;
    border-top: 0;
    border-bottom: 6px solid #e7e7e7;
}
@media (max-width: 991px) {
    #navbar_header .dropdown-menu:before {
        display: none;
    }
}
#navbar_header .dropdown-menu:after {
    content: '';
    position: absolute;
    right: 0px;
    left: 0px;
    top: -25px;
    height: 30px;
    width: 100%;
    background: transparent;
    border: none;
    z-index: 1;
}
#navbar_header .navbar-mobile {
    margin-bottom: 0;
    margin-top: 0;
    color: #333;
    font-size: 17px;
}
#navbar_header .navbar-mobile .navbar-nav>li>a {
    border-top: 1px solid #d0d5da;
    padding: 13px 15px;
}
#navbar_header .navbar-mobile .navbar-nav>li>a:hover,
#navbar_header .navbar-mobile .navbar-nav>li>a:active,
#navbar_header .navbar-mobile .navbar-nav>li>a:focus{
    color: #505050;
}
@media (max-width: 767px) {
    #navbar_header .navbar-brand {
        margin: 0;
        padding: 15px;
    }
    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form{
        border: none;
        box-shadow: none;
    }
    #navbar_header .navbar-toggle {
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 12px 14px;
    }
}


/****************
SHOP INFO
***************/
#navbar_header #shop-info-dropdown {
    width: 100%;
    width: 275px;
    right: 0;
    left: auto;
    /*color: #333;*/

    color: #95979E;
    padding: 0 0 10px 0;
}
#shop-info-dropdown > li > a {
    padding: 5px 20px;
}
#shop-info-dropdown .shop-row {
    background: #eee;
    padding: 15px 10px;
    position: relative;

    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;

    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    -o-border-top-right-radius: 10px;
}
#shop-info-dropdown .shop-row:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 76%, rgba(0,0,0,0.07) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 76%,rgba(0,0,0,0.07) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 1%,rgba(0,0,0,0) 76%,rgba(0,0,0,0.07) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#12000000',GradientType=1 );
}
#shop-info-dropdown .shop-image {
    text-align: center;
    margin-bottom: 15px;
    display: block;
    background: transparent;
    position: relative;
}
#shop-info-dropdown .shop-image img{
    max-width: 100%;
    max-height: 40px;
}
#shop-info-dropdown .shop-user-name {
    color: #555;
}
#shop-info-dropdown .balance-row,
#shop-info-dropdown .tariff-row{
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.balance-row .cbtn {
    border-radius: 3px;
    width: 80px;
    border-color: #F1F1F1;
}
.balance-row .cbtn:hover,
.balance-row .cbtn:active,
.balance-row .cbtn:focus {
    background-color: #eee;
}
#shop-info-dropdown .tariff-row {
    padding: 15px 20px;
    margin-bottom: 9px;
}
#shop-info-dropdown a .fas {
    color: #989494;
    margin-right: 7px;
}
/****************
END SHOP INFO
***************/







/************************************************************/
.ocean.ocean-gray { 
    background: #e8e8e8;
    margin-top: 100px;
    height: 0;
}
.ocean.ocean-gray .wave {
    background-image: url('../images/landing/wave_gray.svg') 
}
.ocean.ocean-gray.aos-animate .wave {
    transform: scaleY(0.75);
}

.row-block-12 {
    background: #E9EFFD;
}
.row-block-12 .block-text {
    color: #828282;
}
footer {
    border-top: none !important;
}
footer > .container {
    border-top: 1px solid #c6cddc;
}
.form-subscribe-news {

}
.form-subscribe-news input.form-control {
    border-radius: 0;
    box-shadow: none;
    border-radius: 3px;
    border: 1px solid #bcc3ea;
}

.row-block {
    width: 100%;
    overflow: hidden;
}

.h1.main-title{
    font-size: 60px;
    font-weight: 400;
    /*color: #1b195f;*/
}
.h1.main-title.sm{
    font-size: 40px;
}
.h1.main-title.text-white{
    color: #fff;
}
.header-text{
    font-size: 24px;
    color: #1b195f;
}
.block-text{
    font-size: 20px;
    color: #5e6e9c;
}

.row-block .h1.uppercase-blue{
    /*color: #2f71ff;*/
    color: #5979e6;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 36px;
}
.row-block.row-block-padding-top {
    padding-top: 50px;
}
.row-block.row-block-padding-bottom {
    padding-bottom: 50px;
}

#img_block1 {
    position: relative;
}
#img_block1 img{
    position: relative;
    top: -220px;
    left: 0;
}
.row-block.row-block-3 {
    background: rgba(0, 82, 255, 0.05);
    background: transparent;
    width: 100%;
    left: 0;
}

.module-block-aos {
    margin-top: 30px;
    text-align: center;
    width: 265px;
    display: inline-block;
    margin: 15px 5px;
}
.module-block {
    display: block;
    background: white;
    border-radius: 25px;
    /*padding: 10px;*/
}
.module-block:hover{
    text-decoration: none;
}
.module-block .module-img {
    vertical-align: bottom;
    text-align: center;
    width: 100%;
    padding-top: 15px;
    height: 135px;
}
.module-block .module-img img {
    max-width: 100%;
    max-height: 100%;
}
.module-block .module-title {
    color: #4c6fe3;
    /*color: #1b195f;*/
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 10px 10px 0 10px;
}
.module-block .module-desc {
    font-size: 16px;
    color: #444444;
    padding: 15px 10px 20px 10px;
}
/* h2 uppercase-blue*/
.row-modules {

}
.row-modules > .col-lg-3 {
    /*padding-left: 5px;*/
    /*padding-right: 5px;*/
}
.rectangle-wrapper {
    position: absolute;
}
.rectangle-radius{
    display: block;
    position: absolute;
    width: 900px;
    height: 900px;
    background: #739CF3;
    border-radius: 240px;
}
.pathos-wrapper {
    color: #446cb8;
}
/*.pathos-wrapper {
    background: white;
    border-radius: 30px;
    padding: 20px 0px;
    min-height: 160px;
}*/
.pathos-wrapper .h1 {
    font-weight: bold;
    color: #446cb8;
}
.pathos-wrapper .block-text{
    color: #446cb8;
    font-weight: 500;
}
@media (min-width: 991px) {
    .pathos-wrapper.pathos-white,
    .pathos-wrapper.pathos-white .h1,
    .pathos-wrapper.pathos-white .block-text {
        color: white;
    }
}
.row-block-2 .rectangle-wrapper {
    z-index: -1;
}
.row-block-2 .rectangle-radius{
    top: -30px;
    left: -580px;
    transform: rotate(69deg);
}
.atlas-panel-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
}
.atlas-panel-wrapper img{
    position: absolute;
    top: 0px;
    left: 0px;

    border-radius: 2px;

    box-shadow: 0 0px 30px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0px 30px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0px 30px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0px 30px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 0px 30px 0 rgba(0,0,0,0.2);
}
.rectangle-wrapper.rectangle-wrapper-type-1{
    top: -100px;
    left: -30px;
}
.rectangle-wrapper-type-1 .rectangle-radius{
    width: 100px;
    height: 100px;
    background: #344f94;
    border-radius: 18px;
}
.rectangle-wrapper-type-1 .rectangle-radius:nth-child(1){
    width: 380px;
    height: 285px;
    top: 202px;
    left: 157px;
    border-radius: 38px;
}
.rectangle-wrapper-type-1 .rectangle-radius:nth-child(2){
    width: 187px;
    height: 150px;
    top: 35px;
    left: 423px;
    border-radius: 38px;
}
.rectangle-wrapper-type-1 .rectangle-radius:nth-child(3){
    width: 100px;
    height: 60px;
    top: 143px;
    left: 50px;
}
.rectangle-wrapper-type-1 .rectangle-radius:nth-child(4){
    width: 100px;
    height: 60px;
    top: 258px;
    left: 595px;
}
.rectangle-wrapper-type-1 .rectangle-radius:nth-child(5){
    width: 100px;
    height: 58px;
    top: 508px;
    left: 379px;
}.row-block-4 .atlas-panel-wrapper {
    top: 0px;
}
.block-desc-type-1 {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.block-desc-type-1 .block-image{
    display: table-cell;
    padding-right: 25px;
}
.block-desc-type-1 .block-image img{
    max-width: 50px;
    max-height: 50px;
}
.block-desc-type-1 .block-desc{
    display: table-cell;
    width: 100%;

    vertical-align: top;
}
.block-desc-type-1 .block-desc .block-desc-title{
    color: #4b5c8e;
    font-weight: 500;
    margin-bottom: 10px;
}
.block-desc-type-1 .block-desc p{
    font-size: 16px;
}
.row-block-type-2 .h1.main-title{
    font-weight: 500;
    color: #344c90;
    font-size: 52px;
}
.row-block-violet .header-text .fas {
    font-size: 18px;
    margin-right: 10px;
}
.row-block-violet ul li {
    position: relative;
    -webkit-transition: left 0.2s;
    -moz-transition: left 0.2s;
    -o-transition: left 0.2s;
    transition: left 0.2s;
    left: 0;
}
.row-block-violet ul li:hover{
    left: 30px;
    cursor: pointer;
}
.row-block-type-2 .header-text{
    color: #344c90;
}
.row-block-type-2 .atlas-panel-wrapper{
    top: -100px;
    left: 0px;
}
.row-block-5 .atlas-panel-wrapper {
    top: -60px;
}
.row-block-6 .atlas-panel-wrapper {
    top: -60px;
}
.ocean { 
    height: 20px;
    width:100%;
    position:relative;
    margin-top: 200px;
    bottom:0;
    left:0;
    background: #707dec;
}
.ocean .wave {
    background: url('../images/landing/wave.svg') repeat-x; 
    background-position: -600px 0px;
    position: absolute;
    top: -198px;
    /*left: -30%;*/
    width: 100%;
    height: 198px;
    transform-origin: bottom;
    transform: scaleY(0);
    transition: transform 0.75s cubic-bezier( .56,1.39,.81,.96);
}
.ocean.aos-animate .wave {
    /*animation: wave 0.55s cubic-bezier( .56,1.39,.81,.96);*/
    transform: scaleY(1);
}

.wave:nth-of-type(2) {
    top: -175px;
    opacity: 1;
    transition: transform 0.75s cubic-bezier( .56,1.39,.81,.96) -.125s;
}
.ocean.aos-animate .wave:nth-of-type(2) {
    animation: swell 7s ease -1.25s infinite;
}
@keyframes swell {
    0%, 100% {
        top: -190px;
    }
    50% {
        top: -160px;
    }
}
.row-block-7 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#928cf6+0,4a6de1+100 */
    background: rgb(112, 125, 236); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(112, 125, 236,1) 0%, rgba(74,109,225,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(112, 125, 236,1) 0%,rgba(74,109,225,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(112, 125, 236,1) 0%,rgba(74,109,225,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#928cf6', endColorstr='#4a6de1',GradientType=0 ); /* IE6-9 */
}
.row-block-7 .h1,
.row-block-7 .header-text,
.row-block-7 .block-text {
    color: white;
}
.row-block-8 .atlas-panel-wrapper {
    top: -60px;
}
.row-block-9 .atlas-panel-wrapper {
    top: -60px;
}
.row-block-9 .rectangle-wrapper {
    z-index: -1;
}
.row-block-9 .rectangle-radius{
    top: -220px;
    left: -10px;
    width: 700px;
    height: 700px;
    transform: rotate(67deg);
    background: #e9effd;
}
.row-block-10 .atlas-panel-wrapper {
    top: -60px;
}
#img_block1 img {
    max-width: none;
}
@media (min-width: 1600px) {
    #img_block1 img {
        top: -215px;
    }
}
@media (max-width: 1199px) {
    .row-block-2 .rectangle-radius{
        left: -665px;
    }
}
@media (max-width: 1450px) {
    #img_block1 img {
        max-width: 700px;
        top: -70px;
    }
}
@media (min-width: 768px) {
    .btn-shadow-anim-lg.module-block{
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
    }

    .btn-shadow-anim-lg.module-block:hover{
        box-shadow: 0 2px 15px 0 rgba(0,0,0,0.14), 0 4px 17px 0 rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.14), 0 4px 17px 0 rgba(0,0,0,0.15);
        -moz-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.14), 0 4px 17px 0 rgba(0,0,0,0.15);
        -ms-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.14), 0 4px 17px 0 rgba(0,0,0,0.15);
        -o-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.14), 0 4px 17px 0 rgba(0,0,0,0.15);
    }
}
@media (min-width: 768px) {
    #img_block1 {
        height: 690px;
    }
}
@media (max-width: 1199px) {
    .h1.main-title {
        font-size: 46px;
    }
    .h1.main-title.sm{
        font-size: 34px;
    }
    .header-text{
        font-size: 22px;
    }
    .row-block .h1.uppercase-blue{
        font-size: 28px;
    }
}
@media (max-width: 991px) {
    .row-block.row-block-padding-top {
        padding-top: 30px;
    }
    .row-block.row-block-padding-bottom {
        padding-bottom: 35px;
    }
    .h1.main-title {
        font-size: 40px;
    }
    .h1.main-title.sm{
        font-size: 28px;
    }
    .header-text{
        font-size: 20px;
    }
    .row-block .h1.uppercase-blue{
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    .row-block.row-block-padding-top {
        padding-top: 20px;
    }
    .row-block.row-block-padding-bottom {
        padding-bottom: 20px;
    }
    .row-block-violet {
        background-image: url(../images/ramfy/overlay.png), linear-gradient(45deg, #4A4771 0%, #7C3875 100%);
    }
    .row-block-violet  .h1.main-title {
        font-size: 28px;
        color: #f1f1f1;
    }
    .h1{
        font-size: 28px;
    }
    .h1.main-title.sm{
        font-size: 22px;
    }
    .header-text{
        font-size: 16px;
        color: #cdc1d2;
    }
    .row-block .h1.uppercase-blue{
        font-size: 24px;
        text-transform: none;
    }
    .block-text{
        font-size: 16px;
    }
    .ocean,
    .ocean.ocean-gray {
        margin-top: 50px;
        bottom: -2px;
    }
    footer > .container {
        border-top: none;
    }
    img {
       max-width: 100%; 
    }
}
@media (min-width: 768px) {
    #navbar_header{
        /*position: absolute;*/
    }
}
@media (min-width: 768px) {
    .btn-shadow-anim-lg {
        /*box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12);*/
        box-shadow: 0 1px 0px 0 rgba(0,0,0,0.2), 0 1px 0px 0 rgba(0,0,0,0.14), 0 2px 0px -1px rgba(0,0,0,0.12);
        -webkit-box-shadow: 0 1px 0px 0 rgba(0,0,0,0.2), 0 1px 0px 0 rgba(0,0,0,0.14), 0 2px 0px -1px rgba(0,0,0,0.12);
        -moz-box-shadow: 0 1px 0px 0 rgba(0,0,0,0.2), 0 1px 0px 0 rgba(0,0,0,0.14), 0 2px 0px -1px rgba(0,0,0,0.12);
        -ms-box-shadow: 0 1px 0px 0 rgba(0,0,0,0.2), 0 1px 0px 0 rgba(0,0,0,0.14), 0 2px 0px -1px rgba(0,0,0,0.12);
        -o-box-shadow: 0 1px 0px 0 rgba(0,0,0,0.2), 0 1px 0px 0 rgba(0,0,0,0.14), 0 2px 0px -1px rgba(0,0,0,0.12);

        /*box-shadow: 0 0px 10px 0 rgba(0,0,0,0.1), 0 0px 10px 0 rgba(0,0,0,0.10);*/

        transition: box-shadow 0.2s, top 0.2s;
        -webkit-transition: box-shadow 0.2s, top 0.2s;
        -moz-transition: box-shadow 0.2s, top 0.2s;
        -ms-transition: box-shadow 0.2s, top 0.2s;
        -o-transition: box-shadow 0.2s, top 0.2s;
        position: relative;
        top: 0px;
    }
    .btn-shadow-anim-lg:hover{
        top: -5px;
        box-shadow: 0 6px 20px 0 rgba(0,0,0,0.19), 0 8px 17px 0 rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,0.19), 0 8px 17px 0 rgba(0,0,0,0.2);
        -moz-box-shadow: 0 6px 20px 0 rgba(0,0,0,0.19), 0 8px 17px 0 rgba(0,0,0,0.2);
        -ms-box-shadow: 0 6px 20px 0 rgba(0,0,0,0.19), 0 8px 17px 0 rgba(0,0,0,0.2);
        -o-box-shadow: 0 6px 20px 0 rgba(0,0,0,0.19), 0 8px 17px 0 rgba(0,0,0,0.2);
    }
    .btn-shadow-anim-lg:after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 10px;
        background: transparent;
        left: 0;
        bottom: 0px;
        transition: bottom 0.2s;
        -webkit-transition: bottom 0.2s;
        -moz-transition: bottom 0.2s;
        -ms-transition: bottom 0.2s;
        -o-transition: bottom 0.2s;
    }
    .btn-shadow-anim-lg:hover:after {
        bottom: -5px;
    }
}

.modal-content {
    border: none;
    border-radius: 15px;
}