@charset "UTF-8";
/* CSS Document */

::-moz-selection {
 background: #333; color: white;
}
::selection {
 background: #333; color: white;
}
body {
    background: #ffffff;
}
.single_simple .bodyWidth {
    width:inherit;max-width: 1250px;
}
.headerTop {
    background: #fff;
    height: 70px;
}
div#logo {
    margin: 12px 0px 0px 2%;
}
#logo a {float: left;
    background: #db232d;
    border-radius: 3px;
    height: 45px;
}
#logo img {
    width: 130px;
    margin: 0px 4px -4px 4px;
    margin: 0px 0px 0px 0px;
    float: left;
}
.headerTop .Nav a {
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 58px;
    padding: 0 17px;
    line-height: 58px;
    border-right: 0px solid #efefef;
    position: relative;
}
.headerTop .Nav .on a {
       color: #da222d;
    background: #ffffff;
}
.headerTop .Nav .on a:after {
    content: "";
    position: absolute;
    background: #ccc;
    width: 70%;
    height: 4px;
    left: 15%;
    bottom: 8px;
}
.headerTop .Nav a:hover:after{background: #da222d;}
.headerTop .Nav a:hover, .headerTop .Nav .on a:hover {
    background: #da222d;
    color: #fff;
}

.footer_info .copy {
    float: left;
    width: initial;
    text-align: left;
    line-height: 31px;
    font-size: 13px;
    color: #808080;
    padding: 0 8px;
    font-weight: bold;
}
.left.Nav {
    float: right;
    padding-right: 10px;
    margin-top: 10px;
}

.single_simple .single_header_body {
    width: 100%;
    margin: auto;
    overflow: hidden;
    display: block;
    position: relative;
    background: #000;
}

.head_title {
    width: 100%;
    display: block;
    margin: 20px 0 0 0;
    float: left;
}
.head_title .title{margin: 40px auto 40px auto;}

.head_title .title h1{width: 100%;text-align: center;font-size: 40px;letter-spacing: 2.5px;margin: 0 0 0 0;}
.head_title .title p {
    text-align: center;
    font-size: 20px;
    width: 452px;
    margin: auto;
    line-height: 31px;
    padding: 10px 0;
    letter-spacing: 0.5px;
}

#footer{z-index: 0;}

@keyframes advertise_bg{
    0%{background:url('img/a_img_1.jpg') center 70% ; background-size: cover;}
    20%{background:url('img/a_img_3.jpg') center 70% ; background-size: cover;}
    40%{background:url('img/a_img_4.jpg') center 70% ; background-size: cover;}
    60%{background:url('img/a_img_5.jpg') center 70% ; background-size: cover;}
    80%{background:url('img/a_img_3.jpg') center 70% ; background-size: cover;}
    100%{background:url('img/a_img_1.jpg')  center 70% ; background-size: cover;}
}




.footer_info .copy b{}
.footer_info {
    padding: 25px 0 40px 0;
}

.c3 {
    width: 90%;
    margin: 40px 5% 70px 5%;
    display: block;
}

.c3 li{width: calc(100% / 3);}
.c3 li div{padding: 40px;height: 280px;}
.c3 li div h3 {
    text-align: center;
    font-size: 22px;
    color: #2f2f2f;
    margin: 0 0 10px 0;
}
.c3 li div span {
    color: #7d7d7d;
    line-height: 1.5;
}

.c3 li div:before {
    content: '';
    position: relative;
    height: 120px;
    width: 120px;
    display: block;
    margin: 0 auto 30px auto;
    background: url(img/a_img4_1.gif) no-repeat;background-size: 120px;
}


.c3 .c32 div:before {background: url(img/a_img4_2.gif) no-repeat;background-size: 120px;}
.c3 .c33 div:before {background: url(img/a_img4_3.gif) no-repeat;background-size: 120px;}
.c3 .c34 div:before {background: url(img/a_img4_4.png) no-repeat;background-size: 120px;}
.c3 .c35 div:before {background: url(img/a_img4_5.png) no-repeat;background-size: 120px;}
.c3 .c36 div:before {background: url(img/a_img4_6.png) no-repeat;background-size: 120px;}

.c3 .c31 div,
.c3 .c32 div,
.c3 .c33 div { padding-top: 10px;}




.about_page #content p {
    display: block;
    position: relative;
    float: left;
    margin: 0px 20% 100px 20%;
    background: #f3f3f3;
    padding: 50px 50px 40px 50px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    color: #333;
}



#content p a {
    background: #dc0012;
    color: #fff;
    padding: 13px 15px;
    float: left;
    border-radius: 10px;
    font-weight: bold;
    position: absolute;
    bottom: 22%;
    right: 10%;
}





.advertise_page #content p b {
    color: #db0012;
}
.closeX,
.M_Nav{display: none;}



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

