@charset "UTF-8";
/*
  Version: 1.0
*/

/*---------------------------------------
     TYPOGRAPHY              
  -----------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}

h1 {
    color: #252525;
    font-size: 2.8em;
    line-height: normal;
}

h2 {
    color: #353535;
    font-size: 1.7em;
    padding-bottom: 10px;
}

h3 {
    font-size: 1.5em;
    margin-bottom: 0;
    font-weight: 600;
}

h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1em;
}

p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
}

/*---------------------------------------
     GENERAL               
  -----------------------------------------*/
* {
    touch-action: pan-y;
}

body {
    overflow-y: scroll;
}

html {
    -webkit-font-smoothing: antialiased;
}

a:hover, a:active, a:focus {
    color: #ffa60a;
    outline: none;
}

.text-align {
    text-align: center;
}

/*
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-thumb {
	cursor: pointer;
	background: #13A0B2;
}
*/
.section-title {
    padding-bottom: 20px;
    text-align: center;
}

.section-title h2 {
    margin: 0;
}

.section-title small {
    display: block;
}

.section-title-right {
    padding-top: 20px;
    text-align: right;
}

.section-title-right h3 {
    font-size: 16px;
    font-weight: normal;
}
.askContainer{
    margin: 0 auto;
    width:72%;
}
.overlay {
    background: rgba(20, 20, 20, 0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.entry-form {
    background: #252020;
    border-radius: 100%;
    text-align: center;
    padding: 6em;
    width: 450px;
    height: 450px;
}

.entry-form h2 {
    color: #ffffff;
    margin: 0;
}

.entry-form .form-control {
    background: transparent;
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
    box-shadow: none;
    height: 45px;
    margin: 10px 0;
}

.tlinks {
    text-indent: -9999px;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.entry-form .submit-btn {
    background: #ffffff;
    border-radius: 50px;
    border: 0;
    color: #252020;
    width: 50%;
    height: 50px;
    margin: 30px auto;
    margin-bottom: 10px;
}

.entry-form .submit-btn:hover {
    background: #3f51b5;
    color: #ffffff;
}

section {
    position: relative;
    padding: 0 0 30px 0;
}

.font-color-white {
    color: #ffffff;
}

.btn-primary {
    color: #fff;
    background-color: #1dabc1;
    border-color: #1dabc1;
}

.btn-primary:hover {
    color: #fff;
    background-color: #008EAB;
    border-color: #008EAB;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #008EAB;
    border-color: #008EAB
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus,
    .btn-primary:active:hover {
    color: #fff;
    background-color: #1dabc1;
    border-color: #1dabc1
}

.btn-primary.active, .btn-primary:active {
    background-image: none
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus,
    .btn-primary[disabled]:focus, .btn-primary[disabled]:hover {
    background-color: #1dabc1;
    border-color: #1dabc1
}
/*---------------------------------------
      HOME  & SLIDER            
  -----------------------------------------*/
#home {
    padding: 0;
}

#home h1 {
    color: #ffffff;
}

#home h3 {
    color: #f9f9f9;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 5px 0 40px 0;
}

@media ( min-width : 768px) {
    .home-slider .col-md-6 {
        padding-left: 0;
    }
}

.home-slider .caption {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    background-color: rgba(20, 20, 20, 0.2);
    height: 100%;
    color: #fff;
    cursor: e-resize;
}

.home-slider .item {
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    height: 460px;
}

.caption h3 a {
    color: #FFF;
}

.caption h3 a:hover {
    color: #FF3;
}

.home-slider .item-first {
    background-image: url(../images/demo/1.jpg);
    background-position: center;
}

.home-slider .item-second {
    background-image: url(../images/demo/2.jpg);
}

.home-slider .item-third {
    background-image: url(../images/demo/3.jpg);
}

/* Services on home  */
.single-service {
    border: 1px solid #dddddd;
    margin-bottom: 30px;
}

.service-thumb {
    display: block;
    position: relative;
    overflow: hidden;
}

.service-thumb img {
    display: block;
    height: auto;
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.srvice-info {
    padding: 15px 15px;
}

.srvice-info h4 {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.srvice-info p {
    line-height: 24px;
    margin-bottom: 0;
}

.single-service:hover {
    background-color: #f7f7f7;
}

.single-service:hover .service-thumb img {
    -webkit-transform: rotate(2deg) scale(1.07);
    -moz-transform: rotate(2deg) scale(1.07);
    -ms-transform: rotate(2deg) scale(1.07);
    -o-transform: rotate(2deg) scale(1.07);
    transform: rotate(2deg) scale(1.07);
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/************************************
Banner
*************************************/
#main-slide .item {
    /*min-height: 420px;*/
    color: #fff;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-backface-visibility: hidden;
}

#main-slide .item img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}

#main-slide .item .slider-content {
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

#main-slide .item.active .slider-content {
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}

#main-slide .slider-content {
    top: 50%;
    padding: 0;
    position: absolute;
    width: 100%;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-slide .slider-content.text-left {
    left: 10%;
}

#main-slide .slider-content.text-right {
    right: 10%;
}

.slider-content {
    position: relative;
    display: table;
    height: 100%;
    width: 100%;
}

.slider-content p {
    color: #ffffff;
}

.slide-title {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    margin: 15px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.slide-sub-title {
    font-style: normal;
    font-size: 5rem;
    line-height: 58px;
    margin: 15px 0;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

.slider-text {
    display: table;
    vertical-align: bottom;
    color: #fff;
    padding-left: 40%;
    width: 100%;
    padding-bottom: 0;
    padding-top: 20px;
}

.slider-text .slide-head {
    font-size: 36px;
    color: #0052a5;
    position: relative;
}

.slider-img {
    display: block;
    position: absolute;
    top: -80px;
    left: 20%;
    width: 314px;
    max-height: 100%;
}

.slider-img img {
    display: block;
    position: relative;
    max-height: 100%;
    width: auto;
}

.slider.btn {
    margin: 5px;
    border: 2px solid transparent;
}

.slider.border {
    background: none;
    border: 2px solid #fff;
}

.slider.border:hover {
    background: #ffa60a;
    border: 2px solid transparent;
}

/* Carousel control */
.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 1px;
    border-radius: 100%;
    border: 0;
    background: rgba(255, 255, 255, .5);
}

#main-slide .carousel-indicators li.active, #main-slide .carousel-indicators li:hover {
    background: #ffa60a;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

#main-slide .carousel-control.left, #main-slide .carousel-control.right, #main-slide .carousel-indicators {
    opacity: 0;
    filter: alpha(opacity = 0);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

#main-slide:hover .carousel-control.left, #main-slide:hover .carousel-control.right, #main-slide:hover .carousel-indicators
    {
    opacity: 1;
    filter: alpha(opacity = 100);
}

#main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#main-slide .carousel-control .fa-angle-left {
    left: 20px;
}

#main-slide .carousel-control .fa-angle-right {
    right: 20px;
}

#main-slide .carousel-control i {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ffa60a;
    background-image: none !important;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-radius: 50%;
    height: 50px;
    line-height: 50px;
    top: 50%;
    width: 50px;
    z-index: 1;
}

#main-slide .carousel-control i:hover {
    background: #ffa60a;
}

.carousel .item.active .effect2 {
    -webkit-animation: fadeInLeft 1s ease-in 350ms both;
    animation: fadeInLeft 1s ease-in 350ms both;
}

.carousel .item.active .effect3 {
    -webkit-animation: fadeInLeft 1.5s ease-in-out 300ms both;
    animation: fadeInLeft 1.5s ease-in-out 300ms both;
}

.carousel .item.active .effect4 {
    -webkit-animation: lightSpeedIn 1.5s ease-in 300ms both;
    animation: lightSpeedIn 1.5s ease-in 300ms both;
}

.carousel .item.active .effect5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .effect6 {
    -webkit-animation: fadeInRight 1s ease-in 200ms both;
    animation: fadeInRight 1s ease-in 200ms both;
}

.carousel .item.active .effect7 {
    -webkit-animation: fadeInRight 1.5s ease-in 300ms both;
    animation: fadeInRight 1.5s ease-in 300ms both;
}

.red{
    COLOR:RED;
}
.search_dl dd{
    line-height:2;
}
/*---------------------------------------
      COURSES             
  -----------------------------------------*/
#case {
    
}

#courses .owl-theme .owl-nav {
    margin-top: 10px;
}

#courses .owl-theme .owl-nav [class*=owl-] {
    border-radius: 2px;
    font-size: 16px;
    width: 30px;
    height: 30px;
    background: #ffa60a;
    line-height: 30px;
    text-align: center;
    padding: 0;
}

.courses-thumb {
    background: #f9f9f9;
    position: relative;
}

.courses-top {
    position: relative;
}

