body {
    padding-top: 0px;
    padding-bottom: 0px;
    /*-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;*/
    font-family: 'Lato', sans-serif;
    position: relative;
}

a,
a:active,
a:focus,
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
    outline: none;
    outline: 0;
}

input::-moz-focus-inner {
    border: 0;
}

.theme-dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 20px;
}

.theme-showcase>p>.btn {
    margin: 5px 0;
}

.theme-showcase .navbar .container {
    width: auto;
}

li a:hover {
    text-decoration: none;
}

.no-resize {
    resize: none !important;
}

input[type="file"].form-control {
    height: auto !important;
}


/********************************************************

********************************************************/

.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
}

#banner-carousel .owl-nav .owl-prev,
#banner-carousel .owl-nav .owl-next {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    font-size: 2em;
    color: #4670bb;
}

#banner-carousel .owl-nav .owl-prev {
    left: 5%;
}

#banner-carousel .owl-nav .owl-next {
    right: 5%;
}


/********************************************************

********************************************************/


/********************************************************

********************************************************/


/********************************************************

********************************************************/

.pad0T {
    padding-top: 0px !important;
}

.pad0R {
    padding-right: 0px !important;
}

.pad0B {
    padding-bottom: 0px !important;
}

.pad0L {
    padding-left: 0px !important;
}

.pad0A {
    padding: 0px !important;
}


/********************************************************

********************************************************/

.pad5T {
    padding-top: 5px !important;
}

.pad5R {
    padding-right: 5px !important;
}

.pad5B {
    padding-bottom: 5px !important;
}

.pad5L {
    padding-left: 5px !important;
}

.pad5A {
    padding: 5px !important;
}


/********************************************************

********************************************************/

.pad10T {
    padding-top: 10px !important;
}

.pad10R {
    padding-right: 10px !important;
}

.pad10B {
    padding-bottom: 10px !important;
}

.pad10L {
    padding-left: 10px !important;
}

.pad10A {
    padding: 10px !important;
}


/********************************************************

********************************************************/

.pad15T {
    padding-top: 15px !important;
}

.pad15R {
    padding-right: 15px !important;
}

.pad15B {
    padding-bottom: 15px !important;
}

.pad15L {
    padding-left: 15px !important;
}

.pad15A {
    padding: 15px !important;
}


/********************************************************

********************************************************/

.pad20T {
    padding-top: 20px !important;
}

.pad20R {
    padding-right: 20px !important;
}

.pad20B {
    padding-bottom: 20px !important;
}

.pad20L {
    padding-left: 20px !important;
}

.pad20A {
    padding: 20px !important;
}


/********************************************************

********************************************************/

.pad30T {
    padding-top: 30px !important;
}

.pad30R {
    padding-right: 30px !important;
}

.pad30B {
    padding-bottom: 30px !important;
}

.pad30L {
    padding-left: 30px !important;
}

.pad30A {
    padding: 30px !important;
}


/********************************************************

********************************************************/

.pad40T {
    padding-top: 40px !important;
}

.pad40R {
    padding-right: 40px !important;
}

.pad40B {
    padding-bottom: 40px !important;
}

.pad40L {
    padding-left: 40px !important;
}

.pad40A {
    padding: 40px !important;
}


/********************************************************

********************************************************/

.mrg0T {
    margin-top: 0px !important;
}

.mrg0R {
    margin-right: 0px !important;
}

.mrg0B {
    margin-bottom: 0px !important;
}

.mrg0L {
    margin-left: 0px !important;
}

.mrg0A {
    margin: 0px !important;
}


/********************************************************

********************************************************/

.mrg5T {
    margin-top: 5px !important;
}

.mrg5R {
    margin-right: 5px !important;
}

.mrg5B {
    margin-bottom: 5px !important;
}

.mrg5L {
    margin-left: 5px !important;
}

.mrg5A {
    margin: 5px !important;
}


/********************************************************

********************************************************/

.mrg10T {
    margin-top: 10px !important;
}

.mrg10R {
    margin-right: 10px !important;
}

.mrg10B {
    margin-bottom: 10px !important;
}

.mrg10L {
    margin-left: 10px !important;
}

.mrg10A {
    margin: 10px !important;
}


/********************************************************

********************************************************/

.mrg15T {
    margin-top: 15px !important;
}

.mrg15R {
    margin-right: 15px !important;
}

.mrg15B {
    margin-bottom: 15px !important;
}

.mrg15L {
    margin-left: 15px !important;
}

.mrg15A {
    margin: 15px !important;
}


/********************************************************

********************************************************/

.mrg20T {
    margin-top: 20px !important;
}

.mrg20R {
    margin-right: 20px !important;
}

.mrg20B {
    margin-bottom: 20px !important;
}

.mrg20L {
    margin-left: 20px !important;
}

.mrg20A {
    margin: 20px !important;
}


/********************************************************

********************************************************/

