map-sectionbody {font-family: Microsoft YaHei; color:#222222; font-size: 14px;} h1,h2,h3,h4,h5,h6,p,ul { margin:0; padding: 0;} ul {list-style-type: none;} a {text-decoration: none; display: inline-block; outline: none; color:#222222; -webkit-transition: .5s ease; transition: .5s ease;} a:hover,a:focus,a:visited {text-decoration: none; outline: none; -webkit-transition: .5s ease; transition: .5s ease;} img {max-width: 100%; display: inline-block;} button {border:none; outline:none; box-shadow: none; display: block; padding: 0; background: transparent;} button:focus{outline: none;} input,textarea {font-family: 'Poppins', sans-serif; display: block; font-size: 14px; line-height: 28px; outline: none; box-shadow: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} textarea{ resize:none;} input:focus,textarea:focus {border-color: #0080FF !important;} table,td,th,input ,select{font-size: 12px} label {display: inline-block; max-width: 100%; margin-bottom: 0; font-weight: 500; margin-top: 3px; font-size: 12px;} #map{min-height: 400px; width: 100%;} .BMap_pop{ border-radius: 3px;} .BMap_pop * { box-sizing: initial;} .text{font-size: 14px; color: #333333; line-height: 24px; font-weight: 400;} .boxed_wrapper {position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden;} .clear_fix { clear:both;} .clear_fix:after {display: table; content: ''; clear: both;} .fl {float: left;} .fr {float: right;} .center {text-align: center;} /*padding*/ .padd-1{padding:34px 0px 15px;} .padd-2{padding:34px 0px 30px;} .padd-3{padding:0px 0px 50px;} .padd-4{padding:80px 0px 0px;} .padd-5{padding:0px 0px 80px;} .padd-6{padding:80px 0px 20px;} .sidebar-padd{padding: 20px; background:#f5f5f5;} /*margin*/ .mar-1{margin-bottom: 40px;} .mar-2{margin-bottom: 0px;} /*background color*/ .bg-1{background:#f7f7f7;} .bg-2{background:#ffffff;} .bg-3{background:#eee;} /*filters-style-two*/ .filters-style-two{text-align: center; margin-bottom: 50px;} .filters-style-two li{display: inline-block; margin-bottom: 5px; background: #0080FF; color: #fff; font-size: 14px; cursor: pointer; border-radius: 0;} .filters-style-two li a{color: #fff;padding: 10px 30px;} .filters-style-two li:hover{color: #fff; background: #222222;} .filters-style-two .filter-tabs li.active {color: #fff; background: #333333;} /*btn style*/ .link-btn1{margin-top: 30px;} .link-btn2{margin-top: 20px;} .link-btn3{margin-top: 0px;} .link-btn4{margin-top: 25px;} .link-btn5{margin-top: 10px;} /*Btn Style One*/ .btn-style-one {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; padding: 11px 30px; border-radius: 0; line-height: 24px; color: #ffffff; text-align: center; font-size: 14px; font-weight: 700; background: #0080FF; letter-spacing: 1px; text-transform: uppercase;cursor: pointer;} .btn-style-one:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #333333; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .btn-style-one:hover:before,.btn-style-one:focus:before,.btn-style-one:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);} .btn-style-one:hover{ color:#ffffff;} /*Btn Style two*/ .btn-style-two {position: relative; padding: 4px 40px; line-height: 24px; color: #ffffff; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; cursor: pointer; background: #0080FF; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #0080FF; font-family: 'Poppins', sans-serif;} .btn-style-two:hover {color: #ffffff; background: #101010; border-color: #101010;} /*Btn Style three*/ .btn-style-three {color: #fff; border-color: #fff; font-weight: 600;} .btn-style-three:hover {color: #fff;} .btn-style-three.dark {color: #222; border-color: #fff; font-weight: 600;} .btn-style-three.dark:hover {color: #0080FF;} /*Btn Style four*/ .btn-style-four {position: relative; padding: 15px 45px; border-radius: 0; line-height: 24px; color: #ffffff; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: #0080FF; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #0080FF; font-family: 'Poppins', sans-serif;} .btn-style-four:hover {color: #ffffff; background: #101010; border-color: #101010;} /*Btn Style five*/ .btn-style-five {position: relative; padding: 12px 42px; border-radius: 0; line-height: 24px; color: #fff; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: #0080FF; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #0080FF; font-family: 'Poppins', sans-serif;} .btn-style-five:hover {color: #ffffff; background: none; border-color: #0080FF;} /*Btn Style six*/ .btn-style-six {position: relative; padding: 12px 35px; border-radius: 0; line-height: 24px; color: #ffffff; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: none; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #0080FF; font-family: 'Poppins', sans-serif;} .btn-style-six:hover {color: #ffffff; background: #0080FF; border-color: #0080FF;} .btn-style-seven{position: relative; padding: 11px 30px; border-radius: 0; line-height: 24px; color: #ffffff; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: #0080FF; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #fff; font-family: 'Poppins', sans-serif;} .btn-style-seven:hover {color: #ffffff; background: #101010; border-color: #101010;} .btn-style-seven:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #333333; border-radius: 25px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .btn-style-seven:hover:before,.btn-style-seven:focus:before,.btn-style-seven:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);} /*Btn Style Eight*/ .btn-style-eight {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; padding: 11px 30px; border-radius: 0; line-height: 24px; color: #0080FF; text-align: center; font-size: 14px; font-weight: 700; background: #ffffff; letter-spacing: 1px; text-transform: uppercase; font-family: 'Poppins', sans-serif;} .btn-style-eight:before {content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #333333; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .btn-style-eight:hover:before,.btn-style-eight:focus:before,.btn-style-eight:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);} .btn-style-eight:hover{color:#ffffff;} /*social-style*/ .social-style-one{margin-top: 2px;} .social-style-one li{display: inline-block; text-align: center;} .social-style-one li a {color: #fff; margin: 0px 10px;} .social-style-one li i{font-size: 14px; position: relative;} /*social-style*/ .social-style-two{margin-top: 2px;} .social-style-two li{display: inline-block; text-align: center;} .social-style-two li a{color: #fff; width: 40px; height: 40px; border: 1px solid #0080FF; line-height: 42px; background: #0080FF;} .social-style-two li i{font-size: 14px; position: relative;} /*section title style*/ .sec-title{margin-bottom: 50px;} .sec-title h2{position: relative;font-size: 36px;font-weight: 400;color: #222;} .sec-title h2:before{position: absolute; content: ""; left: 0px; bottom: -15px; width: 110px; height: 4px; background: url(../images/tb.png);} .sec-title h3{line-height: 30px;padding-top: 24px; font-size: 16px; color: #666;} .sec-title .jsh3{line-height: 30px;padding: 34px 2px 0; font-size: 16px; color: #666; text-align:left;} .sec-title span{color: #0080FF;text-transform: uppercase;} .sec-title.center h2:before{left:50%; margin-left: -55px; background: url(../images/tb2.png);} .sec-title.light h2{color: #fff;} /*sec-title.style-2*/ .sec-title.style-2{margin-bottom: 30px;} .sec-title.style-2 h2{position: relative; font-size: 36px; font-weight: 500; color: #222;} /*scroll-top*/ .scroll-top {width: 45px; height: 45px; position: fixed; bottom: 30px; right: 30px; z-index: 99; display: none; color: #fff; text-align: center; background: #0080FF; cursor: pointer;} .scroll-top span:before {font-size: 20px;} .scroll-top:after {position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);} /*preloader*/ .preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/preloader.gif);} /* owl controll */ .owl-dots-none .owl-dots {display: none;} /* owl nav */ .owl-nav-none .owl-nav {display: none;} .owl-nav-style-one .owl-nav {margin-top: 40px; padding: 0px; text-align: center;} .who-item-carousel .owl-nav{margin-top: 0;} .who-item-carousel .owl-dots{margin-top: 15px; text-align: center;} .who-item-carousel .owl-dot {opacity: 0.4; width: 10px; height: 10px; background: #0080FF; display: inline-block; margin: 0 2px;} .who-item-carousel .owl-dot.active{opacity: 0.8;} .who-item-carousel .who_test,.who_test{text-align: center;} .who-item-carousel .who_test::before,.who_test::before{content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-left: -5px;} .who-item-carousel .who_test img,.who_test img{vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; margin: 0 auto;display: inline-block;} .owl-nav-style-one .owl-nav .owl-next,.owl-nav-style-one .owl-nav .owl-prev {position: relative; width: 50px; height: 40px; margin: 0 8px; display: inline-block; line-height: 36px; border: 1px solid #dcdcdc; text-align: center; font-size: 24px; color: #949494; border-radius: 00; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .owl-nav-style-one .carousel-outer:hover .owl-nav .owl-next,.owl-nav-style-one .carousel-outer:hover .owl-nav .owl-prev {opacity: 1; visibility: visible;} .owl-nav-style-one .owl-nav .owl-prev {left: 0px;} .owl-nav-style-one .owl-nav .owl-next {right: 0px;} .owl-nav-style-one .owl-nav .owl-next:hover,.owl-nav-style-one .owl-nav .owl-prev:hover {color: #ffffff; border-color: #0080FF; background: #0080FF;} /* nav style tow */ .owl-nav-style-two .owl-nav {padding: 0px; text-align: center; bottom: 100%; top: inherit; position: absolute; left: inherit; right: 0;} .owl-nav-style-two .owl-nav .owl-next,.owl-nav-style-two .owl-nav .owl-prev {position: relative; width: 50px; height: 50px; margin: 0 8px 30px; display: inline-block; line-height: 46px; border: 1px solid #f0f0f0; text-align: center; font-size: 24px; color: #949494; border-radius: 50%; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;} .owl-nav-style-two .carousel-outer:hover .owl-nav .owl-next,.owl-nav-style-two .carousel-outer:hover .owl-nav .owl-prev {opacity: 1; visibility: visible;} .owl-nav-style-two .owl-nav .owl-prev {left: 0px;} .owl-nav-style-two .owl-nav .owl-next {right: 0px;} .owl-nav-style-two .owl-nav .owl-next:hover,.owl-nav-style-two .owl-nav .owl-prev:hover {color: #26bdef; border-color: #26bdef;} /* ======================================= 2. header-style ======================================= */ .top-bar {position: relative; border-bottom: 1px solid #ddd;} .top-bar a:link,.top-bar a:visited {color: #888} .top-bar a:hover {color: #d4d4d4} .language{float: right; color: #666; border-left: 1px solid #ddd; border-right: 1px solid #ddd; height: 36px; line-height: 36px; padding: 0 20px 0px 20px; } .top-bar-rt,.top-search{float: right} .top-search{ margin: 5px 20px 0 0;} .top-search #searchform {margin-left: 20px;width: 200px;position: relative} .top-search #searchform #ls {padding: 0 2% 0 6%;width: 100%;height: 26px;line-height: 24px;border: 1px solid #ccc;color: #666;background: 0;-khtml-border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px} .top-search #searchform input#ls:hover,.top-search #searchform input#ls:focus,.top-search #searchform input#ls:active {border: 1px solid #666!important} .top-search #searchform #searchsubmit {float: right;width: 32px;height: 24px;line-height: 24px;text-indent: -9999px;border: 0;background: url(../images/icon-menu.png) no-repeat center -162px;overflow: hidden;cursor: pointer;position: absolute;right: 0;top: 1px;-webkit-transition: background-color .4s ease;-moz-transition: background-color .4s ease;-o-transition: background-color .4s ease;-ms-transition: background-color .4s ease;transition: background-color .4s ease;-khtml-border-radius: 50px;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px} .top-search #searchform #searchsubmit:hover {background-color: #0080FF; background-position: center -252px}/*logo*/ .main-logo {margin: 21px 0 21px;} /* ============================================== Mainmenu Area Css =============================================== */ .mainmenu-area {background: #fff;} .mainmenu-area.stricky-fixed{-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);box-shadow: 0 0 10px rgba(0,0,0,0.2)} .main-menu {position: relative;} .navbar-brand{padding: 0;} .navbar-brand img{max-height: 100%;} .mainmenu-area.stricky-fixed .navbar-brand{height: 70px;} .navbar-collapse {padding: 0px} .navigation {position: relative;} .navigation li {display: block; float: left; position: relative;} .navigation li a {color: #444; display: block; font-size: 14px; line-height: 30px; padding: 40px 14px; margin: 0 12px; position: relative; text-transform: uppercase; font-family: 'Poppins', sans-serif; transition: all 500ms ease 0s;} .main-menu .navigation > li.current > a,.navigation li a:hover{color: #0080FF;} .mainmenu-area.stricky-fixed .navigation > li > a{padding-top: 20px; padding-bottom: 20px;} .navigation > li > ul {position: absolute; left: 10px; top: 80px; background: #333;padding: 10px 0; width: 180px; z-index: 999;border-top: 1px solid #0080FF;background-color: #fff;-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.2);box-shadow: 0 1px 6px rgba(0,0,0,0.2); display: none;} .mainmenu-area.stricky-fixed .navigation > li > ul {top: 70px;} .navigation > li > ul > li {position: relative; display: block;width: 100%;} .navigation > li > ul > li > a {color: #666; display: block; font-size: 14px; font-weight: 400; line-height: 20px; padding: 11px 20px; margin: 0; text-transform: capitalize; transition: all 500ms ease 0s;} .navigation > li > ul > li:hover > a {color: #0080FF;} .navigation > li > ul > li > a:hover{ background:#fbfbfb;} .quote-btn {padding-left: 30px;} .navbar-toggler{width: 44px;height: 44px;line-height: 18px;padding: 14px 12px 10px;position: absolute;top: 18px;right: 75px;border: 1px solid #aaa;background: #aaa;cursor: pointer;color: #fff;font-size: 16px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;text-indent: -9999em;font-size: 1px;display: block;font-family: Arial,Helvetica,sans-serif;text-decoration: none} .navbar-toggler.hover{background-color: #333;opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100)} .navbar-toggler-icon {display: block; width: 18px; height: 2px; margin-bottom: 5px; position: relative; z-index: 1; -webkit-transform-origin: 4px 0px; transform-origin: 4px 0px; background-color: #fff;} .navbar-toggler:focus{outline: none;} /*========= third-menu ===============*/ .navigation > li > ul > li.third-menu ul {position: absolute; left: 230px; top: 0px; background: #333; width: 200px; border-top: 2px solid #fff; padding: 12px 0px; z-index: 999; display: none;} .navigation > li > ul > li.third-menu {position: relative;} .navigation > li > ul > li.third-menu ul a {color: #ffffff; display: block; font-size: 14px; font-weight: 400; line-height: 20px; padding: 12px 20px; margin: 0; text-transform: capitalize; transition: all 500ms ease 0s;} .navigation > li > ul > li.third-menu ul a:hover {color: #fdc716;} .navigation > li > ul > li.third-menu:after {position: absolute; content: "\f0de"; font-family: FontAwesome; color: #fff; font-size: 20px; line-height: 40px; right: 14px; transform: rotate(90deg); top: 3px;} #search-box {width: 100%;border-top: 2px solid #0080FF;background: #fbfbfb;display: none} #search-box.show{display: none!important;} #search-box .inner {position: relative;overflow: visible} #search-box i {width: 20px;height: 10px;line-height: 10px;font-size: 10px;background: url(../images/icon-menu.png) no-repeat center 0;display: inline-block;position: absolute;top: -10px;right: 10px;z-index: 99} #search-box #searchform {padding: 10px 0;width: 80%;position: relative} #search-box #searchform #ls {padding: 2px 2%;width: 100%;border: 1px solid #ddd;color: #666} #search-box #searchform #ls:hover,#search-box #searchform #ls:focus,#search-box #searchform #ls:active {border: 1px solid #0080FF} #search-box #searchform #searchsubmit {float: right;padding:3px 0;width: 68px;text-indent: -9999px;border: 0;background: #0080FF url(../images/icon-menu.png) no-repeat center -246px;overflow: hidden;cursor: pointer;position: absolute;right: -2px;top: 10px;-webkit-transition: background-color .4s ease;-moz-transition: background-color .4s ease;-o-transition: background-color .4s ease;-ms-transition: background-color .4s ease;transition: background-color .4s ease} #search-box #searchform #searchsubmit:hover {background-color: #0080FF} /*========= mobile-menu ==============*/ .mobile-menu .dropdown-btn {position: absolute; right: 0; top: 0; width: 50px; height: 42px; border-left: 1px solid #e6e6e6; cursor: pointer; display: block; z-index: 5;} .mobile-menu .dropdown-btn:after {position: absolute; content: "\f107"; font-family: FontAwesome; color: #666; font-weight: 700; font-size: 20px; line-height: 40px; text-align: center; width: 100%;} .mobile-menu{background:rgba(255,255,255,.95);border-top: 2px solid #0080FF; border-bottom: 1px solid #e6e6e6;} .mobile-menu > li > ul{width:100%!important;} .mobile-menu > li > ul,.mobile-menu > li > ul > li > ul{display: none;} .mobile-menu > li > a,.mobile-menu > li > ul > li > a,.mobile-menu > li > ul > li > ul > li > a{padding:10px 20px; line-height:22px; color:#222; display: block; text-transform: uppercase; font-size: 14px; border-top: 1px solid #e6e6e6;} /*=================== Cart And Search Option ===============*/ .main-menu .right-column {position: absolute; right: 0; width: 300px;} /* Mainmenu fixed style */ @keyframes menu_sticky { 0% {margin-top:-100px;} 50% {margin-top: -90px;} 100% {margin-top: 0;}} .mainmenu-area.stricky-fixed {margin: 0; position: fixed; background: #fff; top:0; left:0; width: 100%; height:70px; z-index: 99999; animation-name: menu_sticky; animation-duration: 0.60s; animation-timing-function: ease-out;} .mainmenu-area .right-column .link_btn {margin-top: 27px;} .mainmenu-area .right-column .thm-btn{padding: 0px 26px;} /*-------------------------------------- main slider ---------------------------------------*/ .main-slider,.slide-item {position: relative;} .main-slider .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0; position: absolute; bottom: 40px; right: 30px; z-index: 999;} .main-slider .theme-slider.owl-theme .owl-nav + .owl-dots {margin-top: 0; position: absolute; bottom: 50%; transform: translateY(40%); right: 30px; z-index: 999;} .main-slider .theme-slider.owl-theme .owl-dots .owl-dot {display: block; margin: 10px 0; background-color: transparent; border: 0; height: 32px; width: 4px;/* box-shadow: 0 0 20px #ccc; */} .main-slider .theme-slider.owl-theme .owl-dots .owl-dot span {background-color: #fff; z-index: 9; opacity: 1; display: inline-block; height: 32px; border-radius: 5px; width: 4px;} .main-slider .theme-slider.owl-theme .owl-dots .owl-dot.active span {background-color: #1f6ec8;} .main-slider .owl-theme .owl-dots .owl-dot {border-color: #ffffff; width: 18px; height: 18px; border-width: 2px;} .main-slider .owl-theme .owl-dots .owl-dot span {width: 8px; height: 8px; margin: 0 auto;} .main-slider .owl-theme .owl-dots .owl-dot.active span,.main-slider .owl-theme .owl-dots .owl-dot:hover span {background-color: #fff;} .theme-slider .slide-item {position: relative; overflow: hidden;} .theme-slider .slide-overlay {background-color: transparent; z-index: 3;} .slide-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.65);} .theme-slider .slide-item img {width: 100%; height:auto;min-height: 117px; -o-object-fit: cover; object-fit: cover; object-position: top right;} .theme-slider .slide-item img.logox{width:auto; height:auto;display: inline;margin-left:20px;margin-top: -10px;} .slide-table {overflow: hidden; display: table; width: 100%; height: 100%;} .slide-table-cell {display: table-cell; vertical-align: middle;} .slide-content {text-align: center; overflow: hidden; color: #fff;} .theme-slider .slide-content {text-align: left;} .slide-content h2 {font-size: 50px; font-weight: 600; margin: 0 auto 20px; max-width: 100%; color: rgba(255,255,255,0.8);} .theme-slider .slide-content h2 {max-width: 650px; font-size: 50px; margin-left: 0; letter-spacing: 1px;} .active .slide-content h2 {-webkit-animation: 1s .3s fadeInUp both; animation: 1s .3s fadeInUp both; animation-delay: 0.6s;} .active .slide-content p {-webkit-animation: 1s .4s fadeInUp both; animation: 1s .4s fadeInUp both; animation-delay: 0.8s;} .slide-content p {max-width: 800px; font-size: 26px; margin: 0 auto 30px; color: rgba(255,255,255,0.8); line-height: 1.7;} .theme-slider .slide-content p {margin-left: 0; max-width: 650px;} .slide-content .btn {margin: 0 7px; min-width: 170px; font-size: 16px; color: #232323;} .slide-content .btn:hover{color: #fff;} .active .btn {-webkit-animation: 1s .5s fadeInUp both; animation: 1s .5s fadeInUp both; animation-delay: 1s;} /***================================== Main Footer ==================================***/ .footer {padding: 29px 0 20px;width: 100%; font-size: 12px; color: #ddd;background: #646464;/*-moz-box-shadow: inset 0 10px 10px rgba(0,0,0,.04);-webkit-box-shadow: inset 0 10px 10px rgba(0,0,0,.04);box-shadow: inset 0 10px 10px rgba(0,0,0,.04)*/} .footer .container{padding-left: 15px; padding-right: 15px;} .footer a:link,.footer a:visited {color: #ddd} .footer a:hover {color: #fff; text-decoration: underline} .footbar {overflow: hidden} .footbar h3 {margin-bottom: 14px;font-size: 14px;font-weight: bold;color: #fff;} .footbar h3 a {color: #fff} .footbar .widget-column {float: left;padding-right: 2%;width: 24%} .footbar .widget-column:last-child{width: 28%; padding-right: 0;} .footbar .widget-column ul {overflow: hidden} .footbar .widget-column ul li {line-height: 30px;overflow: hidden} .footbar .widget-column .leftn{line-height: 30px;} .copyright {color: #ddd; font-size: 12px; line-height: 24px; background: #646464;overflow: hidden;border-top: 1px solid #848484} .copyright .container {padding: 20px 0;} .copyright a{color: #ddd} .copyright a:hover {text-decoration:none} .copyright .cp { text-align: center; } /***================================== Inner Banner styles ==================================***/ .inner-banner {position: relative; background: #a0a19b; background-size: cover;} .inner-banner:before {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.66); z-index: 0;} .inner-banner h3 {margin: 0; display: table-cell; vertical-align: middle; font-size: 48px; line-height: 60px; color: #fff; font-weight: 600; text-transform: capitalize;} .inner-banner .box {position: relative; display: table; height: 270px; width: 100%; text-align: center;} .breadcumb-wrapper { background: #f5f5f5; padding: 17px 0; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;} .breadcrumb_bar { display: flex; justify-content: space-between;} .breadcumb-wrapper ul,.breadcumb-wrapper li { font-size: 16px; text-transform: capitalize; color: #0080FF;} .breadcrumb_menu li { display: inline-block;} .breadcrumb_menu .link-list li a:after { content: "\f105"; font-family: 'FontAwesome'; margin: 0 10px;} .breadcumb-wrapper .get-qoute { text-transform: capitalize; font-weight: 400; color: #0080FF; font-size: 16px; padding: 0px 14px;} .breadcumb-wrapper a.get-qoute i { margin-left: 7px; color: #222; margin-right: 7px; font-size: 14px;} /***================================== default-blog styles ==================================***/ .sidebar-page-container blockquote{padding: 20px 20px; margin-bottom: 0px; padding-left: 50px; padding-right: 30px; font-size: 17px; border: 1px solid #ededed; border-left: 2px solid #0080FF; font-style: italic; color: #aaa; background: rgba(247, 247, 247, 0.76); font-family: 'Poppins', sans-serif;} /*large blog*/ .picexlist {padding: 0;overflow: hidden} .picexlist li {margin: 0 auto 25px;padding: 0 0 30px;border-bottom: 1px solid #eee;color: #666; line-height: 24px;overflow: hidden; position: relative;} .picexlist li .date{ width: 81px; height: 81px; font-family: Arial; text-align: center; color: #fff; background-color: #53a7fa; position: absolute; left:0; top: 0;} .picexlist li .date span{ display: block;} .picexlist li .date .ri{ margin-top: 7px; height: 43px; line-height: 43px; font-size: 33px;} .picexlist li .date .nyue{ font-size: 14px; line-height: 20px;height: 20px;} .picexlist li .post-text{padding-left: 100px;} .picexlist li .excerpt{height: 44px; overflow: hidden} .picexlist li:hover .post-thumb img {border-color: #fdb795} .picexlist li h3 {margin-bottom: 10px;font-weight: 700; font-size: 16px;} .picexlist li h3 a{width: 100%; line-height: 24px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .picexlist li .excerpt {color: #777;height: 44px; overflow: hidden; font-size: 12px;} .picexlist li:last-child,.picexlist li.nb {margin: 0 auto;border: 0} .newtit{ font-size: 20px; cursor: #333; padding: 10px 0; text-align: center; line-height: 30px; } .post-meta {margin-bottom: 25px;border: 0; text-align: center;padding-bottom: 8px;color: #999; font-size: 12px;} .post-meta a{text-decoration: underline;color: #0080FF; font-size: 13px;} .post-meta a:hover{color: #64c69a;} .dnews{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #eee;font-size: 14px;line-height: 28px;color: #222} .post-prev-next {margin:20px auto;font-size: 13px; line-height: 24px;} .post-prev-next a{display: inline;} .post-prev-next a:hover{ text-decoration: underline;} /*side-bar-blog*/ .blog-section{padding: 0; min-height: 200px;} .blog-sidebar {position: relative;} .category-style-one {position: relative;} .category-style-one ul {margin-top: 20px;} .category-style-one ul li {margin: 0;} .category-style-one ul li a {font-weight: normal; color: #848484; position: relative; width: 100%; line-height: 40px; display: block;} .category-style-one ul li a:hover {color: #0080FF;} /*post-thumb*/ .popular-post {position: relative; padding-top: 15px;} .popular-post .item {position: relative; font-size: 14px; margin-bottom: 13px; min-height: 50px; padding: 0px 0px 18px 105px; color: #cccccc;} .popular-post .item:last-child{border-bottom: 0px;} .popular-post .item .post-thumb{position:absolute; left:0px; top: 5px; width: 90px; height: 90px;} .popular-post .item .post-thumb img{width:100%; display:block;} .popular-post .item .post-thumb a{position: relative;} .popular-post .item .post-thumb a:after {position: absolute; content: "\f0c1"; font-family: FontAwesome; font-size: 18px; left: 0px; top: 0px; text-align: center; line-height: 90px; width: 100%; height: 100%; background: rgba(31, 110, 200, 0.69); color: #ffffff; opacity: 0; transition: .4s ease; transform:scale(0);} .popular-post .item .post-thumb:hover a:after {opacity: 1; transition: .4s ease; transform:scale(1);} .popular-post .item a:hover{color: #0080FF;} .popular-post .item h4{position: relative; top: 8px; font-size: 14px; font-weight: 600; margin: 0px 0px 17px; line-height: 24px; color:#333;} .popular-post .item h4 a{color: #222;} .recent-posts.post-thumb .post .post-info{font-size: 14px; font-weight:400; margin:0px; line-height:1.6em; color: #9c9c9c;} .popular-post .item .post-info {color: #848484; font-size: 12px;} .jpyy{width:50%;float:left;padding-bottom:50px} .jpyy table{width:90%;} /*---------------- Author -------------*/ .single-blog-post .author {background-color:#ffffff; position:relative; margin-bottom: 2px;} .single-blog-post .author img {position:absolute;} .single-blog-post .author-comment {margin-left:340px; padding-left:30px;} .single-blog-post .author-comment .quote {font-size: 25px; color: #f1f1f1; margin-bottom: 15px;} .single-blog-post .author-comment h5 {font-weight: 600; margin: 16px 0 5px 0; text-transform: uppercase; font-size: 18px;} .single-blog-post .author-comment p.a-title {color: #0080FF; font-size: 14px;} /*share-box*/ .share-box {background: #ffffff; padding: 20px 15px 20px 15px; margin-bottom: 40px; border: 1px solid #ededed; display: flex;} .share-box .tag-box {width: 100%; line-height: 30px;} .social-box {display: flex; align-items: center; width: 50%; text-align: right; justify-content: flex-end;} .share-box .tag-box span {font-size: 14px; color: #3F3E3E;} .share-box .tag-box .lefttxt{width: 60px; position: absolute; left: 0;} .share-box .tag-box a {color: #0080FF; font-size: 14px; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .3s ease; line-height: 30px; text-transform: capitalize;} .share-box .tag-box a:hover {color: #0080FF; transition: .3s ease;} .share-box .social-box span {color: #252525; margin-right: 13px; font-size: 14px; font-weight: 600; text-transform: uppercase;} .share-box .social {display: flex; margin-bottom: 0; margin-left: -2.5px; align-items: center; justify-content: center;} .share-box .social > li {padding-right: 0; margin: 0; padding-left: 0;} .share-box .social a {width: 36px; height: 36px; color: #BCBCBC; text-align: center; margin: 0 3px; border: 1px solid #eee; display: block; line-height: 37px;} .share-box .social a:hover {color: #ffffff; background: #0080FF; border-color: #0080FF;} .share-box .tag-box li {margin: 0; text-transform: uppercase; display: block; position: relative; padding-left: 60px;} /*comments-area*/ .comments-area .comment-box{position:relative; padding:22px 0px 25px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .comments-area .comment-box:nth-child(1){padding-top:0px;} .comments-area .comment{position:relative; padding: 0px 0px 0px 110px; font-size:14px;} .comments-area .reply-comment .comment{margin-left: 50px;} .comments-area .reply-comment.three .comment{margin-left: 100px;} .comments-area .comment .comment-inner{position:relative;} .comments-area .comment .comment-reply{color: #222; font-size: 14px; font-weight: 700; text-decoration: underline; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; text-decoration: none;} .comments-area .comment .comment-reply:hover{color: #0080FF; text-decoration: none;} .comments-area .comment-box .author-thumb{position:absolute; left:0px; top:0px; width: 90px;} .comments-area .comment-box .author-thumb img{width:100%; display:block;} .comments-area .comment-info{margin-bottom:5px; color:#3e5773; line-height:24px; font-size:13px; } .comments-area .comment-box strong{font-size: 20px; font-weight: 700; color: #222; display:inline-block;} .comments-area .comment-info .comment-time{font-size: 14px; color: #0080FF; display:inline-block;} .comments-area .comment-box .theme-btn{padding:5px 30px; font-size:12px; border:1px solid #fbca00; text-transform:uppercase; letter-spacing:1px;} /*review-tab*/ .add_your_review {margin-top: 50px;} .add_your_review>span {display: block; margin: 36px 0 14px 0; color: #a2a2a2;} .add_your_review ul,.add_your_review ul li {display: inline-block; color: #a2a2a2;} .add_your_review ul {line-height: 20px; border-right: 1px solid #d6d6d6; padding-right: 6px; margin-right: 5px;} .add_your_review ul.fix_border {border:none;} .add_your_review form {margin-top:31px;} .add_your_review form label {color: #222; font-weight: 500; font-size: 14px; margin-bottom: 5px;} .add_your_review form input {height:54px; padding: 0 15px 0 19px;} .add_your_review form textarea {max-width: 100%; min-height: 165px; padding: 15px 17px 5px 19px;} .add_your_review form input,.add_your_review form textarea {width:100%; border:1px solid #dcdcdc; margin-bottom: 30px; color:#9e9e9e; resize: none;} /***================================== client Section style ==================================***/ .clients-section.padd-2{padding-bottom: 40px;} .clients-section .container{padding-left: 15px; padding-right: 15px;} .clients-section .section-title {margin-bottom: 10px;} .clients-section .item{height: 115px; border: 1px solid #ccc; text-align: center; overflow: hidden;} .clients-section .item a{display: block;height: 100%;} .clients-section .item a::before{ content: ""; display: inline-block; vertical-align: middle; height: 100%;} .clients-section .item img {width: auto; max-width: 100%; max-height: 100%; margin: 0 auto; margin-left: -7px; transition: all 0.5s ease 0s; cursor: pointer; padding: 10px; vertical-align: middle;display: inline-block;} .clients-section .item:hover img {transform: scale(1.3)rotate(8deg);} .clients-section .tooltip-inner {background: #0080FF;} .clients-section .tooltip.top .tooltip-arrow {border-top-color: #0080FF;} .clients-section .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);} .clients-section .owl-theme .owl-nav {margin: 0; padding: 0; position: absolute; bottom: 100%; right: 0; margin: 0; margin-bottom: 36px;} .clients-section .owl-theme .owl-nav [class*=owl-] {color: #c5c5c5; font-size: 24px; margin: 0; padding: 0; background-color: transparent; height: 40px; width: 40px; border: 2px solid #f7f7f7; line-height: 36px; text-align: center; margin-left: 10px; display: inline-block; -webkit-transition: color .3s ease; transition: color .3s ease;} .clients-section .owl-theme .owl-nav [class*=owl-]:hover {color: #0080FF; border: 2px solid #0080FF; -webkit-transition: .5s ease; transition: .5s ease;} .nbans{width: 100%;} .nbans img{width: 100%;} /* ============================================== service-single Section style ============================================== */ .inner-title{} .inner-title h3{padding-left: 12px;height: 36px;line-height: 36px;font-size: 14px;color: #fff;background: #53a7fa;text-transform: uppercase;-moz-border-radius-topleft: 3px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 3px;-moz-border-radius-topright: 3px;-webkit-border-top-right-radius: 3px;border-top-right-radius: 3px} .lnav{width: 260px;} .lbimg{width: 412px; z-index: 9999;} .nyr{width: calc(100% - 260px); padding-left: 35px;} .nyrpro{width: calc(100% - 412px); padding-left: 23px;z-index: 1;} .nyr>div,.nyr>section{width: 100%;} .service-single{padding: 0 0px 40px;} .service-single .row{margin: 0;} .service-single .section-title{height: 60px;line-height: 60px; margin-bottom: 24px; border-bottom: 1px solid #c9c9c9;} .service-single .section-title h2{float: left;color: #0080FF;font-size: 24px;line-height: 60px;} .service-single .section-title span{float: left;color: #c6c6c6;font-size: 14px;line-height: 30px;margin: 21px 0 0 10px;} .service-single .nyr-title{height: 60px;line-height: 60px; margin-bottom: 24px; border-bottom: 1px solid #c9c9c9;word-break: break-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .service-single .nynews .nyr-title,.service-single .msg .nyr-title{ margin-bottom: 24px;} .service-single .nyrpro .nyr-title{ margin-bottom: 27px;} .service-single .nyr-title h2{float: left;color: #0080FF;font-size: 24px;line-height: 60px;max-width: 50%;} .service-single .nyr-title .crumb-box{ font-size: 12px; line-height: 70px; max-width: 50%;word-break: break-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;float: right;padding-left: 20px;opacity: .7;-moz-opacity: .7;-khtml-opacity: .7;filter: alpha(opacity=7);} .service-catergory {margin: 0 0 20px; padding: 0;font-size: 13px; list-style: none;} .service-catergory li {list-style: none; position: relative; border-top: 1px solid #fff;} .service-catergory li:first-child {border-top: 0} .service-catergory li .view-all-icon {position: absolute; right: 20px; top: 22px; color: #848484;} .service-catergory li a,.service-catergory li.active a {height: 36px;line-height: 36px;text-indent: 24px;border-bottom: 1px solid #e9e9e9;color: #444;background: #f8f8f8 url(../images/icon-widget-menu.gif) no-repeat 12px -67px;display: block;overflow: hidden;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease} .service-catergory li a:hover,.service-catergory li.active a:hover {text-indent: 30px;color: #fff;background: #64c69a url(../images/icon-widget-menu.gif) no-repeat 12px 14px;text-decoration: none} .service-single blockquote {padding: 20px 20px; margin-bottom: 0px; padding-left: 50px; padding-right: 30px; font-size: 17px; border: 1px solid #ededed; border-left: 2px solid #0080FF; font-style: italic; color: #aaa; background: rgba(247, 247, 247, 0.76); font-family: 'Poppins', sans-serif;} .piclist{margin-left: -3%;*margin-left: -1.8%;_margin-left: -1.5%;} .piclist li {float: left;margin-bottom: 30px;margin-left: 3%;*margin-left: 1.8%;_margin-left: 1.5%;width: 30.3333333%;height: auto;text-align: center} .piclist li a{display: block;width: 100%;} .piclist li .folio-thumb {background: #fff;position: relative; width: 100%; text-align: center;border: 1px solid #eee; overflow: hidden;} .piclist li .folio-thumb .mediaholder { width: 100%; text-align: center; overflow: hidden; box-sizing:border-box;} .piclist li .folio-thumb .mediaholder::before{ content: ""; display: inline-block; height: 100%; vertical-align: middle;} .piclist li .folio-thumb img {max-width: 100%;height: auto;vertical-align: middle;} .piclist li .folio-thumb .opacity-pic {width: 100%;height: 100%;padding: 10px;color:#fff;font-size:13px;line-height:24px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align:left;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.45);cursor: pointer;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;filter: alpha(opacity=0);_display: none;} .piclist li:hover .folio-thumb .opacity-pic {-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;filter: alpha(opacity=100);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease } .piclist li h3 {padding: 10px;font-size: 15px;font-weight: normal;background-color:#f3f3f3;position: relative;z-index: 10;-webkit-transition: background .4s ease;-moz-transition: background .4s ease;-ms-transition: background .4s ease;-o-transition: background .4s ease;transition: background .4s ease} .piclist li h3 a {height: 40px;line-height: 40px;overflow: hidden;display: block} .piclist li:hover h3 {background: #f1f1f1;} .piclist li:hover h3 a {color: #0080FF} .preview {float: left;width:100%;} .preview #wrap {padding: 0; z-index: 999!important;} .preview #wrap img {border: 1px solid #eee; margin: 0 auto;} .cloud-zoom-lens {border: 1px solid #eee;background: url(../images/grid.png) repeat 0 0;cursor: move} .cloud-zoom-big {top: 0 !important;width: 450px !important;height: 310px !important;border: 1px solid #e6e6e6;overflow: hidden;} .cloud-zoom-loading {padding: 3px;border: 1px solid #ccc;color: #fff;background: #222} .pro-bimg{display: none;} .pro-btm{color: #787878; font-size: 15px; line-height: 30px; padding-bottom: 30px;margin-top: 3px;} .pro-btm .pro-bct{margin-top: 5px;height: 39px;border-bottom: 1px solid #e4e4e4} .pro-btm .pro-bct li{float: left;margin-right: 5px;padding: 0 25px;line-height: 38px;font-size: 16px;font-weight: bold;text-transform: uppercase;color: #615f60;display: block;cursor: pointer;-webkit-border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;border-top-left-radius: 4px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topright: 3px;border-top-right-radius: 3px} .pro-btm .pro-bct li.active{margin-top: -3px;line-height: 40px;font-weight: bold;border: 1px solid #e4e4e4;border-top: 2px solid #0080FF;border-bottom: 0;color: #0080FF;background: #fff} .pro-btm .pro-bclist{margin-top: 30px; font-size: 14px; line-height: 28px;color: #222;} .pro-btm .pro-bclist>div{display: none;height:500px;overflow-y:auto;} .pro-btm .pro-bclist>div>div{padding-right: 8px;overflow-x: auto;} .pro-btm .pro-bclist>div.active{display: block;} .met-shownews-footer{width: 100%;} ul.pager { margin: 0px; font-size: 12px; border-top: 1px solid #f0f2f5; padding-top: 20px; padding-left: 0; text-align: center; list-style: none;} .pager li { max-width: 49%; border: 1px solid #76838f; border-radius: 1000px; color:#76838f; display: inline-block; padding: 13px 20px;} .pager li.previous{float: left;} .pager li.next{float: right;} .pager li.disabled{color:#ccd5db;} .pager li:focus > a, .pager li:hover> a {color: #62a8ea; cursor: pointer; text-decoration: none;} .pager li:focus, .pager li:hover { color: #62a8ea; border-color: #62a8ea; cursor: pointer;} .pager li.disabled:focus, .pager li.disabled:hover { border-color: #e4eaec; color: #ccd5db; cursor: pointer;} .pager li.disabled:focus > a, .pager li.disabled:hover > a { color: #ccd5db; text-decoration: none; cursor: pointer;} .listn{position: relative;transition: .5s ease-in-out;border-bottom: 1px dotted #ddd;margin: 30px 0; padding-bottom: 35px;} .listn .tbi{float:left;display:block;width:68px;height:76px; background-repeat:no-repeat; background-position: bottom;} .listn .tbi.pdf{background-image: url(../images/fpdf.png)} .listn .tbi.ppt{background-image: url(../images/fppt.png)} .listn .tbi.xls{background-image: url(../images/fxls.png)} .listn .tbi.doc{background-image: url(../images/fdoc.png)} .listn .lower-content{padding-left: 100px;} .listn .lower-content .text p{margin-bottom:20px; } .listn .lower-content h4{padding: 0 0 5px; } .listn .lower-content h4 a{display: block;font-size: 16px;line-height: 30px; text-align:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color: #222; font-weight: 500;} .listn .lower-content h4 a:hover{text-decoration: underline;color: #0b59d9;} .listn .lower-content .pdf{padding: 0 15px; margin-top: 3px; line-height: 36px; color: #fff; font-weight: normal; border-radius: 5px} .listn .lower-content .pdf:hover:before{ border-radius: 5px;} .service-single .sec-title{margin-bottom: 40px;} .pdetail .prot .text{ line-height: 32px;} .pdetail .prod{margin-top: 50px;} .pdetail .prod h2{font-size: 24px;} .pdetail .prod .text{ width: 100%; overflow-x: auto; padding-bottom: 40px; line-height: 32px;} .pdetail .prod .text table{ max-width: 100%; min-width: 510px; width: 100%; border: 1px solid #ddd;} .pdetail .prod .text table td,.pdetail .prod .text table th{padding: 5px;border: 1px solid #ddd; text-align: center;} .service-single .outer-box .text{line-height: 28px;overflow-x:auto; min-height: 160px;} .service-single .outer-box .text table{border-collapse: initial; width:100%; max-width:100%;} .service-single .outer-box .text>table{ min-width:450px} .service-single .video-image-box .img-box{position: relative;} .service-single .video-image-box .img-box img {display: block; width: 100%;} .service-single .video-image-box .img-box .overlay-link {position: absolute; left: 0px; top: 0px; width: 100%; display: flex; height: 100%; font-size: 50px; align-items: center; justify-content: center; color: #0080FF; text-align: center; background: rgba(0, 0, 0, 0.50); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;} .service-single .video-image-box .img-box .overlay-link:hover {background: rgba(0, 0, 0, 0.30);} .service-single .video-image-box .img-box .overlay-link .icon {position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; width: 58px; height: 41px; line-height: 43px; font-size: 60px; color: #0080FF;} .service-single .video-image-box .fa{width: 80px; height: 80px; border-radius: 50%; line-height: 80px; padding-left: 6px;} /*benifit*/ .benifit li {position: relative; color: #848484; padding-left: 30px; margin: 10px 0;} .benifit li:after {position: absolute; content: "\f046"; font-family: 'FontAwesome'; left: 0px; top: -5px; color: #0080FF; font-size: 22px;} .benifit {margin-bottom: 10px;} .default-form.service-form textarea {height: 226px;} .service-single .popular_news{} .service-single .popular_news .text{padding: 15px 10px 10px;line-height: 28px;background: #f9f9f9; font-size: 12px;} .service-single .popular_news .text img{ padding-bottom: 8px;} .service-single .popular_news .item h4{font-size: 16px; font-weight: 500; line-height: 18px;} .service-single .sidebar-widget .download-list li{margin-bottom: 5px; background: #0080FF; transition:all 0.3s ease 0s;} .service-single .sidebar-widget .download-list li a{color: #fff; padding: 15px 20px; width: 100%; transition: .5s;} .service-single .sidebar-widget .download-list li:hover{background: #333333;} .service-single .sidebar-widget .download-list li span{margin-right: 8px;} .map-img{width:100%} .map-img img{max-width:inherit} #dituContent {width: 100%;height: 400px;} /***================================== Fact Counter Section ==================================***/ .fact-counter{position:relative; padding: 80px 0px 40px; background-repeat:repeat; background-size:cover; background-attachment: fixed; background-position:center center; color:#ffffff;} .fact-counter:before{content:''; position:absolute; left:0; right: 0; top:0; bottom: 0; background: rgba(0, 0, 0, 0.69); opacity: 1; z-index:0;} .fact-counter .column{position:relative; margin-bottom:40px; text-align:center; z-index:5;} .fact-counter .item {color: #ffffff; padding: 17px 0 25px;} .fact-counter .column .icon i{position:relative; line-height: 40px; color: #ffffff; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .fact-counter .column .icon i:before{margin: 0; font-size: 44px;} .fact-counter .count-outer{position:relative; font-size: 42px; font-weight: 500; padding: 4px 10px 2px; font-family: 'Poppins', Sans-serif;} .fact-counter .column .counter-title{position:relative; font-size: 18px; font-weight: 400; color: #ffffff; letter-spacing: 1px;} /***================================== contact Section ==================================***/ .contact_us{padding: 80px 0px 80px;} .default-cinfo .icon_box {width: 45px;} .default-cinfo li + li {margin-top: 15px; border-top: 1px solid #f1f1f1; padding-top: 20px;} .default-cinfo li .icon_box,.default-cinfo li .text-box {display: table-cell; vertical-align: top;} .default-cinfo li .icon_box i {font-size: 26px; color: #0080FF; position: relative; top: 2px;} .default-cinfo .accordion .acc-btn {background: #f7f7f7; padding: 14px 30px; margin: 0;} .map-outer iframe {vertical-align: top;} /*form*/ .error {color: red;} #respond{margin-top: 50px;} #respond p{margin:0 auto 15px;overflow:hidden} #respond label{float:left;padding:3px 8px;width:18%;text-align:right;display:block} #respond em{padding-top:5px;color:#F00;font-style:normal;font-weight:normal} .myinput,.mytextarea,select{padding:8px;width:50%; line-height: 16px; border:1px solid #e4e4e4;color:#666; box-sizing: border-box} .mytextarea{width:75%;height:150px;font-size:12px;color:#787878;overflow-y:scroll;color:#666;resize:none} #respond select{width:auto;} #submit{padding:5px 30px;font-size:16px;color:#fff;background:#0080FF;border: 0;display:inline-block; cursor: pointer; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease} #submit:hover,#submit:active{background-color:#0080FF} /*author-details*/ .author-details {background: #f7f7f7; padding: 1px 20px;} .author-details .item {padding: 20px 20px 20px; border-bottom: 1px solid rgba(51, 51, 51, 0.08); background: #fff; margin: 30px 0;} .author-details .item:last-child {border-bottom: 0px;} .author-details .item .img-box,.author-details .item .content {display: table-cell; vertical-align: top;} .author-details .item .img-box{width: 67px;} .author-details .item .content{padding-left: 20px;} .author-details .item .content p {color: #9e9e9e; font-size: 14px; margin-bottom: 0; line-height: 25px;} .author-details .item .content p i {color: #0080FF; margin-right: 5px;} .author-details .item h5 {font-size: 14px; margin-bottom: 15px; color: #272727;} .author-details .item .content h5 {color: #0080FF; margin: 0;} /***================================== consultation Section ==================================***/ .consultation .default-form-area {background: #fff; padding: 40px 30px 10px; border: 1px solid #f4f4f4; max-width: 690px; margin: 0 auto; margin-top: -40px; position: relative;} /*============================= Sidebar Style One ==================*/ .sidebar_styleOne .theme_title{padding-bottom: 18px;} .sidebar_search {position: relative;} .sidebar_search input {width:100%; height:54px; border:none; border: 1px solid #f1f1f1; padding: 0 56px 0 12px; color:#9e9e9e;} .sidebar_search button {width:54px; height: 54px; position: absolute; top: 20px; background: #0080FF; right: 20px; color:#fff;} .recent_news_sidebar .theme_title {margin-bottom: 40px;} .recent_news_sidebar {margin-bottom: 62px;} .recent_news_sidebar .single_news_sidebar {margin-bottom: 29px;} .recent_news_sidebar .img_holder img {width:75px; height:75px; border-radius: 5px;} .recent_news_sidebar .post {padding-left: 26px; width: 72%; margin-top: -10px;} .recent_news_sidebar .post h6 a {font-size: 14px; color:#272727; line-height: 28px; font-weight: 900; margin-bottom: 2px;} .recent_news_sidebar .post p a {font-size: 14px;} .recent_news_sidebar .post p a i {margin-right: 4px; font-size: 14px;} .recent_news_sidebar .img_holder {position: relative;} .recent_news_sidebar .img_holder .opacity {position: absolute; top:0; left:0; width:100%; height:100%; opacity: 0; visibility: hidden; border-radius: 5px; transform: scale(0.1); -webkit-transform:scale(0.1); -moz-transform:scale(0.1); -ms-transform:scale(0.1); -o-transform:scale(0.1);} .recent_news_sidebar .img_holder .opacity .icon {display: table; width:100%; height:100%;} .recent_news_sidebar .img_holder .opacity .icon span {display: table-cell; vertical-align: middle;} .recent_news_sidebar .img_holder .opacity .icon span a {display: block; width:45px; height:45px; margin:0 auto; line-height: 45px; border-radius: 50%; color:#fff; text-align: center;} .recent_news_sidebar .single_news_sidebar:hover .opacity {opacity: 1; visibility:visible; transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);} .sidebar_tags ul {margin-top: 10px;} .sidebar_tags ul li {display: inline-block; margin: 0 4px 8px 0;} .sidebar_tags ul li a {display: block; font-weight: normal; font-size: 14px; color:#9e9e9e; line-height: 32px; border: 1px solid #f1f1f1; background: #fff; border-radius: 2px; text-align: center; padding: 5px 25px; transition:all 0.3s ease 0s;} .sidebar_tags ul li a:hover {color: #ffffff; background: #0080FF;} /***================================== page_pagination style ==================================***/ .page_pagination {text-align: center; padding: 20px 0 0; font-size: 14px;} .page_pagination span{display: none;margin:0 2px} .page_pagination span.cur_page{min-width: 30px;line-height: 30px;margin:0 3px;color:#fff!important;display:inline-block!important; background: #0080FF;padding:0 8px;border:1px solid rgba(229, 229, 229, 0.57);text-align: center;color: #252525;font-size: 14px;border-radius: 3px;} .page_pagination a{ min-width:30px;line-height: 30px; margin:0 3px; padding:0 8px; border:1px solid #ddd; text-align: center; color: #252525; font-size: 14px; border-radius: 3px;background: #fff;} .page_pagination a.active,.page_pagination a:hover{color:#fff; background: #0080FF;} /***================================== Parallax Style Two Style ==================================***/ .parallax-style-two{position:relative; background-attachment: fixed; background-size:cover; background-position:center center; background-repeat:no-repeat;} .parallax-style-two:before{content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background: rgba(0, 0, 0, 0.81);} .parallax-style-two .text-center{position:relative; z-index:1;} .parallax-style-two h2{color:#ffffff; font-size:42px; font-weight:400; margin-bottom:10px; } .parallax-style-two .text{color:#ffffff; font-size:24px; font-weight:300; margin-bottom:35px; line-height:40px;} .parallax-style-two .btn-style-five{margin-right: 20px;} /*video-image-box*/ .video-image-box .image {position: relative;} .video-image-box img {display: block; width: 100%;} .video-image-box .image .overlay-link {position: absolute; left: 0px; top: 0px; width: 100%; display: flex; height: 100%; font-size: 50px; align-items: center; justify-content: center; color: #0080FF; text-align: center; background: rgba(0, 0, 0, 0.50); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;} .video-image-box .image .overlay-link:hover {background: rgba(0, 0, 0, 0.30);} .video-image-box .image .overlay-link .icon {position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px; width: 58px; height: 41px; line-height: 43px; font-size: 60px; color: #42c0e5;} .video-image-box .fa{width: 80px; height: 80px; border-radius: 50%; line-height: 80px; padding-left: 6px;} /***================================== Purchase Section ==================================***/ .purchase-section{position:relative; padding:60px 0px;} .purchase-section:before{content: ''; position: absolute; background: rgba(31, 110, 200, 0.80); top: 0; bottom: 0; left: 0; right: 0;} .purchase-section h2{position:relative; font-size: 30px; margin-top: 8px; font-weight: 600; color:#ffffff;} .purchase-section .btn-column{text-align:right;} /***================================== single-projects ==================================***/ .single-projects{padding: 90px 0px;} .single-projects .blog-sidebar{padding-top: 0px;} .single-projects .sidebar_search {margin-top: 0px;} .project-info ul{padding-top: 15px;} .project-info ul li{color: #c3c3c3; line-height: 38px; font-weight: 400;} .project-info ul li span{color: #222; font-weight: 600; margin-right: 5px;} /***================================== Error Page ==================================***/ .error-section{position:relative; text-align:center; padding: 120px 0px 120px;} .error-section .error-text{position: relative; text-align:center;} .error-section .error-text h2{position:relative; color: #0080FF; font-size: 190px; font-weight: 700; line-height:1em; letter-spacing:4px;} .error-section h3{position:relative; color: #222; font-weight: 500; font-size: 40px; margin-top:20px; line-height:1.2em;} .error-section .text{font-size: 20px; font-weight: 400; margin-top: 25px; margin-bottom: 40px; color: #222;} .error-section .error-options{position:relative;} .error-section .error-options .or{position:relative; color:#2f2f2f; font-size:18px; margin:0px 18px; font-weight:500;} .error-search-box{position:relative; margin-top:12px; width:320px; display:inline-block;} .error-search-box .form-group{position:relative; margin:0px; } .error-search-box .form-group input[type="text"],.error-search-box .form-group input[type="search"]{position:relative; line-height:32px; padding:10px 50px 10px 20px; border: 2px solid #ededed; display:block; font-size: 14px; width:100%; height: 54px; border-radius:40px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .error-search-box .form-group input:focus{border-color:#0080FF;} .error-search-box .form-group button{position:absolute; right:0px; top:0px; height:55px; width:50px; line-height:52px; text-align:center; display:block; font-size:14px; color:#c0c0c0; background:none; border-radius:0px 3px 3px 0px; font-weight:normal;} .error-search-box .form-group input:focus + button,.error-search-box .form-group button:hover{color:#0080FF; border-color:#0080FF;} /***================================== News Section ==================================***/ .news-section{position:relative;} .news-section.style-2{background: #fff;} .news-section .news-style-one {overflow: hidden; border: 1px solid #f1f1f1; box-shadow: 0 10px 30px 0 rgba(50, 50, 50, .10);} .news-style-one{position:relative; margin-bottom:20px;} .news-style-one .inner-box{position:relative;} .news-style-one .inner-box a{display: block;} .news-style-one .inner-box .image{position:relative; width: 100%; text-align: center; overflow: hidden;} .news-style-one .inner-box .image::before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-left: -5px;} .news-style-one .inner-box .image img {position: relative; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; transition: all 0.5s ease 0s;} .news-style-one:hover img {transform: scale(1.3)rotate(8deg);} .news-style-one .inner-box .image .post-time { position:absolute;bottom:0;left:0;right:0; color: #ffffff; font-size: 15px; z-index: 1; padding: 5px 18px 2px; text-align: left; display: block; line-height: 24px; background-color: rgba(31, 110, 200,0.7);} .news-style-one .inner-box .lower-content{text-align: center; position:relative; padding: 15px 15px 7px;} .news-style-one .inner-box .lower-content h3{position:relative; font-size: 16px; margin-bottom: 10px; line-height:1.4em;color: #222; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .news-style-one .inner-box .lower-content h3 a{color: #222; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .news-style-one .inner-box .lower-content h3 a:hover{color: #0080FF;} .news-section .owl-dots{display:none;} .news-section .owl-nav{position:absolute; right:0px; top:-100px;} .news-section .owl-nav .owl-prev{position:relative; left:-5px;} .news-section .owl-nav .owl-prev,.news-section .owl-nav .owl-next{display:inline-block; width:35px; height:35px; color:#bbbbbb; font-size:20px; line-height:30px; text-align:center; margin-left:0px; border:1px solid #e5e5e5; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .news-section .owl-nav .owl-prev:hover,.news-section .owl-nav .owl-next:hover{border-color:#1f2229; background-color:#1f2229; color:#ffffff;} /***================================== Service styles ==================================***/ .service-box-one .single-service-box-one {padding-bottom: 25px; position: relative; transition: border-color .4s ease;} .service-box-one .single-service-box-one:hover {border-color: #0080FF;} .service-box-one .single-service-box-one:after {content: ''; display: block; width: 100%; height: 1px; background: #F4F4F4; position: absolute; bottom: -4px; left: 0; transition: background .4s ease;} .service-box-one .single-service-box-one:hover:after {background: #0080FF;} .service-box-one .single-service-box-one h3,.service-box-one .single-service-box-one p {margin: 0;} .service-box-one .single-service-box-one h3 {font-size: 20px; color: #333333; line-height: 22px; -webkit-transition: color .4s ease; transition: color .4s ease;} .service-box-one .single-service-box-one h3:hover {color: #0080FF;} .service-box-one .single-service-box-one p {color: #999999; line-height: 24px; font-weight: 400;} .service-box-one .single-service-box-one i:before {font-size: 50px; color: #0080FF; margin: 0;} .service-box-one .single-service-box-one span {font-size: 40px; color: #e8e8e8; line-height: 10px;} .service-box-one .single-service-box-one .icon {margin-bottom: 20px;} .service-box-one .single-service-box-one .title-box {margin-bottom: 10px;} /* ================================== Services Block Two ================================== */ .services-section{position: relative; background-attachment: fixed; background-size: cover; background-repeat: no-repeat;} .services-section:before{position: absolute; content: ""; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(0, 0, 0, 0.84);} .services-block-two {position: relative; margin-bottom: 30px;} .services-block-two .inner-box {position: relative; padding: 30px 25px; background-color: #ffffff; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;} .services-block-two .inner-box:hover {background: #0080FF; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .services-block-two .inner-box:hover .text{color: #fff;} .services-block-two .inner-box .content {position: relative;} .services-block-two .inner-box .content .icon {position: absolute; left: 0px; top: -6px; color: #0080FF; font-size: 40px; line-height: 1em; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;} .services-block-two .inner-box .content .icon:before{font-size: 40px; margin: 0;} .services-block-two .inner-box .content h3 {position: relative; line-height: 1em; padding-left: 60px;} .services-block-two .inner-box .content h3 a {position: relative; font-size: 20px; font-weight: 600; color: #222; text-transform: capitalize; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;} .services-block-two .inner-box:hover h3 a,.services-block-two .inner-box:hover .icon {color: #ffffff;} .services-block-two .inner-box .content h3:before {content: '';} .services-block-two:hover .inner-box .content h3:before {left: 75px; transition: .5s ease;} .services-block-two .inner-box .content .text {margin-top: 26px;} .services-block-two .inner-box .content .read-more {position: relative; font-size: 14px; color: #888888; margin-top: 15px; display: inline-block;} /* ================================== Services Block Two ================================== */ .jjgd{height:144px;overflow:hidden} .why-people-sec { background: #0080FF;} .side-banner { background-image: url(../images/nyjj.jpg); background-position: center; background-size: cover;} .feature-block h5 { font-size: 18px; margin-bottom: 10px;} .sec-title.light h3 { color: #fff; font-size: 28px; margin-bottom: 22px;} .why-people-sec .content-column { padding: 100px; position: relative; z-index: 1;} .why-people-sec .content-column:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/pattern-1.png); background-repeat: no-repeat; background-position: 100% -45%; z-index: -1;} .feature-block .inner-box { display: flex;} .icon-box i:before { margin: 0; font-size: 40px;} .why-people .col-md-6 { padding: 30px 15px;} .why-people .col-md-6:nth-child(01) { border-bottom: 1px dashed #fff; border-right: 1px dashed #fff;} .why-people .col-md-6:nth-child(02){ border-bottom: 1px dashed #fff;} .why-people .col-md-6:nth-child(03){ border-right: 1px dashed #fff;} /***================================== Testimonials Section style ==================================***/ .news{position:relative; background-color: #fbfbfb;} .col-posts ul{ margin: 0;} .col-posts ul.blocks-2 li {width: 50%;padding: 8px 15px;position: relative;float: left; box-sizing: border-box; margin-bottom: 0;border: 1px solid transparent;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;} .col-posts ul.blocks-2 li .date{ width: 81px; height: 81px; font-family: Arial; text-align: center; color: #fff; background-color: #53a7fa; position: absolute; left: 15px; top: 11px;} .col-posts ul.blocks-2 li .date span{ display: block;} .col-posts ul.blocks-2 li .date .ri{ margin-top: 7px; height: 43px; line-height: 43px; font-size: 33px;} .col-posts ul.blocks-2 li .date .nyue{ font-size: 14px; line-height: 20px;height: 20px;} .col-posts ul.blocks-2 li .cnt{ padding-left: 100px;} .col-posts ul.blocks-2 li a {color: #222222; font-size: 16px; line-height: 30px;height: 30px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap} .col-posts ul.blocks-2 li a:hover {color: #53a7fa;} .col-posts ul.blocks-2 li p {color: #999;font-weight: 300;margin-bottom: 0px;} .col-posts ul.blocks-2 li p.des {margin: 6px 0; color: #777; line-height: 24px; font-size: 13px; height: 48px; overflow: hidden} .col-posts ul.blocks-2 li:hover {background-color: #fff;box-shadow: 0px 5px 10px #eaeaea;} /***================================== Services Style One ==================================***/ .services-style-one{position:relative;} .services-style-one .row{margin-left: 0; margin-right: 0;} .service-block{position:relative; margin-bottom:30px;} .service-block .inner-box{position:relative; overflow:hidden; box-shadow: 1px 1px 5px #CCCCCC;} .service-block .inner-box .image-box{position:relative; width: 100%; text-align: center;} .service-block .inner-box .image-box a{width: 100%; height: 100%; display: block;} .service-block .inner-box .image-box a::before{ content:""; height: 100%; vertical-align: middle; margin-left: -5px; display: inline-block;} .service-block .inner-box .image-box img{position:relative; max-width:100%; max-height: 100%; margin: auto;margin-left:-1px; display: inline-block; vertical-align: middle; transition:all 0.3s ease 0s;} /* .service-block .inner-box .image-box:hover img {transform: scale(1.1);} */ .service-block .inner-box .caption{width:100%;background: #fff;line-height: 55px; color: #5a5656; font-size:18px; text-align: center; border-top: 2px solid #fff; transition: all .7s ease 0s; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; -ms-transition: all .7s ease 0s;} .service-block .inner-box:hover .caption{background-color:rgba(31, 110, 200, 0.83);} .service-block .inner-box .caption a{display: block;} .service-block .inner-box:hover .caption a{color:#ffffff;} .service-block .inner-box .image-box:hover .caption{bottom:-60px; opacity: 0;} /***================================== Who we are styles ==================================***/ .who-we-are-area .who-we-are-img-holder img {float: right; max-width: none;} .who-we-are-area .content {background: #F7F7F7 none repeat scroll 0 0; margin-left: -120px; margin-top: 65px; padding-bottom: 57px; padding-left: 60px; padding-right: 60px; padding-top: 51px; z-index: 2;} .who-we-are-area .founder {margin-bottom: 24px; margin-top: 52px; padding-left: 90px; position: relative;} .who-we-are-area .founder .img-holder {left: 0; position: absolute; top: 0; z-index: 1;} .who-we-are-area .founder .img-holder img{border-radius: 50%;} .who-we-are-area .founder .name {padding-bottom: 18px; padding-left: 15px; padding-top: 18px;} .who-we-are-area .founder .name h3 {color: #222222; font-size: 18px; margin: 0; text-transform: uppercase;} .who-we-are-area .founder .name p {color: #0080FF; font-size: 14px; margin-top: 10px;} .who-we-are-area .founder:hover .img-holder::before {background: #01273a;} /***================================== Team ==================================***/ .our-team-area{overflow: hidden;} .single-team-member{ text-align: center; background-color: #eee;} .single-team-member::before{ content: ""; height: 100%; display: inline-block; vertical-align: middle;margin-left: -5px;} .single-team-member img{ width: auto!important; max-height: 100%; max-width: 100%; display: inline-block!important; vertical-align: middle; } .single-team-member .overlay {position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .single-team-member .box {display: table; width: 100%; height: 100%;} .single-team-member .content {display: table-cell; vertical-align: bottom;} .single-team-member .content .speaker-infos {background: rgba(31, 110, 200,0.6); padding: 10px; transform: translate3d(0, 57px, 0); transition: all .5s ease;} .single-team-member:hover .content .speaker-infos {transform: translate3d(0, 0px, 0);} .single-team-member .content .speaker-infos{text-align: center;} .single-team-member .content .speaker-infos span {color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 22px; display: block;} .single-team-member .content .speaker-infos h4 {color: #fff; font-size: 15px; text-transform: capitalize;} /***================================== team-section style-two ==================================***/ .team-member{margin-bottom: 30px;} .team-member .image-holder{margin-bottom: 16px;} .team-member .image-holder img{width: 100%;} .team-member .team-content{position: relative; text-align: center;} .team-member .team-content h6{font-size: 20px; font-weight: 400; line-height: 28px; color: #222222; font-family: 'Poppins', serif; transition: all 500ms ease;} .team-member .team-content p{font-size: 14px; font-weight: 400; line-height: 24px; color: #848484; margin-bottom: 0px; font-family: 'Poppins', sans-serif; transition: all 500ms ease;} .team-member .social-style-two{margin-top: 10px;} /***================================== About Style One Section ==================================***/ .about-style-one{position:relative;} .about-style-one .outer-box{position:relative;} .about-style-one .image-column{position:absolute; right:0px; top:0px; width:50%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;} .about-style-one .image-column .image{width:100%; display:none; } .about-style-one .image-column .image img{display:block; width:100%; } .about-style-one .image-column .overlay-link{position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0); transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .about-style-one .image-column .overlay-link:hover{background:rgba(0,0,0,0.50);} .about-style-one .image-column .overlay-link .icon { position: absolute; width: 100px; height: 100px; top: 50%; line-height: 90px; border: 2px solid #ffffff; text-align: center; color: #ffffff; font-size: 32px; border-radius: 50%; left: 0; right: 0; margin: 0 auto;} .about-style-one .content-column{position:relative; width:50%; background:#1c1c1c; color:#999999;} .about-style-one .content-column .content-box{position:relative; float:right; padding: 180px 200px 180px 20px; max-width: 770px;} .about-style-one .content-column .sec-title h2{color:#ffffff;} .about-style-one .content-column .inner-box{position:relative;} .about-style-one .content-column .text{position:relative; margin-bottom:30px; text-align:justify; line-height:2em; color:#ffffff;} /***================================== Call to Action ==================================***/ .call-to-action{position:relative;} .call-to-action .column{position:relative; margin-bottom:22px; } .call-to-action .icon-column .inner-box{position:relative; padding-left:95px; min-height:80px;} .call-to-action .icon-column .inner-box .icon{position:absolute; left:0px; top:0px; width:70px; height:70px; line-height: 63px; border: 2px solid #e0e0e0; text-align:center; color: #0080FF; -ms-border-radius:50%; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .call-to-action .icon-column .inner-box .icon span:before{margin: 0; font-size: 40px;} .call-to-action .icon-column .inner-box:hover .icon{background:#0080FF; color:#ffffff; border-color:#0080FF; } .call-to-action .icon-column .inner-box h3{font-size: 18px; text-transform: capitalize; margin-bottom: 6px; color: #222;} .call-to-action .link-column .link-btn5{float: right;} /***================================== Services 2 style ==================================***/ .services-two{position:relative;} .default-service-block{position:relative; margin-bottom:30px;} .default-service-block .inner-box{position:relative; background:none; padding:50px 30px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .default-service-block .inner-box:hover,.default-service-block.active .inner-box{background:#ffffff; -webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.15); -ms-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.15); -o-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.15); box-shadow:0px 0px 7px 0px rgba(0,0,0,0.15);} .default-service-block .inner-box .icon{position:relative; color: #0080FF; font-weight:400; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .default-service-block .inner-box .icon span:before{margin: 0; font-size: 40px;} .default-service-block .inner-box h3 a{font-size: 20px; font-weight: 600; color: #222; margin-bottom:10px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .default-service-block .inner-box:hover h3 a{color: #0080FF;} .default-service-block .inner-box .text{position:relative; font-size:16px; margin-bottom:20px;} /***================================== Services Section ==================================***/ .services-section.style-2{position:relative; padding: 80px 0px 0px; background: #fff;} .services-section.style-2:before{background: none;} .services-section .outer-box{position:relative; margin-top:92px; background-position:center top; background-repeat:no-repeat;} .service-block-one{position:relative; margin-bottom:60px;} .service-block-one .inner-box{position:relative; padding-right:90px; text-align:right;} .service-block-one .inner-box .icon{position:absolute; right:0px; top:0px; width: 66px; height: 66px; line-height: 66px; text-align:center; border: 2px solid #0080FF; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .service-block-one .inner-box .icon span:before{margin: 0; font-size: 36px;} .service-block-one .inner-box h3{position:relative; line-height:1em; margin-bottom:5px;} .service-block-one .inner-box h3 a{position:relative; top:-6px; color:#222222; font-size: 20px; font-weight: 600; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .service-block-one .inner-box h3 a:hover{color:#0080FF;} .service-block-one .inner-box:hover .icon{background-color:#0080FF;} .service-block-one .inner-box:hover .icon span{color: #fff;} /*Service Block Two*/ .service-block-two{position:relative; margin-bottom:60px;} .service-block-two.style-two{margin-bottom:45px;} .service-block-two .inner-box{position:relative; padding-left:90px; text-align:left;} .service-block-two .inner-box .icon{position:absolute; left:0px; top:0px; width: 66px; height: 66px; line-height: 66px; text-align:center; border: 2px solid #0080FF; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .service-block-two .inner-box .icon span:before{margin: 0; font-size: 36px;} .service-block-two .inner-box h3{position:relative; line-height:1em; margin-bottom:5px;} .service-block-two .inner-box h3 a{position:relative; top:-6px; color:#222222; font-size: 20px; font-weight: 600; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .service-block-two .inner-box h3 a:hover{color:#0080FF;} .service-block-two .inner-box:hover .icon{background-color: #0080FF;} .service-block-two .inner-box:hover .icon span{color: #fff;} .services-section .image-column{margin-top:-45px; text-align:center;} /* projects block one */ .projects-block-one.mix {display: none;} .projects-block-one {position: relative; margin-bottom: 30px;} .portfolio_five .projects-block-one { margin-bottom: 0px;} .projects-block-one .inner-box {position: relative;} .projects-block-one .image img {width: 100%;} .projects-block-one .image::before {background: rgba(4,90,196,0.8) none repeat scroll 0 0; bottom: 15px; border:5px solid rgba(255,255,255,0.5); content: ""; left: 15px; opacity: 0; position: absolute; right: 15px; top: 15px; z-index: 9; transition: all 0.4s ease-in-out 0s; transform: scale(2);} .projects-block-one:hover .image::before {opacity: 0.8; transform: none;} .projects-block-one .image {position: relative; overflow: hidden; margin: 0;} .projects-block-one .overlay a {background: #333333 none repeat scroll 0 0; border-radius: 50%; color: #fff; font-size: 16px; width: 50px; height: 50px; line-height: 54px; opacity: 0; position: absolute; text-align: center; transform: translateX(-50%) translateY(-50%) scale(0.6); transition: all 0.4s ease 0s;} .projects-block-one .overlay a:hover {background: rgba(255, 255, 255, .8) none repeat scroll 0 0; color: #0080FF;} .projects-block-one:hover .overlay a {opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1);} .projects-block-one .overlay {left: 0; opacity: 0; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); transition: all 0.5s ease 0s; z-index: 10;} .projects-block-one:hover .overlay {opacity: 1;} .projects-block-one .caption-title { bottom: 40px; left: 0; opacity: 0; position: absolute; transition: all 0.3s ease-in-out 0s; z-index: 12; right: 0; text-align: center;} .projects-block-one:hover .caption-title {opacity: 1;} .projects-block-one .caption-title h3 {color: #fff; font-size: 18px; font-weight: 500; text-transform: capitalize; transform: translateY(15px); transition: all 0.4s ease-in-out 0s;} .projects-block-one.style-2 .caption{padding: 5px 20px 30px 20px; border: 1px solid #000;} .projects-block-one.style-2 .caption h3{color: #fff; font-size: 14px; font-weight: 500; margin-bottom: 8px; text-transform: capitalize; transform: translateY(15px); transition: all 0.4s ease-in-out 0s;} .projects-block-one.style-2 .caption h3 a{color: #aaa;} .projects-block-one.style-2 .caption span{color: #aaa; display: inline-block; font-size: 14px; line-height: 16px; transform: translateY(15px); transition: all 0.4s ease-in-out 0s; text-transform: capitalize;} .projects-block-one.style-2 .caption h3 a:hover{color: #ff1c4b;} .projects-block-one .caption-title h3 a {color: #fff;} .projects-block-one:hover .caption-title h3 {transform: translateX(0px);} .projects-block-one .caption-title-two {padding-top: 15px; padding-left: 20px; padding-bottom: 20px; box-shadow: 0 0 20px 1px #0000001f;} .projects-block-one .caption-title-two h3 a {color: #222; font-size: 20px; font-weight: 500; text-transform: capitalize;} .projects-block-one .caption-title-two span {font-size: 15px; line-height: 16px; font-weight: 500; text-transform: capitalize;} .portfolio-style-two .projects-block-one {padding: 0px 15px;} /***================================== Features Style One ==================================***/ .features-one{position:relative;} .features-one .column{position:relative; margin-bottom:50px; } .features-one .column.br{border-right: 1px solid #ccc;} .left-icon-column{position:relative;} .left-icon-column .inner-box{position:relative; padding-left:95px; min-height:80px; max-width:400px; margin:0 auto;} .left-icon-column .inner-box .icon{position:absolute; left:0px; top:10px; width:70px; height:70px; line-height:66px; border: 2px solid rgba(4,90,196,0.8); text-align:center; background: rgba(4,90,196,0.8); color:#ffffff; border-radius:50%; -ms-border-radius:50%; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .left-icon-column .inner-box .icon span:before{margin: 0; font-size:32px;} .left-icon-column .inner-box:hover .icon {background: #222; border-color: #222;} .left-icon-column .inner-box h3{font-size: 20px; text-transform: capitalize; margin-bottom:5px; color: #222;} .left-icon-column .inner-box .text{position:relative;} /** feature-style-one **/ .feature-style-one{position: relative;} .feature-style-one .title-bottom-text{margin-bottom: 35px;} .feature-content-one{margin-bottom: 30px;} .feature-content-one .hexagon-content{position: relative; display: inline-block; margin: auto;} .feature-content-one .icon i:before{font-size: 36px; color: #fff; margin: 0px;} .feature-content-one .lower-content{margin-top: 20px;} .feature-content-one .lower-content h4{margin-bottom: 13px; font-size: 15px; line-height: 28px; height: 56px; color: #222; transition:all 0.5s ease 0s;} .feature-content-one {margin-bottom: 30px; text-align: center; border: 5px solid rgba(0, 0, 0, 0.05); padding: 25px 20px 7px; transition:all 0.5s ease 0s;} .feature-content-one .icon {position: relative; line-height: 80px; text-align: center; background: #0080FF; width: 80px; border-radius: 100%; height: 80px; transition:all 0.5s ease 0s;} .feature-content-one:hover{ border:5px solid #0080FF;} .feature-content-one:hover .icon{ background:#222222;transform:rotate(360deg) scale(1.1);} .feature-content-one:hover .lower-content h4 a{ color: #0080FF;transition:all 0.5s ease 0s;} /** 发展历程 **/ .about-time{position: relative;} .about-time .owl-carousel .owl-stage-outer{overflow: visible;} .time-section{width:100%;padding:0 50px 50px;position:relative; margin: 0 auto;} .time-section:after{content:"";width:100%;height:3px;background:url(../images/fmodel.png) no-repeat;background-size:100% auto;background-position:center;position:absolute;top:151px;left:0;z-index:0} .fitem{width: 100%;position:relative;float:left} .fslide{} .fslide .fitem>*{text-align:center} .fitem .fimg{width: 100%; display: none; position: absolute; left: 0; bottom: 40px;} .fitem .fimg img{ max-width: 100%; max-height: 300px; text-align: center; padding: 8px; border-radius: 5px; background-color: #e9e9e9;} .fitem h3{font-size:16px;line-height:28px;margin-bottom:50px; margin-top: 100px; color:#000;opacity:0.8;transition:all 0.1s; position: relative;} .fitem i{position:absolute;width:75%;height:33px;background:url(../images/ftimeline.png) no-repeat;background-size:contain;background-position:right center;left:-25%;margin-left:10px;top:135px;z-index:3} .fitem .finfo{display:block;margin:0 auto;padding:10px;transition:all 0.3s;border-radius:2px} .fitem .finfo .finfo-i{font-size:14px;color:#A0A2A8;line-height:22px;margin-bottom:10px} .fitem .finfo .finfo-s{font-size:14px;color:#000;line-height:24px;padding: 10px 15px;text-align: left;/* overflow:hidden; */background-color: #e9e9e9;border-radius: 5px;position: relative;} .fitem .finfo .finfo-s:before{content: "";width:0;height:0;left: 50%;border-right: 8px solid transparent;border-left: 8px solid transparent;border-bottom: 8px solid #e9e9e9;margin-left: -8px;position: absolute;top: -8px;} .fitem:hover .fimg{display: block;} .fitem:hover .finfo .finfo-s{background-color: #4472c4; color: #fff;} .fitem:hover .finfo .finfo-s:before{border-bottom: 8px solid #4472c4;} .fitem.dark i{background:url(../images/ftimelined.png) no-repeat;background-size:contain;background-position:right center} .fitem:hover h3{font-size:22px;line-height:28px;opacity:1} .fitem:hover i{width:75%;margin-left:13px;background:url(../images/ftimelineh.png) no-repeat;background-size:contain;background-position:right center} .sjslide{display: none;} .cbp_tmtimeline {margin: 30px 0 0 0;padding: 0;list-style: none;position: relative;} .cbp_tmtimeline:before {content: '';position: absolute;top: 6px;bottom: 0;width: 3px;background: #afdcf8;left: 128px;} .cbp_tmtimeline > li {position: relative;} .cbp_tmtimeline > li .cbp_tmtime {display: block;width: 166px;padding-right: 70px;position: absolute;} .cbp_tmtimeline > li .cbp_tmtime span {display: block;text-align: right; font-weight: bold;} .cbp_tmtimeline > li .cbp_tmtime span:first-child {} .cbp_tmtimeline > li .cbp_tmtime span:last-child {font-size: 14px;color: #3594cb;} .cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {color: #6cbfee;} .cbp_tmtimeline > li .cbp_tmlabel {margin: 0 0 15px 165px;background: #3594cb;color: #fff;padding: 15px;font-size: 14px;line-height: 28px;position: relative;border-radius: 4px;} .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {background: #6cbfee;} .cbp_tmtimeline > li .cbp_tmlabel h2 {margin-top: 0px;padding: 0 0 10px 0;border-bottom: 1px solid rgba(255,255,255,0.4);} .cbp_tmtimeline > li .cbp_tmlabel:after {right: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-right-color: #3594cb;border-width: 5px;top: 6px;} .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {border-right-color: #6cbfee;} .cbp_tmtimeline > li .cbp_tmicon {width: 8px;height: 8px;position: absolute;background: #46a4da;border-radius: 50%;box-shadow: 0 0 0 3px #afdcf8;left: 161px;top: 6px;margin: 0 0 0 -35px;} /* 资质荣誉内页 */ .tjs{padding:0 10px 20px} .nhonor{width:100%} .gallery { width: 100%;} .gallery .hbox{width: 25%; float: left; padding: 0 10px 30px; text-align: center; line-height: 50px;} .gallery a{ display: block; width: 100%; color: #333; background-color: #eee; text-align:center;line-height:40px;overflow: hidden; } .gallery a::before{ content: ""; display: inline-block; height: 100%; vertical-align: middle;} .gallery a img { max-width: 100%; max-height: 100%; vertical-align: middle;transition: all 0.3s ease 0s;} .gallery a:hover img {transform: scale(1.1);} /* 人才招聘 */ .hr-column{line-height: 55px;margin:0; margin-bottom: 2px; color: #333; font-size: 14px; border: 1px solid #ddd;} .hr-column .hr-tit{ text-align: center; font-weight: bold; display: flex; padding: 0;} .hr-column .hr-tit>div{padding: 1px;} .hr-column .hr-tit span{display: block; width: 100%; height: 100%; background-color: #0080FF; color: #fff;} .hr-column .hr-cnt{ display: flex; text-align: left; padding: 0; line-height: 26px;} .hr-column .hr-cnt>div{padding: 1px;} .hr-column .hr-cnt .hr-num{text-align: center;} .hr-column .hr-cnt span{display: block; width: 100%; height: 100%; padding: 10px;background-color: #f7f7f7;} .hr-column .hr-cnt:nth-child(odd)>div span{background-color: #eee;} .hr-column .hr-cnt a{width: 80px; height: 35px; line-height: 35px; text-align: center; background-color: #0080FF; color: #fff; margin: 0 auto; display: block; border-radius: 2px;} .hr-column .hr-cnt a:hover{ background-color: #3594cb;} /***================================== Work Process ==================================***/ .working-process {position: relative;} .working-process:before { content: ''; position: absolute; left: -150px; right: -150px; height: 100%; display: block; background: url(../images/work-process.png) center center no-repeat;} .working-process .row {margin: 0 -25px;} .process-block{position:relative; margin-bottom:40px; padding: 0 25px;} .process-block .inner-box{position:relative; padding: 125px 30px 33px; box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; background-color:#ffffff; cursor: pointer;} .process-block .inner-box:hover { box-shadow: 0px 0px 20px 0px rgba(8, 18, 109, 0.1); } .process-block .inner-box .count-box{position:absolute; top: -7px; left: -3px; width: 110px; height: 100px; text-align: center; line-height: 120px; font-size: 36px; font-weight: 500; color: #0080FF; background-image: url(../images/shape-4.png); background-position: 50% 50%; background-repeat: no-repeat; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .process-block .inner-box h3 { color: #0080FF; font-size: 18px; font-weight: 600;} .process-block .inner-box .text{color:#777777; font-size:14px; padding: 10px 0; min-height: 140px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} /***================================== Contact Style Two ==================================***/ .contact-style-two{position:relative; background: #0080FF; color:#ffffff;} .contact-style-two .form-column{position:relative; float:left; width:50%;} .contact-style-two .form-column .inner-box{position:relative; padding:100px 80px;} .contact-style-two .form-column .upper-content{position:relative; margin-bottom:40px; text-align:center;} .contact-style-two .form-column .upper-content .subtitle{font-size: 20px;} .contact-style-two .form-column .upper-content h3{font-size: 30px; text-transform: capitalize; font-weight: 500;} .contact-style-two .info-column{position:absolute; text-align:center; right:0px; top:0px; height:100%; min-height:250px; background-position:center center; background-repeat:no-repeat; background-size:cover; width:50%;} .contact-style-two .info-column .inner-box{position:absolute; left:0px; top:0px; width:100%; height:100%; display:table; vertical-align:middle; background:rgba(0,0,0,0.70);} .contact-style-two .info-column .inner-most{display:table-cell; vertical-align:middle;} .contact-style-two .info-column h3{font-size: 28px; text-transform: capitalize; font-weight: 500; line-height: 40px; color:#ffffff; margin-bottom:10px;} .contact-style-two .info-column .text{font-size: 18px; text-transform: capitalize; font-weight:400; color:#ffffff; letter-spacing:1px; margin-bottom:10px;} .contact-style-two .info-column h4{font-size: 30px; text-transform: capitalize; font-weight: 500; color: #fff; line-height: 40px;} /***================================== Progress Levels Section ==================================***/ .progress-levels{position:relative;} .default-section .progress-levels{padding-top:7px;} .progress-levels .progress-box{position:relative; margin-bottom:40px; overflow:hidden;} .progress-levels .progress-box:last-child{margin-bottom:0px;} .progress-levels .progress-box:last-child{margin-bottom:0px;} .progress-levels .progress-box .box-title{position:relative; font-size:18px; font-weight: 600; line-height:24px; color: #222; text-transform:capitalize; margin-bottom:16px;} .progress-levels .progress-box .bar{ position:relative; height: 8px; background:#eeeeee;} .progress-levels .progress-box .bar .bar-innner{position:relative; left:0px; top:0px; width:100%; height:4px;} .progress-levels .progress-box .bar .bar-fill{position:absolute; left:-100%; top:0px; width:0px; height: 8px; background: #0080FF; -moz-transition:all 2000ms ease 300ms; -webkit-transition:all 2000ms ease 300ms; -ms-transition:all 2000ms ease 300ms; -o-transition:all 2000ms ease 300ms; transition:all 2000ms ease 300ms;} .progress-levels .progress-box.animated .bar .bar-fill{left:0px; } .progress-levels .progress-box .percent{position:absolute; right:0px; top:-40px; letter-spacing:0px; font-size:18px; color:#181818 !important; line-height:24px; opacity:0; -moz-transition:all 2000ms ease 700ms; -webkit-transition:all 2000ms ease 700ms; -ms-transition:all 2000ms ease 700ms; -o-transition:all 2000ms ease 700ms; transition:all 2000ms ease 700ms;} .progress-levels .progress-box.animated .percent{opacity:1;} /***================================== ticket-price Section ==================================***/ .ticket-price {position: relative; background-image: url(../images/background/7.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center;} .ticket-price:before {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.80); z-index: 0;} .ticket-price.style-2{background: #fff;} .ticket-price.style-2:before{background: none;} .ticket-price .single-ticket {position: relative; margin-bottom: 30px;} .ticket-price.style-2 .single-ticket{border: 2px solid #0080FF;} .price-page .ticket-price {background: #fff; background-image: none;} .price-page .ticket-price:before {display: none;} .ticket-price .section-title {position: relative; margin-bottom: 94px;} .ticket-price .section-title h2 {position: relative; color: #fff;} .ticket-price.style-3 .pricing-column {padding: 0 20px; transition: .5s ease;} .price-page .ticket-price .pricing-column .inner-box {border: 1px solid #ededed;} .ticket-price.style-3 .pricing-column:hover {transform: scale(1.22,1.22); transition: .5s ease;} .ticket-price.style-3 .plan-header {padding: 50px 0 0px;} .ticket-price .inner-box {text-align: center; position: relative; padding-bottom: 49px; background: #ffffff; overflow: hidden; transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease;} .ticket-price .plan-header {position: relative; padding: 20px 0 25px; background: #0080FF;} .ticket-price .plan-header h2 {font-size: 45px; color: #fff; font-weight: 400; margin-bottom: 11px;} .price-page .ticket-price.style-3 .plan-header h2 {font-size: 48px; height: 130px; width: 130px; margin: 0 auto; border: 1px solid #ededed; border-radius: 50%; line-height: 130px; transition: .5s ease; margin-bottom: 20px;} .price-page .ticket-price.style-3 .plan-stats {padding: 19px 0 32px;} .price-page .ticket-price.style-3 .pricing-column:hover .plan-header h2 {transform: scale(1.1,1.1); transition: .5s ease;} .ticket-price .plan-duration {position: relative; font-size: 18px; color: #fff; font-weight: 500; text-transform: capitalize;} .ticket-price .plan-stats {position: relative; padding: 35px 0 35px;} .ticket-price .plan-stats li {position: relative; color: #222; font-size: 18px; font-weight: 500; padding-top: 5px; padding-bottom: 5px;} /*** ============================================= Welcome Area Css ============================================= ***/ .about-style1-area{ padding: 40px 0;} .about-style1-area > .container > .row{margin-left: 0; margin-right: 0;} .about-style1-area .text{ margin: 20px 0; max-height: 270px; font-size: 14px; line-height: 30px; overflow: hidden;} .single-fact-counter { margin-bottom: 40px;} .single-fact-counter .count-box h1 i:before { position: relative; top: -1px; display: inline-block; float: left; font-size: 20px; padding-left: 4px;} .single-fact-counter .title { margin: 10px 0 0;} .single-fact-counter .title h3 { font-size: 18px; line-height: 20px;} .about-style1-content .text p { padding-bottom: 20px;} .about-style1-content .inner-content .button{ position: relative; display: block; overflow: hidden; width: 100%; border-top: 1px solid #e0e0e0;} .about-style1-content .inner-content .button li { position: relative; display: inline-block; padding-left: 40px; border-left: 1px solid #e0e0e0; padding-top: 23px; padding-bottom: 21px;} .about-style1-content .inner-content .button li:first-child{ border-left: none; padding-left: 0;} .about-style1-content .inner-content .button li a{ color: #212121; font-size: 14px; font-weight: 500; text-transform: uppercase; transition: all 200ms linear; transition-delay: 0.2s;} .about-style1-content .inner-content .button li a:hover{ color: #0b59d9;} .icon-arrow.fa.fa-angle-double-right { font-size: 18px; padding-right: 10px;} .about-style1-content .inner-content .button li a:hover span:before{ color: #0751c9; } .about-style1-right-content { position: relative; display: block;} .about-style1-image-bg { position: absolute; top: 0; left: 0; max-width: 320px; width: 100%; height: 360px; background-repeat: no-repeat; background-size: cover; background-position: center top; border-radius: 7px; z-index: 2;} .about-style1-right-content .inner-content-box{ position: relative; display: block; max-width: 330px; width: 100%; float: right; background: #1d2633; padding: 60px 114px 60px; padding-right: 7px; border-radius: 7px; margin-top: 70px;} .about-style1-right-content .inner-content-box .icon-holder{ padding-bottom: 20px;} .about-style1-right-content .inner-content-box .icon-holder span:before { position: relative; display: inline-block; color: #0b59d9; font-size: 50px; line-height: 50px; transform: rotate(180deg);} .about-style1-right-content .inner-content-box .ytxt{ color: #ffffff; font-size: 14px; line-height: 26px; font-weight: 500; margin: 0 0 18px;} .about-style1-right-content .inner-content-box h6{ color: #ffffff; font-size: 16px; font-weight: 500;} .about-style1-right-content .inner-content-box h6 span{ color: #ffffff; font-size: 14px; text-transform: uppercase;} .about-style1-right-content .inner-content-box .signature{ position: relative; display: block; padding-top: 21px;} .single-fact-counter .count-box h2 { color: #808080; font-size: 36px; line-height: 40px; font-weight: 500;} .single-fact-counter .count-box h2 i:before { position: relative; top: -1px; display: inline-block; font-size: 20px;}