.courses-image {
    background: linear-gradient(to right, #202020, #101010);
}

.courses-image_new {
    background: linear-gradient(to right, #fff, #ccc);
}

.courses-date {
    background: linear-gradient(rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.6));
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px 25px;
}

.courses-date span, .courses-author span {
    font-size: 14px;
    font-weight: bold;
}

.courses-date span {
    color: #ffffff;
    display: inline-block;
    margin-right: 10px;
}

.courses-detail {
    padding: 15px 25px 15px 25px;
}

.courses-detail h3 {
    margin: 0 0 2px 0;
}

.con {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 8% 40px;
}

.con h4 {
    font-size: 20px;
    color: #fff;
    line-height: 48px;
    margin-bottom: 13px;
    transition: color .3s;
}

.con a {
    font-size: 20px;
    color: #fff;
    line-height: 48px;
    margin-bottom: 13px;
    transition: color .3s;
}

.con_imag img {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    border-radius: 2px 2px 0 0;
}

.con_imag img:hover {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    transform: scale(1.08);
    -webkit-transition: all 0.8s ease-in-out;
    box-shadow: 1px 0 8px rgba(0, 0, 0, 0.3);
}

.index_show_me {
    padding: 15px 25px 15px 25px;
}

.index_show_me h5 {
    line-height: 2.5;
}

.courses-info {
    border-top: 1px solid #f0f0f0;
    position: relative;
    clear: both;
    padding: 15px 25px;
}

.courses-author, .courses-author span {
    display: inline-block;
    vertical-align: middle;
}

.courses-author img {
    display: inline-block !important;
    border-radius: 50px;
    width: 50px !important;
    height: 50px;
    margin-right: 10px;
}

.courses-price {
    float: right;
    margin-top: 10px;
}

.courses-price span {
    background: #29ca8e;
    border-radius: 2px;
    color: #ffffff;
    display: block;
    padding: 5px 10px;
}

.courses-price.free span {
    background: #3f51b5;
}

#courses .col-md-4 {
    display: block;
    width: 100%;
}

#courses .col-md-3 {
    display: block;
    width: 100%;
}
/************************************
02)TOP HEADER
*************************************/
.top-header {
    background: #1dabc1;
    border-bottom: 1px solid #f9f9f9;
    position: relative;
    overflow: hidden;
}

.contact-detail2 {
    margin: 0;
}

.contact-detail2 i {
    border-radius: 3px;
    padding: 3px 5px;
}

.contact-detail2 li {
    list-style: outside none none;
    float: left;
    padding: 8px 0;
    margin-bottom: 0;
    margin-right: 25px;
}

.contact-detail2 li a {
    color: #fff;
    font-size: 13px;
}

.social-icons {
    list-style: outside none none;
    padding: 8px 0;
    margin-bottom: 0;
}

.social-icons li {
    display: inline;
}

.social-icons li:last-child, .social-icons li:last-child a {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.social-icons a {
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    padding: 3px 5px;
    transition: color 0.3s ease-in-out 0s;
    vertical-align: middle;
}

.social-icons a:hover {
    color: #ffa60a
}

/************************************
03)Logo
*************************************/
.navbar-brand {
    float: left;
    height: auto;
    padding: 8px 0;
    font-size: 18px;
    line-height: 20px;
}

.logo-text {
    text-transform: none;
    font-size: 25px;
    vertical-align: bottom;
    line-height: 38px;
    letter-spacing: 1px;
    color: #777;
    font-family: 'Raleway', sans-serif;
}

.logo-text samp {
    background: #00AEF0;
    float: left;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-weight: normal;
    font-size: 30px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/************************************
04)Navbar
*************************************/
.navbar {
    margin-bottom: 0;
}

.header-shade {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
}

.navbar-fixed-top {
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333;
    box-shadow: 0 0 10px #333;
    z-index: 999;
    margin-top: 0 !important;
    padding: 15px 0 !important;
    background: #fff !important;
    position: fixed !important;
}

.navbar-fixed-top .navbar-nav>li>a {
    background: transparent !important;
}

.navbar-menu .navbar-right .dropdown-menu {
    left: 0 !important;
}

.dropdown-menu {
    padding: 0;
    border: 0;
    box-shadow: none;
}

.dropdown-menu .divider {
    margin: 0;
}

.dropdown-menu>li>a {
    font-size: 12px;
    font-weight: 400;
    color: #777;
    background: #fff;
    padding: 10px;
}

.dropdown-menu>li>a:hover {
    color: #fff !important;
    background-color: #00aef0;
}

.navbar-menu {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 15px 0;
    font-weight: 600;
    margin-bottom: 0;
}

.navbar-menu .navbar-nav>li>a {
    background: transparent !important;
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.navbar-menu .navbar-nav>li:last-child>a {
    padding-right: 0 !important;
}

.navbar-menu .navbar-nav>li>a:hover, .navbar-menu .navbar-nav>li>a:active {
    background-color: transparent;
}

.navbar-menu .navbar-nav>.open>a, .navbar-menu .navbar-nav>.open>a:focus, .navbar-menu .navbar-nav>.open>a:hover {
    color: #00aef0;
    background-color: #fff;
}

.navbar-menu .navbar-nav>li>.dropdown-menu {
    margin-top: 26px;
}

/* youshi */
#youshi-action {
    background: url(../images/bg/abg.jpg) center center no-repeat;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}

#youshi-action h3 {
    padding: 15px;
    color: #fff;
}

#youshi-action  h2 {
    color: #fff;
}

#youshi-action .padding-big {
    padding: 20px;
}

#youshi-action .ysitem {
    margin: 15px;
    background-color: #1dabc1;
}

/* Portfolio section styles
/* ========================================== */
#portfolio {
    padding: 0;
    text-align: center;
}

#portfolio img {
    width: 100%;
}

#portfolio .portfolio-thumb {
    position: relative;
    overflow: hidden;
    margin: 0;
}

#portfolio .portfolio-thumb .portfolio-overlay {
    background: #141414;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#portfolio .portfolio-thumb:hover .portfolio-overlay {
    opacity: 0.9;
}

#portfolio .portfolio-thumb .portfolio-overlay .portfolio-item {
    text-align: center;
    padding: 10% 20px 20px;
}

#portfolio .portfolio-thumb .portfolio-overlay .fa {
    background: #f9f9f9;
    border-radius: 100px;
    color: #141414;
    font-size: 1.3rem;
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    text-decoration: none;
    margin-bottom: 4px;
}

/* index-news */
.index-news {
    background: #fff;
    padding-bottom: 30px;
}

.headline {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 30px;
}

.headline:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 80px;
    border-bottom: 3px solid #F6AB00;
    margin-left: -53px;
    content: "";
}

.headline:after {
    position: absolute;
    bottom: 0;
    right: 50%;
    display: block;
    width: 20px;
    border-bottom: 3px solid #ffd694;
    margin-right: -52px;
    content: "";
}

/* top */
.top-area {
    background: #13A0B2;
    /*background: #3fbbc0;*/
}

/* menu */
.navbar-custom ul.nav ul.dropdown-menu li a:hover {
    color: #3fbbc0;
}

.navbar-custom.top-nav-collapse .nav li a:hover, .navbar-custom .nav li a:hover, .navbar-custom .nav li.active a,
    .navbar-custom.top-nav-collapse .nav li.active a {
    color: #3fbbc0;
}

.tp-bannertimer {
    display: none;
}

.revBtn a.pithreeBtn {
    margin-right: 10px;
}
/**==================== Blog News ======================**/
.blogNews {
    padding-bottom: 20px;
}

.newsBlogIn {
    position: relative;
    top: -40px;
}

.sbCont {
    padding: 0 16px 9px;
}

.blImg img {
    width: 100%;
    height: auto;
}

