/*
Theme Name: nBuddy
Theme URI: http://localhost/nbuddy-wordpress/wp-admin/themes.php
*/

@import url("css/bootstrap.min.css");
@import url("font-awesome/css/font-awesome.min.css");

/* header*/

@font-face {
    font-family: 'ArialMT';
    src: url('bootstrap/fonts/ARI.ttf');
}

@font-face {
    font-family: 'FranklinGothic-Book';
    src: url('bootstrap/fonts/FranklinGothicLTCom-Md.ttf');
}

@font-face {
    font-family: 'FranklinGothic-Reg';
    src: url('bootstrap/fonts/FranklinGothicLTCom-Bk.ttf');
}

.btn-success {
    background-color: #27aeb8 !important;
    border-color: #27aeb8 !important;
}

.btn-down{
  color: #FFFFFF !important;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  width: 50%;
  height: 100%;
  padding: 7px;
}

.slide-one{
  width: 61% !important;
}

.slide-tree{
  width: 60% !important;
}

.slide-two{
  width: 46% !important;
}

.slide-fine{
  width: 42% !important;
}

.slide-six{
  width: 44% !important;
}

@media (min-width:1440px) {
  .n2-style-9321a4e0b19f948e28815dbceb8b58b9-dot n2-active,
  .n2-style-9321a4e0b19f948e28815dbceb8b58b9-dot{
    width: 12px !important;
    height: 12px !important;
  }
}


.slide-four{
  width: 42%;
}

.btn-down:hover{
  color: #2496e2 !important;
  transition: .5s;
  border-color: #2496e2 !important;
}

.navbar-inverse, #sidebar, #footer, .banner1, .banner2, .banner3, div#n2-ss-1 .n2-ss-slide .n2-ss-slide-background img, .banner4 {
    width: 100%;
}

div#n2-ss-1 .n2-style-720a4b3bf6f4ab667acc40f7b91ea518-dot {
    margin-left: 10px !important;
    margin-right: 10px !important;
    width: 5px !important;
    height: 5px !important;
}

@media (width: 1440px) {
    .navbar-inverse, #sidebar, #footer, .banner1, .banner2, .banner3, .banner4 {
        width: 1440px;
    }
    .banner1, .banner2, .banner3, .banner4, .video-dest iframe {
        height: 722px;
    }
    div#n2-ss-1 .n2-style-720a4b3bf6f4ab667acc40f7b91ea518-dot {
        width: 12px !important;
        height: 12px !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    div#n2-ss-1 .n2-style-720a4b3bf6f4ab667acc40f7b91ea518-dot.n2-active, div#n2-ss-1 .n2-style-720a4b3bf6f4ab667acc40f7b91ea518-dot:HOVER {
        background: #20B16F !important;
    }

    div#n2-ss-1 .n2-ss-layer .n2-font-eb76fa429c49c5cbe0ad0a5e7d278cb6-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-f26b1c884193ad9a698af5a1d8833e56-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-8aa4b3c8eaa934af469c4ce8dea8b83a-paragraph {
        font-size: 48px !important;
        font-family: 'FranklinGothic-Book' !important;
    }
    div.n2-ss-desktop hr.sport {
        width: 881px !important;
    }
    div.n2-ss-desktop hr.snack {
        width: 846px !important;
    }
    div.n2-ss-desktop hr.jogging {
        width: 794px !important;
    }
}

@media (min-width: 768px){
.navbar-nav.navbar-right:last-child {
    margin-right: 0px !important;
}
}

div#n2-ss-1 .n2-ss-layer .n2-font-8aa4b3c8eaa934af469c4ce8dea8b83a-paragraph {
    padding: 0px !important;
}

div#n2-ss-1 .n2-ss-slide .n2-ss-slide-background img {
    object-fit: cover;
}



div.n2-ss-desktop hr.sport, div.n2-ss-desktop hr.snack, div.n2-ss-desktop hr.jogging, div.n2-ss-desktop hr.cake {
    border: 2px solid white !important;
    margin-top: 5px !important;
}

div.n2-ss-desktop hr.cake {
    width: 749px !important;
}

.navbar {
    padding-top: 8px !important;
}

.navbar-inverse .navbar-toggle {
    border-color: transparent !important;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: transparent !important;
}

@media (min-width: 360px) and (max-width: 374px) {
    div#n2-ss-1 .n2-ss-layer .n2-font-eb76fa429c49c5cbe0ad0a5e7d278cb6-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-f26b1c884193ad9a698af5a1d8833e56-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-8aa4b3c8eaa934af469c4ce8dea8b83a-paragraph {
        font-size: 12px !important;
    }
    div#n2-ss-1 .n2-ss-slide .n2-ss-slide-background img {
        width: 100% !important;
        margin-left: 0px !important;
    }

    div#n2-ss-1 .n2-style-720a4b3bf6f4ab667acc40f7b91ea518-dot {
        margin-left: 0px !important;
        */ margin-right: 0px !important;
        width: 0px !important;
        height: 0px !important;
    }
    div.n2-ss-desktop hr.sport, div.n2-ss-desktop hr.snack, div.n2-ss-desktop hr.jogging, div.n2-ss-desktop hr.cake {
        width: 95.5% !important;
        border: 1px solid white !important;
    }
    div#n2-ss-1 .n2-style-5876d312b0cb09adfbaac295cd76f5fd-heading {
        margin-right: 8px !important;
        margin-left: -17px !important;
        margin-top: 4px !important;
        padding: 2px !important;
    }
}

