html { overflow-x: hidden } body { line-height: 1.7; color: gray; font-weight: 400; font-size: 1rem } ::-moz-selection { background: #000; color: #fff } ::selection { background: #000; color: #fff } a { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease } a:hover { text-decoration: none } h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { font-family: work sans, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji } .border-2 { border-width: 2px } .text-black { color: #000!important } .bg-black { background: #000!important } .color-black-opacity-5 { color: rgba(0, 0, 0, .5) } .color-white-opacity-5 { color: rgba(255, 255, 255, .5) } body:after { -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out } .offcanvas-menu { position: relative } .offcanvas-menu:after { position: absolute; content: ""; bottom: 0; left: 0; top: 0; right: 0; z-index: 999; background: rgba(0, 0, 0, .2) } .btn { font-size: 16px; border-radius: 30px; padding: 10px 30px } .btn:hover, .btn:active, .btn:focus { outline: none; -webkit-box-shadow: none!important; box-shadow: none!important } .btn.btn-primary { background: #007bff; border-color: #007bff; color: #fff } .btn.btn-primary:hover { background: #000; border-color: #000; color: #fff } .btn.btn-primary.btn-black--hover:hover { background: #666; color: #fff } .line-height-1 { line-height: 1!important } .bg-black { background: #000 } .form-control { height: 43px; border-radius: 30px; font-family: work sans, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji } .form-control:active, .form-control:focus { border-color: #007bff } .form-control:hover, .form-control:active, .form-control:focus { -webkit-box-shadow: none!important; box-shadow: none!important } .site-section { padding: 2.5em 0 } @media(min-width:768px) { .site-section { padding: 5em 0 } } .site-section.site-section-sm { padding: 4em 0 } .site-section-heading { padding-bottom: 20px; margin-bottom: 0; position: relative; font-size: 2.5rem } @media(min-width:768px) { .site-section-heading { font-size: 3rem } } .site-footer { padding: 4em 0; background: #333 } @media(min-width:768px) { .site-footer { padding: 8em 0 } } .site-footer .border-top { border-top: 1px solid rgba(255, 255, 255, .1)!important } .site-footer p { color: #737373 } .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 { color: #fff } .site-footer a { color: #999 } .site-footer a:hover { color: #fff } .site-footer ul li { margin-bottom: 10px } .site-footer .footer-heading { font-size: 16px; color: #fff } .bg-text-line { display: inline; background: #000; -webkit-box-shadow: 20px 0 0 #000, -20px 0 0 #000; box-shadow: 20px 0 0 #000, -20px 0 0 #000 } .text-white-opacity-05 { color: rgba(255, 255, 255, .5) } .text-black-opacity-05 { color: rgba(0, 0, 0, .5) } .hover-bg-enlarge { overflow: hidden; position: relative } @media(max-width:991.98px) { .hover-bg-enlarge { height: auto!important } } .hover-bg-enlarge>div { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .8s all ease-in-out; -o-transition: .8s all ease-in-out; transition: .8s all ease-in-out } .hover-bg-enlarge:hover>div, .hover-bg-enlarge:focus>div, .hover-bg-enlarge:active>div { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } @media(max-width:991.98px) { .hover-bg-enlarge .bg-image-md-height { height: 300px!important } } .bg-image { background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed } .bg-image.overlay { position: relative } .bg-image.overlay:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; width: 100%; background: rgba(0, 0, 0, .7) } .bg-image>.container { position: relative; z-index: 1 } @media(max-width:991.98px) { .img-md-fluid { max-width: 100% } } @media(max-width:991.98px) { .display-1, .display-3 { font-size: 3rem } } .play-single-big { width: 90px; height: 90px; display: inline-block; border: 2px solid #fff; color: #fff!important; border-radius: 50%; position: relative; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out } .play-single-big>span { font-size: 50px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-40%, -50%); -ms-transform: translate(-40%, -50%); transform: translate(-40%, -50%) } .play-single-big:hover { width: 120px; height: 120px } .overlap-to-top { margin-top: -150px } .ul-check { margin-bottom: 50px } .ul-check li { position: relative; padding-left: 35px; margin-bottom: 15px; line-height: 1.5 } .ul-check li:before { left: 0; font-size: 20px; top: -.3rem; font-family: icomoon; content: "\e5ca"; position: absolute } .ul-check.white li:before { color: #fff } .ul-check.success li:before { color: #71bc42 } .ul-check.primary li:before { color: #007bff } .ul-check li.remove { text-decoration: line-through; color: #dee2e6 } .ul-check li.remove:before { color: #dee2e6 } .select-wrap, .wrap-icon { position: relative } .select-wrap .icon, .wrap-icon .icon { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 22px } .select-wrap select, .wrap-icon select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100% } .site-navbar { margin-bottom: 0; z-index: 1999; /* position: absolute; */ top: 0; width: 100%; border-bottom: rgba(255, 255, 255, .7); padding: 0px; margin: 0; background: #000; } .mb-0.site-logo img{width:100%} .site-navbar .site-logo { position: relative; left: 0; top: 0px; font-family: work sans!important; font-size: 30px; font-weight: 900 } .site-navbar .site-logo a { text-transform: uppercase } .site-navbar .site-navigation .site-menu { margin-bottom: 0 } .site-navbar .site-navigation .site-menu .active { color: #007bff; display: inline-block; padding: 5px 20px } .site-navbar .site-navigation .site-menu a { text-decoration: none!important; display: inline-block } .site-navbar .site-navigation .site-menu>li { display: inline-block } .site-navbar .site-navigation .site-menu>li span {display: block; font-size: 10px;} .site-navbar .site-navigation .site-menu>li>a { padding: 5px 6px; color: #fff; display: inline-block; text-decoration: none!important } /* .site-navbar .site-navigation .site-menu>li:nth-child(10){background-color: #9D031D;} .site-navbar .site-navigation .site-menu>li:nth-child(1) a{ font-size: 30px;} .site-navbar .site-navigation .site-menu>li:nth-child(8){background-color: #9D031D;} .site-navbar .site-navigation .site-menu>li:nth-child(8) a, .site-navbar .site-navigation .site-menu>li:nth-child(10) a{color:#fff}  */ li.red_b {background-color:#9D031D} .site-navbar .site-navigation .site-menu .has-children { position: relative } .site-navbar .site-navigation .site-menu .has-children>a { position: relative; padding-right: 20px } .site-navbar .site-navigation .site-menu .has-children>a:before { position: absolute; content: "\e313"; font-size: 16px; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: icomoon } .site-navbar .site-navigation .site-menu .has-children .dropdown { visibility: hidden; opacity: 0; top: 100%; position: absolute; text-align: left; border-top: 2px solid #007bff; -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .1); box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .1); padding: 0 0; margin-top: 20px; margin-left: 0; background: #fff; -webkit-transition: .2s 0s; -o-transition: .2s 0s; transition: .2s 0s } .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top { position: absolute } .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before { border-color: transparent; border-bottom-color: #fff; border-width: 10px; margin-left: -10px } .site-navbar .site-navigation .site-menu .has-children .dropdown a { text-transform: none; letter-spacing: normal; -webkit-transition: 0s all; -o-transition: 0s all; transition: 0s all; color: #000 } .site-navbar .site-navigation .site-menu .has-children .dropdown .active { color: #007bff!important } .site-navbar .site-navigation .site-menu .has-children .dropdown>li { list-style: none; padding: 0; margin: 0; min-width: 210px } .site-navbar .site-navigation .site-menu .has-children .dropdown>li>a { padding: 9px 20px; display: block } .site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover { background: #eff1f3; color: #000 } .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:before { content: "\e315"; right: 20px } .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul { left: 100%; top: 0 } .site-navbar .site-navigation .site-menu .has-children:hover>a, .site-navbar .site-navigation .site-menu .has-children:focus>a, .site-navbar .site-navigation .site-menu .has-children:active>a { color: #007bff } .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active { cursor: pointer } .site-navbar .site-navigation .site-menu .has-children:hover>.dropdown, .site-navbar .site-navigation .site-menu .has-children:focus>.dropdown, .site-navbar .site-navigation .site-menu .has-children:active>.dropdown { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; margin-top: 0; visibility: visible; opacity: 1 } .site-mobile-menu { width: 300px; position: fixed; right: 0; z-index: 2000; padding-top: 20px; background: #000; height: calc(100vh); -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, .1); box-shadow: -10px 0 20px -10px rgba(0, 0, 0, .1); -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out } .offcanvas-menu .site-mobile-menu { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } .site-mobile-menu .site-mobile-menu-header { width: 100%; float: left; padding-left: 20px; padding-right: 20px } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close { float: right; margin-top: 8px } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span { font-size: 30px; display: inline-block; padding-left: 10px; padding-right: 0; line-height: 1; cursor: pointer; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo { float: left; margin-top: 10px; margin-left: 0 } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a { display: inline-block; text-transform: uppercase } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img { max-width: 70px } .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover { text-decoration: none } .site-mobile-menu .site-mobile-menu-body { overflow-y: scroll; -webkit-overflow-scrolling: touch; position: relative; padding: 0 20px 20px; height: calc(100vh - 52px); padding-bottom: 150px } .site-mobile-menu .site-nav-wrap { padding: 0; margin: 0; list-style: none; position: relative } .site-mobile-menu .site-nav-wrap a { padding: 10px 20px; display: block; position: relative; color: #212529 } .site-mobile-menu .site-nav-wrap a:hover { color: #007bff } .site-mobile-menu .site-nav-wrap li { position: relative; display: block } .site-mobile-menu .site-nav-wrap li .active { color: #007bff } .site-mobile-menu .site-nav-wrap .arrow-collapse { position: absolute; right: 0; top: 10px; z-index: 20; width: 36px; height: 36px; text-align: center; cursor: pointer; border-radius: 50% } .site-mobile-menu .site-nav-wrap .arrow-collapse:hover { background: #f8f9fa } .site-mobile-menu .site-nav-wrap .arrow-collapse:before { font-size: 12px; z-index: 20; font-family: icomoon; content: "\f078"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-180deg); -ms-transform: translate(-50%, -50%) rotate(-180deg); transform: translate(-50%, -50%) rotate(-180deg); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease } .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .site-mobile-menu .site-nav-wrap>li { display: block; position: relative; float: left; width: 100% } .site-mobile-menu .site-nav-wrap>li>a { padding-left: 20px; font-size: 20px } .site-mobile-menu .site-nav-wrap>li>ul { padding: 0; margin: 0; list-style: none } .site-mobile-menu .site-nav-wrap>li>ul>li { display: block } .site-mobile-menu .site-nav-wrap>li>ul>li>a { padding-left: 40px; font-size: 16px } .site-mobile-menu .site-nav-wrap>li>ul>li>ul { padding: 0; margin: 0 } .site-mobile-menu .site-nav-wrap>li>ul>li>ul>li { display: block } .site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a { font-size: 16px; padding-left: 60px } .site-mobile-menu .site-nav-wrap[data-class=social] { float: left; width: 100%; margin-top: 30px; padding-bottom: 5em } .site-mobile-menu .site-nav-wrap[data-class=social]>li { width: auto } .site-mobile-menu .site-nav-wrap[data-class=social]>li:first-child a { padding-left: 15px!important } .sticky-wrapper { /* position: absolute; */ z-index: 100; width: 100% } .sticky-wrapper .site-navbar { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease } .sticky-wrapper .site-navbar { border-bottom: 1px solid rgba(255, 255, 255, .2) } .sticky-wrapper .site-navbar .site-menu-toggle { color: #fff } .sticky-wrapper .site-navbar .site-logo a { color: #fff } .sticky-wrapper .site-navbar .site-menu>li>a { color: rgba(255, 255, 255, .7)!important } .sticky-wrapper .site-navbar .site-menu>li>a:hover, .sticky-wrapper .site-navbar .site-menu>li>a.active { color: #fff!important } .sticky-wrapper.is-sticky .site-navbar { background: #fff; border-bottom: 1px solid transparent; -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, .1); box-shadow: 4px 0 20px -5px rgba(0, 0, 0, .1) } .sticky-wrapper.is-sticky .site-navbar .site-menu-toggle { color: #000 } .sticky-wrapper.is-sticky .site-navbar .site-logo a { color: #007bff } .sticky-wrapper.is-sticky .site-navbar .site-menu>li>a { color: #000!important } .sticky-wrapper.is-sticky .site-navbar .site-menu>li>a:hover, .sticky-wrapper.is-sticky .site-navbar .site-menu>li>a.active { color: #007bff!important } .sticky-wrapper .shrink { padding-top: 10px!important; padding-bottom: 10px!important } .site-blocks-cover { background-size: cover; background-repeat: no-repeat; background-position: top; background-position: center center } .site-blocks-cover.overlay { position: relative } .site-blocks-cover.overlay:before { position: absolute; content: ""; left: 0; bottom: 0; right: 0; top: 0; background: rgba(0, 0, 0, .4) } .site-blocks-cover .player { position: absolute; bottom: -250px; width: 100% } .site-blocks-cover, .site-blocks-cover>.container>.row { min-height: 600px; height: calc(100vh) } .site-blocks-cover.inner-page-cover, .site-blocks-cover.inner-page-cover>.container>.row { min-height: 400px; height: calc(20vh) } .site-blocks-cover h1 { font-size: 3rem; font-weight: 400; color: #fff; font-weight: 900 } @media(max-width:991.98px) { .site-blocks-cover h1 { font-size: 2rem } } .site-blocks-cover p { color: #fff; font-size: 1rem; line-height: 1.5; font-weight: 300 } .site-blocks-cover .desc { font-size: 1.4rem; font-weight: 300 } .site-blocks-cover .desc a { color: rgba(255, 255, 255, .5); border-bottom: dotted 1px #fff } .site-blocks-cover .desc a:hover { color: #fff } .site-blocks-cover .intro-text { font-size: 16px; line-height: 1.5 } @media(max-width:991.98px) { .site-blocks-cover .display-1 { font-size: 3rem } } .circle-bg { position: relative } .circle-bg:after { width: 300px; height: 300px; content: ""; z-index: -1; border-radius: 50%; position: absolute; bottom: -90px; right: -90px; background: #f8f9fa } @media(max-width:991.98px) { .circle-bg:after { bottom: 0; right: 0px } } .site-block-subscribe .btn { padding-left: 20px; padding-right: 20px } .site-block-subscribe .form-control { font-weight: 300; border-color: #fff!important; height: 80px; font-size: 22px; color: #fff; padding-left: 30px; padding-right: 30px } .site-block-subscribe .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .5); font-weight: 200; font-style: italic } .site-block-subscribe .form-control::-moz-placeholder { color: rgba(255, 255, 255, .5); font-weight: 200; font-style: italic } .site-block-subscribe .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .5); font-weight: 200; font-style: italic } .site-block-subscribe .form-control:-moz-placeholder { color: rgba(255, 255, 255, .5); font-weight: 200; font-style: italic } .bg-light { background: #ccc } .site-blocks-vs .bg-image { padding-top: 3em; padding-bottom: 3em } @media(min-width:992px) { .site-blocks-vs .bg-image { padding-top: 5em; padding-bottom: 5em } } .site-blocks-vs .image { width: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px } @media(max-width:991.98px) { .site-blocks-vs .image { margin-left: auto!important; margin-right: auto!important } } .site-blocks-vs .image img { border-radius: 50% } .site-blocks-vs .image.image-small { width: 50px; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px } .site-blocks-vs .country { color: rgba(255, 255, 255, .7) } .match-entry { position: relative; -webkit-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out; border-bottom: 1px solid rgba(0, 0, 0, .05) } .match-entry .small { color: #ccc; font-weight: 400; letter-spacing: .15em } .match-entry:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); z-index: 90; -webkit-box-shadow: 0 5px 40px -5px rgba(0, 0, 0, .1); box-shadow: 0 5px 40px -5px rgba(0, 0, 0, .1) } .post-entry { position: relative; overflow: hidden; border: 1px solid #e6e6e6 } .post-entry, .post-entry .text { border-radius: 4px; border-top: none!important } .post-entry .date { color: #ccc; font-weight: 400; letter-spacing: .1em } .post-entry .image { overflow: hidden; position: relative } .post-entry .image img { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .post-entry:hover .image img, .post-entry:active .image img, .post-entry:focus .image img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .site-block-tab .nav-item { text-transform: uppercase; font-size: .8rem; margin: 0 20px } .site-block-tab .nav-item:first-child { margin-left: 0!important } .site-block-tab .nav-item>a { padding-left: 0!important; background: 0 0!important; padding-right: 0!important; border-bottom: 2px solid transparent; border-radius: 0!important; font-weight: 700; color: #ccc } .site-block-tab .nav-item>a:hover, .site-block-tab .nav-item>a.active { border-bottom: 2px solid #007bff; color: #000 } .block-13, .slide-one-item { position: relative; z-index: 1 } .block-13 .owl-nav, .slide-one-item .owl-nav { position: relative; position: absolute; bottom: -90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .block-13 .owl-nav .owl-prev, .block-13 .owl-nav .owl-next, .slide-one-item .owl-nav .owl-prev, .slide-one-item .owl-nav .owl-next { position: relative; display: inline-block; padding: 20px; font-size: 30px; color: #000 } .block-13 .owl-nav .owl-prev.disabled, .block-13 .owl-nav .owl-next.disabled, .slide-one-item .owl-nav .owl-prev.disabled, .slide-one-item .owl-nav .owl-next.disabled { opacity: .2 } .slide-one-item.home-slider .owl-nav { position: absolute!important; top: 50%!important; bottom: auto!important; width: 100% } @media(max-width:991.98px) { .slide-one-item.home-slider .owl-nav { display: none } } .slide-one-item.home-slider .owl-prev { left: 10px!important } .slide-one-item.home-slider .owl-next { right: 10px!important } .slide-one-item.home-slider .owl-prev, .slide-one-item.home-slider .owl-next { color: #fff; position: absolute!important; top: 50%; padding: 0; height: 50px; width: 50px; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: rgba(0, 0, 0, .2); -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; line-height: 0; text-align: center; font-size: 25px } @media(min-width:768px) { .slide-one-item.home-slider .owl-prev, .slide-one-item.home-slider .owl-next { font-size: 25px } } .slide-one-item.home-slider .owl-prev>span, .slide-one-item.home-slider .owl-next>span { position: absolute; line-height: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .slide-one-item.home-slider .owl-prev:hover, .slide-one-item.home-slider .owl-prev:focus, .slide-one-item.home-slider .owl-next:hover, .slide-one-item.home-slider .owl-next:focus { background: #000 } .slide-one-item.home-slider:hover .owl-nav, .slide-one-item.home-slider:focus .owl-nav, .slide-one-item.home-slider:active .owl-nav { opacity: 10; visibility: visible } .slide-one-item .owl-dots { text-align: center } .slide-one-item .owl-dots .owl-dot { display: inline-block; margin: 4px } .slide-one-item .owl-dots .owl-dot span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #dee2e6 } .slide-one-item .owl-dots .owl-dot.active span { background: #007bff } .block-12 { position: relative } .block-12 figure { position: relative } .block-12 figure:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))); background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000', GradientType=0) } .block-12 .text-overlay { position: absolute; bottom: 20px; left: 20px; right: 20px; z-index: 10 } .block-12 .text-overlay h2 { color: #fff } .block-12 .text { position: relative; top: -100px } .block-12 .text .meta { text-transform: uppercase; padding-left: 40px; color: #fff; display: block; margin-bottom: 20px } .block-12 .text .text-inner { -webkit-box-shadow: 0 0 20px -5px rgba(0, 0, 0, .3); box-shadow: 0 0 20px -5px rgba(0, 0, 0, .3); background: #fff; padding: 10px; margin-right: 30px; position: relative } @media(min-width:576px) { .block-12 .text .text-inner { padding: 20px } } @media(min-width:768px) { .block-12 .text .text-inner { padding: 30px 40px } } .block-12 .text .text-inner:before { position: absolute; content: ""; width: 80px; height: 4px; margin-top: -4px; background: #007bff; top: 0 } .block-12 .text .text-inner .heading { font-size: 20px; margin: 0; padding: 0 } .block-16 figure { position: relative } .block-16 figure .play-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; width: 70px; height: 70px; background: #fff; display: block; border-radius: 50%; opacity: 1; color: #007bff!important } .block-16 figure .play-button:hover { opacity: 1 } .block-16 figure .play-button>span { position: absolute; left: 55%; top: 50%; -webkit-transform: translate(-60%, -50%); -ms-transform: translate(-60%, -50%); transform: translate(-60%, -50%) } .block-25 ul, .block-25 ul li { padding: 0; margin: 0 } .block-25 ul li a .image { -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px } .block-25 ul li a .image img { border-radius: 4px; max-width: 100%; opacity: 1; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out } .block-25 ul li a .text .heading { font-size: 18px; line-height: 1.5; margin: 0; padding: 0; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; color: #999 } .block-25 ul li a .meta { color: #007bff } .block-25 ul li a:hover img { opacity: .5 } .block-25 ul li a:hover .text .heading { color: #fff } #date-countdown .countdown-block { color: #b3b3b3 } #date-countdown .label { font-size: 40px; color: #000 } .next-match .image { width: 50px; border-radius: 50% } .player { position: relative } .player img { max-width: 100px; border-radius: 50%; margin-bottom: 20px } .player .team-number { position: absolute; width: 30px; height: 30px; background: #007bff; border-radius: 50%; color: #fff } .player .team-number>span { position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50% } .player h2 { font-size: 20px; letter-spacing: .2em; text-transform: uppercase } .player .position { font-size: 14px; color: #b3b3b3; text-transform: uppercase } .site-block-27 ul, .site-block-27 ul li { padding: 0; margin: 0 } .site-block-27 ul li { display: inline-block; margin-bottom: 4px } .site-block-27 ul li a, .site-block-27 ul li span { text-align: center; display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 1px solid #ccc } .site-block-27 ul li.active a, .site-block-27 ul li.active span { background: #007bff; color: #fff; border: 1px solid transparent } .site-block-feature-7 .icon { -webkit-transition: .2s all ease-in-out; -o-transition: .2s all ease-in-out; transition: .2s all ease-in-out; position: relative; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .site-block-feature-7:hover .icon, .site-block-feature-7:focus .icon, .site-block-feature-7:active .icon { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .unit-1 { position: relative; width: 100%; overflow: hidden; display: block } .unit-1:after { content: ""; z-index: 1; position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))); background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000', GradientType=0) } .unit-1 img { -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .unit-1 img, .unit-1 .unit-1-text { -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out } .unit-1 .unit-1-text { z-index: 2; position: absolute; bottom: -90px; color: #fff; display: block; width: 100% } .unit-1 .unit-1-text .unit-1-heading { font-size: 1.5rem; position: relative } .unit-1 p { opacity: 0; visibility: hidden; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; color: rgba(255, 255, 255, .5) } .unit-1:hover p { opacity: 1; visibility: visible } .unit-1:hover .unit-1-text { bottom: 30px } .unit-1:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } .overlap-section { margin-top: -150px; position: relative; z-index: 9 } .unit-4 .unit-4-icon span { display: block; font-size: 3rem } .unit-4 h3 { font-size: 20px; color: #000 } .h-entry img { margin-bottom: 30px } .h-entry .meta { color: #b3b3b3; font-size: 14px } .h-entry h2 { font-size: 20px } .h-entry h2 a { color: #000 } .h-entry h2 a:hover { color: #007bff } .overlap-left { margin-left: -100px } @media(max-width:991.98px) { .overlap-left { margin-left: 0 } } .overlap-section { margin-top: -100px } .feature-1, .free-quote, .feature-3 { background: #007bff; padding: 30px 50px; color: rgba(255, 255, 255, .6); font-size: 15px } .feature-1 .heading, .free-quote .heading, .feature-3 .heading { font-size: 22px; text-transform: uppercase; color: #fff } .feature-1 .icon, .free-quote .icon, .feature-3 .icon { border: 2px solid rgba(255, 255, 255, .5); width: 80px; height: 80px; line-height: 80px; position: relative; border-radius: 50%; margin: 0 auto!important } .feature-1 .icon>span, .free-quote .icon>span, .feature-3 .icon>span { font-size: 35px; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .free-quote { background: #006fe6 } .free-quote .form-control { border: 2px solid rgba(255, 255, 255, .5); background: 0 0; color: #fff } .free-quote .form-control:active, .free-quote .form-control:focus { border: 2px solid #fff } .free-quote .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, .4); font-size: 13px; font-style: italic } .free-quote .form-control::-moz-placeholder { color: rgba(255, 255, 255, .4); font-size: 13px; font-style: italic } .free-quote .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, .4); font-size: 13px; font-style: italic } .free-quote .form-control:-moz-placeholder { color: rgba(255, 255, 255, .4); font-size: 13px; font-style: italic } .feature-3 { background: #006adb } .border-primary { position: relative } .border-primary h2 { font-weight: 700!important } .border-primary:after { position: absolute; content: ""; bottom: 0; width: 80px; height: 3px; background: #007bff } .border-primary.text-center:after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .border-primary.text-left:after { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } .testimonial { max-width: 800px; margin: 0 auto!important; text-align: center } .testimonial blockquote { font-size: 1.5rem; font-style: italic } .testimonial figure img { max-width: 100px; margin: 0 auto; border-radius: 50% } .breadcrumb-custom { font-size: 1rem!important } .text-muted { color: #ccc!important; font-size: 12px; text-transform: uppercase } .how-it-work-item .number { width: 50px; height: 50px; background: #007bff; color: #fff; line-height: 55px; font-weight: 300; display: inline-block; text-align: center; font-size: 30px; border-radius: 50%; margin-bottom: 40px } .how-it-work-item h2 { font-size: 18px; margin-bottom: 30px; color: #fff } .how-it-work-item p { color: #fff } .person h3 { font-size: 18px } .ul-social-circle { list-style: none; padding: 0; margin: 0 } .ul-social-circle li { display: inline-block; margin-left: 5px; margin-bottom: 5px } .ul-social-circle li:first-child { margin-left: 0 } .ul-social-circle li span { width: 30px; height: 30px; background: #777; font-size: 13px; text-align: center; line-height: 30px; border-radius: 50%; display: inline-block } .ul-social-circle li a span { color: #fff; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease } .ul-social-circle li a:hover span { background: #2b2b2b; color: #fff } .custom-pagination a, .custom-pagination span { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; display: inline-block; background: #007bff; color: #fff } .custom-pagination span { background: #e6e6e6; color: #000 } .custom-pagination .more-page { background: 0 0; letter-spacing: .1em } .form-search-wrap { background: #fff; border-radius: 30px } .form-search-wrap .form-control { border: none } @media(max-width:1199.98px) { .form-search-wrap .form-control { height: 55px } } .form-search-wrap .btn { border-radius: 30px; padding: 10px 30px } @media(max-width:1199.98px) { .form-search-wrap .btn { width: 100%!important; display: block } } .popular-category { background: #fff; display: block; text-align: center; padding: 30px 10px; border-radius: 7px; background: #f8f9fa; position: relative } .popular-category .icon { display: block; -webkit-transition: .1s all ease; -o-transition: .1s all ease; transition: .1s all ease } .popular-category .icon>span { line-height: 0; font-size: 40px } .popular-category .caption { color: #666; -webkit-transition: .1s all ease; -o-transition: .1s all ease; transition: .1s all ease } .popular-category .number { padding: 2px 20px; border-radius: 30px; display: inline-block; background: #e9ecef; color: #000; font-size: 14px; -webkit-transition: .1s all ease; -o-transition: .1s all ease; transition: .1s all ease } .popular-category:hover { background: #007bff; -webkit-box-shadow: 0 5px 30px -5px rgba(0, 123, 255, .5); box-shadow: 0 5px 30px -5px rgba(0, 123, 255, .5) } .popular-category:hover .caption { color: #fff } .popular-category:hover .icon { color: #fff } .popular-category:hover .number { background: #006fe6; color: #fff } @media(max-width:1199.98px) { .no-sm-border { border: none!important } } .listing-item { position: relative; overflow: hidden; border-radius: 4px } .listing-item:after { position: absolute; content: ""; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; background: rgba(0, 0, 0, .4) } .listing-item img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease } .listing-item:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .listing-item .listing-item-content { position: absolute; bottom: 20px; padding-left: 20px; padding-right: 20px; z-index: 2; width: 100% } .listing-item .listing-item-content .category { font-size: 12px; display: inline-block; padding: 5px 30px; background: #007bff; border-radius: 30px; color: #fff; letter-spacing: .2em; text-transform: uppercase } .listing-item .listing-item-content h2 { font-size: 22px } .listing-item .listing-item-content h2, .listing-item .listing-item-content h2 a { color: #fff } .listing-item .listing-item-content span { color: #fff } .listing-item .listing-item-content .address { color: rgba(255, 255, 255, .8) } .listing-item .bookmark { position: absolute; right: 20px; bottom: 0; width: 40px; height: 40px; border-radius: 50%; display: inline-block; background: rgba(255, 255, 255, .3); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease } .listing-item .bookmark span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .listing-item .bookmark:hover { background: #dc3545 } .listing-item .bookmark:hover span { color: #fff } .accordion-item[aria-expanded=true] { color: #007bff } .social-media { display: inline-block; float: left; margin-bottom: 0; padding: 0 } .social-media li { display: inline-block } .ft-feature-1 { margin-bottom: 80px } .ft-feature-1 .ft-feature-1-content { padding: 30px; position: relative; z-index: 10 } .ft-feature-1 h2, .ft-feature-1 h3 { font-size: 20px; color: #fff } .ft-feature-1 h3 { font-size: 18px } .ft-feature-1 h3 .icon { font-size: 30px } .ft-feature-1 a { color: #fff; text-decoration: underline } .ft-feature-1 a:hover { color: #fff; text-decoration: none } .ft-feature-1 .play { display: inline-block; width: 50px; height: 50px; background: #007bff; margin-right: 1.5rem; border-radius: 50%; line-height: 50px; text-align: center; text-decoration: none!important } .ft-feature-1 .play span { color: #fff; display: inline } .ft-feature-1 .img-feature { position: relative; margin-bottom: 30px } @media(min-width:992px) { .ft-feature-1 .img-feature { margin-bottom: -80px } } .ft-feature-1 p { color: #737373 } .box-with-humber { position: relative } .box-with-humber .number-behind { font-size: 6rem; position: absolute; z-index: -1; top: -3rem; left: -3rem; font-weight: 900; color: #f2f4f5 } .box-with-humber h2 { font-size: 20px } .media-1 { position: relative; display: block; overflow: hidden; margin-bottom: 30px } .media-1:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .8); content: ""; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; opacity: 0; visibility: hidden } .media-1 img { -o-object-fit: cover; object-fit: cover; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease } .media-1 .media-1-content { z-index: 4; top: 50%; position: absolute; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .media-1 .media-1-content h2 { position: relative; color: #fff; font-size: 1.5rem; -webkit-transition: .4s all ease-in-out; -o-transition: .4s all ease-in-out; transition: .4s all ease-in-out; opacity: 0; visibility: hidden; bottom: -10px; margin-bottom: 0 } .media-1 .media-1-content .category { position: relative; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; opacity: 0; bottom: -10px; visibility: hidden; color: #999; font-size: 13px; text-transform: uppercase; letter-spacing: .2em } .media-1:hover:after { opacity: 1; visibility: visible } .media-1:hover h2 { bottom: 0; opacity: 1; visibility: visible } .media-1:hover .category { opacity: 1; visibility: visible; bottom: 0; -webkit-transition-delay: .09s; -o-transition-delay: .09s; transition-delay: .09s } .media-1:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } .testimonial-wrap .owl-nav { display: none } .section-sub-title { font-size: 13px; color: #007bff; letter-spacing: .2em; text-transform: uppercase } .section-title { color: #007bff; font-size: 40px; font-weight: 900 } @media(max-width:991.98px) { .section-title { font-size: 30px } } .position-relative { position: relative } .experience { position: absolute; bottom: -10px; right: -10px; background: #007bff; padding: 20px } @media(max-width:991.98px) { .experience { bottom: 0; right: 0 } } .experience span { display: block } .experience .year { font-weight: 900; color: #fff; font-size: 3rem; letter-spacing: normal; line-height: 1.2 } .experience span { letter-spacing: .2em } .experience .caption { color: #fff; letter-spacing: .4em; text-transform: uppercase } .footer-subscribe .btn { height: 43px; line-height: 1; background: #fff!important; color: #000!important } .cta-big-image>.container { position: relative } .cta-big-image .img-box { background: #e81050; max-width: 550px; padding: 3rem; position: absolute; bottom: -10%; right: 10% } @media(max-width:991.98px) { .cta-big-image .img-box { position: relative; right: auto } } .cta-big-image .img-box .sub-title { color: rgba(255, 255, 255, .7); text-transform: uppercase; font-size: 13px; letter-spacing: .1em; margin-bottom: 1.5rem; display: block } .cta-big-image .img-box h2 { font-size: 2rem; color: #fff; margin-bottom: 1.5rem } .cta-big-image .img-box p { font-size: 1.1rem; color: rgba(255, 255, 255, .9); font-weight: 300; margin-bottom: 1.5rem } .cta-big-image .img-box .btn { background: #505288; border-color: #505288; color: #fff } .cta-big-image .img-box *:last-child { margin-bottom: 0 } .team-member figure { margin: 0; padding: 0; position: relative; overflow: hidden } .team-member .social { position: absolute; margin: 0; top: 0; padding: 0; bottom: 0; padding: 10px; -webkit-transform: translateX(-101%); -ms-transform: translateX(-101%); transform: translateX(-101%); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; background: #007bff } .team-member .social li { list-style: none } .team-member .social li a { display: inline-block; padding: 5px; color: #fff } .team-member h3 { color: #000; margin: 0; bottom: 0; font-size: 1.2rem } .team-member .position { color: #ccc; text-transform: uppercase; font-size: .8rem; letter-spacing: .05rem } .team-member:hover .social { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } .custom-direction { position: relative; z-index: 99; border-radius: 7px; position: absolute; right: -50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; background: #007bff } @media(max-width:991.98px) { .custom-direction { bottom: -25px; top: auto!important; right: 50%!important; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%) } } .custom-direction a { padding: 10px 20px; display: inline-block; color: #fff; font-size: 1.5rem } .custom-direction a.custom-next>span>span { position: relative; display: inline-block; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg) } .item { border: none } .item .item-wrap { display: block; position: relative } .item .item-wrap:after { z-index: 2; position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .4); visibility: hidden; opacity: 0; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out } .item .item-wrap>span { position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); color: #fff; font-size: 1.7rem; opacity: 0; visibility: hidden; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease } .item .item-wrap:hover:after { opacity: 1; visibility: visible } .item .item-wrap:hover span { margin-top: 0; opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1) } .filters .btn { border-color: transparent; font-size: .8rem; padding: 8px 20px; margin: 5px; background: rgba(52, 58, 64, .05); color: #343a40 } .filters .btn:hover { border-color: transparent; background: #007bff; color: #fff } .filters .btn.active { background: #007bff!important; color: #fff; border-color: #007bff!important } .pricing { background: #fff; padding: 30px } .pricing .price>span { color: #ccc } .pricing .price>span>span { font-size: 3rem; color: #007bff } .pricing ul li { margin-bottom: 20px } .isotope, .isotope .item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width } .isotope .item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform } .mouse { position: absolute; bottom: 40px; z-index: 5; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: block } .mouse .mouse-icon { display: block; width: 25px; height: 45px; border: 2px solid rgba(255, 255, 255, .4); border-radius: 15px; cursor: pointer; position: relative; text-align: center; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out } .mouse .mouse-wheel { height: 4px; margin: 2px auto 0; display: block; width: 4px; background-color: #fff; border-radius: 50%; -webkit-animation: 1.6s ease infinite wheel-up-down; -moz-animation: 1.6s ease infinite wheel-up-down; animation: 1.6s ease infinite wheel-up-down } .mouse:hover .mouse-icon { border-color: #fff } @-webkit-keyframes wheel-up-down { 0% { margin-top: 2px; opacity: 0 } 30% { opacity: 1 } 100% { margin-top: 20px; opacity: 0 } } @-moz-keyframes wheel-up-down { 0% { margin-top: 2px; opacity: 0 } 30% { opacity: 1 } 100% { margin-top: 20px; opacity: 0 } } @keyframes wheel-up-down { 0% { margin-top: 2px; opacity: 0 } 30% { opacity: 1 } 100% { margin-top: 20px; opacity: 0 } } .sidebar-box { margin-bottom: 30px; padding: 25px; font-size: 15px; width: 100%; float: left; background: #fff } .sidebar-box *:last-child { margin-bottom: 0 } .sidebar-box h3 { font-size: 18px; margin-bottom: 15px } .categories li, .sidelink li { position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #dee2e6; list-style: none } .categories li:last-child, .sidelink li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0 } .categories li a, .sidelink li a { display: block } .categories li a span, .sidelink li a span { position: absolute; right: 0; top: 0; color: #ccc } .categories li.active a, .sidelink li.active a { color: #000; font-style: italic } .comment-form-wrap { clear: both } .comment-list { padding: 0; margin: 0 } .comment-list .children { padding: 50px 0 0 40px; margin: 0; float: left; width: 100% } .comment-list li { padding: 0; margin: 0 0 30px; float: left; width: 100%; clear: both; list-style: none } .comment-list li .vcard { width: 80px; float: left } .comment-list li .vcard img { width: 50px; border-radius: 50% } .comment-list li .comment-body { float: right; width: calc(100% - 80px) } .comment-list li .comment-body h3 { font-size: 20px } .comment-list li .comment-body .meta { text-transform: uppercase; font-size: 13px; letter-spacing: .1em; color: #ccc } .comment-list li .comment-body .reply { padding: 5px 10px; background: #e6e6e6; color: #000; text-transform: uppercase; font-size: 14px } .comment-list li .comment-body .reply:hover { color: #000; background: #e3e3e3 } .search-form { background: #f7f7f7; padding: 10px } .search-form .form-group { position: relative } .search-form .form-group input { padding-right: 50px } .search-form .icon { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .post-meta { font-size: 13px; text-transform: uppercase; letter-spacing: .2em } .post-meta a { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .5) } figure figcaption { margin-top: .5rem; font-style: italic; font-size: .8rem } #overlayer { width: 100%; height: 100%; position: fixed; z-index: 7100; background: #fff; top: 0; left: 0; right: 0; bottom: 0 } .loader { z-index: 7700; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } div.banner-sta { display: flex; justify-content: center; background-color: #004CD2; color: white; padding-left: 40px; padding-right: 40px; padding-top: 57px; padding-bottom: 60px; white-space: nowrap; background:url('https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/banner/ank.jpg'); position:relative; background-repeat: round; background-size: cover; } div.banner-sta.luck  {	background:url('https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/banner/luck.webp');} .tab_contant p { font-size: 15px; color: #000; text-align: justify; margin: 13px 0 0;} div.banner-sta .overlay {    content: ''; background: #000000a1; position: absolute; width: 100%; top: 0; height: 100%; z-index: 0; } .banner-sta .container {z-index:9} #header-info-part {    padding: 20px; background: #00000082; width: 37%; float: left;} .right-sd {   width: 32%; float: right;} #aero-img-desktop-container {width:29%; float:left} .banner-sta section { text-align: center; z-index: 9; } div.banner-sta  h1 { font-size: 36px; line-height: 40px; font-weight: bold; margin-bottom: 20px; margin-top: 0px; white-space: normal; } #center-statment { margin-bottom: 20px; margin-top: 20px; line-height: 1.5384616; } #free-services-main-container { border: 1px solid white; border-radius: 2px; margin-left: 10%; margin-right: 10%; } #free-container-box-header { text-align: center; padding: 5px; font-size: 13px; font-weight: bold; } #free-container-box-header { background-color: #fff; color: #004CD2; } #absolutely-free-container { /* display: flex; */ justify-content: space-around; padding: 15px 0; padding-left: 0; /* padding-right: 30px;*/ } #absolutely-free-container ul li { font-size: 13px; margin-top: 10px; text-align: left; } .icon-statements { line-height: 18px; } #free-section-plus-sign { padding-left: 25px; /* padding-top: 5px; */ padding-top: 1px; font-size: 19px !important; } #aero-img-desktop-container img { margin-top: 178px; transform: rotate(7deg); margin-left: 0px; width: 100%; } #call-now-small-screen-banner, #aero-img-mobile-container, #small-screen-accounting-software-heading-line { display: none; } .SalesforceLeadForm__leadCustomerEnquiryForm___2pSq5 { margin-top: 0px; width: 374px; background-color: #edeff2; color: #000; padding: 25px 20px 34px; border-radius: 3px; font-family: Lato; } .SalesforceLeadForm__form_header___15XbP { text-align: center; padding-bottom: 0px; } .SalesforceLeadForm__form_header___15XbP p { font-size: 18px; line-height: 30px; letter-spacing: .005em; font-weight: 700; margin-bottom: -9px; font-family: work sans, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji; } .SalesforceLeadForm__form_img_yellow___3czMb { width: 80px; height: 7px; } .SalesforceLeadForm__form_first_row___3g5bH { display: flex; } .SalesforceLeadForm__leadCustomerEnquiryForm___2pSq5 input, .SalesforceLeadForm__leadCustomerEnquiryForm___2pSq5 select, .SalesforceLeadForm__leadCustomerEnquiryForm___2pSq5 textarea { padding: 12px; border: none; outline: none; border-radius: 1px; font-family: Lato; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: work sans, -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji; } .SalesforceLeadForm__salutation___1FWwp { background: #fff; } .SalesforceLeadForm__first_name___2g3wj { margin-left: 10px; width: 100%; margin-right: 4px; padding-left: 9px!important; } .SalesforceLeadForm__form_block_elements___22DNR { display: block; margin-top: 10px; width: 99%; height: 43px; background: #fff; } .SalesforceLeadForm__main_form_button___w5aUL { background-color: #9d031d; color: #fff; text-align: center; cursor: pointer; border: 1px solid transparent; font-size: 13px; line-height: 1.5384616; border-radius: 3px; -webkit-user-select: none; font-weight: 700; letter-spacing: .08em; box-shadow: 0 2px 0 #670314; padding: 11px; border-radius: 2px; outline: none; width: 100%; font-family: sans-serif; } a.call-a-contact-number {color:#fff} .site-navbar.sticky{ margin-bottom: 0; z-index: 1999; position: fixed; top: 0; width: 100%; border-bottom: rgb(0, 0, 0); padding: 0px; margin: 0; z-index: 999; background: #000; box-shadow: 0px 0px 4px #000; } /*------------banner--------------------*/ .for-more {    text-align: center; background: #9d031d; padding: 14px;} .for-more h3{    color: #fff; font-size: 28px; font-weight: 600; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px;} .for-more h2{color: #fff; font-size: 23px; font-weight: 600; letter-spacing: 1px; } .for-more a button{padding: 4px 15px;} .free-section button {border: #0000009e; background: #00000073; color: #fff; padding: 5px 11px;} .right-s {width:100%; float:right} /*--------------Pendulam---------------------*/ .css-info-bar { background: #fff; text-align: center; padding: 15px 0; position: relative; } .call-to-action { width: 80%; margin: 0 auto; } .call-to-action h2 { font-size: 28px; font-weight: 600; padding: 10px; } .call-to-action h2 { font-size: 29px; font-weight: 600; color: #4A4C4E; font-family: sans-serif; } /*******-----------about us wrapper---------*********/ .abt_service_section{ float:left; padding-bottom:108px; width:100%; } .about_img{ float:left; display:inline-block; width:100%; } .abt_2_heading_mn{ margin-top:0px; padding-top:140px; } .abt_service_section{ float:left; width:100%; text-align:center; } .abt_left_section{ float:left; width:100%; } .abt_left_section img{ float:left; display:inline-block; } .about_us_wrapper{ /* float: left; */ width: 100%; padding-top: 50px; overflow: hidden; } .sidebar_right_abt{ float:left; width:100%; text-align:left; margin-top:-30px; } .top_service_wrapper{ background: url('https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/images/top_service_img.jpg') 50% 0 repeat-y; top: 0; left: 0; width: 100%; height: 100%; margin: 0px; padding: 0px; z-index: -9999; background-position: center 0; overflow: hidden; background-size: cover; text-align:center; } .top_serv_overlay{ padding-top:100px; background:rgba(245, 245, 245, 0.8); padding-bottom:100px; } .top_serv_txt{ margin-top:0px; } /*pendulam*/ #service { position: relative; padding: 5em 0 0; } .service-content { text-align: center; position: relative; padding: 0 10px; } .red { background-color: #f00; } .blue { background-color: rgb(38, 90, 146); } .green { background: #1bd741; } /* Chrome, Safari, Opera */ @-webkit-keyframes example { 0%   {background-color:;left:0px; top:0px;} 100%  {background-color:; left:20px; top:0px;} } /* Standard syntax */ @keyframes example { 0%   {background-color:; left:0px; top:0px;} 100%  {background-color:; left:20px; top:0px;} } .mov { position: relative; -webkit-animation-name: example; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-name: example; animation-duration: 2s; animation-iteration-count: infinite; } .swap { position: relative; -webkit-animation-name: example; animation-name: slide; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; } /*.swap:before { content: ''; background: #035d47; position: absolute; left: 38%; margin-top: -55px; width: 1px; height: 538%; z-index: 0; } .service-content:after { content: ""; background: #dc0808; width: 25px; height: 23px; position: absolute; top: 0%; margin-top: -58px; left: 42.5%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .09); -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, .09); box-shadow: 0 0 0 3px rgb(220, 220, 220); z-index: 3; } */ .service-content .service-icon { position: relative; transition: all 1s; -webkit-transition: all 1s; } .service-content i { display: inline-block; overflow: hidden; color: #fff; font-size: 38px; width: 90px; height: 90px; line-height: 90px; margin: 30px 0 0; -webkit-box-shadow: 0 0 0 12px #f0f0f0; -moz-box-shadow: 0 0 0 12px #f0f0f0; box-shadow: 0 0 0 12px #f0f0f0; } .yellow { background: #fcb124; } .skyblue { background: #01B8EC; } .dred { background: #D92E3A; } .black { background-color: #222; } .img-circle { border-radius: 50%; } .service-content h3 { font-size: 16px; color: #000; margin-top: 20px; } .jtjt {    width: 22%;} .swap { position: relative; -webkit-animation-name: example; animation-name: slide; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; } .mov { position: relative !important; -webkit-animation-name: example; /* -webkit-animation-duration: 2s; */ -webkit-animation-iteration-count: infinite; animation-name: example !important; /* animation-duration: 1s !important; */ animation-iteration-count: infinite !important; } /* Chrome, Safari, Opera */ @-webkit-keyframes example { 0%   {background-color:;left:0px; top:0px;} 100%  {background-color:; left:20px; top:0px;} } /* Standard syntax */ @keyframes example { 0%   {background-color:; left:0px; top:0px;} 100%  {background-color:; left:20px; top:0px;} } .swap:before { content: ''; background: #ccc; position: absolute; left: 39%; margin-top: -55px; width: 1px; /* left: 74px; */ height: 538%; z-index: 0; } .service-content:after { content: ""; background: #265A92; width: 25px; height: 23px; position: absolute; top: 0%; margin-top: -58px; left: 42.5%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .09); -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, .09); box-shadow: 0 0 0 3px rgba(0, 0, 0, .09); z-index: 3; } /*pendulam*/ /*--------------Pendulam---------------------*/ #about-us { width: 100%; overflow:hidden } #about-us .column { width: 46%; margin-left: 0; margin-right: 3.8%; clear: none; float: left; padding: 2em 0em; } .timeline h2 { text-align: right; } .timeline p { font-size: 14px; color: #333; line-height: 23px; } .readmore { border: 1px solid #929292; margin-top: 2px; margin-bottom: 2px; display: inline-block; padding: 2px 17px 3px; clear: both; font-size: 13px; text-decoration: none; border-radius: 3px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .readmore a { text-decoration: none; color: #284144; outline: none; } #about-us h2 { font-weight: 700; font-size: 25px; color: #0e3d52; margin-bottom: 8px; } .timeline h2 { text-align: right; } h3.heading-light { color: #9d031d; font-weight: 300; margin-bottom: 10px; font-size: 17px; margin-left: 45px; color: #9d031d; } #about-us ul { float: right; } #about-us ul li { margin: 0px 8px; float: left; display: inline; color: black; } #about-us ul li a { font-size: 19px; color: #0D295A; /* font-weight: 600; */ } .timeline time { display: block; width: 4.111em; color: #16a2ef; text-align: center; font-weight: 700; } .timeline .experience { position: relative; float: left; margin-left: 2em; padding-left: 3em; border-left: 2px solid #ccc; background: none; padding-bottom: 0; padding-top: 7px; } .timeline .experience .circle { position: absolute; top: 0; left: -24px; display: block; width: 40px; height: 40px; border: 3px solid #e1e1e1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #DB7C10; } .timeline .experience-img { float: left; width: 4em; height: 4em; } .timeline .experience-img i { color: #073043 !important; font-size: 2.5em; display: block; line-height: 36px; } .timeline .experience-info { margin-left: 4.444em; } .timeline .experience-info h5 { margin-top: 0; margin-bottom: 0.333em; font-size: 15px; color: #2C2C2C; font-weight: 600; } .timeline .experience-info p { font-size: 13px; color: #282727 !important; line-height: 1.4em; margin-bottom: 2px; } .css-info-bar { text-align: center; padding: 15px 0; position: relative; } .call-to-action h2 { font-size: 28px; font-weight: 600; padding: 10px; color: #353535; } .call-to-action p { color: rgb(191, 63, 85); padding: 1px 0; margin: 0; font-weight: 200; font-size: 24px; } .about { text-align: left; padding: 4em 0 6em; position: relative; } .about ul { margin: 0; padding: 0; } .about .card {border:none} .about .nav-tabs { -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.04); box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.04); border-bottom: 1px solid  } .about ul li { margin: 2px 10px; float: left; list-style: none; background: #e05b0b; padding: 5px 17px; margin: 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #fff; background-color: #e05b0b; border: none; -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.04); border-bottom-color: transparent; font-size: 14px; font-weight: 600; } .pagecontent { padding: 1em 0%; position: relative; background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/img-3-blur.jpg); background-size: cover; background-repeat: round; } .pagecontent { width: 100%; margin: 0px auto; padding: 1.5% 0% 0; clear: both; overflow: hidden; } .pagecontent .testimonial { width: 50%; float: left; display: inline-block; padding-top: 3% !important; padding-right: 3% !important; padding-bottom: 5px !important; /* background-color: #000; */ } .client_testimonial { width: 480px; float: right; display: inline-block; } .client_testimonial h3 { color: #fff; font-size: 24px; font-weight: bold; padding: 30px 0px 20px 0px; } .client_testimonial .testimonialbox { clear: both; overflow: hidden; width: 100%; margin-bottom: 25px; } .client_testimonial .testimonialimage { float: left; padding: 5px; background: white; border-radius: 100%; -moz-border-radius: 100%; overflow: hidden; display: inline-block; margin-right: 20px; } .circle-img { border-radius: 100%; -moz-border-radius: 100%; } .client_testimonial .testimonialtext { width: 68%; float: left; display: inline-block; } .client_testimonial p { color: #fff; font-size: 14px; line-height: 22px; font-style: italic; text-align: justify; } .client_testimonial .line3 { width: 30%; height: 3px; background-color: #a81c1c; clear: both; margin: 15px 0px; } .pagecontent .portfolioitems { width: 100%; float: left; display: inline-block; background: #BF161D; padding: 3.5px 0; padding-left: 2%; position: relative; } .pagecontent .portfolioitems:before{content: ''; background: #bf161d; position: absolute; width: 506%; height: 100%; top: 0; right: -502%; z-index: 0; /* left: auto; */ /* position: relative; */} .list_carousel { margin: 30px 0 10px 0px; width: 480px; float: left; overflow: hidden; padding: 0px 0px 11px 0px; } .portfolioitems h6 { margin-left: 36px; padding-top: 20px; padding-bottom: 69px; color: #fff; font-size: 22px; line-height: 32px; font-style: italic; } .list_carousel h6 strong { border-top: 3px solid #000; color: #000; font-size: 14px; } .happy_client { text-align: center; /* background-color: #61A9DC; */ } .happy_client { float: left; padding: 1% 0 0px 7%; } .happy_client h2 { color: #FFF; font-size: 20px; margin: 0; line-height: normal; font-weight: 900; font-family: arial; } .happy_client ul { margin: 0; padding: 0; list-style: none; } .happy_client ul { float: left; } .happy_client ul li { display: block; margin-bottom: 5px; } .happy_client ul li { width: 140px; height: 125px; border: 1px #b1b1b1 dashed; text-align: center; margin-top: 5px; border-radius: 50%; background: #FFF; } .happy_client h4 { font-family: 'Montserrat', 'sans-serif'; font-weight: 700; font-size: 41px; color: #0e3d52; display: block; line-height: 1; padding-left: 0; padding-top: 12px; } .happy_client h3 { font-size: 12px; color: #ef3e31; font-weight: bold; text-transform: uppercase; display: block; padding: 0 2px; } #features { position: relative; margin: 0 0 0px 0; padding: 1em 0; overflow: hidden; } #features h3 { margin: 20px 0 2px 0; font-size: 1.15em; line-height: 1.3; font-weight: 700; color: #1f1f1f; } .ProcessCntr { width: 100%; height: auto; float: left; margin: 10px 0 0 0; background: url(https://d2attmqgyy4lt0.cloudfront.net/images/cms/wp-content/themes/newproject/images/procesDvdr.png) repeat-x 10px 55px; } .ProcessCntr ul { list-style: none; overflow: hidden; padding-left: 56px; } .ProcessCntr ul li { float: left; margin: 0 3.77% 0 0; white-space: normal; width: 10%; } .ProcessCntr ul li span.process1 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process1.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li:hover span.process1 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process11.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li span.process2 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process2.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li:hover span.process2 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process22.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li span.process3 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process3.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li:hover span.process3 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process33.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li span.process4 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process4.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li:hover span.process4 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process44.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li span.process5 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process4.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li:hover span.process5 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process55.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li span.process6 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process6.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li:hover span.process6 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process66.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li span.process7 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process7.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li:hover span.process7 { background-image: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/process77.png); background-position: center; background-repeat: no-repeat; } .ProcessCntr ul li:hover span { background-color: #9d261d; } /* End creative Process */ .ProcessCntr ul li strong { font-size: 13px; color: #2d2d2d; text-align: center; display: block; white-space: normal; } .ProcessCntr ul li span { width: 110px; height: 110px; margin: 0 auto; -webkit-border-radius: 110px; -moz-border-radius: 110px; border-radius: 110px; display: block; background-color: #f4f4f4; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; } .circle-separator { text-align: center; font-size: 28px; color: #c9c9c9; background: #e0e0e0; height: 1px; margin: 45px 0; } .circle-separator i { background: #f8f8f8; border: 1px solid #e0e0e0; height: 60px; width: 60px; position: relative; top: -31px; line-height: 60px; display: inline-block; padding-left: 1px; -webkit-border-radius: 50%; border-radius: 50%; } #call-now-banner {background: #00000082;padding: 5px 0;} /*------------------------------Footer--------------------------------------*/ .footer { position: relative; background: #222222; color: #fff; font-size: 13px; padding-top: 0px; } .footer .row.postion {position:relative} .ninja-height { min-height: 118px; position: absolute; top: -170px; left: 0px; } .footer-ninja img { position: absolute; top: auto; bottom: 0px; left: 20px; } .ninja-height1 { min-height: 118px; position: absolute; right: 0px; top: -170px; } .footer h5 { /* font-family: 'Montserrat', 'sans-serif'; */ margin: 2px 0 20px; font-size: 19px; color: #fff; font-weight: 700; } p.small-size-p  {font-size:5px !important; margin:0px !important; float:left !important} p.small-size-p a {color: #222 !important} .pm-button img {width:93%} .cont i { width: 50px; height: 50px; line-height: 50px; text-align: center; color: #222; font-size: 28px; float: left; border-radius: 50%; background: #fff; margin-right: 10px; } .cont p { color: #999999; font-size: 13px; line-height: 18px; margin: 0 0 18px; overflow: hidden; } .cont p a { color: #fff; } .loca-tion { overflow: hidden; width: 100%; } .loca-tion p { margin-bottom: 14px; font-size: 15px; } .footer .loca-tion ul { margin: 0; padding: 0; list-style: none; overflow: hidden; } .loca-tion li { padding: 0px 0 0px 0px !important; border: none !important; background: #9d031d; float: left; margin: 0px 0px 4px 3px; width: 48%; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .logo_space {  margin-top: 0px;} .logo_space img{width:80%} .loca-tion a { text-transform: uppercase; color:#fff; font-weight: 600; line-height: 21px !important; display: block; } .loca-tion img { width: 31px; height: 24px; } .location-map img {width:100%} .bor { background-color: #1A1919; padding: 2em 1em 0; } .bor-bottom { background-color: #1A1919; padding: 0em 1em 0; margin-top: 5px; } .footer ul { margin: 0; padding: 0; list-style: none; overflow: hidden; } .footer ul li:first-child { border: none; } .footer ul li { position: relative; padding: 7px 0 7px 20px; border-top: 1px solid #333; display: block; color: #999999; } .footer ul li:before { content: "\f178"; position: absolute; left: 0; top: 7px; font-family: 'FontAwesome'; } .footer ul li a { color: #fff; font-size: 13px; line-height: 18px; } .loca-tion ul.wid li {    width: auto; padding: 0 0px 0 0px !important; width: 10.8%;} .loca-tion ul.wid li:before {display:none} .keywords { font-size: 12px; background-color: black; } .keywords p { color: #717171; margin-bottom: 5px; line-height: 18px; padding: 10px; } .social_connect .fb_like, .social_connect .in_connect, .social_connect .tw_follow { width: 249px; height: 60px; display: block; clear: both; margin-bottom: 1px; text-align: center; font-size: 22px; line-height: 60px; -webkit-transition: background 300ms ease-out 0s; -moz-transition: background 300ms ease-out 0s; -o-transition: background 300ms ease-out 0s; transition: background 300ms ease-out 0s; } .social_connect a span { font-family: oswaldbold; color: #6e6e6e; font-size: 34px; display: block; text-indent: 25px; } .social_connect a:hover span { display: none; } .tw_follow { background: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/btn_social.png) 0 0 no-repeat; } .tw_follow:hover { background-position: -258px 0; } .fb_like { background: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/btn_social.png) 0 -71px no-repeat; } .fb_like:hover { background-position: -258px -71px; } .in_connect { background: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/btn_social.png) 0 -141px no-repeat; } .in_connect:hover { background-position: -258px -141px; } .copy-main { width: 100%; overflow: hidden; background-color: black; padding: 10px 0 5px; } .copy {width: 100%; font-size: 14px; color: rgba(159, 160, 160, 0.81); } .copy p { margin-bottom: 5px; text-align:center } /*------------------------------Footer--------------------------------------*/ /*------------------------------portfolio slider--------------------------------------*/ .portfolio { padding: 1em 0; position: relative; } .portfolio { width: 100%; overflow:hidden } #case-preview { height: 305px; background: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/bartop.jpg) repeat-x; position: relative; overflow: hidden; padding-top: 20px; display: flex; } #case-images { width: 481px; height: 305px; float: left; padding-left: 3px; margin-left: 10px; padding-top: 26px; background: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-lucknow/img/device-3.png) no-repeat; overflow: hidden; position: relative; } #case-images img { width: 369px; height: 229px; position: absolute; top: 26px; left: 56px; z-index: 5; } #case-texts { width: 329px; float: right; overflow: hidden; } #case-texts div { margin-left: 45px; padding-top: 35px; } #case-texts div h4 { font-family: 'Montserrat', 'sans-serif'; font-weight: 700; font-size: 25px; color: #0e3d52; } #case-texts div dl { font: 20px Georgia, Garamond, serif; font-style: italic; margin-bottom: 15px; display: block; } #case-texts div p { margin-bottom: 15px; display: block; line-height: 22px; font-size: 13px; } #case-texts a.button-one, a.button-two { background: #033B70; color: #fff; font: 11px Arial, Tahoma, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; display: inline-block; padding: 7px 10px; margin-top: 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: auto; border: 0px; float: none; } .portfolio .col-md-9{float:left} .portfolio .col-md-3{float:right} /*------------------------------portfolio slider--------------------------------------*/ .footer-logos {overflow:hidden; margin-bottom:0px} .technology { width: 100%; margin-top: 18px; margin-bottom: 140px; } .technology h3 { font-family: 'Montserrat', 'sans-serif'; font-weight: 700; font-size: 28px; color: #0e3d52; text-align: center; padding: 10px 0; margin: 10px 0; } .technology a { display: inline-block; -webkit-transition: all 700ms linear; transition: all 700ms linear; } .mobile-phone {display:none} .mobile-phone  .site-menu> li>a {    font-size: 16px !important;    line-height: 12px;} .mobile-phone  .site-menu> li:nth-child(1) {    background: #9D031D;    float: left;} .mobile-phone  .site-menu> li:nth-child(3) {background:#9D031D} .mobile-phone  .site-menu  {padding:0px !important;} /*----------------Media -------------------------------*/ @media (max-width:823px){ .ProcessCntr ul { list-style: none; overflow: hidden; padding-left: 0; } .ProcessCntr ul li { float: left; margin: 0 0.77% 0 0; white-space: normal; width: 10%; } .ProcessCntr ul li span { width: 80px; height: 88px; } .social_connect .fb_like, .social_connect .in_connect, .social_connect .tw_follow { width: 100%; } .social_connect a span { font-family: oswaldbold; color: #6e6e6e; font-size: 19px; display: block; text-indent: 25px; text-align: right; } #header-info-part { padding: 20px; background: #00000082; width: 100%; float: none; } .right-sd { width: 100%; float: none; } div.banner-sta { display: block !important; padding-left: 0 !important; padding-right: 0 !important; white-space: inherit !important; padding: 0 !important; z-index: 9;} div.banner-sta .overlay { z-index: -1 !important; } .css-info-bar {display:none} section#service {display:none} div.banner-sta h1 {font-size: 28px !important; } #aero-img-desktop-container {display:none !important} .pb-3, .py-3 { padding-bottom: 10px !important; } .float-right { float: right!important; color: #fff; } .mobile-phone {display:block !important} .site-mobile-menu-body .site-menu.main-menu {    padding: 0; list-style: none; overflow: hidden;} .site-mobile-menu-body .site-menu.main-menu li {background:#000000} .site-mobile-menu-body .site-menu.main-menu li a {color: #fff;} .timeline.section_none {    /* display: none; */    overflow: hidden;} .timeline .experience {    margin-left: 1em !important; padding-left: 22px !important;       padding: 0 !important;} .timeline .experience .circle { width: 30px !important;   left: -17px !important; height: 30px !important; } .timeline .experience-img {width: 3em !important;margin-left: 19px !important;} .timeline .experience-info { margin-left: 3.444em; } .SalesforceLeadForm__leadCustomerEnquiryForm___2pSq5 { margin-top: 0px; width: 100% !important; } .for-more h3 { font-size: 19px !important; font-weight: 500  !important; font-family: inherit; letter-spacing: 1px; } .call-to-action {width:100% !important} #about-us .column { width: 100% !important; margin-left: 0; margin-right: 0 !important; clear: none; float: inherit !important; padding: 2em 0em; } .about img.css_founder_flow{width:100%} .year.year1 {overflow:hidden;     width: 100%;} #about-us h2 {    text-align: left;} .timeline p {text-align: justify;    font-size: 16px !important; line-height: 26px !important; color: #000;} h3.heading-light { margin-left: 0 !important;} #about-us ul { float: right; padding: 0; } .css-info-bar .call-to-action h2 {margin: 0; } .css-info-bar .call-to-action p {font-size: 21px;line-height: 25px;} .tab-content>.active .tab_contant p {text-align: justify; font-size: 16px; color: #000; margin: 8px 0;} div.pagecontent .testimonial { width: 50%; float: inherit !important; display: inline-block; padding-top: inherit !important; padding-right: 0 !important; padding-bottom: inherit !important; /* background-color: #000; */ } .right-s { width: 100%; float: right; padding: 0; } .ProcessCntr ul li { width: 13%;} .technology a {display: inline-block; width: 11%; float: left;} .technology a img {width:100%} .pm-button img { width: 100%; } .ninja-height {display:none} .ninja-height1 {display:none} .technology { width: 100%; margin-top: 18px; margin-bottom: 35px !important; } .client_testimonial .testimonialtext { width: 100% !important; float: right !important; } .client_testimonial { width: 100%; float: right; display: inline-block; } .client_testimonial .testimonialtext {width: 100%; } .pagecontent .portfolioitems { width: 100% !important;float: none !important; padding-left: 0% !important;} .list_carousel {width: 100% !important; } .happy_client h2 {margin: 0 0 15px; } .happy_client {    float: left;    padding: 5% !important;} .happy_client ul {    width: 100%;    display: flex;} .happy_client ul li {margin: 3%; width: 100%;} .ProcessCntr ul li:nth-child(7) {padding-left: 23%;} #case-preview {height: auto !important; display: block  !important;} #case-images { width: 278px !important;height: 176px !important; background-repeat: round !important; } #case-images img {width: 215px !important; height: 134px !important; top: 15px !important; left: 31px !important;} .loca-tion ul.wid li {    width: 48% !important;} .bor { background-color: #1A1919; margin-top: 9px !important; padding: 2em 1em 0; } .loca-tion li { width: 97%;} .banner-sta .container{    padding: 0px !important; width: 100%; max-width: 100%;} } /* @media all and (min-width:360px) and (max-width:640px){ */ @media (min-width: 600px)  { .happy_client { margin: 0 auto; float: none; padding: 1% 0 0px 7%; } .happy_client ul { width: 33%; display: block; } h3.mb-0.site-logo {    max-width: 50%;} .site-navbar.js-sticky-header.site-navbar-target.sticky .pt-3, .py-3 { padding-top: 0rem!important; } .mobile-phone {position: absolute; width: 52%; z-index: 0; right: 18%;} #free-container-box-header {  margin-bottom: 0;} #absolutely-free-container {padding: 0px 0; } .free-section {position:relative;} .free-section button{    background: #00000091; border: #000; color: #fff; padding: 5px 10px; position: absolute; bottom: 0; right: 12px; } .ProcessCntr ul li:nth-child(7) { padding-left: initial; } #case-images {width:50%} #case-texts {width:44%} } @media (max-width:768px){ div.pagecontent .testimonial { width: 100%; } .social_connect .fb_like, .social_connect .in_connect, .social_connect .tw_follow { width: 249px; } .social_connect a span { font-family: oswaldbold; color: #6e6e6e; font-size: 34px; display: block; text-indent: 25px; } .pm-button img { width: 65%; } .portfolio .col-md-3 { float: right; position: absolute; top: 53px; right: -14px; width: 39%; } #case-texts { width: 100%; float: right; overflow: hidden; } .ProcessCntr ul { list-style: none; overflow: hidden; padding-left: 56; } .ProcessCntr ul li span { width: 110px; height: 110px; } .ProcessCntr ul li { width: auto; } .loca-tion li {width: 48%;} } .site-navbar .site-navigation .site-menu>li:hover a {color:#fff} /*----------------Media -------------------------------*/ @media (min-width: 1200px)  { h3.mb-0.site-logo {    max-width: 100%;} #case-images { width: 481px; } .free-section button {position: inherit; bottom: 0;right: 12px;} } .tyht img {width:100%} .center-phone { display: none; } @media (max-width: 823px) { .center-phone { display: block !important; position: absolute; top: 0; width: 100%; text-align: center; } .center-phone .center-phones { width: 40%; margin: 0 auto; background: #9d031d; } .center-phone .center-phones a { color: #fff; padding: 1px; } } .tab_contant.ffg h3 { font-size: 27px; font-weight: 600; padding: 8px 0; color: #353535; } .timeline .experience-info h5 { color: #000000 !important; } .left_img_s { width: 40%; float: left; margin: 0 60px 30px 0px; box-shadow: 0px 0px 10px #c2c2c2; border-radius: 20px; padding: 10px; } .left_img_s img { width: 100%; } /*-------------------------*/ .pad-tb { padding-top: 100px; padding-bottom: 100px; } .common-heading { padding: 0; text-align: center; position: relative; z-index: 10; } .common-heading>span { color: #9d031d; text-transform: uppercase; letter-spacing: .5px; font-size: 16px; font-weight: 400; margin: 0 0 15px; display: block; } .common-heading h2 { margin-bottom: 60px; font-size: 30px; line-height: 52px; color: #000000; font-weight: 600; } .bg-gradient5 .-cta-btn { display: inline-block; text-align: center; width: 100%; } .bg-gradient5 .mt70 { margin-top: 70px; } .badges-content { text-align: center; } .v-center { align-self: center; align-items: center; } .free-cta-title { display: inline-flex; } .-cta-btn p { font-size: 30px; color: #000000; margin: 0 30px 0 0; } .-cta-btn p span { font-weight: 700; } .bg-gradient5 .btn-main { font-size: 16px; font-weight: 400; font-family: poppins,sans-serif; padding: 0 32px; line-height: 56px; text-align: center; outline: none; color: #fff; border: none; border-radius: 100px; display: inline-block; position: relative; } .bg-gradient5 .bg-btn2 { background: linear-gradient(to right,#9d031d 0%,#a00a1d 100%); box-shadow: 0 10px 15px 0 rgb(175 0 202 / 20%); } .bg-gradient5 .fa-icon { margin-left: 5px; font-size: 12px; } /*-------------------------*/ .client-list-section .row {display:block} .client-list-section h2 {    margin-top: 20px; margin-bottom: 10px;font-size:30px;font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;color: #333;} .client-list-section h2 strong {color:#000} .feature-logo .clients-images ul li {width: 12%;} .clients-images .col-md-2 { width: 20%; float: left; flex: 0 0 20.66667%; max-width: 20.66667%; } .bill_g { margin-right: 22px; width: 9%; border-radius: 50px; overflow: hidden; float: left; } .bill_g img{width:100%} .pagecontent .testimonial { width: 100%; max-width: 100%; float:none } .client_testimonial { width: 100%; float: none; display: inline-block; } .client_testimonial .testimonialbox { clear: none; overflow: hidden; width: 50%; margin-bottom: 25px; float: left; } .pagecontent .portfolioitems:before { width: 100%; } .list_carousel { width: 100%; } .portfolioitems h6 { padding-bottom: initial; } .testimonialimage { display:block; } .testimonialimage.mobile { display:none; } @media (max-width: 991px) { .clients-images ul li { width: 23% !important; } .left_img_s { width: 100%; } .client_testimonial .testimonialbox { width: 100%; } .ou_str {display:none} .testimonialimage {display: none !important;} .testimonialimage.mobile {display: block !important;} p.fffg {font-size: 18px;} .bill_g { margin: 22px 10px; width: 24%; border-radius: 50px; overflow: hidden; float: left; } .clients-images .col-md-2 { width: 18% !important; } } .about-logd .pagecontent:before {    content: ''; position: absolute; width: 100%; height: 100%; background: #000000d1; top: 0; left: 0; } #absolutely-free-container {text-align:left} #absolutely-free-container button {margin-left:12%} .google-rating {     position: absolute; bottom: 0; right: 0; background: #fff; padding: 5px;} .google-rating h3 {   font-size: 29px; font-weight: 600; font-family: auto; color: #000; margin: 0;} .google-rating h3 span {  font-weight:100;  display: block; font-size: 15px;} .google-rating ul {    list-style: none; display: inline-flex; margin: 0; text-align: center; padding: 0;} .google-rating ul li{} .google-rating ul li i{color: #ffb100;} #free-services-main-container { position: relative; }