.sbblogTit {
    color: #000000;
    font-size: 18px;
    font-weight: 900;
    line-height: 30px;
    margin-top: 17px;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.sbCont p {
    font-size: 14px;
    line-height: 30px;
    color: #848484;
    margin-bottom: 20px;
}

.sbrm {
    font-size: 14px;
    font-style: italic;
    color: #000;
    position: relative;
    display: inline-block;
    font-weight: 400;
}

.sbrm:after {
    position: absolute;
    left: -9px;
    bottom: -9px;
    width: 113px;
    height: 2px;
    content: '';
    background: #ffa60a;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.sbrm:before {
    position: absolute;
    left: -9px;
    bottom: -9px;
    width: 0;
    height: 2px;
    content: '';
    background: #000;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.sbrm:hover:before {
    width: 113px;
}

.sbrm i {
    margin-left: 12px;
}

.newsBlogIn .singleBlog {
    margin-bottom: 0;
}

/**==================== Filter Project ======================**/
.fillterNav {
    margin-bottom: 50px;
    margin-top: 5px;
}

.fillterNav li {
    font-size: 16px;
    line-height: .8;
    color: #000000;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-right: 30px;
}

.fillterNav li:hover, .fillterNav li.active {
    color: #ffa60a;
}

.none {
    display: none;
}

.singleProject {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.singleProject a:hover {
    
}
/*
.singleProject:hover .projectImg:after {
	visibility: visible;
	opacity: 1;
	width: 100%;
	height: 100%
}
*/
.projectImg img {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    border-radius: 2px 2px 0 0;
}

.projectImg img:hover {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    transform: scale(1.08);
    -webkit-transition: all 0.8s ease-in-out;
    box-shadow: 1px 0 8px rgba(0, 0, 0, 0.3);
}

.projectHover {
    position: relative;
    text-align: left;
    margin: auto;
    padding: 0 50px 20px 20px;
    cursor: pointer;
    /*
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	*/
}
/*
.singleProject:hover .projectHover {
	visibility: visible;
	opacity: 1;
	top: 0;
}
*/
/*.projectImg:after {
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 85%;
	height: 85%;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	margin: auto;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
*/

/*
.projectHover a {
	border: 1px solid #fff;
	border-radius: 50%;
	color: #333;
	height: 40px;
	line-height: 0.8;
	margin: auto;
	padding: 13px;
	width: 40px;
	font-size: 12px;
	display: inline-block;
	margin-right: 5px;
}
*/
.projectHover a:hover {
    color: #ffa60a;
    border-color: #ffa60a;
}

.projectHover  h2 {
    color: #333;
    font-size: 20px;
    font-weight: 400;
}
/**==================== Call To Action ======================**/
/*.callToaction {
	padding: 92px 0 102px;
	background: url(../images/bg/1.jpg) no-repeat fixed center center/cover;
}*/
/**==================== Blog ======================**/
.blogSec2 {
    border: 1px solid #dfdfdf;
}

.meta {
    font-style: italic;
    line-height: 0.8;
    margin: 7px 0 10px;
    font-size: 14px;
}

.meta a {
    color: #afafaf;
    margin-left: 5px;
}

.meta a:first-child {
    margin-left: 0;
}

.meta a:hover {
    color: #000;
}

.blogSec2 p {
    margin-bottom: 27px;
}

.siBlogThumb {
    position: relative;
    padding-left: 136px;
    min-height: 123px;
}

.siBlogThumb img {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 94px;
}

.thumbBtitle {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 8px;
}

.meta.thumbBlog {
    font-size: 13px;
    margin-bottom: 4px;
}

.siBlogThumb p {
    font-size: 14px;
    color: #848484;
    line-height: 24px;
    margin: 0;
}

/**==================== Client ======================**/
.clientSec {
    padding: 60px 0;
}

.singleClient {
    border: 1px solid #e0e0e0;
    height: 90px;
    position: relative;
}

.singleClient img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
/**==================== Footer ======================**/
.footer {
    background: #1b2c3e;
    padding: 40px 0 8px;
}

.footer .footerLogo {
    padding-bottom: 25px;
}

.fotterTitle {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 30px;
}

.footer p {
    color: #979da4;
    line-height: 30px;
}

.footer a {
    color: #979da4;
    line-height: 30px;
}

.footer a:hover {
    color: #ffa60a;
}

.fotinfo {
    margin-bottom: 44px;
}

.newsletter {
    position: relative;
}

.newsletter input {
    background: #253443;
    border: medium none;
    border-radius: 3px;
    height: 45px;
    width: 100%;
    font-size: 13px;
    font-style: italic;
    padding: 13px 13px 6px;
}

.newsletter button {
    background: #3a4b5b;
    color: #fff;
    font-size: 15px;
    height: 45px;
    padding: 8px 18px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 3px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.newsletter button:hover {
    color: #ffa60a;
}

.newsletter input.reqError {
    color: #ffa60a;
}

.newslatp {
    margin-bottom: 26px;
}

.navigation {
    overflow: hidden;
}

.navigation>li {
    float: left;
    position: relative;
    padding-left: 15px;
}

.navigation>li:nth-of-type(odd) {
    width: 63%;
}

.navigation>li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '\f105';
    font-family: FontAwesome;
    font-size: 14px;
    color: #979da4;
}

.navigation>li a:hover {
    color: #ffa60a;
    padding-left: 5px;
}

.contactText {
    margin-bottom: 20px;
}

.address {
    margin-bottom: 30px;
}

.singleAdds {
    position: relative;
    padding-left: 22px;
    line-height: .8;
    margin-bottom: 20px;
}

.singleAdds i {
    position: absolute;
    left: 0;
    top: 0;
    color: #ffa60a;
    font-size: 14px;
}

.singleAdds p, .singleAdds a {
    margin-bottom: 0;
    line-height: .8;
}

.singleAdds a:hover {
    color: #ffa60a;
}

.copyright {
    background: #172737;
    padding: 12px 0;
}

.copyright p {
    margin: 0;
    line-height: .8;
    color: #979da4;
}

.copyright a {
    color: #979da4;
    font-size: 12px;
}

.copyright a:hover {
    color: #ffa60a;
}
/*=======================================================================
// Home Two
=========================================================================*/
.teammatesSec {
    padding-top: 90px;
    padding-bottom: 70px;
}

.singleWedo {
    position: relative;
    padding-left: 100px
}

.singleWedo i {
    position: absolute;
    left: 0;
    top: -3px;
    font-size: 85px;
    color: #ffa60a;
}

.singleWedo .fa.fa-paint-brush {
    font-size: 68px;
}

.singleWedo h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 9px;
}

.singleWedo p {
    color: #848484;
}
/*=======================================================================
// About Page
=========================================================================*/
/**==================== 可以删除======================**/
/**==================== Breadcrumb ======================**/
.breadcrumbSec {
    padding: 180px 0 60px;
    width: 100%;
    position: relative;
    background: url(../images/bg/2.jpg) no-repeat scroll center center/cover;
}

.breadcrumbSec:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    content: '';
}

.breadcrumb_about {
    padding: 180px 0 60px;
    width: 100%;
    position: relative;
    background: url(../images/bg/about.jpg) no-repeat scroll center center/cover;
}

.breadcrumb_cases {
    padding: 180px 0 60px;
    width: 100%;
    position: relative;
    background: url(../images/bg/cases.jpg) no-repeat scroll center center/cover;
}

.breadcrumb_news {
    padding: 180px 0 60px;
    width: 100%;
    position: relative;
    background: url(../images/bg/news.jpg) no-repeat scroll center center/cover;
}

.breadcrumb_white_title {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 23px;
}

.breadTitle {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 23px;
}

.breadCumpNav {
    line-height: .8;
}

.breadCumpNav a {
    font-size: 16px;
    color: #2c3e50;
    font-weight: 400;
    text-transform: capitalize;
    line-height: .8;
}

.breadCumpNav i {
    font-size: 16px;
    margin: 0 5px;
}

.breadCumpNav a:hover {
    color: #ffa60a;
}

/**==================== About Content ======================**/
.abTitle {
    font-size: 28px;
    line-height: 30px;
    color: #2c3e50;
    margin-bottom: 20px;
}

.abCont {
    margin-top: 30px;
}

.abCont p {
    margin-bottom: 26px;
}
/**==================== Team ======================**/
.teamSec {
    padding-bottom: 70px;
    padding-top: 13px;
}

.teamImg {
    margin-bottom: 17px;
}

.teamImg img {
    width: 100%;
    height: auto;
}

.teamDec {
    margin-left: 15px;
}

.teambg {
    position: relative;
    margin-bottom: 11px;
}

.teambg:after {
    width: 60px;
    height: 2px;
    background: #ffa60a;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
}

.teamTitle {
    font-size: 16px;
    color: #000;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.teamDeg {
    font-size: 14px;
    color: #acacac;
    padding-bottom: 15px;
}

/*=======================================================================
// Services Page
=========================================================================*/
.servicesContent {
    padding-top: 90px;
    padding-bottom: 60px;
}
/**================ services nav ================== **/
.servicesNav {
    /*background: #f1f1f1;*/
    
}

.servicesNav li:last-child {
    border-bottom: none;
}

.servicesNav li {
    line-height: .8;
    border-bottom: 1px solid #dfdfdf;
}

.servicesNav li.active {
    position: relative;
}

.servicesNav li.active:after {
    position: absolute;
    right: 13px;
    content: '\f105';
    top: 18px;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: .8;
    color: #fff;
}

.servicesNav li a {
    color: #2c3e50;
    line-height: .8;
    display: block;
    font-size: 1.5rem;
    padding: 20px 16px;
}

.servicesNav li a:hover, .servicesNav li.active a {
    background: #1dabc1;
    color: #fff;
    font-weight: bold;
}

.pdfDownload {
    padding-left: 17px;
    padding-top: 40px;
}

.downloadTitle {
    font-size: 16px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 25px;
}

.downloadpdflink {
    
}

.downloadpdflink a {
    display: block;;
    color: #8a8a8a;
    line-height: .8;
    margin-bottom: 14px;
}

.downloadpdflink a:hover {
    color: #ffa60a;
}

.downloadpdflink a i {
    margin-right: 8px;
}

/**================ services Content ================== **/
.singleServices {
    border: 1px solid #dfdfdf;
    margin-bottom: 30px;
}

.servicesImg {
    margin-bottom: 8px;
}

.servicesImg img {
    width: 100%;
    height: auto;
}

.servicesCont {
    padding: 0 10px;
}
.servicesCont img {
    width: 100%;
    height: auto;
}
.servictitle {
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
}