@media (min-width: 412px) and (max-width: 413px) {
    div#n2-ss-1 .n2-ss-layer .n2-font-eb76fa429c49c5cbe0ad0a5e7d278cb6-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-f26b1c884193ad9a698af5a1d8833e56-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-8aa4b3c8eaa934af469c4ce8dea8b83a-paragraph {
        font-size: 13.8px !important;
        margin-top: 3px !important;
    }
    div#n2-ss-1 .n2-ss-slide .n2-ss-slide-background img {
        width: 100% !important;
        margin-left: 0px !important;
    }

    div#n2-ss-1 .n2-style-720a4b3bf6f4ab667acc40f7b91ea518-dot {
        margin-left: 0px !important;
        */ margin-right: 0px !important;
        width: 0px !important;
        height: 0px !important;
    }
    div.n2-ss-desktop hr.sport, div.n2-ss-desktop hr.snack, div.n2-ss-desktop hr.jogging, div.n2-ss-desktop hr.cake {
        width: 95.5% !important;
        border: 1px solid white !important;
    }
    div#n2-ss-1 .n2-style-5876d312b0cb09adfbaac295cd76f5fd-heading {
        margin-left: -6px;
        margin-right: 16px;
        margin-top: 5px;
        padding: 3px !important;
    }
}

#size-right-slide {
    margin-right: 0px !important;
}

@media (min-width: 320px) and (max-width: 359px) {
    div#n2-ss-1 .n2-ss-layer .n2-font-eb76fa429c49c5cbe0ad0a5e7d278cb6-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-f26b1c884193ad9a698af5a1d8833e56-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-8aa4b3c8eaa934af469c4ce8dea8b83a-paragraph {
        font-size: 10.2px !important;
        margin-top: 3px !important;
    }
    div#n2-ss-1 .n2-ss-slide .n2-ss-slide-background img {
        width: 100% !important;
        margin-left: 0px !important;
    }

    div#n2-ss-1 .n2-style-720a4b3bf6f4ab667acc40f7b91ea518-dot {
        margin-left: 0px !important;
        */ margin-right: 0px !important;
        width: 0px !important;
        height: 0px !important;
    }
    div.n2-ss-desktop hr.sport, div.n2-ss-desktop hr.snack, div.n2-ss-desktop hr.jogging, div.n2-ss-desktop hr.cake {
        width: 95.5% !important;
        border: 1px solid white !important;
    }
    div#n2-ss-1 .n2-style-5876d312b0cb09adfbaac295cd76f5fd-heading {
        margin-left: -5px;
        margin-right: 12px;
        margin-top: 4px;
        padding: 2px !important;
    }
}

@media (min-width: 375px) and (max-width: 411px) {
    div#n2-ss-1 .n2-ss-layer .n2-font-eb76fa429c49c5cbe0ad0a5e7d278cb6-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-f26b1c884193ad9a698af5a1d8833e56-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-8aa4b3c8eaa934af469c4ce8dea8b83a-paragraph {
        font-size: 12.6px !important;
    }
    div#n2-ss-1 .n2-ss-slide .n2-ss-slide-background img {
        width: 100% !important;
        margin-left: 0px !important;
    }
    div#n2-ss-1 .n2-style-720a4b3bf6f4ab667acc40f7b91ea518-dot {
        margin-left: 0px !important;
        */ margin-right: 0px !important;
        width: 0px !important;
        height: 0px !important;
    }
    div.n2-ss-desktop hr.sport, div.n2-ss-desktop hr.snack, div.n2-ss-desktop hr.jogging, div.n2-ss-desktop hr.cake {
        width: 95.5% !important;
        border: 1px solid white !important;
    }
    div#n2-ss-1 .n2-style-5876d312b0cb09adfbaac295cd76f5fd-heading {
        margin-left: -5px;
        margin-right: 12px;
        margin-top: 4px;
        padding: 2px !important;
    }
}

@media (width: 414px) and (max-width: 767px) {
    div#n2-ss-1 .n2-ss-layer .n2-font-eb76fa429c49c5cbe0ad0a5e7d278cb6-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-f26b1c884193ad9a698af5a1d8833e56-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-8aa4b3c8eaa934af469c4ce8dea8b83a-paragraph {
        font-size: 13.6px !important;
    }
    div#n2-ss-1 .n2-ss-slide .n2-ss-slide-background img {
        width: 100% !important;
        margin-left: 0px !important;
    }

    div#n2-ss-1 .n2-style-720a4b3bf6f4ab667acc40f7b91ea518-dot {
        margin-left: 0px !important;
        */ margin-right: 0px !important;
        width: 0px !important;
        height: 0px !important;
    }
    div.n2-ss-desktop hr.sport, div.n2-ss-desktop hr.snack, div.n2-ss-desktop hr.jogging, div.n2-ss-desktop hr.cake {
        width: 95.5% !important;
        border: 1px solid white !important;
    }
    div#n2-ss-1 .n2-style-5876d312b0cb09adfbaac295cd76f5fd-heading {
        margin-left: -5px;
        margin-right: 16px;
        margin-top: 4px;
        padding: 2px !important;
    }
}

