@font-face {
font-family: 'FelixTitlingMT';
src: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/FelixTitlingMT.eot);
src: url../fonts/FelixTitlingMT.eot?#iefix) format('embedded-opentype'),
url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/FelixTitlingMT.woff) format('woff'),
url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/FelixTitlingMT.ttf) format('truetype'),
url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/oflgoudystmtt-italic.svg#oflgoudystmtt-italic) format('svg');
font-weight: bold;
font-style: normal;
}
* {
padding: 0;
margin: 0;
}
html,body{
overflow-x:hidden
}
body {
font-family: 'Raleway', sans-serif;
font-size:16px;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
ol, ul {
margin-left:35px;
}
.fixed-socialicons {
position: fixed;
top: 50%;
left: 0;
width: 48px;
background-color: #e1e1e1;
transform: translateY(-50%);
z-index: 999;
}
.fixed-socialicons ul {
margin: 0;
}
.fixed-socialicons ul li {
display: block;
}
.fixed-socialicons ul li a {
display: block;
position: relative;
width: 48px;
height: 48px;
font-size: 25px;
}
.fixed-socialicons ul li a svg {
position: absolute;
top: 50%;
left: 50%;
color: #000;
transform: translate(-50%, -50%);
}
header.header-section {
padding: 8px 0; background: #fff;
z-index: 99;
position: fixed;
width: 100%;
}
.home .body-section {
margin-top: 130px;
}
.logo {
text-align: right;
padding: 10px 0 10px;
display: inline-block;
width: 18%;
}
.logo img {
width:100%
}
.menu-section {
display: inline-block; vertical-align: top;
padding-left: 10px;
float: right;
}
.menu-section ul {
margin: 0;
padding:0;
}
.menu-section ul li {
display: inline-block;
position:relative;
z-index:1;
font-size:20px;
line-height:40px;
font-weight:normal;
}
.menu-section ul li a {
display: block;
color: #000000;
padding: 0 11px;
}
.menu-section ul li .sub-menu {
position:absolute;
top:100%;
left:-20px;
width:180px;
height:auto;
z-index:100;
background:#fff;
text-align:left;
border:solid #dedede 1px;   -webkit-transition:all 400ms ease-out;
-moz-transition:all 400ms ease-out;
transition:all 400ms ease-out; -moz-transform:translateY(50px); display: none;
}
.menu-section ul li .sub-menu li {
display:block;
font-size:18px;
line-height:21px;
border-bottom: none;
background: #263270;
}
.menu-section ul li .sub-menu li a {
padding: 10px;
}
.menu-section ul li .sub-menu li:hover {
background:#53da3f;
}
.menu-section ul li .sub-menu li:hover a {
color:#fff;
}
.menu-section ul li:hover .sub-menu {
opacity:1;
visibility:visible;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0);
}
.contctno {
display: inline-block; font-size: 18px;
font-weight: 600;
margin-right: 10px; }
.contctno a {
color: #000; }
.contactus {
display: inline-block;
position: absolute;
top: 30%;
right: 0;
transform: translateY(-50%);
z-index:400;
display: none;
}
.contactus a.number {
display: block;
font: normal 500 27px/1.2 "Raleway";
color: #000;
text-align: center;
text-decoration: none !important;
}
.contactus a.contact-btn {
display: block;
font: normal 100 24px/1.2 "Raleway";
color: #fff;
text-decoration: none !important;
background-color: #263270;
text-align: center;
padding: 10px 0;
border-radius: 10px;
}
.topbar {
display: inline-block;
width: 100%;
padding: 5px 0;
background:rgba(235, 235, 235,0.4);
margin-top: -8px;
margin-bottom: 7px;
text-align: right;
}
.topbar .iconemailp.contactbtn {
display: inline-block;
color: #fff;
vertical-align: middle;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.topbar .iconemailp.contactbtn a {
color: #fff;
background: #3592de;
display: inline-block;
width: 100%;
padding: 10px 15px;
}
.topbar .iconemailp.contactbtn a:hover {
background: #000;
}
.banner-section {
padding: 0 0 100px;
}
.heading {
float: left;
width: 50%;
}
.heading h1 {
margin: 0;
font: normal 100 98px/1.2 "Raleway";
text-align: center;
padding: 50px 0 60px 0;
}
.heading h1 span {
display: inline-block;
font: normal 100 72px/1.2 "Raleway";
}
.tree {
width: 50%;
float: left;
text-align: center;
}
.tree img {
width: auto;
}
.service-section {
background-color: #e1e1e1;
padding: 50px 0;
}
.service-box {
text-align: center;
}
.service-img {
margin-bottom: 5px;
min-height: 68px;
}
.service-img img {
width: auto;
max-width: 67px;
}
.service-text {}
.service-text h3 {
font: normal 600 24px/1.2 "Raleway";
margin: 0;
color: #000;
display:block;
width:100%;
padding:0.2em;
margin-bottom: 0; color: #000;
font-size:1.4em;
font-weight:bold;
text-align:center; } 
.service-text p {
font: normal 400 16px/1.5 "Raleway";
margin: 10px 0 10px;
color: #000;
min-height: 96px;
}
.service-text a {
font: normal 700 16px/1.2 "Raleway";
text-decoration: none !important;
color: #000;
}
.moreclients-section {
padding: 38px 0;
}
.moreclients-box {
text-align: center;
}
.moreclients-box h3 {
color: #263270;
margin: 0 0 20px;
font: normal 600 24px/1.2 "Raleway";
}
.moreclients-box p {
color: #000;
margin: 0 90px 20px;
font: normal 400 18px/24px "Raleway";
}
.moreclients-box p:last-child {
margin-bottom: 0;
}
.phonepoints-section {
background: #f0f1f2 url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/phone-bg.png) no-repeat center center; 
padding: 80px 0; }
.phonepoints-main {}
.leftside-points {
width: 32%;
float: left;
text-align: right;
}
.leftside-points ul {
margin: 0;
}
.leftside-points ul li {
display: block;
position: relative;
padding: 0 19% 30px 10px;
}
.leftside-points ul li:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 55px;
height: 55px;
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon1.png) no-repeat center center;
background-size: 100%;
}
.leftside-points ul li:nth-child(2):after {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon2.png) no-repeat center center;
background-size: 100%;
}
.leftside-points ul li:nth-child(3):after {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon3.png) no-repeat center center;
background-size: 100%;
}
.leftside-points ul li h3 {
color: #233f78;
margin: 0;
padding: 10px 0 20px;
font: normal 700 21px/1.2 "Raleway";
}
.leftside-points ul li p {
color: #6d7286;
margin: 0;
font: normal 300 14px/1.2 "Raleway";
}
.rightside-points {
width: 29%;
float: right;
text-align: left;
}
.rightside-points ul {
margin: 0;
}
.rightside-points ul li {
display: block;
position: relative;
padding: 0 10px 30px 19%;
}
.rightside-points ul li:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 55px;
height: 55px;
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon4.png) no-repeat center center;
background-size: 100%;
}
.rightside-points ul li:nth-child(1):after {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon5.png) no-repeat center center;
background-size: 100%;
}
.rightside-points ul li:nth-child(2):after {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon6.png) no-repeat center center;
background-size: 100%;
}
.rightside-points ul li h3 {
color: #233f78;
margin: 0;
padding: 10px 0 20px;
font: normal 700 21px/1.2 "Raleway";
}
.rightside-points ul li p {
color: #6d7286;
margin: 0;
font: normal 300 14px/1.2 "Raleway";
}
.slider-section {
background-color: #79b837;
padding: 40px 0 10px;
}
.slider-main {
text-align: center;
padding: 0 59px;
}
.slider-main h3 {
font: normal 600 24px/1.2 "Raleway";
color: #fff;
margin: 0 0 40px;
}
.slider-main p {
font: normal 400 18px/1.2 "Raleway";
color: #000;
margin: 0 0 30px;
}
.owl-theme .owl-nav {
margin-top: 0;
width: calc(100% + 118px);
position: absolute;
top: 50%;
left: -59px;
transform: translateY(-50%);
}
.owl-theme .owl-nav button.owl-next,
.owl-theme .owl-nav button.owl-prev {
width: 49px;
height: 49px;
outline: none;
}
.owl-theme .owl-nav button.owl-next,
.owl-theme .owl-nav button.owl-next:hover {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/arrow-next.png) no-repeat center center;
float: right;
}
.owl-theme .owl-nav button.owl-prev,
.owl-theme .owl-nav button.owl-prev:hover {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/arrow-prev.png) no-repeat center center;
float: left;
}
.owl-theme .owl-nav button.owl-next span,
.owl-theme .owl-nav button.owl-prev span {
display: none;
}
.owl-theme .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots button.owl-dot {
outline: none;
}
.owl-theme .owl-dots button.owl-dot span {
width: 19px;
height: 19px;
background: #9dce5c;
}
.owl-theme .owl-dots button.owl-dot.active span,
.owl-theme .owl-dots button.owl-dot:hover span {
background: #27336f;
}
.silder-box {
overflow: hidden;
display: flex;
}
.silder-box .left-side {
width: 55%;
float: left;
background-color: rgba(255, 255, 255, 0.59);
padding: 30px;
margin: 0 10px;
}
.silder-box .left-side h3 {
font: normal 600 24px/1.2 "Raleway";
color: #000;
margin: 0 0 30px;
}
.silder-box .left-side p {
font: normal 500 16px/1.2 "Raleway";
color: #000;
margin: 0;
}
.silder-box .left-side a {
display: block;
font: normal 500 16px/1.2 "Raleway";
color: #000;
margin: 20px 0 0;
text-decoration: none !important;
}
.silder-box .right-side {
width: 45%;
float: left;
position: relative;
}
.silder-box .right-side img {
display: inline-block !important;
width: 90% !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.contactus-section {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/contact-bg-1.jpg)left top no-repeat;
background-size: cover;
padding: 0;
}
.contactus-heading {
text-align: center;
}
.contactus-heading a.form-icon {
display: block;
}
.contactus-heading a.form-icon img {
width: auto;
}
.contactus-heading h1 {
display: inline-block;
font: normal normal 36px/1.2 "Raleway";
margin: 10px 0 0;
padding: 10px;
color: #000;
border: 2px solid #000;
}
.contactus-heading a {
display: block;
font: normal normal 14px/30px "Raleway";
color: #27336f;
letter-spacing: .75px;
text-decoration: none !important;
}
.contactus-form {
padding: 70px 0 0;
}
.contactus-form form {
overflow: hidden;
}
.contactus-form form .left-form,
.contactus-form form .right-form {
width: 50%;
float: left;
}
.contactus-form form .left-form {
padding-right: 17px;
}
.contactus-form form .right-form {
padding-left: 17px;
}
.contactus-form form .left-form .form-input,
.contactus-form form .right-form .form-input {
margin: 0 0 25px;
}
.contactus-form form .left-form .form-input input,
.contactus-form form .left-form .form-input textarea,
.contactus-form form .right-form .form-input input,
.contactus-form form .right-form .form-input textarea {
width: 100%;
margin: 0;
background-color: rgba(255, 255, 255, 0.76);
border: 2px solid #000;
box-sizing: border-box;
padding: 20px;
}
.contactus-form form .left-form .form-input textarea,
.contactus-form form .right-form .form-input textarea {
min-height: 242px;
}
.contactus-form form .form-button {
float: left;
width: 100%;
text-align: center;
}
.contactus-form form .form-button .contactus-btn {
display: inline-block;
background: #fff;
color: #27336f;
border:none;
font: normal 400 16px/30px "Raleway";
text-decoration: none !important;
padding: 9px 21px;
-webkit-transition:all 400ms ease-out;
-moz-transition:all 400ms ease-out;
transition:all 400ms ease-out;
}
.contactus-form form .form-button .contactus-btn:hover {
background:#79b837;
color:#fff;
}
.footer-section {
background-color: #f5f5f5;
padding: 40px 0 10px 4%;
border-top: 3px solid #79b837;
}
.footer-links {}
.footer-links h3 {
display: inline-block;
color: #27336f;
font: normal 400 24px/24px "Calibri";
margin: 0 0 20px;
padding-bottom: 20px;
position: relative;
}
.footer-links h3:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 150%;
height: 3px;
background-color: #79b837;
}
.footer-links ul {
margin: 0;
}
.footer-links ul li {
display: block;
}
.footer-links p,
.footer-links ul li a {
display: block;
color: #27336f;
font: normal 400 20px/24px "Calibri";
text-decoration: none !important;
}
.footer-links ul.social-links {
margin: 0;
}
.footer-links ul.social-links li {
display: inline-block;
margin: 0 5px;
}
.footer-links ul.social-links li a {
display: block;
color: #000f;
font: normal 400 20px/24px "Calibri";
text-decoration: none !important;
}
.footer-section .copyright {
padding-top: 40px;
margin-bottom: 0;
display: block;
color: #27336f;
font: normal 400 20px/24px "Calibri";
text-align: center;
}
.gform_wrapper ul.gform_fields li.gfield input[type="text"],
.gform_wrapper ul.gform_fields li.gfield input[type="email"],
.gform_wrapper ul.gform_fields li.gfield input[type="tel"],
.gform_wrapper ul.gform_fields li.gfield textarea {
width: 100% !important;
margin: 0;
background-color: rgba(255, 255, 255, 0.76);
border: 2px solid #000;
box-sizing: border-box;
padding: 0 20px;
}
.gform_wrapper .gform_footer > input[type="submit"] {
display: inline-block;
background: #fff;
color: #27336f;
border: none;
font: normal 400 16px/30px "Raleway";
text-decoration: none !important;
padding: 9px 21px;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
transition: all 400ms ease-out;
}
.gform_wrapper .gform_footer {
text-align: center;
}
.gform_wrapper .gform_footer > input[type="submit"]:hover {
background: #79b837;
color: #fff;
}
.web-design {
background: #fff url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/tree-web.png) no-repeat 0 305px;
display: inline-block;
width: 100%;
}
.web-design .body-section {
display: block;
padding: 0 ;
background: rgba(255,255,255,.9);
}
.web-design .menu-section ul li a,
.web-design .contactus a.number {
color: #fff;
}
.web-design .contactus a.contact-btn {
background-color: #fff;
}
.web-design-main {
position: relative;
z-index: 0;
}
.web-design-img {
display: inline-block;
width: 49%;
}
.web-design-img img {
width: auto;
}
.web-design-text {
width: 50%;
display: inline-block;
vertical-align: top; }
.web-design-text h1 {
font: normal 300 60px/1.2 "Raleway";
display: inline-block;
margin: 120px 0 0;
color: #008aa4; text-align: center;
}
.web-design-text h1:before {
content: "";
position: absolute;
top: -28px;
left: -32px;
width: 267px;
height: 100px;
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/web-design-heading-b.png) no-repeat center center;
z-index: 0;
}
.web-design-text h1:after {
content: "";
position: absolute;
bottom: -28px;
right: -33px;
width: 267px;
height: 101px;
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/web-design-heading-a.png) no-repeat center center;
z-index: 0;
}
.section1-section {
padding: 150px 0 0;
}
.section1-box {
overflow: hidden;
padding: 0 100px;
display: flex;
}
.section1-text {
width: 100%;
float: left;
position: relative;
border-top: 5px solid #89c33e;
border-bottom: 5px solid #89c33e;
padding: 30px 0;
margin: 30px 0;
}
.section1-text p {
color: #000000;
margin: 0 5%;
}
.section1-img {
width: 50%;
float: left;
position: relative;
}
.section2-section {
padding: 20px 0;
display: inline-block;
width: 100%;
}
.section2-box h3 {
font: normal 700 30px/1.2 "Raleway";
color: #000000;
margin: 0 0 30px;
}
.section2-box p {
color: #000000;
margin: 0 0 30px;
}
.section2-box ul {
margin: 0 0 20px 0;
}
.section2-box ul li {
color: #000000;
padding-left: 10px;
}
.section2-box h4 {
font: normal 700 24px/1.2 "Raleway";
color: #000000;
margin: 0;
}
.section3-section {
padding: 0px 0;
display: inline-block;
width: 100%;
}
.section3-box {
overflow: hidden;
padding: 0 100px;
display: flex;
}
.section3-text {
width: 100%;
float: left;
position: relative;
}
.section3-text h3 {
font: normal 700 30px/1.2 "Raleway";
color: #000000;
margin: 0 0 20px;
}
.section3-text p {
color: #000000;
margin: 0 0 20px;
}
.section3-text p:last-child {
margin-bottom: 0;
}
.section3-text ul {
margin: 0 0 20px;
}
.section3-text ul li {
color: #000000;
margin-left: 20px;
}
.section3-img {
width: 50%;
float: left;
position: relative;
}
.section3-img img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
}
.section4-text {
width: 100%;
position: relative;
display: inline-block;
}
.section4-text h3 {
font: normal 700 30px/1.2 "Raleway";
color: #000000;
margin: 0 0 20px;
}
.section4-text h4 {
font: bold 26px/1.2 "Raleway";
color: #000000;
margin: 15px 0 5px;
}
.section4-text h6 {
font: normal 20px/1.2 "Raleway";
color: #000000;
margin: 0 0 10px;
}
.section4-img {
float: left;
position: relative;
}
.section4-text p {
color: #000000;
margin: 0 0 20px;
}
.section4-text p:last-child {
margin-bottom: 0;
}
.section4-text ul {
margin: 0 0 20px 30px;
}
.section4-text ul li {
font: normal 400 16px/1.3 "Raleway";
color: #000000;
padding-left: 10px;
}
.section2-box ol {
margin: 0 0 60px 40px;
}
.section2-box ol li {
font: normal 400 24px/1.2 "Raleway";
color: #000000;
padding-left: 10px;
}
.web-design .footer-section {
background-color: #ebebeb;
}
.web-design .footer-links p,
.web-design .footer-links ul li a,
.web-design .footer-links h3 { }
.web-design .footer-section .copyright {
margin: 0 0 10px;
color: #79b837;
}
.web-design-text h1:after,.web-design-text h1:before {
display: none;
}
.web-design-img img {
width: 100%;
}
.section-icons {
display: inline-block;
width: 100%;
margin: 0 0 30px;
}
.section-icons ul {
margin: 0;
}
.section-icons li {
display: inline-block;
vertical-align: top;
text-align: center;
width: 24%;
}
.section-icons li span {
width: 100%;
display: inline-block;
text-transform: capitalize;
margin-top: 20px;
font-weight: 600;
font-size: 22px;
}
.web-design h2 {
font-size: 24px;
}
.section2-box ul li {
display: block;
padding-left: 0;
}
.section3-text p strong {
font-size: 24px;
font-weight: 600;
}
.social-media .contactus a.contact-btn {
background-color: #a8e2ec;
}
.social-media .banner-section {}
.social-media .social-media-main {
position: relative;
}
.social-media .social-media-text {
width: 45%;
float: left;
position: absolute; left: 0; }
.social-media .social-media-text h1 {
font: normal 700 48px/1.2 "Raleway";
margin: 0 0 30px 0;
}
.social-media .social-media-text h1 span {
display: block;
font: normal 700 58px/1.2 "Raleway";
}
.social-media .social-media-text p {
font: normal 400 15px/1.4 "Raleway";
margin: 0;
}
.social-media .banner-section{
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/social-media-banner2.png) no-repeat;
width: 100%;
height: 570px;
background-size: 100%;
background-position:left
}
.social-media .social-media-img {
}
.social-media .social-media-img img {}
.social-media .moreclients-section {
padding: 30px 0;
}
.social-media .moreclients-box {
text-align: left;
}
.social-media .moreclients-box p {
font: normal 400 18px/1.3 "Raleway";
margin: 0 0 20px;
color: #000;
}
.social-media .moreclients-box ul {
margin-left: 35px;
}
.social-media .moreclients-box ul li {
list-style: disc;
}
.social-media .phonepoints-section {
background: 
#e1e1e1 url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/social-media-section2-bg.png) repeat left top;
padding: 60px 0;
}
.social-media .phonepoints-main {
text-align: left;
}
.social-media .phonepoints-main h3 {
font: normal 700 23.42px/1.2 "Raleway";
margin: 0 0 10px;
color: #263270;
}
.social-media .phonepoints-main .leftside-points h3,
.social-media .phonepoints-main .rightside-points h3 {
font: normal 700 15.61px/1.2 "Raleway";
margin: 0 0 10px;
color: #263270;
text-align: center;
}
.social-media .phonepoints-main p {
font: normal 400 18px/1.4 "Raleway";
margin: 0 0 20px;
color: #263270;
text-align: left;
}
.social-media .phonepoints-main ul {
margin: 0;
}
.social-media .phonepoints-main ul:not(:last-child) {
margin: 0 0 20px;
}
.social-media .phonepoints-main ul li {
font: normal 400 16px/1.2 "Raleway";
list-style: disc;
margin: 5px 0 5px 30px;
text-align: left;
color: #263270;
}
.social-media .phonepoints-main ul li:before,
.social-media .phonepoints-main ul li:after {
display: none;
}
.social-media .footer-section {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/social-media-footer-bg.png) no-repeat left top / cover;
border-top: 3px solid #263270;
border-bottom: 3px solid #263270;
padding-bottom: 0;
}
.social-media .footer-links p,
.social-media .footer-links ul li a,
.social-media .footer-links h3 {
color: #fff;
}
.social-media .footer-links ul li a svg {
color: #000;
}
.social-media .footer-links h3:after {
background-color: #263270;
}
.social-media .footer-section .copyright {
padding: 40px 0 30px;
color: #263270;
}
body.home .banner-section {
background: none;
height:auto
}
.search-engin {
background-size: 100%;
}
.search-engin .menu-section ul li a,
.web-design .contactus a.number {
color: #fff;
}
.search-engin .contactus a.contact-btn {
background-color: #fff;
}
.seo-text {
display: inline-block;
width:45%;
vertical-align: middle;
} .seo-text p {
margin-top: 40px;
color: #008aa4;
font-size: 28px;
font-weight: 500;
}
.search-engin-main {
display: inline-block;
width: 100%;
margin: 20px 0;
}
.search-engin-text {
display: inline-block;
width:100%;
vertical-align: middle;
}
.search-engin-text h1 {
color: #008aa4;
font-weight: normal;
font-size: 60px;
}
.search-engin-img {
display: inline-block;
width: 50%;
}
.block1-text {
display: inline-block;
width:60%;
vertical-align: middle;
}
.block1-text h1 {
color: #008aa4;
font-weight: normal;
font-size: 60px;
}
.midtext {
display: block;
padding: 0 160px;
text-align: center;
position: relative;
margin: 60px 20px 50px
}
.midtext:before {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/beforeimg.png) no-repeat;
display: inline-block;
content: '';
width: 50%;
height: 105px;
position: absolute;
left: 80px;
top: -70px;
}
.midtext:after {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/afterimg.png) no-repeat;
display: inline-block;
content: '';
width: 30%;
height: 105px;
position: absolute;
right: 0;
bottom: -70px;
}
.smlhd {
font-size: 19px;
font-weight: 600;
margin-top: 30px;
}
.smlhd {
font-size: 19px;
font-weight: 600;
margin-top: 30px;
}
.orangetext h3 {
color: #fbb451;
text-align: center;
padding: 10px 5%;
font: normal 800 26px/1.2 "Raleway";
margin: 0;
display:block;
clear:both;
width:100%;
}
.orangetext {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-blend.jpg);
background-position:center center; color: #01547e;
background-repeat: no-repeat;
background-size: auto;
}
.orangetext2 {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-orange.jpg);
background-position:center center;
text-shadow:1px 1px 0px #000;
color: #01547e;
background-repeat: no-repeat;
background-size: auto;
}
.cta-turq {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-globe-turq.png);
background-position:center center;
text-shadow:1px 1px 1px #000;
color: #fbb451;
background-repeat: no-repeat;
background-size: auto;
}
.cta-turq h3 {
color: #ffff66;
text-align: center;
padding: 10px 0 10px 20%;
font: normal 600 26px/1.2 "Raleway";
margin: 0;
display:block;
clear:both;
width:100%;
}
.cta-blue {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-globe-blu.png);
background-position:center center;
text-shadow:1px 1px 1px #000;
color: #fff;
background-repeat: no-repeat;
background-size: auto;
}
.cta-blue h3 {
color: #fff;
text-align: center;
padding: 10px 0 10px 20%;
font: normal 600 26px/1.2 "Raleway";
margin: 0;
display:block;
clear:both;
width:100%;
}
.cta-green {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-globe-gre.png);
background-position:center center;
text-shadow:2px 2px 2px #800000;
color: #ffff66;
background-repeat: no-repeat;
background-size: auto;
}
.cta-green h3 {
color: #fff;
text-align: center;
padding: 10px 0 10px 20%;
font: normal 600 26px/1.2 "Raleway";
margin: 0;
display:block;
clear:both;
width:100%;
}
.cta-pink {
font-size: 42px;
font-family: 'Kalam', cursive;
text-align: center;
display:block;
width:85%;
margin-top: 1em;
font-weight: 800;
color: #d78f8f;	
text-shadow: 1px 1px 1px #000000;	
margin-left:auto;
margin-right:auto;
}
.cta h3 {
font-size: 42px;
font-family: 'Kalam', cursive;
text-align: center;
display:block;
width:85%;
margin-top: 1em;
font-weight: 800;
color: #01547e;	
text-shadow: 1px 1px 2px #aaa4a4;	
margin-left:auto;
margin-right:auto;
}
.search-our-service {
display: inline-block;
width: 100%;
}
.our-service-img {
display: inline-block;
width: 48%;
vertical-align: top;
}
.our-service-text {
display: inline-block;
width: 51%;
}
.our-service-text ul {
margin: 0 30px;
list-style-type:disc;
}
.our-service-text li {
display: block;
margin-bottom: 12px;
}
.search-engin footer.footer-section {
background: #01547e;
color: #fff;
}
.search-engin footer.footer-section h3 {
color: #fff;
}
.search-engin footer.footer-section .footer-links p,.search-engin footer.footer-section  .footer-links ul li a {
color: #000;
}
.footer-section .copyright {
color: #79b837;
}
.smlhd {
font-size: 19px;
font-weight: 600;
margin-top: 30px;
}
.search-our-service {
display: inline-block;
width: 100%;
}
.search-our-service .fulltext { }
h5 {
font-size: 22px;
line-height: 1.4;
margin-top:15px;
margin-bottom: 15px;
color: #01547e;	
}
.search-engin footer.footer-section {
background: #f5f5f5;
color: #000;
}
.search-engin footer.footer-section h3 {
color: #27336f;
}
.search-engin footer.footer-section .footer-links p,.search-engin footer.footer-section  .footer-links ul li a {
color: #27336f;
}
.footer-section .copyright {
color: #79b837;
}
.bg1{
display: inline-block;
width: 100%;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/bg1.png) no-repeat;
background-position: top left;
}
.bg2 {
display: inline-block;
width: 100%;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/bg2.png) no-repeat;
background-position: right top;
padding-bottom: 30px;
}
.bg1 .container,.bg2 .container {
background: rgba(255,255,255,.5);
}
.fulltext {
padding-left: 3%;
}
.fulltext p {
margin: 20px 0;
}
.fulltext li {
padding: 0 0 10px 0;
}
.wp-pagenavi {
text-align: center;
} .inner-part {
display: inline-block;
width: 100%;
margin: 40px 0 30px;
}
.blog-div:nth-child(1){
border:none
}
.blog-div {
display:inline-block;
margin-bottom: 20px;
width: 100%;
border-top:1px solid #ddd;
padding-top:15px;
margin-top:15px
}
.blog-div h2 a{
color:#333;
}
.blog-img {
display:inline-block;
width: 30%;
vertical-align:top
}
.blog-img img {
width:90%;
}
.blog-text {
display:inline-block;
width:69%;
}
.blog-text h2 {
text-transform: capitalize;
padding: 0;
}
.blog-text .readmore {
margin-top: 15px;
text-transform:capitalize
}
.postdiv {
display: inline-block;
width: 100%;
}
.inner-part.no-margin {
margin-top: 0;
}
.section1-section {
padding-top: 0;
}
.banner-section {
padding-bottom: 0;
}
.overblog {
position: absolute;
top: 14%;
width: 100%;
left: 0;
height: 100%;
}
.blogimg > img {
height: 390px;
width: 100%;
}
.womanimg {
display: inline-block;
width: 44%;
}
.womanimg img {
width: 50%;
position: relative;
top: 60px;
}
.womantext {
display: inline-block;
width: 49%;
margin-left: 5%;
font-size: 50px;
color: #fff;
font-weight: 600;
text-align: center;
vertical-align: top;
margin-top: 10%;
}
.blogimg {
display: inline-block;
width: 100%;
position: relative;
}
.blog-text img {
height: 100%;
}
.about-page {
display: inline-block;
width: 100%;
}
.about-main {
display: inline-block;
width: 100%;
}
.about-text {
display: inline-block;
width: 52%;
vertical-align: top;
text-align: justify;
margin-right: 2%;
}
.about-img {
display: inline-block;
width: 45%;
}
.about-text h1 {
color: #27336f;
font-size: 66px !important;
}
.evenodddiv {
display: inline-block;
width: 100%;
margin: 10px 0 0;
}
.evenodddiv ul {
margin: 0;
padding: 0;
}
.evenodddiv li {
display: inline-block;
width: 100%;
background: #eee;
padding: 40px 0;
}
.callout1 {
width: 100%;
padding: 1em;
background-color: #263270;
color: #fff;
font-size: 1.2em;
line-height: 1.2em;
text-align: center;
font-weight: bold;
margin-bottom: 15px;
}
.imgbx {
display: inline-block;
width: 50%;
text-align: center;
}
.imgbx img {
width: auto;
}
.imgtx {
display: inline-block;
width: 40%;
text-align: center;
vertical-align: top;
}
.imgtx a {
color: #000;
font-size: 14px;
font-weight: 600;
}
.evenodddiv li:nth-child(2) {
background: #fff;
}
.evenodddiv li:nth-child(2) .imgtx {
margin-left: 8%;
}
.about-page .h3 {
background: #79b837;
color: #fff;
font-size: 30px;
text-align: center;
padding: 50px 0;
margin: 0;
}
.h3 a {
color: #fff;
text-decoration: underline;
}
.body-section {
} .plyr__controls {
display:hidden;
}
.alignleft {
float: left;
margin: 5px 10px 5px 0;
}
.alignright {
float: right;
margin: 5px 0 5px 10px;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display:block;
}
div#primary {
margin-bottom: 30px;
}
.alignnone {
}
.postimg {
display: inline-block;
width: 100%;
text-align: center; }
.postimg img {
width: auto;
min-width: 300px;
}
.midtext li {
text-align: left;
}
.jb-design {
display: inline-block;
width: 100%;
}
.tofd-img {
display: inline-block;
width: 100%;
position: relative;
overflow: hidden;
}
.tofd-img img {
width: 100%; }
.jobtext {
position: absolute;
top: 24%;
left: 10%;
width: 28%;
text-align: center;
z-index: 9;
height: 100%;
}
.jb-design .jobtext h1 {
font-weight: 700;
color: #fff;
text-shadow: 2px 2px 0 #000;
text-transform: uppercase;
font-size: 6rem;
}
.italictext {
display: inline-block;
width: 100%;
text-shadow: 2px 2px 0 #000;
color: #fff;
font-style: italic;
font-size: 2.5rem;
}
.jb-design .banner-section {
padding-bottom: 0;
}
.abt-section {
display: inline-block;
background: #eaead9;
width: 100%;
margin-top: -10px;
padding: 20px 0;
}
.jb-design h1, .jb-design h2 {
font-size: 30px;
text-transform: uppercase;
font-weight: 800;
}
.join-section {
display: inline-block;
width: 100%;
padding: 30px 0;
border-bottom: 1px solid #ddd;
}
.towbtns {
display: inline-block;
width: 100%;
margin: 10px 0 20px 0;
}
.towbtns a {
display: inline-block;
padding: 10px 0;
border: 1px solid #337ab7;
border-radius: 3px;
color: #444;
margin-right: 10px;
width: 25%;
text-align: center;
text-transform: capitalize;
}
.towbtns br {
display: none;
}
.towbtns a.aplybtn {
background: #337ab7;
color: #fff;
-webkit-box-shadow: inset 5px -16px 6px -9px #17167A; 
box-shadow: inset 5px -16px 6px -9px #17167A;
}
.towbtns a:hover {
background: #337ab7;
color: #fff;
}
.towbtns a.aplybtn:hover {
background: none;
color: #444;
box-shadow: none;
-webkit-box-shadow: none;
}
.jb-design .body-section {
display: inline-block;
width: 100%;
margin-bottom: 40px;
}
.bigphone {
display: inline-block;
width: 100%;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/phone-bg2.png) no-repeat top center;
min-height: 550px;
}
.bigphone table {
width: 100%;
}
.bigphone table tr td {
vertical-align: top;
}
.bigphone table tr td h4 {
font: normal 700 15.61px/1.2 "Raleway";
margin: 0 0 10px;
color: #263270;
text-align: center;
}
.arvindbio, .beckybio {
display:none;
}
blockquote {
font-style: italic;
color: #000;
padding: 1.2em;
width: 75%;
margin-left: auto;
margin-right: auto;
border-radius: 12px;
border: 5px solid #53da3f;
display: block;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #53da3f;
}
blockquote p {
font-size:16px !important;
margin: 0 !important;
min-height: 16px !important;
}
.bg1 img {
padding:2px;
border:2px solid #01547e;
}
.bg2 img {
padding:2px;
border:2px solid #01547e;
}
.search-engin-text img {
padding:2px;
border:2px solid #01547e;
}
.our-service-text img {
padding:2px;
border:2px solid #01547e;
}
.midtext img {
padding:2px;
border:2px solid #01547e;
}
.moreclients-box img {
padding:2px;
border:2px solid #01547e;
}
.phonepoints-main img {
padding:2px;
border:2px solid #01547e;
}
.section1-text img {
padding:2px;
border:2px solid #01547e;
}
.section2-box img {
padding:2px;
border:2px solid #01547e;
}
.section3-text img {
padding:2px;
border:2px solid #01547e;
}
.section4-text img {
padding:2px;
border:2px solid #01547e;
}
.no-sidemenu ul {
display: none;
}
.teambx {
display: inline-block;
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 20px;
}
.teamimg {
display: inline-block;
width: 25%;
vertical-align: top;
}
.teamtext {
display: inline-block;
width: 73%;
margin-left: 1%;
font-size: 15px;
}
.teamtext a {
display: inline-block;
text-transform: capitalize;
color: #53da3f;
}
.teamtext blockquote {
width: 100%;
margin: 20px 0;
display: inline-block;
}
.other-design .banner-section {
display: inline-block;
width: 100%;
border-bottom: 2px solid orange;
text-align: center;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/header_bgother.jpg) no-repeat left top;
background-size: 100%;
padding: 30px 0;
}
.other-design .body-section {
display: inline-block;
width: 100%;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/bg-other.jpg) repeat right top;
background-size: 100%;
}
.page-cont {
display: inline-block;
width: 100%;
text-align: center;
padding: 25px 0
}
.search-eng-section1,.search-eng-section2,.search-eng-section3,.search-eng-section4 {
display: inline-block;
width: 100%;
}
.sectionimg1 {
display: inline-block;
width: 40%;
vertical-align: top;
}
.sectiontext1 {
width: 100%;
display: inline-block;
}
.sectionimg1 img {
width: 100%;
}
.other-design h2 {
position: relative;
padding-top: 20px;
color: #000;
}
.other-design h2:before {
content: '';
border-top: 2px solid orange;
position: absolute;
width: 100px;
left: 0;
top: 0;
}
.other-design h2 {
color: #000;
}
.sectiontext2 {
display: inline-block;
width: 100%;
vertical-align: top;
padding: 20px 0;
}
.sectionimg2 {
display: inline-block;
width: 35%;
text-align: right;
margin-left: 20px;
margin-top: 100px;
}
.sectionimg2 img {
width: 100%;
}
.search-eng-section1 {
border-top: 1px solid orange;
border-bottom: 1px solid orange;
padding: 20px 0;
background:linear-gradient(to bottom,  #eeeded 12%,#c1bebe 97%); }
.sectionimg3 {
display: inline-block;
width: 30%;
}
.sectionimg3 img {
width: 100%;
margin-top: 30px;
}
.sectiontext3 {
display: inline-block;
width: 100%;
vertical-align: top;
}
.search-eng-section3 {
background-image: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/statistics-colorful-line.jpg);
background-size: cover;
background-position: top;
background-repeat: no-repeat; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding: 30px 0 80px 20px;
border-top: 1px solid orange;
border-bottom: 1px solid orange;
text-align: center; display:inline-block;
width:100%;
position: relative
}
.search-eng-section3 p {
font-size: 14px;
padding: 0 15%;
font-weight: 500;
} .search-eng-section3 .container {
position: relative;
z-index: 1;
} .search-eng-section3 a {
color: #fff;
font-size: 1.7rem;
}
.search-eng-call {
display: inline-block;
width: 100%;
text-align: center;
padding: 20px 0;
}
.smlimgli {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.fulltext .smlimgli img {
float: left;
width: 80px !important;
margin-right: 10px;
height: auto
}
.banner-section.home-banner {
position: relative;
height: 550px;
overflow: hidden;
width: 100%;
}
.banner-section.home-banner img {
width: 100%;  }
.banner-section.home-banner h1 {
position: absolute;
right: -10%;
top: 50%;
width: 60%;
text-align: center;
font-size: 90px;
transform: translate(0%, -50%);
color: #000;
}
.threebox {
display: inline-block;
margin: 0px 0 60px;
vertical-align: top;
float: left;
width: 100%;
}
.threebox ul {
margin: 0;
}
.threebox li {
display: inline-block;
vertical-align: top;
width: 31%;
margin-left: 2.1%;
position: relative;
}
.threebox li:nth-child(1) {
margin-left: 0;
}
.threebox li img {
width: 67%;
margin-top: 0;
}
.boxtext {
border: 1px solid #a7d25e;
display: block;
background: rgba(255,106,66,.9);
padding: 10px 20px;
color: #fff;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
}
.threebox li h3 {
font-size: 18px;
font-weight: 600;
}
.threebox li h3 br {
display: none;
}
.boxtext a {
color: #fff;
margin-top: 10px; 
display: inline-block;
}
.threebox li:nth-child(2) .boxtext {
background: rgba(159,200,94,.9);
}
.threebox li:nth-child(3) .boxtext {
background: rgba(93,164,252,.9);
}
.threebox li:hover .boxtext {
opacity: 1;
}
*, *::before, *::after {
padding: 0;
margin: 0; }
.overcontact {
display: inline-block;
width: 100%;
background: rgba(0,0,0,.6);
padding: 40px 0;
}
.contactus-form .gform_wrapper form ul li {
display: inline-block;
width: 50%;
vertical-align: top;
}
.contactus-form .gform_wrapper form ul li:nth-child(2) {
position: absolute;
left: 0;
top: 80px;
}
.contactus-form .gform_wrapper form ul li:nth-child(3) {
position: absolute;
left: 0;
top: 170px;
}
.contactus-form .gform_wrapper {
position: relative;
}
.contactus-form .gform_wrapper form ul li:nth-child(4) textarea {height: 235px;}
.contactus-heading a {
color: #fff;
}
.moreclients-section {
text-align: center;
display: inline-block;
}
.first-section {
padding: 3rem  0 0 4%;
text-align: left;
}
.firstsection-box {}
.firstsection-box h3 {
font: normal 600 33.33px/1.2 'Raleway';
color: #263270;
margin: 0 0 30px;
}
.firstsection-box p { color: #000;}
.second-section {
padding: 6rem 0;
text-align: center;
}
.secondsection-box {
width: calc(100% / 3);
float: left;
}
.secondsection-box img {
width: 70%;
}
.secondsection-box2 {
width: calc(100% / 4);
float: left;
text-align:center;
padding:3rem 1rem;
}
.secondsection-box2 img {
width: 70%;
min-height: 210px;
padding-bottom: 2rem;
}
.third-section {
padding:0 0 4rem 4%;
}
.thirdsection-box {}
.thirdsection-box h3 {
font: normal 400 25px/1.2 'Raleway';
color: #000;
margin: 0 0 30px;
}
.thirdsection-box p { color: #000;}
.thirdsection-box ul {
margin: 0 0 30px;
}
.thirdsection-box ul li { color: #000;list-style: inside disc;}
.thirdsection-box img {
width: 100%;
}
.fourth-section {
padding: 4rem 0 0 4%;
background-color: #f4f2ed;
}
.fourthsection-box {}
.fourthsection-box h3 {
font: normal 400 25px/1.2 'Raleway';
color: #000;
margin: 0 0 30px;
}
.fourthsection-box p { color: #01547e;}
.fourthsection-box ul {
margin: 0 0 30px;
}
.fifthsection-box ul li {  color: #01547e;
margin-left: 20px;
}
.fourthsection-box img {
width: 100%;
}
.fifth-section {
padding: 4rem 0 0 4%;
}
.fifthsection-box h4 {
font: normal 400 20px/1.2 'Raleway';
color: #01547e;
margin: 0 0 30px;
}
.fifthsection-box p { color: #000;}
.fifthsection-box ul {
margin: 0 0 30px;
}
.fifthsection-box ul li { color: #01547e;}
.banner-section {padding: 0;background-color: rgb(207, 243, 169);}
.social-media-main {
position: relative;
overflow: hidden;
}
.social-media-text {width: 50%;float: left;position: absolute;top: calc(50% + 0px);transform: translateY(-50%);}
.social-media-text h1 {
font: normal 400 50px/1.2 "Raleway";
margin: 0;
}
.social-media-text h1 span {
display: block;
font: normal 400 100px/1.2 "Raleway";
}
.social-media-img {
text-align: right;
width: 50%;
float: right;
}
.social-media-img img {
width: 100%;
}
.menu-section .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
font-size: 14px;
}
.menu-section ul li.contactbtn a {
background: #3a5793;
color: #fff !important;
}
.menu-section ul li.contactbtn:hover a {
background: #000 !important;
}
.menu-section ul li.contactbtn.ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .menu-section ul li.contactbtn.ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.menu-section ul li.contactbtn.ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target{
background: #000 !important;
color: #fff !important;
}
.menu-section .ubermenu-responsive-default.ubermenu {
display: inline-block !important;
}
.search-engin footer.footer-section .footer-links ul.social-links li a {
color: #000;
}
ul.newicons {
margin: 0;
}
ul.newicons li {
display: block;
padding-left: 20px;
margin-bottom: 10px;
}
ul.newicons li br {
display: none;
}
ul.newicons li img {
display: inline-block;
margin-right: 10px;
vertical-align: top;
border:none;
width: 56px;
margin-bottom: 20px;
float: left;
}
.firstsection-box ul li {
text-align: left;
}
.firstsection-box ul {
padding: 30px 0;
}
.fourth-section h4 img {
float: right;
width: auto;
}
.home .moreclients-section {
width: 100%;
}
.body-section.internet_Marketing_New .oldintemp {
display: none;
}
.newintemp .threebox li img {
border: none;
}
.body-section.internet_Marketing_New .moreclients-box {
text-align: left;
}
.body-section.Internet_Marketing .newintemp {
display: none;
}
.search-engin .banner-section {
background: #ddd;
}
.body-section.Internet_Marketing .banner-section ,.body-section.internet_Marketing_New .banner-section {
background: rgb(207, 243, 169);
}
.banner-section.social_media_banner {
background: #fdbd16;
padding-left: 4%;
}
.web-design-main {
position: relative;
z-index: 0;
display: flex;
}
.web-design-text {
width: 50%;
float: left;
display: inline-block;
position: relative;
z-index: 0;
background: #fff;
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #d2dbea 65%, #d2dbea 100%);
background: -webkit-radial-gradient(center, ellipse cover, #fff 0%,#d2dbea 65%,#d2dbea 100%);
background: radial-gradient(ellipse at center, #fff 0%,#d2dbea 65%,#d2dbea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2dbea',GradientType=1 );
}
.web-design-text h1 {
font: normal 600 60px/1.2 "Raleway";
display: inline-block;
margin: 0;
color: #008aa4;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.web-design-text:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0000 url(https://png2.kisspng.com/sh/25b3cae…/L0KzQYm3UsE6N6…isspng-white-black-pattern-glass-5a8a797b7fca88.0835995….png) no-repeat center center / 70% auto;
opacity: 0.75;
z-index: 2;
}
.web-design-img {
display: inline-block;
width: 50%;
float: left;
}
.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {
background-color: #999 !important;
}
.web-designnew .section4-text {
}
.web-designnew .web-design-text:after {
display: none;
}
.web-designnew .web-design-text {
background: none !important;
}
.web-designnew .banner-section {
background: none;
display: inline-block;
width: 100%;
}
.web-designnew .web-design-text {
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
width: 100%;
}
.web-designnew .web-design-text h1 {
text-transform: uppercase;
width: 100%;
position: static;
text-align: center;
top: 0;
left: 0;
transform: none;
color: #3a5793;
font-weight: 700;
font-size: 50px;
width: 50%;
}
.web-design-text {}
.web-designnew .section-icons {
background: #edecec;
padding: 40px 6%;
margin-top: 30px;
text-align: center; }
.maringtt {
display: inline-block;
width: 100%;
margin-top: 420px;
}
.web-designnew .section-icons img {
border:none;
}
.web-designnew .section1-text {
border: none;
margin: 0;
text-align: center;
padding: 0;
position: static;
}
.h2, h2 {
font-size: 25px;
font-weight: 500;
}
.web-designnew .section2-section {
background: #3a5793;
color: #fff;
padding: 15px 42px;
}
.web-designnew .section2-section .section2-box p {
color: #fff;
margin: 0 0 10px;
}
.section2-box ul li {
color: #fff;
margin: 17px 0;
}
.web-designnew .section2-section h2 {
padding-bottom: 30px;
margin: 0;
}
.web-designnew .section3-section {
padding: 32px 42px 0;
}
.web-designnew .section3-section .section3-text a {
color: #000;
}
.web-designnew .section3-section .section3-text ul li {
margin-bottom: 10px;
}
.web-designnew .section3-section .section3-text ul {margin-left: 30px;}
.web-designnew .section1-section {
padding: 20px 3% 40px;
display: inline-block;
width: 100%;
}
.search-enginnew .banner-section {
background: none;
width: 100%;
display: inline-block;
}
.search-enginnew .seo-text {
position: absolute;
right: 0;
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.search-enginnew .seo-text h1 { color: #fff;
text-transform: uppercase;
font-weight: 600;
text-shadow: 1px 1px 1px #000;
}
.search-enginnew .search-engin-img {
width: 100%;
}
.search-enginnew .midtext {
padding: 0;
}
.search-enginnew .midtext:before,.search-enginnew .midtext:after {
display: none;
}
.search-enginnew .bg1 {
background: none;
}
.search-enginnew .search-engin-main {
text-align: center;
padding: 40px 0 0 3%; background: #eeeded; background: -moz-linear-gradient(top,  #eeeded 12%, #c1bebe 97%); background: -webkit-linear-gradient(top,  #eeeded 12%,#c1bebe 97%); background: linear-gradient(to bottom,  #eeeded 12%,#c1bebe 97%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeded', endColorstr='#c1bebe',GradientType=0 ); }
.search-enginnew .search-engin-main ul li {
text-align: left; margin-bottom: 10px;
margin-left: 40px;
margin-right: 30px;
}
.search-enginnew .search-engin-main ul {
text-align: left;
margin: 20px 0 0 40px;
display: inline-block;
width: 100%;
}
.search-enginnew .search-engin-main ul li br {
display: none;
}
.search-enginnew .search-engin-main ul li span {
display: inline-block;
width: 80%; }
.search-enginnew .bg2 {
background: none;
}
.search-enginnew .search-engin-main .search-engin-text h2 {
margin-bottom: 20px;
margin-top: 0;
}
.search-enginnew .bg1 .container,.search-enginnew  .bg2 .container {
background: none;
}
.body-section.internet_marketingnew .search-engin-img {
width: 100%;
}
.internet_marketingnew .search-engin-main {
margin: 0;
} .body-section.internet_marketingnew .search-engin-img {
width: 100%;
background: #7ab937;
}
.leftpuzzle {
display: inline-block;
width: 49%;
vertical-align: top;
} .rightinm-text {
display: inline-block;
width: 50%;
padding: 0 130px;
position: absolute;
right: 5%;
top: 50%;
transform: translate(0, -50%);
}
.rightinm-text h1 {
color: #fff;
text-transform: uppercase;
font-size: 50px;
}
.body-section.internet_marketingnew  .rightinm-text .taglinesite {
position: static;
text-align: left;
top: 0;
margin-top: 20px;
}
.rightinm-text .taglinesite p {
margin: 0;
text-shadow: none;
color: #fff;
}
.internet_marketingnew .search-engin-main {
margin: 0;
}
.internet_marketingnew .bg1,.internet_marketingnew .bg2 {
background: none;
}
.internet_marketingnew .bg1 .midtext:before,.internet_marketingnew .bg1 .midtext:after {
display: none;
}
.internet_marketingnew  h2 {
font-weight: 600;
color: #000;
}
.internet_marketingnew 
.moreclients-section {
display: none;
}
.internet_marketingnew 
.newintemp {
display: none;
}
.internet_marketingnew .fulltext.boxgreen {
text-align: center;
color: #fff;
display: block;
margin: 10px 0;
padding: 20px 0;
background: #367cb8;
background: -moz-linear-gradient(top, #94c4ec) 0%, #367cb8 100%);
background: linear-gradient(to bottom, #94c4ec 0%, #367cb8 100%);
background: linear-gradient(to bottom, #94c4ec 0%, #367cb8 100%);
background: -o-linear-gradient(top, #94c4ec) 0%, #367cb8) 100%);
background: -ms-linear-gradient(top, #94c4ec) 0%, #367cb8) 100%);
background: linear-gradient(to bottom, #94c4ec 0%, #367cb8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c4ec', endColorstr='#367cb8', GradientType=0 );
}
.internet_marketingnew .fulltext.boxgreen h2 {color: #fff;}
.internet_marketingnew .fulltext.boxgreen  ul {
margin: 20px 0;
width: 100%;
display: inline-block;
text-align: center;
list-style-type: circle;
}
.internet_marketingnew .fulltext.boxgreen ul li {
display: inline-block;
width: auto;
list-style-type: circle;
margin: 0 20px;
}
.body-section.internet_marketingnew .midtext {
padding: 0;
}
.body-section.internet_marketingnew .search-our-service br {
display: none;
}
.body-section.internet_marketingnew .search-our-service ul {
margin: 40px 0;
text-align: center;
}
.body-section.internet_marketingnew .search-our-service ul li {
display: inline-block;
width: 33%;
vertical-align: top;
background: #dcd8d8;
margin-left: -4px;
padding: 30px 20px;
text-align: left;
min-height: 420px;
}
.iconin1 {
display: inline-block;
width: 100%;
text-align: center;
}
.iconin1 img {
border: none;
}
.body-section.internet_marketingnew .search-our-service ul li:nth-child(2) {
background: #e7e5e5;
}
.body-section.internet_marketingnew .search-our-service ul li:nth-child(3) {
background: #f1f0f0;
}
.body-section.internet_marketingnew .search-our-service ul li a,.body-section.internet_marketingnew .search-our-service ul li strong {
display: block;
color: #000;
font-weight: 600;
margin: 12px 0;
}
.internet_marketingnew .fulltext.boxgreen .container {
background: none;
}
.internet_marketingnew .fulltext.boxgreen ul li:before {display: inline-block;background: #fff;content: '';width: 6px;height: 6px;margin-right: 12px;vertical-align: middle;}
.search-enginnew.medspa .search-engin-main {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/bg-6icons.jpg) repeat;
}
.search-enginnew.attorney .search-engin-main {
background:  #eecaaa;
color: #000;
}
.search-enginnew.plumber .search-engin-main {
background:  #657ce1;
color: #fff;
}
.search-enginnew.landscaper .search-engin-main { color: #000;
}
.search-enginnew.roofer .search-engin-main {
background:  #8eb3da;
color: #000;
}
.twodiv {
display: inline-block;
width: 100%;
padding: 30px 0;
}
.twodiv h4 {
display: inline-block;
width: 49%;
font-size: 28px;
}
.righttext {
display: inline-block;
width: 50%;
vertical-align: top;
}
.teambox {
display: block;
background: #f6f6f6;
padding: 30px;
text-align: center;
margin: 10px 0 40px 0
}
.teambox h5 {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 20px;
}
.teambox .teambx {
border: none;
padding: 0;
margin: 0;
width:90%
}
.teambox .teamimg {
width: 90%;
}
.teambx h6 {
font-weight: 600;
font-size: 17px;
}
.teambox .owl-theme .owl-dots button.owl-dot span {
width: 10px;
height: 10px;
}
.search-enginnew.attorney ,.search-enginnew.roofer,.search-enginnew.medspa,.search-enginnew.landscaper,.search-enginnew.plumber{
font-size: 17px; }
.search-enginnew.doctors .search-engin-main {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/dociconbg.jpg) 0 0 no-repeat;
background-size: 100%;
color: #000;
background-attachment: fixed;
}
.search-enginnew.garage .search-engin-main {
background: #90a9ca;
color: #fff;
}
.toptext {
color:#01547e;
font-size: 18px;
font-weight:500;
}
.btext {
color:#fff;
font-size: 18px;
text-align:center;
font-weight:bold;
text-shadow: 2px 2px 10px #000;	
}
.firstsection-box h3 {
display: none;
}
.secondsection-box img {
height: 220px;
margin-bottom: 20px;
}
.firstsection-box img.alignright,.firstsection-box img.alignleft {
padding: 2px;
border: 2px solid #01547e;
}
.search-enginnew .search-engin-main ul.threerow li {
width: auto;
margin: 0 10px;
float: none;
display: inline-block;
}
.search-enginnew .search-engin-main ul.threerow {
text-align: center;
}
.web-designnew .web-design-img {
width: 100%;
}
.about-page .banner-section {
background: #79b837;
color: #fff;
padding: 20px 0;
}
ul.bulletlist li {
display: list-item !important;
float: left;
list-style-type: disc;
margin-bottom: 10px;
margin-top: 0;
}
ul.bulletlist {
padding: 10px 0;
display: inline-block;
margin:0 0 0 18px
}
.plyr__controls {
display: none !important;
}
.tree:after {
position: absolute;
background: #fff;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index:99;
-moz-animation: cssAnimation 0s ease-in 5s forwards; -webkit-animation: cssAnimation 0s ease-in 5s forwards; -o-animation: cssAnimation 0s ease-in 5s forwards; animation: cssAnimation 0s ease-in 5s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.tree {
position: relative;
}
.search-enginnew.attorney .bg1 img, .search-enginnew.attorney .bg2 img,.search-enginnew.landscaper  .bg1 img,.search-enginnew.landscaper  .bg2 img,.search-enginnew.medspa .bg1 img,.search-enginnew.medspa .bg2 img{
border: none;
padding: 0;
}
#hideMe {
}
.web-designnew .section2-section a {
color: #b4e680;
}
.banner-section.web_design_banner {
background: #6db9e7;
}
.web-designnew .section-icons .liimg img { width: 50%;
}
.web-designnew .section-icons .liimg li {
vertical-align: middle;
}
.search-enginnew.landscaper .search-engin-main a {
color: #285115;
}
.search-enginnew .search-engin-main ul.bulletlist li {
display: inline-block !important;
}
.imglft {
margin-bottom: 20px;
width: 100%;
display: inline-block;
text-align: left;
}
.imglft img {
margin-top: 0;
}
.internet_marketingnew .fulltext.boxgreen ul.liicons li {
width: 48%;
display: inline-block;
margin: 0;
text-align: left;
}
.fulltext.boxgreen a {
color: #d7ecc0;
}
.search-enginnew.attorney .cta h3,.search-enginnew.attorney .cta h3 a {
color: #d6830d;
}
.section-icons ul.bdrrow  li {
border: 1px solid #ddd;
padding: 20px;
min-height: 150px;
margin-bottom: 20px;
background: #f2f2f2;
}
.testimonial_rotator_quote {
line-height: 22px !important;
}
.testimonial_rotator_stars.cf-tr {
display: none;
}
h2.testimonial_rotator_slide_title {
margin-bottom: 16px !important;
}
section.testimonial_rotator_slide_inner {
max-width: 48%;
margin: 0 10px;
}
.testimonial_rotator_author_info.cf-tr a {
white-space: pre-line;
word-break: break-all;
}
.search-enginnew.medspa .cta h3,.search-enginnew.medspa .cta h3 a {
color: #486614;
}
.search-enginnew .search-engin-main ul.bulletlist li:nth-child(2n+1) {
margin-left: 0;
} .ourwork {
width: 100%;
display: inline-block;
}
.tophd {
width: 100%;
display: inline-block;
background: #79b837;
padding: 15px 0;
color: #fff;
text-align: center
}
.tophd h1{
font-weight: 300;
text-transform: none;
color: #fff
}
.ourwork #jtg-17324 .modula-item {
border: 4px solid #fff;
}
.ourwork .figc-inner {
width: 100%;
display: inline-block;
}
.ourwork .modula .modula-item.effect-pufrobo .jtg-title, .ourwork  .modula .modula-item.effect-pufrobo p {
position: static !important;
width: 100%;
padding:  20px;
word-break: break-all;
text-align: center;
background: rgba(0,0,0,.6);
margin-top: 30px;
}
.ourwork .modula .modula-item.effect-pufrobo .jtg-title {
font-size: 14px;
}
.ourwork #jtg-17324 {
border: 7px solid #000;
width: 100%;
}
.midcontwork {
display: inline-block;
width: 100%;
margin: 30px 0;
}
.midcontwork .testimonial_rotator_wrap.with-prevnext {
width: 100%;
display: inline-block;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/testibg.jpg) 0 0 repeat;
padding: 60px;
z-index: 10;
}
.testimonial_rotator.template-twopigs .testimonial_rotator_slide_inner {
background: #fff;
padding: 30px !important;
}
.midcontwork h2.testimonial_rotator_slide_title {
font-size: 17px;
font-weight: 600;
}
.midcontwork .testimonial_rotator_prev {
left: 50px;
}
.midcontwork .testimonial_rotator_next {
right: 40px;
}
@keyframes cssAnimation {
to {
width:0;
height:0;
overflow:hidden;
}
}
@-webkit-keyframes cssAnimation {
to {
width:0;
height:0;
visibility:hidden;
}
} h8 {	
top: 400px;
right: 140px;
position: absolute;
color: #fff;
font-size: 28px;
font-weight: 500;
text-shadow:1px 1px #000;
max-width: 60%;
} h9 {	
top: 548px;
right: 140px;
position: absolute;
color: #000;
font-size: 28px;
font-weight: bold;
text-shadow: 1px 1px 4px #fff, -1px -1px 4px #fff;
max-width: 58%;
text-align:center;
}
.section-icons.smallicons li {
width: 19%;
text-align: center;
}
.section-icons.smallicons li img {
width: 100%;
}
.body-section.internet_marketingnew .search-our-service ul.grayheight li {
min-height: auto;
}
.search-enginnew.plumber .search-engin-main a {
color: #d6dcf5;
}
.bannertop {
background: #ededed;
display: inline-block;
width: 100%;
margin-top: 20px;
}
.banimg img {
width: 100%;
}
.banimg {
margin-top: -10px;
}
.businestxt {
display: inline-block;
width: 100%;
text-align: center;
margin: 90px 0;
}
.businestxt p {
line-height: 30px;
}
.fourbxdiv {
display: inline-block;
width: 100%;
background: #f1f1f1;
}
.fourbxdiv li {
display: inline-block;
width: 24%;
vertical-align: top;
}
.bximg img {width: 96%;}
.hmeicon img {
width: 50%;
}
.hmeicon {
background: #dcd8f3;
border-radius: 50%;
width: 50px;
height: 50px;
display: inline-block;
line-height: 35px;
border: 5px solid #fff;
}
.fourbxcont {
text-align: center;
padding: 20px 0;
display: inline-block;
width: 100%;
}
.allbcont {
background: #fff;
width: 96%;
margin-left: 6px;
padding:26px 30px 30px 30px;
margin-top: -56px;
}
.allbcont h3 {
color: #8c7ae8;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
}
.ltxtdiv {
display: inline-block;
width: 100%;
}
img.imgleft {
float: left;
margin: 4px 30px 10px 0;
max-width: 500px;
}
.largebusinessdiv {
display: inline-block;
width: 100%;
margin-top: 20px;
}
.largebusinessdiv h2 {
color: #5f5e5e;
font-weight: 700;
font-size: 26px;
border-bottom: 2px solid #8ce764;
display: inline-block;
height: 52px;
margin-top: 0;
}
li:nth-child(even) .hmeicon {
background: #c6e8e7;
}
li:nth-child(even) h3 {
color: #1ecdb0;
}
.taglinesite {
display: inline-block;
text-align: center;
width: 100%;
}
.taglinesite .container {
width: 100%;
padding: 0;
margin: 0;
} .taglinesite p {
margin:4% 0% 0 0;
font: italic 26px corbel;
color: #000;
text-shadow: 1px 1px 0px #fff;
}
.body-section.internet_marketingnew .taglinesite {
width: 100%;
position: relative;
top: 30px
}
.search-enginnew .seo-text .taglinesite{
text-align: right;
float: right;
width: 34%;
}
.body-section.internet_marketingnew h9 {
position: inherit;
padding: 30px 20px 0;
background: #fff;
width: 100%;
display: inline-block;
max-width: 100%;
}
.search-enginnew .search-engin-main ul.fulli {
width: auto;
display: initial;
}
.search-enginnew .search-engin-main ul.fulli li {
width: 100%;
margin-left: 0;
margin-bottom: 20px;
float: none;
}
.business-page .taglinesite {
position: absolute;
right: 12%;
top: 20%;
width: 40%;
}
.bannertop {
position: relative;
}
.search-enginnew.doctors .taglinesite {
width: 50%;
padding: 12px;
text-align: center;
}
.search-enginnew.doctors .taglinesite p{
text-shadow: 1px 1px 1px #000;
font-weight: 600;
color: #fff;
background:rgba(0,0,0,0.6);
}
.search-enginnew.doctors {
position: relative;
}
.search-enginnew.garage .taglinesite {
width: 50%;
background: rgba(0,0,0,0.6);
padding: 12px;
text-align: center;
}
.search-enginnew.garage .taglinesite p{
text-shadow: 2px 2px 6px #000;
font-weight: 600;
color: #fff;
}
.search-enginnew.landscaper .taglinesite {
text-align: left;
}
.search-enginnew.landscaper .taglinesite p{
text-shadow: 1px 1px 1px #000;
font-weight: 600;
color: #fff
}
.search-enginnew.landscaper  {
position: relative;
}
.search-enginnew.medspa .seo-text h1 {
width: 70%;
float: right;
}
.search-enginnew.medspa .taglinesite {
width: 40%;
float: right;
}
.search-enginnew.medspa .taglinesite p{
color: #000
}
.search-enginnew.medspa  {
position: relative;
}
.search-enginnew.plumber .taglinesite {
text-align: left;
background: rgba(255,255,255,.6);
padding: 6px 12px;
}
.search-enginnew.plumber .taglinesite p{
text-shadow: 1px 1px 1px #fff;
font-weight: 600;
color: #000
}
.search-enginnew.roofer .taglinesite {
text-align: left;
background: rgba(255,255,255,.6);
padding: 6px 12px;
}
.search-enginnew.roofer .taglinesite p{
color: #000;
text-shadow: 1px 1px 1px #fff;
}
.business-page .banimg {
position: relative;
}
business-page .taglinesite p {
font-size: 23px;
}
ul.newicons li {
display: inline-block;
}
ul.newicons li img {
margin-bottom: 20px;
margin-top: -16px;
}
.container1 {
padding-right: 0;
padding-left: 0;
margin-right: -3%;
margin-left: -3%
}
.search-enginnew.attorney .taglinesite { }
.search-enginnew.attorney .search-engin-img {
position: relative;
}
.search-enginnew.attorney .taglinesite p {
color: #fff;
text-shadow: 1px 1px #000;
}
.search-enginnew.attorney .seo-text {
position: absolute;
top: 50%;
width: 100%;
right: 0;
z-index: 1;
text-align: right;
transform: translate(0, -50%);
}
.search-enginnew.doctors .seo-text {
text-align: center;
}
.search-enginnew.garage .seo-text {
text-align: right;
}
.search-enginnew.medspa .seo-text {
text-align: right;
}
.web-designnew .taglinesite {
width: 100%;
}
.web-designnew .taglinesite p {
width: 50%;
margin: 0 0 0 0%;
text-align: center !important;
}
.web-designnew.dnsw .taglinesite p {
width: auto;
margin: 5px 0 0 0;
}
.web-designnew.dnsw .taglinesite {
padding: 0 50px;
}
.search-enginnew.seopage .seo-text h1 {
text-align: right;
color: #000;
text-shadow: 1px 2px 0px #fff;
margin-top: 15%;
}
.banner-section.social_media_banner .social-media-text h1 {
width: 50%;
}
.banner-section.social_media_banner .taglinesite {
width: 50%;
text-align: left;
margin-top: 10px;
}
.contact {
margin: 30px 3%;	
}
.contact .gform_wrapper .gform_footer > input[type="submit"] {
background: #ffc266;
}
.contact .gform_wrapper .gform_footer > input[type="submit"]:hover {
background: #00cc44;
}
.search-enginnew.roofer .seo-text h1 {float: right;width: 70%;text-align: right;}
.search-enginnew.roofer .seo-text .taglinesite {
float: right;
width: 40%;
text-align: right;
}
.web-designnew .social-media-text h1 {
width: 70%;
float: none;
display: inline-block;
}
.web-designnew .social-media-text {
text-align: center;
}
.body-section.internet_marketingnew .seo-text {
position: absolute;
left: 50%;
top: 45%;
text-align: center;
transform: rotate(-9deg) translate(-50%, -50%);
color: #fff;
text-transform: uppercase;
margin-left: 30px;
}
.body-section.internet_marketingnew .seo-text h1 {
font-size: 33px;
width: 85%;
text-shadow: 1px 1px 1px #000;
font-weight: 600;
text-align: center;
margin: 0px auto 0px;
display: table;
height: 300px;
}
.body-section.internet_marketingnew .taglinesite p {
font-size: 26px; }
.body-section.internet_marketingnew .seo-text h1 span {
display: table-cell;
vertical-align: middle;
}
.paddingall{
padding: 20px 60px;
text-align:center
} .businestxt h1 {
text-align: left;
margin-bottom: 25px;
}
.rightside-points ul li h3 a,.leftside-points ul li h3 a {
color: #233f78;
text-decoration: none;
}
.menu-section ul li .sub-menu.open {
display: block;
}
}
.cta-pink {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-position:center center;
text-shadow:1px 1px 1px #000000;
color: #b36666;
background-repeat: no-repeat;
background-size: auto;
}
.mceTemp p {
display: inline-block;
width: 100%;
}
.iphone {
display: none;
}
.web-designnew.brandtemp .banner-section.web_design_banner {
background: #b2d6f1;
}
.postimg {
float: left;   width: 400px;
margin-right: 30px;
margin-top: 20px;
margin-bottom: 10px;
}
.postimg img {
width: 100%;
}
.search-enginnew.doctors .bg1 .midtext h2 {
margin-top: 40px;
margin-bottom: 20px;
}
.ubermenu .ubermenu-item.ubermenu-item-level-0.iconemailp.contactbtn a {
background: #000;
}
.ubermenu .ubermenu-item.ubermenu-item-level-0.iconemailp.contactbtn a:hover {background: #3a5793 !important;} .overlays {
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background:rgba(000,000,000,0.8);
}
.popup-div {
display: none;
position: fixed;
background: #fff;
left: 50%;
top: 50%;
z-index: 10000;
width: 60%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
border: 6px solid #000;
}
.popup-div span.closebtn {
border-radius: 50%;
background: #000;
height: 30px;
width: 30px;
line-height: 27px;
text-align: center;
color: #fff;
font-size: 22px;
cursor: pointer;
position: absolute;
right: -17px;
margin-top: -15px;
}
.popup-div span.closebtn i {
line-height: 30px;
}
.popup-text {
display: inline-block;
padding: 6px 30px;
}
.popup-text  .gform_wrapper ul.gform_fields li.gfield textarea {
height: 80px;
border: 1px solid #ddd;
padding: 0 10px;
}
.popup-text .gform_wrapper ul.gform_fields li.gfield label {
width: 100%;
font-size: 12px;
margin-bottom: 5px;
}
.popup-text .gform_wrapper ul.gform_fields li.gfield 
.ginput_container {
width: 100% !important;
margin-left: 0 !important;
}
.popup-text .gform_wrapper ul.gform_fields li {
width: 50%;
float: left;
clear: none;
margin-top: 0 !important;
}
.popup-text .gform_wrapper ul.gform_fields li#field_2_6 {
display: none;
}
.popup-text .gform_wrapper ul.gform_fields li#field_2_5 {
width: 100%;
}
.popup-text .gform_wrapper .gform_footer {
margin-left: 0 !important;
width: 100% !important;
margin: 0;
padding: 0 !important;
}
.popup-text .gform_wrapper .gform_footer input {
background: #000;
color: #fff;
}
.formdes {
display: inline-block;
width: 100%;
text-align: center;
font-size: 13px;
padding-bottom: 8px;
color: #000;
}
.popup-text .gform_wrapper ul.gform_fields li.gfield input {
height: 35px;
border: 1px solid #ddd;
} .home .moreclients-section h2 {
font-size: 20px;
}
.home .moreclients-section h3 {
font-size: 28px;
}
.body-section.app_dev {}
.body-section.app_dev .search-engin-img {
width: 100%;
position: relative;
}
.body-section.app_dev .search-engin-main {
margin: 0;
background: #3eb4fc;
}
.overtext_dev {
position: absolute;
top: 40px;
left: 0;
width: 100%;
text-align: center;
}
.overtext_dev h1 {
text-transform: uppercase;
color: #fff;
font-weight: 600;
font-size: 50px
}
.overtext_dev h1 span {
display: block;
font-weight: normal;
}
.awdesign {
display: inline-block;
width: 100%;
background: #f8f8f8;
}
.body-section.app_dev .search-engin-img img {
width: 100%;
}
.imgaw {
display: inline-block;
width: 49%;
}
.imgaw img {
width: 100%;
height: auto
}
.awtext {
display: inline-block;
width: 50%;
vertical-align: top;
padding: 100px 70px;
text-align: center;
font-size: 18px;
}
.awtext h2 {
margin-bottom: 30px;
}
.btnread {
display: inline-block;
width: 100%;
margin-top: 20px;
}
.btnread a {
background: #5c76ed;
color: #fff;
border-radius: 30px;
padding: 10px 25px;
display: inline-block;
text-transform: capitalize;
}
.btnread a:hover {
background: #000;
}
.fficons {
display: inline-block;
width: 100%;
text-align: center; }
.fficons ul {
margin: 0;
}
.fficons ul li {
display: inline-block;
width: 25%;
margin-left: -4px;
padding: 0 30px;
text-align: center;
position: relative;
vertical-align: top
}
.imgcricon {
display: inline-block;
width: 100%;
background: #fff;
}
.imgcricon span {
width: 200px;
background: #fff;
border: 1px solid #ddd;
padding: 20px;
border-radius: 50%;
height: 200px;
display: inline-block;
text-align: center;
position: relative;
z-index: 1;
}
.imgcricon span img {
width: 100%;
height: auto
}
.fficons ul li:after {content: '';width: 100px;display: inline-block;position: absolute;top: 100px;height: 1px;left: -50px;background: #ddd;}
.imgcricon span:after {content: '1.';position: absolute;left: 0;top: 50%;text-align: center;transform: translate(0, -50%);width: 100%;font-weight: 800;color: #fff;font-size: 25px;}
.fficons ul li:nth-child(2) .imgcricon span:after {content: '2.';}
.fficons ul li:nth-child(3) .imgcricon span:after {content: '3.';}
.fficons ul li:nth-child(4) .imgcricon span:after {content: '4.';}
.fficons ul li:nth-child(even) h3 {
color: #000;
}
.fficons ul li:nth-child(1):after {
display: none;
}
.appfulltext.first {
margin-top: 30px;
}
.appfulltext {
display: inline-block;
width: 100%;
margin: 10px 0;
}
.appfulltext h2 {
color: #3eb4fc;
}
.searchform {
display: inline-block;
width: 100%;
}
.searchform input[type="search"] {
height: 35px;
border: 1px solid #ddd;
padding: 0 10px;
}
.searchform input.search-submit.screen-reader-text {
position: inherit;
margin: 0;
clip: inherit;
clip-path: inherit;
display: inline-block;
width: auto;
height: 35px;
padding: 5px 15px;
background: #000;
color: #fff;
}
.fulllid {
display: inline-block;
width: 100%;
}
.overtext_dev .taglinesite p {
font-size: 31px; margin: 0;
font-weight: 600;
}
.web-designnew .section1-text p {
margin: 0;
}
.page-template-web-design-brand .web-designnew .taglinesite p {
width: 70%;
margin-left: 16%;
}
.page-template-web-design-brand .web-designnew .taglinesite {
margin-top: 14px;
}
.page-template-search-engineoptimization .search-enginnew .seo-text .taglinesite {
background: rgba(255,255,255,0.6);
}
.page-template-search-engineoptimization .search-enginnew .seo-text .taglinesite p {
padding: 0% 3% 4% 0%;
}
.contact-page {
display: inline-block;
width: 100%;
}
.contact-main {
display: inline-block;
width: 100%;
position: relative;
}
.contact-page .banner-section {
background: none;
}
.contact-text {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translate(0, -50%);
z-index: 1;
color: #fff;
text-align: center;
}
.contact-main:after {
background: rgb(53 146 222 / .9);
content: '';
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
.contact-text h3 {
margin: 0;
padding: 0;
font-size: 26px;
line-height: 30px;
}
.contact-text h3 a {font-weight: 800;color: #fff;}
.contact-text h1 {
font-weight: 700;
font-size: 40px;
margin: 0;
}
.contactformleft h3 {
display: none;
}
.contactformleft,.mapaddressright {
display: inline-block;
width: 100%;
padding: 20px;
}
.contactformleft .gform_wrapper ul.gform_fields li.gfield input[type="text"],
.contactformleft .gform_wrapper ul.gform_fields li.gfield input[type="email"],
.contactformleft .gform_wrapper ul.gform_fields li.gfield input[type="tel"],
.contactformleft .gform_wrapper ul.gform_fields li.gfield textarea {
border: none;
background: #f2f2f2;
height: 40px
}
.contactformleft .gform_wrapper ul.gform_fields li.gfield textarea {
height: 100px
}
.contactformleft .gform_wrapper .gform_footer input {
background: #3592de;
width: 100% !important;
text-align: center;
font-weight: 600;
color: #fff;
}
.mapaddressright .contact-details {
margin-top: 30px;
font-weight: 600;
}  @media (min-width: 320px) and (max-width: 767px) {
.mainmenu-open {
position: fixed;
top: 40px;
right: 15px;
width: 40px;
height: 40px;
z-index: 9999;
transform: translateY(-50%);
cursor: pointer;
}
.mainmenu-open .line {
position: absolute;
left: 50%;
display: block;
width: calc(100% - 10px);
height: 4px;
background-color: #01547e;
z-index: 9999;
transform: translate(-50%, -50%);
}
.mainmenu-open .line.first {
top: 25%;
}
.mainmenu-open .line.second {
top: 50%;
}
.mainmenu-open .line.third {
top: 75%;
}
.mainmenu-open.active {
position: fixed;
top: 40px;
right: 15px;
width: 40px;
height: 40px;
z-index: 9999;
transform: translateY(-50%);
cursor: pointer;
}
.mainmenu-open.active .line {
position: absolute;
left: 50%;
display: block;
width: calc(100% - 10px);
height: 4px;
background-color: #fff;
z-index: 9999;
transform: translate(-50%, -50%);
}
.after-scroll .mainmenu-open .line,
.after-scroll .mainmenu-open.active .line {
background-color: #01547e;
}
.mainmenu-open.active .line.first {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.mainmenu-open.active .line.second {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
.mainmenu-open.active .line.third {
display: none;
}
.mobilemenu-section {
top: 0;
left: 0;
z-index: 9999;
position: fixed;
width: 100%;
height: 100%;
overflow: auto;
background: #263270;
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
visibility: hidden;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.mobilemenu-section.open {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.mobilemenu-section .menu-section {
position: relative;
margin: 25% 0 0;
}
.mobilemenu-section ul {
margin: 0;
text-align: center;
}
.mobilemenu-section ul li {
display: block;
position: relative;
text-align: left;
}
.mobilemenu-section ul li a {
display: inline-block;
font: normal 500 1.5rem/1.2 'Raleway';
color: #fff;
text-decoration: none !important;
padding: 20px 0;
text-align: center;
}
.mobilemenu-section ul li.has-submenu a {
position: relative;
}
.mobilemenu-section ul li.has-submenu a:before {
color: #fff;
position: absolute;
top: 50%;
left: 105%;
transform: translateY(-50%);
}
.mobilemenu-section ul li ul.sub-menu li {
display: block;
position: relative;
}
.mobilemenu-section ul li ul.sub-menu li a {
display: inline-block;
font-size: 14px;
color: #fff;
text-decoration: none !important;
padding: 10px 20px;
text-align: center;
border-bottom: none;
}
.mobilemenu-section ul > li.menu-item-has-children:after {
content: "\f107";
font-family: "FontAwesome" !important;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
padding-left: 10px;
position: absolute;
top: 8px;
right: 0;
font-size: 22px;
color: #fff;
}
.menu-section ul li.contactbtn a {
background: none;
}
.sub-menu .heading {
display: none;
}
}
@media(max-width:767px) {
.menu-section { margin-top: 0px;
position: fixed;
z-index: 999;
padding-left: 0;
width: 100%;
left: 0; }
.contactus {
position: inherit;
transition: none;
top: 0;
left: 0;
display: inline-block;
width: 70%;
margin: 194px 10% 0; }
.contactus-form .gform_wrapper form ul li {
width: 100%;
}
.contactus-form .gform_wrapper form ul li:nth-child(3),.contactus-form .gform_wrapper form ul li:nth-child(2) {
position: static;
}
.heading,.tree {
width: 100%;
}
.heading h1,.heading h1 span {
font-size: 37px;
display: inline-block;
}
.heading h1 span { }
.search-enginnew .search-engin-main .search-engin-text h2{
text-align: left
}
.search-enginnew .search-engin-main ul.threerow li{
width: 100% !important;
padding-bottom:20px
}
.leftside-points {
width: 100%;
}
.rightside-points {
width: 100%;
}
.phonepoints-section {
background: none;
}
.mobilemenu-section .menu-section {
display: block;
}
.slider-main {
padding: 0 10px;
}
.silder-box .left-side,.silder-box .right-side {
width: 100%;
}
.footer-links h3:after {
width: 100%;
}
.web-design-img img {
width: 100%;
margin-top: 20px;
}
.web-design-text h1 {
font-size: 20px !important;
}
.section2-box {
padding-left: 10px;
padding-right: 10px;
}
.section2-box ul li {
padding-left: 0;
}
.section2-box p {
padding-bottom: 10px !important;
}
.section3-box {
padding: 0 !important;
width: 100%;
display: inline-block !important;
overflow: inherit !important;
}
.section3-text,.section3-img {
width: 100% !important;
}
.footer-links {
text-align: center;
}
.section3-img img {
position: inherit;
top: 0;
transform: none;
left: 0;
}
.cta-turq {
display: inline-block;
padding: 20px;
background-size: cover;
}
.cta-blue {
display: inline-block;
padding: 20px;
margin-top: 0;
background-size: cover;
}
.cta-turq h3,.cta-blue h3 {
padding-left: 0;
}
.bg2 {
padding-bottom: 10px;
}
.search-engin-img,.seo-text {
width: 100%;
}
.seo-text h1 {
font-size: 20px;
text-align: center;
}
.midtext:before,.midtext:after {
display: none;
}
.midtext {
margin-top: 10px;
}
.banner-section {
padding-bottom: 10px;
}
header.header-section {
padding-bottom: 10px;
}
.menu-section ul li .sub-menu {
position: inherit !important;
left: 0;
width: 100%;  top: 0;
border: none;
text-align: left;
box-shadow: none;
}
.social-media .social-media-main .seo-text h1 {
background: rgba(198, 241, 208, 0.5);
padding: 10px 0;
}
.social-media .banner-section {
height: 160px;
}
.owl-height {
height:445px !important;
}
.web-designnew .web-design-text {
position: static !important;
display: inline-block;
transform: none !important;
text-align: center;
}
.web-design-main {
display: inline-block !important;
width: 100%;
}
.web-designnew .web-design-text h1 {
width: 100% !important;
}
.taglinesite p { display: inline-block;
width: 100%;
}
.taglinesite p br {
display: none;
}
.taglinesite {
width: 80% !important;
}
.section3-text img {
width: 100%;
}
.section-icons li {
width: 100%;
margin-bottom: 10px;
}
.fulltext {
padding-left: 0;
}
.fulltext ul {
margin: 0;
}
.fulltext li {
display: block;
}
.web-designnew .section2-section {
padding: 16px;
}
.toptext {
padding: 20px;
}
.body-section.internet_marketingnew .seo-text h1 {
font-size: 10px !important;
width: 40% !important;
height: 80px !important;
}
.body-section.internet_marketingnew .taglinesite {
top: 10px !important;
}
.body-section.internet_marketingnew .taglinesite p {
font-size: 20px !important;
width: 100% !important;
}
.body-section.internet_marketingnew .seo-text {
margin-left: 0 !important;
top: 8% !important;
transform: rotate(-9deg) translate(-50%, 0);
}
.search-enginnew.seopage .seo-text h1 {
font-size: 25px !important;
text-align: center !important;
margin-bottom: 0;
}
.taglinesite p {
font-size: 14px;
}
.search-enginnew .seo-text .taglinesite {
text-align: center !important;
float: none;
width: 100% !important;
}
.fixed-socialicons {
top: 16%;
transform: none;
z-index: 9;
}
.fixed-socialicons ul li a svg {
width: 10px !important;
}
.fixed-socialicons ul li a {
width: 24px;
height: 24px;
}
.fixed-socialicons {
width: 25px;
}
.search-enginnew .seo-text .taglinesite p {
margin: 0;
font-size: 14px;
}
.social-media-text {
width: 100% !important;
}
.banner-section.social_media_banner .social-media-text h1 {
font-size: 20px;
width: 100% !important;
}
.banner-section.social_media_banner .taglinesite p {
font-size: 18px !important;
}
.banner-section.social_media_banner .taglinesite {
margin-top: 0 !important;
}
.section-icons li img {
width: auto;
height: auto;
}
.body-section.internet_marketingnew .search-engin-img img {
}
.body-section.internet_marketingnew .search-our-service ul li {
width: 100% !important;
min-height: auto !important;
}
.home .heading h1 {
width: 100%;
padding-top: 0;
}
.home .heading h1 {
width: 100%;
padding-top: 0;
margin-top: 70px;
}
.contactus-form .gform_wrapper form ul li {
width: 100%;
position: static !important;
top: 0 !important;
margin-top: 0;
}
.contactus-form {
padding-top: 10px;
}
.moreclients-box p {
margin: 0 20px;
}
.phonepoints-section {
padding-top: 0;
}
.ubermenu-main .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target {
font-size: 15px !important;
}
span.mainmenu-open {
display: none;
}
.ubermenu-skin-vanilla.ubermenu-responsive-toggle {
padding: 6px 30px;
color: #000 !important;
font-size: 20px !important;
}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {
background: #fff;
padding: 0 20px;
height: 550px;
overflow-y: scroll !important;
}
.fourbxdiv li {
width: 100% !important;
margin-left: 0;
}
.fourbxcont ul {
margin: 0;
}
.largebusinessdiv h2 {
height: auto !important;
padding-bottom: 10px;
}
.cta h3 {
white-space: normal;
word-break: break-word;
}
.business-page .taglinesite p {
margin: 0;
font-size: 20px;
}
.businestxt {
margin: 21px 0 !important;
}
.twodiv h4 {
width: 100% !important;
}
.righttext {
width: 100% !important;
}
.testimonial_rotator.template-twopigs .testimonial_rotator_slide_inner {
max-width: 100% !important;
padding: 10px !important;
margin-left: 0 !important;
margin-right: 0px !important;
width: 100% !important;
}
.midcontwork .testimonial_rotator_wrap.with-prevnext {
padding: 20px !important;
margin: 0 !important;
}
.col-md-3.col-md-offset-2 img.aligncenter {
width: 90px !important;
height: auto !important;
}
.web-designnew .section3-section {
padding: 30px 10px 0;
}
.web-designnew .section2-section {
padding: 20px !important;
}
.search-enginnew .seo-text {
padding: 0 20px;
}
.secondsection-box {
WIDTH: 100% !important;
}
.firstsection-box ul {
margin: 0 !important;
}
.third-section {
padding: 20px;
}
.search-engin-main1 {
display: inline-block;
padding-top: 60px;
}
.search-enginnew .midtext {
margin: 0;
}
.search-enginnew .search-engin-main {
margin: 0;
}
.search-enginnew .search-engin-main ul {
margin-left: 0px !important;
}
.web-designnew .taglinesite p {
font-size: 16px;
width: 100%;
margin: 0;
text-shadow: none;
}
.web-designnew ,.search-enginnew{
display: inline-block;
width: 100%;
margin-top: 60px;
}
.web-designnew .social-media-text h1 {
font-size: 20px !important;
}
.internet_marketingnew .fulltext.boxgreen ul li {
width: 100% !important;
display: inline-block !important;
}
.internet_marketingnew .fulltext.boxgreen ul li:before {
display: none !important;
}
.internet_marketingnew .fulltext.boxgreen ul.liicons li ing {
width: 100px !important;
}
.internet_marketingnew .fulltext.boxgreen ul.liicons li img {
width: 80px;
margin-bottom: 10px;
float: left;
margin-right: 20px;
}
.service-box {
margin-bottom: 30px;
}
.leftside-points ul li:after {
left: 0;
}
.leftside-points {
text-align: left !important;
}
.leftside-points ul li {
padding: 0 10px 30px 19% !important;
}
ul.ubermenu-submenu {
padding: 10px 20px !important;
}
.about-text,.about-img {
width: 100%;
}
.imgbx,.imgtx {
width: 100%;
margin-left:  0 !important;
padding: 0 3%;
}
.about-page .h3 {
padding: 50px 10px;
}
.search-enginnew.medspa .seo-text h1 {
width: 100% !important;
font-size: 18px;
}
.search-enginnew.medspa .search-engin-main1 {
padding-bottom: 0;
}
.container {
padding: 0 30px;
}
.imglft img.alignright, .imglft img.alignleft {
width: auto !important;
margin-right: 10px !important;
}
.search-enginnew .search-engin-main ul li {
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.search-enginnew.attorney  .seo-text h1 {
font-size: 18px;
}
.search-enginnew.attorney .search-engin-main1 {
padding-bottom: 0;
}
.search-enginnew .bg1 .search-engin-main .search-engin-text h2 {
text-align: center;
}
.fulltext h2 img {
margin-top: 20px;
}
.search-enginnew.landscaper .search-engin-main1 {
padding-bottom: 0;
}
.search-enginnew.landscaper .seo-text h1 {
font-size: 18px;
margin-top: 5px;
}
.search-enginnew.plumber  .seo-text h1 {
margin-top: 40px;
padding-top: 0;
font-size: 18px;
height: 80px;
}
.mceTemp p img {
width: auto !important;
padding: 0;
vertical-align: top;
margin: 0px 10px 0px 0;
}
.footer-section .ubermenu-skin-vanilla.ubermenu-responsive-toggle {
padding: 0 !important;
display: none;
}
.search-enginnew.plumber .bg1 .search-engin-text p {
padding-left: 0 !important;
}
.search-enginnew.doctors .seo-text .taglinesite p {
padding: 10px;
}
.search-enginnew.doctors .search-engin-main {
background-size: cover;
}
.imgcenter1 p img {
width: 20% !important;
margin-right: 10px;
}
.body-section.internet_marketingnew .taglinesite.window {
display: none;
}
.body-section.internet_marketingnew .taglinesite.iphone {
width: 100% !important;
position: static;
padding-top: 10px;
display: block;
}
.body-section.internet_marketingnew .taglinesite.iphone p {
margin: 0;
padding: 0;
font-size: 16px !important;
}
.page-id-6499 .section2-box p {
line-height: 28px;
margin-bottom: 22px !IMPORTANT;
} .blogimg > img {
height: 200px;
}
.overblog {
top: 30px;
}
.category-blogging .blog-text {
width: 100% !important;
}
.category-blogging .blog-img {
width: 100%;
}
.page-template-search-engineoptimization .search-enginnew .search-engin-img img {
height: 200px !important;
}
.page-template-social_media_new .social-media-text { padding-top: 100px
}
.page-template-small-business .business-page .taglinesite p
{
font-size: 16px;
}
.business-page .taglinesite {
right: 0;
bottom: 30px;
top: inherit;
position: static;
width: 100% !important;
padding: 7px 0;
}
.business-page .taglinesite p {
font-size: 20px !important;
}
.social-media-text {
position: static;
transform: none;
padding: 20px 0;
}
.social-media-img {
width: 100% !important;
}
.banner-section.social_media_banner {
padding-left: 0;
padding-bottom: 0;
margin-top: 60px;
}
.leftpuzzle {
width: 100%;
}
.leftpuzzle img {
height: auto;
}
.rightinm-text {
width: 100%;
padding: 20px 50px;
transform: none;
position: static
}
.rightinm-text h1 {
font-size: 27px;
}
.body-section.internet_marketingnew .rightinm-text .taglinesite {
margin-top: 0;
width: 100% !important;
}
.body-section.internet_marketingnew .rightinm-text .taglinesite p br {
display: none;
}
.page-template-social_media_new .section-icons.smallicons li img {
width: 50% !important;
}
.page-template-social_media_new .section-icons.smallicons li {
width: 100% !important;
margin-bottom: 20px !IMPORTANT;
}
.page-id-5609 .service-text p {
margin-top: 80px !important;
}
.page-id-5609 aside#custom_html-4 {
display: none;
}
.web-designnew .section-icons img { }
.page-template-web-design-brand .web-designnew .taglinesite p {
margin-left: 0;
width: 80%;
}
.search-engin,.business-page {
margin-top: 60px;
}
.overtext_dev h1 {
font-size: 26px;
}
.overtext_dev .taglinesite p {
font-size: 20px;
}
.imgaw,.awtext {
width: 100%;
}
.body-section.app_dev .banner-section {
background: #58a3ef;
}
.overtext_dev {
position: static;
}
.mceTemp p {
text-align: left;
}
.search-enginnew.roofer .seo-text h1 {
text-align: center;
width: 80%;
margin-right: 10%;
}
.search-enginnew.roofer .seo-text .taglinesite p {
font-size: 20px !important;
}
.mceTemp p img {
float: left;
}
.topbar {
margin-top: 60px;
text-align: center;
}
.page-template-app-development .fficons ul li {
width: 80% !important;
}
.page-template-app-development .textcricons h3 {
margin-top: -8px !important;
margin-bottom: 40px !important;
}
.popup-text {
width: 100%;
padding: 5px 10px;
}
.popup-div {
width: 100%;
}
span.closebtn {
right: 0px !important;
}
.iphone{
display: block !important
}
.menu-section .ubermenu-skin-vanilla.ubermenu-responsive-toggle {
display: block !important;
}
.dark-mode .phonepoints-section {
background: #a9a2a2;
}
.mobilemenu-section ul li.rotate ul {
display: block;
}
.mobilemenu-section ul li.rotate ul li ul {
display: none;
}
.mobilemenu-section ul li.rotate ul li.rotate2 ul {
display: block;
}
.mobilemenu-section ul > li.menu-item-has-children ul li:after {right: 15px;}
} .topbtn {
position: fixed;
top: 40%;
right: 0;
z-index: 999;
}
.topbtn button{
background: #3592de;
border: none;
display: inline-block;
transform: rotate(-90deg);
color: #fff;
margin-right: -35px;
margin-top: 34px;
padding: 10px;
}
.dark-mode header.header-section {
background: gray;
color: #fff;
}
.dark-mode header.header-section .menu-section ul li a {
color: #fff;
}
.dark-mode header.header-section .menu-section ul li li a {
color: #000;
}
.dark-mode .footer-section {
background: #ccc;
}
p.lstxt {
margin-top: 26px;
}
.page-template-cryptocurrency .web-design-text {
text-align: right;
}
.page-template-cryptocurrency .web-design-text h1{
color: #000;
background: rgba(255,255,255,0.6);
padding: 30px;
}
.page-id-20812 .web-designnew .section2-section {
background: #d0e2e6;
color:#000;
}
.page-id-20812 .web-designnew .section2-section p {
color:#000;
}
.page-id-20812 .web-designnew .section2-section a {
color: #3592de;
}
.page-id-20812  .web-designnew .section1-text {
padding: 20px 60px 0 70px;
}
.dark-mode .body-section {
background: #000;
color: #fff;
}
.dark-mode .body-section .moreclients-box h3 ,.dark-mode .body-section a {
color: #fff;
}
.dark-mode .body-section .rightside-points ul li p ,.dark-mode .body-section .leftside-points ul li p{
color: #fff
}
.dark-mode .body-section .moreclients-box h3, .dark-mode .body-section .service-text a {
color: #065880;
}
.dark-mode .body-section .slider-section {
background: #213c05;
}
.dark-mode .phonepoints-section {
background: #a9a2a2;
}
@media screen and (min-width: 1365px) {
.body-section.internet_marketingnew .taglinesite {
top: 50px;
}@font-face {
font-family: 'FelixTitlingMT';
src: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/FelixTitlingMT.eot);
src: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/FelixTitlingMT.eot?#iefix) format('embedded-opentype'),
url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/FelixTitlingMT.woff) format('woff'),
url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/FelixTitlingMT.ttf) format('truetype'),
url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/oflgoudystmtt-italic.svg#oflgoudystmtt-italic) format('svg');
font-weight: bold;
font-style: normal;
}
* {
padding: 0;
margin: 0;
}
html,body{
overflow-x:hidden
}
body {
font-family: 'Raleway', sans-serif;
font-size:16px;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
ol, ul {
margin-left:35px;
}
.fixed-socialicons {
position: fixed;
top: 50%;
left: 0;
width: 48px;
background-color: #e1e1e1;
transform: translateY(-50%);
}
.fixed-socialicons ul {
margin: 0;
}
.fixed-socialicons ul li {
display: block;
}
.fixed-socialicons ul li a {
display: block;
position: relative;
width: 48px;
height: 48px;
font-size: 25px;
}
.fixed-socialicons ul li a svg {
position: absolute;
top: 50%;
left: 50%;
color: #000;
transform: translate(-50%, -50%);
}
header.header-section {
padding: 8px 0; background: #fff;
z-index: 99;
position: fixed;
width: 100%;
}
.home .body-section {
margin-top: 130px;
}
.logo {
text-align: right;
padding: 10px 0 10px;
display: inline-block;
width: 16%;
}
.logo a img {
width: 100%;
}
.menu-section {
display: inline-block; vertical-align: top;
padding-left: 10px;
float: right;
}
.menu-section ul {
margin: 0;
padding:0;
}
.menu-section ul li {
display: inline-block;
position:relative;
z-index:1;
font-size:20px;
line-height:40px;
font-weight:normal;
}
.menu-section ul li a {
display: block;
color: #000000;
padding: 0 11px;
}
.menu-section ul li .sub-menu {
position:absolute;
top:100%;
left:-20px;
width:180px;
height:auto;
z-index:100;
background:#fff;
text-align:left;
border:solid #dedede 1px;   -webkit-transition:all 400ms ease-out;
-moz-transition:all 400ms ease-out;
transition:all 400ms ease-out; -moz-transform:translateY(50px); display: none;
}
.menu-section ul li .sub-menu li {
display:block;
font-size:18px;
line-height:21px;
border-bottom: none;
background: #263270;
}
.menu-section ul li .sub-menu li a {
padding: 10px;
}
.menu-section ul li .sub-menu li:hover {
background:#53da3f;
}
.menu-section ul li .sub-menu li:hover a {
color:#fff;
}
.menu-section ul li:hover .sub-menu {
opacity:1;
visibility:visible;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0);
}
.contctno {
display: inline-block; font-size: 18px;
font-weight: 600;
margin-right: 10px; }
.contctno a {
color: #000; }
.contactus {
display: inline-block;
position: absolute;
top: 30%;
right: 0;
transform: translateY(-50%);
z-index:400;
display: none;
}
.contactus a.number {
display: block;
font: normal 500 27px/1.2 "Raleway";
color: #000;
text-align: center;
text-decoration: none !important;
}
.contactus a.contact-btn {
display: block;
font: normal 100 24px/1.2 "Raleway";
color: #fff;
text-decoration: none !important;
background-color: #263270;
text-align: center;
padding: 10px 0;
border-radius: 10px;
}
.topbar {
display: inline-block;
width: 100%;
padding: 5px 0;
background:rgba(235, 235, 235,0.4);
margin-top: -8px;
margin-bottom: 7px;
text-align: right;
}
.topbar .iconemailp.contactbtn {
display: inline-block;
color: #fff;
vertical-align: middle;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.topbar .iconemailp.contactbtn a {
color: #fff;
background: #3592de;
display: inline-block;
width: 100%;
padding: 10px 15px;
}
.topbar .iconemailp.contactbtn a:hover {
background: #000;
}
.banner-section {
padding: 0 0 100px;
}
.heading {
float: left;
width: 50%;
}
.heading h1 {
margin: 0;
font: normal 100 98px/1.2 "Raleway";
text-align: center;
padding: 50px 0 60px 0;
}
.heading h1 span {
display: inline-block;
font: normal 100 72px/1.2 "Raleway";
}
.tree {
width: 50%;
float: left;
text-align: center;
}
.tree img {
width: auto;
}
.service-section {
background-color: #e1e1e1;
padding: 50px 0;
}
.service-box {
text-align: center;
}
.service-img {
margin-bottom: 5px;
min-height: 68px;
}
.service-img img {
width: auto;
max-width: 67px;
}
.service-text {}
.service-text h3 {
font: normal 600 24px/1.2 "Raleway";
margin: 0;
color: #000;
display:block;
width:100%;
padding:0.2em;
margin-bottom: 0; color: #000;
font-size:1.4em;
font-weight:bold;
text-align:center; } 
.service-text p {
font: normal 400 16px/1.5 "Raleway";
margin: 10px 0 10px;
color: #000;
min-height: 96px;
}
.service-text a {
font: normal 700 16px/1.2 "Raleway";
text-decoration: none !important;
color: #000;
}
.moreclients-section {
padding: 38px 0;
}
.moreclients-box {
text-align: center;
}
.moreclients-box h3 {
color: #263270;
margin: 0 0 20px;
font: normal 600 24px/1.2 "Raleway";
}
.moreclients-box p {
color: #000;
margin: 0 90px 20px;
font: normal 400 18px/24px "Raleway";
}
.moreclients-box p:last-child {
margin-bottom: 0;
}
.phonepoints-section {
background: #f0f1f2 url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/phone-bg.png) no-repeat center center; 
padding: 80px 0; }
.phonepoints-main {}
.leftside-points {
width: 32%;
float: left;
text-align: right;
}
.leftside-points ul {
margin: 0;
}
.leftside-points ul li {
display: block;
position: relative;
padding: 0 19% 30px 10px;
}
.leftside-points ul li:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 55px;
height: 55px;
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon1.png) no-repeat center center;
background-size: 100%;
}
.leftside-points ul li:nth-child(2):after {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon2.png) no-repeat center center;
background-size: 100%;
}
.leftside-points ul li:nth-child(3):after {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon3.png) no-repeat center center;
background-size: 100%;
}
.leftside-points ul li h3 {
color: #233f78;
margin: 0;
padding: 10px 0 20px;
font: normal 700 21px/1.2 "Raleway";
}
.leftside-points ul li p {
color: #6d7286;
margin: 0;
font: normal 300 14px/1.2 "Raleway";
}
.rightside-points {
width: 29%;
float: right;
text-align: left;
}
.rightside-points ul {
margin: 0;
}
.rightside-points ul li {
display: block;
position: relative;
padding: 0 10px 30px 19%;
}
.rightside-points ul li:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 55px;
height: 55px;
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon4.png) no-repeat center center;
background-size: 100%;
}
.rightside-points ul li:nth-child(1):after {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon5.png) no-repeat center center;
background-size: 100%;
}
.rightside-points ul li:nth-child(2):after {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon6.png) no-repeat center center;
background-size: 100%;
}
.rightside-points ul li h3 {
color: #233f78;
margin: 0;
padding: 10px 0 20px;
font: normal 700 21px/1.2 "Raleway";
}
.rightside-points ul li p {
color: #6d7286;
margin: 0;
font: normal 300 14px/1.2 "Raleway";
}
.slider-section {
background-color: #79b837;
padding: 40px 0 10px;
}
.slider-main {
text-align: center;
padding: 0 59px;
}
.slider-main h3 {
font: normal 600 24px/1.2 "Raleway";
color: #fff;
margin: 0 0 40px;
}
.slider-main p {
font: normal 400 18px/1.2 "Raleway";
color: #000;
margin: 0 0 30px;
}
.owl-theme .owl-nav {
margin-top: 0;
width: calc(100% + 118px);
position: absolute;
top: 50%;
left: -59px;
transform: translateY(-50%);
}
.owl-theme .owl-nav button.owl-next,
.owl-theme .owl-nav button.owl-prev {
width: 49px;
height: 49px;
outline: none;
}
.owl-theme .owl-nav button.owl-next,
.owl-theme .owl-nav button.owl-next:hover {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/arrow-next.png) no-repeat center center;
float: right;
}
.owl-theme .owl-nav button.owl-prev,
.owl-theme .owl-nav button.owl-prev:hover {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/arrow-prev.png) no-repeat center center;
float: left;
}
.owl-theme .owl-nav button.owl-next span,
.owl-theme .owl-nav button.owl-prev span {
display: none;
}
.owl-theme .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots button.owl-dot {
outline: none;
}
.owl-theme .owl-dots button.owl-dot span {
width: 19px;
height: 19px;
background: #9dce5c;
}
.owl-theme .owl-dots button.owl-dot.active span,
.owl-theme .owl-dots button.owl-dot:hover span {
background: #27336f;
}
.silder-box {
overflow: hidden;
display: flex;
}
.silder-box .left-side {
width: 55%;
float: left;
background-color: rgba(255, 255, 255, 0.59);
padding: 30px;
margin: 0 10px;
}
.silder-box .left-side h3 {
font: normal 600 24px/1.2 "Raleway";
color: #000;
margin: 0 0 30px;
}
.silder-box .left-side p {
font: normal 500 16px/1.2 "Raleway";
color: #000;
margin: 0;
}
.silder-box .left-side a {
display: block;
font: normal 500 16px/1.2 "Raleway";
color: #000;
margin: 20px 0 0;
text-decoration: none !important;
}
.silder-box .right-side {
width: 45%;
float: left;
position: relative;
}
.silder-box .right-side img {
display: inline-block !important;
width: 90% !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.contactus-section {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/contact-bg-1.jpg)left top no-repeat;
background-size: cover;
padding: 0;
}
.contactus-heading {
text-align: center;
}
.contactus-heading a.form-icon {
display: block;
}
.contactus-heading a.form-icon img {
width: auto;
}
.contactus-heading h1 {
display: inline-block;
font: normal normal 36px/1.2 "Raleway";
margin: 10px 0 0;
padding: 10px;
color: #000;
border: 2px solid #000;
}
.contactus-heading a {
display: block;
font: normal normal 14px/30px "Raleway";
color: #27336f;
letter-spacing: .75px;
text-decoration: none !important;
}
.contactus-form {
padding: 70px 0 0;
}
.contactus-form form {
overflow: hidden;
}
.contactus-form form .left-form,
.contactus-form form .right-form {
width: 50%;
float: left;
}
.contactus-form form .left-form {
padding-right: 17px;
}
.contactus-form form .right-form {
padding-left: 17px;
}
.contactus-form form .left-form .form-input,
.contactus-form form .right-form .form-input {
margin: 0 0 25px;
}
.contactus-form form .left-form .form-input input,
.contactus-form form .left-form .form-input textarea,
.contactus-form form .right-form .form-input input,
.contactus-form form .right-form .form-input textarea {
width: 100%;
margin: 0;
background-color: rgba(255, 255, 255, 0.76);
border: 2px solid #000;
box-sizing: border-box;
padding: 20px;
}
.contactus-form form .left-form .form-input textarea,
.contactus-form form .right-form .form-input textarea {
min-height: 242px;
}
.contactus-form form .form-button {
float: left;
width: 100%;
text-align: center;
}
.contactus-form form .form-button .contactus-btn {
display: inline-block;
background: #fff;
color: #27336f;
border:none;
font: normal 400 16px/30px "Raleway";
text-decoration: none !important;
padding: 9px 21px;
-webkit-transition:all 400ms ease-out;
-moz-transition:all 400ms ease-out;
transition:all 400ms ease-out;
}
.contactus-form form .form-button .contactus-btn:hover {
background:#79b837;
color:#fff;
}
.footer-section {
background-color: #f5f5f5;
padding: 40px 0 10px 4%;
border-top: 3px solid #79b837;
}
.footer-links {}
.footer-links h3 {
display: inline-block;
color: #27336f;
font: normal 400 24px/24px "Calibri";
margin: 0 0 20px;
padding-bottom: 20px;
position: relative;
}
.footer-links h3:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 150%;
height: 3px;
background-color: #79b837;
}
.footer-links ul {
margin: 0;
}
.footer-links ul li {
display: block;
}
.footer-links p,
.footer-links ul li a {
display: block;
color: #27336f;
font: normal 400 20px/24px "Calibri";
text-decoration: none !important;
}
.footer-links ul.social-links {
margin: 0;
}
.footer-links ul.social-links li {
display: inline-block;
margin: 0 5px;
}
.footer-links ul.social-links li a {
display: block;
color: #000f;
font: normal 400 20px/24px "Calibri";
text-decoration: none !important;
}
.footer-section .copyright {
padding-top: 40px;
margin-bottom: 0;
display: block;
color: #27336f;
font: normal 400 20px/24px "Calibri";
text-align: center;
}
.gform_wrapper ul.gform_fields li.gfield input[type="text"],
.gform_wrapper ul.gform_fields li.gfield input[type="email"],
.gform_wrapper ul.gform_fields li.gfield input[type="tel"],
.gform_wrapper ul.gform_fields li.gfield textarea {
width: 100% !important;
margin: 0;
background-color: rgba(255, 255, 255, 0.76);
border: 2px solid #000;
box-sizing: border-box;
padding: 0 20px;
}
.gform_wrapper .gform_footer > input[type="submit"] {
display: inline-block;
background: #fff;
color: #27336f;
border: none;
font: normal 400 16px/30px "Raleway";
text-decoration: none !important;
padding: 9px 21px;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
transition: all 400ms ease-out;
}
.gform_wrapper .gform_footer {
text-align: center;
}
.gform_wrapper .gform_footer > input[type="submit"]:hover {
background: #79b837;
color: #fff;
}
.web-design {
background: #fff url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/tree-web.png) no-repeat 0 305px;
display: inline-block;
width: 100%;
}
.web-design .body-section {
display: block;
padding: 0 ;
background: rgba(255,255,255,.9);
}
.web-design .menu-section ul li a,
.web-design .contactus a.number {
color: #fff;
}
.web-design .contactus a.contact-btn {
background-color: #fff;
}
.web-design-main {
position: relative;
z-index: 0;
}
.web-design-img {
display: inline-block;
width: 49%;
}
.web-design-img img {
width: auto;
}
.web-design-text {
width: 50%;
display: inline-block;
vertical-align: top; }
.web-design-text h1 {
font: normal 300 60px/1.2 "Raleway";
display: inline-block;
margin: 120px 0 0;
color: #008aa4; text-align: center;
}
.web-design-text h1:before {
content: "";
position: absolute;
top: -28px;
left: -32px;
width: 267px;
height: 100px;
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/web-design-heading-b.png) no-repeat center center;
z-index: 0;
}
.web-design-text h1:after {
content: "";
position: absolute;
bottom: -28px;
right: -33px;
width: 267px;
height: 101px;
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/web-design-heading-a.png) no-repeat center center;
z-index: 0;
}
.section1-section {
padding: 150px 0 0;
}
.section1-box {
overflow: hidden;
padding: 0 100px;
display: flex;
}
.section1-text {
width: 100%;
float: left;
position: relative;
border-top: 5px solid #89c33e;
border-bottom: 5px solid #89c33e;
padding: 30px 0;
margin: 30px 0;
}
.section1-text p {
color: #000000;
margin: 0 5%;
}
.section1-img {
width: 50%;
float: left;
position: relative;
}
.section2-section {
padding: 20px 0;
display: inline-block;
width: 100%;
}
.section2-box h3 {
font: normal 700 30px/1.2 "Raleway";
color: #000000;
margin: 0 0 30px;
}
.section2-box p {
color: #000000;
margin: 0 0 30px;
}
.section2-box ul {
margin: 0 0 20px 0;
}
.section2-box ul li {
color: #000000;
padding-left: 10px;
}
.section2-box h4 {
font: normal 700 24px/1.2 "Raleway";
color: #000000;
margin: 0;
}
.section3-section {
padding: 0px 0;
display: inline-block;
width: 100%;
}
.section3-box {
overflow: hidden;
padding: 0 100px;
display: flex;
}
.section3-text {
width: 100%;
float: left;
position: relative;
}
.section3-text h3 {
font: normal 700 30px/1.2 "Raleway";
color: #000000;
margin: 0 0 20px;
}
.section3-text p {
color: #000000;
margin: 0 0 20px;
}
.section3-text p:last-child {
margin-bottom: 0;
}
.section3-text ul {
margin: 0 0 20px;
}
.section3-text ul li {
color: #000000;
margin-left: 20px;
}
.section3-img {
width: 50%;
float: left;
position: relative;
}
.section3-img img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
}
.section4-text {
width: 100%;
position: relative;
display: inline-block;
}
.section4-text h3 {
font: normal 700 30px/1.2 "Raleway";
color: #000000;
margin: 0 0 20px;
}
.section4-text h4 {
font: bold 26px/1.2 "Raleway";
color: #000000;
margin: 15px 0 5px;
}
.section4-text h6 {
font: normal 20px/1.2 "Raleway";
color: #000000;
margin: 0 0 10px;
}
.section4-img {
float: left;
position: relative;
}
.section4-text p {
color: #000000;
margin: 0 0 20px;
}
.section4-text p:last-child {
margin-bottom: 0;
}
.section4-text ul {
margin: 0 0 20px 30px;
}
.section4-text ul li {
font: normal 400 16px/1.3 "Raleway";
color: #000000;
padding-left: 10px;
}
.section2-box ol {
margin: 0 0 60px 40px;
}
.section2-box ol li {
font: normal 400 24px/1.2 "Raleway";
color: #000000;
padding-left: 10px;
}
.web-design .footer-section {
background-color: #ebebeb;
}
.web-design .footer-links p,
.web-design .footer-links ul li a,
.web-design .footer-links h3 { }
.web-design .footer-section .copyright {
margin: 0 0 10px;
color: #79b837;
}
.web-design-text h1:after,.web-design-text h1:before {
display: none;
}
.web-design-img img {
width: 100%;
}
.section-icons {
display: inline-block;
width: 100%;
margin: 0 0 30px;
}
.section-icons ul {
margin: 0;
}
.section-icons li {
display: inline-block;
vertical-align: top;
text-align: center;
width: 24%;
}
.section-icons li span {
width: 100%;
display: inline-block;
text-transform: capitalize;
margin-top: 20px;
font-weight: 600;
font-size: 22px;
}
.web-design h2 {
font-size: 24px;
}
.section2-box ul li {
display: block;
padding-left: 0;
}
.section3-text p strong {
font-size: 24px;
font-weight: 600;
}
.social-media .contactus a.contact-btn {
background-color: #a8e2ec;
}
.social-media .banner-section {}
.social-media .social-media-main {
position: relative;
}
.social-media .social-media-text {
width: 45%;
float: left;
position: absolute; left: 0; }
.social-media .social-media-text h1 {
font: normal 700 48px/1.2 "Raleway";
margin: 0 0 30px 0;
}
.social-media .social-media-text h1 span {
display: block;
font: normal 700 58px/1.2 "Raleway";
}
.social-media .social-media-text p {
font: normal 400 15px/1.4 "Raleway";
margin: 0;
}
.social-media .banner-section{
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/social-media-banner2.png) no-repeat;
width: 100%;
height: 570px;
background-size: 100%;
background-position:left
}
.social-media .social-media-img {
}
.social-media .social-media-img img {}
.social-media .moreclients-section {
padding: 30px 0;
}
.social-media .moreclients-box {
text-align: left;
}
.social-media .moreclients-box p {
font: normal 400 18px/1.3 "Raleway";
margin: 0 0 20px;
color: #000;
}
.social-media .moreclients-box ul {
margin-left: 35px;
}
.social-media .moreclients-box ul li {
list-style: disc;
}
.social-media .phonepoints-section {
background: 
#e1e1e1 url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/social-media-section2-bg.png) repeat left top;
padding: 60px 0;
}
.social-media .phonepoints-main {
text-align: left;
}
.social-media .phonepoints-main h3 {
font: normal 700 23.42px/1.2 "Raleway";
margin: 0 0 10px;
color: #263270;
}
.social-media .phonepoints-main .leftside-points h3,
.social-media .phonepoints-main .rightside-points h3 {
font: normal 700 15.61px/1.2 "Raleway";
margin: 0 0 10px;
color: #263270;
text-align: center;
}
.social-media .phonepoints-main p {
font: normal 400 18px/1.4 "Raleway";
margin: 0 0 20px;
color: #263270;
text-align: left;
}
.social-media .phonepoints-main ul {
margin: 0;
}
.social-media .phonepoints-main ul:not(:last-child) {
margin: 0 0 20px;
}
.social-media .phonepoints-main ul li {
font: normal 400 16px/1.2 "Raleway";
list-style: disc;
margin: 5px 0 5px 30px;
text-align: left;
color: #263270;
}
.social-media .phonepoints-main ul li:before,
.social-media .phonepoints-main ul li:after {
display: none;
}
.social-media .footer-section {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/social-media-footer-bg.png) no-repeat left top / cover;
border-top: 3px solid #263270;
border-bottom: 3px solid #263270;
padding-bottom: 0;
}
.social-media .footer-links p,
.social-media .footer-links ul li a,
.social-media .footer-links h3 {
color: #fff;
}
.social-media .footer-links ul li a svg {
color: #000;
}
.social-media .footer-links h3:after {
background-color: #263270;
}
.social-media .footer-section .copyright {
padding: 40px 0 30px;
color: #263270;
}
body.home .banner-section {
background: none;
height:auto
}
.search-engin {
background-size: 100%;
}
.search-engin .menu-section ul li a,
.web-design .contactus a.number {
color: #fff;
}
.search-engin .contactus a.contact-btn {
background-color: #fff;
}
.seo-text {
display: inline-block;
width:45%;
vertical-align: middle;
} .seo-text p {
margin-top: 40px;
color: #008aa4;
font-size: 28px;
font-weight: 500;
}
.search-engin-main {
display: inline-block;
width: 100%;
margin: 20px 0;
}
.search-engin-text {
display: inline-block;
width:100%;
vertical-align: middle;
}
.search-engin-text h1 {
color: #008aa4;
font-weight: normal;
font-size: 60px;
}
.search-engin-img {
display: inline-block;
width: 50%;
}
.block1-text {
display: inline-block;
width:60%;
vertical-align: middle;
}
.block1-text h1 {
color: #008aa4;
font-weight: normal;
font-size: 60px;
}
.midtext {
display: block;
padding: 0 160px;
text-align: center;
position: relative;
margin: 60px 20px 50px
}
.midtext:before {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/beforeimg.png) no-repeat;
display: inline-block;
content: '';
width: 50%;
height: 105px;
position: absolute;
left: 80px;
top: -70px;
}
.midtext:after {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/afterimg.png) no-repeat;
display: inline-block;
content: '';
width: 30%;
height: 105px;
position: absolute;
right: 0;
bottom: -70px;
}
.smlhd {
font-size: 19px;
font-weight: 600;
margin-top: 30px;
}
.smlhd {
font-size: 19px;
font-weight: 600;
margin-top: 30px;
}
.orangetext h3 {
color: #fbb451;
text-align: center;
padding: 10px 5%;
font: normal 800 26px/1.2 "Raleway";
margin: 0;
display:block;
clear:both;
width:100%;
}
.orangetext {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-blend.jpg);
background-position:center center; color: #01547e;
background-repeat: no-repeat;
background-size: auto;
}
.orangetext2 {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-orange.jpg);
background-position:center center;
text-shadow:1px 1px 0px #000;
color: #01547e;
background-repeat: no-repeat;
background-size: auto;
}
.cta-turq {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-globe-turq.png);
background-position:center center;
text-shadow:1px 1px 1px #000;
color: #fbb451;
background-repeat: no-repeat;
background-size: auto;
}
.cta-turq h3 {
color: #ffff66;
text-align: center;
padding: 10px 0 10px 20%;
font: normal 600 26px/1.2 "Raleway";
margin: 0;
display:block;
clear:both;
width:100%;
}
.cta-blue {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-globe-blu.png);
background-position:center center;
text-shadow:1px 1px 1px #000;
color: #fff;
background-repeat: no-repeat;
background-size: auto;
}
.cta-blue h3 {
color: #fff;
text-align: center;
padding: 10px 0 10px 20%;
font: normal 600 26px/1.2 "Raleway";
margin: 0;
display:block;
clear:both;
width:100%;
}
.cta-green {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-globe-gre.png);
background-position:center center;
text-shadow:2px 2px 2px #800000;
color: #ffff66;
background-repeat: no-repeat;
background-size: auto;
}
.cta-green h3 {
color: #fff;
text-align: center;
padding: 10px 0 10px 20%;
font: normal 600 26px/1.2 "Raleway";
margin: 0;
display:block;
clear:both;
width:100%;
}
.cta-pink {
font-size: 42px;
font-family: 'Kalam', cursive;
text-align: center;
display:block;
width:85%;
margin-top: 1em;
font-weight: 800;
color: #d78f8f;	
text-shadow: 1px 1px 1px #000000;	
margin-left:auto;
margin-right:auto;
}
.cta h3 {
font-size: 42px;
font-family: 'Kalam', cursive;
text-align: center;
display:block;
width:85%;
margin-top: 1em;
font-weight: 800;
color: #01547e;	
text-shadow: 1px 1px 2px #aaa4a4;	
margin-left:auto;
margin-right:auto;
}
.search-our-service {
display: inline-block;
width: 100%;
}
.our-service-img {
display: inline-block;
width: 48%;
vertical-align: top;
}
.our-service-text {
display: inline-block;
width: 51%;
}
.our-service-text ul {
margin: 0 30px;
list-style-type:disc;
}
.our-service-text li {
display: block;
margin-bottom: 12px;
}
.search-engin footer.footer-section {
background: #01547e;
color: #fff;
}
.search-engin footer.footer-section h3 {
color: #fff;
}
.search-engin footer.footer-section .footer-links p,.search-engin footer.footer-section  .footer-links ul li a {
color: #000;
}
.footer-section .copyright {
color: #79b837;
}
.smlhd {
font-size: 19px;
font-weight: 600;
margin-top: 30px;
}
.search-our-service {
display: inline-block;
width: 100%;
}
.search-our-service .fulltext { }
h5 {
font-size: 22px;
line-height: 1.4;
margin-top:15px;
margin-bottom: 15px;
color: #01547e;	
}
.search-engin footer.footer-section {
background: #f5f5f5;
color: #000;
}
.search-engin footer.footer-section h3 {
color: #27336f;
}
.search-engin footer.footer-section .footer-links p,.search-engin footer.footer-section  .footer-links ul li a {
color: #27336f;
}
.footer-section .copyright {
color: #79b837;
}
.bg1{
display: inline-block;
width: 100%;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/bg1.png) no-repeat;
background-position: top left;
}
.bg2 {
display: inline-block;
width: 100%;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/bg2.png) no-repeat;
background-position: right top;
padding-bottom: 30px;
}
.bg1 .container,.bg2 .container {
background: rgba(255,255,255,.5);
}
.fulltext {
padding-left: 3%;
}
.fulltext p {
margin: 20px 0;
}
.fulltext li {
padding: 0 0 10px 0;
}
.wp-pagenavi {
text-align: center;
} .inner-part {
display: inline-block;
width: 100%;
margin: 40px 0 30px;
}
.blog-div:nth-child(1){
border:none
}
.blog-div {
display:inline-block;
margin-bottom: 20px;
width: 100%;
border-top:1px solid #ddd;
padding-top:15px;
margin-top:15px
}
.blog-div h2 a{
color:#333;
}
.blog-img {
display:inline-block;
width: 30%;
vertical-align:top
}
.blog-img img {
width:90%;
}
.blog-text {
display:inline-block;
width:69%;
}
.blog-text h2 {
text-transform: capitalize;
padding: 0;
}
.blog-text .readmore {
margin-top: 15px;
text-transform:capitalize
}
.postdiv {
display: inline-block;
width: 100%;
}
.inner-part.no-margin {
margin-top: 0;
}
.section1-section {
padding-top: 0;
}
.banner-section {
padding-bottom: 0;
}
.overblog {
position: absolute;
top: 14%;
width: 100%;
left: 0;
height: 100%;
}
.blogimg > img {
height: 390px;
width: 100%;
}
.womanimg {
display: inline-block;
width: 44%;
}
.womanimg img {
width: 50%;
position: relative;
top: 60px;
}
.womantext {
display: inline-block;
width: 49%;
margin-left: 5%;
font-size: 50px;
color: #fff;
font-weight: 600;
text-align: center;
vertical-align: top;
margin-top: 10%;
}
.blogimg {
display: inline-block;
width: 100%;
position: relative;
}
.blog-text img {
height: 100%;
}
.about-page {
display: inline-block;
width: 100%;
}
.about-main {
display: inline-block;
width: 100%;
}
.about-text {
display: inline-block;
width: 52%;
vertical-align: top;
text-align: justify;
margin-right: 2%;
}
.about-img {
display: inline-block;
width: 45%;
}
.about-text h1 {
color: #27336f;
font-size: 66px !important;
}
.evenodddiv {
display: inline-block;
width: 100%;
margin: 10px 0 0;
}
.evenodddiv ul {
margin: 0;
padding: 0;
}
.evenodddiv li {
display: inline-block;
width: 100%;
background: #eee;
padding: 40px 0;
}
.callout1 {
width: 100%;
padding: 1em;
background-color: #263270;
color: #fff;
font-size: 1.2em;
line-height: 1.2em;
text-align: center;
font-weight: bold;
margin-bottom: 15px;
}
.imgbx {
display: inline-block;
width: 50%;
text-align: center;
}
.imgbx img {
width: auto;
}
.imgtx {
display: inline-block;
width: 40%;
text-align: center;
vertical-align: top;
}
.imgtx a {
color: #000;
font-size: 14px;
font-weight: 600;
}
.evenodddiv li:nth-child(2) {
background: #fff;
}
.evenodddiv li:nth-child(2) .imgtx {
margin-left: 8%;
}
.about-page .h3 {
background: #79b837;
color: #fff;
font-size: 30px;
text-align: center;
padding: 50px 0;
margin: 0;
}
.h3 a {
color: #fff;
text-decoration: underline;
}
.body-section {
} .plyr__controls {
display:hidden;
}
.alignleft {
float: left;
margin: 5px 10px 5px 0;
}
.alignright {
float: right;
margin: 5px 0 5px 10px;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display:block;
}
div#primary {
margin-bottom: 30px;
}
.alignnone {
}
.postimg {
display: inline-block;
width: 100%;
text-align: center; }
.postimg img {
width: auto;
min-width: 300px;
}
.midtext li {
text-align: left;
}
.jb-design {
display: inline-block;
width: 100%;
}
.tofd-img {
display: inline-block;
width: 100%;
position: relative;
overflow: hidden;
}
.tofd-img img {
width: 100%; }
.jobtext {
position: absolute;
top: 24%;
left: 10%;
width: 28%;
text-align: center;
z-index: 9;
height: 100%;
}
.jb-design .jobtext h1 {
font-weight: 700;
color: #fff;
text-shadow: 2px 2px 0 #000;
text-transform: uppercase;
font-size: 6rem;
}
.italictext {
display: inline-block;
width: 100%;
text-shadow: 2px 2px 0 #000;
color: #fff;
font-style: italic;
font-size: 2.5rem;
}
.jb-design .banner-section {
padding-bottom: 0;
}
.abt-section {
display: inline-block;
background: #eaead9;
width: 100%;
margin-top: -10px;
padding: 20px 0;
}
.jb-design h1, .jb-design h2 {
font-size: 30px;
text-transform: uppercase;
font-weight: 800;
}
.join-section {
display: inline-block;
width: 100%;
padding: 30px 0;
border-bottom: 1px solid #ddd;
}
.towbtns {
display: inline-block;
width: 100%;
margin: 10px 0 20px 0;
}
.towbtns a {
display: inline-block;
padding: 10px 0;
border: 1px solid #337ab7;
border-radius: 3px;
color: #444;
margin-right: 10px;
width: 25%;
text-align: center;
text-transform: capitalize;
}
.towbtns br {
display: none;
}
.towbtns a.aplybtn {
background: #337ab7;
color: #fff;
-webkit-box-shadow: inset 5px -16px 6px -9px #17167A; 
box-shadow: inset 5px -16px 6px -9px #17167A;
}
.towbtns a:hover {
background: #337ab7;
color: #fff;
}
.towbtns a.aplybtn:hover {
background: none;
color: #444;
box-shadow: none;
-webkit-box-shadow: none;
}
.jb-design .body-section {
display: inline-block;
width: 100%;
margin-bottom: 40px;
}
.bigphone {
display: inline-block;
width: 100%;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/phone-bg2.png) no-repeat top center;
min-height: 550px;
}
.bigphone table {
width: 100%;
}
.bigphone table tr td {
vertical-align: top;
}
.bigphone table tr td h4 {
font: normal 700 15.61px/1.2 "Raleway";
margin: 0 0 10px;
color: #263270;
text-align: center;
}
.arvindbio, .beckybio {
display:none;
}
blockquote {
font-style: italic;
color: #000;
padding: 1.2em;
width: 75%;
margin-left: auto;
margin-right: auto;
border-radius: 12px;
border: 5px solid #53da3f;
display: block;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #53da3f;
}
blockquote p {
font-size:16px !important;
margin: 0 !important;
min-height: 16px !important;
}
.bg1 img {
padding:2px;
border:2px solid #01547e;
}
.bg2 img {
padding:2px;
border:2px solid #01547e;
}
.search-engin-text img {
padding:2px;
border:2px solid #01547e;
}
.our-service-text img {
padding:2px;
border:2px solid #01547e;
}
.midtext img {
padding:2px;
border:2px solid #01547e;
}
.moreclients-box img {
padding:2px;
border:2px solid #01547e;
}
.phonepoints-main img {
padding:2px;
border:2px solid #01547e;
}
.section1-text img {
padding:2px;
border:2px solid #01547e;
}
.section2-box img {
padding:2px;
border:2px solid #01547e;
}
.section3-text img {
padding:2px;
border:2px solid #01547e;
}
.section4-text img {
padding:2px;
border:2px solid #01547e;
}
.no-sidemenu ul {
display: none;
}
.teambx {
display: inline-block;
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 20px;
}
.teamimg {
display: inline-block;
width: 25%;
vertical-align: top;
}
.teamtext {
display: inline-block;
width: 73%;
margin-left: 1%;
font-size: 15px;
}
.teamtext a {
display: inline-block;
text-transform: capitalize;
color: #53da3f;
}
.teamtext blockquote {
width: 100%;
margin: 20px 0;
display: inline-block;
}
.other-design .banner-section {
display: inline-block;
width: 100%;
border-bottom: 2px solid orange;
text-align: center;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/header_bgother.jpg) no-repeat left top;
background-size: 100%;
padding: 30px 0;
}
.other-design .body-section {
display: inline-block;
width: 100%;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/bg-other.jpg) repeat right top;
background-size: 100%;
}
.page-cont {
display: inline-block;
width: 100%;
text-align: center;
padding: 25px 0
}
.search-eng-section1,.search-eng-section2,.search-eng-section3,.search-eng-section4 {
display: inline-block;
width: 100%;
}
.sectionimg1 {
display: inline-block;
width: 40%;
vertical-align: top;
}
.sectiontext1 {
width: 100%;
display: inline-block;
}
.sectionimg1 img {
width: 100%;
}
.other-design h2 {
position: relative;
padding-top: 20px;
color: #000;
}
.other-design h2:before {
content: '';
border-top: 2px solid orange;
position: absolute;
width: 100px;
left: 0;
top: 0;
}
.other-design h2 {
color: #000;
}
.sectiontext2 {
display: inline-block;
width: 100%;
vertical-align: top;
padding: 20px 0;
}
.sectionimg2 {
display: inline-block;
width: 35%;
text-align: right;
margin-left: 20px;
margin-top: 100px;
}
.sectionimg2 img {
width: 100%;
}
.search-eng-section1 {
border-top: 1px solid orange;
border-bottom: 1px solid orange;
padding: 20px 0;
background:linear-gradient(to bottom,  #eeeded 12%,#c1bebe 97%); }
.sectionimg3 {
display: inline-block;
width: 30%;
}
.sectionimg3 img {
width: 100%;
margin-top: 30px;
}
.sectiontext3 {
display: inline-block;
width: 100%;
vertical-align: top;
}
.search-eng-section3 {
background-image: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/statistics-colorful-line.jpg);
background-size: cover;
background-position: top;
background-repeat: no-repeat; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding: 30px 0 80px 20px;
border-top: 1px solid orange;
border-bottom: 1px solid orange;
text-align: center; display:inline-block;
width:100%;
position: relative
}
.search-eng-section3 p {
font-size: 14px;
padding: 0 15%;
font-weight: 500;
} .search-eng-section3 .container {
position: relative;
z-index: 1;
} .search-eng-section3 a {
color: #fff;
font-size: 1.7rem;
}
.search-eng-call {
display: inline-block;
width: 100%;
text-align: center;
padding: 20px 0;
}
.smlimgli {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.fulltext .smlimgli img {
float: left;
width: 80px !important;
margin-right: 10px;
height: auto
}
.banner-section.home-banner {
position: relative;
height: 550px;
overflow: hidden;
width: 100%;
}
.banner-section.home-banner img {
width: 100%;  }
.banner-section.home-banner h1 {
position: absolute;
right: -10%;
top: 50%;
width: 60%;
text-align: center;
font-size: 90px;
transform: translate(0%, -50%);
color: #000;
}
.threebox {
display: inline-block;
margin: 0px 0 60px;
vertical-align: top;
float: left;
width: 100%;
}
.threebox ul {
margin: 0;
}
.threebox li {
display: inline-block;
vertical-align: top;
width: 31%;
margin-left: 2.1%;
position: relative;
}
.threebox li:nth-child(1) {
margin-left: 0;
}
.threebox li img {
width: 67%;
margin-top: 0;
}
.boxtext {
border: 1px solid #a7d25e;
display: block;
background: rgba(255,106,66,.9);
padding: 10px 20px;
color: #fff;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
}
.threebox li h3 {
font-size: 18px;
font-weight: 600;
}
.threebox li h3 br {
display: none;
}
.boxtext a {
color: #fff;
margin-top: 10px; 
display: inline-block;
}
.threebox li:nth-child(2) .boxtext {
background: rgba(159,200,94,.9);
}
.threebox li:nth-child(3) .boxtext {
background: rgba(93,164,252,.9);
}
.threebox li:hover .boxtext {
opacity: 1;
}
*, *::before, *::after {
padding: 0;
margin: 0; }
.overcontact {
display: inline-block;
width: 100%;
background: rgba(0,0,0,.6);
padding: 40px 0;
}
.contactus-form .gform_wrapper form ul li {
display: inline-block;
width: 50%;
vertical-align: top;
}
.contactus-form .gform_wrapper form ul li:nth-child(2) {
position: absolute;
left: 0;
top: 80px;
}
.contactus-form .gform_wrapper form ul li:nth-child(3) {
position: absolute;
left: 0;
top: 170px;
}
.contactus-form .gform_wrapper {
position: relative;
}
.contactus-form .gform_wrapper form ul li:nth-child(4) textarea {height: 235px;}
.contactus-heading a {
color: #fff;
}
.moreclients-section {
text-align: center;
display: inline-block;
}
.first-section {
padding: 3rem  0 0 4%;
text-align: left;
}
.firstsection-box {}
.firstsection-box h3 {
font: normal 600 33.33px/1.2 'Raleway';
color: #263270;
margin: 0 0 30px;
}
.firstsection-box p { color: #000;}
.second-section {
padding: 6rem 0;
text-align: center;
}
.secondsection-box {
width: calc(100% / 3);
float: left;
}
.secondsection-box img {
width: 70%;
}
.secondsection-box2 {
width: calc(100% / 4);
float: left;
text-align:center;
padding:3rem 1rem;
}
.secondsection-box2 img {
width: 70%;
min-height: 210px;
padding-bottom: 2rem;
}
.third-section {
padding:0 0 4rem 4%;
}
.thirdsection-box {}
.thirdsection-box h3 {
font: normal 400 25px/1.2 'Raleway';
color: #000;
margin: 0 0 30px;
}
.thirdsection-box p { color: #000;}
.thirdsection-box ul {
margin: 0 0 30px;
}
.thirdsection-box ul li { color: #000;list-style: inside disc;}
.thirdsection-box img {
width: 100%;
}
.fourth-section {
padding: 4rem 0 0 4%;
background-color: #f4f2ed;
}
.fourthsection-box {}
.fourthsection-box h3 {
font: normal 400 25px/1.2 'Raleway';
color: #000;
margin: 0 0 30px;
}
.fourthsection-box p { color: #01547e;}
.fourthsection-box ul {
margin: 0 0 30px;
}
.fifthsection-box ul li {  color: #01547e;
margin-left: 20px;
}
.fourthsection-box img {
width: 100%;
}
.fifth-section {
padding: 4rem 0 0 4%;
}
.fifthsection-box h4 {
font: normal 400 20px/1.2 'Raleway';
color: #01547e;
margin: 0 0 30px;
}
.fifthsection-box p { color: #000;}
.fifthsection-box ul {
margin: 0 0 30px;
}
.fifthsection-box ul li { color: #01547e;}
.banner-section {padding: 0;background-color: rgb(207, 243, 169);}
.social-media-main {
position: relative;
overflow: hidden;
}
.social-media-text {width: 50%;float: left;position: absolute;top: calc(50% + 0px);transform: translateY(-50%);}
.social-media-text h1 {
font: normal 400 50px/1.2 "Raleway";
margin: 0;
}
.social-media-text h1 span {
display: block;
font: normal 400 100px/1.2 "Raleway";
}
.social-media-img {
text-align: right;
width: 50%;
float: right;
}
.social-media-img img {
width: 100%;
}
.menu-section .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
font-size: 14px;
}
.menu-section ul li.contactbtn a {
background: #3a5793;
color: #fff !important;
}
.menu-section ul li.contactbtn:hover a {
background: #000 !important;
}
.menu-section ul li.contactbtn.ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .menu-section ul li.contactbtn.ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.menu-section ul li.contactbtn.ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target{
background: #000 !important;
color: #fff !important;
}
.menu-section .ubermenu-responsive-default.ubermenu {
display: inline-block !important;
}
.search-engin footer.footer-section .footer-links ul.social-links li a {
color: #000;
}
ul.newicons {
margin: 0;
}
ul.newicons li {
display: block;
padding-left: 20px;
margin-bottom: 10px;
}
ul.newicons li br {
display: none;
}
ul.newicons li img {
display: inline-block;
margin-right: 10px;
vertical-align: top;
border:none;
width: 56px;
margin-bottom: 20px;
float: left;
}
.firstsection-box ul li {
text-align: left;
}
.firstsection-box ul {
padding: 30px 0;
}
.fourth-section h4 img {
float: right;
width: auto;
}
.home .moreclients-section {
width: 100%;
}
.body-section.internet_Marketing_New .oldintemp {
display: none;
}
.newintemp .threebox li img {
border: none;
}
.body-section.internet_Marketing_New .moreclients-box {
text-align: left;
}
.body-section.Internet_Marketing .newintemp {
display: none;
}
.search-engin .banner-section {
background: #ddd;
}
.body-section.Internet_Marketing .banner-section ,.body-section.internet_Marketing_New .banner-section {
background: rgb(207, 243, 169);
}
.banner-section.social_media_banner {
background: #fdbd16;
padding-left: 4%;
}
.web-design-main {
position: relative;
z-index: 0;
display: flex;
}
.web-design-text {
width: 50%;
float: left;
display: inline-block;
position: relative;
z-index: 0;
background: #fff;
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #d2dbea 65%, #d2dbea 100%);
background: -webkit-radial-gradient(center, ellipse cover, #fff 0%,#d2dbea 65%,#d2dbea 100%);
background: radial-gradient(ellipse at center, #fff 0%,#d2dbea 65%,#d2dbea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2dbea',GradientType=1 );
}
.web-design-text h1 {
font: normal 600 60px/1.2 "Raleway";
display: inline-block;
margin: 0;
color: #008aa4;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.web-design-text:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0000 url(https://png2.kisspng.com/sh/25b3cae…/L0KzQYm3UsE6N6…isspng-white-black-pattern-glass-5a8a797b7fca88.0835995….png) no-repeat center center / 70% auto;
opacity: 0.75;
z-index: 2;
}
.web-design-img {
display: inline-block;
width: 50%;
float: left;
}
.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {
background-color: #999 !important;
}
.web-designnew .section4-text {
}
.web-designnew .web-design-text:after {
display: none;
}
.web-designnew .web-design-text {
background: none !important;
}
.web-designnew .banner-section {
background: none;
display: inline-block;
width: 100%;
}
.web-designnew .web-design-text {
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
width: 100%;
}
.web-designnew .web-design-text h1 {
text-transform: uppercase;
width: 100%;
position: static;
text-align: center;
top: 0;
left: 0;
transform: none;
color: #3a5793;
font-weight: 700;
font-size: 50px;
width: 50%;
}
.web-design-text {}
.web-designnew .section-icons {
background: #edecec;
padding: 40px 6%;
margin-top: 30px;
text-align: center; }
.maringtt {
display: inline-block;
width: 100%;
margin-top: 420px;
}
.web-designnew .section-icons img {
border:none;
}
.web-designnew .section1-text {
border: none;
margin: 0;
text-align: center;
padding: 0;
position: static;
}
.h2, h2 {
font-size: 25px;
font-weight: 500;
}
.web-designnew .section2-section {
background: #3a5793;
color: #fff;
padding: 15px 42px;
}
.web-designnew .section2-section .section2-box p {
color: #fff;
margin: 0 0 10px;
}
.section2-box ul li {
color: #fff;
margin: 17px 0;
}
.web-designnew .section2-section h2 {
padding-bottom: 30px;
margin: 0;
}
.web-designnew .section3-section {
padding: 32px 42px 0;
}
.web-designnew .section3-section .section3-text a {
color: #000;
}
.web-designnew .section3-section .section3-text ul li {
margin-bottom: 10px;
}
.web-designnew .section3-section .section3-text ul {margin-left: 30px;}
.web-designnew .section1-section {
padding: 20px 3% 40px;
display: inline-block;
width: 100%;
}
.search-enginnew .banner-section {
background: none;
width: 100%;
display: inline-block;
}
.search-enginnew .seo-text {
position: absolute;
right: 0;
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.search-enginnew .seo-text h1 { color: #fff;
text-transform: uppercase;
font-weight: 600;
text-shadow: 1px 1px 1px #000;
}
.search-enginnew .search-engin-img {
width: 100%;
}
.search-enginnew .midtext {
padding: 0;
}
.search-enginnew .midtext:before,.search-enginnew .midtext:after {
display: none;
}
.search-enginnew .bg1 {
background: none;
}
.search-enginnew .search-engin-main {
text-align: center;
padding: 40px 0 0 3%; background: #eeeded; background: -moz-linear-gradient(top,  #eeeded 12%, #c1bebe 97%); background: -webkit-linear-gradient(top,  #eeeded 12%,#c1bebe 97%); background: linear-gradient(to bottom,  #eeeded 12%,#c1bebe 97%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeded', endColorstr='#c1bebe',GradientType=0 ); }
.search-enginnew .search-engin-main ul li {
text-align: left; margin-bottom: 10px;
margin-left: 40px;
margin-right: 30px;
}
.search-enginnew .search-engin-main ul {
text-align: left;
margin: 20px 0 0 40px;
display: inline-block;
width: 100%;
}
.search-enginnew .search-engin-main ul li br {
display: none;
}
.search-enginnew .search-engin-main ul li span {
display: inline-block;
width: 80%; }
.search-enginnew .bg2 {
background: none;
}
.search-enginnew .search-engin-main .search-engin-text h2 {
margin-bottom: 20px;
margin-top: 0;
}
.search-enginnew .bg1 .container,.search-enginnew  .bg2 .container {
background: none;
}
.body-section.internet_marketingnew .search-engin-img {
width: 100%;
}
.internet_marketingnew .search-engin-main {
margin: 0;
} .body-section.internet_marketingnew .search-engin-img {
width: 100%;
background: #7ab937;
}
.leftpuzzle {
display: inline-block;
width: 49%;
vertical-align: top;
} .rightinm-text {
display: inline-block;
width: 50%;
padding: 0 130px;
position: absolute;
right: 5%;
top: 50%;
transform: translate(0, -50%);
}
.rightinm-text h1 {
color: #fff;
text-transform: uppercase;
font-size: 50px;
}
.body-section.internet_marketingnew  .rightinm-text .taglinesite {
position: static;
text-align: left;
top: 0;
margin-top: 20px;
}
.rightinm-text .taglinesite p {
margin: 0;
text-shadow: none;
color: #fff;
}
.internet_marketingnew .search-engin-main {
margin: 0;
}
.internet_marketingnew .bg1,.internet_marketingnew .bg2 {
background: none;
}
.internet_marketingnew .bg1 .midtext:before,.internet_marketingnew .bg1 .midtext:after {
display: none;
}
.internet_marketingnew  h2 {
font-weight: 600;
color: #000;
}
.internet_marketingnew 
.moreclients-section {
display: none;
}
.internet_marketingnew 
.newintemp {
display: none;
}
.internet_marketingnew .fulltext.boxgreen {
text-align: center;
color: #fff;
display: block;
margin: 10px 0;
padding: 20px 0;
background: #367cb8;
background: -moz-linear-gradient(top, #94c4ec) 0%, #367cb8 100%);
background: linear-gradient(to bottom, #94c4ec 0%, #367cb8 100%);
background: linear-gradient(to bottom, #94c4ec 0%, #367cb8 100%);
background: -o-linear-gradient(top, #94c4ec) 0%, #367cb8) 100%);
background: -ms-linear-gradient(top, #94c4ec) 0%, #367cb8) 100%);
background: linear-gradient(to bottom, #94c4ec 0%, #367cb8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c4ec', endColorstr='#367cb8', GradientType=0 );
}
.internet_marketingnew .fulltext.boxgreen h2 {color: #fff;}
.internet_marketingnew .fulltext.boxgreen  ul {
margin: 20px 0;
width: 100%;
display: inline-block;
text-align: center;
list-style-type: circle;
}
.internet_marketingnew .fulltext.boxgreen ul li {
display: inline-block;
width: auto;
list-style-type: circle;
margin: 0 20px;
}
.body-section.internet_marketingnew .midtext {
padding: 0;
}
.body-section.internet_marketingnew .search-our-service br {
display: none;
}
.body-section.internet_marketingnew .search-our-service ul {
margin: 40px 0;
text-align: center;
}
.body-section.internet_marketingnew .search-our-service ul li {
display: inline-block;
width: 33%;
vertical-align: top;
background: #dcd8d8;
margin-left: -4px;
padding: 30px 20px;
text-align: left;
min-height: 420px;
}
.iconin1 {
display: inline-block;
width: 100%;
text-align: center;
}
.iconin1 img {
border: none;
}
.body-section.internet_marketingnew .search-our-service ul li:nth-child(2) {
background: #e7e5e5;
}
.body-section.internet_marketingnew .search-our-service ul li:nth-child(3) {
background: #f1f0f0;
}
.body-section.internet_marketingnew .search-our-service ul li a,.body-section.internet_marketingnew .search-our-service ul li strong {
display: block;
color: #000;
font-weight: 600;
margin: 12px 0;
}
.internet_marketingnew .fulltext.boxgreen .container {
background: none;
}
.internet_marketingnew .fulltext.boxgreen ul li:before {display: inline-block;background: #fff;content: '';width: 6px;height: 6px;margin-right: 12px;vertical-align: middle;}
.search-enginnew.medspa .search-engin-main {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/bg-6icons.jpg) repeat;
}
.search-enginnew.attorney .search-engin-main {
background:  #eecaaa;
color: #000;
}
.search-enginnew.plumber .search-engin-main {
background:  #657ce1;
color: #fff;
}
.search-enginnew.landscaper .search-engin-main { color: #000;
}
.search-enginnew.roofer .search-engin-main {
background:  #8eb3da;
color: #000;
}
.twodiv {
display: inline-block;
width: 100%;
padding: 30px 0;
}
.twodiv h4 {
display: inline-block;
width: 49%;
font-size: 28px;
}
.righttext {
display: inline-block;
width: 50%;
vertical-align: top;
}
.teambox {
display: block;
background: #f6f6f6;
padding: 30px;
text-align: center;
margin: 10px 0 40px 0
}
.teambox h5 {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 20px;
}
.teambox .teambx {
border: none;
padding: 0;
margin: 0;
width:90%
}
.teambox .teamimg {
width: 90%;
}
.teambx h6 {
font-weight: 600;
font-size: 17px;
}
.teambox .owl-theme .owl-dots button.owl-dot span {
width: 10px;
height: 10px;
}
.search-enginnew.attorney ,.search-enginnew.roofer,.search-enginnew.medspa,.search-enginnew.landscaper,.search-enginnew.plumber{
font-size: 17px; }
.search-enginnew.doctors .search-engin-main {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/dociconbg.jpg) 0 0 no-repeat;
background-size: 100%;
color: #000;
background-attachment: fixed;
}
.search-enginnew.garage .search-engin-main {
background: #90a9ca;
color: #fff;
}
.toptext {
color:#01547e;
font-size: 18px;
font-weight:500;
}
.btext {
color:#fff;
font-size: 18px;
text-align:center;
font-weight:bold;
text-shadow: 2px 2px 10px #000;	
}
.firstsection-box h3 {
display: none;
}
.secondsection-box img {
height: 220px;
margin-bottom: 20px;
}
.firstsection-box img.alignright,.firstsection-box img.alignleft {
padding: 2px;
border: 2px solid #01547e;
}
.search-enginnew .search-engin-main ul.threerow li {
width: auto;
margin: 0 10px;
float: none;
display: inline-block;
}
.search-enginnew .search-engin-main ul.threerow {
text-align: center;
}
.web-designnew .web-design-img {
width: 100%;
}
.about-page .banner-section {
background: #79b837;
color: #fff;
padding: 20px 0;
}
ul.bulletlist li {
display: list-item !important;
float: left;
list-style-type: disc;
margin-bottom: 10px;
margin-top: 0;
}
ul.bulletlist {
padding: 10px 0;
display: inline-block;
margin:0 0 0 18px
}
.plyr__controls {
display: none !important;
}
.tree:after {
position: absolute;
background: #fff;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index:99;
-moz-animation: cssAnimation 0s ease-in 5s forwards; -webkit-animation: cssAnimation 0s ease-in 5s forwards; -o-animation: cssAnimation 0s ease-in 5s forwards; animation: cssAnimation 0s ease-in 5s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.tree {
position: relative;
}
.search-enginnew.attorney .bg1 img, .search-enginnew.attorney .bg2 img,.search-enginnew.landscaper  .bg1 img,.search-enginnew.landscaper  .bg2 img,.search-enginnew.medspa .bg1 img,.search-enginnew.medspa .bg2 img{
border: none;
padding: 0;
}
#hideMe {
}
.web-designnew .section2-section a {
color: #b4e680;
}
.banner-section.web_design_banner {
background: #6db9e7;
}
.web-designnew .section-icons .liimg img { width: 50%;
}
.web-designnew .section-icons .liimg li {
vertical-align: middle;
}
.search-enginnew.landscaper .search-engin-main a {
color: #285115;
}
.search-enginnew .search-engin-main ul.bulletlist li {
display: inline-block !important;
}
.imglft {
margin-bottom: 20px;
width: 100%;
display: inline-block;
text-align: left;
}
.imglft img {
margin-top: 0;
}
.internet_marketingnew .fulltext.boxgreen ul.liicons li {
width: 48%;
display: inline-block;
margin: 0;
text-align: left;
}
.fulltext.boxgreen a {
color: #d7ecc0;
}
.search-enginnew.attorney .cta h3,.search-enginnew.attorney .cta h3 a {
color: #d6830d;
}
.section-icons ul.bdrrow  li {
border: 1px solid #ddd;
padding: 20px;
min-height: 150px;
margin-bottom: 20px;
background: #f2f2f2;
}
.testimonial_rotator_quote {
line-height: 22px !important;
}
.testimonial_rotator_stars.cf-tr {
display: none;
}
h2.testimonial_rotator_slide_title {
margin-bottom: 16px !important;
}
section.testimonial_rotator_slide_inner {
max-width: 48%;
margin: 0 10px;
}
.testimonial_rotator_author_info.cf-tr a {
white-space: pre-line;
word-break: break-all;
}
.search-enginnew.medspa .cta h3,.search-enginnew.medspa .cta h3 a {
color: #486614;
}
.search-enginnew .search-engin-main ul.bulletlist li:nth-child(2n+1) {
margin-left: 0;
} .ourwork {
width: 100%;
display: inline-block;
}
.tophd {
width: 100%;
display: inline-block;
background: #79b837;
padding: 15px 0;
color: #fff;
text-align: center
}
.tophd h1{
font-weight: 300;
text-transform: none;
color: #fff
}
.ourwork #jtg-17324 .modula-item {
border: 4px solid #fff;
}
.ourwork .figc-inner {
width: 100%;
display: inline-block;
}
.ourwork .modula .modula-item.effect-pufrobo .jtg-title, .ourwork  .modula .modula-item.effect-pufrobo p {
position: static !important;
width: 100%;
padding:  20px;
word-break: break-all;
text-align: center;
background: rgba(0,0,0,.6);
margin-top: 30px;
}
.ourwork .modula .modula-item.effect-pufrobo .jtg-title {
font-size: 14px;
}
.ourwork #jtg-17324 {
border: 7px solid #000;
width: 100%;
}
.midcontwork {
display: inline-block;
width: 100%;
margin: 30px 0;
}
.midcontwork .testimonial_rotator_wrap.with-prevnext {
width: 100%;
display: inline-block;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/testibg.jpg) 0 0 repeat;
padding: 60px;
z-index: 10;
}
.testimonial_rotator.template-twopigs .testimonial_rotator_slide_inner {
background: #fff;
padding: 30px !important;
}
.midcontwork h2.testimonial_rotator_slide_title {
font-size: 17px;
font-weight: 600;
}
.midcontwork .testimonial_rotator_prev {
left: 50px;
}
.midcontwork .testimonial_rotator_next {
right: 40px;
}
@keyframes cssAnimation {
to {
width:0;
height:0;
overflow:hidden;
}
}
@-webkit-keyframes cssAnimation {
to {
width:0;
height:0;
visibility:hidden;
}
} h8 {	
top: 400px;
right: 140px;
position: absolute;
color: #fff;
font-size: 28px;
font-weight: 500;
text-shadow:1px 1px #000;
max-width: 60%;
} h9 {	
top: 548px;
right: 140px;
position: absolute;
color: #000;
font-size: 28px;
font-weight: bold;
text-shadow: 1px 1px 4px #fff, -1px -1px 4px #fff;
max-width: 58%;
text-align:center;
}
.section-icons.smallicons li {
width: 19%;
text-align: center;
}
.section-icons.smallicons li img {
width: 100%;
}
.body-section.internet_marketingnew .search-our-service ul.grayheight li {
min-height: auto;
}
.search-enginnew.plumber .search-engin-main a {
color: #d6dcf5;
}
.bannertop {
background: #ededed;
display: inline-block;
width: 100%;
margin-top: 20px;
}
.banimg img {
width: 100%;
}
.banimg {
margin-top: -10px;
}
.businestxt {
display: inline-block;
width: 100%;
text-align: center;
margin: 90px 0;
}
.businestxt p {
line-height: 30px;
}
.fourbxdiv {
display: inline-block;
width: 100%;
background: #f1f1f1;
}
.fourbxdiv li {
display: inline-block;
width: 24%;
vertical-align: top;
}
.bximg img {width: 96%;}
.hmeicon img {
width: 50%;
}
.hmeicon {
background: #dcd8f3;
border-radius: 50%;
width: 50px;
height: 50px;
display: inline-block;
line-height: 35px;
border: 5px solid #fff;
}
.fourbxcont {
text-align: center;
padding: 20px 0;
display: inline-block;
width: 100%;
}
.allbcont {
background: #fff;
width: 96%;
margin-left: 6px;
padding:26px 30px 30px 30px;
margin-top: -56px;
}
.allbcont h3 {
color: #8c7ae8;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
}
.ltxtdiv {
display: inline-block;
width: 100%;
}
img.imgleft {
float: left;
margin: 4px 30px 10px 0;
max-width: 500px;
}
.largebusinessdiv {
display: inline-block;
width: 100%;
margin-top: 20px;
}
.largebusinessdiv h2 {
color: #5f5e5e;
font-weight: 700;
font-size: 26px;
border-bottom: 2px solid #8ce764;
display: inline-block;
height: 52px;
margin-top: 0;
}
li:nth-child(even) .hmeicon {
background: #c6e8e7;
}
li:nth-child(even) h3 {
color: #1ecdb0;
}
.taglinesite {
display: inline-block;
text-align: center;
width: 100%;
}
.taglinesite .container {
width: 100%;
padding: 0;
margin: 0;
} .taglinesite p {
margin:4% 0% 0 0;
font: italic 26px corbel;
color: #000;
text-shadow: 1px 1px 0px #fff;
}
.body-section.internet_marketingnew .taglinesite {
width: 100%;
position: relative;
top: 30px
}
.search-enginnew .seo-text .taglinesite{
text-align: right;
float: right;
width: 34%;
}
.body-section.internet_marketingnew h9 {
position: inherit;
padding: 30px 20px 0;
background: #fff;
width: 100%;
display: inline-block;
max-width: 100%;
}
.search-enginnew .search-engin-main ul.fulli {
width: auto;
display: initial;
}
.search-enginnew .search-engin-main ul.fulli li {
width: 100%;
margin-left: 0;
margin-bottom: 20px;
float: none;
}
.business-page .taglinesite {
position: absolute;
right: 12%;
top: 20%;
width: 40%;
}
.bannertop {
position: relative;
}
.search-enginnew.doctors .taglinesite {
width: 50%;
padding: 12px;
text-align: center;
}
.search-enginnew.doctors .taglinesite p{
text-shadow: 1px 1px 1px #000;
font-weight: 600;
color: #fff;
background:rgba(0,0,0,0.6);
}
.search-enginnew.doctors {
position: relative;
}
.search-enginnew.garage .taglinesite {
width: 50%;
background: rgba(0,0,0,0.6);
padding: 12px;
text-align: center;
}
.search-enginnew.garage .taglinesite p{
text-shadow: 2px 2px 6px #000;
font-weight: 600;
color: #fff;
}
.search-enginnew.landscaper .taglinesite {
text-align: left;
}
.search-enginnew.landscaper .taglinesite p{
text-shadow: 1px 1px 1px #000;
font-weight: 600;
color: #fff
}
.search-enginnew.landscaper  {
position: relative;
}
.search-enginnew.medspa .seo-text h1 {
width: 70%;
float: right;
}
.search-enginnew.medspa .taglinesite {
width: 40%;
float: right;
}
.search-enginnew.medspa .taglinesite p{
color: #000
}
.search-enginnew.medspa  {
position: relative;
}
.search-enginnew.plumber .taglinesite {
text-align: left;
background: rgba(255,255,255,.6);
padding: 6px 12px;
}
.search-enginnew.plumber .taglinesite p{
text-shadow: 1px 1px 1px #fff;
font-weight: 600;
color: #000
}
.search-enginnew.roofer .taglinesite {
text-align: left;
background: rgba(255,255,255,.6);
padding: 6px 12px;
}
.search-enginnew.roofer .taglinesite p{
color: #000;
text-shadow: 1px 1px 1px #fff;
}
.business-page .banimg {
position: relative;
}
business-page .taglinesite p {
font-size: 23px;
}
ul.newicons li {
display: inline-block;
}
ul.newicons li img {
margin-bottom: 20px;
margin-top: -16px;
}
.container1 {
padding-right: 0;
padding-left: 0;
margin-right: -3%;
margin-left: -3%
}
.search-enginnew.attorney .taglinesite { }
.search-enginnew.attorney .search-engin-img {
position: relative;
}
.search-enginnew.attorney .taglinesite p {
color: #fff;
text-shadow: 1px 1px #000;
}
.search-enginnew.attorney .seo-text {
position: absolute;
top: 50%;
width: 100%;
right: 0;
z-index: 1;
text-align: right;
transform: translate(0, -50%);
}
.search-enginnew.doctors .seo-text {
text-align: center;
}
.search-enginnew.garage .seo-text {
text-align: right;
}
.search-enginnew.medspa .seo-text {
text-align: right;
}
.web-designnew .taglinesite {
width: 100%;
}
.web-designnew .taglinesite p {
width: 50%;
margin: 0 0 0 0%;
text-align: center !important;
}
.web-designnew.dnsw .taglinesite p {
width: auto;
margin: 5px 0 0 0;
}
.web-designnew.dnsw .taglinesite {
padding: 0 50px;
}
.search-enginnew.seopage .seo-text h1 {
text-align: right;
color: #000;
text-shadow: 1px 2px 0px #fff;
margin-top: 15%;
}
.banner-section.social_media_banner .social-media-text h1 {
width: 50%;
}
.banner-section.social_media_banner .taglinesite {
width: 50%;
text-align: left;
margin-top: 10px;
}
.contact {
margin: 30px 3%;	
}
.contact .gform_wrapper .gform_footer > input[type="submit"] {
background: #ffc266;
}
.contact .gform_wrapper .gform_footer > input[type="submit"]:hover {
background: #00cc44;
}
.search-enginnew.roofer .seo-text h1 {float: right;width: 70%;text-align: right;}
.search-enginnew.roofer .seo-text .taglinesite {
float: right;
width: 40%;
text-align: right;
}
.web-designnew .social-media-text h1 {
width: 70%;
float: none;
display: inline-block;
}
.web-designnew .social-media-text {
text-align: center;
}
.body-section.internet_marketingnew .seo-text {
position: absolute;
left: 50%;
top: 45%;
text-align: center;
transform: rotate(-9deg) translate(-50%, -50%);
color: #fff;
text-transform: uppercase;
margin-left: 30px;
}
.body-section.internet_marketingnew .seo-text h1 {
font-size: 33px;
width: 85%;
text-shadow: 1px 1px 1px #000;
font-weight: 600;
text-align: center;
margin: 0px auto 0px;
display: table;
height: 300px;
}
.body-section.internet_marketingnew .taglinesite p {
font-size: 26px; }
.body-section.internet_marketingnew .seo-text h1 span {
display: table-cell;
vertical-align: middle;
}
.paddingall{
padding: 20px 60px;
text-align:center
} .businestxt h1 {
text-align: left;
margin-bottom: 25px;
}
.rightside-points ul li h3 a,.leftside-points ul li h3 a {
color: #233f78;
text-decoration: none;
}
.menu-section ul li .sub-menu.open {
display: block;
}
}
.cta-pink {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-position:center center;
text-shadow:1px 1px 1px #000000;
color: #b36666;
background-repeat: no-repeat;
background-size: auto;
}
.mceTemp p {
display: inline-block;
width: 100%;
}
.iphone {
display: none;
}
.web-designnew.brandtemp .banner-section.web_design_banner {
background: #b2d6f1;
}
.postimg {
float: left;   width: 400px;
margin-right: 30px;
margin-top: 20px;
margin-bottom: 10px;
}
.postimg img {
width: 100%;
}
.search-enginnew.doctors .bg1 .midtext h2 {
margin-top: 40px;
margin-bottom: 20px;
}
.ubermenu .ubermenu-item.ubermenu-item-level-0.iconemailp.contactbtn a {
background: #000;
}
.ubermenu .ubermenu-item.ubermenu-item-level-0.iconemailp.contactbtn a:hover {background: #3a5793 !important;} .overlays {
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background:rgba(000,000,000,0.8);
}
.popup-div {
display: none;
position: fixed;
background: #fff;
left: 50%;
top: 50%;
z-index: 10000;
width: 60%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
border: 6px solid #000;
}
.popup-div span.closebtn {
border-radius: 50%;
background: #000;
height: 30px;
width: 30px;
line-height: 27px;
text-align: center;
color: #fff;
font-size: 22px;
cursor: pointer;
position: absolute;
right: -17px;
margin-top: -15px;
}
.popup-div span.closebtn i {
line-height: 30px;
}
.popup-text {
display: inline-block;
padding: 6px 30px;
}
.popup-text  .gform_wrapper ul.gform_fields li.gfield textarea {
height: 80px;
border: 1px solid #ddd;
padding: 0 10px;
}
.popup-text .gform_wrapper ul.gform_fields li.gfield label {
width: 100%;
font-size: 12px;
margin-bottom: 5px;
}
.popup-text .gform_wrapper ul.gform_fields li.gfield 
.ginput_container {
width: 100% !important;
margin-left: 0 !important;
}
.popup-text .gform_wrapper ul.gform_fields li {
width: 50%;
float: left;
clear: none;
margin-top: 0 !important;
}
.popup-text .gform_wrapper ul.gform_fields li#field_2_6 {
display: none;
}
.popup-text .gform_wrapper ul.gform_fields li#field_2_5 {
width: 100%;
}
.popup-text .gform_wrapper .gform_footer {
margin-left: 0 !important;
width: 100% !important;
margin: 0;
padding: 0 !important;
}
.popup-text .gform_wrapper .gform_footer input {
background: #000;
color: #fff;
}
.formdes {
display: inline-block;
width: 100%;
text-align: center;
font-size: 13px;
padding-bottom: 8px;
color: #000;
}
.popup-text .gform_wrapper ul.gform_fields li.gfield input {
height: 35px;
border: 1px solid #ddd;
} .home .moreclients-section h2 {
font-size: 20px;
}
.home .moreclients-section h3 {
font-size: 28px;
}
.body-section.app_dev {}
.body-section.app_dev .search-engin-img {
width: 100%;
position: relative;
}
.body-section.app_dev .search-engin-main {
margin: 0;
background: #3eb4fc;
}
.overtext_dev {
position: absolute;
top: 40px;
left: 0;
width: 100%;
text-align: center;
}
.overtext_dev h1 {
text-transform: uppercase;
color: #fff;
font-weight: 600;
font-size: 50px
}
.overtext_dev h1 span {
display: block;
font-weight: normal;
}
.awdesign {
display: inline-block;
width: 100%;
background: #f8f8f8;
}
.body-section.app_dev .search-engin-img img {
width: 100%;
}
.imgaw {
display: inline-block;
width: 49%;
}
.imgaw img {
width: 100%;
height: auto
}
.awtext {
display: inline-block;
width: 50%;
vertical-align: top;
padding: 100px 70px;
text-align: center;
font-size: 18px;
}
.awtext h2 {
margin-bottom: 30px;
}
.btnread {
display: inline-block;
width: 100%;
margin-top: 20px;
}
.btnread a {
background: #5c76ed;
color: #fff;
border-radius: 30px;
padding: 10px 25px;
display: inline-block;
text-transform: capitalize;
}
.btnread a:hover {
background: #000;
}
.fficons {
display: inline-block;
width: 100%;
text-align: center; }
.fficons ul {
margin: 0;
}
.fficons ul li {
display: inline-block;
width: 25%;
margin-left: -4px;
padding: 0 30px;
text-align: center;
position: relative;
vertical-align: top
}
.imgcricon {
display: inline-block;
width: 100%;
background: #fff;
}
.imgcricon span {
width: 200px;
background: #fff;
border: 1px solid #ddd;
padding: 20px;
border-radius: 50%;
height: 200px;
display: inline-block;
text-align: center;
position: relative;
z-index: 1;
}
.imgcricon span img {
width: 100%;
height: auto
}
.fficons ul li:after {content: '';width: 100px;display: inline-block;position: absolute;top: 100px;height: 1px;left: -50px;background: #ddd;}
.imgcricon span:after {content: '1.';position: absolute;left: 0;top: 50%;text-align: center;transform: translate(0, -50%);width: 100%;font-weight: 800;color: #fff;font-size: 25px;}
.fficons ul li:nth-child(2) .imgcricon span:after {content: '2.';}
.fficons ul li:nth-child(3) .imgcricon span:after {content: '3.';}
.fficons ul li:nth-child(4) .imgcricon span:after {content: '4.';}
.fficons ul li:nth-child(even) h3 {
color: #000;
}
.fficons ul li:nth-child(1):after {
display: none;
}
.appfulltext.first {
margin-top: 30px;
}
.appfulltext {
display: inline-block;
width: 100%;
margin: 10px 0;
}
.appfulltext h2 {
color: #3eb4fc;
}
.searchform {
display: inline-block;
width: 100%;
}
.searchform input[type="search"] {
height: 35px;
border: 1px solid #ddd;
padding: 0 10px;
}
.searchform input.search-submit.screen-reader-text {
position: inherit;
margin: 0;
clip: inherit;
clip-path: inherit;
display: inline-block;
width: auto;
height: 35px;
padding: 5px 15px;
background: #000;
color: #fff;
}
.fulllid {
display: inline-block;
width: 100%;
}
.overtext_dev .taglinesite p {
font-size: 31px; margin: 0;
font-weight: 600;
}
.web-designnew .section1-text p {
margin: 0;
}
.page-template-web-design-brand .web-designnew .taglinesite p {
width: 70%;
margin-left: 16%;
}
.page-template-web-design-brand .web-designnew .taglinesite {
margin-top: 14px;
}
.page-template-search-engineoptimization .search-enginnew .seo-text .taglinesite {
background: rgba(255,255,255,0.6);
}
.page-template-search-engineoptimization .search-enginnew .seo-text .taglinesite p {
padding: 0% 3% 4% 0%;
}
.contact-page {
display: inline-block;
width: 100%;
}
.contact-main {
display: inline-block;
width: 100%;
position: relative;
}
.contact-page .banner-section {
background: none;
}
.contact-text {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translate(0, -50%);
z-index: 1;
color: #fff;
text-align: center;
}
.contact-main:after {
background: rgb(53 146 222 / .9);
content: '';
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
.contact-text h3 {
margin: 0;
padding: 0;
font-size: 26px;
line-height: 30px;
}
.contact-text h3 a {font-weight: 800;color: #fff;}
.contact-text h1 {
font-weight: 700;
font-size: 40px;
margin: 0;
}
.contactformleft h3 {
display: none;
}
.contactformleft,.mapaddressright {
display: inline-block;
width: 100%;
padding: 20px;
}
.contactformleft .gform_wrapper ul.gform_fields li.gfield input[type="text"],
.contactformleft .gform_wrapper ul.gform_fields li.gfield input[type="email"],
.contactformleft .gform_wrapper ul.gform_fields li.gfield input[type="tel"],
.contactformleft .gform_wrapper ul.gform_fields li.gfield textarea {
border: none;
background: #f2f2f2;
height: 40px
}
.contactformleft .gform_wrapper ul.gform_fields li.gfield textarea {
height: 100px
}
.contactformleft .gform_wrapper .gform_footer input {
background: #3592de;
width: 100% !important;
text-align: center;
font-weight: 600;
color: #fff;
}
.mapaddressright .contact-details {
margin-top: 30px;
font-weight: 600;
}  @media (min-width: 320px) and (max-width: 767px) {
.mainmenu-open {
position: fixed;
top: 40px;
right: 15px;
width: 40px;
height: 40px;
z-index: 9999;
transform: translateY(-50%);
cursor: pointer;
}
.mainmenu-open .line {
position: absolute;
left: 50%;
display: block;
width: calc(100% - 10px);
height: 4px;
background-color: #01547e;
z-index: 9999;
transform: translate(-50%, -50%);
}
.mainmenu-open .line.first {
top: 25%;
}
.mainmenu-open .line.second {
top: 50%;
}
.mainmenu-open .line.third {
top: 75%;
}
.mainmenu-open.active {
position: fixed;
top: 40px;
right: 15px;
width: 40px;
height: 40px;
z-index: 9999;
transform: translateY(-50%);
cursor: pointer;
}
.mainmenu-open.active .line {
position: absolute;
left: 50%;
display: block;
width: calc(100% - 10px);
height: 4px;
background-color: #fff;
z-index: 9999;
transform: translate(-50%, -50%);
}
.after-scroll .mainmenu-open .line,
.after-scroll .mainmenu-open.active .line {
background-color: #01547e;
}
.mainmenu-open.active .line.first {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.mainmenu-open.active .line.second {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
.mainmenu-open.active .line.third {
display: none;
}
.mobilemenu-section {
top: 0;
left: 0;
z-index: 9999;
position: fixed;
width: 100%;
height: 100%;
overflow: auto;
background: #263270;
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
visibility: hidden;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.mobilemenu-section.open {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.mobilemenu-section .menu-section {
position: relative;
margin: 25% 0 0;
}
.mobilemenu-section ul {
margin: 0;
text-align: center;
}
.mobilemenu-section ul li {
display: block;
position: relative;
text-align: left;
}
.mobilemenu-section ul li a {
display: inline-block;
font: normal 500 1.5rem/1.2 'Raleway';
color: #fff;
text-decoration: none !important;
padding: 20px 0;
text-align: center;
}
.mobilemenu-section ul li.has-submenu a {
position: relative;
}
.mobilemenu-section ul li.has-submenu a:before {
color: #fff;
position: absolute;
top: 50%;
left: 105%;
transform: translateY(-50%);
}
.mobilemenu-section ul li ul.sub-menu li {
display: block;
position: relative;
}
.mobilemenu-section ul li ul.sub-menu li a {
display: inline-block;
font-size: 14px;
color: #fff;
text-decoration: none !important;
padding: 10px 20px;
text-align: center;
border-bottom: none;
}
.mobilemenu-section ul > li.menu-item-has-children:after {
content: "\f107";
font-family: "FontAwesome" !important;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
padding-left: 10px;
position: absolute;
top: 8px;
right: 0;
font-size: 22px;
color: #fff;
}
.menu-section ul li.contactbtn a {
background: none;
}
.sub-menu .heading {
display: none;
}
}
@media(max-width:767px) {
.menu-section { margin-top: 0px;
position: fixed;
z-index: 999;
padding-left: 0;
width: 100%;
left: 0; }
.contactus {
position: inherit;
transition: none;
top: 0;
left: 0;
display: inline-block;
width: 70%;
margin: 194px 10% 0; }
.logo {
text-align: right;
width: 100%;
position: fixed;
top: 0;
right: 20px;
background: #fff;
}
.contactus-form .gform_wrapper form ul li {
width: 100%;
}
.contactus-form .gform_wrapper form ul li:nth-child(3),.contactus-form .gform_wrapper form ul li:nth-child(2) {
position: static;
}
.heading,.tree {
width: 100%;
}
.heading h1,.heading h1 span {
font-size: 37px;
display: inline-block;
}
.heading h1 span { }
.search-enginnew .search-engin-main .search-engin-text h2{
text-align: left
}
.search-enginnew .search-engin-main ul.threerow li{
width: 100% !important;
padding-bottom:20px
}
.leftside-points {
width: 100%;
}
.rightside-points {
width: 100%;
}
.phonepoints-section {
background: none;
}
.mobilemenu-section .menu-section {
display: block;
}
.slider-main {
padding: 0 10px;
}
.silder-box .left-side,.silder-box .right-side {
width: 100%;
}
.footer-links h3:after {
width: 100%;
}
.web-design-img img {
width: 100%;
margin-top: 20px;
}
.web-design-text h1 {
font-size: 20px !important;
}
.section2-box {
padding-left: 10px;
padding-right: 10px;
}
.section2-box ul li {
padding-left: 0;
}
.section2-box p {
padding-bottom: 10px !important;
}
.section3-box {
padding: 0 !important;
width: 100%;
display: inline-block !important;
overflow: inherit !important;
}
.section3-text,.section3-img {
width: 100% !important;
}
.footer-links {
text-align: center;
}
.section3-img img {
position: inherit;
top: 0;
transform: none;
left: 0;
}
.cta-turq {
display: inline-block;
padding: 20px;
background-size: cover;
}
.cta-blue {
display: inline-block;
padding: 20px;
margin-top: 0;
background-size: cover;
}
.cta-turq h3,.cta-blue h3 {
padding-left: 0;
}
.bg2 {
padding-bottom: 10px;
}
.search-engin-img,.seo-text {
width: 100%;
}
.seo-text h1 {
font-size: 20px;
text-align: center;
}
.midtext:before,.midtext:after {
display: none;
}
.midtext {
margin-top: 10px;
}
.banner-section {
padding-bottom: 10px;
}
header.header-section {
padding-bottom: 10px;
}
.menu-section ul li .sub-menu {
position: inherit !important;
left: 0;
width: 100%;  top: 0;
border: none;
text-align: left;
box-shadow: none;
}
.social-media .social-media-main .seo-text h1 {
background: rgba(198, 241, 208, 0.5);
padding: 10px 0;
}
.social-media .banner-section {
height: 160px;
}
.owl-height {
height:445px !important;
}
.web-designnew .web-design-text {
position: static !important;
display: inline-block;
transform: none !important;
text-align: center;
}
.web-design-main {
display: inline-block !important;
width: 100%;
}
.web-designnew .web-design-text h1 {
width: 100% !important;
}
.taglinesite p { display: inline-block;
width: 100%;
}
.taglinesite p br {
display: none;
}
.taglinesite {
width: 80% !important;
}
.section3-text img {
width: 100%;
}
.section-icons li {
width: 100%;
margin-bottom: 10px;
}
.fulltext {
padding-left: 0;
}
.fulltext ul {
margin: 0;
}
.fulltext li {
display: block;
}
.web-designnew .section2-section {
padding: 16px;
}
.toptext {
padding: 20px;
}
img.aligncenter {
width: 100%;
height: auto;
}
.body-section.internet_marketingnew .seo-text h1 {
font-size: 10px !important;
width: 40% !important;
height: 80px !important;
}
.body-section.internet_marketingnew .taglinesite {
top: 10px !important;
}
.body-section.internet_marketingnew .taglinesite p {
font-size: 20px !important;
width: 100% !important;
}
.body-section.internet_marketingnew .seo-text {
margin-left: 0 !important;
top: 8% !important;
transform: rotate(-9deg) translate(-50%, 0);
}
.search-enginnew.seopage .seo-text h1 {
font-size: 25px !important;
text-align: center !important;
margin-bottom: 0;
}
.taglinesite p {
font-size: 14px;
}
.search-enginnew .seo-text .taglinesite {
text-align: center !important;
float: none;
width: 100% !important;
}
.fixed-socialicons {
top: 16%;
transform: none;
z-index: 9;
}
.fixed-socialicons ul li a svg {
width: 10px !important;
}
.fixed-socialicons ul li a {
width: 24px;
height: 24px;
}
.fixed-socialicons {
width: 25px;
}
.search-enginnew .seo-text .taglinesite p {
margin: 0;
font-size: 14px;
}
.social-media-text {
width: 100% !important;
}
.banner-section.social_media_banner .social-media-text h1 {
font-size: 20px;
width: 100% !important;
}
.banner-section.social_media_banner .taglinesite p {
font-size: 18px !important;
}
.banner-section.social_media_banner .taglinesite {
margin-top: 0 !important;
}
.section-icons li img {
width: auto;
height: auto;
}
.body-section.internet_marketingnew .search-engin-img img {
}
.body-section.internet_marketingnew .search-our-service ul li {
width: 100% !important;
min-height: auto !important;
}
.home .heading h1 {
width: 100%;
padding-top: 0;
}
.home .heading h1 {
width: 100%;
padding-top: 0;
margin-top: 70px;
}
.contactus-form .gform_wrapper form ul li {
width: 100%;
position: static !important;
top: 0 !important;
margin-top: 0;
}
.contactus-form {
padding-top: 10px;
}
.moreclients-box p {
margin: 0 20px;
}
.phonepoints-section {
padding-top: 0;
}
.ubermenu-main .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target {
font-size: 15px !important;
}
span.mainmenu-open {
display: none;
}
.ubermenu-skin-vanilla.ubermenu-responsive-toggle {
padding: 6px 30px;
color: #000 !important;
font-size: 20px !important;
}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {
background: #fff;
padding: 0 20px;
height: 550px;
overflow-y: scroll !important;
}
.fourbxdiv li {
width: 100% !important;
margin-left: 0;
}
.fourbxcont ul {
margin: 0;
}
.largebusinessdiv h2 {
height: auto !important;
padding-bottom: 10px;
}
.cta h3 {
white-space: normal;
word-break: break-word;
}
.business-page .taglinesite p {
margin: 0;
font-size: 20px;
}
.businestxt {
margin: 21px 0 !important;
}
.twodiv h4 {
width: 100% !important;
}
.righttext {
width: 100% !important;
}
.testimonial_rotator.template-twopigs .testimonial_rotator_slide_inner {
max-width: 100% !important;
padding: 10px !important;
margin-left: 0 !important;
margin-right: 0px !important;
width: 100% !important;
}
.midcontwork .testimonial_rotator_wrap.with-prevnext {
padding: 20px !important;
margin: 0 !important;
}
.col-md-3.col-md-offset-2 img.aligncenter {
width: 90px !important;
height: auto !important;
}
.web-designnew .section3-section {
padding: 30px 10px 0;
}
.web-designnew .section2-section {
padding: 20px !important;
}
.search-enginnew .seo-text {
padding: 0 20px;
}
.secondsection-box {
WIDTH: 100% !important;
}
.firstsection-box ul {
margin: 0 !important;
}
.third-section {
padding: 20px;
}
.search-engin-main1 {
display: inline-block;
padding-top: 60px;
}
.search-enginnew .midtext {
margin: 0;
}
.search-enginnew .search-engin-main {
margin: 0;
}
.search-enginnew .search-engin-main ul {
margin-left: 0px !important;
}
.web-designnew .taglinesite p {
font-size: 16px;
width: 100%;
margin: 0;
text-shadow: none;
}
.web-designnew ,.search-enginnew{
display: inline-block;
width: 100%;
margin-top: 60px;
}
.web-designnew .social-media-text h1 {
font-size: 20px !important;
}
.internet_marketingnew .fulltext.boxgreen ul li {
width: 100% !important;
display: inline-block !important;
}
.internet_marketingnew .fulltext.boxgreen ul li:before {
display: none !important;
}
.internet_marketingnew .fulltext.boxgreen ul.liicons li ing {
width: 100px !important;
}
.internet_marketingnew .fulltext.boxgreen ul.liicons li img {
width: 80px;
margin-bottom: 10px;
float: left;
margin-right: 20px;
}
.service-box {
margin-bottom: 30px;
}
.leftside-points ul li:after {
left: 0;
}
.leftside-points {
text-align: left !important;
}
.leftside-points ul li {
padding: 0 10px 30px 19% !important;
}
ul.ubermenu-submenu {
padding: 10px 20px !important;
}
.about-text,.about-img {
width: 100%;
}
.imgbx,.imgtx {
width: 100%;
margin-left:  0 !important;
padding: 0 3%;
}
.about-page .h3 {
padding: 50px 10px;
}
.search-enginnew.medspa .seo-text h1 {
width: 100% !important;
font-size: 18px;
}
.search-enginnew.medspa .search-engin-main1 {
padding-bottom: 0;
}
.container {
padding: 0 30px;
}
.imglft img.alignright, .imglft img.alignleft {
width: auto !important;
margin-right: 10px !important;
}
.search-enginnew .search-engin-main ul li {
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.search-enginnew.attorney  .seo-text h1 {
font-size: 18px;
}
.search-enginnew.attorney .search-engin-main1 {
padding-bottom: 0;
}
.search-enginnew .bg1 .search-engin-main .search-engin-text h2 {
text-align: center;
}
.fulltext h2 img {
margin-top: 20px;
}
.search-enginnew.landscaper .search-engin-main1 {
padding-bottom: 0;
}
.search-enginnew.landscaper .seo-text h1 {
font-size: 18px;
margin-top: 5px;
}
.search-enginnew.plumber  .seo-text h1 {
margin-top: 40px;
padding-top: 0;
font-size: 18px;
height: 80px;
}
.mceTemp p img {
width: auto !important;
padding: 0;
vertical-align: top;
margin: 0px 10px 0px 0;
}
.footer-section .ubermenu-skin-vanilla.ubermenu-responsive-toggle {
padding: 0 !important;
display: none;
}
.search-enginnew.plumber .bg1 .search-engin-text p {
padding-left: 0 !important;
}
.search-enginnew.doctors .seo-text .taglinesite p {
padding: 10px;
}
.search-enginnew.doctors .search-engin-main {
background-size: cover;
}
.imgcenter1 p img {
width: 20% !important;
margin-right: 10px;
}
.body-section.internet_marketingnew .taglinesite.window {
display: none;
}
.body-section.internet_marketingnew .taglinesite.iphone {
width: 100% !important;
position: static;
padding-top: 10px;
display: block;
}
.body-section.internet_marketingnew .taglinesite.iphone p {
margin: 0;
padding: 0;
font-size: 16px !important;
}
.page-id-6499 .section2-box p {
line-height: 28px;
margin-bottom: 22px !IMPORTANT;
}
.inner-part.no-margin {
margin-top: 130px;
}
.blogimg > img {
height: 200px;
}
.overblog {
top: 30px;
}
.category-blogging .womantext {
margin-top: 10px !important;
font-size: 30px;
}
.category-blogging .blog-text {
width: 100% !important;
}
.category-blogging .blog-img {
width: 100%;
}
.page-template-search-engineoptimization .search-enginnew .search-engin-img img {
height: 200px !important;
}
.page-template-social_media_new .social-media-text { padding-top: 100px
}
.page-template-small-business .business-page .taglinesite p
{
font-size: 16px;
}
.business-page .taglinesite {
right: 0;
bottom: 30px;
top: inherit;
position: static;
width: 100% !important;
padding: 7px 0;
}
.business-page .taglinesite p {
font-size: 20px !important;
}
.social-media-text {
position: static;
transform: none;
padding: 20px 0;
}
.social-media-img {
width: 100% !important;
}
.banner-section.social_media_banner {
padding-left: 0;
padding-bottom: 0;
margin-top: 60px;
}
.leftpuzzle {
width: 100%;
}
.leftpuzzle img {
height: auto;
}
.rightinm-text {
width: 100%;
padding: 20px 50px;
transform: none;
position: static
}
.rightinm-text h1 {
font-size: 27px;
}
.body-section.internet_marketingnew .rightinm-text .taglinesite {
margin-top: 0;
width: 100% !important;
}
.body-section.internet_marketingnew .rightinm-text .taglinesite p br {
display: none;
}
.page-template-social_media_new .section-icons.smallicons li img {
width: 50% !important;
}
.page-template-social_media_new .section-icons.smallicons li {
width: 100% !important;
margin-bottom: 20px !IMPORTANT;
}
.page-id-5609 .service-text p {
margin-top: 80px !important;
}
.page-id-5609 aside#custom_html-4 {
display: none;
}
.web-designnew .section-icons img { }
.page-template-web-design-brand .web-designnew .taglinesite p {
margin-left: 0;
width: 80%;
}
.search-engin,.business-page {
margin-top: 60px;
}
.overtext_dev h1 {
font-size: 26px;
}
.overtext_dev .taglinesite p {
font-size: 20px;
}
.imgaw,.awtext {
width: 100%;
}
.body-section.app_dev .banner-section {
background: #58a3ef;
}
.overtext_dev {
position: static;
}
.mceTemp p {
text-align: left;
}
.search-enginnew.roofer .seo-text h1 {
text-align: center;
width: 80%;
margin-right: 10%;
}
.search-enginnew.roofer .seo-text .taglinesite p {
font-size: 20px !important;
}
.mceTemp p img {
float: left;
}
.topbar {
margin-top: 60px;
text-align: center;
}
.page-template-app-development .fficons ul li {
width: 80% !important;
}
.page-template-app-development .textcricons h3 {
margin-top: -8px !important;
margin-bottom: 40px !important;
}
.popup-text {
width: 100%;
padding: 5px 10px;
}
.popup-div {
width: 100%;
}
span.closebtn {
right: 0px !important;
}
.iphone{
display: block !important
}
.menu-section .ubermenu-skin-vanilla.ubermenu-responsive-toggle {
display: block !important;
}
.dark-mode .phonepoints-section {
background: #a9a2a2;
}
.mobilemenu-section ul li.rotate ul {
display: block;
}
.mobilemenu-section ul li.rotate ul li ul {
display: none;
}
.mobilemenu-section ul li.rotate ul li.rotate2 ul {
display: block;
}
.mobilemenu-section ul > li.menu-item-has-children ul li:after {right: 15px;}
} .topbtn {
position: fixed;
top: 40%;
right: 0;
z-index: 999;
}
.topbtn button{
background: #3592de;
border: none;
display: inline-block;
transform: rotate(-90deg);
color: #fff;
margin-right: -35px;
margin-top: 34px;
padding: 10px;
}
.dark-mode header.header-section {
background: gray;
color: #fff;
}
.dark-mode header.header-section .menu-section ul li a {
color: #fff;
}
.dark-mode header.header-section .menu-section ul li li a {
color: #000;
}
.dark-mode .footer-section {
background: #ccc;
}
p.lstxt {
margin-top: 26px;
}
.page-id-20812 .web-designnew .web-design-text {
text-align: right;
}
.page-id-20812 .web-designnew .web-design-text h1 {
color: #000;
background: rgba(255,255,255,0.6);
padding: 30px;
}
.page-id-20812 .web-designnew .section2-section {
background: #d0e2e6;
color:#000;
}
.page-id-20812 .web-designnew .section2-section p {
color:#000;
}
.page-id-20812 .web-designnew .section2-section a {
color: #3592de;
}
.page-id-20812  .web-designnew .section1-text {
padding: 20px 60px 0 70px;
}
.dark-mode .body-section {
background: #000;
color: #fff;
}
.dark-mode .body-section .moreclients-box h3 ,.dark-mode .body-section a {
color: #fff;
}
.dark-mode .body-section .rightside-points ul li p ,.dark-mode .body-section .leftside-points ul li p{
color: #fff
}
.dark-mode .body-section .moreclients-box h3, .dark-mode .body-section .service-text a {
color: #065880;
}
.dark-mode .body-section .slider-section {
background: #213c05;
}
.dark-mode .phonepoints-section {
background: #a9a2a2;
}
@media screen and (min-width: 1365px) {
.body-section.internet_marketingnew .taglinesite {
top: 50px;
}@font-face {
font-family: 'FelixTitlingMT';
src: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/FelixTitlingMT.eot);
src: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/FelixTitlingMT.eot?#iefix) format('embedded-opentype'),
url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/FelixTitlingMT.woff) format('woff'),
url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/FelixTitlingMT.ttf) format('truetype'),
url(//www.sonicseo.com/wp-content/themes/sonicseo2019/fonts/oflgoudystmtt-italic.svg#oflgoudystmtt-italic) format('svg');
font-weight: bold;
font-style: normal;
}
* {
padding: 0;
margin: 0;
}
html,body{
overflow-x:hidden
}
body {
font-family: 'Raleway', sans-serif;
font-size:16px;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:none;
}
ol, ul {
margin-left:35px;
}
.fixed-socialicons {
position: fixed;
top: 50%;
left: 0;
width: 48px;
background-color: #e1e1e1;
transform: translateY(-50%);
}
.fixed-socialicons ul {
margin: 0;
}
.fixed-socialicons ul li {
display: block;
}
.fixed-socialicons ul li a {
display: block;
position: relative;
width: 48px;
height: 48px;
font-size: 25px;
}
.fixed-socialicons ul li a svg {
position: absolute;
top: 50%;
left: 50%;
color: #000;
transform: translate(-50%, -50%);
}
header.header-section {
padding: 8px 0; background: #fff;
z-index: 99;
position: fixed;
width: 100%;
}
.home .body-section {
margin-top: 130px;
}
.logo {
text-align: right;
padding: 10px 0 10px;
display: inline-block;
width: 16%;
}
.logo a img {
width: 100%;
}
.menu-section {
display: inline-block; vertical-align: top;
padding-left: 10px;
float: right;
}
.menu-section ul {
margin: 0;
padding:0;
}
.menu-section ul li {
display: inline-block;
position:relative;
z-index:1;
font-size:20px;
line-height:40px;
font-weight:normal;
}
.menu-section ul li a {
display: block;
color: #000000;
padding: 0 11px;
}
.menu-section ul li .sub-menu {
position:absolute;
top:100%;
left:-20px;
width:180px;
height:auto;
z-index:100;
background:#fff;
text-align:left;
border:solid #dedede 1px;   -webkit-transition:all 400ms ease-out;
-moz-transition:all 400ms ease-out;
transition:all 400ms ease-out; -moz-transform:translateY(50px); display: none;
}
.menu-section ul li .sub-menu li {
display:block;
font-size:18px;
line-height:21px;
border-bottom: none;
background: #263270;
}
.menu-section ul li .sub-menu li a {
padding: 10px;
}
.menu-section ul li .sub-menu li:hover {
background:#53da3f;
}
.menu-section ul li .sub-menu li:hover a {
color:#fff;
}
.menu-section ul li:hover .sub-menu {
opacity:1;
visibility:visible;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
transform:translateY(0);
}
.contctno {
display: inline-block; font-size: 18px;
font-weight: 600;
margin-right: 10px; }
.contctno a {
color: #000; }
.contactus {
display: inline-block;
position: absolute;
top: 30%;
right: 0;
transform: translateY(-50%);
z-index:400;
display: none;
}
.contactus a.number {
display: block;
font: normal 500 27px/1.2 "Raleway";
color: #000;
text-align: center;
text-decoration: none !important;
}
.contactus a.contact-btn {
display: block;
font: normal 100 24px/1.2 "Raleway";
color: #fff;
text-decoration: none !important;
background-color: #263270;
text-align: center;
padding: 10px 0;
border-radius: 10px;
}
.topbar {
display: inline-block;
width: 100%;
padding: 5px 0;
background:rgba(235, 235, 235,0.4);
margin-top: -8px;
margin-bottom: 7px;
text-align: right;
}
.topbar .iconemailp.contactbtn {
display: inline-block;
color: #fff;
vertical-align: middle;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
}
.topbar .iconemailp.contactbtn a {
color: #fff;
background: #3592de;
display: inline-block;
width: 100%;
padding: 10px 15px;
}
.topbar .iconemailp.contactbtn a:hover {
background: #000;
}
.banner-section {
padding: 0 0 100px;
}
.heading {
float: left;
width: 50%;
}
.heading h1 {
margin: 0;
font: normal 100 98px/1.2 "Raleway";
text-align: center;
padding: 50px 0 60px 0;
}
.heading h1 span {
display: inline-block;
font: normal 100 72px/1.2 "Raleway";
}
.tree {
width: 50%;
float: left;
text-align: center;
}
.tree img {
width: auto;
}
.service-section {
background-color: #e1e1e1;
padding: 50px 0;
}
.service-box {
text-align: center;
}
.service-img {
margin-bottom: 5px;
min-height: 68px;
}
.service-img img {
width: auto;
max-width: 67px;
}
.service-text {}
.service-text h3 {
font: normal 600 24px/1.2 "Raleway";
margin: 0;
color: #000;
display:block;
width:100%;
padding:0.2em;
margin-bottom: 0; color: #000;
font-size:1.4em;
font-weight:bold;
text-align:center; } 
.service-text p {
font: normal 400 16px/1.5 "Raleway";
margin: 10px 0 10px;
color: #000;
min-height: 96px;
}
.service-text a {
font: normal 700 16px/1.2 "Raleway";
text-decoration: none !important;
color: #000;
}
.moreclients-section {
padding: 38px 0;
}
.moreclients-box {
text-align: center;
}
.moreclients-box h3 {
color: #263270;
margin: 0 0 20px;
font: normal 600 24px/1.2 "Raleway";
}
.moreclients-box p {
color: #000;
margin: 0 90px 20px;
font: normal 400 18px/24px "Raleway";
}
.moreclients-box p:last-child {
margin-bottom: 0;
}
.phonepoints-section {
background: #f0f1f2 url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/phone-bg.png) no-repeat center center; 
padding: 80px 0; }
.phonepoints-main {}
.leftside-points {
width: 32%;
float: left;
text-align: right;
}
.leftside-points ul {
margin: 0;
}
.leftside-points ul li {
display: block;
position: relative;
padding: 0 19% 30px 10px;
}
.leftside-points ul li:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 55px;
height: 55px;
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon1.png) no-repeat center center;
background-size: 100%;
}
.leftside-points ul li:nth-child(2):after {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon2.png) no-repeat center center;
background-size: 100%;
}
.leftside-points ul li:nth-child(3):after {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon3.png) no-repeat center center;
background-size: 100%;
}
.leftside-points ul li h3 {
color: #233f78;
margin: 0;
padding: 10px 0 20px;
font: normal 700 21px/1.2 "Raleway";
}
.leftside-points ul li p {
color: #6d7286;
margin: 0;
font: normal 300 14px/1.2 "Raleway";
}
.rightside-points {
width: 29%;
float: right;
text-align: left;
}
.rightside-points ul {
margin: 0;
}
.rightside-points ul li {
display: block;
position: relative;
padding: 0 10px 30px 19%;
}
.rightside-points ul li:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 55px;
height: 55px;
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon4.png) no-repeat center center;
background-size: 100%;
}
.rightside-points ul li:nth-child(1):after {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon5.png) no-repeat center center;
background-size: 100%;
}
.rightside-points ul li:nth-child(2):after {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/picon6.png) no-repeat center center;
background-size: 100%;
}
.rightside-points ul li h3 {
color: #233f78;
margin: 0;
padding: 10px 0 20px;
font: normal 700 21px/1.2 "Raleway";
}
.rightside-points ul li p {
color: #6d7286;
margin: 0;
font: normal 300 14px/1.2 "Raleway";
}
.slider-section {
background-color: #79b837;
padding: 40px 0 10px;
}
.slider-main {
text-align: center;
padding: 0 59px;
}
.slider-main h3 {
font: normal 600 24px/1.2 "Raleway";
color: #fff;
margin: 0 0 40px;
}
.slider-main p {
font: normal 400 18px/1.2 "Raleway";
color: #000;
margin: 0 0 30px;
}
.owl-theme .owl-nav {
margin-top: 0;
width: calc(100% + 118px);
position: absolute;
top: 50%;
left: -59px;
transform: translateY(-50%);
}
.owl-theme .owl-nav button.owl-next,
.owl-theme .owl-nav button.owl-prev {
width: 49px;
height: 49px;
outline: none;
}
.owl-theme .owl-nav button.owl-next,
.owl-theme .owl-nav button.owl-next:hover {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/arrow-next.png) no-repeat center center;
float: right;
}
.owl-theme .owl-nav button.owl-prev,
.owl-theme .owl-nav button.owl-prev:hover {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/arrow-prev.png) no-repeat center center;
float: left;
}
.owl-theme .owl-nav button.owl-next span,
.owl-theme .owl-nav button.owl-prev span {
display: none;
}
.owl-theme .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots button.owl-dot {
outline: none;
}
.owl-theme .owl-dots button.owl-dot span {
width: 19px;
height: 19px;
background: #9dce5c;
}
.owl-theme .owl-dots button.owl-dot.active span,
.owl-theme .owl-dots button.owl-dot:hover span {
background: #27336f;
}
.silder-box {
overflow: hidden;
display: flex;
}
.silder-box .left-side {
width: 55%;
float: left;
background-color: rgba(255, 255, 255, 0.59);
padding: 30px;
margin: 0 10px;
}
.silder-box .left-side h3 {
font: normal 600 24px/1.2 "Raleway";
color: #000;
margin: 0 0 30px;
}
.silder-box .left-side p {
font: normal 500 16px/1.2 "Raleway";
color: #000;
margin: 0;
}
.silder-box .left-side a {
display: block;
font: normal 500 16px/1.2 "Raleway";
color: #000;
margin: 20px 0 0;
text-decoration: none !important;
}
.silder-box .right-side {
width: 45%;
float: left;
position: relative;
}
.silder-box .right-side img {
display: inline-block !important;
width: 90% !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.contactus-section {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/contact-bg-1.jpg)left top no-repeat;
background-size: cover;
padding: 0;
}
.contactus-heading {
text-align: center;
}
.contactus-heading a.form-icon {
display: block;
}
.contactus-heading a.form-icon img {
width: auto;
}
.contactus-heading h1 {
display: inline-block;
font: normal normal 36px/1.2 "Raleway";
margin: 10px 0 0;
padding: 10px;
color: #000;
border: 2px solid #000;
}
.contactus-heading a {
display: block;
font: normal normal 14px/30px "Raleway";
color: #27336f;
letter-spacing: .75px;
text-decoration: none !important;
}
.contactus-form {
padding: 70px 0 0;
}
.contactus-form form {
overflow: hidden;
}
.contactus-form form .left-form,
.contactus-form form .right-form {
width: 50%;
float: left;
}
.contactus-form form .left-form {
padding-right: 17px;
}
.contactus-form form .right-form {
padding-left: 17px;
}
.contactus-form form .left-form .form-input,
.contactus-form form .right-form .form-input {
margin: 0 0 25px;
}
.contactus-form form .left-form .form-input input,
.contactus-form form .left-form .form-input textarea,
.contactus-form form .right-form .form-input input,
.contactus-form form .right-form .form-input textarea {
width: 100%;
margin: 0;
background-color: rgba(255, 255, 255, 0.76);
border: 2px solid #000;
box-sizing: border-box;
padding: 20px;
}
.contactus-form form .left-form .form-input textarea,
.contactus-form form .right-form .form-input textarea {
min-height: 242px;
}
.contactus-form form .form-button {
float: left;
width: 100%;
text-align: center;
}
.contactus-form form .form-button .contactus-btn {
display: inline-block;
background: #fff;
color: #27336f;
border:none;
font: normal 400 16px/30px "Raleway";
text-decoration: none !important;
padding: 9px 21px;
-webkit-transition:all 400ms ease-out;
-moz-transition:all 400ms ease-out;
transition:all 400ms ease-out;
}
.contactus-form form .form-button .contactus-btn:hover {
background:#79b837;
color:#fff;
}
.footer-section {
background-color: #f5f5f5;
padding: 40px 0 10px 4%;
border-top: 3px solid #79b837;
}
.footer-links {}
.footer-links h3 {
display: inline-block;
color: #27336f;
font: normal 400 24px/24px "Calibri";
margin: 0 0 20px;
padding-bottom: 20px;
position: relative;
}
.footer-links h3:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 150%;
height: 3px;
background-color: #79b837;
}
.footer-links ul {
margin: 0;
}
.footer-links ul li {
display: block;
}
.footer-links p,
.footer-links ul li a {
display: block;
color: #27336f;
font: normal 400 20px/24px "Calibri";
text-decoration: none !important;
}
.footer-links ul.social-links {
margin: 0;
}
.footer-links ul.social-links li {
display: inline-block;
margin: 0 5px;
}
.footer-links ul.social-links li a {
display: block;
color: #000f;
font: normal 400 20px/24px "Calibri";
text-decoration: none !important;
}
.footer-section .copyright {
padding-top: 40px;
margin-bottom: 0;
display: block;
color: #27336f;
font: normal 400 20px/24px "Calibri";
text-align: center;
}
.gform_wrapper ul.gform_fields li.gfield input[type="text"],
.gform_wrapper ul.gform_fields li.gfield input[type="email"],
.gform_wrapper ul.gform_fields li.gfield input[type="tel"],
.gform_wrapper ul.gform_fields li.gfield textarea {
width: 100% !important;
margin: 0;
background-color: rgba(255, 255, 255, 0.76);
border: 2px solid #000;
box-sizing: border-box;
padding: 0 20px;
}
.gform_wrapper .gform_footer > input[type="submit"] {
display: inline-block;
background: #fff;
color: #27336f;
border: none;
font: normal 400 16px/30px "Raleway";
text-decoration: none !important;
padding: 9px 21px;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
transition: all 400ms ease-out;
}
.gform_wrapper .gform_footer {
text-align: center;
}
.gform_wrapper .gform_footer > input[type="submit"]:hover {
background: #79b837;
color: #fff;
}
.web-design {
background: #fff url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/tree-web.png) no-repeat 0 305px;
display: inline-block;
width: 100%;
}
.web-design .body-section {
display: block;
padding: 0 ;
background: rgba(255,255,255,.9);
}
.web-design .menu-section ul li a,
.web-design .contactus a.number {
color: #fff;
}
.web-design .contactus a.contact-btn {
background-color: #fff;
}
.web-design-main {
position: relative;
z-index: 0;
}
.web-design-img {
display: inline-block;
width: 49%;
}
.web-design-img img {
width: auto;
}
.web-design-text {
width: 50%;
display: inline-block;
vertical-align: top; }
.web-design-text h1 {
font: normal 300 60px/1.2 "Raleway";
display: inline-block;
margin: 120px 0 0;
color: #008aa4; text-align: center;
}
.web-design-text h1:before {
content: "";
position: absolute;
top: -28px;
left: -32px;
width: 267px;
height: 100px;
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/web-design-heading-b.png) no-repeat center center;
z-index: 0;
}
.web-design-text h1:after {
content: "";
position: absolute;
bottom: -28px;
right: -33px;
width: 267px;
height: 101px;
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/web-design-heading-a.png) no-repeat center center;
z-index: 0;
}
.section1-section {
padding: 150px 0 0;
}
.section1-box {
overflow: hidden;
padding: 0 100px;
display: flex;
}
.section1-text {
width: 100%;
float: left;
position: relative;
border-top: 5px solid #89c33e;
border-bottom: 5px solid #89c33e;
padding: 30px 0;
margin: 30px 0;
}
.section1-text p {
color: #000000;
margin: 0 5%;
}
.section1-img {
width: 50%;
float: left;
position: relative;
}
.section2-section {
padding: 20px 0;
display: inline-block;
width: 100%;
}
.section2-box h3 {
font: normal 700 30px/1.2 "Raleway";
color: #000000;
margin: 0 0 30px;
}
.section2-box p {
color: #000000;
margin: 0 0 30px;
}
.section2-box ul {
margin: 0 0 20px 0;
}
.section2-box ul li {
color: #000000;
padding-left: 10px;
}
.section2-box h4 {
font: normal 700 24px/1.2 "Raleway";
color: #000000;
margin: 0;
}
.section3-section {
padding: 0px 0;
display: inline-block;
width: 100%;
}
.section3-box {
overflow: hidden;
padding: 0 100px;
display: flex;
}
.section3-text {
width: 100%;
float: left;
position: relative;
}
.section3-text h3 {
font: normal 700 30px/1.2 "Raleway";
color: #000000;
margin: 0 0 20px;
}
.section3-text p {
color: #000000;
margin: 0 0 20px;
}
.section3-text p:last-child {
margin-bottom: 0;
}
.section3-text ul {
margin: 0 0 20px;
}
.section3-text ul li {
color: #000000;
margin-left: 20px;
}
.section3-img {
width: 50%;
float: left;
position: relative;
}
.section3-img img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
}
.section4-text {
width: 100%;
position: relative;
display: inline-block;
}
.section4-text h3 {
font: normal 700 30px/1.2 "Raleway";
color: #000000;
margin: 0 0 20px;
}
.section4-text h4 {
font: bold 26px/1.2 "Raleway";
color: #000000;
margin: 15px 0 5px;
}
.section4-text h6 {
font: normal 20px/1.2 "Raleway";
color: #000000;
margin: 0 0 10px;
}
.section4-img {
float: left;
position: relative;
}
.section4-text p {
color: #000000;
margin: 0 0 20px;
}
.section4-text p:last-child {
margin-bottom: 0;
}
.section4-text ul {
margin: 0 0 20px 30px;
}
.section4-text ul li {
font: normal 400 16px/1.3 "Raleway";
color: #000000;
padding-left: 10px;
}
.section2-box ol {
margin: 0 0 60px 40px;
}
.section2-box ol li {
font: normal 400 24px/1.2 "Raleway";
color: #000000;
padding-left: 10px;
}
.web-design .footer-section {
background-color: #ebebeb;
}
.web-design .footer-links p,
.web-design .footer-links ul li a,
.web-design .footer-links h3 { }
.web-design .footer-section .copyright {
margin: 0 0 10px;
color: #79b837;
}
.web-design-text h1:after,.web-design-text h1:before {
display: none;
}
.web-design-img img {
width: 100%;
}
.section-icons {
display: inline-block;
width: 100%;
margin: 0 0 30px;
}
.section-icons ul {
margin: 0;
}
.section-icons li {
display: inline-block;
vertical-align: top;
text-align: center;
width: 24%;
}
.section-icons li span {
width: 100%;
display: inline-block;
text-transform: capitalize;
margin-top: 20px;
font-weight: 600;
font-size: 22px;
}
.web-design h2 {
font-size: 24px;
}
.section2-box ul li {
display: block;
padding-left: 0;
}
.section3-text p strong {
font-size: 24px;
font-weight: 600;
}
.social-media .contactus a.contact-btn {
background-color: #a8e2ec;
}
.social-media .banner-section {}
.social-media .social-media-main {
position: relative;
}
.social-media .social-media-text {
width: 45%;
float: left;
position: absolute; left: 0; }
.social-media .social-media-text h1 {
font: normal 700 48px/1.2 "Raleway";
margin: 0 0 30px 0;
}
.social-media .social-media-text h1 span {
display: block;
font: normal 700 58px/1.2 "Raleway";
}
.social-media .social-media-text p {
font: normal 400 15px/1.4 "Raleway";
margin: 0;
}
.social-media .banner-section{
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/social-media-banner2.png) no-repeat;
width: 100%;
height: 570px;
background-size: 100%;
background-position:left
}
.social-media .social-media-img {
}
.social-media .social-media-img img {}
.social-media .moreclients-section {
padding: 30px 0;
}
.social-media .moreclients-box {
text-align: left;
}
.social-media .moreclients-box p {
font: normal 400 18px/1.3 "Raleway";
margin: 0 0 20px;
color: #000;
}
.social-media .moreclients-box ul {
margin-left: 35px;
}
.social-media .moreclients-box ul li {
list-style: disc;
}
.social-media .phonepoints-section {
background: 
#e1e1e1 url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/social-media-section2-bg.png) repeat left top;
padding: 60px 0;
}
.social-media .phonepoints-main {
text-align: left;
}
.social-media .phonepoints-main h3 {
font: normal 700 23.42px/1.2 "Raleway";
margin: 0 0 10px;
color: #263270;
}
.social-media .phonepoints-main .leftside-points h3,
.social-media .phonepoints-main .rightside-points h3 {
font: normal 700 15.61px/1.2 "Raleway";
margin: 0 0 10px;
color: #263270;
text-align: center;
}
.social-media .phonepoints-main p {
font: normal 400 18px/1.4 "Raleway";
margin: 0 0 20px;
color: #263270;
text-align: left;
}
.social-media .phonepoints-main ul {
margin: 0;
}
.social-media .phonepoints-main ul:not(:last-child) {
margin: 0 0 20px;
}
.social-media .phonepoints-main ul li {
font: normal 400 16px/1.2 "Raleway";
list-style: disc;
margin: 5px 0 5px 30px;
text-align: left;
color: #263270;
}
.social-media .phonepoints-main ul li:before,
.social-media .phonepoints-main ul li:after {
display: none;
}
.social-media .footer-section {
background: transparent url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/social-media-footer-bg.png) no-repeat left top / cover;
border-top: 3px solid #263270;
border-bottom: 3px solid #263270;
padding-bottom: 0;
}
.social-media .footer-links p,
.social-media .footer-links ul li a,
.social-media .footer-links h3 {
color: #fff;
}
.social-media .footer-links ul li a svg {
color: #000;
}
.social-media .footer-links h3:after {
background-color: #263270;
}
.social-media .footer-section .copyright {
padding: 40px 0 30px;
color: #263270;
}
body.home .banner-section {
background: none;
height:auto
}
.search-engin {
background-size: 100%;
}
.search-engin .menu-section ul li a,
.web-design .contactus a.number {
color: #fff;
}
.search-engin .contactus a.contact-btn {
background-color: #fff;
}
.seo-text {
display: inline-block;
width:45%;
vertical-align: middle;
} .seo-text p {
margin-top: 40px;
color: #008aa4;
font-size: 28px;
font-weight: 500;
}
.search-engin-main {
display: inline-block;
width: 100%;
margin: 20px 0;
}
.search-engin-text {
display: inline-block;
width:100%;
vertical-align: middle;
}
.search-engin-text h1 {
color: #008aa4;
font-weight: normal;
font-size: 60px;
}
.search-engin-img {
display: inline-block;
width: 50%;
}
.block1-text {
display: inline-block;
width:60%;
vertical-align: middle;
}
.block1-text h1 {
color: #008aa4;
font-weight: normal;
font-size: 60px;
}
.midtext {
display: block;
padding: 0 160px;
text-align: center;
position: relative;
margin: 60px 20px 50px
}
.midtext:before {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/beforeimg.png) no-repeat;
display: inline-block;
content: '';
width: 50%;
height: 105px;
position: absolute;
left: 80px;
top: -70px;
}
.midtext:after {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/afterimg.png) no-repeat;
display: inline-block;
content: '';
width: 30%;
height: 105px;
position: absolute;
right: 0;
bottom: -70px;
}
.smlhd {
font-size: 19px;
font-weight: 600;
margin-top: 30px;
}
.smlhd {
font-size: 19px;
font-weight: 600;
margin-top: 30px;
}
.orangetext h3 {
color: #fbb451;
text-align: center;
padding: 10px 5%;
font: normal 800 26px/1.2 "Raleway";
margin: 0;
display:block;
clear:both;
width:100%;
}
.orangetext {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-blend.jpg);
background-position:center center; color: #01547e;
background-repeat: no-repeat;
background-size: auto;
}
.orangetext2 {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-orange.jpg);
background-position:center center;
text-shadow:1px 1px 0px #000;
color: #01547e;
background-repeat: no-repeat;
background-size: auto;
}
.cta-turq {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-globe-turq.png);
background-position:center center;
text-shadow:1px 1px 1px #000;
color: #fbb451;
background-repeat: no-repeat;
background-size: auto;
}
.cta-turq h3 {
color: #ffff66;
text-align: center;
padding: 10px 0 10px 20%;
font: normal 600 26px/1.2 "Raleway";
margin: 0;
display:block;
clear:both;
width:100%;
}
.cta-blue {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-globe-blu.png);
background-position:center center;
text-shadow:1px 1px 1px #000;
color: #fff;
background-repeat: no-repeat;
background-size: auto;
}
.cta-blue h3 {
color: #fff;
text-align: center;
padding: 10px 0 10px 20%;
font: normal 600 26px/1.2 "Raleway";
margin: 0;
display:block;
clear:both;
width:100%;
}
.cta-green {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-image:url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/cta-globe-gre.png);
background-position:center center;
text-shadow:2px 2px 2px #800000;
color: #ffff66;
background-repeat: no-repeat;
background-size: auto;
}
.cta-green h3 {
color: #fff;
text-align: center;
padding: 10px 0 10px 20%;
font: normal 600 26px/1.2 "Raleway";
margin: 0;
display:block;
clear:both;
width:100%;
}
.cta-pink {
font-size: 42px;
font-family: 'Kalam', cursive;
text-align: center;
display:block;
width:85%;
margin-top: 1em;
font-weight: 800;
color: #d78f8f;	
text-shadow: 1px 1px 1px #000000;	
margin-left:auto;
margin-right:auto;
}
.cta h3 {
font-size: 42px;
font-family: 'Kalam', cursive;
text-align: center;
display:block;
width:85%;
margin-top: 1em;
font-weight: 800;
color: #01547e;	
text-shadow: 1px 1px 2px #aaa4a4;	
margin-left:auto;
margin-right:auto;
}
.search-our-service {
display: inline-block;
width: 100%;
}
.our-service-img {
display: inline-block;
width: 48%;
vertical-align: top;
}
.our-service-text {
display: inline-block;
width: 51%;
}
.our-service-text ul {
margin: 0 30px;
list-style-type:disc;
}
.our-service-text li {
display: block;
margin-bottom: 12px;
}
.search-engin footer.footer-section {
background: #01547e;
color: #fff;
}
.search-engin footer.footer-section h3 {
color: #fff;
}
.search-engin footer.footer-section .footer-links p,.search-engin footer.footer-section  .footer-links ul li a {
color: #000;
}
.footer-section .copyright {
color: #79b837;
}
.smlhd {
font-size: 19px;
font-weight: 600;
margin-top: 30px;
}
.search-our-service {
display: inline-block;
width: 100%;
}
.search-our-service .fulltext { }
h5 {
font-size: 22px;
line-height: 1.4;
margin-top:15px;
margin-bottom: 15px;
color: #01547e;	
}
.search-engin footer.footer-section {
background: #f5f5f5;
color: #000;
}
.search-engin footer.footer-section h3 {
color: #27336f;
}
.search-engin footer.footer-section .footer-links p,.search-engin footer.footer-section  .footer-links ul li a {
color: #27336f;
}
.footer-section .copyright {
color: #79b837;
}
.bg1{
display: inline-block;
width: 100%;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/bg1.png) no-repeat;
background-position: top left;
}
.bg2 {
display: inline-block;
width: 100%;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/bg2.png) no-repeat;
background-position: right top;
padding-bottom: 30px;
}
.bg1 .container,.bg2 .container {
background: rgba(255,255,255,.5);
}
.fulltext {
padding-left: 3%;
}
.fulltext p {
margin: 20px 0;
}
.fulltext li {
padding: 0 0 10px 0;
}
.wp-pagenavi {
text-align: center;
} .inner-part {
display: inline-block;
width: 100%;
margin: 40px 0 30px;
}
.blog-div:nth-child(1){
border:none
}
.blog-div {
display:inline-block;
margin-bottom: 20px;
width: 100%;
border-top:1px solid #ddd;
padding-top:15px;
margin-top:15px
}
.blog-div h2 a{
color:#333;
}
.blog-img {
display:inline-block;
width: 30%;
vertical-align:top
}
.blog-img img {
width:90%;
}
.blog-text {
display:inline-block;
width:69%;
}
.blog-text h2 {
text-transform: capitalize;
padding: 0;
}
.blog-text .readmore {
margin-top: 15px;
text-transform:capitalize
}
.postdiv {
display: inline-block;
width: 100%;
}
.inner-part.no-margin {
margin-top: 0;
}
.section1-section {
padding-top: 0;
}
.banner-section {
padding-bottom: 0;
}
.overblog {
position: absolute;
top: 14%;
width: 100%;
left: 0;
height: 100%;
}
.blogimg > img {
height: 390px;
width: 100%;
}
.womanimg {
display: inline-block;
width: 44%;
}
.womanimg img {
width: 50%;
position: relative;
top: 60px;
}
.womantext {
display: inline-block;
width: 49%;
margin-left: 5%;
font-size: 50px;
color: #fff;
font-weight: 600;
text-align: center;
vertical-align: top;
margin-top: 10%;
}
.blogimg {
display: inline-block;
width: 100%;
position: relative;
}
.blog-text img {
height: 100%;
}
.about-page {
display: inline-block;
width: 100%;
}
.about-main {
display: inline-block;
width: 100%;
}
.about-text {
display: inline-block;
width: 52%;
vertical-align: top;
text-align: justify;
margin-right: 2%;
}
.about-img {
display: inline-block;
width: 45%;
}
.about-text h1 {
color: #27336f;
font-size: 66px !important;
}
.evenodddiv {
display: inline-block;
width: 100%;
margin: 10px 0 0;
}
.evenodddiv ul {
margin: 0;
padding: 0;
}
.evenodddiv li {
display: inline-block;
width: 100%;
background: #eee;
padding: 40px 0;
}
.callout1 {
width: 100%;
padding: 1em;
background-color: #263270;
color: #fff;
font-size: 1.2em;
line-height: 1.2em;
text-align: center;
font-weight: bold;
margin-bottom: 15px;
}
.imgbx {
display: inline-block;
width: 50%;
text-align: center;
}
.imgbx img {
width: auto;
}
.imgtx {
display: inline-block;
width: 40%;
text-align: center;
vertical-align: top;
}
.imgtx a {
color: #000;
font-size: 14px;
font-weight: 600;
}
.evenodddiv li:nth-child(2) {
background: #fff;
}
.evenodddiv li:nth-child(2) .imgtx {
margin-left: 8%;
}
.about-page .h3 {
background: #79b837;
color: #fff;
font-size: 30px;
text-align: center;
padding: 50px 0;
margin: 0;
}
.h3 a {
color: #fff;
text-decoration: underline;
}
.body-section {
} .plyr__controls {
display:hidden;
}
.alignleft {
float: left;
margin: 5px 10px 5px 0;
}
.alignright {
float: right;
margin: 5px 0 5px 10px;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
display:block;
}
div#primary {
margin-bottom: 30px;
}
.alignnone {
}
.postimg {
display: inline-block;
width: 100%;
text-align: center; }
.postimg img {
width: auto;
min-width: 300px;
}
.midtext li {
text-align: left;
}
.jb-design {
display: inline-block;
width: 100%;
}
.tofd-img {
display: inline-block;
width: 100%;
position: relative;
overflow: hidden;
}
.tofd-img img {
width: 100%; }
.jobtext {
position: absolute;
top: 24%;
left: 10%;
width: 28%;
text-align: center;
z-index: 9;
height: 100%;
}
.jb-design .jobtext h1 {
font-weight: 700;
color: #fff;
text-shadow: 2px 2px 0 #000;
text-transform: uppercase;
font-size: 6rem;
}
.italictext {
display: inline-block;
width: 100%;
text-shadow: 2px 2px 0 #000;
color: #fff;
font-style: italic;
font-size: 2.5rem;
}
.jb-design .banner-section {
padding-bottom: 0;
}
.abt-section {
display: inline-block;
background: #eaead9;
width: 100%;
margin-top: -10px;
padding: 20px 0;
}
.jb-design h1, .jb-design h2 {
font-size: 30px;
text-transform: uppercase;
font-weight: 800;
}
.join-section {
display: inline-block;
width: 100%;
padding: 30px 0;
border-bottom: 1px solid #ddd;
}
.towbtns {
display: inline-block;
width: 100%;
margin: 10px 0 20px 0;
}
.towbtns a {
display: inline-block;
padding: 10px 0;
border: 1px solid #337ab7;
border-radius: 3px;
color: #444;
margin-right: 10px;
width: 25%;
text-align: center;
text-transform: capitalize;
}
.towbtns br {
display: none;
}
.towbtns a.aplybtn {
background: #337ab7;
color: #fff;
-webkit-box-shadow: inset 5px -16px 6px -9px #17167A; 
box-shadow: inset 5px -16px 6px -9px #17167A;
}
.towbtns a:hover {
background: #337ab7;
color: #fff;
}
.towbtns a.aplybtn:hover {
background: none;
color: #444;
box-shadow: none;
-webkit-box-shadow: none;
}
.jb-design .body-section {
display: inline-block;
width: 100%;
margin-bottom: 40px;
}
.bigphone {
display: inline-block;
width: 100%;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/phone-bg2.png) no-repeat top center;
min-height: 550px;
}
.bigphone table {
width: 100%;
}
.bigphone table tr td {
vertical-align: top;
}
.bigphone table tr td h4 {
font: normal 700 15.61px/1.2 "Raleway";
margin: 0 0 10px;
color: #263270;
text-align: center;
}
.arvindbio, .beckybio {
display:none;
}
blockquote {
font-style: italic;
color: #000;
padding: 1.2em;
width: 75%;
margin-left: auto;
margin-right: auto;
border-radius: 12px;
border: 5px solid #53da3f;
display: block;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #53da3f;
}
blockquote p {
font-size:16px !important;
margin: 0 !important;
min-height: 16px !important;
}
.bg1 img {
padding:2px;
border:2px solid #01547e;
}
.bg2 img {
padding:2px;
border:2px solid #01547e;
}
.search-engin-text img {
padding:2px;
border:2px solid #01547e;
}
.our-service-text img {
padding:2px;
border:2px solid #01547e;
}
.fulltext img {
padding:2px;
border:2px solid #01547e;
}
.midtext img {
padding:2px;
border:2px solid #01547e;
}
.moreclients-box img {
padding:2px;
border:2px solid #01547e;
}
.phonepoints-main img {
padding:2px;
border:2px solid #01547e;
}
.section1-text img {
padding:2px;
border:2px solid #01547e;
}
.section2-box img {
padding:2px;
border:2px solid #01547e;
}
.section3-text img {
padding:2px;
border:2px solid #01547e;
}
.section4-text img {
padding:2px;
border:2px solid #01547e;
}
.no-sidemenu ul {
display: none;
}
.teambx {
display: inline-block;
width: 100%;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 20px;
}
.teamimg {
display: inline-block;
width: 25%;
vertical-align: top;
}
.teamtext {
display: inline-block;
width: 73%;
margin-left: 1%;
font-size: 15px;
}
.teamtext a {
display: inline-block;
text-transform: capitalize;
color: #53da3f;
}
.teamtext blockquote {
width: 100%;
margin: 20px 0;
display: inline-block;
}
.other-design .banner-section {
display: inline-block;
width: 100%;
border-bottom: 2px solid orange;
text-align: center;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/header_bgother.jpg) no-repeat left top;
background-size: 100%;
padding: 30px 0;
}
.other-design .body-section {
display: inline-block;
width: 100%;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/bg-other.jpg) repeat right top;
background-size: 100%;
}
.page-cont {
display: inline-block;
width: 100%;
text-align: center;
padding: 25px 0
}
.search-eng-section1,.search-eng-section2,.search-eng-section3,.search-eng-section4 {
display: inline-block;
width: 100%;
}
.sectionimg1 {
display: inline-block;
width: 40%;
vertical-align: top;
}
.sectiontext1 {
width: 100%;
display: inline-block;
}
.sectionimg1 img {
width: 100%;
}
.other-design h2 {
position: relative;
padding-top: 20px;
color: #000;
}
.other-design h2:before {
content: '';
border-top: 2px solid orange;
position: absolute;
width: 100px;
left: 0;
top: 0;
}
.other-design h2 {
color: #000;
}
.sectiontext2 {
display: inline-block;
width: 100%;
vertical-align: top;
padding: 20px 0;
}
.sectionimg2 {
display: inline-block;
width: 35%;
text-align: right;
margin-left: 20px;
margin-top: 100px;
}
.sectionimg2 img {
width: 100%;
}
.search-eng-section1 {
border-top: 1px solid orange;
border-bottom: 1px solid orange;
padding: 20px 0;
background:linear-gradient(to bottom,  #eeeded 12%,#c1bebe 97%); }
.sectionimg3 {
display: inline-block;
width: 30%;
}
.sectionimg3 img {
width: 100%;
margin-top: 30px;
}
.sectiontext3 {
display: inline-block;
width: 100%;
vertical-align: top;
}
.search-eng-section3 {
background-image: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/statistics-colorful-line.jpg);
background-size: cover;
background-position: top;
background-repeat: no-repeat; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
padding: 30px 0 80px 20px;
border-top: 1px solid orange;
border-bottom: 1px solid orange;
text-align: center; display:inline-block;
width:100%;
position: relative
}
.search-eng-section3 p {
font-size: 14px;
padding: 0 15%;
font-weight: 500;
} .search-eng-section3 .container {
position: relative;
z-index: 1;
} .search-eng-section3 a {
color: #fff;
font-size: 1.7rem;
}
.search-eng-call {
display: inline-block;
width: 100%;
text-align: center;
padding: 20px 0;
}
.smlimgli {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.fulltext .smlimgli img {
float: left;
width: 80px !important;
margin-right: 10px;
height: auto
}
.banner-section.home-banner {
position: relative;
height: 550px;
overflow: hidden;
width: 100%;
}
.banner-section.home-banner img {
width: 100%;  }
.banner-section.home-banner h1 {
position: absolute;
right: -10%;
top: 50%;
width: 60%;
text-align: center;
font-size: 90px;
transform: translate(0%, -50%);
color: #000;
}
.threebox {
display: inline-block;
margin: 0px 0 60px;
vertical-align: top;
float: left;
width: 100%;
}
.threebox ul {
margin: 0;
}
.threebox li {
display: inline-block;
vertical-align: top;
width: 31%;
margin-left: 2.1%;
position: relative;
}
.threebox li:nth-child(1) {
margin-left: 0;
}
.threebox li img {
width: 67%;
margin-top: 0;
}
.boxtext {
border: 1px solid #a7d25e;
display: block;
background: rgba(255,106,66,.9);
padding: 10px 20px;
color: #fff;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
}
.threebox li h3 {
font-size: 18px;
font-weight: 600;
}
.threebox li h3 br {
display: none;
}
.boxtext a {
color: #fff;
margin-top: 10px; 
display: inline-block;
}
.threebox li:nth-child(2) .boxtext {
background: rgba(159,200,94,.9);
}
.threebox li:nth-child(3) .boxtext {
background: rgba(93,164,252,.9);
}
.threebox li:hover .boxtext {
opacity: 1;
}
*, *::before, *::after {
padding: 0;
margin: 0; }
.overcontact {
display: inline-block;
width: 100%;
background: rgba(0,0,0,.6);
padding: 40px 0;
}
.contactus-form .gform_wrapper form ul li {
display: inline-block;
width: 50%;
vertical-align: top;
}
.contactus-form .gform_wrapper form ul li:nth-child(2) {
position: absolute;
left: 0;
top: 80px;
}
.contactus-form .gform_wrapper form ul li:nth-child(3) {
position: absolute;
left: 0;
top: 170px;
}
.contactus-form .gform_wrapper {
position: relative;
}
.contactus-form .gform_wrapper form ul li:nth-child(4) textarea {height: 235px;}
.contactus-heading a {
color: #fff;
}
.moreclients-section {
text-align: center;
display: inline-block;
}
.first-section {
padding: 3rem  0 0 4%;
text-align: left;
}
.firstsection-box {}
.firstsection-box h3 {
font: normal 600 33.33px/1.2 'Raleway';
color: #263270;
margin: 0 0 30px;
}
.firstsection-box p { color: #000;}
.second-section {
padding: 6rem 0;
text-align: center;
}
.secondsection-box {
width: calc(100% / 3);
float: left;
}
.secondsection-box img {
width: 70%;
}
.secondsection-box2 {
width: calc(100% / 4);
float: left;
text-align:center;
padding:3rem 1rem;
}
.secondsection-box2 img {
width: 70%;
min-height: 210px;
padding-bottom: 2rem;
}
.third-section {
padding:0 0 4rem 4%;
}
.thirdsection-box {}
.thirdsection-box h3 {
font: normal 400 25px/1.2 'Raleway';
color: #000;
margin: 0 0 30px;
}
.thirdsection-box p { color: #000;}
.thirdsection-box ul {
margin: 0 0 30px;
}
.thirdsection-box ul li { color: #000;list-style: inside disc;}
.thirdsection-box img {
width: 100%;
}
.fourth-section {
padding: 4rem 0 0 4%;
background-color: #f4f2ed;
}
.fourthsection-box {}
.fourthsection-box h3 {
font: normal 400 25px/1.2 'Raleway';
color: #000;
margin: 0 0 30px;
}
.fourthsection-box p { color: #01547e;}
.fourthsection-box ul {
margin: 0 0 30px;
}
.fifthsection-box ul li {  color: #01547e;
margin-left: 20px;
}
.fourthsection-box img {
width: 100%;
}
.fifth-section {
padding: 4rem 0 0 4%;
}
.fifthsection-box h4 {
font: normal 400 20px/1.2 'Raleway';
color: #01547e;
margin: 0 0 30px;
}
.fifthsection-box p { color: #000;}
.fifthsection-box ul {
margin: 0 0 30px;
}
.fifthsection-box ul li { color: #01547e;}
.banner-section {padding: 0;background-color: rgb(207, 243, 169);}
.social-media-main {
position: relative;
overflow: hidden;
}
.social-media-text {width: 50%;float: left;position: absolute;top: calc(50% + 0px);transform: translateY(-50%);}
.social-media-text h1 {
font: normal 400 50px/1.2 "Raleway";
margin: 0;
}
.social-media-text h1 span {
display: block;
font: normal 400 100px/1.2 "Raleway";
}
.social-media-img {
text-align: right;
width: 50%;
float: right;
}
.social-media-img img {
width: 100%;
}
.menu-section .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
font-size: 14px;
}
.menu-section ul li.contactbtn a {
background: #3a5793;
color: #fff !important;
}
.menu-section ul li.contactbtn:hover a {
background: #000 !important;
}
.menu-section ul li.contactbtn.ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .menu-section ul li.contactbtn.ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target,
.menu-section ul li.contactbtn.ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target{
background: #000 !important;
color: #fff !important;
}
.menu-section .ubermenu-responsive-default.ubermenu {
display: inline-block !important;
}
.search-engin footer.footer-section .footer-links ul.social-links li a {
color: #000;
}
ul.newicons {
margin: 0;
}
ul.newicons li {
display: block;
padding-left: 20px;
margin-bottom: 10px;
}
ul.newicons li br {
display: none;
}
ul.newicons li img {
display: inline-block;
margin-right: 10px;
vertical-align: top;
border:none;
width: 56px;
margin-bottom: 20px;
float: left;
}
.firstsection-box ul li {
text-align: left;
}
.firstsection-box ul {
padding: 30px 0;
}
.fourth-section h4 img {
float: right;
width: auto;
}
.home .moreclients-section {
width: 100%;
}
.body-section.internet_Marketing_New .oldintemp {
display: none;
}
.newintemp .threebox li img {
border: none;
}
.body-section.internet_Marketing_New .moreclients-box {
text-align: left;
}
.body-section.Internet_Marketing .newintemp {
display: none;
}
.search-engin .banner-section {
background: #ddd;
}
.body-section.Internet_Marketing .banner-section ,.body-section.internet_Marketing_New .banner-section {
background: rgb(207, 243, 169);
}
.banner-section.social_media_banner {
background: #fdbd16;
padding-left: 4%;
}
.web-design-main {
position: relative;
z-index: 0;
display: flex;
}
.web-design-text {
width: 50%;
float: left;
display: inline-block;
position: relative;
z-index: 0;
background: #fff;
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #d2dbea 65%, #d2dbea 100%);
background: -webkit-radial-gradient(center, ellipse cover, #fff 0%,#d2dbea 65%,#d2dbea 100%);
background: radial-gradient(ellipse at center, #fff 0%,#d2dbea 65%,#d2dbea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2dbea',GradientType=1 );
}
.web-design-text h1 {
font: normal 600 60px/1.2 "Raleway";
display: inline-block;
margin: 0;
color: #008aa4;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.web-design-text:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #0000 url(https://png2.kisspng.com/sh/25b3cae…/L0KzQYm3UsE6N6…isspng-white-black-pattern-glass-5a8a797b7fca88.0835995….png) no-repeat center center / 70% auto;
opacity: 0.75;
z-index: 2;
}
.web-design-img {
display: inline-block;
width: 50%;
float: left;
}
.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target:hover {
background-color: #999 !important;
}
.web-designnew .section4-text {
}
.web-designnew .web-design-text:after {
display: none;
}
.web-designnew .web-design-text {
background: none !important;
}
.web-designnew .banner-section {
background: none;
display: inline-block;
width: 100%;
}
.web-designnew .web-design-text {
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
width: 100%;
}
.web-designnew .web-design-text h1 {
text-transform: uppercase;
width: 100%;
position: static;
text-align: center;
top: 0;
left: 0;
transform: none;
color: #3a5793;
font-weight: 700;
font-size: 50px;
width: 50%;
}
.web-design-text {}
.web-designnew .section-icons {
background: #edecec;
padding: 40px 6%;
margin-top: 30px;
text-align: center; }
.maringtt {
display: inline-block;
width: 100%;
margin-top: 420px;
}
.web-designnew .section-icons img {
border:none;
}
.web-designnew .section1-text {
border: none;
margin: 0;
text-align: center;
padding: 0;
position: static;
}
.h2, h2 {
font-size: 25px;
font-weight: 500;
}
.web-designnew .section2-section {
background: #3a5793;
color: #fff;
padding: 15px 42px;
}
.web-designnew .section2-section .section2-box p {
color: #fff;
margin: 0 0 10px;
}
.section2-box ul li {
color: #fff;
margin: 17px 0;
}
.web-designnew .section2-section h2 {
padding-bottom: 30px;
margin: 0;
}
.web-designnew .section3-section {
padding: 32px 42px 0;
}
.web-designnew .section3-section .section3-text a {
color: #000;
}
.web-designnew .section3-section .section3-text ul li {
margin-bottom: 10px;
}
.web-designnew .section3-section .section3-text ul {margin-left: 30px;}
.web-designnew .section1-section {
padding: 20px 3% 40px;
display: inline-block;
width: 100%;
}
.search-enginnew .banner-section {
background: none;
width: 100%;
display: inline-block;
}
.search-enginnew .seo-text {
position: absolute;
right: 0;
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.search-enginnew .seo-text h1 { color: #fff;
text-transform: uppercase;
font-weight: 600;
text-shadow: 1px 1px 1px #000;
}
.search-enginnew .search-engin-img {
width: 100%;
}
.search-enginnew .midtext {
padding: 0;
}
.search-enginnew .midtext:before,.search-enginnew .midtext:after {
display: none;
}
.search-enginnew .bg1 {
background: none;
}
.search-enginnew .search-engin-main {
text-align: center;
padding: 40px 0 0 3%; background: #eeeded; background: -moz-linear-gradient(top,  #eeeded 12%, #c1bebe 97%); background: -webkit-linear-gradient(top,  #eeeded 12%,#c1bebe 97%); background: linear-gradient(to bottom,  #eeeded 12%,#c1bebe 97%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeded', endColorstr='#c1bebe',GradientType=0 ); color: #000
}
.search-enginnew .search-engin-main ul li {
text-align: left; margin-bottom: 10px;
margin-left: 40px;
margin-right: 30px;
}
.search-enginnew .search-engin-main ul {
text-align: left;
margin: 20px 0 0 40px;
display: inline-block;
width: 100%;
}
.search-enginnew .search-engin-main ul li br {
display: none;
}
.search-enginnew .search-engin-main ul li span {
display: inline-block;
width: 80%; }
.search-enginnew .bg2 {
background: none;
}
.search-enginnew .search-engin-main .search-engin-text h2 {
margin-bottom: 20px;
margin-top: 0;
}
.search-enginnew .bg1 .container,.search-enginnew  .bg2 .container {
background: none;
}
.body-section.internet_marketingnew .search-engin-img {
width: 100%;
}
.internet_marketingnew .search-engin-main {
margin: 0;
} .body-section.internet_marketingnew .search-engin-img {
width: 100%;
background: #7ab937;
}
.leftpuzzle {
display: inline-block;
width: 49%;
vertical-align: top;
} .rightinm-text {
display: inline-block;
width: 50%;
padding: 0 130px;
position: absolute;
right: 5%;
top: 50%;
transform: translate(0, -50%);
}
.rightinm-text h1 {
color: #fff;
text-transform: uppercase;
font-size: 50px;
}
.body-section.internet_marketingnew  .rightinm-text .taglinesite {
position: static;
text-align: left;
top: 0;
margin-top: 20px;
}
.rightinm-text .taglinesite p {
margin: 0;
text-shadow: none;
color: #fff;
}
.internet_marketingnew .search-engin-main {
margin: 0;
}
.internet_marketingnew .bg1,.internet_marketingnew .bg2 {
background: none;
}
.internet_marketingnew .bg1 .midtext:before,.internet_marketingnew .bg1 .midtext:after {
display: none;
}
.internet_marketingnew  h2 {
font-weight: 600;
color: #000;
}
.internet_marketingnew 
.moreclients-section {
display: none;
}
.internet_marketingnew 
.newintemp {
display: none;
}
.internet_marketingnew .fulltext.boxgreen {
text-align: center;
color: #fff;
display: block;
margin: 10px 0;
padding: 20px 0;
background: #367cb8;
background: -moz-linear-gradient(top, #94c4ec) 0%, #367cb8 100%);
background: linear-gradient(to bottom, #94c4ec 0%, #367cb8 100%);
background: linear-gradient(to bottom, #94c4ec 0%, #367cb8 100%);
background: -o-linear-gradient(top, #94c4ec) 0%, #367cb8) 100%);
background: -ms-linear-gradient(top, #94c4ec) 0%, #367cb8) 100%);
background: linear-gradient(to bottom, #94c4ec 0%, #367cb8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c4ec', endColorstr='#367cb8', GradientType=0 );
}
.internet_marketingnew .fulltext.boxgreen h2 {color: #fff;}
.internet_marketingnew .fulltext.boxgreen  ul {
margin: 20px 0;
width: 100%;
display: inline-block;
text-align: center;
list-style-type: circle;
}
.internet_marketingnew .fulltext.boxgreen ul li {
display: inline-block;
width: auto;
list-style-type: circle;
margin: 0 20px;
}
.body-section.internet_marketingnew .midtext {
padding: 0;
}
.body-section.internet_marketingnew .search-our-service br {
display: none;
}
.body-section.internet_marketingnew .search-our-service ul {
margin: 40px 0;
text-align: center;
}
.body-section.internet_marketingnew .search-our-service ul li {
display: inline-block;
width: 33%;
vertical-align: top;
background: #dcd8d8;
margin-left: -4px;
padding: 30px 20px;
text-align: left;
min-height: 420px;
}
.iconin1 {
display: inline-block;
width: 100%;
text-align: center;
}
.iconin1 img {
border: none;
}
.body-section.internet_marketingnew .search-our-service ul li:nth-child(2) {
background: #e7e5e5;
}
.body-section.internet_marketingnew .search-our-service ul li:nth-child(3) {
background: #f1f0f0;
}
.body-section.internet_marketingnew .search-our-service ul li a,.body-section.internet_marketingnew .search-our-service ul li strong {
display: block;
color: #000;
font-weight: 600;
margin: 12px 0;
}
.internet_marketingnew .fulltext.boxgreen .container {
background: none;
}
.internet_marketingnew .fulltext.boxgreen ul li:before {display: inline-block;background: #fff;content: '';width: 6px;height: 6px;margin-right: 12px;vertical-align: middle;}
.search-enginnew.medspa .search-engin-main {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/bg-6icons.jpg) repeat;
}
.search-enginnew.attorney .search-engin-main {
background:  #eecaaa;
color: #000;
}
.search-enginnew.plumber .search-engin-main {
background:  #657ce1;
color: #fff;
}
.search-enginnew.landscaper .search-engin-main { color: #000;
}
.search-enginnew.roofer .search-engin-main {
background:  #8eb3da;
color: #000;
}
.twodiv {
display: inline-block;
width: 100%;
padding: 30px 0;
}
.twodiv h4 {
display: inline-block;
width: 49%;
font-size: 28px;
}
.righttext {
display: inline-block;
width: 50%;
vertical-align: top;
}
.teambox {
display: block;
background: #f6f6f6;
padding: 30px;
text-align: center;
margin: 10px 0 40px 0
}
.teambox h5 {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 20px;
}
.teambox .teambx {
border: none;
padding: 0;
margin: 0;
width:90%
}
.teambox .teamimg {
width: 90%;
}
.teambx h6 {
font-weight: 600;
font-size: 17px;
}
.teambox .owl-theme .owl-dots button.owl-dot span {
width: 10px;
height: 10px;
}
.search-enginnew.attorney ,.search-enginnew.roofer,.search-enginnew.medspa,.search-enginnew.landscaper,.search-enginnew.plumber{
font-size: 17px; }
.search-enginnew.doctors .search-engin-main {
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/dociconbg.jpg) 0 0 no-repeat;
background-size: 100%;
color: #000;
background-attachment: fixed;
}
.search-enginnew.garage .search-engin-main {
background: #90a9ca;
color: #fff;
}
.toptext {
color:#01547e;
font-size: 18px;
font-weight:500;
}
.btext {
color:#fff;
font-size: 18px;
text-align:center;
font-weight:bold;
text-shadow: 2px 2px 10px #000;	
}
.firstsection-box h3 {
display: none;
}
.secondsection-box img {
height: 220px;
margin-bottom: 20px;
}
.firstsection-box img.alignright,.firstsection-box img.alignleft {
padding: 2px;
border: 2px solid #01547e;
}
.search-enginnew .search-engin-main ul.threerow li {
width: auto;
margin: 0 10px;
float: none;
display: inline-block;
}
.search-enginnew .search-engin-main ul.threerow {
text-align: center;
}
.web-designnew .web-design-img {
width: 100%;
}
.about-page .banner-section {
background: #79b837;
color: #fff;
padding: 20px 0;
}
ul.bulletlist li {
display: list-item !important;
float: left;
list-style-type: disc;
margin-bottom: 10px;
margin-top: 0;
}
ul.bulletlist {
padding: 10px 0;
display: inline-block;
margin:0 0 0 18px
}
.plyr__controls {
display: none !important;
}
.tree:after {
position: absolute;
background: #fff;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index:99;
-moz-animation: cssAnimation 0s ease-in 5s forwards; -webkit-animation: cssAnimation 0s ease-in 5s forwards; -o-animation: cssAnimation 0s ease-in 5s forwards; animation: cssAnimation 0s ease-in 5s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.tree {
position: relative;
}
.search-enginnew.attorney .bg1 img, .search-enginnew.attorney .bg2 img,.search-enginnew.landscaper  .bg1 img,.search-enginnew.landscaper  .bg2 img,.search-enginnew.medspa .bg1 img,.search-enginnew.medspa .bg2 img{
border: none;
padding: 0;
}
#hideMe {
}
.web-designnew .section2-section a {
color: #b4e680;
}
.banner-section.web_design_banner {
background: #6db9e7;
}
.web-designnew .section-icons .liimg img { width: 50%;
}
.web-designnew .section-icons .liimg li {
vertical-align: middle;
}
.search-enginnew.landscaper .search-engin-main a {
color: #285115;
}
.search-enginnew .search-engin-main ul.bulletlist li {
display: inline-block !important;
}
.imglft {
margin-bottom: 20px;
width: 100%;
display: inline-block;
text-align: left;
}
.imglft img {
margin-top: 0;
}
.internet_marketingnew .fulltext.boxgreen ul.liicons li {
width: 48%;
display: inline-block;
margin: 0;
text-align: left;
}
.fulltext.boxgreen a {
color: #d7ecc0;
}
.search-enginnew.attorney .cta h3,.search-enginnew.attorney .cta h3 a {
color: #d6830d;
}
.section-icons ul.bdrrow  li {
border: 1px solid #ddd;
padding: 20px;
min-height: 150px;
margin-bottom: 20px;
background: #f2f2f2;
}
.testimonial_rotator_quote {
line-height: 22px !important;
}
.testimonial_rotator_stars.cf-tr {
display: none;
}
h2.testimonial_rotator_slide_title {
margin-bottom: 16px !important;
}
section.testimonial_rotator_slide_inner {
max-width: 48%;
margin: 0 10px;
}
.testimonial_rotator_author_info.cf-tr a {
white-space: pre-line;
word-break: break-all;
}
.search-enginnew.medspa .cta h3,.search-enginnew.medspa .cta h3 a {
color: #486614;
}
.search-enginnew .search-engin-main ul.bulletlist li:nth-child(2n+1) {
margin-left: 0;
} .ourwork {
width: 100%;
display: inline-block;
}
.tophd {
width: 100%;
display: inline-block;
background: #79b837;
padding: 15px 0;
color: #fff;
text-align: center
}
.tophd h1{
font-weight: 300;
text-transform: none;
color: #fff
}
.ourwork #jtg-17324 .modula-item {
border: 4px solid #fff;
}
.ourwork .figc-inner {
width: 100%;
display: inline-block;
}
.ourwork .modula .modula-item.effect-pufrobo .jtg-title, .ourwork  .modula .modula-item.effect-pufrobo p {
position: static !important;
width: 100%;
padding:  20px;
word-break: break-all;
text-align: center;
background: rgba(0,0,0,.6);
margin-top: 30px;
}
.ourwork .modula .modula-item.effect-pufrobo .jtg-title {
font-size: 14px;
}
.ourwork #jtg-17324 {
border: 7px solid #000;
width: 100%;
}
.midcontwork {
display: inline-block;
width: 100%;
margin: 30px 0;
}
.midcontwork .testimonial_rotator_wrap.with-prevnext {
width: 100%;
display: inline-block;
background: url(//www.sonicseo.com/wp-content/themes/sonicseo2019/img/testibg.jpg) 0 0 repeat;
padding: 60px;
z-index: 10;
}
.testimonial_rotator.template-twopigs .testimonial_rotator_slide_inner {
background: #fff;
padding: 30px !important;
}
.midcontwork h2.testimonial_rotator_slide_title {
font-size: 17px;
font-weight: 600;
}
.midcontwork .testimonial_rotator_prev {
left: 50px;
}
.midcontwork .testimonial_rotator_next {
right: 40px;
}
@keyframes cssAnimation {
to {
width:0;
height:0;
overflow:hidden;
}
}
@-webkit-keyframes cssAnimation {
to {
width:0;
height:0;
visibility:hidden;
}
} h8 {	
top: 400px;
right: 140px;
position: absolute;
color: #fff;
font-size: 28px;
font-weight: 500;
text-shadow:1px 1px #000;
max-width: 60%;
} h9 {	
top: 548px;
right: 140px;
position: absolute;
color: #000;
font-size: 28px;
font-weight: bold;
text-shadow: 1px 1px 4px #fff, -1px -1px 4px #fff;
max-width: 58%;
text-align:center;
}
.section-icons.smallicons li {
width: 19%;
text-align: center;
}
.section-icons.smallicons li img {
width: 100%;
}
.body-section.internet_marketingnew .search-our-service ul.grayheight li {
min-height: auto;
}
.search-enginnew.plumber .search-engin-main a {
color: #d6dcf5;
}
.bannertop {
background: #ededed;
display: inline-block;
width: 100%;
margin-top: 20px;
}
.banimg img {
width: 100%;
}
.banimg {
margin-top: -10px;
}
.businestxt {
display: inline-block;
width: 100%;
text-align: center;
margin: 90px 0;
}
.businestxt p {
line-height: 30px;
}
.fourbxdiv {
display: inline-block;
width: 100%;
background: #f1f1f1;
}
.fourbxdiv li {
display: inline-block;
width: 24%;
vertical-align: top;
}
.bximg img {width: 96%;}
.hmeicon img {
width: 50%;
}
.hmeicon {
background: #dcd8f3;
border-radius: 50%;
width: 50px;
height: 50px;
display: inline-block;
line-height: 35px;
border: 5px solid #fff;
}
.fourbxcont {
text-align: center;
padding: 20px 0;
display: inline-block;
width: 100%;
}
.allbcont {
background: #fff;
width: 96%;
margin-left: 6px;
padding:26px 30px 30px 30px;
margin-top: -56px;
}
.allbcont h3 {
color: #8c7ae8;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
}
.ltxtdiv {
display: inline-block;
width: 100%;
}
img.imgleft {
float: left;
margin: 4px 30px 10px 0;
max-width: 500px;
}
.largebusinessdiv {
display: inline-block;
width: 100%;
margin-top: 20px;
}
.largebusinessdiv h2 {
color: #5f5e5e;
font-weight: 700;
font-size: 26px;
border-bottom: 2px solid #8ce764;
display: inline-block;
height: 52px;
margin-top: 0;
}
li:nth-child(even) .hmeicon {
background: #c6e8e7;
}
li:nth-child(even) h3 {
color: #1ecdb0;
}
.taglinesite {
display: inline-block;
text-align: center;
width: 100%;
}
.taglinesite .container {
width: 100%;
padding: 0;
margin: 0;
} .taglinesite p {
margin:4% 0% 0 0;
font: italic 26px corbel;
color: #000;
text-shadow: 1px 1px 0px #fff;
}
.body-section.internet_marketingnew .taglinesite {
width: 100%;
position: relative;
top: 30px
}
.search-enginnew .seo-text .taglinesite{
text-align: right;
float: right;
width: 34%;
}
.body-section.internet_marketingnew h9 {
position: inherit;
padding: 30px 20px 0;
background: #fff;
width: 100%;
display: inline-block;
max-width: 100%;
}
.search-enginnew .search-engin-main ul.fulli {
width: auto;
display: initial;
}
.search-enginnew .search-engin-main ul.fulli li {
width: 100%;
margin-left: 0;
margin-bottom: 20px;
float: none;
}
.business-page .taglinesite {
position: absolute;
right: 12%;
top: 20%;
width: 40%;
}
.bannertop {
position: relative;
}
.search-enginnew.doctors .taglinesite {
width: 50%;
padding: 12px;
text-align: center;
}
.search-enginnew.doctors .taglinesite p{
text-shadow: 1px 1px 1px #000;
font-weight: 600;
color: #fff;
background:rgba(0,0,0,0.6);
}
.search-enginnew.doctors {
position: relative;
}
.search-enginnew.garage .taglinesite {
width: 50%;
background: rgba(0,0,0,0.6);
padding: 12px;
text-align: center;
}
.search-enginnew.garage .taglinesite p{
text-shadow: 2px 2px 6px #000;
font-weight: 600;
color: #fff;
}
.search-enginnew.landscaper .taglinesite {
text-align: left;
}
.search-enginnew.landscaper .taglinesite p{
text-shadow: 1px 1px 1px #000;
font-weight: 600;
color: #fff
}
.search-enginnew.landscaper  {
position: relative;
}
.search-enginnew.medspa .seo-text h1 {
width: 70%;
float: right;
}
.search-enginnew.medspa .taglinesite {
width: 40%;
float: right;
}
.search-enginnew.medspa .taglinesite p{
color: #000
}
.search-enginnew.medspa  {
position: relative;
}
.search-enginnew.plumber .taglinesite {
text-align: left;
background: rgba(255,255,255,.6);
padding: 6px 12px;
}
.search-enginnew.plumber .taglinesite p{
text-shadow: 1px 1px 1px #fff;
font-weight: 600;
color: #000
}
.search-enginnew.roofer .taglinesite {
text-align: left;
background: rgba(255,255,255,.6);
padding: 6px 12px;
}
.search-enginnew.roofer .taglinesite p{
color: #000;
text-shadow: 1px 1px 1px #fff;
}
.business-page .banimg {
position: relative;
}
business-page .taglinesite p {
font-size: 23px;
}
ul.newicons li {
display: inline-block;
}
ul.newicons li img {
margin-bottom: 20px;
margin-top: -16px;
}
.container1 {
padding-right: 0;
padding-left: 0;
margin-right: -3%;
margin-left: -3%
}
.search-enginnew.attorney .taglinesite { }
.search-enginnew.attorney .search-engin-img {
position: relative;
}
.search-enginnew.attorney .taglinesite p {
color: #fff;
text-shadow: 1px 1px #000;
}
.search-enginnew.attorney .seo-text {
position: absolute;
top: 50%;
width: 100%;
right: 0;
z-index: 1;
text-align: right;
transform: translate(0, -50%);
}
.search-enginnew.doctors .seo-text {
text-align: center;
}
.search-enginnew.garage .seo-text {
text-align: right;
}
.search-enginnew.medspa .seo-text {
text-align: right;
}
.web-designnew .taglinesite {
width: 100%;
}
.web-designnew .taglinesite p {
width: 50%;
margin: 0 0 0 0%;
text-align: center !important;
}
.web-designnew.dnsw .taglinesite p {
width: auto;
margin: 5px 0 0 0;
}
.web-designnew.dnsw .taglinesite {
padding: 0 50px;
}
.search-enginnew.seopage .seo-text h1 {
text-align: right;
color: #000;
text-shadow: 1px 2px 0px #fff;
margin-top: 10%;
}
.banner-section.social_media_banner .social-media-text h1 {
width: 50%;
}
.banner-section.social_media_banner .taglinesite {
width: 50%;
text-align: left;
margin-top: 10px;
}
.contact {
margin: 30px 3%;	
}
.contact .gform_wrapper .gform_footer > input[type="submit"] {
background: #ffc266;
}
.contact .gform_wrapper .gform_footer > input[type="submit"]:hover {
background: #00cc44;
}
.search-enginnew.roofer .seo-text h1 {float: right;width: 70%;text-align: right;}
.search-enginnew.roofer .seo-text .taglinesite {
float: right;
width: 40%;
text-align: right;
}
.web-designnew .social-media-text h1 {
width: 70%;
float: none;
display: inline-block;
}
.web-designnew .social-media-text {
text-align: center;
}
.body-section.internet_marketingnew .seo-text {
position: absolute;
left: 50%;
top: 45%;
text-align: center;
transform: rotate(-9deg) translate(-50%, -50%);
color: #fff;
text-transform: uppercase;
margin-left: 30px;
}
.body-section.internet_marketingnew .seo-text h1 {
font-size: 33px;
width: 85%;
text-shadow: 1px 1px 1px #000;
font-weight: 600;
text-align: center;
margin: 0px auto 0px;
display: table;
height: 300px;
}
.body-section.internet_marketingnew .taglinesite p {
font-size: 26px; }
.body-section.internet_marketingnew .seo-text h1 span {
display: table-cell;
vertical-align: middle;
}
.paddingall{
padding: 20px 60px;
text-align:center
} .businestxt h1 {
text-align: left;
margin-bottom: 25px;
}
.rightside-points ul li h3 a,.leftside-points ul li h3 a {
color: #233f78;
text-decoration: none;
}
.menu-section ul li .sub-menu.open {
display: block;
}
}
.cta-pink {
text-align: center;
padding: 20px 18%;
display:block;
width:100%;
margin-bottom:1em;
margin-top: 3em;
background-position:center center;
text-shadow:1px 1px 1px #000000;
color: #b36666;
background-repeat: no-repeat;
background-size: auto;
}
.mceTemp p {
display: inline-block;
width: 100%;
}
.iphone {
display: none;
}
.web-designnew.brandtemp .banner-section.web_design_banner {
background: #b2d6f1;
}
.postimg {
float: left;   width: 400px;
margin-right: 30px;
margin-top: 20px;
margin-bottom: 10px;
}
.postimg img {
width: 100%;
}
.search-enginnew.doctors .bg1 .midtext h2 {
margin-top: 40px;
margin-bottom: 20px;
}
.ubermenu .ubermenu-item.ubermenu-item-level-0.iconemailp.contactbtn a {
background: #000;
}
.ubermenu .ubermenu-item.ubermenu-item-level-0.iconemailp.contactbtn a:hover {background: #3a5793 !important;} .overlays {
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
background:rgba(000,000,000,0.8);
}
.popup-div {
display: none;
position: fixed;
background: #fff;
left: 50%;
top: 50%;
z-index: 10000;
width: 60%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
border: 6px solid #000;
}
.popup-div span.closebtn {
border-radius: 50%;
background: #000;
height: 30px;
width: 30px;
line-height: 27px;
text-align: center;
color: #fff;
font-size: 22px;
cursor: pointer;
position: absolute;
right: -17px;
margin-top: -15px;
}
.popup-div span.closebtn i {
line-height: 30px;
}
.popup-text {
display: inline-block;
padding: 6px 30px;
}
.popup-text  .gform_wrapper ul.gform_fields li.gfield textarea {
height: 80px;
border: 1px solid #ddd;
padding: 0 10px;
}
.popup-text .gform_wrapper ul.gform_fields li.gfield label {
width: 100%;
font-size: 12px;
margin-bottom: 5px;
}
.popup-text .gform_wrapper ul.gform_fields li.gfield 
.ginput_container {
width: 100% !important;
margin-left: 0 !important;
}
.popup-text .gform_wrapper ul.gform_fields li {
width: 50%;
float: left;
clear: none;
margin-top: 0 !important;
}
.popup-text .gform_wrapper ul.gform_fields li#field_2_6 {
display: none;
}
.popup-text .gform_wrapper ul.gform_fields li#field_2_5 {
width: 100%;
}
.popup-text .gform_wrapper .gform_footer {
margin-left: 0 !important;
width: 100% !important;
margin: 0;
padding: 0 !important;
}
.popup-text .gform_wrapper .gform_footer input {
background: #000;
color: #fff;
}
.formdes {
display: inline-block;
width: 100%;
text-align: center;
font-size: 13px;
padding-bottom: 8px;
color: #000;
}
.popup-text .gform_wrapper ul.gform_fields li.gfield input {
height: 35px;
border: 1px solid #ddd;
} .home .moreclients-section h2 {
font-size: 20px;
}
.home .moreclients-section h3 {
font-size: 28px;
}
.body-section.app_dev {}
.body-section.app_dev .search-engin-img {
width: 100%;
position: relative;
}
.body-section.app_dev .search-engin-main {
margin: 0;
background: #3eb4fc;
}
.overtext_dev {
position: absolute;
top: 40px;
left: 0;
width: 100%;
text-align: center;
}
.overtext_dev h1 {
text-transform: uppercase;
color: #fff;
font-weight: 600;
font-size: 50px
}
.overtext_dev h1 span {
display: block;
font-weight: normal;
}
.awdesign {
display: inline-block;
width: 100%;
background: #f8f8f8;
}
.body-section.app_dev .search-engin-img img {
width: 100%;
}
.imgaw {
display: inline-block;
width: 49%;
}
.imgaw img {
width: 100%;
height: auto
}
.awtext {
display: inline-block;
width: 50%;
vertical-align: top;
padding: 100px 70px;
text-align: center;
font-size: 18px;
}
.awtext h2 {
margin-bottom: 30px;
}
.btnread {
display: inline-block;
width: 100%;
margin-top: 20px;
}
.btnread a {
background: #5c76ed;
color: #fff;
border-radius: 30px;
padding: 10px 25px;
display: inline-block;
text-transform: capitalize;
}
.btnread a:hover {
background: #000;
}
.fficons {
display: inline-block;
width: 100%;
text-align: center; }
.fficons ul {
margin: 0;
}
.fficons ul li {
display: inline-block;
width: 25%;
margin-left: -4px;
padding: 0 30px;
text-align: center;
position: relative;
vertical-align: top
}
.imgcricon {
display: inline-block;
width: 100%;
background: #fff;
}
.imgcricon span {
width: 200px;
background: #fff;
border: 1px solid #ddd;
padding: 20px;
border-radius: 50%;
height: 200px;
display: inline-block;
text-align: center;
position: relative;
z-index: 1;
}
.imgcricon span img {
width: 100%;
height: auto
}
.fficons ul li:after {content: '';width: 100px;display: inline-block;position: absolute;top: 100px;height: 1px;left: -50px;background: #ddd;}
.imgcricon span:after {content: '1.';position: absolute;left: 0;top: 50%;text-align: center;transform: translate(0, -50%);width: 100%;font-weight: 800;color: #fff;font-size: 25px;}
.fficons ul li:nth-child(2) .imgcricon span:after {content: '2.';}
.fficons ul li:nth-child(3) .imgcricon span:after {content: '3.';}
.fficons ul li:nth-child(4) .imgcricon span:after {content: '4.';}
.fficons ul li:nth-child(even) h3 {
color: #000;
}
.fficons ul li:nth-child(1):after {
display: none;
}
.appfulltext.first {
margin-top: 30px;
}
.appfulltext {
display: inline-block;
width: 100%;
margin: 10px 0;
}
.appfulltext h2 {
color: #3eb4fc;
}
.searchform {
display: inline-block;
width: 100%;
}
.searchform input[type="search"] {
height: 35px;
border: 1px solid #ddd;
padding: 0 10px;
}
.searchform input.search-submit.screen-reader-text {
position: inherit;
margin: 0;
clip: inherit;
clip-path: inherit;
display: inline-block;
width: auto;
height: 35px;
padding: 5px 15px;
background: #000;
color: #fff;
}
.fulllid {
display: inline-block;
width: 100%;
}
.overtext_dev .taglinesite p {
font-size: 31px; margin: 0;
font-weight: 600;
}
.web-designnew .section1-text p {
margin: 0;
}
.page-template-web-design-brand .web-designnew .taglinesite p {
width: 70%;
margin-left: 16%;
}
.page-template-web-design-brand .web-designnew .taglinesite {
margin-top: 14px;
}
.page-template-search-engineoptimization .search-enginnew .seo-text .taglinesite {
background: rgba(255,255,255,0.6);
}
.page-template-search-engineoptimization .search-enginnew .seo-text .taglinesite p {
padding: 0% 3% 4% 0%;
}
.contact-page {
display: inline-block;
width: 100%;
}
.contact-main {
display: inline-block;
width: 100%;
position: relative;
}
.contact-page .banner-section {
background: none;
}
.contact-text {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translate(0, -50%);
z-index: 1;
color: #fff;
text-align: center;
}
.contact-main:after {
background: rgb(53 146 222 / .9);
content: '';
position: absolute;
left: 0;
width: 100%;
height: 100%;
}
.contact-text h3 {
margin: 0;
padding: 0;
font-size: 26px;
line-height: 30px;
}
.contact-text h3 a {font-weight: 800;color: #fff;}
.contact-text h1 {
font-weight: 700;
font-size: 40px;
margin: 0;
}
.contactformleft h3 {
display: none;
}
.contactformleft,.mapaddressright {
display: inline-block;
width: 100%;
padding: 20px;
}
.contactformleft .gform_wrapper ul.gform_fields li.gfield input[type="text"],
.contactformleft .gform_wrapper ul.gform_fields li.gfield input[type="email"],
.contactformleft .gform_wrapper ul.gform_fields li.gfield input[type="tel"],
.contactformleft .gform_wrapper ul.gform_fields li.gfield textarea {
border: none;
background: #f2f2f2;
height: 40px
}
.contactformleft .gform_wrapper ul.gform_fields li.gfield textarea {
height: 100px
}
.contactformleft .gform_wrapper .gform_footer input {
background: #3592de;
width: 100% !important;
text-align: center;
font-weight: 600;
color: #fff;
}
.mapaddressright .contact-details {
margin-top: 30px;
font-weight: 600;
}  @media (min-width: 320px) and (max-width: 767px) {
.mainmenu-open {
position: fixed;
top: 40px;
right: 15px;
width: 40px;
height: 40px;
z-index: 9999;
transform: translateY(-50%);
cursor: pointer;
}
.mainmenu-open .line {
position: absolute;
left: 50%;
display: block;
width: calc(100% - 10px);
height: 4px;
background-color: #01547e;
z-index: 9999;
transform: translate(-50%, -50%);
}
.mainmenu-open .line.first {
top: 25%;
}
.mainmenu-open .line.second {
top: 50%;
}
.mainmenu-open .line.third {
top: 75%;
}
.mainmenu-open.active {
position: fixed;
top: 40px;
right: 15px;
width: 40px;
height: 40px;
z-index: 9999;
transform: translateY(-50%);
cursor: pointer;
}
.mainmenu-open.active .line {
position: absolute;
left: 50%;
display: block;
width: calc(100% - 10px);
height: 4px;
background-color: #fff;
z-index: 9999;
transform: translate(-50%, -50%);
}
.after-scroll .mainmenu-open .line,
.after-scroll .mainmenu-open.active .line {
background-color: #01547e;
}
.mainmenu-open.active .line.first {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.mainmenu-open.active .line.second {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
.mainmenu-open.active .line.third {
display: none;
}
.mobilemenu-section {
top: 0;
left: 0;
z-index: 9999;
position: fixed;
width: 100%;
height: 100%;
overflow: auto;
background: #263270;
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
visibility: hidden;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.mobilemenu-section.open {
transform: scale(1);
opacity: 1;
visibility: visible;
}
.mobilemenu-section .menu-section {
position: relative;
margin: 25% 0 0;
}
.mobilemenu-section ul {
margin: 0;
text-align: center;
}
.mobilemenu-section ul li {
display: block;
position: relative;
text-align: left;
}
.mobilemenu-section ul li a {
display: inline-block;
font: normal 500 1.5rem/1.2 'Raleway';
color: #fff;
text-decoration: none !important;
padding: 20px 0;
text-align: center;
}
.mobilemenu-section ul li.has-submenu a {
position: relative;
}
.mobilemenu-section ul li.has-submenu a:before {
color: #fff;
position: absolute;
top: 50%;
left: 105%;
transform: translateY(-50%);
}
.mobilemenu-section ul li ul.sub-menu li {
display: block;
position: relative;
}
.mobilemenu-section ul li ul.sub-menu li a {
display: inline-block;
font-size: 14px;
color: #fff;
text-decoration: none !important;
padding: 10px 20px;
text-align: center;
border-bottom: none;
}
.mobilemenu-section ul > li.menu-item-has-children:after {
content: "\f107";
font-family: "FontAwesome" !important;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
padding-left: 10px;
position: absolute;
top: 8px;
right: 0;
font-size: 22px;
color: #fff;
}
.menu-section ul li.contactbtn a {
background: none;
}
.sub-menu .heading {
display: none;
}
}
@media(max-width: 767px) {
.menu-section { margin-top: 0px;
position: fixed;
z-index: 999;
padding-left: 0;
width: 100%;
left: 0; }
.contactus {
position: inherit;
transition: none;
top: 0;
left: 0;
display: inline-block;
width: 70%;
margin: 194px 10% 0; }
.logo a img {width: 200px;}
.contactus-form .gform_wrapper form ul li {
width: 100%;
}
.contactus-form .gform_wrapper form ul li:nth-child(3),.contactus-form .gform_wrapper form ul li:nth-child(2) {
position: static;
}
.heading,.tree {
width: 100%;
}
.heading h1,.heading h1 span {
font-size: 37px;
display: inline-block;
}
.heading h1 span { }
.search-enginnew .search-engin-main .search-engin-text h2{
text-align: left
}
.search-enginnew .search-engin-main ul.threerow li{
width: 100% !important;
padding-bottom:20px
}
.leftside-points {
width: 100%;
}
.rightside-points {
width: 100%;
}
.phonepoints-section {
background: none;
}
.mobilemenu-section .menu-section {
display: block;
}
.slider-main {
padding: 0 10px;
}
.silder-box .left-side,.silder-box .right-side {
width: 100%;
}
.footer-links h3:after {
width: 100%;
}
.web-design-img img {
width: 100%;
margin-top: 20px;
}
.web-design-text h1 {
font-size: 20px !important;
}
.section2-box {
padding-left: 10px;
padding-right: 10px;
}
.section2-box ul li {
padding-left: 0;
}
.section2-box p {
padding-bottom: 10px !important;
}
.section3-box {
padding: 0 !important;
width: 100%;
display: inline-block !important;
overflow: inherit !important;
}
.section3-text,.section3-img {
width: 100% !important;
}
.footer-links {
text-align: center;
}
.section3-img img {
position: inherit;
top: 0;
transform: none;
left: 0;
}
.cta-turq {
display: inline-block;
padding: 20px;
background-size: cover;
}
.cta-blue {
display: inline-block;
padding: 20px;
margin-top: 0;
background-size: cover;
}
.cta-turq h3,.cta-blue h3 {
padding-left: 0;
}
.bg2 {
padding-bottom: 10px;
}
.search-engin-img,.seo-text {
width: 100%;
}
.seo-text h1 {
font-size: 20px;
text-align: center;
}
.midtext:before,.midtext:after {
display: none;
}
.midtext {
margin-top: 10px;
}
.banner-section {
padding-bottom: 10px;
}
header.header-section {
padding-bottom: 10px;
}
.menu-section ul li .sub-menu {
position: inherit !important;
left: 0;
width: 100%;  top: 0;
border: none;
text-align: left;
box-shadow: none;
}
.social-media .social-media-main .seo-text h1 {
background: rgba(198, 241, 208, 0.5);
padding: 10px 0;
}
.social-media .banner-section {
height: 160px;
}
.owl-height {
height:445px !important;
}
.web-designnew .web-design-text {
position: static !important;
display: inline-block;
transform: none !important;
text-align: center;
}
.web-design-main {
display: inline-block !important;
width: 100%;
}
.web-designnew .web-design-text h1 {
width: 100% !important;
}
.taglinesite p { display: inline-block;
width: 100%;
}
.taglinesite p br {
display: none;
}
.taglinesite {
width: 80% !important;
}
.section3-text img {
width: 100%;
}
.section-icons li {
width: 100%;
margin-bottom: 10px;
}
.alignright,.alignleft {
width: 100% !important;
margin: 0 0  20px;
height: auto  !important;
}
.fulltext img {
width: 100% !important;
margin: 10px 10px 10px 0;
}
.fulltext {
padding-left: 0;
}
.fulltext ul {
margin: 0;
}
.fulltext li {
display: block;
}
.web-designnew .section2-section {
padding: 16px;
}
.toptext {
padding: 20px;
}
.body-section.internet_marketingnew .seo-text h1 {
font-size: 10px !important;
width: 40% !important;
height: 80px !important;
}
.body-section.internet_marketingnew .taglinesite {
top: 10px !important;
}
.body-section.internet_marketingnew .taglinesite p {
font-size: 20px !important;
width: 100% !important;
}
.body-section.internet_marketingnew .seo-text {
margin-left: 0 !important;
top: 8% !important;
transform: rotate(-9deg) translate(-50%, 0);
}
.taglinesite p {
font-size: 14px;
}
.search-enginnew .seo-text .taglinesite {
text-align: center !important;
float: none;
width: 100% !important;
}
.fixed-socialicons {
top: 16%;
transform: none;
z-index: 9;
}
.fixed-socialicons ul li a svg {
width: 10px !important;
}
.fixed-socialicons ul li a {
width: 24px;
height: 24px;
}
.fixed-socialicons {
width: 25px;
}
.search-enginnew .seo-text .taglinesite p {
margin: 0;
font-size: 14px;
}
.social-media-text {
width: 100% !important;
}
.banner-section.social_media_banner .social-media-text h1 {
font-size: 20px;
width: 100% !important;
}
.banner-section.social_media_banner .taglinesite p {
font-size: 18px !important;
}
.banner-section.social_media_banner .taglinesite {
margin-top: 0 !important;
}
.section-icons li img {
width: auto;
height: auto;
}
.body-section.internet_marketingnew .search-engin-img img {
}
.body-section.internet_marketingnew .search-our-service ul li {
width: 100% !important;
min-height: auto !important;
}
.home .heading h1 {
width: 100%;
padding-top: 0;
}
.home .heading h1 {
width: 100%;
padding-top: 0;
margin-top: 70px;
}
.contactus-form .gform_wrapper form ul li {
width: 100%;
position: static !important;
top: 0 !important;
margin-top: 0;
}
.contactus-form {
padding-top: 10px;
}
.moreclients-box p {
margin: 0 20px;
}
.phonepoints-section {
padding-top: 0;
}
.ubermenu-main .ubermenu-item-normal > .ubermenu-target,.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target {
font-size: 15px !important;
}
span.mainmenu-open {
display: none;
}
.ubermenu-skin-vanilla.ubermenu-responsive-toggle {
padding: 6px 30px;
color: #000 !important;
font-size: 20px !important;
}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {
background: #fff;
padding: 0 20px;
height: 550px;
overflow-y: scroll !important;
}
.fourbxdiv li {
width: 100% !important;
margin-left: 0;
}
.fourbxcont ul {
margin: 0;
}
.largebusinessdiv h2 {
height: auto !important;
padding-bottom: 10px;
}
.cta h3 {
white-space: normal;
word-break: break-word;
}
.business-page .taglinesite p {
margin: 0;
font-size: 20px;
}
.businestxt {
margin: 21px 0 !important;
}
.twodiv h4 {
width: 100% !important;
}
.righttext {
width: 100% !important;
}
.testimonial_rotator.template-twopigs .testimonial_rotator_slide_inner {
max-width: 100% !important;
padding: 10px !important;
margin-left: 0 !important;
margin-right: 0px !important;
width: 100% !important;
}
.midcontwork .testimonial_rotator_wrap.with-prevnext {
padding: 20px !important;
margin: 0 !important;
}
.col-md-3.col-md-offset-2 img.aligncenter {
width: 90px !important;
height: auto !important;
}
.web-designnew .section3-section {
padding: 30px 10px 0;
}
.web-designnew .section2-section {
padding: 20px !important;
}
.search-enginnew .seo-text {
padding: 0 20px;
}
.secondsection-box {
WIDTH: 100% !important;
}
.firstsection-box ul {
margin: 0 !important;
}
.third-section {
padding: 20px;
}
.search-engin-main1 {
display: inline-block;
padding-top: 60px;
}
.search-enginnew .midtext {
margin: 0;
}
.search-enginnew .search-engin-main {
margin: 0;
}
.search-enginnew .search-engin-main ul {
margin-left: 0px !important;
}
.web-designnew .taglinesite p {
font-size: 16px;
width: 100%;
margin: 0;
text-shadow: none;
}
.web-designnew ,.search-enginnew{
display: inline-block;
width: 100%;
margin-top: 60px;
}
.web-designnew .social-media-text h1 {
font-size: 20px !important;
}
.internet_marketingnew .fulltext.boxgreen ul li {
width: 100% !important;
display: inline-block !important;
}
.internet_marketingnew .fulltext.boxgreen ul li:before {
display: none !important;
}
.internet_marketingnew .fulltext.boxgreen ul.liicons li ing {
width: 100px !important;
}
.internet_marketingnew .fulltext.boxgreen ul.liicons li img {
width: 80px;
margin-bottom: 10px;
float: left;
margin-right: 20px;
}
.service-box {
margin-bottom: 30px;
}
.leftside-points ul li:after {
left: 0;
}
.leftside-points {
text-align: left !important;
}
.leftside-points ul li {
padding: 0 10px 30px 19% !important;
}
ul.ubermenu-submenu {
padding: 10px 20px !important;
}
.about-text,.about-img {
width: 100%;
}
.imgbx,.imgtx {
width: 100%;
margin-left:  0 !important;
padding: 0 3%;
}
.about-page .h3 {
padding: 50px 10px;
}
.search-enginnew.medspa .seo-text h1 {
width: 100% !important;
font-size: 18px;
}
.search-enginnew.medspa .search-engin-main1 {
padding-bottom: 0;
}
.container {
padding: 0 30px;
}
.imglft img.alignright, .imglft img.alignleft {
width: auto !important;
margin-right: 10px !important;
}
.search-enginnew .search-engin-main ul li {
margin-left: 0;
margin-right: 0;
padding-left: 0;
}
.search-enginnew.attorney  .seo-text h1 {
font-size: 18px;
}
.search-enginnew.attorney .search-engin-main1 {
padding-bottom: 0;
}
.search-enginnew .bg1 .search-engin-main .search-engin-text h2 {
text-align: center;
}
.fulltext h2 img {
margin-top: 20px;
}
.search-enginnew.landscaper .search-engin-main1 {
padding-bottom: 0;
}
.search-enginnew.landscaper .seo-text h1 {
font-size: 18px;
margin-top: 5px;
}
.search-enginnew.plumber  .seo-text h1 {
margin-top: 40px;
padding-top: 0;
font-size: 18px;
height: 80px;
}
.mceTemp p img {
width: auto !important;
padding: 0;
vertical-align: top;
margin: 0px 10px 0px 0;
}
.footer-section .ubermenu-skin-vanilla.ubermenu-responsive-toggle {
padding: 0 !important;
display: none;
}
.search-enginnew.plumber .bg1 .search-engin-text p {
padding-left: 0 !important;
}
.search-enginnew.doctors .seo-text .taglinesite p {
padding: 10px;
}
.search-enginnew.doctors .search-engin-main {
background-size: cover;
}
.imgcenter1 p img {
width: 20% !important;
margin-right: 10px;
}
.body-section.internet_marketingnew .taglinesite.window {
display: none;
}
.body-section.internet_marketingnew .taglinesite.iphone {
width: 100% !important;
position: static;
padding-top: 10px;
display: block;
}
.body-section.internet_marketingnew .taglinesite.iphone p {
margin: 0;
padding: 0;
font-size: 16px !important;
}
.page-id-6499 .section2-box p {
line-height: 28px;
margin-bottom: 22px !IMPORTANT;
} .blogimg > img {
height: 200px;
}
.overblog {
top: 30px;
}
.category-blogging .blog-text {
width: 100% !important;
}
.category-blogging .blog-img {
width: 100%;
}
.page-template-search-engineoptimization .search-enginnew .search-engin-img img {
height: 200px !important;
}
.page-template-search-engineoptimization .search-enginnew.seopage .seo-text h1 {
margin-top: 95px !important;
font-size: 22px !important;
background: rgba(255,255,255,.5);
padding-top: 10px;
}
.page-template-social_media_new .social-media-text { padding-top: 100px
}
.page-template-small-business .business-page .taglinesite p
{
font-size: 16px;
}
.business-page .taglinesite {
right: 0;
bottom: 30px;
top: inherit;
position: static;
width: 100% !important;
padding: 7px 0;
}
.business-page .taglinesite p {
font-size: 20px !important;
}
.social-media-text {
position: static;
transform: none;
padding: 20px 0;
}
.social-media-img {
width: 100% !important;
}
.banner-section.social_media_banner {
padding-left: 0;
padding-bottom: 0;
margin-top: 60px;
}
.leftpuzzle {
width: 100%;
}
.leftpuzzle img {
height: auto;
}
.rightinm-text {
width: 100%;
padding: 20px 50px;
transform: none;
position: static
}
.rightinm-text h1 {
font-size: 27px;
}
.body-section.internet_marketingnew .rightinm-text .taglinesite {
margin-top: 0;
width: 100% !important;
}
.body-section.internet_marketingnew .rightinm-text .taglinesite p br {
display: none;
}
.page-template-social_media_new .section-icons.smallicons li img {
width: 50% !important;
}
.page-template-social_media_new .section-icons.smallicons li {
width: 100% !important;
margin-bottom: 20px !IMPORTANT;
}
.page-id-5609 .service-text p {
margin-top: 80px !important;
}
.page-id-5609 aside#custom_html-4 {
display: none;
}
.web-designnew .section-icons img { }
.page-template-web-design-brand .web-designnew .taglinesite p {
margin-left: 0;
width: 80%;
}
.search-engin,.business-page {
margin-top: 60px;
}
.overtext_dev h1 {
font-size: 26px;
}
.overtext_dev .taglinesite p {
font-size: 20px;
}
.imgaw,.awtext {
width: 100%;
}
.body-section.app_dev .banner-section {
background: #58a3ef;
}
.overtext_dev {
position: static;
}
.mceTemp p {
text-align: left;
}
.search-enginnew.roofer .seo-text h1 {
text-align: center;
width: 80%;
margin-right: 10%;
}
.search-enginnew.roofer .seo-text .taglinesite p {
font-size: 20px !important;
}
.mceTemp p img {
float: left;
}
.topbar {
margin-top: 60px;
text-align: center;
}
.page-template-app-development .fficons ul li {
width: 80% !important;
}
.page-template-app-development .textcricons h3 {
margin-top: -8px !important;
margin-bottom: 40px !important;
}
.popup-text {
width: 100%;
padding: 5px 10px;
}
.popup-div {
width: 100%;
}
span.closebtn {
right: 0px !important;
}
.iphone{
display: block !important
}
.menu-section .ubermenu-skin-vanilla.ubermenu-responsive-toggle {
display: block !important;
}
.dark-mode .phonepoints-section {
background: #a9a2a2;
}
.mobilemenu-section ul li.rotate ul {
display: block;
}
.mobilemenu-section ul li.rotate ul li ul {
display: none;
}
.mobilemenu-section ul li.rotate ul li.rotate2 ul {
display: block;
}
.mobilemenu-section ul > li.menu-item-has-children ul li:after {right: 15px;}
} .topbtn {
position: fixed;
top: 40%;
right: 0;
z-index: 999;
}
.topbtn button{
background: #3592de;
border: none;
display: inline-block;
transform: rotate(-90deg);
color: #fff;
margin-right: -35px;
margin-top: 34px;
padding: 10px;
}
.dark-mode header.header-section {
background: gray;
color: #fff;
}
.dark-mode header.header-section .menu-section ul li a {
color: #fff;
}
.dark-mode header.header-section .menu-section ul li li a {
color: #000;
}
.dark-mode .footer-section {
background: #ccc;
}
p.lstxt {
margin-top: 26px;
}
.page-id-20812 .web-designnew .web-design-text {
text-align: right;
}
.page-id-20812 .web-designnew .web-design-text h1 {
color: #000;
background: rgba(255,255,255,0.6);
padding: 30px;
}
.page-id-20812 .web-designnew .section2-section {
background: #d0e2e6;
color:#000;
}
.page-id-20812 .web-designnew .section2-section p {
color:#000;
}
.page-id-20812 .web-designnew .section2-section a {
color: #3592de;
}
.page-id-20812  .web-designnew .section1-text {
padding: 20px 60px 0 70px;
}
.dark-mode .body-section {
background: #000;
color: #fff;
}
.dark-mode .body-section .moreclients-box h3 ,.dark-mode .body-section a {
color: #fff;
}
.dark-mode .body-section .rightside-points ul li p ,.dark-mode .body-section .leftside-points ul li p{
color: #fff
}
.dark-mode .body-section .moreclients-box h3, .dark-mode .body-section .service-text a {
color: #065880;
}
.dark-mode .body-section .slider-section {
background: #213c05;
}
.dark-mode .phonepoints-section {
background: #a9a2a2;
}
.body-section.app_dev .search-engin-img {
display: none;
}
.awdesign {
margin-top: 100px;
position: relative;
}
.awdesign h1 {
position: absolute;
right: 0;
width: 50%;
text-align: center;
top: 0;
}
.about-img {
margin-top: 110px;
}
.icncls {
display: inline-block;
}
.fficons h2 {
display: inline-block;
float: left;
}
.fficons p {
display: inline-block;
}
.icncls img {
width: 50%;
}
.fficons h2 p {
margin-left: -30px;
}
.appfulltext h2 {
display: inline-block;
float: left;
}
.appfulltext p {
display: inline-block;
}
.appfulltext h2 p {
margin-left: -30px;
}
@media screen and (min-width: 1365px) {
.body-section.internet_marketingnew .taglinesite {
top: 50px;
}