html,body{
    color:#666;
    font-family:'Poppins',sans-serif;
    height:100%;
    line-height:25px;
    font-weight:100;
    font-size:14px;
    width:100%
}
.page-scroll{font-size: 24px;}

.brline{
    background:#00a2ff none repeat scroll 0 0;
    height:3px;
    margin:auto auto 20px;
    width:100px
}
.contact-bg .row{
    margin:0
}
section{
/*    overflow:hidden*/
}
.client h6{
    margin:0
}
img{
    max-width:100%;
    vertical-align:middle
}
#owl-demo .item{
    margin:10px 15px
}
#owl-demo .item img{
    display:block;
    width:100%;
    height:auto
}
.owl-theme .owl-controls .owl-page span{
    background:#869791 none repeat scroll 0 0;
    border-radius:0;
    display:block;
    height:5px;
    margin:5px 7px;
    opacity:.5;
    width:32px
}
.title{
    text-align:center;
    margin-bottom:80px
}
.bdr{
    border-bottom:1px solid #dadada;
    margin-bottom:30px
}
.pnd{
    padding:0
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
    color:#000
}
a{
    color:#69f0ae;
    text-decoration:none
}
a:focus,a:hover{
    color:#fff;
    text-decoration:underline
}
.btn{
    border-radius:20px
}
a:focus,a:hover{
    color:#fff;
    text-decoration:none
}
.size{
    color:#fff;
    font-size:45px
}
.ank{
    background:#f94b71 none repeat scroll 0 0;
    border-radius:3px;
    box-shadow:0 5px 0 #c83c1c;
    color:#fff;
    float:left;
    font-size:15px;
    margin-right:10px;
    margin-top:30px;
    padding:15px 34px;
    text-align:center
}
.ank:hover{
    background:#fff none repeat scroll 0 0;
    color:#000;
    box-shadow:0 5px 0 #ddd
}
.ank2{
    background:#fff none repeat scroll 0 0;
    border-radius:3px;
    box-shadow:0 5px 0 #ddd;
    color:#000;
    float:left;
    font-size:15px;
    margin-right:10px;
    margin-top:30px;
    padding:15px 34px;
    text-align:center
}
.ank2:hover{
    background:#f94b71 none repeat scroll 0 0;
    color:#fff;
    box-shadow:0 5px 0 #c83c1c
}
.margin-auto{
    float:none;
    margin:auto
}
.bg{
    background:#111 none repeat scroll 0 0
}
.popular{
    background:rgba(120,112,232,1) none repeat scroll 0 0;
    border-radius:0 20px 20px 0;
    color:#fff;
    font-size:11px;
    letter-spacing:2px;
    padding:2px 0 2px 16px;
    position:absolute;
    right:-28px;
    text-transform:uppercase;
    top:31px;
    transform:rotate(90deg);
    width:93px
}
.back-to-top{
    background-color:rgba(249,75,113,1);
    border-radius:3px;
    bottom:10px;
    display:none;
    height:30px;
    position:fixed;
    right:20px;
    text-align:center;
    width:30px;
    z-index:10000
}
.back-to-top .fa.fa-chevron-up{
    color:#fff;
    margin-top:7px
}
.title h2{
    color:#222;
    font-size:60px;
    font-weight:300;
    margin-bottom:100px;
    margin-top:0;
    text-transform:capitalize
}
.title p{
    line-height:26px;
    margin:15px auto 0;
    width:100%
}
#googleMap iframe{
    width:100%
}
a{
    transition:all .35s ease 0s
}
.pad70{
    padding-top:30px
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.loader-wrapper{
    width:100%;
    height:100%;
    -webkit-transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1);
    transition:all .7s .3s cubic-bezier(0.645,0.045,0.355,1);
    background-color:#242d2e;
    left:0;
    position:fixed;
    top:0;
    z-index:9999
}
.loaded .loader-wrapper{
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    opacity:0;
    -ms-filter:alpha(opacity=0);
    filter:alpha(opacity=0);
    z-index:-1
}
.no-loading .loader-wrapper{
    display:none
}
.loader{
    border-radius:50%;
    width:150px;
    height:150px;
    -webkit-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
    border:3px solid transparent;
    border-top-color:#3498db;
    display:block;
    left:50%;
    margin:-75px 0 0 -75px;
    position:relative;
    top:50%;
    z-index:100
}
.loader:before,.loader:after{
    border-radius:50%;
    border:3px solid transparent;
    content:"";
    position:absolute
}
.loader:before{
    -webkit-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
    border-top-color:#e74c3c;
    bottom:5px;
    left:5px;
    right:5px;
    top:5px
}
.loader:after{
    -webkit-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite;
    border-top-color:#f8c41d;
    bottom:15px;
    left:15px;
    right:15px;
    top:15px
}
.loaded .loader{
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    opacity:0;
    -ms-filter:alpha(opacity=0);
    filter:alpha(opacity=0);
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.imghover{
    position:relative
}
.hover-bg{
    content:"";
    cursor:pointer;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    text-align:center;
    top:0;
    transition:all .3s ease 0s;
    vertical-align:middle;
    width:100%
}
.hover-bg:hover{
    background:rgba(34,34,34,0.7);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    transition:all .3s ease 0s;
    width:100%;
    opacity:1
}
.hover-bg:hover .camera{
    color:#fff;
    font-size:25px;
    padding:30% 0 0;
    transition:all .3s ease 0s
}
.hover-bg:hover.camera::before{
    color:#fff;
    font-size:50px;
    padding:70% 0 0;
    transition:all .3s ease 0s;
    -webkit-transform:scale(0,1);
    transform:scale(0,1)
}
.hover-bg:hover .camera::after{
    color:#fff;
    font-size:50px;
    padding:70% 0 0;
    transition:all .3s ease 0s;
    -webkit-transform:scale(1,0);
    transform:scale(1,0)
}
.header-text-box{
    height:580px!important
}
.breadcrumb{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    color:#d3fbc0
}
.breadcrumb a{
    color:#fff;
    text-decoration:none
}
.breadcrumb a:hover{
    color:#d3fbc0
}
.breadcrumb>li+li::before{
    color:#d3fbc0
}
.btn-wt-bdr2{
    background-color:#333!important;
    color:#fff;
    float:left;
    font-weight:500;
    letter-spacing:.04em;
    margin-top:20px;
    padding:8px 15px!important
}
.btn-wt-bdr2:hover{
    background:#f9f9f9 none repeat scroll 0 0!important;
    color:#7870e8
}
.m-b80{
    margin-bottom:80px!important
}
.gallery{
    padding:50px 0
}
.navbar-default{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    border:medium none
}
nav .socialfooter{
    margin:27px 0 0
}
.affix{
    background:#34b7eb none repeat scroll 0 0;
    box-shadow:1px 3px 30px #ddd;
    position:fixed;
    opacity: 0.9;
}
.navbar-default .navbar-brand{
    color:#fff;
    font-size:28px;
    height:63px;
    padding:21px 15px 12px
}
.navbar-default .navbar-nav>li>a{
    color:#ffffff;
    padding:10px 18px;
    font-weight: bold;
}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    color:#ffffff;
    font-weight: bold;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{
    background-color:transparent;
    color:#fff000;
    font-weight: bold;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{
    background:rgba(0,0,0,0) none repeat scroll 0 0;
    color:#ffffff
    font-weight: bold;
}
.dropdown-menu{
    animation:.3s ease-out 0s normal none 1 running dropdownOpen;
    border:medium none;
    border-radius:0!important;
    box-shadow:0 3px 5px 0 rgba(0,0,0,0.2);
    padding:10px 4px
}
.dropdown-menu>li>a{
    padding:10px 20px
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
    background-color:#579d36;
    color:#fff;
    text-decoration:none
}
@keyframes dropdownOpen{
    0%{
        opacity:0;
        transform:translate3d(0px,100%,0px)
    }
    100%{
        opacity:1;
        transform:none
    }
}
@keyframes dropdownOpen{
    0%{
        opacity:0;
        transform:translate3d(0px,100%,0px)
    }
    100%{
        opacity:1;
        transform:none
    }
}
.navbar-default .navbar-toggle{
    border:medium none;
    margin-top:18px
}
.navbar-default .navbar-toggle .icon-bar{
    background-color:#fff
}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{
    background:rgba(0,0,0,0) none repeat scroll 0 0
}
.navbar-collapse{
    border-top:medium none
}
.affix .navbar-brand{
    color:#00a2ff
}
.subscribe{
    border:1px solid;
    border-radius:10px;
    margin-right:16px;
    text-align:center;
    width:116px
}
.navbar-nav>li{
    margin-bottom:10px;
    margin-top:10px
}
.header{
/*    background:url("../image/header.jpg") no-repeat;*/
    background: rgb(60,187,217);
    background: linear-gradient(90deg, rgba(60,187,217,1) 0%, rgba(160,233,255,1) 100%);
    height:687px;
/*    overflow:hidden;*/
    position:relative
}
.header-text{
    float:left;
    height:578px;
    margin:15% auto auto;
    padding:0;
    width: 100%;
    text-align: center;
}
.header-text>a{
    background:#fff none repeat scroll 0 0;
    border-radius:30px;
    box-shadow:1px 6px 4px rgba(0,0,0,0.1);
    color:#00a2ff;
    float:left;
    font-size:15px;
    margin-top:17px;
    padding:15px 50px
}
.header-text>a:hover{
    background:#222;
    border-radius:30px;
    box-shadow:1px 6px 4px rgba(0,0,0,0.1);
    color:#fff;
    float:left;
    font-size:15px;
    margin-top:17px;
    padding:15px 50px
}
.header-img{
    padding:30% 0 0;
    text-align:center
}
.header-text p{
    color:#fff;
    margin:25px auto
}
.top-header{
    color:#fff;
    font-size:12px;
    margin-bottom:10px;
    padding:5px 0
}
.top-header .socialfooter{
    float:right;
    margin:0
}
.top-header .socialfooter{
    float:right;
    margin:0
}
.top-header .socialfooter a{
    color:#fff;
    display:inline-block;
    font-size:16px;
    margin-left:4px;
    margin-right:0
}
.affix .top-header{
    display:none;
    transition:all .35s ease 0s
}
.header-text h1{
    color:#fff;
    font-size:50px;
/*    font-weight:lighter;*/
    letter-spacing:1.2px;
    margin-top:140px
}
.header-text strong{
    display:block;
    font-size:28px;
    font-weight:normal;
    margin:20px 0
}
.btn-wt-bdr{
    background-color:transparent!important;
    border:2px solid rgba(255,255,255,0.75)!important;
    color:#fff;
    font-weight:500;
    letter-spacing:.04em;
    padding:12px 24px!important;
    text-transform:uppercase
}
.btn.focus,.btn:focus,.btn:hover{
    color:#ccc;
    text-decoration:none
}
.welcome h2{
    color:#fff;
    font-size:30px;
    font-weight:300;
    margin-bottom:25px;
    padding-left:50px;
    position:relative;
    text-transform:uppercase
}
.welcome{
    background:#1c1c1c none repeat scroll 0 0;
    color:#ababab;
    padding:100px 0
}
.welcome h2 span{
    color:rgba(249,75,113,1)
}
.welcome p{
    padding:0 0 0 50px
}
.welcome i{
    color:#fff;
    font-size:30px;
    left:0;
    position:absolute
}
.icon{
    border-bottom:1px solid #666;
    color:#00a2ff;
    display:inline-block;
    font-size:72px;
    margin:30px 0;
    padding-bottom:10px
}
.icon2{
    color:#00a2ff;
    display:inline-block;
    font-size:40px;
    margin:0 0 30px
}
.about{
    background:#e4eff7 none repeat scroll 0 0;
    position:relative
}
.about::before{
    background:url("https://www.17sucai.com/2022/12/113la13295/assets/img/px-bg1.jpg") no-repeat;
    content:"";
    height:100%;
    position:absolute;
    background-size:cover;
    top:0;
    right:0;
    width:50%
}
.about-text{
    padding:40px 0;
    width:48%;
    margin-left:100px
}
.about-text i{
    background:#607d8b none repeat scroll 0 0;
    border-radius:50%;
    color:#fff;
    font-size:23px;
    height:62px;
    line-height:62px;
    margin:0 auto auto;
    text-align:center;
    width:62px
}
.about-bg2{
    padding:50px 0;
}
.about-bg2 strong{
    font-size:18px;
    font-weight:500
}
.about-bg2 .title{
    margin-top:0;
    margin-bottom:0
}
.about-text h2{
    font-size:40px;
    font-weight:300;
    margin-bottom:50px
}
.about-text h4{
    color:#607d8b;
    font-size:20px;
    font-weight:700
}
.about-text h3{
    color:#f94b71;
    display:block;
    font-size:20px;
    font-weight:100;
    margin:21px 0
}
.about-text ul{
    margin:30px 0 0;
    padding:0
}
.about-text li{
    color:#000;
    font-size:14px;
    list-style:outside none none;
    padding:0 0 8px
}
.about-text li::before{
    color:#00a2ff;
    content:"";
    font-family:FontAwesome;
    font-size:14px;
    margin-right:8px
}
.work h3{
    color:#000;
    font-weight:100;
    margin-bottom:20px;
    margin-top:0
}
.work h3 span{
    color:rgba(249,75,113,1)
}
.work ul{
    margin:0;
    padding:0
}
.work p{
    margin-bottom:15px
}
.work li{
    color:rgba(249,75,113,1);
    list-style:outside none none
}
.about-bg h2{
    border-left:4px solid rgba(249,75,113,1);
    color:#fff;
    font-size:30px;
    font-weight:300;
    margin-bottom:25px;
    padding-left:5px;
    text-transform:uppercase
}
.about-bg h2 span{
    color:#70bd55
}
.about-intensy-text a{
    background:#66ad44 none repeat scroll 0 0;
    border-radius:50px;
    color:#fff;
    display:inline-block;
    font-size:18px;
    font-weight:700;
    line-height:16px;
    margin-bottom:0;
    min-width:125px;
    padding:23px 30px;
    text-decoration:none;
    text-transform:uppercase
}
.about-intensy-text a:hover{
    background:#f9f9f9 none repeat scroll 0 0;
    color:#7870e8
}
h2.about-intensy-title{
    color:#66ad44;
    font-size:30px;
    font-weight:300;
    line-height:45px;
    margin:0;
    text-align:left
}
.about-intensy-text ul{
    margin-bottom:30px
}
.about-intensy-text ul li::before{
    color:#66ad44;
    content:"";
    font-family:FontAwesome;
    font-size:13px;
    line-height:12px;
    margin-left:0;
    margin-right:10px;
    position:relative;
    top:1px
}
.about-intensy-text ul li{
    border-top:1px solid #eceaeb;
    display:block!important;
    line-height:1.3em;
    list-style-type:none!important;
    margin:0!important;
    padding-bottom:15px;
    padding-left:0;
    padding-right:0!important;
    padding-top:15px;
    position:relative
}
.about-intensy-text ul{
    margin-bottom:30px;
    padding:0
}
footer{
/*    background:#000 none repeat scroll 0 0;*/
    padding:50px 0;
  /*  float:left;
    width:100%;
    position:relative*/
    background: rgb(60,187,217);
    background: linear-gradient(90deg, rgba(60,187,217,1) 0%, rgba(160,233,255,1) 100%);
}
.footer .right{
    font-weight: bold;
    font-size: 20px;
    color:#ffffff;
}
.footer h5{
    color:#05a1fe;
    font-size:28px;
    font-weight:300;
    margin-bottom:0;
    position:relative
}
.footer a{
    color:#fff
}
.footer a:hover{
    color:#ddd
}
.bg-white3{
    background:#fff none repeat scroll 0 0;
    border-top:2px dashed #e2e8eb;
    margin-bottom:50px;
    margin-top:-50px;
    padding:30px 0
}
.socialfooter a{
    color:#a5a5a5;
    display:inline-block;
    font-size:18px;
    margin-left:12px
}
.socialfooter a:hover{
    color:#fff;
    display:inline-block
}
.copyright{
    color:#c1c1c1;
    font-size:12px;
    padding:10px 0 0
}
.col-md-4.copyright>p{
    color:#000;
    font-size:15px;
    margin:0;
    padding:0
}
.copyright span{
    color:#304ffe
}
#contact{
    padding:100px 0;
    position:relative
}
.bg-white-margin{
    margin-bottom:50px!important
}
.socialfooter{
    text-align:right;
    margin-top:10px
}
.list-unstyled{
    text-align:right
}
.list-unstyled>li{
    display:inline;
    margin-left:30px
}
.map{
    position:relative
}
.map>img{
    width:100%
}
.adderss{
    background:rgba(3,10,0,0.85) none repeat scroll 0 0;
    bottom:0;
    color:#fff;
    height:200px;
    padding-top:45px;
    position:absolute;
    text-align:center;
    width:100%
}
.adderss h2{
    color:#fff
}
#googleMap{
    left:0;
    position:relative;
    top:0
}
.video{
    background:#0e0e0e url("../image/mobile-img.jpg") no-repeat scroll right 0;
    padding:200px 0;
    position:relative
}
.video .title,.video .title h2{
    color:#fff
}
.video h2{
    font-size:28px;
    font-weight:700;
    color:#fff;
    text-transform:capitalize
}
.video-text>p{
    color:#bdbdbd
}
.video-text .icon{
    border-color:#fff
}
.video-text h2{
    font-size:40px;
    font-weight:300;
    margin-bottom:50px
}
.video-text ul{
    margin:30px 0 0;
    padding:0
}
.video-text li{
    color:#FFF;
    font-size:14px;
    list-style:outside none none;
    padding:0 0 8px
}
.video-text li::before{
    color:#00a2ff;
    content:"";
    font-family:FontAwesome;
    font-size:14px;
    margin-right:8px
}
.video a{
    display:block;
    font-size:100px;
    margin-bottom:50px;
    margin-top:50px;
    color:#fff
}
.documentation-text h4{
    font-size:20px;
    font-weight:600
}
.documentation-text a{
    color:#000;
    display:inline-flex;
    font-size:14px;
    font-weight:600;
    margin-top:22px
}
.documentation-text a:hover{
    color:#00a2ff
}
.documentation-text a::after{
    color:#00a2ff;
    content:"";
    font-family:FontAwesome;
    font-size:14px;
    margin-left:10px
}
.our-team{
    padding:100px 0
}
.team-text{
    background:#fff none repeat scroll 0 0;
    float:left;
    padding:20px 0;
    width:100%
}
.team-box:hover .team-text{
    background:#455a64;
    float:left;
    color:#fff;
    padding:20px 0;
    width:100%
}
.team-box:hover .team-text h4{
    color:#fff
}
.team-text ul{
    padding:0;
    list-style:none
}
.team-text li{
    display:inline
}
.team-text a{
    background:#f5f5f5 none repeat scroll 0 0;
    border-radius:50%;
    color:#b5b5b5;
    display:inline-block;
    font-size:18px;
    height:45px;
    line-height:45px;
    width:45px
}
.team-text a:hover{
    background:#607d8b;
    color:#fff
}
.counter{
    padding:70px 0;
    position:relative;
    text-align:center
}
.c-box{
    border:1px solid #d2d2d2;
    padding:80px 25px;
    margin:0 0 80px
}
.c-box.active{
    border:1px solid #455a64
}
.c-box.active .timer{
    color:#455a64
}
.timer{
    color:#607d8b;
    font-size:85px;
    font-weight:700;
    margin:0
}
.btn-wt-bdr3{
    background-color:#000;
    color:#fff;
    display:inline-block;
    font-weight:100;
    letter-spacing:1.5px;
    margin-top:20px;
    padding:8px 15px!important;
    text-transform:uppercase;
    width:59%
}
.btn-wt-bdr3:hover{
    background:#455a64 none repeat scroll 0 0
}
.inner-box.active .btn-wt-bdr3{
    background-color:#00a2ff;
    border-radius:30px;
    box-shadow:1px 1px 10px rgba(0,0,0,0.3);
    color:#fff;
    display:block;
    text-align:center;
    width:100%
}
.inner-box.active .btn-wt-bdr3:hover{
    background-color:#000;
    color:#fff
}
.permit{
	font-size: 45px;
	background:url("../image/px-bg4.png") no-repeat;
	line-height: 60px;
	color: #ffffff;
	font-weight: bold;

	font-family: Source Han Serif K;
	padding-top: 50px;
	padding-bottom: 50px;
}
.service{
    margin-top: 240px;
    padding:100px 0 0 0;

    background:#d4f3fc url("../image/px-bg5.jpg") no-repeat center top;
    background-size: contain;
}
.service .inner-box{
    margin:0 auto 0;
    box-shadow:1px 1px 13px #cccccc;
/*    padding:80px 0;*/
    background:#fff;
    position:relative;
    height: 300px;
    padding: 30px;
    font-size: 40px;
    line-height: 45px;

	display:flex;
    align-items:center;
    justify-content:center;
}
.service-column{
    margin:30px 0;
/*    padding:0*/
}
.service h2{
    color: #ffffff;
    font-weight: bold;
}
#cleanitem {
    background:#d4f3fc url("../image/px-bg6.jpg") no-repeat center center;
    background-size: contain;
    background-size: cover;
    height: 800px;
}
#cleanitem .title{
    position:relative;
    height: 800px;

    display:flex;
    align-items:center;
    justify-content:center;

    
    color: rgba(31,154,183,1);
    font-weight: bold;
    font-size: 50px;
    font-family: Source Han Serif K;


}
#cleanitem li{
    margin-top: 40px;
    list-style: none;
}
#cleanitem .item{
    padding-top: 100px;
