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; top: 0; width: 100%; border-bottom: rgba(255,255,255,.7); padding: 0; margin: 0; background: #000 } .mb-0.site-logo img { width: 100% } .site-navbar .site-logo { position: relative; left: 0; top: 0; 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 } 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 { 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: 0 } } .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,.8) 99%,rgba(0,0,0,.8) 100%); background: -webkit-linear-gradient(top,transparent 0%,transparent 18%,rgba(0,0,0,.8) 99%,rgba(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,.8)),to(rgba(0,0,0,.8))); background: -o-linear-gradient(top,transparent 0%,transparent 18%,rgba(0,0,0,.8) 99%,rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom,transparent 0%,transparent 18%,rgba(0,0,0,.8) 99%,rgba(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,.8) 99%,rgba(0,0,0,.8) 100%); background: -webkit-linear-gradient(top,transparent 0%,transparent 18%,rgba(0,0,0,.8) 99%,rgba(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,.8)),to(rgba(0,0,0,.8))); background: -o-linear-gradient(top,transparent 0%,transparent 18%,rgba(0,0,0,.8) 99%,rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom,transparent 0%,transparent 18%,rgba(0,0,0,.8) 99%,rgba(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: #fff; 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-gurgaon/img/banner/ank.jpg); position: relative; background-repeat: round; background-size: cover } div.banner-sta.delhi { background: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-gurgaon/img/banner/delhi.webp) } .tab_contant p { font-size: 15px; /* color:#000; */ text-align: left; margin: 13px 0 0; color: #636363; font-size: 16px; line-height: 1.5em; } 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: 700; margin-bottom: 20px; margin-top: 0; white-space: normal } #center-statment { margin-bottom: 20px; margin-top: 20px; line-height: 1.5384616 } #free-services-main-container { border: 1px solid #fff; border-radius: 2px; margin-left: 10%; margin-right: 10% } #free-container-box-header { text-align: center; padding: 5px; font-size: 13px; font-weight: 700 } #free-container-box-header { background-color: #fff; color: #004CD2 } #absolutely-free-container { justify-content: space-around; padding: 15px 0; padding-left: 0 } #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: 1px; font-size: 19px!important } #aero-img-desktop-container img { margin-top: 178px; transform: rotate(7deg); margin-left: 0; width: 100% } #call-now-small-screen-banner,#aero-img-mobile-container,#small-screen-accounting-software-heading-line { display: none } .SalesforceLeadForm__leadCustomerEnquiryForm___2pSq5 { margin-top: 0; 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: 0 } .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: 0; margin: 0; z-index: 999; background: #000; box-shadow: 0 0 4px #000 } .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 } .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 } .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: 0; 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 { 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-gurgaon/images/top_service_img.jpg) 50% 0 repeat-y; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; 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,.8); padding-bottom: 100px } .top_serv_txt { margin-top: 0 } #service { position: relative; padding: 5em 0 0 } .service-content { text-align: center; position: relative; padding: 0 10px } .red { background-color: red } .blue { background-color: rgb(38,90,146) } .green { background: #1bd741 } @-webkit-keyframes example { 0% { background-color: ; left: 0; top: 0 } 100% { background-color: ; left: 20px; top: 0 } } @keyframes example { 0% { background-color: ; left: 0; top: 0 } 100% { background-color: ; left: 20px; top: 0 } } .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 } .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-iteration-count: infinite; animation-name: example!important; animation-iteration-count: infinite!important } @-webkit-keyframes example { 0% { background-color: ; left: 0; top: 0 } 100% { background-color: ; left: 20px; top: 0 } } @keyframes example { 0% { background-color: ; left: 0; top: 0 } 100% { background-color: ; left: 20px; top: 0 } } .swap:before { content: ''; background: #ccc; position: absolute; left: 39%; margin-top: -55px; width: 1px; 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 } #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: 0 8px; float: left; display: inline; color: #000 } #about-us ul li a { font-size: 19px; color: #0D295A } .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: .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 0 -1px 1px rgba(0,0,0,.04); box-shadow: inset 0 -1px 1px rgba(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,.04); box-shadow: 0 -1px 1px rgba(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-gurgaon/img/img-3-blur.jpg); background-size: cover; background-repeat: round } .pagecontent { width: 100%; margin: 0 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 } .client_testimonial { width: 480px; float: right; display: inline-block } .client_testimonial h3 { color: #fff; font-size: 24px; font-weight: 700; padding: 30px 0 20px 0 } .client_testimonial .testimonialbox { clear: both; overflow: hidden; width: 100%; margin-bottom: 25px } .client_testimonial .testimonialimage { float: left; padding: 5px; background: #fff; 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 0 } .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 } .list_carousel { margin: 30px 0 10px 0; width: 480px; float: left; overflow: hidden; padding: 0 0 11px 0 } .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 } .happy_client { float: left; padding: 1% 0 0 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: 700; text-transform: uppercase; display: block; padding: 0 2px } #features { position: relative; margin: 0 0 0 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-gurgaon/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-gurgaon/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-gurgaon/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-gurgaon/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-gurgaon/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-gurgaon/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-gurgaon/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-gurgaon/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-gurgaon/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-gurgaon/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-gurgaon/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-gurgaon/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-gurgaon/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-gurgaon/img/process77.png); background-position: center; background-repeat: no-repeat } .ProcessCntr ul li:hover span { background-color: #9d261d } .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 { position: relative; background: #222; color: #fff; font-size: 13px; padding-top: 0 } .footer .row.postion { position: relative } .ninja-height { min-height: 118px; position: absolute; top: -170px; left: 0 } .footer-ninja img { position: absolute; top: auto; bottom: 0; left: 20px } .ninja-height1 { min-height: 118px; position: absolute; right: 0; top: -170px } .footer h5 { 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: #999; 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: 0 0 0 0px!important; border: none!important; background: #9d031d; float: left; margin: 0 0 4px 3px; width: 48%; border-top-right-radius: 10px; border-bottom-right-radius: 10px } .logo_space { margin-top: 0 } .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: #999 } .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 0 0 0px!important; width: 10.8% } .loca-tion ul.wid li:before { display: none } .keywords { font-size: 12px; background-color: #000 } .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-gurgaon/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-gurgaon/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-gurgaon/img/btn_social.png) 0 -141px no-repeat } .in_connect:hover { background-position: -258px -141px } .copy-main { width: 100%; overflow: hidden; background-color: #000; padding: 10px 0 5px } .copy { width: 100%; font-size: 14px; color: rgba(159,160,160,.81) } .copy p { margin-bottom: 5px; text-align: center } .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-gurgaon/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-gurgaon/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: 700; 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: 0; float: none } .portfolio .col-md-9 { float: left } .portfolio .col-md-3 { float: right } .footer-logos { overflow: hidden; margin-bottom: 0 } .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 (max-width: 823px) { .ProcessCntr ul { list-style:none; overflow: hidden; padding-left: 0 } .ProcessCntr ul li { float: left; margin: 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: #000 } .site-mobile-menu-body .site-menu.main-menu li a { color: #fff } .timeline.section_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: 0; 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 } .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 (min-width: 600px) { .happy_client { margin:0 auto; float: none; padding: 1% 0 0 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: 0 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 (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 0; box-shadow: 0 0 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: #000; 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: #000; 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 i { color: #ffb100 } #free-services-main-container { position: relative } ul.lisst li { float: none; background: #fff; padding: 0 3px; color: #202020; font-size: 15.5px; line-height: 1.6 } ul.lisst { margin: 10px 2px } /*-----------Price Calculator----------------*/ .delhi_blog_side { border: 1px solid #E3E7ED; /* padding: 15px; */ } .delhi_blog_side .widget { overflow: hidden; /* background: #000; */ } .delhi_blog_side .widget h4 { background: #282828; margin: 0px; color: #fff; padding: 6px 15px; margin: 0 !important; font-size: 18px; } .delhi_blog_side .image-list { margin: 0; padding: 15px; overflow: hidden; } .delhi_blog_side .image-list>li { clear: both; display: flex; overflow: hidden; align-items: center; width: 100%; justify-content: space-between; gap: 15px; margin-bottom: 10px !important; padding-bottom: 10px !important; border-bottom: 1px solid #eee; background: no-repeat; float: inherit; padding: 0; margin: inherit; } .delhi_blog_side .image-list>li:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border: none; } .delhi_blog_side .image-list figure { float: left; width: 30%; border-radius: 0.4rem!important; height: 80px; } .delhi_blog_side .rounded img { border-radius: 0.4rem; } .delhi_blog_side figure img { width: 100%; max-width: 100%; height: 80px; object-fit: cover; } .delhi_blog_side .image-list .post-content { width: 70%; } .delhi_blog_side .post-content { position: relative; } .delhi_blog_side .link-dark { color: #000; margin: 0; margin-bottom: 15px; font-size: 15px; } .delhi_blog_side .post-meta { list-style: none; padding: 0; margin: 0; font-size: 13px; color: #aab0bc; text-transform: inherit; letter-spacing: inherit; } .delhi_blog_side .post-meta li { display: inline-block; background: none; float: inherit; padding: 0; } .delhi_blog_side .post-meta li i { padding-right: 0.2rem; vertical-align: -0.05rem; } .sticky_4 { position: sticky; top: 70px; } .new_ss { margin-right: -15px; margin-left: -15px; /* overflow: hidden; */ position: relative; display: flow-root; flex-direction: row-reverse; /* display: block; */ } .new_ss .col-md-4 { float: right; } .new_ss .col-md-8 { float: left; } .new_ss { position: relative; padding-top: 25px; } .new_ss .col-md-8 h3 { margin: 0; padding: 0; font-size: 20px; } div.banner-sta.gur { background: url(https://d2attmqgyy4lt0.cloudfront.net/images/website-designing-company-in-gurgaon/img/banner/gur.webp); } /*-----------Price Calculator----------------*/