.servicRead {
    font-style: italic;
    line-height: .8;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}

.servicRead:hover:after {
    width: 100px;
}

.servicRead::before {
    background: #ffa60a none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: -6px;
    position: absolute;
    width: 100px;
}

.servicRead::after {
    background: #000;
    bottom: 0;
    content: "";
    height: 2px;
    left: -6px;
    position: absolute;
    width: 0;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.servicRead i {
    margin-left: 15px;
}

/************************************
23)Inner Title bar
*************************************/
.inner-title {
    background: #1dabc1;
    padding: 30px 0;
}

.inner-title h2 {
    font-weight: 500;
    color: #fff;
}

.breadcrumbs ul {
    float: right;
    font-size: 13px;
    margin-top: 25px;
    font-weight: 500
}

.breadcrumbs ul li {
    display: inline-block;
    color: #fff !important;
    margin: 0 0 0 5px
}

.breadcrumbs ul li:last-child:after, .breadcrumbs ul li:first-child:after {
    content: "";
    margin: 0
}

.breadcrumbs ul li:last-child a, .breadcrumbs ul li a {
    color: #fff !important;
}

.breadcrumbs ul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.breadcrumbs ul li:first-child {
    padding-right: 0;
    margin-left: 0
}

.breadcrumbs ul li:first-child, .breadcrumbs ul li:last-child {
    color: #fff;
    background: 0
}

.breadcrumbs ul li:last-child {
    padding: 0;
    background: 0
}

/*=======================================================================
// Services Details
=========================================================================*/
.servicesDetails {
    padding-bottom: 50px;
    padding-top: 90px;
}

.servicesDetailsCont {
    margin-top: -10px;
}

.servicesDetailsCont p {
    color: #8a8a8a;
    margin-bottom: 30px;
}

.servicesdetaImg {
    
}

.serdetaImg {
    margin-bottom: 30px;
}

.serdetaImg img {
    width: 100%;
    height: auto;
}
/*=======================================================================
// contentSection
=========================================================================*/
.contentSection {
    margin: 35px 0 0 0;
}

.single-news {
    margin: 0 0 30px;
    padding: 0;
    border: 1px solid #e6e6e6;
    transition: box-shadow .3s
}

.post-thumbnai {
    position: relative;
    overflow: hidden;
}

.post-thumbnai img {
    display: block;
    margin: 0;
    outline: medium none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.single-news .entry-meta {
    color: #ffffff;
    display: block;
    margin: -20px auto 25px;
    padding: 8px;
    position: relative;
    text-align: center;
    width: 96%;
    width: calc(100% - 30px);
    z-index: 1;
    background-color: #1dabc1;
}

.single-news .entry-meta p {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
}

.single-news .entry-meta span {
    margin: 0 4%;
}

.single-news .entry-meta span:first-child {
    margin-left: 0;
}

.single-news .entry-meta span:last-child {
    margin-right: 0;
}

.single-news .entry-header {
    display: block;
    padding: 0 15px;
}

.single-news .entry-title {
    line-height: 26px;
    margin-bottom: 15px;
}

.single-news .entry-content {
    display: block;
    overflow: hidden;
    padding: 0 18px 35px;
}

.single-news .entry-content p {
    margin-bottom: 16px;
}

.single-news .post-thumbnai img {
    width: 460px;
    height: 220px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    border-radius: 2px 2px 0 0;
}

.single-news .post-thumbnai img:hover {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    transform: scale(1.08);
    -webkit-transition: all 0.8s ease-in-out;
    box-shadow: 1px 0 8px rgba(0, 0, 0, 0.3);
}

.singleBlog {
    margin: 20px 0 30px;
    padding: 0;
    background: #fff;
}

.content-right-sidebar {
    margin-bottom: 30px;
}

.content-right-sidebar .detail_title {
    margin-left: 25px;
    font-size: 100%;
    font-weight: normal;
}

.sblogImg {
    overflow: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    background: white;
    border: 1px solid #D7D7D7;
    height: 146px;
    line-height: 146px;
    width: 100%;
    height: 146px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 auto;
}

.sblogImg a {
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
}

.sblogImg img {
    vertical-align: middle;
}

.blogTitle {
    line-height: 26px;
    font-size: 1.4rem;
    margin-bottom: 13px;
}

.detail_title {
    margin-bottom: 20px;
}

.product_title {
    line-height: 1.25;
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
}

.detail_content {
    display: block;
    overflow: hidden;
}

.detail_content p {
    line-height: 32px;
    font-size: 16px;
}

.detail_content p img {
    max-width: 100%;
    height: auto;
    width /***/: auto;
}

.detail_page {
    padding: 30px 0;
}

.blogMeta, .blogMeta a {
    line-height: .8;
    color: #afafaf;
}

.blogMeta a:hover {
    color: #ffa60a;
}

.blogMeta {
    margin-bottom: 10px;
}

.blogMeta span {
    margin: 0 0 0 4px;
}

.sblogDec p {
    
}

.sblogDec {
    margin-bottom: 20px;
}

.readmore {
    background: #ffa60a none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    line-height: 0.8;
    padding: 14px 14px;
    text-align: center;
    text-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);
}

.readmore:hover {
    color: #666;
    /*background: #333;*/
}

.more {
    background: #ffa60a none repeat scroll 0 0;
    color: #fff;
    padding: 0.8em 3em;
    text-align: center;
    border-radius: 3px;
    line-height: 1.2;
    font-size: 13px;
}

.more:hover {
    color: #666;
    /*background: #333;*/
}

.widget-area .widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.widget.widget-category>ul li {
    padding-bottom: 10px;
    font-size: 14px;
}

/*---------------------------------------
      search             
  -----------------------------------------*/

/* Navigation-area */
.navigation-area {
    position: relative;
}

.navigation-container {
    background-color: red;
    box-shadow: 0 0 9.5px 0.5px rgba(0, 0, 0, 0.5);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}
/* Search  */
.search-area {
    padding: 10px 0;
    position: relative;
    text-align: center;
}

.searcn-btn {
    background-color: #ffa60a;
    border-radius: 3px;
    color: #ffffff;
    float: right;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 30px;
    cursor: pointer;
}

.searcn-btn:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.searchForm {
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    padding: 10px 25px;
    position: absolute;
    right: 0;
    top: 125px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 370px;
    z-index: 4;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.searchForm.active {
    top: 72px;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.searchForm input[type="text"] {
    border: 1px solid #ffa60a;
    border-radius: 3px 0 0 3px;
    color: #19181a;
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    width: 272px;
}

.searchForm button {
    background-color: #ffa60a;
    border: medium none;
    border-radius: 0 3px 3px 0;
    color: #ffffff;
    font-size: 16px;
    height: 40px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 48px;
}

.searchForm button:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/* Fixed Header */
.scroll-header {
    background-color: rgba(214, 221, 236, 0.95);
    animation: 300ms ease-in-out 0s normal none 1 running;
    animation-name: fadeInDown;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.widget {
    padding: 16px 16px 0;
    margin-bottom: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}

.widgetTitle {
    font-size: 14px;
    font-weight: bold;
}

.widgetTitle:after {
    border-top: 2px solid #ffa60a;
    display: block;
    width: 40px;
    content: "";
    margin-top: 6px;
}

.widgetList {
    padding-bottom: 8px;
}

.widgetList li {
    margin: 15px 0 0;
    padding-bottom: 12px;
}
/*
.widgetList li:after {
    content: '\f0da';
    color: #ffa60a;
    font-family: FontAwesome;
    left: 0;
    top: 0;
    position: absolute;
}
*/
.widgetList li a {
    font-size: 1.5rem;
    color: #393939;
}

.widgetList li a:hover {
    color: #ffa60a;
}

.widgetList li a:hover, .widgetList li.active a {
    /*background: #2c3e50;*/
    color: #ffa60a;
    font-weight: bold;
}

.widgetList .active {
    border-bottom: 1px solid #eeeeee;
    line-height: 0.8;
    margin: 18.5px 0 0;
    padding-bottom: 18.5px;
    padding-left: 15px;
    position: relative;
    background: #f9a64a;
    color: #fff;
}

/*article*/
.article_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 25px;
}

.article_title:after {
    border-top: 2px solid #ffa60a;
    display: block;
    width: 40px;
    content: "";
    margin-top: 6px;
}

.product_aside .aside_title {
    color: #fff;
    background-color: #ffa60a;
    font-weight: 700;
    line-height: 1;
    padding: 17px 15px 14px 21px;
    margin-bottom: 22px;
    margin-right: 22px;
}

.product_aside .aside_title2 {
    color: #fff;
    background-color: #1dabc1;
    font-weight: 700;
    line-height: 1;
    padding: 17px 15px 14px 21px;
    margin-bottom: 22px;
    margin-right: 22px;
}

.article_Nav {
    font-size: 14px;
    /*
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    */
}

.article_Nav li:last-child {
    margin-bottom: 25px;
}

.article_Nav li {
    border-left: 5px solid transparent;
    padding-left: 14px;
    margin-bottom: 14px;
}

.article_Nav li.active {
    color: #ffa60a;
    border-color: #ffa60a;
}

.article_Nav li.active2 {
    color: #ffa60a;
    border-color: #ffa60a;
}

.article_Nav li a {
    line-height: 2.1;
}

.article_Nav li a:hover, .article_Nav li.active a {
    background: #fff;
    color: #ffa60a;
    font-weight: 600;
}

.singleRecPost {
    position: relative;
    padding-left: 100px;
    min-height: 112px;
    padding-top: 8px;
}

.singleRecPost img {
    position: absolute;
    left: 0;
    top: 0;
    width: 83px;
    height: 83px;
}

.recPostTitle {
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    margin-bottom: 9px;
}

.singleRecPost:last-child {
    min-height: 83px;
}

/*=======================================================================
// Blog Details
=========================================================================*/
.singleBlogDetails {
    margin-bottom: 31px;
}

.blogDetailsDec {
    
}

.blogDetailsDec p {
    color: #848484;
    margin-bottom: 31px;
}

.blogDetailsDec blockquote {
    border: none;
    padding: 0;
    margin: 0 0 30px;
}

.blogDetailsDec blockquote p {
    font-size: 16px;
    color: #393939;
    font-weight: 700;
}

.socialShare {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding: 16px 12px;
    margin-bottom: 30px;
}

.socialShare p {
    color: #a5a5a5;
    font-weight: 600;
}

.socialShare p, .shareSocial {
    display: inline-block;
    margin: 0;
}

.shareSocial span {
    color: #303030;
    font-weight: 600;
    margin-right: 3px;
}

.shareSocial {
    float: right;
}

.shareSocial a {
    color: #a5a5a5;
    font-size: 12px;
    margin-right: 10px;
    display: inline-block;
}

.shareSocial a:last-child {
    margin-right: 0;
}

.shareSocial a:hover {
    color: #ffa60a;
}

.fullwidthAuthor {
    background: #f6f6f6;
    margin-bottom: 60px;
}

.fwaIn {
    position: relative;
    padding-left: 185px;
    min-height: 168px;
    padding-top: 32px;
}

.fwaIn img {
    position: absolute;
    left: 0;
    top: 0;
    width: 170px;
    height: 168px;
}

.fwaIn h2 {
    font-size: 18px;
    line-height: .8;
    color: #000;
    font-weight: 600;
    margin-bottom: 13px;
}

.fwaIn p {
    line-height: 24px;
    color: #848484;
}

.fwaSocial {
    line-height: 1.9;
}

.fwaSocial a {
    font-size: 12px;
    color: #c7c7c7;
    display: inline-block;
    margin-left: 10px;
}

.fwaSocial a:hover {
    color: #ffa60a;
}

.comment {
    margin-bottom: 58px;
}

.commentTitle {
    border-bottom: 1px solid #dddddd;
    color: #303030;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.singleComment {
    min-height: 95px;
    padding-left: 123px;
    padding-top: 4px;
    position: relative;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.singleComment img {
    width: 100px;
    height: 95px;
    position: absolute;
    left: 0;
    top: 0;
}

.singComTitle {
    font-size: 18px;
    margin-bottom: 12px;
}

.comdate {
    font-size: 13px;
    color: #1b2c3e;
    margin-bottom: 7px;
}

.singleComment p {
    font-size: 14px;
    line-height: 24px;
    color: #979797;
}

.comreplay {
    line-height: 0.8;
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 13px;
    color: #1b2c3e;
    font-weight: 600;
}

.commentForm input {
    width: 100%;
    height: 55px;
    border: 1px solid #e6e6e6;
    margin-bottom: 15px;
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
    color: #797979;
    border-radius: 2px;
}

.commentForm textarea {
    width: 100%;
    height: 195px;
    resize: none;
    border: 1px solid #e6e6e6;
    padding: 15px;
    border-radius: 2px;
}

.commentForm button {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.formmargin {
    margin-bottom: 15px;
}

#contactForm .reqError {
    border-color: #ffa60a;
}

/*=======================================================================
// product Page
=========================================================================*/
.mb-55 {
    margin-top: 15px;
    margin-bottom: 45px;
}

ul.filter-menu {
    list-style: outside none none;
    padding: 0 15px 15px 0;
}

ul.filter-menu li {
    cursor: pointer;
    display: inline-block;
    padding: 8px 20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-align: left;
}

ul.filter-menu li:hover, ul.filter-menu li.mixitup-control-active {
    color: #fff;
    background-color: #ffa60a;
}

.recent-porjects {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.single-project {
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    height: 146px;
    line-height: 146px;
    width: 100%;
    background: #F5F5F5;
}

.single-project>img {
    left: 0;
    max-width: 100%;
}

.project-info {
    background-color: #1dabc1;
    color: #ffffff;
    left: 0;
    margin-top: -46px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    padding: 10px 0;
    position: absolute;
    text-align: center;
    top: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 3;
}

.project-info p {
    color: #ffffff;
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.project-info .show {
    padding-top: 8px;
    font-size: 14px;
}

.project-info a {
    color: #ffffff;
    display: block;
    font-weight: 600;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.project-title {
    
}

.item_bottom {
    margin-bottom: 35px;
}

.single-project:before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 2;
}

.single-project:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.single-project:hover .project-info {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: 50%;
    visibility: visible;
}

/*=======================================================================
// Contact Page
=========================================================================*/
.content_right_box {
    
}

.contactInfo {
    width: 100%;
    padding: 13px 20px 55px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .07);
}

.contAddress {
    margin-top: 15px;
    margin-bottom: 15px;
}

.singleContadds {
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
}

.singleContadds i {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 16px;
    color: #ffa60a;
}

.singleContadds em {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 16px;
    color: #ffa60a;
}

.singleContadds p {
    margin: 0;
    line-height: 24px;
}

.singleContadds a {
    display: block;
    line-height: 24px;
    margin-bottom: 0;
}

.singleContadds a:hover {
    color: #ffa60a;
}

.singleContadds.phone {
    
}

.singleContadds.phone p {
    color: #272727;
}

.singleContadds.phone p span {
    color: #858585;
}

.contactSocial {
    padding-left: 33px;
}

.contactSocial a {
    display: inline-block;
    color: #1b2c3e;
    font-size: 12px;
    margin-right: 12px;
}

/*=======================================================================
// Error Page
=========================================================================*/
.errorPage {
    padding: 148px 0 133px;
}

.errorIn h1 {
    font-size: 350px;
    color: #2c3e50;
    font-weight: 900;
    margin-bottom: 90px;
}

.errorIn h2 {
    font-size: 24px;
    color: #000;
    margin-bottom: 25px;
}

.errorIn p {
    font-size: 14px;
    color: #898989;
    line-height: 26px;
}
/*=======================================================================
// Project Single
=========================================================================*/
.projectSingleSec {
    padding-top: 90px;
    padding-bottom: 50px;
}

.proDetaTitle {
    font-size: 20px;
    margin-bottom: 26px;
}

.projectDetais p {
    font-size: 14px;
    line-height: 30px;
    color: #acacac;
    margin-bottom: 33px;
}

.projectSininTitle {
    font-size: 20px;
    color: #000;
    margin-bottom: 17px;
}

.projectSingleInfo {
    margin-bottom: 60px;
}

.projectSingleInfo ul {
    
}

.projectSingleInfo ul li {
    line-height: .8;
    border-bottom: 1px solid #eeeeee;
    display: block;
    padding: 19px 0;
}

.projectSingleInfo ul li span {
    color: #393939;
}

.projectSininTitle.two {
    margin-bottom: 25px;
}

.projectSingleText p {
    color: #acacac;
}

/*=======================================================================
// Color Preset
=========================================================================*/
.colorPresetArea {
    position: fixed;
    top: 5px;
    left: -290px;
    width: 290px;
    background: #282828;
    z-index: 9999;
    padding-bottom: 20px;
    height: 505px;
    margin: auto;
    top: 0;
    bottom: 0;
}

.switchTittle {
    background: #ffa60a;
    padding: 0 0 0 50px;
    width: 340px;
    position: relative;
}

.colorPresetArea p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.switchTittle p {
    margin-top: 9px;
    font-size: 18px;
}

a.gearBtn {
    color: #fff;
    font-size: 24px;
    height: 50px;
    text-align: center;
    width: 50px;
    padding-top: 12px;
}

a.gearBtn:hover, a.gearBtn.active {
    color: #4c4c4c;
}

.singleSwitch {
    padding-left: 50px;
}

.singleSwitch.light {
    background: #323232;
}

.singleSwitch {
    padding-top: 22px;
}

.switch {
    padding-bottom: 20px;
    padding-top: 0;
}

.switch a {
    float: left;
}

a.color1 {
    width: 40px;
    height: 40px;
    background: #ffa60a;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
}

a.color2 {
    width: 40px;
    height: 40px;
    background: #E4344E;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
}

a.color3 {
    width: 40px;
    height: 40px;
    background: #c04baa;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-right: 10px;
}

a.color4 {
    width: 40px;
    height: 40px;
    background: #48929b;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
}

a.color5 {
    width: 40px;
    height: 40px;
    background: #7a942e;
    border-radius: 50%;
    margin-right: 10px;
}

a.color6 {
    width: 40px;
    height: 40px;
    background: #049372;
    border-radius: 50%;
    margin-right: 10px;
}

a.color7 {
    width: 40px;
    height: 40px;
    background: #e07094;
    border-radius: 50%;
    margin-right: 10px;
}

a.color8 {
    width: 40px;
    height: 40px;
    background: #16a4d6;
    border-radius: 50%;
    margin-right: 10px;
}

a[class*="pat"]:hover, a[class*="color"]:hover {
    opacity: .5;
}

a.lightColor {
    background: #fff none repeat scroll 0 0;
    color: #4c4c4c;
    font-weight: 300;
    height: 50px;
    text-align: center;
    width: 90px;
    padding-top: 9px;
    margin-right: 10px;
}

a.darkColor {
    background: #4c4c4c;
    color: #fff;
    font-weight: 300;
    height: 50px;
    text-align: center;
    width: 90px;
    padding-top: 9px;
    border: 1px solid #fff;
}

a.lightColor:hover, a.lightColor:focus, a.darkColor:hover, a.darkColor:focus {
    color: #f55e80;
}

a.wide {
    color: #b2b2b2;
    position: relative;
    margin-right: 10px;
    font-weight: 300;
}

a.wide span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin-right: 5px;
    border: 6px solid #fff;
}

.switch a.active span {
    border: 3px solid #fff;
    background: #f55e80;
}

a.boxed {
    color: #b2b2b2;
    position: relative;
    font-weight: 300;
}

a.boxed span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

.preloader {
    background: #fff none repeat scroll 0 0;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
}

.preloader img {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.showit {
    background: #ffa60a;
    bottom: 100px;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 0.8;
    padding: 10px 12px;
    position: fixed;
    right: 20px;
    text-align: center;
    width: 40px;
    z-index: 99;
}

.showit i {
    color: #fff;
}

.showit:hover {
    background: #1dabc1;
}

.none {
    display: none;
}

/*
FAQ Page
--------*/
.faq_main_content h6 {
    margin-bottom: 0rem;
    border: 1px solid;
    border-color: #eee;
    position: relative;
}

.faq_main_content h6+div {
    height: 0px;
    padding: 0px;
    overflow: hidden;
    display: block !important;
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 10px;
    border: 0px solid #cdcdcd;
}

.faq_main_content h6+div.open {
    height: 133px;
    border: 1px solid;
    border-top: 0;
    border-color: #eee;
}

.faq_main_content h6 a {
    display: block;
    color: #2c3e50;
    font-size: 1.4rem;
    text-decoration: none;
    font-weight: normal;
    overflow: hidden;
}

.faq_main_content h6 span {
    font-weight: 800;
}

.faq_main_content h6 a i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: #1dabc1;
    text-align: center;
    color: #fff;
    margin-right: 15px;
    font-size: 1.6rem;
}

.faq_main_content h6.open a {
    color: #444;
}

.faq_main_content h6.open a i {
    color: #fff;
    background-color: #ffa60a;
}

.faq_main_content h6.open a i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.faq_main_content .content {
    padding: 1.8rem;
    color: #4a4a4a;
}
/*
pagination
--------*/
/* Pagination */
.pagination {
    border-radius: 0;
    margin: 20px 0 30px;
}

.pagination>li>a, .pagination>li>span {
    background-color: #fff;
    margin-left: 4px;
    padding: 8px 14px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-weight: 700;
}

.ranking a {
    display: block;
    line-height: 26px;
    white-space: nowrap;
    border-bottom: 1px dashed #f0f0f0;
    padding: 7px 0 7px 20px;
    background: url(../images/icons/dot.png) no-repeat left 17px;
    transition: background .3s, color .3s;
}

.ranking a:hover {
    background: url(../images/icons/dot_yellow.png) no-repeat left 17px;
}

.loader-item {
    position: absolute;
    width: 44px;
    height: 44px;
    margin: -22px 0 0 -22px;
    top: 50%;
    left: 50%;
    text-align: center;
    background: white;
    border-left: 4px solid;
    border-right: 4px solid;
    border-top: 4px solid;
    border-bottom: 3px solid transparent !important;
    border-radius: 22px;
}

#pageloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: white;
    z-index: 9999;
}

#owl-my-One .item {
    padding: 3px;
}

.recent p {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.recent {
    margin-bottom: 50px;
}

.recent h3 {
    text-align: center;
    text-transform: uppercase;
    margin-top: 50px;
    font-weight: 400;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
/*----image hove----*/
.view {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff;
}

.view .mask, .view .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.view img {
    display: block;
    position: relative;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 16px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 5px 0 0 0;
}

.view p {
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
    margin-bottom: 10px;
}

.view a.info {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.6);
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
}

.view a.info:hover {
    background-color: #48cfad
}

.mask a i {
    color: #fff !important;
    font-size: 16px;
}

.view-tenth img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.view-tenth .mask {
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
    opacity: 0;
}

.view-tenth h2 {
    background: transparent;
    margin: 0px 10px;
    -webkit-transform: scale();
    -moz-transform: scale();
    -o-transform: scale();
    -ms-transform: scale();
    transform: scale();
    color: #333;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
    opacity: 0;
}

.view-tenth p {
    color: #333;
    line-height: normal;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
    opacity: 0;
    -webkit-transform: scale();
    -moz-transform: scale();
    -o-transform: scale();
    -ms-transform: scale();
    transform: scale();
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.view-tenth a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
    opacity: 0;
    -webkit-transform: scale();
    -moz-transform: scale();
    -o-transform: scale();
    -ms-transform: scale();
    transform: scale();
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.view-tenth:hover img {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    -ms-transform: scale(5);
    transform: scale(5);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = .5);
    opacity: .5;
}

.view-tenth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
    opacity: 1;
}

.view-tenth:hover h2, .view-tenth:hover p, .view-tenth:hover a.info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
    opacity: 0.2;
}

.panel {
    z-index: 100;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12);
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

.panel-heading {
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    background-color: #48cfad;
    border: none;
}

.panel-info>.panel-heading {
    color: #eee;
    background-color: #48cfad;
}

.panel-info>.panel-heading a:hover {
    color: #eee
}

.panel-body {
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border: 1px solid #eee;
}

.thumbnail {
    position: relative;
    padding: 0px;
    margin-bottom: 30px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
}

.thumbnail img {
    width: 100%
}

#call-to-action {
    background: #1dabc1;
    background-size: cover;
    background-attachment: fixed;
    padding: 50px 0;
    text-align: center;
    position: relative;
    color: #fff;
}