@media (width: 768px) {
    div#n2-ss-1 .n2-ss-layer .n2-font-eb76fa429c49c5cbe0ad0a5e7d278cb6-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-f26b1c884193ad9a698af5a1d8833e56-paragraph, div#n2-ss-1 .n2-ss-layer .n2-font-8aa4b3c8eaa934af469c4ce8dea8b83a-paragraph {
        font-size: 25.5px !important;
        margin-top: 8px !important;
    }
    div#n2-ss-1 .n2-ss-slide .n2-ss-slide-background img {
        width: 100% !important;
        margin-left: 0px !important;
    }

    div#n2-ss-1 .n2-style-720a4b3bf6f4ab667acc40f7b91ea518-dot {
        margin-left: 0px !important;
        */ margin-right: 0px !important;
        width: 5px !important;
        height: 5px !important;
    }
    div.n2-ss-desktop hr.sport, div.n2-ss-desktop hr.snack, div.n2-ss-desktop hr.jogging, div.n2-ss-desktop hr.cake {
        width: 95.5% !important;
        border: 1px solid white !important;
    }
    div#n2-ss-1 .n2-style-5876d312b0cb09adfbaac295cd76f5fd-heading {
        margin-left: -9px;
        margin-right: 33px;
        margin-top: 10px !important;
        padding: 4px !important;
    }
}

.map-container {
    width: 100%;
}

.map-container iframe {
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative;
    /* IE needs a position other than static */
}

.map-container iframe.clicked {
    pointer-events: auto;
}

#row-one-app {
    margin: 90px 0px;
}

#btn-size {
    float: right;
    /*width: 32%;*/
}

#sidebar h3 {
    font-size: 30px;
    letter-spacing: 1.1px;
    line-height: 41px;
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    #sidebar h3 {
        font-size: 22px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    #sidebar h3 {
        font-size: 14px;
    }
}

#image-size img {
    margin-bottom: 10px;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    #image-size img {
    	width: 255px;
	}
}

#footer #main-size h4 b {
    font-size: 24px;
    letter-spacing: 0.7px;
    line-height: 27px;
}

@media (max-width: 1048px) {
    #footer #main-size h4 b {
        font-size: 15px;
    }
}

@media (max-width: 770px) {
    #footer #main-size h4 b {
        font-size: 14px;
    }
}

@media (width: 768px) {
    #footer h6, p.footer-line {
        font-size: 16px !important;
    }
}

@media (max-width: 762px) {
    #footer #main-size h4 b {
        font-size: 24px;
    }
}

.hr-using {
    padding: 0px 8% !important;
}

.navbar-inverse {
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    background-color: #14171C !important;
    border-color: #14171C !important;
    /*height: 92px;*/
}

.navbar-inverse .page-bg, #sidebar .boxes-home, .maps {
    padding-top: 8px;
    padding-left: 0px;
}

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

.navbar-inverse .page-bg .navbar-header p.logo {
    font-size: 36px;
    letter-spacing: 1.1px;
    line-height: 41px;
    font-family: 'ArialMT';
}

#main-sidebar hr, #sidebar #main-sidebar p textarea, .main-bg, div.boxes, .tittle-boxes hr, #map, .navbar-inverse .page-bg .navbar-header p.logo, .maps iframe {
    width: 100%;
}

.navbar-inverse .page-bg .navbar-header p.title-logo, .navbar-inverse .navbar-right li a button span, .navbar-inverse ul li a, #footer #main-size h4 b, .carousel-caption h4, .carousel-caption p, div.boxes, div.addres-map, .navbar-inverse .page-bg .navbar-header p.logo, #contact_us button p.Submit-title, #footer h6, p.footer-line {
    color: #FFFFFF !important;
}

.navbar-inverse .page-bg .navbar-header p.title-logo {
    font-size: 13px;
    letter-spacing: 0.4px;
    line-height: 15px;
    font-family: 'ArialMT';
    margin-top: -10px;
}

.n-color {
    font-size: 36px;
    letter-spacing: 1.1px;
    line-height: 41px;
}

.navbar-inverse .navbar-right li a button, #sidebar #main-sidebar button, #sidebar .container h3 b span, .carousel-indicators .active, .n-color {
    color: #20B16F !important;
}

.navbar-inverse .navbar-right li a button span, #main-sidebar .scroll p span, #main-sidebar span h4.title-contact, #footer #main-size h4 b, #sidebar .content-title p, #sidebar .description p, #sidebar p b.title, #sidebar #main-sidebar p input, #contact_us button p.Submit-title, #footer h6, p.footer-line, #footer p, #list-content h3, #main-size span h3 b, #main-size span h3 b span, .carousel-caption h4, .carousel-caption p, #main-sidebar span h2.title-faq, #sidebar .container h3 b, #sidebar h1 b, #sidebar p h3 b.colaboration, #sidebar .boxes h5 b.home-ttl, .navbar-inverse ul li a, .addres-map h4 b, .addres-map p, #sidebar h3 {
    font-family: 'FranklinGothic-Book';
}

#footer p {
    color: #fff;
    font-weight: 100 !important;
    font-size: 18px;
    margin-bottom: 0;
    font-family: 'FranklinGothic-Reg';
}

.navbar-inverse ul li {
    margin: 0px 8px;
}

#main-sidebar div.size-col, .main-bg, .navbar-inverse .navbar-right li a {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.navbar-inverse .navbar-right li#menu-item-40 a {
    width: 171px;
}

.navbar-inverse .navbar-right li#menu-item-37 a {
    width: 140px;
}

.navbar-inverse .navbar-right li#menu-item-33 a {
    width: 62px;
}

