/* GLOBAL STYLES -------------------------------------------------- */
/* Padding below the footer and lighter body text */
 body {
     font-family: 'Open Sans', Arial, sans-serif;
     font-size: 14px;
     color: #686868;
     background-color: #FFFFFF;
}
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
     font-family: 'swiss_721bold_condensed';
     color: #1A1A1A;
}
/* Preloader -------------------------------------------------- */
 .mask {
     background-color:#FFF;
     width:100%;
     height:100%;
     position:fixed;
     z-index:100000;
}
 .bubblingG {
     text-align: center;
     width:80px;
     height:50px;
     left: 50%;
     top: 50%;
     position: absolute;
}
 .bubblingG span {
     display: inline-block;
     vertical-align: middle;
     width: 10px;
     height: 10px;
     margin: 25px auto;
     background: #f7901e;
     -moz-border-radius: 50px;
     -moz-animation: bubblingG 1.3s infinite alternate;
     -webkit-border-radius: 50px;
     -webkit-animation: bubblingG 1.3s infinite alternate;
     -ms-border-radius: 50px;
     -ms-animation: bubblingG 1.3s infinite alternate;
     -o-border-radius: 50px;
     -o-animation: bubblingG 1.3s infinite alternate;
     border-radius: 50px;
     animation: bubblingG 1.3s infinite alternate;
}
 #bubblingG_1 {
     -moz-animation-delay: 0s;
     -webkit-animation-delay: 0s;
     -ms-animation-delay: 0s;
     -o-animation-delay: 0s;
     animation-delay: 0s;
}
 #bubblingG_2 {
     -moz-animation-delay: 0.39s;
     -webkit-animation-delay: 0.39s;
     -ms-animation-delay: 0.39s;
     -o-animation-delay: 0.39s;
     animation-delay: 0.39s;
}
 #bubblingG_3 {
     -moz-animation-delay: 0.78s;
     -webkit-animation-delay: 0.78s;
     -ms-animation-delay: 0.78s;
     -o-animation-delay: 0.78s;
     animation-delay: 0.78s;
}
 @-moz-keyframes bubblingG {
     0% {
         width: 10px;
         height: 10px;
         background-color:#00aeef;
         -moz-transform: translateY(0);
    }
     100% {
         width: 24px;
         height: 24px;
         background-color:#FFFFFF;
         -moz-transform: translateY(-21px);
    }
}
 @-webkit-keyframes bubblingG {
     0% {
         width: 10px;
         height: 10px;
         background-color:#00aeef;
         -webkit-transform: translateY(0);
    }
     100% {
         width: 24px;
         height: 24px;
         background-color:#FFFFFF;
         -webkit-transform: translateY(-21px);
    }
}
 @-ms-keyframes bubblingG {
     0% {
         width: 10px;
         height: 10px;
         background-color:#00aeef;
         -ms-transform: translateY(0);
    }
     100% {
         width: 24px;
         height: 24px;
         background-color:#FFFFFF;
         -ms-transform: translateY(-21px);
    }
}
 @-o-keyframes bubblingG {
     0% {
         width: 10px;
         height: 10px;
         background-color:#00aeef;
         -o-transform: translateY(0);
    }
     100% {
         width: 24px;
         height: 24px;
         background-color:#FFFFFF;
         -o-transform: translateY(-21px);
    }
}
 @keyframes bubblingG {
     0% {
         width: 10px;
         height: 10px;
         background-color:#00aeef;
         transform: translateY(0);
    }
     100% {
         width: 24px;
         height: 24px;
         background-color:#FFFFFF;
         transform: translateY(-21px);
    }
}
/* Home -------------------------------------------------- */
 .logo {
     display: block;
     margin-top: 1%;
     margin-left: 1%;
     position: absolute;
     text-align: left;
     width: 100%;
     z-index: 10;
}
 .logo > img {
     width: 134px;
}
 #fullscreen-slider {
     position:relative;
}
 #fullscreen-slider .slides-container {
     margin:0;
}
 #fullscreen-slider .scrollable {
     *zoom:1;
     position:relative;
     top:0;
     left:0;
     overflow-y:auto;
     -webkit-overflow-scrolling:touch;
     height:100%;
}
 #fullscreen-slider .scrollable:after {
     content:"";
     display:table;
     clear:both;
}
 #fullscreen-slider .slider-captions {
     display: inline-block;
     margin: 0 auto 0;
     position: absolute;
     bottom: 0;
     text-align: center;
     width: 100%;
}
 #fullscreen-slider .slider-captions h1, #fullscreen-slider .slider-captions h2, #fullscreen-slider .slider-captions h3, #fullscreen-slider .slider-captions h4{
     color: #f7901e;
    /* Outline
	 -webkit-text-fill-color: white;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: #00aeef;
     */
     text-transform: uppercase;
     font-family: 'swis721_cn_btroman';
     font-size: 400%;
     letter-spacing: 0.05em;
     background-color: rgba(255,255,255,0.9);
    /* Unused
	 text-shadow: 0px 0px 0px black;
	 border-top: 1px solid #f7901e;
     border-bottom: 1px solid #f7901e;
     */
     -webkit-animation: slidertext 5s 1;
     animation: slidertext 5s 1;
}
 @-webkit-keyframes slidertext {
     100% {
        letter-spacing: 0.4em;
    }
}
 @keyframes slidertext {
     100% {
        letter-spacing: 0.4em;
    }
}
 #fullscreen-slider .btn-success {
     background-color: rgba(255, 255, 255, 0.5);
     border: 2px solid #FFFFFF;
     border-radius: 0;
     color: #FFFFFF;
     font-family: 'swiss_721bold_condensed';
     font-size: 16px;
     margin-top: 50px;
     outline: medium none;
     padding: 10px 30px;
     text-align: center;
     text-transform: uppercase;
}
 #fullscreen-slider .btn-success:hover{
     background-color: #f7901e;
     color: #FFFFFF;
}
 .slides-pagination {
     position:absolute;
     z-index:20;
     bottom:70px;
     text-align:center;
     width:100%;
     display: none;
}
 .slides-pagination a {
     filter:alpha(opacity=60);
     opacity:0.6;
     width:14px;
     height:14px;
     display:-moz-inline-stack;
     border:1px solid #fff;
     display:inline-block;
     margin:0 4px;
     overflow:hidden;
     text-indent:-100%;
     border-radius:50%;
     text-indent: -30px;
}
 .slides-pagination a:first-child {
     margin-left:8px;
}
 .slides-pagination a:hover,.slides-pagination a.current {
     filter:alpha(opacity=100);
     opacity:1;
     border-width:2px;
}
 .full-image {
     background-repeat:no-repeat;
     background-size:cover;
     background-position:center top;
     width:100%;
     height:100%;
}
 .slides-navigation {
     margin: 0 auto;
     position: absolute;
     z-index: 3;
     top: 46%;
     width: 100%;
     font-size: 50px;
}
 .slides-navigation a {
     position: absolute;
     display: block;
}
 .slides-navigation a.prev {
     background: none repeat scroll 0 0 rgba(204, 204, 204, 0.4);
     color: #FFFFFF;
     height: 50px;
     line-height: 10px;
     left: 10px;
     text-align: center;
     width: 50px;
     outline: none;
}
 .slides-navigation a.next {
     background: none repeat scroll 0 0 rgba(204, 204, 204, 0.4);
     color: #FFFFFF;
     height: 50px;
     line-height: 10px;
     right: 10px;
     text-align: center;
     width: 50px;
     outline: none;
}
/* Navigation -------------------------------------------------- */
 .navbar-inverse {
     background-color: #00aeef;
    /* border-top: 2px solid #f7901e;
     border-bottom: 2px solid #DEDADB;
     */
}
 .navbar{
     height: 75px;
     padding-bottom: 100px;
     border-color: transparent;
}
 .navbar-brand{
    /* font-family: 'Ubuntu',sans-serif;
     font-size: 27px;
     font-weight: 500;
     line-height: 80px;
     */
     position: sticky;
     overflow: visible;
     z-index: 100;
}
 .navbar-address{
     color: white;
     font-family: 'Ubuntu',sans-serif;
     font-size: 110%;
     text-align: right;
     padding-top: 20px;
     position: float;
}
 .navbar-inverse .navbar-brand{
     color: #FFFFFF;
}
 .navbar-inverse .navbar-nav > li > a{
     color: #FFFFFF;
}
 .navbar-nav > li > a{
     font-size: 200%;
     line-height: 250%;
     outline: none;
     margin-left: 0px;
     text-transform: uppercase;
     font-family: 'swiss_721bold_condensed', sans-serif;
     transition:all 0.3s ease 0s;
     -moz-transition:all 0.3s ease 0s;
     -webkit-transition:all 0.3s ease 0s;
     -o-transition:all 0.3s ease 0s;
}
 .navbar-inverse .navbar-nav > li > a:hover{
     color: #f7901e;
}
 .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,.navbar-inverse .navbar-nav > a:hover{
     background-color: transparent;
     color: #f7901e;
}
 nav .is-sticky .main-nav {
     width: 100%;
     z-index: 10;
}
 .navbar-toggle {
     background-color: #F2F2F2;
     background-image: none;
     border: 1px solid #f7901e !important;
     border-radius: 4px;
     float: right;
     margin-bottom: 8px;
     margin-right: 15px;
     margin-top: 20px;
     padding: 9px 10px;
     position: relative;
}
 .navbar-inverse .navbar-toggle .icon-bar {
     background-color: #f7901e;
}
 .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
     background-color: #FFFFFF;
}
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
     border-color: transparent;
}
/* Parallax -------------------------------------------------- */
 .parallax {
     background-attachment: fixed !important;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     text-align: center;
     color: #FFFFFF;
}
 .parallax-overlay {
     background-color: rgba(0, 0, 0, 0.8);
}
 .parallax .container{
     padding: 100px 20px;
}
 .quote{
     text-align: center;
}
 .quote > h2{
     font-family: ubuntu;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: #FFFFFF;
     line-height: 50px;
}
/* SECTION -------------------------------------------------- */
 .section {
     padding-bottom: 60px;
     padding-top: 60px;
}
 .section .top {
     line-height: 120px;
}
 .section .toparrows {
     text-align: center;
     opacity: 0.50;
	 position: sticky;
	 bottom: 5px;
	 padding-top: 0px;
}
 .section .mousetop {
     line-height: 10px;
     text-align: center;
}
 .section .header {
     text-align: center;
     margin-bottom: 100px;
}
 .section .header h2{
     text-transform: uppercase;
     font-size: 56px;
     display: inline-block;
}
 .section .header .t-block {
     display: inline-block;
     font-family: 'open sans';
     font-size: 80px;
     font-weight: lighter;
     padding-bottom: 10px;
     padding-left: 10px;
     padding-right: 10px;
     color: #f7901e;
}
 .section .header .short-dec{
     color: #A8A8A8;
     font-family: 'swis721_cn_btroman';
    /* text-transform: uppercase;
     */
     line-height: 30px;
     text-align: left;
}
/* team -------------------------------------------------- */
 #team{
     background-color: #F2F2F2;
}
 .member {
     text-align: center;
     background: none repeat scroll 0 0 #FFFFFF;
     margin-bottom: 20px;
}
 .member > img {
     padding: 10px;
     width: 100%;
}
 .details {
     padding: 10px;
     text-align: justify;
}
 .details > h3 {
     text-transform: uppercase;
     margin-left: 10px;
}
 .details .position{
     margin-left: 10px;
}
 .details ul.socials-icons {
     margin-left: -32px;
     margin-top: 16px;
}
 .details ul.socials-icons li {
     display: inline-block;
     margin: 1px;
}
 .details ul.socials-icons li a {
     opacity: 0.5;
     transition: all 0.3s ease 0s;
}
 .details ul.socials-icons li a img{
     height: 35px;
     width: 35px;
}
 .details ul.socials-icons li a:hover {
     opacity: 1;
}
/* Service -------------------------------------------------- */
 .service{
     text-align: center;
     padding: 10px;
}
 .service h4 {
     text-transform: uppercase;
}
 .hi-icon {
     display: inline-block;
     font-size: 0px;
     margin: 15px 30px;
     width: 90px;
     height: 90px;
     border-radius: 50%;
     text-align: center;
     position: relative;
     z-index: 1;
     color: #222;
}
 .hi-icon:after {
     pointer-events: none;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 50%;
     content: '';
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}
 .hi-icon:before {
     speak: none;
     font-size: 48px;
     line-height: 90px;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     display: block;
     -webkit-font-smoothing: antialiased;
}
 .hi-icon-effect-3 .hi-icon {
     box-shadow: 0 0 0 4px #B5B5B5;
     -webkit-transition: color 0.3s;
     -moz-transition: color 0.3s;
     transition: color 0.3s;
}
 .hi-icon-effect-3 .hi-icon:after {
     top: -2px;
     left: -2px;
     padding: 2px;
     z-index: -1;
     background: #f7901e;
     box-shadow: 0 0 0 4px #f7901e;
     -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
     -moz-transition: -moz-transform 0.2s, opacity 0.3s;
     transition: transform 0.2s, opacity 0.3s;
}
 .hi-icon-effect-3b .hi-icon {
     color: #f7901e;
}
 .hi-icon-effect-3b .hi-icon:after {
     -webkit-transform: scale(1.3);
     -moz-transform: scale(1.3);
     -ms-transform: scale(1.3);
     transform: scale(1.3);
     opacity: 0;
}
/*Contact -------------------------------------------*/
 .contacttext{
     color: #A8A8A8;
     font-family: 'swis721_cn_btroman';
    /* text-transform: uppercase;
     */
     line-height: 30px;
     text-align: center;
}
 .form input[type="text"]{
     border: 0 none;
     color: #1f1f1f;
     font-size: 14px;
     height: 50px;
     margin-bottom: 20px;
     outline: 2px solid #B3B3B3;
     padding: 2%;
     width: 50%;
     float: left;
     transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
}
 .form input[type=text]:focus,.form textarea:focus, input[type=email]:focus {
     background-color: #F2F2F2;
     box-shadow:none;
     border: none;
}
 .form textarea {
     border: 0 none;
     color: #1f1f1f;
     font-size: 14px;
     height: 50px;
     margin-bottom: 20px;
     outline: 2px solid #B3B3B3;
     padding: 3%;
     transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -webkit-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     height:174px;
     resize:none;
     width: 100% 
}
 .btn-success{
     background-color: #FFFFFF;
     border: 2px solid #f7901e;
     border-radius: 0;
     color: #23272A;
     font-family: 'swiss_721bold_condensed';
     font-size: 16px;
     margin-top: 20px;
     margin-bottom: 100px;
     outline: medium none;
     padding: 10px 20px;
     text-align: center;
     text-transform: uppercase;
}
 .btn-success:hover{
     background-color: #f7901e;
     color: #FFFFFF;
}
 .form input.btn[type="submit"] {
     background-color: #FFFFFF;
     border: 2px solid #f7901e;
     border-radius: 0;
     color: #23272A;
     float: right;
     font-family: 'swiss_721bold_condensed';
     font-size: 16px;
     margin-bottom: 100px;
     outline: medium none;
     padding: 10px 20px;
     text-align: center;
     text-transform: uppercase;
}
 .form input.btn[type="submit"]:hover{
     background-color: #f7901e;
     color: #FFFFFF;
}
 .captcha-right {
     margin-right: 0px;
     text-align: right;
     width: 100%;
}
 .sending{
     display:none;
     color:#222222;
     font-size:20px;
     line-height:20px;
     text-align: center;
}
 .mess.center {
     color: #222222;
     text-align: center;
}
 .cbox {
     margin-bottom: 30px;
}
 .cbox .title {
     border-top: 2px solid #B4B4B4;
     color: #222222;
     font-size: 20px;
     margin-bottom: 10px;
}
 .cbox .title i {
     border-bottom: 2px solid #B4B4B4;
     line-height: 36px;
     margin-left: 0;
     width: 190px;
}
 .cbox .title span {
     font-family: ubuntu;
     font-weight: 600;
     margin-left: 12px;
     text-transform: uppercase;
}
 .contact-info {
     list-style: none outside none;
     margin-left: -36px;
}
 .contact-info > li {
     padding-bottom: 6px;
}
 .contact-info > li i {
     color: #1A1A1A;
     font-size: 20px;
}
 .contact-info > li span {
     color: #1A1A1A;
     font-family: 'swiss_721bold_condensed';
     font-size: 16px;
     margin-left: 14px;
     text-transform: uppercase;
}
/*Footer -------------------------------------------*/
 footer{
     text-align: center;
     background-color: #00aeef;
     color: #FFFFFF;
    /* border-top: 2px solid #f7901e;
     */
}
 footer h4{
     color: #FFFFFF;
}
 footer ul.socials-icons {
     margin-left: -32px;
     margin-top: 16px;
     margin-bottom: 30px;
}
 footer ul.socials-icons li {
     display: inline-block;
     margin: 1px;
}
 footer ul.socials-icons li a {
     opacity: 0.5;
     transition: all 0.3s ease 0s;
}
 footer ul.socials-icons li a img{
     height: 35px;
     width: 35px;
}
 footer ul.socials-icons li a:hover {
     opacity: 1;
}
/****************************************** Responsive ******************************************/
 @media(max-width: 1200px){
     .owl-buttons {
         display: none;
    }
}
 @media(max-width: 1180px){
     #fullscreen-slider .slider-captions{
         margin: 32% auto 0;
    }
}
 @media(max-width: 980px){
     .logo{
         margin-top: 180px;
    }
     #fullscreen-slider .slider-captions{
         margin: 50% auto 0;
    }
     .container > .navbar-header, .container > .navbar-collapse{
         width: 100%;
    }
     .navbar-collapse.collapse{
         display: none !important;
    }
     .navbar-toggle{
         display: block;
    }
     .navbar-nav {
         float: left;
         margin: 0 0 10px;
         width: 100%;
    }
     .navbar-nav > li{
         float: none;
    }
     .navbar-nav > li > a{
         line-height: 0px;
         padding-bottom: 20px;
         padding-top: 20px;
         border-bottom: 1px solid #FFFFFF;
    }
     #navs > li:hover{
         background-color: none repeat scroll 0 0 #3FA76B;
    }
	.navbar-address {
		 display:none;
    }
     .play {
         font-size: 60px;
         left: 40%;
         top: 24%;
    }
     .blog-post .meta{
         padding: 20px;
    }
     .blog-post .short-dec{
         padding: 20px;
    }
     .form {
         margin-bottom: 100px;
    }
}
 @media(max-width: 600px){
     .logo {
         margin-top: 70px;
    }
     .navbar-nav{
         margin-left: -30px;
    }
     .rslides_nav{
         top: 30%;
    }
     #filters li {
         display: block;
         margin: 0 5px 10px;
    }
     .clientlogo{
         margin-left: -30px;
    }
}
 @media(max-width: 480px){
     .section .header h2{
         font-size: 40px;
    }
     .rslides_nav{
         top: 20%;
    }
     .clientlogo{
         margin-left: 30px;
    }
}
 @media(max-width: 360px){
     #fullscreen-slider .slider-captions{
         margin: 64% auto 0;
    }
     .section .header h2{
         font-size: 30px;
    }
     .clientlogo{
         margin-left: -20px;
    }
}
 @media(max-width: 320px){
     .logo{
         margin-top: 14px;
    }
     #fullscreen-slider .slider-captions{
         margin: 55% auto 0;
    }
     .slider-captions > h2 {
         font-size: 24px;
    }
     .slider-captions > h2 {
         font-size: 30px;
    }
     .slider-captions > h3 {
         font-size: 20px;
    }
     #fullscreen-slider .btn-success{
         margin-top: 10px;
    }
     .section .header h2{
         font-size: 26px;
    }
     #filters{
         margin-left: -30px;
    }
     .clientlogo {
         margin-left: -44px;
    }
}