Team:TJUSLS China/Attributions/assets/css/stylecss

/**!

* Khanal - Creative Multi Purpose HTML Template 2017
* Description: Corporate Template

• • /

/*********************** Table of Content === Reset Code === === Home One ===

       Header Top Start
       Header-Menu Start
       Start Slider
       About Start
       Feature Start
       Services Start
       Team Start
       Video Start
       Why Chose Start
       Testimonial Start
       News Start
       Contact Star
       Footer-top Start
       Footer-bottom Start

   === Home Two ===
       About Start
       Faq Accordion
       Home Two Project Start
       Home Two News And Testimonial Start
       Home Two Contact Start

   Profile Start
   Circle Start
   Brand Start
   Page Header Start
   Project Start
   Project Single Page
   About Page Start
   Contact Page Start
   Blog Page Two
   Blog single Page
   Tags
   Comments
   Comment-form
   Blog Page Start
   Shop Page

   === One Page ===
       Header-two Start
       Main-menu-one Start
       Member Start
       Services Two Start
       News Two Start
       Testimonial Two Start
   404 Page Start
   Pre loader

• • • • • • • • • • • • • • • • • • • • • • • • /

/************************************************** Reset Code /**************************************************/

• {

   margin: 0;
   padding: 0;

}

body {

   font-family: 'Source Sans Pro', sans-serif;
   max-width: 1920px;
   margin: 0 auto;
   color: black;
   line-height: 24px;

}

• {

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

}

a, a:hover, a:active {

   text-decoration: none;

}

select, input {

   outline: 0;

}

.form-control:focus {

   box-shadow: none;
   border-color: transparent;

}

ul, ol {

   padding: 0;
   margin: 0;
   list-style: none;

}

a, a:hover, a:active, a:focus {

   text-decoration: none;

}

h1, h2, h3, h4, h5, h6 {

   line-height: 24px;
   font-family: 'Poppins', sans-serif;

}

h1, h2, h3, h4, h5, h6, p {

   margin: 0;

}

.m-t-5 {

   margin-top: 5px;

}

.m-t-10 {

   margin-top: 10px;

}

.m-t-15 {

   margin-top: 15px;

}

.m-t-20 {

   margin-top: 20px;

}

.m-t-30 {

   margin-top: 30px;

}

.m-t-40 {

   margin-top: 40px;

}

.m-t-60 {

   margin-top: 60px;

}

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

   .m-t-10-sm {
       margin-top: 10px;
   }

}

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

   .m-t-15-sm {
       margin-top: 15px;
   }

}

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

   .m-t-30-sm {
       margin-top: 30px;
   }

}

@media (max-width: 767px) {

   .m-t-10-xs {
       margin-top: 10px;
   }

}

@media (max-width: 767px) {

   .m-t-15-xs {
       margin-top: 15px;
   }

}

@media (max-width: 767px) {

   .m-t-30-xs {
       margin-top: 30px;
   }

}

.m-b-5 {

   margin-bottom: 5px;

}

.m-b-10 {

   margin-bottom: 10px;

}

.m-b-15 {

   margin-bottom: 15px;

}

.m-b-20 {

   margin-bottom: 20px;

}

.m-b-30 {

   margin-bottom: 30px;

}

.m-b-40 {

   margin-bottom: 40px;

}

.m-b-60 {

   margin-bottom: 60px;

}

.p-10 {

   padding: 10px;

}

.p-15 {

   padding: 10px;

}

.p-20 {

   padding: 20px;

}

.p-30 {

   padding: 30px;

}

.p-t-5 {

   padding-top: 5px;

}

.p-t-10 {

   padding-top: 10px;

}

.p-t-20 {

   padding-top: 20px;

}

.p-t-30 {

   padding-top: 30px;

}

.p-t-40 {

   padding-top: 40px;

}

.p-t-50 {

   padding-top: 50px;

}

.p-t-70 {

   padding-top: 70px;

}

.p-b-5 {

   padding-bottom: 5px;

}

.p-b-10 {

   padding-bottom: 10px;

}

.p-b-20 {

   padding-bottom: 20px;

}

.p-b-30 {

   padding-bottom: 30px;

}

.p-b-40 {

   padding-bottom: 40px;

}

.p-b-50 {

   padding-bottom: 50px;

}

.p-b-60 {

   padding-bottom: 60px;

}

.p-b-70 {

   padding-bottom: 70px;

}

.p-l-5 {

   padding-left: 5px;

}

.p-l-10 {

   padding-left: 10px;

}

.p-r-5 {

   padding-right: 5px;

}

.p-r-10 {

   padding-right: 10px;

}

.p-tb-5 {

   padding-bottom: 5px;
   padding-top: 5px;

}

.p-tb-10 {

   padding-bottom: 10px;
   padding-top: 10px;

}

.p-tb-15 {

   padding-bottom: 15px;
   padding-top: 15px;

}

.p-tb-20 {

   padding-bottom: 20px;
   padding-top: 20px;

}

.p-tb-30 {

   padding-bottom: 30px;
   padding-top: 30px;

}

.p-tb-60 {

   padding-bottom: 60px;
   padding-top: 60px;

}

.p-lr-5 {

   padding-left: 5px;
   padding-right: 5px;

}

.p-lr-10 {

   padding-left: 10px;
   padding-right: 10px;

}

.p-lr-15 {

   padding-left: 15px;
   padding-right: 15px;

}

.p-lr-20 {

   padding-left: 20px;
   padding-right: 20px;

}

.no-p {

   padding: 0;

}

.no-p-t {

   padding-top: 0;

}

.no-p-l {

   padding-left: 0;

}

.no-p-r {

   padding-right: 0;

}

.no-p-b {

   padding-bottom: 0;

}

.no-p-tb {

   padding-bottom: 0;
   padding-top: 0;

}

.no-p-lr {

   padding-left: 0;
   padding-right: 0;

}

@media (max-width: 767px) {

   .p-l-10-xs {
       padding-left: 10px;
   }

} .double-border {

   display: inline-block;
   margin: 25px;

} .double-border::before, .double-border::after {

   background: #b9b9b9 none repeat scroll 0 0;
   content: "";
   display: block;
   height: 1px;

} .double-border::before {

   width: 136px;

} .double-border::after {

   margin-top: 5px;
   width: 72px;

} .text-center .double-border::before, .text-center .double-border::after {

   margin-left: auto;
   margin-right: auto;

}

.sec-title h2, .sec-title h3{

   color: #222;
   font-size: 26px;
   font-weight: 800;
   letter-spacing: 1px;
   text-transform: uppercase;

}

.sec-title h1{

   color: rgb(101,219,255);
   font-size: 32px;
   font-weight: 800;
   letter-spacing: 1px;
   text-transform: uppercase;

} .sec-title p {

   color: #696969;
   max-width: 800px;
   font-size: 18px;
   margin: 0 auto;

} .sec-title img{

   width: 90%;

}

/************************************************** Home One /**************************************************/ html,

       body {
           font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
           height: 100%;
           margin: 0;
       }

       #navbar {
           z-index: 999;
           height: 80px;
           position: fixed;
           background-color: #65dbff;
           width: 100%;
           top: 8px;
       }

       #navbar-logo {
           float: right;
           height: 70px;
           margin-top: 5px;
           margin-left: 30px;
       }

       #links a:hover {
           color: #555555;
       }

       /*导航栏*/
       .menuHolder {
           width: 100px;
           height: 100px;
           margin: 0 0 250px 0;
           position: inherit;
       }

       .menuHolder ul {
           padding: 0px;
           margin: 0;
           list-style: none;
           position: inherit;
           left: 0;
           top: 0;
           width: 0;
           height: 0;
       }

       .menuHolder ul li {
           border-radius: 0 0 300px 0;
           width: 0;
           height: 0;
       }

       .menuHolder ul li a {
           color: #000;
           text-decoration: none;
           font: bold 13px/30px arial, sans-serif;
           text-align: center;
           box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.4);
           transform-origin: 0 0;
       }

       .menuHolder ul.p1 li {
           position: absolute;
           left: 0;
           top: 0;
       }

       .menuHolder ul.p2 {
           z-index: -1;
       }

       .menuHolder ul.p3 {
           z-index: -1;
       }

       /*画第一个圆圈*/
       .menuHolder li.s1>a {
           position: absolute;
           display: block;
           width: 100px;
           height: 100px;
           background: #65dbff;
           border-radius: 0 0 100px 0;
       }

       /*画第二个圆圈*/
       .menuHolder li.s2>a {
           position: absolute;
           display: block;
           width: 200px;
           padding-left: 100px;
           height: 200px;
           background: #ddd;
           border-radius: 0 0 200px 0;
       }

       /*画第三个圆圈*/
       .menuHolder ul.p3 li a {
           position: absolute;
           display: block;
           width: 300px;
           padding-left: 200px;
           height: 300px;
           background: #999;
           border-radius: 0 0 300px 0;
       }

       /*把第二第三个圆隐藏到角落里去，让视角看不到*/
       .menuHolder ul ul {
           transform-origin: 0 0;
           transform: rotate(90deg);
           transition: 1s;
       }

       /*绘制第二层的菜单*/
       .menuHolder li.s2:nth-of-type(8)>a {
           background: #444;
           transform: rotate(78.25deg);
       }

       .menuHolder li.s2:nth-of-type(7)>a {
           background: #555;
           transform: rotate(67.5deg);
       }

       .menuHolder li.s2:nth-of-type(6)>a {
           background: #666;
           transform: rotate(56.25deg);
       }

       .menuHolder li.s2:nth-of-type(5)>a {
           background: #777;
           transform: rotate(45deg);
       }

       .menuHolder li.s2:nth-of-type(4)>a {
           background: #999;
           transform: rotate(33.75deg);
       }

       .menuHolder li.s2:nth-of-type(3)>a {
           background: #aaa;
           transform: rotate(22.5deg);
       }

       .menuHolder li.s2:nth-of-type(2)>a {
           background: #bbb;
           transform: rotate(11.25deg);
       }

       .menuHolder li.s2:nth-of-type(1)>a {
           background: #ccc;
           transform: rotate(0deg);
       }

       /*绘制Parts的子菜单*/
       .menuHolder .a6 li:nth-of-type(1)>a {
           background: #ccc;
           transform: rotate(0deg);
       }

       .menuHolder .a6 li:nth-of-type(4)>a {
           background: #444;
           transform: rotate(67.5deg);
       }

       .menuHolder .a6 li:nth-of-type(3)>a {
           background: #777;
           transform: rotate(45deg);
       }

       .menuHolder .a6 li:nth-of-type(2)>a {
           background: #aaa;
           transform: rotate(22.5deg);
       }

       /*绘制Parts的子菜单*/

       .menuHolder .a5 li:nth-of-type(3)>a {
           background: #444;
           transform: rotate(60deg);
       }

       .menuHolder .a5 li:nth-of-type(2)>a {
           background: #888;
           transform: rotate(30deg);
       }

       .menuHolder .a5 li:nth-of-type(1)>a {
           background: #ccc;
           transform: rotate(0deg);
       }

       /*绘制Project的子菜单*/
       .menuHolder .a3 li:nth-of-type(1)>a {
           background: #ddd;
           transform: rotate(0deg);
       }

       .menuHolder .a3 li:nth-of-type(8)>a {
           background: #555;
           transform: rotate(78.75deg);

       }

       .menuHolder .a3 li:nth-of-type(7)>a {
           background: #666;
           transform: rotate(67.5deg);
       }

       .menuHolder .a3 li:nth-of-type(6)>a {
           background: #777;
           transform: rotate(56.25deg);
       }

       .menuHolder .a3 li:nth-of-type(5)>a {
           background: #888;
           transform: rotate(45deg);
       }

       .menuHolder .a3 li:nth-of-type(4)>a {
           background: #999;
           transform: rotate(33.75deg);
       }

       .menuHolder .a3 li:nth-of-type(3)>a {
           background: #aaa;
           transform: rotate(22.5deg);
       }

       .menuHolder .a3 li:nth-of-type(2)>a {
           background: #bbb;
           transform: rotate(11.25deg);
       }

       .menuHolder .a7 li:nth-of-type(2)>a {
           background: #888;
           transform: rotate(45deg);
       }

       .menuHolder .a7 li:nth-of-type(1)>a {
           background: #ccc;
           transform: rotate(0deg);
       }

       /*鼠标滑过第一层菜单展开第二层菜单*/
       .menuHolder li.s1:hover ul.p2 {
           transform: rotate(0deg);
       }

       /*鼠标滑过第二层菜单展开第三层菜单*/
       .menuHolder li.s2:hover ul.p3 {
           transform: rotate(0deg);
       }

       /*鼠标滑过改变背景颜色和文字颜色*/
       .menuHolder ul li:hover>a {
           background: #65dbff;
           color: #fff;
       }

       .menuHolder li.s2:hover>a {
           background: #65dbff;
           color: #fff;
       }

       .menuHolder .a6 li:hover>a {
           background: #65dbff;
           color: #fff;
       }

       .menuHolder .a5 li:hover>a {
           background: #65dbff;
           color: #fff;
       }

       .menuHolder .a3 li:hover>a {
           background: #65dbff;
           color: #fff;
       }

       .menuHolder .a7 li:hover>a {
           background: #65dbff;
           color: #fff;
       }