.mrg30T {
    margin-top: 30px !important;
}

.mrg30R {
    margin-right: 30px !important;
}

.mrg30B {
    margin-bottom: 30px !important;
}

.mrg30L {
    margin-left: 30px !important;
}

.mrg30A {
    margin: 30px !important;
}


/********************************************************

********************************************************/

.mrg40T {
    margin-top: 40px !important;
}

.mrg40R {
    margin-right: 40px !important;
}

.mrg40B {
    margin-bottom: 40px !important;
}

.mrg40L {
    margin-left: 40px !important;
}

.mrg40A {
    margin: 40px !important;
}


/********************************************************

********************************************************/

.font_10 {
    font-size: 10px !important;
}

.font_12 {
    font-size: 12px !important;
}

.font_14 {
    font-size: 14px !important;
}

.font_16 {
    font-size: 16px !important;
}

.font_18 {
    font-size: 18px !important;
}

.font_20 {
    font-size: 20px !important;
}

.font_24 {
    font-size: 24px !important;
}

.font_28 {
    font-size: 28px !important;
}

.font_32 {
    font-size: 32px !important;
}


/********************************************************

********************************************************/

.logo_area {
    width: 370px;
    height: auto;
    position: absolute;
    z-index: 9;
    left: -1px;
    top: 52px;
}

#banner-carouseld {
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

#banner-carouseld .item img {
    width: 100%;
}

#banner-carouseld .item:after {
    width: 100%;
    height: 208px;
    background: url(../img/banner_after.png) no-repeat;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    background-size: 100% 208px;
}

#banner-carouseld .overlay_txt {
    width: 50%;
    height: auto;
    position: absolute;
    left: 6.5%;
    top: 29.5%;
    text-align: center;
}

#banner-carouseld .overlay_txt h1 {
    font-size: 51px;
    font-weight: 300;
    color: #fff;
    font-family: 'Lato', sans-serif;
    margin-top: 0;
    margin-bottom: 35px;
    text-transform: uppercase;
    line-height: 1.1;
}

#banner-carouseld .overlay_txt h1 strong {
    font-weight: bold;
    display: block;
    font-size: 62px;
}

#banner-carouseld .btn-green {
    background: #00cc00;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'PT Serif', serif;
    border: #00cc00 2px solid;
    padding: 13px 32px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    margin: 8px;
}

#banner-carouseld .btn-green:focus,
#banner-carousel .btn-green:hover {
    color: #5fb1e7;
    border: #5fb1e7 2px solid;
    background: transparent;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

#banner-carouseld .btn-line {
    background: transparent;
    color: #5fb1e7;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    font-family: 'PT Serif', serif;
    border: #5fb1e7 2px solid;
    padding: 13px 32px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    margin: 8px;
    transition: .5s ease-in-out;
}

#banner-carouseld .btn-line:hover {
    background: green;
    color: #fff;
    transition: .5s ease-in-out;
}

#banner-carouseld .btn-line:focus,
#banner-carousel .btn-line:hover {
    color: #fff;
    border: #00cc00 2px solid;
    background: #00cc00;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

#banner-carouseld .overlay_img {
    width: 31.5%;
    height: auto;
    position: absolute;
    right: 7.5%;
    bottom: 21px;
    z-index: 9;
}

#banner-carouseld .overlay_img img {
    width: 100%;
}


/********************************************************

********************************************************/

#about_area {
    padding-top: 74px;
    padding-bottom: 94px;
    position: relative;
}

#about_area:after {
    width: 100%;
    height: 92px;
    content: "";
    background: url(../img/about_area_after.png) no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    z-index: 1;
    background-size: 100% 92px;
}

#about_area .headline {
    margin-bottom: 30px;
}

#about_area .headline h4 {
    font-size: 21px;
    font-weight: 400;
    color: #319ade;
    font-family: 'Lato', sans-serif;
    margin-top: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#about_area .headline h2 {
    font-size: 40px;
    font-weight: bold;
    color: #0c2568;
    font-family: 'Lato', sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 24px;
    text-transform: uppercase;
    position: relative;
    line-height: 1;
}

#about_area .headline h2:after {
    width: 116px;
    height: 1px;
    background: #00cc00;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}

#about_area p {
    font-size: 17px;
    font-weight: 300;
    color: #6b6b6b;
    font-family: 'Lato', sans-serif;
    line-height: 1.5;
    padding-right: 87px;
}


/********************************************************

********************************************************/

#easy_area {
    padding-top: 135px;
    padding-bottom: 62px;
    background: #f4f6f7;
    position: relative;
}

#easy_area:after {
    width: 100%;
    height: 92px;
    content: "";
    background: url(../img/easy_after.png) no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -80px;
    z-index: 9;
    background-size: 100% 92px;
}

#easy_area .headline {
    margin-bottom: 30px;
}