.navbar-inverse .navbar-right li a button {
    border-radius: 2px;
    margin-top: -8px;
}

.navbar-brand {
    padding-top: 3px !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .navbar-brand img {
        width: 264px;
    }
}

.navbar-inverse .navbar-right li a button span, .navbar-inverse ul li a, #contact_us button p.Submit-title {
    font-size: 22px;
    letter-spacing: 0.7px;
    line-height: 25px;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .navbar-inverse .navbar-right li#menu-item-40 a {
        width: auto;
    }
    .navbar-inverse .navbar-right li#menu-item-37 a {
        width: auto;
    }
    .navbar-inverse .navbar-right li#menu-item-33 a {
        width: auto;
    }
    .navbar-inverse ul li a, .navbar-inverse .navbar-right li a button span {
        font-size: 16px;
    }
    .navbar-inverse .page-bg .navbar-header p.title-logo {
        font-size: 8px;
    }
    .navbar-inverse .page-bg .navbar-header p.logo {
        font-size: 28px;
    }
}

.navbar-inverse .navbar-right .active {
    border-bottom: 8px solid #40B86A;
}

.navbar-inverse .navbar-right li a {
    margin-top: 11px;
    margin-bottom: 12px;
}


/*faq*/

#main-sidebar {
    padding: 61px 33px 0px 33px;
}

#main-sidebar div.size-col, .fullscreen {
    text-align: right;
}

#main-sidebar span h2.title-faq {
    margin-top: -3%;
    margin-left: -4%;
    padding: 0px 4px;
    margin-bottom: 0px;
}

#list-company {
    margin-bottom: 30px;
}

.box-address {
    margin-bottom: 7%;
    padding: 0px 0px;
}

@media (min-width: 1160px) and (max-width: 1190px) {
    .box-address {
        padding: 0px 92px;
    }
}

@media (min-width: 1139px) and (max-width: 1159px) {
    .box-address {
        padding: 0px 65px;
    }
}

@media (min-width: 1070px) and (max-width: 1138px) {
    .box-address {
        padding: 0px 55px;
    }
}

@media (min-width: 999px) and (max-width: 1069px) {
    .box-address {
        padding: 0px 32px;
    }
}

@media (min-width: 954px) and (max-width: 998px) {
    .box-address {
        padding: 0px 17px;
    }
}

@media (max-width: 953px) {
    .addres-map {
        width: 100% !important;
    }
}

.addres-map .icon-address {
    padding-right: 0px;
    padding-left: 5px;
    display: flex;
    align-items: center;
}

.addres-map .icon-find-us {
    padding-right: 0px;
    padding-left: 5px;
}

.main-photo #image-size {
    padding: 15px 14% !important;
}

#main-size span hr, #list-content .main-photo hr, #main-size .main-photo hr, #sidebar .container hr.line, #sidebar .container hr.line-home, #sidebar hr.line-content, #sidebar hr.colaboration, #main-sidebar hr, #appdownload hr {
    border: 1px solid #000000;
}

.main-photo hr {
    margin: 20px auto !important;
}

.line-contact {
    margin-top: 0%;
}

#contact-position input {
    padding: 8px 50px;
    font-size: 20px !important;
    font-family: 'FranklinGothic-Reg';
}

#main-sidebar .scroll p span, .addres-map p, #main-sidebar span h4.title-contact, #footer #main-size h4 b, #sidebar .content-title p, #sidebar .description p, #sidebar p b.title, #sidebar #main-sidebar p input, #list-content h3, #main-size span h3 b, #main-size span h3 b span, .carousel-caption h4, .carousel-caption p, #main-sidebar span h2.title-faq, #sidebar .container h3 b, #sidebar h1 b, #sidebar p h3 b.colaboration, .addres-map h4 b, #sidebar .boxes h5 b.home-ttl {
    color: #000000;
}

#main-sidebar .scroll p span, .addres-map p {
    font-size: 23px;
    line-height: 20px;
    letter-spacing: 0.5px;
}


/*contact us*/

#main-sidebar #contact_us {
    padding-left: 6.5%;
    margin-bottom: 4%;
    margin-top: -16px;
}

@media (width: 768px) {
    #main-sidebar #contact_us {
        margin-bottom: 4%;
        padding-left: 13px;
        margin-top: -12%;
    }
}

.video-dest {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#main-sidebar span h4.title-contact {
    margin-top: -1%;
}

#main-sidebar span h4.title-contact, #sidebar .content-title p, #sidebar .description p {
    font-size: 24px;
    letter-spacing: 0.7px;
    line-height: 27px;
}

#sidebar p b.title {
    font-size: 20px;
    letter-spacing: 0.6px;
    line-height: 22px;
}

#sidebar #main-sidebar p input {
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 16px;
    border-bottom: 1px solid #000000;
    width: 100%;
    margin-top: 5px;
    padding: 0px;
}

#main-sidebar #contact_us span input {
    padding: 0px !important;
}

#sidebar #main-sidebar p textarea {
    font-size: 12px;
    border: 2px solid #000000;
    border-radius: 0px;
    margin-top: 22px;
}

#sidebar #main-sidebar div #name-title {
    margin-bottom: 46px;
    margin-top: 16% !important;
}

#sidebar #main-sidebar div #subject-title {
    margin-top: 54px;
    margin-bottom: 44px;
}

#sidebar #main-sidebar button {
    border-radius: 2px;
    padding: 9px 33px 5px 33px;
    float: right;
}