#call-to-action h2, #call-to-action h3 a {
    letter-spacing: 3px;
    color: #fff;
}

/* ==========================================================================
=Tabs
========================================================================== */

/* =Horizontal tabs
========================================================================== */

/*
*  1. Wraps around a horizontal tab group
*/
.tabs-container {
    margin-bottom: 40px;
} /* 1 */
.tabs-container .tabs-menu {
    border-bottom: 1px solid #e6e6e6;
    margin-top: 10px;
    margin-bottom: 0;
    list-style: none;
}

.tabs-container .tabs-menu li {
    display: inline;
}

.tabs-container .tabs-menu li a {
    float: left;
    display: block;
    padding: 10px 20px;
    border: 1px solid #e6e6e6;
    border-left: none;
    margin-bottom: -1px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.tabs-container .tabs-menu li a:hover {
    text-decoration: none;
}

.tabs-container .tabs-menu li:first-child a {
    border-left: 1px solid #e6e6e6;
}

.tabs-container .tabs-menu li a:hover, .tabs-container .tabs-menu li.active a {
    border-bottom-color: #fff;
    background-color: #f9b125;
    color: #fff;
}

.tabs-container .tabs {
    border: 1px solid #e6e6e6;
    border-top: none;
    margin-bottom: 30px;
}

.tabs-container .tab-content {
    padding: 25px;
}

.tabs-container .tab-content>*:last-child {
    margin-bottom: 0;
}

#tab-description p img {
    height: auto;
    width /***/: auto;
}