/*    font-weight: bold;*/
    font-size: 40px;
    
}



#contact {
    background:#d4f3fc url("../image/px-bg6.jpg") no-repeat center center;
    background-size: contain;
    background-size: cover;
}
#contact .title{
    position:relative;
    height: 350px;

    display:flex;
    align-items:center;
    justify-content:center;

    
    color: rgba(31,154,183,1);
    font-weight: bold;
    font-size: 50px;
    font-family: Source Han Serif K;


}
#contact li{
    margin-top: 40px;
    list-style: none;
    word-break: break-all;
}
#contact .item{

    font-size: 30px;
    
}
#contact label{

    color: rgba(31,154,183,1);
    font-weight: bold;
    font-size: 30px;
    
}

#procedure {
    background:#d4f3fc url("../image/px-bg7.jpg") no-repeat center center;
    background-size: contain;
    background-size: cover;
    height: 1200px;
}
#procedure h2{

    color: rgba(31,154,183,1);
    font-weight: bold;
    font-size: 50px;
    font-family: Source Han Serif K;

}
#procedure li{
    margin-top: 30px;
    list-style: none;
    font-size: 40px;
    line-height: 45px;
}

#corporation div{
    margin-top: 20px;
}
#corporation img{
    height: 120px;
}
#corporation .title{
    padding-top:40px;
}
#corporation .blank{
    padding-bottom:40px;
}
#corporation h2{

    color: rgba(31,154,183,1);
    font-weight: bold;
    font-size: 50px;
    font-family: Source Han Serif K;

}