.cb-slideshow {
    width: 100%;
    height: 550px; position: relative;background-image: url(img/a_img_1.jpg);background-size: cover;background-color: #e0e0e0;
    background-position: 50% 50%;

}
/*
.cb-slideshow,
.cb-slideshow:after {  }
.cb-slideshow:after { position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 0;content: '';}
.cb-slideshow li span { width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;color: transparent;background-size: cover;background-position: 50% 50%;background-repeat: none;opacity: 0;z-index: 0;-webkit-backface-visibility: hidden;-webkit-animation: imageAnimation 50s linear infinite 0s;-moz-animation: imageAnimation 50s linear infinite 0s;-o-animation: imageAnimation 50s linear infinite 0s;-ms-animation: imageAnimation 50s linear infinite 0s;animation: imageAnimation 50s linear infinite 0s; }
.cb-slideshow li div { z-index: 1000;position: absolute;bottom: 30px;left: 0px;width: 100%;text-align: center;opacity: 0;color: #fff;-webkit-animation: titleAnimation 50s linear infinite 0s;-moz-animation: titleAnimation 50s linear infinite 0s;-o-animation: titleAnimation 50s linear infinite 0s;-ms-animation: titleAnimation 50s linear infinite 0s;animation: titleAnimation 50s linear infinite 0s; }
.cb-slideshow li div h3 { font-size: 240px;padding: 0;line-height: 200px; }

.cb-slideshow li:nth-child(1) span { background-image: url(img/a_img_1.jpg); }
.cb-slideshow li:nth-child(2) span { background-image: url(img/a_img_8.jpg);
-webkit-animation-delay: 6s;-moz-animation-delay: 6s;-o-animation-delay: 6s;-ms-animation-delay: 6s;animation-delay: 6s; }
.cb-slideshow li:nth-child(3) span { background-image: url(img/a_img_1.jpg);-webkit-animation-delay: 12s;-moz-animation-delay: 12s;-o-animation-delay: 12s;-ms-animation-delay: 12s;animation-delay: 12s; }
.cb-slideshow li:nth-child(4) span { background-image: url(img/a_img_8.jpg) ;-webkit-animation-delay: 18s;-moz-animation-delay: 18s;-o-animation-delay: 18s;-ms-animation-delay: 18s;animation-delay: 18s;}
.cb-slideshow li:nth-child(5) span { background-image: url(img/a_img_1.jpg);-webkit-animation-delay: 24s;-moz-animation-delay: 24s;-o-animation-delay: 24s;-ms-animation-delay: 24s;animation-delay: 24s; }
.cb-slideshow li:nth-child(6) span { background-image: url(img/a_img_8.jpg);-webkit-animation-delay: 30s;-moz-animation-delay: 30s;-o-animation-delay: 30s;-ms-animation-delay: 30s;animation-delay: 30s; }
.cb-slideshow li:nth-child(2) div { -webkit-animation-delay: 6s;-moz-animation-delay: 6s;-o-animation-delay: 6s;-ms-animation-delay: 6s;animation-delay: 6s; }
.cb-slideshow li:nth-child(3) div { -webkit-animation-delay: 12s;-moz-animation-delay: 12s;-o-animation-delay: 12s;-ms-animation-delay: 12s;animation-delay: 12s; }
.cb-slideshow li:nth-child(4) div { -webkit-animation-delay: 18s;-moz-animation-delay: 18s;-o-animation-delay: 18s;-ms-animation-delay: 18s;animation-delay: 18s; }
.cb-slideshow li:nth-child(5) div { -webkit-animation-delay: 24s;-moz-animation-delay: 24s;-o-animation-delay: 24s;-ms-animation-delay: 24s;animation-delay: 24s; }
.cb-slideshow li:nth-child(6) div { -webkit-animation-delay: 30s;-moz-animation-delay: 30s;-o-animation-delay: 30s;-ms-animation-delay: 30s;animation-delay: 30s; }
*/



/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;-webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;-webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;-moz-animation-timing-function: ease-in; }
    8% { opacity: 1;-moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;-o-animation-timing-function: ease-in; }
    8% { opacity: 1;-o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;-ms-animation-timing-function: ease-in; }
    8% { opacity: 1;-ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;animation-timing-function: ease-in; }
    8% { opacity: 1;animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
  opacity: 1;
}

.t_c {text-align: center;}


/*  advertise_page  */
.advertise_page #content {
    margin-top: 0;
    min-height: inherit;
}
.advertise_page .body {
    width: 1120px;
    margin: auto;
    display: block;
    float: left;
    z-index: 2;
    position: relative;
    left: 50%;
    margin-left: -560px;
}
.data3 {
    width: 100%;
    float: left;
    color: #333;
    padding: 70px 0;
}
.data3 ul {
    width: 90%;padding: 0 5%;
    float: left;
}

.data3 li {
    width: calc(100% / 3);
    float: left;
}
.data3 h3{font-size: 40px;font-weight: 500;}
.data3 p{font-size: 20px;font-weight: 500;}





.solutions {
    width: 100%;
    float: left;
    position: relative;
    background: #2f2f2f;
    padding: 80px 0 30px 0;
    color: #fff;overflow: hidden;
}
.solutions .title{display: block;margin: 0 0 50px 0;}
.solutions .title h3{font-size: 40px;}
.solutions .title p{font-size: 20px;margin: 0 0 10px 0;}

.solutions .box {
    padding: 0 3.5%;
}
.solutions .box li {
    width: 44%;
    padding: 0 3%;
}
.solutions .box_list {
    width: 100%;
    margin: 0 0%;
    width: 460px;
}

.solutions .box_img {
    float: left;
    width: 100%;
    height: 280px;
    position: relative;
    overflow: hidden;
    margin: 0px 0 20px 0;
    border-radius: 20px;
    cursor: grab;
    box-shadow: 5px 7px 0 #00000047;
}

.solutions .box_img:active{cursor: grabbing;}

.solutions .box h3 {
    font-size: 27px;
    margin: 7px 0 5px 0;
    position: absolute;
    pointer-events: none;
    z-index: 8;
    left: 3%;
    text-shadow: 1px 1px 4px #000000b3;
}
.solutions .box h3 {
    font-size: 37px;
    margin: 7px 0 5px 0;
    position: absolute;
    pointer-events: none;
    z-index: 8;
    left: 4%;
    bottom: 5px;
    text-shadow: 1px 1px 4px #000000b3;
}
.solutions .swiper-horizontal>.swiper-pagination-bullets {
    pointer-events: none;
    top: 10px;
    width: max-content;
    right: 5%;
    left: inherit;
}
.solutions .box_text{float: left;width: 100%;height: 100px;position: relative;overflow: hidden;}