1. bar {

   z-index: 9999999;
   position: fixed;
   height: 8px;
   width: 100%;
   float: left;
   top: 0;
   background-color: #65dbff;
   /* background-color: #65dbff; */

} /*********************** Header Top Start ***************************/

/* #header-top nav.navbar.bootsnav {

   background-color: transparent;
   margin: 15px 0 0;
   border: 0;

}

1. header-top .h-right li a {

   color: #535353;

}

1. header-top .h-right li {

   float: left;
   padding: 5px 15px;
   color: #535353;

}

1. header-top li.search a i {

   width: 45px;
   height: 45px;
   line-height: 45px;

}

1. header-top li.search a {

   color: #fff;

}

1. header-top li.search {

   background: #cd363f;
   position: relative;
   top: -15px;
   text-align: center;
   padding: 0;

}

1. header-top select {

   border: 0;

}

1. header-top .top-search {

   position: relative;
   top: -15px;

}

1. header-top .navbar-header {

   float: left;
   margin-top: -10px;

}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {

   font-family:"FontAwesome", sans-serif;
   content: "\f107";
   margin-left: 5px;
   margin-top: 2px;

}

.top-header {

   background: #65dbff;
   padding: 8px;
   color: #fff;
   overflow: hidden;

}

.header-right li {

   display: inline-block;
   padding-left: 15px;
   letter-spacing: 1px;
   font-weight: 300;

}

.header-left li {

   display: inline-block;
   padding-right: 25px;

}

.header-left li a {

   color: #fff;
   transition: .5s;

}

.header-left li a:hover {

   color: #0776a2;

}

.header-right li a {

   color: #fff;
   background: #021f5a;
   padding: 11px 40px;

} */ /*********************** Header Top End ***************************/

/*********************** Header-Menu Start ***************************/

/* #header-menu {

   position: relative;
   background: #383838;

}

1. header-menu nav.navbar.bootsnav ul.nav > li > a {

   color: #fff;
   background-color: transparent;
   outline: none;
   margin-bottom: 0;
   padding: 15px 0 15px 0;
   font-weight: 500;

}

1. header-menu .navbar-right .dropdown-menu {

   right: 0;
   left: 0;

}

1. header-menu .nav>li {

   margin-left: 25px;

}

1. header-menu nav.navbar.bootsnav {

   background-color: transparent;
   border: none;
   border-bottom: 0;

}

1. header-menu .container-fluid,
2. header-menu .navbar-collapse {

   padding-right: 0;
   padding-left: 0;

}

nav.navbar.bootsnav .navbar-toggle {

   background-color: transparent;
   border: none;
   margin-top: 10px;
   font-size: 18px;
   position: relative;
   top: 0;
   padding: 9px 10px;

}

nav.navbar.bootsnav .navbar-toggle {

   background-color: white;
   padding: 6px 15px;

}

.wrap-sticky nav.navbar.bootsnav.sticked {

   position: fixed;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.1s ease-in-out;
   padding: 0 !important;

}

1. main-menu nav.navbar.bootsnav {

   background-color: #f8f8f8;
   border-bottom: 0;
   padding: 10px 0;

}

.navbar-collapse, .container-fluid {

   padding: 0;

}

1. main-menu nav.navbar.bootsnav ul.nav > li > a:hover {

   color: #65dbff;

}

1. main-menu nav.navbar.bootsnav ul.nav > li {

   margin-left: 30px;

}

1. main-menu nav.navbar.bootsnav ul.nav > li > a {

   color: #5f5f5f;
   padding: 20px 0 27px 0;
   transition: .7s;

}

1. main-menu nav.navbar.bootsnav ul.nav li.active > a:hover,
2. main-menu nav.navbar.bootsnav ul.nav li.active > a:focus,
3. main-menu nav.navbar.bootsnav ul.nav li.active > a {

   color: #65dbff;

}

.navbar-right .dropdown-menu {

   right: auto;
   left: 0;

} */

/*********************** Header-Menu End ***************************/

/********************** Start Slider ***************************/ .slider-item {

   position: relative;
   max-height: 800px;
   height: 100%;

} .slider-item img{

   width: 100%;

} .slider-content-area {

   position: absolute;
   width: 100%;
   height: auto;
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 2;

} .slider-content h2{

   color: #fff;
   padding-top: 15px;
   margin-bottom: 0;
   -webkit-transition: all .7s ease-in-out;
   transition: all .7s ease-in-out;
   opacity: 0;
   transform: translateY(-15px);
   -webkit-transform: translateY(-15px);
   -ms-transform: translateY(-15px);
   font-size: 78px;
   letter-spacing: -2px;
   line-height: 1.25;
   font-weight: 700;

} .slider-content p {

   font-size: 22px;
   font-weight: 500;
   color: #fff;
   -webkit-transition: all .7s ease-in-out;
   transition: all .7s ease-in-out;
   opacity: 0;
   transform: translateY(-15px);
   -webkit-transform: translateY(-15px);
   -ms-transform: translateY(-15px);

} .slider-content .btn-default{

   font-family: 'Poppins', sans-serif;
   font-size: 14px;
   font-weight: 600;
   color: #fff;
   background: #65dbff;
   padding: 15px 30px;
   border: 0;
   margin: 25px 16px 0 0;
   animation-delay:2s;
   -webkit-animation-delay:2s;
   text-transform: uppercase;
   letter-spacing: 1px;

} .slider-content .btn-default:hover{

   background: #65dbff;

}

/* .slider-content .slider-btn{

   opacity: 0;
   transform: translateY(15px);
   -webkit-transform: translateY(15px);
   -ms-transform: translateY(15px);

} */

.slider-option .item.active .slider-content h3, .slider-option .item.active .slider-content p, .slider-option .item.active .slider-content .slider-btn {

   opacity: 1;
   -webkit-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);

} .slider-option .item.active .slider-content h2{

   opacity: 1;
   letter-spacing: 1px;

}

.slider-option .item.active .slider-content h3{

   -webkit-transition-delay: .5s;
   transition-delay: .5s;

} .slider-option .item.active .slider-content h2{

   -webkit-transition-delay: .8s;
   transition-delay: .8s;

} .slider-option .item.active .slider-content p{

   -webkit-transition-delay: .9s;
   transition-delay: .9s;

} /* .slider-option .item.active .slider-content .slider-btn{

   -webkit-transition: all .7s ease-in-out;
   transition: all .7s ease-in-out;
   -webkit-transition-delay: 1s;
   transition-delay: 1s;

} */

.slider-option .carousel-control{

   width: 0;
   opacity: 1;

} .slider-option .carousel-control{

   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 50px;
   height: 50px;
   font-size: 24px;
   line-height: 52px;
   background: transparent;
   z-index: 999;
   border: 2px solid #f1f1f1;

} .slider-option .carousel-control:focus, .slider-option .carousel-control:hover {

   background: #111111;

} .slider-option .slider-item:after{

   position:absolute;
   content: "";
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.5);
   z-index: 1;

} .slider-option .carousel-control.left, .slider-option .carousel-control.right{

   background-image: none;

} .slider-option .carousel-control.left{

   left: 0;

} .slider-option .carousel-control.right{

   right: 0;

} .slider-option .carousel-indicators li{

   font-size: 0;
   width: 40px;
   height: 4px;
   padding: 0;
   cursor: pointer;
   border: 0;
   outline: none;
   margin: 0;
   background: rgba(195, 195, 195, 0.5);

} .slider-option .carousel-indicators .active{

   background: #fff;

}