#main-size {
    padding: 38px 92px 0px 92px;
}


.slash-img {
    padding: 38px 64px 0px 64px !important;
}

#footer {
    background-color: #14171C;
    /*width: 1440px;*/
    padding-bottom: 20px !important;
}

#footer #main-size hr {
    border: 1px solid #FFFFFF;
    margin-top: -4px;
    margin-right: 25px;
    width: 100%;
}

#footer h6, p.footer-line {
    font-size: 18px;
    letter-spacing: 0.6px;
    line-height: 20px;
    margin-top: -9px;
}

#footer .ftr-bottom {
    margin-top: 0px;
    padding: 15px;
}

#footer .app-img {
    margin-top: 0;
}

#list-content {
    padding: 0px 92px 38px 92px;
}

.list-contact, .list-banner {
    padding: 0px !important;
}

#border-banner {
    padding: 59px 60px 59px 14px !important;
}

.banner3-size {
    padding: 6% 60px 6% 1% !important;
}

#splash-image {
    margin-bottom: 4%;
}

.banner1-border {
    padding: 32px;
}

.banner-right {
    padding: 5% 0px;
}

.banner-bottom {
    margin-bottom: 5px;
}

#list-banner #friends-support {
    padding: 8% 19px 8% 5%;
}


/*Using nbuddy*/

.sound-bg {
    border: 1px solid #a1a1a1;
    padding: 47px 25px;
    background: white;
    border-color: white;
    width: 100px;
    border-radius: 50%;
    text-align: center;
}

#size-video {
    margin: 0px !important;
}

.main-bg .play-icon {
    padding-top: 23%;
}

#main-hp {
    margin-top: 0px;
}

.list-size {
    margin-bottom: 35px;
}

#main-sidebar .size-col span img {
    float: right;
    margin-top: 3%;
}

#main-size span h3 b, #main-size span h3 b span, .carousel-caption h4, .carousel-caption p, #main-sidebar span h2.title-faq, #sidebar .container h3 b, #sidebar h1 b, #sidebar p h3 b.colaboration, .addres-map h4 b {
    font-size: 48px;
    letter-spacing: 1.5px;
    line-height: 54px;
}

@media (min-width: 321px) and (max-width: 767px) {
    #sidebar .container h3 b.colaboration {
        font-size: 31px;
    }
}

@media (max-width: 320px) {
    #sidebar .container h3 b.colaboration {
        font-size: 27px;
    }
}

#main-size span hr {
    width: 90%;
    float: left;
    margin-top: 35px !important;
}

#main-size #line-download {
    margin-top: -47px;
}

#main-size .content-download {
    padding: 10% 10px;
}

.main-photo {
    text-align: center;
}

#list-content .main-photo hr, #main-size .main-photo hr, #sidebar .container hr.line, #sidebar .container hr.line-home {
    width: 100%;
}

#sidebar .container hr.line-home {
    width: 399px !important;
    margin-top: -3px;
}

@media (max-width: 768px) {
    #sidebar .container hr.line-home {
        width: 100% !important;
        margin-top: -3px;
    }
}

#sidebar .boxes-home {
    padding-right: 15px;
    padding-top: 0px;
}


/*Scroll*/

.scroll {
    height: auto;
    /*overflow-x: hidden;
    overflow-y: scroll;*/
    padding: 0px 10px;
}

.scroll::-webkit-scrollbar {
    width: 0.5em;
}

.scroll::-webkit-scrollbar-thumb {
    background-color: #080808;
    outline: 1px solid slategrey;
    border-radius: 50px;
}


/*carousel*/

.carousel-indicators li {
    background: #FFFFFF !important;
    width: 12px !important;
    height: 12px !important;
}

.carousel-indicators .active {
    background: #20B16F !important;
    width: 12px !important;
    height: 12px !important;
    border-color: #20B16F !important;
}

.carousel-caption h3 {
    font-weight: bold;
    margin: 200px 478px;
    border: 1px solid white;
    padding: 15px;
    width: 23%;
    letter-spacing: 2px;
    border-radius: 5%;
    left: 20% !important;
}

#sidebar .home-content {
    margin: 30px 0px;
}

#sidebar .boxes img {
    height: 288px;
    /*width: 451px;*/
    width: 100%;
    background-color: #D7DADB;
    object-fit: cover;
}

#sidebar .boxes h5 b.home-ttl {
    font-size: 24px;
    letter-spacing: 0.9px;
    line-height: 32px;
}

@media (max-width: 412px) {
    #sidebar .boxes h5 b.home-ttl {
        font-size: 22px !important;
    }
}

@media (min-width:1227px) and (max-width: 1440px) {
    #sidebar .boxes h5 b.home-ttl {
        font-size: 22px !important;
    }
}

@media (min-width:991px) and (max-width: 1226px) {
    #sidebar .boxes h5 b.home-ttl {
        font-size: 16px !important;
    }
}

@media (min-width:928px) and (max-width: 990px) {
    #sidebar .boxes h5 b.home-ttl {
        font-size: 14px !important;
    }
}

@media (min-width:835px) and (max-width: 927px) {
    #sidebar .boxes h5 b.home-ttl {
        font-size: 12px !important;
    }
}

@media (min-width:769px) and (max-width: 834px) {
    #sidebar .boxes h5 b.home-ttl {
        font-size: 10px !important;
    }
}