.solutions .box_text p{font-size: 20px;line-height: 1.6; color: #959595;}

.solutions .swiper-pagination { bottom: 50px !important;}

.solutions .swiper-pagination-bullet{border: 2px #fff solid;background: #0000;}
.solutions .swiper-pagination-bullet-active{border: 2px #fff solid;background: #fff;}

.solutions .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2px);--swiper-theme-color: #fff !important;
}

.solutions .swiper-pagination {
    margin: 0 0 -40px 2%;
}

.solutions .swiper-container {
    background: #000;
    border-radius: 0;
    padding: 0;
    height: 100%;
    margin: 0px 0 0px 0;
}
.solutions .swiper-slide {
    width: 100% !important;
    height: 100% !important;
}

.solutions .swiper-slide a,.solutions .swiper-slide > div {
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;
    bottom: 0;
    z-index: 1;
    color: #fff;
    background: #00000054;
}


.ourclient {
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    padding: 50px 0 70px 0;
    color: #2f2f2f;
    overflow: hidden;
}
.ourclient .title{display: block;margin: 0 0 20px 0;}
.ourclient .title h3{font-size: 20px;}
.ourclient .title p{font-size: 20px;margin: 0 0 10px 0;}

.ourclient .box {
    padding: 0;
    width: 1020px;
    height: 528px;
    display: block;
    margin: auto;
    
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);    
    filter: gray;
}

.contactus {width: 100%;float: left;position: relative;background:#efefef;padding: 150px 0 150px 0;color: #2f2f2f;overflow: hidden}
.contactus .title{display: block;margin: 0 0 100px 0;}
.contactus .title h3{font-size: 40px;}
.contactus .title p{font-size: 20px;margin: 0 0 10px 0;}

.contactus .box {
    width: 100%;
}
.contactus .text {
    width: 55%;
    display: block;
    margin: auto;
}
.contactus .text .p {
    font-size: 25px;
    line-height: 1.6;
    font-weight: 400;
    display: block;
    width: 100%;
    margin: 0 auto 45px;
    clear: both;
}
.contactus .text .mailus {
    position: relative;
    left: inherit;
    right: inherit;
    bottom: inherit;
    margin: auto;
    float: none;
    width: max-content;
}
.advertise_page .footer_info {background: #fff;}
.about_page .footer_info {background: #efefef;}

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


@media screen and (max-device-width: 480px)
{
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../img/m-octangle_Apt-photo-1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../img/m-octangle_Apt-photo-2.jpg);
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../img/m-octangle_Apt-photo-3.jpg);
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../img/m-octangle_Apt-photo-1.jpg);
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../img/m-octangle_Apt-photo-2.jpg);
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../img/m-octangle_Apt-photo-3.jpg);
}

}
/***********************************************************************************/



@media screen and (max-device-width: 480px){

div#logo {
    width: auto;
    height: 50px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    padding: 12px 0px 10px 10px;
}

#logo a {
    float: left;
    background: #db232d;
    border-radius: 3px;
}
.closeX,.M_Nav{display: block;}

.M_Nav {
    position: absolute;
    right: 15px;
    top: 15px;
    float: left;
    padding: 10px 15px;z-index: 9
}
.M_Nav i{font-size: 22px;}

.left.Nav{backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
    background: #0c0c0cf0;
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    top: 73px;
    opacity: 0;
    z-index: 1;
    margin-top: 150px;
    padding: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;} 

.left.Nav.on {
    position: fixed;
    padding-right: 0;
    margin-top: 0;
    top: 0px;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    z-index: 10;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.left.Nav.on ul {
    width: 100%;
    margin-top: 100px;
}
.left.Nav.on li{width: 100%;}
.left.Nav.on a {
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 66px;
    padding: 0;
    line-height: 66px;
    border-right: 0px solid #efefef;
    position: relative;
    color: #fff;
    width: 100%;
    text-align: center;
}
.left.Nav.on .on a {
    color: #da222d;
    background: #ffffff00;
}
.left.Nav.on .on a:after {
    content: "";
    position: absolute;
    background: #ccc;
    width: 30%;
    height: 4px;
    left: 35%;
    bottom: 8px;
}
.left.Nav.on li.closeX i {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 10;
    color: #fff;
    font-size: 40px;
    padding: 0 10px;
}

.left.Nav.on li.closeX i:hover{color: #da222d;}
.head_title .title p {
    text-align: center;
    font-size: 16px;
    width: 80%;
    margin: auto;
    line-height: 24px;
    padding: 10px 0;
    letter-spacing: 0.5px;
}
.head_title .title {
    margin: 10px auto 10px auto;
}
.advertise_page .cb-slideshow {
    height: 300px !important;
}
.c3 li {
    width: 100%;
}
.c3 li div span {
    color: #7d7d7d;
    text-align: center;
    float: left;
    width: 80%;
    margin-left: 10%;
    margin-bottom: 20px;
}
.c3 {
    margin: 0px 5% 40px 5%;
}
.advertise_page #content {
    width: 100%;
    left: 0;
    padding:0;
    margin-left: inherit;
}

.advertise_page #content .c3 p {
    display: block;
    position: relative;
    float: left;
    margin: 0px 0 0 0;
    background: #f1f1f1;
    background: #2f2f2f;
    color: #fff;
    padding: 50px 10% 60px 10%;
    border-radius: 0;
    width: 80%;
}
.c3 li div:before {
  margin: 0 auto 10px auto;
}

.advertise_page #content .c3 p a {
    background: #dc0012;
    color: #fff;
    padding: 13px 0;
    float: left;
    border-radius: 10px;
    font-weight: bold;
    position: relative;
    bottom: 0;
    left: 50%;
    right: initial;
    width: 200px;
    margin-left: -100px;
    text-align: center;
    margin-top: 30px;
}
.footer_info {
    padding: 40px 3% 80px 3%;
    width: 94%;
}
.c3 .c31 div,
.c3 .c32 div,
.c3 .c33 div { padding-top: 40px;}
.data3 {
    padding: 30px 0;
}
.data3 ul {
    width: 100%;
    padding: 0 0%;
}
.data3 h3 {
    font-size: 28px;
    font-weight: 600;
}
.data3 p {
    font-size: 14px;
    font-weight: 500;
}



}



#footer {
    background: #efefef;
    float: left;
    width: 100%;
    position: relative;
}





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