/*********************** About Start ***************************/

1. about .about {

   position: relative;
   overflow: hidden;
   padding: 95px 0 75px;
   background: #fdf9f6;

}

h1.title-top {

   color: #2f2f2f;
   font-weight: 800;
   margin-bottom: 20px;

}

.title-txt h4 {

   max-width: 745px;
   margin: 0 auto;
   font-style: italic;
   color: #363636;
   line-height: 24px;

}

.title-txt hr {

   max-width: 80px;
   margin: 0 auto;
   margin-top: 15px;
   border: 1px solid #cd363f;

}

.cc,

1. about .ab-box {

   margin-top: 70px;

}

1. about .ab-box2 img {

   width: 100%;

}

1. about .ab-box2 {

   margin-top: 25px;

}

1. about .ab-top h3 {

   color: #373737;
   font-weight: 800;
   margin-bottom: 15px;

}

1. about .ab-txt p,
2. about .ab-top p {

   font-size: 18px;

}

1. about .ab-right h4 {

   line-height: 24px;

}

1. about .ab-right {

   background: #2d2825;
   color: #fff;
   padding: 15px;
   border-radius: 5px;

}

1. about .ab-right i {

   float: right;
   font-size: 20px;
   margin-top: 2px;

}

1. about .text-right i {

   background: #fff;
   border-radius: 50%;
   line-height: 13px;
   color: #ef0a18;

}

1. about .ab-right select {

   color: #333;
   width: 100%;
   padding: 7px 5px;
   outline: 0;
   margin-top: 25px;
   background: #f3f3f3;
   font-weight: 800;
   font-size: 13px;

}

1. about .owl-carousel {

   margin-top: 40px;

}

1. about .owl-carousel .owl-item img {

   border: 2px solid #fff;
   border-radius: 50%;

}

1. about .item-left {

   float: left;
   border: 5px solid #ebebeb;
   width: 130px;
   height: 130px;
   border-radius: 50%;
   margin-right: 15px;

}

1. about .item-txt p {

   font-size: 13px;
   color: #656565;

}

1. about .item-txt h6 {

   font-size: 13px;
   font-weight: 800;
   color: #494949;

}

1. about .item-txt h4 {

   font-size: 16px;
   font-weight: 600;
   line-height: 23px;
   font-style: italic;
   margin-bottom: 15px;
   color: #494949;

}

1. about .owl-nav {

   display: none !important;

}

/*********************** About End ***************************/

/*********************** Feature Start ***************************/ .feature{

   padding:95px 0;

}

.feature-block {

   margin-bottom: 57px;

}

.thin-icon a {

   float: left;
   font-size: 60px;
   padding-right:10px;
   transition: .5s;
   color: #65dbff;

}

.feature-txt {

   padding-left: 30px;
   display: table;

}

.feature-txt p {

   color: #535251;

}

.feature-txt h5 {

   font-size: 18px;
   font-weight: 700;
   color: #353535;
   margin-bottom: 10px;

}

.feature-img img {

   width: 100%;

}

.feature-img img{

   width: 100%;
   height: 425px;

}

/*********************** Feature End ***************************/

/*********************** Services Start ***************************/

.services {

   position: relative;
   overflow: hidden;
   padding: 95px 0;
   background:white;

}

.overlay {

   position: absolute;
   width: 100%;
   top: 0;
   bottom: 0;
   background: white;

}

.services-box {

   margin-top: 67px;

}

.services-box, .services .sec-title {

   position: relative;
   color: #dddbdb;

}

.services .sec-title h2{

   font-size: 30px;
   font-weight: 600;
   color: #fefefe;

}

.services .sec-title p {

   color: #dddbdb;

}

.services-block{

   margin-bottom: 50px;

} .services-block h4{

   margin-bottom: 15px;
   letter-spacing: 1px;

} /*********************** Services End ***************************/

/*********************** Team Start ***************************/ .team-area{

   padding: 95px 0;

} .single-team-item {

   position: relative;

} .single-team-item img{

   width: 85%;
   height: 85%;

} .single-team-item.team-margin {

   margin-top: 15px;
   margin-bottom: 15px;

} /*.single-team-item-hover {

   position: absolute;
   left: 0;
   bottom: 0;
   text-align: center;
   width: 100%;
   height: 150px;
   z-index: 1;
   visibility: hidden;
   transition: .3s;
   opacity: 0;
   transform: scale(0)

}*/

.single-team-item-hover:after {

   background: #fff;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 150px;
   content: "";
   z-index: -1;

}

.single-team-item:hover .single-team-item-hover {

   transition: .3s;
   visibility: visible;
   opacity: 1;
   transform: scale(1)

}

.single-team-item-hover h4 {

   color: #474747;
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 0;

} .single-team-item-hover h3 {

   color: #474747;
   font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;
   margin-bottom: 15px;

}

.single-team-item-hover-icon {

   background-color: #EBF0F4;
   padding: 8px 30px

}

.single-team-item-hover-content {

   padding: 25px;

} .single-team-item-hover-icon i.fa {

   padding: 0 12px;
   font-size: 14px;
   color: #4d4d4d;

}

.single-team-item-hover-icon i.fa:hover {

   color: #65dbff

}

/*********************** Team End ***************************/

/*********************** Video Start ***************************/

/* #videoContainer {

   position: relative;
   width: 100%;
   height: 400px;
   overflow: hidden;

}

1. video {

   padding: 150px 0;
   color: rgb(255, 255, 255);
   position: relative;

}

1. video .link a {

   color: #fff;
   font-size: 14px;
   font-weight: 600;
   text-decoration: none;
   background-color: #65dbff;
   padding: 10px 25px;
   border-radius: 5px;
   line-height: 50px;

} */

/***************** Video End *******************/

/****************** Why Chose Start *********************/ .why-chose{

   padding: 95px 0;

}

1. l-news,
2. c-lawyer {

   position: relative;
   overflow: hidden;
   padding: 95px 0 75px;

}

.chose-block:hover .claw-icon {

   background: #65dbff;

}

.chose-block:hover .chose-text h5 {

   color: #65dbff;

}

.chose-block {

   background: #f9f9f9;
   padding: 30px 20px;
   margin-top: 40px;
   box-shadow: 2px 4px 10px #a2a1a1;

}

.claw-icon {

   float: left;
   width: 50px;
   height: 50px;
   background: #7c7b7b;
   border-radius: 50%;
   text-align: center;
   line-height: 50px;
   font-size: 28px;
   color: #fff;
   transition: .7s;

}

.chose-text {

   display: table;
   padding-left: 20px;

}

.chose-text h5 {

   color: #4a4a4a;
   font-weight: 700;
   font-size: 16px;
   margin: 5px 0;
   transition: .7s;

}

.why-chose-area {

   margin-top: 30px;

}

/*********************** Why Chose End ***************************/

/******************** Testimonial Start **********************/

.testimonial{

   background: #eeeeee url("../../images/dark-pattern.png") repeat;
   position: relative;
   overflow: hidden;
   padding: 95px 0 75px;

}

.testimonial-slider {

   margin-top: 40px;

}

.item-box:after {

   content: ;
   position: relative;
   bottom: -18px;
   z-index: -1;
   border-top: 40px solid #65dbff;
   border-left: 40px solid transparent;
   border-right: 40px solid transparent;

}

.item-box {

   position: relative;
   width: 110px;
   height: 110px;
   border-radius: 100%;
   margin: 15px auto;
   background: #65dbff;

}

.item-img {

   padding: 5px;

}

.item-text img {

   width: 10px !important;
   display: inline-block!important;
   margin-top: -10px;

}

.item-text h4 {

   color: #7b7b7b;
   font-style: italic;
   font-weight: 600;
   display: inline-block;
   font-size: 16px;
   margin-top: 30px;
   position: relative;

}

.item-text p {

   color: #7b7b7b;
   max-width: 1000px;
   font-size: 16px;
   margin: 10px auto;

}

1. test-slide .owl-nav [class*=owl-] {

   background: #65dbff;

}

1. test-slide .owl-nav [class*=owl-] {

   color: #FFF;
   font-size: 20px;
   margin: 0 5px;
   padding: 4px 16px;
   background: #65dbff;

}

1. test-slide .owl-nav {

   margin-top: 40px;

}

1. test-slide.owl-carousel .owl-item img {

   border-radius: 100%;

}

/******************* Testimonial End **********************/

/******************* News Start ********************/ .news{

   padding:95px 0;

} .news-block{

   position: relative;

} .news-img {

   margin-bottom: 30px;
   position: relative;

}

.news-img img {

   width: 100%;

} .news-date{

   position: absolute;
   bottom: 10px;
   left: 10px;
   background: #65dbff;
   color: #fff;
   padding: 15px;
   border-radius: 4px;
   text-transform: uppercase;
   opacity: 0.7;

}

.news-text {

   display: table;
   padding-left: 0;

}

.news-text h4 {

   font-weight: 700;
   margin: 10px 0;

}

.news-text a {

   color: #696969;

}

.news-text p {

   max-width: 345px;

}

.news-area{

   margin-top: 65px;

} .news h1{

   color: #0cf;

}

/****************** News End *********************/

/***************** Contact Start *******************/ /* .contact-section{

   position: relative;
   overflow: hidden;
   background: #65dbff;
   color: #fff;

}

1. map {

   width: 100%;
   height: 600px;

} .contact-form-area{

   position: absolute;
   width: 100%;
   bottom: 0;

} .contact-form {

   padding: 70px 50px 30px 50px;
   margin: 0 auto;
   max-width: 40%;
   background: #65dbff;
   border-radius:5px 5px 0 0;

}

.contact-form p {

   max-width: 700px;
   font-weight: 300;

}

.contact-form h2 {

   font-weight: 600;
   margin-bottom: 15px;

}

form.appoint {

   margin-top: 40px;

}

.contact-form textarea.form-control {

   height: auto;

}

.contact-form .form-control {

   width: 100%;
   height: 40px;
   float: left;
   margin: 0 0 5px;
   padding: 6px 12px;
   color: #555;
   background-color: #fff;
   background-image: none;
   border: 0;
   border-radius: 4px;
   -webkit-box-shadow: none;
   box-shadow: none;

}

form.appoint .btn-default i {

   padding-right: 5px;

}

form.appoint .btn-default {

   color: #fff;
   background-color: #333;
   border-color: #333;
   font-weight: 700;
   padding: 10px 20px;

} */

