.nav{position:absolute;width:100%;display:inline-block;color:#fff;box-sizing:border-box;z-index:999;padding:22px 0px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
#introduce .nav strong{display:none}
.nav button{display:none}
.nav .logo{background:url(img/biglogo.png);background-repeat:no-repeat;width:350px;height:65px;background-size:100%;display:inline-block;margin-right:2.0833333333%;margin-top:5px;vertical-align:middle;background-position:center top}
.nav ul{display:inline-block;padding:0;text-align:right;margin:0px;float:right;margin-top:25px}
.nav ul li{display:inline-block;float:left}
.nav ul li.big{position:relative}
.nav ul li.big .chbm{color:#fff;background-color:#179cd7;color: #FFF;border-color:#179cd7;padding:5px 18px 7px;display:block;-moz-border-radius:2px;margin-top:-5px;cursor:pointer}
.nav ul li.big .chbm-menu{transition:all .2s ease;opacity:0;background:rgba(255,255,255,0.91);color:#555;opacity:0;visibility:hidden;position:absolute;width:92px}
.nav ul li.big .chbm-menu a{margin-right:0;padding-bottom:6px;display:block;padding:8px 0;font-size:13px;color:#179CD7}
.nav ul li.big:hover .chbm-menu{display:block;opacity:1;visibility:visible}
.nav ul li.big .chbm-menu a:hover{color:#000}
.nav ul li a{color:#fff;text-decoration:none;font-weight:400;font-size:16px;text-transform:uppercase;text-align:center;display:inline-block;padding-bottom:6px;margin-right:13px}
.nav ul li.current a{color:#179CD7}
.nav ul li:first-child a{border-left:0}
.nav.fixed{position:fixed;top:0;background-color:rgba(255,255,255,0.92);padding:15px 0;-webkit-animation:navshow 0.5s;animation:navshow 0.5s;-webkit-transition:"top opacity" 1s ease;transition:"top opacity" 1s ease;margin-top:0px;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown;-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}
.nav.fixed .logo{height:42px;background-image:url(img/logo.png);margin:0;background-size:auto 100%;margin:3px 0 0;padding:0;width:253px}
.nav.fixed ul{margin-top:13px}
.nav.fixed ul li{padding:0}
.nav.fixed ul li.big{}
.nav.fixed ul li.big a{}
.nav.fixed ul li a{color:#333}
.nav.fixed ul li.current a{color:#179CD7}
.section{width:100%;padding:50px 0 60px 0}
.section.gray{background-color:#F5F5F5}
.section h2{text-align:center;margin-top:40px;font-weight:300;color:#333;text-transform:uppercase;font-size:32px;position:relative;padding-bottom:10px}
.section .short-line{display:block;height:2px;width:70px;background-color:#333;margin:20px auto}
#feature .short-line,#contact .short-line{background-color:#FFF}
.section ul li{list-style:none}
.section>p{font-size:16px;font-size:1.6rem;color:#4A4A4A;width:56.875%;line-height:1.6em;margin:1em auto}
#introduce{position:relative;padding-top:1px;padding:0}
#introduce .banner{height:600px;position:relative;overflow:hidden}
#introduce .banner .tp-dottedoverlay{background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4;background:url(img/pattern_overlay.png)}
#introduce strong{font-size:24px;margin:1em auto;display:block;width:56.875%;font-weight:normal}
#introduce strong i{font-size:18px;font-style:normal}
#introduce strong.time{margin-top:1%;display:block;color:#4A4A4A;text-align:center;font-weight:normal;font-size:18px;font-size:1.8rem}
#introduce h2 span{vertical-align:middle;text-align:left}
#introduce div.came{background-color:#F5F5F5;padding:20px 0 60px 0}
#introduce div.came h3{font-size:32px;font-size:3.2rem;font-weight:normal}
#introduce div.came ol{width:80%;margin:40px auto;padding:0}
#introduce div.came ol li{display:inline-block;border-radius:50%;border:1px solid #979797;color:#1A1919;height:150px;width:150px;vertical-align:top;padding:19px;box-sizing:border-box;margin:0 2%}
#introduce div.came ol li span{display:block;font-size:14px;font-size:1.4rem;margin-top:26px}
#introduce div.came ul{width:50%;margin:20px auto;padding:0}
#introduce div.came ul li{text-align:left;font-size:16px;font-size:1.6rem;padding-left:10px;margin:20px 0}
#introduce .button{width:16%;display:inline-block;background-color:#32B1EC;color:#fff;border-radius:4px;text-align:center;text-decoration:none;height:50px;line-height:50px;margin:0 1%;font-size:22px;font-size:2.2rem}
#detail{background:#F5F5F5}
#detail .detail-txt{padding:20px 0;width:80%;margin:0 auto}
#detail .detail-txt p{font-size:17px;color:#676767;line-height:1.8;text-align:center;margin-bottom:15px}
#ddnews{background:#f3f3f3}
#something{background:#FFF}
#something .pp-title H2{color:#fff}
#something .pp-title .short-line{background-color:#FFF}
#something .tabs_item .tabs_info h3 a,#something .tabs_item .tabs_info .text{color:#FFF}
.products-tab{margin-bottom:20px;position:relative;overflow:hidden;margin:0 auto;color:#888;-webkit-font-smoothing:antialiased;padding-top:20px}
.products-tabs{display:table;position:relative;overflow:hidden;margin:0;width:100%;text-align:center}
.products-tabs li{display:inline-block;overflow:hidden;padding:0 4px;position:relative}
.products-tabs a{background-color:#6f7a8e;color:#fff;font-size:14px;display:block;letter-spacing:0;outline:none;padding:4px 20px;border-radius:17px;text-decoration:none;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.products-tabs .current a{color:#fff;background:#3db1fa}
.tabs_item{display:none;margin:50px 0;overflow:hidden}
.tabs_item .tabs_info ul li{width:100%;padding:0 0 26px;overflow:hidden;color:#FFF}
.tabs_item ul{padding-top:0px;padding-left:60px}
.tabs_item .effect-excellent ul li{}
.tabs_item .tabs_info h3{color:#4d4d4d;font-size:19px}
.tabs_item .tabs_info .text-tit{color:#4d4d4d;font-size:18px;margin-bottom:0px;font-weight:bold}
.tabs_item .tabs_info .text{margin:8px 0px 0px;font-size:14px;line-height:26px;color:#565656}
.tabs_item .tabs_info .text01{margin:8px 0px 0px;font-size:14px;color:#565656;line-height:26px}
.tabs_item:first-child{display:block}
.col-lg-5{width:30%}
.col-lg-7{width:70%}
.col-lg-5,.col-lg-7{float:left}
#calendar .meet_schedule{width:800px;max-width:100%;margin:40px auto;text-align:center}
#calendar .meet_schedule h4{font-size:18px;font-weight:normal}
#calendar .meet_schedule h4 .fa{margin:0 8px 0 0}
#calendar .meet_schedule h4 .info{padding:0 0 20px 40px}
#calendar .meet_schedule h4 .time{padding:0 0 20px 0}
#calendar .meet_schedule .time,#calendar .meet_schedule .info{float:left;padding:30px 0;text-align:left}
#calendar .meet_schedule .time{width:50%;text-align:right;position:relative;right:10px}
#calendar .meet_schedule .time:after{content:" ";width:10px;height:10px;border-radius:99px;background:#0095e7;display:block;float:right;border:6px solid #7dcdf9;position:relative;left:0px;float:left;margin:-25px 0 0 100%}
#calendar .meet_schedule .time .time_inner{position:relative;left:-20px}
#calendar .meet_schedule .info{border-left:2px solid #d5d3d4;margin:0 0 0 0;padding:30px 0 30px 40px;width:40%;%;font-weight:normal;display:inline-block}
#calendar .meet_schedule .info .title{font-size:18px;font-weight:normal}
#calendar .meet_schedule .info p{padding:10px 0;color:#A0A0A0;font-size:14px;line-height:1.3}
#calendar .meet_schedule .meet_section{display:inline-block;position:relative}
#calendar .meet_schedule .meet_section>h4{background:#0095e7;padding:4px 15px;border-radius:4px;color:white;position:relative;display:inline-block;font-size:14px;font-weight:normal;cursor:pointer}
#calendar .meet_schedule .dot{content:" ";width:10px;height:10px;border-radius:99px;background:#0095e7;display:block;border:6px solid #7dcdf9;position:relative;right:5px;margin:0 0 0 50%}
#calendar .meet_schedule .before .part{display:block}
#calendar .meet_schedule .open .part{display:none}
#calendar .meet_schedule .node{padding-top:20px}
#calendar .meet_schedule .node:after{display:block;content:"";height:20px;width:2px;border-left:2px solid #d5d3d4;position:absolute;top:0;left: 50%;}
#guests h2 span{vertical-align:middle}
#guests .slide-box{width:100%;position:relative;height:310px;margin:0 auto;overflow:hidden;padding:30px 0 0}
#guests ul{position:absolute;width:100%;padding:0;text-align:center;left:100%}
#guests ul.current{left:0}
#guests ul li{width:160px;width:12%;list-style:none;display:inline-block;margin:0 5%;vertical-align:top}
#guests ul li:first-child{margin-left:0}
#guests ul li:last-child{margin-right:0}
#guests ul li span{width: 140px;height: 140px;position:relative;overflow:hidden;border-radius:50%;border:1px solid #888;display:inline-block}
#guests ul li span img{width:100%;    height:auto;}
#guests ul li p{font-size:22px;color:#222;text-align:center;white-space:normal !important;width:100% !important}
#guests ul li p i{font-style:normal;color:#a9a9a9;font-size:14px;display:block}
#something h2{color:#FFF}
#something ul{padding:20px 0 50px 0;width:100%;height:100%;overflow:hidden;margin:0 auto}
#something ul li{float:left;margin: 0 2.5% 2%;width:20%;height:100%;text-align:center;background:#FFF;-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.75);-moz-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.75);box-shadow:0px 3px 3px 0px rgba(0,0,0,0.75)}
#something ul li img{width:100%;height:auto}
#something ul li a{display:block;color:#333;padding:5px}
#something ul li h3{font-size:14px;padding:5px 0}
#feature h2{color:#FFF}
#feature ul{padding:20px 0;width:100%;height:100%;overflow:hidden;margin:0 auto}
#feature ul li{float:left;margin:0 1.5%;width:30%;text-align:center;background:#EE445F;color:#FFF;position:relative;padding-bottom:35px;border-bottom:10px solid #e03651;margin-bottom:30px}
#feature ul li img{width:100%;height:auto}
#feature ul li a{display:block;color:#FFF}
#feature ul li h3{font-size:20px;padding:30px 20px 0;color:#FFF;max-height:60px;overflow:hidden;margin-bottom:20px}
#feature ul li .featuredec{padding:0 20px 0;max-height:80px;overflow:hidden;position:relative}
#partner{background:#FAFDFF}
#partner .partnerList{padding:25px 15%;text-align:center}
#partner .partnerList a{display:inline-block;position:relative;width:140px;height:65px;border:1px solid #c7c9cd;overflow:hidden;text-align:center;margin:0 10px;padding:3px}
#partner .partnerList a img{width:auto;height:100%;max-width:90%}
#contact{background-position:50% top;background-attachment:fixed;background-size:cover;position:relative;color:#fff !important;background-position:50% 79px}
#contact:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0}
#contact:before{background:url(http://www.r2saas.com/images/pattern_overlay.png);background-color:rgba(0,0,0,0.75)}
#contact h2{color:#FFF}
.revel_column_dd_span3{width:23.07692307692308%}
.revel_container [class*="column_dd_span"]{display:block;float:left;min-height:20px;margin-left:2.564102564102564%;line-height:22px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.revel_container [class*="column_dd_span"]:first-child{margin-left:0}
.revel_service_box{text-align:center;margin-bottom:55px;padding-top:0}
.revel_service_box .revel_icon_boxed{display:inline-block;width:100px;height:100px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;background:#2EA9DF;position:relative;margin-bottom:24px;text-decoration:none}
.revel_service_box_square .revel_icon_boxed{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none;margin-bottom:13px;width:auto;height:auto}
.revel_service_box h3{margin-bottom:19px;color:#676767;font-size:18px;font-weight:400}
#address{padding:50px 0 0}
#mapall{height:500px;width:100%;margin-top:30px}
footer{color:#898787;text-align:center;padding:34px 0 45px 0;font-size:14px;background:#F9F9F9}
.back{position:fixed;right:20px;bottom:20px;border:1px solid #32B1EC;display:block;width:50px;height:50px;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0;    cursor: pointer;}
.back:hover{background-color:#32B1EC}
.back:hover:after{border-color:transparent transparent #fff transparent}
.back:after{content:"";display:block;border:8px solid;border-color:transparent transparent #32B1EC transparent;width:0;position:relative;top:25%;left:34%}
.slidizle{position:relative;overflow:hidden}
.slidizle-content{position:absolute;top:0;left:0;width:100%;height:100%}
.slidizle-slide{position:absolute;top:0;left:0;width:100%;height:600px;background-size:cover;background-position:50% 50%;display:none}
.slidizle-slide.active{display:block}
.slidizle-navigation{position:absolute;bottom:30px;left:0;width:100%;text-align:center;z-index:10}
.slidizle-navigation li{display:inline-block;width:10px;height:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:white;opacity:.2;font-size:1px;text-indent:-99999px;margin:0 2px;cursor:pointer;-moz-transition:opacity 0.2s ease-in-out 0s;-o-transition:opacity 0.2s ease-in-out 0s;-webkit-transition:opacity 0.2s ease-in-out;-webkit-transition-delay:0s;transition:opacity 0.2s ease-in-out 0s}
.slidizle-navigation li:hover,.slidizle-navigation li.active{opacity:1}
.slidizle-next,.slidizle-previous{color:white;font-size:60px;position:absolute;top:50%;z-index:30;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;opacity:1;-moz-transition:opacity 0.2s ease-in-out 0s;-o-transition:opacity 0.2s ease-in-out 0s;-webkit-transition:opacity 0.2s ease-in-out;-webkit-transition-delay:0s;transition:opacity 0.2s ease-in-out 0s}
.slidizle-next.disabled,.slidizle-previous.disabled{opacity:.2;cursor:default}
.slidizle-next{right:30px}
.slidizle-previous{left:30px}
.slidizle-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#333 url("../img/loader.gif") no-repeat 50% 82%;opacity:0;pointer-events:none;-moz-transition:opacity 0.2s ease-in-out 0s;-o-transition:opacity 0.2s ease-in-out 0s;-webkit-transition:opacity 0.2s ease-in-out;-webkit-transition-delay:0s;transition:opacity 0.2s ease-in-out 0s}
.loading .slidizle-loading{opacity:.8;pointer-events:auto}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.sample{position:relative;width:100%;height:600px;text-align:center}
.sample header{position:absolute;top:50%;left:0;width:100%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);text-shadow:black 0 0 50px;background:rgba(0,0,0,0.3);padding:50px 150px;z-index:20}
.slider-progressbar{height:5px;width:100%;position:absolute;top:0;left:0;background:#fbd665;z-index:20}
.slider--animated .slidizle-content > .active ~ .slidizle-slide{-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}
.slider--animated .slidizle-slide{-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%);-moz-transition:-moz-transform 0.5s ease-in-out 0s;-o-transition:-o-transform 0.5s ease-in-out 0s;-webkit-transition:-webkit-transform 0.5s ease-in-out;-webkit-transition-delay:0s;transition:transform 0.5s ease-in-out 0s;display:block !important}
.slider--animated .slidizle-slide.active{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);z-index:2}
.slider--animated-up-down .slidizle-content > .active ~ .slidizle-slide{-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transform:translateY(100%)}
.slider--animated-up-down .slidizle-slide{-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);-moz-transition:-moz-transform 0.5s ease-in-out 0s;-o-transition:-o-transform 0.5s ease-in-out 0s;-webkit-transition:-webkit-transform 0.5s ease-in-out;-webkit-transition-delay:0s;transition:transform 0.5s ease-in-out 0s;display:block !important}
.slider--animated-up-down .slidizle-slide.active{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);z-index:2}
.slidizle-navigation .slider-navigation-item{width:50px;height:30px;background-size:cover;background-position:50% 50%;border:2px solid white}
.slider-decc{position:absolute;width:100%;top:45%;color:#FFF;z-index:999}
.slider-decc h2{color:#FF4E6A;font-size:39px;text-shadow:1px 1px 2px #000;font-weight:600;margin-top: 0;}
.slider-decc p{color:#FFF;font-size:20px;text-shadow:1px 1px 2px #000}


@media screen and (max-width:767px){
    .nav{
    text-align: center;
}
    .nav .logo{}
    .nav ul{
    float: none;
    text-align: center;
    margin-top: 0;
}
    .nav ul li{float:none;}
    .nav ul li.big .chbm{
    background: none;
    
    border-color: #179cd7;
    padding: 0;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
}
.nav.fixed ul li.big .chbm{color: #333;}
#introduce .banner,.sample,.slidizle-slide{
    height: 400px;
}
.col-lg-5, .col-lg-7{width:100%;}
#partner .partnerList{
    padding: 25px 5%;
}
#partner .partnerList a{width:90px;height: 55px;}
.tabs_img img{width:100%;}
.tabs_item ul{padding-top: 20px;padding:20px 10px}
.slider-decc{
    top: auto;
    bottom: 10px;
}
.slider-decc h2{
    font-size: 20px;
    margin-top: 0;
}
.slider-decc p{
    font-size: 14px;
    padding: 0 10px;
}
#guests .slide-box{height:400px;}
#guests ul li{width: 40%;margin: 0;margin-bottom: 20px;height: 180px;}
#guests ul li span{height:90px;width:90px}
#feature ul li{width: 97%;}
#something ul li{width:45%}
.revel_column_dd_span3{width: 45%;}

}