.about_page .cb-slideshow li:nth-child(1) span { background-image: url(img/DSC01721s.JPG); }
.about_page .cb-slideshow li:nth-child(2) span { background-image: url(img/a_img_5.jpg);-webkit-animation-delay: 6s;-moz-animation-delay: 6s;-o-animation-delay: 6s;-ms-animation-delay: 6s;animation-delay: 6s; }
.about_page .cb-slideshow li:nth-child(3) span { background-image: url(img/a_img_4.jpg);-webkit-animation-delay: 12s;-moz-animation-delay: 12s;-o-animation-delay: 12s;-ms-animation-delay: 12s;animation-delay: 12s; }
.about_page .cb-slideshow li:nth-child(4) span { background-image: url(img/DSC01721sss.jpg) ;-webkit-animation-delay: 18s;-moz-animation-delay: 18s;-o-animation-delay: 18s;-ms-animation-delay: 18s;animation-delay: 18s;}
.about_page .cb-slideshow li:nth-child(5) span { background-image: url(img/DSC01721s.jpg);-webkit-animation-delay: 24s;-moz-animation-delay: 24s;-o-animation-delay: 24s;-ms-animation-delay: 24s;animation-delay: 24s; }
.about_page .cb-slideshow li:nth-child(6) span { background-image: url(img/a_img_5.jpg);-webkit-animation-delay: 30s;-moz-animation-delay: 30s;-o-animation-delay: 30s;-ms-animation-delay: 30s;animation-delay: 30s; }

