@import url('css.css'); @import url('css1.css'); @import url('font-awesome.css'); @import url('flaticon.css'); @import url('animate.css'); @import url('owl.css'); @import url('jquery-ui.css'); @import url('custom-animate.css'); @import url('simple-line-icons.css'); @import url('jquery.fancybox.min.css'); @import url('jquery.mCustomScrollbar.min.css'); @import url('animate.css'); @import url('menu-7.css'); * { margin: 0; padding: 0; border: 0; outline: 0 } body { font-size: 15px; color: #2a2a2a; line-height: 1.7em; font-weight: 400; background: #fff; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; position:relative; } .bordered-layout .page-wrapper { padding: 0 50px 0 } a { text-decoration: none; cursor: pointer; color: #2B2B2B } button, a:hover, a:focus, a:visited { text-decoration: none; outline: none!important } h1, h2, h3, h4, h5, h6 { position: relative; font-weight: normal; margin: 0; background: 0; line-height: 1.6em; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; } h1 { font-size: 70px } h2 { font-size: 40px } h3 { font-size: 28px } h4 { font-size: 24px } h5 { font-size: 18px } h6 { font-size: 18px } textarea { overflow: hidden } p { position: relative; line-height: 1.8em; color: #2a2a2a; font-size: 15px; font-weight: 400 } .txt-elise2{overflow:hidden; text-overflow:ellipsis; white-space: nowrap; } .auto-container { position: static; max-width: 1480px; padding: 0 15px; margin: 0 auto } .header-style-two { z-index: 999!important } .medium-container { max-width: 850px } .divoff{ display:none } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px } .index_icon01 { background: url(../picture/index_icon01.png) left no-repeat; padding-left: 20px !important; } ul, li { list-style: none; padding: 0; margin: 0 } img { display: inline-block; max-width: 100% } .theme-btn { display: inline-block; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .centered { text-align: center } .btn-style-one { position: relative; line-height: 24px; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: .05em; background-color: #fc3549; padding: 12px 31px!important; text-transform: uppercase; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; background: #1461b9 } .btn-style-one:hover { color: #222; box-shadow: 0 0 7px 0 rgba(0,0,0,0.20); border-color: #fff; background: #fff } .btn-style-two { position: relative; line-height: 24px; background: #1461b9; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: .05em; padding: 12px 32px 12px; text-transform: uppercase; padding: 17px 50px 17px 50px; border-radius: 30px 30px 30px 30px; box-shadow: 0 10px 25px 0 #1461b933 } .btn-style-two:hover { background: #fc3549; border-color: #fc3549; color: #fff } .list-style-one { position: relative } .list-style-one li { position: relative; color: #666; font-size: 14px; font-weight: 400; line-height: 1.8em; margin-bottom: 6px; padding-left: 35px } .list-style-one li:last-child { margin-bottom: 0 } .list-style-one li:before { position: absolute; content: ""; left: 0; top: 12px; height: 3px; width: 15px; background-color: #222 } .list-style-two { position: relative } .list-style-two li { position: relative; color: #222; font-weight: 500; font-size: 14px; margin-bottom: 14px } .list-style-two li a { color: #222 } .list-style-two li a:hover { text-decoration: underline } .list-style-two li i { font-style: normal } .list-style-two li .icon { position: relative; top: 2px; font-size: 18px; margin-right: 8px; color: #fc3549 } .social-icon-one { position: relative } .social-icon-one li { position: relative; margin-right: 8px; display: inline-block } .social-icon-one li.twitter a { color: #00b9f1 } .social-icon-one li.linkedin a { color: #0089b1 } .social-icon-one li a { position: relative; font-size: 16px; color: #4a72a9; font-weight: 400; width: 52px; height: 52px; line-height: 50px; text-align: center; border-radius: 50px; border: 1px solid #e2e2e2; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .social-icon-one li a:hover { color: #fff; border-color: #fc3549; background-color: #fc3549 } .theme_color { color: #fc3549 } .preloader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-image: url(../image/preloader.svg) } img { display: inline-block; max-width: 100%; height: auto } .scroll-to-top { position: fixed; bottom: 15px; right: 15px; width: 50px; height: 50px; color: #fff; font-size: 24px; text-transform: uppercase; line-height: 50px; text-align: center; z-index: 100; cursor: pointer; background: #1461b9; display: none; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .scroll-to-top:hover { color: #fff; background: #242f6c } .sec-title { position: relative; margin-bottom: 10px } .sec-title .big-title { position: absolute; left: 0; right: 0; top: -100px; color: #f8f8f8; font-size: 164px; line-height: 1em; font-weight: 800 } .sec-title .inner-title { position: relative } .sec-title .title { font-size: 14px; font-weight: 600; color: #0056b3; position: relative; display: inline-block; margin-bottom: 2px; text-transform: uppercase } .sec-title h2 { display: block; position: relative; font-size: 2.25rem; font-weight: 500; line-height: 1.3em; margin-bottom: 20px; padding-bottom: 15px; color:#0056b3; } .inner-title::before { position: absolute; content: ''; left: 37%; bottom: 0; height: 2px; width: 26%; background-color: #F08300; -webkit-transition:.7s; transition:.7s } .inner-title:hover:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 100%; background-color: #F08300; -webkit-transition:.7s; transition:.7s } .default-btn-one { background-color: #c8242f; color: #fff; padding: 13px 25px; display: inline-block; border-radius: 5px } .default-btn-one:hover { background-color: #0f3041; color: #fff } .sec-title .text { position: relative; color: #666; font-weight: 400; line-height: 1.8em; margin-top: 15px } .sec-title.style-two h2:before { display: none } .sec-title.style-three h2 { font-size: 30px } .sec-title.centered { text-align: center } .sec-title.centered .text { max-width: 580px; margin: 0 auto } .sec-title.light .text { color: #202020 } .sec-title.light h2{ color:#0056b3 } .sec-title-two { position: relative; text-align: center; background-size: cover; background-attachment: fixed; background-repeat: no-repeat } .sec-title-two .image-layer { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; height: 250px } .sec-title-two .image-layer:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-color: #fcfcfc; background-color: #f3f3f3 } .sec-title-two .title-inner { position: relative; padding: 48px 100px; display: inline-block; background-color: #f3f3f3; border-radius: 10px } .sec-title-two .title-inner .title { position: relative; color: #fc3549; font-size: 16px; font-weight: 500; margin-bottom: 20px; text-transform: uppercase; font-size: 12px; color: #fff; background-color: #fc3549; border-radius: 14px 14px 14px 14px; display: inherit; font-weight: 700; padding: 5px 20px 5px 20px } .sec-title-two .title-inner .title:before { position: absolute; content: ''; left: 50%; top: -68px; height: 50px; width: 2px; margin-left: -1px; background-color: #fc3549 } .sec-title-two .title-inner h2 { position: relative; color: #222; font-weight: 700; line-height: 1.3em; font-size: 36px; display: -webkit-box; text-transform: capitalize; font-weight: 600; line-height: 48px; color: #3f4451; font-family: "Roboto", Sans-serif } .main-header { position: absolute; z-index: 9; width: 100%; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms } .main-header .header-top { position: relative; padding: 15px 0 } .main-header .header-top .top-left { position: relative; float: left } .main-header .header-top .top-left .info-list { position: relative; float: left } .main-header .header-top .top-left .info-list li { position: relative; float: left; font-size: 14px; line-height: 30px; color: #fff; font-weight: 500; padding: 7px 0 8px; margin-right: 34px } .main-header .header-top .top-left .info-list li span { position: relative; color: #ccc } .main-header .header-top .top-left .info-list li a { color: #fff } .main-header .header-top .top-left .info-list li a:hover { color: #fc3549 } .main-header .header-top .top-right { position: relative; float: right } .main-header .header-top .top-right .social-links { position: relative; padding-top: 12px } .main-header .header-top .top-right .social-links li { position: relative; margin-left: 22px; display: inline-block } .main-header .header-top .top-right .social-links li a { position: relative; color: #ccc; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease } .main-header .header-top .top-right .social-links li a:hover { color: #fc3549 } .main-header .main-box { position: relative; padding: 0; left: 0; top: 0; width: 100%; background: 0; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .main-header .main-box .outer-container { position: relative; padding: 0 40px } .main-header .main-box .logo-box { position: relative; float: left; left: 0; z-index: 10; padding: 30px 0 } .main-header .main-box .logo-box .logo img { display: inline-block; max-width: 100%; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .main-header .nav-toggler { position: absolute; top: 50%; margin-top: 0; display: block } .main-header .nav-toggler button { position: relative; display: block; color: #444; text-align: center; font-size: 24px; line-height: 34px; font-weight: normal; background: 0 } .main-header .header-upper-logo { position: relative; } .main-header .header-upper-logo:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .9; z-index: 1 } .main-header .header-upper-logo .outer-container { position: relative; padding: 0 100px; background: white } .main-header .header-upper-logo .logo-box { position: relative; z-index: 20; padding: 10px 0 0 0; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .main-header .header-upper-logo .logo-box .logo { position: relative } .main-header .header-upper-logo .social-outer-box { position: absolute; right: 0; top: 0; padding: 50px 60px 40px; background-color: #fff } .main-header .header-upper-logo .social-outer-box .social-links { position: relative } .main-header .header-upper-logo .social-outer-box .social-links li { position: relative; margin: 0 10px; display: inline-block } .main-header .header-upper-logo .social-outer-box .social-links li a { position: relative; color: #222; font-size: 16px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease } .main-header .header-upper-logo .social-outer-box .social-links li a:hover { color: #fc3549 } .main-header .header-upper-logo .outer-box { position: relative; float: right; z-index: 10; background-color: #fff; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .main-header .header-upper-logo .outer-box .login-btn { position: relative; float: left } .main-header .header-upper-logo .outer-box .login-btn .icon { position: relative; color: #222; font-size: 18px; line-height: 1.3em } .main-header .header-upper-logo .outer-box .search-box-btn { position: relative; padding: 30px 0 36px; font-size: 18px; margin-left: 35px; color: #282828; cursor: pointer; float: left } .main-header .header-upper-logo .outer-box .cart-btn { position: relative; float: left } .main-header .header-upper-logo .outer-box .cart-btn .icon { position: relative; color: #222; font-size: 18px; line-height: 1.3em; margin-left: 15px } .main-header .header-upper-logo .outer-box .cart-btn .total-cart { position: absolute; content: ''; top: -8px; right: -12px; color: #222; width: 20px; height: 20px; font-size: 12px; padding-left: 1px; text-align: center; line-height: 18px; border-radius: 50%; background-color: #fc3549; font-family: 'Open Sans', sans-serif; font-weight: 700; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease } .main-header .header-upper { position: relative } .main-header .header-upper .outer-container { position: relative; padding: 0 100px; background: white } .main-header .nav-outer { position: relative; float: left; width: 100%; margin-top: -100px; text-align: right; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-header .header-upper .logo-box { position: relative; z-index: 20; padding: 42px 0; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .main-header .header-upper .logo-box .logo { position: relative } .main-header .header-upper .social-outer-box { position: absolute; right: 0; top: 0; padding: 50px 60px 40px; background-color: #fff } .main-header .header-upper .social-outer-box .social-links { position: relative } .main-header .header-upper .social-outer-box .social-links li { position: relative; margin: 0 10px; display: inline-block } .main-header .header-upper .social-outer-box .social-links li a { position: relative; color: #222; font-size: 16px; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease } .main-header .header-upper .social-outer-box .social-links li a:hover { color: #fc3549 } .main-header .header-upper .outer-box { position: relative; float: right; z-index: 10; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .main-header .header-upper .outer-box .login-btn { position: relative; float: left } .main-header .header-upper .outer-box .login-btn .icon { position: relative; color: #222; font-size: 18px; line-height: 1.3em } .main-header .header-upper .outer-box .search-box-btn { position: relative; padding: 48px 0 0px; font-size: 18px; margin-left: 35px; color: #114fa2; cursor: pointer; float: left } .main-header .header-upper .outer-box .cart-btn { position: relative; float: left } .main-header .header-upper .outer-box .cart-btn .icon { position: relative; color: #222; font-size: 18px; line-height: 1.3em; margin-left: 15px } .main-header .header-upper .outer-box .cart-btn .total-cart { position: absolute; content: ''; top: -8px; right: -12px; color: #222; width: 20px; height: 20px; font-size: 12px; padding-left: 1px; text-align: center; line-height: 18px; border-radius: 50%; background-color: #fc3549; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; font-weight: 700; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease } .main-header.header-style-four .header-upper .outer-box .search-box-btn { padding: 0; color: #222; margin-left: 16px } .main-header .nav-outer .search-box-btn { display: inline-block; margin-left: 30px; margin-right: 20px } .main-header.four .nav-outer .search-box-btn { margin-right: 212px } .main-header .nav-outer .search-box-btn .icon { position: relative; top: 12px; color: #fc3549; cursor: pointer; font-size: 20px; font-weight: 800 } .main-header.header-style-two .nav-outer .search-box-btn .icon, .main-header.header-style-three .nav-outer .search-box-btn .icon, .main-header.header-style-four .nav-outer .search-box-btn .icon { color: #fff } .header-style-two .main-menu, .header-style-three .main-menu { float: left; width: auto } .main-header.header-style-two .nav-outer { margin-top: 0; width: auto; float: right } .main-header.header-style-two .header-upper .logo-box { position: relative; padding: 0; left: 0; top: 0; padding-top: 10px; padding-right: 40px; background-color: transparent; width:40% } .header-style-two .main-menu .navigation>li.search-box-btn .icon { color: #fc3549 } .header-style-two .main-menu .navigation>li>a { padding: 15px 0; color: #fff } .header-style-two .main-menu .navigation>li>a:before { bottom: 5px } .main-header .header-upper .upper-right { padding-top: 32px } .main-menu { position: relative; display: inline-block; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .main-menu .navbar-collapse { padding: 0; width: 100% } .main-menu .navigation { position: relative; margin: 0; text-align: center; width: 100%; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; } .main-menu .navigation>li { position: relative; display: inline-block; margin: 40px 11px 0 11px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .main-menu .navigation>li:last-child { margin-right: 0 } .main-menu .navigation>li>a { position: relative; display: block; color: #434343; text-align: center; line-height: 30px; text-transform: capitalize; letter-spacing: 0; opacity: 1; font-weight: bold; padding: 38px 0; font-size: 18px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; z-index: 22 } .header_1 .navigation>li>a { color: #fff } .header_1 .navigation>li.current>a { color: #fff } .main-menu .navigation>li>a:before { position: absolute; content: ''; left: 0; bottom: 52px; height: 2px; width: 0; background-color: #F08300; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .main-menu .navigation>li.current>a:before, .main-menu .navigation>li:hover>a:before { width: 100% } .main-menu .navigation>li:hover>a, .main-menu .navigation>li.current>a, .main-header.light-version .main-menu .navigation>li:hover>a, .main-header.light-version .main-menu .navigation>li.current>a { opacity: 1; color: #fff } .main-menu .navigation>li>ul { position: absolute; left: 0; top: 100%; margin-top: 1px; width: 160px; z-index: 100; display: none; opacity: 0; visibility: hidden; padding: 10px 0; background: #fff; text-align: left; border-radius: 3px; -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0 5px 1px rgba(0,0,0,0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0 5px 1px rgba(0,0,0,0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0 5px 1px rgba(0,0,0,0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0 5px 1px rgba(0,0,0,0.05); box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0 5px 1px rgba(0,0,0,0.05); transition: all 700ms ease; z-index: 22 } .main-menu .navigation>li>ul:before { position: absolute; content: ''; left: 0; top: -30px; width: 100%; height: 30px; display: block } .main-menu .navigation>li>ul.from-right { left: auto; right: 0 } .main-menu .navigation>li>ul>li { position: relative; width: 100%; padding: 0 25px; border-bottom: 1px solid rgba(0,0,0,0.05); margin-bottom: 0 } .main-menu .navigation>li>ul>li:last-child { margin-bottom: 0; border-bottom: 0 } .main-menu .navigation>li>ul>li>a { position: relative; display: block; padding: 8px 0; line-height: 24px; font-weight: 600; font-size: 14px; text-transform: capitalize; color: #114fa2; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease } .main-menu .navigation>li>ul>li:hover>a { color: #43b9fe; padding-left: 5px } .main-menu .navigation>li>ul>li.dropdown>a:after { font-family: 'FontAwesome'; content: "\f105"; position: absolute; right: 0; top: 9px; width: 10px; display: block; line-height: 24px; font-size: 16px; font-weight: normal; text-align: center; z-index: 5 } .main-menu .navigation>li>ul>li>ul { position: absolute; left: 100%; top: 0; width: 210px; z-index: 100; display: none; opacity: 0; visibility: hidden; padding: 10px 0; background: #fff; text-align: left; border-radius: 3px; -moz-transform: translateY(30px); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0 5px 1px rgba(0,0,0,0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0 5px 1px rgba(0,0,0,0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0 5px 1px rgba(0,0,0,0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0 5px 1px rgba(0,0,0,0.05); box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05), -2px 0 5px 1px rgba(0,0,0,0.05); transition: all 700ms ease } .main-menu .navigation>li>ul>li>ul.from-right { left: auto; right: 0 } .main-menu .navigation>li>ul>li>ul>li { position: relative; width: 100%; padding: 0 25px; border-bottom: 1px solid rgba(0,0,0,0.05); margin-bottom: 0 } .main-menu .navigation>li>ul>li>ul>li:last-child { margin-bottom: 0; border-bottom: 0 } .main-menu .navigation>li>ul>li>ul>li>a { position: relative; display: block; padding: 8px 0; line-height: 24px; font-weight: 600; font-size: 14px; text-transform: capitalize; color: #114fa2; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease } .main-menu .navigation>li>ul>li>ul>li:hover>a { color: #43b9fe; padding-left: 5px } .main-menu .navigation>li.dropdown:hover>ul { visibility: visible; opacity: 1; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .main-menu .navigation li>ul>li.dropdown:hover>ul { visibility: visible; opacity: 1; top: 0; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .main-menu .navbar-collapse>ul li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 6px; width: 30px; height: 30px; text-align: center; color: #fff; line-height: 28px; border: 1px solid #fff; background-size: 20px; cursor: pointer; z-index: 5; display: none } .sticky-header { position: fixed; opacity: 0; visibility: hidden; left: 0; top: 0; width: 100%; padding: 0; background: #036eb8; z-index: 0; border-bottom: 1px solid rgba(255,255,255,0.10); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .fixed-header .sticky-header { z-index: 999; opacity: 1; visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; border-bottom: 1px solid #036eb8 } .sticky-header .main-menu { margin-top: 0 } .sticky-header .main-menu .navigation>li { position: relative; margin-left: 24px; margin-right: 24px; padding: 0 } .sticky-header .main-menu .navigation>li:before, .sticky-header .main-menu .navigation>li:after { display: none } .sticky-header .main-menu .navigation>li:hover>a, .sticky-header .main-menu .navigation>li.current>a { color: #e1e7ec!important; background-color: inherit!important } .sticky-header .main-menu .navigation>li>a { color: #fff!important; background-color: inherit!important } .sticky-header .nav-outer .options-box { margin-top: 26px } .sticky-header .logo { padding: 19px 0 4px; width: 136px } .sticky-header .header-upper .logo-box { padding: 10px 0 } .sticky-header .main-menu .navigation>li>a { padding: 30px 0 } .sticky-header .header-upper .button-box { padding-top: 15px } .sticky-header .header-upper .button-box .btn-style-one { background-color: rgba(255,255,255,1); color: #222 } .sticky-header .main-menu .navigation>li>a { padding: 19px 0!important } .sticky-header .main-menu .navigation>li>a:before { display: none } .header-style-two { position: absolute; left: 0; top: 0; right: 0; z-index: 10000; background:url(../image/top2.png) bottom center repeat-x; } .fixed-bg{ position: absolute; left: 0; top: 0; right: 0; z-index: 10000; background:url(../image/top2.png) bottom center repeat-x; } .header-style-three .nav-outer { float: right; margin-top: 0; width: auto } .header-style-three .header-upper .logo-box { padding: 20px 0 20px } .header-style-three .header-upper .inner-container { background-color: #fff; padding: 0 40px } .header-style-three .main-menu .navigation>li>a { color: #222; font-size: 16px; padding: 20px 0 } .header-style-three .main-menu .navigation>li>a:before { bottom: 34px } .header-style-three .header-upper .outer-box .search-box-btn { padding: 44px 0 42px } .header-style-four { position: relative } .header-style-four .header-upper .logo-box { position: relative; padding: 15px 0 15px } .header-style-four .header-upper .outer-box { position: absolute; right: 0; top: 35px } .header-style-four .main-menu .navigation>li>a { color: #222; padding: 15px 0 } .header-style-four .nav-outer { margin-top: -100px } .header-style-four .main-menu .navigation>li>a:before { bottom: 28px } .nav-outer .mobile-nav-toggler { position: relative; float: right; font-size: 30px; line-height: 40px; cursor: pointer; color: #fc3549; padding: 10px 0; display: none } .mobile-menu { position: fixed; right: 0; top: 0; width: 300px; padding-right: 30px; max-width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 999999 } .mobile-menu .nav-logo { position: relative; padding: 20px 20px; text-align: left } .mobile-menu .nav-logo img { max-width: 180px } .mobile-menu-visible { overflow: hidden } .mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible } .mobile-menu .menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.90); -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%) } .mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 1; visibility: visible; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } .mobile-menu .menu-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #fff; padding: 0; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0; -webkit-transform: translateX(101%); -ms-transform: translateX(101%); transform: translateX(101%) } .mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; -webkit-transition: all .7s ease 500ms; -moz-transition: all .7s ease 500ms; -ms-transition: all .7s ease 500ms; -o-transition: all .7s ease 500ms; transition: all .7s ease 500ms; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } .mobile-menu .close-btn { position: absolute; right: 3px; top: 3px; line-height: 30px; width: 30px; text-align: center; font-size: 14px; color: #202020; cursor: pointer; z-index: 10; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px) } .mobile-menu-visible .mobile-menu .close-btn { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px) } .mobile-menu .close-btn:hover { color: #fc3549 } .mobile-menu .navigation { position: relative; display: block; border-top: 1px solid rgba(0,0,0,0.10) } .mobile-menu .navigation li { position: relative; display: block; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; border-bottom: 1px solid rgba(0,0,0,0.10) } .mobile-menu .navigation li>ul>li:last-child { border-bottom: 0 } .mobile-menu .navigation li>ul>li:first-child { border-top: 1px solid rgba(0,0,0,0.10) } .mobile-menu .navigation li>a { position: relative; display: block; line-height: 24px; padding: 10px 20px; font-weight: 500; font-size: 15px; color: #404040; text-transform: capitalize } .mobile-menu .navigation li>a:hover, .mobile-menu .navigation li.current>a { color: #fc3549 } .mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: 0; top: 0; width: 44px; height: 44px; text-align: center; font-size: 16px; line-height: 44px; color: #404040; cursor: pointer; z-index: 5 } .mobile-menu .navigation li.dropdown .dropdown-btn:after { content: ''; position: absolute; left: 0; top: 10px; width: 1px; height: 24px; border-left: 1px solid rgba(0,0,0,0.10) } .mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul { display: none } .main-slider { position: relative } .main-slider .title { position: relative; font-size: 22px; color: #fff; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; padding-bottom: 18px } .main-slider .title:before { position: absolute; content: ''; left: 50%; bottom: 0; height: 2px; width: 50px; margin-left: -25px; background-color: #fc3549 } .main-slider .title-two { position: relative; font-size: 18px; font-weight: 600; color: #222; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; padding-bottom: 18px } .main-slider .title-two:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 50px; background-color: #fc3549 } .main-slider h2 { position: relative; display: block; font-size: 60px; color: #fff; font-weight: 600; line-height: 1.1em; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; z-index: 1 } .main-slider h2.style-three { font-size: 64px; font-weight: 400; color: #222 } .main-slider h2.style-two { color: #222 } .main-slider .text.style-two { color: #222 } .main-slider .text { position: relative; font-size: 20px; color: #fff; font-weight: 400; line-height: 1.14em; padding-right: 64px; text-transform: capitalize; display: inline-block; z-index: 1 } .main-slider .text:before { position: absolute; content: ''; right: 0; top: 12px; height: 2px; width: 50px; background-color: #fc3549 } .main-slider .link-box { position: relative; z-index: 1 } .main-slider .link-box .theme-btn { position: relative; margin-right: 20px } .main-slider .social-links { position: fixed; right: 0; top: 50%; margin-top: -100px; z-index: 99; padding: 50px 35px 40px; border: 1px solid rgba(0,0,0,0.05); border-right: 0; background-color: #fff } .main-slider .social-links li { position: relative; display: block; margin-bottom: 10px } .main-slider .social-links li:last-child { margin: 0 } .main-slider .social-links a { position: relative; display: block; color: #222; font-size: 16px; line-height: 40px } .main-slider .social-links a:hover { color: #fc3549 } .main-slider.home-three .theme-btn { margin: 0 } .search-popup { position: fixed; left: 0; top: -100%; width: 100%; height: 100%; z-index: 9999; visibility: hidden; opacity: 0; overflow: auto; background: rgba(0,0,0,0.80); transition: all 700ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease } .search-popup .overlay-layer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block } .search-popup.popup-visible { top: 0; visibility: visible; opacity: 1 } .search-popup .close-search { position: absolute; right: 25px; top: 25px; font-size: 22px; color: #fff; cursor: pointer; z-index: 5 } .search-popup .close-search:hover { opacity: .70 } .search-popup .search-form { position: relative; padding: 0 15px 0; max-width: 1024px; margin: 0 auto; margin-top: 200px } .search-popup .search-form fieldset { position: relative; border: 7px solid rgba(255,255,255,0.50); -webkit-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px } .search-popup .search-form fieldset input[type="search"] { position: relative; height: 70px; padding: 20px 220px 20px 30px; background: #fff; line-height: 30px; font-size: 24px; color: #233145; -webkit-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } .search-popup .search-form fieldset input[type="submit"] { position: absolute; display: block; right: 0; top: 0; text-align: center; width: 220px; height: 70px; padding: 23px 10px 20px 10px; color: #fff!important; background: #fc3549; line-height: 30px; font-size: 20px; cursor: pointer; text-transform: uppercase; -webkit-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; -ms-border-radius: 0 7px 7px 0; -o-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0 } .theme-purple .search-popup .search-form fieldset input[type="submit"] { background: #d971f2 } .theme-dark-blue .search-popup .search-form fieldset input[type="submit"] { background: #5677cc } .theme-orange .search-popup .search-form fieldset input[type="submit"] { background: #ff5412 } .theme-cyan .search-popup .search-form fieldset input[type="submit"] { background: #43d6d1 } .search-popup .search-form fieldset input[type="submit"]:hover { background: #fc3549 } .search-popup h3 { font-size: 24px; color: #fff; margin-bottom: 20px; text-align: center } .search-popup .recent-searches { font-size: 16px; color: #fff; text-align: center } .search-popup .recent-searches li { display: inline-block; margin: 0 10px 10px 0 } .search-popup .recent-searches li a { display: block; line-height: 24px; border: 1px solid #fff; padding: 7px 15px; color: #fff; border-radius: 3px } .search-popup .recent-searches li a:hover { color: #fc3549; border-color: #fc3549 } .theme-purple .search-popup .recent-searches li a:hover { color: #fc3549; border-color: #fc3549 } .theme-dark-blue .search-popup .recent-searches li a:hover { color: #fc3549; border-color: #fc3549 } .theme-orange .search-popup .recent-searches li a:hover { color: #fc3549; border-color: #fc3549 } .theme-cyan .search-popup .recent-searches li a:hover { color: #fc3549; border-color: #fc3549 } .about-section { position: relative; padding: 20px 0 30px; } .about-section .title-box { position: relative; margin-bottom: 100px } .about-section .title-box .bold-text { position: relative; color: #222; font-size: 16px; line-height: 1.6em; margin-top: 40px; margin-bottom: 20px; font-weight: 600 } .about-section .title-box .text { position: relative; margin-bottom: 35px; font-size: 15px; line-height: 30px; color: #4d4d4d; font-weight: 400 } .about-section .pattern-layer { position: absolute; right: 0; bottom: 0; width: 100%; height: 500px } .services-block { position: relative; margin-bottom: 30px } .services-block .inner-box { position: relative } .services-block .inner-box .image { position: relative; display: block; background: #000; overflow: hidden; transition: all 700ms ease } .services-block .inner-box .image a { position: relative; display: block } .services-block .inner-box .image a:before { content: "\f0c1"; font-family: 'FontAwesome'; font-weight: 400; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #fff; color: #fc3549; font-size: 20px; border-radius: 50%; z-index: 1; opacity: 0; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); -moz-transform: translateY(30px); transform: translateY(30px) } .services-block .inner-box .image img { display: block; width: 100%; height: auto; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease } .services-block .inner-box:hover .image a:before { -webkit-transition: all 700ms ease 700ms; -moz-transition: all 700ms ease 700ms; -ms-transition: all 700ms ease 700ms; -o-transition: all 700ms ease 700ms; transition: all 700ms ease 700ms; opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px) } @-webkit-keyframes shine { 100% { left:125% } } @keyframes shine { 100% { left:125% } } .services-block .inner-box .lower-box { position: relative; padding-top: 25px; text-align: center; padding-bottom: 30px; background: #f6f6f6; padding: 30px; background: #262051 } .services-block .inner-box .lower-box:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 100%; background-color: #7ce7bf } .services-block .inner-box .lower-box h3 { position: relative; font-size: 24px; font-weight: 700; line-height: 1.3em; text-align: left } .services-block .inner-box .lower-box h3 a { position: relative; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; color: #fff; position: relative; font-size: 20px; font-weight: 600; line-height: 1.3em } .services-block .inner-box .lower-box h3 a:hover { color: #7ce7bf } .services-block .inner-box .lower-box .text { position: relative; color: #aeaacb; font-size: 12px; margin-top: 4px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; text-align: left } .container-fluid { position: relative; padding: 0; padding-top: 20px; padding-bottom: 20px } .container-fluid.seo_profile .owl-nav { display: none!important } .container-fluid .pattern-layer { position: absolute; content: ''; left: 0; bottom: 0; width: 600px; height: 460px; background-repeat: no-repeat; background-position: left bottom } .container-fluid .outer-section { position: relative } .container-fluid .outer-section .left-column { position: relative; width: 50%; float: left; padding: 0 15px; padding-right: 150px } .container-fluid .outer-section .left-column .inner-column { position: relative; max-width: 520px; width: 100%; display: block; float: right; padding: 95px 0; padding-right: 110px } .container-fluid .outer-section .left-column .sec-title .title { color: #222 } .container-fluid .outer-section .left-column .sec-title h2:before { background-color: #222 } .container-fluid .outer-section .left-column .text { position: relative; color: #222; font-size: 14px; line-height: 1.8em } .container-fluid .outer-section .right-column { position: relative; width: 69%; float: right; padding: 0; background-size: cover } .container-fluid .outer-section .right-column .inner-column { position: relative; display: block; margin-left: -150px; background-size: cover } .container-fluid .outer-section .right-column .inner-column .owl-carousel { width: 100%; display: block } .container-fluid .outer-section .right-column .inner-column .owl-dots { display: none } .container-fluid .outer-section .right-column .inner-column .owl-nav { position: absolute; bottom: 0; display: none } .container-fluid .outer-section .right-column .inner-column .owl-nav .owl-prev, .container-fluid .outer-section .right-column .inner-column .owl-nav .owl-next { position: relative; width: 55px; height: 55px; color: #fff; line-height: 55px; text-align: center; font-size: 22px; margin-left: 2px; background-color: #222; display: inline-block } .container-fluid .image-layer { position: absolute; right: 0; top: 0; width: 100%; height: 100%; display: block; background-size: cover } .container-fluid .image-layer:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block } .services-block-two { position: relative } .services-block-two .inner-box { position: relative; overflow: hidden; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease } .services-block-two .inner-box:hover .image img { -webkit-transform: scale(1.2, 1.3); -ms-transform: scale(1.2, 1.3); -moz-transform: scale(1.2, 1.3); transform: scale(1.2, 1.3) } .services-block-two .inner-box .image { position: relative } .services-block-two .inner-box .image img { position: relative; width: 100%; display: block; transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease } .services-block-two .inner-box .overlay-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0 } .services-block-two .inner-box .overlay-box:before { position: absolute; content: ''; left: 0; top: 0; right: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0, #000 100%); background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0, #000 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0, #000 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #000)); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, #000 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0, #0002e 100%) } .services-block-two .inner-box .overlay-box:after { position: absolute; content: ''; left: 0; top: -100%; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; background: rgba(0,0,0,0.70) } .services-block-two .inner-box:hover .overlay-box:before { top: 100%; opacity: 0 } .services-block-two .inner-box:hover .overlay-box:after { opacity: 1; top: 0 } .services-block-two .inner-box .overlay-box h3 { position: absolute; right: 35px; bottom: 35px; text-align: right; line-height: 1.3em; padding-bottom: 10px; display: inline-block; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; color: red } .services-block-two .inner-box:hover .overlay-box h3 { opacity: 0; -webkit-transform: translateX(110%); -ms-transform: translateX(110%); -moz-transform: translateX(110%); transform: translateX(110%) } .services-block-two .inner-box .overlay-box h3:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 50px; background-color: #fc3549; display: none } .services-block-two .inner-box .overlay-box h3 a { position: relative; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-size: 12px; color: #fff; background-color: #1461b9; display: inline-block; padding: 3px 12px 3px 12px; font-weight: 500; text-transform: uppercase; border-radius: 0; box-shadow: -3px 15px 25px 0 rgba(31,183,135,0.3) } .services-block-two .inner-box .overlay-box h3 a:hover { color: #fc3549 } .services-block-two .inner-box .overlay-box .links-box { position: absolute; left: 0; top: 50%; margin-top: -22px; width: 100%; text-align: center; opacity: 0; -webkit-transform: translateY(-70px); -ms-transform: translateY(-70px); -moz-transform: translateY(-70px); transform: translateY(-70px); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; z-index: 1 } .services-block-two .inner-box:hover .overlay-box .links-box { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px) } .services-block-two .inner-box .overlay-box .links-box .link { position: relative; display: inline-block; width: 44px; height: 44px; line-height: 44px; font-size: 16px; background: #fff; color: #fc3549; margin: 0 3px; border-radius: 3px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease } .services-block-two .inner-box .overlay-box .links-box .link:hover { background: #fc3549; color: #fff } .story-section { position: relative; padding-top: 100px } .story-section .pattern-layer-two { position: absolute; content: ''; left: -500px; bottom: -50px; width: 780px; height: 550px; background: url(../image/pattern-3.png) no-repeat } .story-section .owl-nav { display: none } .story-section .owl-dots { position: absolute; right: -60px; top: 50%; margin-top: 0 } .story-section .owl-dots .owl-dot { position: relative; width: 8px; height: 8px; margin-bottom: 10px; border-radius: 50%; background-color: #fff; border: 1px solid #cdcdcd } .story-section .owl-dots .owl-dot.active, .story-section .owl-dots .owl-dot:hover { border-color: #fc3549; background-color: #fc3549 } .story-section .owl-theme .story-block-two { margin: 0 15px } .story-section .owl-carousel { margin: 0 -15px; width: auto } .story-block { position: relative; margin-bottom: 80px } .story-block .pattern-layer { position: absolute; content: ''; right: -500px; top: -20px; width: 780px; height: 550px; background: url(../image/pattern-3.png) no-repeat } .story-block .inner-box { position: relative } .story-block .inner-box .content-column { position: relative; padding: 0; float: left } .story-block .inner-box .content-column .inner-column { position: relative; padding: 50px 60px 50px; z-index: 1; margin-right: 11px; background-color: #fff; box-shadow: 0 0 25px rgba(0,0,0,0.10) } .story-block .inner-box .content-column .inner-column .text { position: relative } .story-block .inner-box .content-column .inner-column .text p { position: relative; color: #666; font-size: 14px; line-height: 1.8em; margin-bottom: 20px } .story-block .inner-box .content-column .inner-column .text p span { color: #fc3549 } .story-block .inner-box .content-column .inner-column .text p:last-child { margin-bottom: 0 } .story-block .inner-box .image-column { position: relative; padding: 0; float: right; margin-bottom: 50px } .story-block .inner-box .image-column .inner-column { position: relative; padding-top: 45px } .story-block .inner-box .image-column .inner-column .image img { width: 100%; display: block } .story-block-two { position: relative; margin-bottom: 80px } .story-block-two .pattern-layer { position: absolute; content: ''; left: -500px; top: -20px; width: 780px; height: 550px; background: url(../image/pattern-3.png) no-repeat } .story-block-two .inner-box { position: relative } .story-block-two .inner-box .content-column { position: relative; padding: 0; float: left } .story-block-two .inner-box .content-column .sec-title { text-align: left; margin-left: 30px } .story-block-two .inner-box .content-column .sec-title .inner-title { text-align: left; display: block } .story-block-two .inner-box .content-column .inner-column { position: relative; padding: 50px 60px 50px; z-index: 1; margin-left: 35px; background-color: #fff; box-shadow: 0 0 25px rgba(0,0,0,0.10) } .story-block-two .inner-box .content-column .inner-column .text { position: relative } .story-block-two .inner-box .content-column .inner-column .text p { position: relative; font-size: 15px; line-height: 1.8em; margin-bottom: 20px } .story-block-two .inner-box .content-column .inner-column .text p span { color: #fc3549 } .story-block-two .inner-box .content-column .inner-column .text p strong { color: #222 } .story-block-two .inner-box .content-column .inner-column .text p:last-child { margin-bottom: 0 } .story-block-two .inner-box .image-column { position: relative; padding: 0; float: left; margin-bottom: 50px } .story-block-two .inner-box .image-column .inner-column { position: relative; padding-top: 45px } .story-block-two .inner-box .image-column .inner-column .image { position: relative } .story-block-two .inner-box .image-column .inner-column .image img { position: relative; width: 100%; display: block } .product-tab-section { position: relative; padding-top: 100px; background-attachment: initial; background-repeat: no-repeat; background: #fcfcfc; background-image: none!important; padding-bottom: 0; overflow: hidden } .product-tab-sectionx:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(26,26,26,0.92) } .product-tab-section .content-box { position: relative } .product-tab-section .content-box .inner-content { position: relative; margin-left: 0; transition: background .3s, border .3s, border-radius .3s, box-shadow .3s; border-radius: 10px } .product-tab-section .content-box .inner-content .sec-title h2 { font-size: 36px; font-weight: 800 } .product-tab-section .design-tabs { position: relative } .product-tab-section .design-tabs .tab-btns { position: relative; margin-bottom: 15px; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; } .product-tab-section .design-tabs .tab-btns .tab-btn { position: relative; margin-right: 25px; font-size: 16px; background: 0; color: #fff; text-transform: uppercase; font-weight: 600; line-height: 24px; cursor: pointer; padding-bottom: 5px; margin-bottom: 8px; display: inline-block; transition: all 500ms ease; color: #fff; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; font-size: 13px; font-weight: 500; text-transform: uppercase; padding: 8px 20px 8px 20px; background-color: #1461b9; box-shadow: 0 8px 17px 0 #1461b91f } .product-tab-section .design-tabs .tab-btns .tab-btn:before { position: absolute; content: ''; left: 0; bottom: 0; height: 3px; width: 0; background-color: #145174; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease } .product-tab-section .design-tabs .tab-btns .tab-btn:hover::before, .product-tab-section .design-tabs .tab-btns .tab-btn.active-btn:before { width: 100% } .product-tab-section .design-tabs .tab-btns .tab-btn:hover, .product-tab-section .design-tabs .tab-btns .tab-btn.active-btn { color: #fff } .product-tab-section .design-tabs .tabs-content { position: relative } .product-tab-section .design-tabs .tabs-content .tab { position: relative; display: none } .product-tab-section .design-tabs .tabs-content .tab.active-tab { display: block } .product-tab-section .design-tabs .tabs-content .text { position: relative; font-size: 15px; line-height: 1.8em; margin-bottom: 40px } .product-tab-section .design-tabs .tabs-content .active-tab .text, .product-tab-section .design-tabs .tabs-content .active-tab .theme-btn { -ms-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -op-animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; padding-right: 50px } .projects-section { position: relative; padding-top: 100px } .projects-section .pattern-layer { position: absolute; content: ''; left: 0; height: 154px; width: 100%; background-position: center center; background-repeat: no-repeat } .projects-section .column { position: relative; padding: 0; float: left } .project-block { position: relative; z-index: 1 } .project-block .inner-box { position: relative } .project-block .inner-box .image { position: relative } .project-block .inner-box .image img { position: relative; width: 100%; display: block } .project-block .inner-box .image .overlay-box { position: absolute; left: 30px; bottom: 30px; right: 30px; top: 30px; z-index: 2; opacity: 0; display: block; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease } .project-block .inner-box .image .overlay-box:before { position: absolute; content: ''; right: 0; top: 0; width: 100%; height: 0; display: block; opacity: 0; text-align: center; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: #fc3549 } .project-block .inner-box:hover .image .overlay-box:before { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1) } .project-block .inner-box .image .overlay-box:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 100%; display: block; opacity: 0; text-align: center; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: #00d280d9 } .project-block .inner-box:hover .image .overlay-box:after { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1) } .project-block .inner-box:hover .image .overlay-box { opacity: 1 } .project-block .inner-box .image .overlay-box .plus { position: relative; display: inline-block; z-index: 1; color: #fff; font-size: 18px; text-align: center; line-height: 34px; 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 } .project-block .inner-box:hover .image .overlay-box .plus { -ms-animation-name: rotateMe; -moz-animation-name: rotateMe; -o-animation-name: rotateMe; -webkit-animation-name: rotateMe; animation-name: rotateMe; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -o-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-delay: 800ms; -moz-animation-delay: 800ms; -o-animation-delay: 800ms; -webkit-animation-delay: 800ms; animation-delay: 800ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 2; -moz-animation-iteration-count: 2; -op-animation-iteration-count: 2; -webkit-animation-iteration-count: 2; animation-iteration-count: 2 } .project-block .inner-box .image .overlay-box .plus:hover { color: #fff } .project-block .inner-box .image .overlay-box .overlay-inner { position: absolute; left: 0; top: 30px; width: 100%; height: 100%; display: table; z-index: 1; padding: 10px 10px; vertical-align: middle; opacity: 0; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .project-block .inner-box:hover .image .overlay-box .overlay-inner { opacity: 1; top: 0; transition-delay: 500ms } .project-block .inner-box .image .overlay-box .overlay-inner .overlay-content { position: relative; text-align: center; display: table-cell; vertical-align: middle; background: #1461b9 } .project-block .inner-box .image h3 { position: relative; font-size: 22px; color: #222; z-index: 1; font-weight: 600; line-height: 1.3em; margin-top: 15px; margin-bottom: 7px } .project-block .inner-box .image h3 a { position: relative; color: #fff; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .project-block .inner-box .image h3 a:hover { color: #fff; text-decoration: underline } .project-block .inner-box .image .category { position: relative; color: #fff; font-size: 14px; z-index: 1; letter-spacing: 1px; text-transform: uppercase } .counter-section { position: relative; padding: 20px 0 40px } .counter-section .sec-title { margin-bottom: 10px } .counter-section .pattern-layer { position: absolute; content: ''; right: 0; top: -50px; height: 960px; width: 814px; background-position: center center; background-repeat: no-repeat } .counter-section .counter-block { float: left; padding: 0 } .counter-block { position: relative } .counter-block .inner-box { position: relative; margin: 0; display: block; box-shadow: 0 0 20px rgba(0,0,0,0.10) } .counter-block .inner-box .image { position: relative; width: 100% } .counter-block .inner-box .image img { position: relative; width: 100%; display: block } .counter-block .inner-box .content-box { position: relative; width: 100%; text-align: center; padding: 50px 15px; background-color: #fff } .counter-block .inner-box .content-box .count-box { position: relative; color: #1461b9; font-size: 70px; line-height: 1em; font-weight: 800 } .counter-block .inner-box .content-box .text { position: relative; color: #222; font-size: 20px; padding-top: 15px; margin-top: 15px; text-transform: capitalize; font-weight: 600 } .counter-block .inner-box .content-box .text:before { position: absolute; content: ''; left: 50%; top: 0; height: 2px; width: 50px; margin-left: -25px; display: inline-block } .counter-block:nth-child(2) .inner-box .content-box .count-box, .counter-block:nth-child(4) .inner-box .content-box .count-box { color: #0056b3; width: 100% } .testimonial-section { position: relative; padding: 85px 0 85px; background-size: cover; background-repeat: no-repeat } .testimonial-section:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0 } .testimonial-section .owl-nav { display: none } .testimonial-section .owl-dots { position: relative; text-align: center; margin-top: 50px } .testimonial-section .owl-dots .owl-dot { position: relative; width: 9px; height: 9px; margin: 0 7px; border-radius: 50%; display: inline-block; border: 1px solid #fff; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .testimonial-section .owl-dots .owl-dot.active, .testimonial-section .owl-dots .owl-dot:hover { background-color: #fff } .testimonial-block { position: relative } .testimonial-block .inner-box { position: relative; text-align: center } .testimonial-block .inner-box .quote-icon { position: relative; font-size: 44px; line-height: 1em; color: #fff } .testimonial-block .inner-box .title { position: relative; color: #fff; font-size: 30px; font-weight: 600; margin-top: 25px; letter-spacing: 1px } .testimonial-block .inner-box .text { position: relative; color: #fff; font-size: 16px; line-height: 1.7em; font-style: italic; max-width: 1000px; margin: 0 auto; margin-top: 60px; font-weight: 400 } .testimonial-block .inner-box .author-name { position: relative; color: #fff; font-size: 14px; font-weight: 600; margin-top: 40px; letter-spacing: 1px; text-transform: uppercase } .team-section { position: relative; padding: 20px 0 30px; background: #fafafa78 } .team-section .section-title{ max-width:700px; margin:0 auto; } .team-section .pattern-layer { position: absolute; right: 0; top: 240px; width: 100%; height: 234px } .team-section .sec-title { margin-bottom: 10px } .team-section .sec-title .text { line-height: 2em; margin-top: 40px } .team-block { position: relative; margin-bottom: 30px } .team-block .inner-box { position: relative; box-shadow: 0 0 35px rgba(0,0,0,0.15) } .team-block .inner-box .image { position: relative; overflow: hidden } .team-block .inner-box .image img { position: relative; width: 100%; display: block } .team-block .inner-box .image .overlay-box { position: absolute; left: 20px; top: 20px; right: 20px; bottom: 20px; opacity: 0; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease } .team-block .inner-box .image .overlay-box:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; display: block; opacity: 0; visibility: hidden; transition: all 500ms ease; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; background-color: #15de9b; transform-origin: bottom; -moz-transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg) } .team-block .inner-box:hover .overlay-box:before { -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; visibility: visible } .team-block .inner-box:hover .overlay-box { opacity: 1 } .team-block .inner-box .overlay-inner { position: absolute; left: 0; top: -20px; width: 100%; height: 100%; display: table; text-align: center; vertical-align: middle; padding: 10px 15px; opacity: 0; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease } .team-block .inner-box:hover .overlay-inner { opacity: 1; top: 0; -webkit-transition-delay: 700ms; -ms-transition-delay: 700ms; transition-delay: 700ms } .team-block .inner-box .overlay-inner .content { position: relative; display: table-cell; vertical-align: middle } .team-block .inner-box .image .overlay-box .phone { position: relative; color: #fff; font-size: 18px; line-height: 1.8em; padding-bottom: 20px; margin-bottom: 25px } .team-block .inner-box .image .overlay-box .phone a { color: #fff; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .team-block .inner-box .image .overlay-box .phone a:hover { text-decoration: underline; color: #fff } .team-block .inner-box .image .overlay-box .phone span { font-size: 16px; display: block } .team-block .inner-box .image .overlay-box .phone:before { position: absolute; content: ''; left: 50%; bottom: 0; height: 2px; width: 50px; margin-left: -25px; background-color: #222 } .team-block .inner-box .image .overlay-box .social-links { position: relative } .team-block .inner-box .image .overlay-box .social-links li { position: relative; margin: 0 6px; display: inline-block } .team-block .inner-box .image .overlay-box .social-links li a { position: relative; color: #fff; font-size: 18px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .team-block .inner-box .image .overlay-box .social-links li a:hover { color: #fff } .team-block .inner-box .lower-content { position: relative; padding: 20px 15px 20px 15px; background-color: #fff; background-color: #fff; transition: background .3s, border .3s, border-radius .3s, box-shadow .3s } .team-block .inner-box .lower-content h3 { position: relative; font-size: 18px; line-height: 1.3em } .team-block .inner-box .lower-content h3 a { position: relative; color: #474747; font-weight: 600; display:block; text-align:center } .team-block .inner-box .lower-content .designation { position: relative; font-size:1rem; margin-top: 7px; padding-bottom: 0; text-transform: uppercase; color: #6a7695; font-weight: 500; letter-spacing: 1.3px; text-align:center } .team-block .inner-box .lower-content .designation:before { position: absolute; content: ''; left: 0; bottom: 0; height: 3px; width: 50px; background-color: #ededed00 } .sponsors-section { position: relative; box-shadow: 0 0 20px rgba(0,0,0,0.10) } .sponsors-section.style-two { box-shadow: none; padding: 80px 0 80px; border-top: 1px solid #eee } .sponsors-section .owl-carousel.owl-loaded { z-index: 0 } .sponsors-section .sponsors-outer { position: relative } .sponsors-section .sponsors-outer .owl-dots, .sponsors-section .sponsors-outer .owl-nav { position: relative; display: none } .sponsors-section .sponsors-outer .image-box { position: relative; text-align: center; margin: 0; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .sponsors-section .sponsors-outer .image-box img { max-width: 100%; width: auto; display: inline-block; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .sponsors-section .sponsors-outer .image-box img:hover { opacity: .4 } .sponsors-section .item { position: relative; padding: 30px 10px 30px 10px; text-align: center; display: inline-block; width: 14% } @media only screen and (max-width:1357px){ .sponsors-section .item { position: relative; padding: 30px 10px 30px 10px; text-align: center; display: inline-block; width: 13% } } @media only screen and (max-width:492px){ .sponsors-section .item { position: relative; padding: 30px 10px 30px 10px; text-align: center; display: inline-block; width: auto } } .sponsors-section .item h2 { position: relative; font-size: 20px; color: #1461b9; font-weight: 600; padding-top: 20px } .sponsors-section .item .icon span { color:#1461b9; font-size:50px } .news-section { position: relative; padding: 180px 0 20px } @media only screen and (max-width:1200px){ .news-section { position: relative; padding: 20px 0 20px } } .news-section .sec-title { margin-bottom: 10px } .news-section .row { margin: 0 -28px } .news-section .news-column { padding: 0 28px } .news-block { position: relative; margin-bottom: 40px } .news-block .inner-box { position: relative } .news-block .inner-box .image { position: relative; overflow: hidden; background-color: #000; border-radius: 0 } .news-block .inner-box .image a { position: relative; display: block } .news-block .inner-box .image a:before { content: "\f0c1"; font-family: 'FontAwesome'; font-weight: 400; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; background: #fff; color: #fc3549; font-size: 20px; border-radius: 50%; z-index: 1; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease } .news-block .inner-box .image img { display: block; width: 100%; height: auto; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease } .news-block .inner-box:hover .image img { opacity: .30; -webkit-transform: rotate(3deg) scale(1.1, 1.1); -ms-transform: rotate(3deg) scale(1.1, 1.1); transform: rotate(3deg) scale(1.1, 1.1) } .news-block .inner-box:hover .image a:before { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px) } .news-block .inner-box .lower-content { position: relative } .news-block .inner-box .lower-content .post-date { position: relative; color: #fff; top: -20px; font-size: 14px; margin-left: 30px; margin-top: -10px; padding: 10px 17px; display: inline-block; background-color: #222 } .news-block .inner-box .lower-content h3 { position: relative; font-size: 21px; font-weight: 600; line-height: 1.3em } .news-block .inner-box .lower-content h3 a { position: relative; color: #222; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .news-block .inner-box .lower-content h3 a:hover { color: #fc3549 } .news-block .inner-box .lower-content .post-meta { position: relative; margin-top: 10px; padding-bottom: 18px } .news-block .inner-box .lower-content .post-meta li { position: relative; font-size: 12px; margin-right: 15px; display: inline-block; color: #6a7695; text-transform: uppercase; letter-spacing: 1.5px } .news-block .inner-box .lower-content .post-meta li:last-child { margin-right: 0 } .news-block .inner-box .lower-content .post-meta:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 50px } .news-block .inner-box .lower-content .text { position: relative; color: #666; font-size: 14px; line-height: 1.9em; margin-top: 18px } .news-block .inner-box .lower-content .read-more { position: relative; color: #222; font-size: 14px; line-height: 1em; margin-top: 20px; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .news-block .inner-box .lower-content .read-more .arrow { position: relative; margin-left: 10px; color: #fc3549; top: 2px } .news-block .inner-box .lower-content .read-more:hover { color: #fc3549 } .news-block-two { position: relative; margin-bottom: 60px } .news-block-two .inner-box { position: relative } .news-block-two .inner-box .image-column { position: relative } .news-block-two .inner-box .image-column .image { position: relative; overflow: hidden; background-color: #000 } .news-block-two .inner-box .image-column .image img { position: relative; width: 100%; display: block; transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease } @media only screen and (max-width:991px){ .about-area-list .about-text .section-title span::before { width: 55px } .about-area-list .about-text ul { padding: 0 0 0 0px; margin: 0; list-style-type: none } .about-area-list .about-text ul li { font-size: 16px; margin-bottom: 25px; padding-left: 2px; position: relative; line-height:110% } /*.about-area-list .about-text ul li:before { position: absolute; content: ''; left: 0; top: 6px; background-image: url(../image/icon-1.png); background-repeat: no-repeat; width: 15px; height: 15px; }*/ .about-area-list .about-text ul li font { display:inline-block; width: calc(100% - 4rem); position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .about-area-list .about-text ul li em { display:inline-block; float:right; font-style:normal; } .about-area-list .about-text ul li i { color: #0056b3; font-size: 20px; position: absolute; left: 0; top: 5px } .about-area-list .about-text .about-btn { padding-bottom: 25px } .branded-section{ background-color: #1461b9; } .brand-block-two .inner-box .lower-box .box-inner h3 a { position: relative; color: #fff; font-size: 16px; font-weight: 500; line-height: 32px; display:block; margin:0 auto; } .brand-block-two .inner-box .lower-box .box-inner h3:before { position: absolute; content: ''; left: 0; height: 3px; width: 50px; bottom: 0 } .brand-block-two:first-child { margin-bottom: 70px } .mr.btn-link2{ display:none} } @media only screen and (min-width:992px){ .news-block-two .inner-box .image-column .image img { position: relative; width: 100%; display: block; transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease; height:98.5px; object-fit:cover; } .news-block-two .inner-box:hover .image-column .image img { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transform:scale(1.05); } .news-block-two .inner-box .content-column { position: relative } .news-block-two .inner-box .content-column .inner-column { position: relative } .news-block-two .inner-box .content-column .post-date { position: relative; color: #fff; font-size: 12px; padding: 10px 17px; display: inline-block; background-color: #1461b9; text-transform: uppercase; color: #fff; padding: 3px 5px 3px 5px; background-color: #fff99; border-radius: 14px 14px 14px 14px; display: inline-block; font-weight: 500; float:right; margin-top:.375rem } .news-block-two .inner-box .content-column h3 { position: relative; font-size: 1rem; font-weight: 600; line-height: 1.6rem; height:3.375rem; overflow:hidden; /*margin-top: 1.125rem*/ } .news-block-two .inner-box .content-column h3 a { position: relative; color: #2B2B2B; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .news-block-two .inner-box .content-column h3 a:hover { color:#0056b3 } .news-block-two .inner-box .content-column .post-meta { position: relative; margin-top: 7px; padding-bottom: 18px } .news-block-two .inner-box .content-column .post-meta:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 50px } .news-block-two .inner-box .content-column .post-meta li { position: relative; margin-right: 20px; display: inline-block; font-size: 12px; color: #6a7695; text-transform: uppercase; letter-spacing: 1.3px } .news-block-two .inner-box .content-column .post-meta .li-left { display:block; float:left } .news-block-two .inner-box .content-column .post-meta .li-right { display:block; float:right; font-size:0.9rem; color:#555; } .news-block-two .inner-box .content-column .post-meta .li-left a { font-size: 16px; color: #444444; position:relative; transition:0.36s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-left:1.2rem; } .news-block-two .inner-box .content-column .post-meta .li-left a:hover { padding-left:1rem; color:#0056b3; transition:0.36s; } .news-block-two .inner-box .content-column .post-meta .li-left a:before{ content:""; position:absolute; top:50%; margin-top: -.25rem; left:0; width: .4375rem; height: .4375rem; transition:0.36s; background: #8a8a8a; border-radius: 50%; } .news-block-two .inner-box .content-column .post-meta li:last-child { margin-right: 0 } .newsletter-section { position: relative; padding: 75px 0 } .newsletter-section.style-two { padding-top: 0; background: #ffece5; padding-top: 80px } .newsletter-section .pattern-layer { position: absolute; right: 0; top: 0; width: 100%; height: 253px } .newsletter-section .title-column { position: relative } .newsletter-section .title-column .inner-column { position: relative } .newsletter-section .title-column .inner-column h2 { position: relative; color: #222; font-size: 30px; font-weight: 700; line-height: 1.3em; padding-right: 30px; display: inline-block } .newsletter-section .title-column .inner-column h2:before { position: absolute; content: ''; right: 0; top: 20px; width: 24px; height: 2px; background-color: #fc3549 } .newsletter-section .title-column .inner-column .text { position: relative; color: #666; font-size: 14px; line-height: 1.7em; margin-top: 15px } .newsletter-section .form-column { position: relative } .newsletter-section .form-column .inner-column { position: relative } .newsletter-section .form-column h3 { position: relative; color: #222; font-weight: 600; font-size: 18px; line-height: 1.3em; margin-bottom: 18px } /*首页3列样式start*/ .about-area-list .about-text { -moz-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); -o-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); } .about-area-list .about-text .section-title { margin-bottom: 30px } .section-title { max-width: 700px; margin: 0 auto 60px; } .section-title h2 { text-align:center; display: block; position: relative; font-size: 2.25rem; font-weight: 500; line-height: 1.3em; margin-bottom: 20px; padding-bottom: 15px; color:#0056b3; } .section-title h2 span { color: #c8242f; font-size: 45px; padding: 0; margin: 0 } .about-area { background:url(../picture/news-bg.png) right bottom no-repeat; } .about-area .about-image { margin-bottom: 35px; position: relative } .about-area .about-image img { position: relative } .about-area .about-image::before { content: ''; position: absolute; background-color: #f9f9f9; width: 100%; height: 100%; left: 0; bottom: -30px } .about-area .about-text .section-title { margin-bottom: 50px } .about-area .about-text .section-title span::before { width: 55px } .about-area .about-text ul { padding: 0; margin: 0; list-style-type: none } .about-area .about-text ul li { font-size: 16px; margin-bottom: 15px; padding-left: 25px; position: relative; line-height:180% } .about-area .about-text ul li i { color: #0056b3; font-size: 20px; position: absolute; left: 0; top: 5px } .about-area .about-text .about-btn { margin-top: 25px; margin-bottom: 25px } /*.about-area-list { background:url(../picture/news-bg.png) right bottom no-repeat; }*/ .about-area-list .about-image { margin-bottom: 35px; position: relative } .about-area-list .about-image img { position: relative } .about-area-list .about-image::before { content: ''; position: absolute; background-color: #f9f9f9; width: 100%; height: 100%; left: 0; bottom: -30px } .about-area-list .about-text { -moz-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); -o-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); } .about-area-list .about-text .section-title{position: relative;} .about-area-list .about-text .section-title::before { position: absolute; content: ''; left: 33%; bottom: 0; height: 2px; width: 33%; background-color: #F08300; -webkit-transition:.7s; transition:.7s } .about-area-list .about-text .section-title:hover:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 100%; background-color: #F08300; -webkit-transition:.7s; transition:.7s } .about-area-list .about-text .section-title span::before { width: 55px } .about-area-list .about-text ul { padding: 0 0 0 10px; margin: 0; list-style-type: none } .about-area-list .about-text ul li { font-size: 16px; margin-bottom: 5px; padding-left: 5px; position: relative; line-height:180% } /*.about-area-list .about-text ul li:before { position: absolute; content: ''; left: 0; top: 10px; background-image: url(../image/icon-1.png); background-repeat: no-repeat; width: 15px; height: 15px; }*/ .about-area-list .about-text ul li font { display:inline-block; width: calc(100% - 6rem); position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .about-area-list .about-text ul li i { color: #0056b3; font-size: 20px; position: absolute; left: 0; top: 5px } .about-area-list .about-text .about-btn { padding-bottom: 25px } /*首页3列样式end*/ .subscribe-form { position: relative } .subscribe-form .form-group { position: relative; display: block; margin: 0; width: 100%; padding-right: 170px } .subscribe-form .form-group input[type="text"], .subscribe-form .form-group input[type="tel"], .subscribe-form .form-group input[type="email"], .subscribe-form .form-group textarea { position: relative; display: block; width: 100%; line-height: 28px; height: 50px; font-size: 14px; color: #222; background: #fff; border: 1px solid #ddd; padding: 10px 15px 10px 15px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .subscribe-form .form-group input[type="submit"], .subscribe-form button { position: absolute; right: 0; top: 0; cursor: pointer } .main-footer { position: relative; color: #bbb; background-color: #fff; z-index: 1 } .main-footer .footer-widget { position: relative; margin-bottom: 0 } .main-footer .widgets-section { position: relative; padding: 100px 0 0; padding-bottom: 60px } .main-footer .footer-widget h2 { position: relative; font-weight: 600; color: #fff; font-size: 16px; line-height: 1.2em; margin-bottom: 24px; padding-bottom: 14px; font-size: 20px; color: #001064; font-weight: 500; margin-bottom: 32px } .main-footer .footer-widget h2:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 50px; background-color: #fc354917 } .main-footer .about-widget .social-links, .footer_social.social-links { position: relative } .main-footer .about-widget .social-links li, .footer_social.social-links li { position: relative; margin-right: 20px; display: inline-block } .main-footer .about-widget .social-links li:last-child, .footer_social.social-links li:last-child { margin-right: 0 } .main-footer .about-widget .social-links li a, .footer_social.social-links li a { position: relative; color: #585858; font-size: 18px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .main-footer .about-widget .social-links li a:hover, .footer_social.social-links li a:hover { color: #fc3549 } .main-footer .about-widget .text { position: relative; color: #494949; font-size: 14px; line-height: 1.9em; margin-top: 18px; margin-bottom: 35px } .main-footer .about-widget .copyright { position: relative; color: #4f4f4f; font-size: 14px; line-height: 1.9em } .main-footer .about-widget .copyright span { color: #353535; font-weight: 600 } .footer-list { position: relative } .footer-list li { position: relative; line-height: 37px } .footer-list li a { position: relative; color: #000; font-size: 14px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; font-weight: 600 } .footer-list li a:hover { color: #fc3549 } .main-footer .contact-list { position: relative } .main-footer .contact-list li { position: relative; color: #000; font-size: 16px; line-height: 1.6em; margin-bottom: 17px; font-weight: 600 } .main-footer .contact-list li a { color: #5c5c5c } .main-footer .contact-list li a:hover { text-decoration: underline } .main-footer .contact-list li span { color: #565656; font-size: 14px; display: block; font-weight: 600; font-size: 14px; color: #6a7695 } .main-footer .footer-bottom-image { position: relative } .main-footer .footer-bottom-image .image { position: relative } .main-footer .footer-bottom-image .image:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(0,0,0,0.80) } .main-footer .footer-bottom-image .image img { position: relative; width: 100%; display: block } .architecture-section { position: relative; padding: 40px 0 30px; z-index: 1 } .architecture-section .pattern-layer { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 424px; background: red; background: #f7fdfc } .architecture-section .title-box { position: relative } .architecture-section .title-box .title-inner-box { position: relative; background-color: #fff; padding: 60px 60px 15px 128px; box-shadow: 0 3px 16px 0 rgba(190,190,190,0.3); border-radius: 10px } .architecture-section .title-box .title-inner-box .sec-title h2 { font-size: 40px; line-height: 1.1em; font-weight: 600; font-size: 30px; font-weight: 600; line-height: 40px; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; } .architecture-section .title-box .text { position: relative; color: #666; font-size: 15px; line-height: 1.9em; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; } .architecture-section .lower-content { position: relative } .architecture-section .lower-content .inner-content { position: relative; padding: 0 70px 0 140px } .architecture-section .lower-content .list-column { position: relative } .architecture-section .lower-content .list-column .inner-column { position: relative; padding-top: 50px } .architecture-section .lower-content .architecture-info { position: relative; margin-bottom: 32px } .architecture-section .lower-content .architecture-info:last-child { margin-bottom: 0 } .architecture-section .lower-content .architecture-info .info-inner { position: relative; padding-bottom: 14px } .architecture-section .lower-content .architecture-info .info-inner:before { position: absolute; content: ''; left: 0; width: 35px; bottom: 0; height: 2px; background-color: #fc3549 } .architecture-section .lower-content .architecture-info .info-inner h3 { position: relative; color: #222; font-weight: 600; font-size: 22px; line-height: 1.3em; color: #263b5e; margin-bottom: 14px } .architecture-section .lower-content .architecture-info .info-inner .text { position: relative; color: #666; font-size: 15px; margin-top: 4px; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; } .architecture-section .lower-content .image-column { position: relative } .architecture-section .lower-content .image-column .inner-column { position: relative; margin-top: -60px } .architecture-section .lower-content .image-column img { position: relative; width: 100%; display: block } .gallery-section { position: relative; padding-top: 90px } .gallery-section .filters { position: relative; margin-bottom: 40px } .gallery-section .filters .filter-tabs { position: relative; float: left } .gallery-section .filters li { position: relative; display: inline-block; color: #0c0c0c; cursor: pointer; font-size: 14px; font-weight: 500; margin: 0 12px 6px; padding: 0 0 6px; text-transform: uppercase; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease } .gallery-section .filters li:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 0; background-color: #fc3549; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease } .gallery-section .filters li.active::before, .gallery-section .filters li:hover::before { width: 100% } .project-item { position: relative; margin-bottom: 30px } .project-item .inner-box { position: relative; width: 100%; overflow: hidden } .project-item .image-box { position: relative; display: block; margin: 0 } .project-item .image-box img { position: relative; display: block; width: 100% } .project-item .overlay-box { position: absolute; left: 50%; top: 50%; width: 240px; height: 120px; margin: -60px 0 0 -120px; color: #fff; text-align: center; background: rgba(0,0,0,0.30); opacity: 0 } .project-item .inner-box:hover .overlay-box { -webkit-animation-name: bounceIn; -ms-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .project-item .overlay-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 10px 0 } .project-item .overlay-inner .content { position: relative; display: table-cell; vertical-align: middle } .project-item .overlay-inner .link { position: relative; font-size: 20px; color: #fff; width: 50px; height: 50px; line-height: 50px; margin: 0 5px; display: inline-block; background-color: #fc3549; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease } .project-item .overlay-inner .link .icon { position: relative } .project-item .overlay-inner .link:hover { background: #202020 } .default-portfolio-item { position: relative; margin-bottom: 30px } .default-portfolio-item.mix { display: none } .sortable-masonry .items-container { position: relative } .sortable-masonry .masonry-item { position: relative; padding: 0; margin: 0 } .sortable-masonry .masonry-item:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; outline: 5px solid #fff; outline-offset: -5px; z-index: 1 } .default-portfolio-item .inner-box { position: relative; width: 100%; overflow: hidden } .default-portfolio-item .image-box { position: relative; display: block; background: #101010; margin: 0 } .default-portfolio-item .image-box img { position: relative; display: block; border-radius: 3px; width: 100%; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease } .default-portfolio-item:hover .inner-box .image-box img { opacity: .50; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1) } .default-portfolio-item .overlay-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0; opacity: 0; text-align: center; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); z-index: 1 } .default-portfolio-item .overlay-box { border: 5px solid transparent } .default-portfolio-item:hover .overlay-box { top: 0; opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1) } .default-portfolio-item .overlay-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 10px 20px; background: rgba(0,0,0,0) } .default-portfolio-item .overlay-inner .overlay-content { position: relative; display: table-cell; vertical-align: middle } .default-portfolio-item .overlay-inner .content-box { position: relative; padding: 80px 20px; max-width: 450px; margin: 0 auto; background: rgba(255,255,255,0.95) } .default-portfolio-item .overlay-inner .content { position: relative; max-width: 250px; margin: 0 auto } .default-portfolio-item .overlay-inner h3 { position: relative; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #222; line-height: 1.4em; padding-bottom: 10px } .default-portfolio-item .overlay-inner h3 a { color: #222 } .default-portfolio-item .overlay-inner h3:after { content: ''; position: absolute; left: 50%; margin-left: -10px; bottom: 0; width: 20px; border-bottom: 2px solid #fc3549 } .default-portfolio-item .overlay-inner .text { position: relative; line-height: 1.8em; margin-top: 20px; color: #6a7695; font-size: 15px; font-weight: 400 } .services-section { position: relative; padding: 95px 0 60px } .services-section .pattern-layer { position: absolute; right: 0; bottom: 0; width: 800px; height: 455px } .services-block-three { position: relative; margin-bottom: 30px; transition: all 700ms ease } .services-block-three.style-two { text-align: center } .services-block-three.style-two .inner-box h3:before { margin-left: -25px; left: 50% } .services-block-three .inner-box { position: relative; box-shadow: 0 3px 10px 0 rgba(38,59,94,0.1); padding: 35px 35px; background: white; transition: all 700ms ease; overflow: hidden; padding-bottom: 45px } .services-block-three .inner-box:hover { box-shadow: 8px 14px 15px 0 rgba(136,136,136,0.4); transition: all 700ms ease } .services-block-three .inner-box .service-number { position: absolute; right: 9px; top: 40px; color: #ececec; opacity: .4; font-size: 100px; line-height: 1em; font-weight: 700 } .services-block-three .inner-box .icon-box { position: relative; font-size: 54px; line-height: 1em; color: #fc3549 } .services-block-three .inner-box h3 { position: relative; font-size: 20px; font-weight: 600; margin-top: 18px; padding-bottom: 12px } .services-block-three .inner-box h3 a { position: relative; color: #222; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease } .services-block-three .inner-box h3 a:hover { color: #fc3549; transition: all 300ms ease } .services-block-three .inner-box h3:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 50px; background-color: #eaeaea } .services-block-three .inner-box .text { position: relative; font-size: 15px; line-height: 1.8em; margin-top: 25px; color: #6a7695 } .planning-section { position: relative; padding: 100px 0 60px; background-size: cover } .planning-section:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; display: block } .planning-section .image-column { position: relative; margin-bottom: 40px } .planning-section .image-column .inner-column { position: relative } .planning-section .image-column .inner-column .image { position: relative } .planning-section .image-column .inner-column .image img { position: relative; width: 100%; display: block } .planning-section .content-column { position: relative } .planning-section .content-column .inner-column { position: relative; padding-top: 20px; padding-left: 32px } .planning-section .content-column .inner-column .text { position: relative } .planning-section .content-column .inner-column .text p { position: relative; font-size: 14px; line-height: 1.8em; color: #393939; margin-bottom: 20px } .planning-section .content-column .inner-column .text p:last-child { margin-bottom: 0 } .planning-section .content-column .inner-column .text p span { font-weight: 600 } .services-section-two { position: relative; padding: 95px 0 40px; background: #fafafa } .services-section-two .pattern-layer { position: absolute; left: -350px; top: 430px; width: 1000px; height: 334px } .services-section-two .left-column { position: relative; margin-bottom: 40px } .services-section-two .left-column .inner-column { position: relative; padding-right: 20px } .services-section-two .left-column .inner-column .sec-title { margin-bottom: 50px } .services-section-two .left-column h3 { position: relative; color: #3b3b3b; font-size: 34px; line-height: 1.3em; font-weight: 600; font-size: 22px; font-weight: 600; line-height: 40px } .services-section-two .left-column .text { position: relative; color: #666; font-size: 15px; line-height: 1.8em; margin-top: 6px; margin-bottom: 20px; font-weight: 400 } .services-section-two .left-column ul { position: relative; margin-bottom: 70px; margin-top: 50px } .services-section-two .left-column ul li { position: relative; color: #2c2c2c; font-weight: 600; font-size: 24px; line-height: 2em; margin-bottom: 5px; font-size: 18px; font-weight: 500 } .skills { position: relative } .skills .skill-item { position: relative; margin-bottom: 50px } .skills .skill-item:last-child { margin-bottom: 0 } .skills .skill-item .skill-bar { position: relative; width: 100% } .skills .skill-item .skill-bar .bar-inner { position: relative; width: 100%; border-bottom: 3px solid #ccc } .skills .skill-item .skill-bar .bar-inner .bar { position: absolute; left: 0; top: 0; width: 0; height: 5px; background: #222; -webkit-transition: all 2000ms ease; -ms-transition: all 2000ms ease; -o-transition: all 2000ms ease; -moz-transition: all 2000ms ease; transition: all 2000ms ease; background: linear-gradient(90deg, rgba(0,222,255,1) 0, rgba(113,65,177,1) 0, rgba(0,222,255,1) 100%) } .skills.green .skill-item .skill-bar .bar-inner .bar { background: #f66 } .skills .skill-item .skill-header { position: relative; margin-bottom: 10px } .skills .skill-item .skill-header .skill-title { float: left; color: #222; font-size: 12px; font-weight: 500; line-height: 1.4em; text-transform: uppercase } .skills .skill-item .skill-header .skill-percentage { position: relative; color: #494949; font-size: 12px; font-weight: 600; line-height: 1.4em; float: right; text-transform: uppercase } .services-section-two .left-column .image { position: relative; margin-top: 150px; margin-left: 0 } .services-section-two .right-column { position: relative; margin-bottom: 40px } .services-section-two .right-column .inner-column { position: relative; margin-right: -350px } .services-section-two .right-column .image-box { position: relative; margin-bottom: 100px } .services-block-four { position: relative } .services-block-four .inner-box { position: relative } .services-block-four .inner-box .image { position: relative } .services-block-four .inner-box .image img { position: relative; width: 100%; display: block } .services-block-four .inner-box .lower-content { position: relative } .services-block-four .inner-box .lower-content .content-inner { position: relative; margin-left: 40px; margin-right: 40px; margin-top: -145px; padding: 70px 70px 70px 120px; background-color: #ffff7; box-shadow: 0 0 25px rgba(0,0,0,0.10) } .services-block-four .inner-box .lower-content h2 { position: relative; font-size: 30px; font-weight: 700; line-height: 1.4em; margin-bottom: 18px; color: #3f4451; font-size: 30px; font-weight: 600; line-height: 40px } .services-block-four .inner-box .lower-content h2:before { position: absolute; content: ''; left: -65px; top: 19px; height: 2px; width: 50px; background-color: #fc3549 } .services-block-four .inner-box .lower-content h2 a { position: relative; color: #222; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; color: #3f4451; font-size: 30px; font-weight: 600; line-height: 40px } .services-block-four .inner-box .lower-content h2 a:hover { color: #fc3549 } .services-block-four .inner-box .lower-content .text { position: relative; margin-bottom: 35px } .services-block-four .inner-box .lower-content .text p { position: relative; color: #666; font-size: 15px; line-height: 1.9em; margin-bottom: 15px; font-weight: 400 } .services-block-four .inner-box .lower-content .text p:last-child { margin-bottom: 0 } .services-section-three { position: relative; padding: 20px 0 20px } .services-section-three .pattern-layer { position: absolute; right: 0; top: 0; width: 695px; height: 395px } .services-section-three .pattern-layer-two { position: absolute; left: 0; bottom: 0; width: 290px; height: 395px } .services-block-five { position: relative; margin-bottom: 60px } .services-block-five .inner-box { position: relative } .services-block-five .inner-box .image-column { position: relative; margin-bottom: 30px } .services-block-five .inner-box .image-column .inner-column { position: relative } .services-block-five .inner-box .image-column .inner-column .image { position: relative; position: relative; right: -15px } .services-block-five .inner-box .image-column .inner-column .image img { margin-top: 43px; float: left } .services-block-five .inner-box .content-column { position: relative; margin-bottom: 30px } .services-block-five .inner-box .content-column .inner-column { position: relative; padding-top: 20px } .services-block-five .inner-box .content-column { position: relative } .services-block-five .inner-box .content-column .inner-column { position: relative; padding-right: 30px } .services-block-five.style-two .inner-box .content-column .inner-column { position: relative; padding-right: 0; padding-left: 50px } .services-block-five .inner-box .content-column h3 { position: relative; font-size: 32px; font-weight: 500; line-height: 1.3em; margin-bottom: 25px; padding-bottom: 15px; color:#2B2B2B } .services-block-five .inner-box .content-column h3:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 50%; background-color: #fc3549; -webkit-transition:.7s; transition:.7s } .services-block-five .inner-box .content-column:hover h3::before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 150%; background-color: #fc3549; -webkit-transition:.7s; transition:.7s } .services-block-five .inner-box .content-column h3 a { position: relative; color: #1b1d21; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease } .services-block-five .inner-box .content-column h3 a:hover { color: #fc3549 } .services-block-five .inner-box .content-column .text { position: relative; color: #3f3f3f; font-size: 15px; line-height: 1.5rem; margin-bottom: 5px; text-indent:2em; } .container-fluid-two { position: relative; overflow: hidden; margin-bottom: 0; padding: 100px 0 40px; background: url(../picture/dangjian-bg.png) left no-repeat; background-size: contain; } .container-fluid-two .outer-section { position: relative } .container-fluid-two .outer-section .left-column { position: relative; width: 50%; float: left; padding-top: 0 } .container-fluid-two .outer-section .left-column .inner-column { position: relative; max-width: 560px; margin-right: 271px; margin-left: -288px; display: block; float: right; padding: 0 15px; padding-right: 56px } .container-fluid-two .outer-section .pattern-layer { position: absolute; left: 76px; bottom: 0; width: 189px; height: 158px } .container-fluid-two .outer-section .left-column .quote-icon { position: absolute; left: 0; top: 0; color: #fc354942; font-size: 60px; line-height: 1em; padding-bottom: 10px; border-bottom: 1px solid #fc3549 } .container-fluid-two .outer-section .left-column .title-box { position: relative; padding-left: 90px } .container-fluid-two .outer-section .left-column .title-box .title { font-size: 14px; font-weight: 600; color: #0056b3; position: relative; display: inline-block; margin-bottom: 2px; text-transform: uppercase } .container-fluid-two .outer-section .left-column .title-box h2 { position: relative; color: #fff; font-size: 36px; font-weight: 800; margin-bottom: 12px } .container-fluid-two .outer-section .left-column .title-box .text { position: relative; color: #222; font-size: 15px; line-height: 1.7em } .container-fluid-two .outer-section .right-column { position: relative; width: 50%; float: left; padding-bottom: 40px } .container-fluid-two .outer-section .right-column:before, .container-fluid-two .outer-section .right-column .inner-column:before { position: absolute; content: ''; right: 0; top: -180px; width: 100%; height: 300%; background-color: #fff } .container-fluid-two .outer-section .right-column .inner-column { position: relative; display: block; background: #fff; padding-left: 70px; margin-left: -282px; padding-right: 30px; padding-top: 30px; padding-bottom: 20px } .container-fluid-two .outer-section .right-column .inner-column .owl-dots { display: none } .container-fluid-two .outer-section .right-column .inner-column .owl-nav { position: relative; text-align: center; margin-top: 70px } .container-fluid-two .outer-section .right-column .inner-column .owl-nav .owl-prev, .container-fluid-two .outer-section .right-column .inner-column .owl-nav .owl-next { position: relative; width: 40px; height: 40px; color: #fff; font-size: 20px; line-height: 40px; text-align: center; margin: 0 4px; border: 0 solid #eee; display: inline-block; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; background: #01d280; box-shadow: 0 10px 25px 0 rgba(0,210,128,0.3) } .container-fluid-two .outer-section .right-column .inner-column .owl-nav .owl-prev:hover, .container-fluid-two .outer-section .right-column .inner-column .owl-nav .owl-next:hover { color: #fff; border-color: #fc3549; background-color: #fc3549 } .testimonial-block-two { position: relative } .testimonial-block-two .inner-box { position: relative; padding-top: 10px; min-height: 250px; padding-left: 223px; margin-left: 20px } .testimonial-block-two .inner-box .image { position: absolute; left: 0; top: 0; width: 180px } .testimonial-block-two .inner-box .upper-box { position: relative; padding-bottom: 12px; margin-bottom: 25px; border-bottom: 1px solid #ddd } .testimonial-block-two .inner-box .upper-box h3 { position: relative; color: #222; font-size: 16px; font-weight: 700 } .testimonial-block-two .inner-box .upper-box .location { position: relative; color: #222; font-style: italic; float:right; } .testimonial-block-two .inner-box .upper-box .rating { position: relative; padding-top: 10px } .testimonial-block-two .inner-box .upper-box .rating .fa { position: relative; color: #ffce4a; font-size: 13px } .testimonial-block-two .inner-box .text { position: relative; line-height: 1.7em; color: #222; font-size: 16px; text-indent:2em; } .project-contact-section { position: relative; padding-top: 100px; padding-bottom: 100px } .project-contact-section .inner-container { position: relative } .project-contact-section .inner-container .pattern-layer { position: absolute; content: ''; left: 0; bottom: -50px; height: 185px; width: 1300px } .project-contact-section .image-layer { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 170px; background-size: cover } .project-contact-section .content-box { position: relative; float: right; width: 100% } .project-contact-section .content-box .content-inner { position: relative; background-color: #fff; padding: 50px 50px 50px 110px; box-shadow: 0 0 30px rgba(0,0,0,0.10) } .project-contact-section .content-box .content-inner .sec-title h2 { font-size: 30px; font-weight: 700 } .project-form { position: relative } .project-form .form-group { position: relative; margin-bottom: 10px } .project-form .form-group input[type="text"], .project-form .form-group input[type="tel"], .project-form .form-group input[type="email"], .project-form .form-group select, .project-form .form-group textarea { position: relative; display: block; width: 100%; line-height: 28px; padding: 10px 25px; color: #222; height: 55px; font-size: 15px; background: #f4f4f4; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .project-form .form-group textarea::-webkit-input-placeholder, .project-form .form-group input::-webkit-input-placeholder { color:#888 } .project-form .form-group textarea { height: 130px; resize: none } .project-form button { cursor: pointer; margin-top: 20px } .sponsors-section-two { position: relative; padding: 60px 0 60px; background-color: #f4f4f4 } .sponsors-section-two .sponsors-outer { position: relative } .sponsors-section-two .sponsors-outer:before { position: absolute; content: ''; right: -2px; top: 0; width: 6px; height: 100%; z-index: 1; background-color: #f4f4f4 } .sponsors-section-two .sponsors-outer .owl-dots, .sponsors-section-two .sponsors-outer .owl-nav { position: relative; display: none } .sponsors-section-two .sponsors-outer .image-box { position: relative; text-align: center; margin: 0; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .sponsors-section-two .sponsors-outer .image-box:before { position: absolute; content: ''; right: -1px; top: 0; width: 1px; height: 100%; background-color: #ddd } .sponsors-section-two .sponsors-outer .image-box img { max-width: 100%; width: auto; display: inline-block; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .sponsors-section-two .sponsors-outer .image-box img:hover { opacity: .4 } .about-section-two { position: relative; padding: 220px 0 70px } .about-section-two .pattern-layer { position: absolute; left: 0; top: 90px; right: 0; width: 100%; height: 490px } .about-section-two .outer-container { position: relative; padding: 0 50px } .about-section-two .left-column { position: relative; width: 40%; float: left } .about-section-two .left-column .row { position: relative; margin: 0 -15px } .about-section-two .left-column .image-column { position: relative; padding: 0 15px } .about-section-two .left-column .image-column .image { position: relative; margin-bottom: 30px } .about-section-two .left-column .image-column .image img { position: relative; width: 100%; display: block; margin-top: -78px } .about-section-two .right-column { position: relative; width: 60%; float: left } .about-section-two .right-column .inner-column { position: relative; padding-left: 100px } .about-section-two .right-column .inner-column .sec-title { margin-bottom: 20px } .about-section-two .right-column .inner-column .bold-text { position: relative; color: #222; font-size: 16px; font-weight: 600; line-height: 1.6em; margin-bottom: 20px; margin-top: 35px } .about-section-two .right-column .inner-column .text { position: relative; font-size: 15px; line-height: 1.7em } .about-section-two .right-column .inner-column .image { position: relative; margin-bottom: 30px } .about-section-two .right-column .inner-column .image img { width: 100%; display: block } .services-section-four { position: relative; padding-bottom: 70px } .services-section-four .title-box { position: relative; padding: 100px 0 120px; background-size: cover; background-repeat: no-repeat; background: #f8f8f8; background-image: none!important } .services-section-four .title-box:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0 } .services-section-four .title-box .sec-title .text { margin-top: 38px!important; font-size: 15px; font-weight: 400 } .services-section-four .lower-content { position: relative; margin-top: -55px; z-index: 1 } .services-section-four .lower-content .pattern-layer { position: absolute; right: 0; top: 35px; width: 900px; height: 803px } .services-block-six { position: relative; margin-bottom: 30px } .services-block-six .inner-box { position: relative; text-align: center; padding: 0 } .services-block-six .inner-box .icon-box { position: relative; font-size: 80px; line-height: 1em; color: #4f4f4f } .services-block-six .inner-box h3 { position: relative; font-size: 26px; line-height: 1.3em; font-weight: 800; margin-top: 50px; padding-bottom: 18px; color: #263b5e } .services-block-six .inner-box h3:before { position: absolute } .services-block-six .flip-container { -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px } .services-block-six .flip-container { position: relative; display: block; width: 100%; height: auto } .services-block-six .flip-container .front { position: relative; display: block; width: 100%; padding: 60px 30px; height: auto; background-color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.10); padding-bottom: 25px } .services-block-six .flip-container .back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background: #00d280; z-index: 1 } .services-block-six .flipper { -webkit-transition: .6s; -webkit-transform-style: preserve-3d; -moz-transition: .6s; -moz-transform-style: preserve-3d; -o-transition: .6s; -o-transform-style: preserve-3d; transition: .6s; transform-style: preserve-3d; position: relative; padding: 0 } .services-block-six .flip-container:hover .flipper, .services-block-six .flip-container.hover .flipper { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg) } .services-block-six .front, .services-block-six .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; top: 0; left: 0 } .services-block-six .front { z-index: 2; -webkit-transition: opacity ease 500ms; -ms-transition: opacity ease 500ms; -moz-transition: opacity ease 500ms; transition: opacity ease 500ms } .services-block-six .flip-container:hover .flipper .front, .services-block-six .flip-container.hover .flipper .front { opacity: 0; z-index: 0 } .services-block-six .back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); background: #fc3549 } .services-block-six .inner-box .overlay-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; overflow: hidden } .services-block-six .inner-box .overlay-box .overlay-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 10px 35px; opacity: 1; 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-six .inner-box .overlay-inner .content { position: relative; display: table-cell; vertical-align: middle } .services-block-six .inner-box .overlay-inner h4 { position: relative; font-size: 22px; font-weight: 500; line-height: 1.3em; padding-bottom: 15px } .services-block-six .inner-box .overlay-inner h4:before { position: absolute; content: ''; left: 50%; bottom: 0; width: 50px; height: 2px; margin-left: -25px; background-color: #222 } .services-block-six .inner-box .overlay-inner h4 a { position: relative; color: #fff } .services-block-six .inner-box .overlay-inner .text { position: relative; color: #fff; font-size: 15px; line-height: 1.8em; margin-top: 18px } .services-block-six .inner-box .overlay-inner .read-more { position: relative; display: inline-block; color: #222; font-size: 14px; margin-top: 20px; font-weight: 600; text-transform: uppercase; border-bottom: 2px solid transparent } .services-block-six .inner-box .overlay-inner .read-more:hover { border-bottom-color: #222 } .services-block-six .inner-box .overlay-inner .icon { position: absolute; left: 0; right: 0; color: #fff03; font-size: 90px; line-height: 1em; margin-top: 60px; opacity: .10 } .counter-section-two { position: relative; padding-bottom: 70px; border-bottom: 1px solid #eee; padding-top: 90px } .counter-section-two .outer-container { position: relative; padding: 0 20px } .counter-block-two { position: relative; margin-bottom: 30px } .counter-block-two .inner-box { position: relative } .counter-block-two .inner-box .image-column { position: relative; padding: 0; float: left } .counter-block-two .inner-box .image-column .image img { position: relative; width: 100%; display: block } .counter-block-two .inner-box .content-column { position: relative; padding: 0; float: left } .counter-block-two .inner-box .content-column .inner-column { position: relative; width: 100%; text-align: center; height: 100%; display: table; vertical-align: middle; padding: 4px 15px 0; background-color: #fff } .counter-block-two .inner-box .content-column .inner-column .content { position: relative; height: 100%; width: 100%; text-align: center; display: table-cell; vertical-align: middle } .counter-block-two .inner-box .content-column .inner-column .count-box { position: relative; color: #fc3549; font-size: 102px; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; line-height: 1em; font-weight: 800 } .counter-block-two .inner-box .content-column .inner-column .text { position: relative; color: #666; font-size: 16px; padding-top: 15px; font-weight: 600; margin-top: 15px; text-transform: uppercase; color: #263b5e } .counter-block-two .inner-box .content-column .inner-column .text:before { position: absolute; content: ''; left: 50%; top: 0; height: 2px; width: 50px; margin-left: -25px; display: inline-block; background-color: #222 } .counter-block-two:nth-child(2) .inner-box .content-column .count-box, .counter-block-two:nth-child(4) .inner-box .content-column .count-box { color: #222 } .counter-block-two:nth-child(2) .inner-box .content-column .text:before, .counter-block-two:nth-child(4) .inner-box .content-column .text:before { background-color: #fc3549 } .project-section-two { position: relative; padding-bottom: 50px } .project-section-two.style-two { padding-bottom: 0 } .project-section-two.style-three { padding-top: 40px; padding-bottom: 130px } .project-section-two.style-four { padding-top: 90px } .project-section-two.style-four .sec-title { margin-bottom: 45px } .project-section-two .owl-dots, .project-section-two .owl-nav { display: none } .project-section-two .btn-box { position: relative; padding-top: 75px } .project-section-two .pattern-layer { position: absolute; left: 0; right: 0; height: 125px; width: 100%; bottom: 120px; background-repeat: no-repeat; background-position: center center } .project-block-two { position: relative } .project-block-two .inner-box { position: relative } .project-block-two .inner-box .image { position: relative } .project-block-two .inner-box .image img { position: relative; width: 100%; display: block } .project-block-two .inner-box .image .overlay-box { position: absolute; left: 0; bottom: 0; right: 0; top: 0; z-index: 2; opacity: 0; display: block; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease } .project-block-two .inner-box .image .overlay-box:before { position: absolute; content: ''; right: 0; top: 0; width: 50%; height: 100%; display: block; opacity: 0; text-align: center; -webkit-transform: perspective(400px) rotateY(-90deg); -moz-transform: perspective(400px) rotateY(-90deg); -ms-transform: perspective(400px) rotateY(-90deg); -o-transform: perspective(400px) rotateY(-90deg); transform: perspective(400px) rotateY(-90deg); -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: #00d280 } .project-block-two .inner-box:hover .image .overlay-box:before { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg) } .project-block-two .inner-box .image .overlay-box:after { position: absolute; content: ''; left: 0; top: 0; width: 50%; height: 100%; display: block; opacity: 0; text-align: center; -webkit-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: right; -o-transform-origin: left; transform-origin: left; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: #00d280 } .project-block-two .inner-box:hover .image .overlay-box:after { opacity: 1; -webkit-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg) } .project-block-two .inner-box:hover .image .overlay-box { opacity: 1 } .project-block-two .inner-box .image .overlay-box .plus { position: relative; display: inline-block; z-index: 1; color: #222; font-size: 18px; text-align: center; line-height: 34px; 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 } .project-block-two .inner-box .image .overlay-box .plus:hover { color: #fff } .project-block-two .inner-box:hover .image .overlay-box .plus { -ms-animation-name: rotateMe; -moz-animation-name: rotateMe; -o-animation-name: rotateMe; -webkit-animation-name: rotateMe; animation-name: rotateMe; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -o-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-delay: 1000ms; -moz-animation-delay: 1000ms; -o-animation-delay: 1000ms; -webkit-animation-delay: 1000ms; animation-delay: 1000ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 2; -moz-animation-iteration-count: 2; -op-animation-iteration-count: 2; -webkit-animation-iteration-count: 2; animation-iteration-count: 2 } .project-block-two .inner-box .image .overlay-box .overlay-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: table; text-align: left; padding: 10px 20px; vertical-align: middle; opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); -moz-transform: translateY(50px); transform: translateY(50px); z-index: 1 } .project-block-two .inner-box:hover .image .overlay-box .overlay-inner { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); transition: all 500ms ease 700ms; -moz-transition: all 500ms ease 700ms; -webkit-transition: all 500ms ease 700ms; -ms-transition: all 500ms ease 700ms; -o-transition: all 500ms ease 700ms } .project-block-two .inner-box .image .overlay-box .overlay-inner .overlay-content { position: relative; text-align: center; display: table-cell; vertical-align: middle } .project-block-two .inner-box .image h3 { position: relative; font-size: 24px; color: #222; z-index: 1; font-weight: 600; line-height: 1.3em; margin-top: 15px; margin-bottom: 7px } .project-block-two .inner-box .image h3 a { position: relative; color: #222; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .project-block-two .inner-box .image h3 a:hover { color: #222; text-decoration: underline } .project-block-two .inner-box .image .category { position: relative; color: #222; font-size: 14px; margin-top: 4px; z-index: 1; letter-spacing: 1px; text-transform: uppercase } .branded-section { position: relative; background-size: cover; padding: 30px 0 50px; background-repeat: no-repeat; background-position: center bottom; z-index: 1 } .branded-section.style-two { border-bottom: 0 } .branded-section .title-box { position: relative; margin-bottom: 90px } .branded-section:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-color: #ff480000; height: 615px } .branded-section:after { position: absolute!important; content: ''!important; background: url(../image/98.png)!important; width: 97px!important; height: 616px!important; left: 1%!important; top: 1%!important; background-repeat: repeat-y!important; z-index: -1 } .branded-section .title-box .sec-title .text { margin-top: 50px!important; font-size: 16px; font-weight: 400 } .branded-section .lower-section { position: relative } .branded-section:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 215px; background-color: #fff } .branded-section .lower-section .row { margin: 0 -55px } .branded-section .lower-section .brand-block, .branded-section .lower-section .brand-block-two { padding: 0 55px } .brand-block { position: relative; z-index: 1 } .brand-block .inner-box { position: relative; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.10) } .brand-block .inner-box .upper-box { position: relative; padding: 42px 45px 45px; background-color: #00d280 } .brand-block .inner-box .upper-box h3 { position: relative; color: #fff; font-size: 22px; font-weight: 500; line-height: 1.3em; padding-bottom: 22px } .brand-block .inner-box .upper-box h3:before { position: absolute; content: ''; left: 0; height: 3px; width: 50px; bottom: 0; background-color: #fff } .brand-block .inner-box .lower-box { position: relative; padding: 32px 0 } .brand-block .inner-box .lower-box .box-inner { position: relative; padding-top: 20px; padding-bottom: 20px; padding-left: 155px; padding-right: 20px } .brand-block .inner-box .lower-box .box-inner .image { position: absolute; left: -35px; top: 12px } .brand-block .inner-box .lower-box .box-inner .text { position: relative; color: #666; font-size: 15px; line-height: 1.8em; color: #263b5e } .testimonial-section-two { position: relative; padding: 100px 0 100px } .testimonial-section-two.style-two { padding-top: 0 } .testimonial-block-three { position: relative } .testimonial-block-three .inner-box { position: relative; text-align: center } .testimonial-block-three .inner-box .quote-icon { position: relative; font-size: 44px; line-height: 1em; color: #d5d5d5 } .testimonial-block-three .inner-box h3 { position: relative; color: #222; font-size: 30px; font-weight: 600; margin-top: 25px; display: inline-block; padding: 0 30px } .testimonial-block-three .inner-box h3:before { position: absolute; content: ''; left: 0; top: 23px; height: 2px; width: 24px; background-color: #fc3549 } .testimonial-block-three .inner-box h3:after { position: absolute; content: ''; right: 0; top: 23px; height: 2px; width: 24px; background-color: #fc3549 } .testimonial-block-three .inner-box .text { position: relative; color: #222; font-size: 17px; line-height: 1.7em; max-width: 950px; margin: 0 auto; margin-top: 35px; color: #263b5e; font-style: italic } .testimonial-block-three .inner-box .author-name { position: relative; color: #222; font-size: 18px; margin-top: 40px; letter-spacing: 1px; text-transform: capitalize; font-weight: 600 } .testimonial-block-three .inner-box .designation { position: relative; color: #333; font-size: 15px; margin-top: 5px } .testimonial-section-two .client-thumb-outer { position: relative; max-width: 250px; margin: 0 auto; overflow: hidden; padding-top: 45px } .testimonial-section-two .client-thumb-outer .owl-item.active .thumb-item .thumb-box { z-index: 999; -o-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1) } .testimonial-section-two .client-thumb-outer .client-thumbs-carousel { position: relative; max-width: 80px; margin: 0 auto; text-align: center } .testimonial-section-two .client-thumb-outer .client-thumbs-carousel .owl-stage-outer { overflow: visible } .testimonial-section-two .client-thumb-outer .thumb-item .thumb-box { width: 80px; height: 80px; cursor: pointer; border-radius: 50%; margin: 0 auto; overflow: hidden; -o-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; background: #0dd486 } .testimonial-section-two .client-thumb-outer .owl-item { z-index: 0 } .testimonial-section-two .client-thumb-outer .owl-item.active { z-index: 10 } .testimonial-section-two .client-thumb-outer .thumb-item .thumb-box:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 1; background-color: rgba(255,255,255,0.50) } .testimonial-section-two .client-thumb-outer .owl-item.active .thumb-box:before { opacity: 0 } .testimonial-section-two .client-thumb-outer .client-thumbs-carousel .thumb-item img { overflow: hidden; width: 100%; height: 100%; display: block; border-radius: 50% } .testimonial-section-two .owl-item.active .thumb-content { opacity: 1 } .testimonial-section-two .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -10px } .testimonial-section-two .owl-nav .owl-prev, .testimonial-section-two .owl-nav .owl-next { position: absolute; display: inline-block; color: #eee; font-size: 20px; line-height: 40px; width: 45px; height: 45px; text-align: center; background: 0; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; background: #01d280; box-shadow: 0 10px 25px 0 rgba(0,210,128,0.3) } .testimonial-section-two .owl-nav .owl-prev { left: 0; right: auto } .testimonial-section-two .owl-nav .owl-next { right: 0; left: auto } .testimonial-section-two .owl-nav .owl-prev:hover, .testimonial-section-two .owl-nav .owl-next:hover { color: #fff; border-color: #fc3549; background-color: #fc3549 } .testimonial-section-two .owl-dots { display: none } .fluid-section-one { position: relative; margin-top: 50px; margin-bottom: 50px } .fluid-section-one .image-column { position: absolute; left: 0; top: 0; width: 55%; bottom: 50px; float: right; background-size: cover; background-repeat: no-repeat; background-position: center center } .fluid-section-one .image-column .image { width: 100%; display: none } .fluid-section-one .image-column .image img { display: block; width: 100% } .fluid-section-one .image-column .overlay-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.03); transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease } .fluid-section-one .image-column .overlay-link:hover { background: rgba(0,0,0,0.50) } .fluid-section-one .image-column .overlay-link .icon-box { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; color: #222; font-size: 22px; padding-left: 6px; line-height: 80px; text-align: center; border-radius: 50%; margin-bottom: 50px; display: inline-block; margin-left: -40px; margin-top: -40px; background-color: #fff } .fluid-section-one .content-column { position: relative; width: 45%; float: right; padding: 100px 0 0 0 } .fluid-section-one .content-column .content-box { position: relative; max-width: 700px; float: left } .fluid-section-one .content-column .content-box .content { position: relative; z-index: 1; margin-left: -70px; padding: 50px 50px 50px 55px; background-color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.10) } .fluid-section-one .content-column .sec-title { padding-left: 135px } .fluid-section-one .content-column .content-box .content .text { position: relative; line-height: 1.8em; color: #666; font-size: 15px; margin-bottom: 45px; color: #263b5e } .fluid-section-one .content-column .content-box .content .text span { font-weight: 600 } .feature-box { position: relative } .feature-box .inner-box { position: relative; text-align: center } .feature-box .inner-box .icon-box { position: relative; color: #fc3549; font-size: 70px; line-height: 1em; font-weight: 400 } .feature-box .inner-box h3 { position: relative; color: #222; font-size: 18px; font-weight: 600; margin-top: 15px } .sponsors-section-three { position: relative; padding: 160px 0 40px } .sponsors-section-three .inner-container { position: relative; border-bottom: 0; background-color: #fff; border: 1px solid #eee; border-right: 0 } .sponsors-section-three .inner-container .column { float: left; padding: 0 } .sponsors-section-three .inner-container .column .image { text-align: center; border-bottom: 1px solid #eee; border-right: 1px solid #eee } .project-form-section { position: relative; padding: 60px 0 90px } .project-form-section .content-column { position: relative } .project-form-section .content-column .inner-column { position: relative; padding-left: 65px; padding-right: 75px; margin-bottom: 40px } .project-form-section .content-column ul { position: relative } .project-form-section .content-column ul li { position: relative; margin-bottom: 8px; color: #222; font-size: 14px; color: #263b5e } .project-form-section .content-column ul li span { position: relative } .map-section { position: relative } .map-section .map-canvas { position: relative; height: 400px } .products-section { position: relative; padding: 80px 0 30px } .product-block { position: relative; margin-bottom: 30px } .product-block .inner-box { position: relative } .product-block .inner-box .image { position: relative } .product-block .inner-box .image img { position: relative; width: 100%; display: block } .product-block .inner-box .overlay-box { position: absolute; left: 0; top: 0; right: 0 } .product-block .inner-box .overlay-box .overlay-inner { position: relative; padding-top: 30px; padding-left: 30px; padding-right: 15px; text-align: left } .product-block .inner-box .overlay-box .overlay-inner h3 { position: relative; font-size: 22px; font-weight: 600; line-height: 1.3em } .product-block .inner-box .overlay-box .overlay-inner h3 a { position: relative; color: #222; transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease } .product-block .inner-box .overlay-box .overlay-inner h3 a:hover { color: #fc3549 } .product-block .inner-box .overlay-box .overlay-inner .title { position: relative; color: #444; font-size: 15px; margin-top: 2px } .product-block .inner-box .overlay-box .overlay-inner .see-products { position: relative; font-size: 15px; color: #222; margin-top: 12px; padding-bottom: 3px; display: inline-block; text-transform: uppercase; border-bottom: 1px solid #fc3549; transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; font-weight: 600 } .product-block .inner-box .overlay-box .overlay-inner .see-products:hover { color: #fc3549 } .product-block-two { position: relative; margin-bottom: 30px } .product-block-two .inner-box { position: relative } .product-block-two .inner-box .image { position: relative } .product-block-two .inner-box .image img { position: relative; width: 100%; display: block } .product-block-two .inner-box .overlay-box { position: absolute; left: 0; top: 0; right: 0 } .product-block-two .inner-box .overlay-box .overlay-inner { position: relative; max-width: 280px; padding-top: 100px; padding-left: 15px; padding-right: 15px; text-align: center } .product-block-two .inner-box .overlay-box .overlay-inner h3 { position: relative; font-size: 24px; font-weight: 600; line-height: 1.3em } .product-block-two .inner-box .overlay-box .overlay-inner h3 a { position: relative; color: #222; transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease } .product-block-two .inner-box .overlay-box .overlay-inner h3 a:hover { color: #fc3549 } .product-block-two .inner-box .overlay-box .overlay-inner .title { position: relative; color: #222; font-size: 14px; margin-top: 2px; letter-spacing: 2px; text-transform: uppercase } .product-block-two .inner-box .overlay-box .overlay-inner .sale { position: relative; font-size: 14px; color: #444; margin-top: 25px; padding-bottom: 3px; display: block } .product-block-three { position: relative; margin-bottom: 30px } .product-block-three .inner-box { position: relative } .product-block-three .inner-box .image { position: relative } .product-block-three .inner-box .image img { position: relative; width: 100%; display: block } .product-block-three .inner-box .overlay-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0 } .product-block-three .inner-box .overlay-box .overlay-inner { position: absolute; left: 40px; bottom: 40px; max-width: 280px; padding-top: 100px; padding-left: 15px; padding-right: 15px } .product-block-three .inner-box .overlay-box .overlay-inner h3 { position: relative; font-size: 24px; font-weight: 600; line-height: 1.4em } .product-block-three .inner-box .overlay-box .overlay-inner h3 a { position: relative; color: #222; transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease } .product-block-three .inner-box .overlay-box .overlay-inner h3 a:hover { color: #fc3549 } .product-block-three .inner-box .overlay-box .overlay-inner .shop-now { position: relative; font-size: 14px; color: #222; margin-top: 16px; padding-bottom: 3px; display: inline-block; text-transform: uppercase; border-bottom: 3px solid #fc3549; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease } .product-block-three .inner-box .overlay-box .overlay-inner .shop-now:hover { color: #fc3549 } .shop-products-section { position: relative; padding: 40px 0 60px } .shop-products-section .btn-box { position: relative; margin-top: 20px } .product-block-four { position: relative; margin-bottom: 45px } .product-block-four .inner-box { position: relative } .product-block-four .inner-box .image { position: relative; display: block; overflow: hidden; background: #000 } .product-block-four .inner-box .image .sale { position: absolute; right: 25px; top: 25px; z-index: 1; color: #fff; font-size: 12px; line-height: 1.3em; padding: 5px 15px 7px; border-radius: 2px; background-color: #f74c4c; text-transform: uppercase } .product-block-four .inner-box .image .hot { position: absolute; right: 25px; top: 25px; z-index: 1; color: #fff; font-size: 12px; line-height: 1.3em; padding: 5px 15px 7px; border-radius: 2px; background-color: #3bca4b; text-transform: uppercase } .product-block-four .inner-box .image img { position: relative; width: 100%; display: block; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .product-block-four .inner-box:hover .image img { opacity: .70; -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } .product-block-four .inner-box .prod-options { position: absolute; right: 5px; bottom: -150px; width: 40px; opacity: 0; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease } .product-block-four .inner-box:hover .prod-options { opacity: 1; bottom: 2px } .product-block-four .inner-box .prod-options .add-fav, .product-block-four .inner-box .prod-options .add-cart, .product-block-four .inner-box .prod-options .view-prod { position: relative; display: block; margin-bottom: 3px } .product-block-four .inner-box .prod-options a { position: relative; display: block; text-align: center; line-height: 38px; font-size: 16px; height: 40px; color: #222; background: #fff; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease } .product-block-four .inner-box .prod-options a:hover { background: #fc3549; color: #fff; border-color: #fff } .product-block-four .inner-box .lower-content { position: relative; padding-top: 32px; text-align: center } .product-block-four .inner-box .lower-content h3 { position: relative; font-size: 17px; font-weight: 600; line-height: 1.3em } .product-block-four .inner-box .lower-content h3 a { position: relative; color: #222; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .product-block-four .inner-box .lower-content h3 a:hover { color: #fc3549 } .product-block-four .inner-box .lower-content .price { position: relative; margin-top: 8px; font-weight: 500 } .product-block-four .inner-box .lower-content .price li { position: relative; font-size: 16px; color: #fc3549; margin: 0 5px; display: inline-block; font-weight: 700 } .product-block-four .inner-box .lower-content .price li:last-child { color: #666; text-decoration: line-through } .products-section-two { position: relative; padding: 50px 0 70px; z-index: 9 } .product-block-five { position: relative; margin-bottom: 30px } .product-block-five .inner-box { position: relative } .product-block-five .inner-box .image { position: relative } .product-block-five .inner-box .image img { position: relative; width: 100%; display: block } .product-block-five .inner-box .image .overlay-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0 } .product-block-five .inner-box .image .overlay-box .overlay-inner { position: relative; max-width: 280px; width: 100%; display: block; float: left; padding-top: 60px; padding-left: 40px } .product-block-five .inner-box .image .overlay-box .overlay-inner .title { position: relative; font-size: 15px; font-weight: 500; color: #444; display: block } .product-block-five .inner-box .image .overlay-box .overlay-inner h3 { position: relative; color: #222; font-size: 26px; font-weight: 700; line-height: 1.3em; margin-top: 8px } .product-block-five .inner-box .image .overlay-box .overlay-inner h3 a { position: relative; color: #222; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .product-block-five .inner-box .image .overlay-box .overlay-inner h3 a:hover { color: #fc3549 } .product-block-six { position: relative; margin-bottom: 30px } .product-block-six .inner-box { position: relative } .product-block-six .inner-box .image { position: relative } .product-block-six .inner-box .image img { position: relative; width: 100%; display: block } .product-block-six .inner-box .image .overlay-box { position: absolute; left: 0; top: 0; right: 0; bottom: 0 } .product-block-six .inner-box .image .overlay-box .overlay-inner { position: relative; width: 100%; display: block; float: right; padding-left: 38px; padding-top: 40px } .product-block-six .inner-box .image .overlay-box .overlay-inner .discover { position: relative; font-size: 15px; color: #222; float: left; margin-left: 75px; margin-top: 28px; font-weight: 700; padding-bottom: 3px; display: inline-block; text-transform: uppercase; border-bottom: 3px solid #fc3549; transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease } .product-block-six .inner-box .image .overlay-box .overlay-inner .discover:hover { color: #fc3549 } .product-block-six .inner-box .image .overlay-box .overlay-inner h3 { position: relative; color: #222; font-size: 26px; font-weight: 700; line-height: 1.3em; margin-top: 8px; float: left } .product-block-six .inner-box .image .overlay-box .overlay-inner h3 a { position: relative; color: #222; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .product-block-six .inner-box .image .overlay-box .overlay-inner h3 a:hover { color: #fc3549 } .feature-section { position: relative; padding-top: 100px; padding-bottom: 50px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; z-index: 1 } .feature-section:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: #211E3B } .feature-block { position: relative; margin-bottom: 45px } .feature-block .inner-box { position: relative } .feature-block .inner-box .icon-box { position: relative; color: #43BAFF; font-size: 55px; line-height: 1em } .feature-block .inner-box h3 { position: relative; font-size: 20px; color: #fff; line-height: 1.3em; margin-top: 25px; margin-bottom: 10px; font-weight: 600 } .feature-block .inner-box .text { position: relative; font-size: 16px; color: #fff; line-height: 1.9em } .products-section-three { position: relative; padding: 95px 0 60px } .products-section-three .sec-title .more-products { position: relative; font-size: 14px; color: #222; margin-top: 40px; padding-bottom: 3px; display: inline-block; text-transform: uppercase; border-bottom: 3px solid #fc3549; transition: all .6s ease; -moz-transition: all .6s ease; -webkit-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease } .products-section-three .sec-title .more-products:hover { color: #fc3549 } .subscribe-section { position: relative; padding: 100px 0 100px; background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: right bottom } .subscribe-section:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-color: #fcfcfc } .subscribe-section .title-column { position: relative } .subscribe-section .title-column .inner-column { position: relative; z-index: 9 } .subscribe-section .title-column .inner-column h2 { position: relative; color: #222; font-size: 36px; font-weight: 600; line-height: 1.3em; margin-top: -10px } .subscribe-section .title-column .inner-column .text { position: relative; color: #444; font-size: 15px; line-height: 1.4em; margin-top: 14px; font-weight: 400 } .subscribe-section .form-column { position: relative } .subscribe-section .form-column .inner-column { position: relative; padding-top: 40px; padding-left: 40px } .subscribe-form-two { position: relative } .subscribe-form-two .form-group { position: relative; display: block; margin: 0; width: 100%; padding-right: 175px } .subscribe-form-two .form-group input[type="text"], .subscribe-form-two .form-group input[type="tel"], .subscribe-form-two .form-group input[type="email"], .subscribe-form-two .form-group textarea { position: relative; display: block; width: 100%; line-height: 28px; height: 53px; font-size: 14px; color: #222; background: #fff; border: 1px solid #ddd; padding: 10px 15px 10px 15px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .subscribe-form-two .form-group input[type="submit"], .subscribe-form-two button { position: absolute; right: 0; top: 0; cursor: pointer } .page-title { position: relative; padding: 150px 0 150px; background-size: cover; background-repeat: no-repeat } .page-title .content { position: relative } .page-title:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0) } .page-title h2 { position: relative; color: #fff; font-weight: 600; font-size: 48px; margin-top: -20px } .page-title .text { position: relative; color: #fff; font-size: 22px; margin-top: 5px; line-height: 1.3em } .page-title .page-breadcrumb { position: relative; color: rgba(255,255,255,0.70); margin-top: -55px; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; float: right } .page-title .page-breadcrumb li { position: relative; font-size: 16px; padding-right: 10px; margin-right: 10px; text-transform: capitalize; display: inline-block } .page-title .page-breadcrumb li:after { position: absolute; content: '/'; right: -6px; top: 0 } .page-title .page-breadcrumb li:last-child:after { display: none } .page-title .page-breadcrumb li a { position: relative; color: #fc3549; font-size: 16px; font-weight: 500 } .brand-block-two { position: relative; z-index: 1 } .brand-block-two .inner-box { position: relative; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.10) } .brand-block-two .inner-box .upper-box { position: relative } .brand-block-two .inner-box .upper-box .upper-inner { position: relative; padding-left: 0; padding-bottom: 0; background-color: #f08300; } .brand-block-two .inner-box .upper-box .upper-inner .image { position: relative; margin-top: -51px; display: inline-block } .brand-block-two .inner-box .lower-box { position: relative } .brand-block-two .inner-box .lower-box .box-inner { position: relative; padding: 18px 55px 25px 55px; background: #0d4c8f } .brand-block-two .inner-box .lower-box .box-inner h3 a { position: relative; color: #fff; font-size: 21px; font-weight: 500; line-height: 32px } .brand-block-two .inner-box .lower-box .box-inner h3:before { position: absolute; content: ''; left: 0; height: 3px; width: 50px; bottom: 0 } .brand-block-two .inner-box .lower-box .box-inner .text { position: relative; color: #666; font-size: 14px; line-height: 1.8em; margin-top: 30px; display: none } .solution-section { position: relative; padding-bottom: 110px } .solution-section .skill-column { position: relative } .solution-section .skill-column .inner-column { position: relative; padding-left: 60px; padding-top: 60px; background: #fff; padding-bottom: 66px; margin-top: 110px; padding-right: 70px } .services-section-five { position: relative; padding: 90px 0 60px } .services-section-five.style-two { padding-top: 50px } .services-section-five .pattern-layer { position: absolute; right: 0; bottom: 0; width: 960px; height: 365px } .services-section-five .sec-title { margin-bottom: 60px } .services-section-five .sec-title .text { position: relative; max-width: 840px } .team-page-section { padding-bottom: 0 } .team-page-section .team-block { padding-bottom: 30px } .price-page-section { position: relative; padding: 100px 0 70px } .price-block { position: relative; margin-bottom: 30px; overflow: hidden } .price-block .inner-box { position: relative; box-shadow: 0 0 25px rgba(0,0,0,0.10) } .price-block .inner-box .upper-box { position: relative; padding: 60px 45px 50px; background-size: cover } .price-block .inner-box .upper-box:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(244,244,244,0.93) } .price-block .inner-box .upper-box h3 { position: relative; color: #161616; font-weight: 800; font-size: 25px; line-height: 1.3em } .price-block .inner-box .upper-box .price { position: relative; color: #1461b9; font-size: 18px; line-height: 1.3em; margin-top: 5px; padding-bottom: 0; font-size: 50px; top: 0; font-weight: 800; margin-bottom: 0 } .price-block .inner-box .upper-box .price:before { position: absolute; content: ''; left: 0 } .price-block .inner-box .lower-box { position: relative; text-align: center; padding: 50px 45px 60px; border-bottom: 2px solid #332d5f } .price-block .inner-box .lower-box .price-list { position: relative; margin-bottom: 40px } .price-block .inner-box .lower-box .price-list li { position: relative; font-size: 15px; margin-bottom: 18px; text-align: left } .price-page-section-two { position: relative; padding: 90px 0 80px; background-repeat: no-repeat } .price-page-section-two .title-box { position: relative; margin-bottom: 80px } .price-page-section-two:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(255,255,255,0) } .price-page-section-two .title-box .sec-title .title { color: #fc3549 } .price-page-section-two .title-box .sec-title .text { margin-top: 38px!important } .price-page-section-two .lower-section { position: relative } .price-page-section-two:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 415px; background-color: #fff } .price-block-two { position: relative; z-index: 1; margin-bottom: 30px } .price-block-two .inner-box { position: relative; background-color: #fff; box-shadow: 0 0 25px rgba(0,0,0,0.10) } .price-block-two .inner-box .upper-box { position: relative; padding: 45px 45px 45px; background-color: #46baff } .price-block-two .inner-box .upper-box .title { position: relative; color: #fff; font-size: 22px; line-height: 1.3em; padding-bottom: 10px; font-weight: 600 } .price-block-two .inner-box .upper-box h3 { position: relative; color: #fff; font-weight: 700; font-size: 46px; line-height: 1.2em; padding-bottom: 20px } .price-block-two .inner-box .upper-box h3:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 3px; background-color: #fff } .price-block-two .inner-box .lower-box { position: relative; text-align: center; padding: 50px 45px 60px } .price-block-two .inner-box .lower-box .price-list { position: relative; margin-bottom: 40px } .price-block-two .inner-box .lower-box .price-list li { position: relative; font-size: 14px; margin-bottom: 12px } .services-section-six { position: relative; padding: 125px 0 60px } .services-section-six .content-column { position: relative; margin-bottom: 40px } .services-section-six .content-column .inner-column { position: relative; padding-right: 60px } .services-section-six .content-column .inner-column .text { position: relative; margin-bottom: 40px } .services-section-six .content-column .inner-column .text p { position: relative; color: #666; font-size: 14px; line-height: 1.8em; margin-bottom: 20px } .services-section-six .content-column .inner-column .text p:last-child { margin-bottom: 0 } .services-section-six .accordian-column { position: relative; margin-bottom: 40px } .accordion-box { position: relative } .accordion-box .block { position: relative; border-bottom: 1px solid #eee } .accordion-box .block .acc-btn { position: relative; font-size: 20px; cursor: pointer; line-height: 34px; color: #222; font-weight: 600; padding: 20px 0 20px 0; transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease } .accordion-box .block .acc-btn.active { color: #fc3549 } .accordion-box .block .icon-outer { position: absolute; right: 0; top: 22px; font-size: 20px; color: #262626; font-weight: 800; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .accordion-box .block .icon-outer .icon { position: absolute; right: 0; width: 30px; height: 30px; color: #222; font-size: 20px; text-align: center; line-height: 32px; font-weight: 800 } .accordion-box .block .icon-outer .icon-pluss { opacity: 1 } .accordion-box .block .icon-outer .icon-minuss { opacity: 0 } .accordion-box .block .acc-btn.active .icon-outer .icon-minuss { opacity: 1 } .accordion-box .block .acc-btn.active .icon-outer .icon-pluss { opacity: 0 } .accordion-box .block .acc-content { position: relative; display: none } .accordion-box .block .acc-content .content-text { padding-bottom: 6px } .accordion-box .block .acc-content.current { display: block } .accordion-box .block .content { position: relative; font-size: 14px; padding: 0 0 30px 0 } .accordion-box .block .content .text { position: relative; color: #666; line-height: 1.9em } .accordion-box .block .content .accordian-text { line-height: 1.9em; font-size: 16px; color: #84858a; font-weight: 600 } .accordion-box .block .content p:last-child { margin-bottom: 0 } .accordion-box.style-two .block .acc-btn { font-size: 20px } .branded-section-two { position: relative; background-size: cover; padding: 100px 0 80px; background-repeat: no-repeat; background-position: center bottom } .branded-section-two:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 215px; background-color: #fff } .branded-section-two .title-box { position: relative; margin-bottom: 90px } .branded-section-two:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0) } .branded-section-two .title-box .sec-title .title { color: #fff } .branded-section-two .title-box .sec-title .text { margin-top: 38px!important; color: #fff } .branded-section-two .title-box .sec-title h2 { display: block; color: #fff } .branded-section-two .title-box .theme-btn { margin-top: 35px } .branded-section-two .lower-section { position: relative } .branded-section-two .lower-section .sponsors-section-three { padding: 0; z-index: 1 } .services-section-seven { position: relative; padding: 170px 0 130px } .services-section-seven .pattern-layer { position: absolute; left: 0; bottom: 65px; width: 960px; height: 803px } .services-section-seven .title-box { position: relative; text-align: center; margin-bottom: 70px } .services-section-seven .title-box .big-text { position: absolute; left: 0; right: 0; top: -100px; color: #f8f8f8; font-size: 164px; line-height: 1em; font-weight: 800 } .services-section-seven .title-box .text { position: relative; color: #666; font-size: 14px; line-height: 1.8em; max-width: 830px; margin: 0 auto } .services-section-eight { position: relative; padding: 90px 0 30px } .services-section-eight .title-column { position: relative } .services-section-eight .title-column .inner-column { position: relative } .services-section-eight .content-column { position: relative; margin-bottom: 40px } .services-section-eight .content-column .inner-column { position: relative } .services-section-eight .content-column .text { position: relative; color: #666; font-size: 14px; line-height: 1.9em; padding-top: 28px; margin-bottom: 30px } .fluid-section-two { position: relative } .fluid-section-two .image-column { position: absolute; left: 0; top: 0; width: 50%; float: right; bottom: 50px; background-size: cover; background-repeat: no-repeat; background-position: center center } .fluid-section-two .image-column .image { width: 100%; display: none } .fluid-section-two .image-column .image img { display: block; width: 100% } .fluid-section-two .content-column { position: relative; width: 50%; float: right; padding: 60px 0 0 0 } .fluid-section-two .content-column .inner-content { position: relative; margin-left: -100px; z-index: 1; background-color: #fff; padding: 70px 125px 70px; box-shadow: 0 0 20px rgba(0,0,0,0.10) } .fluid-section-two .content-column .inner-content .sec-title { margin-bottom: 10px } .fluid-section-two .content-column .inner-content .accordion-box { margin-bottom: 50px } .call-to-action-section { position: relative; text-align: center; padding: 110px 0 100px; background-attachment: fixed; background-size: cover; background-position: center center } .call-to-action-section:before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.10) } .call-to-action-section h2 { position: relative; color: #222; font-size: 36px; line-height: 1.3em; font-weight: 600; margin-bottom: 40px } .call-to-action-section ul { position: relative; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; } .call-to-action-section ul li { position: relative; font-size: 24px; color: #222; margin: 0 60px; font-weight: 800; margin-bottom: 15px; display: inline-block } .call-to-action-section ul li a { color: #fff } .call-to-action-section ul li a:hover { text-decoration: underline } .call-to-action-section .theme-btn { margin-top: 50px } .call-to-action-section.style-two h2, .call-to-action-section.style-two ul li { color: #fff } .call-to-action-section.style-three:before { display: none } .about-section-three { position: relative; padding: 100px 0 100px } .about-section-three .image-column { position: relative } .about-section-three .image-column .inner-column { position: relative; margin-left: -90px } .about-section-three .image-column .inner-column .image { position: relative } .about-section-three .image-column .inner-column .image img { position: relative; width: 100%; display: block } .about-section-three .content-column { position: relative } .about-section-three .content-column .inner-column { position: relative; padding-left: 30px; padding-top: 22px } .about-section-three .content-column .inner-column .sec-title { margin-bottom: 20px } .about-section-three .content-column .inner-column .text { position: relative; color: #666; font-size: 14px; line-height: 1.8em; margin-bottom: 25px } .contact-form-section { position: relative; padding: 160px 0 70px } .contact-form-section .pattern-layer { position: absolute; left: 0; top: 40px; width: 960px; height: 785px } .contact-form-section .sec-title { margin-bottom: 50px } .contact-form-section .sec-title .text { max-width: 750px } .contact-form-section .contact-form { max-width: 950px; margin: 0 auto } .contact-form-section.style-two { padding-top: 90px } .contact-form { position: relative } .contact-form .form-group { position: relative; margin-bottom: 30px } .contact-form .form-group input[type="text"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="email"], .contact-form .form-group select, .contact-form .form-group textarea { position: relative; display: block; width: 100%; line-height: 28px; padding: 10px 25px; color: #222; height: 55px; font-size: 15px; background: #f4f4f4; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .contact-form .form-group textarea::-webkit-input-placeholder, .contact-form .form-group input::-webkit-input-placeholder { color:#888 } .contact-form .form-group textarea { height: 130px; resize: none } .contact-form button { cursor: pointer } .contact-form input.error, .contact-form select.error, .contact-form textarea.error { border-color: #f00!important } .contact-form label.error { display: block; line-height: 24px; padding: 5px 0 0; margin: 0; text-transform: uppercase; font-size: 12px; color: #f00; font-weight: 600 } .contact-info-section { position: relative; padding: 60px 0 90px } .contact-info-section.style-two { padding-top: 90px; border-bottom: 1px solid #eee } .contact-info-section .auto-container { max-width: 960px } .contact-info-section .social-box { position: relative; text-align: center; margin-top: 50px } .contact-info-section .social-box a { position: relative; margin: 0 11px; color: #fff; font-size: 36px; display: inline-block; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; padding: 20px; background: red; background: #01d280; box-shadow: 0 10px 25px 0 rgba(0,210,128,0.3) } .contact-info-section .social-box a:hover { color: #ff4800 } .map-section .google-map { height: 500px } .blog-page-section { position: relative; padding: 100px 0 100px } .blog-page-section .news-block { margin-bottom: 70px } .blog-page-section .btn-box { position: relative; margin-top: 20px } .blog-classic .auto-container { max-width: 1140px } .news-block-three { position: relative; margin-bottom: 80px } .news-block-three .inner-box { position: relative; margin-bottom: 40px } .news-block-three .inner-box .row { position: relative; margin: 0 } .news-block-three .inner-box .content-column { position: relative; padding: 0; float: left; z-index: 1 } .news-block-three .inner-box .content-column .inner-column { position: relative; margin-top: 60px; z-index: 1; padding: 0 70px 50px 50px; background-color: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.10) } .news-block-three .inner-box .content-column .inner-column .content { position: relative } .news-block-three .inner-box .content-column .post-date { position: relative; color: #fff; top: -10px; font-size: 14px; margin-top: -10px; padding: 10px 17px; display: inline-block; background-color: #fc3549 } .news-block-three .inner-box .content-column h3 { position: relative; font-size: 24px; font-weight: 600; line-height: 1.4em; margin-top: 27px } .news-block-three .inner-box .content-column h3 a { position: relative; color: #222; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .news-block-three .inner-box .content-column h3 a:hover { color: #fc3549 } .news-block-three .inner-box .content-column .post-meta { position: relative; margin-top: 18px; padding-bottom: 18px } .news-block-three .inner-box .content-column .post-meta li { position: relative; color: #626262; font-size: 13px; margin-right: 13px; display: inline-block; font-weight: 600 } .news-block-three .inner-box .content-column .post-meta li:last-child { margin-right: 0 } .news-block-three .inner-box .content-column .post-meta:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 50px; background-color: #fc3549 } .news-block-three .inner-box .content-column .text { position: relative; color: #666; font-size: 14px; line-height: 2em; margin-top: 25px } .news-block-three .inner-box .content-column .read-more { position: relative; color: #222; font-size: 14px; line-height: 1em; margin-top: 38px; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-weight: 600 } .news-block-three .inner-box .content-column .read-more .arrow { position: relative; margin-left: 10px; color: #fc3549; top: 2px } .news-block-three .inner-box .content-column .read-more:hover { color: #fc3549 } .news-block-three .inner-box .image-column { position: relative; padding: 0; float: left } .news-block-three .inner-box .image-column .inner-column { position: relative; margin-left: -60px } .news-block-three .inner-box .image-column .inner-column .image { position: relative } .news-block-three .inner-box .image-column .inner-column .image img { position: relative; width: 100%; display: block } .sidebar-page-container { position: relative; background-color: #fff; padding: 105px 0 70px } .sidebar-page-container .content-side, .sidebar-page-container .sidebar-side { margin-bottom: 40px } .sidebar-page-container .sidebar-side .sidebar.padding-right { padding-left: 30px } .sidebar-widget { position: relative; margin-bottom: 45px } .sidebar-page-container .sidebar-title { position: relative; margin-bottom: 30px } .sidebar-page-container .sidebar-title h2 { position: relative; display: block; font-size: 20px; color: #222; font-weight: 700; line-height: 1.2em; padding-bottom: 15px; text-transform: capitalize } .sidebar-page-container .sidebar-title h2:before { position: absolute; content: ''; left: 0; bottom: 0; height: 3px; width: 50px; background-color: #fc3549 } .sidebar .search-box { position: relative } .sidebar .search-box .form-group { position: relative; margin: 0 } .sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] { position: relative; display: block; font-size: 14px; color: #666; line-height: 28px; padding: 10px 25px; padding-right: 60px; height: 55px; width: 100%; background-color: #f4f4f4; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .sidebar .search-box .form-group input:focus { border-color: #fc3549 } .sidebar .search-box .form-group button { position: absolute; right: 0; top: 0; width: 50px; height: 55px; line-height: 50px; text-align: center; display: block; font-size: 16px; color: #fff; cursor: pointer; background: 0; font-weight: normal; background: red } .category-list { position: relative } .category-list li { position: relative; margin-bottom: 8px } .category-list li:last-child { margin-bottom: 0 } .category-list li a { position: relative; color: #666; font-size: 14px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .category-list li a:hover { color: #fc3549 } .sidebar .popular-posts .post { position: relative; font-size: 14px; color: #666; padding: 0; padding-left: 100px; min-height: 110px; margin-bottom: 28px; border-bottom: 1px solid #eee } .sidebar .popular-posts .post:last-child { margin-bottom: 0 } .sidebar .popular-posts .post .post-thumb { position: absolute; left: 0; top: 0; width: 80px; overflow: hidden } .sidebar .popular-posts .post .post-thumb .overlay-box { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; display: block; color: #fc3549; font-size: 18px; opacity: 0; text-align: center; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; background-color: rgba(51,51,51,0.70) } .sidebar .popular-posts .post .post-thumb .overlay-box .fa { top: 50%; position: relative; margin-top: -10px; display: block } .sidebar .popular-posts .post:hover .post-thumb .overlay-box { opacity: 1 } .sidebar .popular-posts .post .post-thumb img { display: block; width: 100%; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .sidebar .popular-posts .post .text { position: relative; top: -4px; font-size: 16px; margin: 0; font-weight: 700; color: #222; line-height: 1.6em; text-transform: capitalize } .sidebar .popular-posts .post .text a { color: #222; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .sidebar .popular-posts .post a:hover { color: #fc3549 } .sidebar .popular-posts .post-info { position: relative; font-size: 14px; color: #666; font-weight: 400 } .about-widget .image img { position: relative; width: 100%; display: block } .about-widget .widget-content .text { position: relative; color: #666; font-size: 16px; line-height: 1.9em; margin-top: 30px } .popular-tags a { position: relative; color: #fff; font-size: 14px; margin-right: 3px; margin-bottom: 8px; display: inline-block; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; background: #fc3549; padding: 4px 10px } .popular-tags a:hover { color: #fff; background: black } .newsletter-widget .widget-content { position: relative; padding: 40px 30px 50px; background-color: #f6f6f6 } .newsletter-widget .widget-content h3 { position: relative; font-size: 18px; color: #222; line-height: 1.8em; font-weight: 500; text-align: center; padding-bottom: 22px; margin-bottom: 30px } .newsletter-widget .widget-content h3 span { position: relative; font-size: 24px; font-weight: 600; display: block } .newsletter-widget .widget-content h3:before { position: absolute; content: ''; left: 50%; bottom: 0; width: 50px; height: 2px; margin-left: -25px; background-color: #222 } .subscribe-form-three { position: relative } .subscribe-form-three .form-group { position: relative; display: block; margin: 0; width: 100% } .subscribe-form-three .form-group input[type="text"], .subscribe-form-three .form-group input[type="tel"], .subscribe-form-three .form-group input[type="email"], .subscribe-form-three .form-group textarea { position: relative; display: block; width: 100%; line-height: 28px; height: 56px; font-size: 14px; color: #222; background: #fff; border: 2px solid #ddd; padding: 10px 20px 10px 20px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .subscribe-form-three .form-group input[type="submit"], .subscribe-form-three button { position: absolute; right: 20px; top: 15px; font-size: 22px; cursor: pointer; background: 0 } .news-block-four { position: relative; margin-bottom: 70px } .news-block-four .inner-box { position: relative } .news-block-four .inner-box .image { position: relative; display: block; overflow: hidden; background: #101010 } .news-block-four .inner-box .image img { position: relative; width: 100%; display: block; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .news-block-four .inner-box:hover .image img { opacity: .50; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05) } .news-block-four .inner-box .image .overlay-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; text-align: center } .news-block-four .inner-box .image .overlay-box .icon { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; color: #222; margin-left: -40px; text-align: center; border-radius: 50%; line-height: 80px; display: inline-block; padding-left: 4px; font-size: 20px; margin-top: -40px; background-color: rgba(255,255,255,1) } .news-block-four .inner-box .image .owl-dots { display: none } .news-block-four .inner-box .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -38px } .news-block-four .inner-box .owl-nav .owl-prev { position: absolute; left: 30px; top: 0; width: 55px; height: 55px; color: #fff; font-size: 20px; line-height: 55px; text-align: center; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; background-color: rgba(0,0,0,0.50) } .news-block-four .inner-box .owl-nav .owl-next { position: absolute; right: 20px; top: 0; width: 55px; height: 55px; color: #fff; font-size: 20px; line-height: 55px; text-align: center; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; background-color: rgba(0,0,0,0.50) } .news-block-four .inner-box .owl-nav .owl-prev:hover, .news-block-four .inner-box .owl-nav .owl-next:hover { color: #fff; background-color: #222 } .news-block-four .inner-box .lower-content { position: relative; z-index: 1 } .news-block-four.style-two .inner-box .lower-content .inner-content { margin: 0 } .news-block-four .inner-box .lower-content .inner-content { position: relative; margin-left: 30px; margin-right: 30px; margin-top: -80px; background-color: #fff; padding: 0 50px 50px 50px; box-shadow: 0 0 25px rgba(0,0,0,0.10) } .news-block-four .inner-box .lower-content .post-date { position: relative; color: #fff; top: -10px; font-size: 14px; margin-top: -10px; padding: 10px 17px; display: inline-block; background-color: #222 } .news-block-four .inner-box .lower-content h3 { position: relative; font-size: 30px; font-weight: 600; line-height: 1.3em; margin-top: 20px } .news-block-four .inner-box .lower-content h3 a { position: relative; color: #222; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .news-block-four .inner-box .lower-content h3 a:hover { color: #fc3549 } .news-block-four.style-two .inner-box .lower-content .quote-icon { position: absolute; right: 70px; bottom: 30px; color: #fc3549; font-size: 60px; line-height: 1em } .news-block-four .inner-box .lower-content .post-meta { position: relative; margin-top: 10px; padding-bottom: 18px } .news-block-four .inner-box .lower-content .post-meta li { position: relative; color: #666; font-size: 14px; margin-right: 15px; display: inline-block } .news-block-four .inner-box .lower-content .post-meta li:last-child { margin-right: 0 } .news-block-four .inner-box .lower-content .post-meta:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 50px; background-color: #fc3549 } .news-block-four .inner-box .lower-content .text { position: relative; color: #666; font-size: 14px; line-height: 1.9em; margin-top: 18px } .news-block-four .inner-box .lower-content .read-more { position: relative; color: #222; font-size: 14px; line-height: 1em; margin-top: 20px; display: inline-block; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .news-block-four .inner-box .lower-content .read-more .arrow { position: relative; margin-left: 10px; color: #fc3549; top: 2px } .news-block-four .inner-box .lower-content .read-more:hover { color: #fc3549 } .styled-pagination { position: relative; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; } .styled-pagination li { position: relative; font-size: 16px; color: #222; display: inline-block; margin: 0 8px 0 8px } .styled-pagination li a { position: relative; display: inline-block; font-size: 16px; color: #222; font-weight: 600; text-transform: capitalize; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease } .styled-pagination li a:hover, .styled-pagination li a.active { color: #fc3549 } .blog-detail { position: relative } .blog-detail .inner-box { position: relative } .blog-detail .inner-box .image { position: relative; margin-bottom: 30px } .blog-detail .inner-box .image img { position: relative; width: 100%; display: block } .blog-detail .inner-box .lower-content { position: relative; padding-bottom: 10px; border-bottom: 1px solid #eee } .blog-detail .inner-box .lower-content .upper-box { position: relative; margin-left: 30px; margin-right: 30px; margin-top: -80px; margin-bottom: 40px; background-color: #fff; padding: 0 50px 50px 50px; box-shadow: 0 0 25px rgba(0,0,0,0.10) } .blog-detail .inner-box .lower-content .upper-box .post-date { position: relative; color: #fff; top: -10px; font-size: 14px; margin-top: -10px; padding: 10px 17px; display: inline-block; background-color: #222 } .blog-detail .inner-box .lower-content .upper-box h3 { position: relative; font-size: 30px; font-weight: 600; line-height: 1.3em; margin-top: 20px; color: #222 } .blog-detail .inner-box .lower-content .upper-box .post-meta { position: relative; margin-top: 10px; padding-bottom: 18px } .blog-detail .inner-box .lower-content .upper-box .post-meta li { position: relative; color: #666; font-size: 14px; margin-right: 15px; display: inline-block } .blog-detail .inner-box .lower-content .upper-box .post-meta li:last-child { margin-right: 0 } .blog-detail .inner-box .lower-content .upper-box .post-meta:before { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; width: 50px; background-color: #fc3549 } .blog-detail .inner-box .lower-content .lower-box { position: relative } .blog-detail .inner-box .lower-content .lower-box .text { position: relative } .blog-detail .inner-box .lower-content .lower-box .text p { position: relative; color: #666; font-size: 14px; line-height: 1.8em } .blog-detail .inner-box .lower-content .two-column { position: relative; margin-top: 40px } .blog-detail .inner-box .lower-content .lower-box .text .list-style-one { position: relative; margin-left: 70px; margin-top: 30px; margin-bottom: 30px } .blog-detail .inner-box .lower-content .lower-box blockquote { position: relative; margin-left: 70px; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; padding-left: 25px; margin-top: 40px; font-weight: 600; margin-bottom: 40px; border-left: 3px solid #fc3549 } .blog-detail .inner-box .lower-content .lower-box blockquote .blockquote-text { position: relative; color: #222; font-size: 24px; line-height: 1.4em } .blog-detail .inner-box .lower-content .lower-box blockquote .author-post { position: relative; color: #666; font-size: 14px; margin-top: 8px } .blog-detail .post-share-options { position: relative; margin-top: 50px } .blog-detail .post-share-options .post-share-inner { position: relative; text-align: center } .blog-detail .post-share-options .post-share-inner .social-box { position: relative } .blog-detail .post-share-options .post-share-inner .social-box li { position: relative; margin: 0; display: inline-block } .blog-detail .post-share-options .post-share-inner .social-box li a { position: relative; width: 68px; height: 40px; color: #fff; font-size: 16px; line-height: 40px; text-align: center } .blog-detail .post-share-options .post-share-inner .social-box li.facebook a { background-color: #3b5999 } .blog-detail .post-share-options .post-share-inner .social-box li.google-plus a { background-color: #dc4e41 } .blog-detail .post-share-options .post-share-inner .social-box li.pinterest a { background-color: #bd081c } .blog-detail .post-share-options .post-share-inner .social-box li.twitter a { background-color: #55acee } .blog-detail .post-share-options .post-share-inner .tags { position: relative; margin-top: 20px } .blog-detail .post-share-options .post-share-inner .tags a { position: relative; color: #666; font-size: 14px; margin: 0 8px; display: inline-block } .blog-detail .news-posts { position: relative; margin-top: 90px } .blog-detail .news-posts .more-posts { display: none } .blog-detail .news-posts .prev, .blog-detail .news-posts .next { position: relative; color: #222; font-size: 14px; line-height: 1.4em; margin-bottom: 10px; display: inline-block; text-transform: capitalize; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease } .blog-detail .news-posts .prev:hover, .blog-detail .news-posts .next:hover { color: #fc3549 } .blog-detail .news-posts:before { position: absolute; content: ''; left: 50%; top: 0; height: 100%; width: 1px; background-color: #eee } .blog-detail .news-posts h4 { position: relative; color: #222; font-size: 16px; line-height: 1.6em; margin: 0; margin-bottom: 10px; padding-bottom: 12px } .blog-detail .news-posts h4:before { position: absolute; content: ''; right: 0; height: 2px; width: 50px; bottom: 0; background-color: #fc3549 } .blog-detail .news-posts .prev-post a { position: relative; color: #222; font-size: 16px; font-weight: 600; line-height: 1.4em; text-transform: capitalize; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease } .blog-detail .news-posts .prev-post h4:before { position: absolute; content: ''; left: 0; height: 2px; width: 50px; bottom: 0; background-color: #fc3549 } .blog-detail .news-posts .prev-post .image { position: absolute; left: 0; top: 8px; width: 80px; height: 80px } .blog-detail .news-posts .next-post { position: relative; text-align: right; padding-right: 100px } .blog-detail .news-posts .next-post .image { position: absolute; right: 0; top: 8px; width: 80px; height: 80px } .blog-detail .news-posts .next-post a { position: relative; color: #222; font-size: 16px; font-weight: 600; line-height: 1.5em; text-transform: capitalize; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease } .blog-detail .news-posts .prev-post { position: relative; padding-left: 100px } .blog-detail .news-posts .prev-post a:hover, .blog-detail .news-posts .next-post a:hover { color: #fc3549 } .sidebar-page-container .comments-area { position: relative; margin-bottom: 60px; margin-top: 65px } .sidebar-page-container .group-title { position: relative; margin-bottom: 40px } .sidebar-page-container .group-title h2 { position: relative; font-size: 24px; color: #222; font-weight: 700; padding-bottom: 12px; text-transform: capitalize } .sidebar-page-container .group-title h2:before { position: absolute; content: ''; left: 0; bottom: 0; width: 50px; height: 2px; background-color: #fc3549 } .sidebar-page-container .comments-area .comment-box { position: relative; padding: 0; margin-bottom: 48px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .sidebar-page-container .comments-area .comment-box:last-child { margin-bottom: 0 } .sidebar-page-container .comments-area .comment { position: relative; padding: 0 0 0 100px; font-size: 14px } .sidebar-page-container .comments-area .reply-comment { margin-left: 120px } .sidebar-page-container .comments-area .comment-box .author-thumb { position: absolute; left: 0; top: 0; width: 80px; border-radius: 50%; margin-bottom: 20px; overflow: hidden } .sidebar-page-container .comments-area .comment-box .author-thumb img { width: 100%; display: block } .sidebar-page-container .comments-area .comment-info { margin-bottom: 10px } .sidebar-page-container .comments-area .comment-box strong { font-size: 18px; color: #222; display: block; line-height: 1.3em; font-weight: 600; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; text-transform: capitalize } .sidebar-page-container .comments-area .comment-box .text { position: relative; color: #666; font-size: 14px; line-height: 1.8em; margin-bottom: 16px } .sidebar-page-container .comments-area .comment-info .comment-time { position: relative; font-size: 12px; color: #666; text-transform: uppercase } .sidebar-page-container .comments-area .comment-box .reply-outer { position: relative } .sidebar-page-container .comments-area .comment-box .theme-btn { position: relative; font-size: 14px; color: #222; font-weight: 600; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; text-transform: uppercase; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .sidebar-page-container .comments-area .comment-box .theme-btn:hover { color: #fc3549 } .comment-form .form-group { margin-bottom: 30px } .comment-form .form-group:last-child { margin-bottom: 0 } .comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select { position: relative; display: block; width: 100%; line-height: 28px; padding: 10px 28px; color: #888; border: 1px solid transparent; height: 55px; font-size: 14px; background: #f4f4f4; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus { border-color: #fc3549 } .comment-form .form-group textarea { position: relative; display: block; width: 100%; line-height: 24px; padding: 15px 28px; color: #888; border: 1px solid transparent; height: 150px; background: #f4f4f4; resize: none; font-size: 14px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .comment-form button { cursor: pointer } .animx .shape-1 { position: absolute; top: 28%; left: 23%; z-index: 5 } .animx .shape-2 { position: absolute; top: 81%; left: 90%; z-index: 5 } .animx .shape-3 { position: absolute; top: 97%; left: 79%; z-index: 5 } .animx .shape-3 imgx { -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear } .animx .shape-5 { position: absolute; top: 11%; right: 88%; z-index: 9 } .animx .shape-6 { position: absolute; top: 10%; right: 11%; z-index: 9 } .animx .image img { margin-top: 4px } .counter-section .content-box { margin-top: 0!important } .counter-section .image img { margin-top: 0!important } .counter-section .shape-2 { position: absolute; top: 60%; left: 75%; z-index: 5; width: 462px } .team-section .team-block:first-child:before { opacity: 1; transition: all 700ms ease } .team-section .team-block:before { position: absolute; content: ""; bottom: -40px; left: -29px; width: 154px; height: 154px; background-image: url(../image/dots.png); z-index: -1; opacity: 0; transition: all 700ms ease } .team-section .team-block:hover:before { opacity: 1; left: -10px; transition: all 700ms ease } .sponsors-section .shape-2 { position: absolute; top: 12%; left: 85%; z-index: 5; width: 361px } .story-block-two .image2 img { position: absolute; left: -160px; top: 171px; z-index: -1 } .story-block-two .image2 { margin-top: -377px } .story-block-two .inner-box .image-column .inner-column .image { z-index: 999 } .story-section .sec-title .title { font-size: 14px; font-weight: 600; color: #0056b3; position: relative; display: inline-block; margin-bottom: 2px; text-transform: uppercase } .home_4banner .shape-3 { max-width: 700px; top: 214px!important; left: 28px!important } .home_4banner .btn-seven { background-color: #1461b9; padding: 17px 50px 17px 50px; border-radius: 0; border: 0; color: #fff; font-weight: 500; font-size: 14px; text-transform: uppercase; letter-spacing: 1.2px } .home_4banner .content-box { margin-top: 8px!important } .home_4banner .shape-1 { position: absolute; top: 55px; left: 56%; z-index: 5 } .services-block-three .image { height: 85px; width: 85px; line-height: 85px; font-weight: 400; font-size: 36px; color: #fff; -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -ms-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -o-box-shadow: 0 10px 15px rgba(0,0,0,0.1) } .services-block-three .image:after { position: absolute; left: -40px; top: 7px; height: 190px; width: 230px; background-position: center; background-repeat: no-repeat; content: ''; -webkit-transition: .7s ease; -o-transition: .7s ease; transition: .7s ease } .new_home .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; margin: 0 0 10px 0; border-radius: 50% 50% 50% 50%; background-color: #55119d; height: 210px; width: 180px } .container-fluid-two.new_home .owl-nextx { position: relative; line-height: 30px; background: #00d280; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: .05em; padding: 12px 32px 12px; border: 0 solid #222; box-shadow: 0 10px 25px 0 rgba(0,210,128,0.3) } .services-block-six .inner-box .icon-box { position: relative; height: 85px; width: 85px; text-align: center; line-height: 85px; font-weight: 400; font-size: 36px; color: #fff; background-color: #fc3549; -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -ms-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -o-box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-shadow: 0 10px 15px rgba(0,0,0,0.1); border-radius: 50%; margin: 0 auto; margin-top: 32px; box-shadow: 0 2px 14px 0 rgba(252,53,73,0.38) } .services-block-six:nth-child(2) .inner-box .icon-box { background-color: #6610f2; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -ms-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -o-box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-shadow: 0 10px 25px 0 rgba(102,16,242,0.71); box-shadow: 0 2px 14px 0 rgba(102,16,242,0.5) } .services-block-six:nth-child(3) .inner-box .icon-box { background-color: #00d280; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -ms-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -o-box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-shadow: 0 10px 25px 0 rgba(0,210,128,0.73); box-shadow: 0 2px 14px 0 rgba(0,210,128,0.50) } .services-block-six:nth-child(4) .inner-box .icon-box { background-color: #ffb700; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -ms-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -o-box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-shadow: 0 10px 25px 0 rgba(255,183,0,0.71); box-shadow: 0 2px 14px 0 rgba(255,183,0,.5) } .services-block-six:nth-child(5) .inner-box .icon-box { background-color: #fc35fa; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -ms-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -o-box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-shadow: 0 10px 25px 0 rgba(252,53,250,0.71) } .services-block-six:nth-child(5) .inner-box .icon-box { background-color: #35c9fc; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -ms-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -o-box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-shadow: 0 10px 25px 0 rgba(53,201,252,0.7); box-shadow: 0 2px 14px 0 rgba(53,201,252,.5) } .ser_number { color: #fc3549; font-size: 60px; font-weight: 800; opacity: .5; margin-bottom: 74px; top: 49px } .ser_numberx { position: absolute; content: ""; top: 38px; left: 140px; height: 100%; width: 100%; background: #fff; background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #fff), color-stop(70%, rgba(0,212,255,0))); background: -webkit-linear-gradient(bottom, #fff 30%, rgba(0,212,255,0) 70%); background: -o-linear-gradient(bottom, #fff 30%, rgba(0,212,255,0) 70%); background: linear-gradient(0deg, #fff 30%, rgba(0,212,255,0) 70%); pointer-events: none; z-index: 1; height: 76px; width: 100px } .brand-block .inner-box .lower-box .box-inner .image img { width: 168px; border-radius: 5px } .ser_numberx { position: absolute; content: ""; top: 38px; left: 140px; height: 100%; width: 100%; background: #fff; background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #fff), color-stop(70%, rgba(0,212,255,0))); background: -webkit-linear-gradient(bottom, #fff 30%, rgba(0,212,255,0) 70%); background: -o-linear-gradient(bottom, #fff 30%, rgba(0,212,255,0) 70%); background: linear-gradient(0deg, #fff 30%, rgba(0,212,255,0) 70%); pointer-events: none; z-index: 1; height: 76px; width: 100px } .services-block-six:nth-child(1) .inner-box .ser_number { color: #fc3549 } .services-block-six:nth-child(2) .inner-box .ser_number { color: #6610f2 } .services-block-six:nth-child(3) .inner-box .ser_number { color: #00d280 } .services-block-six:nth-child(4) .inner-box .ser_number { color: #ffb700 } .services-block-six:nth-child(5) .inner-box .ser_number { color: #35c9fc } .services-block-six:nth-child(6) .inner-box .ser_number { color: #fc3549 } .fluid-section-one .image-column:before { position: absolute; content: ''; background: url(../image/98.png); width: 530px; height: 675px; right: -350px; top: -69px; background-repeat: no-repeat } .undrline { text-decoration: underline; text-decoration-color: #f8abb4 } .btn-boxx { font-size: 15px; font-weight: 600 } .work-process-h6 .sec-title-three h3, .priching-h6 .sec-title-three h3, .testimonials-h6 .sec-title-three h3, .team-h6 .sec-title-three h3, .latest-news-h6 .sec-title-three h3, .clints-h6 .sec-title-three h3 { text-transform: capitalize } .work-process-h6 .item .btn-boxx { margin-top: 15px } .bannershop .image-column .image:before { position: absolute; content: ''; background: url(../image/98.png); width: 304px; height: 553px; right: -15%; top: 3%; background-repeat: repeat-y; z-index: -1 } .bannershop .discount h6 { color: white; font-size: 19px; font-weight: 600; background: #f45; display: initial; padding: 10px 20px } .bannershop .discount { margin-top: 35px } .bannershop .price p { font-size: 59px; margin-top: 20px; font-weight: 600; color: #00d280 } .bannershop .price p span { color: #070707; font-size: .5em; font-weight: 500; margin-right: 10px } .bannershop .btn-box a.btn-six { top: 0!important } .bannershop .btn-six.btn-six:after { content: "\f217" } .subscribe-section .title-column .inner-column h2 span { color: #1461b9 } .sx5 img { width: 350px; bottom: 0 } .sx6 img { margin-top: 55px } .footcall { position: relative; line-height: 24px; background: #fc3549; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: .05em; padding: 12px 32px 12px; text-transform: uppercase; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; padding: 17px 50px 17px 50px; border-radius: 30px 30px 30px 30px; box-shadow: 0 10px 17px 0 rgba(252,53,73,0.7); display: inline; transition: all 700ms ease; display: inline-block } .footcall:hover { position: relative; line-height: 24px; background: #01d280; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: .05em; padding: 12px 32px 12px; text-transform: uppercase; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; padding: 17px 50px 17px 50px; border-radius: 30px 30px 30px 30px; box-shadow: 0 10px 25px 0 rgba(0,210,128,0.3); display: inline-block } .footer_logos { margin: 0 auto; text-align: center } .footer_logos p { color: #000; text-align: center; font-size: 13px; font-weight: 700; margin-top: 25px } .footer_logos:before { position: absolute!important; content: ''!important; background: url(../image/dotnew.png)!important; width: 304px!important; height: 750px!important; right: 0!important; top: 1%!important; background-repeat: repeat-y!important; z-index: -1 } .footer_logos .shape-2 { position: absolute; top: 80px; left: 19%!important; z-index: 5 } .footer_logos .shape-2.footer_logo { position: relative; top: 0; left: 0!important; z-index: 5; text-align: center } .footer_new { background: #ebecec!important } .footer_new p { margin-bottom: 0; color: #001064!important; font-weight: 600 } .footer_new p span { margin-bottom: 0; color: #fc3549!important; font-weight: 600 } .feature-section:after { position: absolute; content: ''!important; background: url(../image/pattern-17.png)!important; width: 97px!important; height: 593px!important; left: 0!important; top: 0!important; background-repeat: repeat-y!important; z-index: 1; opacity: .5 } .animx .nyu.shape-1 { position: absolute; top: 9%!important; left: 32%; z-index: 5 } .padxh7 { padding-top: 125px } .architecture-section .title-box .title-inner-box:before { position: absolute; content: ''; background: url(../image/98.png); width: 530px; height: 256px; right: 67%; top: -31%; background-repeat: no-repeat } .sec-title-two .title-inner:before { position: absolute; content: ''; background: url(../image/98.png); width: 198px; height: 204px; right: 76%; top: -40%; background-repeat: no-repeat } .about1:before { position: absolute; content: ''; left: 0; top: -6px; right: 0; bottom: 0; background-color: #1461b9; height: 615px } .teampage .team-block:first-child:before { position: absolute; content: ""; bottom: 30px; left: -29px; width: 154px; height: 154px; background-image: url(../image/dots.png); z-index: -1 } .teampage .team-block:hover:before { position: absolute; content: ""; bottom: 30px; left: -29px; width: 154px; height: 154px; background-image: url(../image/dots.png); z-index: -1 } .teampage2 .item { margin-bottom: 140px } .teamsiglp .item { margin-bottom: 30px; transition: all 700ms ease } .teamsiglp .item:hover { box-shadow: 0 0 15px 0 rgba(136,136,136,0.4); transition: all 700ms ease } .teampage4 .item { margin-bottom: 30px; transition: all 700ms ease } .teampage4 .item:hover { box-shadow: 8px 14px 15px 0 rgba(136,136,136,0.4); transition: all 700ms ease } .servpage .item { margin-bottom: 0; padding-bottom: 60px } .servpage .itemx:last-child .item { margin-top: -12px } .servpage .item .icon img { width: 70px } .blogpagex .inner-box { margin-bottom: 30px } .home3v { padding-top: 50px!important } .raty { padding: 0 0 80px } #rtl .services-section-four .pull-left { float: unset; text-align: right } .how-we-work-h6 .item { margin-bottom: 30px } .gallery-section.two { padding-bottom: 100px } .sec-title-three.two { float: unset } .services-section.two { padding-bottom: 60px } .services-section-three.two { padding-bottom: 15px; background: #fff } @media screen and (min-width:1201px) and (max-width:5000px){ .news-section.two { padding-bottom: 30px; background: #ebf4fe url(../picture/zs1.png) no-repeat left bottom; padding-top:150px; } } @media only screen and (max-width:950px){ .news-section.two { padding-bottom: 30px; background: #f7fdfc; padding-top:30px; } } .call-to-action-h6.two .content { float: left } .banner-section-h6.home_4banner.banner_seo.two { margin-bottom: -35px; padding: 200px 0 0 0; z-index: 1 } .services-section.three { padding: 100px 0 60px 0 } .services-section-three.three { padding-bottom: 40px } .container-fluid-two.new_home.padxh7.three { padding-top: 100px } .project-contact-section.three { padding-bottom: 80px } .gallery-section.two { padding-bottom: 45px } .banner-section-h5.banner_seo.four { padding-bottom: 110px!important } .story-section.two .sec-title .title { display: inline-block } .story-section.two .story-block-two .inner-box .content-column .sec-title .inner-title { display: block } .banner_seo.two .content-box { margin-top: 0 } .sponsors-section-three.three { padding: 100px 0 40px } .page-title-two { margin-bottom: 44px } .main-header.header-style-two.three { position: absolute } .services-section.mm { padding-bottom: 40px } .services-section-six.mm { padding-top: 0 } .services-section-seven.kk { padding-bottom: 70px } .what-we-do-h6.servpage.gg { padding-bottom: 40px } .how-we-work-h6.ff { padding-bottom: 30px } .products-section.tt { padding: 100px 0 70px 0 } .services-section-three.ll { padding-bottom: 10px } .clints-h5.pp { padding-bottom: 0 } .services-section-five.ppp { padding-bottom: 0 } .project-section-two.pp { padding-top: 100px } .shop-products-section.pp { padding: 100px 0 100px 0 } .team-h5.three.teampage2.pp { padding: 100px 0 0 0; margin-bottom: -40px } .testimonials-h6.teamsiglp.pp { padding-bottom: 0 } .team-h6.teampage4.pp { padding-bottom: 0; margin-bottom: -30px } .sponsors-section-three.kuk { padding: 100px 0 100px 0 } .clints-h5.ss { padding-bottom: 0 } .testimonials-h5.sss { padding-bottom: 0 } .contact-h5.sss { padding-top: 50px } .services-section-three.kkk { padding-bottom: 20px } .services-section-six.jjj { padding: 100px 0 80px 0 } .priching-h6.ff { padding-bottom: 0 } .price-page-section-two.fff { padding-bottom: 70px } .counter-fun-h5.xxxxx { padding-top: 90px; padding-bottom: 0 } .digigen-history-h5.xxxxxx { margin-bottom: -215px } .clints-h6.aa { padding-bottom: 0 } .sponsors-section-three.aaa { padding: 100px 0 0 0 } .newsletter-h6.aaaaaaa { padding-top: 45px } .contact-form-section.ccc { padding-bottom: 0 } .sidebar-page-container.one { padding: 105px 0 55px } .subscribe-section .btn-style-one { padding: 14px 31px!important } .feature-box .inner-box .icon img { width: 50px } .thmcolor { color: #FF4354 } .feature-section .title-column .sec-title.light h2 { color: #fff } .aboutpage .sec-title.light h2, .aboutpage .sec-title.light .text { color: #fff } /*.about1.aboutpage .sec-title h2:before { position: absolute; content: ''; top: 22px; height: 2px; width: 50px; background-color: #fff; margin-left: -60px }*/ .pad-1 { margin-top: -75px } .pad-1 .title-inner-box:before { position: absolute; content: ''; background: url(../image/98.png); width: 530px; height: 256px; right: 70%!important; top: -44%!important; background-repeat: no-repeat } .feature-section .sec-title .title { color: #fff } .feature-section .sec-title h2:before { position: absolute; content: ''; top: 22px; height: 2px; width: 50px; background-color: #fff; margin-left: -60px } .price-page-section-two.fff .sec-title .title { color: #fff!important } .price-page-section-two.fff .sec-title.light h2, .price-page-section-two.fff .sec-title.light .text { color: #fff } .footer_social.social-links li { padding: 10px } .home8 { padding-top: 0!important; margin-top: 0!important } .home8footer { position: relative; background: #1A1A1A; padding: 36px 0 36px 0!important } .home8footer .text-two p { color: #fff } .home8sidebar { margin-top: -100px } .home8sidebar .logo { margin-bottom: 24px } .testimonials-h6.teamsiglp.pp.two { padding-bottom: 70px } .services-section-three.ll.two .services-block-five .inner-box .image-column { margin-top: 30px } .blog-grid .inner-box .image-box .image:hover a img { width: 102% } .about6 { padding: 100px 0 50px!important } .about6 .content-column .inner-column { padding-top: 180px!important } .about5 { padding: 50px 0 40px!important } .what-we-do-h5 .item a { font-weight: 600; text-transform: capitalize } .blog-grid .inner-box .image-box .image { overflow: hidden } .blog-grid .inner-box .image-box .image a img { display: block; width: 100%; height: auto; overflow: hidden; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease } .blog-grid .inner-box .image-box:hover .image a img { opacity: .30; -webkit-transform: rotate(3deg) scale(1.1, 1.1); -ms-transform: rotate(3deg) scale(1.1, 1.1); transform: rotate(3deg) scale(1.1, 1.1) } .how-we-work-h6 .item:hover { box-shadow: 8px 14px 15px 0 rgba(136,136,136,0.4); transition: all 700ms ease } .tyu.dotline-one { z-index: 999!important } .sldertitle4 p, .banner-section-h6 .content-box .text-two p, .banner-section-h5 .content-box .text-two p { font-size: 16px; font-weight: 600 } .float-bob-y { animation-name: float-bob-y; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-y; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-y; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-y; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-y; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear } .float-bob-x { animation-name: float-bob-x; animation-duration: 6s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-x; -webkit-animation-duration: 6s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-x; -moz-animation-duration: 6s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-x; -ms-animation-duration: 6s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-x; -o-animation-duration: 6s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear } .rotate-me { animation-name: rotateme; animation-duration: 30s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 30s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 30s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 30s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 30s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear } .float-bob-y { animation-name: float-bob-y; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob-y; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob-y; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob-y; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob-y; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear } .text-two p { font-size: 15px; line-height: 30px; color: #2a2a2a; font-weight: 400 } .btn-five { position: relative; color: #FFF; background: #FF4354; padding: 20px 60px 20px 60px; border-radius: 30px; display: inline-block; box-shadow: 0 0 60.76px 1.24px rgba(255,194,200,0.49); font-weight: 700; z-index: 1; overflow: hidden; transition: all 700ms ease } .btn-five:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); border-radius: 30px } .btn-five:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .btn-five:hover { color: #FF4354; font-weight: 700; transition: all 700ms ease } .btn-six { position: relative; font-weight: 500; color: #fff; font-size: 16px; font-weight: 700; transition: all 700ms ease } .btn-six:hover { color: #FF4354; transition: all 700ms ease } .btn-six:hover:before { background: #FF4354; transition: all 700ms ease } .btn-six:before { position: absolute; content: ""; left: 0; bottom: 0; background: #727272; width: 100%; height: 1px; transition: all 700ms ease } .btn-six:after { position: absolute; right: -40px; bottom: -5px; content: "\f04b"; width: 25px; height: 25px; line-height: 25px; font-family: "fontawesome"; color: #FF4354; border: 1px solid #FF4354; text-align: center; border-radius: 50px } .btn-seven { position: relative; color: #fff; background: #1461b9; font-weight: 600; padding: 20px 60px 20px 60px; border-radius: 0; display: inline-block; font-weight: 500; z-index: 1; overflow: hidden; transition: all 700ms ease } .btn-seven:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #0056b3; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .btn-seven:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .btn-seven:hover { color: #fff; transition: all 700ms ease; background: #0056b3 } .sec-title-three { position: relative; margin-bottom: 65px } .sec-title-three h3 { color: #001064; font-size: 18px; line-height: 48px; font-weight: 600; text-transform: uppercase; margin-top: -17px } .sec-title-three h3 span { color: #FC427B } .sec-title-three h2 { color: #001064; font-size: 50px; line-height: 72px; font-weight: 700; padding-right: 25px } .sec-title-three .text-two p { margin-top: 20px } .sec-title-three .title-two { position: relative } .sec-title-three .title-two .shape-3 { position: absolute; bottom: 70px; left: 27%; z-index: -1 } .sec-title-three .title-two .shape-3 img { -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear } .center { text-align: center } .sec-title-four { margin-bottom: 60px } .sec-title-four .subtitle { margin-top: -4px } .sec-title-four .subtitle h3 { font-size: 18px; color: #001064; font-weight: 600; line-height: 24px; margin-bottom: 20px } .sec-title-four .subtitle h3 span { color: #FC427B } .sec-title-four .title-two h2 { font-size: 50px; color: #001064; font-weight: 700; line-height: 72px; margin-top: -12px } .sec-title-four .text-two p { margin-top: 10px } .banner-section-h5 { position: relative; padding: 185px 0 90px } .banner-section-h5 .content-box .subtitle h3 { color: #FF007A; font-size: 20px; line-height: 24px; font-weight: 600; background-color: #f1fffb; padding: 20px 20px 20px 20px; display: inline-block } .banner-section-h5 .content-box .title h2 { color: #001064; font-size: 72px; line-height: 90px; font-weight: 700; margin-top: 30px; margin-bottom: 20px } .banner-section-h5 .content-box .text-two p { padding-right: 120px; margin-bottom: 45px } .banner-section-h5 .content-box .btn-box a { position: relative; display: inline-block; z-index: 1; transition: all 700ms ease; overflow: hidden } .banner-section-h5 .content-box .btn-box a:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); border-radius: 30px } .banner-section-h5 .content-box .btn-box a:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .banner-section-h5 .content-box .btn-box a:hover { color: #FF4354; font-weight: 700; transition: all 700ms ease } .banner-section-h5 .image-column .image { display: inline-block; margin-right: -400px; margin-left: -15px; margin-top: -100px } .banner-section-h5 .shape-1 { position: absolute; top: 315px; left: 0; z-index: 5 } .banner-section-h5 .shape-2 { position: absolute; bottom: 0; left: 65px; z-index: 5 } .banner-section-h5 .shape-3 { position: absolute; top: 100px; left: 50%; z-index: 5 } .banner-section-h5 .shape-3 img { -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear } .banner-section-h5 .shape-4 { position: absolute; top: 55px; right: 225px; z-index: 5 } .banner-section-h5 .border-two { position: absolute; bottom: 0; right: 0 } .banner-section-h5 .content-column { z-index: 1 } .banner-section-h5 .image-column { z-index: -1 } .what-we-do-h5 { position: relative; padding: 100px 0 100px 0; overflow: hidden; z-index: 1 } .what-we-do-h5 .sec-title-three .btn-box { float: right; position: relative; margin-top: 17px; z-index: 20 } .what-we-do-h5 .shape-1 { position: absolute; top: 105px; left: 30px; z-index: -1 } .what-we-do-h5 .shape-2 { position: absolute; top: 165px; right: 70px; z-index: -1 } .what-we-do-h5 .shape-4 { position: absolute; top: -65px; right: 225px; z-index: -1 } .what-we-do-h5 .item .icon img { width: 53px } .what-we-do-h5 .item h2 { margin-top: 5px; margin-bottom: 15px } .what-we-do-h5 .item h2 a { color: #001064; font-size: 22px; font-weight: 600; line-height: 34px; transition: all 700ms ease } .what-we-do-h5 .item h2 a:hover { color: #FF4354; transition: all 700ms ease } .what-we-do-h5 .item p { color: #001064; line-height: 26px } .what-we-do-h5 .item p a { color: #FF4354; transition: all 700ms ease; font-weight: 600; text-transform: capitalize } .what-we-do-h5 .item p a:hover { color: #001064; transition: all 700ms ease } .who-we-are-h5 { position: relative; padding: 0 0 30px 0; z-index: 1 } .who-we-are-h5 .row { padding: 0 } .who-we-are-h5 .shape-1 { position: absolute; top: 105px; left: 30px; z-index: -1 } .who-we-are-h5 .shape-2 { position: absolute; top: 225px; right: 0; z-index: -1 } .who-we-are-h5 .shape-4 { position: absolute; top: 195px; left: 450px; z-index: -1 } .who-we-are-h5 .sec-title-three .title-two .shape-3 { left: 0; bottom: -55px } .who-we-are-h5 .sec-title-three h3 { color: #001064 } .who-we-are-h5 .sec-title-three h2 { padding-right: 0; margin-left: -80px; left: 80px; margin-bottom: 100px } .who-we-are-h5 .sec-title-three .text-two p { padding-right: 30px; margin-bottom: 10px } .who-we-are-h5 .image-box { margin-right: -20px } .who-we-are-h5 .image-box .row .culmn.left { margin-right: -10px; margin-bottom: 10px } .who-we-are-h5 .image-box .row .culmn.right { margin-left: -10px; margin-bottom: 10px } .who-we-are-h5 .image-box .culmn.two { padding-right: 34px } .who-we-are-h5 .image-box .video-image { position: relative } .who-we-are-h5 .image-box .video-image img { width: 100% } .who-we-are-h5 .image-box .video-image .icon img { max-width: 100%; width: fit-content } .who-we-are-h5 .image-box .video-image .icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: table; vertical-align: middle; padding: 10px 0; z-index: 1 } .who-we-are-h5 .image-box .video-image .icon .icon-box { position: relative; display: table-cell; vertical-align: middle; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: all 700ms ease } .who-we-are-h5 .image-box .video-image .icon .icon-box:hover { color: #FF8590; transition: all 700ms ease; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg) } .who-we-are-h5 .image-box .image img { width: 100% } .who-we-are-h5 .btn-box-one { position: absolute; left: 0; top: 0 } .who-we-are-h5 .btn-box-one a { position: relative; color: #fff; background: #FF007A; padding: 15px 30px; font-weight: 700; display: inline-block; z-index: 1; overflow: hidden; transition: all 700ms ease } .who-we-are-h5 .btn-box-one a:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .who-we-are-h5 .btn-box-one a:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .who-we-are-h5 .btn-box-one a:hover { color: #FF007A; transition: all 700ms ease } .who-we-are-h5 .btn-box-two { position: absolute; top: 0; right: 0 } .who-we-are-h5 .btn-box-two a { position: relative; color: #FE0079; background: #fff; padding: 15px 30px; font-weight: 700; box-shadow: 0 22px 85.85px 15.15px rgba(223,223,223,0.49); display: inline-block; z-index: 1; overflow: hidden; transition: all 700ms ease } .who-we-are-h5 .btn-box-two a:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .who-we-are-h5 .btn-box-two a:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .who-we-are-h5 .btn-box-two a:hover { color: #FF007A; transition: all 700ms ease } .watch-video-h5 { position: relative; padding: 0 0 100px 0; z-index: 1 } .watch-video-h5 .video-image { position: relative } .watch-video-h5 .video-image .icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: table; vertical-align: middle; padding: 10px 0; z-index: 1 } .watch-video-h5 .video-image .icon .icon-box { position: relative; display: table-cell; vertical-align: middle; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: all 700ms ease } .watch-video-h5 .video-image .icon .icon-box:hover { color: #FF8590; transition: all 700ms ease; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg) } .watch-video-h5 .content h3 { font-size: 18px; color: #001064; font-weight: 600; text-transform: uppercase; margin-top: 53px } .watch-video-h5 .content h3 span { color: #FC427B } .watch-video-h5 .content h2 { font-weight: 600; font-size: 48px; color: #001064; line-height: 72px } .watch-video-h5 .subscribe-form { margin-top: 80px } .watch-video-h5 .subscribe-form .form-group input[type="email"] { width: 540px!important; height: 62px!important; border: 1px solid #E8E8E8!important; border-radius: 35px; padding: 0 0 0 35px } .watch-video-h5 .subscribe-form .form-group input::placeholder { color:#797979; font-size:16px } .watch-video-h5 .subscribe-form .form-group button { font-size: 16px; color: #FFF; background: #FF4354; padding: 19px 35px 19px 35px; border-radius: 35px; font-weight: 700; z-index: 1; overflow: hidden; transition: all 700ms ease } .watch-video-h5 .subscribe-form .form-group button:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .watch-video-h5 .subscribe-form .form-group button:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .watch-video-h5 .subscribe-form .form-group button:hover { color: #FF4354; transition: all 700ms ease } .watch-video-h5 .shape-1 { position: absolute; bottom: -385px; left: 0 } .counter-fun-h5 { position: relative; padding: 100px 0 100px 0 } .counter-fun-h5 .sec-title-three { text-align: center } .counter-fun-h5 .text-content { padding: 40px 40px 40px 40px; box-shadow: 0 0 50px 0 rgba(221,221,221,0.35); text-align: center; border-radius: 10px } .counter-fun-h5 .text-content h3 { color: #001064; font-weight: 600; font-size: 26px } .counter-fun-h5 .text-content .count-box { margin-top: 33px } .counter-fun-h5 .text-content .count-box .count-text { font-size: 48px; color: #223CBF; font-weight: 800; letter-spacing: 3px } .counter-fun-h5 .text-content .text { margin-top: 35px } .counter-fun-h5 .text-content .text p { font-size: 16px; color: #001064; font-weight: 500; line-height: 30px } .counter-fun-h5 .item { border: 1px solid #E8E8E8; padding: 50px 0 50px 0; text-align: center; margin-top: 135px; border-radius: 5px } .counter-fun-h5 .item .icon { background: #E8FFF7; padding: 15px 0 } .counter-fun-h5 .item h3 { color: #001064; font-size: 26px; font-weight: 600; margin-top: 18px; margin-bottom: 30px } .counter-fun-h5 .item .count-box .count-text { font-size: 48px; color: #FF007A; font-weight: 800 } .counter-fun-h5 .full-content { position: relative } .counter-fun-h5 .full-content .row { position: relative } .counter-fun-h5 .full-content .btn-box { position: absolute; right: 0; top: 0 } .counter-fun-h5 .full-content .btn-box a { position: relative; color: #FFF; background: #FF4354; padding: 20px 60px 20px 60px; border-radius: 30px; display: inline-block; box-shadow: 0 0 60.76px 1.24px rgba(255,194,200,0.49); font-weight: 700; z-index: 1; overflow: hidden; transition: all 700ms ease } .counter-fun-h5 .full-content .btn-box a:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .counter-fun-h5 .full-content .btn-box a:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .counter-fun-h5 .full-content .btn-box a:hover { color: #FF4354; transition: all 700ms ease } .work-process-h5 { position: relative; padding: 100px 0 30px 0 } .work-process-h5 .work-bg { position: absolute; left: 0; top: -510px; width: 100%; height: 2000px; z-index: -1 } .work-process-h5 .sec-title-three { margin-bottom: 50px } .work-process-h5 .sec-title-three .title-two .shape-3 { left: 63% } .work-process-h5 .item { margin-bottom: 70px } .work-process-h5 .item h3 { font-size: 22px; color: #001064; font-weight: 700; margin-bottom: 25px } .work-process-h5 .item .text-two p { line-height: 26px; margin-bottom: 15 } .work-process-h5 .item a { color: #FF4354; line-height: 26px; font-size: 15px; font-weight: 600; transition: all 700ms ease; text-transform: capitalize } .work-process-h5 .item a:hover { color: #001064; transition: all 700ms ease } .project-slider-h5 { position: relative; padding-bottom: 30px; z-index: 1; padding-top: 90px } .project-slider-h5 .sec-title-three .title-two .shape-3 { left: 53% } .project-slider-h5 .owl-carousel .owl-stage-outer { overflow: visible } .project-slider-h5 .owl-carousel { max-width: 630px; margin: 0 auto; width: 100%; display: block; position: relative; left: 0 } .project-slider-h5 .owl-carousel .owl-item .item { position: relative; display: block; max-width: 890px; width: 100%; opacity: 1; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; text-align: center; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); background: rgba(0,0,0,0.6); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); box-shadow: 0 10px 45px 50px #E5F5FD } .project-slider-h5 .owl-nav { position: absolute; width: 100%; top: 50%; margin-top: -25px; z-index: 99; opacity: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease } .project-slider-h5:hover .owl-nav { opacity: 1 } .project-slider-h5 .owl-prev { position: absolute; top: 0; left: 50px; width: 66px; height: 66px; font-size: 20px; color: #FF4354; font-weight: 400; text-align: center; line-height: 66px; background: #FFC2C8; border: 2px solid #FFC2C8; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border-radius: 50px } .project-slider-h5 .owl-next { position: absolute; top: 0; right: 50px; width: 66px; height: 66px; font-size: 20px; color: #FF4354; font-weight: 400; text-align: center; line-height: 66px; background: #FFC2C8; border: 2px solid #FFC2C8; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border-radius: 50px } .project-slider-h5 .owl-next { right: -600px } .project-slider-h5 .owl-prev { left: -600px } .project-slider-h5 .owl-prev:hover, .project-slider-h5 .owl-next:hover { color: #FF4354; border-color: #fff; background: #fff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; box-shadow: 0 3px 76px 0 rgba(204,204,204,0.35) } .project-slider-h5 .shape-1 { position: absolute; top: -30px; right: -115px; z-index: -1 } .pricing-h5 { position: relative; padding: 100px 0 90px 0 } .pricing-h5:before { position: absolute; left: 85px; top: 85px; background: url(../image/pricing-h5-bg.png); width: 100%; height: 2000px; content: ""; background-repeat: no-repeat } .pricing-h5 .shape-1 { position: absolute; top: -60px; right: 0 } .pricing-h5 .sec-title-three { margin-bottom: 55px } .pricing-h5 .sec-title-three .title-two .shape-3 { left: -11%; top: -59% } .pricing-h5 .tabs-box { position: relative; text-align: center } .pricing-h5 .tabs-box .tab.active-tab { display: block } .pricing-h5 .pricing-table { position: relative; margin-bottom: 40px } .pricing-h5 .pricing-table .inner-box { position: relative; text-align: center; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.05); transition: all 700ms ease } .pricing-h5 .pricing-table .inner-box:hover { transition: all 700ms ease } .pricing-h5 .pricing-table .inner-box:hover .price { color: #FF4354; transition: all 700ms ease } .pricing-h5 .pricing-table .inner-box:hover .table-footer a { color: #fff; transition: all 700ms ease } .pricing-h5 .pricing-table .inner-box .title { box-shadow: 0 0 20px 0 rgba(211,220,255,0.78); padding: 10px 10px 10px 10px; position: relative; margin: 0 55px 0 55px; top: -25px; z-index: 40; background: #fff } .pricing-h5 .pricing-table .inner-box .title h3 { font-weight: 600; color: #161616; font-weight: 600; font-size: 20px } .pricing-h5 .pricing-table .inner-box .icon { margin-top: 15px; margin-bottom: 25px } .pricing-h5 .pricing-table .price { position: relative; font-size: 60px; color: #44baff; font-weight: 800; margin-bottom: 0; transition: all 700ms ease; background: #342e60; padding: 60px 0 50px 0 } .pricing-h5 .pricing-table .price sup { position: relative; font-size: 24px; top: -28px; margin-right: 5px } .pricing-h5 .pricing-table .price sub { position: relative; display: inline-block; font-size: 24px; color: #FF9600; letter-spacing: 1px; font-weight: 700; top: 0 } .pricing-h5 .pricing-table .table-content { position: relative; margin-top: 0; padding-top: 45px } .pricing-h5 .pricing-table .table-content ul { position: relative; margin-bottom: -5px } .pricing-h5 .pricing-table .table-content ul li { position: relative; font-size: 18px; margin-bottom: 15px; color: #001064; font-weight: 500 } .pricing-h5 .pricing-table .table-footer { position: relative; top: 35px } .pricing-h5 .pricing-table .table-footer a { position: relative; color: #fff; font-size: 15px; font-weight: 500; padding: 17px 45px; overflow: hidden; border-radius: 30px } .pricing-h5 .pricing-table .inner-box .table-footer a:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #FF4354; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .pricing-h5 .pricing-table .inner-box:hover .table-footer a:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .pricing-h5 .pricing-table .inner-box .table-footer a { background: #44baff; transition: all 700ms ease; position: relative; z-index: 1; display: inline-block } .pricing-h5 .pricing-table.tagged .inner-box { box-shadow: 0 5px 16px 0 rgba(0,0,0,0.13) } .pricing-h5 .pricing-table.tagged .table-footer a { background: #FF4354; color: #fff } .pricing-h5 .pricing-table.tagged .inner-box .table-footer a:before { background: #FFC2C8 } .pricing-h5 .pricing-table.tagged .inner-box:hover .table-footer a { color: #FF4354 } .pricing-h5 .pricing-table.tagged .price { background: #1c1c1c } .pricing-h5 .tabs-box .tab { display: none } .pricing-h5 .tabs-box .tab.active-tab { display: block } .pricing-h5 .tab-buttons { position: relative; display: inline-block; margin-bottom: 90px } .pricing-h5 .tab-buttons .tab-btn { display: inline-block; font-size: 16px; cursor: pointer; color: #fff; font-weight: 500; background: #44baff; min-width: 160px; line-height: 60px; transition: all 700ms ease; z-index: 1; margin: 0 5px } .pricing-h5 .tab-buttons .tab-btn.active-btn { position: relative; color: #45baff; transition: all 700ms ease } .pricing-h5 .tab-buttons .tab-btn.active-btn:before { left: 0; background: #fff; box-shadow: 0 0 20px 0 rgba(211,220,255,0.78); transition: all 700ms ease } .pricing-h5 .tab-buttons .tab-btn { position: relative; transition: all 700ms ease } .pricing-h5 .tab-buttons .tab-btn:before { line-height: 60px; position: absolute; left: -100px; top: 0; width: 160px; height: 60px; content: ""; background: transparent; z-index: -1; transition: all 700ms ease } .digigen-history-h5 { position: relative; padding: 100px 0 100px 0; margin-bottom: -185px } .digigen-history-h5 .shape-1 { position: absolute; top: 30%; left: 0 } .digigen-history-h5 .sec-title-three { margin-bottom: 50px } .digigen-history-h5 .sec-title-three .text-two p { font-size: 16px; line-height: 30px; color: #001064; font-weight: 500; margin-top: 20px } .digigen-history-h5 .full-content { position: relative; left: 15px } .digigen-history-h5 .item { position: relative; padding: 45px 20px 20px 40px } .digigen-history-h5 .clumn { padding: 0 } .digigen-history-h5 .clumn:nth-child(1) { background: #D0E9FA } .digigen-history-h5 .clumn:nth-child(2) { background: #ffc17f } .digigen-history-h5 .clumn:nth-child(3) { background: #2bbafc } .digigen-history-h5 .item .count-box .count-text { font-size: 72px; color: #FF007A; font-weight: 600; position: relative; left: -8px } .digigen-history-h5 .item .count-box .text p { font-size: 18px; color: #001064; font-weight: 500; margin-top: 20px } .digigen-history-h5 .text-three { background: #D0E9FA; margin-left: -15px; margin-right: -15px; padding: 20px 20px 20px 40px } .digigen-history-h5 .text-three p { color: #001064; font-size: 16px; line-height: 30px; padding-right: 8px } .digigen-history-h5 .image-box { display: inline-block; margin-right: -370px; margin-left: -15px; position: relative; top: -200px; left: 30px } .team-h5 { position: relative; padding: 70px 0 100px 0; z-index: 1 } .team-h5:before { position: absolute; left: 0; top: 0; height: 2034px; width: 3000px; content: ""; background-image: url(../image/team-bg.png); z-index: -1 } .team-h5 .shape-1 { position: absolute; top: 115px; right: 0 } .team-h5 .sec-title-three { margin-top: -17px; text-align: center; margin-bottom: 105px } .team-h5 .item { position: relative; text-align: center; padding-bottom: 10px; border-bottom: 1px solid #E6E6E6 } .team-h5 .item .image-box { position: relative; display: inline-block; z-index: 1 } .team-h5 .item .image-box:before { position: absolute; content: ""; width: 270px; height: 270px; background: url(../image/team-h5-shap2.png); left: -58px; top: -58px; transition: all 700ms ease; z-index: -1; overflow: hidden } .team-h5 .item:hover .image-box:before { transition: all 700ms ease } .team-h5 .item .lower-content { margin-top: 50px } .team-h5 .item .lower-content .title h3 { margin-bottom: -10px } .team-h5 .item .lower-content .title h3 a { color: #001064; font-weight: 600; font-size: 18px; transition: all 700ms ease } .team-h5 .item .lower-content .title h3 a:hover { color: #FB477E; transition: all 700ms ease } .team-h5 .item .lower-content .dasignation h4 { color: #3d3d3d; font-weight: 500; font-size: 14px } .team-h5 .item .social-icon ul li { opacity: 0; transform: scale(0) rotate(0deg); transition: all 700ms ease 300ms } .team-h5 .item .social-icon ul li a span { color: #FB477E; font-size: 18px; border: 2px solid #FB477E; width: 48px; height: 48px; line-height: 48px; border-radius: 30px; background: #fff } .team-h5 .item .social-icon ul li:nth-child(1) { position: absolute; left: -60px; top: 52px; transition: all 600ms ease } .team-h5 .item .social-icon ul li:nth-child(2) { position: absolute; left: 0; top: -60px; right: 0; transition: all 800ms ease } .team-h5 .item .social-icon ul li:nth-child(3) { top: 53px; position: absolute; right: -60px; transition: all 1000ms ease } .team-h5 .item:hover .image-box:before { transform: rotate(90deg); transition: all 700ms ease } .team-h5 .item:hover .social-icon ul li { opacity: 1; transform: scale(1.0) rotate(0deg); transition: all 1500ms ease 200ms } .latest-news-h5 { position: relative; padding: 100px 0 50px 0; z-index: 1 } .latest-news-h5 .sec-title-three { margin-bottom: 110px } .latest-news-h5 .inner-box { position: relative; text-align: center } .latest-news-h5 .inner-box .image-box .image { margin: 0 } .latest-news-h5 .inner-box .lower-content { box-shadow: 0 3px 27px 0 rgba(227,227,227,0.35); background: #fff; margin: 0 30px; position: relative; top: -50px; border-radius: 10px; padding: 5px 0 15px 0 } .latest-news-h5 .inner-box .lower-content h3 a { font-size: 16px; color: #001064; font-weight: 600 } .latest-news-h5 .inner-box .lower-content h3 a:hover { color: #FF4354; transition: all 700ms ease } .latest-news-h5 .inner-box .lower-content .date { font-size: 14px; color: #001064; font-weight: 600 } .latest-news-h5 .owl-dots { display: none } .latest-news-h5 .owl-dots { position: absolute; left: 0; bottom: 50px; width: 100%; text-align: center; display: none } .latest-news-h5 .owl-nav { position: absolute; width: 100%; top: -65px; margin-top: 0; z-index: 99; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; display: block!important } .latest-news-h5 .owl-prev, .latest-news-h5 .owl-next { position: absolute; top: 0; left: 0; height: 52px; width: 52px; font-size: 20px; color: #FF4354; font-weight: 400; text-align: center; line-height: 52px; border-radius: 50%; border: 1px solid #EAEAEA; background-color: #fff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 700ms ease } .latest-news-h5 .owl-next { left: auto; right: 0 } .latest-news-h5 .owl-prev:hover, .latest-news-h5 .owl-next:hover { background-color: #FF4354; color: #fff; border: 1px solid #FF4354; transition: all 700ms ease } .contact-h5 { position: relative; padding: 100px 0 100px 0 } .contact-h5 .shape-1 { position: absolute; bottom: -360px; right: 70px } .contact-h5 .content-box .title h2 { font-size: 24px; color: #FFF; background: #FF4354; text-align: center; padding: 13px 16px 13px 16px; margin: 0 75px; border-radius: 50px; font-weight: 600; margin-bottom: -35px; z-index: 99 } .contact-h5 .content-box .contact { box-shadow: 0 0 21px 0 rgba(212,212,212,0.78); background: #fff; padding: 87px 55px 70px 55px; border-radius: 30px; position: relative } .contact-h5 .content-box .contact .form-group { margin-bottom: 30px } .contact-h5 .content-box .contact .form-group .title h3 { font-size: 16px; color: #001064; font-weight: 600; margin-bottom: 10px } .contact-h5 .content-box .contact .form-group input { width: 100%; border-bottom: 1px solid #ECECEC; padding: 0 0 12px 0 } .contact-h5 .content-box .contact .form-group input::placeholder { color:#686868; font-size:24px; font-weight:200 } .contact-h5 .content-box .contact .form-group textarea { width: 100%; border-bottom: 1px solid #ECECEC; padding: 0; height: 40px } .contact-h5 .content-box .contact .form-group textarea::placeholder { color:#686868; font-size:24px; font-weight:200; line-height:20px } .contact-h5 .content-box .contact .form-group button { position: absolute; bottom: 0; right: 0; color: #FFF; background: #FF4354; padding: 17px 65px 17px 65px; display: inline-block; box-shadow: 0 0 60.76px 1.24px rgba(255,194,200,0.49); cursor: pointer; border-bottom-right-radius: 30px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; font-weight: 700; z-index: 1; overflow: hidden; transition: all 700ms ease } .contact-h5 .content-box .contact .form-group button:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .contact-h5 .content-box .contact .form-group button:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .contact-h5 .content-box .contact .form-group button:hover { color: #FF4354; transition: all 700ms ease } .contact-h5 .sec-title-three h2 { font-size: 48px; line-height: 60px } .contact-h5 .sec-title-three { margin-top: 150px } .contact-h5 .sec-title-three:before { position: absolute; right: -190px; bottom: 40px; content: "\f003"; font-family: "fontawesome"; color: #FAFAFA; font-size: 150px } .testimonials-h5 { position: relative; padding: 100px 0 45px 0; z-index: 1 } .testimonials-h5 .sec-title-three { margin-bottom: 20px } .testimonials-h5 ul.nav-link { display: inline-block; position: absolute; top: 65px; left: 0; font-size: 15px; z-index: 999 } .testimonials-h5 ul.nav-link li { display: inline-block; margin-right: 5px } .testimonials-h5 ul.nav-link li a i { width: 35px; height: 35px; line-height: 32px; color: #001064; border: 1px solid #D8D8D8; border-radius: 30px; transition: all 700ms ease } .testimonials-h5 ul.nav-link li a i:hover { color: #FC427B; border: 1px solid transparent; transition: all 700ms ease } .testimonials-h5 .item .lower-content .title h3 { font-size: 18px; color: #FC427B; font-weight: 600 } .testimonials-h5 .item .lower-content .dasignation h4 { font-size: 16px; color: #4A5486; font-weight: 600 } .testimonials-h5 .item .image-box { position: relative; display: inline-block; top: -140px; left: 180px } .testimonials-h5 .item .image-box:before { position: absolute; left: -67px; top: -67px; border: 2px solid #FECDDC; width: 300px; height: 300px; line-height: 300px; margin: 0 auto; content: ""; z-index: -1; overflow: hidden; background: #fff; border-radius: 300px } .testimonials-h5 .item .image-box:after { position: absolute; right: -40px; top: -67px; background: #E3E3E3; text-align: center; margin: 0 auto; color: #001064; font-size: 24px; width: 54px; height: 54px; line-height: 54px; border-radius: 30px; content: "\f10e"; font-family: "fontawesome" } .testimonials-h5 .bx-viewport { overflow: visible!important } .clints-h5 { position: relative; padding: 100px 0 100px 0; z-index: 1 } .clints-h5 .sec-title-three .title-two .shape-3 { left: 35% } .clints-h5 ul li { border: 1px solid #F1F1F1; padding: 34px 0 34px 0; border-bottom-right-radius: 0; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-top-left-radius: 20px } .clints-h5 ul li figure { width: 160px; margin: 0 auto } .newsletter-h5 { position: relative; padding: 88px 0 96px 0; text-align: center; background-repeat: no-repeat } .newsletter-h5 .content-box .title h2 { color: #FFF; font-size: 30px; font-weight: 600; margin-bottom: 29px } .newsletter-h5 .content-box .contact .form-group { margin-bottom: 0; position: relative; display: inline-block } .newsletter-h5 .content-box .contact .form-group input { background: transparent; border: 1px solid #D7D7D7; width: 585px; height: 63px; border-radius: 45px; padding: 0 30px } .newsletter-h5 .content-box .contact .form-group input::placeholder { color:#fff; font-size:18px } .newsletter-h5 .content-box .contact .form-group button { position: absolute; right: 1px; top: 1px; cursor: pointer; font-size: 18px; color: #FFF; background: #FF4354; padding: 19px 50px 19px 50px; border-radius: 35px; text-transform: uppercase; font-weight: 700; z-index: 1; overflow: hidden; transition: all 700ms ease } .newsletter-h5 .content-box .contact .form-group button:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .newsletter-h5 .content-box .contact .form-group button:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .newsletter-h5 .content-box .contact .form-group button:hover { color: #FF4354; transition: all 700ms ease } .main-footer-h5 { position: relative; background: #fff; padding: 100px 0 85px 0 } .main-footer-h5 .about-widget .text p { padding-right: 35px; font-size: 16px; color: #393939; font-weight: 600; line-height: 36px; margin-top: 10px; margin-bottom: 0 } .main-footer-h5 .about-widget .content { font-size: 16px; color: #393939; font-weight: 600; line-height: 36px } .main-footer-h5 .links-widget { margin-top: -10px } .main-footer-h5 .footer-widget .title h2 { font-size: 24px; color: #001064; font-weight: 600; margin-bottom: 32px } .main-footer-h5 .links-widget .list li a { font-size: 16px; color: #393939; line-height: 36px; font-weight: 500; transition: all 700ms ease } .main-footer-h5 .links-widget .list li a:hover { color: #FF4354; transition: all 700ms ease } .main-footer-h5 .contact-widget { margin-top: -10px } .main-footer-h5 .contact-widget .text p { font-size: 16px; color: #393939; line-height: 30px; font-weight: 500; margin-bottom: 20px } .main-footer-h5 .contact-widget .social-links li { display: inline-block; margin-right: 10px } .main-footer-h5 .contact-widget .social-links li a span { width: 55px; height: 55px; line-height: 55px; text-align: center; background: #F6F6F6; border-radius: 35px; color: #fc3549; font-size: 22px; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: all 700ms ease } .main-footer-h5 .contact-widget .social-links li:hover a span { color: #FF8590; transition: all 700ms ease; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg) } .footer-bottom-h5 { position: relative; background: #F8F8F8; padding: 35px 0 35px 0 } .footer-bottom-h5 .admin { position: absolute; left: 0; top: 10px } .footer-bottom-h5 .lower-content { display: inline-block; position: relative; top: 8px; margin: 8px } .footer-bottom-h5 .admin .image-box { display: inline-block } .footer-bottom-h5 .admin .title h3 { font-size: 12px; color: #001064; font-weight: 700; line-height: 18px } .footer-bottom-h5 .admin .dasignation h4 { font-size: 12px; color: #001064; font-weight: 700; line-height: 18px } .footer-bottom-h5 .copyright-text p { font-size: 18px; color: #000; margin-bottom: 0; font-weight: 700 } .footer-bottom-h5 .card-links { float: right } .footer-bottom-h5 .card-links li { display: inline; margin-right: 5px } .banner-section-h6 { position: relative; padding: 46px 0 140px 0 } .banner-section-h6 .content-box { padding: 123px 0 } .banner-section-h6 .content-box .title h2 { color: #535353; font-size: 70px; line-height: 90px; font-weight: 700; margin-top: 30px; margin-bottom: 20px } .banner-section-h6 .content-box .title h2 span { color: #43b9fe } .banner-section-h6 .content-box .text-two p { padding-right: 30px; margin-bottom: 45px; color: #fff; font-weight: 400 } .banner-section-h6 .content-box .btn-box { display: inline-block; margin-right: 30px } .banner-section-h6 .content-box .btn-box a.btn-six { top: -23px } .banner-section-h6 .image-column .image { display: inline-block; margin-right: -350px; position: relative } .banner-section-h6 .shape-1 { position: absolute; top: 315px; left: -46px; z-index: 5 } .banner-section-h6 .shape-2 { position: absolute; bottom: 0; left: 65px; z-index: 5 } .banner-section-h6 .shape-3 { position: absolute; top: 47px; left: 0; z-index: -1 } .banner-section-h6 .shape-3 imgx { -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear } .banner-section-h6 .shape-4 { position: absolute; top: 55px; right: 225px; z-index: 99 } .banner-section-h6 .border-two { position: absolute; bottom: 0; right: 0 } .what-we-do-h6 { position: relative; padding: 100px 0 100px 0; z-index: 1; overflow: hidden } .what-we-do-h6:before { position: absolute; left: 0; top: 0; height: 2034px; width: 3000px; content: ""; background-image: url(../image/what-we-do-h6-bg.png); background-repeat: no-repeat; z-index: -1 } .what-we-do-h6 .shape-1 { position: absolute; top: 190px; right: 0; z-index: -1 } .what-we-do-h6 .shape-2 { position: absolute; top: 110px; left: 20px; z-index: -1 } .what-we-do-h6 .shape-3 { position: absolute; top: 50%; right: 25px; z-index: -1 } .what-we-do-h6 .item .title h3 { margin-top: 17px; margin-bottom: 20px } .what-we-do-h6 .item .title h3 a { font-size: 22px; color: #001064; font-weight: 600; transition: all 700ms ease } .what-we-do-h6 .item .title h3 a:hover { color: #FF4354; transition: all 700ms ease } .what-we-do-h6 .item .text p { font-size: 15px; color: #001064; line-height: 26px } .what-we-do-h6 .item .text p a { color: #FF4354; transition: all 700ms ease } .what-we-do-h6 .item .text p a:hover { color: #001064; transition: all 700ms ease } .what-we-do-h6 .image-box { display: inline-block; margin-right: -370px; margin-left: -15px; position: relative; top: 30px; left: 30px } .how-we-work-h6 { position: relative; padding: 20px 0 0 0 } .how-we-work-h6:before { position: absolute; left: 0; top: 0; height: 2034px; width: 3000px; content: ""; background-image: url(../image/how-we-work-h6-bg.png); background-repeat: no-repeat } .how-we-work-h6 .item { position: relative; padding: 40px; box-shadow: 0 3px 18px 0 rgba(204,204,204,0.35); background: #262051; transition: all 700ms ease; overflow: hidden; padding-bottom: 30px } .how-we-work-h6 .item .icon { position: relative; left: 0 } .how-we-work-h6 .item .title h3 { margin-bottom: 6px; line-height: 1.3em } .how-we-work-h6 .item .title h3 a { color: #fff; font-size: 20px; font-weight: 600; transition: all 700ms ease } .how-we-work-h6 .item .title h3 a:hover { color: #FF4354; transition: all 700ms ease } .how-we-work-h6 .item .text p { font-size: 15px; color: #fff; font-weight: 400; line-height: 30px } .how-we-work-h6 .item .btn-box a { position: relative; font-size: 15px; color: #1461b9; font-weight: 600; transition: all 700ms ease } .how-we-work-h6 .item .btn-box a:hover { color: #FF4354; transition: all 700ms ease } .how-we-work-h6 .item .btn-box a:hover:before { background: #001064; transition: all 700ms ease } .who-we-are-h6 { position: relative; padding: 70px 0 100px 0 } .who-we-are-h6 .video-image { position: relative } .who-we-are-h6 .icon-box { background: #FF4354; display: inline-block; padding: 10px 55px; position: absolute; bottom: 0; left: 0 } .who-we-are-h6 .video-image .icon-box img { transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: all 700ms ease } .who-we-are-h6 .video-image .icon-box:hover img { color: #FF8590; transition: all 700ms ease; transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg) } .who-we-are-h6 .btn-box-one { position: absolute; left: 0; top: 160px } .who-we-are-h6 .btn-box-one a { position: relative; color: #fff; background: #FF4354; padding: 15px 30px; font-weight: 700; display: inline-block; z-index: 1; overflow: hidden; transition: all 700ms ease } .who-we-are-h6 .btn-box-one a:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .who-we-are-h6 .btn-box-one a:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .who-we-are-h6 .btn-box-one a:hover { color: #FF4354; transition: all 700ms ease } .who-we-are-h6 .btn-box-two { position: absolute; top: 160px; right: 0 } .who-we-are-h6 .btn-box-two a { position: relative; color: #FE0079; background: #fff; padding: 15px 30px; font-weight: 700; box-shadow: 0 22px 85.85px 15.15px rgba(223,223,223,0.49); display: inline-block; z-index: 1; overflow: hidden; transition: all 700ms ease } .who-we-are-h6 .btn-box-two a:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .who-we-are-h6 .btn-box-two a:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .who-we-are-h6 .btn-box-two a:hover { color: #FE0079; transition: all 700ms ease } .call-to-action-h6 { position: relative; padding: 100px 0 100px 0; background: #EBFEFF } .call-to-action-h6 .content h3 { font-size: 18px; color: #FF4354; font-weight: 600; margin-top: -8px } .call-to-action-h6 .content h3 span { color: #09161C } .call-to-action-h6 .content h2 { font-weight: 600; font-size: 48px; color: #0F1B1F; line-height: 72px } .call-to-action-h6 .subscribe-form { margin-top: 30px } .call-to-action-h6 .subscribe-form .form-group input[type="email"] { width: 540px!important; height: 62px!important; border: 1px solid #E8E8E8!important; border-radius: 35px; padding: 0 0 0 35px } .call-to-action-h6 .subscribe-form .form-group input::placeholder { color:#797979; font-size:16px } .call-to-action-h6 .subscribe-form .form-group button { font-size: 16px; color: #FFF; background: #FF4354; padding: 19px 35px 19px 35px; border-radius: 35px } .call-to-action-h6 .shape-1 { position: absolute; bottom: -385px; left: 0 } .funfact-h6 { position: relative; padding: 60px 0 60px 0 } .funfact-h6 .sec-title-four .title-two h2 span { color: #FF4354 } .funfact-h6 .item { position: relative; box-shadow: 0 3px 18px 0 rgba(237,237,237,0.35); text-align: center; padding: 45px 0 4px 0; border-bottom-left-radius: 0!important; border-radius: 0; transition: all 700ms ease; overflow: hidden; margin: 0 } .funfact-h6 .item:before { content: ""; position: absolute; left: -300px; top: 0; width: 100%; height: 100%; background: #43BAFF; border-bottom-left-radius: 0!important; border-radius: 0; z-index: -1; opacity: 0; transition: all 700ms ease } .funfact-h6 .item:hover:before { opacity: 1; left: 0; transition: all 700ms ease } .funfact-h6 .item .tcon span { font-size: 26px; color: #3DDAD8; transition: all 700ms ease } .funfact-h6 .item .title h3 { font-size: 15px; color: #43BAFF; font-weight: 500; margin-top: 10px; margin-bottom: 30px; transition: all 700ms ease; text-transform: uppercase } .funfact-h6 .item .count-box { font-size: 45px; color: #262051; font-weight: 800; transition: all 700ms ease; line-height: 45px } .funfact-h6 .item .count-box .count-text { font-size: 45px; color: #262051; font-weight: 800; transition: all 700ms ease } .funfact-h6 .item:hover .tcon span { color: #fff; transition: all 700ms ease } .funfact-h6 .item:hover .title h3 { color: #fff; transition: all 700ms ease } .funfact-h6 .item:hover .count-box .count-text { color: #fff; transition: all 700ms ease } .work-process-h6 { position: relative; padding: 100px 0 50px 0 } .work-process-h6:before { position: absolute; left: 0; top: 0; height: 2034px; width: 3000px; content: ""; background-image: url(../image/work-process-h6-bg.jpg); background-repeat: no-repeat } .work-process-h6 .work-bg { position: absolute; left: 0; top: -510px; width: 100%; height: 2000px } .work-process-h6 .sec-title-three { margin-bottom: 50px } .work-process-h6 .sec-title-three .title-two .shape-3 { left: 63% } .work-process-h6 .item { margin-bottom: 70px } .work-process-h6 .item h3 { font-size: 22px; color: #001064; font-weight: 700; margin-bottom: 25px } .work-process-h6 .item .text-two p { line-height: 26px; margin-bottom: 0 } .work-process-h6 .item a { color: #FF4354; line-height: 26px; font-size: 15px; font-weight: 600; transition: all 700ms ease } .work-process-h6 .item a:hover { color: #001064; transition: all 700ms ease } .project-slider-h6 { position: relative; padding-bottom: 100px; padding-top: 20px; background: #fafafa; padding-top: 100px } .project-slider-h6 .sec-title-three { margin-bottom: 0 } .project-slider-h6 .sec-title-three .title-two .shape-3 { left: 53% } .project-slider-h6 .owl-carousel .owl-stage-outer { overflow: visible } .project-slider-h6 .owl-carousel { max-width: 630px; margin: 0 auto; width: 100%; display: block; position: relative; left: 0 } .project-slider-h6 .owl-carousel .owl-item .item { position: relative; display: block; max-width: 890px; width: 100%; opacity: 1; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; text-align: center; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8) } .project-slider-h6 .owl-nav { text-align: center } .project-slider-h6:hover .owl-nav { opacity: 1 } .project-slider-h6 .owl-prev { width: 66px; height: 66px; font-size: 20px; color: #FF4354; font-weight: 400; text-align: center; line-height: 66px; background: #FFC2C8; border: 2px solid #FFC2C8; display: inline-block; border-radius: 50px; margin: 0 5px; box-shadow: 0 10px 25px 0 #ffc2c8 } .project-slider-h6 .owl-next { width: 66px; height: 66px; font-size: 20px; color: #FF4354; font-weight: 400; text-align: center; line-height: 66px; background: #FFC2C8; border: 2px solid #FFC2C8; display: inline-block; border-radius: 50px; margin: 0 5px; box-shadow: 0 10px 25px 0 #ffc2c8 } .project-slider-h6 .owl-prev:hover, .project-slider-h6 .owl-next:hover { color: #FF4354; border-color: #fff; background: #fff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; box-shadow: 0 3px 76px 0 rgba(204,204,204,0.35) } .project-slider-h6 .owl-item.active .item { box-shadow: 0 0 49px 0 rgba(223,223,223,0.73) } .project-slider-h6 .sec-title-three h3 { text-transform: unset } .priching-h6 { position: relative; padding: 100px 0 100px 0 } .priching-h6:before { position: absolute; left: 85px; top: 25px; background: url(../image/pricing-h5-bg.png); width: 100%; height: 2000px; content: ""; background-repeat: no-repeat } .priching-h6 .shape-1 { position: absolute; top: -60px; right: 0; z-index: -1 } .priching-h6 .inner-box { position: relative; text-align: center; border: 1px solid #ECECEC; padding-top: 0; background: #fff } .priching-h6 .inner-box .price { color: #fff; font-size: 50px; top: 0; font-weight: 800; margin-bottom: 8px; padding-left: 0 } .priching-h6 .inner-box .price sup { color: #44baff; font-size: 24px; top: -19px; font-weight: 600; margin-right: 10px } .priching-h6 .inner-box .title h3 { font-size: 22px; color: #fff; font-weight: 600; margin-top: 13px } .priching-h6 .inner-box .table-content ul li { border-top: 1px solid #ECECEC; padding: 17px 0 } .priching-h6 .inner-box .table-content ul li i.flaticon-tick { color: #8FEDAE } .priching-h6 .inner-box .table-footer { padding: 35px 0 35px 0; border-top: 1px solid #ECECEC } .priching-h6 .inner-box .table-footer a { position: relative; color: #FF4354; border: 1px solid #ECECEC; background: #1461b9; font-weight: 600; padding: 15px 35px 15px 35px; border-radius: 0; display: inline-block; font-size: 14px; z-index: 1; overflow: hidden; transition: all 700ms ease; border: 0; color: #fff; font-weight: 500; font-size: 14px; text-transform: uppercase; letter-spacing: 1.2px } .priching-h6 .inner-box .table-footer a:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .priching-h6 .inner-box:hover .table-footer a:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .priching-h6 .inner-box:hover .table-footer a { color: #fff; transition: all 700ms ease } .priching-h6 .culmn { padding: 0 } .priching-h6 .list { border: 1px solid #ECECEC; margin-right: -16px; margin-top: 190px } .priching-h6 .list ul li { color: #001064; font-size: 18px; font-weight: 300; padding: 18px 20px 17px 40px; border-bottom: 1px solid #ECECEC } .priching-h6 .list ul li:last-child { border-bottom: 0 } .team-h6 { position: relative; padding: 100px 0 100px 0 } .team-h6 .item { position: relative; text-align: center; box-shadow: 0 3px 29px 0 rgba(223,223,223,0.73); padding: 28px 0 25px 0; transition: all 700ms ease } .team-h6 .culmn { padding: 0 10px } .team-h6 .item .image-box { display: inline-block; border: 10px solid #1461b9; border-radius: 50%; transition: all 700ms ease } .team-h6 .item .social-icon { position: absolute; left: 16px; top: 60px } .team-h6 .item .social-icon ul li { margin-bottom: 16px } .team-h6 .item .social-icon ul li a span { font-size: 18px; color: #C6C6C6; transition: all 700ms ease } .team-h6 .item .lower-content h3 a { color: #001064; font-size: 18px; font-weight: 600; line-height: 24px } .team-h6 .item .lower-content .dasignation h4 { color: #747474; font-size: 13px; font-weight: 400; line-height: 24px; text-transform: uppercase } .team-h6 .item .social-icon ul li:hover a span { color: #FF4354; transition: all 700ms ease } .team-h6 .item .lower-content h3 a:hover { color: #414141; transition: all 700ms ease } .team-h6 .item .lower-content .dasignation h4:hover { color: #414141; transition: all 700ms ease } .latest-news-h6 { position: relative; padding: 100px 0 100px 0; background: #fafafa } .latest-news-h6 .inner-box .image-box { position: relative } .latest-news-h6 .inner-box .image-box figure { margin: 0 } .latest-news-h6 .inner-box .image-box .date { position: absolute; left: 0; bottom: 0; font-size: 14px; color: #FFF; background: #44baff; padding: 3px 15px 3px 15px } .latest-news-h6 .inner-box .lower-content { padding: 30px } .latest-news-h6 .inner-box .lower-content h3 { margin-bottom: 8px } .latest-news-h6 .inner-box .lower-content h3 a { font-size: 20px; font-weight: 600; transition: all 700ms ease; color: #001064 } .latest-news-h6 .inner-box .lower-content h3 a:hover { color: #FF4354; transition: all 700ms ease } .latest-news-h6 .inner-box .lower-content .btn-box { margin-top: 30px } .latest-news-h6 .inner-box .lower-content .btn-box a { position: relative; font-size: 15px; color: #FF4354; font-weight: 600; transition: all 700ms ease } .latest-news-h6 .inner-box .lower-content .btn-box a:before { position: absolute; content: ""; left: 0; bottom: -2px; background: #FFA1A9; width: 100%; height: 2px; transition: all 700ms ease } .latest-news-h6 .inner-box .lower-content .btn-box a:hover { color: #001064; transition: all 700ms ease } .latest-news-h6 .inner-box .lower-content .btn-box a:hover:before { background: #001064; transition: all 700ms ease } .latest-news-h6 .shape-1 { position: absolute; bottom: -545px; right: 55px } .testimonials-h6 { position: relative; padding: 100px 0 100px 0; background: #fafafa } .testimonials-h6 .item { position: relative; box-shadow: 0 0 6px 0 rgba(223,223,223,0.73); padding: 35px 30px 20px 30px; text-align: center; background: #fff; transition: all 700ms ease } .testimonials-h6 .item .title h3 { margin-top: 21px; line-height: 30px } .testimonials-h6 .item .title h3 a { color: #FC427B; font-size: 20px; font-weight: 600; transition: all 700ms ease } .testimonials-h6 .item .title h3 a:hover { color: #001064; transition: all 700ms ease } .testimonials-h6 .item .dasignation h4 { color: #313131; font-size: 15px; font-weight: 500; margin-bottom: 14px } .clints-h6 { position: relative; padding: 100px 0 100px 0 } .clints-h6 ul li { border: 1px solid #F1F1F1; padding: 34px 0 34px 0; border-bottom-right-radius: 0; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-top-left-radius: 20px } .clints-h6 ul li figure { width: 160px; margin: 0 auto } .newsletter-h6 { position: relative; padding: 88px 0 96px 0; text-align: center; background-repeat: no-repeat } .newsletter-h6:before { position: absolute; left: 0; top: -175px; height: 2034px; width: 3000px; content: ""; background-image: url(../image/newsletter-h6-bg.png); background-repeat: no-repeat } .newsletter-h6 .content-box .title h2 { color: #2B2B2B; font-size: 30px; font-weight: 600; margin-bottom: 29px } .newsletter-h6 .content-box .contact .form-group { margin-bottom: 0; position: relative; display: inline-block } .newsletter-h6 .content-box .contact .form-group input { background: transparent; border: 1px solid #D7D7D7; width: 585px; height: 63px; border-radius: 45px; padding: 0 30px } .newsletter-h6 .content-box .contact .form-group input::placeholder { color:#8B8B8B; font-size:18px } .newsletter-h6 .content-box .contact .form-group button { position: absolute; right: 1px; top: 1px; cursor: pointer; font-size: 18px; color: #FFF; background: #FF4354; padding: 19px 50px 19px 50px; border-radius: 35px; text-transform: uppercase } .main-footer-h6 { position: relative; background: #fff; padding: 40px 0 45px 0 } .main-footer-h6 .about-widget .logo { margin-bottom: 15px } .main-footer-h6 .about-widget .text p { padding-right: 5px; font-size: 16px; color: #757575; font-weight: 500; line-height: 36px; margin-top: 10px; margin-bottom: 0 } .main-footer-h6 .about-widget .content { font-size: 16px; color: #757575; font-weight: 600; line-height: 36px } .main-footer-h6 .links-widget { margin-top: -10px } .main-footer-h6 .footer-widget .title h2 { font-size: 24px; color: #042976; font-weight: 600; margin-bottom: 22px; margin-top:20px; } .main-footer-h6 .links-widget .list li a { font-size: 16px; color: #757575; line-height: 36px; font-weight: 500 } .main-footer-h6 .contact-widget { margin-top: -10px } .main-footer-h6 .contact-widget .text p { font-size: 16px; color: #757575; line-height: 30px; font-weight: 500; margin-bottom: 7px; display:inline-block; padding-left:10px; } .main-footer-h6 .contact-widget .social-links li { display: inline-block; margin-right: 10px } .main-footer-h6 .contact-widget .social-links li a span { width: 55px; height: 55px; line-height: 55px; text-align: center; background: #1461b9; border-radius: 35px; color: #fff; font-size: 22px; -moz-transform: rotate(0deg) } .main-footer-h6 .contact-widget .social-links li:hover a span { color: #FF8590; transition: all 700ms ease } .main-footer-h6 .contact-widget .social-links li:hover a span { color: #FF8590; transition: all 700ms ease } .main-footer-h6 .shape-1 { position: absolute; bottom: 0; left: 0; z-index: 1 } .main-footer-h6 .shape-2 { position: absolute; top: 80px; left: 45%; z-index: 5 } .main-footer-h6 .shape-3 { position: absolute; bottom: 0; right: 50px; z-index: 0 } .footer-bottom-h6 { position: relative; background: #042976; padding: 25px 0 25px 0 } .footer-bottom-h6 .text-two p { font-size: 15px; color: #fff; text-align: center; margin-top: 10px } .page-title-two { position: relative; padding: 270px 0 230px; z-index: 1 } .page-title-two .shape-1 { position: absolute; top: 90px; left: 40%; z-index: -1 } .page-title-two .shape-2 { position: absolute; top: 10px; left: 50%; z-index: -1 } .page-title-two .content .page-breadcrumb { position: relative; float: left } .page-title-two .content .page-breadcrumb li { display: inline-block; color: #FCFCFC; font-size: 36px; font-weight: 600; margin-right: 40px } .page-title-two .content .page-breadcrumb li a { position: relative; color: #FCFCFC; font-size: 36px; font-weight: 600; display: inline-block; transition: all 700ms ease } .page-title-two .content .page-breadcrumb li a:hover { color: #FF007A; transition: all 700ms ease } .page-title-two .content .page-breadcrumb li a:before { position: absolute; right: -30px; top: 14px; background: #fff; width: 15px; height: 3px; content: "" } .page-title-two .content .text { float: right; top: -30px; position: relative; text-align: right } .page-title-two .content .text p { display: inline-block; color: #FCFCFC; font-size: 36px; font-weight: 600; line-height: 48px } .page-title-two .page-breadcrumb-two { background: #FF007A; display: inline-block; position: absolute; left: 0; bottom: -45px; padding: 10px 5px 10px 30px; z-index: 9 } .page-title-two .page-breadcrumb-two li { font-size: 16px; color: #192696; display: inline-block; font-weight: 600; margin-right: 20px } .page-title-two .page-breadcrumb-two li a { position: relative; color: #fff; transition: all 700ms ease } .page-title-two .page-breadcrumb-two li a:hover { color: #192696; transition: all 700ms ease } .page-title-two .page-breadcrumb-two li a:before { position: absolute; right: -16px; top: 8px; background: #fff; width: 7px; height: 2px; content: "" } .page-title-two .btn-box { position: absolute; right: 0; bottom: -45px; background: #fff; padding: 10px 35px; box-shadow: 0 22px 85.85px 15.15px rgba(223,223,223,0.49); z-index: 9 } .page-title-two .btn-box a span { color: #FF4354; font-size: 16px; margin-right: 15px } .page-title-two .btn-box a { font-size: 16px; color: #444; display: inline-block; font-weight: 600; transition: all 700ms ease } .page-title-two .btn-box a:hover { color: #FF4354; transition: all 700ms ease } .who-we-are-h5.two { padding: 140px 0 100px 0 } .who-we-are-h5.two .shape-4 { top: 335px } .who-we-are-h5.two .sec-title-three h2 { margin-bottom: 90px } .watch-video-h5.two .shape-1 { bottom: 0 } .watch-video-h5.two .text-two.one { margin-top: 30px } .team-h5.two { padding-top: 0 } .team-h5.two:before { bottom: 0; background-image: url(../image/team-h5-two-bg.png); background-repeat: no-repeat; top: unset; height: 475px } .blog-grid { position: relative; padding: 140px 0 100px 0; z-index: 1 } .blog-grid .inner-box { position: relative; text-align: center } .blog-grid .inner-box .image-box .image { margin: 0 } .blog-grid .inner-box .lower-content { box-shadow: 0 3px 27px 0 rgba(227,227,227,0.35); background: #fff; margin: 0 30px; position: relative; top: -50px; border-radius: 10px; padding: 5px 0 15px 0 } .blog-grid .inner-box .lower-content h3 { text-transform: unset } .blog-grid .inner-box .lower-content h3 a { font-size: 16px; color: #001064; font-weight: 600; transition: all 700ms ease } .blog-grid .inner-box .lower-content h3 a:hover { color: #FF4354; transition: all 700ms ease } .blog-grid .inner-box .lower-content .date { font-size: 16px; color: #001064; font-weight: 600 } .blog-grid .shape-1 { position: absolute; top: 75px; left: 40px; z-index: -1 } .blog-grid .shape-2 { position: absolute; top: -70px; right: 52px; z-index: -1 } .blog-grid .shape-3 { position: absolute; top: 215px; left: 65%; z-index: -1 } .blog-grid .shape-4 { position: absolute; top: 40%; left: 30px; z-index: -1 } .blog-grid .shape-5 { position: absolute; top: 195px; right: 40px; z-index: -1 } .blog-grid .shape-6 { position: absolute; top: 500px; right: 220px; z-index: 1 } .blog-grid .shape-7 { position: absolute; bottom: 0; left: 0; z-index: -1 } .blog-grid .shape-8 { position: absolute; top: 145px; left: 10px; z-index: -1 } .blog-grid .shape-9 { position: absolute; bottom: -325px; left: 50%; z-index: -1 } .blog-grid .shape-3 img { -webkit-animation: zoom-fade 5s infinite linear; animation: zoom-fade 5s infinite linear } .blog-grid .btn-box { text-align: center } .blog-grid .btn-box a { position: relative; color: #FFF; background: #FF4354; padding: 20px 60px 20px 60px; border-radius: 30px; display: inline-block; box-shadow: 0 0 60.76px 1.24px rgba(255,194,200,0.49); font-weight: 700; z-index: 1; overflow: hidden; transition: all 700ms ease } .blog-grid .btn-box a:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .blog-grid .btn-box a:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .blog-grid .btn-box a:hover { color: #FF4354 } .bkr003 .portfolio-03 { position: relative; padding: 150px 0 100px 0 } .bkr003 .portfolio-03 .container { max-width: 1740px } .bkr003 .portfolio-03 .sec-title-three .title-two .shape-3 { position: absolute; bottom: -50px; left: 48% } .bkr003 .portfolio-03 .sec-title { margin-bottom: 0 } .bkr003 .portfolio-03 .sec-title .title { position: relative; margin-bottom: 45px; margin-top: -15px } .bkr003 .portfolio-03 .sec-title .title h2 { font-size: 36px; color: #222 } .bkr003 .portfolio-03 .sec-title .title:before { margin: auto; content: ""; position: absolute; width: 93px; height: 4px; background: #F8961D; bottom: -20px; left: 0 } .bkr003 .portfolio-03 .sec-title .title:after { margin: auto; content: ""; position: absolute; width: 10px; height: 4px; background: #222; bottom: -20px; left: 100px } .bkr003 .portfolio-03 .sec-title .text p { font-size: 18px; color: #222; margin-bottom: 0 } .bkr003 .portfolio-03 .sortable-masonry { margin-top: 44px } .bkr003 .portfolio-03 .filters .filter-btns { margin-top: 110px; margin-bottom: 40px; text-align: center } .bkr003 .portfolio-03 .filters li { position: relative; display: inline-block; font-size: 16px; font-weight: 600; color: #001064; margin-right: 30px; cursor: pointer } .bkr003 .portfolio-03 .filter-nrm { float: left; color: #777; font-size: 11px; font-weight: 600 } .bkr003 .portfolio-03 .filters li.active { position: relative; font-weight: 600; color: #FF4354 } .bkr003 .portfolio-03 .filters li.active:before { position: absolute; left: 0; bottom: 6px; content: ""; width: 100%; z-index: 188 } .bkr003 .portfolio-03 .project-block { position: relative; margin-bottom: 30px; margin-left: 0; min-height: 1px; padding-right: 35px; padding-left: 35px } .bkr003 .portfolio-03 .project-block .image-box { position: relative; overflow: hidden } .bkr003 .portfolio-03 .project-block .image-box .image { position: relative; margin-bottom: 0 } .bkr003 .portfolio-03 .project-block .image-box img { display: block; transition: all 700ms ease 200ms; margin-right: 0; width: 100% } .bkr003 .portfolio-03 .project-block .image-box { position: relative; overflow: hidden } .bkr003 .portfolio-03 .project-block .image-box .image { position: relative; margin-bottom: 0 } .bkr003 .portfolio-03 .project-block .image-box .overlay-anim-box2 { display: block } .bkr003 .portfolio-03 .project-block .image-box img { display: inline-block; width: 100%; height: auto } .bkr003 .portfolio-03 .project-block .overlay-box { position: absolute; left: 0; top: 0; height: 100%; width: 100% } .bkr003 .portfolio-03 .project-block .overlay-box:before { position: absolute; left: 50%; top: 0; height: 100%; width: 0; content: ""; visibility: visible; background: #000 padding-box content-box; padding: 10px; -webkit-transition: all 400ms cubic-bezier(0.470, 0.000, 0.745, 0.715); -moz-transition: all 400ms cubic-bezier(0.470, 0.000, 0.745, 0.715); -o-transition: all 400ms cubic-bezier(0.470, 0.000, 0.745, 0.715); transition: all 400ms cubic-bezier(0.470, 0.000, 0.745, 0.715); -webkit-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715); -moz-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715); -o-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715); transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715) } .bkr003 .portfolio-03 .project-block .image-box:hover .overlay-box:before { width: 100%; left: 0; opacity: .75 } .bkr003 .portfolio-03 .sortable-masonry .masonry-item:before { z-index: 0 } .bkr003 .portfolio-03 .project-block { position: relative; z-index: 0 } .bkr003 .portfolio-03 .project-block:hover .image-box img { transition: all 700ms ease 200ms } .bkr003 .portfolio-03 .project-block .overlay-box { opacity: 0; transition: all 700ms ease 200ms } .bkr003 .portfolio-03 .project-block:hover .overlay-box { opacity: 1; transition: all 700ms ease 200ms } .bkr003 .portfolio-03 .project-block .overlay-box .box .link { position: absolute; right: 5px; top: 20px } .bkr003 .portfolio-03 .project-block .overlay-box .box .link a span:before { color: #fff; font-size: 25px; transition: all 500ms ease; text-align: center; padding: 15px 15px; border-radius: 54px } -webkit-transition-timing-function:cubic-bezier(0.470, 0.000, 0.745, 0.715); -moz-transition-timing-function:cubic-bezier(0.470, 0.000, 0.745, 0.715); -o-transition-timing-function:cubic-bezier(0.470, 0.000, 0.745, 0.715); transition-timing-function:cubic-bezier(0.470, 0.000, 0.745, 0.715) } */.bkr003 .portfolio-03 .project-block .image-box:hover .overlay-box:before { width:100%; left:0; opacity:.75 } .bkr003 .portfolio-03 .project-block .overlay-box .content-box { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: visible } .bkr003 .portfolio-03 .project-block .image-box:hover .overlay-box .content-box { opacity: 1; visibility: visible; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; -webkit-transition-delay: 400ms; -ms-transition-delay: 400ms; transition-delay: 400ms } .bkr003 .portfolio-03 .project-block .overlay-box .content-box h4 { position: relative; display: block; font-size: 20px; line-height: 1.2em; color: #fff; font-weight: 600; margin-bottom: 5px } .bkr003 .portfolio-03 .project-block .overlay-box .content-box h4 a { color: #fff } .bkr003 .portfolio-03 .project-block .overlay-box .content-box h4 a:hover { text-decoration: underline } .bkr003 .portfolio-03 .project-block .overlay-box .category { position: relative } .bkr003 .portfolio-03 .project-block .overlay-box .category li { position: relative; display: inline-block; font-size: 12px; margin-right: 10px; line-height: 22px; color: #fff; font-weight: 400 } .bkr003 .portfolio-03 .project-block .overlay-box .category li:last-child { margin-right: 0 } .bkr003 .portfolio-03 .project-block .overlay-box .category li:before { position: absolute; right: -14px; width: 14px; text-align: center; top: 0; font-size: 12px; line-height: 20px; color: rgba(255,255,255,0.70); content: "-" } .bkr003 .portfolio-03 .project-block .overlay-box .category li:last-child:before { display: none } .bkr003 .portfolio-03 .project-block .overlay-box .category li a { color: #fff } .bkr003 .portfolio-03 .project-block .overlay-box .category li a:hover { text-decoration: underline } .bkr003 .portfolio-03 .btn-box { position: relative; text-align: center } .bkr003 .portfolio-03 .item { box-shadow: 0 0 27px 2px rgba(35,170,241,0.35); margin: 30px 15px } .bkr003 .portfolio-03 .item .text-holder { position: absolute; bottom: 23px; left: 42px } .bkr003 .portfolio-03 .item .text-holder .title h3 { position: relative; font-weight: 700; line-height: unset } .bkr003 .portfolio-03 .item .text-holder .title h3 a { color: #FFF; font-size: 18px; background: #000; padding: 4px 14px } .bkr003 .portfolio-03 .item .text-holder .dasignation p { font-size: 14px; color: #777; background: #fff; display: inline-block; padding: 4px 15px } .bkr003 .portfolio-03 .filter-tabs li:last-child { margin-right: 0 } .bkr003 .portfolio-03 .btn-box a { position: relative; color: #FFF; background: #FF4354; padding: 20px 60px 20px 60px; border-radius: 30px; display: inline-block; box-shadow: 0 0 60.76px 1.24px rgba(255,194,200,0.49); font-weight: 700; z-index: 1; overflow: hidden; transition: all 700ms ease } .bkr003 .portfolio-03 .btn-box a:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000) } .bkr003 .portfolio-03 .btn-box a:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .bkr003 .portfolio-03 .btn-box a:hover { color: #FF4354; transition: all 700ms ease } .bkr003 .portfolio-03 .shape-1 { position: absolute; top: 80px; right: -115px; z-index: 5 } .bkr003 .portfolio-03 .shape-2 { position: absolute; top: 230px; right: 33%; z-index: 5 } .bkr003 .portfolio-03 .shape-4 { position: absolute; top: 80px; left: 78px; z-index: 5 } .clints-h5.two .shape-1 { position: absolute; top: 215px; left: 35px; z-index: -1 } .clints-h5.two .shape-2 { position: absolute; top: 230px; right: 0; z-index: -1 } .clints-h5.two .shape-4 { position: absolute; top: -130px; left: 78px; z-index: -1 } .what-we-do-h5.two { padding: 150px 0 100px 0 } .team-h5.three { padding: 150px 0 100px 0 } .team-h5.three:before { display: none } .team-h5.three .shape-2 { position: absolute; top: 90px; left: 60px } .team-h5.three .shape-3 { position: absolute; top: 228px; left: 62% } .register-or-login { position: relative; padding: 100px 0 100px 0 } .register-or-login .sec-title-three .title-two .shape-3 { bottom: -65px; left: 47% } .register-or-login .sec-title-three { margin-bottom: 120px } .register-or-login .login-form .title-two { padding: 10px 0 10px 0; background: #406ABE; text-align: center } .register-or-login .login-form .title-two h2 { font-size: 30px; color: #FFF } .register-or-login .login-form form { box-shadow: 0 0 30px 0 rgba(206,206,206,0.35); padding: 65px 40px 40px 40px } .register-or-login .login-form .form-group .title h3 { font-size: 18px; color: #383838; font-weight: 600; margin-bottom: 7px } .register-or-login .login-form .form-group input { border: 1px solid #EBEBEB; width: 100%; height: 48px; padding: 0 20px } .register-or-login .login-form .form-group .form-group { margin: 5px 0 20px 0; position: relative } .register-or-login .login-form .form-group .main-checkbox { width: 20px; height: 20px; background: transparent; float: left; margin: 0; border: 2px solid #5A7DFF; position: relative } .register-or-login .login-form .form-group .text { font-size: 18px; font-weight: 600; color: #272727; margin-left: 7px; line-height: 20px; padding-top: 5px; text-transform: capitalize } .register-or-login .login-form .form-group .main-checkbox input[type=checkbox] { visibility: hidden } .register-or-login .login-form .form-group .main-checkbox label { width: 20px; height: 20px; position: absolute; top: 0; left: 0; cursor: pointer; z-index: 99 } .register-or-login .login-form .form-group .main-checkbox label:after { content: ""; width: 10px; height: 5px; position: absolute; top: 5px; left: 3px; border: 3px solid #5A7DFF; border-top: 0; border-right: 0; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .register-or-login .login-form .form-group .main-checkbox input[type=checkbox]:checked+label:after { opacity: 1 } .register-or-login .login-form .forgot-pass { margin: 0 } .register-or-login .login-form .forgot-pass .btn:hover { color: #FF4354 } .register-or-login .login-form .forgot-pass .btn { background: transparent; color: #272727; font-weight: 600; text-transform: capitalize; transition: all .3s ease 0s; cursor: pointer; padding: 0; margin-top: 8px } .register-or-login .login-form .theme-btn { position: relative; font-size: 18px; color: #FFF; background: #FF4354; padding: 19px 55px 19px 55px; border-radius: 35px; cursor: pointer; margin-top: 27px; z-index: 1; transition: all 700ms ease; overflow: hidden; font-weight: 700 } .register-or-login .login-form .theme-btn:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); border-radius: 30px } .register-or-login .login-form .theme-btn:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .register-or-login .login-form .theme-btn:hover { color: #FF4354; transition: all 700ms ease } .register-or-login .form-group.two { margin-top: 22px } .btn.focus, .btn:focus { outline: 0; box-shadow: none!important } .register-or-login .register-form .title-two { padding: 10px 0 10px 0; background: #406ABE; text-align: center } .register-or-login .register-form .title-two h2 { font-size: 30px; color: #FFF } .register-or-login .register-form form { box-shadow: 0 0 30px 0 rgba(206,206,206,0.35); padding: 65px 40px 40px 40px } .register-or-login .register-form .form-group .title h3 { font-size: 18px; color: #383838; font-weight: 600; margin-bottom: 7px } .register-or-login .register-form .form-group input { border: 1px solid #EBEBEB; width: 100%; height: 48px; padding: 0 20px } .register-or-login .register-form .form-group .form-group { margin: 5px 0 20px 0; position: relative } .register-or-login .register-form .form-group .main-checkbox-two { width: 20px; height: 20px; background: transparent; float: left; margin: 0; border: 2px solid #5A7DFF; position: relative } .register-or-login .register-form .form-group .text { font-size: 18px; font-weight: 600; color: #272727; line-height: 20px; padding-top: 0; text-transform: capitalize; margin-left: 30px } .register-or-login .register-form .form-group .text span { color: #FF007A } .register-or-login .register-form .form-group .main-checkbox-two input[type=checkbox] { visibility: hidden } .register-or-login .register-form .form-group .main-checkbox-two label { width: 20px; height: 20px; position: absolute; top: 0; left: 0; cursor: pointer; z-index: 99 } .register-or-login .register-form .form-group .main-checkbox-two label:after { content: ""; width: 10px; height: 5px; position: absolute; top: 5px; left: 3px; border: 3px solid #5A7DFF; border-top: 0; border-right: 0; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .register-or-login .register-form .form-group.two .main-checkbox-two input[type=checkbox]:checked+label:after { opacity: 1 } .register-or-login .register-form .forgot-pass { margin: 0 } .register-or-login .register-form .forgot-pass .btn:hover { color: #FF4354 } .register-or-login .register-form .forgot-pass .btn { background: transparent; color: #272727; font-weight: 600; text-transform: capitalize; transition: all .3s ease 0s; cursor: pointer; padding: 0; margin-top: 8px } .register-or-login .register-form .theme-btn { position: relative; font-size: 18px; color: #FFF; background: #FF4354; padding: 19px 55px 19px 55px; border-radius: 35px; cursor: pointer; margin-top: 27px; z-index: 1; transition: all 700ms ease; overflow: hidden; font-weight: 700 } .register-or-login .register-form .theme-btn:before { content: ""; position: absolute; left: 0; top: 0; z-index: -1; height: 100%; width: 100%; background: #001064; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); border-radius: 30px } .register-or-login .register-form .theme-btn:hover:before { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left } .register-or-login .register-form .theme-btn:hover { color: #FF4354; transition: all 700ms ease } .register-or-login .register-form .form-group.two { margin-top: 22px } .register-or-login .shape-1 { position: absolute; top: 65px; right: -115px } .register-or-login .shape-2 { position: absolute; top: 115px; left: 65px } .register-or-login .shape-4 { position: absolute; top: 185px; right: 28% } .blog-details-two { position: relative; padding: 100px 0 100px 0 } .sidebar-widget-two:fast-child { margin:0 0 60px 0 } .sidebar-widget-two { margin: 78px 0 60px 0 } .sidebar-two .search-box { position: relative; box-shadow: 0 0 13px 0 rgba(206,206,206,0.35); padding: 20px 20px 20px 20px; margin-top: 0 } .sidebar-two .search-box .form-group { position: relative; margin-bottom: 0 } .sidebar-two .search-box .form-group input[type="text"], .sidebar-two .search-box .form-group input[type="search"] { position: relative; display: block; font-size: 15px; color: #222; line-height: 30px; padding: 20px 30px; padding-right: 75px; height: 46px; width: 100%; border: 1px solid #D3D3D3; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; border-radius: 50px } .sidebar-two .search-box .form-group input[type="search"]::placeholder { color:#D3D3D3 } .sidebar-two .search-box .form-group input:focus { border-color: #FF007A } .sidebar-two .search-box .form-group input[type="submit"], .sidebar-two .search-box .form-group button { position: absolute; right: 0; top: 0; width: 60px; height: 46px; line-height: 46px; text-align: center; padding: 0; font-weight: 400; cursor: pointer; background-color: transparent; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease } .sidebar-two .search-box .form-group button { font-size: 14px; color: #E2E2E2 } .sidebar-two .search-box .form-group input[type="submit"]:hover, .sidebar-two .search-box .form-group button:hover { color: #D3D3D3 } .sidebar-two .post-widget .sidebar-title h4 { position: relative; font-size: 24px; color: #2B2B2B; font-weight: 600; margin-bottom: 30px } .sidebar-two .post-widget .sidebar-title h4:before { position: absolute; left: 0; top: -25px; content: ""; width: 50px; height: 2px; background: #FD3D76 } .sidebar-two .post-widget .widget-content .post { position: relative; padding-left: 22px; border-bottom: 1px solid #DFDFDF; padding-bottom: 15px; margin-bottom: 15px } .sidebar-two .post-widget .widget-content .post:before { position: absolute; left: 0; top: 10px; content: ""; background: #FF4354; width: 12px; height: 12px; transition: all 700ms ease; border-radius: 0 } .sidebar-two .post-widget .widget-content .post h5 { line-height: 24px; padding-top: 5px; padding-right: 10px } .sidebar-two .post-widget .widget-content .post h5 a { color: #393939; font-size: 16px; transition: all 700ms ease } .sidebar-two .post-widget .widget-content .post:hover:before { border-radius: 30px; transition: all 700ms ease } .sidebar-two .post-widget .widget-content .post:hover h5 a { color: #FF4354; transition: all 700ms ease } .sidebar-two .post-categories .sidebar-title h4 { position: relative; font-size: 20px; color: #2B2B2B; font-weight: 600; margin-bottom: 30px } .sidebar-two .post-categories .sidebar-title h4:before { position: absolute; left: 0; top: -25px; content: ""; width: 50px; height: 2px; background: #FD3D76 } .sidebar-two .post-categories .widget-content .post { position: relative; padding-left: 22px; border-bottom: 1px solid #DFDFDF; padding-bottom: 15px; margin-bottom: 15px } .sidebar-two .post-categories .widget-content .post:before { position: absolute; left: 0; top: 10px; content: ""; background: #FF4354; width: 12px; height: 12px; transition: all 700ms ease; border-radius: 0 } .sidebar-two .post-categories .widget-content .post h5 { line-height: 24px; padding-top: 5px; padding-right: 10px } .sidebar-two .post-categories .widget-content .post h5 a { color: #393939; font-size: 16px; transition: all 700ms ease } .sidebar-two .post-categories .widget-content .post:hover:before { border-radius: 30px; transition: all 700ms ease } .sidebar-two .post-categories .widget-content .post:hover h5 a { color: #FF4354; transition: all 700ms ease } .sidebar-two .post-tag .sidebar-title h4 { position: relative; font-size: 24px; color: #2B2B2B; font-weight: 600; margin-bottom: 30px } .sidebar-two .post-tag .sidebar-title h4:before { position: absolute; left: 0; top: -25px; content: ""; width: 50px; height: 2px; background: #FD3D76 } .sidebar-two .post-tag .widget-content .post { position: relative; padding-left: 22px; border-bottom: 1px solid #DFDFDF; padding-bottom: 15px; margin-bottom: 15px } .sidebar-two .post-tag .widget-content .post:before { position: absolute; left: 0; top: 14px; content: ""; background: #FF4354; width: 12px; height: 12px; transition: all 700ms ease; border-radius: 0 } .sidebar-two .post-tag .widget-content .post h5 { line-height: 24px; padding-top: 5px; padding-right: 10px } .sidebar-two .post-tag .widget-content .post h5 a { color: #393939; font-size: 16px; transition: all 700ms ease } .sidebar-two .post-tag .widget-content .post:hover:before { border-radius: 30px; transition: all 700ms ease } .sidebar-two .post-tag .widget-content .post:hover h5 a { color: #FF4354; transition: all 700ms ease } .news-block-three { margin-bottom: 0!important } .news-block-three .inner-box .lower-content { box-shadow: 0 3px 27px 0 rgba(227,227,227,0.35); background: #fff; margin: 0 35px; z-index: 99; position: relative; top: -55px; padding: 20px 28px 20px 28px; border-radius: 15px; margin-bottom: -25px } .news-block-three .inner-box .lower-content .date { float: right; color: #001064; font-size: 16px; font-weight: 600; margin-top: 6px } .news-block-three .inner-box .lower-content .title { display: inline-block } .news-block-three .inner-box .lower-content .title h2 { font-size: 24px; color: #001064; font-weight: 700 } .news-block-three .text p { color: #393939; font-size: 16px; line-height: 30px } .news-block-three blockquote { background: #E9FFFC; color: #525252; font-size: 16px; line-height: 30px; padding: 20px 20px 20px 20px } .comment-form-two { position: relative; width: 100% } .comment-form-two form { width: 100% } .comment-form-two .group-title { margin-bottom: 30px } .comment-form-two .form-group { position: relative; margin-bottom: 20px } .comment-form-two .form-group:last-child { margin-bottom: 0 } .comment-form-two .form-group input { position: relative; display: block; height: 50px; width: 100%; font-size: 14px; color: #999; line-height: 20px; font-weight: 400; padding: 14px 22px; background-color: #fff; border: 1px solid #EBEBEB; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .comment-form-two .form-group textarea { position: relative; display: block; height: 50px; width: 100%; font-size: 14px; color: #999; line-height: 20px; font-weight: 400; padding: 14px 22px; background-color: #fff; border: 1px solid #EBEBEB; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease } .comment-form-two .form-group textarea { height: 165px } .comment-form-two .form-group input:focus, .comment-form-two .form-group select:focus, .comment-form-two .form-group textarea:focus { border-color: #ff8a00 } .comment-form .form-group textarea { height: 120px; resize: none } .comment-form-two button.theme-btn { font-size: 18px; color: #FFF; background: #FF4354; padding: 19px 55px 19px 55px; border-radius: 35px; cursor: pointer } .comment-form-two .title h2 { color: #3E3E3E; font-size: 30px; line-height: 28px; text-align: center; font-weight: 700; margin: 50px 0 50px 0 } .blog-details-two .share { position: relative; box-shadow: 0 3px 13px 0 rgba(229,229,229,0.35); padding: 10px 10px 10px 10px; background: #fff; margin-top: 25px } .blog-details-two .share:before { content: ""; box-shadow: 0 3px 13px 0 rgba(229,229,229,0.35); position: absolute; left: 10px; top: 0; width: 100%; height: 56px; z-index: -1 } .blog-details-two .share .title { display: inline-block } .blog-details-two .share .title h2 { font-size: 16px; color: #0F31AB; font-weight: 600 } .blog-details-two .share .social-box { float: right } .blog-details-two .share .social-box li { display: inline-block; margin: 0 10px } .blog-details-two .share .social-box li a span { font-size: 16px; color: #757575 } .header_1 .outer-container { position: relative; padding: 0 100px; background: #7734fe!important } .banner-section-h5.banner_seo { padding: 110px 0 90px!important; z-index: 1 } .banner_seo .shape-4 { position: absolute; top: 59%; right: 92%; z-index: -1 } .banner_seo .shape-1 { position: absolute; top: -12%; left: 52%; z-index: 5 } .banner_seo .shape-5 { position: absolute; top: 7%; right: 80%; z-index: -1 } .banner_seo .shape-6 { position: absolute; top: 76%; right: 48%; z-index: -1 } .header_1 .social-outer-box { padding: 48px 50px 44px!important; background-color: #790dae!important } .header_1 .social-links li a { color: #fff!important } .seo_hometitle h5 { font-size: 12px; color: #fff; border-radius: 14px 14px 14px 14px; display: inline-block; font-weight: 700; font-size: 14px; font-weight: 600; color: #0056b3; position: relative; display: inline-block; margin-bottom: 2px; text-transform: uppercase } .about-section:before { position: absolute; content: ''; background: url(../image/banner-icon-2.png); width: 530px; height: 675px; left: 0; top: 0; background-repeat: no-repeat } .sec-title .seo_hometitle h2 span { text-decoration: underline; text-decoration-color: #f8abb4 } .seo_about .lower-box { position: relative; padding-top: 35px; text-align: center; padding-bottom: 22px; -webkit-box-shadow: 0 3px 6px 2px #ebebeb; box-shadow: 0 3px 6px 2px #ebebeb; background: white } .seo_about .lower-box h3 a { position: relative; color: #222; transition: all 300ms ease; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; margin: 0 0 32px 0; color: #374a5e; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; font-size: 24px; font-weight: 400 } .sec-title-four .subtitle h3 { text-transform: capitalize } .banner-section-h6 .content-box .title h2 { color: #001064; color: #fff; font-weight: 800; text-transform: uppercase } .what-we-do-h6 .btn-box a { position: relative; font-size: 18px; color: #FF4354; font-weight: 600; transition: all 700ms ease } .what-we-do-h6 .btn-box a:hover { color: #001064; transition: all 700ms ease } .what-we-do-h6 .btn-box a:before { position: absolute; content: ""; left: 0; bottom: -2px; background: #FFA1A9; width: 100%; height: 2px; transition: all 700ms ease } .what-we-do-h6 .btn-box:hover a:before { color: #001064; transition: all 700ms ease } .how-we-work-h6 .item .btn-box a { text-transform: capitalize } .what-we-do-h5 .item .icon { height: 85px; width: 85px; text-align: center; line-height: 85px; font-weight: 400; font-size: 36px; color: #fff; background-color: #e5faf7; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -ms-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -o-box-shadow: 0 10px 15px rgba(0,0,0,0.1); box-shadow: 0 10px 15px rgba(0,0,0,0.1); border-radius: 21% } .what-we-do-h5 .serx:nth-child(2) .icon { background-color: #ffeded } .what-we-do-h5 .serx:nth-child(3) .icon { background-color: #f1ebff } .readx { font-weight: 600; font-size: 15px } .architecture-section .sec-title .title, .sec-title-two .title-inner .title, .services-section-two .title, .container-fluid-two .title, .news-section .title, .news-block-two .inner-box .content-column .post-date { border-radius: 0!important } .services-section-two .left-column ul li { margin-left: 35px } .services-section-two .left-column ul li:before { position: absolute; content: ''; top: 13px; left: -30px; height: 10px; width: 10px; background-color: #fc3549 } .nwx.animx .shape-1 { position: absolute; top: 4%; left: 50%; z-index: 1 } .nwx.animx .shape-6 { position: absolute; top: -2%; right: 82%; z-index: 1 } .nwx.animx .shape-5 { position: absolute; top: 10%; right: 0; z-index: 1 } .gallery-section { position: relative; padding-top: 90px; background-repeat: no-repeat } .services-block-four .inner-box .lower-content .content-inner:before { position: absolute; content: ''; background: url(../image/98.png); width: 530px; height: 675px; right: 57%; top: 66%; background-repeat: no-repeat } .content-two .item { position: relative; padding-left:114px; padding-bottom:5px; } .content-two .item .icon-holder { -o-transition: all .5s; position: absolute; left: 0; top: 0; -moz-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -ms-box-shadow: 0 10px 15px rgba(0,0,0,0.1); -o-box-shadow: 0 10px 15px rgba(0,0,0,0.1); /*border-radius: 50%;*/ box-shadow: 0 2px 14px 0 rgba(0,0,0,0.18); background:url(../picture/datebg.png) no-repeat center; width:81px; } .month{ text-align:center; width:100%; height:26px; line-height:20px; margin-top:8px; font-size:14px; color:#ffffff; } .day{ text-align:center; width:100%; height:46px; line-height:46px; font:40px Arial, Helvetica, sans-serif; color:#292929; } .content-two .item .icon-holder span { width: 1em; height: 1em; position: relative; display: block; transform: rotate(0deg) } .content-two .item .icon-holder span:before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .content-two .item .title h3 { margin-top: 30px; color: #1b1d21; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; } .content-two h3:before { display: none!important } .content-two h3 { position: relative!important; font-size: 18px!important; font-weight: 500!important; line-height: 1.3em!important; margin-bottom: 0!important; padding-bottom: 10px!important } .list_text ul { margin-top: 20px } .list_text ul li:before { position: absolute; content: ''; top: 7px; height: 7px; width: 7px; background-color: #fc3549; margin-left: -19px } .list_text ul li { position: relative; color: #5c5c5c; font-weight: 600; font-size: 15px; line-height: 26px; margin-bottom: 5px; margin-left: 33px } .home_4banner .shape-3 { max-width: 600px } .dotanimation { position: absolute; width: 100%; bottom: 0; height: 100vh; z-index: -1 } @media only screen and (max-width:991px) { .dotanimation { display: none } } .dotline-one, .dotline-two, .dotline-three, .dotline-four { position: absolute; bottom: 0; height: 100vh; width: 4px; z-index: 20; border-left: 1px solid rgba(79,79,79,0.04) } .dotline-one { left: 20%; z-index: -1 } .dotline-two { left: 40% } .dotline-three { left: 60% } .dotline-four { left: 80% } .dotanimation1 { animation-duration: 40s; animation-iteration-count: infinite; background-color: #fc3549; height: 10px; margin: 0 0 0 -5px; transform-origin: bottom; width: 10px } .animline1 { animation-name: animline1; animation-timing-function: linear } @keyframes animline1 { 0% { transform:translateY(0) } 50% { transform:translateY(100vh) } 100% { transform:translateY(0) } } .dotanimation2 { animation-duration: 80s; animation-iteration-count: infinite; background-color: #2a2a2a; height: 10px; width: 10px; margin: 0 0 0 -5px; transform-origin: bottom } .animline2 { animation-name: animline2; animation-timing-function: linear; z-index: -1 } @keyframes animline2 { 100% { transform:translateY(0) } 50% { transform:translateY(100vh) } 0% { transform:translateY(0) } } .nwpage { position: relative; padding-top: 0!important } .pagecv { padding-top: 120px } .pt120 { padding-top: 120px!important } .error-area { position: relative; padding: 100px 0 70px 0; text-align: center } .error-area .inner-section h1 { color: #001064; font-size: 250px; font-weight: 800; letter-spacing: 14px; line-height: 200px } .error-area .inner-section h1 span { color: #ff4800 } .error-area .inner-section h2 { font-size: 60px; color: #001064; font-weight: 800; letter-spacing: .2px; margin-top: 30px; margin-bottom: 10px } .error-area .inner-section p { color: #001064; letter-spacing: .2px; font-weight: 600; line-height: 30px } .error-area .inner-section p a { color: #ff4800 } .coming-soon { position: relative; background-repeat: no-repeat; background-position: center 140px; background-color: #f7f7f7; padding: 400px 0 400px; text-align: center } .coming-soon .logo-box { position: absolute; left: 50%; margin-left: -100px; width: 200px; text-align: center; display: inline-block; top: 100px; display: none } .coming-soon .title { position: relative; display: block; margin-bottom: 20px } .coming-soon .title h2 { position: relative; font-size: 72px; line-height: 1em; color: #ff4800; font-weight: 900; letter-spacing: -4px; margin-bottom: 20px } .coming-soon .timer { position: relative; background-repeat: no-repeat; background-position: center top; background-image: url(../image/count-down-bg.png) } .coming-soon .cs-countdown { position: relative; margin-bottom: 40px } .coming-soon .cs-countdown div { position: relative; display: inline-block; height: 130px; text-align: center; min-width: 120px; padding-top: 50px } .coming-soon .cs-countdown span { position: relative; display: block; font-size: 64px; color: #222; line-height: 1em; font-weight: 300; text-align: center; font-family: "Gotham-Light" } .coming-soon .cs-countdown h6 { position: absolute; left: 0; right: 0; top: 25px; margin: 0 auto; font-size: 16px; color: #222; font-weight: 500; text-align: center; text-transform: capitalize; font-family: "Gotham-Medium" } .coming-soon .link-box { position: relative } .coming-soon .link-box .theme-btn { display: inline-block; margin: 0 7px } .coming-soon .anim-icons { position: absolute; left: 0; right: 0; top: 0; height: 100%; width: 100%; max-width: 1140px; margin: 0 auto } .coming-soon .anim-icons .icon { position: absolute; background-repeat: no-repeat } .coming-soon .icon-clock { height: 158px; width: 177px; background-image: url(../image/icon-clock.png) } .coming-soon .icon-flower { height: 263px; width: 360px; background-image: url(../image/icon-flower.png) } .coming-soon .icon-1 { left: -155px; bottom: 0 } .coming-soon .icon-2 { left: -100px; bottom: 0 } .coming-soon .icon-flower { right: -360px; bottom: 0 } .coming-soon .icon-clock { position: absolute; top: 50%; left: 45px; -webkit-transform: translateY(-85px); -moz-transform: translateY(-85px); -ms-transform: translateY(-85px); -o-transform: translateY(-85px); transform: translateY(-85px) } .coming-soon .link-box { position: absolute; left: 0; bottom: 60px; width: 100%; text-align: center } .services-section-four.two { padding-bottom: 20px } .project-section-two.two { padding-bottom: 0 } .fluid-section-one.two { margin-top: 10px; margin-bottom: 10px } .news-section.three { padding-bottom: 0; margin-bottom: -10px } section.project-section-two.style-two.three { margin: 0; padding: 0 } .testimonials-h6 .item:hover { box-shadow: 8px 14px 15px 0 rgba(136,136,136,0.4); transition: all 700ms ease } .team-h6 .item:hover { box-shadow: 8px 14px 15px 0 rgba(136,136,136,0.4); transition: all 700ms ease } .team-h6 .item:hover .image-box { border: 10px solid #6e6e6e; transition: all 700ms ease } .latest-news-h6 .inner-box { transition: all 700ms ease } .latest-news-h6 .inner-box:hover { box-shadow: 8px 14px 15px 0 rgba(136,136,136,0.4); transition: all 700ms ease } .bkr003 .about-07 { position: relative; padding: 100px 0 100px 0; z-index: 1 } .bkr003 .about-07:before { content: ""; position: absolute; bottom: -5px; left: 0; background-image: url(../image/home-7-sec-end.png); background-repeat: no-repeat; width: 100%; height: 10px } .bkr003 .about-07 .fixed-right-nav.scroll-nav-holder { height: 0 } .bkr003 .about-07 .small-container { position: relative; max-width: 1224px; padding: 0 25px; margin: 0 auto } .bkr003 .about-07 .sec-title-six { position: relative; padding-left: 20px; margin-bottom: 100px; margin-top: -19px } .bkr003 .about-07 .sec-title-six:before { position: absolute; left: 0; top: 20px; content: ""; width: 2px; height: 100px; z-index: 188; background: #fc3549 } .bkr003 .about-07 .sec-title-six .title-two h2 { font-weight: 700; font-size: 48px; color: #222; text-transform: uppercase } .bkr003 .about-07 .sec-title-six .text p { font-size: 16px; line-height: 24px; color: #777; font-style: italic } .bkr003 .about-07 .sec-title-six .bigtitle { position: absolute; top: 40px; right: 0 } .bkr003 .about-07 .sec-title-six .bigtitle h1 { font-size: 84px; color: #DDD; text-transform: uppercase; font-weight: 800; z-index: -1 } .bkr003 .about-07 .content { margin-top: -25px } .bkr003 .about-07 .content .subtitle h4 { font-size: 15px; color: #777; font-weight: 700; margin-bottom: 18px } .bkr003 .about-07 .content .title h3 { font-size: 30px; color: #222; font-weight: 700; line-height: 48px; border-bottom: 2px solid #EBEBEB; margin-bottom: 38px; padding-bottom: 25px } .bkr003 .about-07 .content .text p { font-size: 14px; color: #777; line-height: 24px; margin-bottom: 25px } .bkr003 .about-07 .content .btn-box { margin-top: 34px } .bkr003 .about-07 .content .btn-box a { font-size: 14px; color: #fff; background: #fc3549; display: inline-block; padding: 9px 37px } .bkr003 .about-07 .content .btn-box a { background-image: -webkit-linear-gradient(315deg, #222 50%, transparent 50%); background-image: -o-linear-gradient(315deg, #222 50%, transparent 50%); background-image: linear-gradient(135deg, #222 50%, transparent 50%); background-size: 0 50px; background-position: -50px -50px; background-repeat: no-repeat; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s } .bkr003 .about-07 .content .btn-box a:hover { background-size: 300% 300%; background-position: 0 0 } .bkr003 .about-07 .content-container { position: relative } .bkr003 .about-07 .img-box { position: relative; top: 0 } .bkr003 .about-07 .img-box:before { position: absolute; left: 35px; top: -29px; content: ""; background: #EEE; width: 398px; height: 447px } .bkr003 .about-07 .img-box:after { content: ""; position: absolute; bottom: -40px; left: 35px; background-image: url(../image/home-7-sec-end.png); background-repeat: no-repeat; z-index: -1; width: 375px; height: 94px; overflow: visible!important } .bkr003 .about-07 .image { position: relative; overflow: hidden; margin: 0 65px } .bkr003 .about-07 .image:before { position: absolute; content: ''; left: 400px; top: 30px; width: 100%; height: 100%; display: block; z-index: 8; opacity: 0; background-color: rgba(0,0,0,0.7); transition: all 700ms ease } .bkr003 .about-07 .img-box:hover .image:before { opacity: 1; left: 30px; transition: all 700ms ease } .bkr003 .about-07 .img-box img { width: 100%; -webkit-transition: .7s ease; -o-transition: .7s ease; transition: .7s ease; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s } .bkr003 .about-07 .img-box:hover img { -ms-transform: scale(1.2) } .bkr003 .about-07 .img-box .overlay a { background: #fc3549; border-radius: 50%; color: #222; font-size: 20px; height: 50px; line-height: 50px; opacity: 0; display: inline-block; text-align: center; -webkit-transform: translateX(0%) translateY(-30%) scale(0.5); -ms-transform: translateX(0%) translateY(-30%) scale(0.5); transform: translateX(0%) translateY(-30%) scale(0.5); -webkit-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .9s ease 0s; width: 50px } .bkr003 .about-07 .img-box .overlay a:hover { background: rgba(255,255,255,1) none repeat scroll 0 0; color: #222 } .bkr003 .about-07 .img-box:hover .overlay a { opacity: 1; -webkit-transform: translateX(0) translateY(0%) scale(1); -ms-transform: translateX(0) translateY(0%) scale(1); transform: translateX(0) translateY(0%) scale(1) } .bkr003 .about-07 .img-box .overlay { left: 0; opacity: 0; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; z-index: 10 } .bkr003 .about-07 .img-box:hover .overlay { opacity: 1 } .bkr003 .about-07 .funfact { margin-top: 85px } .about-section .funfact .item .count-outer { margin-bottom: 18px } .bkr003 .about-07 .funfact .item .count-outer .count-text { font-size: 60px; color: #333743; font-weight: 700; padding-left: 15px } .bkr003 .about-07 .funfact .item .counter-title { position: relative; display: inline-block; min-width: 179px; min-height: 40px; background: #F5F5F5; padding: 8px 0 0 53px } .bkr003 .about-07 .funfact .item .counter-title p { font-size: 14px; color: #777; font-style: italic; margin-bottom: 0 } .bkr003 .about-07 .funfact .item .counter-title span { position: absolute; left: 16px; top: 12px } .bkr003 .about-07 .overlay-anim-box2 { display: block } .bkr003 .resume-05 { position: relative; padding: 100px 0 100px 0; z-index: 1 } .bkr003 .resume-05:before { content: ""; position: absolute; bottom: -5px; left: 0; background-image: url(../image/home-7-sec-end.png); background-repeat: no-repeat; width: 100%; height: 10px } .fixed-right-nav.scroll-nav-holder { height: 0 } .bkr003 .resume-05 .content-container { position: relative } .bkr003 .resume-05 .small-container { position: relative; max-width: 1224px; padding: 0 25px; margin: 0 auto } .bkr003 .resume-05 .sec-title-six { position: relative; padding-left: 20px; margin-bottom: 100px; margin-top: -19px } .bkr003 .resume-05 .sec-title-six:before { position: absolute; left: 0; top: 20px; content: ""; width: 2px; height: 100px; z-index: 188; background: #fc3549 } .bkr003 .resume-05 .sec-title-six .title h2 { font-weight: 700; font-size: 48px; color: #222; text-transform: uppercase } .bkr003 .resume-05 .sec-title-six .text p { font-size: 16px; line-height: 24px; color: #777; font-style: italic } .bkr003 .resume-05 .sec-title-six .bigtitle { position: absolute; top: 40px; right: 0 } .bkr003 .resume-05 .sec-title-six .bigtitle h1 { font-size: 84px; color: #DDD; text-transform: uppercase; font-weight: 800; z-index: -1 } .bkr003 .resume-05 .content { margin-top: -22px; margin-left: 20px } .bkr003 .resume-05 .content .inner-box { box-shadow: 0 0 21px 0 rgba(0,0,0,0.1); border-radius: 20px; padding: 30px 40px 40px 35px } .bkr003 .resume-05 .content .inner-box .item { border-bottom: 1px solid #EBEBEB; margin-bottom: 43px } .bkr003 .resume-05 .content .title h3 { font-size: 36px; color: #fc3549; font-weight: 700; padding-left: 30px; margin-bottom: -15px } .bkr003 .resume-05 .content .inner-box .item h4 { font-size: 20px; color: #222; font-weight: 700; margin-bottom: 5px } .bkr003 .resume-05 .content .inner-box .item h5 { position: relative; font-size: 14px; color: #777; margin-bottom: 44px } .bkr003 .resume-05 .content .inner-box .item h5:before { position: absolute; left: 0; bottom: -20px; content: ""; width: 44px; height: 2px; z-index: 188; background: #fc3549 } .bkr003 .resume-05 .content .inner-box .item p { font-size: 14px; color: #777; line-height: 24px; margin-bottom: 50px } .bkr003 .resume-05 .content .inner-box .item:last-child { margin-bottom: 0; border-bottom: 0 } .bkr003 .resume-05 .content .inner-box .item:last-child p { margin-bottom: 0 } .bkr003 .services-tab-01 { position: relative; padding: 100px 0 100px 0; z-index: 1 } .bkr003 .services-tab-01:before { content: ""; position: absolute; bottom: -5px; left: 0; background-image: url(../image/home-7-sec-end.png); background-repeat: no-repeat; width: 100%; height: 10px } .fixed-right-nav.scroll-nav-holder { height: 0 } .bkr003 .services-tab-01 .content-container { position: relative } .bkr003 .services-tab-01 .small-container { position: relative; max-width: 1224px; padding: 0 25px; margin: 0 auto } .bkr003 .services-tab-01 .sec-title-six { position: relative; padding-left: 20px; margin-bottom: 100px; margin-top: -19px } .bkr003 .services-tab-01 .sec-title-six:before { position: absolute; left: 0; top: 20px; content: ""; width: 2px; height: 100px; z-index: 188; background: #fc3549 } .bkr003 .services-tab-01 .sec-title-six .title h2 { font-weight: 700; font-size: 48px; color: #222; text-transform: uppercase } .bkr003 .services-tab-01 .sec-title-six .text p { font-size: 16px; line-height: 24px; color: #777; font-style: italic } .bkr003 .services-tab-01 .sec-title-six .bigtitle { position: absolute; top: 40px; right: 0 } .bkr003 .services-tab-01 .sec-title-six .bigtitle h1 { font-size: 84px; color: #DDD; text-transform: uppercase; font-weight: 800; z-index: -1 } .bkr003 .services-tab-01 .tabs-box .tab { display: none } .bkr003 .services-tab-01 .tabs-box .tab.active-tab { display: block } .bkr003 .services-tab-01 .tab-buttons { position: relative; display: inline-block; top: 0; margin-bottom: 110px } .bkr003 .services-tab-01 .tab-buttons .tab-btn { position: relative; display: inline-block; cursor: pointer; transition: all 700ms ease; min-width: 203px; font-size: 16px; color: #222; font-weight: 600; background: #F5F5F5; padding: 20px 20px 20px 26px; margin-right: 15px } .bkr003 .services-tab-01 .tab-buttons .tab-btn i { margin-right: 20px; font-size: 22px; top: 3px; position: relative } .bkr003 .services-tab-01 .tab-buttons .tab-btn:last-child { padding-right: 0 } .bkr003 .services-tab-01 .tab-buttons .tab-btn:last-child:before { display: none } .bkr003 .services-tab-01 .tab-buttons .tab-btn.active-btn:before { right: 15px } .bkr003 .services-tab-01 .tab-buttons .tab-btn.active-btn:after { position: absolute; left: 0; bottom: -15px; margin: auto; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fc3549; content: ""; margin-left: 100px; transform: rotate(90deg) } .bkr003 .services-tab-01 .tab-buttons .tab-btn.active-btn { color: #222; font-weight: 600; background: #fc3549; transition: all 700ms ease } .bkr003 .services-tab-01 .tab-buttons .tab-btn span { position: absolute; right: -70px; top: 0; font-size: 12px; font-weight: 300 } .bkr003 .services-tab-01 .tabs-content .img-box { position: relative; margin-left: 40px } .bkr003 .services-tab-01 .tabs-content .img-box:before { content: ""; position: absolute; bottom: 40px; left: -40px; background-image: url(../image/services-section-tab-img-shape.png); background-size: cover; background-repeat: no-repeat; width: 424px; height: 357px; z-index: -1 } .bkr003 .services-tab-01 .tabs-content .balance p { font-size: 24px; font-weight: 700; font-style: italic; display: inline-block; float: right; background: #222; color: #fff; padding: 23px 42px; margin-right: 7px; margin-top: 18px } .bkr003 .services-tab-01 .tabs-content .content { margin-top: -50px; padding-left: 16px; padding-right: 95px } .bkr003 .services-tab-01 .tabs-content .content h3 { font-size: 24px; color: #222; font-weight: 700; text-transform: uppercase; margin-bottom: 15px } .bkr003 .services-tab-01 .tabs-content .content h4 { font-size: 16px; color: #777; margin-bottom: 24px } .bkr003 .services-tab-01 .tabs-content .content .text p { font-size: 14px; color: #777; line-height: 24px; margin-bottom: 24px } .bkr003 .services-tab-01 .tabs-content .content .quote p { font-size: 14px; color: #222; font-weight: 600; font-style: italic; padding-left: 35px } .bkr003 .services-tab-01 .tabs-content .content .list { margin-top: 10px } .bkr003 .services-tab-01 .tabs-content .content .list li { font-size: 14px; color: #222; font-weight: 600 } .bkr003 .services-tab-01 .tabs-content .content .list li i { font-size: 20px; color: #fc3549; margin-right: 20px; position: relative; top: 2px } .bkr003 .services-tab-01 .calltoaction { position: relative; background: #fc3549; border-radius: 5px; padding: 30px 30px 13px 50px; margin-top: 52px } .bkr003 .services-tab-01 .calltoaction:before { position: absolute; content: "\f0e0"; right: 315px; top: 24px; font-size: 135px; font-family: 'fontawesome'; font-weight: 900; color: #fff; transform: rotate(45deg) } .bkr003 .services-tab-01 .calltoaction h2 { font-size: 24px; font-style: italic; color: #222; font-weight: 600 } .bkr003 .services-tab-01 .calltoaction .btn-box { float: right; position: relative; top: -8px } .bkr003 .services-tab-01 .calltoaction .btn-box a { font-size: 14px; color: #FFF; display: inline-block; background: #222; padding: 15px 30px; border-radius: 5px } .bkr003 .services-tab-01 .calltoaction .btn-box a { background-image: -webkit-linear-gradient(315deg, #fff 50%, transparent 50%); background-image: -o-linear-gradient(315deg, #fff 50%, transparent 50%); background-image: linear-gradient(135deg, #fff 50%, transparent 50%); background-size: 0 50px; background-position: -50px -50px; background-repeat: no-repeat; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s } .bkr003 .services-tab-01 .calltoaction .btn-box a:hover { background-size: 300% 300%; background-position: 0 0; color: #FBC91E } .bkr003 .skill-07 { position: relative; padding: 100px 0 70px 0; z-index: 1 } .bkr003 .skill-07:before { content: ""; position: absolute; bottom: -5px; left: 0; background-image: url(../image/home-7-sec-end.png); background-repeat: no-repeat; width: 100%; height: 10px } .fixed-right-nav.scroll-nav-holder { height: 0 } .bkr003 .skill-07 .content-container { position: relative } .bkr003 .skill-07 .small-container { position: relative; max-width: 1224px; padding: 0 25px; margin: 0 auto } .bkr003 .skill-07 .sec-title-six { position: relative; padding-left: 20px; margin-bottom: 100px; margin-top: -19px } .bkr003 .skill-07 .sec-title-six:before { position: absolute; left: 0; top: 20px; content: ""; width: 2px; height: 100px; z-index: 188; background: #fc3549 } .bkr003 .skill-07 .sec-title-six .title h2 { font-weight: 700; font-size: 48px; color: #222; text-transform: uppercase } .bkr003 .skill-07 .sec-title-six .text p { font-size: 16px; line-height: 24px; color: #777; font-style: italic } .bkr003 .skill-07 .sec-title-six .bigtitle { position: absolute; top: 40px; right: 0 } .bkr003 .skill-07 .sec-title-six .bigtitle h1 { font-size: 84px; color: #DDD; text-transform: uppercase; font-weight: 800; z-index: -1 } .bkr003 .skill-07 .text-two p { font-size: 14px; line-height: 24px; color: #777; font-style: italic; margin-top: -70px; margin-bottom: 55px } .bkr003 .skill-07 .skill-block { position: relative; margin-right: 40px } .bkr003 .skill-07 .skill-block .inner-box { position: relative } .bkr003 .skill-07 .skill-block .bar-item { position: relative; padding-left: 20px; padding-right: 0; margin-bottom: 35px } .bkr003 .skill-07 .skill-block .bar-item .skill-title { position: relative; left: 0; top: 0; font-size: 14px; line-height: 30px; color: #777; font-weight: 500; text-transform: capitalize; font-style: italic } .bkr003 .skill-07 .skill-block .title h2 { font-size: 24px; color: #222; font-weight: 700 } .bkr003 .skill-07 .skill-block .bar-item .skill-bar { position: relative; height: 10px; width: 100%; background-repeat: repeat; background-position: center } .bkr003 .skill-07 .skill-block .bar-item .skill-bar .bar-inner { position: absolute; left: 0; bottom: 0; width: 100%; height: 6px; background-color: #DDD } .bkr003 .skill-07 .skill-block .bar-item .skill-bar .bar-inner .bar { position: absolute; left: 0; top: 0; height: 6px; width: 0; background-color: #fc3549; -webkit-transition: all 2000ms ease; -ms-transition: all 2000ms ease; -o-transition: all 2000ms ease; -moz-transition: all 2000ms ease; transition: all 2000ms ease } .bkr003 .skill-07 .skill-block .bar-item .skill-percentage { position: absolute; right: 13px; top: -4px; font-size: 14px; line-height: 30px; color: #222; font-weight: 600; text-transform: capitalize; font-style: italic } .bkr003 .skill-07 .skill-block.style-two .bar-item .skill-bar .bar-inner .bar { background-color: #3e9cdd } .bkr003 .skill-07 .skill-block .title { margin-bottom: 34px } .bkr003 .portfolio-06 { position: relative; padding: 100px 0 90px 0; z-index: 1 } .bkr003 .portfolio-06:before { content: ""; position: absolute; bottom: -5px; left: 0; background-image: url(../image/home-7-sec-end.png); background-repeat: no-repeat; width: 100%; height: 10px } .fixed-right-nav.scroll-nav-holder { height: 0 } .bkr003 .portfolio-06 .content-container { position: relative } .bkr003 .portfolio-06 .small-container { position: relative; max-width: 1224px; padding: 0 25px; margin: 0 auto } .bkr003 .portfolio-06 .sec-title-six { position: relative; padding-left: 20px; margin-bottom: 100px; margin-top: -19px } .bkr003 .portfolio-06 .sec-title-six:before { position: absolute; left: 0; top: 20px; content: ""; width: 2px; height: 100px; z-index: 188; background: #fc3549 } .bkr003 .portfolio-06 .sec-title-six .title h2 { font-weight: 700; font-size: 48px; color: #222; text-transform: uppercase } .bkr003 .portfolio-06 .sec-title-six .text p { font-size: 16px; line-height: 24px; color: #777; font-style: italic } .bkr003 .portfolio-06 .sec-title-six .bigtitle { position: absolute; top: 40px; right: 0 } .bkr003 .portfolio-06 .sec-title-six .bigtitle h1 { font-size: 84px; color: #DDD; text-transform: uppercase; font-weight: 800; z-index: -1 } .bkr003 .portfolio-06 .filter-tabs { display: inline-block; flex-wrap: wrap; margin: 0; margin-bottom: 50px; border: 1px solid #E1E1E1; border-radius: 30px; margin-top: 10px } .bkr003 .portfolio-06 .filters { position: relative } .bkr003 .portfolio-06 .filters li { position: relative; display: inline-block; font-size: 14px; line-height: 30px; padding: 5px 20px 5px; cursor: pointer; color: #222; border-radius: 30px; margin: 0; font-weight: 600; min-width: 120px; text-align: center } .bkr003 .portfolio-06 .filters li.active { font-weight: 600; background: #fc3549 } .bkr003 .portfolio-06 .row { margin: 0 -7px } .bkr003 .portfolio-06 .project-block { position: relative; padding: 0 5px; margin-bottom: 10px } .bkr003 .portfolio-06 .sortable-masonry .masonry-item:before { z-index: -1 } .bkr003 .portfolio-06 .project-block:nth-child(1) .image-box img { height: 269px } .bkr003 .portfolio-06 .project-block .image-box { position: relative; overflow: hidden } .bkr003 .portfolio-06 .project-block .image-box .image { position: relative; margin-bottom: 0 } .bkr003 .portfolio-06 .overlay-anim-box2 { display: block } .bkr003 .portfolio-06 .project-block .image-box img { display: inline-block; width: 100%; height: auto } .bkr003 .portfolio-06 .project-block .overlay-box { position: absolute; left: 0; top: 0; height: 100%; width: 100% } .bkr003 .portfolio-06 .project-block .overlay-box:before { position: absolute; left: 50%; top: 0; height: 100%; width: 0; content: ""; visibility: visible; background: #000 padding-box content-box; padding: 10px; -webkit-transition: all 400ms cubic-bezier(0.470, 0.000, 0.745, 0.715); -moz-transition: all 400ms cubic-bezier(0.470, 0.000, 0.745, 0.715); -o-transition: all 400ms cubic-bezier(0.470, 0.000, 0.745, 0.715); transition: all 400ms cubic-bezier(0.470, 0.000, 0.745, 0.715); -webkit-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715); -moz-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715); -o-transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715); transition-timing-function: cubic-bezier(0.470, 0.000, 0.745, 0.715) } .bkr003 .portfolio-06 .project-block .image-box:hover .overlay-box:before { width: 100%; left: 0; opacity: .75 } .bkr003 .portfolio-06 .project-block .overlay-box .content-box { position: relative; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; visibility: visible } .bkr003 .portfolio-06 .project-block .image-box:hover .overlay-box .content-box { opacity: 1; visibility: visible; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; -webkit-transition-delay: 400ms; -ms-transition-delay: 400ms; transition-delay: 400ms } .bkr003 .portfolio-06 .project-block .overlay-box .content-box h4 { position: relative; display: block; font-size: 16px; line-height: 1.2em; color: #fff; font-weight: 600; margin-bottom: 5px; text-transform: uppercase } .bkr003 .portfolio-06 .project-block .overlay-box .content-box h4 a { color: #fff } .bkr003 .portfolio-06 .project-block .overlay-box .content-box h4 a:hover { text-decoration: underline } .bkr003 .portfolio-06 .project-block .overlay-box .category { position: relative } .bkr003 .portfolio-06 .project-block .overlay-box .category li { position: relative; display: inline-block; font-size: 12px; margin-right: 10px; line-height: 22px; color: #fff; font-weight: 400; font-style: italic } .bkr003 .portfolio-06 .project-block .overlay-box .content-box .border { border-bottom: 1px solid #000; position: relative; top: 0; left: 0; margin: 0 40px; height: 50% } .bkr003 .portfolio-06 .project-block .overlay-box .content-box .border:after { position: absolute; right: 0; bottom: -15px; margin: auto; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fc3549; content: ""; margin-left: 100px; transform: rotate(-45deg) } .bkr003 .portfolio-06 .project-block .overlay-box .category li:last-child { margin-right: 0 } .bkr003 .portfolio-06 .project-block .overlay-box .category li:before { position: absolute; right: -14px; width: 14px; text-align: center; top: 0; font-size: 12px; line-height: 20px; color: rgba(255,255,255,0.70); content: "/" } .bkr003 .portfolio-06 .project-block .overlay-box .category li:last-child:before { display: none } .bkr003 .portfolio-06 .project-block .overlay-box .category li a { color: #fff } .bkr003 .portfolio-06 .project-block .overlay-box .category li a:hover { text-decoration: underline } .bkr003 .portfolio-06 .bkr003 .portfolio-06 .btn-box { position: relative; margin-top: 70px; text-align: center } .bkr003 .portfolio-06 .project-block .overlay-box .content-box a span { color: #fc3549; background: #000; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; font-size: 12px; text-align: center; position: absolute; left: 40px; top: 40px } .bkr003 .portfolio-06 .project-block .overlay-box .content-box .content { position: absolute; bottom: 40px; left: 40px } .bkr003 .testimonials-07 { position: relative; padding: 100px 0 100px 0; z-index: 1 } .bkr003 .testimonials-07:before { content: ""; position: absolute; bottom: -5px; left: 0; background-image: url(../image/home-7-sec-end.png); background-repeat: no-repeat; width: 100%; height: 10px } .fixed-right-nav.scroll-nav-holder { height: 0 } .bkr003 .testimonials-07 .content-container { position: relative } .bkr003 .testimonials-07 .small-container { position: relative; max-width: 1224px; padding: 0 25px; margin: 0 auto } .bkr003 .testimonials-07 .sec-title-six { position: relative; padding-left: 20px; margin-bottom: 100px; margin-top: -19px } .bkr003 .testimonials-07 .sec-title-six:before { position: absolute; left: 0; top: 20px; content: ""; width: 2px; height: 100px; z-index: 188; background: #fc3549 } .bkr003 .testimonials-07 .sec-title-six .title h2 { font-weight: 700; font-size: 48px; color: #222; text-transform: uppercase } .bkr003 .testimonials-07 .sec-title-six .text p { font-size: 16px; line-height: 24px; color: #777; font-style: italic } .bkr003 .testimonials-07 .sec-title-six .bigtitle { position: absolute; top: 40px; right: 0 } .bkr003 .testimonials-07 .sec-title-six .bigtitle h1 { font-size: 84px; color: #DDD; text-transform: uppercase; font-weight: 800; z-index: -1 } .bkr003 .testimonials-07 .item { position: relative; margin: 0 20px } .bkr003 .testimonials-07 .item .content { background: #F4F4F4; padding: 25px 25px 30px 38px } .bkr003 .testimonials-07 .item h3 { position: relative; font-size: 14px; color: #222; font-weight: 700; margin-bottom: 36px } .bkr003 .testimonials-07 .item h3:before { position: absolute; left: 0; bottom: -10px; content: ""; width: 86px; height: 1px; background: #DDD } .bkr003 .testimonials-07 .item p { font-size: 14px; color: #777; line-height: 24px; font-style: italic } .bkr003 .testimonials-07 .item .rating { text-align: right; position: relative; left: -25px; top: 3px } .bkr003 .testimonials-07 .item .rating span { color: #fc3549; font-size: 13px } .bkr003 .testimonials-07 .item .img-holder { position: relative; left: 0; bottom: 0; padding: 20px 0 0 185px } .bkr003 .testimonials-07 .item .img-box { position: absolute; left: 40px; top: -48px } .bkr003 .testimonials-07 .item .img-holder .name h4 { font-size: 16px; color: #222; font-weight: 700 } .bkr003 .testimonials-07 .item .img-holder .designation { font-size: 12px; color: #777; font-style: italic } .bkr003 .testimonials-07 .owl-nav { position: relative; display: block!important; text-align: center; left: -95px; top: -35px } .bkr003 .testimonials-07 .owl-nav .owl-prev { display: inline-block; position: relative; top: 0; right: 0; color: #fff; background: #000; width: 30px; font-size: 15px; height: 30px; line-height: 30px; text-align: center; margin: 0 10px; transition: all 700ms ease } .bkr003 .testimonials-07 .owl-nav .owl-next { display: inline-block; position: relative; top: 0; right: 0; color: #fff; background: #000; font-size: 15px; width: 30px; height: 30px; line-height: 30px; text-align: center; transition: all 700ms ease } .bkr003 .testimonials-07 .owl-nav .owl-prev:hover { background: #fc3549; transition: all 700ms ease } .bkr003 .testimonials-07 .owl-nav .owl-next:hover { background: #fc3549; transition: all 700ms ease } .bkr003 .testimonials-07 .clints { margin-top: 56px } .bkr003 .testimonials-07 .clints .item { position: relative; border: 1px solid #EEE; padding: 24px 15px 24px 15px; cursor: pointer; margin: 0 10px; overflow: hidden } .bkr003 .testimonials-07 .clints .item:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; visibility: visible; background: #F5F5F5 padding-box content-box; padding: 10px } .bkr003 .testimonials-07 .clints .item img { width: unset; margin: 0 auto } .bkr003 .testimonials-07 .clints .owl-nav { display: none!important } .bkr003 .latest-news-08 { position: relative; padding: 100px 0 60px 0; z-index: 1 } .bkr003 .latest-news-08:before { content: ""; position: absolute; bottom: -5px; left: 0; background-image: url(../image/home-7-sec-end.png); background-repeat: no-repeat; width: 100%; height: 10px } .fixed-right-nav.scroll-nav-holder { height: 0 } .bkr003 .latest-news-08 .content-container { position: relative } .bkr003 .latest-news-08 .small-container { position: relative; max-width: 1224px; padding: 0 25px; margin: 0 auto } .bkr003 .latest-news-08 .sec-title-six { position: relative; padding-left: 20px; margin-bottom: 100px; margin-top: -19px } .bkr003 .latest-news-08 .sec-title-six:before { position: absolute; left: 0; top: 20px; content: ""; width: 2px; height: 100px; z-index: 188; background: #fc3549 } .bkr003 .latest-news-08 .sec-title-six .title h2 { font-weight: 700; font-size: 48px; color: #222; text-transform: uppercase } .bkr003 .latest-news-08 .sec-title-six .text p { font-size: 16px; line-height: 24px; color: #777; font-style: italic } .bkr003 .latest-news-08 .sec-title-six .bigtitle { position: absolute; top: 40px; right: 0 } .bkr003 .latest-news-08 .sec-title-six .bigtitle h1 { font-size: 84px; color: #DDD; text-transform: uppercase; font-weight: 800; z-index: -1 } .bkr003 .latest-news-08 .overlay-anim-box2 { display: block } .bkr003 .latest-news-08 .content h3 { font-size: 24px; color: #222; font-weight: 700; margin-top: 15px; margin-bottom: 13px } .bkr003 .latest-news-08 .content .meta-box { margin-bottom: 16px } .bkr003 .latest-news-08 .content .meta-box .meta-info li { display: inline-block; font-size: 12px; color: #777; font-style: italic; margin-right: 15px } .bkr003 .latest-news-08 .content .meta-box .meta-info li i { color: #fc3549; margin-right: 10px } .bkr003 .latest-news-08 .content .text p { font-size: 14px; color: #777; line-height: 24px; padding-right: 65px; margin-bottom: 26px } .bkr003 .latest-news-08 .content .btn-box a { font-size: 14px; color: #222; font-weight: 600; background: #fc3549; padding: 12px 40px; display: inline-block } .bkr003 .latest-news-08 .content .btn-box a { background-image: -webkit-linear-gradient(315deg, #222 50%, transparent 50%); background-image: -o-linear-gradient(315deg, #222 50%, transparent 50%); background-image: linear-gradient(135deg, #222 50%, transparent 50%); background-size: 0 50px; background-position: -50px -50px; background-repeat: no-repeat; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s } .bkr003 .latest-news-08 .content .btn-box a:hover { background-size: 300% 300%; background-position: 0 0; color: #fff } .bkr003 .latest-news-08 .row { margin-bottom: 50px } .bkr003 .contact-07 { position: relative; padding: 100px 0 60px 0; z-index: 1 } .bkr003 .contact-07:before { content: ""; position: absolute; bottom: -5px; left: 0; background-image: url(../image/home-7-sec-end.png); background-repeat: no-repeat; width: 100%; height: 10px } .fixed-right-nav.scroll-nav-holder { height: auto } .bkr003 .contact-07 .content-container { position: relative } .bkr003 .contact-07 .small-container { position: relative; max-width: 1224px; padding: 0 25px; margin: 0 auto } .bkr003 .contact-07 .sec-title-six { position: relative; padding-left: 20px; margin-bottom: 100px; margin-top: -19px } .bkr003 .contact-07 .sec-title-six:before { position: absolute; left: 0; top: 20px; content: ""; width: 2px; height: 100px; z-index: 188; background: #fc3549 } .bkr003 .contact-07 .sec-title-six .title h2 { font-weight: 700; font-size: 48px; color: #222; text-transform: uppercase } .bkr003 .contact-07 .sec-title-six .text p { font-size: 16px; line-height: 24px; color: #777; font-style: italic } .bkr003 .contact-07 .sec-title-six .bigtitle { position: absolute; top: 40px; right: 0 } .bkr003 .contact-07 .sec-title-six .bigtitle h1 { font-size: 84px; color: #DDD; text-transform: uppercase; font-weight: 800; z-index: -1 } .bkr003 .contact-07 .content h3 { font-size: 24px; color: #222; font-weight: 600; margin-bottom: 28px } .bkr003 .contact-07 .content p { font-size: 14px; color: #777; line-height: 30px } .bkr003 .contact-07 .content .list { margin-top: 45px } .bkr003 .contact-07 .content .list li { font-size: 14px; color: #222; font-weight: 500; margin-bottom: 32px } .bkr003 .contact-07 .content .list li i { font-size: 25px; color: #fc3549; margin-right: 15px; position: relative; top: 5px } .bkr003 .contact-07 .contact-form h3 { font-size: 24px; color: #222; font-weight: 600; margin-bottom: 36px } .bkr003 .contact-07 .contact-form .frm-control input { border: 1px solid #E1E1E1; width: 100%; height: 58px; padding: 0 32px; background: transparent } .bkr003 .contact-07 .contact-form .frm-control i { font-size: 14px; color: #FAC921; position: absolute; right: 20px; top: 20px } .bkr003 .contact-07 .contact-form .frm-control input::placeholder { color:#777; font-size:14px; font-weight:500 } .bkr003 .contact-07 .contact-form textarea { border: 1px solid #E1E1E1; width: 100%; height: 168px; padding: 20px 20px; background: transparent } .bkr003 .contact-07 .contact-form textarea::placeholder { color:#777; font-size:14px; font-weight:500 } .bkr003 .contact-07 .contact-form .frm-control { position: relative; margin-bottom: 22px } .bkr003 .contact-07 .contact-form .frm-control .btn-box { margin-top: 22px; border-radius: 5px; font-size: 14px; color: #222; font-weight: 600; background: #fc3549; padding: 12px 40px; display: inline-block } .bkr003 .contact-07 .contact-form .frm-control .btn-box { background-image: -webkit-linear-gradient(315deg, #222 50%, transparent 50%); background-image: -o-linear-gradient(315deg, #222 50%, transparent 50%); background-image: linear-gradient(135deg, #222 50%, transparent 50%); background-size: 0 50px; background-position: -50px -50px; background-repeat: no-repeat; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s } .bkr003 .contact-07 .contact-form .frm-control .btn-box:hover { background-size: 300% 300%; background-position: 0 0; color: #fff } .bkr003 .footer-04 { position: relative; z-index: 1; padding-top: 100px; padding-bottom: 70px; text-align: center } .bkr003 .footer-04 .content-container { position: relative } .bkr003 .footer-04 .small-container { position: relative; max-width: 1224px; padding: 0 25px; margin: 0 auto } .bkr003 .footer-04 .social-links ul li { display: inline-block; margin: 0 10px } .bkr003 .footer-04 .social-links ul li a span { border: 2px solid #222; width: 40px; height: 40px; line-height: 36px; border-radius: 50%; font-size: 14px; color: #fff; transition: all 700ms ease; background: #222 } .bkr003 .footer-04 .social-links ul li a:hover span { border: 2px solid #fc3549; color: #222; background: #fc3549; transition: all 700ms ease } .bkr003 .footer-04 .menu-content { margin-top: 62px; margin-bottom: 50px } .bkr003 .footer-04 .menu-content ul li { position: relative; display: inline-block; margin: 0 27px } .bkr003 .footer-04 .menu-content ul li a { font-size: 14px; color: #222; font-weight: 500; transition: all 700ms ease } .bkr003 .footer-04 .menu-content ul li a:hover { color: #fc3549; transition: all 700ms ease } .bkr003 .footer-04 .menu-content ul li:before { position: absolute; right: -30px; top: 9px; content: ""; background: #222; width: 1px; height: 13px } .bkr003 .footer-04 .menu-content ul li:last-child:before { display: none } .footer-bottom-area-07 { position: relative } .footer-bottom-area-07:after { position: absolute; left: 0; top: 12px; right: 0; margin: auto; content: ""; width: 357px; height: 2px; background-color: #fc3549; z-index: -4 } .footer-bottom-area-07 .scroll-to-top-two { position: relative; margin: auto; background: transparent; color: #fff; top: 0; left: 0; right: 0; bottom: 0; width: 25px; height: 25px; line-height: 25px; margin-bottom: 52px; cursor: pointer } .footer-bottom-area-07 .scroll-to-top-two:before { position: absolute; left: 0; top: 0; content: ""; width: 25px; height: 25px; line-height: 25px; background: #222; z-index: -1; transform: rotate(-45deg) } .footer-bottom-area-07 .scroll-to-top-two span:before { font-size: 15px } .footer-bottom-area-07 .copyright-text p { color: #222; font-size: 14px } @media only screen and (max-width:7000px) { .page-wrapper { overflow: hidden } } @media only screen and (max-width:1900px) { .bkr003 .gilk-01 .content { background: #000; padding: 130px 0 150px 0 } .bkr003 .video-01 .big-title { position: relative; top: 0; left: 0 } .bkr003 .video-01 .big-title h1 { transform: rotate(0deg) } .bkr003 .sweem .header-right { margin-left: 25% } .bkr003 .portfolio-05 .project-block { margin-left: -1px } } @media only screen and (max-width:1700px) { .bkr003 .slider-01 .content .social-list ul { right: 0; bottom: 0 } .bkr003 .resume-03 .left-content .title h2 { position: relative; left: 0; bottom: 0; transform: rotate(0deg) } .bkr003 .resume-03 .right-content .title h2 { position: relative; right: 0; bottom: 0; transform: rotate(0deg) } .bkr003 .gilk-01 .content { background: #000; text-align: center; padding: 70px 0 70px 0 } .bkr003 .featured-works-01 .featured-block.style-two .content-column .inner-column { left: 0 } .bkr003 .featured-works-01 .content-column .inner-column { left: 0; margin-left: 50px } .bkr003 .featured-works-01 .featured-block.style-four .content-column .inner-column { left: 0 } .bkr003 .featured-works-01 .featured-block.style-three .content-column .inner-column { padding-bottom: 260px } .bkr003 .faq-01 .full-content { left: 0 } .banner-section-01 .banner-slider-control.banner-slider-button-prev span { top: 40px; left: 0 } .banner-section-01 .banner-slider-control.banner-slider-button-next span { right: unset; top: 40px; left: 0 } .about-07 .img-box:before { display: none } .bkr003 .aboutus-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .skills-01 .big-title h1, .bkr003 .testimonial-01 .big-title h1, .bkr003 .latest-news-01 .big-title h1, .bkr003 .contac-with-01 .big-title h1, .bkr003 .working-Process-01 .big-title h1 { font-size: 110px } .bkr003 .funfact-01:before, .bkr003 .power-skills-01:before, .bkr003 .our-blog-01:before { background-size: cover } .bkr003 .funfact-01 .sec-title:before, .bkr003 .power-skills-01 .sec-title:before { display: none } .banner-section .swiper-slide { padding: 200px 200px 300px 0 } .services-tab-01 .tabs-content .img-box { margin-left: 0 } .services-tab-01 .tabs-content .img-box img { width: 100% } .services-tab-01 .tabs-content .img-box:before { opacity: 0 } .services-tab-01 .tabs-content .balance p { margin-right: 0 } .services-tab-01 .tabs-content .content { margin-top: 0; padding-left: 0; padding-right: 0 } } @media only screen and (max-width:1499px) { .services-tab-01 .tab-buttons .tab-btn { margin-bottom: 15px } .services-tab-01 .tab-buttons { top: 0 } .bkr003 .latest-news-07 .inner-box .image { display: block } .bkr003 .latest-news-07 .inner-box .image img { width: 100% } } @media only screen and (max-width:1299px) { .bkr003 .about-04 .image { display: inline-block } .footer-bottom-area-06 .container { padding: 0 45px } } @media only screen and (max-width:1279px) { .banner-section .swiper-slide { padding: 200px 0 300px 0 } .bkr003 .header-left { margin-left: 0 } .bkr003 .sweem .header-right { margin-left: 20% } } @media only screen and (max-width:1300px) { .bkr003 .about-06 .container, .bkr003 .service-icon-06 .container, .bkr003 .works-01 .container, .bkr003 .pricing-04 .container, .bkr003 .resume-03 .container, .bkr003 .latest-news-06 .container, .bkr003 .contact-05 .container { padding: 0 70px } } @media only screen and (max-width:1199px) { .bkr003 .resume-04 .experience .item { margin-bottom: 65px } .bkr003 .footer-09 .about-widget .social-list li { margin-bottom: 10px } .footer-widget { margin-bottom: 20px } .bkr003 .footer-09 { padding: 100px 0 100px; background: #F4F4F4; background-image: none!important } .footer-bottom-area-09 .copyright-text { text-align: center } .footer-bottom-area-09 .list { text-align: center; margin-top: 0 } .page_pagination_two { margin-bottom: 90px } .bkr003 .service-icon-06 .item { margin: 0; margin-bottom: 50px } .bkr003 .resume-02 .content { margin-left: 40px; margin-top: 40px } .hidden-bar { padding: 0 } .bkr003 .resume-02 .content.three { border-bottom: 0 } .bkr003 .resume-02 .inner-box .btn-box a { display: inline-block; margin-top: 40px } .bkr003 .skills-04 { text-align: center } .bkr003 .service-icon-04 .coulmn:nth-child(2) { top: 0 } .bkr003 .service-icon-04 .coulmn:nth-child(3) { top: 0 } .bkr003 .service-icon-04 .coulmn:nth-child(5) { top: 0 } .bkr003 .service-icon-04 .coulmn:nth-child(6) { top: 0 } .bkr003 .portfolio-03 .project-block .image-box img { width: 100%; max-width: none } .bkr003 .portfolio-03 .filters .filter-btns { float: none; margin-top: -20px } .bkr003 .funfact-04 .column .item { margin-bottom: 40px } .bkr003 .funfact-04 { padding: 100px 0 60px 0 } .bkr003 .latest-news-04 .inner-box { margin-bottom: 25px } .bkr003 .slider-01 .content .image { margin-top: 40px; left: 0 } .bkr003 .about-03 .image { display: inline-block; margin-bottom: 50px } .bkr003 .about-03 .image:before { right: -50px } .bkr003 .skills-03 .skill-block { padding: 100px 0 45px 0 } .bkr003 .portfolio-02 .filters .filter-btns { margin: 0 } .portfolio-02 .project-block .image-box img { max-width: unset; width: 100% } .portfolio-02 .project-block { margin-left: 0 } .portfolio-02 .project-block { margin-bottom: 30px } .bkr003 .funfact-03 .funfact .column .item:before { display: none } .bkr003 .funfact-03 .funfact .column .item { text-align: center } .bkr003 .funfact-03 .funfact .column .item .count-outer { padding-left: 0 } .bkr003 .funfact-03 .funfact .column .item .counter-title { padding-left: 0 } .bkr003 .latest-news-03 .inner-box { margin-bottom: 50px } .bkr003 .slider-03 .text-typing p { padding-right: 0; line-height: 130px; font-size: 70px } .bkr003 .slider-03 .text-typing { display: inline-block } .bkr003 .about-05 .sec-title .title h2 { padding-left: 0 } .bkr003 .about-05 .image { top: 0 } .bkr003 .about-05 .content { padding-left: 0; padding-top: 40px } .bkr003 .about-05 .content:before { opacity: 0 } .bkr003 .education-01 .content .item .text p { padding-right: 0 } .bkr003 .skills-05 .bar-item { padding-left: 0 } .bkr003 .testimonial-05 .subtitle { margin-top: 0; margin-bottom: 40px } .bkr003 .testimonial-05 .inner-box { margin-right: 0 } .bkr003 .testimonial-05 .content-box .author-info h4 { font-size: 16px } .bkr003 .funfact-05 .count-box .item { margin-bottom: 70px; padding-left: 0 } .bkr003 .funfact-05 .count-box .item .icon { position: relative; top: 0; margin-bottom: 20px } .bkr003 .funfact-05 { text-align: center } .bkr003 .latest-news-05 .inner-box { margin-bottom: 100px } .bkr003 .latest-news-05 .inner-box:before { width: 100% } .bkr003 .about-06 .img-box { top: 0; margin-top: 30px } .about-06 .container, .testimonial-06 .container, .design-01 .container, .service-icon-06 .container, .works-01 .container, .gallery-03 .container-fluid, .pricing-04 .container, .skills-06 .container, .resume-03 .container, .funfact-06 .container, .latest-news-06 .container, .contact-05 .container, .bkr003 .footer-bottom-area-06 .container { position: relative; height: auto; min-height: inherit; overflow: hidden; padding-left: 70px; padding-right: 70px; background: 0 } .bkr003 .design-01 .image-box img { max-width: 100%; float: none; width: 100% } .bkr003 .service-icon-06 .item .icon { position: relative; left: 0; top: 0 } .bkr003 .service-icon-06 .item .title h2 { padding-left: 0; margin-top: 30px } .bkr003 .service-icon-06 .item .text { margin-top: 25px; padding-right: 0 } .bkr003 .gallery-03 .items-container .gallery-item { padding: 0; padding-bottom: 40px } .bkr003 .about-06 .sec-title .bigtitle h1, .bkr003 .service-icon-06 .sec-title .bigtitle h1, .bkr003 .service-icon-06 .sec-title .bigtitle h1, .bkr003 .works-01 .sec-title .bigtitle h1, .bkr003 .pricing-04 .sec-title .bigtitle h1, .bkr003 .resume-03 .sec-title .bigtitle h1, .bkr003 .latest-news-06 .sec-title .bigtitle h1, .bkr003 .contact-05 .sec-title .bigtitle h1 { font-size: 350px; line-height: 300px } .bkr003 .pricing-04 .culumn .table-content { margin-top: 0; margin-bottom: 30px } .bkr003 .pricing-04 .culumn { padding: 0 15px } .bkr003 .pricing-04 .culumn .inner-box { margin-bottom: 30px; border-left: 1px solid #E1E1E1 } .bkr003 .skills-06 .image img { float: none; width: 100% } .bkr003 .skills-06 .skill-block { padding: 100px 60px 65px 60px } .bkr003 .gallery-03 { padding: 0 0 95px 0 } .bkr003 .funfact-06 .count-box .item { padding-left: 0 } .bkr003 .latest-news-06 .item .date:before { border-width: 0 500px 50px 0 } .bkr003 .latest-news-06 .item .date h4 { top: 0 } .bkr003 .contact-05 .contact-form .frm-control .btn-box { margin-bottom: 25px } .bkr003 .footer-bottom-area-06 .copyright-text { text-align: center } .bkr003 .footer-bottom-area-06 .social-list ul { text-align: center } .bkr003 .footer-bottom-area-06 .scroll-to-top { position: relative } .bkr003 .footer-bottom-area-06 .copyright-text p { margin-bottom: 0 } .bkr003 .service-icon-02 .sec-title .btn-box { margin-bottom: 40px } .bkr003 .service-icon-02 { background-size: cover } .bkr003 .skills-02 .skill-block { background-size: cover } .bkr003 .pricing-02 .inner-box { margin-bottom: 30px } .bkr003 .featured-works-01 .content-column .inner-column { padding-bottom: 195px } .bkr003 .featured-works-01 .featured-block.style-two .content-column .inner-column { left: 0 } .bkr003 .featured-works-01 .inner-column .image img { max-width: unset; float: none; width: 100% } .bkr003 .featured-works-01 .content-column .inner-column { padding-top: 100px; padding-bottom: 100px } .bkr003 .featured-works-01 .featured-block.style-two .content-column .inner-column { padding-top: 0; padding-bottom: 100px } .bkr003 .featured-works-01 .featured-block.style-three .image-column { padding-top: 100px } .bkr003 .featured-works-01 .featured-block.style-three .content-column .inner-column { padding-bottom: 100px } .bkr003 .featured-works-01 .featured-block.style-four .content-column .inner-column { left: 0; padding-top: 0 } .bkr003 .featured-works-01 .content-column .inner-column { margin-left: 0 } .bkr003 .faq-01 .img-box img { float: none; max-width: unset; width: 100% } .bkr003 .contact-01 .contact-form { padding: 0 } .footer-widget.about-widget { margin-bottom: 20px } .footer-widget.links-widget { margin-bottom: 20px } .bkr003 .footer-02 .subscribe-widget { margin-bottom: 40px } .bkr003 .footer-02 .social-widget { margin-bottom: 40px } .bkr003 .footer-02 .links-widget { padding-left: 0 } .bkr003 .footer-02 .social-widget { padding-left: 0 } .bkr003 .footer-bottom-area-02 .copyright-text p { text-align: center } .bkr003 .footer-bottom-area-02 .social-list ul { text-align: center; padding-right: 0 } .fixed-left-column { width: 0; opacity: 0; visibility: hidden; height: 0; z-index: -999 } .fixed-right-nav.two.scroll-nav-holder.two.now-fixed { width: 100% } .about-07 .content-container, .resume-05 .content-container, .services-tab-01 .content-container, .skill-07 .content-container, .portfolio-06 .content-container, .testimonials-07 .content-container, .latest-news-08 .content-container, .contact-07 .content-container, .bkr003 .footer-04 .content-container { padding-left: 0 } .about-07 .funfact .item { margin-bottom: 50px; text-align: center } .about-07 .funfact .item .count-outer .count-text { padding-left: 0 } .about-07:before, .resume-05:before, .services-tab-01:before, .skill-07:before, .portfolio-06:before, .testimonials-07:before, .latest-news-08:before, .contact-07:before { left: 0 } .services-tab-01 .tabs-content .img-box img { width: 100% } .services-tab-01 .tabs-content .img-box { margin-left: 0 } .services-tab-01 .tabs-content .content { margin-top: -5px; padding-left: 0; padding-right: 0 } .services-tab-01 .tabs-content .content .quote p { padding-left: 0 } .services-tab-01 .tab-buttons .tab-btn { margin-bottom: 15px } .latest-news-08 .content { margin-bottom: 30px } .latest-news-08 .row { margin-bottom: 0 } .bkr003 .aboutus-01 .img-holder { left: 0 } .bkr003 .aboutus-01 .img-holder:before { display: none } .bkr003 .aboutus-01 .img-holder:after { display: none } .bkr003 .aboutus-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .skills-01 .big-title h1, .bkr003 .testimonial-01 .big-title h1, .bkr003 .latest-news-01 .big-title h1, .bkr003 .contac-with-01 .big-title h1, .bkr003 .working-Process-01 .big-title h1 { font-size: 85px } .bkr003 .aboutus-01 .signature { margin-bottom: 50px } .bkr003 .resume-01 .img:before { right: -50px } .bkr003 .resume-01 .img { margin-bottom: 50px; margin-top: 50px; display: inline-block } .bkr003 .resume-01 .inner { padding-left: 0 } .bkr003 .resume-01 .row { margin-top: 0 } .bkr003 .resume-01 .inner .btn-box { margin-top: 40px } .bkr003 .resume-01 .btn-box { margin-top: 40px } .bkr003 .video-01 .inner .img-box { position: relative; right: 0; top: 0 } .bkr003 .video-01 .inner .img-box img { width: 100% } .bkr003 .video-01 { padding-bottom: 0 } .bkr003 .video-01 .btn-box a { display: inline-block; margin-bottom: 50px } .bkr003 .video-01 .inner .video-btn { left: 65px; top: unset; bottom: 30px } .bkr003 .working-Process-01 .item { margin-bottom: 30px } .portfolio-01 .project-block .image-box img { max-width: unset; width: 100% } .bkr003 .skills-01 .round-skill-bar { margin-bottom: 30px } .bkr003 .priching-slider-01 { background: #000 } .bkr003 .priching-slider-01 .sec-title { position: relative; margin-bottom: 100px } .bkr003 .priching-slider-01 .owl-carousel { margin: unset } .bkr003 .priching-slider-01 .priching-content { left: 230px } .bkr003 .testimonial-01 .item .rating { position: relative; top: 0; right: 0 } .bkr003 .latest-news-01 .inner-box { padding: 25px 25px 25px 25px } .bkr003 .latest-news-01 .inner-box { margin: 25px 25px 25px 25px } .bkr003 .latest-news-01 .inner-box .image { position: relative; bottom: 0; left: 0 } .bkr003 .contact-info-01 { margin-top: 0; padding-top: 80px; background: #2E2E32 } .bkr003 .contact-info-01 .content:before { opacity: 0 } .bkr003 .contact-info-01 .content { padding-left: 0 } .bkr003 .contact-info-01 .contact-info-list { padding-left: 0 } .bkr003 .contact-info-01 .big-title { position: relative; top: 0; left: 0 } .bkr003 .contact-info-01 .big-title h1 { transform: rotate(0deg) } .bkr003 .contact-info-01 .content { padding-top: 0 } .bkr003 .footer-01 .footer-social-links ul li { border: 1px solid #fff; margin: 2px 0 } .bkr003 .latest-news-01 .big-title h1 { position: relative; top: 0; left: 0 } .bkr003 .header-left { width: 0; display: none } .tabs-box.two { width: 100% } .bkr003 .sweem .header-right { margin-left: 0 } .bkr003 .latest-news-02 .right .inner-box { margin-bottom: 75px; display: inline-block } } @media only screen and (max-width:991px) { .bkr003 .power-skills-01 .sec-title { padding: 0 } .footer-bottom-area-09 .copyright-text { margin-bottom: 20px } .footer-bottom-area-09 .scroll-to-top { bottom: 205px } .bkr003 .testimonial-04 .owl-nav { display: none } .bkr003 .latest-news-04 .inner-box .image img { max-width: none; width: 100% } .bkr003 .resume-02 .inner-box .icon-box { margin: 0 0 0 40px } .bkr003 .resume-02 .content .text p { padding-right: 0 } .bkr003 .skills-03 .image img { display: none } .bkr003 .skills-03 .content { position: relative } .bkr003 .qualification-01 .tab-buttons li:before { display: none } .bkr003 .testimonial-03 .owl-nav { display: none } .bkr003 .footer-bottom-area-03 .copyright-text { text-align: center; top: 0 } .bkr003 .footer-bottom-area-03 .social-list ul { text-align: center; margin-bottom: 100px; margin-top: 20px } .bkr003 .footer-bottom-area-03 .scroll-to-top { top: 120px } .bkr003 .slider-03 .text-typing p { font-size: 85px } span.slider_word { min-height: 130px } .bkr003 .service-icon-05 .item { margin-right: 0 } .bkr003 .portfolio-04 .filters li { padding: 0; margin-right: 0 } .portfolio-04 .filters .text p { padding-left: 0; margin-left: -105px } .bkr003 .about-05 .sec-title .title h2, .bkr003 .education-01 .sec-title .title h2, .bkr003 .skills-05 .sec-title .title h2, .bkr003 .service-icon-05 .sec-title .title h2, .bkr003 .portfolio-04 .sec-title .title h2, .bkr003 .testimonial-05 .sec-title .title h2, .bkr003 .latest-news-05 .sec-title .title h2, .bkr003 .contact-04 .sec-title .title h2, .bkr003 .pricing-04 .sec-title .title h2, .bkr003 .latest-news-06 .sec-title .title h2, .bkr003 .contact-05 .sec-title .title h2 { font-size: 85px } .bkr003 .latest-news-05 .sec-title .subtitle h3 { padding-left: 0 } .bkr003 .latest-news-05 .inner-box .image img { width: 100% } .bkr003 .latest-news-05 .inner-box:before { display: none } .bkr003 .latest-news-05 .inner-box { margin-top: 0 } .bkr003 .about-06 .sec-title .bigtitle h1, .bkr003 .service-icon-06 .sec-title .bigtitle h1, .bkr003 .service-icon-06 .sec-title .bigtitle h1, .bkr003 .works-01 .sec-title .bigtitle h1, .bkr003 .pricing-04 .sec-title .bigtitle h1, .bkr003 .resume-03 .sec-title .bigtitle h1, .bkr003 .latest-news-06 .sec-title .bigtitle h1, .bkr003 .contact-05 .sec-title .bigtitle h1 { font-size: 250px; line-height: 300px } .bkr003 .footer-bottom-area-06 .border { padding-bottom: 0 } .bkr003 .download-01 .content { width: 100% } .bkr003 .subscribe-01 .content { width: 100% } .bkr003 .subscribe-01 .content .Subscribe-form { padding: 0 40px } .bkr003 .testimonial-02 .item { margin: 0 15px } .about-07 .image { margin: 0 } .bkr003 .about-07 .image { margin-top: 100px!important; margin: 0 } .about-07 .img-box:after { opacity: 0 } .about-07 .img-box:before { opacity: 0 } .about-07 .img-box { top: 0; margin-top: 40px } .resume-05 .content { margin-top: 0; margin-left: 0!important; margin-bottom: 40px } .about-07 .sec-title .bigtitle, .resume-05 .sec-title .bigtitle, .services-tab-01 .sec-title .bigtitle, .skill-07 .sec-title .bigtitle, .portfolio-06 .sec-title .bigtitle, .testimonials-07 .sec-title .bigtitle, .latest-news-08 .sec-title .bigtitle, .contact-07 .sec-title .bigtitle { top: 0!important } .services-tab-01 .tabs-content .balance p { float: none } .services-tab-01 .calltoaction .btn-box { float: left; top: 0; margin-top: 20px } .skill-07 .skill-block .bar-item { padding-left: 0 } .skill-07 .text-two p { margin-top: 60px!important } .testimonials-07 .owl-nav { display: none!important } .bkr003 .testimonials-07 .owl-nav { left: 0!important } .bkr003 .footer-04 .social-links ul li { margin: 0; margin-bottom: 10px } .bkr003 .aboutus-01 .img-holder .title { bottom: 0; left: 0 } .bkr003 .funfact-01 .funfact .column:nth-child(1) { left: 0 } .bkr003 .funfact-01 .sec-title .big-title, .bkr003 .video-01 .big-title, .bkr003 .power-skills-01 .sec-title .big-title, .bkr003 .our-blog-01 .sec-title .big-title { position: relative; top: 0; left: 0 } .bkr003 .funfact-01 .sec-title .big-title h1, .bkr003 .video-01 .big-title h1, .bkr003 .power-skills-01 .sec-title .big-title h1, .bkr003 .our-blog-01 .sec-title .big-title h1 { transform: rotate(0deg) } .bkr003 .funfact-01 .sec-title { padding: 0 } .bkr003 .funfact-01 .funfact { left: 0 } .bkr003 .funfact-01 .funfact .column .item { padding-left: 0; padding-top: 0 } .bkr003 .aboutus-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .skills-01 .big-title h1, .bkr003 .testimonial-01 .big-title h1, .bkr003 .latest-news-01 .big-title h1, .bkr003 .contac-with-01 .big-title h1, .bkr003 .working-Process-01 .big-title h1 { font-size: 70px; left: unset } .bkr003 .newsletter-01 .subscribe-form { padding: 0; top: 0 } .bkr003 .newsletter-01 .title h2 { font-size: 45px } .bkr003 .our-blog-01 .sec-title { padding: 0 } .bkr003 .our-blog-01 .sec-title:before { opacity: 0 } .bkr003 .our-blog-01 { padding: 100px 0 120px 0 } .bkr003 .about-05 h2 span { left: 0 } .bkr003 .education-01 h2 span { left: 0 } .bkr003 .skills-05 h2 span { left: 0 } .bkr003 .service-icon-05 h2 span { left: 0 } .bkr003 .portfolio-04 h2 span { left: 0 } .bkr003 .testimonial-05 h2 span { left: 0 } .bkr003 .latest-news-05 h2 span { left: 0 } .bkr003 .contact-04 h2 span { left: 0 } .bkr003 .portfolio-05 .project-block { width: 50% } } @media only screen and (max-width:767px) { .main-header.header-style-two.six { transition: all 700ms ease; display: block!important } .bkr003 .slider-02 { z-index: 3!important } .bkr003 .portfolio-03 .project-block { width: 100% } .bkr003 .portfolio-02 .filters li.active:before { opacity: 0 } .portfolio-02 .project-block { width: 100% } span.slider_word { display: block } span.typed-cursor { display: none } .bkr003 .about-05 .sec-title .title h2, .bkr003 .education-01 .sec-title .title h2, .bkr003 .skills-05 .sec-title .title h2, .bkr003 .service-icon-05 .sec-title .title h2, .bkr003 .portfolio-04 .sec-title .title h2, .bkr003 .testimonial-05 .sec-title .title h2, .bkr003 .latest-news-05 .sec-title .title h2, .bkr003 .contact-04 .sec-title .title h2, .bkr003 .latest-news-06 .sec-title .title h2, .bkr003 .contact-05 .sec-title .title h2 { font-size: 70px } .bkr003 .about-05 .sec-title .title h2:first-letter, .bkr003 .education-01 .sec-title .title h2:first-letter, .bkr003 .skills-05 .sec-title .title h2:first-letter, .bkr003 .service-icon-05 .sec-title .title h2:first-letter, .bkr003 .portfolio-04 .sec-title .title h2:first-letter, .bkr003 .testimonial-05 .sec-title .title h2:first-letter, .bkr003 .latest-news-05 .sec-title .title h2:first-letter, .bkr003 .contact-04 .sec-title .title h2:first-letter { font-size: 150px } .bkr003 .about-05 .content .btn-box a.download-btn { padding: 9px 52px; display: inline-block; margin-bottom: 15px } .bkr003 .about-05 .content .btn-box a.hire-btn { padding: 8px 52px; display: inline-block } .bkr003 .service-icon-05 .item { padding: 30px 30px 30px 30px } .portfolio-04 .project-block { width: 100% } .bkr003 .portfolio-04 .filters li { padding: 0; margin-right: 20px!important; margin: 0 } .bkr003 .latest-news-05 .inner-box .lower-content { padding-left: 100px; padding-right: 0 } .bkr003 .about-06 .img-box .image:nth-child(1) { margin-left: 0 } .bkr003 .about-06 .img-box .image:nth-child(1):before { display: none } .bkr003 .about-06 .img-box .image:nth-child(2) { top: 0; left: 0; margin-top: 30px } .bkr003 .about-06 .sec-title .bigtitle h1, .bkr003 .service-icon-06 .sec-title .bigtitle h1, .bkr003 .service-icon-06 .sec-title .bigtitle h1, .bkr003 .works-01 .sec-title .bigtitle h1, .bkr003 .pricing-04 .sec-title .bigtitle h1, .bkr003 .latest-news-06 .sec-title .bigtitle h1, .bkr003 .contact-05 .sec-title .bigtitle h1 { font-size: 200px; line-height: 300px } .bkr003 .about-06 .sec-title .title h2, .bkr003 .service-icon-06 .sec-title .title h2, .bkr003 .service-icon-06 .sec-title .title h2, .bkr003 .works-01 .sec-title .title h2, .bkr003 .pricing-04 .sec-title .title h2, .bkr003 .resume-03 .sec-title .title h2, .bkr003 .latest-news-06 .sec-title .title h2, .bkr003 .contact-05 .sec-title .title h2 { font-size: 50px; line-height: 65px } .bkr003 .gallery-03 .items-container .gallery-item { padding-bottom: 20px } .bkr003 .service-icon-06 .item { margin: 0; margin-bottom: 35px } .bkr003 .gallery-03 .sortable-masonry { padding: 0 } .bkr003 .pricing-04 .tabs-box .tab.active-tab { padding-right: 0 } .bkr003 .footer-bottom-area-06 .social-list ul li { margin: 0; margin-bottom: 5px } .bkr003 .download-01 .content .title h2 { font-size: 100px; margin-bottom: 25px } .bkr003 .skills-02 .skill-block .inner-box { margin: 0 20px 0 20px } .bkr003 .featured-works-01 .content-column .inner-column { margin: 0 15px } .bkr003 .featured-works-01 .inner-column h3 { padding-right: 0 } .bkr003 .latest-news-02 .right .inner-box { padding-left: 0; padding-right: 0 } .bkr003 .latest-news-02 .right .inner-box .image { position: relative; display: inline-block } .bkr003 .latest-news-02 .right .inner-box .lower-content h4 { margin-top: 30px } .portfolio-06 .project-block { width: 100% } .portfolio-06 .filter-tabs { border: 0 } .portfolio-06 .filters li { margin-bottom: 10px } .banner-section .decor-numb { display: none } .banner-section .banner-slider-pagination { display: none } .bkr003 .aboutus-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .skills-01 .big-title h1, .bkr003 .testimonial-01 .big-title h1, .bkr003 .latest-news-01 .big-title h1, .bkr003 .contac-with-01 .big-title h1, .bkr003 .working-Process-01 .big-title h1 { font-size: 50px } .bkr003 .working-Process-01 .sec-btn { padding-top: 0 } .bkr003 .working-Process-01 .sec-btn a { display: inline-block; margin-left: 0; margin-top: 30px } .portfolio-01 .project-block { width: 100%; margin-left: 0 } .portfolio-01 .portfolio-pagination { position: relative; left: 0 } .portfolio-01 .portfolio-pagination .inner { display: inline-block; margin-bottom: 30px } .portfolio-01 .filters li { margin-left: 0 } .portfolio-01 .filter-nrm { float: none } .portfolio-01 .filters .filter-btns { padding-right: 0; padding-left: 0 } .bkr003 .priching-slider-01 .owl-carousel { margin: 0 auto; max-width: 100% } .bkr003 .priching-slider-01 .priching-content { left: 0 } .bkr003 .priching-slider-01 .owl-item .item { max-width: 100% } .breadcrumb-area .title { float: none!important; text-align: center } .breadcrumb-area .breadcrumb-menu { display: block; float: none!important; text-align: center; margin-top: 25px } } @media only screen and (max-width:640px) { .about-06, .testimonial-06, .design-01, .service-icon-06, .works-01, .gallery-03, .pricing-04, .skills-06, .resume-03, .funfact-06, .latest-news-06, .contact-05, .footer-bottom-area-06 { margin-left: 0; margin-right: 0 } .bkr003 .about-06 .sec-title .bigtitle h1, .bkr003 .service-icon-06 .sec-title .bigtitle h1, .bkr003 .service-icon-06 .sec-title .bigtitle h1, .bkr003 .works-01 .sec-title .bigtitle h1, .bkr003 .resume-03 .sec-title .bigtitle h1, .bkr003 .latest-news-06 .sec-title .bigtitle h1, .bkr003 .contact-05 .sec-title .bigtitle h1 { font-size: 200px } .bkr003 .about-06 .sec-title .title h2, .bkr003 .service-icon-06 .sec-title .title h2, .bkr003 .service-icon-06 .sec-title .title h2, .bkr003 .works-01 .sec-title .title h2, .bkr003 .resume-03 .sec-title .title h2, .bkr003 .latest-news-06 .sec-title .title h2, .bkr003 .contact-05 .sec-title .title h2 { font-size: 40px; line-height: 65px } .bkr003 .gallery-03 { padding: 0 0 85px 0 } .about-06 .container, .testimonial-06 .container, .design-01 .container, .service-icon-06 .container, .works-01 .container, .gallery-03 .container-fluid, .pricing-04 .container, .skills-06 .container, .resume-03 .container, .funfact-06 .container, .latest-news-06 .container, .contact-05 .container, .footer-bottom-area-06 .container { padding-left: 15px!important; padding-right: 15px!important } .bkr003 .skills-06 .skill-block { padding: 100px 0 65px 0 } .bkr003 .latest-news-06 .item .date:before { border-width: 0 700px 50px 0 } .about-07 .sec-title .bigtitle h1, .resume-05 .sec-title .bigtitle h1, .services-tab-01 .sec-title .bigtitle h1, .skill-07 .sec-title .bigtitle h1, .portfolio-06 .sec-title .bigtitle h1, .testimonials-07 .sec-title .bigtitle h1, .latest-news-08 .sec-title .bigtitle h1, .contact-07 .sec-title .bigtitle h1 { font-size: 60px } .bkr003 .power-skills-01 .sec-title { padding: 0 } .bkr003 .portfolio-05 .project-block { width: 100% } } @media only screen and (max-width:599px) { .bkr003 .slider-01 .content .social-list ul { opacity: 0 } .bkr003 .qualification-01 .tab-buttons li { font-size: 55px; line-height: 90px; margin: 0 } .bkr003 .education-01 .image:nth-child(2) { top: 0; left: 0; margin-top: 25px } .bkr003 .education-01 .image:nth-child(2):after { left: 0 } .bkr003 .education-01 .image img { width: 100% } .bkr003 .education-01 .image { margin-top: 0; margin-left: 0 } .bkr003 .about-06 .sec-title .bigtitle h1, .bkr003 .service-icon-06 .sec-title .bigtitle h1, .bkr003 .service-icon-06 .sec-title .bigtitle h1, .bkr003 .works-01 .sec-title .bigtitle h1, .bkr003 .pricing-04 .sec-title .bigtitle h1, .bkr003 .resume-03 .sec-title .bigtitle h1, .bkr003 .latest-news-06 .sec-title .bigtitle h1, .bkr003 .contact-05 .sec-title .bigtitle h1 { font-size: 100px; line-height: 200px } .bkr003 .about-06 .sec-title, .bkr003 .service-icon-06 .sec-title, .bkr003 .service-icon-06 .sec-title, .bkr003 .works-01 .sec-title { margin-bottom: 45px } .bkr003 .resume-03 .left-content .title h2 { font-size: 50px } .bkr003 .resume-03 .right-content .title h2 { font-size: 45px } .bkr003 .service-icon-02 .sec-title .title h2, .bkr003 .download-01 .content .title h2, .bkr003 .skills-02 .sec-title .title h2, .bkr003 .funfact-02 .sec-title .title h2, .bkr003 .subscribe-01 .content .title h2, .bkr003 .pricing-02 .sec-title .title h2, .bkr003 .featured-works-01 .sec-title .title h2, .bkr003 .testimonial-02 .sec-title .title h2, .bkr003 .faq-01 .sec-title .title h2, .bkr003 .latest-news-02 .sec-title .title h2, .bkr003 .contact-01 .sec-title .title h2 { font-size: 75px; line-height: 100px; margin-bottom: 30px } .fixed-right-nav.two.scroll-nav-holder.two.now-fixed { width: 100%!important; padding-right: 0!important } .bkr003 .download-01 .content .subtitle h3, .bkr003 .skills-02 .sec-title .subtitle h3, .bkr003 .service-icon-02 .sec-title .subtitle h3, .bkr003 .funfact-02 .sec-title .subtitle h3, .bkr003 .subscribe-01 .content .subtitle h3, .bkr003 .pricing-02 .sec-title .subtitle h3, .bkr003 .featured-works-01 .sec-title .subtitle h3, .bkr003 .testimonial-02 .sec-title .subtitle h3, .bkr003 .faq-01 .sec-title .subtitle h3, .bkr003 .latest-news-02 .sec-title .subtitle h3, .bkr003 .contact-01 .sec-title .subtitle h3 { font-size: 25px } .banner-section-01 .banner-slider-control-wrap { display: none } .bkr003 .aboutus-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .skills-01 .big-title h1, .bkr003 .testimonial-01 .big-title h1, .bkr003 .latest-news-01 .big-title h1, .bkr003 .contac-with-01 .big-title h1 { font-size: 30px; left: 0 } .bkr003 .resume-01 .img:before { opacity: 0 } .bkr003 .resume-01 .img:after { opacity: 0 } .bkr003 .resume-01 .img { margin-left: 0; margin-bottom: 0; width: 100% } .bkr003 .resume-01 .date { float: none; top: 0; left: 0 } .bkr003 .testimonial-01 .item { padding: 25px 25px 25px 25px } .bkr003 .testimonial-01 .item .img-box { position: relative; left: 0; top: 0; margin-bottom: 20px } .bkr003 .testimonial-01 .item .img-box img { max-width: 100%; width: unset } .bkr003 .newsletter-01 .title h2 { font-size: 30px } .bkr003 .contact-info-01 .big-title h1 { font-size: 55px } .bkr003 .contact-info-01 .contact-info-list li { padding-left: 0 } .bkr003 .contact-info-01 .contact-info-list li span { position: relative; top: 0; margin-bottom: 20px } .scroll-to-top.one { bottom: 75px; right: 20px } .bkr003 .aboutus-01 .link-btn .btn-style-one { display: inline-block; margin-bottom: 30px } .bkr003 .aboutus-01 .text p { padding-right: 0 } } @media only screen and (max-width:479px) { .bkr003 .about-04 .image:before { width: 100%; height: 100% } .bkr003 .about-04 .image:after { opacity: 0 } .bkr003 .portfolio-03 .filters li { margin-right: 30px!important; margin: 0 } .bkr003 .pricing-03 .tab-buttons { background: transparent } .bkr003 .pricing-03 .tab-buttons .tab-btn { margin-bottom: 20px } .bkr003 .footer-bottom-area-03 .social-list ul li { margin: 0 } .bkr003 .slider-03 .text-typing p { font-size: 40px } .bkr003 .about-05 .sec-title .title h2, .bkr003 .education-01 .sec-title .title h2, .bkr003 .skills-05 .sec-title .title h2, .bkr003 .service-icon-05 .sec-title .title h2, .bkr003 .portfolio-04 .sec-title .title h2, .bkr003 .testimonial-05 .sec-title .title h2, .bkr003 .latest-news-05 .sec-title .title h2, .bkr003 .contact-04 .sec-title .title h2, .bkr003 .pricing-04 .sec-title .title h2, .bkr003 .resume-03 .sec-title .title h2, .bkr003 .latest-news-06 .sec-title .title h2, .bkr003 .contact-05 .sec-title .title h2 { font-size: 40px } .bkr003 .pricing-04 .tab-buttons .tab-btn { border: 2px solid #FE9600; margin-top: 10px } .bkr003 .pricing-04 .tab-buttons { border: 0 } .bkr003 .download-01 .content .title h2 { font-size: 60px } .bkr003 .download-01 .content .link-btn .app-btn { margin-bottom: 20px } .bkr003 .service-icon-02 .sec-title .title h2, .bkr003 .download-01 .content .title h2, .bkr003 .skills-02 .sec-title .title h2, .bkr003 .funfact-02 .sec-title .title h2, .bkr003 .subscribe-01 .content .title h2, .bkr003 .pricing-02 .sec-title .title h2, .bkr003 .featured-works-01 .sec-title .title h2, .bkr003 .testimonial-02 .sec-title .title h2, .bkr003 .faq-01 .sec-title .title h2, .bkr003 .latest-news-02 .sec-title .title h2, .bkr003 .contact-01 .sec-title .title h2 { font-size: 55px; line-height: 60px } .bkr003 .faq-01 .accordion-box .block .acc-btn { padding-right: 35px } .about-07 .sec-title .bigtitle h1, .resume-05 .sec-title .bigtitle h1, .services-tab-01 .sec-title .bigtitle h1, .skill-07 .sec-title .bigtitle h1, .portfolio-06 .sec-title .bigtitle h1, .testimonials-07 .sec-title .bigtitle h1, .latest-news-08 .sec-title .bigtitle h1, .contact-07 .sec-title .bigtitle h1 { font-size: 40px } .about-07 .sec-title .title h2, .resume-05 .sec-title .title h2, .portfolio-06 .sec-title .title h2, .services-tab-01 .sec-title .title h2, .skill-07 .sec-title .title h2, .portfolio-06 .sec-title .title h2, .testimonials-07 .sec-title .title h2, .latest-news-08 .sec-title .title h2, .contact-07 .sec-title .title h2 { font-size: 30px } .testimonials-07 .item .img-box { left: 0; top: -15px } .banner-section h1 { font-size: 25px; line-height: 45px } .bkr003 .funfact-01 .sec-title .big-title h1 { font-size: 40px } .bkr003 .aboutus-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .resume-01 .big-title h1, .bkr003 .skills-01 .big-title h1, .bkr003 .testimonial-01 .big-title h1, .bkr003 .latest-news-01 .big-title h1, .bkr003 .contac-with-01 .big-title h1, .bkr003 .working-Process-01 .big-title h1 { display: none } .bkr003 .priching-slider-01 .item .title h3 a { padding-left: 0 } .bkr003 .priching-slider-01 .item .designation { padding-left: 0 } .bkr003 .priching-slider-01 .item .title h3:before { opacity: 0 } .bkr003 .video-01 .title h2 { font-size: 35px; line-height: 50px } .bkr003 .funfact-01 .sec-title .title h2 { font-size: 35px; line-height: 50px } .bkr003 .resume-01 .title h2 { font-size: 35px; line-height: 50px } .bkr003 .video-01 .title h2 { font-size: 35px; line-height: 50px } .bkr003 .working-Process-01 .title h2 { font-size: 35px; line-height: 50px } .bkr003 .portfolio-01 .title h2 { font-size: 35px; line-height: 50px } .bkr003 .video-01 .big-title h1 { font-size: 60px } .bkr003 .power-skills-01 .sec-title .big-title h1 { font-size: 60px } .bkr003 .power-skills-01 .sec-title .title h2 { font-size: 35px; line-height: 50px } .bkr003 .priching-slider-01 .title h2 { font-size: 35px; line-height: 50px } .bkr003 .testimonial-01 .title h2 { font-size: 35px; line-height: 50px } .bkr003 .our-blog-01 .sec-title .title h2 { font-size: 35px; line-height: 50px } .bkr003 .contact-info-01 .title h2 { font-size: 35px; line-height: 50px } .bkr003 .contac-with-01 .title h2 { font-size: 35px; line-height: 50px } .bkr003 .our-blog-01 .sec-title .big-title h1 { font-size: 60px; line-height: 85px } .bkr003 .contact-info-01 .big-title h1 { font-size: 40px } } .bkr003 .slider-02 { position: relative; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; background-attachment: fixed; text-align: center; padding: 230px 0 90px 0; z-index: 9 } .bkr003 .slider-02:before { position: absolute; content: ""; background: rgba(0,0,0,0.1); width: 100%; height: 100%; top: 0; left: 0; z-index: -1 } .bkr003 .slider-02 .image-box img { border-radius: 20px; width: 300px } .bkr003 .slider-02 .title h2 { text-transform: uppercase; color: #fff; font-size: 48px; font-weight: 700; margin-top: 20px; margin-bottom: 25px } .bkr003 .slider-02 .title h2 span { font-weight: 700; color: #fc3549 } .bkr003 .slider-02 .text_typing p { color: #fff; font-size: 24px } .bkr003 .slider-02 .text_typing p span { font-weight: 600; line-height: 1; color: #fc3549; margin-left: 10px } .bkr003 .slider-02 span.typed-cursor { display: none } .bkr003 .slider-02 .arrow-down { position: relative; display: inline-block; margin-top: 90px } .bkr003 .slider-02 .arrow-down::before { position: absolute; content: "\f13d"; right: 0; bottom: -15px; font-family: 'fontawesome'; font-weight: 900; color: #fff; font-size: 25px; cursor: pointer; left: -13px; margin: auto } .banner-section-h6.two { z-index: 999; background: #fff } .container-fluid.seo_profile.home8.two { background: #fff; z-index: 999 } .container-fluid.two .outer-section .right-column { width: 100% } .main-header.header-style-two.six { display: none; transition: all 700ms ease } .clints-h5.pp.p { padding-top: 0 } .pricing-h5.p { padding: 0 0 90px 0 } .services-section-seven.p { padding: 70px 0 130px } .service-details { position: relative; padding: 50px 0 23px } .service-details .content-side, .service-details .sidebar-side { margin-bottom: 40px } .service-details .sidebar-side .sidebar { position: relative; padding-right: 0 } .service-details .sidebar-widget { position: relative; margin-bottom: 50px } .service-details .blog-cat { position: relative } .service-details .blog-cat li { position: relative; margin-bottom: 5px; transition: all .3s ease } .service-details .blog-cat li a { position: relative; font-size: 16px; display: block; color: #2B2B2B; font-weight: 500; padding: 14px 30px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; text-transform: uppercase; background-color: #dad9df; border-right: 0 solid #00d280 } .service-details .blog-cat li a:hover, .service-details .blog-cat li.active a { color: #fff; background-color: #1461b9; border-right: 5px solid #f08300; transition: all .3s ease } .service-details .testimonial-widget .inner-widget { position: relative; padding: 40px 30px; background-color: #00d280 } .service-details .testimonial-widget .inner-widget .owl-nav { display: none } .service-details .testimonial-widget .inner-widget .owl-dots { position: relative; text-align: center; margin-top: 30px } .service-details .testimonial-widget .inner-widget .owl-dots .owl-dot { position: relative; width: 10px; height: 8px; margin: 0 5px; display: inline-block; border-radius: 50%; background-color: #ccc; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .service-details .testimonial-widget .inner-widget .owl-dots .owl-dot:hover, .service-details .testimonial-widget .inner-widget .owl-dots .owl-dot.active { position: relative; width: 22px; height: 8px; border-radius: 10px; background-color: #fc3549 } .service-details .testimonial-block-four { position: relative } .service-details .testimonial-block-four .inner-box { position: relative } .service-details .testimonial-block-four .inner-box .text { position: relative; color: #fff; font-size: 16px; line-height: 1.8em; font-style: italic; margin-bottom: 30px } .service-details .testimonial-block-four .inner-box .author-info { position: relative } .service-details .testimonial-block-four .inner-box .author-info .info-inner { position: relative; padding-left: 75px; padding-top: 10px; min-height: 60px } .service-details .testimonial-block-four .inner-box .author-info .info-inner .quote-icon { position: absolute; right: 0; top: 15px; color: #fff; font-size: 36px; line-height: 1em } .service-details .testimonial-block-four .inner-box .author-info .info-inner .image { position: absolute; left: 0; top: 0; width: 60px; height: 60px; border-radius: 50%; overflow: hidden } .service-details .testimonial-block-four .inner-box .author-info .info-inner h3 { position: relative; color: #fff; font-size: 14px; font-weight: 500 } .service-details .testimonial-block-four .inner-box .author-info .info-inner .designation { position: relative; color: #fff; font-size: 11px; font-weight: 400; text-transform: uppercase } .service-details .brochure-widget h2 { position: relative; color: #2B2B2B; font-size: 18px; font-weight: 600; padding-bottom: 12px; border-bottom: 1px solid #ddd } .service-details .brochure-widget .widget-content { position: relative } .service-details .brochure-widget .brouchers { position: relative } .service-details .brochure-widget .brouchers li { position: relative; border-bottom: 1px solid #ddd } .service-details .brochure-widget .brouchers li a { position: relative; color: #2B2B2B; font-size: 14px; font-weight: 500; padding: 13px 8px; padding-left: 55px; display: block } .service-details .brochure-widget .brouchers li a .icon { position: absolute; content: ''; left: 12px; top: 11px; font-size: 28px; line-height: 1em; color: #777 } .service-details .contact-info-widget { position: relative } .service-details .contact-info-widget .inner-content { position: relative; padding: 40px 20px; text-align: center; background-color: #fc3549 } .service-details .contact-info-widget.style-two .inner-content { background-color: #443986 } .service-details .contact-info-widget .inner-content .icon-box { position: relative; color: #fff; font-size: 50px; line-height: 1em; margin-bottom: 15px } .service-details .contact-info-widget .inner-content .text { position: relative; font-size: 22px; font-weight: 300; line-height: 1.5em; color: #fff; margin-bottom: 20px } .service-details .contact-info-widget .inner-content .number { position: relative; font-size: 28px; font-weight: 600; color: #fff } .service-details .contact-info-widget .inner-content .email { position: relative; font-size: 16px; color: #fff; margin-top: 5px; font-weight: 300 } .service-details .services-single { position: relative } .service-details .services-single .inner-box { position: relative } .service-details .services-single .inner-box .image { position: relative } .service-details .services-single .inner-box .image img { position: relative; width: 100%; display: block } .service-details .services-single .inner-box .lower-content { position: relative; padding-top: 0px } .service-details .services-single .inner-box .lower-content h2 { position: relative; color: #2b2b2b; font-size: 24px; font-weight: 500; line-height: 1.2em; margin-bottom: 8px } @media only screen and (max-width:991px){ .service-details .services-single .inner-box .lower-content h2 { position: relative; color: #001064; font-size: 20px; font-weight: 500; line-height: 1.2em; margin-bottom: 8px } } .service-details .services-single .inner-box .lower-content .title { position: relative; color: #2B2B2B; font-size: 16px; line-height: 1.4em; margin-bottom: 10px; margin-top:10px } .service-details .services-single .inner-box .lower-content .text { position: relative } .service-details .services-single .inner-box .lower-content .text p { position: relative; color: #555; font-size: 16px; line-height: 1.7em; margin-bottom: 22px } .service-details .services-single .inner-box .lower-content .two-column { position: relative; margin-top: 60px; margin-bottom: 30px } .service-details .services-single .inner-box .lower-content h3 { position: relative; color: #2B2B2B; font-size: 30px; font-weight: 600; line-height: 1.4em; margin-bottom: 20px } .service-details .services-single .inner-box .lower-content .blocks-outer { margin-top: 40px } .service-details .services-block-five { position: relative; margin-bottom: 30px } .service-details .services-block-five .block-inner { position: relative; padding-left: 70px } .service-details .services-block-five .block-inner .icon-box { position: absolute; left: 0; top: 0; color: #fc3549; font-size: 50px; line-height: 1em } .service-details .services-block-five .block-inner h4 { position: relative; color: #2B2B2B; font-size: 18px; font-weight: 600; line-height: 1.4em; margin-bottom: 12px } .service-details .services-block-five .block-inner h4 a { position: relative; color: #2B2B2B; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .service-details .services-block-five .block-inner h4 a:hover { color: #fc3549 } .service-details .services-block-five .block-inner .text { position: relative; line-height: 1.6em; color: #555; font-size: 16px } .service-details .sidebar-title { position: relative; margin-bottom: 25px } .service-details .sidebar-title h2 { font-size: 22px; color: #2b2b2b; font-weight: 600; line-height: 1.2em; padding-left: 40px; text-transform: capitalize } .service-details .sidebar-title h2:before { position: absolute; content: ''; left: 0; top: 10px; width: 25px; height: 2px; background-color: #fc3549 } .service-details .sidebar .search-box .form-group { position: relative; margin: 0 } .service-details .sidebar .search-box .form-group input[type="text"], .service-details .sidebar .search-box .form-group input[type="search"] { position: relative; line-height: 33px; padding: 10px 50px 10px 20px; background: #fff; display: block; font-size: 14px; width: 100%; height: 55px; font-weight: 400; border: 1px solid #eee; 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-details .sidebar .search-box .form-group button { position: absolute; right: 0; top: 0; height: 55px; width: 50px; display: block; font-size: 16px; color: #fff; cursor: pointer; line-height: 55px; background: #443986; font-weight: normal } .service-details .sidebar .popular-posts .post { position: relative; font-size: 14px; color: #666; padding: 0; padding-left: 118px; min-height: 115px; margin-bottom: 25px; border-bottom: 1px solid #ddd } .service-details .sidebar .popular-posts .post:last-child { margin-bottom: 0 } .service-details .sidebar .popular-posts .post .post-thumb { position: absolute; left: 0; top: 0; width: 100px } .service-details .sidebar .popular-posts .post:hover .post-thumb img { opacity: .70 } .service-details .sidebar .popular-posts .post .post-thumb img { display: block; width: 100%; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .service-details .sidebar .popular-posts .post .text { position: relative; top: -4px; font-size: 16px; margin: 0; font-weight: 600; color: #2B2B2B; line-height: 1.6em; text-transform: capitalize } .service-details .sidebar .popular-posts .post .text a { color: #2B2B2B; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .service-details .sidebar .popular-posts .post a, .service-details .sidebar .popular-posts .post a:hover { color: #0056b3 } .service-details .sidebar .popular-posts .post-info { font-size: 13px; color: #2b2b2b; font-weight: 500; margin-bottom: 6px; text-transform: uppercase } .service-details .archive-list { position: relative } .service-details .archive-list li { position: relative; padding: 12px 0; padding-left: 14px; border-bottom: 1px solid #ddd } .service-details .archive-list li:first-child { padding-top: 0 } .service-details .archive-list li a { position: relative; color: #2B2B2B; font-size: 14px; font-weight: 500; padding-left: 18px; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .service-details .archive-list li a:before { position: absolute; left: 0; content: "\f0da"; color: #443986; font-size: 16px; font-family: 'FontAwesome' } .service-details .archive-list li a:hover { color: #fc3549 } .service-details .sidebar .popular-tags a { position: relative; display: inline-block; line-height: 24px; padding: 9px 20px 9px; margin: 0 3px 8px 0; color: #555; text-align: center; font-size: 13px; font-weight: 600; text-transform: capitalize; background: 0; border: 1px solid #443986; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease } .service-details .sidebar .popular-tags a:hover { border-color: #fc3549; background-color: #fc3549; color: #fff } .service-details .newsletter-box { position: relative; display: block; padding: 40px 40px 50px; background-color: #fc3549 } .service-details .newsletter-box h3 { font-size: 22px; color: #fff; font-weight: 600; line-height: 1.2em; padding-left: 40px; margin-bottom: 20px; text-transform: capitalize } .service-details .newsletter-box h3:before { position: absolute; content: ''; left: 0; top: 10px; width: 25px; height: 2px; background-color: #fff } .service-details .newsletter-box .form-group { position: relative; margin: 0 } .service-details .newsletter-box .form-group input[type="text"], .service-details .newsletter-box .form-group input[type="email"] { position: relative; line-height: 33px; padding: 10px 50px 10px 20px; background: #fff; display: block; font-size: 14px; width: 100%; height: 55px; font-weight: 500; 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-details .newsletter-box .form-group button { position: absolute; right: 0; top: 0; height: 55px; width: 50px; display: block; font-size: 16px; color: #443986; cursor: pointer; line-height: 55px; font-weight: normal; background: 0 } .service-details .news-block-five { position: relative; margin-bottom: 70px } .service-details .news-block-five .inner-box { position: relative } .service-details .news-block-five .inner-box .image { position: relative } .service-details .news-block-five .inner-box .image img { position: relative; width: 100%; display: block } .service-details .news-block-five .inner-box .image .overlay-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; text-align: center } .service-details .news-block-five .inner-box .image .overlay-box .icon { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; color: #ff4c72; margin-left: -40px; text-align: center; border-radius: 50%; line-height: 80px; display: inline-block; padding-left: 4px; font-size: 72px; margin-top: -40px; box-shadow: 0 0 35px rgba(255,255,255,1) } .service-details .news-block-five .inner-box .lower-content { position: relative; padding-top: 30px; overflow: hidden } .service-details .news-block-five .inner-box .lower-content .post-meta { position: relative } .service-details .news-block-five .inner-box .lower-content .post-meta li { position: relative; color: #666; font-size: 13px; font-weight: 700; padding-right: 10px; margin-right: 10px; line-height: 1.1em; display: inline-block; border-right: 1px solid #666; text-transform: uppercase } .service-details .news-block-five .inner-box .lower-content .post-meta li .icon { position: relative; color: #fc3549; margin-right: 4px; font-weight: 600 } .service-details .news-block-five .inner-box .lower-content .post-meta li:nth-child(3), .service-details .news-block-five .inner-box .lower-content .post-meta li:last-child { border-right: 0; margin-right: 0; padding-right: 0 } .service-details .news-block-five .inner-box .lower-content h2 { position: relative; color: #2B2B2B; font-size: 30px; font-weight: 600; line-height: 1.3em; margin-top: 12px; margin-bottom: 18px } .service-details .news-block-five.style-two .inner-box .lower-content h2 { font-size: 26px } .service-details .news-block-five .inner-box .lower-content h2 a { position: relative; color: #2B2B2B; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .service-details .news-block-five .inner-box .lower-content h2 a:hover { color: #fc3549 } .service-details .news-block-five .inner-box .lower-content .text { position: relative; color: #555; font-size: 16px; line-height: 1.7em; margin-bottom: 30px } .service-details .news-block-five .inner-box .lower-content .read-more { position: relative; color: #fc3549; font-size: 13px; font-weight: 700; padding-left: 14px; padding-right: 30px; display: inline-block; text-transform: uppercase; -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-details .news-block-five .inner-box .lower-content .read-more:hover { color: #443986 } .service-details .news-block-five .inner-box .lower-content .read-more:before { position: absolute; content: "\f105"; left: 0; top: -1px; color: #443986; font-size: 16px; font-family: 'FontAwesome' } .service-details .news-block-five .inner-box .lower-content .read-more:after { position: absolute; content: ''; top: 11px; left: 100%; width: 600%; height: 1px; background-color: #ddd } .service-details .news-block-five .inner-box .owl-dots { display: none } .service-details .news-block-five .inner-box .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -25px } .service-details .news-block-five .inner-box .owl-nav .owl-prev { position: absolute; left: 35px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #fff; display: inline-block; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; background-color: #443986 } .service-details .news-block-five .inner-box .owl-nav .owl-next { position: absolute; right: 35px; float: right; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #fff; display: inline-block; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; background-color: #443986 } .service-details .news-block-five .inner-box .owl-nav .owl-prev:hover, .service-details .news-block-five .inner-box .owl-nav .owl-next:hover { color: #fff; background-color: #fc3549 } .service-details .news-block-six { position: relative; margin-bottom: 80px } .service-details .news-block-six .inner-box { position: relative; padding: 70px 15px; text-align: center; background-color: #2B2B2B } .service-details .news-block-six .inner-box .icon-box { position: relative; color: #fff; font-size: 32px; line-height: 1em; font-weight: 700; margin-bottom: 20px; display: inline-block } .service-details .news-block-six .inner-box .post-meta { position: relative; margin-bottom: 20px } .service-details .news-block-six .inner-box .post-meta li { position: relative; color: #ccc; font-size: 13px; font-weight: 700; padding-right: 14px; margin-right: 14px; line-height: 1em; display: inline-block; text-transform: uppercase; border-right: 1px solid rgba(255,255,255,0.80) } .service-details .news-block-six .inner-box .post-meta li:last-child { border-right: 0; margin-right: 0; padding-right: 0 } .service-details .news-block-six .inner-box .post-meta li .icon { position: relative; margin-right: 4px; color: #fc3549 } .service-details .news-block-six .inner-box h3 { position: relative; font-size: 24px; color: #fff; font-weight: 700; line-height: 1.2em; margin-bottom: 10px } .service-details .news-block-six .inner-box h3 a { position: relative; color: #fff; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .service-details .news-block-six .inner-box h3 a:hover { color: #fc3549 } .service-details .news-block-six .inner-box .link { position: relative; font-weight: 500; color: #fc3549; font-size: 16px } .service-details .news-block-seven { position: relative; margin-bottom: 70px } .service-details .news-block-seven .inner-box { position: relative; padding: 70px 65px; background-color: #f9f8fc } .service-details .news-block-seven .inner-box .content { position: relative; overflow: hidden } .service-details .news-block-seven .inner-box .post-meta { position: relative } .service-details .news-block-seven .inner-box .post-meta li { position: relative; color: #666; font-size: 13px; font-weight: 700; padding-right: 10px; margin-right: 10px; line-height: 1.1em; display: inline-block; border-right: 1px solid #666; text-transform: uppercase } .service-details .news-block-seven .inner-box .post-meta li .icon { position: relative; color: #fc3549; margin-right: 4px; font-weight: 600 } .service-details .news-block-seven .inner-box .post-meta li:nth-child(3), .service-details .news-block-seven .inner-box .post-meta li:last-child { border-right: 0; margin-right: 0; padding-right: 0 } .service-details .news-block-seven .inner-box h2 { position: relative; color: #2B2B2B; font-size: 30px; font-weight: 600; line-height: 1.3em; margin-top: 12px; margin-bottom: 18px } .service-details .news-block-seven .inner-box h2 a { position: relative; color: #2B2B2B; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .service-details .news-block-seven .inner-box h2 a:hover { color: #fc3549 } .service-details .news-block-seven .inner-box .text { position: relative; color: #555; font-size: 16px; line-height: 1.7em; margin-bottom: 30px } .service-details .news-block-seven .inner-box .read-more { position: relative; color: #fc3549; font-size: 13px; font-weight: 700; padding-left: 14px; padding-right: 30px; display: inline-block; text-transform: uppercase; -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-details .news-block-seven .inner-box .read-more:hover { color: #443986 } .service-details .news-block-seven .inner-box .read-more:before { position: absolute; content: "\f105"; left: 0; top: -1px; color: #443986; font-size: 16px; font-family: 'FontAwesome' } .service-details .news-block-seven .inner-box .read-more:after { position: absolute; content: ''; top: 11px; left: 100%; width: 600%; height: 1px; background-color: #ddd } .service-details .feature-block-two { position: relative; margin-bottom: 35px } .service-details .feature-block-two .inner-box { position: relative } .service-details .feature-block-two .inner-box h3 { position: relative; font-size: 18px; font-weight: 700; line-height: 1.4em; margin-bottom: 12px } .service-details .feature-block-two .inner-box h3:before { position: absolute; content: ''; left: -50px; top: 12px; width: 35px; height: 1px; background-color: #443986 } .service-details .feature-block-two .inner-box h3 a { position: relative; color: #2B2B2B; -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-details .feature-block-two .inner-box h3 a:hover { color: #fc3549 } .service-details .feature-block-two .inner-box .text { position: relative; color: #555; font-size: 16px; line-height: 1.6em } .service-details .feature-block-two.alternate { margin-left: 60px } .service-details .feature-block-two.alternate .inner-box h3:before { background-color: rgba(255,255,255,1) } .service-details .feature-block-two.alternate h3 a, .service-details .feature-block-two.alternate .text { color: #fff } .service-details .feature-block-two.style-two { margin-left: 50px } .service-details .feature-block-two.style-two .inner-box h3 { font-size: 18px!important; margin-bottom: 12px!important } .service-details .feature-block-two.style-two .inner-box h3:before { background-color: #fc3549 } .banner-section-h5, .home_4banner { background-repeat: no-repeat } .how-we-work-h6 .item .btn-box a span { width: 21px; background: #1461b9; color: #fff; text-align: center; border-radius: 50%; line-height: 21px; font-size: 11px; margin-right: 10px; font-weight: 500; top: -1px; position: relative } .icon-box22 { font-size: 50px; position: absolute!important; bottom: -88px; right: -88px; width: 188px; height: 188px; color: #fff; background: #332d5f; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear } .how-we-work-h6 .item .icon img { max-height: 60px } .mr.btn-link { position: absolute; right: -94px; width: 188px; height: 188px; background: rgba(255,255,255,.07); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; bottom: -95px; transition: all 700ms ease } .mr.btn-link i { position: absolute; left: 35px; line-height: 1; color: #1461b9; top: 44px; font-size: 18px; font-weight: 300 } .services-block .inner-box:hover .mr.btn-link { background: #1461b9!important; transition: all 700ms ease; overflow: hidden } .services-block .inner-box:hover .mr.btn-link i { color: #fff!important; transition: all 700ms ease } .services-block .inner-box { overflow: hidden } .services-block .inner-box:hover .image { filter: grayscale(90%) } .services-block .inner-box:hover .image { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } .sub_title1 { font-size: 14px; font-weight: 600; color: #0056b3; position: relative; display: inline-block; margin-bottom: 2px; text-transform: uppercase } .brand-block-two .inner-box .upper-box .upper-inner .image:before { position: absolute; top: 0; left: -17%; z-index: 2; display: block; content: ''; width: 207px; height: 303px; background: -o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,.3))); background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); transition: all 700ms ease } .brand-block-two .inner-box .upper-box .upper-inner .image { position: relative; display: block; overflow: hidden } .brand-block-two .inner-box .upper-box .upper-inner { position: relative } .brand-block-two .inner-box:hover .upper-box .upper-inner .image:before { position: absolute; left: 30%; transition: all 700ms ease } .mr.btn-link2 { position: absolute; right: -94px; width: 188px; height: 188px; background: rgba(255,255,255,.40); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; bottom: -95px; transition: all 700ms ease } .mr.btn-link2 i { position: absolute; left: 50px; line-height: 1; color: #1461b9; top: 44px; font-size: 25px; font-weight: 300 } .brand-block-two .inner-box .lower-box .box-inner { overflow: hidden } .brand-block-two .inner-box .lower-box .box-inner:hover .mr.btn-link2 i { color: #fff!important; transition: all 700ms ease } .brand-block-two .inner-box .lower-box .box-inner:hover .mr.btn-link2 { background: #0056b3!important; transition: all 700ms ease; overflow: hidden } .how-we-work-h6 .pull-right .text { position: relative; color: #3f3f3f; font-size: 16px; line-height: 1.9em; margin-bottom: 30px; margin-top: 50px } .icon-box22 span { position: relative; top: 45px; right: -10px; font-size: 16px } .mr_number { position: absolute; left: -10px; top: 0; font-size: 100px; font-weight: 800; font-family: "微软雅黑","Arial",Helvetica,Arial,Tahoma; line-height: 72px; color: #332d5f; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear } .how-we-work-h6 .item:hover .icon-box22 { background: #1461b9!important; transition: all 700ms ease; overflow: hidden } .counter-section .pull-right .text { margin-top: 50px } .counter-block:first-child .inner-box .image:before, .counter-block:nth-child(3) .inner-box .image:before { position: absolute; content: ''; background: url(../image/shape1.png); width: 200px; height: 200px; left: 0; top: 167px; background-repeat: no-repeat; z-index: 99 } .counter-block:nth-child(2) .inner-box .image:before, .counter-block:nth-child(4) .inner-box .image:before { position: absolute; content: ''; background: url(../image/shape2.png); width: 260px; height: 215px; left: 90px; top: 105px; background-repeat: no-repeat; z-index: 99 } .counter-block .inner-box .image img { filter: grayscale(90%) } .counter-block .inner-box .image img { filter: grayscale(90%); transition: all 600ms ease } .counter-block .inner-box .image { overflow: hidden; transition: all 600ms ease } .counter-block .inner-box:hover .image img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); filter: none; transition: all 600ms ease } .mr_portfolio-info { min-width: 293px; width: calc(100% - 40px); margin: auto; position: relative; bottom: 35px; left: 45%; text-align: center; background: #262051; padding: 30px 30px 30px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; text-align: left } .mr_portfolio-info h5 a, .mr_portfolio-info .textz { color: #fff } .services-block-two .inner-box { margin: 20px } .services-block-two .inner-box { overflow: hidden } .services-block-two .inner-box:hover .mr.btn-link { background: #1461b9!important; transition: all 700ms ease; overflow: hidden } .services-block-two .inner-box:hover .mr.btn-link i { color: #fff!important } .services-block-two .mr_portfolio-info { overflow: hidden } .services-block-two .inner-box .image { overflow: hidden } .mr_sub.subscribe-section { position: relative; padding: 175px 90px 70px; background-attachment: inherit; background-size: cover; background-repeat: no-repeat; background-position: right bottom; width: 1230px; margin: 0 auto } .mr_sub.subscribe-section:before { background-color: #79b7d982 } .mr_sub.subscribe-section .title-column .inner-column .text { color: #fff } .pad-top-300 { padding-top: 280px!important } .mr_sub { margin-bottom: -160px!important; z-index: 9!important } .container-fluid.seo_profile:before { position: absolute; left: 0; top: 0; height: 2034px; width: 3000px; content: ""; background-image: url(../image/how-we-work-h6-bg.png); background-repeat: no-repeat } .news-section.two .news-block-two { position: relative; margin-bottom: 22px } .main-header .header-top .inner { display: inline-flex; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-align: center; align-items: center; width: 70% } .main-header .header-top { background: #263b5e; padding: 10px 0 10px 0 } .main-header .header-top .location { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 } .main-header .header-top .location p { font-size: 14px; color: #fff; margin-bottom: 0; font-weight: 600 } .main-header .header-top .location p i { color: #fff; margin-right: 10px } .main-header .header-top .location p span { color: #43b9fe; font-weight: 600; letter-spacing: .25px } .main-header .header-top .mail { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin-left: 130px } .main-header .header-top .mail a { font-size: 14px; color: #fff; font-weight: 600 } .main-header .header-top .mail a i { color: #43b9fe; margin-right: 10px } .main-header .header-top .social-links { display: -ms-flexbox; -ms-flex-wrap: wrap; float: right; width: 30% } .main-header .header-top .social-links ul { float: right } .main-header .header-top .social-links ul li { display: inline-block; margin-right: 10px; border-right: 1px solid #5a5a5a94; padding-right: 14px } .main-header .header-top .social-links ul li a span { font-size: 16px; color: #fff; transition: all 700ms ease } .main-header .header-top .social-links ul li:hover a span { color: #fc3549; transition: all 700ms ease } .main-header .header-top .author { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin-left: 10px } .main-header .header-top .author a span { width: 28px; height: 28px; line-height: 28px; background: #000; text-align: center; color: #fff; font-size: 13px; border-radius: 50% } .mr_portfolio-info h5 a { color: #fff; font-weight: 700 } .mr_portfolio-info .textz { position: relative; color: #aeaacb; font-size: 12px; margin-top: 4px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; text-align: left } .services-block-five .image.image-two { position: absolute; right: -254px; top: 143px; width: 238px; z-index: 9 } .services-block-five .image.image-three { width: 290px; right: -184px; position: relative; float: right; top: -60px; border: 10px solid #fff; z-index: 9 } .services-block-five .image.image-four { position: absolute; bottom: 69px; left: 35px; width: 155px; z-index: 9; border: 8px solid #fff; padding: 25px } .services-block-five .image.image-one { position: relative; bottom: -35px; left: 0; width: 526px; z-index: 9 } .mr_gallery { padding-top: 40px; padding-left: 40px } .mr_sub.subscribe-section:after { position: absolute; top: 0; left: 2%; z-index: 2; display: block; content: ''; width: 207px; height: 316px; background: -o-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,.3))); background: linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); transition: all 700ms ease } .mr_sub.subscribe-section .title-column .inner-column h2 { position: relative; color: #fff; font-size: 50px; font-weight: 800; line-height: 1.3em } .mr_sub.subscribe-section:after { height: 335px } .mr_home2.banner-section-h6 { position: relative; padding: 0 } .mr_home2.banner-section-h6 .content-box .title h2 { color: #000 } .mr_home2.banner-section-h6 .content-box .text-two p { color: #000 } .mr_title1.services-section-five { position: relative; padding: 90px 0 0; background-repeat: no-repeat } .mr3.btn-link { position: absolute; right: -94px; width: 170px; height: 170px; background: #262051e0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; bottom: -95px; transition: all 700ms ease } .mr3.btn-link i { position: absolute; left: 37px; line-height: 1; color: #fff; top: 36px; font-size: 25px; font-weight: 300 } .about-section-three.about6 { padding: 100px 0 50px!important; background-repeat: no-repeat } .about-section-three .image-column .image { margin: 0 -30px 0 -350px; margin-top: 138px } .mr_sub_text { font-size: 16px; margin-bottom: 20px; color: #1461b9 } .mr_button { margin-top: 5px } .mr_button .btn-seven { background-color: #1461b9; padding: 12px 25px 12px 25px; border-radius: 0; border: 0; color: #fff; font-weight: 500; font-size: 14px; text-transform: uppercase; letter-spacing: 1.2px; border-radius:5px } .feature-section .list-style-one li { position: relative; color: #fff; font-size: 16px; font-weight: 400; line-height: 1.8em; margin-bottom: 6px; padding-left: 35px } .feature-section .list-style-one li:before { position: absolute; content: ""; left: 0; top: 12px; height: 3px; width: 20px; background-color: #43BAFF } .funfact-h6 .item .tcon { position: absolute; right: 53px } .funfact-h6 .item .title h3:before { content: ""; position: absolute; width: 7px; height: 7px; left: 42px; top: 50%; margin-top: -4px; background: #1461b9; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50% } .funfact-h6 .corner .link-btn { position: absolute; right: 0; bottom: 0; width: 60px; height: 50px; clip-path: polygon(0 100%, 0% 100%, 100% 100%, 100% 0, 100% 0); background: #413c67; transition: all 700ms ease } .funfact-h6 .corner .link-btn a span { position: relative; font-size: 14px; color: #fff; z-index: 1; width: 60px; height: 50px; text-align: center; transition: all 700ms ease } .funfact-h6 .corner .link-btn a span:before { position: absolute; top: 25px; left: 25px; right: 0; margin: 0 auto } .funfact-h6 .corner .link-btn a span:after { position: absolute; content: ""; right: 0; bottom: 0; z-index: -1 } .priching-h6 .inner-box { overflow: hidden } .icon-box23 { font-size: 50px; position: absolute!important; top: -100px; right: -90px; width: 188px; height: 188px; color: #fff; background: #332d5f; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear } .icon-box23 span { position: relative; top: 108px; right: -52px; font-size: 28px } .priching-h6 .inner-box .inner_block { padding: 41px 20px; box-shadow: 0 3px 18px 0 rgba(204,204,204,0.35); background: #262051; transition: all 700ms ease; text-align: left; color: #fff } .priching-h6 .inner-box .inner_block .title_month h5 { color: #b4b4b4; font-size: 13px; margin-top: 16px; text-transform: uppercase } .team-h6 { background-repeat: no-repeat } .hom_authr { color: #6a7695; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; font-size: 13px } .latest-news-h6 .item { overflow: hidden; box-shadow: 0 3px 18px 0 rgba(204,204,204,0.35); position: relative } .latest-news-h6 .item:hover .mr3.btn-link { background: #44baff!important; transition: all 700ms ease } .banner-section-h6 .anim-icons { position: absolute } .animx2 .image { margin: 0 -30px 0 -150px; margin-top: -78px } .product-tab-section .bloc_image .image { margin: 0 -30px 0 -175px; margin-top: -78px } .price-block .inner-box .upper-box .price sub { font-size: 24px; top: -20px } .price-block .inner-box .lower-box .price-list li i { color: #8FEDAE; padding-right: 10px } .feature-section-five .content-box { position: relative; text-align: center } .feature-section-five .content-box h2 { display: block; font-size: 60px; line-height: 1.2em; color: #fff; font-weight: 800; margin-bottom: 40px } .feature-section-five .side-image { position: absolute; right: -250px } .feature-section-five { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 125px 0 0 } .features-section-three { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 156px 0 140px; z-index: 1 } .features-section-three .feature-block-three { position: relative; padding: 0 50px } .features-section-three .feature-block-three .inner-box { position: relative; text-align: center } .features-section-three .feature-block-three .icon-box { position: relative; display: inline-block; height: 100px; width: 100px; background-color: #fff; border-radius: 50%; margin-bottom: 45px } .feature-block-three .icon-box:after { position: absolute; left: -20px; top: -20px; height: 140px; width: 140px; border: 1px solid rgba(255,255,255,.25); content: ""; border-radius: 50% } .feature-block-three .icon-box:before { position: absolute; left: -10px; top: -10px; height: 120px; width: 120px; border: 1px solid rgba(255,255,255,.25); content: ""; border-radius: 50% } .feature-block-three .icon-box span { font-size: 42px; line-height: 100px; color: #1461b9 } .feature-block-three:nth-child(3n+2) { margin-top: 50px } .feature-block-three:nth-child(3n+3) { margin-top: 100px } .features-section-three:before { position: absolute; left: 3px; top: -281px; height: 500px; width: 500px; background-image: url(../image/dots-5.png); background-repeat: no-repeat; background-position: center; content: ""; border-radius: 50% } .features-section-three h4 a { position: relative; font-size: 20px; color: #fff; line-height: 1.3em; margin-top: 25px; margin-bottom: 10px; font-weight: 600 } .features-section-three .text { position: relative; font-size: 16px; color: #fff; line-height: 1.9em } .shop-products-section { background-repeat: no-repeat } .testimonial-section-two { background-repeat: no-repeat } .testimonials-h5 { background-repeat: no-repeat } .mric { color: #fff; font-size: 50px; margin-bottom: 24px } .banner-section { position: relative } /*.banner-section:before { position:absolute; content:''; width:100%; height:100%; top:0; left:0; background-image: -webkit-gradient(linear, right top, left top, from(rgba(255,0,0,0)), to(#0f3041)); background-image: linear-gradient(to left, rgba(255,0,0,0), #0f3041); opacity:.75; z-index:4; }*/ .banner-section.style-three { z-index: -1 } .banner-carousel { position: relative } .banner-carousel .slide-item { position: relative; display: block; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: cover; /*padding: 170px 0 260px 0;*/ overflow: hidden; } .style-two .banner-carousel .slide-item { padding: 340px 0 210px } .style-three .banner-carousel .slide-item { padding: 300px 0 270px } .banner-carousel .slide-item .curved-layer { position: absolute; left: 0; top: 0; width: 45%; height: 100% } .banner-carousel .slide-item .curved-layer:before { content: ''; position: absolute; right: 0; top: -80%; width: 150%; height: 200%; opacity: .85; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; -webkit-transform: rotate(20deg) scaleX(0); -ms-transform: rotate(20deg) scaleX(0); transform: rotate(20deg) scaleX(0) } .banner-carousel .slide-item .image-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .banner-carousel .slide-item:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: 0; z-index: 1 } .banner-carousel .content-box { position: relative; margin: 0 auto; padding: 0; z-index: 5 } .style-three .banner-carousel .content-box { text-align: left; max-width: 1000px; margin: 0 } .banner-carousel .content-box h3 { position: relative; display: block; font-size: 24px; line-height: 36px; color: #FFF; font-weight: 500; opacity: 0; margin-bottom: 32px; letter-spacing: 0; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); text-transform: capitalize } .banner-carousel .content-box h3:before { position: absolute; left: 0; top: 16px; content: ""; width: 100px; height: 100px; background-repeat: no-repeat } .banner-carousel .active .content-box h3 { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms } .banner-carousel .content-box h1 { display: block; font-size: 90px; line-height: 100px; color: #F7F7F7; font-weight: 700; opacity: 0; margin-bottom: 30px; position: relative; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); text-transform: capitalize } .banner-carousel .content-box h1 span { font-weight: 700; color: #F7F7F7 } .banner-carousel .active .content-box h1 { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms } .banner-carousel .content-box .text { display: block; font-size: 18px; line-height: 30px; color: #FFF; font-weight: 400; letter-spacing: .10px; opacity: 0; margin: 0 auto; margin-bottom: 45px; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px) } .style-three .banner-carousel .content-box .text { text-align: left; max-width: 600px; margin: 0 0 40px } .banner-carousel .active .content-box .text { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms } .banner-carousel .content-box .btn-box { position: relative; opacity: 0; z-index: 5; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px) } .banner-carousel .active .content-box .btn-box { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-transition-delay: 1400ms; -o-transition-delay: 1400ms; transition-delay: 1400ms } .banner-carousel .content-box .btn-box .theme-btn { margin-right: 45px } .banner-carousel .content-box .btn-box .theme-btn:last-child { margin: 0 } .banner-section .owl-theme .owl-nav { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 100% } .banner-section .owl-theme .owl-nav .owl-prev { position: absolute; left: 50px; top: 0; background-image: -moz-linear-gradient(0deg, #1461b9 0, #8022e9 100%); background-image: -webkit-linear-gradient(0deg, #1461b9 0, #8022e9 100%); background-image: -ms-linear-gradient(0deg, #1461b9 0, #8022e9 100%); height: 56px; width: 56px; border-radius: 50%; border: 0; text-align: center; color: rgba(0,0,0,0); line-height: 56px; font-size: 0; opacity: 1; margin-top: -30px; transition: all 700ms ease } .banner-section .owl-theme .owl-nav .owl-prev:after { font-family: "fontawesome"; content: "\f060"; position: absolute; top: 0; width: 56px; height: 56px; line-height: 56px; left: 0; color: #fff; font-size: 16px; transition: all 300ms ease } .banner-section .owl-theme .owl-nav .owl-prev:hover:after { left: 0; margin-left: 0 } .banner-section .owl-theme .owl-nav .owl-next { position: absolute; right: 50px; top: 0; background-image: -moz-linear-gradient(0deg, #1461b9 0, #8022e9 100%); background-image: -webkit-linear-gradient(0deg, #1461b9 0, #8022e9 100%); background-image: -ms-linear-gradient(0deg, #1461b9 0, #8022e9 100%); height: 56px; width: 56px; border-radius: 50%; border: 0; text-align: center; line-height: 56px; color: rgba(0,0,0,0); font-size: 0; opacity: 1; margin-top: -30px; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 700ms ease } .banner-section .owl-theme .owl-nav .owl-next:after { font-family: "fontawesome"; content: "\f061"; position: absolute; top: 0; width: 56px; height: 56px; line-height: 56px; right: 0; color: #fff; font-size: 16px; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease } .banner-section .owl-theme .owl-nav .owl-next:hover:after { right: 0; margin-right: 0 } .banner-section .owl-theme .owl-nav .owl-prev:hover, .banner-section .owl-theme .owl-nav .owl-next:hover { opacity: 1; background: #D2D2D2; transition: all 700ms ease } .banner-section .owl-dots { position: absolute; left: 0; margin: 0; bottom: 40px; width: 100%; text-align: center; display: block } .banner-section .owl-dots .owl-dot { position: relative; display: inline-block; width: 12px; height: 12px; margin: 0 4px } .banner-section .owl-dots .owl-dot span { position: relative; display: block; width: 12px; height: 12px; background: #fff; border-radius: 50% } .banner-section.style-two .banner-carousel .content-box { text-align: center } .banner-section.style-two .banner-carousel .content-box h2 { font-size: 120px; letter-spacing: -5px; line-height: 1.1em; margin-bottom: 20px } .banner-section.style-two .banner-carousel .content-box:before { display: none } .banner-section .btn-style-one { position: relative; display: inline-block; font-size: 18px; line-height: 30px; color: #fff; font-weight: 600; text-transform: capitalize; overflow: hidden; vertical-align: middle; background-color: #EC4760; border-radius: 0 } .banner-section .btn-style-one .btn-title:before { background: #1B4962 } .banner-section .btn-style-one .btn-title { padding: 15px 75px 15px 35px } .banner-section .btn-style-one .btn-title:after { position: absolute; right: 36px; top: 15px; font-size: 16px; content: "\f101"; font-family: 'Font Awesome 5 Pro' } .banner-section .btn-style-two { position: relative; display: inline-block; font-size: 18px; line-height: 30px; color: #EC4760; font-weight: 600; text-transform: capitalize; border-radius: 30px; overflow: hidden; vertical-align: middle; border: 1px solid #EC4760; border-radius: 0 } .banner-section .btn-style-two .btn-title { padding: 15px 75px 15px 35px } .banner-section .btn-style-two .btn-title:before { background: #1B4962 } .banner-section .btn-style-two .btn-title:after { position: absolute; right: 36px; top: 15px; font-size: 16px; content: "\f101"; font-family: 'Font Awesome 5 Pro'; color: #EC4760; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .btn-style-two:hover { transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .btn-style-two { transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .btn-style-two:hover .btn-title:after { color: #fff; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease } .banner-section .shape-1 { position: absolute; top: -345px; left: -10px; z-index: 1; opacity: 0; transition: all 5700ms ease } .banner-carousel .active .shape-1 { opacity: 1; top: -146px; transition: all 5700ms ease } .banner-section .shape-2 { position: absolute; top: -150px; right: -150px; z-index: 1; transition: all 5700ms ease } .banner-carousel .active .shape-2 { opacity: 1; right: 0; transition: all 5700ms ease } .banner-section .shape-3 { position: absolute; bottom: -565px; left: 0; z-index: 1; transition: all 5700ms ease } .banner-carousel .active .shape-3 { opacity: 1; bottom: -365px; transition: all 5700ms ease } .banner-section .btn-box.two .btn-style-one .btn-title { box-shadow: 0 -3px 0 0 #fd7ca4 inset } .banner-section.style-four .content-box .btn-box-two { position: relative; opacity: 0; z-index: 5; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px) } .banner-section.style-four .active .content-box .btn-box-two { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-transition-delay: 1400ms; -o-transition-delay: 1400ms; transition-delay: 1400ms } .banner-section.style-four .content-box .btn-box { display: inline-block } .banner-section.style-four .btn-box-two { position: relative; display: inline-block; margin-left: 20px } .banner-section.style-four .btn-box-two a { position: relative; color: #fff; padding: 20px 60px 20px 80px; border-radius: 0; display: inline-block; font-weight: 500; z-index: 1; overflow: hidden; transition: all 700ms ease } .banner-section.style-four .btn-box-two img { position: absolute; left: 0; top: 0; width: 60px } .banner-carousel .content-box .text span { text-decoration: underline } .shop-products-section.hh { padding: 100px 0 60px 0 } .about-style-five { position: relative; padding: 100px 0 100px 0 } .about-style-five .item { position: relative; padding: 26px 20px 90px 50px; background-repeat: no-repeat; background-size: cover } .about-style-five .item .count-box { font-size: 48px; color: #FFF; font-weight: 900; display: inline-block } .about-style-five .item .count-box .count-text { margin-right: 10px } .about-style-five .item h2 { font-size: 48px; color: #FFF; font-weight: 900; display: inline-block; margin-bottom: 15px } .about-style-five .item h3 { font-size: 18px; color: #FFF; font-weight: 500; margin-bottom: 15px } .about-style-five .item p { position: relative; line-height: 30px; font-size: 16px; color: #FFF; margin-bottom: 0 } .about-style-five .item p:before { background: #fff; position: absolute; content: ""; left: 0; bottom: -35px; width: 78px; height: 1px } .about-style-five .culmn { padding: 0 } span.icon.icon-magnifier:before { font-family: 'simple-line-icons' } .history-style-five { position: relative; padding: 100px 0 100px 0; background-size: cover; background-attachment: fixed } .history-style-five .sec-title h3 { font-size: 24px; color: #F7F7F7; margin-bottom: 15px; font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase } .history-style-five .sec-title h2 { position: relative; color: #F7F7F7; margin-bottom: 65px; font-weight: 800; font-size: 36px } .history-style-five .sec-title h2:after { position: absolute; left: 0; right: 0; bottom: -38px; margin: 0 auto; text-align: center; background: url(../image/history-style-five-title-shape.png); content: ""; width: 64px; height: 25px; background-repeat: no-repeat } .history-style-five .item { position: relative; padding: 40px 40px 35px 40px; text-align: center; border: 2px solid #fff; margin: 0 5px; margin-bottom: 20px; display: inline-block; width: 18% } .history-style-five .item h2 { position: relative; font-size: 20px; color: #F7F7F7; font-weight: 600; padding-top: 20px } .history-style-five .btn-box { text-align: center; margin-top: 40px } .history-style-five .btn-box a { font-size: 16px; color: #FFF; border: 2px solid #F7F7F7; padding: 20px 45px; display: inline-block } .branded-section-two.aaaaaa.yy { padding-bottom: 0 } .history-style-five .item .icon span { color: #fff; font-size: 50px } .subscribe-section img { display: none!important }