/***************** Contact End ***********************/

/*下面contactus*/ .footer{

   background-color: #222222;
   color: #fff;
   font-family:verdana;
   width: 100%;
   overflow: hidden;
   margin: 0;
   padding:1.5% 0 3% 0;
   text-align:center ;
   position: relative;
   z-index: 100;

}

1. hui1{

   position: absolute;
   right: 0;
   top:20%;
   width: 30%;
   z-index: 999;

}

1. xiaohui{

   width:40%;

}

1. yuanhui{

   width: 34%;

}

1. hui2{

   position: absolute;
   left: 0;
   top:25%;
   width: 30%;
   z-index: 999;

} .ctus{

   width:25%;
   margin: 5px;
   float: left;

} .ctus img{

   width: 10%;
   height: 10%;
   border-radius: 0;
   margin: 5px auto;

} .ctus img:hover{

   transform: scale(1.2,1.2);

}

/* 23. footer

---

*/

1. totop {

   width: 40px;
   height: 40px;
   line-height: 40px;
   background-color: #353535;
   text-align: center;
   position: fixed;
   border-radius: 50%;
   padding: 0;
   right: 15px;
   bottom: 10px;
   z-index: 9999;
   display: block;
   cursor: pointer;

}

1. btn2{

   font-size: large;
   font-weight: 900;
   color: #fff;

}

1. totop:hover{

   transform: scale(1.1);

} /**************** Footer-top Start *********************/

/* .footer-top {

   position: relative;
   overflow: hidden;
   padding: 95px 0 75px;
   background: #f7f7f7;
   color: #595959;
   font-size: 15px;

}

.footer-widget p i {

   padding-right: 5px;
   color: #65dbff;

}

.footer-widget p a {

   color: #65dbff;

}

.footer-widget p.footer-text {

   margin-bottom: 15px;
   font-size: 16px;

}

.footer-widget p.footer-text {

   max-width: 380px;
   font-size: 14px;

}

.footer-widget hr {

   border: 0;
   height: 1px;
   background: #e8e8e8;
   max-width: 300px;
   margin: 22px 0;

}

.footer-logo {

   margin-bottom: 20px;

}

.social-icon a {

   color: #fff;
   background: #65dbff;
   width: 50px;
   height: 45px;
   font-size: 18px;
   text-align: center;
   line-height: 45px;
   border-radius: 0;
   margin-right: 2px;
   display: inline-block;

}

.footer-widget h5 {

   font-size: 16px;
   font-weight: 600;
   color: #595959;
   margin: 20px 0;

}

ul.instagram-img li {

   display: inline-block;
   width: 80px;
   height: 80px;
   margin-right: 5px;

}

ul.quick-link li hr {

   height: 1px;
   background: #e8e8e8;
   max-width: 200px;
   margin: 4px 0;

}

ul.quick-link li i {

   padding-right: 8px;

}

ul.quick-link li:hover a {

   padding-left: 8px;

}

ul.quick-link li a {

   color: #595959;
   font-size: 16px;
   transition: .5s;

}

ul.quick-link li {

   position: relative;
   margin-bottom: 5px;

} */

/******************* Footer-top End ********************/

/******************* Footer-bottom Start ******************/

/* .footer-bottom {

   position: relative;
   background: #3e3e3e;
   color: #b5b2b2;

}

.footer-bottom hr {

   border: 0;
   height: 1px;
   background: #e8e8e8;
   max-width: 500px;
   margin: 20px auto;

}

.footer-bottom p {

   font-weight: 300;
   color: #cdcdcd;

}

.footer-bottom {

   padding: 40px 0 50px;

}

.footer-bottom h4 {

   font-size: 16px;
   font-weight: 600;
   color: #fefefe;
   letter-spacing: 1px;

}

.footer-text a {

   color: #b5b2b2;

}

1. footer-bottom {

   background: #1e1e1e;
   padding: 25px 0;
   color: #dcdcdc;
   position: relative;
   font-weight: 300;
   letter-spacing: 1px;

}

.scroll-to-top {

   position: absolute;
   right: 50px;
   top: -15px;

}

.scroll-to-top a {

   color: #fff !important;
   padding: 0;

}

.scroll-top {

   background: #65dbff;
   font-size: 18px;
   width: 35px;
   height: 35px;
   text-align: center;
   line-height: 34px;
   margin: 3px;

}

.footer-txt a {

   color: #dcdcdc;

} */

/******************* Footer Bottom End ********************/

/************************************************** Home Two

• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • /

/*********************** About Start *****************/

.home2-about {

   position: relative;
   padding: 95px 0 75px;

}

.home2-about p {

   margin: 10px auto;
   color: #333;

}

.home2-about .ab-2-icon {

   width: 80px;
   height: 80px;
   line-height: 80px;
   border: 1px solid #dedede;
   border-radius: 50%;
   box-shadow: 1px 3px 5px #d9d9d9;
   margin: 0 auto;
   font-size: 40px;
   color: #333;
   margin-bottom: 10px;
   transition: .7s;
   background: #f1f1f1;

}

.home2-about h4 {

   color: #353535;
   font-weight: 800;
   padding: 5px 0;
   transition: .7s;

}

/*********************** About End ***********************/

/********************** Faq Accordion *******************/

.faq .panel.panel-default:last-child {

   padding-bottom: 0;
   border-bottom: 1px solid rgba(95, 95, 95, 0.5);
   border-radius: 0;

}

.faq .panel.panel-default:first-child {

   padding-top: 0;
   border-top: 1px solid rgba(95, 95, 95, 0.5);
   border-radius: 0;

}

.faq.panel-group .panel {

   margin-bottom: 15px;
   border-radius: 0;
   border: 1px solid rgba(95, 95, 95, 0.5);

} .panel-default .in{

   border-top: 1px solid rgba(95, 95, 95, 0.5);

}

.faq .panel-default>.panel-heading {

   color: #ccc;
   background-color: transparent;
   border-color: transparent;
   border: 0;
   border-bottom: 0;
   border-top: 0;
   padding: 5px 10px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   position: relative;

}

.faq .panel-default>.panel-heading+.panel-collapse>.panel-body {

   border-top-color: transparent;

}

.faq .panel .pull-left {

   padding: 0 9px;
   line-height: 40px;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   margin: 0;
   font-size: 10px;
   color: rgba(95, 95, 95, 0.8);

}

1. accordion.faq .panel-body {

   padding: 20px;

}

.faq .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {

   color: #424242;

} /*** faq accordion ***/

/*********************** Home Two Project Start *********************************/ .project-two{

   padding:95px 0;
   background: #f1f1f1;

} .project-two-block{

   position: relative;

} .project-two-img {

   margin-bottom: 30px;
   position: relative;

}

.project-two-img img {

   width: 100%;

}

.project-two-text {

   display: table;
   padding-left: 0;

}

.project-two-text h4 {

   font-weight: 700;
   margin: 10px 0;

}

.project-two-text a {

   color: #696969;

}

.project-two-text p {

   max-width: 345px;

}

.project-two-area{

   margin-top: 65px;

} /*********************** Home Two Project End *********************************/

/*********************** Home Two News And Testimonial Start *********************************/

.news-testimonial{

   position: relative;
   overflow: hidden;
   padding: 95px 0 75px;
   background: #f9f9f9;

}

.news-testimonial-area{

   padding-top: 60px;

} .home-two-news img {

   width: 100%;

}

.home-two-news:hover h4 {

   color: #65dbff;

}

.home-two-news:hover h4, .home-two-news-img {

   position: relative;
   margin-bottom: 10px;
   overflow: hidden;

}

.home-two-news:hover .home-two-news-over {

   bottom: 0;

}

.home-two-news-over {

   position: absolute;
   bottom: -43%;
   background: rgba(5, 44, 125, 0.9);
   color: #ddd;
   padding: 10px 15px;
   font-weight: 300;
   transition: .7s;

}

.home-two-news p.lntxt {

   font-size: 13px;
   color: #777;

}

.home-two-news hr {

   margin: 20px 0;
   border-top: 1px solid #ddd;

}

.home-two-news h4 {

   font-size: 16px;
   font-weight: 700;
   margin: 10px 0 5px;
   color: #666666;
   transition: .7s;

}

.home-two-news-img {

   float: left;

}

.home-two-news-text h4 {

   font-size: 16px;
   margin: 10px 0;
   color: #65dbff;
   font-weight: 700;

}

.home-two-news-text:before {

   content: ;
   position: absolute;
   border-top: 18px solid transparent;
   border-right: 18px solid #ebebeb;
   border-bottom: 18px solid transparent;
   left: -16px;
   top: 20%;

}

.home-two-news-text {

   display: table;
   padding: 30px;
   background: #ebebeb;
   position: relative;

}

.home-two-test-img {

   float: left;
   padding-right: 30px;

} .home-two-test-img img{

   -webkit-border-radius:50%;
   -moz-border-radius:50%;
   border-radius:50%;

} .home-two-test-text {

   display: table;
   padding: 30px;
   background: #ebebeb;
   position: relative;

} .home-two-test-text:before {

   content: ;
   position: absolute;
   border-top: 18px solid transparent;
   border-right: 18px solid #ebebeb;
   border-bottom: 18px solid transparent;
   left: -16px;
   top: 20%;

} .home-two-test-text h4 {

   font-size: 16px;
   margin: 10px 0;
   color: #65dbff;
   font-weight: 700;

} .home-two-test-text p {

   margin-bottom: 10px;

} .home-two-client{

   padding-left: 135px;
   margin-top: 15px;

} .home-two-client h5 {

   color: #65dbff;
   font-weight: 700;

} /*********************** Home Two News And Testimonial End *********************************/

/*********************** Home Two Contact Start *********************************/

.home-two-contact{

   position: relative;
   overflow: hidden;
   padding: 95px 0 75px;
   background: #ffffff;

}

.home-two-contact-block::-webkit-input-placeholder {

   color: #a0a0a0;

}