.carousel-caption h4 {
    text-align: left;
    margin-top: 200px;
}

.carousel-caption p.food {
    text-align: left;
}

.carousel-caption p.sport {
    text-align: left;
    padding-left: 15%;
}

.carousel-caption {
    left: 6% !important;
}

.carousel-caption hr {
    border: 2px solid #FFFFFF;
    margin-top: -1%;
    margin-bottom: 5%;
}

.carousel-caption hr.bycicle {
    width: 881px;
}

.carousel-caption hr.food {
    width: 846px;
}

.carousel-caption hr.cake {
    width: 749px;
    margin-bottom: 20%;
}

.carousel-caption hr.friend {
    width: 794px;
    margin-bottom: 11%;
}

div.boxes {
    height: auto;
    /*box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
    text-align: center;
    margin: 10px 0px;
    border-radius: 5px;
	overflow: auto;
}

div.tittle-boxes {
    padding: 30px;
	border: 1px solid #e0e0e0;
    border-top: 0;
	border-radius: 0 0 5px 5px;
}

.tittle-boxes hr {
    border: 1px solid #000000;
}

.boxer-content {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.boxer-content.icw {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.box-padding {
    padding: 30px !important;
}

@media (max-width: 778px;
) {
    img#social {
        width: 30% !important;
    }
}

.banner-dest{
    padding: 44px 5px !important;
    display: flex !important;
    align-items: center !important;
}

.top-center-text{
  display: flex !important;
  align-items: center !important;
}

#size-video div.row{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.banner1 {
    background: url('../../uploads/2016/11/Green-Banner.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
}

.banner2 {
    background: url('../../uploads/2016/11/Red-Banner.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
}

.banner3 {
    background: url('../../uploads/2016/11/Group-5-1.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
}

.banner4 {
    background: url('../../uploads/2016/11/Group-6-1.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    height: 100%;
}

#sidebar hr.colaboration {
    width: 72%;
    display: block;
    margin: 0 auto;
}

@media (max-width:1120px) {
    #sidebar hr.colaboration {
        width: 90% !important;
    }
}

@media (max-width: 770px) {
    .descp-box hr {
        width: 100% !important;
    }
}

@media (width: 1440px) {
    .banner1, .banner2, .banner3, .banner4 {
        height: 722px !important;
    }
    div.boxes {
        width: 451px !important;
    }
    .tittle-boxes hr {
        width: 373px !important;
    }
    #sidebar hr.colaboration {
        width: 788px !important;
    }
    #sidebar .boxes h5 b.home-ttl {
        font-size: 23apx !important;
    }
    .banner-right {
        padding: 3% 0px !important;
    }
    .right-banner4 {
        padding: 0% 0px !important;
    }
    div#n2-ss-1 img {
        height: 609px;
    }
    #sidebar hr.line-content {
        width: 706px !important;
    }
    #main-size span hr {
        width: 605px !important;
    }
    .map-container iframe {
        width: 1440px !important;
        height: 684px;
    }
    div.addres-map {
        width: 451px !important;
    }
    .addres-map img#contact {
        margin: 131% 0% !important;
    }
    .addres-map #find_us {
        margin: 45px 0 !important;
    }
}

@media (min-width: 1441px;
) {
    .map-container iframe {
        width: 100% !important;
    }
}

#sidebar span img#banner,
#sidebar span img#banner-right,
.banner-dest .banner-bottom span img#banner,
.right-banner4 span img#banner-right {
    width: 284px;
    height: auto;
    margin: 0 auto !important;
    display: block;
    float: none !important;
}

.size-word{
  margin: 0 auto !important;
  display: block;
  width: 70% !important;
}

@media (max-width: 777px) {
  .size-word{
    margin: 0 auto !important;
    display: block;
    width: auto !important;
  }

  .banner-dest{
      padding: 44px 5px !important;
      display: block !important;
      align-items: center !important;
  }

  .top-center-text{
    /*display: flex !important;
    align-items: center !important;*/
    width: auto !important;
    margin-right: 0px !important;
  }
}

#contact-position {
    margin-right: -20px;
    margin-top: 15px;
    margin-left: 0px !important;
}

#sidebar hr.line-content, #sidebar hr.colaboration {
    margin-top: -8px;
}

#sidebar .title-colaboration {
    margin-top: 30px;
    margin-bottom: 30px;
}

#sidebar hr.line-content {
    width: 100%;
}

#map {
    height: 684px;
    margin-top: 40px;
}

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

div.addres-map {
    width: auto;
    height: 206px;
    text-align: left;
    border-radius: 0px;
    float: left;
    padding: 25px 20px;
}

@media (min-width: 320px) and (max-width: 770px) {
    div.addres-map, #address hr {
        width: 100% !important;
    }
    .addres-map h4 b {
        font-size: 37px !important;
    }
    .box-address {
        padding: 0px;
    }
    #main-sidebar .scroll p span, .addres-map p {
        font-size: 17px !important;
    }
}

@media (max-width: 320px) {
    div.addres-map, #address hr {
        width: 100% !important;
    }
    .box-address {
        padding: 0px !important;
    }
    .addres-map h4 b {
        font-size: 34px !important;
    }
    div#n2-ss-1 .n2-ss-layer .n2-font-eb76fa429c49c5cbe0ad0a5e7d278cb6-paragraph {
        font-size: 9px;
    }

    div#n2-ss-1 .n2-style-5876d312b0cb09adfbaac295cd76f5fd-heading {
        padding: 0px;
    }
}