.price{
    padding:300px 0 0 0;
    background:#ffffff;

    background:url("../image/px-bg3.jpg") no-repeat;
    background-size: cover;
}
.price .inner-box{
    margin:0 auto 0;
    box-shadow:1px 1px 13px #eee;
/*    padding:80px 0;*/
    background:#fff;
    position:relative;
    border-radius: 15px 15px;
    background:url("../image/rebg.png") ;
}
.price-stats sup{
    color:#000;
    font-size:20px;
    top:-38px
}
.price-stats sub{
    color:#00a2ff;
    font-size:25px
}
.price-stats span{
    color:rgba(20,148,172,1);
/*    display:inline-block;*/
    font-size:40px;
    line-height: 50px;
}
.price .price-stats{
    padding:15px 5px;
/*    position:relative*/
}
.price .price-stats li{
    list-style:outside none none;
    margin-bottom:15px;
    padding-bottom:15px
}
.price .price-no{
    color:#607d8b;
    font-size:18px;
    margin-bottom:10px;
    margin-top:0;
    padding:10px 0
}
.inner-box.active{
    color:#fff
}
.price-header.text-center{
    margin-top:100px
}
.price-header.mid-text.text-center{
    margin-top:0
}
.price .price-title{
    color:#9f9e9e;
    font-size:28px;
    font-weight:500;
    letter-spacing:1px;
    margin-bottom:0;
    margin-top:0;
    padding-bottom:20px;
    padding-top:20px;
    text-transform:uppercase
}
.price-stats li i{
    margin-right:32px
}
.price-stats .fa.fa-check{
    color:#579d36
}
.price-stats .fa.fa-close{
    color:#df2228
}
.price .title{
    text-align:center
}
.price .title p{
    margin-bottom:50px
}
.price .title{
    padding:0
}
.navbar-collapse.collapse.in{
    background:#34b7eb none repeat scroll 0 0

}
.price-title.active{
    color:#fff
}
.price .price-no.active{
    color:#fff
}
.pricing-column{
    margin:80px 0;
/*    padding:0*/
}
.price-li>ul{
    list-style:outside none none;
    padding:0
}
.price-li li{
    padding-bottom:10px
}
.price-li{
    color:#000;
    margin-bottom:auto;
    margin-left:auto;
    margin-right:auto;
    padding-top:50px;
    position:relative;
    width:60%
}
.price .fa.fa-check{
    color:#00a2ff;
    margin-right:15px
}