.home-two-contact-block::-moz-placeholder {

   color: #a0a0a0;

}

.home-two-contact-block:-ms-input-placeholder {

   color: #a0a0a0;

}

.home-two-contact-block:-moz-placeholder {

   color: #a0a0a0;

}

.home-two-contact-block select.form-control {

   color: #a0a0a0;

}

.home-two-contact-block .input-group .form-control {

   box-shadow: none;
   border: 1px solid #f4f4f4;
   background: #f4f4f4;
   height: 40px;

} .input-group textarea.form-control {

   box-shadow: none;
   border: 1px solid #f4f4f4;
   background: #f4f4f4;
   border-radius: 0;
   height: 110px!important;

} .home-two-contact-block .input-group {

   position: relative;
   display: block;
   overflow: hidden;
   margin-bottom: 30px;
   border-collapse: separate;

}

.home-two-contact-block {

   margin-top: 60px;

}

.home-two-contact-block .btn-default.active.focus, .home-two-contact-block .btn-default.active:focus, .home-two-contact-block .btn-default.active:hover, .home-two-contact-block .btn-default:active.focus, .home-two-contact-block .btn-default:active:focus, .home-two-contact-block .btn-default:active:hover, .home-two-contact-block .open>.dropdown-toggle.btn-default.focus, .home-two-contact-block .open>.dropdown-toggle.btn-default:focus, .home-two-contact-block .open>.dropdown-toggle.btn-default:hover, .home-two-contact-block .btn-default:hover, .home-two-contact-block .btn-default {

   color: #fff;
   background-color: #65dbff;
   border-color: #65dbff;
   font-size: 12px;
   border-radius: 0;
   padding: 10px 40px;
   outline: 0;

} .home-two-contact .contact-info {

   margin-left: 20px;
   padding: 50px;
   background: #65dbff;
   border-radius: 5px;
   min-height: 300px;
   color: #f1f1f1;
   font-size: 16px;

} .home-two-contact .contact-info h3{

   text-transform: uppercase;
   font-size: 18px;

} /*********************** Home Two Contact End *********************************/

.map-two{

   clear: both;
   overflow: hidden;

}

/*********************** Profile Start ***************************/

1. profile {

   position: relative;
   overflow: hidden;
   padding: 95px 0 75px;

}

.pro-img img {

   width: 100%;

}

.pro-txt p {

   margin-bottom: 10px;
   font-size: 16px;

}

.pro-txt i {

   background: #fefefe;
   line-height: 31px;
   width: 30px;
   height: 30px;
   text-align: center;
   border-radius: 50%;
   color: #333;
   margin-right: 8px;

}

.pro-txt {

   background: #65dbff;
   color: #fefefe;
   padding: 15px 50px 10px;
   font-weight: 300;

}

.pro-box h5 {

   margin: 5px 0;

}

.pro-box p.ppp {

   margin: 10px 0 25px;

}

.pro-box p span {

   background: #ebebeb;
   padding: 5px 15px;
   margin-right: 10px;
   border-radius: 4px;

}

.pro-box p {

   margin-bottom: 10px;

}

.pro-box ul {

   padding-top: 15px;

}

.pro-box ul>li i {

   padding-right: 10px;
   color: #65dbff;

}

.pro-box ul>li {

   width: 48%;
   display: inline-block;
   padding: 2px 0;

}

.pro-box h3 {

   color: #a28053;
   font-weight: 700;

}

/*********************** Profile End ***************************/

/*********************** Circle Start ***************************/

1. circle {

   position: relative;
   overflow: hidden;
   margin-bottom: 80px;

}

.circliful {

   position: relative;
   color: #65dbff;
   margin: 0 auto;

}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {

   width: 100%;
   position: absolute;
   text-align: center;
   display: inline-block;

}

.cir-txt {

   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;

}

.cir-txt p {

   line-height: 20px;
   max-width: 220px;
   margin: 0 auto;

}

.cir-txt h5 {

   font-size: 18px;
   font-weight: 600;
   color: #595959;
   margin-bottom: 8px;

}

/*********************** Circle End ***************************/

/*********************** Brand Start ***************************/

1. brand {

   position: relative;
   overflow: hidden;
   padding: 95px 0 75px 20px;

}

.brand {

   max-width: 1020px;
   margin: 0 auto;

}

.brand h3 {

   font-style: italic;

}

.brand ul {

   margin-top: 40px;

}

.brand ul li {

   display: inline-block;

}

.brand .owl-theme .owl-nav [class*=owl-]:hover {

   background: transparent;
   color: #595959;
   text-decoration: none;

}

.brand .owl-theme .owl-prev {

   position: absolute;
   left: -60px;
   top: 20px;
   background: transparent;
   font-size: 30px;
   border: 1px solid #595959;
   padding: 4px 17px;
   border-radius: 0;
   margin: 0;
   color: #595959;

}

.brand .owl-theme .owl-next {

   position: absolute;
   right: -60px;
   top: 20px;
   background: transparent;
   font-size: 30px;
   border: 1px solid #595959;
   padding: 4px 17px;
   border-radius: 0;
   margin: 0;
   color: #595959;

}

/*********************** Brand End ***************************/

/*********************** Page Header Start ***************************/

.page-header{

   background:url("../../images/bg/1.jpg") no-repeat;
   padding: 70px 0;
   box-shadow: inset -25px -25px 75px #000;
   position: relative;

}

.page-header h3 {

   color: #fff;
   font-weight: 700;
   text-transform: uppercase;

}

/*********************** Page Header End ***************************/

/********************** Project Start ******************************/

.project-left-image {

   position: relative;
   padding: 80px 0 30px;

}

.project-text{

   display: table;
   padding-left: 30px;

}

.project-img {

   float: left;

}

.project-text p {

   max-width: 542px;
   margin-bottom: 20px;
   font-size: 15px;

}

.project-text h3 {

   font-weight: 600;
   color: #565655;
   margin: 10px 0 25px;

}

.project-img img {

   width: 100%;

}

.project-text .btn-default.active.focus, .project-text .btn-default.active:focus, .project-text .btn-default.active:hover, .project-text .btn-default:active.focus, .project-text .btn-default:active:focus, .project-text .btn-default:active:hover, .project-text .btn-default {

   color: #fff;
   border-color: transparent;
   outline: 0;
   box-shadow: none;
   font-size: 16px;
   background: #65dbff;

}

.project-box {

   overflow: hidden;
   border-bottom: 1px solid #ddd;
   padding-bottom: 30px;
   margin-bottom: 50px;

}

/***************** Project Single Page ******************/

.project-single{

   position: relative;
   padding: 100px 0 50px;

}

.project-single .blockquotestyle {

   text-align: left;

} .project-single blockquote {

   margin: 15px 0;
   border: 0;
   width: 100%;
   float: left;
   quotes: none;
   font-size: 17px;
   line-height: 30px;
   text-align: center;
   font-weight: bold;
   position: relative;
   padding: 20px 150px;
   font-style: italic;
   background: #f1f1f1;

} .project-single .blockquotestyle:after {

   left: 15px;
   top: 50%;
   color: #fff;
   width: 70px;
   height: 70px;
   content: '\f10d';
   font-size: 30px;
   line-height: 70px;
   margin: -35px 0 0;
   position: absolute;
   text-align: center;
   font-weight: normal;
   font-family: "FontAwesome", sans-serif;
   background: #333;

}

.project-single-text p {

   margin-bottom: 20px;

}

.project-single-text h3 {

   font-weight: 800;
   margin-bottom: 30px;
   color: #565555;

}

.project-single-img img {

   width: 100%;

}

.project-single-text ul, .project-single-img {

   margin-bottom: 25px;

}

.project-single-text ul li i {

   padding-right: 5px;

}

.project-single-text ul li {

   display: inline-block;
   width: 47%;

}

.project-single-side {

   margin-left: 30px;

} .quick-contact {

   background: #65dbff;
   padding: 30px 20px;

} .project-sidebar {

   margin-bottom: 50px;

}

.project-sidebar h4 {

   text-align: center;
   font-weight: 900;
   color: #f1f1f1;
   letter-spacing: 1px;

}

.project-sidebar h5.project-text {

   max-width: 250px;
   text-align: center;
   margin: 5px auto;
   margin-bottom: 15px;
   font-weight: 400;
   font-size: 14px;
   color: #f1f1f1;

}

.quick-contact form .panel-body textarea, .quick-contact form .panel-body input {

   width: 100%;
   border: 0;
   background: #f5f5f5;
   padding: 8px 10px;

}

.quick-contact form .panel-body {

   padding: 2px 0;

}

.quick-contact form::-webkit-input-placeholder {

   /* Chrome/Opera/Safari */
   color: #6b6b6b;

}

.quick-contact form::-moz-placeholder {

   /* Firefox 19+ */
   color: #6b6b6b;

}

.quick-contact form:-ms-input-placeholder {

   /* IE 10+ */
   color: #6b6b6b;

}

.quick-contact form:-moz-placeholder {

   /* Firefox 18- */
   color: #6b6b6b;

}

.quick-contact form .btn-default.active.focus, .quick-contact form .btn-default.active:focus, .quick-contact form .btn-default.active:hover, .quick-contact form .btn-default:active.focus, .quick-contact form .btn-default:active:focus, .quick-contact form .btn-default:active:hover, .quick-contact form .btn-default {

   color: #fff;
   background-color: #000;
   border-color: #000;
   padding: 8px 30px;
   border-radius: 0;
   outline: 0;
   margin-top: 5px;
   width: 100%;
   font-weight: 700;
   letter-spacing: 1px;

}

.project-sidebar ul {

   margin-top: 25px;

}

.project-sidebar ul>li:hover a {

   padding-left: 8px;

}

.project-sidebar ul>li {

   margin-bottom: 12px;
   padding-bottom: 8px;
   border-bottom: 1px solid #ddd;
   font-weight: 600;

}

.project-sidebar ul>li a {

   max-width: 270px;
   color: #8b8b8b;
   transition: .5s;
   display: inline-block;

}

.pa-cat li a, .project-sidebar h5.project-title {

   color: #494949;

}

.project-sidebar h5 {

   font-size: 15px;
   font-weight: 700;

}

.project-cat {

   font-size: 15px;

}

/*************** About Page Start *********************/