div.contact-us-box {
	float: none;
    display: flex;
    margin: 0 auto;
    width: 400px;
}

@media(min-width: 1200px) {
    .before-footer {
        width: 1000px;
    }
}

@media (width: 1440px;
) {
    .before-footer {
        width: 950px;
    }
}

.descp-box, #address {
    padding: 17px 19px;
}

.descp-box hr {
    border: 1px solid #000000;
    margin-top: -9px;
    width: 239px;
}

.addres-map #find_us {
    margin: 47px 0;
    display: block;
    /*width: 100%;*/
}

h6 a.social {
    color: #ffffff;
}

@media(min-width: 412px) and (max-width: 413px) {
    #footer #main-size h4 b {
        font-size: 22px;
    }
}

@media(width: 320px) {
    #footer #main-size h4 b {
        font-size: 16px;
    }
}

.after-copyright {
    margin-bottom: 2% !important;
}

.addres-map img#contact {
    height: 64px;
    width: 53px;
    margin: 165% 0%;
}

@media (min-width: 770px) and (max-width: 953px) {
    .addres-map .icon-address img {
        margin-left: 49px !important;
    }
    .addres-map #find_us {
        margin-left: 46px !important;
    }
}

@media (min-width: 710px) and (max-width: 769px) {
    .addres-map img#contact {
        margin-left: 30px !important;
    }
    .addres-map #find_us {
        margin-left: 30px !important;
    }
}

@media (min-width: 651px) and (max-width: 709px) {
    .addres-map img#contact {
        margin-left: 30px !important;
    }
    .addres-map #find_us {
        margin-left: 30px !important;
    }
}

@media (min-width: 589px) and (max-width: 650px) {
    .addres-map img#contact {
        margin-left: 16px !important;
    }
    .addres-map #find_us {
        margin-left: 16px !important;
    }
}

@media (min-width: 510px) and (max-width: 589px) {
    .addres-map img#contact {
        margin-left: 16px !important;
    }
    .addres-map #find_us {
        margin-left: 16px !important;
    }
}

@media (min-width: 446px) and (max-width: 509px) {
    .addres-map img#contact {
        margin-left: 8px !important;
    }
    .addres-map #find_us {
        margin-left: 8px !important;
    }
}

@media (min-width: 415px) and (max-width: 445px) {
    .addres-map img#contact {
        margin-left: 8px !important;
    }
    .addres-map #find_us {
        margin-left: 8px !important;
    }
}

@media (max-width: 414px) {
    .addres-map img#contact {
        margin: 176% 0% !important;
    }
}

@media(width: 768px) {
    .addres-map img#contact {
        margin-left: 30px;
    }
    .addres-map .icon-find-us {
        padding-left: 30px;
    }
}

#address hr {
    width: 239px;
    border: 1px solid #000000;
    margin-top: -9px;
}

.ftr-bottom span p.policy {
    margin-top: -13px;
}

@media(max-width: 445px) {
    .ftr-bottom span h6.copyright {
        margin-left: 0% !important;
    }
    .ftr-bottom span p.policy {
        margin-left: 0% !important;
    }
}

.get-app-button-mobile {
    display: none;
}

.get-app-button-desktop {
    display: none;
}

@media (min-width: 768px) {
    .get-app-button-desktop {
        display: block;
    }
}

.fa-q {
    font-size: 85% !important;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    background-color: transparent !important;
}

.using-title {
    margin-top: 60px;
}

.using-title h1 {
    color: #000;
    font-weight: 600 !important;
}

.boxer-content a:hover {
    color: inherit;
    text-decoration: none;
}

#list-company .list-company-box {
    width: 70%;
    margin: 0 auto;
}

@media (max-width: 768px) {
    #list-company .list-company-box {
        width: 100%;
    }
}

div.wpcf7-mail-sent-ok {
    margin-top: 90px;
}

.pad-bot {
    padding-bottom: 20px;
}

#size-video video {
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  z-index: 0;
  margin-bottom: -5px;
}
.play-btn i {
  font-size: 120px;
  color: #fff;
  position: absolute;
  text-align: center;
  z-index: 99999;
  display: flex !important;
  align-items: center !important;
  margin-left: 48%;
}


#size-video .play-btn {
  visibility: hidden;
}

#size-video:hover .play-btn{
  visibility: visible;
}

#footer p a{
  color: #FFFFFF !important;
}

.size-on-faq{
  margin-right: -15px !important;
}

@media (width: 768px) {
  .box-padding {
      padding: 0px !important;
  }
  .addres-map #find_us{
      margin-left: 0px !important;
  }
}

@media (max-width: 767px) {
    #main-size {
        padding: 0;
    }

    .navbar-brand img {
        width: 226px;
    }
    .slash-img {
        padding: 0 !important;
    }

    .list-banner {
        padding: 20px 0px !important;
    }
    .banner-bottom {
        margin-bottom: 0;
    }
    #main-sidebar .size-col span img {
        float: right;
        margin-top: 7%;
    }

    #main-size .content-download span img {
        width: 100%;
        height: auto;
    }

    #border-banner {
        padding: 0px;
    }
    #sidebar span img#banner {
        width: 200px;
        display: block;
        margin: 0 auto;
    }
    #sidebar span img#banner-right {
        float: none !important;
        margin: 0 auto;
        width: 200px;
    }
    .get-app-button-mobile {
        display: block;
    }
    .get-app-button-mobile button {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .play-btn i{
      font-size: 45px !important;
    }
}