.about_page .cb-slideshow {width: 100%;height: 735px;background-image: url(img/DSC01721s.jpg);background-size: cover;background-color: #e0e0e0;background-position: 50% 50%;}
ul.cb-slideshow.about{height: 650px;}


.about_page #content p {background: #f1f1f1;padding: 80px 100px;border-radius: 0;color: #464646;line-height: 1.7;width: 600px;font-weight: 500;font-size: 20px;left: 50%;margin: 0 0 0 -400px;position: relative;}
.about_page #content p:before {
    content: " “ ";
    position: absolute;
    font-size: 140px;
    line-height: 1;
    font-weight: bold;
    top: -10px;
    left: 40px;
    font-family: sans-serif;
    color: #f01516;
}
.about_page .cover_a img{width: 100%;}
.about_page .left.Nav {padding-right: 10px;}
.about_page .cb-slideshow:before {content: "";position: absolute;width: 100%;height: 100%;background: #0b0c1b59;z-index: 2;}
.about_page .head_title .title {position: relative;z-index: 0;top: 0;}
.about_page .cover_a {position: absolute;height: 735px;top: 70px;z-index: 0;background: #000;overflow: hidden;}
.about_page .outer-wrap {position: relative;z-index: 1;}
.about_page .cover_a img {width: 100%;opacity: 0.6;}
.about_page .headerTop {background: #ffffff;}
.about_page .headerTop .Nav .on a:after {background: #db232d;}
.about_page #content {background: #fff0;width: 1250px;margin-left: -625px;}
.footer_info {padding: 25px 0 100px 0;background: #efefef;}
.boxlist {width: 100%;height: 560px;margin: 150px 0;float: left;}
.boxlist ul{float: left;height: 100%;width: 80%;padding-left:20%;position: relative;}
.boxlist li{float: left;width: 25%;height: 50%;position: relative;text-shadow: 0px 3px 5px #00000070;}
.boxlist li .box {float: left;width: 90%;position: absolute;bottom: 0;color: #fff;z-index: 1;padding: 15px 5%;}
.boxlist li:after{float: left;width: 100%;height: 100%;position: absolute;bottom: 0;content: "";
background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.43) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.43) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.43) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#6e000000',GradientType=0 );}
.boxlist li .box h3{font-size: 30px;}
.boxlist li .box .contents{font-weight: 500;line-height: 2;}
.boxlist li.b1:after{display: none;}
.boxlist li.b1 .box{top:0;}
.boxlist li.b1 .box h3{font-size: 40px;}
.boxlist li.b1 .box .contents{font-size: 20px;}
.boxlist li.b1{background:#db232d;float: left;width: 20%;height: 100%;position: absolute;left: 0;text-shadow: inherit;}
.boxlist li.b2{background: url(img/b2.jpg?2) center center;background-size: cover;}
.boxlist li.b3{background: url(img/b3.jpg?2) center center;background-size: cover;}
.boxlist li.b4{background: url(img/b4.jpg?2) center center;background-size: cover;}
.boxlist li.b5{background: url(img/b5.jpg?2) center center;background-size: cover;}
.boxlist li.b6{background: url(img/b6.jpg?2) center center;background-size: cover;}
.boxlist li.b7{background: url(img/b7.jpg?2) center center;background-size: cover;}
.boxlist li.b8{background: url(img/b8.jpg?2) center center;background-size: cover;}
.boxlist li.b9{background: url(img/b9.jpg?2) center center;background-size: cover;}

@media screen and (min-width: 1600px){.boxlist {height: 660px;}}
@media screen and (min-width: 1800px){.boxlist {height: 700px;}}

.contact_info {display: block;position: relative;float: left;width: 100%;margin: 0px auto 0px auto;line-height: 1.8;font-size: 17px;border-top: 1px #e0e0e0 solid;color: #464646;font-weight: 500;
  padding: 100px 0;}
.contact_info .box {display: block;width: 600px;margin: auto;padding: 60px 100px 80px 100px;background: #ffffff;text-align: center;}
.contact_info .tit {display: block;font-size: 30px;font-weight: bold;line-height: 55px;color: #db232d;margin-bottom: 15px;}
.contact_info .s {display: block;font-size: 23px;font-weight: bold;color: #000000;}
.contact_info .ad{display: block;margin-bottom: 30px;}


.mail i {margin: 0 10px 0 0;position: relative;top: -1px;}
.mail {display: block;width: 260px;line-height: 44px;text-align: center;margin: 10px auto 5px auto;background: #db232d;border-radius: 39px;color: #fff;}
.mail:hover {color: #ffffff;background: #007fd8;}

.ourcommunitys {
    float: left;
    width: 1100px;
    height: auto;
    display: block;
    margin: 0px 0 50px -550px;
    left: 50%;
    position: relative;
    display: block;
}
.ourcommunitys li {
    width: calc(100% / 3);
    text-align: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.ourcommunitys li:hover{background: #f1f1f1;border-radius: 15px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    }
.ourcommunitys h3 {
    font-size: 34px;
    padding: 20px 0px;
    border-bottom: 0px #ccc solid;
    margin-bottom: 0px;
    position: relative;
}
.ourcommunitys h3:after {
    content: "";
    position: absolute;
    background: #df2225;
    width: 240px;
    height: 5px;
    left: 0;
    bottom: 10px;
}
.ourcommunitys h4 {
    font-weight: 400;
    font-size: 32px;
    padding: 15px 0 0px 0;
    color: #666;
    height: 40px;
    line-height: 40px;
}
.ourcommunitys b {
    display: block;
    font-weight: normal;
    font-size: 50px;
    padding: 0 0 5px 0;
    color: #db232d;
}
.ourcommunitys span {
    font-size: 15px;
    line-height: 1.6;
    color: #666;
    margin: 0 3%;
    display: block;
}
.ourcommunitys li div {
    padding: 30px 30px 30px;
    position: relative;
}
.ourcommunitys li div:before {
    content: "";
    width: 210px;
    height: 210px;
    display: block;
    border-radius: 100%;
    margin: auto;
}

.ourcommunitys li.o1 div:before {background: url(https://www.toy-people.com/advertise/img/ourcommunitys1.jpg);background-size: cover;}
.ourcommunitys li.o2 div:before {background: url(https://www.toy-people.com/img/ourcommunitys2.gif);background-size: cover;}
.ourcommunitys li.o3 div:before {background: url(https://www.toy-people.com/advertise/img/ourcommunitys3.jpg?3);background-size: cover;}
.ourcommunitys li.o4 div:before {background: url(https://www.toy-people.com/img/ourcommunitys4.png);background-size: cover;}
.ourcommunitys li.o5 div:before {
    background: url(https://www.toy-people.com/advertise/img/ourcommunitys5.jpg) #fff no-repeat center center;
    background-size: 67%;
    box-shadow: 0px 0px 2px #6f6f6f;
}

.ourcommunitys li.o1 div:after, .ourcommunitys li.o2 div:after, .ourcommunitys li.o4 div:after {
    background: #0866ff;
    display: inline-block;
    font: normal normal normal 30px / 52px FontAwesome;
    content: "\f09a";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 190px;
    left: 50%;
    margin-left: 50px;
    border-radius: 100px;
    color: #fff;
}
  
  background:  #ccc;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f09a";
  width: 50px;
  height: 50px;
}

.contact_info:before {
    content: "";
    background: url(https://www.toy-people.com/img/icon-home2.png) 10px 10px no-repeat;
    background-size: 29px;
    width: 50px;
    height: 50px;
    background-color: #c7c7c7;
    float: left;
    left: 50%;
    position: absolute;
    top: -25px;
    margin-left: -25px;
    border-radius: 100%;
}


.TPchronology {background: #333;border-radius: 0;margin: 100px 0 100px 0;height: 490px;}
.TPchronology .content-box-title {position: absolute;background: #db232d;padding: 4px 20px;z-index: 1;}
.TPchronology .content-box-title h3{color: #fff;line-height: 1.8;font-size: 22px;}
.TPchronology .sp-mask {padding-left: 0;height: 490px !important;}
.TPchronology #sliderMore {height: 490px;}
.TPchronology .sp-slide {position: absolute;background-size: cover;width: 410px !important;height: 490px !important;}
.TPchronology .slider-pro {box-sizing:border-box ;}
.TPchronology .slider-pro a {
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.1;
    bottom: 0;
    top: 0;
    z-index: 1;
    color: #fff;
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    -ms-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.16+0,0.23+100 */
  background: -moz-linear-gradient(top,  hsla(0,0%,0%,0.16) 0%, hsla(0,0%,0%,0.23) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  hsla(0,0%,0%,0.16) 0%,hsla(0,0%,0%,0.23) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  hsla(0,0%,0%,0.16) 0%,hsla(0,0%,0%,0.23) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29000000', endColorstr='#3b000000',GradientType=0 ); /* IE6-9 */
}
.TPchronology .slider-pro a span {
    text-shadow: 0 0 0;
    font-size: 17px;
    font-weight: 700;
    position: absolute;
    background: #db232d;
    padding: 7px 16px;
    line-height: 1;
    margin: 0;
    top: 0;
    font-family: Arial,sans-serif;
    left: 1px;
}
.TPchronology .slider-pro a p {
    position: absolute;
    bottom: 5%;
    left: 5%;
    right: 5%;
}
.TPchronology .sp-slide:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
    background: #3232325e;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;  
    opacity: 1;
}

.TPchronology .slider-pro a:hover {
  text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    -ms-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
    color: #fff;
}
.TPchronology .sp-slide:hover:after {
    -webkit-transition: all .2s ease-in-out !important;
    -moz-transition: all .2s ease-in-out !important;
    -ms-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
  opacity: 0;
}
.TPchronology .sp-slide:before {content: "";position: absolute;left: 0;width: 1px;height: 100%;background: #fff;}
.TPchronology .sp-horizontal:hover .sp-previous-arrow{opacity: 1;left: -5px !important;}
.TPchronology .sp-horizontal .sp-arrows {width: 100% !important;left: 0 !important;margin-left: 0 !important;}
.TPchronology .sp-arrow {top: 215px;}



.opacity_off {position: relative;top: 20px;opacity:0;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.opacity_on {position: relative;top: 0px;opacity: 1;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}




.jobs_page .bold_face {
    font-family: Noto Sans TC,微軟正黑體,Microsoft JhengHei,文泉驛正黑,WenQuanYi Zen Hei,儷黑 Pro,LiHei Pro,sans-serif;
}

.jobs_page .content {
    width: 100%;
    float: left;
    padding: 30px 0%;
}
.jobs_page .cb-slideshow li:nth-child(1) span,
.jobs_page .cb-slideshow {
    height: 440px;
    background-image: url(https://www.toy-people.com/advertise/img/a_img_01.jpg);
}

.jobs_page  h2.title,
.jobs_page .box{
  width: 800px;
  margin: 0 auto;
}
.jobs_page h2.title {
    font-size: 24px;
    margin-bottom: 20px;
    color: #db232e;
}

.jobs_page .question h3 {
    padding: 15px 20px;
    background: #db242e;
    margin: 0 0 15px 0;
    border-radius: 6px;
    font-size: 20px;
    position: relative;
    transition: all .2s;
    color: #fff;
}
.jobs_page .question h3:after {
    content: "\f078";
    position: absolute;
    font: normal normal normal 20px/1.3 FontAwesome;
    right: 20px;
}
.jobs_page .question {
    width: 100%;
    float: left;
}
.jobs_page .question .p {
    display: none;
    padding: 33px 5% 18px 5%;
    height: auto;
    float: left;
    clear: both;
    width: 90%;
    margin: 5px 0 20px 0;
    margin: -25px 0 20px 0;
    background: #f1f1f1;
    border-radius: 5px;
    font-size: 18px;
}
.jobs_page .question .p b{
  float: left;
  width: 100%;
    line-height: 2.2;
    color: #db242e;
}
.jobs_page .question .p ul {
    float: left;
    margin: 10px 0 20px 20px;
}
.jobs_page .question .p li {
    float: left;
    width: 100%;
    line-height: 1.7;
    list-style-type: disc;
    font-weight: 500;
    color: #555;
    margin-bottom: 5px;
    margin-top: 5px;
}
.jobs_page .question .p li a{
  color: #db242e;
    text-decoration: none;
}
.jobs_page .question .p li a.mailto {
    background: #db242e;
    padding: 6px 8px;
    margin: 0 4px;
    border-radius: 6px;
    color: #fff;
}
.jobs_page .mailus {
    background: #db242e;
    color: #fff;
    margin-right: 10px;
    border-radius: 20px;
    line-height: 30px;
    float: left;
    width: 30px;
    text-align: center;
    height: 30px;
    position: relative;
    top: -5px;
    right: inherit;
    bottom: inherit;
    padding: 4px;
}

.jobs_page .mailus:before {
    content: "\f0e0";
    font: normal normal normal 15px/1 FontAwesome;
    position: relative;
    top: -1px;
}
.jobs_page .question .p li a.mailto:hover{}
.jobs_page .question .p li a:hover{
    text-decoration: underline;
}
.jobs_page .question h3.show {
    background: #db242e;
    color: #fff;
    transition: all .2s;
}.jobs_page .question h3:hover {
    background: #666;}

.jobs_page .question h3.show:after {
    content: "\f077";
}

.content .text {
    float: left;
    margin: 120px 0 0 0;
    margin: 100px 0 50px 0;
    width: 84%;
    padding: 40px 8%;
    background: #f3f3f3;
    /* background: #4e4e4e; */
    /* background: #fff3d7; */
    color: #333;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
}
.content .text p{margin-bottom: 15px;}
.jobs_page .hr1 {
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    top: -380px;
    position: absolute;
}
.footer_info .link a {
    color: #797979;
    padding: 5px 10px;
    position: relative;
    font-weight: 500;
}

@media screen and (max-device-width: 1024px){
.about_page .cb-slideshow {height: 500px;}
.about_page #content {width: 100%;margin-left: 0;}
#footer .bodyWidth {width: 93%;}
.c3 {width: 96%;margin: 40px 2%;}
.c3 li div {padding: 3%;}
.c3 li div h3 {font-size: 20px;}
.about_page #content p.opacity_off {top: 0;opacity: 1;}
.boxlist {height: 410px;margin: 100px 0;}

.ourcommunitys {
    width: 92%;
    height: 500px;
    margin: 0px 0 150px 4%;
    left: 0;
}
.TPchronology {
    margin: 0px 0 0px 0;
}
.sp-horizontal .sp-previous-arrow{opacity: 1;}
.jobs_page .content {
    width: 100%;
    padding: 30px 0%;
    float: left;
}
.jobs_page h2.title {
    text-align: center;
    width: 100%;
    float: left;
}
.jobs_page .question {
    width: 90%;
    margin-left: 5%;
}
.jobs_page .box {
    width: 100%;
    margin: 0 auto;
}
.content .text {
    margin: 50px 0 0 0;
}
.jobs_page .hr1{display: none;}
.advertise_page .body{
    width: 100%;
    left: 0%;
    margin-left: 0px;
}
.solutions .box {
    padding: 0 4%;
}
.solutions .box_list {
    width: 100%;
    margin: 0 0%;
}
.advertise_page .cb-slideshow {
    height: 400px;
}
.advertise_page .head_title .title {
    margin: 30px auto 30px auto;
}
.advertise_page .data3 {
    padding: 50px 0;
}
.advertise_page .ourclient .box {
    width: 90%;
    margin-left: 5%;
    padding: 0 0;
    height: min-content;
}
}

@media screen and (max-device-width: 912px){
  .solutions .box_img {
      height: 230px;
  }
}

@media screen and (max-device-width: 768px){
.about_page .cb-slideshow {height: 420px;}
.boxlist {-webkit-overflow-scrolling: touch;overflow-x: scroll;height: 400px;margin: 0px 0 0 0;z-index: 0;}
.boxlist li .box {width: 86%;padding: 20px 7% 14px 7%;;}
.boxlist ul {float: left;height: 100%;width: max-content;padding-left: 0;position: relative;}
.boxlist li {height: 100%;width: 290px;margin-left: 2px;text-shadow: 0px 3px 5px #00000070, 0px 1px 3px #000000b5;}
.boxlist li.b1 .box h3 {font-size: 24px;line-height: 1.2;margin-bottom: 0px;}
.boxlist li.b1 {background: #db232d;width: 290px;position: relative;margin-left: 0;}
.boxlist li.b1 .box h3 {font-size: 30px;line-height: 1.2;margin-bottom: 10px;}
.boxlist li.b1 .box .contents {font-size: 20px;}
.boxlist li.b1 .box .contents:after {font: normal normal normal 30px/1 FontAwesome;content: "\f105";position: relative;top: 3px;left: 10px;}
.boxlist li .box .contents {font-weight: 500;font-size: 14px;}
.contact_info {margin: 50px auto 0px auto;}
.contact_info .box {width: 100%;padding: 60px 0 80px 0;}
.footer_info {width: 100%;}

.jobs_page .content {
    width: 100%;
    padding: 30px 0%;
    float: left;
}
.jobs_page h2.title {
    text-align: center;
    width: 100%;
    float: left;
}
.jobs_page .question {
    width: 90%;
    margin-left: 5%;
}
.jobs_page .box {
    width: 100%;
    margin: 0 auto;
}
.content .text {
    margin: 50px 0 0 0;
}
.jobs_page .hr1{display: none;}
}
.mailus {
    background: #dc0012;
    color: #fff;
    padding: 13px 25px;
    float: left;
    border-radius: 60px;
    font-weight: 700;
    position: absolute;
    bottom: 22%;
    right: 10%;
}


.Contact_US .cb-slideshow li span ,
.Contact_US .cb-slideshow li div { -webkit-animation: none;-moz-animation: none;-o-animation: none;-ms-animation: none;animation: none; }


.Contact_US .cb-slideshow { background-image: url(img/a_img_2.jpg); background-position: center 52%;
    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    -ms-transition: all 1.0s ease-in-out;
    -o-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}

.Contact_US .cb-slideshow.A2 { background-image: url(img/a_img_2.jpg); background-position: center 56%;
    -webkit-transition: all 1.0s ease-in-out;
    -moz-transition: all 1.0s ease-in-out;
    -ms-transition: all 1.0s ease-in-out;
    -o-transition: all 1.0s ease-in-out;
    transition: all 1.0s ease-in-out;
}


.Contact_US .contact_info {
    margin-top: 50px;
    border-top: 0;
    background: #efefef;
}
.Contact_US .contact_info .box {
    background: #ffffff00;
    padding: 40px 100px 40px 100px;
}
.englishaddress{font-size: 14px;color: #828282;display: block;margin: 10px 90px 0;}
.Contact_US .contact_info:before{display: none;}



.Contact_US #content p {
    background: #ededed;
    border-radius: 0;
    margin: 0px 20% 20px 20%;
    width: -webkit-fill-available;    
    padding: 50px 50px 45px 50px;
    position: relative;
}
.Contact_US_List {
    margin-top: 70px;
    float: left;
    width: 1120px;
}
    
.Contact_US .mailus i {
    margin: 0 10px 0 0;
}

.Contact_US .mailus {
    background: #dc0012;
    color: #fff;
    padding: 13px 25px;
    float: left;
    font-size: 15px;
    border-radius: 40px;
    font-weight: 700;
    position: absolute;
    bottom: 29%;
    right: 45px;
}

@media screen and (max-device-width: 480px){

.about_page .cb-slideshow {height: 250px;z-index: 0;}
.jobs_page .cb-slideshow {height: 170px;}
.about_page #content{width: 100%;z-index: 0;margin-left: 0;}
.about_page #content p {
    background: #f1f1f1;
    padding: 80px 10%;
    border-radius: 0;
    color: #464646;
    line-height: 1.7;
    width: 80%;
    font-weight: 500;
    font-size: 20px;
    left: 0;
    margin: 0 0 70px;
}
.headerTop {box-shadow: 0px 3px 9px #00000014;}
.about_page .left.Nav {padding-right: 0px;}
.sp-horizontal .sp-previous-arrow{opacity: 1;}
.ourcommunitys {
    float: left;
    width: 100%;
    height: max-content;
    display: block;
    margin: 10px 0 10px 0;
    left: 0;
    position: relative;
}
.ourcommunitys h3 {
    font-size: 30px;
    padding: 50px 0px 20px 0px;
    left: 0;
    width: 100%;
    text-align: center;
}
.ourcommunitys h3:after {
    content: "";
    position: absolute;
    background: #df2225;
    width: 220px;
    height: 5px;
    left: 50%;
    bottom: 10px;
    margin-left: -110px;
}
.ourcommunitys ul {
    width: 100%;   
}
.ourcommunitys li {
    width: 100%;
    text-align: center;
}
.TPchronology {
    background: #333;
    border-radius: 0;
    margin: 10px 0 10px 0;
    overflow: initial;
}
.TPchronology .sp-slide {
    position: absolute;
    background-size: cover;
    width: 100% !important;
    height: 490px !important;
}

.TPchronology .sp-slides {
    width: 100%;
}
.TPchronology .content-box-title {
    position: absolute;
    background: #ffffff;
    padding: 0;
    z-index: 1;
    top: -47px;
    width: 100%;
}
.TPchronology .content-box-title h3 {
    color: #333;
    line-height: 47px;
    font-size: 22px;
    background: #dcdada;
    float: left;
    padding: 0;
    text-align: center;
}
.ourcommunitys span {
    margin: 0 15%;
}
.jobs_page .content {
    width: 100%;
    padding: 30px 0%;
}

.jobs_page h2.title {
    text-align: center;
    width: 100%;
    float: left;
}
.jobs_page .box {
    width: 100%;
    margin: 0 auto;
}
.jobs_page .question h3 {
    padding: 15px 50px 15px 20px;
    font-size: 18px;
}
.jobs_page .hr1{display: none;}
.content .text {
    margin: 20px 0 -28px 0;
    width: 86%;
    padding: 40px 7%;
    font-size: 17px;
}
.jobs_page .footer_info {
    padding: 25px 0 50px 0;
    background: #ffffff;
}
.footer_info .right {
    float: left;
}
.footer_info .right {
    float: none;
    text-align: center;
}
.footer_info .link {
    line-height: 26px;
    float: none;
    display: contents;
}
.footer_info .copy {
    float: left;
    text-align: left;
    line-height: 31px;
    font-size: 13px;
    color: #808080;
    padding: 10px 2% 20px 2%;
    font-weight: bold;
    width: 96%;
    margin: 10px 0 0 0;
    border-top: 1px #dedede solid;
    text-align: center;
}
.jobs_page .question {
    width: 90%;
    margin-left: 5%;
}
.jobs_page .question .p {
    font-size: 16px;
}
.jobs_page .question .p li {
    line-height: 1.25;
}
.jobs_page .question h3:after {
    top: 12px;
}
.mailus {
    background: #dc0012;
    color: #fff;
    padding: 13px 0;
    float: left;
    border-radius: 10px;
    font-weight: 700;
    position: absolute;
    bottom: 22%;
    right: 10%;
    width: 80%;
    text-align: center;
}
.Contact_US .Contact_US_List {
    width: 100%;margin-top: 5px;
}
.Contact_US .contact_info .box {
    padding: 50px 0px 20px 0px;
    
}
.Contact_US #content p {
    margin: 0 0 5px 0;
    color: #333;
    text-align: center;float: left;
}
.Contact_US .mailus {
    padding: 13px 0%;
    float: left;
    font-size: 16px;
    border-radius: 40px;
    font-weight: 700;
    position: relative;
    bottom: 0;
    right: initial;
    left: 5%;
    width: 90%;
    margin: 15px 0 0 0;
}
.footer_info .link a {
    color: #797979;
    padding: 5px 3px;
    position: relative;
    font-weight: 500;
    font-size: 12px;
}
.Contact_US .contact_info {
    margin-top: 0;
    border-top: 0;
    background: #ffffff;
}
.Contact_US .footer_info {
    background: #efefef;
}

.Contact_US .cb-slideshow{height: 260px}
.ourcommunitys li div {
    padding: 30px 0px 20px;
}
.solutions{padding: 50px 0 10px 0;}
.solutions .title p {
    font-size: 18px;
    margin: 0 0 5px 0;
}
.solutions .title h3 {
    font-size: 30px;
}
.solutions .title {
    margin: 0 0 20px 0;
}
.solutions .box h3,
.solutions .box_text h3 {
    font-size: 25px;
    margin: 0px 0 5px 0;
}
.solutions .box_text {
    height: max-content;
    padding-bottom: 30px;
}

.solutions .box li {
    width: 94%;
    padding: 0 3%;
}
.advertise_page .ourclient .box {
    width: 90%;
    margin-left: 5%;
    padding: 0 0;
    height: min-content;
}
.advertise_page .ourclient .box {
    height: min-content;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 95%;
    margin-left: 5%;
}
.advertise_page .ourclient .boxR {
    width: 860px;
    height: max-content;
    padding: 0 30px 0 0;
}
.ourclient{padding: 30px 0 30px 0;}

.contactus {
    padding: 110px 0 130px 0;
}
.contactus .text {
    width: 80%;
}
.contactus .text .p {
    font-size: 23px;
    margin: 0 auto 35px;
}
.contactus .text .mailus {
    padding: 15px 30px;
    border-radius: 100px;
}

}




.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-container {
    background: #ececec;
    border-radius: 0;
    padding: 60px 0 60px 0;
    height: 490px;
    margin: 29px 0 40px 0;
}

.content-box-title {
    position: absolute;
    background: #fff;
    padding: 4px 0;
    z-index: 1;
    color: #000000;
    line-height: 1.8;
    font-size: 30px;
    margin: -60px 0 0 0;
    width: 100%;
    text-align: center;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    z-index: 9;
}

.swiper-slide {
    width: 410px !important;
    height: 490px ;
}
@media screen and (max-device-width: 480px){
  .swiper-slide {
    width: 100% !important;
    height: 100% !important;
}
.swiper-button-next,.swiper-button-prev{display: none;}
.swiper-container {
    margin-bottom: 110px;
}


}

.swiper-slide a, .swiper-slide > div {
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;
    bottom: 0;
    z-index: 1;
    color: #fff;
    -webkit-transition: all .2s ease-in-out!important;
    -moz-transition: all .2s ease-in-out!important;
    -ms-transition: all .2s ease-in-out!important;
    -o-transition: all .2s ease-in-out!important;
    transition: all .2s ease-in-out!important;
    background: #00000078;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29000000',endColorstr='#3b000000',GradientType=0 );
}
.swiper-slide a:hover,.swiper-slide > div:hover {
    -webkit-transition: all .2s ease-in-out!important;
    -moz-transition: all .2s ease-in-out!important;
    -ms-transition: all .2s ease-in-out!important;
    -o-transition: all .2s ease-in-out!important;
    transition: all .2s ease-in-out!important;
    background:#0000003d;
}
.swiper-slide span {
    text-shadow: 0 0 0;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    background: #db232d;
    padding: 10px 15px;
    line-height: 1;
    margin: 0;
    top: 0;
    left: 0;
    font-family: Arial,sans-serif;
}
.swiper-slide p {
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    color: #fff;
    position: absolute;
    bottom: 17px;
    left: 20px;
    right: 20px;
    text-shadow: 0 2px 5px rgb(0 0 0 / 50%);
}
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 0;
    background: #fff;
    height: 45px;
    padding-top: 15px;
}
:root {
    --swiper-theme-color: #db242d !important;
}

.swiper-button-next {
    background: #db242d;
    padding: 14px;
    right: 0;
    --swiper-theme-color: #ffffff;
}
.swiper-button-prev{
    background: #db242d;
    padding: 14px;
    left: 0;
    --swiper-theme-color: #ffffff;}
    
.swiper-horizontal {
    position: relative;padding: 0;
}
.swiper-pagination {
    margin: 0 0 -40px 0;
}
@media screen and (max-width: 480px){
li.o3 {
    margin-left: 0px;
}
}
@media screen and (min-width: 1200px){
li.o3 {
    margin-left:183px;
}
}