1. about-us-page,
2. mission-vision {

   position: relative;
   padding: 95px 0 75px;

}

1. about-us-page img,
2. mission-vision img {

   width: 100%

}

.content, .about-us-page {

   padding-top: 30px;

}

1. mission-vision {

   background: #f9f9f9;
   padding: 95px 0 0;

}

.about-us-page p {

   margin-bottom: 10px;
   letter-spacing: 1px;

}

.about-us-page h5 {

   font-weight: 700;
   margin-bottom: 10px;

}

/**************** Contact Page Start *******************/

.contact-page-section{

   padding: 95px 0;

} .contact-area{

   clear: both;
   overflow: hidden;

} .contact-block {

   background: #fff none repeat scroll 0 0;
   overflow: hidden;
   padding: 15px 30px;
   border: 1px solid #65dbff;

} .contact-icon{

   float: left;
   margin-top: 1px;
   width: 20%;

} .contact-icon a {

   color: #65dbff;
   font-size: 40px;
   transition: all 0.3s ease 0s;

} .contact-icon a i {

   transition: all 0.3s ease 0s;

} .contact-text {

   float: left;
   margin-top: 6px;
   width: 80%;

} .contact-text h3 {

   color: #333;
   font-size: 16px;
   text-transform: uppercase;

} .contact-text span {

   color: #aaa;
   font-size: 15px;

} .section-title h2 {

   color: #333;
   display: inline-block;
   font-size: 18px;
   padding: 6px 0;
   position: relative;
   text-transform: uppercase;
   margin-bottom: 25px;

} .section-title h2::before {

   background: #65dbff;
   bottom: -6px;
   content: "";
   height: 2px;
   left: 0;
   position: absolute;
   width: 20%;

} .contact-area form input {

   border: 1px solid #ccc;
   display: block;
   margin-bottom: 20px;
   padding: 10px;
   width: 100%;
   font-size: 13px;

} .contact-area form button {

   background: #fff;
   border: 1px solid #65dbff;
   color: #65dbff;
   font-weight: 600;
   padding: 10px 20px;
   text-transform: uppercase;
   transition: all 0.3s ease 0s;

} .contact-area form button:hover {

   background: #65dbff;
   border-color: #65dbff;
   color: #fff;

} .contact .massage-box {

   margin-left: 30px;

} .contact-area .massage-box form textarea {

   padding: 5px 0 0 10px;
   font-size: 13px;

} .massage-box textarea {

   border: 1px solid #ccc;
   display: block;
   padding: 3px 10px;
   width: 100%;

}

/*********************** Contact Page End ***************************/

/******************** Blog Page Two **********************/

.blog-grid {

   background: #fafafa;
   margin-TOP: 50px;

}

.blog-grid-img {

   position: relative;

}

.blog-grid-img img {

   width: 100%;

}

.blog-grid-date {

   position: absolute;
   background: rgba(245, 245, 245, 0.77);
   top: 10px;
   padding: 5px 15px;

}

.blog-grid-date h6 {

   font-weight: 600;
   color: #404040;

}

.blog-grid-detail {

   padding: 25px 0 35px;

}

.blog-grid-detail h4 {

   font-weight: 700;
   color: #464646;

}

.blog-grid-detail p {

   max-width: 315px;
   margin: 10px auto;
   color: #ababab;

}

.blog-grid-detail .btn-default.active.focus, .blog-grid-detail .btn-default.active:focus, .blog-grid-detail .btn-default.active:hover, .blog-grid-detail .btn-default:active.focus, .blog-grid-detail .btn-default:active:focus, .blog-grid-detail .btn-default:active:hover, .blog-grid-detail .btn-default {

   color: #fff;
   background-color: #65dbff;
   border-color: #65dbff;
   padding: 8px 40px;
   border-radius: 15px;
   outline: 0;
   margin: 15px 0 0;

}

.pagination>li:last-child>a, .pagination>li:last-child>span {

   border-radius: 0;

}

.pagination>li:first-child>a, .pagination>li:first-child>span {

   margin-left: 0;
   border: 1px solid;
   border-radius: 0;

}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {

   padding: 2px 9px;

}

.pagination>li>a, .pagination>li>span {

   border: 0;
   background: transparent;
   color: #c4c4c4;
   padding: 0 5px;
   line-height: 20px;
   margin: 0 5px;
   transition: .7s;
   font-size: 18px;

}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {

   background: transparent;
   outline: 0;
   color: #404040;
   border-bottom: 1px solid #404040;

}

.pagination {

   margin: 40px 0 0;

}

/****************** Blog single Page ***********************/

.b-single p {

   margin-top: 15px;

}

.b-single blockquote {

   padding: 0 20px;
   margin: 20px 0;
   font-size: 16px;
   border-left: 1px solid #65dbff;
   font-style: italic;
   color: #81818f;
   font-weight: 400;

}

/******************** Tags **************************************/

.tags {

   color: #575757;
   position: relative;
   overflow: hidden;
   padding: 40px 0;

}

.tag span {

   background: #f4f4f4;
   padding: 5px 15px;
   margin-left: 8px;
   color: #4a4a4a;

}

.tags hr {

   margin: 50px 0 0;

}

.tags h5 {

   font-size: 15px;
   font-weight: 800;

}

.tag a {

   color: #575757;

}

.tag {

   float: left;

}

/******************** Comments *********************/

1. comments h4 {

   margin: 0 0 40px;
   font-size: 16px;
   font-weight: 700;
   color: #404040;

}

1. response {

   border-top: 1px solid #eee;
   padding-top: 50px;

}

1. response .comment-reply-title {

   margin: 0 0 20px;
   position: relative;

}

1. comment-2,
2. comment-1 {

   list-style: none;

}

1. comment-1 .comment-author {

   float: left;
   margin-right: 20px;

}

1. comment-1 .comment-author img{

   border-radius: 50%;

}

1. comment-1 b.fn {

   font-size: 15px;
   font-weight: 800;

}

1. comment-1 .reply a {

   color: #575757;

}

1. comment-1 .reply {

   float: right;
   margin-right: 10px;

}

1. comment-1 .comment-content p {

   margin: 5px 0 0;
   display: table;

}

.comment-content {

   padding-top: 15px;

}

1. comment-1 .comment-body {

   margin-bottom: 30px;
   position: relative;
   overflow: hidden;

}

1. comment-1 ol.children {

   padding-left: 50px;

}

1. div-comment-3 .comment textarea {

   padding: 10px;
   width: 1060px;
   background: #fafafa;

}

/********************* Comment-form ******************/

1. commentform {

   color: #5c5c5c;

}

1. commentform .comment-notes {

   color: #5c5c5c;
   font-size: 15px;
   margin-bottom: 30px;

}

1. commentform .form-control {

   margin-left: 0;
   border: 1px solid #ddd;
   border-radius: 0;
   padding: 20px 10px;
   box-shadow: none;

}

1. commentform .comment-form-subject,
2. commentform .comment-form-author,
3. commentform .comment-form-email {

   display: inline-block;
   margin-top: 20px;
   width: 33%;

}

1. commentform .comment-form-comment,
2. commentform .comment-form-author,
3. commentform .comment-form-email {

   color: #5c5c5c;

}

1. commentform .form-submit .btn:hover {

   background: #65dbff;
   color: #ffffff;

}

1. commentform .form-submit .btn {

   background: #65dbff;
   color: #fff;
   border-radius: 0;
   border: 1px solid #65dbff;
   padding: 11px 30px;
   margin-top: 20px;
   box-shadow: none;
   font-size: 14px;
   font-weight: 700;
   transition: .3s;
   outline: 0;
   letter-spacing: 1px;

}

/****************** Blog Page Start ******************/

.blog-page {

   position: relative;
   overflow: hidden;
   padding: 50px 0 75px;

}

.blog-img img {

   width: 100%;

}

.blog-img {

   margin-bottom: 30px;

}

.blog-block h3 {

   font-weight: 700;
   color: #4a4a4a;
   margin-bottom: 10px;

}

.blog-block p a, .blog-block p {

   color: #a49c9c;

}

.blog-block p span {

   padding: 0 10px;

}

p.blog-text {

   margin-top: 15px;
   color: black;
   font-size: 15px;

}

.blog-block {

   margin-top: 50px;

}

.widgets form.search-widget {

   position: relative;

}

.widgets .search-widget input {

   width: 100%;
   padding: 5px 8px;
   height: 40px;
   outline: 0;
   border: 1px solid #ccc;
   position: relative;
   text-transform: capitalize;
   font-weight: 100;

}

.widgets h4 {

   font-weight: 700;
   margin-bottom: 15px;

}

.widgets .search-widget>.search input {

   position: absolute;
   top: 0;
   right: 0;
   background: #65dbff;
   color: #fff;
   font-size: 18px;
   padding: 6px;
   width: 60px;
   font-family:"FontAwesome", sans-serif

}

.widgets {

   border: 3px solid #f2f2f2;
   padding: 30px;
   margin-top: 30px;

}

.widgets .categories-widget li {

   border-bottom: 1px solid #e2e2e2;
   padding: 10px 0;

}

.widgets .categories-widget li a i {

   border: 1px solid #65dbff;
   border-radius: 50%;
   padding: 2px 6px;
   color: #65dbff;
   margin-right: 10px;

}

.widgets .categories-widget li a:hover {

   color: #65dbff;

}

.widgets .categories-widget li a {

   color: #3c3c3c;
   transition: .5s;

}

.widgets .recent-post-widget li a {

   font-size: 13px;
   font-weight: 600;
   color: #65dbff;
   margin-bottom: 5px;

}

.widgets .recent-post-widget li {

   position: relative;
   padding-left: 15px;
   margin-bottom: 10px;

}

.widgets .recent-post-widget li:active:before, .widgets .recent-post-widget li:hover:before {

   background: #65dbff;

}

.widgets .recent-post-widget li:before {

   content: ;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   border: 1px solid #65dbff;
   position: absolute;
   top: 8px;
   left: 0;
   background: transparent;
   transition: .5s;

} .widget-social a{

   padding:5px 10px;

}

.sidebar {

   margin-top: 50px;

}

/*********************** Blog-page End ***************************/

/***************** Shop Page *******************************/

.search1:active .search input, .search1:hover .search input {

   border: 1px solid #ddd;

}