/*
 * 1. Clearfix hack 
 */
.tabs-container .tabs-menu:after { /* 1 */
    visibility: hidden;
    display: block;
    height: 0;
    font-size: 0;
    content: " ";
    clear: both;
}
/* =Vertical tabs
========================================================================== */
/*
.vertical-tabs-container {
    position: relative;
    margin-bottom: 40px;
}

.vertical-tabs-container .tabs-menu {
    float: left;
    width: 180px;
    margin-bottom: 0;
    list-style: none;
}

.vertical-tabs-container .tabs-menu li a {
    display: block;
    padding: 15px 25px;
    color: #222;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.vertical-tabs-container .tabs-menu li a:hover, .vertical-tabs-container .tabs-menu li.active a {
    background-color: #1dabc1;
    color: #fff;
}

.vertical-tabs-container .tabs {
    margin-left: 180px;
}

.vertical-tabs-container .tab-content {
    padding: 5px 15px 58px 50px;
}

.vertical-tabs-container .tab-content *:last-child {
    margin-bottom: 0;
}

@media ( max-width : 767px) {
    .tabs-container .tabs-menu {
        border-bottom: none;
    }
    .tabs-container .tabs-menu li {
        display: block;
    }
    .tabs-container .tabs-menu li a {
        float: none;
        display: block;
        padding: 20px 25px;
        border: 0px solid #e6e6e6;
        border-top: none;
        margin: 0;
    }
    .tabs-container .tabs-menu li a:hover {
        text-decoration: none;
    }
    .tabs-container .tabs-menu li:first-child a {
        border-top: 0px solid #e6e6e6;
    }
    .tabs-container .tabs-menu li.active a {
        padding: 20px 25px;
        border-bottom-color: #bbb;
        margin: 0;
        background-color: #fff;
        color: #222;
    }
    .vertical-tabs-container .tabs-menu {
        float: none;
        width: 100%;
        border: 1px solid #e6e6e6;
        border-bottom: none;
    }
    .vertical-tabs-container .tabs-menu li a {
        border-bottom: 1px solid #e6e6e6;
    }
    .vertical-tabs-container .tabs-menu li:last-child a {
        border-bottom: none;
    }
    .vertical-tabs-container .tabs {
        border: 1px solid #e6e6e6;
        margin-left: 0;
    }
    .vertical-tabs-container .tab-content {
        padding: 25px;
    }
    .vertical-tabs-container .tabs-menu li a {
        padding: 20px 25px;
        border-right: none;
        margin-right: 0;
    }
    .vertical-tabs-container .tabs-menu li.active a {
        border-bottom-color: #bbb;
    }
}
*/
.post {
    position: relative;
    margin-bottom: 100px;
    text-align: center;
}

