/*
font-family: 'Pinyon Script', cursive;
*/
html {
scroll-behavior: smooth;
}
:root { --main-color: #6c48ef; }
.navbar {
padding: 0px;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10 !important;
border-bottom: 1px solid rgb(212, 212, 212);
}
.logo-hide {display:none;}
.small-logo {margin-left: 30px !important; transition: all .5s;}
.navbar-brand img { width:65px;}
.navbar .container-fluid { padding: 0px;margin: 0px 100px;}
.navbar-expand-lg .navbar-nav .nav-link { font-size: 14px;padding: 22px 15px; color:#656565;position: relative;}
.navbar-expand-lg .navbar-nav .nav-link::after {
position: absolute;
content: "";
height: 3px;
width: 50px;
background:var(--main-color);
left: 50%;
transform: translateX(-50%);
bottom: 0px;
display: none;
}
/* li.nav-item:nth-child(5) {display: none;} */
.navbar-expand-lg .navbar-nav .nav-link:hover:after { display: block;}
.drop-box1 {
position: absolute;
z-index: 2;
background: #fff;
padding:0px 15px;
left: 0;
right: 0;
border-top: 1px solid rgb(160, 159, 159);
display: none;
}
.drop-box1 a { display: block;}
.drop-box1 a img {
width: 70%;
display: block;
margin: 0 auto;
}
.drop-box2 a img {
width: 40%;
display: block;
margin: 0 auto;
}
a.about-link:hover .drop-box1 { display: block !important;}
.navbar-brand { padding: 0; margin: 0; transition: all .5s;}
.navbar-brand2 img {width: 100px !important;}
.social-link {list-style:none;padding-left: 10px;margin: 0;}
.social-link li { display:inline-block;}
.social-link li a { display: block;}
.con-btn {
color: var(--main-color);
border: 2px solid var(--main-color);
display: inline-block;
border-radius: 0px;
padding: 5px 15px;
height: 35px;
font-size: 13px;
font-weight: bold;
margin:15px 0px 0px 10px;
width:120px;
text-transform: uppercase;
}
.con-btn:hover {
background-color: var(--main-color) !important;
border-color: transparent!important;
color: #fff!important;
}
.con-btn:focus {
-webkit-box-shadow: 0 0 0 0.11111rem #fff, 0 0 0 0.22222rem var(--main-color);
box-shadow: 0 0 0 0.11111rem #fff, 0 0 0 0.22222rem var(--main-color);
}
.caller { display: none;}
.drop-row {width: 100%;}
.drop-row div:nth-child(1) {border:0px solid rgb(160, 159, 159);}
.drop-row div { border:1px solid rgb(160, 159, 159); border-top: 0px;}
/*slider*/
.slider { margin-top: 65px; position: relative;}
.slider .item {
height: 100vh;
position: relative;
}
.slider .item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.slider .item .cover {
padding: 75px 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
}
.slider .item .cover .slider-content {
position: relative;
padding: 56px;
overflow: hidden;
}
.slider .item .cover .slider-content h2 {
font-weight: 300;
font-size: 35px;
color: #fff;
}
.slider .item .cover .slider-content h1 {
font-size: 56px;
font-weight: 600;
margin: 5px 0 20px;
word-spacing: 3px;
color: #fff;
}
.slider .item .cover .slider-content h4 {
font-size: 24px;
font-weight: 300;
line-height: 36px;
color: #fff;
}
.slider .owl-item.active h1 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.3s;
}
.slider .owl-item.active h2 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInDown;
animation-delay: 0.3s;
}
.slider .owl-item.active h4 {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0.3s;
}
.slider .owl-item.active a {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInUp;
animation-delay: 0.7s;
}
.slider .owl-nav .owl-prev {
position: absolute;
left: 15px;
top: 43%;
opacity: 0;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
background: rgba(0, 0, 0, 0.5) !important;
width: 40px;
cursor: pointer;
height: 40px;
position: absolute;
display: block;
z-index: 1000;
border-radius: 0;
}
.slider .owl-nav .owl-prev span {
font-size: 1.6875rem;
color: #fff;
}
.slider .owl-nav .owl-prev:focus {
outline: 0;
}
.slider .owl-nav .owl-prev:hover {
background: #000 !important;
}
.slider .owl-nav .owl-next {
position: absolute;
right: 15px;
top: 43%;
opacity: 0;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
background: rgba(0, 0, 0, 0.5) !important;
width: 40px;
cursor: pointer;
height: 40px;
position: absolute;
display: block;
z-index: 1000;
border-radius: 0;
}
.slider .owl-nav .owl-next span {
font-size: 1.6875rem;
color: #fff;
}
.slider .owl-nav .owl-next:focus {
outline: 0;
}
.slider .owl-nav .owl-next:hover {
background: #000 !important;
}
.slider:hover .owl-prev {
left: 0px;
opacity: 1;
}
.slider:hover .owl-next {
right: 0px;
opacity: 1;
}
.slider-content a { font-size: 15px;
color: #fff;
text-decoration: none;
border:2px solid #fff;
padding: 10px 20px;
transition: all .5s;
background-color: transparent;
}
.slider-content a:hover {
color: var(--main-color);
background-color: #fff;
}
/*awardcss*/
.awards {
margin-top: -120px;
position: relative;
z-index: 5;
}
.awards .container {
border-top: 1px solid rgba(220, 220, 220, 0.3);
}
.award-wrap h6 { color:#fff; font-size: 16px; margin-bottom: 20px;}
.award-wrap ul {
list-style: none;
padding: 0;
margin: 0;
}
.award-wrap ul li {
display: inline-block;
margin-left: 20px;
}
.award-wrap ul li img {
width: 120px;
}
.award-wrap ul li:nth-child(1) {
border-right:0px solid rgba(255, 255, 255, 0.41);
padding-right: 10px;
}
/*exceed-sec css*/
.exceed-sec {overflow: hidden;position: relative; margin-top: -10px;}
.exceed-sec img {
position: absolute;
bottom: -90px;
right: 0;
z-index: 5;
width: 47%;
}
.exceed-part1, .exceed-part2 { height:100vh;}
.exceed-part1 { padding:65px 170px 30px 100px;}
.exceed-part1 h6 {
font-size: 12px;
letter-spacing: 3px;
color: #b7b7b7;
}
.exceed-part1 h2 {
font-size: 35px;
color: #0a1f54;
margin: 30px 0px;
font-weight: 700;
}
.exceed-part1 p {
font-size: 20px;
font-weight: 400;}
.exceed-part1 a {
display: inline-block;
color: var(--main-color);
padding: 5px;
position: relative;
text-decoration: none;
}
.exceed-part1 a:after {
position: absolute;
content: "\f101";
font-family: fontAwesome;
font-size: 15px;
top: 8px;
right: -12px;
transition: all .5s;
}
.exceed-part1 a:hover:after {
right: -20px;
}
.exceed-part2 { padding:65px 30px 30px 100px;
background-image: url(../img/blue-bg.jpg);
}
.exceed-part2 h5 {
font-size: 14px;
letter-spacing: 2px;
color: #81cced ;
}
.exceed-part2 ul {
list-style:none;
margin: 30px 0px;
padding: 0;
}
.exceed-part2 ul li {
display: block;
position: relative;
color: #fff;
font-size: 18px;
padding: 5px;
cursor: pointer;
margin-bottom: 5px;
}
.exceed-part2 ul li a:hover{
text-decoration: none;
color: #81cced;
}
.exceed-part2 ul li a{
text-decoration: none;
color: #fff;
}
.exceed-part2 ul li::before {
position: absolute;
content: "";
width: 35px;
height: 1px;
background-color: #81cced;
left: -55px;
top: 50%;
transform: translateY(-50%);
}
.exceed-part2 ul li span { color:#81cced;}
.exceed-part2 ul li:hover { color:#81cced;}
/*client css*/
.client {
background-color: #ececec;
padding: 70px 0px;
}
.client h2 {
color: #fff;
font-size: 40px;
text-align: center;
margin: 20px 0px;
}
.client h4 {
font-size: 23px;
text-align: center;
margin: 20px 0px;
color: #fff;
}
/*/ start count stats /*/
.grey-bg{background:var(--main-color); padding: 70px 0px;}
.counter-Txt{text-align:center; font-size:13px; font-weight:bold; text-transform:uppercase; margin-top:20px; color:#fff; margin-bottom: 30px;}
.counter-Txt span{display:block; font-size:36px;}
.counter-Txt .fa {
font-size: 35px;
}
.counter-value { position: relative;}
.counter-value:after {
position: absolute;
content: "\f067";
font-family: fontAwesome;
font-size: 17px;
top: 50%;
transform: translateY(-50%);
margin-left: 10px;
}
/*/ end count stats /*/
/*team css*/
.team {
background-color: #fff;
padding: 70px 0px 0px 0px;
}
.team h2 {
color: var(--main-color);
font-size: 40px;
text-align: center;
margin: 20px 0px;
}
.team h4 {
font-size: 23px;
text-align: center;
margin: 20px 0px;
}
.team p {
font-size: 18px;
text-align: center;
margin: 20px 0px;
}
.team img {
margin-top: 30px;
width: 100%;
}
/*service*/
.service {
background-color: #fff;
padding: 70px 0px;
overflow: hidden;
}
.service h2 {
color: var(--main-color);
font-size: 40px;
text-align: center;
margin: 20px 0px;
}
.service h4 {
font-size: 23px;
text-align: center;
margin: 20px 0px;
}
.service-box { margin-bottom: 10px; overflow: hidden;}
.service a {
display: block;
}
.service-box:hover img {
transform: scale(1.1);
}
/*digital css*/
.digital {
background-color: #fff;
padding: 70px 0px;
}
.digital h2 {
color: var(--main-color);
font-size: 40px;
text-align: center;
margin: 20px 0px;
}
.digital h4 {
font-size: 23px;
text-align: center;
margin: 20px 0px;
}
.digital p {
font-size: 18px;
text-align: left;
margin: 20px 0px;
}
.digital p a {
color: var(--main-color);
text-decoration: none;
font-weight: bold;
}
.digital p a:hover {
color: #3f3f3f;
}
/*sale css*/
.sale {
background-color: var(--main-color);
padding: 70px 0px;
}
.sale h2 {
color:#fff;
font-size: 40px;
text-align: center;
margin: 20px 0px;
}
.sale h4 {
color: #fff;
font-size: 23px;
text-align: center;
margin: 20px 0px;
}
.form-wrap {
margin-top: 20px;
padding: 70px 35px;
background-color: #fff;
border-radius: 5px;
}
.form-wrap .form-control {
border-radius: 0;
height: 50px;
margin-bottom: 20px;
margin-top: 8px;
background: #efefef;
}
.form-wrap .form-check {
justify-content: start;
padding: 15px;
}
.contact-submit {
background: var(--main-color);
color: #fff;
padding: 20px 50px;
font-size: 20px;
}
.mc4wp-form-theme-dark button, .mc4wp-form-theme-dark input[type=submit] {
background-color: var(--main-color) !important;
border: 1px solid var(--main-color) !important;
color: #fff;
}
#mc4wp-form-1 {
width: 100%;
}
.input-group-append .btn, .input-group-prepend .btn {
height: 50px;
}
.mc4wp-form-theme-dark button:hover {
color: var(--main-color)!important;
background-color:#fff!important;
border-color: var(--main-color);
}
#mc4wp-form-1 .form-control {
width: 50%;
display: inline-block;
margin-right: -5px;
height: 50px;
}
#mc4wp-form-1 .input-group-append {
margin-left: -1px;
display: inline-block;
}
.contact-form2 label {
width: 100%;
display: block;
}
.contact-form2 .wpcf7-validates-as-required {
width: 100%;
height: 45px;
padding:10px;
background: #efefef;
border: 0px;
}
.wpcf7-form-control-wrap {
position: relative;
display: block;
margin-top: 10px;
border: 1px solid #cccaca;
}
.wpcf7 input[type="tel"] {
direction: ltr;
height: 45px;
padding: 10px;
width: 100% ;
background: #efefef;
border: 0px;
}
.submit-form .wpcf7-submit {
background: var(--main-color);
color: #fff;
padding: 15px 35px !important;
font-size: 20px !important;
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-top: 20px;
border:1px solid var(--main-color);
}
.submit-form .wpcf7-submit:hover {
color: var(--main-color);
background: #fff;
}
/*subscribe*/
.subscribe { padding: 70px 0px;}
.subscribe h4 {
display: flex;
justify-content: center;
align-items: center;
}
.subscribe h4 span {
font-size: 18px;
padding: 10px;
color: var(--main-color);;
}
.subscribe h4 span img {
width: 80px;
}
.subscribe .form-control {
height: 55px;
}
.subscribe .input-group {
margin-top: 20px;
}
/*insta sec*/
.insta-sec {
background-color: #f9f8f8;
padding: 70px 0px;
overflow: hidden;
}
.insta-sec h2 { text-align: center; font-size: 35px; margin-bottom: 30px;}
#demo-owl2 .owl-dots {display: none;}
#demo-owl2 .owl-nav {
position: absolute;
top: 40%;
left: 0;
right: 0;
padding: 0px 10px;
z-index: 10;
}
#demo-owl2 .owl-nav button.owl-next {
right: -25px;
text-align: left;
padding-left: 18px !important;
}
#demo-owl2 .owl-nav button.owl-prev {
left: -25px;
text-align: right;
padding-right: 18px !important;
}
#demo-owl2 .item .blog-post-box {
height: 170px;
overflow: hidden;
}
#demo-owl2 .item img {
width: 100%;
height: 170px;
transition: all .5s;
}
#demo-owl2 .blog-box:hover img {
transform: scale(1.2);
}
.blog-box:hover {
transform: scale(1.1);
}
#demo-owl .owl-nav button.owl-next, #demo-owl .owl-nav button.owl-prev {
border: none;
font: inherit;
background: #fff;
height: 70px;
width: 70px;
border-radius: 100%;
font-size: 35px;
color: var(--main-color);
position: absolute;
top: 50%;
transform: translateY(-50%);
outline: none;
}
#demo-owl .item { position: relative; overflow: hidden;}
#demo-owl .item img { width: 100%; transition: all .5s;}
#demo-owl .item a {display: block;}
.overlay {
background:var(--main-color);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
transition: all .5s linear;
opacity: 0;
}
.overlay p {
font-size: 13px;
color: #fff;
text-align: justify;
}
#demo-owl .item:hover img { transform: scale(1.1);}
#demo-owl .item:hover .overlay { opacity:.9;}
/*footer*/
.footer {
background: #030d26;
padding: 50px 0px 0px 0px;
width: 100%;
}
.footer-box {margin-bottom: 30px;}
.footer-box h3 {
font-size: 20px; position: relative;
text-transform: uppercase;
color: #fff;
padding: 10px 0px; margin-bottom: 30px;
}
.footer-box h3:after {
position: absolute;
content: "";
height: 1px;
width: 50px;
background: #fff;
left: 0;
bottom: 5px;
}
.footer-box address {
color: #fff;
line-height: 1.7;
letter-spacing: 1px;
font-size: 13px;
}
.footer-box address b {
display: block;
font-size: 17px;
font-style: italic;
padding: 5px 0px;
}
.footer-box address a {
color:#fff;
text-decoration: none;
}
.footer-box ul {
list-style: none;
margin:0; padding: 0;
}
.footer-box ul li {
display:block;
}
ul.footer-info li a {
padding: 5px 0px;
color: #fff;transition: all .5s; -moz-transition: all .5s;-webkit-transition: all .5s;
font-size: 13px;
display: block;
text-decoration: none;
}
ul.footer-info li a .fa {
font-weight: normal;
font-size: 10px;
}
ul.footer-info li a:hover {padding-left:5px;}
.footer footer {
padding: 20px 0px;
background:#030d26;
text-align: center;
}
.footer footer p {
color: #fff;
margin:0;
padding: 5px 0px;
font-size:11px;
letter-spacing: 1px;
}
ul.social-network {
list-style: none;
display: block;
margin-left:0 !important;
padding: 0;
}
ul.social-network li {
display: inline-block;
margin: 0 5px;
}
.social-network a.icoFacebook:hover {
background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
background-color:#BD3518;
}
.social-network a.icoLinkedin:hover {
background-color:#007bb7;
}
.social-network a.icotwitter:hover {
background-color:#00acee;
}
.social-circle li a {
display:inline-block;
position:relative;
margin:0 auto 10px auto;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
text-align:center;
width: 50px;
height: 50px;
font-size:20px;
background-color: #D3D3D3;
}
.social-circle li i {
margin:0;
line-height:50px;
text-align: center;
color: #000;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
.social-circle li a:hover i, .triggeredHover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms--transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
color: #fff;
}
.footer-social, .footer-img { min-height: auto !important;}
.footer-img img {
width: 35%;
margin-left: 5px;
margin-bottom: 10px;
}
/*about us css*/
.about-banner {
margin-top: 60px;
padding: 50px 0px 0px 0px;
position: relative;
overflow: hidden;
background: -webkit-linear-gradient(top, rgb(227, 227, 227) 0%, rgb(255, 255, 255) 60%);
}
.librty img {
position: absolute;
bottom: -130px;
right: -140px;
width: auto;
}
.about-text { padding: 50px 0px; margin-bottom: 20px;}
.about-text h2 {
font-size: 40px;
margin-bottom: 20px;
color: var(--main-color);
}
.about-text p { text-align: justify;
color: #444;}
.abt-btn {
position: absolute;
background: var(--main-color);
color: #fff;
padding: 10px 35px !important;
font-size: 20px !important;
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-top: 20px;
border: 1px solid var(--main-color);
bottom: 0px;
}
.abt-btn:hover {
color: var(--main-color);
background: #fff; text-decoration: none;
}
/*awardcss*/
.awards-2 {
position: relative;
border-top:1px solid rgba(187, 186, 186, 0.24);
border-bottom: 1px solid rgb(187, 186, 186);
padding:16px 0px;
}
.awards-2 .container { padding: 0px;}
.award-wrap-2 h6 { color:#444; font-size: 16px; margin-bottom: 20px;}
.award-wrap-2 ul {
list-style: none;
padding: 0;
margin: 0;
}
.award-wrap-2 ul li {
display: inline-block;
margin-left: 20px;
}
.award-wrap-2 ul li img {
width: 120px;
filter: grayscale(1);
transition-property: filter;
transition-duration: .5s;
}
.award-wrap-2 ul li:hover img {
filter: grayscale(0);
}
.award-wrap-2 ul li:nth-child(1) {
border-right:1px solid rgba(255, 255, 255, 0.41);
padding-right: 10px;
}
/*who css*/
.who { padding: 50px 0px;}
.who-img img {
display: block;
width: 100%;
margin-bottom:30px;
}
.who-text h2 {
font-size: 25px;
margin-bottom: 20px;
color: var(--main-color);
text-transform: uppercase;
}
.who-text p { text-align: justify;
color: #444;
}
/*service*/
.service-banner {
margin-top: 60px;
padding: 50px 0px;
position: relative;
overflow: hidden;
background: -webkit-linear-gradient(top, rgb(227, 227, 227) 0%, rgb(255, 255, 255) 60%);
}
.service-text h2 {
font-size: 40px;
margin-bottom: 20px;
color: var(--main-color);
}
.service-text ul { list-style: none;}
.service-text ul li { display: block; margin-bottom: 10px; position: relative; font-size: 15px;}
.service-text ul li:before{
position: absolute;
content:"\f05d";
font-family: fontAwesome;
font-size: 20px;
left:-30px;
color: var(--main-color);
}
.service-text a { font-size: 15px;
color: #fff;
text-decoration: none;
display: inline-block;
border:2px solid var(--main-color);
color: var(--main-color);
padding: 10px 80px;
transition: all .5s;
background-color: transparent;
margin: 10px 0px;
}
.service-text a:hover {
color: #fff;
background-color:var(--main-color);;
}
.service-text span {
display: inline-block;
font-size: 13px;
font-style: italic;
color: #444;
}
.service-banner img {
width: auto;
display: block;
margin-top:20px;
}
.service-awards {
border-top:1px solid rgba(187, 186, 186, 0.24);
border-bottom: 1px solid rgb(187, 186, 186);
padding: 20px 0px;
}
.service-awards img {
display: inline-block;
width:auto;
margin-left: 15px;
filter: grayscale(1);
transition-property: filter;
transition-duration: .5s;
}
.service-awards img:hover {
filter: grayscale(0);
}
.digital h2, .digital p {width: 100%;
text-align: center;}
.inner { margin-bottom: 30px;}
.wrapper {
min-height: 275px;
display: block;
padding: 0;
position: relative;
background-image: url(../img/ppc-bk.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.wrapper a { display: block;}
.bg-1 { width: 100%;}
.multiple {
position: absolute;
top: 0;
left: 30px;
right: 0;
bottom: 0;
overflow: hidden;
}
.ppc {
position: absolute;
top: 15px;
left: 15px;
width: 20%;
transition: all .5s;
}
.ring {
position: absolute;
}
.ring.r1 {
left: 25%;
top: 3%;
}
.ring.r2 {
left: 45%;
}
.ring.r3 {
right: 14%;
top: 14%;
}
.ring.r4 {
left: 18%;
bottom: 15%;
}
.ring.r5 {
left: 45%;
}
.ring.r6 {
right: 16%;
bottom: 20%;
}
.phone {margin-top: 20%;
display: block;
}
.phone img {
width: 50%;
display: block;
margin: 0 auto;
}
.wrapper:hover .ppc {
transform: scale(1.1);
}
.wrapper:hover .phone img {
animation: shake .1s ease-in-out 0s infinite,shake-move 2s linear 0s infinite;
}
.wrapper2 {
background-color: #2d625a;
padding: 20px 30px;
}
.wrapper2 h2 {
font-size: 20px;
text-transform: uppercase;
margin: 15px 0px;
color: #34d6c1;
}
.wrapper2 p {
font-size: 17px;
text-align: justify;
color: #fff;
}
.wrapper2 a {
display: inline-block;
color: #42e6cd;
padding: 5px;
position: relative;
text-decoration: none;
}
.wrapper2 a:after {
position: absolute;
content: "\f101";
font-family: fontAwesome;
font-size: 22px;
top: 0;
right: -15px;
transition: all .5s;
}
.wrapper2 a:hover:after {
right:-20px;
}
.rocket-wrapper {
min-height: 275px;
display: block;
padding: 0;
position: relative;
background-image: url(../img/seo-bk.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.rocket-wrapper a { display: block;}
.rocket {margin-top: 20%;
display: block;
}
.rocket img {
width: 80%;
display: block;
margin: 0 auto;
position: relative;
transition: all .5s;
}
.rocket-wrapper:hover .rocket img {
transform: translateY(-58px);
width: 100%;
}
.cloud {
position: absolute;
transition: all .5s;
}
.rocket-wrapper:hover .ppc {
transform: scale(1.1);
}
.rocket-wrapper:hover .cloud {
transform: translateX(-15px);
}
.cloud.cd1 {
right: 25px;
top: 35px;
}
.cloud.cd2 {
left: 0px;
top: 90px;
}
.cloud.cd3 {
right: 17px;
bottom: 75px;
}
.cloud.cd4 {
right: 55px;
bottom: 30px;
}
.mac {display: block;}
.mac img {
width: 100%;
}
.desk {
position: absolute;
top: 0;
}
.cp {
position: relative;
z-index: 1;
width: 100%;
}
.dt {
position: absolute;
top: 0;
left: 0px;
z-index: 0;
width: 100%;
transition: all .5s;
}
.multi2 {
top: -21px;
left: 0px;}
.mbg {
position: absolute;
top: -6px;
left:0px;
width: 100%;
transition: all .5s;
}
.web-wrapper{
min-height: 275px;
display: block;
padding: 0;
position: relative;
background-image: url(../img/seo-bk.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;}
.web-wrapper a { display: block;}
.web, .smt {
position: absolute;
top: 15px;
left: 15px;
width: 20%;
transition: all .5s;
z-index: 2;
}
.web-wrapper:hover .mbg {top:-11px; }
.web-wrapper:hover .dt { top:-5px;}
.web-wrapper:hover .web {transform: scale(1.1);}
.page-wrapper {
min-height: 265px;
display: block;
padding: 0;
position: relative;
background-image: url(../img/page.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.multi-social {
left: 0px;
}
.multi-social span:nth-child(1) {
animation-delay: .2s;
bottom: 5px;
}
.multi-social span:nth-child(2) {
animation-delay: .5s;
bottom: 15px;
}
.multi-social span:nth-child(3) {
animation-delay: .9s;
bottom: 8px;
}
.multi-social span:nth-child(4) {
animation-delay: 1.3s;
bottom: 7px;
}
.multi-social span:nth-child(5) {
animation-delay: 1.6s;
bottom: 20px;
}
.multi-social span:nth-child(6) {
animation-delay: 2s;
bottom: 5px;
}
.multi-social span {
position: absolute;
bottom: 10px;
left: -30px;
animation:linear infinite;
animation-name: run;
animation-duration: 1.5s;
-webkit-animation:linear infinite;
-webkit-animation-name: run;
-webkit-animation-duration: 1.5s;
animation-play-state: paused;
display: none;
}
@keyframes run {
0% { left: 0;}
100%{ left: 100%;}
}
@-webkit-keyframes run {
0% { left: 0;}
100%{ left: 100%;}
}
.page-wrapper a { display: block;}
.page-wrapper:hover span {animation-play-state: running; display: inline-block;}
.page-wrapper:hover .smt { transform: scale(1.1);}
.fb-wrapper {
min-height: 265px;
display: block;
padding: 0;
position: relative;
background-image: url(../img/fb-back.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.insta-wrapper {
background-image: url(../img/ins-back.png) !important;
min-height: 265px;
}
.insta-ad-banner {
background-image: url(../img/insta11.png) !important;
background-color: #f4f4f4;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.fb1 {
width: 85%;
position: absolute;
bottom: 0;
right: 0;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
}
.fb2 {
width: 85%;
position: absolute;
bottom: -60px;
right: 35px;
transform: rotate(-20deg);
opacity: 0;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
}
.fb-lk {
position: absolute;
top: 90%;
left: 45%;
z-index: 5;
opacity: 0;
animation:linear infinite;
animation-name: opacityOn;
animation-duration: 1.5s;
-webkit-animation:linear infinite;
-webkit-animation-name: opacityOn;
-webkit-animation-duration: 1.5s;
display: none;
}
@keyframes opacityOn {
0% {
opacity: 0;
}
50%{
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes opacityOn {
0% {
opacity: 0;
}
50%{
opacity: 1;
}
100% {
opacity: 0;
}
}
.fb-wrapper:hover .fb1 { opacity: 0;}
.fb-wrapper:hover .fb2 { opacity: 1;}
.fb-wrapper:hover .fb-lk {animation-play-state: running; display: block;}
.fb-wrapper:hover .smt { transform: scale(1.1);}
.fb-wrapper a { display: block;}
.location { margin-top:50px;
padding: 70px 0px;}
.location h1 {
font-size: 35px;
text-align: center;
margin-bottom: 30px;
color: var(--main-color);
}
.location .container { padding: 0px 150px;}
.location h3 { font-size: 16px;}
.location h3 .fa {
font-size: 16px;
color: #ffc107;
}
.location h3 .fa-map-marker{
font-size: 16px;
color: var(--main-color);
}
.location h3 span { font-size: 16px; color: var(--main-color); }
.location address { font-size: 14px;}
.aus{
font-size: 22px !important;
color: var(--main-color);
}
/*blog-banner*/
.blog-banner {
min-height: 350px;
background-image: url(../img/blog.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
position: relative;
margin-top: 55px;
background-color: #383832;
background-blend-mode: soft-light;
display: flex;
justify-content: center;
align-items: center;
}
.blog-btn {
position: absolute;
background: var(--main-color);
color: #fff;
padding: 15px 35px !important;
font-size: 20px !important;
display: inline-block;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-top: 20px;
border: 1px solid var(--main-color);
bottom: 50px;
}
.blog-btn:hover {
color: var(--main-color);
background: #fff; text-decoration: none;
}
.blog-banner h2 {
font-size: 30px;
color:#fff;
text-align: center;
}
.blog-wrap {
padding: 50px 0px;
}
.blog-wrap a {display: block; text-decoration: none; color: #000;}
.filter {
background: #f2f0f0;
position: sticky;
top: 0;
z-index: 999;
min-height: 70px;
padding: 8px;
-webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.75);
}
.blog-box {
margin-bottom: 30px;
transition: all .5s;
}
.blog-box-img {
max-height: 235px;
overflow: hidden;
}
.blog-box-img img {
width: 100%;
min-height: 235px;
}
.blog-box .caption {
padding: 15px;
background: #faf8f8;
}
.blog-box p {
display: block;
float: left;
width: 100%;
}
.blog-time {
float: left;
padding: 5px;
color: #6c48ef;
font-size: 14px;
font-weight: bold;
}
.blog-title {
float: right;
padding: 2px 13px;
background: #6c48ef;
color: #fff;
text-align: center;
font-size: 13px;
border-radius: 5px;
line-height: 18px;
}
.blog-box h2 {
clear: both;
font-size: 16px;
line-height: 1.5;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.pagination {
display: inline-block;
transition: all .5s;
}
.pagination .page-numbers {
display: inline-block;
padding: 10px 15px;
background: #faf8f8;
margin-left: 5px;
}
.pagination .page-numbers:hover {
background: #6c48ef;
color: #fff;
}
.pagination .page-numbers.current {
background: #6c48ef;
color: #fff;
}
.drop-row {
width: 100%;
padding: 10px;
}
.drop-row a {
display: inline-block;
padding: 5px;
color: #000;
cursor: pointer;
text-decoration: none;
}
.drop-row .dropdown-menu {
background: #f1f1f1;
padding: 20px;
}
.dropdown-toggle:after {
display: none;
}
.drop-row a .fa { padding: 0px 5px;}
.drop-row ul li a {
display: block;
padding: 5px;
color: #000;
text-decoration: none;
background: #f1f1f1;
transition: all .3s;
}
.drop-row ul li a:hover {
background-color: var(--main-color);
color:#fff;
}
/*blog-details*/
.blog-details {
padding: 15px 0px;
margin-top: 100px;
}
.blog-heading { padding: 15px;}
.blog-heading h2 {
font-size: 30px;
text-transform: capitalize;
padding: 5px 0px;
margin: 0;
font-weight: 700;
font-family: poppins,sans-serif;
color: #000;
letter-spacing: 0;
text-decoration: none;
line-height: 1.3;
}
.blog-heading p {
font-size: 13px;
margin: 0;
font-family: poppins,sans-serif;
padding: 5px 0px;
}
.blog-title2 {
padding: 15px;
background: #e2e1e1;
}
.blog-title2 h2 {
font-size: 30px;
text-transform: capitalize;
padding: 5px 0px;
margin: 0;
}
.blog-title2 p {
font-size: 13px;
margin: 0;
padding: 5px 0px;
color: orange;
}
.blog-img {
margin-top: 30px;
padding: 0;
}
.blog-img img {
width: 100%;
margin-bottom: 30px;
}
.blog-img { text-align: justify;}
.blog-img h3 {
font-size: 21px;
margin-bottom: 20px;
}
.profile font {
display: inline-block;
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 100%;
border: 1px solid #eae8e8;
padding: 15px;
text-align: center;
margin-right: 15px;
}
.profile font img { width:100%;}
.profile h2 {
display: inline-block;
font-size: 25px;
padding: 20px 15px;
vertical-align: top;
width: auto;
}
.profile h2 span {
font-size: 12px;
display: inline-block;
}
.media {
padding: 20px 5px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
span.media-social {
background: var(--main-color);
color: #fff;
font-size: 12px;
display: inline-block;
padding: 3px 10px;
border-radius: 20px;
margin: 20px 0px;
}
.media span {
font-size: 13px;
color:rgb(121, 121, 121);
width: 35%;
}
.media ul {
list-style: none;
margin: 0;
padding: 0;
padding-left: 20px;
width: 65%;
text-align: right;
}
.media ul li {
display: inline-block;
}
.media ul li a {
display: block;
height: 30px;
width: 30px;
background: #ebebeb;
border-radius: 100%;
text-align: center;
padding: 3px 5px;
}
.media ul li a .fa {
color: var(--main-clor);
}
.mail-subs {
background: var(--main-color);
padding: 15px;
max-width: 275px;
width: 100%;
margin: 0 auto;
border-radius: 10px;
}
.mail-subs img {width:70px;}
.mail-subs h3 {
color: #fff;
font-size: 20px;
margin: 30px 0px;
}
#demo-owl2 .owl-nav {
position: absolute;
top: 40%;
left: 0;
right: 0;
padding: 0px 10px;
z-index: 10;
}
#demo-owl2 .owl-nav button.owl-next {
right: -45px;
text-align: left;
padding-left: 18px !important;
}
#demo-owl2 .owl-nav button.owl-prev {
left: -45px;
text-align: right;
padding-right: 18px !important;
}
#demo-owl2 .owl-nav button.owl-next, #demo-owl2 .owl-nav button.owl-prev {
border: none;
font: inherit;
background: #fff;
height: 70px;
width: 70px;
border-radius: 100%;
font-size: 35px;
color: var(--main-color);
position: absolute;
top: 50%;
transform: translateY(-50%);
outline: none;
}
.related-post {
padding: 70px 0px;
overflow: hidden;
}
.related-post h1 {
font-size: 30px;
color: var(--main-color);
text-align: center;
margin-bottom: 20px;
padding: 15px;
}
/*web-dev-services css*/
.service-container {max-width: 1000px; width: 100%;}
.web-dev { padding: 70px 0px;}
.banner-list {
margin: 0;
padding: 0;
display: flex;
}
.banner-list li {
display: inline-block;
margin: 10px 20px;
font-size: 15px;
font-weight: bold;
color: #fff;
position: relative;
}
.banner-list li:before {
background-size: 20px;
display: inline-flex;
width: 22px;
height: 22px;
content: "";
position: absolute;
left: -25px;
background-repeat: no-repeat;
}
.banner-list li:nth-child(1):before {
background-image: url(../img/laptop1.png);
}
.banner-list li:nth-child(2):before{
background-image: url(../img/rocket1.png);
}
.banner-list li:nth-child(3):before {
background-image: url(../img/sales.png);
}
.banner-list li:nth-child(4):before {
background-image: url(../img/trophey.png);
}
.industries {
background-color: #e0aa00;
padding: 70px;
}
.industries .container {
min-height: 230px;
padding: 30px 0px 15px 0px;
-webkit-box-shadow: -1px 3px 5px 2px rgba(112,75,1,1);
-moz-box-shadow: -1px 3px 5px 2px rgba(112,75,1,1);
box-shadow: -1px 3px 5px 2px rgba(112,75,1,1);
border-radius: 10px;
}
.industries h2 {
color: #fff;
font-size: 35px;
text-align: center;
}
.industries h3 {
color: #fff;
font-size: 20px;
text-align: center;
margin-bottom:50px;
}
.ind-box p {
font-size: 25px;
font-weight:bold;
color: #fff;
text-align: center;
margin-bottom: 30px;
}
.ind-box p img {
width: 60px;
height: 65px;
}
.web-box h3 {
font-size: 25px;
text-transform: uppercase;
margin: 20px 0px;
}
.web-box p {
font-size: 15px;
text-align: justify;
}
.web-box img { width:100%}
.web-box { padding: 15px; margin-bottom: 30px;}
/*ppc*/
.ppc-banner { margin-top: 50px; position: relative; height: 500px; background-image: url(../img/ppc-banner.jpg);
background-repeat: no-repeat;background-size: cover; background-position: center; overflow: hidden;
}
.ppc-caption {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
padding: 15px 30px;
left: 2%;
z-index: 1;
}
.ppc-caption h1 {
font-size: 20px;
color: #fff;
margin-bottom: 15px;
}
.ppc-caption h2 {
font-size: 40px;
color: #fff;
}
.ppc-caption a.abtn {
display: inline-block;
background: var(--main-color);
color: #fff;
padding: 15px 50px 15px 55px;
font-size: 20px;
margin-top: 30px;
position: relative;
text-decoration: none;
border:1px solid var(--main-color);
transition: all .5s;
}
.ppc-caption a.abtn .fa {
position: absolute;
left: 0;
top: 0;
bottom: 0;
padding: 20px 14px;
background: #5e3dd4;
transition: all .5s;
}
.ppc-caption a.abtn:hover .fa { border-right: 1px solid var(--main-color);}
.ppc-caption a.abtn:hover, .ppc-caption a.abtn:hover .fa {
color: var(--main-color);
background-color: #fff;
}
a.speak {
position: absolute;
bottom: 15px;
color: #fff;
left: 70px;
font-size: 20px;
text-decoration: none;
}
a.speak:before {
position: absolute;
content: "\f017";
font-family: fontAwesome;
left: -25px;
font-size: 20px;
}
.seo-head { text-align: center !important;}
.ppc-head, .seo-head {
text-align: left;
padding: 20px;
}
.ppc-head h2, .seo-head h2 {
font-size: 40px;
color: #fff;
color: var(--main-color);
}
.ppc-head p, .seo-head p {
font-size: 15px;
}
.google-add {
padding: 70px 0px 30px 0px;
border-bottom: 1px solid rgb(221, 221, 221);
}
.google-add-right {
border-left: 1px solid #e8e7e7;
}
.google-add h2 {
font-size: 35px;
margin-bottom: 20px;
color: var(--main-color);
}
.google-add2 h2 {
font-size: 30px;
margin-bottom: 20px;
color: var(--main-color);
}
.google-add h3 {
font-size: 20px;
margin-bottom: 20px;
}
.google-add p {
font-size: 16px;
text-align: justify;
}
#management .item h2 {
font-size: 35px;
margin-bottom: 20px;
color: var(--main-color);
}
#management .item h4 {
font-size: 20px;
margin-bottom: 20px;
padding: 0px 15px;
color: black;
}
.google-management {
position: relative;
padding: 70px 0px;
}
#management .item {
width: calc(100% - 275px);
margin-left: 275px;
padding: 15px 15px;
}
#management .item p {
font-size: 16px;
text-align: justify;
}
#management .owl-dots {
position: absolute;
background:#f1ecec;
top: 0;
min-width: 275px;
height: 500px;
}
#management .owl-dots .owl-dot{
display: block;
zoom: 1;
height: 60px;
width: 100%;
margin-bottom: 5px;
position: relative;
outline: none;
transition: all .5s;
z-index:1;
}
#management .owl-dots:after {
position: absolute;
content: "";
top: 10px;
left: 24px;
height: 300px;
width: 2px;
background: transparent;
border-left: 1px dashed #333;
}
#management .owl-dots .owl-dot span {
position: relative;
background: transparent;
}
#management .owl-dots .owl-dot span::after {
content: '';
position: absolute;
left: 9px;
width: 0;
bottom: -35px;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid var(--main-color);
display: none;
}
#management .owl-dots .owl-dot.active {
background-color: var(--main-color);
color: #fff;
}
#management .owl-dots .owl-dot.active:hover span:after { display: block;}
#management .owl-dots .owl-dot::before {
position: absolute;
font-family: fontAwesome;
background: #fff;
height: 40px;
width: 40px;
padding: 10px;
border-radius: 100%;
left: 5px;
top:10px
}
#management .owl-dots .owl-dot::after {
position: absolute;
font-size: 14px;
left: 60px;
height: 50px;
width: calc(100% - 60px);
top: 5px;
text-align: left;
padding: 12px 0px;
}
#management .owl-dots .owl-dot:hover {
background: var(--main-color);
color: #fff;
}
#management .owl-dots .owl-dot:nth-child(1)::before {
content: url("../img/m2.png");
}
#management .owl-dots .owl-dot:nth-child(1)::after {
content: "Reporting Sales";
}
#management .owl-dots .owl-dot:nth-child(2)::before {
content: url("../img/m1.png");
}
#management .owl-dots .owl-dot:nth-child(2)::after {
content: "On-Going Management";
}
#management .owl-dots .owl-dot:nth-child(3)::before {
content: url("../img/m3.png");
}
#management .owl-dots .owl-dot:nth-child(3)::after {
content: "Campaign Set-Up & Optimization";
}
#management .owl-dots .owl-dot:nth-child(4)::before {
content: url("../img/m4.png");
}
#management .owl-dots .owl-dot:nth-child(4)::after {
content: "Start & Strategy";
}
#management .owl-dots .owl-dot:nth-child(5)::before {
content: url("../img/m5.png");
}
#management .owl-dots .owl-dot:nth-child(5)::after {
content: "Discovery & Analysis";
}
#management .owl-nav {
position: absolute;
top: -50px;
right: 0;
}
#management .owl-nav button.owl-next, #management .owl-nav button.owl-prev {
color: var(--main-color);
font-size: 80px;
}
#management .owl-nav [class*=owl-]:hover {
background: transparent;
outline: none;
}
#management { overflow:hidden;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
}
/*seo css*/
/*ppc*/
.seo-banner {
margin-top: 50px;
position: relative;
height: 500px;
background-image: url(../img/seo-img.png);
background-repeat: no-repeat;
background-size: inherit;
background-position: 115%;
overflow: hidden;
background-color: #f1f1f1;
}
.seo-caption {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
padding: 15px 30px;
left:6%;
z-index: 1;
}
.seo-caption h1 {
font-size: 20px;
color: #000;
margin-bottom: 15px;
}
.seo-caption h2 {
font-size: 40px;
color: var(--main-color);
}
.seo-caption a {
display: inline-block;
background:var(--main-color);
color: #fff;
padding: 15px 50px;
font-size: 20px;
margin-top: 30px;
transition: all .5s;
border:1px solid var(--main-color);
text-decoration: none;
}
.seo-caption a:hover {
background:#fff;
color:var(--main-color);
}
.star-box {
display: flex;
}
.star-box span {
display: inline-block;
width: 100px;
padding: 10px;
height: 70px;
border-right: 1px solid #e4e5e5;
}
.star-box span img {
width: 100%;
display: block;
}
.star-box h4 {padding: 10px; font-size: 20px;color: var(--main-color);}
.star-box p { font-size: 14px;padding: 5px 0px;}
/*fb-ad*/
.fb-ad-banner {
margin-top: 50px;
position: relative;
height: 500px;
background-image: url(../img/fb-ad.png);
background-repeat: no-repeat;
background-size: inherit;
background-position:100%;
overflow: hidden;
}
.fb-ad-caption {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 60%;
padding: 15px 30px;
left: 2%;
z-index: 1;
}
.fb-ad-caption h3 {
font-size: 17px;
color: #000;
margin-bottom: 15px;
}
.fb-ad-caption h1 {
font-size: 40px;
color: #000;
}
.fb-ad-caption a {
display: inline-block;
background:var(--main-color);
color: #fff;
padding: 15px 50px;
font-size: 20px;
margin-top: 30px;
transition: all .5s;
border:1px solid var(--main-color);
text-decoration: none;
}
.fb-ad-caption a:hover {
background:#fff;
color:var(--main-color);
}
.fb-ad-caption span {
display: block;
position: relative;
font-size: 17px;
margin-left: 20px;
padding: 10px 0px;
}
.fb-ad-caption span:before {
position: absolute;
content: "\f058";
font-family: fontAwesome;
color: var(--main-color);
left:-20px;
}
#management2 .item h2 {
font-size: 35px;
margin-bottom: 20px;
}
#management2 .item h4 {
font-size: 20px;
margin-bottom: 20px;
padding: 0px 15px;
position: relative;
color: var(--main-color);
}
h4.tick {
font-size: 20px;
margin-bottom: 20px;
padding: 0px 15px;
position: relative;
color: var(--main-color);
}
h4.tick::before {
position: absolute;
content: "\f058";
font-family: fontAwesome;
color: var(--main-color);
left: -10px;
}
.google-management {
position: relative;
padding: 70px 0px;
}
#management2 .item {
width: calc(100% - 275px);
margin-left: 275px;
padding: 15px 15px;
}
#management2 .item p {
font-size: 16px;
text-align: justify;
}
#management2 .owl-dots {
position: absolute;
background:#f1ecec;
top: 0;
min-width: 275px;
height: 500px;
}
#management2 .owl-dots .owl-dot{
display: block;
zoom: 1;
height: 60px;
width: 100%;
margin-bottom: 5px;
position: relative;
outline: none;
transition: all .5s;
z-index:1;
}
#management2 .owl-dots .owl-dot span {
position: relative;
background: transparent;
}
#management2 .owl-dots .owl-dot span::after {
content: '';
position: absolute;
left: 267px;
width: 0;
bottom: 0px;
height: 0;
border-right: 8px solid transparent;
border-left: 8px solid var(--main-color);
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
display: none;
}
#management2 .owl-dots .owl-dot.active {
background-color: var(--main-color);
color: #fff;
}
#management2 .owl-dots .owl-dot.active:hover span:after { display: block;}
#management2 .owl-dots .owl-dot::before {
position: absolute;
font-size: 14px;
left: 15px;
height: 50px;
width: calc(100% - 60px);
top: -5px;
text-align: left;
padding: 12px 0px;
}
#management2 .owl-dots .owl-dot::after {
position: absolute;
font-size: 14px;
left:15px;
height: 50px;
width: calc(100% - 60px);
top: 15px;
text-align: left;
padding: 12px 0px;
}
#management2 .owl-dots .owl-dot:hover {
background: var(--main-color);
color: #fff;
}
#management2 .owl-dots .owl-dot:nth-child(1)::before {
content:"Phase 1";
}
#management2 .owl-dots .owl-dot:nth-child(1)::after {
content: "Understanding Your Business";
}
#management2 .owl-dots .owl-dot:nth-child(2)::before {
content:"Phase 2";
}
#management2 .owl-dots .owl-dot:nth-child(2)::after {
content: "Setting Up Your Facebook Account";
}
#management2 .owl-dots .owl-dot:nth-child(3)::before {
content: "Phase 3";
}
#management2 .owl-dots .owl-dot:nth-child(3)::after {
content: "Social Marketing";
}
#management2 .owl-dots .owl-dot:nth-child(4)::before {
content: "Phase 4";
}
#management2 .owl-dots .owl-dot:nth-child(4)::after {
content: "Execute Strategy";
}
#management2 .owl-dots .owl-dot:nth-child(5)::before {
content: "Phase 5";
}
#management2 .owl-dots .owl-dot:nth-child(5)::after {
content: "Monitor & Adjust";
}
#management2 .owl-nav {
position: absolute;
top: -50px;
right: 0;
}
#management2 .owl-nav button.owl-next, #management2 .owl-nav button.owl-prev {
color: var(--main-color);
font-size: 80px;
}
#management2 .owl-nav [class*=owl-]:hover {
background: transparent;
outline: none;
}
#management2 { overflow:hidden;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
}
/*....................*/
#management3 .item h2 {
font-size: 35px;
margin-bottom: 20px;
color: var(--main-color);
}
#management3 .item h4 {
font-size: 20px;
margin-bottom: 20px;
padding: 0px 15px;
color: black;
}
.google-management {
position: relative;
padding: 70px 0px;
}
#management3 .item {
width: calc(100% - 275px);
margin-left: 275px;
padding: 15px 15px;
}
#management3 .item p {
font-size: 16px;
text-align: justify;
}
#management3 .owl-dots {
position: absolute;
background:#f1ecec;
top: 0;
min-width: 275px;
height: 500px;
}
#management3 .owl-dots .owl-dot{
display: block;
zoom: 1;
height: 60px;
width: 100%;
margin-bottom: 5px;
position: relative;
outline: none;
transition: all .5s;
z-index:1;
border-bottom: 1px solid #cccbcb;
}
#management3 .owl-dots .owl-dot span {
position: relative;
background: transparent;
}
#management3 .owl-dots .owl-dot span::after {
content: '';
position: absolute;
left: 267px;
width: 0;
bottom: 0px;
height: 0;
border-right: 8px solid transparent;
border-left: 8px solid var(--main-color);
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
display: none;
}
#management3 .owl-dots .owl-dot.active {
background-color: var(--main-color);
color: #fff;
}
#management3 .owl-dots .owl-dot.active:hover span:after { display: block;}
#management3 .owl-dots .owl-dot::before {
position: absolute;
font-size: 14px;
left: 15px;
height: 50px;
width: calc(100% - 60px);
top: -5px;
text-align: left;
padding: 12px 0px;
}
#management3 .owl-dots .owl-dot::after {
position: absolute;
font-size: 14px;
left:15px;
height: 50px;
width: calc(100% - 60px);
top: 15px;
text-align: left;
padding: 12px 0px;
}
#management3 .owl-dots .owl-dot:hover {
background: var(--main-color);
color: #fff;
}
#management3 .owl-dots .owl-dot:nth-child(1)::before {
content:"Phase 1";
}
#management3 .owl-dots .owl-dot:nth-child(1)::after {
content: "On-Site Strategy";
}
#management3 .owl-dots .owl-dot:nth-child(2)::before {
content:"Phase 2";
}
#management3 .owl-dots .owl-dot:nth-child(2)::after {
content: "On-Site Optimization";
}
#management3 .owl-dots .owl-dot:nth-child(3)::before {
content: "Phase 3";
}
#management3 .owl-dots .owl-dot:nth-child(3)::after {
content: "Account Management";
}
#management3 .owl-dots .owl-dot:nth-child(4)::before {
content: "Phase 4";
}
#management3 .owl-dots .owl-dot:nth-child(4)::after {
content: "Content Publishing";
}
#management3 .owl-dots .owl-dot:nth-child(5)::before {
content: "Phase 5";
}
#management3 .owl-dots .owl-dot:nth-child(5)::after {
content: "CRM & Analysis";
}
#management3 .owl-nav {
position: absolute;
top: -50px;
right: 0;
}
#management3 .owl-nav button.owl-next, #management3 .owl-nav button.owl-prev {
color: var(--main-color);
font-size: 80px;
}
#management3 .owl-nav [class*=owl-]:hover {
background: transparent;
outline: none;
}
#management3 { overflow:hidden;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
}
/*....................*/
#management4 .item h2 {
color: #6c48ef;
font-size: 35px;
margin-bottom: 20px;
}
#management4 .item h4 {
font-size: 20px;
margin-bottom: 20px;
padding: 0px 15px;
color: black;
}
.google-management {
position: relative;
padding: 70px 0px;
}
#management4 .item {
width: calc(100% - 275px);
margin-left: 275px;
padding: 15px 15px;
}
#management4 .item p {
font-size: 16px;
text-align: justify;
}
#management4 .owl-dots {
position: absolute;
background:#f1ecec;
top: 0;
min-width: 275px;
height: 500px;
}
#management4 .owl-dots .owl-dot{
display: block;
zoom: 1;
height: 60px;
width: 100%;
margin-bottom: 5px;
position: relative;
outline: none;
transition: all .5s;
z-index:1;
border-bottom: 1px solid #c7c6c6;
}
#management4 .owl-dots .owl-dot span {
position: relative;
background: transparent;
}
#management4 .owl-dots .owl-dot span::after {
content: '';
position: absolute;
left: 267px;
width: 0;
bottom: 0px;
height: 0;
border-right: 8px solid transparent;
border-left: 8px solid var(--main-color);
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
display: none;
}
#management4 .owl-dots .owl-dot.active {
background-color: var(--main-color);
color: #fff;
}
#management4 .owl-dots .owl-dot.active:hover span:after { display: block;}
#management4 .owl-dots .owl-dot::before {
position: absolute;
font-size: 14px;
left: 15px;
height: 50px;
width: calc(100% - 60px);
top: -5px;
text-align: left;
padding: 12px 0px;
}
#management4 .owl-dots .owl-dot::after {
position: absolute;
font-size: 14px;
left:15px;
height: 50px;
width: calc(100% - 60px);
top: 15px;
text-align: left;
padding: 12px 0px;
}
#management4 .owl-dots .owl-dot:hover {
background: var(--main-color);
color: #fff;
}
#management4 .owl-dots .owl-dot:nth-child(1)::before {
content:"Phase 1";
}
#management4 .owl-dots .owl-dot:nth-child(1)::after {
content: "Creating The Campaign";
}
#management4 .owl-dots .owl-dot:nth-child(2)::before {
content:"Phase 2";
}
#management4 .owl-dots .owl-dot:nth-child(2)::after {
content: "Setting Goals";
}
#management4 .owl-dots .owl-dot:nth-child(3)::before {
content: "Phase 3";
}
#management4 .owl-dots .owl-dot:nth-child(3)::after {
content: "Campaign optimization";
}
#management4 .owl-dots .owl-dot:nth-child(4)::before {
content: "Phase 4";
}
#management4 .owl-dots .owl-dot:nth-child(4)::after {
content: "On-going Management";
}
#management4 .owlReporting results-dots .owl-dot:nth-child(4)::after {
content: "On-going Management";
}
#management4 .owl-dots .owl-dot:nth-child(5)::before {
content: "Phase 5";
}
#management4 .owl-dots .owl-dot:nth-child(5)::after {
content: "Reporting results";
}
#management4 .owl-nav {
position: absolute;
top: -50px;
right: 0;
}
#management4 .owl-nav button.owl-next, #management4 .owl-nav button.owl-prev {
color: var(--main-color);
font-size: 80px;
}
#management4 .owl-nav [class*=owl-]:hover {
background: transparent;
outline: none;
}
#management4 { overflow:hidden;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.65);
}
/*social-ad-banner*/
.social-ad-banner {
margin-top: 50px;
position: relative;
height: 500px;
background-color:#0b253d;
overflow: hidden;
}
.social-caption h2 {
color: #0b95ce;
}
.social-caption h2 span {
color:#58c8f5;
font-size: 40px;
display: inline !important;
}
.social-caption h2 span::before { display: none;}
.social-caption span {
color: #fff;
}
.social-ad-banner .fb-ad-caption h3 {
color: #fff;
}
.spin {
position: absolute;
width: 400px;height: 400px;
background-color: #fff;
right: 30px;
top:50%;transform: translateY(-50%);
}
.spin img {
width: 104%;
}
.social-heading {
padding: 50px 0px;
border-bottom:1px solid rgb(190, 189, 189);
}
.win h2 {
position: relative;
font-size: 45px;
}
.win h2:before, .win h2:after {
position: absolute;
top:0;
}
.win h2:before {
content: url('../img/quote1.png');
left: -15%;
}
.win h2:after {
content: url('../img/quote2.png');
right: -8%;
}
.option {
padding: 50px 0px;
text-align: center;
border-bottom: 1px solid rgb(190, 189, 189);
}
.option h1 {
margin-bottom: 20px;
}
.option h2 {
margin-bottom: 20px;
}
.option p {
font-size: 17px;
}
.option img {
max-width: 750px;
width: 100%;
margin: 0 auto;
}
.recipe {
background-image: url(../img/cup.jpg);
padding: 30px 0px;
background-repeat: no-repeat;
min-height: 600px;
background-size: 100%;
background-position: center top;
}
.recipe .container {
padding: 50px 0px;
}
.recipe h2 {
color: var(--main-color);
text-align:center;
font-size: 35px;
margin-bottom: 20px;
}
.recipe p {
font-size: 15px;
text-align: center;
margin-bottom: 30px;
}
.cup-left, .cup-right {
margin-bottom: 30px;
}
.cup-left h2, .cup-right h2 {
font-family: 'Pinyon Script', cursive;
color: var(--main-color);
font-size: 35px;
text-align: center;
margin-bottom: 10px;
font-weight: 600;
}
.cup-left h3, .cup-right h3 {
text-align: center;
margin-bottom: 10px;
font-size: 20px;
}
/* web agency*/
.banner {
width: 100%;
position: relative;
margin-top: 50px;
}
.banner img{
width:100%;
height:600px;
}
.banner-text {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
.banner-text h1{
font-size: 40px;;
font-weight: 600;
color:#eeeff0;
text-align: center;
}
.banner-text p{
font-size: 21px;
color:#eeeff0;
text-align: center;
}
.banner .banner-text a {
background: var(--main-color);
color: #fff;
padding: 17px;
width: 100%;
text-align: center;
display: block;
max-width: 230px;
margin: 32px auto;
border: 1px solid var(--main-color);
transition: all .5s;
}
.banner .banner-text a:hover{
background-color:#fff;
color:var(--main-color);;
text-decoration: none;
}
/* trust*/
.trust{
background-color: #ffffff;
display: inline-block;
width: 100%;
padding:50px 0px;
border-bottom: solid 1px #e9e9e9;
text-align: center;
}
.trust h1{
color:#009ddc;
text-align: center;
font-size: 35px;
margin-bottom: 15px;
}
.trust p{
color:#333;
}
/* web company*/
.web-company{
background-color: #ffffff;
display: inline-block;
width: 100%;
padding:50px 0px;
}
.web-company h2{
color:#009ddc;
text-align: center;
font-size: 35px;
margin-bottom: 15px;
}
.web-company p{
color:#333;
text-align: center;
}
.flex-container{
display:flex;
flex-direction: row;
width:100%;
justify-content: space-evenly;
margin:30px 0px;
}
.img {
text-align: center;
display: inline-block;
background-color: #f6f6f4;
border-radius: 100%;
box-shadow: -4px -3px 0 #fff;
width: 130px;
height: 130px;
}
.img img {
display: block;
margin: 32% auto;
}
.flex h3 {
font-size: 20px;
text-align: center;
margin: 10px 0px;
}
.flex .color1{
color:#7ea122;
}
.flex .color2{
color: #f08e0f;
}
.flex .color3{
color: #882db6;
}
.flex .color4{
color:#009ddc;
}
.flex .color5{
color:#a74041;
}
@media all and (max-width:1199px) {
.librty img {
right: -192px;
}
.win h2 {
font-size: 40px;
}
}
@media all and (max-width:991px) {
/*.navbar {background-color: #082f72 !important;}*/
.navbar {
padding: 0px;
/* position: absolute;*/
top: 0;
left: 0;
right: 0;
z-index: 2;
}
.navbar-collapse {
padding-bottom:20px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 10px 15px;
margin-bottom: 5px;
border-bottom: 1px solid;
font-size: 20px;
}
.service-awards img {
width: auto !important;
}
.web, .smt {
position: absolute;
top: 35px;}
.navbar-expand-lg .navbar-nav .nav-link:hover:after, ul.social-link { display: none;}
li.nav-item:nth-child(5) {display: block;}
.navbar .container-fluid {margin: 0px 30px;}
.navbar-brand, .small-logo {
margin: 0 auto !important;
}
.navbar-toggler {
position: absolute;
top: 20px;
}
.slider .item .cover .slider-content h1 {
font-size: 30px;}
.exceed-part1 h2 {
font-size: 25px;}
.exceed-part1 p {
font-size: 16px;
}
.exceed-part1, .exceed-part2 {
height: auto;
}
.caller {
display: block;
position: absolute;
top: 15px;
right: 20px;
font-size: 25px;
color: #082f72;
}
.digital {
padding: 25px 0px;
}
.digital h2 {
font-size: 25px;}
.digital p {
font-size: 15px;}
.service {
padding: 15px 0px;}
.exceed-sec img {
display:none;
}
.footer-box {min-height:325px;}
.librty img { display: none;}
.service-awards img {
width: 33%;
}
.location .container { padding: 0px 15px;}
.main-row {
flex-flow: column-reverse;
}
.custom-row {
flex-direction: column-reverse;
}
.seo-caption h3, .seo-caption h2 {color: var(--main-color);}
.banner-text h1{
font-size: 30px;
}
.banner-text p{
font-size:20px;
padding: 0px 20px;
}
.fb-ad-caption {
width: 100%;}
.recipe {
background-position: center;
}
.win h2 {
font-size: 30px;
}
.win h2 {font-size: 30px;
text-align: center;
}
.win h2:before {left: 0%;
}
.win h2:after {right: 0%;
}
.option h1 {
font-size: 25px;
}
.option p {
font-size: 13px;
}
.seo-banner:after, .ppc-banner:after, .banner:after, .social-ad-banner:after, .insta-ad-banner:after, .fb-ad-banner:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0.63);
}
.fb-ad-caption, .fb-ad-caption h2, .fb-ad-caption h3 {
z-index: 1;
color: #fff;
}
}
@media all and (max-width: 768px) {
.footer-box {
min-height:auto;
padding-left: 20px;
}
ul.footer-social {
width: 100%;
float: none;
}
.awards { display: none;}
.flex-container {
width: 100%;
display: block;
}
.flex {
width: 50%;
float: left;
text-align: center;
margin-bottom: 30px;
padding: 15px;
}
.banner img {
width: 100%;
}
.banner-text h1{
font-size: 26px;
}
.banner-text p{
font-size: 19px;
padding: 0px 20px;
}
#management .owl-dots {
min-width: 100%;
height: 320px;
}
#management .item {
width: 100%;
margin-left: 0;
padding: 15px 15px;
min-height: 850px;
}
#management .owl-stage-outer {
top:315px;
}
#management2 .owl-dots {
min-width: 100%;
height: 320px;
}
#management2 .item {
width: 100%;
margin-left: 0;
padding: 15px 15px;
min-height: 850px;
}
#management2 .owl-stage-outer {
top:315px;
}
#management3 .owl-dots {
min-width: 100%;
height: 320px;
}
#management3 .item {
width: 100%;
margin-left: 0;
padding: 15px 15px;
min-height: 850px;
}
#management3 .owl-stage-outer {
top:315px;
}
#management4 .owl-dots {
min-width: 100%;
height: 320px;
}
#management4 .item {
width: 100%;
margin-left: 0;
padding: 15px 15px;
min-height: 850px;
}
#management4 .owl-stage-outer {
top:315px;
}
.blog-details {
padding: 35px 0px;
}
.related-post {
padding: 20px 0px;}
.google-add {
padding: 30px 0px 30px 0px;}
.recipe {
background:none;
}
/*added*/
.slider .item {
height: 70vh;}
.slider .item .cover .slider-content {
padding: 20px 0px;
}
.exceed-part1 {
padding: 20px 30px;
}
.exceed-part1 h2 {
font-size: 20px;}
.exceed-part1 h2 {
font-size: 20px;}
.exceed-part2 ul li {
margin-left: 25px;
}
.exceed-part2 ul li::before {left: -40px;}
.exceed-part1 {
height: 70vh;
}
.exceed-part2 h5 {
padding-left:15px;
}
.counter-Txt {width: 50%;}
.digital h2 {font-size: 20px;}
.digital h2 {font-size: 20px;}
.digital {padding: 0px 15px;}
.digital p {font-size: 14px;}
.insta-sec h2 {font-size: 20px;}
.insta-sec h2 span img {
width: 50%;
}
.insta-sec {padding: 0px 25px;}
.sale {padding: 10px 0px;}
.sale h2 {font-size: 20px;}
.sale h4 {font-size: 14px;}
.form-wrap { margin-top: 20px;
padding: 25px 5px;}
.subscribe {
padding: 15px 0px;
}
.subscribe h4 span {
font-size: 13px;}
.subscribe h4 span img {
width: 60px;
}
.mc4wp-form-theme-dark button, .mc4wp-form-theme-dark input[type=submit] {
background-color: var(--main-color) !important;
border: 1p solid var(--main-color) !important;
color: #fff;
font-size: 14px;
padding: 10px;
}
.exceed-part1 p {
font-size: 13px;
font-weight: 400;
text-align: justify;
}
.exceed-part2 {
padding: 15px;
}
.grey-bg {
padding: 15px 0px;
}
.client h2 {
font-size: 25px;}
.client h4 {
font-size: 14px;}
.team {
padding: 20px 0px;
}
.team h2 {font-size: 25px;}
.team h4 {
font-size: 15px;
margin: 9px 0px;
}
.team p {
font-size: 13px;}
.service {padding:0px 10px;}
.service h2 {font-size: 25px;margin: 10px 0px;}
.service h4 {
font-size: 14px;}
.web, .smt {
position: absolute;
top: 43px;}
.service-text h1 {
font-size: 20px;}
.service-banner img {display: none;
}
.servise-wrapper br {
display: none;
}
.servise-wrapper .row{
margin-bottom: 30px;
}
#mc4wp-form-1 {
width: 100%;
text-align: center;
}
.blog-heading h2 {
font-size: 20px;}
.banner-text {
width: 100%;
padding: 30px;
}
.banner-text p {
font-size: 15px;}
.ppc-head h2, .seo-head h2 {
font-size: 30px;}
.google-add h2 {
font-size: 30px;}
.fb-ad-caption h2 { font-size: 25px;}
}
@media all and (max-width: 575px) {
.blog-box {
margin-bottom: 30px;}
.faq-section {min-height: auto !important;}
.faq-title h2 {
font-size: 25px !important;
}
.slider .item .cover .slider-content h1 {
font-size: 30px;
}
.slider .item .cover .slider-content h2 {
font-size: 22px;
}
.slider .item .cover .slider-content h4 {
font-size: 22px;
}
.banner-text {
padding: 0px 15px;
}
.banner-text p {
font-size: 13px;
}
.banner-text h1 {
font-size: 19px;
}
.trust h1 { font-size: 20px;}
.trust p {
font-size: 13px;
}
.industries h2 {font-size: 25px;}
.industries h3 {font-size: 15px;}
.ind-box {
width: 50%;
}
.ind-box p {
font-size: 16px;}
.web-company h1 {font-size: 20px;}
.web-company p {font-size: 13px;}
.industries {
padding: 25px;
}
#management .item {
min-height: 900px;
}
.google-add h2 {
font-size: 25px;}
.google-add h3 {
font-size: 15px;}
.google-add p {
font-size: 14px;}
.ppc-head h2, .seo-head h2 {
font-size: 25px;}
.google-management {
position: relative;
padding: 15px 0px;
}
.ppc-caption h2 {
font-size: 25px;
}
.ppc-banner {height: 350px;}
.seo-caption h2 {
font-size: 23px;}
.seo-caption h3 {
font-size: 15px;}
.star-box h4 {
padding: 10px;}
.star-box p {
font-size: 11px;
}
.ppc-head h2, .seo-head h2 {
font-size: 20px;
}
.social-ad-banner {height: 630px;}
.fb-ad-caption h2 {
font-size: 20px;}
.social-caption h2 span {font-size: 20px;}
.fb-ad-caption span {font-size: 13px;}
.win h2 {
font-size: 19px;}
.recipe h2 {
font-size: 25px;}
.cup-left h3, .cup-right h3 {font-size: 15px;}
.recipe { padding: 30px 10px; overflow: hidden;}
.recipe .container {
padding: 0px 0px;
}
}
.col-md-8.wrapper2.insta {
background: linear-gradient(45deg, rgba(117,43,31,1) 1%,rgba(113,36,33,1) 41%,rgba(115,30,32,1) 53%,rgba(103,18,47,1) 77%,rgba(81,18,69,1) 100%) !important;
}
.col-md-8.wrapper2.insta h2{
color: #f2903b;
}
.col-md-8.wrapper2.insta a{
color: #f2903b;
}
.col-md-8.wrapper2.facebook h2{
color:#5a82c1
}
.col-md-8.wrapper2.facebook a{
color:#5a82c1
}
.col-md-8.wrapper2.facebook {
background-color: #18294f;
}
.col-md-8.wrapper2.social h2 {
color: #6c48ef;
}
.col-md-8.wrapper2.social a {
color: #6c48ef;
}
.col-md-8.wrapper2.social {
background-color: #0d1525;
}
.col-md-8.wrapper2.devel a {
color: #56d8e9;
}
.col-md-8.wrapper2.devel h2{
color: #56d8e9;
}
.col-md-8.wrapper2.devel {
background-color: #1a6c81;
}
.col-md-8.wrapper2.seo a {
color: #319ad3;
}
.col-md-8.wrapper2.seo h2{
color: #319ad3;
}
input.wpcf7-form-control.wpcf7-text.letters_space {
width: 100%;
height: 45px;
padding: 10px;
background: #efefef;
border: 0px;
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2;
color: var(--main-color);
}
.jumbotron {
background-color: #ffffff;
padding-bottom: 2px;
}
.btn-primary {
color: #fff;
background-color: var(--main-color);
border-color: #ffffff;
}
.btn-primary:hover{
color: var(--main-color);
background-color:#ffffff;
border-color: var(--main-color);
}
.nice{
color:var(--main-color);
}
.phn-no{
text-decoration: none !important;
color: var(--main-color)!important;
}
@media all and (max-width:575px) {
.custom-web{
display:none;
}
.banner-text {
top: 30px !important;
position: inherit !important;
}
.blog-img h2 {
font-size: 16px;
}
.related-post h1 {
font-size: 20px;
}
}
@media all and (max-width:575px) {
.display-4 {
font-size: 2.5rem;
}
.banner-text p {
color: #6c48ef;
}
.banner-list li {
color: #6c48ef;
}
.banner-text h1 {
color: #6c48ef;
}
.ppc-caption h1, .ppc-caption h2 {text-align:center}
.jumbotron{
padding-top: 113px;
}
.seo-banner:after, .ppc-banner:after, .banner:after, .social-ad-banner:after, .insta-ad-banner:after, .fb-ad-banner:after { background: #f1f1f1 !important; }
}
@media all and (max-width:768px) {
#management .item h2, #management2 .item h2, #management3 .item h2, #management4 .item h2 {font-size: 21px;}
#management .item h4, #management2 .item h4, #management3 .item h4, #management4 .item h4 {font-size: 17px;}
#management .item p, #management2 .item p, #management3 .item p, #management4 .item p {font-size: 13px;}
/* #management, #management1, #management2, #management3, #management4 {overflow: scroll !important;} */
}
@media all and (max-width:768px) {
.social-ad-banner {
height: 500px!important;
background-color: #ffffff !important;
}
}
@media all and (max-width:768px) {
#management3 .item{
min-height: 910px !important;
}
}
#main {
background-color: #fff;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
margin-top: 100px;
margin-bottom: 22px;
}
#top {
background-color: #b1d1e8;
font-size: 16px;
padding-bottom: 40px;
}
#site {
font-size: 24px;
margin: 0px 30px 0px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background-color: #f3f3f3;
color: #666;
box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
padding: 10px 0;
text-align: center;
z-index: 1;
}
#cont {
position: relative;
border-radius: 6px;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
background: #f3f3f3;
margin: -20px 30px 0px 30px;
padding: 20px;
}
.last-page a:link,
a:visited {
text-decoration: none;
}
.last-page a:hover {
color: #666;
}
.lhead a:hover {
color: #666;
text-decoration: none;
}
#footer {
padding: 10px;
text-align: center;
}
.lhead {
background: #ddd;
padding: 10px;
margin: 10px 0px;
list-style: none;
}
.lcount {
padding: 0px 10px;
}
.lpage {
border-bottom: #ddd 1px solid;
padding: 5px;
}
.last-page {
border: none;
list-style: none;
}
@media all and (max-width:768px) {
#cont {
position: relative;
border-radius: 6px;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
background: #f3f3f3;
}
#main {
background-color: #fff;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
margin-top: 100px;
margin-bottom: 22px;
}
}
@media (max-width: 768px){
.exceed-part1 {
height: 100vh;
}
}
div#wpfront-scroll-top-container img {
width: 56px !important;
}
a#Xk3cj14-1589352339491 {
display: none;
}
.col-md-6.seoimg img {
width: 100%;
height: 220px;
}
iframe {
width: 224%;
height: 246px;
margin-top: 70px;
}
@media all and (max-width:768px) {
iframe {
width: 100%;
height: 246px;
margin-top: 3px;
}
}
.jumbotron {
background-color: #ffffff;
padding-bottom: 2px;
padding-top: 122px !important;
}
@media all and (max-width: 768px){
.col-md-12.blog-img ul {
font-size: 13px;
}
}
div.wpcf7-response-output {
margin: 2em .5em 1em;
padding: .2em 1em;
border: 0px solid red !important;
}
.dropdown-item {
color: #656565;}
.dropdown-item:focus, .dropdown-item:hover {
color: #ffffff;
text-decoration: none;
background-color: #6c48ef;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0;
vertical-align: 0;
border-top: 0 solid;}
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) { .exceed-part1 {
height: 84vh;
}}
.faq-section {
background: #fdfdfd;
min-height: 100vh;
padding: 10vh 0 0;
padding-bottom: 60px;
overflow-x: hidden;
}
.faq-title h2 {
color: var(--main-color);
font-size: 40px;
text-align: center;
margin: 20px 0px;
}
.faq-title p {
padding: 0 190px;
margin-bottom: 10px;
}
.faq {
background: #FFFFFF;
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
border-radius: 4px;
}
.faq .card {
border: none;
background: none;
border-bottom: 1px dashed #CEE1F8;
}
.faq .card .card-header {
padding: 0px;
border: none;
background: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.faq .card .card-header:hover {
background: rgb(108 72 239 / 33%);
padding-left: 10px;
}
.faq .card .card-header .faq-title {
width: 100%;
text-align: left;
padding: 0;
padding-left: 30px;
padding-right: 30px;
font-size: 18px;
letter-spacing: .5px;
color: #000;
text-decoration: none!important;
cursor: pointer;
padding-top: 20px;
padding-bottom: 20px;
font-size: 18px;
text-transform: capitalize;
}
.faq .card .card-header .faq-title .badge {
display: inline-block;
width: 20px;
height: 20px;
line-height: 14px;
float: left;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
text-align: center;
background: #6c48ef;
color: #fff;
font-size: 12px;
margin-right: 20px;
}
.faq .card .card-body {
padding: 30px;
padding-left: 35px;
padding-bottom: 16px;
font-weight: 400;
font-size: 16px;
color: #000000;
line-height: 25px;
letter-spacing: 0.5px;
border-top: 1px solid #F3F8FF;
}
.faq .card .card-body p {
margin-bottom: 14px;
text-align: justify;
}
.card-body h5 {
color: #000;
color: #6c48ef;
}
@media (max-width: 991px) {
.faq {
margin-bottom: 30px;
}
.faq .card .card-header .faq-title {
line-height: 26px;
margin-top: 10px;
}
}
h5.faq-title::after {
content: "\f107";
color: #6c48ef;
top: 14px;
font-size: 28px;
font-weight: bolder;
right: 8px;
position: absolute;
font-family: "FontAwesome";
}
h5.faq-title[aria-expanded="true"]::after {
content: "\f106";
}
@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);
}
}
.btn-register-header {
display: inline-block;
color: #ffffff !important;
vertical-align: super;
border-radius: 1.5px;
border: solid 1px #613bee;
background-color: #613bee;
padding: 9px 20px 9px 47px;
position: relative;
margin-left: 12px;
font-weight: 700;
}
li.nav-item.active.custom-active {
margin-top: 8px;
}
.btn-register-header: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;
}
a.clickcustomform.btn-register-header {
text-decoration: none;
}
.psac-slider-and-carousel .owl-dots .owl-dot.active {
background: #613bee;
}
.psac-post-categories {
display: none;
}
.psac-slider-and-carousel .owl-nav .owl-prev {
color: #613bee;
border: 2px solid #613bee;
}
.psac-slider-and-carousel .owl-nav .owl-next:hover, .psac-slider-and-carousel .owl-nav .owl-prev:hover, .psac-slider-and-carousel .owl-nav .owl-next:focus, .psac-slider-and-carousel .owl-nav .owl-prev:focus {
background: #613bee;
color: #fff;
border-color: #613bee;
}
.psac-post-slider.psac-design-1 .psac-post-overlay {
border: 5px solid #613bee !important;
}
.psac-slider-and-carousel .owl-nav .owl-next, .psac-slider-and-carousel .owl-nav .owl-prev {
color: #613bee;
border: 2px solid #613bee;}
.psac-post-meta {
color: #613bee;}
.col-md-12.seo-sec {
padding: 0px;
}
.col-md-12.seo-sec h3 {
color: #613bee;
}
.main-timeline {
font-family: tahoma;
padding: 20px 0;
position: relative;
}
.main-timeline::before,
.main-timeline::after {
content: "";
height: 40px;
width: 40px;
background-color: #e7e7e7;
border-radius: 50%;
border: 10px solid #303334;
transform: translatex(-50%);
position: absolute;
left: 50%;
top: -15px;
z-index: 2;
}
.main-timeline::after {
top: auto;
bottom: 15px;
}
.main-timeline .timeline {
padding: 35px 0;
margin-top: -30px;
position: relative;
z-index: 1;
}
.main-timeline .timeline::before,
.main-timeline .timeline::after {
content: "";
height: 100%;
width: 50%;
border-radius: 110px 0 0 110px;
border: 15px solid #c30;
border-right: none;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.main-timeline .timeline::after {
height: calc(100% - 30px);
width: calc(50% - 12px);
border-color: #65c7d0;
left: 12px;
top: 15px;
}
.main-timeline .timeline-content {
display: inline-block;
width: 100%;
}
.main-timeline .timeline-content:hover {
text-decoration: none;
}
.main-timeline .timeline-year {
color: #65c7d0;
font-size: 30px;
font-weight: 600;
display: inline-block;
transform: translatey(-50%);
position: absolute;
top: 50%;
left: 10%;
}
.main-timeline .timeline-icon {
color: #65c7d0;
font-size: 70px;
display: inline-block;
transform: translateY(-50%);
position: absolute;
left: 38%;
top: 50%;
}
.main-timeline .content {
color: #909090;
width: 50%;
padding: 20px;
display: inline-block;
float: right;
}
.main-timeline .title {
color: #65c7d0;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 5px 0;
}
.main-timeline .description {
font-size: 16px;
margin: 0;
}
.main-timeline .timeline:nth-child(even)::before {
left: auto;
right: 0;
border-radius: 0 110px 110px 0;
border: 15px solid red;
border-left: none;
}
.main-timeline .timeline:nth-child(even)::after {
left: auto;
right: 12px;
border-radius: 0 100px 100px 0;
border: 15px solid green;
border-left: none;
}
.main-timeline .timeline:nth-child(even) .content {
float: left;
}
.main-timeline .timeline:nth-child(even) .timeline-year {
left: auto;
right: 10%;
}
.main-timeline .timeline:nth-child(even) .timeline-icon {
left: auto;
right: 38%;
}
.main-timeline .timeline:nth-child(5n+1)::before {
border-color: #46b2bc;
}
.main-timeline .timeline:nth-child(5n+1)::after {
border-color: #65c7d0;
}
.main-timeline .timeline:nth-child(5n+1) .timeline-icon {
color: #65c7d0;
}
.main-timeline .timeline:nth-child(5n+1) .timeline-year {
color: #65c7d0;
}
.main-timeline .timeline:nth-child(5n+1) .title {
color: #65c7d0;
}
.main-timeline .timeline:nth-child(5n+2)::before {
border-color: #ea3c14;
}
.main-timeline .timeline:nth-child(5n+2)::after {
border-color: #EF5720;
}
.main-timeline .timeline:nth-child(5n+2) .timeline-icon {
color: #EA3C14;
}
.main-timeline .timeline:nth-child(5n+2) .timeline-year {
color: #EA3C14;
}
.main-timeline .timeline:nth-child(5n+2) .title {
color: #EA3C14;
}
.main-timeline .timeline:nth-child(5n+3)::before {
border-color: #8CC63E;
}
.main-timeline .timeline:nth-child(5n+3)::after {
border-color: #6CAF29;
}
.main-timeline .timeline:nth-child(5n+3) .timeline-icon
{
color: #8CC63E;
}
.main-timeline .timeline:nth-child(5n+3) .timeline-year {
color: #8CC63E;
}
.main-timeline .timeline:nth-child(5n+3) .title {
color: #8CC63E;
}
.main-timeline .timeline:nth-child(5n+4)::before {
border-color: #F99324;
}
.main-timeline .timeline:nth-child(5n+4)::after {
border-color: #FBB03B;
}
.main-timeline .timeline:nth-child(5n+4) .timeline-icon {
color: #F99324;
}
.main-timeline .timeline:nth-child(5n+4) .timeline-year {
color: #F99324;
}
.main-timeline .timeline:nth-child(5n+4) .title {
color: #F99324;
}
.main-timeline .timeline:nth-child(5n+5)::before {
border-color: #0071BD;
}
.main-timeline .timeline:nth-child(5n+5)::after {
border-color: #0050A3;
}
.main-timeline .timeline:nth-child(5n+5) .timeline-icon {
color: #0071BD;
}
.main-timeline .timeline:nth-child(5n+5) .timeline-year {
color: #0071BD;
}
.main-timeline .timeline:nth-child(5n+5) .title {
color: #0071BD;
}
@media screen and (max-width:1200px){
.main-timeline .timeline:after{ border-radius: 88px 0 0 88px; }
.main-timeline .timeline:nth-child(even):after{ border-radius: 0 88px 88px 0; }
}
@media screen and (max-width:767px){
.main-timeline .timeline{ margin-top: -19px; }
.main-timeline .timeline:before {
border-radius: 50px 0 0 50px;
border-width: 10px;
}
.main-timeline .timeline:after {
height: calc(100% - 18px);
width: calc(50% - 9px);
border-radius: 43px 0 0 43px;
border-width:10px;
top: 9px;
left: 9px;
}
.main-timeline .timeline:nth-child(even):before {
border-radius: 0 50px 50px 0;
border-width: 10px;
}
.main-timeline .timeline:nth-child(even):after {
height: calc(100% - 18px);
width: calc(50% - 9px);
border-radius: 0 43px 43px 0;
border-width: 10px;
top: 9px;
right: 9px;
}
.main-timeline .timeline-icon{ font-size: 60px; }
.main-timeline .timeline-year{ font-size: 40px; }
}
@media screen and (max-width:479px){
.main-timeline .timeline-icon{
font-size: 50px;
transform:translateY(0);
top: 25%;
left: 10%;
}
.main-timeline .timeline-year{
font-size: 25px;
transform:translateY(0);
top: 65%;
left: 9%;
}
.main-timeline .content{
width: 68%;
padding: 10px;
}
.main-timeline .title{ font-size: 18px; }
.main-timeline .timeline:nth-child(even) .timeline-icon{
right: 10%;
}
.main-timeline .timeline:nth-child(even) .timeline-year{
right: 9%;
}
}
.main-timeline .content {
color: #000000 !important;}
@media screen and (max-width: 767px){
.main-timeline .content {
width: 90%
}
.main-timeline .timeline-year {
font-size: 20px;
transform: translateY(0);
top: 78%;
left: 13%;
}
}
.heading-box {
text-align: center;
padding: 20px 10px;
}
section.seo-sec {
background: #f8f8fa;
padding: 50px 10px;
}
.heading-box h2 {
font-size: 25px;
font-weight: 500;
text-transform: capitalize;
font-family: "Roboto", sans-serif;
}
.seo-box {
padding: 30px 0;
background-color: #fff;
-webkit-box-shadow: 0 0 10px #ccc;
-o-box-shadow: 0 0 10px #ccc;
box-shadow: 0 0 10px #ccc;
position: relative;
}
.seo-box::after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 0%;
background-color:#613bee;
height: 100%;
transition: all 0.5s ease;
}
.seo-box:hover::after {
width: 100%;
transition: all 0.5s ease;
}
.icon-box {
text-align: center;
padding: 10px 0;
position: relative;
z-index: 1;
}
.icon-info {
text-align: center;
padding: 10px 0;
position: relative;
z-index: 1;
}
.icon-info h3 {
text-transform: capitalize;
font-size: 22px;
font-weight: 500;
margin: 0;
padding: 2px 0;
color: #6c48ef;
font-family: "Roboto", sans-serif;
transition: all 0.3s ease;
}
.seo-box:hover .icon-info h3 {
color: #fff;
transition: all 0.3s ease;
}
.icon-info p {
font-size: 15px;
padding: 5px 0;
font-weight: 500;
color: #000;
font-family: "Roboto", sans-serif;
transition: all 0.3s ease;
}
.seo-box:hover .icon-info p {
color: #fff;
transition: all 0.3s ease;
}
@media all and (min-width: 992px) and (max-width: 1024px) {
.seo-box {
height: 266px;
}
.icon-info p br {
display: none;
}
}
@media all and (min-width: 768px) and (max-width: 992px) {
.seo-box {margin: 10px 0;}
}
@media all and (min-width: 320px) and (max-width: 767px) {
.seo-box {margin: 10px 0;}
}
.col-md-12.seo-head p {
text-align: center !important;
}
.win h2:before {
left: -26%;
}
.win h2:after {
right: -11%;
}
.banner img {
height: auto !important;
}
.banner-text {
top: 54% !important;
}
.banner-list {
margin-left: 100px !important;
}
.social-ad-banner {
background-color: #f4f4f4 !important;
}
.social-caption h2 {
color: #000000 !important;
}
.social-caption span {
color: #000000 !important;
}
.social-ad-banner .fb-ad-caption h3 {
color: #613bee !important;
}
.fb-ad-caption h3 {
color: #613bee !important;
}
.ppc-caption h1 {
color: #613bee !important;
}
.ppc-caption h2 {
color: #000000 !important;
}
a.speak {
color: #6c48ef !important;
left: 94px !important;
}
.spin img {
width: 182% !important;
}
.spin {
right: 281px !important;
top: 42% !important;
}
.blog-banner h2 {
font-size: 78px !important;
text-transform: uppercase;
margin-bottom: 30px;
}
.blog-banner {
margin-top: 0px !important;
}
.service-banner {
background: #ffffff;
}
@media all and (max-width:575px) {
.seo-banner {
background-position: center !important;}
.banner-list {
margin-left: 0px !important;
padding-left: 20px !important;
display:none !important;
}
.banner-text p {
color: #000000 !important;
}
.banner-text {
top: 30px !important;
}
.fb-ad-caption span {
color: black;
}
.fb-ad-caption h1 {
font-size: 25px;}
.fb-ad-caption a, .service-text a {
display: block;
width: 310px;
margin: 20px auto 0px auto;
padding: 10px 40px;
text-align: center;
}
.service-text span {
display: block;
text-align: center;}
.service-text h1 {
text-align: center;
}
.service-text span {
display: block;
text-align: center;}
.service-banner{
background: #f1f1f1;
}
.blog-banner {
background-position: center left;}
}
.asr-filter-div {
text-align: center;
margin-top: 24px;
}
.asr-filter-div .asr_texonomy {
padding: 8px 12px;
margin: 4px;
font-weight: 400;
color: #6c48ef;
border: 2px solid rgb(108 72 239);
}
#am_posts_navigation_init .page-numbers {
width: 40px;
height: 40px;
line-height: 28px;
border: 2px solid #6c48ef;
color: #6c48ef;
font-weight: 400;
margin: 6px;
}
#am_posts_navigation_init .page-numbers.current, #am_posts_navigation_init .page-numbers:hover {
background: #6c48ef;
color: #ffffff;
}
li.asr_texonomy.active {
background-color: #6c48ef;
color: #ffffff;
}
h2.am__title {
font-size: 24px;
color: #6c48ef;
}
.am_cont a {
text-decoration: none;
}
.am__excerpt {
font-size: 16px;
margin-bottom: 14px;
}
a.am__readmore {
border: 2px solid #6c48ef;
padding: 6px;
margin-top: 21px;
background-color: #ffffff;
color: #6c48ef;
}
a.am__readmore:hover {
color: #ffffff;
background-color: #6c48ef;
}
@media all and (max-width:990px) {
.am_grid_col {
padding: 0 15px;
max-width: 50% !important;
flex: 50% !important;
}
}
@media all and (max-width:767px) {
.am_grid_col {
padding: 0 15px;
max-width:100% !important;
flex:100% !important;
}
}
.asr_texonomy.active, .asr_texonomy:hover {
background: rgb(108 72 239);
color: #ffffff !important;
}
a.am__readmore:before {
position: absolute;
content: "\f178";
font-family: fontAwesome;
left: 5px;
animation: slide1 1s ease-in-out infinite;
}
a.am__readmore {
position: relative;
padding-left: 35px;
}
@keyframes slide1 {
0%,
100% {
transform: translate(0, 0);
}
50% {
transform: translate(10px, 0);
}
}
.custom-para p {
text-align: justify;
padding-top: 14px;
padding-left: 40px;
padding-right: 40px;
font-weight: 300;
}
h1.custom-social {
color: #6c48ef;
}
.seo-box::after {
background-color: #6c48ef;}
section.faq-section.insta {
min-height: 0;
}