#easy_area .headline h2 {
    font-size: 50px;
    font-weight: bold;
    color: #0c2568;
    font-family: 'Lato', sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 24px;
    position: relative;
    line-height: 1;
}

#easy_area .headline h2:after {
    width: 116px;
    height: 1px;
    background: #00cc00;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
}

#easy_area p big {
    font-size: 24px;
    font-weight: 300;
    color: #1c2226;
    font-family: 'Muli', sans-serif;
    line-height: 1.5;
}

#easy_area p big a {
    color: #145987;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#easy_area p big a:hover {
    color: #1c2226;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#easy_area .easy_list {
    width: 65%;
    padding: 0;
    margin: 0;
    list-style-position: inside;
}

#easy_area .easy_list li {
    padding: 27px 0;
    margin: 0;
    border-bottom: #d7e3eb 1px solid;
    font-size: 39px;
    font-weight: bold;
    color: #d7e3eb;
    font-family: 'Muli', sans-serif;
}

#easy_area .easy_list li a {
    font-size: 24px;
    font-weight: bold;
    color: #1c2226;
    padding: 0 0 0 10px;
    display: inline-block;
    text-decoration: none;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#easy_area .easy_list li a:hover {
    color: #5fb0e7;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

#easy_area .easy_list li a img {
    margin-right: 17px;
}

#easy_area .download_ico {
    text-align: center;
    width: 100%;
    padding-left: 65px;
    margin-top: 25px;
}

#easy_area .download_ico a {
    display: inline-block;
    padding: 0 6px;
}


/********************************************************

********************************************************/

#video_area {
    background: url(../img/video_img.png) no-repeat;
    background-size: 100% 100%;
    height: 448px;
    position: relative;
}

#video_area:before {
    width: 100%;
    height: 65px;
    content: "";
    background: url(../img/video_after.png) no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100% 65px;
}

#video_area>img {
    width: 100%;
}

.video_txt {
    width: 40%;
    height: 140px;
    position: absolute;
    left: 7%;
    top: 0;
    bottom: 0;
    margin: auto;
}

.video_txt h2 {
    font-size: 116px;
    font-weight: bold;
    color: rgba(255, 255, 255, .3);
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}

#video_area .video_btn {
    width: 30%;
    height: 250px;
    position: absolute;
    right: 26.5%;
    top: 0;
    bottom: 0;
    margin: auto;
}

#video_area .vidio_bttn_area {
    position: relative;
}

#video_area .vidio_bttn_area .btn_txt {
    width: auto;
    height: 20px;
    display: inline-block;
    margin: 34px 11px;
    left: 166px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    color: #fff;
}

.play-btn {
    width: 105px;
    height: 105px;
    background: radial-gradient( rgb(0, 204, 0) 55%, rgba(5, 15, 97, 0) 55%);
    border-radius: 50%;
    position: relative;
    display: block;
    margin: 36px 0 0 35px;
    box-shadow: 0px 0px 1px 1px rgb(0, 204, 0);
    /* padding: 11px; */
}


/* triangle */

.play-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    transform-origin: center center;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 30px solid #fff;
    z-index: 100;
    -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}


/* pulse wave */

.play-btn:before {
    content: "";
    position: absolute;
    width: 150%;
    height: 150%;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate1 2s;
    animation: pulsate1 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 1px solid rgb(0, 204, 0);
    top: -24%;
    left: -24%;
    background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate1 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 1;
        box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 1px rgba(255, 255, 255, 1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        box-shadow: none;
    }
}

@keyframes pulsate1 {
    0% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 1;
        box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 1), 0px 0px 0px 1px rgba(255, 255, 255, 1);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1);
        opacity: 0;
        box-shadow: none;
    }
}


/********************************************************

********************************************************/

footer {
    padding-top: 16px;
    padding-bottom: 39px;
}

footer p {
    font-size: 15px;
    font-weight: 400;
    color: #636363;
    font-family: 'Muli', sans-serif;
    margin-bottom: 0;
    margin-top: 20px;
}

footer h4 {
    font-size: 17.6px;
    font-weight: bold;
    color: #000;
    font-family: 'Muli', sans-serif;
    display: block;
    width: 100%;
}

footer .download_from a {
    padding: 0 3px;
    display: inline-block;
}


/********************************************************

********************************************************/


/********************************************************

********************************************************/


/********************************************************

********************************************************/


/********************************************************

********************************************************/


/********************************************************

********************************************************/


/********************************************************

********************************************************/


/********************************************************

********************************************************/


/********************************************************

********************************************************/

@media (min-width:1200px) {
    .container {
        max-width: 1170px
    }
}


/********************************************************

********************************************************/

#easy_area p {
    font-size: 24px;
    font-weight: 300;
    color: #1c2226;
    font-family: 'Muli', sans-serif;
    line-height: 1.5;
}

.q_link {
    text-align: center;
    ;
}

.banner_app a img {
    max-width: 100%;
    width: auto !important;
    display: inline-block;
}