.post-title {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4;
    margin-bottom: 10px;
}

.post-content {
    margin-top: 10px;
    margin-bottom: 10px;
}

.post-content .desc {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.2px;
    text-align: left;
}

.works {
    padding: 80px 0;
    background: #FCFCFC;
}

.page-heading {
    margin: 30px 0 25px 0;
    padding: 0 0 6px 0;
    background-color: transparent;
    border-bottom: 5px solid #1dabc1;
    font-size: 18px;
    line-height: 28px;
}

.page-heading .page-heading-title {
    padding: 8px 16px 8px 0;
    border-bottom: 5px solid #ffa60a;
}

.product_table {
    width: 100%;
    max-width: 100%;
    border: 1px solid #ddd;
}

.product_table th {
    color: #333;
    background: #eee;
    border-color: #ddd;
    width: 140px;
}

.product_table, th, td {
    text-align: left;
    line-height: 26px;
    padding: 10px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.product_table td {
    color: #303030;
}

.product-details-page {
    width: 25%;
}

.product-details-page {
    padding: 10px 5px;
}

/* product nav-tabs*/
.nav-tabs {
    margin-top: 30px;
    /* border-right: 1px solid #dedfde;
    border-top: 1px solid #dedfde;
    border-bottom: 1px solid #1dabc1;
    border-left: 1px solid #dedfde;
    background-color: #eaeaea;*/
}

.nav-tabs li {
    margin-bottom: 0;
}

.nav-tabs li a {
    background: transparent;
    border-radius: 0;
    padding: 9px 30px;
    font-size: 14px;
}

.nav-tabs {
    border-bottom: 1px solid #1dabc1;
    /*  background: #eaeaea;*/
}

.nav-tabs li a {
    background: transparent;
    border-radius: 0;
    border: none;
    color: #333;
}

.nav-tabs li a:hover {
    background: #fff;
    border-radius: 0;
    border: none;
    color: #1dabc1;
}

.nav-tabs li.active>a, .nav-tabs li.active>a:focus, .nav-tabs li.active>a:hover {
    background: #1dabc1;
    border: none;
    color: #fff;
}
/*
.nav-tabs li.active a:after {
    content: "";
    position: absolute;
    left: 45%;
    bottom: -14px;
    border: 7px solid transparent;
    border-top: 7px solid #ffa60a;
}
*/
.product-detail {
    padding-top: 10px;
}

.detail_tc {
    /* padding: 10px;
    border: 1px solid #eaeaea;*/
    padding-top: 10px;
    margin-bottom: 20px;
}

.preview.tab-content {
    overflow: hidden;
}

.product-side-block {
    margin: 25px 0 0;
    overflow: hidden;
}

.product-side-block:last-child {
    border-bottom: none;
}

.product-side-block .product-block-left {
    width: 75px;
    float: left;
}

.product-side-block .product-block-right {
    margin-top: 8px;
    margin-left: 85px;
}

.product-side-block .product-block-right a {
    vertical-align: middle;
    line-height: 16px;
    height: 32px;
    font-size: 14px;
    overflow: hidden;
}

.product-side-block .product-block-right .price {
    font-weight: bold;
    overflow: hidden;
}

.product-side-block .product-block-right .price-old {
    color: #999;
    font-weight: normal;
    text-decoration: line-through;
    margin-left: 5px;
}

.sidebar-widget {
    clear: both;
    border: 1px solid #ddd;
    margin: 30px 0;
}

.sidebar-widget .sidebar-widget-title {
    padding: 8px 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    color: #444;
    text-shadow: 0 1px 0 #fff;
    font-size: 14px;
    font-weight: bold;
}

.sidebar-widget-content {
    background: #fff;
}

.sidebar-widget-content .product-details {
    padding: 0 10px;
    margin-top: 0px;
    text-align: center;
}

.sidebar-widget-content .product-details a {
    font-size: 13px;
    color: #555;
    display: block;
    overflow: hidden;
    max-height: 20px;
}

.sidebar-widget-content .product-details .price {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    height: 26px;
    overflow: hidden;
}

.sidebar-widget-content .product-details .rating {
    padding: 5px 0;
}

.sidebar-widget-content .product-details .price-old {
    color: #999;
    font-weight: normal;
    text-decoration: line-through;
    margin-left: 2px;
}

#faq-p1 {
    padding: 10px 0;
}

.toggle .toggle-title {
    position: relative;
    display: block;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 6px;
}

.toggle .toggle-title h3 {
    font-size: 1.6rem;
    margin: 0px;
    line-height: 25px;
    cursor: pointer;
    font-weight: 400;
}

.toggle .toggle-inner {
    padding: 7px 25px 10px 25px;
    display: none;
    margin: -7px 0 6px;
}

.toggle .toggle-inner div {
    max-width: 100%;
}

.toggle .toggle-title .title-name {
    display: block;
    padding: 15px 2px 14px;
    color: #202020;
}

.toggle .toggle-title a i {
    font-size: 22px;
    margin-right: 5px;
}

.toggle .toggle-title i {
    position: absolute;
    content: "\f105";
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 20px;
    right: 0;
}

.toggle .toggle-title.active i {
    /* background: url("http://arielbeninca.com/Storage/plus_minus.png") 0px 0px no-repeat;*/
    
}


#call-to-action .cta-btn {
    font-family: "SF Pro Display",Roboto,Noto,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 8px 26px;
    border-radius: 3px;
    transition: 0.5s;
    margin: 10px;
    border: 3px solid #fff;
    color: #fff;
}

#call-to-action .cta-btn:hover {
    background: #ffffff;
    border: 3px solid #ffffff;
    color: #ffa60a;
}
@media ( max-width : 575px) {
    .toggle .toggle-title i {
        margin: 20px 0 20px 20px;
        right: 0;
    }
}

.case_1 {
    overflow: hidden;
    width: 100%;
}

.case_1 dl dt {
    clear: both;
    font-size: 1.6rem;
    color: #FFF;
    margin: 0 0 20px 0;
    padding: 8px 8px 8px 14px;
    background: #1dabc1;
    border-left: 6px solid #ffa60a;
}

.case_1 dl dd {
    margin: 0 0 30px 0;
    overflow: hidden;
}

.case_1 ul {
    white-space: nowrap;
}

.case_1 ul li {
    float: left;
    width: 33%;
    margin-bottom: 14px;
    list-style: outside;
    font-size: 1.5rem;
    list-style-position: inside;
}

.case_4 ul li {
    width: 50%;
}

.case_1 h3, .archive-page h3 {
    clear: both;
    font-size: 1.6rem;
    color: #FFF;
    margin: 0 0 20px 0;
    padding: 8px 8px 8px 14px;
    background: #1dabc1;
    border-left: 6px solid #ffa60a;
}

.ume p {
    font-size: 15px;
}

.ume li {
    float: left;
    line-height: 2;

}


.ume h3 {
    clear: both;
    font-size: 1.6rem;
    font-weight: normal;
    text-indent: 2px;
    color: #FFF;
    margin: 20px 0 20px 0;
    padding: 10px 8px 10px 14px;
    background: #1dabc1;
    border-left: 6px solid #ffa60a;
}