#video-container {
	position: relative;
  width: 100%;
}

#video-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	background-image: linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -o-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(3,113,168) 13%, rgb(0,136,204) 100%);

	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, #f5f5f5), color-stop(1, #f5f5f5) );
}

#video-container:hover #video-controls {
	opacity: 1;
}

button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

button:hover {
	cursor: pointer;
}

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

#video-controls .btn-play i, .pause-play-btn i, .fullscreen i {
  font-size: 30px;
  color: #7E7F80;
  align-items: center !important;
}

.fullscreen{
  float: right !important;
}
.pause-play-btn{
  text-align: left !important
}
.space-top-button{
  padding: 5px 0px;
}

@media (max-width: 999px) {
  .fullscreen{
    float: right !important;
    padding-right: 34px !important;
  }
   .pause-play-btn{
     padding-left: 5px !important;
   }

   #video-controls{
     padding: 2px !important;
   }

   .play-btn i {
    margin-top: -8% !important;
  }
}

.range{
  width: 50%;
}

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

@media (width: 320px) {
  .range{
    width: 45% !important;
    padding-right: 0px !important;
  }

  #video-controls{
    padding: 0px !important;
  }
}

@media (min-width: 923px){
  #video-controls div.col-xs-1{
    width: 4%!important;
  }

  #video-controls div.col-xs-1.btn-play{
    width: 0%!important;
  }

  #video-controls div.col-xs-6{
    width: 70%!important;
    padding-right: 0px;
  }

  #video-controls div.col-xs-1.fullscreen{
    padding-right: 38px !important;
  }
}

@media (min-width: 768px) and (max-width: 922px) {
  #video-controls div.col-xs-6{
    width: 68%!important;
    padding-right: 0px;
  }

  #video-controls div.col-xs-1.fullscreen{
    padding-right: 38px !important;
  }

  #video-controls div.col-xs-1{
    width: 4%!important;
  }

  #video-controls div.col-xs-2{
    width: 17%!important;
  }

  #video-controls div.col-xs-1.btn-play{
    width: 0%!important;
  }
}

@media (max-width: 767px){
  #video-controls div.col-xs-6{
    width: 50%!important;
    padding-right: 0px;
  }

  #video-controls div.col-xs-1.fullscreen{
    padding-right: 38px !important;
  }

  #video-controls div.col-xs-1{
    width: 7%!important;
  }

  #video-controls div.col-xs-2{
    width: 17%!important;
  }

  #video-controls div.col-xs-1.btn-play{
    width: 0%!important;
  }
}


#news-img {
    margin-top: 50px;
    margin-bottom: 100px; 
}

@media (max-width: 767px) {
    #news-img:first-child {
        margin-bottom: 0; 
    }
}

#link-break {
    word-break: break-all;
}

#footer .app-shot {
    margin-top: 15px;
}

#sidebar .appdownload {
    margin-top: 60px;
    margin-bottom: 60px;
}

#download-app {
    padding: 0 10% !important;
    margin-bottom: 10%;
}

#app-image {
    margin-top: 60px;
}

#app-download {
    margin-bottom: 60px;
}

#space {
    padding-top: 20%;
}

@media (max-width: 767px) {
    #footer .app-shot {
        margin-top: 25px;
    }
}

@media (width: 1024px) {
    #footer .app-shot {
        margin-top: 10px;
    }
    #footer p {
        font-size: 16px;
    }
    /*.main-photo #image-size {
        padding: 75px 14% !important;
    }*/
}

@media (min-width: 768px) and (max-width: 1023px) {

    #footer .app-shot {
        margin-top: 25px;
    }
    #footer p {
        font-size: 10px;
    }
    #footer #main-size h4 {
        height: 80px;
    }
    #footer #main-size div {
        display: table;
    }
    #footer #main-size div h4 {
        display: table-cell;
        vertical-align: middle;
    }
}

@media (min-width: 1025px) {
    #footer #main-size h4 b {
        font-size: 20px;
    }
    /*.main-photo #image-size {
        padding: 100px 14% !important;
    }*/
}

/* 5 column */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
.content-blog {
        margin: 60px 0px;
}
.content-blog .blog-list {
        height: 300px;
        float: left;
        margin-bottom: 50px;
        border-right: 5px solid #40b86a;
        -webkit-box-shadow: 0px 0px 36px -4px rgba(186,186,186,1);
    -moz-box-shadow: 0px 0px 36px -4px rgba(186,186,186,1);
    box-shadow: 0px 0px 36px -4px rgba(186,186,186,1);
    border-radius: 5px;
}

.content-blog .blog-list .pd-left-0 {
    padding-left: 0;
}

.content-blog .blog-list .blog-image img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.content-blog .blog-list h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.content-blog .blog-content {
    text-align: justify;
}

.content-blog .blog-content .more-link {
    float: right;
}

.content-blog .article-title {
    margin-bottom: 30px;
    text-align: center;
}

.content-blog .article-image img {
    width: 100%;
    margin-bottom: 30px;
}

@media(max-width: 767px) {
    .content-blog .blog-list {
        height: auto;
        padding: 15px 0px;
        border-right: 0;
    }
    .content-blog .blog-list .pd-left-0 {
        padding-left: 15px;
    }


}

 .link{
        color: #0000cd;
    }

.source{
        color:#0000cd;
}