.search1 {

   position: relative;

}

.search1 input {

   padding: 0;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   width: 100%;
   display: inline-block;
   background: transparent;
   border: 0;

}

.search1 .search input {

   border: 0 solid #ddd;
   box-shadow: none;
   border-radius: 0;
   width: 25px;

}

.search1 .search {

   font-family:"FontAwesome", sans-serif;
   border: 0;
   background: transparent;
   position: absolute;
   top: 0;
   padding: 0;
   right: 0;
   color: #65dbff;

}

.sh-widget {

   background: #f7f7f7;
   margin-bottom: 20px;
   padding: 12px 15px;

}

.sh-widget ul {

   padding: 10px 0;

}

.sh-widget li a {

   color: #686868;
   font-weight: 400;
   display: block;
   padding: 2px 0;

}

.sh-widget p {

   font-weight: 800;
   color: #65dbff;

}

.sh-widget hr {

   margin: 5px 0;

}

.sh-widget h5 {

   font-weight: 800;
   margin-top: 10px;
   color: #333;

}

.search1::-webkit-input-placeholder {

   /* Chrome/Opera/Safari */
   color: #bababa;

}

.search1::-moz-placeholder {

   /* Firefox 19+ */
   color: #bababa;

}

.search1:-ms-input-placeholder {

   /* IE 10+ */
   color: #bababa;

}

.search1:-moz-placeholder {

   /* Firefox 18- */
   color: #bababa;

} .sel-img {

   float: left;
   width: 80px;

} .sel-img img {

   max-width: 100%;

} .sel-txt ul li {

   display: inline-block;
   font-size: 12px;

}

.sel-txt del {

   padding-left: 15px;
   color: #606060;

}

.sel-txt h5 {

   font-weight: 600;

}

.sel-txt h5, .sel-txt ul, .sel-txt p {

   margin: 0 !important;
   padding: 0 !important;
   line-height: 22px!important;

}

.sel-txt p {

   font-size: 13px;

}

.sel-txt {

   display: table;
   padding-left: 20px;

}

.sel-txt ul li:nth-child(1), .sel-txt ul li:nth-child(2), .sel-txt ul li:nth-child(3) {

   color: #65dbff;

}

.seller {

   position: relative;
   overflow: hidden;
   padding-bottom: 15px;

}

.nav-tabss li {

   display: inline-block;
   margin-right: 5px;

}

.shop-details select {

   float: right;
   padding: 4px 0;
   width: 150px;
   background: #f7f7f7;
   border: 1px solid #b9b9b9;

}

.shop-details {

   background: #f7f7f7;
   padding: 10px;
   font-size: 15px;
   color: #404040;

}

.nav-tabss>li.active>a, .nav-tabss>li.active>a:focus, .nav-tabss>li.active>a:hover, .nav-tabss li a:focus, .nav-tabss li a:hover {

   text-decoration: none;
   background-color: #65dbff;
   color: #fff;

}

.nav-tabss li a {

   padding: 0 6px;
   color: #65dbff;
   border: 1px solid #65dbff;
   transition: .7s;
   font-size: 13px;

}

.tabc-img img {

   width: 100%;

}

.tabc2 ul li, .tabc-txt ul li {

   display: inline-block;
   font-size: 12px;
   padding: 0;

}

.tabc-txt h4 {

   font-size: 15px;
   font-weight: 600;
   color: #504f4f;
   line-height: 16px;

}

.tabc2 ul li:nth-child(1), .tabc2 ul li:nth-child(2), .tabc2 ul li:nth-child(3), .tabc-txt ul li:nth-child(1), .tabc-txt ul li:nth-child(2), .tabc-txt ul li:nth-child(3) {

   color: #65dbff;

}

.tabc2 del, .tabc-txt del {

   padding-left: 15px;
   color: #606060;
   font-size: 15px;

}

.tabc2 p, .tabc-txt p {

   font-size: 18px;
   color: #65dbff;
   font-weight: 700;

}

.tabc-img {

   position: relative;
   margin: 20px 0;

}

.tabc-overtxt p {

   margin: 10px 0;

}

.tabc-overtxt {

   display: table-cell;
   vertical-align: middle;

}

.tabc-over {

   position: relative;
   display: table;
   width: 100%;
   height: 100%;

}

.tabc-hover {

   position: absolute;
   text-align: center;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: rgba(41, 46, 49, .8);
   transition: .7s;
   opacity: 0;

}

.tabc-box {

   margin-bottom: 20px;

}

.tabc-box:hover .btn-default, .tabc-box:hover .btn-primary {

   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);

}

.tabc-box:hover .tabc-hover {

   opacity: 1;

}

.tabc-box .btn-primary, .tabc-box .btn-primary:hover {

   color: #fff;
   background-color: #65dbff;
   border-color: #65dbff;
   font-weight: 700;
   -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
   transition: opacity 0.95s, transform 0.95s;
   -webkit-transform: translate3d(0, -20px, 0);
   transform: translate3d(0, -20px, 0);

}

.tabc-box .btn-default, .tabc-box .btn-default:hover {

   color: #333;
   background-color: #ffffff;
   border-color: #ffffff;
   font-weight: 700;

}

.tabc2-txt h4 {

   font-weight: 700;

}

.tabc2-txt {

   display: table;
   padding-left: 30px;
   margin-top: 15px;

}

.tabc2-img img {

   max-width: 100%;

}

.tabc2-img {

   float: left;
   width: 150px;

}

.tabc2-txt h4 {

   font-size: 18px;
   font-weight: 700;
   color: #333;
   margin-bottom: 2px;

}

.tabc2 li {

   display: inline-block;
   padding-right: 15px;

}

p.des {

   max-width: 535px;
   margin: 7px 0 15px;
   font-weight: 300;

}

.tabc2-txt .btn-default {

   box-shadow: none;
   padding: 6px 25px;
   border-radius: 0;
   margin-top: 10px;
   background-color: transparent;

}

.tabc2-txt .btn-default.focus, .tabc2-txt .btn-default:focus, .tabc2-txt .btn-default.active.focus, .tabc2-txt .btn-default.active:focus, .tabc2-txt .btn-default.active:hover, .tabc2-txt .btn-default:active.focus, .tabc2-txt .btn-default:active:focus, .tabc2-txt .btn-default:active:hover, .tabc2-txt .btn-default:hover {

   color: #333;
   background-color: transparent;
   border-color: #adadad;
   outline: 0;

}

.tabc2-box {

   position: relative;
   background: #f7f7f7;
   overflow: hidden;
   padding: 20px 30px;
   margin-top: 20px;

}

.shop {

   position: relative;
   overflow: hidden;
   padding: 95px 0 75px;

}

/********************** One Page ************************/

/****************** Header-two Start ***********************/ .header-two{

   padding: 15px 0;

} .header-two li {

   float: left;
   display: inline-block;
   padding-left: 30px;

}

.header-two li a {

   background: #65dbff;
   color: #fff;
   padding: 9px 25px;
   line-height: 45px;

}

.header-two li a i {

   font-size: 14px;
   border-right: 1px solid #fff;
   margin-right: 8px;
   color: #fff;

}

.header-two li i {

   font-size: 36px;
   border-right: 1px solid #ddd;
   padding-right: 8px;
   /* line-height: 30px; */
   color: #333;

}

.header-two li p {

   display: inline-block;
   padding-left: 15px;
   line-height: 20px;
   font-size: 14px;

}

1. header-two {

   padding: 15px 0 10px;

}

/****************** Header-two End ********************/

/****************** Main-menu-one Start ********************/

1. main-menu1 {

   background: #333;

}

1. main-menu1 nav.navbar.bootsnav {

   margin-bottom: 0;
   border-radius: 0;
   background-color: #333;
   border: none;
   border-bottom: 0;
   z-index: 9;

}

1. main-menu1 nav.navbar.bootsnav ul{

   width:100%;

}

1. main-menu1 nav.navbar.bootsnav ul.nav > li > a:hover {

   background: #65dbff;

}

1. main-menu1 nav.navbar.bootsnav ul.nav > li > a {

   padding: 20px;
   font-weight: 600;
   color: #fff;
   margin-bottom: 0;
   transition: .7s;

}

1. main-menu1 .navbar-form:active input.form-control,
2. main-menu1 .navbar-form:hover input.form-control {

   border: 1px solid #ddd;
   background: transparent;

}

1. main-menu1 .navbar-form {

   position: relative;
   padding: 0 20px;
   margin-top: 10px;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0;
   border-top: 0;
   border-bottom: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   display: inline-block;
   transition: .5s ease-in-out;

}

1. main-menu1 input.form-control {

   border: 0;
   box-shadow: none;
   border-radius: 0;
   width: 130px !important;
   height: 35px;
   padding: 6px;
   transition: .5s ease-in-out;
   background: transparent;
   color: #fff;

}

1. main-menu1 .form-group input {

   font-family:"FontAwesome", sans-serif;
   border: 0;
   background: transparent;
   position: absolute;
   top: 3px;
   padding: 3px;
   right: 30px;
   color: #fff;

}

/****************** Main-menu-one End ********************/

/****************** Member Start ********************/

.member {

   position: relative;
   background: url(../../images/bg/3.jpg)no-repeat center/cover;
   letter-spacing: 1px;

}

.member-area {

   padding: 95px 0 75px 55px;

}

.overlay-s {

   position: absolute;
   background: rgba(0, 0, 0, 0.9);
   width: 100%;
   height: 100%;

}

.member-top {

   position: relative;
   color: #fefefe;

}

.member-box {

   margin-top: 50px;

}

.member-top h3 span {

   font-weight: 600;

}

.member-top h3 {

   font-weight: 300;
   line-height: 32px;
   font-size: 22px;

}

.member-img {

   width: 130px;
   height: 130px;
   border-radius: 100%;
   margin: 10px auto;
   position: relative;
   overflow: hidden;

}

.member-img img {

   width: 100%;

}

.member-txt h5 {

   color: #acacac;
   font-weight: 300;

}

.member-txt h4 {

   max-width: 150px;
   margin: 0 auto;
   color: #fefefe;
   font-size: 16px;
   transition: .7s;

}

.member-block-box:hover h4 {

   color: #fff;

}

.member-block-box:hover ul {

   opacity: 1;

}