.ume h5 {
    clear: both;
    font-size: 1.6rem;
    font-weight: normal;
    text-indent: 2px;
    color: #333;
    margin: 20px 0 20px 0;
    padding: 3px 8px 3px 10px;
    border-left: 6px solid #1dabc1;;
}

.ume h4:before {
    content: '';
    background-color: #ffa60a;
    display: inline-block;
    position: relative;
    height: 6px;
    width: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-right: 10px;
    top: -2px;
}

.ume .equipment li {
    float: left;
    line-height: 180%;
    width: 30%;
    margin: 15px 14px 30px 14px;
}


.ume .image02 {
    float: right;
    margin: 0 10px 30px 30px;
}

.ume .point li {
    float: left;
    position: relative;
    text-align: center;
    line-height: 2;
    margin: 1rem 8px 1.5rem 8px;
    padding: 20px;
    border: 5px solid #008EAB;
    width: 31%;
}

.ume .point li:before {
    background-color: #ffa60a;
    display: inline-block;
    position: relative;
    height: 6px;
    width: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-right: 10px;
    top: -2px;
}

.ume .point li p {
    text-align: left;
}

.image_center {
    text-align: center;
}

.padding_bottom2 {
    padding-bottom: 2rem;
}

.testservice .report {
    font-size: 160%;
    font-weight: bold;
    color: #F48D31;
    border: 5px solid #F48D31;
    padding: 20px;
    width: 80%;
    margin: 30px auto 30px auto;
    text-align: center;
}

.testservice p {
    text-indent: 2rem;
}

.testservice .flow01 {
    text-align: center;
    background: url(/upload/goods/testservice/bk_step01.gif) no-repeat center;
    width: 100%;
    height: 60px;
    margin: 10px 0 10px 0;
}

.testservice .flow02 {
    text-align: center;
    background: url(/upload/goods/testservice/bk_step02.gif) no-repeat center;
    width: 100%;
    height: 60px;
    margin: 10px 0 10px 0;
}

.testservice .flow03 {
    text-align: center;
    background: url(/upload/goods/testservice/bk_step03.gif) no-repeat center;
    width: 100%;
    height: 130px;
    margin: 10px 0 10px 0;
}

.testservice .flow04 {
    text-align: center;
    background: url(/upload/goods/testservice/bk_step04.gif) no-repeat center;
    width: 100%;
    height: 60px;
    margin: 10px 0 10px 0;
}

.testservice .flow05 {
    text-align: center;
    background: url(/upload/goods/testservice/bk_step05.gif) no-repeat center;
    width: 100%;
    height: 116px;
}

.checker img {
    margin-bottom: 5px;
}



.supplier .tokucho li:before, .controller li:before, .superlow .point li:before, .floorscale .point li:before, .loadcell .point li:before {
    content: '';
    background-color: #ffa60a;
    display: inline-block;
    position: relative;
    height: 6px;
    width: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-right: 10px;
    top: -2px;
}

.supplier p {
    vertical-align: middle;
}

.supplier .image, .superlow .image, .floorscale .image, .syujin .image, .tsu .image {
    float: right;
    margin: 0 10px 30px 20px;
}

.controller .image, .loadcell .image {
    float: left;
    margin: 0 10px 30px 20px;
}

.funjin .image2, .syujin .image2, .syujin .image2 {
    text-align: center;
    width: 80%;
    margin: 30px auto 40px auto;
    overflow: hidden;
}

.funjin .image2 .left, .syujin .image2 .left {
    float: left;
}

.tsu-s4 .point li {
    border: 5px solid #00B6EE;
}

.tsu-f2 .point li {
    border: 5px solid #0BA199;
}

.tsu-f2 .point2 img {
    float: right;
    margin: 0 10px 30px 30px;
}

.single .tsu-sq1 .point {
    margin: 40px 0 30px 0;
    overflow: hidden;
}

.funjin .point li strong {
    display: block;
    font-size: 120%;
    color: #599D17;
}

/*
 * 手称集尘罩
 */
.syujin .point li strong {
    display: block;
    font-size: 120%;
    color: #EB521A;
}

.syujin .image {
    float: right;
    margin: 0 12px 40px 30px;
}

.tsu ul {
    margin: 30px 20px 20px 20px;
    overflow: hidden;
}

.tsu li {
    font-size: 90%;
    line-height: 160%;
    padding: 20px;
    border: 3px solid #008EAB;
}

.tsu li.arrow {
    text-align: center;
    width: 0;
    height: 0;
    border: 40px solid transparent;
    border-top: 40px solid #008EAB;
    padding: 0;
    margin: 40px auto 0 auto;
}

.tsu dl {
    margin: 20px 14px;
}

.tsu dt {
    font-size: 120%;
    color: #008EAB;
    border-bottom: 1px solid #008EAB;
}

.tsu dd {
    font-size: 90%;
    margin: 5px 0 20px 0;
}

.tsu .voice {
    border: 1px solid #333;
    padding: 10px;
    width: 95%;
    margin: 40px auto 60px auto;
}

.tsu-ls1 .point li {
    border: 5px solid #012D46;
}




.carousel-inner>.item>img.sp_block {display: none;}
@media only screen and (max-width: 800px) {
    .carousel-inner>.item>img.sp_none {display: none;}
    .carousel-inner>.item>img.sp_block {display: block;}
}





.inquiry_dj{display: block;position:fixed; top:65%; right:0; margin-top:-240px; z-index:20;}
.inquiry_dj .inquiry_b{display: none;position: relative;height: 290px;}
.inquiry_dj .inquiry_b dl {border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.inquiry_dj .inquiry_b dt {float: left;height: 290px;}
.inquiry_dj .inquiry_b dt img {border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.inquiry_dj .inquiry_b dd {float: left;height: 290px;padding:0 15px;background: #f3fbfd;font-size: 16px;line-height: 1;}
.inquiry_dj .inquiry_x{cursor:pointer;position: absolute;left: 0;bottom: 0;margin: 0;}
.inquiry_dj .inquiry_x img {border-bottom-left-radius: 10px;width: 57px;height: auto;}
.inquiry_dj .inquiry_l{margin-top:-3px; position:relative;}
.inquiry_dj .inquiry_l img {width: 100px;height: auto;}
.inquiry_dj .inquiry_l a.f3{width:96px; height:62px; position:absolute; top:21px; left:2px;}
.inquiry_dj .inquiry_l a.ff3 {width:120px; height:97px; position:absolute; top:83px; left:2px;}
.inquiry_dj .inquiry_a img {width: 57px;height: auto;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.inquiry_dj .inquiry_a img:hover {cursor: pointer;}
.sidebar_contact{width:57px; height:290px; position:fixed; top:150px; right:0; overflow:hidden; z-index:9999;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.sidebar_contact dl{width:225px; height:140px;}
.sidebar_contact dd{width:57px; height:290px; float:left;box-sizing:border-box;}
.sidebar_contact dt{font-weight: bold;width:146px; height:290px; float:left; padding:0 12px 0 14px; background:#F5F5F5; box-sizing:border-box;}
.sidebar_contact_p1 {margin: 0;}
.sidebar_contact_p1 a{height:80px;text-align:center; display:block; border-bottom:#C4C4C4 1px solid;padding-top: 14px;box-sizing: border-box;}
.sidebar_contact_p1 a:hover{text-decoration:none; opacity:0.8;}
.sidebar_contact_p1 span {display: block;margin-top: 10px;}
.sidebar_contact_p2{margin: 0;height:80px;text-align:center; display:block;border-bottom:#C4C4C4 1px solid;padding-top: 15px;box-sizing: border-box;}
.sidebar_contact_p2 a:hover{text-decoration:none; opacity:0.8;}
.sidebar_contact_p2 span {display: block;margin-top: 10px;}
.sidebar_contact_p3{margin: 0;text-align:center; display:block;padding-top: 16px;box-sizing: border-box;}
.sidebar_contact_p3 a:hover{text-decoration:none; opacity:0.8;}
.sidebar_contact_p3 span {display: block;margin-top: 10px;}
.wx_icon {float: right;margin: -9.5px 15px 0 0;position: relative;cursor: pointer;}
.wx_icon .wx {background: #0ab83f;
    border-radius: 3px;
    color: #ffffff;
    float: right;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 30px;
    cursor: pointer;}
.wx_icon .wx .fa-weixin {color: #fff;}
.wx_code {display: none;position: absolute;top: 52px;left: -75px;z-index: 10000;}
.sp_close {display: none;}
@media only screen and (max-width: 800px) {
    .wx_code {
    width: 100%;
    position: fixed;
    top: 15rem;
    text-align: center;
    background: #fff;
    padding: 1.19rem 0;left:0;}
.sp_close {display: block;position: absolute;right: 0;top: 0;font-style: normal;padding: 0 0.6rem;background: #000;color: #fff;font-weight: bold;}
.searcn-btn {margin-right: 1.35rem;}
.wx_icon {margin: -9.5px 0.9rem 0 0;}

}