.price h2{
    color:rgba(31,154,183,1);
}
.price .content{
    width:100%;background: url(../image/px-bg2.png);
    font-size:40px;
    line-height: 100px;
    height: 200px;
    color:#ffffff;
    padding-top:50px ;
}
.active.inner-box::before{
    background:#f3f3f3 none repeat scroll 0 0;
    bottom:0;
    content:"";
    height:60%;
    position:absolute;
    width:100%
}
.inner-box.active{
    padding:50px 0 30px;
    position:relative
}
.standard-price .price-title{
    color:#00a2ff
}

.platform-text>h3{
    color:#fff;
    font-size:15px;
    font-weight:500;
    margin-top:60px;
    text-shadow:0
}
.platform-text>h2{
    color:#fff;
    font-size:40px;
    font-weight:100;
    margin-bottom:30px;
    text-shadow:0
}
.platform .carousel-caption{
    bottom:inherit;
    left:20%;
    padding-bottom:30px;
    right:20%;
    text-align:left;
    top:100px;
    width:25%
}
.platform .carousel-indicators{
    bottom:inherit;
    text-align:left;
    top:100px
}
.platform-text>a{
    background:#fff none repeat scroll 0 0;
    border-radius:30px;
    box-shadow:1px 6px 4px rgba(0,0,0,0.1);
    color:#00a2ff;
    float:left;
    font-size:15px;
    margin-top:17px;
    padding:15px 50px;
    text-shadow:0
}
.styling-text h2{
    font-size:50px;
    color:#00A2FF
}
.styling-text h4{
    font-weight:300;
    font-size:30px
}
.styling-text a{
    color:#000;
    display:inline-flex;
    font-size:14px;
    font-weight:600;
    margin-top:22px
}
.styling-text a::after{
    color:#00a2ff;
    content:"";
    font-family:FontAwesome;
    font-size:14px;
    margin-left:10px
}
@media(min-width:240px) and (max-width:320px){
    .header-text p{
        display:block!important;
        font-size:16px
    }
    .header-text span{
        background:rgba(0,0,0,0) none repeat scroll 0 0;
        color:#fff;
        font-size:27px!important;
        padding:0
    }
    .header-text h1{
        font-size:27px!important
    }
}
@media(min-width:320px) and (max-width:680px){
    .navbar-brand img{width: 100px;}
    .header-text{height: 300px;}
    .price {padding: 100px 0 0 0;}
    .title h2 {margin-bottom: 24px;}
    .price .content{font-size: 24px;padding-top: 25px;line-height: 50px;}
    .price-stats span,.permit p {font-size: 26px;}
    .service {margin-top: 0px;}
    .service .title{position: relative; top:-50px;}
    .service .inner-box {font-size: 26px;height: 100px;}
    #cleanitem .title {height: 100px;font-size: 30px;margin-bottom: 0px;}
    #cleanitem .item {padding-top: 0px;font-size: 20px;}
    #procedure {height: 600px;}
    #procedure h2 {font-size: 26px;padding-top: 20px;}
    #procedure ul {padding: 0px;}
    #procedure li {margin-top: 20px;font-size: 20px;line-height: 22px;}
    #procedure img {width: 20px;}
    #corporation h2{font-size: 26px;}
    #corporation .title{padding-top: 0px;}
    #contact .title { font-size: 26px;height: 0px;}
    #contact .item,#contact label {font-size: 20px;}
    .footer .right {font-size: 16px;}

    .about-text{
        margin-left:0;
        padding:40px 0;
        width:100%
    }
    .row{
        margin-left:0;
        margin-right:0
    }
    .top-header{
        display:none
    }
    .header-text h2{
        font-size:18px
    }
    .pad{
        padding-left:15px;
        padding-right:15px
    }
    .header{
        height:300px
    }
    .video-text{
        margin-top:500px
    }
    .platform .carousel-caption{
        bottom:inherit;
        left:17px;
        padding-bottom:30px;
        right:20%;
        text-align:left;
        top:-43px;
        width:55%
    }
    .platform .carousel-indicators{
        bottom:inherit;
        left:78%;
        text-align:left;
        top:30px
    }
    .platform-text>p{
        height:43px;
        overflow:hidden
    }
    .list-unstyled{
        text-align:center
    }
    .socialfooter{
        text-align:center
    }
    .platform-text>h2{
        color:#fff;
        font-size:24px;
        font-weight:100;
        margin-bottom:10px;
        text-shadow:0
    }
    .platform-text>h3{
        margin-bottom:-10px;
        margin-top:50px;
        text-shadow:0
    }
    .subscribe{
        border:medium none;
        border-radius:0;
        margin-right:0;
        text-align:left;
        width:auto
    }
    .header-text strong{
        display:block;
        font-size:18px;
        font-weight:normal;
        margin:0
    }
    .header-text h1{
        font-size:20px;
        margin-top:30px
    }
    .header-text>a{
        margin-top:30px
    }
    .about{
        text-align:center
    }
    .about::before{
        display:none
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color:#455a64
    }
    .inner-box.active{
        transform:inherit
    }
    .title{
        margin:auto auto 30px
    }
    .about-text h2{
        font-size:21px;
        font-weight:400;
        margin-top:30px
    }
    .title h2{
        font-size:24px
    }
    .ank{
        color:#fff;
        float:left;
        font-size:11px;
        margin-right:10px;
        margin-top:30px;
        padding:15px 0;
        text-align:center;
        width:45%
    }
    .ank2{
        color:#000;
        float:left;
        font-size:11px;
        margin-right:10px;
        margin-top:30px;
        padding:15px 0;
        text-align:center;
        width:45%
    }
    .features img{
        width:100%
    }
    .header-img{
        display:none;
        padding:30% 0 0
    }
    .about-bg::before{
        background:#1c1c1c none repeat scroll 0 0;
        content:"";
        height:100%;
        position:absolute;
        top:0;
        width:100%
    }
    .team-box::before{
        display:none
    }
    .client .active{
        margin:20px 0;
        transform:scale(1.06)
    }
    .Countarea::before{
        transform:inherit
    }
    .footer h5::after{
        top:10px
    }
    .client li{
        float:left;
        list-style:outside none none;
        padding-bottom:50px;
        width:100%
    }
    .header-text{
        padding:1% 0 0;
        margin:27% auto auto;
        width:100%
    }
    .bdr{
        border-bottom:1px dashed #dadada;
        margin-bottom:0;
        padding-bottom:30px
    }
    .features p{
        margin:10px 0 50px
    }
    .bg-white{
        margin-top:-19px
    }
    .col-lg-12.bg-white2>ul{
        padding:0
    }
    .col-lg-12.bg-white2>ul li{
        padding:10px 0
    }
    .col-lg-12.bg-white2>ul li{
        display:block;
        margin-bottom:50px;
        padding:10px 0
    }
    .col-lg-12.bg-white2>ul{
        padding:10px 34px;
        text-align:center
    }
    .footer ul{
        margin-bottom:30px
    }
    .footer-padding{
        text-align:center
    }
    .socialfooter{
        width:100%
    }
    .footer-padding .text-center{
        margin:21px 0 10px;
        text-align:center
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        color:#fff
    }
    .client .testimonial-description{
        text-align:center
    }
    .header-text-box{
        height:324px!important
    }
    .team-post{
        margin-bottom:50px;
        text-align:center
    }
    .contact-box{
        margin:100px auto auto
    }
    .newsletter .title{
        width:100%
    }
    .navbar-default .navbar-nav>li>a{
        padding-bottom:10px;
        padding-top:10px
    }
    .btn3{
        display:ruby-text;
        float:none
    }
    .simplefilter li,.multifilter li,.sortandshuffle li{
        width:50%
    }
    .btn-white-fill{
        margin-left:0;
        margin-top:5px;
        padding:19px 0!important;
        text-transform:uppercase;
        width:100%
    }
    .newsletter .input-subscribe{
        padding-left:20px;
        width:100%
    }
    .about img{
        margin-top:30px;
        width:100%
    }
    .icon .col-md-3{
        border-right:1px solid;
        color:#dadada;
        font-size:27px;
        padding:23px 0;
        text-align:center
    }
    .testimonials .caption{
        width:100%
    }
    #googleMap iframe{
        height:100%
    }
    .newsletter .title h2{
        font-size:26px
    }
    .features p{
        margin:10px 0
    }
    .counter span{
        display:block;
        margin-bottom:30px
    }
    .about-text li{
        margin-left:20px
    }
    .about-text li::before{
        margin-left:-21px
    }
    .pnd{
        padding:0 15px
    }
    .newsletter .title p{
        margin:10px auto 16px
    }
    .btn-custom{
        margin-bottom:80px
    }
    .team-box{
        display:inline-block;
        margin:auto auto 30px;
        width:63%
    }
}
@media(min-width:481px) and (max-width:568px){
    #googleMap iframe{
        height:100%
    }
    .pad{
        padding-left:15px;
        padding-right:15px
    }
    .newsletter .title h2{
        font-size:26px
    }
    .top-header{
        display:none
    }
    .pad70 .col-md-4{
        margin:50px 0
    }
    .bdr{
        border-bottom:1px solid #dadada;
        margin-bottom:0
    }
    .header-text{
        padding:10% 0 150px
    }
    .ank{
        margin-top:3px;
        padding:9px 21px
    }
    .ank2{
        margin-top:3px;
        padding:9px 21px
    }
    .header-text strong{
        font-size:24px;
        margin:14px 0
    }
    .btn3{
        display:ruby-text;
        float:none
    }
    .blog-content{
        width:70%
    }
    .blog-crl{
        right:48px
    }
    .navbar-default .navbar-nav>li>a{
        padding-bottom:10px;
        padding-top:10px
    }
    .newsletter .title{
        width:100%
    }
    .team-box::before{
        display:none
    }
    .Countarea::before{
        transform:inherit
    }
    .contact-box{
        margin:100px auto auto
    }
    .header-bg2{
        background-size:cover!important
    }
    .header-bg2::before{
        width:100%
    }
    .client .testimonial-user-info{
        margin-top:35px;
        padding-left:43%
    }
    .client .testimonial-description::after{
        left:47%
    }
    .header-text{
        padding:100px 0 150px
    }
    .col-md-6.work{
        text-align:center
    }
    .btn-wt-bdr2{
        display:inline-block;
        float:inherit
    }
    .features{
        text-align:center
    }
    .features p{
        line-height:26px;
        margin:10px 0 50px
    }
    .header-text h1{
        font-size:20px!important
    }
    .bg-white{
        margin-top:-19px
    }
    .title{
        margin:auto auto 50px;
        width:100%
    }
    .col-lg-12.bg-white2>ul{
        padding:0
    }
    .col-lg-12.bg-white2>ul li{
        padding:10px 0
    }
    .col-lg-12.bg-white2>ul li{
        display:block;
        margin-bottom:50px;
        padding:10px 0
    }
    .col-lg-12.bg-white2>ul{
        padding:10px 34px;
        text-align:center
    }
    .footer ul{
        margin-bottom:30px
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        color:#fff
    }
    .client .testimonial-description{
        text-align:center
    }
    .team-post>img{
        width:100%
    }
    .header-text-box{
        height:324px!important
    }
    .team-post{
        margin-bottom:50px;
        text-align:center
    }
    .header{
        background-size:100% auto
    }
    .bg-white .col-md-5{
        text-align:center
    }
    .about img{
        margin-top:30px;
        width:100%
    }
    .newsletter .input-subscribe{
        width:100%
    }
    .btn-white-fill{
        margin-left:0;
        margin-top:5px;
        padding:19px 0!important;
        text-transform:uppercase;
        width:100%
    }
    .header-text span{
        background:rgba(0,0,0,0) none repeat scroll 0 0;
        color:#fff;
        font-size:inherit;
        padding:0
    }
    .icon .col-md-3{
        border-right:1px solid;
        color:#dadada;
        font-size:42px;
        padding:14px 0;
        text-align:center
    }
    .pad70 .col-xs-10.col-sm-10.col-md-10{
        float:right!important;
        text-align:left
    }
    .pad70 .col-xs-2.col-sm-2.col-md-2{
        float:left!important
    }
    .pad70{
        padding-top:0
    }
    .icon .col-md-3{
        border-right:1px solid;
        color:#dadada;
        font-size:27px;
        padding:23px 0;
        text-align:center
    }
    .testimonials .caption{
        width:100%
    }
}
@media(min-width:768px) and (max-width:1023px){
    .header-text{
        padding:1px 0 0;
        width:46%;
        margin-top:0
    }
    .video{
        background:#0e0e0e url("../image/mobile-img.jpg") no-repeat scroll 300px 0
    }
    .platform .carousel-caption{
        bottom:inherit;
        left:3%;
        padding-bottom:30px;
        right:20%;
        text-align:left;
        top:-70px;
        width:50%
    }
    .platform .carousel-indicators{
        bottom:inherit;
        margin-left:0;
        text-align:left;
        top:30px
    }
    .header-text h1{
        font-size:34px;
        margin-top:87px
    }
    .about-bg2 .title{
        text-align:center
    }
    .about-bg2{
        text-align:center
    }
    .about-text{
        margin:auto;
        padding:40px 0;
        text-align:left;
        width:90%
    }
    .c-box{
        margin:0 auto 80px;
        width:43%
    }
    .pad{
        padding-left:15px;
        padding-right:15px
    }
    .about-text h3{
        font-size:16px
    }
    .about-text h2{
        font-size:18px
    }
    .newsletter .title p{
        margin:10px auto 30px
    }
    footer{
        background:#fff none repeat scroll 0 0;
        padding:50px 15px
    }
    .features h4{
        color:#000;
        font-size:18px;
        font-weight:700;
        margin:0 0 18px
    }
    .pnd{
        padding:0 15px
    }
    .features i{
        color:#333;
        margin-bottom:25px
    }
    .header-img{
        padding:48% 0 0
    }
    .header-img>img{
        width:95%
    }
    .header-text strong{
        display:block;
        font-size:25px;
        font-weight:normal
    }
    .testimonials .caption img{
        width:auto
    }
    .ank{
        font-size:13px;
        padding:15px 19px;
        width:43%
    }
    .team-box{
        display:inline-block;
        margin:auto auto 30px;
        width:38%
    }
    footer::before{
        height:50%
    }
    .btn-custom{
        margin-bottom:80px
    }
    .client li{
        width:20%
    }
    .ank2{
        font-size:13px;
        padding:15px 19px;
        width:43%
    }
    .navbar-default .navbar-nav>li>a{
        padding-bottom:25px;
        padding-top:25px
    }
    .nav>li>a{
        padding:15px 10px!important
    }
    .subscribe{
        width:98px
    }
    nav .socialfooter{
        margin:23px 0 0
    }
    .header{
        background-position:0 top;
        height:42%
    }
    .about-bg::before{
        background:#1c1c1c none repeat scroll 0 0;
        content:"";
        height:100%;
        position:absolute;
        top:0;
        width:100%
    }
    .about img{
        margin-top:50px;
        width:100%
    }
    .bdr{
        border-bottom:1px dashed #dadada;
        margin-bottom:0;
        padding-bottom:10px
    }
    .btn3{
        display:ruby-text;
        float:none
    }
    .blog-content{
        width:56%
    }
    .blog-crl{
        right:150px
    }
    .newsletter .input-subscribe{
        width:65%
    }
    .nav>li>a{
        padding:10px 9px
    }
    .bg-white img{
        width:70%
    }
    .bg-white{
        text-align:center
    }
    .header{
        background-size:100% auto
    }
    .team-post{
        margin-bottom:50px;
        text-align:center
    }
    .team-post>img{
        width:auto
    }
    .team-post>img{
        width:100%
    }
    .text-right .col-xs-10.col-sm-10.col-md-10{
        float:right;
        text-align:left
    }
    .client .testimonial-user-info{
        padding-left:42%
    }
    .client li{
        float:left;
        list-style:outside none none
    }
    #services .fa::after{
        left:47%
    }
    .container{
        width:100%
    }
    .team-post{
        margin:0 auto 50px;
        text-align:center;
        width:51%
    }
    .testimonial-description.text-left{
        text-align:center
    }
    .client .testimonial-description::after{
        left:48%
    }
    .col-lg-12.bg-white2 li img{
        width:18%
    }
    .bg-white2{
        display:table-cell
    }
    .client .testimonial-user-info{
        padding-left:45%
    }
    .newsletter .title{
        width:100%
    }
    .about .bg-white img{
        width:70%
    }
}
@media(min-width:1023px) and (max-width:1024px){
    .header-img>img{
        width:83%
    }
    .header-text strong{
        display:block;
        font-size:33px;
        font-weight:normal;
        margin:23px 0
    }
    .header-text h1{
        color:#fff;
        font-size:29px!important;
        font-weight:700
    }
    .newsletter .title h2{
        color:#fff;
        font-size:26px
    }
    .newsletter .input-subscribe{
        width:56%
    }
    .client li{
        float:left;
        list-style:outside none none;
        padding:0 0 47px
    }
    .about .col-md-5>img{
        width:100%
    }
}
@media(min-width:1024px) and (max-width:1279px){
    .team-post{
        margin:0;
        width:100%
    }
    .platform .carousel-caption{
        bottom:inherit;
        left:3%;
        padding-bottom:30px;
        right:20%;
        text-align:left;
        top:-50px;
        width:50%
    }
    .platform .carousel-indicators{
        bottom:inherit;
        margin-left:0;
        text-align:left;
        top:30px
    }
}