/*modal videos css*/
.videomodal .close {
position:absolute;
right:-30px;
top:0;
z-index:999;
font-size:2rem;
font-weight: normal;
color:#fff;
opacity:1;
}
.videomodal .modal-content {
background: transparent;
border: none;
}
.modal-open .videomodal.modal {
background: #000000d4;
z-index: 999999;
}
/*modal videos css end*/
@font-face{font-family:'jenna_sueregular';
src:url('../css-o/webfonts/JennaSue.ttf') format('truetype');
font-weight:normal;font-style:normal;}
.ogen-JennaFnt {
font-family: 'jenna_sueregular', arial, sans-serif;
font-size: 78px;
text-transform: none;
}
/*--header mobile css--*/
@media (max-width:767px)
{
.new-heading-style span img
{
display: none;
}
.hidden-xs {
display: none!important;
}
.logo {
height: 53px;
}
#offcanvas-toggler {
margin-left: 75px;
}
i.fa.fa-phone {
left: 50px;
font-size: 18px;
}
i.fa.fa-whatsapp.mobdisb {
position: relative;
left: 22px;
}
}
@media (max-width:375px)
{
.logo {
height: 51px;
}   
}
@media (max-width:345px)
{
.footer-form .panel-group .panel .panel-heading h4 a
{
font-size: 16px;
}
#offcanvas-toggler {
margin-left: 48px;
}
#offcanvas-toggler>i {
font-size: 21px;
}
i.fa.fa-whatsapp.mobdisb {
font-size: 20px !important;
}
i.fa.fa-phone {
left: 30px;
font-size: 20px;
top: 3px;
}
.logo {
height: 40px;
}
}
/*--header mobile css end--*/
/***default-ogen-css end***/
/* Navigation Sub
------------------------------------- */
.fff {
color: #fff !important;
}
a:hover
{
text-decoration: none;
}
.m0
{
margin: 0;
}
.width100
{
width: 100%;
}
button:focus
{
outline: none;
}
.mobdisb {
display: none;
}
.border-top-class {
border-top: 1px solid gray;
padding-top: 20px;
margin-top: 30px;
color: #000;
}
.border-top-class.text-center, header button, nav.main .megamenu h6 {
font-weight: 500;
font-family: 'Fredericka the Great', cursive;
}
nav.sub {
border-bottom: 1px solid #ebebeb;
padding: 10px 0;
}
/* Navigation Main
------------------------------------- */
nav.main .nav-logo {
max-width: 200px;
width: 100%;
}
nav.main ul {
padding-left: 0;
list-style-type: none;
}
/* ------ Mega Menu ------ */
nav.main .megamenu {
padding: 20px 20px;
position: absolute;
top: auto;
left: 0;
right: 0;
width: 90%;
margin-left: auto;
margin-right: auto; 
/*border-top: 2px solid #f5f5f5;*/
}
/* ------ Mid Menu ------ */
nav.main .midmenu {
position: absolute;
padding: 20px 20px;
float: left;
top: auto;
left: auto;
right: auto;
max-width: 650px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.dropdown-menu.megamenu.midmenu.show {
right: 0;
}
.dropdown-menu.show {
right: 0;
}
header
{
position: relative;z-index: 999;
}
.logo
{
height: 60px;
}
ul.dropdown-menu.megamenu {
/*background: url(../img/BG.jpg);*/    padding: 33px 40px;
}
.dropdown-menu
{
min-width: 14rem;
padding: 0;
}
nav.main .megamenu
{
border-right: none;
border-radius: 0;
}
nav.main .megamenu h6
{
text-transform: uppercase;
font-weight: 700;
color: #eb550a;
font-size: 16px; 
}
nav.main .megamenu li a
{
line-height: 22px;
font-size: 16px;
color: #000;
}
nav.main .megamenu li
{
padding: 5px 7px;
}
.call-list h3,.call-list span.callcontent,.call-list a
{
text-align: left;
color: #555252 !important;
font-weight: 500;
font-family: 'Fredericka the Great', cursive;
}
.call-list span.callcontent
{
font-size: 32px;
display: block;
line-height: 40px;
}
.call-list h3
{
margin-top: 10px;
margin-bottom: 10px;
}
.call-list a
{
font-size: 1.75rem !important;
line-height: 38px !important;
}
li.nav-item {
padding: 0 18px;
}
.navbar-light .navbar-nav .nav-link {
display: inline-block;
padding: 0px;
line-height: 66px;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 0;
font-weight: 400;
color: #000;    
margin-bottom: -1px;
}
.dropdown-item {
display: block;
padding: 0 9px;
position: relative;
border-bottom: none;
white-space: inherit;
width: 14rem;
font-weight: 500;
padding: 7px 9px;
line-height: 19px;
padding: 7px 35px;
}
.dropdown-menu
{
/*border: 2px solid #f5f5f5;*/
}
.dropdown:hover .dropdown-menu {
display: block;
animation: spMenuFadeInUp .4s;
padding: 28px 0;
}
@keyframes spMenuFadeInUp{0%{opacity:0;transform:translate3d(0,30px,0)}100%{opacity:1;transform:none}}
.border-r {
border-right: 1px solid #f1f0f0;
padding-left: 0;
min-height: 235px;
}
.sticky {
position: fixed;
top: 0;
width: 100% !important;
z-index: 777;
margin: auto;
background: #fff;
display: inline-flex;
flex-wrap: nowrap;
justify-content: center;
}
.sticky#myHeader {
background: #fff;
-webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
-moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}
.sticky#myHeader .navbar {
padding: 0;
width: 1350px;
}
#myHeader {
/*border-top: 5px solid #ef6603db;*/
position: absolute;
}
header button
{
letter-spacing: 2px;
}
.navbar
{
padding: 0rem;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #ef6603;
}
.dropdown-toggle::after {
position: relative;
top: 2px;
}
.callbutton a
{
position: relative;
top: -3px;
}
.mr13
{
margin-right:13px;
}
li.nav-item.call-item.calllisticon img {
position: relative;
top: -1px; -webkit-transition: 0.6s ease-out;
-moz-transition: 0.6s ease-out;
transition: 0.6s ease-out;
}
li.nav-item.call-item.calllisticon:hover img
{
-webkit-transform: rotateZ(720deg);
-moz-transform: rotateZ(720deg);
transform: rotateZ(720deg);
}
li.nav-item.call-item.calllisticon a:hover {
color: #ffffff;
}
li.nav-item.call-item.calllisticon:hover
{
box-shadow:0 3px 7px rgba(57, 63, 72, 0.3);
}
.homelandsec.top0
{
top: 0;
}
.nav-item a:hover,.dropdown-menu.megamenu a:hover
{
color: rgb(231, 75, 44);
}
ul.dropdown-menu.megamenu {
padding: 33px 40px !important;
}
.header.stivky{
box-shadow: 0 3px 6px rgba(0,0,0,.05);
position: fixed;
width: 100%;
z-index: 999999;
top: 0;
background: #fff;
-webkit-animation: slide-down 0.7s;
-moz-animation: slide-down 0.7s;
animation: slide-down 0.7s
}
@-webkit-keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:0.9; transform:translateY(0);}}
@-moz-keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:0.9; transform:translateY(0);}}
@keyframes slide-down { 0% { opacity:0; transform:translateY(-100%);}100% { opacity:0.9; transform:translateY(0);}}
.top-auto{top:auto}
i.fa.fa-phone {
color: #df5c1e;
font-size: 25px;
position: relative;
top: 2px;
left: 43px;
}
i.fa.fa-whatsapp.mobdisb {
position: relative;
left: 17px;
}
.navbar-light .navbar-toggler {
border-color: transparent;
margin-left: 55px;
}
.call-item {
background: #000;
padding: 0;
border-radius: 5px;
position: relative;
top: 13px;
height: 38px;
}
.navbar-light .navbar-nav .call-item .nav-link {
color: #fff;
line-height: 38px;
font-size: 15px;
font-weight: 600;
}
.navbar-expand-lg .navbar-nav ul.dropdown-menu.megamenu {
background: linear-gradient(
135deg
,#fff 30%,#ffefe0 56%,#fff 83%,#fff);
width: 100%;
box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
margin: 0;
position: fixed;
margin-left: auto;
margin-right: auto;
}
.menu_items {
padding: 30px 50px;
max-height: calc(100vh - 90px);
min-height: auto;
overflow: auto;
background-image: url(https://ogeninfo.com/assets-o/images-o/header-img/footer-map.png);
}
.call-list h3
{
margin-top: 10px;
margin-bottom: 10px;
}
.call-list a
{
font-size: 1.75rem !important;
line-height: 38px !important;
}
#offcanvas-toggler {
float: right;
line-height: 1;
z-index: 999;
display: none;
padding-right: 6px;
margin-left: 70px;
}
#offcanvas-toggler>i {
display: inline-block;
padding: 0 0 0 1px;
font-size: 25px;
background: 0 0;
margin: 0;
border-radius: 3px;
cursor: pointer;
color: #eb550a;
-webkit-transition: color .4s, background-color .4s;
-o-transition: color .4s, background-color .4s;
transition: color .4s, background-color .4s
}
#offcanvas-toggler>i:hover {
color: #eb550a
}
.close-offcanvas {
position: fixed;
top: 15px;
right: 15px;
z-index: 1;
color: #f1480b;
border: 2px solid #f1480b;
border-radius: 100%;
width: 22px;
height: 22px;
line-height: 18px;
text-align: center;
font-size: 12px
}
.close-offcanvas:hover {
background: #000;
color: #fff
}
.offcanvas-menu {
width: 280px;
height: 100%;
background: #fff;
color: #000;
position: fixed;
top: 0;
opacity: 0;
z-index: 99;
overflow-y: scroll
}
.offcanvas-menu .offcanvas-inner .sp-module {
margin-top: 20px
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li {
border: none;
width: 100%;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover {
background: #f5f5f5
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li>a:before {
display: none
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
margin-top: 0
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content>ul {
margin: 0 -20px
}
.offcanvas-menu .offcanvas-inner .search {
margin-top: 25px
}
.offcanvas-menu .offcanvas-inner .search input {
width: 100%;
border-radius: 0;
border: 1px solid #eee;
box-shadow: none;
-webkit-box-shadow: none
}
.ltr .offcanvas-menu {
-webkit-transition: opacity .4s cubic-bezier(.7, 0, .3, 1), right .4s cubic-bezier(.7, 0, .3, 1);
transition: opacity .4s cubic-bezier(.7, 0, .3, 1), right .4s cubic-bezier(.7, 0, .3, 1)
}
.ltr .body-innerwrapper:after {
/* right:0 */
}
.ltr .offcanvas-menu {
right: -280px
}
.body-innerwrapper:after {
position: absolute;
top: 0;
width: 0;
height: 0;
background: rgba(0, 0, 0, .8);
content: '';
opacity: 0;
-webkit-transition: opacity .5s, width .1s .5s, height .1s .5s;
transition: opacity .5s, width .1s .5s, height .1s .5s;
z-index: 7;
}
.offcanvas-menu
{
display: none;
}
.make-me-sticky a
{
padding: 8px 20px 10px;
}
#toggle1 {
display: none;
}
.header#myHeader.stivky
{
position: fixed;
}
.header#myHeader.stivky .navbar-light .navbar-nav .nav-link ,.header#myHeader.stivky .navbar-light .navbar-nav .nav-link:focus, .header#myHeader.stivky .navbar-light .navbar-nav .nav-link:hover {
color: #000;
}
.header#myHeader.stivky .navbar-light .navbar-nav .call-item .nav-link
{
color: #fff;
}
/*new bottom floating button*/
.fabs {
bottom: 2%;
position: fixed;
margin: 1em;
right: 0;
z-index: 998;
}
.fabs i.fa.fa-phone {
color: #fff;
font-size: 22px;
position: relative;
top: 0px;
left: 0;
}
.fab {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
text-align: center;
color: #FFF;
background: red;
margin: 13px auto 0;
box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
cursor: pointer;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
position: relative;
z-index: 998;
overflow: hidden;
}
.fab > i {
font-size: 27px;
line-height: 45px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-in-out;
}
.fab:not(:last-child) {
width: 0;
height: 0;
margin: 15px auto 0;
opacity: 0;
visibility: hidden;
}
.fab:not(:last-child) > i {
font-size: 23px;
line-height: 44px;
}
.fab:not(:last-child).is-visible {
width: 43px;
height: 43px;
margin: 15px auto 10;
opacity: 1;
visibility: visible;
}
.fab:nth-last-child(1) {
-webkit-transition-delay: 25ms;
-moz-transition-delay: 25ms;
-o-transition-delay: 25ms;
transition-delay: 25ms;
}
.fab:not(:last-child):nth-last-child(2) {
-webkit-transition-delay: 20ms;
-moz-transition-delay: 20ms;
-o-transition-delay: 20ms;
transition-delay: 20ms;
background: #3b5998;
}
.fabs a:hover
{
color: #fff;
cursor: pointer;
}
.fab:not(:last-child):nth-last-child(3) {
-webkit-transition-delay: 40ms;
-moz-transition-delay: 40ms;
-o-transition-delay: 40ms;
transition-delay: 40ms;
background: #5ad061;
}
.fab:not(:last-child):nth-last-child(4) {
-webkit-transition-delay: 60ms;
-moz-transition-delay: 60ms;
-o-transition-delay: 60ms;
transition-delay: 60ms;
background: #1da1f2;
}
.fab:not(:last-child):nth-last-child(5) {
-webkit-transition-delay: 80ms;
-moz-transition-delay: 80ms;
-o-transition-delay: 80ms;
transition-delay: 80ms;
}
.fab:not(:last-child):active,
.fab:not(:last-child):focus,
.fab:not(:last-child):hover {
box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}
.fab_field {
width: 100%;
display: inline-block;
text-align: center;
background: #eceff1;
box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}
.fab_field a {
display: inline-block;
text-align: center;
}
#fab_listen {
float: left;
background: rgba(0, 0, 0, 0);
}
#fab_send {
float: right;
background: rgba(0, 0, 0, 0);
}
.fab_field .fab {
width: 35px;
height: 35px;
box-shadow: none;
margin: 5px;
}
.fab_field .fab>i {
font-size: 1.6em;
line-height: 35px;
color: #263238;
}
/*Element state*/
.is-active {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.is-float {
box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}
.is-max {
box-shadow: inset 0 -12px 10px -10px rgba(0, 0, 0, 0.18), inset 0 12px 10px -10px rgba(0, 0, 0, 0.10);
}
/* Ripple */
.ink {
display: block;
position: absolute;
background: rgba(38, 50, 56, 0.4);
border-radius: 100%;
-moz-transform: scale(0);
-ms-transform: scale(0);
webkit-transform: scale(0);
transform: scale(0);
}
/*animation effect*/
.ink.animate {
animation: ripple 0.5s ease-in-out;
}
@keyframes ripple {
/*scale the element to 250% to safely cover the entire link and fade it out*/
100% {
opacity: 0;
-moz-transform: scale(5);
-ms-transform: scale(5);
webkit-transform: scale(5);
transform: scale(5);
}
}
#prime {
background: #D32F2F;
position: relative;
width: 55px;
height: 55px;
line-height: 55px;
}
#prime i {
position: relative;
top: 3px;
/* width: 55px; */
font-size: 25px;
}
.fabs i.fa.fa-phone
{
transform: rotate(93deg);
}
.is-float {
box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
transform: rotate(45deg);
position: relative;
}
.is-float i
{
display: none;
}
.is-float:before {
position: absolute;
vertical-align: middle;
display: inline-block;
content: "\f00d";
font-family: "Fontawesome";
font-size: 30px;
transform: rotate(45deg);
color: #fff;
left: 17px;
}
.is-float i {
top: 0px !important;
}
.fabs a:hover {
color: #fff !important;
}
/*end bottom floating button*/
/*--header responsive code--*/
@media (max-width: 1024px)
{
li.nav-item {
padding: 0 5px;
}
.navbar-light .navbar-nav .nav-link
{
font-size: 15px;
}
}
@media (max-width: 991px)
{
.navbar-brand
{
display: block !important;
}
a.nav-link.pl0 {
padding-left: 15px !important;
}
.mr13
{
margin-right:0px;
}
.mobdisb {
display: block;
}
.logo {
height: 58px;
}
#offcanvas-toggler
{
margin-left: 45px;
}
i.fa.fa-phone {
left: 30px;
}
i.fa.fa-whatsapp.mobdisb {
position: relative;
left: 8px;
}
#myHeader
{
padding: 0;
}
.navbar-light .navbar-nav .nav-link
{
padding: 10px;
}
.navbar-light .navbar-nav .nav-link
{
line-height: 1;
}
.offcanvas-menu .offcanvas-inner {
position: fixed;
background-color: #fff;height: 100%;
padding: 20px;
overflow-y: scroll;
}
#offcanvas-toggler {
display: block!important;
}
.ltr.offcanvas .offcanvas-menu {
right: 0;
position: absolute; opacity: 1; 
background: #fff;
height: 100%;display: block;
}
.navbar {
padding: 0 1rem;
}
.mobdisb
{
display: block;
}
.offcanvas .blacksec
{
z-index: 0;
}
.sp-module-title {
background: #de6b13;
display: inline;
padding: 8px 24px;
color: #fff;
font-weight: 700;
border-radius: 4px;margin: 0 0 20px;
font-size: 14px;
text-transform: uppercase;
line-height: 1;
box-shadow: inset 1px 5px 10px -5px rgba(0,0,0,.55);
}
.offcanvas .sticky#myHeader,.offcanvas #myHeader
{
z-index: 6;
}
.sp-module ul>li>a {
display: block;
line-height: 36px;
padding: 2px 0;
-webkit-transition: .3s;
transition: .3s;
color: #525354 !important;
}
.menu .nav-child.small {
font-size: inherit
}
.sp-module-title {
background: #de6b13;
display: inline;
padding: 8px 24px;
color: #fff;
font-weight: 700;
border-radius: 4px;
box-shadow: inset 1px 5px 10px -5px rgba(0, 0, 0, .55)
}
.sp-module .sp-module-title {
margin: 0 0 20px;
font-size: 14px;
text-transform: uppercase;
line-height: 1;
}
.sp-module-title {
background: #de6b13;
display: inline;
padding: 8px 24px;
color: #fff;
font-weight: 700;
border-radius: 4px;
box-shadow: inset 1px 5px 10px -5px rgba(0,0,0,.55);
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a {
border-bottom: 1px dotted #e8e8e8;
padding: 4px 20px;
}
.sp-dropdown-inner {
border-top: 3px solid #eb550a;
}
.sp-module ul {
list-style: none;
}
.sp-dropdown-items {
border-top: 1px solid #f3580b;
border-bottom: 1px solid #f3580b;
}
}
@media (max-width: 375px)
{
.logo {
height: 51px;
}
}
@media (max-width: 360px)
{
.logo {
height: 47px;
}
}
@media (max-width: 320px)
{
.logo {
height: 39px;
}
}
@media screen and (min-width: 1900px)
{
.navbar-expand-lg .navbar-nav ul.dropdown-menu.megamenu
{
width: 1635px;
}
}
.ogenBanner-belowclients {
position: relative;
bottom: 0;
box-shadow: 0 3px 16px rgb(150 144 144 / 21%);
background: #fff;
padding: 10px 50px 10px 50px;
margin: 0;
border-radius:10px;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images {
display: flex;
align-items: center;
justify-content: space-between;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images img {
max-width: 9%;
filter: grayscale(1);
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images img:hover {
margin-top: -16px;
}
a.banner-btn.cus_btn.orange-2 {
font-size: 17px;
padding-left: 30px !important;
padding-right: 30px !important;
line-height: 34px;
position: relative;
z-index: 9;
}
.rounded-img {
border-radius: 30px;
}
.ogenabout-home iframe {
border-radius: 30px;
}
.ogenabout-home .widgets .widgets-item {
display: -ms-flexbox;
display: flex;
background: #fff;
align-items: center;
color: #333;
justify-content: center;
padding: 30px 0;
transition: all 0.3s ease-in-out;
border-radius: 8px;
cursor: pointer;
}
.ogenabout-home .widgets .widgets-item:hover {
margin-top: -10px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.ogenabout-home .widgets .widget-icon {
width: 65px;
min-width: 65px;
margin-right: 15px;
}
.ogenabout-home .widgets .widget-content span {
font-size: 26px;
display: inline-block;
width: 100%;
margin-bottom: 5px;
vertical-align: bottom;
font-weight: 600;
}
.ogenabout-home .widgets .widget-content p {
font-size: 19px;
margin: 0;
color: #333;
}
.mt-100 {
margin-top: 80px;
}
.sec {
display: inline-block;
width: 100%;
vertical-align: bottom;
position: relative;
z-index: 2;
}
.ogenrating-sec .rating-block .sec-heading-s {
padding: 0 100px;
margin-bottom: 0;
}
.sec-heading-s h3 span {
color: #00C2FF;
border-bottom: 2px solid #00C2FF;
line-height: 48px;
}
.sec-heading-s h3 {
font-size: 46px;
line-height: 1.4;
color: #333;
font-weight: 700;
margin-bottom: 20px;
}
.sec-heading-s h4 {
font-size: 24px;
font-weight: normal;
color: #333;
margin-bottom: 15px;
line-height: 2;
}
.ogenrating-sec {
padding-top: 100px;
padding-bottom: 50px;
}
/*.ogenrating-sec:before {*/
/*content: "";*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*height: 450px;*/
/*width: 100%;*/
/*background-image: url(../images-o/home-img/award-bg.jpg);*/
/*background-repeat: no-repeat;*/
/*background-size: cover;*/
/*}*/
.ogenrating-sec .rating-block {
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 30px 30px 0 0;
-moz-border-radius: 30px 30px 0 0;
border-radius: 30px 30px 0 0;
margin-top: -65px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
padding: 0 15px 45px;
}
.ogenrating-sec .rating-block .trophy-icon {
margin-top: -200px;
margin-bottom: 30px;
}
.ogenrating-sec .rating-block .rating-slider {
width: calc(100% + 15px);
margin-left: -16px;
padding-bottom: 15px;
margin-top: 30px;
}
.ogenrating-sec .rating-block .rating-slider .slick-slide {
margin-left: 15px;
}
.ogenrating-sec .rating-block .rating-slider .widgets {
border: 1px solid rgba(51, 51, 51, 0.2);
display: -ms-flexbox !important;
display: flex !important;
align-items: center;
text-align: left;
padding: 30px 15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border-top: 10px solid #dee4e6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow {
position: absolute;
top: -45px;
right: 0;
font-size: 0;
border: none;
background-color: transparent;
color: #ff9623;
padding: 0;
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 100%;
background-color: rgb(58 48 37 / 83%);
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow:hover {
color: #ff9623;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-prev {
margin-left: 0;
margin-right: 50px;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-next {
margin-right: 0;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-prev:after {
content: "\f053";
font-size: 16px;
font-family: "Fontawesome";
transition: none;
font-weight: 300;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-prev:hover:after {
margin-left: 0;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-next:after {
content: "\f054";
font-size: 16px;
font-family: "Fontawesome";
transition: none;
font-weight: 300;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-next:hover:after {
margin-left: 0;
}
.ogenrating-sec .rating-block .rating-slider .widget-icon {
width: 120px;
}
.ogenrating-sec .rating-block .rating-slider .widget-content .title {
font-size: 20px;
display: inline-block;
width: 100%;
color: #333;
font-weight: 600;
}
.ogenrating-sec .rating-block .rating-slider .widget-content .count-base {
display: inline-block;
width: 100%;
font-size: 16px;
color: #333;
}
.ogenrating-sec .rating-block .rating-slider .widget-content .rating {
font-size: 26px;
color: #333;
font-weight: 300;
line-height: 26px;
margin: 15px 0;
}
.ogenrating-sec .rating-block .rating-slider .widget-content .rating .rating-stars i {
background-color: #efce4a;
width: 25px;
margin-left: 5px;
color: #fff;
height: 25px;
line-height: 25px;
font-size: 16px;
text-align: center;
vertical-align: top;
}
.ogenrating-sec .rating-block .rating-slider .trustpilot .widget-content .rating {
color: #00b67a;
}
.ogenrating-sec .rating-block .rating-slider .trustpilot .widget-content .rating .rating-stars i {
background-color: #00b67a;
}
.ogenrating-sec .rating-block .rating-slider .goodfirms .widget-content .rating {
color: #fcaa00;
}
.ogenrating-sec .rating-block .rating-slider .goodfirms .widget-content .rating .rating-stars i {
background-color: #fcaa00;
}
.ogenrating-sec .rating-block .rating-slider .extract .widget-content .rating {
color: #08bde8;
}
.ogenrating-sec .rating-block .rating-slider .extract .widget-content .rating .rating-stars i {
background-color: #08bde8;
}
.ogenrating-sec .rating-block .rating-slider .businessofapp .widget-content .rating {
color: #c32725;
}
.ogenrating-sec .rating-block .rating-slider .businessofapp .widget-content .rating .rating-stars i {
background-color: #c32725;
}
.ogenrating-sec .rating-block .rating-slider .itfirms .widget-content .rating {
color: #0d3778;
}
.ogenrating-sec .rating-block .rating-slider .itfirms .widget-content .rating .rating-stars i {
background-color: #0d3778;
}
.ogenrating-sec .rating-block .rating-slider .appfutura .widget-content .rating {
color: #dc6248;
}
.ogenrating-sec .rating-block .rating-slider .appfutura .widget-content .rating .rating-stars i {
background-color: #dc6248;
}
.ogenrating-sec .rating-block .rating-slider .trustfirms .widget-content .rating {
color: #fe811b;
}
.ogenrating-sec .rating-block .rating-slider .trustfirms .widget-content .rating .rating-stars i {
background-color: #fe811b;
}
.ogenrating-sec .rating-block .rating-slider .topdevelopers .widget-content .rating {
color: #002c5f;
}
.ogenrating-sec .rating-block .rating-slider .topdevelopers .widget-content .rating .rating-stars i {
background-color: #002c5f;
}
.ogenrating-sec .rating-block .rating-slider .skilled .widget-content .rating {
color: #ffd150;
}
.ogenrating-sec .rating-block .rating-slider .skilled .widget-content .rating .rating-stars i {
background-color: #ffd150;
}
.ogenrating-sec .rating-block .rating-slider .deloitte .widget-content .rating {
color: #7fc241;
}
.ogenrating-sec .rating-block .rating-slider .deloitte .widget-content .rating .rating-stars i {
background-color: #7fc241;
}
.ogenrating-sec .rating-block .rating-slider .appdexa .widget-content .rating {
color: #3dcc83;
}
.ogenrating-sec .rating-block .rating-slider .appdexa .widget-content .rating .rating-stars i {
background-color: #3dcc83;
}
.ogenrating-sec .rating-block .rating-slider .clutch .widget-content .rating {
color: #fe3d2e;
}
.ogenrating-sec .rating-block .rating-slider .clutch .widget-content .rating .rating-stars i {
background-color: #fe3d2e;
}
.py-100 {
padding: 0 100px;
}
.features-title h2 {
font-size: 36px;
font-weight: 400;
color: #fff;
}
.features-des p {
font-size: 18px;
}
ul.appFeatures-list {
list-style: none;
padding: 0;
margin-top: 40px;
width: 100%;
margin: 0 auto;
}
ul.appFeatures-list li i {
margin-right: 10px;
font-size: 14px;
}
.allIndustry-view-section .icon img {
width: 60px;
margin: auto;
display: block;
}
@-webkit-keyframes slide-left {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
}
@keyframes slide-left {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
}
.sprite-dline {
display: inline-block;
}
.bg-gf-sprite {
width: 105px;
height: 80px;
background: url("../images-o/home-img/business-listing_sprites.png") -10px -109px;
}
.bg-itfirms-sprite {
width: 99px;
height: 55px;
background: url("../images-o/home-img/business-listing_sprites.png") -10px -209px;
}
.bg-skilled-sprite {
width: 86px;
height: 24px;
background: url("../images-o/home-img/business-listing_sprites.png") -129px -209px;
}
.bg-topdevelopers-sprite {
width: 81px;
height: 80px;
background: url("../images-o/home-img/business-listing_sprites.png") -290px -10px;
}
.bg-appdexa-sprite {
width: 90px;
height: 22px;
background: url("../images-o/home-img/business-listing_sprites.png") -235px -209px;
}
.bg-businessofapp-sprite {
width: 70px;
height: 70px;
background: url("../images-o/home-img/business-listing_sprites.png") -10px -284px;
}
.bg-deloitte-sprite {
width: 90px;
height: 17px;
background: url("../images-o/home-img/business-listing_sprites.png") -184px -284px;
}
.bg-trustfirms-sprite {
width: 75px;
height: 78px;
background: url("../images-o/home-img/business-listing_sprites.png") -290px -110px;
}
.bg-trustpilot-sprite {
width: 150px;
height: 79px;
background: url("../images-o/home-img/business-listing_sprites.png") -10px -10px;
}
.bg-extract-sprite {
width: 90px;
height: 43px;
background: url("../images-o/home-img/business-listing_sprites.png") -180px -120px;
}
.bg-cl-sprite {
width: 90px;
height: 80px;
background: url("../images-o/home-img/business-listing_sprites.png") -180px -15px;
}
.bg-appfutura-sprite {
width: 64px;
height: 70px;
background: url("../images-o/home-img/business-listing_sprites.png") -100px -284px;
}
.sec.sec-100 {
padding: 100px 0;
}
/*ogen common portfolio*/
.eccomerceport.homemidslider {
background-color: #e2e2e2;
background-image: url(https://ogeninfo.com/assets-o/images-o/commonimg/grain.png);
padding-top: 75px;
padding-bottom: 100px;
margin-top: 20px;
display: flex;
position: relative;
align-items: center;
}
.eccomerceport-slider {
background: url(../images-o/commonimg/lappy-img.png) no-repeat center left;
height: 528px;
display: block;
position: relative;
max-width: 100%;
}
.eccomerceport-sliderbody {
position: relative;
}
.responsive-blockshow {
display: none;
}
.ecommBuisnes h2::after, .webagency-right h2::after {
position: absolute;
content: "";
width: 88px;
height: 4px;
background: #5acbcc;
bottom: 0;
left: 0;
}
.eccomerceport-sliderimg {
height: 456px;
width: 642px;
position: relative;
left: 115px;
bottom: 0;
top: 49px;
overflow: hidden;
}
.eccomerceport-sliderimg > img {
position: absolute;
top: 0;
left: 0;
transition: top 10s cubic-bezier(0, 0, 0.93, 0.76) 0s;
}
.eccomerceport-slidertext {
position: absolute;
right: 35px;
width: 39%;
top: -20px;
}
.eccomerceport-slidertext .ecommBuisnes {
padding: 0;
}
.ecommBuisnes h2 {
font-size: 38px;
text-transform: uppercase;
margin: 0 0 0px 0;
padding-bottom: 30px;
color: #4d4c4e;
}
.responsive-block h2 {
position: relative;
padding-bottom: 26px;
margin-bottom: 23px;
}
.eccomerceport-slidertext .trustedbtns {
margin-top: 50px;
}
.newbtn {
color: #fff;
-webkit-transition: all ease-in-out .3s;
-moz-transition: all ease-in-out .3s;
-o-transition: all ease-in-out .3s;
transition: all ease-in-out .3s;
text-transform: uppercase;
position: relative;
line-height: 0.8em;
display: inline-block;
}
.discussbtn {
padding: 17px 38px 17px 38px;
font-size: 14px;
font-weight: 400;
box-shadow: none !important;
line-height: 0.8em;
background: rgba(192, 37, 73, 0.80) !important;
}
.discuss-sliderbtn {
background: #e96529 !important;
}
.discuss-lrnbtn {
background: #a9abaf !important;
margin-left: 20px;
}
.discussbtn:hover {
background: #637a92 !important;
box-shadow: none !important;
color: #fff;
}
.eccomerceport-slider .bx-wrapper .bx-pager, .ecomm-webblk .bx-wrapper .bx-pager {
display: none;
}
.eccomerceport-slider img
{
width: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #666;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;    background: #ffffff57!important;
}
.bx-wrapper .bx-pager.bx-default-pager a.active
{
background: #59cbcc !important;
border: 0px!important;
position: relative;
}
.eccomerceport-slider .bx-wrapper .bx-controls-direction a {
text-indent: inherit;
color: #fff;
font-size: 12px;
width: 70px;
text-transform: uppercase;
opacity: 0.9;
}
.eccomerceport-slider .bx-wrapper .bx-prev {
left: 0;
right: 0;
margin: 0 auto;
background: url(../images/tosmall-icon-prev.png) no-repeat 23px 4px;
padding: 0 0 0 49px;
width: 120px !important;
}
.slider-btns a.bx-prev {
overflow: hidden;
z-index: 1 !important;
width: 113px !important;
height: 55px !important;
text-align: center;
padding: 21px 0 !important;
left: -40px !important;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.slider-btns a.bx-prev:before {
background: url(../images-o/commonimg/tosmall-icon-prev.png) no-repeat center;
width: 16px;
height: 10px;
content: "";
position: absolute;
left: 15%;
top: 45%;
}
.slider-btns a.bx-prev:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #a8a9ad;
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: skew(-45deg);
-ms-transform: skew(-45deg);
transform: skew(-45deg);
z-index: -1;
}
.eccomerceport-slider .bx-wrapper .bx-next {
right: -210px;
left: 0;
margin: 0 auto;
background: url(../images-o/commonimg/tosmall-icon.png) no-repeat 35px 4px;
}
.slider-btns a.bx-next:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #e96529;
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: skew(-45deg);
-ms-transform: skew(-45deg);
transform: skew(-45deg);
z-index: -1;
}
.slider-btns a.bx-next {
right: -144px !important;
width: 65px !important;
background: #e96529 url(../images/tosmall-icon.png) no-repeat 73% center !important;
padding: 21px 0;
height: 55px !important;
text-align: left;
z-index: 1 !important;
}
.eccomerceport-slider::after {
content: "";
background: url(../images-o/commonimg/lappycircle-img.png) no-repeat;
position: absolute;
width: 412px;
height: 423px;
display: block;
z-index: 1;
bottom: -46px;
left: 11px;
}
.porthaveheart {
font-size: 82px;
color: #5acbcc;
text-transform: lowercase;
}
.bx-wrapper .bx-viewport
{
overflow: visible;
}
.ecommBuisnes p {
color: #6e6d6f;
font-size: 20px;
}
.bx-wrapper .bx-loading
{
display: none;
}
/*ogen common portfolio end*/
@media (max-width: 1800px) {
.ogenbanner,.homemidslider {
padding: 0 60px 0 140px;
}
.ogenBanner-clients {
margin-top: 60px;
}
}
@media (max-width: 1700px) {
.ogenbanner,.homemidslider {
padding: 0 60px 0 60px;
}
.homeOfferings-sec-link {
bottom: -8%;
}
}
@media (max-width: 1600px) {
.ogenBanner-clientup-slider .clientUp-bgblock img {
max-width: 90%;
}
.sec.sec-100.ogenabout-home {
padding: 100px 50px;
}
.sec.sec-100.we-offer-sec {
padding: 100px 30px;
}
}
@media (max-width: 1440px) {
.ogenbanner,.homemidslider {
padding: 0 30px 0 30px;
}
.content-Boxquote {
top: 70px;
left: 0px;
}
.sec.sec-100.pb-0.helping-sec.allIndustry-view-section {
padding: 100px 50px;
}
}
@media (max-width: 1400px) {
.sec.sec-100.ogenabout-home {
padding: 100px 40px;
}
.gt3-core-imagebox-wrapper h4 {
font-size: 22px;
}
}
@media screen and (max-width: 1394px)
{
/*ogen common portfolio*/
.ogen-haveheart {
font-size: 77px !important;
}
.eccomerceport-sliderbody {
position: relative;
max-width: 642px;
margin: 0 auto;
}
.eccomerceportpkg-slider .bx-viewport, .eccomerceport-slider .bx-viewport {
min-height: 1100px;
}
.responsive-blockshow {
display: block;
position: absolute;
top: 0px;
width: 100%;
left: 0px;
text-align: center;
}
.responsive-blockshow h2 {
text-align: center;
}
.responsive-blockshow h2::after {
right: 0;
left: 0;
margin: 0 auto;
margin-bottom: 15px;
}
.eccomerceport-sliderimg {
left: 0px;
height: 403px;
top: 237px;
}
.eccomerceport-slidertext {
top: 800px;
right: 41px;
width: 100%;
text-align: center;
}
.responsive-block {
display: none;
}
.eccomerceport-slidertext .ecommBuisnes h2 {
text-align: center;
}
.eccomerceport .eccomerceport-slider .bx-wrapper .bx-controls-direction a {
top: 60%;
display: block !important;
}
.eccomerceport-slider .bx-wrapper .bx-prev {
left: -63px !important;
}
.slider-btns a.bx-prev:after {
top: 1px;
}
.eccomerceport-slider .bx-wrapper .bx-next {
right: -123px !important;
}
.eccomerceport-slider::after {
background: none;
}
.eccomerceport-slider {
height: 904px;
}
.eccomerceport-slider {
max-width: 100%;    background: url(../images-o/commonimg/lappy-img.png) no-repeat center center;
}
.porthaveheart {
font-size: 77px !important;
}
.eccomerceport-slidertext
{
right: 0;
}
/*ogen common portfolio end*/
}
@media screen and (max-width: 1366px) {
.ogenabout-home .widgets .widget-content p {
font-size: 19px;
}
li.nav-item {
padding: 0 12px;
}
.ogenbanner,.homemidslider {
padding: 0 40px;
}
a.banner-btn.cus_btn.orange-2 {
font-size: 15px;
padding-left: 20px !important;
padding-right: 20px !important;
line-height: 28px;
}
.sec.sec-100.message-sec {
padding: 60px 0;
}
.sec.sec-100.pb-0.helping-sec.allIndustry-view-section {
padding: 80px 50px;
}
}
@media (max-width: 1280px) {
.ogenbanner,.homemidslider {
padding: 0 90px;
}
.ogenBanner-belowclients {
left: 90px;
right: 90px;
}
}
@media screen and (max-width: 1200px)
{
/*ogen common portfolio*/
.responsive-blockshow {
left: -32px;
}
/*ogen common portfolio end*/
}
@media screen and (max-width: 1100px)
{
/*ogen common portfolio*/
.responsive-blockshow {
left: 0px;
}
/*ogen common portfolio end*/
}
@media screen and (max-width: 990px)
{
/*ogen common portfolio*/
.eccomerceport-slider {
background: none;
}
.eccomerceport-sliderimg {
top: 250px;
}
.eccomerceport-sliderimg {
border: 1px solid #dcdcdc;
width: 99%;
}
.eccomerceport-slidertext {
top: 750px;
}
.eccomerceport-slider::after {
background: none;
display: none;
}
.eccomerceport .eccomerceport-slider .bx-wrapper .bx-controls-direction a {
top: 57%;
display: block !important;
}
/*ogen common portfolio end*/
}
@media (max-width: 991px) {
.ogenblogsec .new-heading-style {
text-align: center !important;
}
.ogenblogsec .new-heading-style .pulsebtn.blogbtn {
position: relative;
margin-top: 20px;
}
img.ogenBanner-two {
right: 40px;
}
.ogenBanner-clientup-slider .clientUp-bgblock img {
max-width: 70%;
}
.ogenbanner,.homemidslider {
padding: 150px 0;
}
.ogenBanner-belowclients {
left: 30px;
right: 30px;
padding: 20px 30px;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images img {
max-width: 11%;
}
.ogenabout-home .widgets .widgets-item {
justify-content: inherit;
}
.sec.sec-100.ogenabout-home {
padding: 80px 0;
}
.ogenabout-home iframe {
margin-top: 20px;
}
.ogenabout-home .mt-100 {
margin-top: 40px;
}
.ogenrating-sec .rating-block .rating-slider .widgets {
padding: 30px 7px;
}
.ogenrating-sec .rating-block .rating-slider {
margin-top: 70px;
}
.py-100 {
padding: 0;
}
span.whydigitalhead {
display: block;
font-size: 20px;
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
/*ogen common portfolio*/
.eccomerceport {
height: 950px !important;
}
.porthaveheart {
line-height: 52px;
}
.porthaveheart {
font-size: 50px !important;
}
.ecommBuisnes h2 {
font-size: 30px;
}
.eccomerceport-sliderimg {
top: 175px;
}
/*ogen common portfolio*/
.ogenabout-home .col-lg-3.col-sm-6.widgets {
width: 50%;
}
.ogenBanner-clientup-slider .clientUp-bgblock img {
max-width: 90%;
}
.ogenbanner,.homemidslider {
height: initial;
padding: 110px 0 60px;
}
.companyClient-logo-section {
padding: 60px 0px;
background: #f5f5f5;
}
.companyClient-left-wrap h3 {
font-size: 28px;
}
.companyClient-left-wrap p {
font-size: 18px;
}
.companyClient-right-wrap li {
width: 50%;
}
.companyClient-right-wrap li {
width: 50%;
text-align: center;
list-style: none;
padding: 5px 20px;
}
.ogenabout-home iframe {
height: 300px;
}
.ogenrating-sec .rating-block .rating-slider .widgets {
flex-direction: column;
text-align: center;
padding: 20px 7px;
}
.ogenrating-sec .rating-block .rating-slider .widget-icon {
width: auto;
height: 80px;
margin-bottom: 10px;
}
.ogenrating-sec .rating-block .rating-slider {
margin-top: 20px;
}
.ogenrating-sec .rating-block .rating-slider .widget-icon {
height: 80px;
margin-bottom: 0;
}
.ogenabout-home .widgets .widgets-item:hover {
margin-top: 0;
box-shadow: none;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow {
top: -13px;
z-index: 99;
color: #ffffff;
background-color: rgb(0, 194, 255);
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow:hover {
color: #fff;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-next:after,
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-prev:after {
font-size: 15px;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-prev {
margin-right: 40px;
}
.ogenrating-sec .rating-block {
padding: 0 15px 20px;
}
.homeOfferings-sec-link a {
color: #ff9623;
}
}
@media (max-width: 600) {
/*ogen common portfolio*/
.eccomerceport-sliderimg {
top: 150px;
}
.eccomerceport-slidertext {
top: 640px;
}
.discussbtn {
padding: 17px;
}
.eccomerceport .eccomerceport-slider .bx-wrapper .bx-controls-direction a {
top: 48%;
}
/*ogen common portfolio end*/
}
@media (max-width: 480px) {
/*ogen common portfolio*/
.eccomerceport-sliderimg {
height: 350px !important;    
margin-top: 20px;
}
.eccomerceport-slidertext {
top: 580px;
}
.discussbtn {
margin-bottom: 8px;
margin-left: 0;
font-size: 13px;
}
.eccomerceport .eccomerceport-slider .bx-wrapper .bx-controls-direction a {
top: 43%;
}
/*ogen common portfolio end*/
}
@media (max-width: 1440px) {
}
@media (max-width: 1400px) and (min-width: 1367px) {
}
@media (max-width: 1366px) {
}
@media (max-width: 991px) {
}
.icon-right-arrow:before {
font-family: fontawesome !important;
content: "\f105";
}
.home-services .super-offer {
margin: 0 auto;
padding: 52px 0 0px;
position: relative;
top: -50px;
z-index: 1;
}
.home-services h2 {
font-size: 39px;
color: #e05c1e;
font-weight: 700;
}
.scroll-down {
margin: 0;
border: 2px solid #fff;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
position: absolute;
left: 50%;
top: 50%;
width: 100px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
}
.scroll-down a {
display: block;
opacity: 0;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
line-height: 0;
font-size: 0;
color: transparent;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 100%;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
-webkit-animation: pulse 1.5s 0s infinite normal ease forwards;
-moz-animation: pulse 1.5s 0s infinite normal ease forwards;
-o-animation: pulse 1.5s 0s infinite normal ease forwards;
animation: pulse 1.5s 0s infinite normal ease forwards;
background-image: url("../images-o/home-img/arrow-down.svg");
background-repeat: no-repeat;
}
.scroll-down a:before, .scroll-down a:after {
content: " ";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: url("../images-o/home-img/arrow-down.svg") no-repeat center top;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
-webkit-background-size: 100% auto;
background-size: 100% auto;
}
.scroll-down a:before {
-webkit-animation: pulse 1.5s 0.25s infinite normal ease forwards;
-moz-animation: pulse 1.5s 0.25s infinite normal ease forwards;
-o-animation: pulse 1.5s 0.25s infinite normal ease forwards;
animation: pulse 1.5s 0.25s infinite normal ease forwards;
}
.scroll-down a:after {
-webkit-animation: pulse 1.5s 0.5s infinite normal ease forwards;
-moz-animation: pulse 1.5s 0.5s infinite normal ease forwards;
-o-animation: pulse 1.5s 0.5s infinite normal ease forwards;
animation: pulse 1.5s 0.5s infinite normal ease forwards;
}
.scroll-down a:hover {
background-color: rgba(0, 0, 0, 0.3);
}
.new-heading-style {
text-align: center;
margin-bottom: 50px;
}
/****** Inner page Industry Section CSS Start ***********/
.industry-latesttech-wrapper {
margin-bottom: 40px;
background: #fff;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);
border-radius: 10px 30px 10px 10px;
transition: .25s ease-in-out;
overflow: hidden;
}
section.industry-latesttech {
background: #fff;
}
.industry-latesttech h2.technology-title{
font-size: 15px;
}
.industry-latesttech-wrapper .industry-latesttech-icons{
background: linear-gradient(0deg, rgb(119 154 108 / 79%) 0, rgb(63 115 71 / 74%) 100%);
padding: 30px 20px;
}
.industry-latesttech-wrapper .industry-latesttech-icons.education-icon{
background: linear-gradient(to right, #5e4f7d, #9991a0);
}
.industry-latesttech-wrapper .industry-latesttech-icons.travel-icon{
background: radial-gradient( circle 1196px at -7.4% 57.5%,  rgb(121 100 95 / 87%) 0%, rgb(234 194 194 / 80%) 92.3% );
}
.industry-latesttech-wrapper .industry-latesttech-icons.transport-icon{
background: linear-gradient( 111.8deg, rgb(0 104 155 / 55%) 19.8%, rgb(64 102 117 / 72%) 92.1% );    
}
.industry-latesttech-wrapper .industry-latesttech-icons.retail-icon{
background: linear-gradient(to right, #614e46bd, #7d5340b8);
}
.industry-latesttech-wrapper .industry-latesttech-icons.food-icon{
background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
background: linear-gradient( 111.8deg, rgb(0 104 155 / 55%) 19.8%, rgb(64 102 117 / 72%) 92.1% );
}
.industry-latesttech-wrapper .industry-latesttech-icons.agriculture-icon{
background: linear-gradient(to right, #f26629e3, #f26629d9);
}
.industry-latesttech-wrapper .industry-latesttech-icons.media-icon{
background: linear-gradient( 110.7deg, rgb(71 146 144 / 83%) 6.3%, rgb(23 113 95 / 68%) 90.6% );
}
.industry-latesttech-wrapper .industry-latesttech-icons.bankingFin-icon{
background: linear-gradient(to right, #f26629e3, #f26629d9);
}
.industry-latesttech-wrapper .industry-latesttech-icons.sprot-icon{
background: radial-gradient( circle 1196px at -7.4% 57.5%,  rgb(121 100 95 / 87%) 0%, rgb(234 194 194 / 80%) 92.3% );
}
.industry-latesttech-wrapper .industry-latesttech-icons.reatEstate-icon{
background: linear-gradient( 110.7deg, rgb(71 146 144 / 83%) 6.3%, rgb(23 113 95 / 68%) 90.6% );
}
.industry-latesttech-wrapper .industry-latesttech-icons.automobile-icon{
background: linear-gradient( 111.8deg, rgb(0 104 155 / 55%) 19.8%, rgb(64 102 117 / 72%) 92.1% );
}
.industry-latesttech-wrapper .industry-latesttech-icons.ticketing-icon{
background: linear-gradient( 111.8deg, rgb(0 104 155 / 55%) 19.8%, rgb(64 102 117 / 72%) 92.1% );
}
.industry-latesttech-wrapper .industry-latesttech-icons.enterpriseBus-icon{
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
background: linear-gradient(to right, #5e4f7d, #9991a0);
}
.industry-latesttech-wrapper .industry-latesttech-icons.socialNetworking-icon{
background: -webkit-linear-gradient(to right, #677d68, #b1b570);
background: linear-gradient(to right, #677d68, #b1b570);
}
.industry-latesttech-wrapper .industry-latesttech-icons.b2bB2c-icon{
background: -webkit-linear-gradient(to right, #5e4f7d, #9991a0);
background: linear-gradient(0deg, rgb(119 154 108 / 79%) 0, rgb(63 115 71 / 74%) 100%);
}
.industry-latesttech-wrapper .industry-latesttech-icons.construction-icon{
background: -webkit-linear-gradient(to right, #45B649, #DCE35B);
background: linear-gradient(0deg, rgb(119 154 108 / 79%) 0, rgb(63 115 71 / 74%) 100%); 
}
.industry-latesttech-wrapper .industry-latesttech-icons.logistic-icon{
background: -webkit-linear-gradient(to right, #F9D423, #FF4E50);
background: radial-gradient( circle farthest-corner at 20% 25.1%, rgb(79 78 84) 0%, rgb(132 136 152) 100.2% );
}
.industry-latesttech-icons img {
max-width: 50px;
position: relative;
z-index: 3
}
.industry-latesttech-icons i
{
font-size: 50px;
color: #fff;
}
.industry-latesttech-wrapper path {
fill: #288ce1
}
.technology-content p.technology-title {
color: #212121;
margin: 16px 5px;
font-weight: 400;
font-size:17px;
}
.industry-latesttech .industry-latesttech-wrapper:hover {
box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13);
transform: scale(1.1);
}
/****** Inner Page Industry Section CSS End **************/
/*--why choose us--*/
.whychoosebtn {
display: inline-block;
color: #fff;
vertical-align: super;
border-radius: 1.5px;
border: solid 1px #f26629;
background-color: #f26629;
padding: 9px 20px 9px 47px;
position: relative;
}
.whychoosebtn {
transition: .5s;
cursor: pointer;
}
.animation-on-hover.whychoosebtn {
font-size: 18px;
padding: 13px 20px 13px 47px;
color: #fff !important;
border-radius: 10px 20px 10px;
}
.animation-on-hover.whychoosebtn:before {
animation: pulso 2s infinite!important;
}
.whychoosebtn:before {
box-shadow: 0 0 0 rgba(255, 255, 255, .4);
animation: pulso 2s infinite;
transition: .5s;
content: "";
width: 15px;
height: 15px;
border: 3px solid #fff;
position: absolute;
left: 15px;
border-radius: 50%;
top: 0px;
bottom: 0px;
margin: auto;
}
@keyframes pulso {
0% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
}
70% {
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
/*--why choose us end--/
.footer-form.container {
margin-top: -270px;
}
/*--latest blogs--*/
.ogenlatest-blogs ul {
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0px;
padding-right: 40%;
position: relative;
margin: 0px -15px;
}
.ogenlatest-blogs ul li
{
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.ogenlatest-blogs ul li:hover img {
transform: scale(1.1)
}
.ogenlatest-blogs ul li img
{
transition: .5s
}
.zoomWrapper {
overflow: hidden;
/* -- Prevent flicker -- */
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.zoomWrapper img {
max-width: 100%;
height: auto;
display: block;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.zoomWrapper img:hover {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-ms-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.1);
}
@keyframes flash {
0%   { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
.flasher{
animation: flash 300ms infinite;
}
.ogenlatest-blogs ul li {
width: 100%;
float: left;
display: flex;
align-items: center;
margin:15px;
}
.ogenlatest-blogs ul li img {
width: 50%;
}
.ogenlatest-blogs ul li figcaption {
width: 50%;
padding: 15px 25px;
}
.ogenlatest-blogs ul li:nth-child(3) {
height: calc(100% - 30px);
position: absolute;
width: calc(40% - 30px);
right: 0px;
align-items: flex-start;
flex-direction: column;
top: 0px;
bottom: 0px;
margin: auto;
}	
.ogenlatest-blogs ul li:nth-child(3) img{width:100%}
.ogenlatest-blogs ul li:nth-child(3) figcaption {
width: 100%;
margin-top: 15px;
}
.ogenlatest-blogs ul li figcaption .bloghead
{
display: block;
}	
.ogenlatest-blogs ul li:nth-child(2) img{order:2}
.ogenlatest-blogs ul li:nth-child(1){background-color: #d2f5ee;
    background-image: url(https://ogeninfo.com/assets-o/images-o/commonimg/grain.png);}
.ogenlatest-blogs ul li:nth-child(2){background-color: #ffe6cf;
    background-image: url(https://ogeninfo.com/assets-o/images-o/commonimg/grain.png);}
.ogenlatest-blogs ul li:nth-child(3){background-color: #e7e2ff;
    background-image: url(https://ogeninfo.com/assets-o/images-o/commonimg/grain.png);}
.ogenlatest-blogs ul li figcaption .bloghead{margin:0px; margin-bottom:10px;
font-size: 22px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.36;
letter-spacing: normal;
text-align: left;
color: #ffffff;}
.ogenlatest-blogs ul li figcaption .bloghead a{color:#4d4c4e;}
.ogenlatest-blogs ul li figcaption p{margin:0px; font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: left;
color: #5f5e5f;}
.pulsebtn.blogbtn
{    position: absolute;
right: 0;
bottom: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
background-color: transparent;
border: none;
color: #000 !important;
}
.posrelative
{
position: relative;
}
.ogenblogsec .new-heading-style
{
margin-bottom: 30px;
}
.pulsebtn.blogbtn:before {
border: 3px solid #f26629;
}
.ogenlatest-blogs ul li:nth-child(2) .bloghead, 
.ogenlatest-blogs ul li:nth-child(2) p,
.ogenlatest-blogs ul li:nth-child(2) .bloghead a{color:#4d4c4e;}
/*--latest blogs end--*/
.ogendecorative-banner-1{background-image: url(../images-o/home-img/bubblesimagebanner.png)!important; display: none;
transform:none!important;}
.ogendecorative-banner-1 {
background-repeat: repeat-y;
background-size: 100% 100%;
position: absolute;
width: 100%;
height: 100%;
color:#656161 ;
transform: rotate(180deg);
}
/*--customs css--*/
@media screen and (min-width: 1200px) {
.custom_container {
max-width: 1635px;
}
.defaultptb60
{
padding-top: 60px;
padding-bottom: 60px;
}
}
@-webkit-keyframes pulseaim {
to {
box-shadow: 0 0 0 18px rgba(12, 108, 211, 0);
}
}
@-webkit-keyframes pulse {
0% {
opacity: 0;
background-position: center top;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
10% {
opacity: 0;
}
50% {
opacity: 1;
-moz-background-size: 75% auto;
-o-background-size: 75% auto;
-webkit-background-size: 75% auto;
background-size: 75% auto;
}
90% {
opacity: 0;
}
100% {
opacity: 0;
background-position: center bottom;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
}
@-moz-keyframes pulse {
0% {
opacity: 0;
background-position: center top;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
10% {
opacity: 0;
}
50% {
opacity: 1;
-moz-background-size: 75% auto;
-o-background-size: 75% auto;
-webkit-background-size: 75% auto;
background-size: 75% auto;
}
90% {
opacity: 0;
}
100% {
opacity: 0;
background-position: center bottom;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
}
@keyframes pulse {
0% {
opacity: 0;
background-position: center top;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
10% {
opacity: 0;
}
50% {
opacity: 1;
-moz-background-size: 75% auto;
-o-background-size: 75% auto;
-webkit-background-size: 75% auto;
background-size: 75% auto;
}
90% {
opacity: 0;
}
100% {
opacity: 0;
background-position: center bottom;
-moz-background-size: 0 auto;
-o-background-size: 0 auto;
-webkit-background-size: 0 auto;
background-size: 0 auto;
}
}
/*--customs css--*/
.offer-list,.rating-slider,.ogenportfolio-slider,.homeBanner-client-slider {
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
height: 0;
}
.offer-list.slick-initialized,.rating-slider.slick-initialized,.ogenportfolio-slider.slick-initialized,
.homeBanner-client-slider.slick-initialized{
visibility: visible;
opacity: 1;   
height: auto;
}
/***index-css-end***/
/***mobile-responsive-css***/
.displaynone-desktop
{
display: none;
}
@media screen and (max-width: 991px)
{
.displaynone-desktop
{
display: block;
}
.mobmb60
{
margin-bottom: 60px;
}
.commonowl-portcss.owl-port .owl-prev {
float: left;
margin: 0px;
} 
.commonowl-portcss.owl-port .owl-next {
float: right;
margin: 0px;
}
.commonowl-portcss.owl-port .owl-prev,.commonowl-portcss.owl-port .owl-next
{
border:none;
}
.commonowl-portcss.owl-port .owl-nav {
position: relative;
z-index: 1;
width: 97%;
bottom: 40px;
left: 0px;
right: 0px;
margin: auto;
}
ul
{
padding: 0;
margin: 0;
list-style-type: none;
}
.displaynone-mobile
{
display: none;
}
.displayblock-mobile
{
display: block !important;
}
.ogen-owl-portfolio .pulsebtn
{
background-color: transparent;
border: 1px solid #fff;
}
.ogen-owl-portfolio .owl-item.active .ogen-owl-portfolio-text ul {
justify-content: center;
}
.portfolio-image img {
position: static;
height: auto;
width: 160px;}
.portfolio-headings h2 {
font-size: 20px!important;}
.portfolio-headings h5 {
color: #fff;
font-size: 18px;}
.portfolio-text h4 {
font-size: 28px;
margin-top: 30px;}
.portfolio-text p {
color: #fff;
font-size: 16px;}
.ogen-owl-portfolio .item {
padding: 40px 0px 65px;
}
.opacityimage {
background-image: url("../images-o/ecommerce-img/banner.png");
position: relative;
padding: 20px;
text-align: center;
}
.opacityimage:before{
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.opacityimage p
{
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
.opacityimage i {
width: 30px;
height: 30px;
position: initial;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
border-radius: 50px;
border: 1px solid #fff;
top: 0;
right: 30px;
bottom: 0;
margin: auto;
cursor: pointer;
left: inherit;
transform: rotate(-90deg);
}
.detailform .form-control {
border: none;
padding: 0;
border-bottom: 1px solid #e0dcdc;
}
label
{
color: #7a7a7a;
}
.modal-header .close
{
background: #bf430a;
color: #fff;
border-radius: 50%;
padding: 3px 7px;
position: relative;
top: -12px;
left: 8px;
}
.modal-header .close span
{
position: relative;
bottom: 1px;
}
.detailform .btn
{
padding: 7px 20px;
}
}
/***mobile-responsive-css end***/
/*--footer--*/
.pull-right {
float: right;
}
.footer-mainform {
background: #fff;
position: relative;
top: 270px;
margin-bottom: 50px;
-webkit-box-shadow: 0 5px 13px 0 rgba(126, 126, 126, .54);
box-shadow: 0 5px 13px 0 rgba(126, 126, 126, .54)
}
.footer-mainform .form-sideright {
padding: 50px 15px;
background: url(../images-o/footer-img/footer_form_left.webp) no-repeat center top/cover
}
.form-rating {
background: url(../images-o/footer-img/project_rating.png) no-repeat center top;
text-align: center;
padding: 70px 0 45px;
}
.form-rating span {
color: #fff;
font-size: 20px;
}
.footer-mainform .form-sideright p {
font-size: 17px;
color: #fff;
text-align: center;
margin-bottom: 35px
}
.footer-mainform .form-sideright a p {
margin: 0;
font-size: 13px;
text-align: left;
display: inline-block;
vertical-align: middle;
border-left: 1px solid #5b5b5b;
padding: 12px 0 12px 8px;
line-height: 24px
}
.footer-mainform .form-sideright a {
background: #0f447c;
padding: 0 10px;
height: 48px;
display: flex;
align-items: center;
margin-bottom: 10px
}
.footer-mainform .form-sideright a:hover {
background: #f26629;
}
.footer-mainform .form-sideright a img {
display: inline-block;
padding: 0 8px 0 0;
max-width: 27px
}
.footer-mainform .align_right form {
margin-top: 30px
}
.form-control {
font-size: 15px;
color: #7a7a7a;
border: 1px solid #d5d5d5;
border-radius: 0;
padding: 8px 12px;
min-height: 45px
}
select.form-control {
background: #fff;
-webkit-box-shadow: none;
box-shadow: none
}
.form-group {
margin-bottom: 20px
}
textarea.form-control {
min-height: 45px;
height: 45px;
}
.footer-mainform .align_right {
padding: 50px;
padding-bottom: 60px;
}
.footer-mainform .align_right h2 {
font-size: 36px
}
.minComment {
color: #7a7a7a;
font-size: 12px;
}
.footersubmit .website_btn
{
padding: 9px 15px;
color: #fff;
vertical-align: middle;
font-size: 18px;
margin: 0 0 0 15px;
}
.footform-head span.light {
background: linear-gradient(to right, #ec6217 20%, #363533 98%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.footform-head span.bold {
background: linear-gradient(to right, #637a92 20%, #637a92bf 98%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.quick_links ul {
padding-left: 15px;
list-style: disc;
}
.ratingpart.text-center {
padding-bottom: 45px;
}
.mainfooter .foot-heading {
color: #fff;
font-size: 20px;
font-weight: 300;
display: block;
margin-bottom: 10px;
}
.country-flag {
color: #d4d4d4;
font-size: 19px;
margin-bottom: 7px
}
.country-flag img {
margin-right: 5px
}
.office-address p,
.office-address p a {
color: #d4d4d4;
font-size: 16px;
line-height: 25px;
padding: 0;
margin: 0;
word-break: break-word;
}
.office-address p a:hover {
color: #007bff
}
.office-address {
margin-bottom: 20px;
background: #353433;
padding: 27px;
}
.contact_info {
border-bottom: 1px solid #2d3033;
margin-bottom: 40px
}
.quick_links ul:after {
clear: both;
display: block;
content: ""
}
.quick_links ul li {
width: 50%;
float: left;
padding-right: 10px;
margin-bottom: 4px
}
.quick_links ul li a {
color: #fff;
font-size: 14px
}
.quick_links_outer {
padding-bottom: 24px;
margin-bottom: 24px;
border-bottom: 1px solid #1d1c1a;
}
.quick_links_outer p {
font-size: 14px;
color: #d4d4d4;
margin-bottom: 10px;
}
.quick_links_outer p span {
display: block;
color: #fff;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px
}
.footer-quotebtn .mainquotebtn {
background: #e96529;
border-radius: 0;
color: #fff;
padding: 14px 50px;
display: inline-block;
margin-right: 15px;
overflow: hidden
}
.footer-quotebtn .mainquotebtn:active,
.footer-quotebtn .mainquotebtn:focus {
border: 0
}
.footer-quotebtn .mainquotebtn:before {
background: #1c64f0
}
.footer_social {
display: inline-block
}
.footer_social li {
display: inline-block;
margin-right: 6px
}
.footer_social li a {
color: #fff;
border: 1px solid #fff;
border-radius: 4px;
width: 30px;
display: block;
height: 30px;
text-align: center;
padding-top: 2px;
font-size: 17px
}
.footer_social li a:hover {
background: #f78f1e;
border-color: #f78f1e;
color: #fff
}
.copyright a:hover,
.quick_links ul li a:hover {
color: #f78f1e
}
.ratingpart p {
color: #d4d4d4;
margin-bottom: 0;
}
.ratingpart p.rate {
color: #d4d4d4;
}
.ratingpart .rate span {
color: #e5cd00;
margin-right: 6px;
position: relative
}
.ratingpart .rate span:after {
position: absolute;
content: "";
width: 3px;
height: 17px;
right: 0;
top: 0;
background: #25272a
}
.copyright {
background: #2d3033;
padding: 26px 0
}
.copyright a,
.copyright p {
margin: 0;
color: #d4d4d4;
font-size: 14px
}
footer h5 {
color: #fff;
font-size: 20px;
font-weight: 300;
}
ul {
margin: 0;
padding: 0;
}
.quick_links ul li {
width: 50%;
float: left;
color: #cdaa72;
padding-right: 10px;
margin-bottom: 4px;
}
.quick_links ul li a {
color: #fff;
font-size: 14px;
}
/*--faq--*/
.footer-form .content {
background: #fff;
border-radius: 3px;
padding: 15px 0 0px 0;
}
.footer-form .panel-group {
margin-bottom: 0;
}
.footer-form .panel-group .panel {
border-radius: 0;
box-shadow: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075), 0 2px 4px rgba(0, 0, 0, 0.0375);
}
.footer-form .panel-group .panel .panel-heading {
padding: 0;
}
.footer-form .panel-group .panel .panel-heading h4 a {
background: #343331;
display: block;
font-size: 17px;
font-weight: bold;
padding: 13px 15px;
text-decoration: none;
transition: 0.15s all ease-in-out;
color: #fff;
}
.footer-form .panel-body p {
font-size: 15px;
line-height: 28px;
padding: 7px 15px 20px;
}
.footer-form .panel-group .panel .panel-heading h4 a:hover, .footer-form .panel-group .panel .panel-heading h4 a:not(.collapsed) {
background: #343331 url(../images-o/footer-img/noisse_highdark.png) repeat;
transition: 0.15s all ease-in-out;
}
.footer-form .panel-group .panel .panel-heading h4 a:not(.collapsed) i:before {
content: "";
}
.footer-form .panel-group .panel .panel-heading h4 a i {
color: #fff;
}
.footer-form .panel-group .panel .panel-body {
padding-top: 0;
}
.footer-form .panel-group .panel .panel-heading + .panel-collapse > .list-group,
.footer-form .panel-group .panel .panel-heading + .panel-collapse > .panel-body {
border-top: none;
max-height: 100px;
overflow-y: scroll;
}
.footer-form .panel-group .panel + .panel {
border-top: none;
margin-top: 0;
}
.footer-form .panel-group .panel .panel-heading h4 a:not(.collapsed) i::before {
content: "";
}
.footer-form {
margin-top: -270px;
}
.footermargin-15 .margin030
{
margin: 0 15px;
}
.footer-form.homemidslider .custom_container
{
margin: auto;
}
/***footer-responsive***/
@media screen and (max-width: 991px)
{
.footform-head span.light {
font-size: 28px;
display: block;
line-height: 37px;
}
.footer-form .panel-group .panel .panel-heading h4 a
{
margin-right: 10px;
}
.footer-mainform .align_right {
padding: 15px 0;
}
.footer-form .panel-group .panel .panel-heading h4 a
{
margin-right: auto;
}
.footer-mainform .align_right {
padding: 15px 0;
}
.mainfooter {
padding: 800px 0 0;
}
.footer-quotebtn .mainquotebtn {
padding: 10px 15px;
margin-right: 10px;
font-size: 14px;
margin-bottom: 9px;
}
.footer-form
{
margin-top: -950px !important;
}
.col-md-12.footersubmit.submit.disflexalign {
display: block;
}
.footer-mainform {
background: 0 0;
-webkit-box-shadow: none;
box-shadow: none;top: 875px;
}
.footer-mainform .col-md-8.col-lg-9 {
background: #fff;
}
.footer-mainform>.row {
margin: 0;
-webkit-box-shadow: 0 5px 13px 0 rgba(126, 126, 126, .54);
box-shadow: 0 5px 13px 0 rgba(126, 126, 126, .54);
}
.footersubmit .website_btn
{
font-size: 17px;
}
.copyright .row>div {
text-align: center!important;
margin-bottom: 6px;
}
}
/***footer-responsive-end***/
/***responsive index css***/
@media (max-width:1366px) {
.home-services .offer-list .item .o-top
{
height: 130px;
}
}
@media (max-width:991px) {
.mobpadtb50
{
padding-top: 50px;
padding-bottom: 50px;
}
.home-services h2 {
font-size: 30px;
}
.home-services .super-offer
{
top: 0;
}
.home-services .offer-list {
margin: 30px auto 0px;
padding: 0px 20px 0px;
}
.home-services .super-offer {
padding: 0px 0 0px;
}
.sec.sec-100 {
padding: 50px 0 100px
}
/*.main-banner {
height: 1024px
}*/
.our-client-logo {
display: initial
}
/*.banner-bottom a.cus_btn {
display: block;
max-width: 175px;
margin: 0 auto 200px
}*/
.our-client-logo li {
display: inline-block;
padding: 0 20px
}
.new-heading-style h5 img {
height: 20px;
vertical-align: -1px;
}
.ogenrating-sec .rating-block {
padding: 0 15px 20px;
}
.ogenrating-sec .rating-block .sec-heading-s {
padding: 0;
}
.ogenlatest-blogs ul li img {
width: 100%;
}
.ogenlatest-blogs ul li figcaption {
width: 100%;
}
.ogenlatest-blogs ul li {
display: block;
max-width: 100%;
width: 100%;
margin: 15px;
}
.ogenlatest-blogs ul {
padding: 0px;
justify-content: center;
}
.ogenlatest-blogs ul li:nth-child(3) {
height: auto;
position: static;
width: 100%;
right: 0px;
align-items: flex-start;
flex-direction: column;
top: 0px;
bottom: 0px;
margin: 15px;
}
}
@media (max-width:1366px) {
.trending-icon svg {
width: 90px
}
.inner-cols:hover .trending-content-wrapper {
top: 55%
}
}
@media (max-width:1280px) {
.inner-cols .para {
padding: 16px 24px
}
}
@media (max-width:991px) {
.inner-cols {
height: 45vh
}
.about-organization-wrapper {
margin-bottom: 20px
}
.solution-slider .slick-arrow {
bottom: -40px;
left: 40px
}
}
@media (max-width:1366px) {
.revenue-pro-portfolid>img {
max-width: 80%
}
.revenue-content h2.success-com-title {
margin-bottom: 25px
}
.raised-font {
margin-bottom: 20px
}
.revenue-wrapper {
min-height: 580px
}
.revenue-wrapper p.raised-content {
margin-bottom: 45px
}
}
@media (max-width:991px) {
.successStory-slider {
padding-left: 20px;
padding-right: 20px
}
.successStory-slider .slick-next.slick-arrow {
left: 80px
}
.revenue-pro-portfolid,
.revenue-wrapper {
display: initial;
padding-top: 30px
}
.successStory-slider .slick-arrow {
left: 40px
}
.revenue-wrapper {
min-height: 520px
}
.revenue-pro-portfolid {
min-height: 350px;
width: 500px;
margin: auto;
display: flex
}
}
@media (max-width:1800px) {
}
@media (max-width:1600px) {
}
@media (max-width:1440px) {
}
@media (max-width:1400px) {
}
@media (max-width:1366px) {
.industry-latesttech-wrapper .industry-latesttech-icons {
padding: 20px 10px;
}
.industry-latesttech-icons img{
max-width: 46px;
}
.industry-latesttech-icons i
{
font-size: 46px;
}
}
@media (max-width:1280px) {
.technology-content p.technology-title {
margin: 10px 15px 0;
min-height: 46px;
}
}
@media (min-width:992px) {
}
@media (max-width:991px) {
}
@media (max-width:767px) {
.sec.sec-100 {
padding: 50px 0 50px
}
.section-head h1 {
font-size: 40px
}
.divided,
.section-head .divided:before {
width: 120px
}
@-webkit-keyframes move {
0% {
left: 0
}
50% {
left: 80px
}
100% {
left: 0
}
}
@keyframes move {
0% {
left: 0
}
50% {
left: 80px
}
100% {
left: 0
}
}
.about_content p,
.main-banner .banner-content .small-text,
.revenue-wrapper p.raised-content {
font-size: 18px
}
.blog-sec .mt-5 {
margin: 0!important
}
}
@media (max-width:1600px) {
}
@media (max-width:1366px) {
}
@media (max-width:767px) {
}
/**** Mobile Application --- Banner ****/
@media (max-width: 1800px){
}
@media (max-width: 1600px){
}
@media (max-width: 1440px){
}
@media (max-width: 1400px){
}
@media (max-width: 1366px){
}
@media (max-width: 1280px){
}
@media (max-height: 860px){
}
@media (max-width: 991px){
.animation-on-hover.whychoosebtn {
font-size: 16px;
padding: 10px 15px 10px 38px;
}
.whychoosebtn {
margin-left: 0px;
}
.acheiveleft .maintitlesubheading {
font-size: 24px;
}
}
@media (max-width: 767px){
}
@media (max-width:991px) {
}
@media (max-width:1366px) {
}
@media (max-width:991px) {
}
@media (max-width:1800px) {
}
@media (max-width:1600px) {
}
@media (max-width:1440px) {
}
@media (max-width:1400px) {
.technologies-wrapper {
width: initial
}
}
@media (max-width:1366px) {
}
@media (max-width:1280px) {	
.technologies-wrapper {
padding: 18px 0
}
.technologies-content .technologies-title {
font-size: 18px
}
}
@media (max-width:767px) {
}
@media (device-aspect-ratio:40/71) {
}
@media (max-width:1800px) {
}
@media (max-width:1366px) {
}
@media (max-width:991px) {
.whychoose-company,
section.industry-specific {
padding: 50px 0 50px!important
}
}
@media (max-width:767px) {
}
@media (max-width:1800px) {
}
@media (max-width:1600px) {
}
@media (max-width:1440px) {
}
@media (max-width:1366px) {
}
@media (max-width:991px) {
}
@media (max-width:767px) {
}
@media (max-width:1440px) {
}
@media (max-width:1366px) {
}
@media (max-width:991px) {
}
@media (max-width:767px) {
.section-head h1 {
font-size: 30px
}
}
@media (max-width:1440px) {
}
@media (max-width:1400px) {
}
@media (max-width:1366px) {
}
@media (min-width:991px) {
}
.clearfix:after {
clear: both;
content: "";
display: block
}
@media (min-width:991px) {
}
@media (min-width:480px) {
}
@media (max-width:991px) {
}
@media (max-width:767px) {
}
@media (max-width:991px) {
}
@media (max-width:1366px) {
.technologiesIcon {
max-width: 65px;
margin: auto
}
.technologies-wrapper {
padding: 30px 0
}
.technologies-content .technologies-title {
font-size: 17px
}
}
@media (max-width:1280px) {
section.offering-section {
padding: 100px 30px
}
}
@media (max-width:767px) {
section.offering-section {
padding: 50px 15px
}
}
@media (max-width:1366px) {
}
@media (max-width:767px) {
}
@media (max-width:1366px) {
}
@media (max-width:767px) {
}
@media (max-width:1440px) {
}
@media (max-width:991px) {
}
@media (max-width:1800px) {
}
@media (max-width:767px) {
}
@media (max-width:1366px) {
}
@media (max-width:991px) {
}
@media (max-width:1600px) {
}
@media (max-width:1366px) {
}
@media (max-width:767px) {
}
@media (device-aspect-ratio:40/71) {
}
@media (max-width:1400px) {
}
@media (max-width:1366px) {
}
@media (max-width:991px) {
}
@media (max-width:767px) {
}
@media (max-width:1366px) {
}
@media (max-width:767px) {
}
@media (max-width:1440px) {
}
@media (max-width:1400px) {
}
@media (max-width:1366px) {
}
@media (min-width:992px) {
}
@media (min-width:320px) {
}
@media (max-width:767px) {
}
@media (min-width:480px) {
}
@media (max-width:1800px) {
.tech-wrapper.door-closed {
left: -93%
}
}
@media (max-width:1440px) {
.tech-icons li img {
max-width: 70%
}
}
@media (max-width:1400px) {
.tech-title h2 {
font-size: 22px
}
}
@media (max-width:1366px) {
.tech-wrapper h2.cm-visible-lock {
left: -48px
}
}
@media (max-width:1280px) {
}
@media(max-width:1100px) {
}
@media (min-height:500px) and (min-width:1025px) {
}
@media (max-width:991px) {
}
@media (max-width:1800px) {
}
@media (max-width:1440px) {
ul.appFeatures-list li {
font-size: 15px
}
}
@media (max-width:1366px) {
ul.appFeatures-list li {
font-size: 14px
}
}
@media (max-width:1280px) {
ul.appFeatures-list li {
font-size: 13px
}
}
@media (max-width:991px) {
section.onDemandSolution-appFeatures {
padding: 0 0 100px
}
ul.appFeatures-list {
margin-top: 0
}
.features-wrapper .tab-content img {
max-width: 100%;
display: block
}
ul.appFeatures-list li {
position: relative;
padding-left: 25px
}
ul.appFeatures-list li i {
position: absolute;
top: 4px
}
.des-list ul.appFeatures-list li i {
left: 0
}
ul.appFeatures-list.right li {
padding-left: 30px
}
ul.appFeatures-list.right li i {
left: 0
}
}
@media (max-width:767px) {
ul.nav.nav-tabs.features-tabs {
justify-content: space-around
}
.features-wrapper .tab-content {
padding-top: 40px
}
section.onDemandSolution-appFeatures {
padding: 0 0 50px
}
ul.appFeatures-list {
margin: 0
}
ul.appFeatures-list.left li {
text-align: left;
padding-left: 20px
}
ul.appFeatures-list.left li i {
left: 0;
margin: 0
}
ul.appFeatures-list.right li {
padding-right: 20px
}
}
@media (device-aspect-ratio:40/71) {
.features-wrapper li.ogenofferings-item a {
width: 100px;
height: 100px
}
}
@media (max-width:1440px) {
.trust-content-wrapper .title {
font-size: 22px
}
p.pricing-price,
p.trust-des {
font-size: 16px
}
}
@media (max-width:1366px) {
}
@media (max-width:991px) {
}
@media (max-width:1440px) {
}
@media (max-width:991px) {
}
@media (max-width:767px) {
.tech-wrapper {
padding: 0 15px
}
.architect-wrapper {
padding: 40px 15px
}
.tech-icons {
padding: 0;
border: none
}
.tech-icons ul {
display: block
}
.tech-icons ul li {
display: inline-block;
width: 49%;
margin-bottom: 30px;
text-align: center
}
.tech-title h2 {
font-size: 22px;
margin-bottom: 30px
}
}
@media (max-width:991px) {
}
@media (max-width:991px) {
}
@media (max-width:1800px) {
}
@media (max-width:991px) {
}
@media (max-width:1366px) {
h2.categories-title {
font-size: 18px;
padding: 15px
}
}
@media (max-width:991px) {
}
@media (max-width:1800px) {
}
@media (max-width:1600px) {
.extraOgenofferings-tabs h3 {
font-size: 20px
}
.extraOgenofferings-tabs a.nav-link {
width: 280px
}
.extraFeatures-des p,
.extraFeatures-list ul li {
font-size: 16px
}
.extraOgenofferings-tabs a.nav-link {
height: 85px
}
}
@media (max-width:1440px) {
p.item-num {
font-size: 50px
}
.integration-item h2 {
font-size: 22px
}
}
@media (max-width:1400px) {
.panel-body {
max-height: 100px;
overflow-y: scroll;
}
.tab-content.extraFeatures-content-panel {
padding: 40px 70px
}
.extraOgenofferings-tabs a.nav-link {
width: 260px
}
}
@media (max-width:991px) {
.onDemandHome-extraFeatures {
padding: 50px 0
}
li.extraOgenofferings-item {
width: 50%;
float: left;
padding: 0
}
.extraOgenofferings-tabs a.nav-link {
width: 100%
}
ul.nav.nav-tabs.extraFeatures-rightside {
margin: 0
}
.extraFeatures-right {
max-width: 40%;
margin: 20px auto 0
}
.extraOgenofferings-tabs .extraFeatures-leftside a.nav-link,
.extraOgenofferings-tabs .extraFeatures-rightside a.nav-link {
border-radius: 0;
border: 1px solid #f1f1f1;
height: initial;
padding: 15px 0;
text-align: center;
display: block
}
}
@media (max-width:767px) {
.tab-content.extraFeatures-content-panel {
padding: 30px 20px;
border-radius: 0
}
.extraFeatures-title h2 {
font-size: 28px;
margin-bottom: 20px
}
.extraOgenofferings-tabs h3 {
font-size: 16px
}
span.extraFeatures-num {
display: none
}
.extraOgenofferings-tabs .extraFeatures-leftside a.nav-link,
.extraOgenofferings-tabs .extraFeatures-rightside a.nav-link {
padding: 15px;
min-height: 70px;
display: flex;
justify-content: center;
align-items: center
}
p.item-num {
font-size: 40px;
display: block
}
}
@media (max-width:1366px) {
.features-title h2 {
font-size: 28px
}
.features-title span.offeringhead{
font-size: 28px
}
.extraFeatures-des p,
.extraFeatures-list ul li {
font-size: 15px
}
.features-des p {
font-size: 15px;
margin: 24px 0
}
.EssentialFeatures-right {
max-width: 60%
}
}
@media (max-width:991px) {
.EssentialFeatures-right {
display: none
}
}
@media (max-width:767px) {
section.onDemandHome-essentialFeatures {
padding: 0 0 50px
}
}
@media (max-width:1600px) {
}
@media (max-width: 1366px){
.panel-body {
max-height: 100px;
overflow-y: scroll;
}
.requestModal h2.contactModal-title{
padding: 0;
}
.requestModal h2.contactModal-title{
font-size: 34px;
}
.requestModal .close {
right: -5px;
top: 0px;
width: 42px;
height: 42px;
font-size: 22px;
padding: 0;
}
}
@media (max-width:991px) {
.panel-body {
max-height: 100px;
overflow-y: scroll;
}
.request-dialog{
max-width: 650px;
}
}
@media (max-width: 767px){
.panel-body {
max-height: 100px;
overflow-y: scroll;
}
.request-dialog,
.modal .modal-dialog.request-dialog{
max-width: 94%;
transform: none;
top: 20px;
}
.requestModal .close {
right: 5px;
top: -3px;
}
.requestModal h2.contactModal-title {
font-size: 28px;
}
.modal-btn .contact-submit-btn {
text-align: center;
}
}
@media (max-width: 1366px){
span.videoPlay-icon:after,
span.videoPlay-icon:before {
height: 60px;
width: 60px;
}
p.clientReviewText-box {
font-size: 17px;
line-height: 30px;
}
.videoPlay-icon>i{
font-size: 18px;
margin: 5px 0 0 2px;
}
}
@media (max-width: 767px){
.panel-body {
max-height: 100px;
overflow-y: scroll;
}
.request-dialog .comment-group {
width: 87%;
}
.ogenabout-home .widgets .widgets-item {
padding: 30px 10px;
margin-bottom: 30px;
background: #f3f1f1;
}
.ogenabout-home .widgets .widget-content span{
font-size:15px;
}
.ogenabout-home .widgets .widget-icon {
width: auto;
min-width: auto;
margin-right: 5px;
}
.ogenabout-home .widgets .widgets-item img {
width: 49px;
}
.ogenabout-home .widgets .widget-content p {
word-break: break-word;
}
.country-flag {
font-size: 17px;
}
.office-address p, .office-address p a {
font-size: 14px;
}
.office-address {
padding: 20px 15px;
}
.mainfooter .foot-heading {
margin-top: 20px;
}
.ratingpart.text-center {
padding: 0 15px;
padding-bottom: 35px;
padding-top: 25px;
}
.container-fluid.copyright .homemidslider {
padding: 0 15px;
}
}
@media (max-width: 345px)
{
.panel-body {
max-height: 100px;
overflow-y: scroll;
}    
.ogenabout-home .widgets .widgets-item {
padding: 30px 7px;
margin-bottom: 30px;
}
.ogenabout-home .widgets .widgets-item img {
width: 40px;
}
.ogenabout-home .widgets .widget-content span {
font-size: 18px;
}
.ogenabout-home .widgets .widget-content p {
font-size: 12px;
line-height: 16px;
}
.office-address p, .office-address p a {
font-size: 11px;
}
.country-flag {
font-size: 13px;
line-height: 18px;
}
.office-address {
padding: 20px 10px;
}
}
@media (min-width:1600px) {
.panel-body {
max-height: 100px;
overflow-y: scroll;
}
.home-services .super-offer {
top: -50px;
}    
}
#style-2::-webkit-scrollbar {
width: 3px;
background-color: #f5f5f5;
}
#style-2::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #f5f5f5;
}
/***responsive index css end***/
/*common css start*/
.gt3_moved_element2 {
-webkit-animation: movedelement2 8s linear infinite;
animation: movedelement2 8s linear infinite;
}
.gt3_moved_element3 {
-webkit-animation: movedelement3 12s linear infinite;
animation: movedelement3 12s linear infinite;
}
.gt3_moved_element {
-webkit-animation: movedelement 5s linear infinite;
animation: movedelement 5s linear infinite;
}
@keyframes movedelement2 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
25% {
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
}
50% {
-webkit-transform: translate(-5px, -5px);
transform: translate(-5px, -5px);
}
75% {
-webkit-transform: translate(-10px, 5px);
transform: translate(-10px, 5px);
}
to {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes movedelement3 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
25% {
-webkit-transform: translate(15px, 15px);
transform: translate(15px, 15px);
}
50% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
75% {
-webkit-transform: translate(15px, -8px);
transform: translate(15px, -8px);
}
to {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes movedelement {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
25% {
-webkit-transform: translate(10px, 10px);
transform: translate(10px, 10px);
}
50% {
-webkit-transform: translate(5px, 5px);
transform: translate(5px, 5px);
}
75% {
-webkit-transform: translate(10px, -5px);
transform: translate(10px, -5px);
}
to {
-webkit-transform: translate(0);
transform: translate(0);
}
}
/*common css end*/
/*digitalpro_banner start*/
.digitalpro_banner {
background: url(../images-o/newindex/your_success.jpg);
background-size: auto;
background-repeat: no-repeat;
background-position: right top;
height: 800px;
position: relative;
}
.h100
{
height: 100%;
}
.digitalpro_banner h2 {
color: #4d4c4e;
font-size: 56px;
font-weight: bold;
letter-spacing: 0;
line-height: 63px;
margin-bottom: 20px;
}
span.smallhead
{
font-size: 18px;
margin: 0;
color: #3b3663;
display: block;
font-weight: bold;
}
.digitalpro_banner p
{
font-size: 20px;
line-height: 30px;
color:#6e6d6f;
}
.video-popup__link {
border-color: #ffffff;
background-color: #f0ac0e;
background-image: linear-gradient( 
90deg
, #f0ac0e 0%, #f56616 100%);
width: 45px;
height: 45px;
border-radius: 50%;
color: #fff;
margin-right: 8px;
}
.video-popup__link i {
color: #fff;
position: relative;
top: 43%;
left: 50%;
transform: translate(-50%, -50%);
}
.disflexalign
{
display: flex;
align-items: center;
}
.cus_btn.orange-2 {
font-size: 16px;
line-height: 30px;
padding-left: 0px !important;
padding-right: 0 !important;
margin-right: 15px;
z-index: 1;
}
.mt30
{
margin-top: 30px;
}
img.digitalf {
position: absolute;
top: -70px;
}
img.digitals {
position: absolute;
left: 0px;
bottom: 0;    max-width: 8%;
}
img.digitalt {
position: absolute;
bottom: -140px;
left: 0;
z-index: -1;
}
.animsvg1 {
left: 7%;
z-index: 50;
width: 13px;
max-width: 13px;
top: 75px;
}
.posabs
{
position: absolute;
}
.animsvg2
{
left: 40%;
top: 100px;
}
.animsvg3 {
left: 40%;
bottom: 7px;
top: 570px;
}
.animsvg4
{
top: 250px;
left: 0%;
}
/*digitalpro_banner end*/
@media screen and (max-width: 767px)
{
/*digitalpro_banner start*/
.digitalpro_banner {
background-size: contain;
}
/*digitalpro_banner end*/
}
@media screen and (max-width: 767px)
{
/*digitalpro_banner start*/
.digitalpro_banner {
height: auto;
background: none;
}
.digitalpro_banner h2 {
font-size: 48px;
}
.digitalpro_banner p br.mobnone
{
display: none;
}
.mobm0
{
margin: 0;
}
img.digitalt {
bottom: -25px;
max-width: 4%;
}
/*digitalpro_banner end*/
}
.navbar-light .navbar-nav .nav-link {
color: #383333;
}
.onlylinkwithoutbg
{
color: #94aece;
}
.onlylinkwithoutbg:hover
{
color: rgb(231, 75, 44);
transition: 0.3s ease-in-out;
}
.whychoosebtn {
display: inline-block;
color: #fff;
vertical-align: super;
border-radius: 1.5px;
border: solid 1px #696360;
background-color: #5a5756;
position: relative;
}
.whychoosebtn:before {
box-shadow: 0 0 0 rgb(255 255 255 / 40%);
animation: pulso 2s infinite;
transition: .5s;
content: "";
width: 15px;
height: 15px;
border: 3px solid #fff;
position: absolute;
left: 15px;
border-radius: 50%;
top: 0px;
bottom: 0px;
margin: auto;
}
.whychoosebtn:hover
{
color: #fff;
}
a.banner-btn.cus_btn.orange-2 {
font-size: 17px;
padding-left: 30px !important;
padding-right: 30px !important;
line-height: 34px;
position: relative;
z-index: 9;
}
/*why choose us start*/
.whychoosesec_box {
z-index: 1;
position: relative;
}
.whychoosesecafter
{
padding: 33px 30px 41px 38px;
background-color: #FFFFFF;
margin-bottom: 30px;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-radius: 10px 10px 10px 10px;
box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 10%);
transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}
.whychoosesecafter:after {
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-animation: width .4s,height .4s;
animation: width .4s,height .4s;
position: absolute;
transition: width .4s,height .4s;
left: 50%;
top: 50%;
background: inherit;
box-shadow: inherit;
border-radius: inherit;
width: 100%;
height: 100%;
content: "";
z-index: 1;
will-change: width,height;
}
.whychoosesec_box:hover .whychoosesecafter
{
background-color: #9896ad;
border-style: solid;
border-radius: 10px 10px 10px 10px;
border-width: 0px 0px 0px 0px;
box-shadow: 14px 24px 43px 0px rgb(33 41 48 / 42%);z-index: 9;
}
.whychoosesec_box:hover .whychoosesecafter:after {
width: 103%;
height: 103%;
}
.animcls {
right: 0;
text-align: right;
/* top: 0px; */
position: absolute;
/* height: 97px; */
}
.gt3-core-imagebox-wrapper {
position: relative;
z-index: 2;
}
.gt3-core-imagebox-wrapper h4
{
display: inline-block;
vertical-align: top;
}
.gt3-core-imagebox-wrapper img {
width: 75px;
height: auto;
float: left;
}
.gt3-core-imagebox-wrapper a
{
display: inline-block;
}
.gt3_pulse_out_element {
-webkit-animation: gt3pulse_out 8s linear infinite;
animation: gt3pulse_out 8s linear infinite;
}
.viewimg
{
display: block;
}
.hideimg
{
display: none;
}
.whychoosesec_box:hover .whychoosesecafter .viewimg
{
display: none;
}
.whychoosesec_box:hover .whychoosesecafter .hideimg
{
display: block;
}
.whychoosesec_box:hover .whychoosesecafter h4, .whychoosesec_box:hover .whychoosesecafter p
{
color: #fff;
}
@keyframes  gt3pulse_out
{
25% {
-webkit-transform: scale(1);
transform: scale(1);
}
75% {
-webkit-transform: scale(.9);
/* transform: scale(.9); */
}
}
/*why choose us end*/
/*videosec start*/
.videosec .videocontainer
{
padding: 170px 0px 170px 0px;
background-color: #0A1119;
background-image: url(../images-o/newindex/video_bg.png);
background-repeat: no-repeat;
/*background-size: cover;*/
border-radius: 20px 20px 20px 20px;
}
.video-popup__link2 {
position: relative;
z-index: 1;
display: inline-block;
box-sizing: border-box;
width: 66px;
height: 66px;
vertical-align: middle;
border-radius: 50%;
background-color: currentColor;
}
.video-popup__link2 {
border-color: #764ED2;
background-color: #ffc4c4;
width: 82px;
height: 82px;    transition: all .3s;
}
.video-popup__link2 i
{
top: 50%;
position: relative;
transform: translateY(-50%);
font-size: 25px;
}
.video-popup-animation {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 50%;
display: block;
width: 126px;
height: 126px;
margin: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.video-popup-animation {
color: #d32f2f;
}
.video-popup-animation {
width: 146px;
height: 146px;
}
.video-popup-animation-type1 .video-popup-animation>div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 5%;
height: 5%;
margin: auto;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-animation-name: video_pulse_animation_outside;
animation-name: video_pulse_animation_outside;
-webkit-animation-duration: 2.1s;
animation-duration: 2.1s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 50%;
box-shadow: 0 0 1px 1px currentColor;
}
@keyframes video_pulse_animation_outside
{
0% {
width: 5%;
height: 5%;
opacity: 1;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
section.videosec {
margin-bottom: -300px;
}
/*videosec end*/
/*belowvideosec start*/

.belowvideosec
{
background: url(../images-o/newindex/content_wave-bg1.png);
background-size: cover;
min-height: 450px;
padding-top: 220px !important;
}

@media screen and (min-width: 1600px)
{
    .belowvideosec
{
background-size: 100% 100%;
}
}
/*belowvideosec end*/
/*successful steps start*/
.stepsrow
{
list-style: none;
display: flex;
justify-content: center;
}
.stepsrow li {
width: auto;
position: relative;
margin: 0 -2px;
}
.steps_content {
text-align: center;
}
.steps_content p {
position: absolute;
top: 9%;
text-align: center;
left: 125px;
font-size: 28px;
color: #fff;
}
.steps_content h6 {
font-size: 22px;
margin-top: 28px;
height: 122px;
}
.evenlist .steps_content h6
{
position: relative;
top: 50px;
}
.evenlist .steps_content p
{
top: auto;
bottom: 8%;
}
/*successful steps end*/
/*digital presence start*/
.digitalpre_contl {
padding-left: 70px;
}
.pos-r
{
position: relative;
}
.digitalpresencesec img.tabimgs
{
width: 40px;
}
.digipresenceimg
{
position: absolute;
left: -60px;
width: 50%;
bottom: 0;
}
.digitalpresencesec h3
{
color: #fff;
font-size: 40px;
font-weight: bold;
}
.digitalpresencesec p.imgp
{
font-size: 19px;
line-height: 30px;
}
.digitalpresencesec a
{
color: #fff;
}
.digitalpresencesec a:hover
{
color: #e96529;
}
.progress .progress-bar {
animation-name: animateBar;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 0.4s;
}
@keyframes animateBar {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.bar-title {
position: relative;
font-size: 1em;
text-align: left;
margin: 0 0 5px 0;
}
p.bar-title
{
color: #000;
}
.percent {
position: absolute;
right: 0;
}
.progress-bar {
position: relative;
background-color: #d8d8d8;
height: 10px;
margin: 0 0 20px 0;
}
.bar-fill {
position: absolute;
height: 10px;
}
.bar-fill-html {
width: 90%;
background-color: #e44d26;
}
.bar-fill-javascript {
width: 75%;
background-color: #f8dc3d;
}
.bar-fill-jquery {
width: 85%;
background-color: #131b28;
}
.bar-fill-photoshop {
width: 65%;
background-color: #0a73dc;
}
.progress {
height: auto;
display: block;
background-color: transparent;
}
.progress p
{
font-size: 17px;
}
.mt-30
{
margin-top: 30px;
}
/*digital presence end*/
/*seo steps start*/
.seo_steps .boxshadowsteps
{
box-shadow: 0px 22px 90px 0px rgb(18 28 109 / 13%);
border-radius: 30px 30px 30px 30px;
}
.seo_steps img
{
margin-top: -88px;
width: 233px;
}
.seo_steps img:hover
{
transition: 0.3s ease-in-out;
transform: scale(1.1);
}
p.seo_stepsnumber {
position: absolute;
top: -40px;
left: 40%;
font-size: 44px;
font-weight: bold;
color: #fff;
}
.seo_stepscont {
padding: 0px 50px 70px 50px;
}
.mt80
{
margin-top: 150px;
}
/*seo steps end*/
/*testimonials start*/
.testimonial-card {
box-shadow: 0 5px 13px 0 rgb(18 28 109 / 13%);
background: #fff;
border-radius: 20px 20px 20px 0px;
/* padding: 30px; */
margin: 10px;
padding: 10px 40px 25px;
position: relative;
}
.testimonial-card:after {
position: absolute;
left: 0;
bottom: -26px;
content: "";
width: 0;
height: 0;
border-color: currentcolor rgba(0,0,0,0) rgba(0,0,0,0);
border-style: solid;
border-width: 26px 45px 0 0;
color: #fff;
}
.testimonialsec .owl-dots {
margin: 11px;
}
.testimonialsec .owl-carousel .owl-dots .owl-dot:before {
top: 2px;
right: 2px;
bottom: 2px;
left: 2px;
opacity: 0;
background: 0 0;
border: 1px solid #f26629;
}
.testimonialsec .owl-carousel .owl-dots .owl-dot:after,
.testimonialsec .owl-carousel .owl-dots .owl-dot:before {
content: "";
position: absolute;
border-radius: 50%;
-webkit-transition: ease-out 0.16s;
transition: ease-out 0.16s;
}
.testimonialsec .owl-carousel .owl-dots .owl-dot {
position: relative;
display: inline-block;
width: 18px;
height: 18px;
margin: 0 2px;
vertical-align: middle;
}
.testimonialsec .owl-carousel .owl-dots .owl-dot.active:before {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.testimonialsec .owl-carousel .owl-dots .owl-dot:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0.4;
background: #f26629;
width: 7px;
height: 7px;
}
.testimonialsec .owl-carousel .owl-dots .owl-dot.active:after,
.testimonialsec .owl-carousel .owl-dots .owl-dot.active:before {
opacity: 1;
}
.testimonialsec .owl-carousel .owl-dots .owl-dot.active:after,
.testimonialsec .owl-carousel .owl-dots .owl-dot:focus:after,
.testimonialsec .owl-carousel .owl-dots .owl-dot:hover:after {
opacity: 1;
}
.testimonialsimg
{
background: url(../images-o/newindex/home09_quote.png);
height: 440px;
background-repeat: no-repeat;
}
.testimonialsimg img
{
filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 
0deg
);
border-radius: 50% 50% 50% 50%;
position: absolute;
}
.fiveimg
{
left: 2%;
top: 8%;
}
.oneimg
{
left: 59%;
top: 0;
}
.twoimg
{
left: -4%;
top: 54%;
}
.threeimg
{
left: 26%;
top: 75%;
}
.fourimg
{
left: 28%;
top: 35%;
}
.siximg
{
left: 70%;
top: 58%;
}
.gt3_moved_element2 {
-webkit-animation: movedelement2 8s linear infinite;
animation: movedelement2 8s linear infinite;
}
.gt3_moved_element3 {
-webkit-animation: movedelement3 12s linear infinite;
animation: movedelement3 12s linear infinite;
}
.gt3_moved_element {
-webkit-animation: movedelement 5s linear infinite;
animation: movedelement 5s linear infinite;
}
@keyframes movedelement2 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
25% {
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
}
50% {
-webkit-transform: translate(-5px, -5px);
transform: translate(-5px, -5px);
}
75% {
-webkit-transform: translate(-10px, 5px);
transform: translate(-10px, 5px);
}
to {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes movedelement3 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
25% {
-webkit-transform: translate(15px, 15px);
transform: translate(15px, 15px);
}
50% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
75% {
-webkit-transform: translate(15px, -8px);
transform: translate(15px, -8px);
}
to {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes movedelement {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
25% {
-webkit-transform: translate(10px, 10px);
transform: translate(10px, 10px);
}
50% {
-webkit-transform: translate(5px, 5px);
transform: translate(5px, 5px);
}
75% {
-webkit-transform: translate(10px, -5px);
transform: translate(10px, -5px);
}
to {
-webkit-transform: translate(0);
transform: translate(0);
}
}
/*testimonials end*/
@media (max-width: 1800px) {
.homemidslider {
padding: 0 60px 0 140px;
}
}
@media (max-width: 1700px) {
.ogenbanner,.homemidslider {
padding: 0 60px 0 60px;
}
.homeOfferings-sec-link {
bottom: -8%;
}
}
@media (max-width: 1600px) {
}
@media (max-width: 1440px) {
.ogenbanner,.homemidslider {
padding: 0 30px 0 30px;
}
}
@media (max-width: 1400px) {
.ogenbanner, .homemidslider {
padding: 0 30px 0 30px;
}
}
@media screen and (max-width: 1366px) {
.ogenabout-home .widgets .widget-content p {
font-size: 19px;
}
li.nav-item {
padding: 0 12px;
}
.ogenbanner,.homemidslider {
padding: 0 40px;
}
a.banner-btn.cus_btn.orange-2 {
font-size: 15px;
padding-left: 20px !important;
padding-right: 20px !important;
line-height: 28px;
}
}
@media (max-width: 1280px) {
.ogenbanner,.homemidslider {
padding: 0 90px;
}
.ogenBanner-belowclients {
left: 90px;
right: 90px;
}
}
@media (max-width: 991px) {
.ogenbanner,.homemidslider {
padding: 150px 0;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images img {
max-width: 30%;
margin: auto;
padding: 0 8px;
margin-bottom: 10px;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images {
flex-wrap: wrap;
justify-content: center;
}
.ogenBanner-belowclients {
display: block;
left: 0;
right: 0;    margin: 0;
}
}
@media (max-width: 767px) {
.ogenbanner,.homemidslider {
height: initial;
padding: 110px 0 60px;
}
.ogenabout-home .widgets .widget-content p {
font-size: 10px;
line-height: 11px;
}
.allimg img {
width: 50%;
height: auto;
}
.ogenBanner-clients {
padding: 0 50px;
}
.imgsecond, .imgthird {
text-align: left;
}
.ogenBanner-content {
padding-left: 0;
}
section.videosec {
margin-bottom: 0px;    padding-top: 60px;
}
/*successful steps start*/
.evenlist .steps_content p,.steps_content p {
bottom: 5%;
left: 50%;
transform: translateX(-50%);
}
.evenlist .steps_content h6 {
top: 0;
}
.steps_content h6 {
height: auto;    margin-bottom: 25px;
}
.stepsrow li {
margin: 70px 0;
}
.stepsrow {
display: block;
}
/*successful steps end*/
/*digital presence start*/
.digipresenceimg {
position: relative;
left: auto;
width: 100%;
bottom: auto;
}
.digitalpresencesec p.imgp br {
display: none;
}
.digitalpre_contl {
padding-left: 0;
}
.digitalpresencesec h3, .digitalpresencesec p {
color: #000 !important;
}
.digitalpresencesec h3{
font-size: 32px;
margin-top: 20px;
}
.digitalpresencesec img.tabimgs {
display: none;
}
/*digital presence end*/
/*seo steps start*/
.seo_steps img {
margin-top: 0;
}
p.seo_stepsnumber {
top: 55px;
}
.mt80
{
margin-top: 0;
}
/*seo steps end*/
.testimonialsimg {
display: none;
}
}
/*layout 5*/
/*modal videos css*/
.videomodal .close {
position:absolute;
right:-30px;
top:0;
z-index:999;
font-size:2rem;
font-weight: normal;
color:#fff;
opacity:1;
}
.videomodal .modal-content {
background: transparent;
border: none;
}
.modal-open .videomodal.modal {
background: #000000d4;
}
/*modal videos css end*/
/*digitalgrowth_expert start*/
.digitalgrowth_expert
{
background-image: url(../images-o/newindex/home8_bg.jpg);
background-color: #071C39;
}
.digitalgrowth_expert .carousel-inner img {
border-radius: 10px 100px 10px 100px;
}
.pt50
{
padding-top: 50px;
}
.gt3_pulse_figure_element {
-webkit-animation: gt3pulse_figure 8s linear infinite;
animation: gt3pulse_figure 8s linear infinite;
}
@keyframes gt3pulse_figure
{
25% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
75% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
}
img.gt3_pulse_figure_element {
/* width: 100%; */
position: absolute;
top: 0;
right: 0;
z-index: 1;
height: 100%;
}
.digicontr
{
z-index: 2;
position: relative;
top: 50%;
transform: translateY(-50%);
padding-left: 40px;
}
.digicontr h2
{
color: #fff;
font-size: 80px;
line-height: 83px;
font-weight: bold;
margin-bottom: 20px;
}
.digicontr p
{
color: #fff;
font-size: 18px;
line-height: 23px;
}
a.borderbtn {
color: #fff;
border: 1px solid #fff;
padding: 15px 20px;
border-radius: 6px;
margin-right: 25px;
height: 50px;
line-height: 1;
}
a.borderbtn:hover
{
background: #fff;
color: #000;
transition: 0.3s ease-in-out;
}
.videolink {
border-color: #F47015;
background-color: #FFFFFF;
width: 50px;
height: 50px;
border-radius: 50%;
display: inline-block;
position: relative;
right: 6px;
color: #F47015;
}
.videolink i {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-40%,-50%);
-ms-transform: translate(-40%,-50%);
transform: translate(-40%,-50%);
}
a.disflexalign {
display: flex;
align-items: center;
}
.videobtn:hover i
{
color: #764ed2!important;
}
a.disflexalign:hover .video-popup__link
{
background: linear-gradient(
180deg
, rgb(202 173 160) 0, rgb(152 144 135) 100%);
}
.svglinetop.top {
top: -53px;
}
.svglinetop.top, .svglinetop.top>svg {
height: 140px;
width: 30px;
}
.svglinetop.top {
left: 50%;
margin: auto;
transform: rotate(
-90deg
);
margin-top: -55px;
}
.svglinetop svg g > * {
fill: #071D3A;
stroke: #071D3A;
}
.svglinetop_icon {
position: absolute;
left: 50%;
top: 45%;
z-index: 15;
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
font-size: 18px;
line-height: 1em;
transform: rotate(90deg
);
}
.svglinetop_icon {
color: #FFFFFF;
}
/*digitalgrowth_expert end*/
/*-why choosesec start*/
.whychoose_sec
{
background: url(../images-o/newindex/home8_section-bg1.png), #F8F9FA;
margin-top: -85px;
padding-top: 55px;
}
.whychooserightcont
{
box-shadow: 29px 29px 59px 0px rgb(28 137 212 / 10%);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0 0 40px 0;
padding: 50px 20px 40px 40px;
border-radius: 52px 10px 52px 10px;
background: #fff;
}
.whychooserightcont:hover
{
border-radius: 10px 52px 10px 52px;
}
.whychooserightcont img
{
width: 80px;
margin-bottom: 25px;
}
.whychooserightcont h4 {
font-size: 20px;
line-height: 26px;
}
.whychooserightcont p
{
color: #6e6d6f;
}
/*-why choosesec end*/
@media screen and (max-width: 1100px)
{
.digicontr h2 {
font-size: 45px;
line-height: 50px;
}
}
@media screen and (max-width: 767px)
{
.mobm0
{
margin: 0;
}
img.gt3_pulse_figure_element
{
display: none;
}
.digicontr {
padding-left: 0;
margin-top: 15px;
}
.digicontr h2 {
font-size: 36px;
line-height: 46px;
margin-bottom: 10px;
}
.digicontr h2 br
{
display: none;
}
.pt50 {
padding-top: 0;
}
.svglinetop
{
display: none;
}
.belowvideosec {
background-size: cover;
}
.whychoose_sec {
margin-top: 0;
padding-top: 80px;
}
.whychooserightcont {
margin: 40px 0 0 0;
}
.ogenBanner-belowclients {
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 40px 10px 15px;
}
.digitalpro_banner {
    overflow: hidden;
}
}
.mainfooter {
background: #303030;
padding-top: 285px;
}
@media (max-width: 991px)
{
.mainfooter {
padding: 800px 0 0;
}
}
@media screen and (max-width: 340px)
{
.digitalpro_banner h2 {
    font-size: 43px;
}
.digitalpro_banner p {
    font-size: 18px;
    line-height: 28px;
}
.cus_btn {
    min-width: auto;
}
a.banner-btn.cus_btn.orange-2
{
    margin: 0;
}
.video-popup__link {
    width: 40px;
    height: 40px;
}
}