.member-block-box:hover .member-over {

   opacity: 1;

}

.member-block-box {

   position: relative;
   overflow: hidden;

}

.member-txt {

   margin-top: 25px;

}

.member-over ul {

   opacity: 0;
   transition: .5s;
   background: #65dbff;
   border-radius: 0;
   margin: 0 10px;

}

.member-over .member-over-txt {

   display: table-cell;
   vertical-align: middle;

}

.member-over {

   position: absolute;
   top: 0;
   background: rgba(0, 0, 0, 0.5);
   display: table;
   width: 100%;
   height: 100%;
   border-radius: 100%;
   opacity: 0;
   transition: .5s;

}

.member-over ul li a {

   color: #fff;

}

.member-over ul li {

   display: inline-block;
   padding: 5px 10px;

}

li.member-block {

   display: inline-block;
   width: 210px;
   margin: 0 auto;
   margin-bottom: 20px;

}

/****************** Member End ********************/

/****************** Services Two Start ********************/

1. service-two{

   background: url(../../images/bg/3.jpg)no-repeat center/cover;
   position: relative;
   overflow: hidden;
   padding: 95px 0 35px;

}

.overly {

   position: absolute;
   background: rgba(0, 0, 0, 0.85);
   top: 0;
   width: 100%;
   height: 100%;

}

.position {

   position: relative;

}

.options-title hr, .options-title h4, .options-title h6 {

   color: #fff;

}

.service-text h4 {

   font-size: 15px;
   font-weight: 600;
   color: #f5f5f5;
   letter-spacing: 1px;

}

.service-text hr {

   max-width: 70px;
   margin: 15px auto;

}

.service-text h1 {

   font-weight: 700;
   color: #fff;
   display: initial;
   letter-spacing: 1px;

}

.service-icon {

   text-align: right;
   font-size: 26px;
   color: #fff;
   margin-bottom: 15px;

}

.service-box {

   text-align: center;
   background: rgba(50, 50, 50, 0.4);
   padding: 25px 30px 35px;
   position: relative;
   border-radius: 10px;
   max-width: 260px;
   margin: 0 auto;
   margin-bottom: 30px;

}

.service-area {

   margin-top: 70px;

}

/****************** Services Two End ********************/

/****************** News Two Start ********************/

1. news-two {

   background: url(../../images/p1.png) repeat;
   position: relative;
   overflow: hidden;
   padding: 95px 0;

} .news-two-img img {

   width: 100%;
   border-radius: 50%;

}

.news-two-img {

   display: inline-block;
   width: 85px;
   margin-right: 15px;

}

.news-two-text p strong {

   color: #333;
   letter-spacing: 1px;

}

.news-two-text {

   display: inline-block;

}

.news-two-box p {

   margin: 15px 0;

}

.news-two-box h3 {

   font-size: 22px;
   letter-spacing: 1px;
   font-weight: 700;
   color: rgba(41, 46, 49, 1.00);

}

.news-two-box h5 {

   color: #65dbff;
   font-weight: 700;
   letter-spacing: 1px;
   margin-bottom: 5px;

}

.news-two-box {

   background: rgba(254, 254, 254, 0.55);
   padding: 30px;
   position: relative;
   margin-bottom: 30px;

}

.no-padding:not(:nth-child(1)) .latest-box:after {

   content: ;
   width: 0;

}

.no-padding:not(:nth-child(2)) .latest-box:after {

   content: ;
   width: 0;

}

.no-padding:not(:nth-child(3)) .latest-box:after {

   content: ;
   width: 1px;

}

/****************** News Two End ********************/

/****************** Testimonial Two Start ********************/

1. testimonial-two {

   background: url(../../images/bg/2.jpg)no-repeat;
   position: relative;
   overflow: hidden;
   padding: 95px 0;
   background-size: cover;

}

1. testimonial-two .option-title {

   margin-bottom: 40px;
   position: relative;

}

1. testimonial-two .option-title h3 {

   font-weight: 800;
   letter-spacing: 1px;
   color: #fefefe;

}

1. testimonial-two .option-title h5 {

   font-weight: 800!important;

}

1. testimonial-two .testimonial-two-img {

   width: 70px;
   height: 70px;
   margin: 0 auto 15px auto;

}

1. testimonial-two .testimonial-two-img img{

   border-radius: 50%;

} .testimonial-two-box {

   position: relative;
   color: #ccc;

}

.testimonial-two-box h5, .testimonial-two-box h6 {

   color: #fff;
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 1px;

}

1. testimonial-two .overly {

   position: absolute;
   background: rgba(0, 0, 0, 0.9);
   top: 0;
   width: 100%;
   height: 100%;

}

.testimonial-two-box p {

   max-width: 945px;
   font-style: italic;
   font-weight: 300;
   margin: 0 auto;
   margin-top: 15px;
   letter-spacing: 1px;

}

1. testimonial-two .owl-nav.disabled+.owl-dots {

   margin-top: 30px;

}

1. testimonial-two .owl-dots .owl-dot.active span,
2. testimonial-two .owl-dots .owl-dot:hover span {

   background: #65dbff;
   width: 8px;
   height: 8px;
   border: 2px solid #65dbff;

}

1. testimonial-two .owl-dots .owl-dot span {

   width: 8px;
   height: 8px;
   margin: 3px;
   background: #D6D6D6;
   border: 1px solid transparent;
   display: block;
   -webkit-backface-visibility: visible;
   transition: opacity .2s ease;
   border-radius: 30px;

} .testimonial h1{

   color: #0cf;

}

/****************** Testimonial Two End ********************/

/****************** 404 Page Start ********************/

1. error-txt {

   position: relative;
   overflow: hidden;
   padding: 95px 0 75px;

}

.error-txt h1 {

   font-size: 100px;
   font-weight: 700;
   color: #65dbff;
   line-height: 100px;

}

.error-txt h2 {

   font-size: 40px;
   line-height: 40px;
   color: #393939;
   font-weight: 700;
   margin: 10px 0;

}

.error-txt h4 {

   color: #818181;

}

/****************** 404 Start ********************/

/****************** Pre loader ********************/

1. loader{

   position: absolute;
   left: 50%;
   top: 50%;
   margin-top: -59px;
   margin-left: -59px;

}

1. preloader {

   background-color: rgba(0, 0, 0, 0.98);
   height: 100%;
   width: 100%;
   position: fixed;
   margin-top: 0;
   top: 0;
   z-index: 10;

}

1. inTurnBlurringTextG {

   position: relative;
   width: 215px;
   margin: auto;

}

.inTurnBlurringTextG {

   color: transparent;
   font-size: 40px;
   font-weight: 800;
   letter-spacing: 1px;
   text-decoration: none;
   font-style: normal;
   z-index: 11;
   float: left;
   text-shadow: #65dbff 0 0 0;
   animation-name: bounce_inTurnBlurringTextG;
   -o-animation-name: bounce_inTurnBlurringTextG;
   -webkit-animation-name: bounce_inTurnBlurringTextG;
   -moz-animation-name: bounce_inTurnBlurringTextG;
   animation-duration: 2.09s;
   -o-animation-duration: 2.09s;
   -webkit-animation-duration: 2.09s;
   -moz-animation-duration: 2.09s;
   animation-iteration-count: infinite;
   -o-animation-iteration-count: infinite;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-iteration-count: infinite;
   animation-direction: normal;
   -o-animation-direction: normal;
   -webkit-animation-direction: normal;
   -moz-animation-direction: normal;

}

1. inTurnBlurringTextG_1 {

   animation-delay: 0.75s;
   -o-animation-delay: 0.75s;
   -webkit-animation-delay: 0.75s;
   -moz-animation-delay: 0.75s;

}

1. inTurnBlurringTextG_2 {

   animation-delay: 0.9s;
   -o-animation-delay: 0.9s;
   -webkit-animation-delay: 0.9s;
   -moz-animation-delay: 0.9s;

}

1. inTurnBlurringTextG_3 {

   animation-delay: 1.05s;
   -o-animation-delay: 1.05s;
   -webkit-animation-delay: 1.05s;
   -moz-animation-delay: 1.05s;

}

1. inTurnBlurringTextG_4 {

   animation-delay: 1.2s;
   -o-animation-delay: 1.2s;
   -webkit-animation-delay: 1.2s;
   -moz-animation-delay: 1.2s;

}

1. inTurnBlurringTextG_5 {

   animation-delay: 1.35s;
   -o-animation-delay: 1.35s;
   -webkit-animation-delay: 1.35s;
   -moz-animation-delay: 1.35s;

}

1. inTurnBlurringTextG_6 {

   animation-delay: 1.5s;
   -o-animation-delay: 1.5s;
   -webkit-animation-delay: 1.5s;
   -moz-animation-delay: 1.5s;

}

1. inTurnBlurringTextG_7 {

   animation-delay: 1.64s;
   -o-animation-delay: 1.64s;
   -webkit-animation-delay: 1.64s;
   -moz-animation-delay: 1.64s;

}

1. inTurnBlurringTextG_8 {

   animation-delay: 1.79s;
   -o-animation-delay: 1.79s;
   -webkit-animation-delay: 1.79s;
   -moz-animation-delay: 1.79s;

}

1. inTurnBlurringTextG_9 {

   animation-delay: 1.94s;
   -o-animation-delay: 1.94s;
   -webkit-animation-delay: 1.94s;
   -moz-animation-delay: 1.94s;

}

@keyframes bounce_inTurnBlurringTextG {

   0% {
       text-shadow: #65dbff 0 0 0;
   }
   100% {
       text-shadow: rgb(255, 255, 255) 0 0 19px;
   }

}

@-o-keyframes bounce_inTurnBlurringTextG {

   0% {
       text-shadow: #65dbff 0 0 0;
   }
   100% {
       text-shadow: rgb(255, 255, 255) 0 0 19px;
   }

}

@-ms-keyframes bounce_inTurnBlurringTextG {

   0% {
       text-shadow: #65dbff 0 0 0;
   }
   100% {
       text-shadow: rgb(255, 255, 255) 0 0 19px;
   }

}

@-moz-keyframes bounce_inTurnBlurringTextG {

   0% {
       text-shadow: #65dbff 0 0 0;
   }
   100% {
       text-shadow: rgb(255, 255, 255) 0 0 19px;
   }

}