html {
overflow-x: hidden !important;
}
body {
font-family: 'Open Sans', sans-serif;
overflow-x: hidden !important;
}
header {
position: fixed;
top: 0px;
width: 100%;
z-index: 9999;
background-color: #000000;
transition: all 0.5s;
}
a, a:hover {
text-decoration: none;
}
.logo img {
width: 100%;
max-width: 175px;
transition: all 0.5s;
}
.menu {
padding-left: 10px;
}
.menu ul {
padding-left: 0px;
margin-bottom: 0px;
}
.menu ul li {
display: inline-block;
margin-right: 35px;
padding-bottom: 5px;
}
.menu>ul>li:last-child {
margin-right: 0px;
}
.menu ul li a {
font-size: 14px;
color: rgb(255, 255, 255);
font-weight: 600;
text-transform: uppercase;
transition: all 0.5s;
position: relative;
}
.menu > ul > li >a {
padding-bottom: 22px;
}
.menu ul li a:hover {
color: rgb(65, 151, 73);
}
.menu ul li .mega-sub-div {
opacity: 0;
visibility: hidden;
transition: all 0.1s;
top: 100px
}
.msm li {
display: block !important;
}
.menu ul li:hover .mega-sub-div {
opacity: 1;
visibility: visible;
top: 61px;
}
.mega-sub-div {
position: absolute;
background-color: #000000;
width: 90%;
left: 0px;
right: 0;
margin: 0 auto;
padding: 30px;
}
.sub-hd {
color: #c1c0c1 !important;
font-size: 15px !important;
text-transform: uppercase !important;
margin-bottom: 10px;
display: block;
}
.marg-top {
margin-top: 30px;
display: block;
}
.mega-sub-menu a {
color: #c1c0c1;
text-transform: capitalize !important;
font-size: 14px !important;
font-weight: 300 !important;
}
.mobile_menu {
display: none;
}
.mega-cont h2 {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 32px;
font-weight: 600;
color: #438d42;
padding: 0px 0 15px;
line-height: 20px;
}
.mega-cont p {
color: #dedede;
font-size: 15px;
line-height: 28px;
padding-right: 40px;
}
.mobile_menu span {
height: 3px;
margin-bottom: 8px;
width: 40px;
display: block;
background-color: #fff;
border-radius: 5px;
transition: all 0.5s;
float: right;
transform: rotate(-0deg);
top: 0px;
position: relative;
}
.mobile_menu {
width: 40px;
float: right;
margin-left: 20px;
}
.menu-side {
width: 63%;
float: left;
margin-top: 15px;
}
.cont-side {
width: 37%;
float: left;
border-left: 1px solid #292929;
padding-left: 20px;
}
.clear {
clear: both;
}
.container-cus {
max-width: 1280px;
}
.cont-side>div {
width: 50%;
float: left;
}
.plan-btn {}
.menu-side>div {
display: inline-block;
vertical-align: middle;
}
.menu-side>div.mobile_menu {
display: none;
}
.logo {
margin-right: 25px;
}
.tel-email-top {}
.tel-email-top a {
display: block;
font-size: 12px;
font-weight: 600;
color: rgb(255, 255, 255);
text-transform: uppercase;
}
.plan-btn a {
display: block;
background-color: #8b0f0f;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
padding: 20px 10px;
transition: all 0.5s;
font-size: 14px;
}
.plan-btn a:hover {
background-color: #640808;
}
.tel-email-top {
padding-top: 13px;
}
.top-banner {
background-image: url(../img/banner.jpg);
margin-top: 35px;
height: 460px;
background-size: cover;
}
.typ-div h2 {
font-size: 40px;
color: rgb(43, 54, 61);
font-weight: 700;
line-height: 50px;
}
.typ-div h2 span {
display: block;
color: rgb(8, 164, 96);
height: 40px;
margin-bottom: 30px;
}
.left-ani1 {
position: absolute;
left: 0px;
top: 22px;
}
.typ-div p {
width: 70%;
font-size: 15px;
color: rgb(43, 54, 61);
line-height: 1.92;
}
.typ-div img {
margin-top: 15px;
}
.typ-div {
margin-top: 75px;
}
.lsuw {
padding: 40px 0px;
}
.lsuw h4 {
font-size: 30px;
color: rgb(54, 54, 55);
font-weight: 700;
display: inline-block;
vertical-align: middle;
margin-right: 90px;
transition: all 0.5s;
margin-bottom: 0px;
letter-spacing: -1px;
}
.lsuw a {
display: inline-block;
background-color: #d1361d;
color: #fff;
padding: 15px 70px 15px 20px;
vertical-align: middle;
position: relative;
font-weight: 600;
transition: all 0.5s;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
}
.lsuw a:after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 19px;
transition: all 0.5s;
}
.lsuw a:hover {
background-color: #95210e;
}
.lsuw a:hover:after {
animation: arowani 1s infinite;
}
.blu-section {
background-color: #1880c2;
padding: 70px 0px;
}
.wdcs h1 {
font-size: 55px;
color: rgb(255, 255, 255);
font-weight: 700;
line-height: 65px;
}
.wbbw-lef {
padding-top: 17px;
}
.wbbw-lef span {
transform: rotate(-3deg);
display: block;
position: relative;
top: 19px;
text-align: right !important;
}
.wdcs h5 {
font-size: 24px;
color: rgb(255, 255, 255);
font-weight: 600;
font-style: italic;
line-height: 34px;
margin-top: 15px;
margin-bottom: 50px;
}
.wdcs p {
font-size: 14px;
color: rgb(255, 255, 255);
line-height: 1.857;
}
.dark-green {
background-color: #0c2610;
padding: 80px 0px;
}
.wbbw {
padding-right: 15px;
}
.wbbw h4 {
text-align: right;
font-size: 45px;
color: rgb(255, 255, 255);
font-weight: 700;
line-height: 35px;
}
.wbbw h4 span {
font-size: 42px;
font-family: 'Caveat', cursive;
color: rgb(39, 212, 72);
line-height: 40px;
text-align: left;
font-weight: 100;
}
.wbbw h6 {
font-size: 25px;
color: rgb(255, 255, 255);
line-height: 1.44;
font-weight: 500;
width: 88%;
}
.wbbw p {
font-size: 13px;
color: rgb(205, 209, 202);
font-weight: 400;
}
.wbbw-bord {
border-left: 1px solid #88acc6;
padding-left: 30px;
margin-left: -15px;
padding-right: 0px;
padding-bottom: 10px;
}
.card-main {
position: relative;
width: 25%;
height: 250px;
background-color: #08210c;
float: left;
}
/*.card {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);*/
}
.front {
text-align: center;
}
.front h2 {
font-size: 27px;
color: rgb(255, 255, 255);
font-weight: 800;
text-transform: uppercase;
top: 50%;
position: absolute;
width: 100%;
transform: translateY(-50%);
}
.front h2 span {
display: block;
font-size: 12px;
color: rgb(255, 255, 255);
text-transform: uppercase;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
}
.grn {
background-color: #0b2b11;
}
.card-sty {
margin-top: 30px;
}
.cewoo-section {
background-image: url(../img/cesoo.jpg);
background-size: cover;
padding: 70px 0px 120px;
}
.cewoo h3 {
text-align: right;
font-size: 45px;
color: #2e7e38;
font-weight: 700;
line-height: 55px;
letter-spacing: -2px;
}
.cewoo h3 span {
font-size: 42px;
font-family: 'Caveat', cursive;
color: #242a1e;
line-height: 40px;
text-align: left;
font-weight: 100;
}
.cewoo h6 {
font-size: 28px;
font-family: 'Caveat', cursive;
color: rgb(38, 40, 37);
line-height: 1.321;
margin-bottom: 3px;
}
.cewoo p {
font-size: 12px;
color: rgb(121, 123, 120);
font-weight: 600;
}
.cewoo-bord {
border-left: 1px solid #88acc6;
padding-left: 30px;
}
.cewo-list {
margin-top: 80px;
}
.cewo-list>div {
cursor: pointer;
display: inline-block;
width: calc(50% - 15px);
padding-right: 50px;
vertical-align: top;
position: relative;
padding-left: 110px;
padding-right: 50px;
margin-bottom: 30px;
}
.cewo-list>div:after {
background-image: url(../img/icons.png);
content: '';
width: 100px;
height: 67px;
position: absolute;
left: 0px;
top: 0px;
transition: all 0.5s;
}
.cewo-list>div:hover:after {
left: -20px;
}
.cewo-list>div h4 {
font-size: 20px;
color: rgb(35, 77, 44);
font-weight: 700;
margin-bottom: 5px;
}
.cewo-list>div p {
font-size: 14px;
color: rgb(90, 112, 73);
font-weight: 400;
}
.cic:after {
background-position: 0px -326px;
}
.yog:after {
background-position: -309px -326px;
}
.gdm:after {
background-position: -102px -326px;
}
.ltp:after {
background-position: -413px -326px;
}
.duw:after {
background-position: -206px -326px;
}
.amf:after {
background-position: -520px -326px;
background-repeat: no-repeat;
}
.losa-section {
background-image: url(../img/losa.jpg);
padding: 70px 0px;
background-attachment: fixed;
background-size: cover;
}
.leverage h4 {
font-size: 50px;
color: rgb(255, 255, 255);
font-weight: 700;
text-transform: uppercase;
font-weight: 800;
text-align: center;
}
.leverage span {
font-size: 32px;
font-family: 'Caveat', cursive;
color: rgb(247, 151, 26);
line-height: 0.656;
text-align: center;
letter-spacing: -1px;
display: block;
}
.lever-div {
background-image: url(../img/icons.png);
width: 330px;
height: 270px;
background-position: 0px -41px;
display: inline-block;
transition: all 1s;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
cursor: pointer;
position: relative;
border-radius: 35px;
}
.lever-div:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.lever-div h2 span {
display: block;
font-size: 59px;
color: rgba(255, 256, 255, 0.11);
font-weight: 800;
padding-top: 13px;
}
.lever-div h2 {
text-align: center;
font-size: 36px;
color: rgb(255, 255, 255);
font-weight: 800;
text-transform: uppercase;
}
.lever-div p {
font-size: 13px;
color: rgb(255, 255, 255);
line-height: 1.571;
text-align: center;
width: 70%;
margin: 0 auto;
}
.le2, .le4 {
top: 146px;
position: relative;
margin-right: -131px;
left: -65px;
}
.svg-an {
position: absolute;
}
.laev-div {
margin: 90px 0px 200px;
}
.le1 .svg-an, .le3 .svg-an {
position: absolute;
bottom: -295px;
left: -6px;
}
.le2 .svg-an, .le4 .svg-an {
transform: rotate(180deg);
top: -295px;
left: -6px;
}
.dont-take {
border-left: 1px solid #88acc6;
padding-left: 30px;
}
.dont-take h6 {
font-size: 29px;
color: rgb(90, 112, 73);
line-height: 1.448;
text-align: left;
font-weight: 100;
padding: 15px 0px 45px;
}
.cewoo.dont-take {
line-height: 47px;
border-left: 0px solid #88acc6;
}
.hapy-custom {
padding: 100px 0px 60px;
background-color: #f3f4f5;
}
.test-tab ul.tabs {
margin: 0px;
padding-left: 120px;
list-style: none;
}
.test-tab ul.tabs li {
cursor: pointer;
}
.test-tab ul.tabs li.current {}
.test-conti .tab-content {
display: none;
}
.test-conti .tab-content.current {
display: inherit;
}
.tab-link div.img {
display: inline-block;
vertical-align: middle;
width: 55px;
text-align: right;
}
.tab-link div.img img {
width: 45px;
height: 45px;
transition: all 0.5s;
border-radius: 30px;
}
.tab-link {
margin-bottom: 20px
}
.tab-link div.cont {
display: inline-block;
vertical-align: middle;
padding-left: 15px;
}
.tab-link div.cont p {
margin-bottom: 0px;
font-size: 14px;
color: rgb(0, 0, 0);
font-weight: 700;
line-height: 15px;
}
.tab-link div.cont span {
font-size: 12px;
color: rgb(0, 0, 0);
font-weight: 400;
}
.tab-link {
opacity: 0.3;
transition: all 0.5s;
}
.tab-link.current {
opacity: 1
}
.tab-link.current div.img img {
width: 55px;
height: 55px;
}
.test-conti {
padding-left: 60px;
position: relative;
padding-top: 10px;
}
.test-conti:after {
content: '';
background-image: url(../img/icons.png);
width: 44px;
height: 35px;
position: absolute;
top: 0px;
left: 0px;
background-position: -96px -3px;
}
.tab-content {
font-size: 19px;
color: rgb(0, 0, 0);
line-height: 1.842;
text-align: left;
}
.testi-row {
margin-top: 50px;
}
.cewoo.dont-take h4 {
text-align: right;
font-size: 44px;
color: #2e7e38;
font-weight: 700;
line-height: 53px;
letter-spacing: -2px;
}
.cewoo.dont-take h4 span {
font-size: 42px;
font-family: 'Caveat', cursive;
color: #242a1e;
line-height: 40px;
text-align: left;
font-weight: 100;
letter-spacing: -1px;
}
.clients-lg {
border-top: 2px solid #c2c3c4;
margin-top: 70px;
padding-top: 60px;
}
.clients-lg>a {
display: block;
font-size: 17px;
color: rgb(0, 0, 0);
font-weight: 700;
text-transform: uppercase;
max-width: 270px;
text-align: left;
margin: 60px auto 0px;
position: relative;
letter-spacing: 1px;
transition: all 0.5s;
opacity: 1
}
.clients-lg>a:hover {
opacity: 0.6
}
.clients-lg>a:after {
content: '';
background-image: url(../img/icons.png);
width: 20px;
height: 14px;
position: absolute;
top: 5px;
right: -25px;
background-position: 0px -34px;
}
#owl-clients img {
width: auto;
display: block;
margin: 0 auto;
}
.atach {
height: 100vh;
max-height: 700px;
position: relative;
}
.olu {
background: rgb(46, 68, 44);
background: -moz-linear-gradient(left, rgba(31, 48, 19, 1) 0%, rgba(32, 53, 22, 1) 99%);
background: -webkit-linear-gradient(left, rgba(31, 48, 19, 1) 0%, rgba(32, 53, 22, 1) 99%);
background: linear-gradient(to right, rgba(31, 48, 19, 1) 0%, rgba(32, 53, 22, 1) 99%) filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e442c', endColorstr='#233421', GradientType=1);
}
.ow-div {
height: 100vh;
display: table;
max-height: 700px;
}
.ow {
text-align: right;
padding-left: 100px;
vertical-align: middle;
display: table-cell;
}
.ow span {
font-size: 42px;
font-family: 'Caveat', cursive;
color: #fff;
line-height: 40px;
font-weight: 100;
display: block;
}
.ow h4 {
font-size: 55px;
color: rgb(254, 254, 254);
font-weight: 700;
text-transform: uppercase;
margin-bottom: 30px;
line-height: 60px;
}
.ow p {
font-size: 16px;
color: rgb(255, 255, 255);
line-height: 1.75;
font-weight: 400;
}
.ow a {
font-size: 15px;
color: rgb(255, 255, 255);
font-weight: 600;
text-transform: uppercase;
border: 1px solid #fff;
padding: 15px 55px 15px 30px;
border-radius: 37px;
display: block;
width: 210px;
float: right;
position: relative;
text-align: left;
margin-top: 35px;
background-color: rgba(0, 0, 0, 0);
transition: all 0.5s;
}
.ow a:after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 21px;
transition: all 0.5s;
}
.ow a:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.ow a:hover:after {
right: 18px;
}
.pr {
background: rgb(27, 37, 48);
background: -moz-linear-gradient(left, rgba(27, 37, 48, 1) 0%, rgba(41, 55, 70, 1) 99%);
background: -webkit-linear-gradient(left, rgba(27, 37, 48, 1) 0%, rgba(41, 55, 70, 1) 99%);
background: linear-gradient(to right, rgba(27, 37, 48, 1) 0%, rgba(41, 55, 70, 1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2530', endColorstr='#293746', GradientType=1);
}
.bbm {
background: rgb(16, 18, 20);
background: -moz-linear-gradient(-45deg, rgba(16, 18, 20, 1) 0%, rgba(29, 34, 39, 1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(16, 18, 20, 1) 0%, rgba(29, 34, 39, 1) 100%);
background: linear-gradient(135deg, rgba(16, 18, 20, 1) 0%, rgba(29, 34, 39, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#101214', endColorstr='#1d2227', GradientType=1);
}
.gary-sec {
background-color: #f8f6f6;
padding: 65px 0px;
position: relative;
z-index: 150;
}
.already_intrigued h6 {
font-size: 27px;
color: rgb(29, 28, 28);
line-height: 35px;
font-weight: 400
}
.alr_intr_btn a {
display: inline-block;
background-color: #d1361d;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
padding: 15px 70px 15px 20px;
vertical-align: middle;
position: relative;
font-weight: 600;
transition: all 0.5s;
text-transform: uppercase;
}
.alr_intr_btn a::after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 19px;
transition: all 0.5s;
}
.alr_intr_btn a:hover {
background-color: #95210e;
}
.alr_intr_btn a:hover:after {
animation: arowani 1s infinite;
}
.atach>div {
position: relative;
}
.lef-ali {
position: fixed;
opacity: 0;
left: -95px;
bottom: 220px;
font-size: 70px;
color: rgba(255, 255, 255, 0.012);
font-weight: 700;
text-transform: uppercase;
transform: rotate(-90deg);
display: block;
width: 390px;
transition: all 0.5s;
}
.lef-ali.fx {
opacity: 1;
z-index: 100;
}
.haveaidea_section {
background-color: #234730;
padding-top: 70px;
position: relative;
z-index: 170;
}
.haveaidea h4 {
font-size: 54px;
color: rgb(255, 255, 255);
font-weight: 700;
line-height: 1.016;
}
.haveaidea span {
font-size: 33px;
color: rgb(255, 255, 255);
font-family: 'Caveat', cursive;
transform: rotate(-2deg);
margin-top: -5px;
display: block;
margin-bottom: 40px;
letter-spacing: -1px;
font-weight: 300;
}
.haveaidea address {
font-size: 17px;
color: rgb(255, 255, 255);
line-height: 1.941;
margin-bottom: 45px;
}
.haveaidea a {
display: block;
font-size: 23px;
color: rgb(255, 255, 255);
font-weight: 600;
margin-bottom: 15px;
padding-left: 40px;
position: relative;
}
.haveaidea a:after {
content: '';
width: 28px;
height: 28px;
position: absolute;
background-image: url(../img/icons.png);
left: 0px;
top: 0px;
}
.haveaidea a.call:after {
background-position: -162px -7px;
top: 9px;
}
.haveaidea a.mail:after {
background-position: -200px -7px;
}
.con-frm {
background-color: #fff;
margin-left: -50px;
padding: 35px 35px 70px;
margin-bottom: -50px;
}
.con-frm h4 {
font-size: 36px;
color: rgb(49, 84, 61);
font-weight: 600;
}
.con-frm label {
display: block;
font-size: 15px;
color: rgb(51, 51, 51);
font-weight: 600;
margin-top: 15px;
}
.con-frm input {
border: 1px solid #9d9d9d;
height: 45px;
width: 100%;
padding-left: 10px;
}
.con-frm textarea {
border: 1px solid #9d9d9d;
height: 150px;
width: 100%;
padding-left: 10px;
padding-top: 5px;
}
.con-frm input[type="submit"] {
background-color: #c61515;
border: 0px;
cursor: pointer;
width: 150px;
float: right;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
color: rgb(255, 255, 255);
font-weight: 600;
text-transform: uppercase;
margin-top: 20px;
}
footer {
background-color: #101518;
padding-top: 70px;
position: relative;
z-index: 100;
}
.featured_services h4 {
font-size: 27px;
color: rgb(255, 255, 255);
font-weight: 700;
float: left;
}
.featured_services>div {
float: right;
}
.featured_services>div p {
font-size: 19px;
color: rgb(255, 255, 255);
font-weight: 700;
display: inline-block;
}
.featured_services>div ul {
display: inline-block;
}
.featured_services>div ul li {
display: inline-block;
margin: 0px 15px;
}
.featured_services>div ul li a {
height: 26px;
width: 23px;
background-image: url(../img/icons.png);
display: block;
opacity: 0.5;
transition: all 0.5s;
}
.featured_services>div ul li a:hover {
opacity: 1
}
.featured_services>div ul li:nth-child(1) a {
background-position: -239px -6px;
}
.featured_services>div ul li:nth-child(2) a {
background-position: -270px -6px;
}
.featured_services>div ul li:nth-child(3) a {
background-position: -305px -6px;
}
.col-menu a {
display: block;
font-size: 14px;
color: rgba(255, 255, 255, 0.631);
transition: all 0.5s;
}
.col-menu a:hover {
color: #fff;
}
.col-menu li {
list-style: none;
margin-bottom: 13px;
}
.col-menu ul {
padding-left: 0px;
}
.fot-menu>div:nth-child(1) {
width: 32%;
float: left;
}
.fot-menu>div:nth-child(2) {
width: 21%;
float: left;
}
.fot-menu>div:nth-child(3) {
width: 19%;
float: left;
}
.fot-menu {
margin-top: 20px;
}
.hr-fot {
background-color: #262a2d;
height: 1px;
width: 100%;
margin: 25px 0px 15px;
}
.fot-bot-menu {
text-align: right;
}
.fot-bot-menu ul {
padding-left: 0px;
padding-right: 45px;
margin-top: 10px;
display: inline-block;
}
.fot-bot-menu ul li {
display: inline-block;
border-right: 1px solid rgb(110, 110, 110);
line-height: 13px;
padding: 0px 15px;
}
.fot-bot-menu ul li a {
font-size: 12px;
color: rgb(110, 110, 110);
display: block;
}
.copy-div {
display: inline-block;
}
.fot-bot-menu ul li a:hover {
color: #fff
}
.fot-bot-menu ul li:last-child {
border-right: 0px solid rgb(110, 110, 110);
}
.fot-bot-menu p {
font-size: 12px;
color: rgb(110, 110, 110);
display: inline-block;
}
.olu-ani {
transform: scale(0.8);
display: inline-block;
box-shadow: 6px 6px 39px 9px rgba(0, 0, 0, 0.34);
margin-left: -80px;
}
.olu-ani span {
width: 1200px;
background-image: url(../img/olu-bar.png);
display: block;
height: 47px;
background-position: 0;
}
.olu-svg {
margin-left: 3px;
}
.pr-ani {
position: relative;
margin-left: 40px;
margin-top: 50px;
}
.pr-tab {
background-image: url(../img/ipad.png);
width: 700px;
height: 495px;
display: block;
background-size: 100%;
}
.pr-svg {
position: absolute;
z-index: 5;
top: 55px;
left: 27px;
}
.bbm-tab {
width: 375px;
height: 666px;
background-image: url(../img/iphone.png);
display: block;
}
.bbm-ani {
position: relative;
}
.bbm-svg {
position: absolute;
top: 72px;
left: 60px;
}
.avi-ap-and {}
.avi-ap-and>span {
display: block;
font-size: 34px;
color: rgb(255, 255, 255);
font-family: 'Caveat', cursive;
transform: rotate(-2deg);
margin-top: -5px;
display: block;
margin-bottom: 8px;
}
.avi-ap-and>div {
margin-top: 13px;
}
.avi-ap-and a {
display: inline-block;
background-image: url(../img/icons.png);
width: 137px;
height: 43px;
}
.avi-ap-and a.gogl {
background-position: -338px 0px;
}
.avi-ap-and a.apl {
background-position: -476px 0px;
}
.bbm-div {
position: relative;
}
.bbm-ani {
position: relative;
}
.avi-ap-and {
position: absolute;
bottom: 150px;
right: -130px;
}
.avi-ap-and>div>span {
display: inline-block;
background-image: url(../img/icons.png);
width: 88px;
height: 88px;
background-position: -338px -47px;
vertical-align: middle;
}
.avi-ap-and>div>p {
font-size: 17px;
color: rgb(255, 255, 255);
vertical-align: middle;
line-height: 1.353;
margin-bottom: 0px;
width: 40%;
display: inline-block;
margin-left: 16px;
font-weight: 600;
}
.moit-div {
position: relative;
}
.moit-div span {
display: block;
background-image: url(../img/icons.png);
transition: all 0.5s;
}
.moniter {
width: 507px;
height: 393px;
background-position: -623px 0px;
position: relative;
left: 40px;
top: 100px;
z-index: 1;
}
.l1 {
width: 163px;
height: 99px;
background-position: -1140px 0px;
top: -20px;
left: 0px;
position: absolute;
}
.l2 {
width: 77px;
height: 201px;
background-position: -1140px -116px;
position: absolute;
left: -55px;
top: 83px;
}
.l3 {
width: 55px;
height: 127px;
background-position: -1240px -103px;
position: absolute;
left: -30px;
top: 277px;
}
.l4 {
width: 85px;
height: 30px;
background-position: -1300px 0px;
position: absolute;
right: 50px;
bottom: -70px;
}
.l5 {
width: 60px;
height: 150px;
background-position: -1214px -300px;
position: absolute;
right: -30px;
bottom: 0px;
}
.l6 {
width: 118px;
height: 187px;
background-position: -1285px -240px;
position: absolute;
right: -44px;
top: 23px;
}
.l7 {
width: 116px;
height: 59px;
background-position: -1305px -91px;
position: absolute;
bottom: -93px;
left: 80px;
}
.l8 {
width: 180px;
height: 180px;
background-position: -1424px 0px;
position: absolute;
top: 0px;
left: 160px;
-webkit-animation: rotation 20s infinite linear;
}
.l9 {
width: 130px;
height: 130px;
background-position: -1446px -195px;
position: absolute;
top: -25px;
left: 341px;
-webkit-animation: rotation 30s infinite linear;
}
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
}
}
@-webkit-keyframes rotation-rew {
from {
-webkit-transform: rotate(359deg);
}
to {
-webkit-transform: rotate(0deg);
}
}
.moit-div:hover .l1 {
top: -40px;
left: -20px;
}
.moit-div:hover .l2 {
left: -75px;
top: 103px;
}
.moit-div:hover .l3 {
left: -50px;
top: 297px;
}
.moit-div:hover .l4 {
right: 30px;
bottom: -90px;
}
.moit-div:hover .l5 {
right: -50px;
bottom: -20px;
}
.moit-div:hover .l6 {
right: -64px;
top: 43px;
}
.moit-div:hover .l7 {
bottom: -113px;
left: 60px;
}
.moit-div:hover .l8 {
top: -20px;
left: 120px;
}
.moit-div:hover .l9 {
top: -45px;
left: 361px;
}
.baner-moniter {
width: 660px;
height: 519px;
background-image: url(../img/icons.png);
background-position: -1600px 0px;
position: relative;
right: -150px;
top: 20px;
}
#particles-js {
position: absolute;
width: 200%;
height: 100%;
margin-right: -100%;
}
.up-arrw {
position: absolute;
bottom: -94px;
left: 0px;
}
.up-arrw span {
background-image: url(../img/icons.png);
background-position: -2277px 0px;
display: block;
width: 285px;
height: 500px;
}
.up-arrw div {
font-size: 13px;
color: rgb(26, 37, 47);
font-weight: 600;
text-transform: uppercase;
width: 145px;
text-align: right;
position: absolute;
}
.up-arrw div:after {
background-image: url(../img/icons.png);
width: 72px;
height: 72px;
position: absolute;
content: '';
display: block;
right: -85px;
top: -20px;
}
.arw-des {
left: -173px;
top: 101px;
}
.arw-tec {
left: -159px;
top: 190px;
}
.arw-str {
left: -124px;
top: 275px;
}
.arw-des:after {
background-position: -89px -408px;
}
.arw-tec:after {
background-position: 0px -410px;
}
.arw-str:after {
background-position: -177px -410px;
}
.hvr-buzz-out {
cursor: pointer;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.card {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.card-main:hover .card {
transform: rotateY(180deg);
}
.front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
}
.flip-card-back {
background-color: #000;
color: white;
transform: rotateY(180deg);
}
.flip-card-back p {
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
padding: 10px;
font-size: 15px;
}
.rit-moni {
position: relative;
}
.banner-animate {
position: absolute;
top: 67px;
left: 200px;
background-color: #2b4a7e;
width: 410px;
height: 190px;
}
.banner-animate svg {
transform: scale(1.5);
position: relative;
left: 79px;
top: 43px;
}
.sev-cont h2 {
font-size: 34px;
color: rgb(54, 54, 55);
font-weight: 800;
line-height: 45px;
margin-bottom: 30px;
letter-spacing: -1px;
padding-right: 30px;
}
.sev-cont p {
font-size: 14px;
color: rgb(42, 42, 42);
line-height: 1.857;
}
.sev-cont a {
display: inline-block;
margin-top: 20px;
}
.sev-cont>div {
position: absolute;
}
.ucdw-section {
background-color: #1a72a0;
text-align: center;
padding: 50px 0px;
}
.ucdw h4 {
font-size: 40px;
color: rgb(254, 255, 254);
font-weight: 700;
display: inline;
line-height: 50px;
letter-spacing: -1px;
}
.ucdw h4 span {
font-size: 30px;
color: rgb(255, 255, 255);
font-family: 'Caveat', cursive;
transform: rotate(-2deg);
margin-top: -5px;
display: block;
text-align: left;
padding-left: 186px;
font-weight: 300;
}
.ucdw p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 1.733;
text-align: center;
margin: 25px 170px 0px;
font-weight: 300;
}
.ucdw.importance p {
width: 73%;
margin: 25px auto 0px;
}
.wdrw-section {
background-color: #dedcdd;
padding: 60px 0px;
}
.wdrw h3 {
font-size: 40px;
color: rgb(12, 119, 37);
font-weight: 700;
margin-bottom: 26px;
line-height: 50px;
letter-spacing: -1px
}
.wdrw p {
font-size: 14px;
color: rgb(42, 42, 42);
line-height: 1.714;
}
.oeds-take {
border-left: 1px solid #88acc6;
padding-left: 30px;
}
.oeds-take h6 {
font-size: 25px;
color: rgb(46, 46, 46);
line-height: 1.44;
font-weight: 400;
padding-bottom: 40px;
padding-left: 30px;
}
.scsbl div p {
font-size: 14px;
color: rgb(42, 42, 42);
line-height: 1.857;
}
.scsbl div {
position: relative;
margin-left: 180px;
margin-bottom: 60px;
cursor: pointer;
}
.scsbl div h5 {
position: absolute;
font-size: 21px;
color: rgb(24, 121, 47);
font-weight: 700;
left: -190px;
width: 150px;
text-align: right;
padding-top: 60px;
transition: all 0.5s;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
letter-spacing: -1px;
}
.scsbl div:hover h5 {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.scsbl div h5:after {
content: '';
width: 60px;
height: 54px;
display: block;
position: absolute;
top: 0px;
right: 0px;
background-image: url(../img/icons.png);
}
.scsbl div.research h5:after {
background-position: -334px -144px;
}
.scsbl div.design h5:after {
background-position: -391px -144px;
}
.scsbl div.development h5:after {
background-position: -443px -144px;
}
.scsbl div.testing h5:after {
background-position: -501px -144px;
}
.scsbl div.launch h5:after {
background-position: -554px -144px;
}
.scsbl {
margin-top: 60px;
}
.scsbl-section {
padding: 90px 0px;
position: relative;
}
.hcwd {}
.hcwd h4 {
font-size: 49px;
color: rgb(52, 136, 72);
font-weight: 700;
line-height: 60px;
}
.hcwd h4 span {
font-size: 55px;
color: #00410f;
font-family: 'Caveat', cursive;
transform: rotate(-12deg);
margin-top: -5px;
display: block;
text-align: left;
padding-left: 198px;
font-weight: 400;
}
.hcwd ul {
list-style: none;
}
.hcwd ul li {
font-size: 15px;
color: rgb(59, 57, 57);
font-weight: 600;
position: relative;
margin-bottom: 25px;
cursor: pointer;
line-height: 25px;
}
.hcwd ul li:after {
content: '';
position: absolute;
left: -60px;
right: 0px;
width: 44px;
height: 44px;
background-position: -438px -53px;
background-image: url(../img/icons.png);
top: 0px;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.hcwd ul li:hover:after {
-webkit-animation-name: hvr-pop;
animation-name: hvr-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@-webkit-keyframes hvr-pop {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.hcwd-section {
background-color: #eaeaea;
padding: 80px 0px;
}
.ber-after-section {
background-color: #001723;
padding: 50px 0px 120px;
}
.ber-after h4 {
font-size: 49px;
color: #fff;
font-weight: 700;
line-height: 60px;
padding-left: 70px;
}
.ber-after h4 span {
font-size: 40px;
color: #fff;
font-family: 'Caveat', cursive;
transform: rotate(-12deg);
margin-left: -57px;
display: block;
text-align: left;
padding-left: 0;
font-weight: 400;
letter-spacing: -1px;
}
.ber-after p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 1.733;
padding-top: 25px;
width: 90%;
}
.sub-banner {
background-color: #10252e;
overflow: hidden;
height: 720px;
}
.sev-cont-marg {
margin-top: 50px;
margin-bottom: 50px;
}
.sev-cont {
position: relative;
}
.chart {
bottom: 140px;
left: 28px;
}
.bubbol {
left: 387px;
top: 63px;
transform: scale(1.5);
}
.slider {
top: 228px;
left: 80px;
}
.fb-ico {
bottom: 30px;
left: 235px;
width: 68px;
height: 66px;
background-position: -342px -199px;
background-image: url(../img/icons.png);
border-radius: 40px;
background-color: #51d4f0;
animation: pulse 2s infinite;
}
@-webkit-keyframes arowani {
0% {
right: 21px;
}
50% {
right: 15px;
}
100% {
right: 21px;
}
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(81, 212, 240, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(81, 212, 240, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(81, 212, 240, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(81, 212, 240, 0.4);
box-shadow: 0 0 0 0 rgba(81, 212, 240, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 20px rgba(81, 212, 240, 0);
box-shadow: 0 0 0 20px rgba(81, 212, 240, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(81, 212, 240, 0);
box-shadow: 0 0 0 0 rgba(81, 212, 240, 0);
}
}
.hameed-div {
position: relative;
right: -130px;
margin-top: 20px;
}
.hameed-div:after {
position: absolute;
content: '';
background-image: url(../img/nml.png);
width: 170px;
height: 73px;
top: -45px;
right: 235px;
z-index: 10;
}
.hameed-div>div {
width: 640px;
height: 427px;
overflow: hidden;
position: absolute;
right: 0px;
top: 2px;
}
.hameed-div div>video {
position: absolute;
width: 714px;
height: 466px;
right: 0px;
top: -8px;
}
.hameed-div div>img {
position: absolute;
right: 0px;
top: 25px;
}
.hameed-div>img {
position: relative;
z-index: 10;
}
.befr {
font-size: 20px;
color: rgb(72, 79, 73);
text-transform: uppercase;
position: absolute;
top: 33px;
left: 355px;
}
.aftr {
font-size: 37px;
color: rgb(34, 209, 50);
font-weight: 700;
position: absolute;
top: -65px;
left: 510px;
}
.wdrw-img {
margin-right: -150px;
}
.wdrw-img img {
width: 100%;
}
.mw-hed {
margin-left: -115px;
}
.mw-hed h4 {
font-size: 48px;
color: rgb(12, 119, 37);
font-weight: 700;
line-height: 70px;
margin-bottom: 0px;
letter-spacing: -2px;
}
.mw-div1 {
margin-top: 50px;
}
.mw-div2 {
margin-top: 60px;
position: relative;
left: -13px;
}
.mw-div3 {
margin-top: 31px;
position: relative;
left: -93px;
}
.mw-hed span {
font-size: 16px;
color: rgb(78, 82, 74);
line-height: 1.412;
padding-left: 8px;
}
.mw-div h5 {
font-size: 22px;
color: rgb(42, 42, 42);
font-weight: 700;
margin-bottom: 13px;
}
.mw-div p {
font-size: 13px;
color: rgb(42, 42, 42);
font-weight: 400;
line-height: 23px;
}
.get-in-touch-section {
background-color: #f8f6f6;
padding: 60px 0px;
z-index: 10;
position: relative;
}
.get-in-touch {
text-align: center;
padding: 0px 30px;
}
.get-in-touch p {
font-size: 23px;
color: rgb(29, 28, 28);
margin-bottom: 15px;
line-height: 37px;
font-weight: 600;
letter-spacing: -1px;
padding: 0px 85px;
}
.get-in-touch a {
display: inline-block;
background-color: #d1361d;
color: #fff;
padding: 15px 70px 15px 20px;
vertical-align: middle;
position: relative;
font-weight: 600;
transition: all 0.5s;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin-top: 25px;
}
.get-in-touch a::after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 20px;
}
.get-in-touch a:hover {
background-color: #95210e;
color: #fff
}
.get-in-touch a:hover::after {
animation: arowani 1s infinite;
}
.lvit {
padding-right: 20px;
padding-top: 15px;
}
.cewoo.dont-take.lvit h4 {
font-size: 36px;
padding-right: 35px;
}
.cewoo.dont-take.lvit span {
font-size: 40px;
color: #443a3a;
font-family: 'Caveat', cursive;
transform: rotate(-12deg);
margin-left: -57px;
display: block;
text-align: right;
padding-left: 0;
position: relative;
top: 10px;
right: -10px;
font-weight: 400;
}
.lvitto h6 {
padding-bottom: 15px;
padding-top: 15px;
}
.lvit-section {
padding: 50px 0px;
z-index: 10;
position: relative;
background-color: #fff;
}
.solutions-we-provide {
padding: 135px 0px 90px;
}
.solutions-we-provide h2 {
font-size: 55px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 65px;
margin-bottom: 25px;
}
.solutions-we-provide h2 span {
font-size: 37px;
font-family: 'Caveat', cursive;
color: rgb(38, 208, 71);
line-height: 1.514;
display: block;
transform: rotate(-2deg);
position: relative;
left: -30px;
font-weight: 300;
}
.solutions-we-provide p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 1.8;
}
.solutions-we-provide-banner {
background-size: cover;
overflow: hidden;
position: relative;
}
.features {
padding-left: 130px;
margin: 80px 0px;
position: relative;
}
.features>span {}
.features>span h4 {
font-size: 52px;
color: rgba(1, 1, 1, 0.29);
font-weight: 600;
transform: rotate(-90deg);
position: absolute;
top: 170px;
left: -50px;
}
.features>span>span {
position: absolute;
width: 80px;
height: 65px;
display: block;
left: 40px;
top: 13px;
}
.features>span>span img {
position: absolute;
}
.features>span>span img:nth-child(1) {
-webkit-animation: rotation 20s infinite linear;
left: 33px;
top: 10px;
}
.features>span>span img:nth-child(2) {
-webkit-animation: rotation-rew 20s infinite linear;
top: 32px;
left: 17px;
}
.features>span>span img:nth-child(3) {
-webkit-animation: rotation 20s infinite linear;
}
.features-clp {}
.features-sub-clp {
border: 1px solid #f0f0f0;
margin-bottom: 5px;
}
.features-sub-clp h4 {
background-color: #f0f0f0;
font-size: 17px;
color: rgb(93, 100, 93);
font-weight: 600;
padding: 15px 30px;
margin-bottom: 0px;
position: relative;
transition: all 0.5s;
cursor: pointer;
}
.features-sub-clp h4:hover {
background-color: #cecece;
}
.features-sub-clp div {
max-height: 0px;
transition: all 0.5s;
overflow: hidden;
}
.features-sub-clp.active div {
max-height: 500px;
}
.features-sub-clp div p {
font-size: 13px;
color: rgb(26, 26, 26);
line-height: 1.846;
margin-bottom: 0px;
padding: 5px 30px 40px;
}
.features-sub-clp.active h4 {
background-color: #fff;
color: #0b9f19;
}
.features-sub-clp h4:after {
content: '';
position: absolute;
right: 30px;
top: 19px;
width: 18px;
height: 18px;
background-image: url(../img/plz.png);
}
.features-sub-clp.active h4:after {
width: 21px;
height: 21px;
background-image: url(../img/min.png);
background-repeat: no-repeat;
background-position: center;
}
.solutions-we-provide-mobile {
position: relative;
bottom: -120px;
}
.solutions-we-provide-dote {
transform: rotate(-180deg);
position: absolute;
right: 0px;
top: 135px;
}
.solutions-we-provide-dote div.left-ani1 {
position: relative;
}
.client-banner {
height: 400px;
}
.client-head {
padding: 125px 0px 70px;
}
.client-head h1 {
font-size: 55px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 65px;
margin-bottom: 25px;
}
.client-head h1 span {
font-size: 37px;
font-family: 'Caveat', cursive;
color: rgb(38, 208, 71);
line-height: 1.514;
display: block;
transform: rotate(-2deg);
position: relative;
left: -30px;
font-weight: 300;
}
.breadcrumb {
font-size: 18px;
color: rgb(255, 255, 255);
}
.breadcrumb a {
font-size: 18px;
color: rgb(255, 255, 255);
display: inline-block;
}
.breadcrumb span {
font-size: 18px;
color: rgb(255, 255, 255);
display: inline-block;
margin: 0px 10px;
}
.clent-logs {
padding: 50px 0px;
}
.clent-logs>div {
width: 25%;
float: left;
text-align: center;
height: 160px;
position: relative;
padding: 20px;
border-right: 1px solid #eae9e6;
}
.clent-logs>div:nth-child(4n+0) {
border-right: 0px solid #eae9e6;
}
.clent-logs>div img {
top: 50%;
transform: translateY(-50%);
position: absolute;
left: 0px;
right: 0px;
margin: 0 auto;
max-width: 200px;
}
.bod {
border-left: 1px solid #eae9e6;
border-right: 1px solid #eae9e6
}
.bods {
border-right: 1px solid #eae9e6
}
.clent-logs>div:nth-last-child(-n+4) {
padding-bottom: 20px;
}
.clearfix {
display: block;
clear: both
}
.clent-logs>div:nth-child(2):after {
content: '';
width: 1px;
height: 80px;
background-color: #eae9e6;
position: absolute;
left: -1px;
top: -50px
}
.clent-logs>div:nth-child(2):before {
content: '';
width: 1px;
height: 80px;
background-color: #eae9e6;
position: absolute;
right: -1px;
top: -50px
}
.clent-logs>div:nth-child(3):before {
content: '';
width: 1px;
height: 80px;
background-color: #eae9e6;
position: absolute;
right: -1px;
top: -50px
}
.clent-logs>div:nth-last-child(3):after {
content: '';
width: 1px;
height: 80px;
background-color: #eae9e6;
position: absolute;
left: -1px;
bottom: -50px
}
.clent-logs>div:nth-last-child(3):before {
content: '';
width: 1px;
height: 80px;
background-color: #eae9e6;
position: absolute;
right: -1px;
bottom: -50px
}
.clent-logs>div:nth-last-child(4):before {
content: '';
width: 1px;
height: 80px;
background-color: #eae9e6;
position: absolute;
left: -1px;
bottom: -50px
}
.about-banner {
background-size: cover;
background-position: bottom;
}
.about-head {
padding: 170px 0px 100px;
width: 50%;
}
.about-head h1 {
font-size: 55px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 65px;
text-transform: uppercase;
}
.about-head span {
font-size: 37px;
font-family: 'Caveat', cursive;
color: rgb(38, 208, 71);
line-height: 1.514;
display: block;
transform: rotate(-2deg);
margin-bottom: 14px;
font-weight: 300;
letter-spacing: -1px;
}
.about-head p {
font-size: 16px;
color: rgb(252, 252, 252);
line-height: 1.75;
position: relative;
left: 30px;
}
.about-cont {
text-align: center;
margin: 50px 0px;
}
.about-cont h2 {
font-size: 40px;
color: rgb(4, 152, 49);
font-weight: 700;
margin-bottom: 30px;
}
.about-cont p {
font-size: 15px;
color: rgb(0, 0, 0);
line-height: 1.933;
}
.mv-section {
background-color: #0a7e51;
padding: 110px 0px 80px;
}
.about-mv {
text-align: left;
}
.about-mv h2 {
font-size: 50px;
color: rgb(255, 255, 255);
font-weight: 700;
line-height: 55px;
margin-bottom: 30px;
}
.about-mv p {
font-size: 14px;
color: rgb(252, 252, 252);
line-height: 1.857;
width: 78%;
}
.different {
padding-left: 50px;
}
.different>div {
width: 50%;
float: left;
height: 145px;
padding: 0px 20px 0px 45px;
position: relative;
}
.different>div h4 {
font-size: 23.72px;
color: rgb(255, 255, 255);
font-weight: 700;
}
.different>div>p {
font-size: 14px;
color: rgb(249, 255, 251);
line-height: 1.746;
}
.different>div:after {
content: '';
width: 22px;
height: 22px;
position: absolute;
left: 8px;
top: 8px;
border: 3px solid #fff;
border-radius: 25px;
}
.different>div:before {
width: 2px;
content: '';
height: 88%;
position: absolute;
left: 18px;
top: 27px;
background-color: #69b095;
}
.different>div:nth-last-child(2):before {
display: none;
}
.different>div:nth-last-child(3):before {
display: none;
}
.about-dote {
transform: rotate(-180deg);
position: absolute;
right: 0px;
top: 135px;
}
.about-dote>div {
position: relative;
}
.portfolio-banner {
background-color: #182b1c;
height: 420px
}
.client-head.portfolio-head {
text-align: center;
padding: 125px 0px 30px;
}
.protabs {
padding-left: 0px;
text-align: center;
}
.protabs li {
display: inline-block;
opacity: 0.5;
text-align: center;
height: 140px;
width: 140px;
padding: 34px 10px;
margin: 0px 10px;
opacity: 1;
background-color: rgb(0, 0, 0, 0);
box-shadow: 0px 1px 47px 3px rgba(0, 0, 0, 0);
transition: all 0.5s;
vertical-align: top;
cursor: pointer;
}
.protabs li.current {
opacity: 1;
background-color: rgb(37, 65, 42);
box-shadow: 0px 1px 47px 3px rgba(0, 0, 0, 0.67);
}
.protabs li:hover {
opacity: 1;
background-color: rgb(37, 65, 42);
box-shadow: 0px 1px 47px 3px rgba(0, 0, 0, 0.67);
}
.protabs li img {}
.protabs li span {
font-size: 14px;
font-weight: 300;
color: rgba(255, 254, 254, 0.361);
display: block;
margin-top: 15px;
}
.protabs li.current span {
font-weight: 600;
color: rgb(255, 255, 255);
transition: all 0.5s;
}
.protabs li:hover span {
font-weight: 600;
color: rgb(255, 255, 255);
}
.pro-list {
margin: 0px 0px 100px;
}
.pro-list>div {
width: calc(33.33% - 10px);
float: left;
position: relative;
margin: 5px;
overflow: hidden;
max-height: 237px;
}
.pro-list>div img {
width: 100%;
max-height: 325px;
-webkit-filter: grayscale(0%);
/* Safari 6.0 - 9.0 */
filter: grayscale(0%);
transition: all 0.5s;
}
.pro-list>div:hover img {
-webkit-filter: grayscale(100%);
/* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.pro-list>div>div p {
font-size: 14px;
color: rgb(255, 255, 255);
line-height: 1.571;
}
.pro-list>div>div {
position: absolute;
top: 100%;
width: 100%;
height: 100%;
left: 0px;
transition: all 0.5s;
text-align: center;
background-color: rgba(0, 0, 0, 0.57);
padding: 65px 40px;
}
.pro-list>div:hover>div {
top: 0%;
}
.pro-list>div>div>div {
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
padding: 0px 40px;
right: 0px;
}
.pro-list>div>div h6 {
font-size: 26px;
color: rgb(255, 255, 255);
font-weight: 600;
}
.pro-list>div>div a {
font-size: 12px;
color: rgb(255, 255, 255);
text-transform: uppercase;
border: 2px solid #fff;
padding: 9px 25px;
border-radius: 20px;
text-align: center;
min-width: 108px;
display: inline;
margin: 10px;
}
.pro-list>div>div a:hover {
background-color: #000;
}
.tab-procontent h4 {
font-size: 43px;
color: rgb(57, 123, 13);
font-weight: 700;
margin: 70px 0px;
}
.tab-procontent {
transition: all 0.5s;
}
.pro-list>div>div a:hover {
background-color: #fff;
color: #000;
}
.cont-frm>div>input:hover {
background-color: #800b0b;
}
.work-pros h4 {
font-size: 51px;
color: #2c994d;
font-weight: 700;
line-height: 30px;
margin-top: 90px;
margin-bottom: 30px;
}
.work-pros h4 span {
letter-spacing: -1px;
font-size: 37px;
font-family: 'Caveat', cursive;
color: rgb(38, 208, 71);
line-height: 1.514;
display: block;
transform: rotate(-2deg);
font-weight: 300;
text-align: right;
margin: 0 auto;
width: 260px;
position: relative;
right: -162px;
}
.work-pros {
text-align: center;
}
.work-cont {
width: 50%;
padding: 0px 50px;
position: relative;
}
.work-cont.rit {
float: right;
padding-left: 100px;
}
.work-cont.lef {
text-align: right;
padding-right: 100px;
}
.work-cont h6 {
font-size: 50px;
font-family: 'Caveat', cursive;
color: #6f9486;
line-height: 60px;
font-weight: 100;
}
.work-cont p {
font-size: 14px;
color: rgb(89, 82, 82);
line-height: 26px;
}
.work-cont span {
width: 90px;
height: 90px;
background-color: #1e9466;
display: block;
position: absolute;
left: -25px;
border-radius: 45px;
box-shadow: 3px -1px 8px 1px rgba(0, 0, 0, 0.17);
z-index: 10;
}
.work-cont.lef span {
left: auto;
right: -25px;
}
.work-cont span:after {
content: '';
width: 38px;
height: 38px;
position: absolute;
left: 0px;
right: 0px;
background-image: url(../img/discover.png);
background-repeat: no-repeat;
margin: 0 auto;
top: 25px;
}
.work-min-div {
position: relative;
}
.work-min-div:after {
content: '';
width: 2px;
height: 84%;
background-color: #dedbdb;
position: absolute;
left: 0px;
right: 0px;
margin: 0 auto;
top: 15px;
}
.work-ani-img {
width: 50%;
float: left;
}
.discover-img {
position: relative;
margin-top: -180px;
margin-bottom: 20px;
}
.discover-img img:nth-child(2) {
position: absolute;
left: 237px;
top: -7px;
transition: all 0.5s;
transform: rotate(0deg);
}
.plan-div:hover .discover-img img:nth-child(2) {
left: 263px;
top: -30px;
transform: rotate(20deg);
}
.design-img {
position: relative;
margin-top: -220px;
margin-bottom: -48px;
margin-left: 121px;
}
.design-img img:nth-child(2) {
position: absolute;
-webkit-animation: rotation 20s infinite linear;
right: 46px;
top: 23px;
}
.design-img img:nth-child(3) {
position: absolute;
-webkit-animation: rotation-rew 20s infinite linear;
right: -11px;
top: 23px;
}
.about-gary {
background-color: #f1f1f1;
padding-bottom: 100px;
background-image: url(../img/about-right.png);
background-repeat: no-repeat;
background-position: left bottom;
}
.develop-img {
margin-top: -130px;
margin-bottom: -76px;
padding-right: 150px;
}
.deliver-img {
position: relative;
margin-top: -181px;
margin-bottom: 16px;
margin-left: -48px;
}
.deliver-img img:nth-child(2) {
position: absolute;
right: 150px;
bottom: 66px;
-webkit-animation: flm 0.5s infinite linear;
}
.deliver-div>span {
width: 110px;
height: 110px;
border-radius: 55px;
left: -56px;
}
@keyframes flm {
0% {
right: 319px;
bottom: 66px;
}
100% {
right: 319px;
bottom: 59px;
}
}
.plan:after {
background-position: -45px 0px;
}
.design:after {
background-position: -87px 0px;
}
.develop:after {
background-position: -133px 0px;
}
.deliver:after {
background-image: url(../img/paper-plane.png) !important;
width: 61px !important;
height: 58px !important;
}
.about-gary {
background-image: url(../img/about-right.png);
}
.speak-dis {
padding: 135px 0px 45px;
}
.speak-dis .breadcrumb {
margin-top: 50px;
}
.speak-dis h1 {
font-size: 48px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 55px;
width: 80%;
margin-bottom: 95px;
}
.speak-dis>a {
display: inline-block;
background-color: #d1361d;
color: #fff;
font-size: 18px;
padding: 10px 70px 12px 20px;
vertical-align: middle;
position: relative;
font-weight: 600;
transition: all 0.5s;
text-transform: uppercase;
}
.speak-dis>a:after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 18px;
transition: all 0.5s;
}
.speak-dis a:hover::after {
animation: arowani 1s infinite;
}
.outsourcing-div {
padding: 0px 60px;
}
.outsourcing-div h4 {
font-size: 47px;
color: rgb(55, 76, 40);
font-weight: 600;
text-align: center;
margin-bottom: 30px;
}
.outsourcing-div p {
font-size: 14.37px;
color: rgb(47, 47, 47);
line-height: 1.878;
}
.outsourcing-section {
padding: 57px 0px;
}
.wwp-back {}
.wwp-back div {
width: 20%;
float: left;
height: 190px;
background-image: url(../img/wwp-back.png);
text-align: center;
position: relative;
background-size: cover;
}
.wwp-back div h5 {
font-size: 17px;
color: rgb(255, 255, 255);
font-weight: 600;
position: absolute;
width: 100%;
top: 50%;
transform: translateY(-50%);
padding: 20px;
}
.provide-row {
padding-top: 80px;
padding-bottom: 80px;
}
.provide-section {
padding-bottom: 100px;
background-size: cover;
}
.prov-gar {
background-color: #f3f1f1;
padding: 70px 0px;
}
.adoof-div {
margin-top: 60px;
}
.adoof-div>div {
width: calc(33.33% - 20px);
float: left;
min-height: 135px;
background-color: #fff;
padding: 20px 25px 40px;
margin-right: 20px;
margin-bottom: 20px;
}
.adoof-div>div h6 {
font-size: 19px;
color: rgb(47, 47, 47);
font-weight: 600;
position: relative;
}
.adoof-div>div h6:after {
content: '';
background-color: #e99a10;
width: 50px;
height: 3px;
position: absolute;
left: 0px;
bottom: -20px;
}
.key h5 {
font-size: 35.674px;
color: rgb(57, 114, 18);
font-weight: 800;
text-transform: uppercase;
text-align: right;
line-height: 45px;
padding-left: 20px;
}
.key-bord h6 {
font-size: 26px;
color: rgb(90, 112, 73);
line-height: 1.5;
text-align: left;
}
.key-bord {
border-left: 1px solid #88acc6;
padding-left: 30px;
margin-left: 0px;
margin-top: 32px;
}
.contact-banner {
height: 700px;
background-color: #10262c;
padding-top: 70px;
}
.contact-banner .client-head {
text-align: center;
}
.contact-banner .client-head h1 {
line-height: 30px;
}
.contact-banner .client-head h1 span {
right: -111px;
left: auto;
top: -12px;
}
.cont-frm {
background-color: #fff;
padding: 50px 50px 66px;
margin-top: -300px;
box-shadow: 2px 3px 107px 7px rgba(0, 0, 0, 0.61);
margin-right: 95px;
position: relative;
}
.would h5 {
font-size: 40px;
color: rgb(56, 80, 41);
font-weight: 700;
line-height: 1.25;
text-align: right;
}
.vero-bord {
border-left: 1px solid #88acc6;
padding-left: 35px;
margin-left: 11px;
padding-top: 10px;
padding-bottom: 10px;
}
.vero-bord h6 {
font-size: 26px;
color: rgb(90, 112, 73);
line-height: 1.5;
text-align: left;
font-weight: 300;
}
.frm-row {
margin: 10px 0px 20px;
}
.meti label {
display: block;
font-size: 17px;
color: rgb(90, 112, 73);
transition: all 0.5s;
}
.meti.foc label {
font-size: 13px;
top: -25px;
}
.fm-div {
padding-right: 80px;
}
.meti input {
border: 0px;
border-bottom: 2px solid #9f9f9f;
width: 100%;
height: 40px;
background-color: rgba(0, 0, 0, 0);
position: relative;
z-index: 10;
}
.meti textarea {
border: 0px;
border-bottom: 2px solid #9f9f9f;
width: 100%;
height: 150px;
background-color: rgba(0, 0, 0, 0);
}
.meti {
position: relative;
margin-top: 55px;
margin-right: 15px;
}
.cont-frm input[type=submit] {
transition: all 0.5s;
border: 0px;
text-transform: uppercase;
color: #fff;
background-color: #ca1c1c;
padding: 55px 25px 10px 25px;
position: absolute;
right: 35px;
bottom: -20px;
background-image: url(../img/paper-plane.png);
background-repeat: no-repeat;
background-size: 36px;
background-position: 25px 15px;
cursor: pointer;
}
.com-vist {
width: 30%;
float: left;
}
.com-vist h4 {
font-size: 43px;
color: rgb(56, 80, 41);
font-weight: 700;
display: inline;
}
.com-vist h4 span {
font-family: 'Caveat', cursive;
font-size: 30px;
color: rgb(38, 208, 71);
text-align: right;
transform: rotate(-2deg);
display: block;
position: relative;
right: 70px;
top: -17px;
font-weight: 300;
}
.com-vist address {
font-size: 15px;
color: rgb(0, 0, 0);
line-height: 1.933;
padding-left: 60px;
margin: 15px 0px 40px;
}
.map iframe {
height: 500px
}
.map {
height: 500px;
}
.cont-info {
background-color: #0e8446;
position: relative;
margin-right: -10px;
right: -30px;
}
.cont-info .cal {
padding: 30px 0px 19px 70px;
background-image: url(../img/phone-receiver.png);
background-repeat: no-repeat;
background-position: 26px 35px;
}
.work-row {
position: relative;
z-index: 10;
}
.cal a {
font-size: 14px;
color: rgb(255, 255, 255);
display: block;
margin-bottom: 10px;
}
.cal a span {
display: inline-block;
min-width: 100px;
font-weight: 400;
}
.email {
padding: 17px 0px 17px 70px;
border-top: 1px solid #439f6f;
background-image: url(../img/close-envelope.png);
background-repeat: no-repeat;
background-position: 26px 21px;
}
.email span {
display: block;
font-size: 14px;
color: rgb(255, 255, 255);
font-weight: 600;
}
.email a {
font-size: 14px;
color: rgb(255, 255, 255);
margin-bottom: 10px;
}
.map {
width: 70%;
float: left;
box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.18);
}
.cont-div-sec {
margin-top: 90px;
margin-bottom: 80px;
}
.careers-head span {
padding-left: 145px;
margin-top: -25px;
}
.cre-lis-de h4 {
font-size: 38px;
color: rgb(4, 152, 49);
font-weight: 700;
margin-bottom: 30px;
line-height: 50px;
}
.cre-lis-de p {
font-size: 14px;
color: rgb(0, 0, 0);
line-height: 28px;
}
.cre-lis-de h6 {
font-size: 24px;
color: rgb(77, 84, 79);
font-weight: 700;
padding-bottom: 15px;
letter-spacing: -1px;
}
.cre-lis-de ul {
list-style: none;
padding-left: 0px;
margin-bottom: 50px;
}
.cre-main {
margin-right: -50px;
}
.cre-lis-de ul li {
font-size: 14px;
color: rgb(0, 0, 0);
padding-bottom: 12px;
padding-left: 15px;
position: relative;
}
.cre-lis-de ul li:after {
content: '';
width: 5px;
height: 5px;
background-color: #000;
position: absolute;
left: 0px;
top: 8px;
border-radius: 5px;
}
.cre-lis-de a {
display: block;
background-color: #ca1c1c;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
padding: 15px 10px;
max-width: 220px;
font-size: 15px;
transition: all 0.5s;
}
.cre-lis-de a:hover {
background-color: #8b0f0f;
}
.cre-lis-de {
margin-bottom: 80px;
margin-top: 60px;
}
.cr-lis-bt {
background-color: #f9f9f9;
padding: 15px;
border: 1px solid #f6f2f2;
box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.04);
margin-top: -30px;
margin-left: 60px;
}
.cr-lis-bt h3 {
font-size: 25px;
color: rgb(113, 137, 120);
font-weight: 700;
padding: 15px 17px 10px;
margin-bottom: 0px;
}
.cr-lis-bt ul {
padding-left: 0px;
list-style: none;
}
.cr-lis-bt ul li {
border-bottom: 1px solid #f1f1f1;
font-size: 15px;
color: rgb(90, 86, 86);
cursor: pointer;
background-color: rgb(4, 77, 26, 0);
transition: all 0.5s;
}
.cr-lis-bt ul li.act a{
}
.cr-lis-bt ul li.act a, .cr-lis-bt ul li:hover a {
color: #fff
}
.cr-lis-bt ul li a {
color: rgb(90, 86, 86);
display: block;
padding: 20px;
}
.cr-lis-bt ul li:last-child {
border-bottom: 0px;
}
.cr-lis-bt>a {
display: block;
background-color: #424446;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
padding: 15px 10px;
font-size: 15px;
transition: all 0.5s;
margin: 50px auto 0px;
width: 95%;
}
.cr-lis-bt>a:hover {
background-color: #1b1b1c
}
.cr-lis-bt ul li:hover, .cr-lis-bt ul li.act {
background-color: rgb(4, 77, 26);
color: #fff;
}
.greatest {
padding-top: 70px;
}
.greatest h3 {
font-size: 50px;
color: rgb(4, 152, 49);
font-weight: 700;
line-height: 65px;
margin-bottom: 25px;
}
.greatest p {
font-size: 15px;
color: rgb(0, 0, 0);
line-height: 1.933;
}
.greatest h5 {
font-size: 24px;
color: rgb(18, 153, 59);
font-weight: 600;
margin-top: 65px;
margin-bottom: 20px;
}
.car-gry {
background-color: #fcfcfc
}
.cry-frm h4 {
text-align: center;
font-size: 33px;
color: rgb(56, 80, 41);
font-weight: 700;
}
.cry-frm p {
font-size: 15px;
color: rgb(0, 0, 0);
line-height: 1.733;
text-align: center;
width: 80%;
margin: 0 auto;
}
.cry-frm label {
font-size: 15px;
color: rgb(90, 112, 73);
font-weight: 600;
display: block;
margin-top: 20px;
}
.cry-frm input[type=text], .cry-frm input[type=email],.cry-frm input[type=number] {
width: 100%;
height: 50px;
padding-left: 10px;
border-style: solid;
border-width: 1px;
border-color: rgb(232, 227, 227);
background-color: rgb(255, 255, 255);
box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.07);
font-size: 14px;
}
.cry-frm input[type=file] {
width: 100%;
height: 50px;
padding-left: 10px;
border-style: solid;
border-width: 1px;
border-color: rgb(232, 227, 227);
background-color: rgb(255, 255, 255);
box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.07);
padding-top: 13px;
font-size: 14px;
}
.cek i {
display: inline-block;
width: 85%;
font-weight: 400 !important;
font-style: initial;
}
.cek input {
display: inline-block;
}
.cek {
font-weight: 400
}
.hed {
border-bottom: 1px solid #dedede;
margin-top: 60px;
margin-bottom: 30px;
}
.hed h6 {
font-size: 22px;
color: rgb(93, 173, 39);
font-weight: 700;
}
.cry-frm {
margin-top: 80px;
margin-bottom: 90px;
}
.cek {
position: relative;
font-weight: 400 !important;
margin-bottom: 0px !important;
margin-top: 15px !important;
}
.cek input {
position: relative;
z-index: 10;
opacity: 0;
cursor: pointer;
margin-right: 15px;
}
.cek span {
width: 14px;
height: 14px;
border: 2px solid #bfbfbf;
position: absolute;
left: 0px;
top: 3px;
z-index: 5;
}
.cek>input[type="checkbox"]:checked+span {
background-color: #666;
}
.lab {
font-size: 15px;
color: rgb(90, 112, 73);
font-weight: 600;
display: block;
margin-bottom: 10px;
}
.mar-lef {
margin-left: -31px;
}
.min-r {
margin-right: -46px
}
.sbu {
display: block;
background-color: #ca1c1c;
color: #fff;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
padding: 12px 40px;
font-size: 15px;
transition: all 0.5s;
margin-top: 40px;
float: right;
border: 0px;
}
.rot-side {
position: absolute;
transform: rotate(-90deg);
right: -179px;
top: 103px;
}
.rot-side a {
font-size: 24px;
color: rgb(90, 112, 73);
background: rgb(16, 18, 20);
background: -moz-linear-gradient(-180deg, #b6b5b5 0%, #e4e2e2 100%);
background: -webkit-linear-gradient(-180deg, #b6b5b5 0%, #e4e2e2 100%);
background: linear-gradient(-180deg, #b6b5b5 0%, #e4e2e2 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b6b5b5', endColorstr='#e4e2e2', GradientType=1);
display: inline-block;
vertical-align: middle;
padding: 20px 30px;
position: relative;
border-left: 1px solid #c4c2c2;
transition: all 0.5s;
}
.rot-side a:hover {
color: rgb(54, 69, 41);}
.rot-side a:first-child {
margin-right: -6px;
border-left: 0px;
}
.rot-side a:last-child:after {
content: '';
width: 24px;
height: 27px;
background-image: url(../img/cont-cal.png);
background-repeat: no-repeat;
display: block;
position: absolute;
left: 31px;
top: 26px;
}
.rot-side a:last-child {
height: 76px;
width: 83px;
margin-left: -5px;
}
.contact-banner .client-dote {
transform: rotate(-180deg);
position: absolute;
right: 0px;
top: 435px;
}
.contact-banner .client-head h1 span {
font-size: 43px;
}
.s-wdp {
margin-bottom: 35px;
}
.s-wdp h4 {
font-size: 46px;
font-family: 'Open Sans', sans-serif;
color: rgb(255, 255, 255);
font-weight: 700;
display: inline-table;
letter-spacing: -2px;
}
.s-wdp h4 span {
font-size: 38px;
font-family: "Caveat";
color: rgb(244, 244, 244);
font-weight: 100;
display: block;
text-align: right;
transform: rotate(-6deg);
margin-top: -13px;
margin-right: -15px;
}
.barnads {
background-color: #203822
}
.tec-min {}
.tec-min h5 {
font-size: 36px;
color: rgb(255, 253, 253);
font-weight: 600;
line-height: 46px;
margin-bottom: 20px;
}
.tec-min p {
font-size: 16px;
color: rgb(255, 255, 255);
line-height: 31px;
font-weight: 400
}
.tec-tol {
margin-top: 30px;
position: relative;
}
.tec-tol h6 {
font-size: 17px;
color: rgb(255, 255, 255);
text-transform: uppercase;
font-weight: 600;
}
.tec-tol>div {
text-align: center;
display: inline-block;
vertical-align: top;
}
.tec-tol>div img {
cursor: pointer;
transition: all 0.5s;
transform: scale(1);
}
.tec-tol>div img:hover {
transform: scale(1.1);
}
.tec-tol>div span {
display: block;
font-size: 13px;
color: rgb(255, 255, 255);
line-height: 2.385;
}
.mac-air {
position: relative;
}
.mac-air>div {
width: 700px;
height: 416px;
background-image: url(../img/macair.png);
background-size: 100%;
position: relative;
z-index: 100;
}
.mac-air video {
width: 563px;
position: absolute;
z-index: 90;
top: 33px;
left: 71px;
}
.section-wdp.blue {
background-color: #1e2934
}
.section-wdp.wite {
background-color: #e9e9e9
}
.wite h5, .wite h6, .wite p, .wite span {
color: #434a42 !important
}
.s-wdp.gen h4, .s-wdp.gen span {
color: #27621b
}
.blue .mac-air {
position: relative;
margin-left: -85px;
}
.tec-tol a {
background-color: #32522b;
text-transform: uppercase;
font-weight: 600;
font-family: 'Montserrat', sans-serif;
padding: 13px 45px;
font-size: 14px;
color: #fff;
border-radius: 35px;
width: 200px;
display: block;
text-align: center;
position: absolute;
bottom: 48px;
right: -30px;
z-index: 150;
box-shadow: 0px 1px 8.46px 0.54px rgba(0, 0, 0, 0.54);
transition: all 0.5s;
}
.tec-tol a:hover {
background-color: #162e11
}
.main-sec {
position: relative;
}
.section-wdp {
padding: 65px 0px 80px;
position: absolute;
width: 100%;
left: 0px;
}
.fixed {
position: fixed;
top: 0px !important;
left: 0px;
width: 100%
}
.effective-web {
width: 55%;
float: left;
}
.effective-div {
width: 45%;
float: left;
}
.effective-section {
padding: 80px 0px;
}
.nav-dot {
position: relative;
right: -130px;
}
.nav-dot:after {
height: 1px;
width: 100%;
position: absolute;
top: 9px;
left: 0px;
background-color: #7c8a7d;
content: '';
z-index: 1;
}
.nav-dot>div {
display: inline-table;
width: 20px;
height: 20px;
border: 2px solid #7c8a7d;
border-radius: 10px;
position: relative;
background-color: #203822;
margin-right: 90px;
position: relative;
z-index: 10;
vertical-align: top;
}
.nav-dot>div.acv:after {
content: '';
width: 10px;
height: 10px;
top: 3px;
left: 3px;
position: absolute;
background-color: #7c8a7d;
border-radius: 10px;
}
.nav-sec {
position: absolute;
top: 106px;
width: 100%;
right: 0px;
}
.nav-sec.fx {
z-index: 10;
position: fixed;
}
#cussev.fix>div {
position: fixed;
top: 40px;
}
#cussev.fix-stop>div {
position: absolute;
bottom: 0%;
}
#cussev.fix-stop>div img {
position: absolute;
bottom: 0%;
}
.services-banner {
position: relative;
padding: 80px 0px 50px;
}
.services-banner>img {
position: absolute;
right: 0px;
bottom: 0px;
}
.services-ban {
background-color: #10252e;
}
.services-banner>div {}
.services-banner>div h1 {
font-size: 54px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 65px;
}
.services-banner>div h1 span {
font-size: 42px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 26px;
}
.services-banner>div p {
font-size: 16px;
color: rgb(203, 205, 204);
line-height: 1.563;
}
.services-banner>div img {
margin: 20px 0px 20px;
}
.rm-mar {
margin-top: 0px !important
}
.rt-fix {
position: fixed;
right: 35px;
top: 90px;
z-index: 200;
}
.rt-fix a {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: #419749;
display: block;
position: relative;
margin-bottom: 20px;
}
.rt-fix a:hover {
animation: pulse 2s infinite;
}
.rt-fix a.tel:after {
background-image: url(../img/icons.png);
content: '';
top: 8px;
right: 12px;
width: 25px;
height: 28px;
position: absolute;
transform: scale(0.9);
}
.rt-fix a.mal:after {
background-image: url(../img/icons.png);
content: '';
top: 10px;
right: 12px;
width: 31px;
height: 28px;
position: absolute;
background-position: -27px 0px;
transform: scale(0.8);
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 99999;
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(../img/preloader.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
background-size: 100%;
}
.ani-top {
position: relative;
z-index: 150;
}
.reviwe {
display: inline-block;
vertical-align: top;
}
.mar-top {
margin-top: -20px;
}
.sub-li::before {
content: '';
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #fff;
position: absolute;
right: -15px;
top: 7px;
transition: all 0.5s;
}
.sub-li:hover::before {
border-top: 4px solid rgb(65, 151, 73);
}
.sub-li {
margin-right: 2px;
}
.lg-outer {
z-index: 99999;
background-color: #000;
}
.whs-back {
background-image: url(../img/services/web-hosting-srilanka/top-back.png);
background-size: cover;
}
.whs-banner {
position: relative;
padding: 160px 0px 75px;
}
.whs-banner h1 {
font-size: 54px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 65px;
margin-bottom: 30px;
}
.whs-banner p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 26px
}
.whs-banner h6 {
font-size: 17px;
color: rgb(255, 255, 255);
font-weight: 400;
margin-bottom: 27px;
line-height: 28px
}
.whs-banner a {
margin-top: 25px;
}
.whs-banner .cont {
width: 40%;
float: left;
}
.whs-banner .img {
width: 60%;
float: left;
text-align: right;
margin-bottom: -140px;
}
.whs-banner .img img {
margin-top: 65px;
}
.whs-banner a:hover {
background-color: #95210e;
}
.whs-banner a:hover::after {
animation: arowani 1s infinite;
}
.whs-banner a::after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 18px;
}
.brochure-gole {
padding-bottom: 70px;
}
.paymentget-gary {
background-color: #f9fafa;
padding: 90px 0px 70px;
}
.whs-gary {
background-color: #d9e3e9;
padding: 110px 0px 70px;
}
.whs-we-min h5 {
font-size: 37px;
color: rgb(54, 54, 55);
font-weight: 800;
width: 50%;
float: left;
text-align: right;
line-height: 47px;
letter-spacing: -2px;
}
.whs-we-min p {
font-size: 17px;
color: rgb(42, 42, 42);
line-height: 1.882;
width: 50%;
float: left;
padding-left: 50px;
padding-top: 8px;
}
.whs-we {
height: 240px;
position: relative;
width: 100%;
margin-top: 15px;
}
.whs-we span.rou {
width: 210px;
height: 210px;
border-radius: 105px;
border: 1px dashed #ced4d9;
display: block;
position: absolute;
}
.whs-we span.rou1 {
left: 130px;
top: 15px;
}
.whs-we span.rou2 {
width: 120px;
height: 120px;
left: 430px;
top: 15px;
}
.whs-we span.rou3 {
right: 345px;
top: 100px;
width: 110px;
height: 110px;
}
.whs-we span.rou4 {
right: 60px;
top: 55px;
width: 195px;
height: 195px;
}
.whs-we img {
position: absolute;
cursor: pointer;
}
.whs-we img:hover {
-webkit-animation-name: hvr-buzz;
animation-name: hvr-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.whs-we .php {
left: 100px;
top: 27px;
}
.whs-we .cp {
left: 239px;
top: 161px;
}
.whs-we .cms {
left: 406px;
top: 74px;
}
.whs-we .code {
left: 599px;
top: 43px;
}
.whs-we .html {
right: 243px;
top: 123px;
}
.whs-we .js {
right: 82px;
top: 7px;
}
.whs-blu {
background-color: #124056;
padding: 100px 0px 80px;
}
.whs-cont {
text-align: right;
}
.whs-cont h5 {
font-size: 43px;
color: rgb(254, 254, 254);
font-weight: 800;
line-height: 53px;
}
.whs-cont p {
font-size: 15px;
color: rgb(244, 247, 248);
line-height: 1.8;
margin-top: 40px;
}
.whs-cont-img {
padding-left: 40px;
position: relative;
margin-bottom: -250px;
z-index: 10;
margin-top: 20px;
}
.mob-cli {
text-align: center;
}
#owl-clients .mob-cli img {
display: inline-block;
width: 40%;
margin: 7px;
}
.whp-hed {}
.whp-hed h4 {
font-size: 45px;
color: #363637;
font-weight: 900;
line-height: 30px;
margin-top: 160px;
margin-bottom: 30px;
letter-spacing: -1px;
text-align: center
}
.whp-hed h4 span {
letter-spacing: -1px;
font-size: 37px;
font-family: 'Caveat', cursive;
color: rgb(38, 208, 71);
line-height: 1.514;
display: block;
top: 5px;
font-weight: 300;
text-align: center;
margin: 0 auto;
width: 358px;
position: relative;
right: -191px;
}
.packg {
cursor: pointer;
box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0);
transition: all 0.5s;
border-radius: 10px;
}
.packg:hover {
box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.32);
}
.packg .top {
text-align: center;
border-radius: 10px 10px 0px 0px;
}
.packg .top>h6 {
font-size: 28px;
color: rgb(38, 93, 98);
font-weight: 800;
text-transform: uppercase;
margin-bottom: 13px;
padding-top: 25px;
}
.packg .top>span {
display: block;
font-size: 16px;
color: rgb(244, 247, 248);
font-weight: 600;
}
.packg .top>h5 {
font-size: 33px;
color: rgb(244, 247, 248);
font-weight: 700;
}
.packg .top>div {
background-color: rgba(255, 255, 255, 0.15);
}
.packg .top>div div {
width: 50%;
float: left;
font-size: 23px;
color: rgb(255, 255, 255);
font-weight: 700;
text-align: left;
padding-left: 50px;
padding-top: 10px;
padding-bottom: 15px;
}
.packg .top>div span {
display: block;
font-size: 14px;
color: rgb(254, 255, 255);
font-weight: 600;
}
.packg .top.blu {
background-color: #1b95a0;
}
.packg .top p {
font-size: 14px;
color: rgb(255, 255, 255);
font-weight: 400;
margin: 25px 0px 10px
}
.packg .top a {
display: inline-block;
background-color: #d1361d;
color: #fff;
padding: 12px 70px 12px 20px;
vertical-align: middle;
position: relative;
font-weight: 600;
transition: all 0.5s;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin-bottom: 40px;
}
.packg .top a::after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 17px;
transition: all 0.5s;
}
.packg .cont>div {
font-size: 13px;
color: rgb(40, 40, 40);
padding: 10px 25px 12px;
clear: both;
background-color: #f2f8fc;
}
.packg .cont>div i {
background-image: url(../img/rit.png);
display: inline-block;
width: 19px;
height: 19px;
vertical-align: middle;
margin-right: 13px;
}
.packg .cont>div.gry {
background-color: #ecf2f6
}
.packg .cont div h6 {
font-size: 16px;
color: rgb(40, 40, 40);
font-weight: 600;
margin-top: 40px
}
.rside i {
float: right;
margin-right: 0px !important;
}
.payment-gateways.opwps h5 {
font-size: 40px
}
.type-of-websites.opwps ul li {
font-size: 19px;
font-weight: 400
}
.packg .cont {
border-radius: 0px 0px 10px 10px;
overflow: hidden;
}
.ls-rw {}
.ls-rw img {
display: inline-block;
}
.ls-rw div {
display: inline-block;
vertical-align: middle;
}
.ls-rw div h5 {
font-size: 32px;
color: rgb(20, 186, 26);
font-weight: 700;
line-height: 30px;
}
.ls-rw div h5 span {
font-size: 25px;
font-family: "Caveat";
color: rgb(20, 186, 26);
line-height: 1.069;
display: block;
}
.center {
text-align: center;
}
.packg .cont div>a {
display: inline-block;
background-color: #d1361d;
color: #fff;
padding: 12px 70px 12px 20px;
vertical-align: middle;
position: relative;
font-weight: 600;
transition: all 0.5s;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin-bottom: 20px;
}
.packg .cont div>a::after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 19px;
transition: all 0.5s;
}
.pacg-sectin {
margin-bottom: 120px;
}
.packg .grn {
background-color: #568d2d
}
.packg .yelo {
background-color: #eeb01a
}
.seo-back {
background-image: url(../img/services/seo/background.jpg);
background-size: cover;
}
.seo-hed h1 span {
font-size: 42px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 26px;
margin-left: 25px;
}
.seo-banner {
position: relative;
padding: 145px 0px 75px;
overflow: visible;
max-height: 800px
}
.seotop-img {}
.seotop-img img {
margin-left: 50px;
margin-top: 0px !important;
}
.seo-mitcont {}
.seo-mitcont h4 {
font-size: 33px;
line-height: 45px;
font-weight: 800;
color: #363637;
margin-bottom: 30px;
letter-spacing: -1px
}
.seo-mitcont p {
font-size: 18px;
line-height: 32px;
font-weight: 600;
color: #2a2a2a
}
.seo-mitcont ul {
padding-left: 0px;
list-style: none;
margin-top: 55px;
}
.seo-mitcont ul li {
font-size: 15px;
line-height: 28px;
font-weight: 400;
color: #2a2a2a;
margin-bottom: 40px;
background-image: url(../img/big-rit.png);
background-repeat: no-repeat;
padding-left: 60px;
}
.seo-gary {
padding-top: 100px;
}
.seo-hand {
margin-left: -160px;
}
.seo-blu {
background-color: #045f89;
padding: 100px 0px 80px
}
.seo-bl {
text-align: right;
}
.seo-bl h4 {
font-size: 44px;
color: #fff;
font-weight: 800;
position: relative;
letter-spacing: -1px;
line-height: 52px
}
.seo-bl h4:after {
content: '';
height: 75%;
width: 1px;
position: absolute;
right: -37px;
top: 23px;
background-color: #fff;
}
.seo-bl span {
font-size: 42px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
display: block;
transform: rotate(-3deg);
font-weight: 100;
letter-spacing: -1px;
padding-right: 68px;
}
.seo-our p {
color: #fff;
font-size: 16px;
line-height: 28px;
font-weight: 400;
padding-right: 50px;
}
.seo-our {
padding-left: 35px;
}
.seo-anl {}
.seo-anl>div {
margin-bottom: 35px;
}
.seo-anl>div>span {
display: inline-block;
vertical-align: top;
width: 23%
}
.seo-anl>div>span img {
width: 100%;
}
.seo-anl>div>div {
display: inline-block;
vertical-align: top;
width: 76%;
padding-left: 30px;
}
.seo-anl>div>div h5 {
font-size: 25px;
color: rgb(255, 255, 255);
font-weight: 700;
}
.seo-anl>div>div p {
font-size: 15px;
color: rgb(255, 255, 255);
font-weight: 300;
line-height: 27px;
}
.seo-carry {
font-size: 20px;
color: rgb(255, 255, 255);
font-weight: 400
}
.seo-section {
margin-top: 60px;
}
.seo-anl>div>div img {
margin-top: 15px;
margin-left: 30px;
}
.seo-search {
text-align: right;
margin-top: 80px;
}
.seo-search h4 {
font-size: 33px;
color: rgb(54, 54, 55);
font-weight: 800;
text-align: right;
line-height: 45px;
letter-spacing: -2px;
}
.seo-search span {
font-size: 39px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
display: block;
transform: rotate(-3deg) !important;
font-weight: 100;
letter-spacing: -1px;
}
.seo-search p {
font-size: 18px;
color: rgb(42, 42, 42);
font-weight: 600;
margin-top: 50px;
padding-left: 35px;
line-height: 32px;
}
.seo-search a {
margin-top: 25px;
}
.search-seco {
overflow: hidden;
margin-bottom: 70px;
}
.seo-round {
position: relative;
}
.seo-round:after {
width: 700px;
height: 700px;
border-radius: 350px;
position: absolute;
right: -168px;
background-color: #2e5066;
content: '';
top: -162px;
z-index: 10;
}
.seo-round img:nth-child(1) {
position: relative;
z-index: 15;
margin-top: 55px;
margin-left: 65px;
}
.seo-round img:nth-child(2) {
position: absolute;
z-index: 15;
bottom: 50px;
transform: scale(1);
transition: all 0.5s;
}
.seo-round img:nth-child(2):hover {
transform: scale(1.1);
}
.brochure-back {
background-image: url(../img/services/brochure-designing/brochure-back.png);
background-position: left top;
background-color: #f2f2f3;
background-size: cover;
}
.brochure-hed h1 {
font-size: 49px;
color: rgb(28, 56, 61);
font-weight: 800;
line-height: 60px;
letter-spacing: -1px;
}
.brochure-hed span {
font-size: 36px;
font-family: "Caveat";
color: #3e8d41;
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 17px;
margin-left: -40px;
letter-spacing: -1px;
}
.brochure-hed h6 {
color: #1c383d;
}
.brochure-hed p {
color: #21545d;
line-height: 28px;
}
.brochure-hed a {
margin-top: 25px;
}
.ppc-back {
background-image: url(../img/services/ppc/background.png);
background-position: left bottom;
background-size: cover;
}
.img.ppc-img img {
margin-top: -50px;
}
.ppc-banner {
max-height: 100%;
}
.img.ppc-img {
margin-bottom: -75px;
}
.ppc-hed span {
font-size: 37px;
font-family: "Caveat";
color: #2fbd34;
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 10px;
letter-spacing: -1px;
}
.ppc-mitcont {}
.ppc-mitcont h4 {
font-size: 33px;
line-height: 45px;
font-weight: 800;
color: #363637;
margin-bottom: 30px;
text-align: right;
padding-right: 30px;
}
.ppc-hand {
padding-right: 90px;
}
.ppc-hand p {
font-size: 15px;
color: rgb(42, 42, 42);
line-height: 1.733;
}
.ppc-gary {
background-color: #f6f7f7;
padding-top: 80px;
padding-bottom: 60px;
}
.ppc-thiswek {}
.ppc-thiswek h5 {
font-size: 32px;
color: rgb(54, 54, 55);
font-weight: 800;
line-height: 44px;
margin-bottom: 20px;
letter-spacing: -1px;
}
.ppc-thiswek p {
font-size: 15px;
color: rgb(42, 42, 42);
line-height: 1.733;
}
.ppc-round {
overflow: hidden;
position: relative;
padding: 50px 0px
}
.ppc-thiswek img {
position: absolute;
left: -280px;
bottom: -150px;
}
.ppc-let-do-section {
background-color: #0c272e;
padding: 80px 0px 60px;
}
.ppc-let-do {}
.ppc-let-do span {
font-size: 42px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 13px;
margin-left: 50px;
}
.ppc-let-do h5 {
font-size: 33px;
color: #fff;
font-weight: 800;
text-align: right;
margin-bottom: 20px;
line-height: 47px;
}
.ppc-let-do a {
float: right;
}
.package-timeline {
padding-left: 45px;
position: relative;
}
.package-timeline:after {
content: '';
width: 1px;
position: absolute;
top: -10%;
left: 90px;
background-color: #3f555a;
height: 110%;
}
.package-timeline h4 {
font-size: 23px;
color: rgb(255, 255, 255);
font-weight: 700;
margin-bottom: 25px;
margin-left: 110px;
z-index: 1;
}
.pack-row {}
.pac-tim {
position: relative;
background-color: #f2f5f3;
height: 80px;
margin-bottom: 40px;
width: 80%;
z-index: 1
}
.nub {
position: absolute;
left: 0px;
top: 0px;
background-color: #349050;
text-align: center;
font-size: 30px;
color: rgb(255, 255, 255);
line-height: 25px;
font-weight: 700;
height: 80px;
width: 90px;
padding: 17px;
}
.nub span:after {
content: '';
position: absolute;
width: 15px;
height: 15px;
background-color: #349050;
right: -6px;
top: 30px;
transform: rotate(45deg);
}
.nub span {
display: block;
font-size: 13px;
color: rgb(255, 255, 255);
text-transform: uppercase;
font-weight: 600
}
.init {
padding-left: 110px;
font-size: 14px;
color: #415572;
text-transform: uppercase;
font-weight: 600;
padding-top: 17px;
}
.init span {
display: block;
font-size: 14px;
color: #0f0e0e;
text-transform: none;
font-weight: 400;
}
.ppc-img {
position: relative;
}
.ppc-img .img2 {
position: absolute;
left: 14px;
transform: rotate(0deg);
top: 140px;
transition: all 0.5s;
z-index: 1;
}
.ppc-img .img3 {
position: absolute;
transition: all 0.5s;
left: 150px;
transform: rotate(0deg);
top: 185px;
}
.ppc-img .img3:hover {
transform: rotate(-3deg);
}
.ppc-img .img2:hover {
transform: rotate(-5deg);
}
.directory-back {
background-image: url(../img/services/directory/top-banner.jpg);
background-position: bottom left;
background-repeat: no-repeat;
background-size: cover;
}
.directory-banner .cont {
width: 50%;
float: left;
}
.directory-banner .img {
width: 50%;
float: left;
text-align: right;
}
.directory-banner p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 26px;
padding-right: 60px;
}
.directory-img img {
margin-top: -175px !important;
margin-bottom: -135px;
}
.directory-mitcont {
text-align: center;
}
.directory-mitcont h4 {
font-size: 37px;
line-height: 45px;
font-weight: 800;
color: #363637;
margin-bottom: 30px
}
.directory-mitcont span {
font-size: 42px;
font-family: "Caveat";
color: #363637;
line-height: 1.333;
display: block;
font-weight: 100;
margin-bottom: 10px;
text-align: center;
}
.directory-mitcont p {
font-size: 15px;
color: rgb(42, 42, 42);
line-height: 1.867;
text-align: center;
width: 64%;
margin: 0 auto;
}
.directory-gary {
background-color: #f6f7f7;
padding-top: 60px;
padding-bottom: 60px;
}
.directory-thiswek img {
margin-left: -260px;
}
.directory-thiswek h5 {
font-size: 28px;
color: rgb(54, 54, 55);
font-weight: 800;
line-height: 39px;
margin: 50px 0px 25px;
letter-spacing: -1px;
}
.directory-thiswek p {
font-size: 14px;
color: rgb(42, 42, 42);
line-height: 1.786;
}
.smedia-back {
background-image: url(../img/services/social-media-marketing/back-img.jpg);
background-size: cover;
}
.smedia-back .seo-hed h1 span {
white-space: nowrap;
}
.media-hand {
margin-left: 70px;
}
.media-hand img {}
.seo-mitcont.media-cont h4 {
margin-bottom: 65px;
font-size: 37px;
}
.media-our {
padding-top: 30px;
padding-left: 40px;
}
.media-our p {
color: #fff;
font-size: 16px;
line-height: 28px;
font-weight: 400;
padding-right: 195px;
}
.media-blu {
background-color: #0c394e;
padding: 90px 0px;
}
.sio-med {
text-align: center;
padding-top: 20px;
padding-bottom: 50px;
}
.sio-med p {
font-size: 16px;
color: rgb(195, 204, 208);
line-height: 1.75;
font-weight: 300;
padding: 0px 110px;
}
.codoi {
text-align: center;
}
.codoi img {
transition: all 0.5s;
transform: scale(1);
}
.codoi:hover img {
transform: scale(1.1);
}
.codoi h4 {
font-size: 31px;
color: rgb(235, 248, 255);
font-weight: 700;
}
.codoi div.img {
height: 200px
}
.codoi div.cont {
max-height: 0px;
overflow: hidden;
transition: all 0.5s;
}
.codoi.opn div.cont {
max-height: 500px;
}
.codoi>div.cont h5 {
font-size: 24px;
color: rgb(55, 223, 134);
font-weight: 700;
margin-bottom: 15px;
}
.codoi>div.cont p {
font-size: 13px;
color: rgb(222, 231, 235);
line-height: 1.846;
}
.codoi>div.cont span {
background-color: #248ab9;
font-size: 25px;
color: rgb(235, 248, 255);
font-weight: 700;
display: block;
width: 45px;
height: 45px;
margin: 0 auto;
border-radius: 30px;
line-height: 42px;
position: relative;
margin-top: 30px;
margin-bottom: 20px;
}
.seo-exist-section{
background-color: #fff !important;
}
.codoi>div.cont span:after {
content: '';
width: 1px;
height: 30px;
position: absolute;
left: 0px;
right: 0px;
margin: 0 auto;
background-color: #fff;
top: -30px;
opacity: 0.3;
}
.seo-cup {
padding-left: 50px;
}
.seo-cup img {}
.codoi div.sep {
position: relative;
margin-top: -25px;
}
.codoi div.sep:after {
width: 100%;
height: 1px;
background-color: #3f6373;
content: '';
position: absolute;
top: 30px;
left: 0px;
z-index: 10;
}
.codoi div.sep>span {
cursor: pointer;
background-color: #248ab9;
font-size: 25px;
color: rgb(235, 248, 255);
font-weight: 700;
display: block;
width: 63px;
height: 63px;
margin: 0 auto;
border-radius: 34px;
line-height: 39px;
position: relative;
margin-top: 30px;
margin-bottom: 20px;
border: 10px solid #0c394e;
z-index: 15;
transition: all 0.5s;
}
.codoi div.sep>span:after {
content: '';
width: 96px;
height: 35px;
background-image: url(../img/services/social-media-marketing/fd.png);
position: absolute;
top: 36px;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
opacity: 1;
transition: all 0.5s;
}
.codoi.opn div.sep>span:after {
opacity: 0
}
.codoi.opn div.sep>span {
background-color: #bf2020
}
.codoi div.sep>span img {
transform: rotate(0deg);
transition: all 0.5s;
}
.codoi.opn div.sep>span img {
transform: rotate(45deg);
}
.codoi div.sep>span:hover:after {
-webkit-animation-name: hvr-wobble-to-bottom-right;
animation-name: hvr-wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
@keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.seo-cup a {
margin-top: 5px
}
.seo-cup {
text-align: center;
}
.seo-cup span {
position: relative;
left: -75px;
}
.seo-cup p {
margin-top: 25px;
font-size: 16px;
color: rgb(42, 42, 42);
font-weight: 700;
}
.search-socil {
overflow: hidden;
padding-bottom: 110px
}
.search-socil .seo-search h4 {
font-size: 42px;
font-weight: 800;
}
.search-socil .seo-search span {
line-height: 41px;
margin-top: 35px;
}
.search-socil .seo-search p {
font-size: 16px;
font-weight: 600;
line-height: 30px;
margin-top: 30px;
}
.software-back {
background-image: url(../img/services/software-development/banner-back.jpg);
background-size: cover;
}
.software-hed span {
font-size: 33px;
font-family: "Caveat";
color: #2f8432;
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 20px;
letter-spacing: -1px
}
.software-hed h1 {
font-size: 43px;
color: rgb(54, 67, 106);
font-weight: 800;
line-height: 1.315;
margin-bottom: 30px;
position: relative;
}
.software-hed p {
font-size: 15px;
color: rgb(15, 52, 63);
line-height: 1.8;
padding-right: 50px;
}
.whs-banner .cont.software-hed {
width: 50%;
}
.whs-banner .img.softwaretop-img {
width: 50%;
}
.whs-banner .img.softwaretop-img img {
margin-top: 0px;
}
.software-hed img {
margin: 15px 0px 30px;
}
.softwar-mitcont {}
.softwar-mitcont h4 {
letter-spacing: -1px;
font-size: 31px;
color: rgb(54, 54, 55);
font-weight: 800;
line-height: 1.484;
text-align: right;
}
.softwar-hand {}
.softwar-hand p {
font-size: 16px;
color: rgb(42, 42, 42);
line-height: 1.813;
border-left: 1px solid #000;
padding-left: 50px;
margin-left: 25px;
padding-bottom: 50px;
margin-top: 15px;
}
.softwar-gary {
padding: 100px 0px;
}
.software-bl {}
.software-bl h4 {
font-size: 41px;
color: rgb(254, 255, 254);
font-weight: 700;
line-height: 1.293;
margin-bottom: 35px;
}
.software-bl p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 29px;
font-weight: 400;
}
.software-bl span {
font-weight: 300;
position: relative;
font-size: 30px;
font-family: "Caveat";
color: rgb(255, 255, 255);
line-height: 1.867;
left: -20px;
}
.software-our {
position: relative;
padding-left: 40px;
}
.software-our h4 {
font-size: 51px;
font-family: "Caveat";
color: rgb(255, 255, 255);
line-height: 1.098;
text-align: left;
font-weight: 400
}
.software-our p {
font-size: 18px;
color: rgb(254, 255, 254);
font-style: italic;
font-weight: 300
}
.ligry {
background-color: #f7f7f7
}
.sdsin h4 {
text-align: right;
padding-right: 35px;
}
.software-our h4 {
font-size: 51px;
font-family: "Caveat";
color: rgb(255, 255, 255);
line-height: 1.098;
transform: rotate(-3deg);
position: relative;
left: -16px;
font-weight: 400;
letter-spacing: -1px
}
.software-our img {
position: absolute;
transition: all 0.5s;
transform: scale(1);
cursor: pointer;
}
.software-our img:hover {
transform: scale(1.1);
z-index: 10;
}
.software-our img:nth-child(3) {
top: 115px;
right: 200px;
}
.software-our img:nth-child(4) {
top: 218px;
right: 299px;
}
.software-our img:nth-child(5) {
top: 251px;
right: 161px;
}
.software-our img:nth-child(6) {
top: 152px;
right: 62px;
}
.software-our img:nth-child(7) {
top: 353px;
right: 262px
}
.software-our img:nth-child(8) {
top: 390px;
right: 123px;
}
.software-our img:nth-child(9) {
top: 290px;
right: 22px;
}
.software-our img:nth-child(10) {
top: 491px;
right: 224px;
}
.software-our img:nth-child(11) {
top: 430px;
right: -14px;
}
.software-blu {
background-color: #157797;
padding: 50px 0px 120px;
background-image: url(../img/tecno.png);
background-repeat: no-repeat;
background-position: -91px -79px;
}
.gry-wi {
background-color: #f7f7f7;
}
.ocif h4 {
font-size: 44px;
color: rgb(54, 54, 55);
font-weight: 800;
line-height: 1.25;
margin-bottom: 180px;
letter-spacing: -1px;
}
.ocif span {
font-size: 39px;
font-family: "Caveat";
color: rgb(44, 171, 30);
line-height: 1.436;
}
.soft-stp {
position: relative;
}
.soft-stp:after {
content: '';
width: 1px;
height: 113%;
position: absolute;
background-color: #e0deed;
top: -100px;
left: 63px;
}
.soft-stp>div {
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
padding: 20px 10px 10px 120px;
margin-bottom: 45px;
position: relative;
z-index: 10;
}
.soft-stp>div span {
height: 70px;
width: 70px;
text-align: center;
position: absolute;
left: 30px;
top: -30px;
font-size: 39px;
color: rgb(140, 143, 147);
font-weight: 800;
line-height: 64px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
border-radius: 40px;
}
.soft-stp>div p {
font-size: 19px;
color: rgb(46, 46, 46);
line-height: 1.632;
text-align: left;
}
.gry-wi {
padding-bottom: 80px;
padding-top: 100px
}
.yse-section {
background-image: url(../img/services/software-development/sde.png);
background-size: cover;
padding-bottom: 100px;
padding-top: 70px;
background-attachment: fixed;
}
.yse {}
.yse span {
font-size: 42px;
font-family: "Caveat";
color: #3dce20;
line-height: 1.333;
text-align: left;
display: block;
transform:rotate(-3deg) !important;
font-weight: 100;
margin-bottom: 20px;
letter-spacing: -1px;
}
.yse h4 {
font-size: 43px;
color: #fff;
font-weight: 700;
line-height: 1.315;
margin-bottom: 30px;
letter-spacing: -2px;
}
.yse p {
font-size: 16px;
color: rgb(255, 255, 255);
line-height: 1.813;
}
.yse-img {
max-height: 480px;
}
.hart-l {
position: absolute;
left: 115px;
top: 162px;
animation: hartl 2s infinite;
}
.hart-r {
position: absolute;
right: 137px;
top: 162px;
animation: hartr 2s infinite;
}
@keyframes hartr {
0% {
right: 137px;
opacity: 1
}
50% {
right: 125px;
opacity: 0
}
100% {
right: 137px;
opacity: 1
}
}
@keyframes hartl {
0% {
left: 115px;
opacity: 1
}
50% {
left: 102px;
opacity: 0
}
100% {
left: 115px;
opacity: 1
}
}
.packg .top a:hover::after {
animation: arowani 1s infinite;
}
.packg .cont div>a:hover::after {
animation: arowani 1s infinite;
}
.brochure-mitcont {
position: relative;
}
.brochure-mitcont h4 {
font-size: 33px;
line-height: 45px;
font-weight: 800;
color: #363637;
margin-bottom: 30px;
text-align: right;
padding-right: 65px;
padding-left: 65px;
letter-spacing: -2px
}
.brochure-mitcont:after {
content: '';
width: 1px;
height: 90%;
position: absolute;
right: 0px;
top: 5%;
background-color: #0093f0;
}
.brochure-hand {
padding-left: 40px;
padding-right: 50px;
}
.brochure-hand p {
font-size: 15px;
color: rgb(42, 42, 42);
line-height: 1.867;
text-align: left;
}
.brochures-baner {
background-image: url(../img/services/brochure-designing/brochures-baner.png);
background-size: cover;
background-position: top;
background-attachment: fixed;
padding: 100px 0px 80px;
}
.brochures-can h4 {
font-size: 34px;
color: rgb(255, 255, 255);
font-weight: 800;
letter-spacing: -1px;
}
.brochures-can {
width: 49%
}
.brochures-can span {
font-size: 36px;
font-family: "Caveat";
color: #1ab54c;
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-top: -4px;
}
.gcri {
margin-top: 45px;
}
.gcri>div {
display: inline-block;
width: 48%;
vertical-align: top;
margin-bottom: 50px;
}
.gcri>div span {
background-color: #265d38;
font-size: 39px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 1.103;
width: 60px;
height: 60px;
display: inline-block;
vertical-align: middle;
text-align: center;
border-radius: 40px;
line-height: 58px;
}
.gcri>div p {
display: inline-block;
vertical-align: top;
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 1.867;
margin-bottom: 0px;
width: 80%;
padding-left: 10px;
}
.this-four-section {
padding: 55px 0px 45px;
background-color: #fafafa;
}
.this-four h4 {
font-size: 23px;
color: rgb(42, 42, 42);
font-weight: 700;
margin-top: 10px;
letter-spacing: -1px;
}
.this-four {}
.this-four>div {
width: 25%;
float: left;
text-align: center;
}
.this-four>div>span {
border-style: solid;
border-width: 1px;
border-color: rgb(234, 234, 234);
border-radius: 50%;
background-color: rgb(255, 255, 255);
width: 123px;
height: 123px;
display: block;
position: relative;
margin: 0 auto;
font-weight: 400;
transition: all 0.5s;
transform: scale(1);
}
.this-four>div>span:hover {
transform: scale(1.1);
}
.this-four>div>span img {
position: absolute;
top: 50%;
left: 0px;
right: 0px;
margin: 0 auto;
transform: translateY(-50%);
}
.this-four>div>h6 {
font-size: 15px;
color: rgb(42, 42, 42);
margin-top: 20px;
font-weight: 400;
}
.your-company {
text-align: right;
}
.your-company h5 {
font-size: 39px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 55px;
}
.your-company span {
text-align: right;
font-size: 36px;
letter-spacing: -1px;
margin-bottom: 30px;
}
.your-company p {
font-size: 14px;
color: rgb(255, 255, 255);
line-height: 1.857;
padding-left: 100px;
}
.brochures-recent-rowk {}
.brochures-recent-rowk h3 {}
.payment-back {
padding-top: 150px;
background-image: url(../img/services/payment/banner.png);
background-size: cover;
}
.payment-banner .img {
position: relative;
}
.payment-banner .img img {
margin-left: 135px;
}
.payment-banner .img span {
border-radius: 5px;
background-color: rgb(97, 145, 62);
width: 166px;
height: 41px;
font-size: 17px;
color: rgb(255, 255, 255);
font-weight: 800;
text-transform: uppercase;
display: block;
text-align: center;
padding-top: 9px;
position: absolute;
z-index: 10;
bottom: 164px;
left: 224px;
animation: shadow-pulse 2s infinite;
cursor: pointer;
}
@keyframes shadow-pulse {
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
}
100% {
box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
}
}
.payment-banner .cont {
width: 50%;
float: left;
}
.payment-banner .img {
width: 50%;
float: left;
}
.payment-banner .cont h6 {
font-size: 17px;
color: rgb(255, 255, 255);
font-weight: 400;
margin-bottom: 27px;
line-height: 28px;
}
.payment-banner .cont p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 26px;
}
.payment-banner .cont h1 {
font-size: 54px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 65px;
margin-bottom: 30px;
}
.raq-btn {
display: inline-block;
background-color: #d1361d;
color: #fff;
padding: 15px 70px 15px 20px;
vertical-align: middle;
position: relative;
font-weight: 600;
transition: all 0.5s;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin-top: 25px;
}
.raq-btn::after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 20px;
}
.raq-btn:hover {
background-color: #95210e;
color: #fff
}
.raq-btn:hover::after {
animation: arowani 1s infinite;
}
.payment-gateways {
text-align: right;
padding-right: 20px;
}
.socarth5{
padding-top: 30px;
}
.payment-gateways h5 {
font-size: 35px;
color: rgb(54, 54, 55);
font-weight: 800;
line-height: 1.484;
text-align: right;
letter-spacing: -2px;
}
.payment-gateways p {
font-size: 17px;
color: rgb(42, 42, 42);
line-height: 1.882;
width: 80%;
float: right;
margin-top: 25px;
}
.type-of-websites {
padding-top: 10px;
padding-left: 15px;
}
.type-of-websites h4 {
font-size: 23px;
color: rgb(54, 54, 55);
font-weight: 700;
}
.type-of-websites ul {
padding-left: 0px;
margin-top: 45px;
}
.type-of-websites ul li {
font-size: 17px;
color: rgb(42, 42, 42);
background-image: url(../img/big-rit.png);
padding-left: 45px;
list-style: none;
background-repeat: no-repeat;
background-size: 25px;
padding-bottom: 19px;
background-position: 0px 1px;
line-height: 30px;
}
.major-payment {
padding: 72px 0px 0px;
text-align: center;
}
.major-payment h4 {
font-size: 25px;
color: rgb(54, 54, 55);
font-weight: 700;
margin-bottom: 40px;
letter-spacing: -1px;
}
#payment img {
margin: 0 auto;
display: block;
width: auto;
}
#payment .item p {
transition: all 0.5s;
font-size: 13px;
color: rgb(42, 42, 42);
line-height: 1.538;
padding: 0px 25px;
}
.payment-gateways h4 {
font-size: 38px;
color: rgb(54, 54, 55);
font-weight: 800;
line-height: 1.484;
text-align: left;
padding-left: 30px;
letter-spacing: -2px;
}
.payment-gateways h4 span {
font-size: 38px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
letter-spacing: -1px;
}
.business_development-section {
background-color: #0c272e;
padding-top: 50px;
padding-bottom: 70px;
margin-top: 60px
}
.business_development {
text-align: right;
}
.business_development h4 {
font-size: 35px;
color: rgb(252, 252, 252);
font-weight: 800;
margin-bottom: 50px;
letter-spacing: -1px;
line-height: 47px;
}
.business_development h4 span {
font-size: 38px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
}
.business_development p {
font-size: 17px;
color: rgb(255, 255, 255);
line-height: 1.882;
width: 80%;
float: right;
font-weight: 300;
}
.estimated {
width: 275px;
text-align: center;
margin-left: 50px;
margin-top: -85px;
}
.estimated div {
position: relative;
margin-bottom: 30px;
height: 275px
}
.estimated div .round {}
.estimated div .cov {
position: absolute;
left: 47px;
top: 49px;
}
.estimated>span {
font-size: 14px;
color: rgb(255, 255, 255);
text-transform: uppercase;
font-weight: 600;
}
.estimated p {
font-size: 22px;
color: rgb(255, 255, 255);
}
.logo-banner .cont {
width: 50%;
float: left;
padding-top: 135px;
}
.logo-banner .img {
width: 50%;
float: left;
}
.logo-banner .img>div {
margin-right: -60px
}
.logo-banner .cont p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 27px;
margin-top: 30px;
padding-right: 115px;
}
.logo-banner .cont h1 {
font-size: 46px;
color: rgb(255, 255, 255);
font-weight: 800;
}
.logo-banner .cont h1 span {
font-size: 55px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-left: -35px;
margin-bottom: -20px;
letter-spacing: -1px;
}
.logo-back {
padding-top: 30px;
background-color: #154e61;
background-image: url(../img/services/logodesign/banenr.png);
background-repeat: no-repeat;
background-position: left;
}
.logo-banner .img {
position: relative;
}
.logo-banner .img .art {
position: relative;
right: -80px;
}
.logo-banner .img .arow {
position: absolute;
bottom: 169px;
right: 26px;
-webkit-animation: arow 3s infinite linear;
}
.logo-banner .img .pont {
position: absolute;
bottom: 195px;
right: 81px;
-webkit-animation: pont 3s infinite linear;
}
@keyframes pont {
0% {
bottom: 195px;
right: 81px;
}
25% {
bottom: 144px;
right: 51px;
}
75% {
bottom: 144px;
right: 51px;
}
100% {
bottom: 195px;
right: 81px;
}
}
@keyframes arow {
0% {
transform: rotate(20deg);
}
25% {
transform: rotate(0deg);
}
75% {
transform: rotate(0deg);
}
100% {
transform: rotate(20deg);
}
}
.logo-banner {
padding-bottom: 20px;
}
.logo-min {
text-align: right;
}
.logo-min h5 {
font-size: 37px;
color: rgb(54, 54, 55);
font-weight: 800;
float: left;
text-align: right;
line-height: 47px;
margin-bottom: 50px;
}
.logo-min p {
font-size: 17px;
color: rgb(42, 42, 42);
line-height: 1.882;
float: left;
padding-left: 50px;
padding-top: 8px;
}
.rca-blu {
background-color: #202630
}
.rca span {
display: block;
font-size: 14px;
color: rgb(255, 255, 255);
text-transform: uppercase;
}
.rca>div {
text-align: center;
width: 32%;
display: inline-block;
cursor: pointer;
}
.rca>div img {
margin-bottom: 10px;
position: relative;
top: 0px;
transition: all 0.5s;
}
.rca>div:hover img {
top: -10px;
}
.rca {
background-image: url(../img/services/logodesign/color-row.png);
padding: 330px 35px 270px;
background-size: 100%;
margin-left: -30px;
}
.rca-cont {
text-align: right;
}
.rca-cont h4 {
font-size: 32px;
color: rgb(255, 255, 255);
font-weight: 800;
margin-bottom: 40px;
}
.rca-cont p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 1.933;
}
.rca-cont {
padding: 120px 0px 90px;
}
.imeline-section {
padding: 70px 0px;
}
.imeline h4 {
font-size: 39px;
color: rgb(54, 54, 55);
font-weight: 800;
text-align: right;
margin-right: -20px;
line-height: 50px;
letter-spacing: -2px;
}
.imeline p {
border-left: 1px solid #000;
padding-left: 40px;
margin-left: 30px;
width: 80%;
margin-bottom: 0px;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 5px;
line-height: 29px;
}
.timlog>div {
width: 14.28%;
float: left;
}
.timlog>div.day>div {
font-size: 44px;
font-weight: 800;
color: rgb(255, 255, 255);
background-color: #349050;
text-align: center;
line-height: 33px;
padding: 25px 0px 7px;
position: relative
}
.timlog>div.day>div span {
display: block;
font-size: 13px;
font-weight: 400;
color: rgb(255, 255, 255);
text-transform: uppercase;
}
.timlog>div.day {
position: relative;
}
.timlog>div.day>div.idc {
position: absolute;
}
.timlog>div.pls {
font-size: 44px;
color: rgba(124, 112, 112, 0.569);
font-weight: 800;
text-align: center;
line-height: 100px;
}
.timlog>div.concepts {
width: 12%;
}
.timlog>div.concepts>div {
font-size: 44px;
color: rgb(255, 255, 255);
font-weight: 800;
text-align: center;
background-color: #d71b1b;
padding: 22px 0px 7px;
line-height: 34px;
}
.timlog>div.concepts>div span {
display: block;
font-size: 15px;
font-weight: 400;
color: rgb(255, 255, 255);
text-transform: uppercase;
}
.timlog {
width: 92%;
margin: 75px auto 0px;
}
.recentlogo-section {
background-color: #f5f3f3;
}
.recentlogo h4 {
font-size: 39px;
color: rgb(54, 54, 55);
text-align: center;
margin-bottom: 45px;
font-weight: 800;
letter-spacing: -1px;
}
.recentlogo>div {
width: 90%;
margin: 0 auto;
}
.recentlogo>div>a {
border: 1px solid #f5f3f3;
width: calc(33.33% - 2px);
float: left;
background-color: #fff;
overflow: hidden;
}
.recentlogo>div>a img {
transform: scale(1);
transition: all 0.5s;
}
.recentlogo>div>a:hover img {
transform: scale(1.2);
}
.recentlogo>a {
background-color: #42565d;
border-radius: 5px;
width: 239px;
height: 55px;
display: block;
color: #fff;
font-size: 18px;
padding: 14px 70px 10px 54px;
vertical-align: middle;
position: relative;
font-weight: 700;
transition: all 0.5s;
text-transform: uppercase;
margin: 50px auto 0px;
transition: all 0.5s;
}
.recentlogo>a:hover {
background-color: #202a2e;}
.recentlogo>a::after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 22px;
}
.recentlogo-section {
padding: 80px 0px;
}
.timlog>div>div.idc {
margin-left: -25px;
margin-right: -25px;
background-color: #fff;
margin-top: 30px;
}
.timlog>div>div.idc h6 {
font-size: 20px;
color: rgb(65, 85, 114);
font-weight: 800;
text-transform: uppercase;
margin-bottom: 5px;
}
.timlog>div>div.idc p {
font-size: 14px;
color: rgb(15, 14, 14);
font-weight: 400;
line-height: 25px;
}
.timlog>div.day>div:nth-child(1):after {
content: '';
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 19px solid #349050;
position: absolute;
bottom: -18px;
left: 0px;
right: 0px;
z-index: 10;
margin: 0 auto;
}
.timlog>div.concepts>div {
position: relative;
}
.timlog>div.concepts>div:nth-child(1):after {
content: '';
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #d71b1b;
position: absolute;
bottom: -20px;
left: 0px;
right: 0px;
z-index: 10;
margin: 0 auto;
}
.timlog:after {
content: '';
height: 4px;
width: 76%;
position: absolute;
bottom: 95px;
left: 130px;
background-color: #828282;
}
.timlog>div.day>div:nth-child(1):before {
content: '';
background-image: url(../img/linbul.png);
position: absolute;
width: 18px;
height: 18px;
bottom: -49px;
left: 0px;
right: 0px;
margin: 0 auto;
z-index: 15;
}
.timlog>div.concepts>div:nth-child(1):before {
content: '';
background-image: url(../img/linbul.png);
position: absolute;
width: 18px;
height: 18px;
bottom: -49px;
left: 0px;
right: 0px;
margin: 0 auto;
z-index: 15;
}
.estimated div span {
font-size: 38px;
color: rgb(255, 255, 255);
font-weight: 800;
position: absolute;
top: 113px;
left: 108px;
text-align: center;
line-height: 28px;
}
.estimated div span em {
display: block;
font-style: normal;
font-size: 10px;
text-align: center;
font-weight: 400;
}
.socarth5 h5 {
font-size: 44px;
color: rgb(58, 125, 66);
font-weight: 700;
text-align: left;
margin-top: 10px;
letter-spacing: -2px;
line-height: 59px;
}
.specialize h4 {
font-size: 20px;
font-family: "Open Sans";
color: #417029;
font-weight: 700;
margin-bottom: 35px;
letter-spacing: -1px;
}
.sc-feat {
padding-top: 25px
}
.socartea ul li {
font-size: 16px;
background-position: 1px 3px;
}
.specialize>div {}
.shopping-cart {}
.shopping-cart h4 {
font-size: 32px;
color: rgb(54, 54, 55);
font-weight: 800;
width: 50%;
text-align: right;
float: left;
padding-right: 60px;
border-right: 1px solid #88acc6;
padding-left: 60px;
letter-spacing: -2px;
}
.shopping-cart p {
font-size: 15px;
color: rgb(42, 42, 42);
line-height: 1.933;
width: 45%;
float: left;
padding-left: 50px;
padding-right: 25px;
}
.shopping-cart-section {
background-color: #f9fafa;
padding: 95px 0px 70px
}
.shoc-back {
background-color: #1e124d;
background-image: url(../img/services/shopping-cart/banner.png);
background-size: cover;
}
.shoc-banner h1 {
font-size: 50px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 62px;
letter-spacing: -1px;
margin-bottom: 28px;
}
.shoc-banner p {
font-size: 17px;
color: rgb(255, 255, 255);
line-height: 1.765;
font-weight: 300;
margin-bottom: 50px;
}
.shoc-banner .img {
margin-top: -90px;
margin-bottom: -140px;
position: relative;
right: -100px;
width: 50%;
float: left;
bottom: -30px;
}
.shoc-banner .img img {}
.shoc-back {
overflow: visible;
}
.shoc-banner {
padding: 200px 0px 70px;
}
.shoc-banner .cont {
width: 50%;
float: left;
}
.we-letgo h4 {
margin-bottom: 10px;
}
.wm-provide {}
.wm-provide h4 {
font-size: 32px;
color: rgb(54, 54, 55);
font-weight: 800;
width: 50%;
float: left;
text-align: right;
padding-right: 50px;
line-height: 46px;
letter-spacing: -2px;
}
.provide-setion+section {
margin-top: 0px;
}
.wm-provide p {
width: 50%;
float: left;
font-size: 15px;
color: rgb(42, 42, 42);
line-height: 26px;
padding-top: 10px;
padding-right: 70px;
}
.provide-setion {
padding-bottom: 120px;
padding-top: 80px;
background-color: #f6f7f7
}
.ments-back {
padding-top: 95px;
padding-bottom: 100px;
background-image: url(../img/services/maintenance/banner-background.png);
background-position: left bottom;
background-color: #1a1f37;
background-repeat: no-repeat;
}
.ments-banner {}
.ments-banner .cont {
width: 60%;
float: left;
}
.ments-banner .cont h1 span {
font-size: 42px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 26px;
}
.ments-banner .cont h1 {
font-size: 54px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 65px;
margin-bottom: 30px;
}
.ments-banner .cont p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 26px;
width: 65%;
}
.ments-banner .img {
width: 40%;
float: left;
}
.photo-banner .cont h1 span {
font-size: 37px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 37px;
}
.photo-banner .cont h1 {
font-size: 54px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 65px;
margin-bottom: 30px;
}
.photo-banner .cont p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 26px;
width: 45%;
}
.photo-back {
background-color: #1e124d;
background-image: url(../img/services/photography/banner.png);
background-size: cover;
padding: 135px 0px 90px
}
.photo-profe {
background-color: #e6e6e6;
background-image: url(../img/services/photography/professional.png);
background-size: cover;
background-position: left top;
padding: 110px 0px 200px;
}
.photo-profe>div {
position: relative;
}
.photo-profe .type-of-websites ul {
margin-top: 30px;
}
.imglens {
position: absolute;
right: -230px;
top: -25px;
width: 442px;
height: 442px;
}
.imglens .lensshadow {
position: absolute;
left: -44px;
bottom: -40px;
}
.lens {
-webkit-animation: rotation 120s infinite linear;
}
.business_development-section-photo {
background-image: url(../img/services/photography/ourbusiness.png);
background-size: cover;
background-color: #0c272e;
padding-top: 50px;
padding-bottom: 70px;
background-size: cover;
background-attachment: fixed;
}
.seo-exist h4 {
font-size: 36px;
line-height: 50px;
letter-spacing: -1px;
}
.seo-exist {
margin-bottom: 40px;
}
.seocont-banner .cont h1 span {
font-size: 37px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 37px;
letter-spacing: -1px;
}
.seocont-banner .cont h1 {
font-size: 54px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 65px;
margin-bottom: 30px;
}
.seocont-banner .cont h6 {
font-size: 17px;
color: rgb(255, 255, 255);
font-weight: 400;
margin-bottom: 27px;
line-height: 28px;
width: 75%;
}
.seocont-banner .cont p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 26px;
width: 70%;
}
.seocont-back {
background-color: #042a31;
background-image: url(../img/services/seo-cont/banner-back.png);
background-size: cover;
padding: 135px 0px 40px
}
.seocont-back .img {
margin-top: -238px;
margin-left: -115px;
}
.figures-section {
background-color: #f6f7f7;
padding: 70px 0px;
}
.figures-div {}
.figures-div>span {
font-size: 48px;
color: rgb(151, 154, 157);
font-weight: 800;
display: inline-block;
transform: rotate(-90deg);
position: relative;
left: -10px;
}
.figures-div>ul {
padding-left: 270px;
margin-top: -65px;
}
.figures-div>ul li {
list-style: none;
font-size: 17px;
color: rgb(42, 42, 42);
background-image: url(../img/big-rit.png);
padding-left: 45px;
list-style: none;
background-repeat: no-repeat;
background-size: 25px;
padding-bottom: 19px;
background-position: 0px 0px;
line-height: 30px;
}
.addition-section {
background-image: url(../img/services/seo-cont/additional.png);
padding: 100px 0px 95px;
background-size: cover;
background-attachment: fixed;
}
.addition-div h5 {
font-size: 36px;
color: rgb(255, 255, 255);
font-weight: 800;
width: 50%;
float: left;
text-align: right;
position: relative;
padding-right: 50px;
line-height: 50px;
letter-spacing: -1px;
}
.addition-div h5:after {
content: '';
position: absolute;
width: 1px;
height: 120px;
background-color: #f7fbfd;
top: 25px;
right: 0px;
}
.expert-content h4 {
font-size: 30px;
padding-left: 60px;
}
.addition-div p {
font-size: 16px;
color: rgb(249, 249, 249);
line-height: 28px;
width: 50%;
padding-left: 50px;
float: left;
padding-top: 8px;
line-height: 29px;
padding-right: 100px;
}
.expert-content {
background-color: #0c272e;
padding: 30px 0px 35px
}
.expert-content .business_development h4 span {
margin-bottom: 30px;
padding-left: 40px;
}
.expert-content .business_development h4 {
margin-bottom: 10px;
}
.directory-round {
background-image: url(../img/services/directory/witchback.png);
background-repeat: no-repeat;
background-position: -747px 0px;
padding: 50px 0px 90px;
}
.dir-keyfeatures {
background-image: url(../img/services/directory/keyfeatures.png);
}
.keyfeatures-cont>div.lef {
width: 45%;
float: left;
text-align: right;
padding-right: 100px;
position: relative;
}
.keyfeatures-cont>div.lef:after {
content: '';
width: 1px;
height: 120px;
background-color: #f7fbfd;
position: absolute;
right: 48px;
top: 0px;
}
.keyfeatures-cont>div.dir-list {
width: 55%;
float: left;
}
.keyfeatures-cont>div.lef h4 {
font-size: 43px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 55px;
margin-bottom: 40px;
letter-spacing: -1px;
}
.wordpress-why>div.lef h4 {
font-size: 50px;
letter-spacing: -2px;
margin-bottom:35px;
}
.keyfeatures-cont>div.lef h6 {
font-weight: 400;
font-size: 19px;
color: rgb(249, 249, 249);
line-height: 1.632;
margin-bottom: 50px
}
.keyfeatures-cont>div.lef p {
font-size: 14px;
color: rgb(255, 255, 255);
line-height: 1.714;
font-weight: 400;
}
.keyfeatures-cont>div.dir-list ul {
padding-left: 0px;
margin-top: 10px;
list-style: none;
}
.keyfeatures-cont>div.dir-list ul li {
font-size: 15px;
color: #fff;
background-image: url(../img/big-rit.png);
padding-left: 45px;
list-style: none;
background-repeat: no-repeat;
background-size: 24px;
padding-bottom: 19px;
background-position: 0px 3px;
line-height: 30px;
font-weight: 300
}
.dir-keyfeatures {
padding: 90px 0px 150px;
background-size: cover;
}
.more_people h6 {
font-size: 21px;
color: rgb(252, 252, 252);
font-weight: 600;
margin-bottom: 20px;
}
.more_people h6 span {
font-size: 38px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
padding-left: 95px;
margin-bottom: 5px;
letter-spacing: -1px;
}
.more_people h4 {
padding-left: 100px;
}
.mor-and-mor {
margin-top: 0px !important
}
.sb-banner .cont span {
font-size: 37px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 37px;
letter-spacing: -1px;
}
.sb-banner .cont h1 {
font-size: 54px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 65px;
margin-bottom: 30px;
}
.sb-banner .cont h6 {
font-size: 17px;
color: rgb(255, 255, 255);
font-weight: 400;
margin-bottom: 27px;
line-height: 28px;
}
.sb-banner .cont p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 26px;
}
.sb-banner .cont {
width: 50%;
float: left;
}
.sb-banner {
padding-top: 131px;
}
.sb-banner .img {
width: 50%;
float: left;
position: relative;
}
.sb-banner .img .ball1 {
position: absolute;
left: 219px;
top: 134px;
z-index: 10;
-webkit-animation: waw 10s infinite linear;
}
.sb-banner .img .ball2 {
position: absolute;
right: -36px;
bottom: 167px;
z-index: 10;
-webkit-animation: wawl 10s infinite linear;
}
.sb-banner .img .bacn {
right: -55px;
position: relative;
}
@-webkit-keyframes waw {
0% {
-webkit-transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(-30deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-webkit-keyframes wawl {
0% {
-webkit-transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(30deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
.bookmarking-site {
text-align: right;
}
.bookmarking-thiswek img {
position: absolute;
left: -150px;
top: -50px;
}
.cb-features {}
.cb-features h5 {
font-size: 24px;
color: rgb(54, 54, 55);
font-weight: 800;
margin: 60px 0px 50px;
text-align: center;
}
.cb-features ul {
padding-left: 0px;
}
.cb-features ul li {
width: 49%;
display: inline-block;
vertical-align: top;
background-image: url(../img/big-rit.png);
padding-left: 40px;
list-style: none;
background-repeat: no-repeat;
background-size: 23px;
padding-bottom: 21px;
background-position: 2px 2px;
line-height: 20px;
font-size: 14px;
color: rgb(42, 42, 42);
}
.bookmarking-site p {
width: 100%;
float: right;
}
.bookmarking-site h5 {
margin-bottom: 40px
}
.mag-typ ul {
padding-right: 100px;
}
.mag-typ ul li {
font-size: 15px;
line-height: 26px;
background-position: 0px 10px;
}
.mag-gateways h4 {
letter-spacing: -2px;
font-size: 44px;
}
.mag-gateways h4 span {
padding-left: 37px;
}
.mag-gateways-section .type-of-websites {
padding-top: 0px;
}
.mag-gateways-section {
margin: 40px 0px 50px;
}
.magz-banner .cont span {
font-size: 37px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 24px;
letter-spacing: -1px;
}
.magz-banner .cont h1 {
font-size: 49px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 60px;
margin-bottom: 30px;
}
.magz-banner .cont h6 {
font-size: 17px;
color: rgb(255, 255, 255);
font-weight: 400;
margin-bottom: 27px;
line-height: 28px;
width: 71%;
}
.magz-banner .cont p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 26px;
}
.magz-banner .cont {
width: 55%;
float: left;
padding-top: 50px;
}
.magz-banner .img {
width: 45%;
float: left;
position: relative;
bottom: -21px;
}
.magz-banner {
padding: 145px 0px 0px
}
.magz-back {
background-color: #14182f;
background-image: url(../img/services/magazine/banenr.png);
background-size: cover;
}
.wordpress-why p {
line-height: 30px;
}
.dir-list h5 {
font-size: 19px;
color: rgb(255, 255, 255);
font-weight: 500;
width: 75%;
margin-bottom: 45px;
}
.wordpress-banner .cont h1 {
font-size: 49px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 60px;
margin-bottom: 30px;
}
.wordpress-banner .cont h6 {
font-size: 17px;
color: rgb(255, 255, 255);
font-weight: 400;
margin-bottom: 27px;
line-height: 28px;
width: 71%;
}
.wordpress-banner .cont p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 26px;
}
.wordpress-banner .cont {
width: 55%;
float: left;
padding-top: 170px;
padding-right: 145px;
}
.wordpress-banner .img {
width: 45%;
float: left;
padding-top: 125px;
margin-bottom: -10px;
position: relative;
}
.wordpress-banner .img .monitoer {
padding-left: 178px;
}
.wordpress-banner .img .ban2 {
position: absolute;
left: 35px;
top: 400px;
}
.wordpress-banner .img .ban3 {
position: absolute;
left: -52px;
top: 490px;
}
.wordpress-banner .img .ban4 {
position: absolute;
left: -27px;
top: 240px;
}
.wordpress-banner .img .ban4:hover, .wordpress-banner .img .ban3:hover, .wordpress-banner .img .ban2:hover {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.wordpress-banner .img span {
background-color: rgb(46, 109, 142);
width: 86px;
height: 86px;
border-radius: 50px;
position: absolute;
font-size: 43px;
color: rgb(255, 255, 255);
font-weight: 700;
line-height: 82px;
text-align: center;
top: 197px;
left: -49px;
animation: pulses 2s infinite;
}
.wordpress-back {
overflow: visible;
background-image: url(../img/services/wordpress/banner.png);
background-repeat: no-repeat;
background-position: right bottom;
background-size: cover;
}
@-webkit-keyframes pulses {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(46, 109, 142, 1);
}
50% {
-webkit-box-shadow: 0 0 0 20px rgba(46, 109, 142, 0.8);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(46, 109, 142, 0);
}
}
.experts-wordpress {
text-align: right;
padding-right: 40px;
}
.experts-wordpress h4 {
font-size: 36px;
color: rgb(54, 54, 55);
font-weight: 800;
letter-spacing: -2px;
line-height: 50px;
margin-bottom: 50px;
}
.experts-wordpress ul {
padding-left: 0px;
}
.experts-wordpress ul li {
font-size: 16px;
font-weight: 600;
color: rgb(42, 42, 42);
background-image: url(../img/big-rit.png);
padding-right: 45px;
list-style: none;
background-repeat: no-repeat;
background-size: 25px;
padding-bottom: 18px;
background-position: 100% 3px;
line-height: 30px;
}
.wordpreslap {
position: relative;
left: -50px;
}
.wordpreslap:after {
content: '';
width: 111px;
height: 58px;
position: absolute;
background-image: url(../img/services/wordpress/arow.png);
top: 41%;
left: -5px;
}
.wordpress-section {
padding: 90px 0px;
background-color: #f9fafa;
}
.wrod-ext {
text-align: right;
padding-right: 30px;
}
.wrod-ext h4 {
font-size: 39px;
color: rgb(43, 99, 50);
font-weight: 800;
line-height: 50px;
}
.wrod-ext span {
font-size: 38px;
font-family: "Caveat";
color: rgb(38, 208, 71);
line-height: 1.333;
display: block;
transform: rotate(-3deg);
font-weight: 100;
letter-spacing: -2px;
display: block;
margin-bottom: 25px;
}
.wrod-ext p {
font-size: 14px;
color: rgb(0, 0, 0);
line-height: 1.929;
}
.extreme-awesome {
background-color: #ebebeb;
background-image: url(../img/services/wordpress/e.png);
background-repeat: no-repeat;
background-position: left center;
padding-top: 100px;
padding-bottom: 140px;
}
.cmsc-banner .cont h1 {
font-size: 49px;
color: rgb(255, 255, 255);
font-weight: 800;
line-height: 60px;
margin-bottom: 30px;
}
.cmsc-banner .cont h6 {
font-size: 17px;
color: rgb(255, 255, 255);
font-weight: 400;
margin-bottom: 27px;
line-height: 28px;
width: 71%;
}
.cmsc-banner .cont p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 26px;
margin-bottom: 30px;
}
.cmsc-banner .cont {
width: 50%;
float: left;
padding-top: 170px;
}
.cmsc-banner .img {
width: 50%;
float: left;
padding-top: 125px;
margin-bottom: -10px;
position: relative;
}
.cmsc-back {
background-image: url(../img/services/cmsc/banner-back.png);
background-size: cover;
overflow: visible;
}
.cmsc-banner .img img {
margin-left: -48px;
margin-bottom: -82px;
}
.cms-section {
background-color: #f9fafa;
padding-top: 120px;
padding-bottom: 30px;
}
.cms-develop h4 {
font-size: 31px;
color: rgb(54, 54, 55);
font-weight: 800;
line-height: 1.484;
text-align: right;
letter-spacing: -2px;
width: 50%;
float: left;
padding-right: 35px;
}
.cms-develop p {
font-size: 16px;
color: rgb(42, 42, 42);
line-height: 32px;
border-left: 1px solid #88acc6;
padding-left: 35px;
padding-bottom: 30px;
margin-top: 15px;
width: 50%;
float: left;
}
.benefitCMS {}
.benefitCMS h4 {
font-size: 32px;
color: rgb(58, 125, 66);
font-weight: 700;
letter-spacing: -2px;
text-align: center;
padding: 60px 0px;
}
.benefitCMS ul {
padding-left: 0px
}
.benefitCMS ul li {
font-size: 16px;
color: rgb(42, 42, 42);
background-image: url(../img/big-rit.png);
padding-left: 45px;
list-style: none;
background-repeat: no-repeat;
background-size: 25px;
padding-bottom: 19px;
background-position: 0px 0px;
line-height: 30px;
width: 49%;
display: inline-block;
vertical-align: top;
padding-right: 45px;
font-weight: 400
}
.specialize-setion {
background-image: url(../img/services/cmsc/we-specialize.png);
background-size: cover;
padding: 90px 0px 80px;
background-color: #0c272e;
}
.we-specialize h4 {
font-size: 33px;
color: rgb(252, 252, 252);
font-weight: 800;
margin-bottom: 30px;
margin-top: 30px;
letter-spacing: -1px;
}
.we-specialize p {
font-size: 17px;
color: rgb(254, 254, 254);
line-height: 1.941;
}
.we-specialize img {
display: inline-block;
vertical-align: middle;
margin-right: 30px
}
.passionate-about h4 {
font-size: 34px;
padding-right: 50px;
}
.passionate-about p {
font-size: 20px;
padding-bottom: 45px;
}
.pacg-team {
text-align: center;
width: 90%;
margin: 50px auto 80px;
}
.pacg-team p {
font-size: 15px;
color: rgb(42, 42, 42);
line-height: 1.867;
}
.pack-why-setion {
background-color: #10141a;
}
.pack-why-setion .wbbw h4 span {
font-size: 37px;
letter-spacing: -2px;
color: #1ab54c
}
.ezinefeatures{
margin-top: 30px;
}
.pack-why-setion .wbbw-bord {
border-left: 0px;
}
.pack-why-setion .wbbw p {
font-size: 16px;
line-height: 30px;
padding-top: 5px;
}
.pack-why-setion .wbbw h4 {
font-size: 51px;
}
.pack-why-setion {
padding-top: 100px;
background-image: url(../img/services/package/kauru-back.png);
background-repeat: no-repeat;
background-position: right bottom;
}
.dhp-pac {
padding-right: 90px;
margin-top: 80px;
}
.dhp-pac>div {
text-align: right;
position: relative;
margin-bottom: 25px;
}
.dhp-pac>div h6 {
font-size: 28px;
color: rgb(255, 255, 255);
font-weight: 700;
}
.dhp-pac>div p {
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 1.867;
font-weight: 100;
width: 82%;
float: right;
}
.dhp-pac>div span {
border-radius: 50%;
background-color: rgb(38, 93, 56);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
width: 65px;
height: 65px;
display: block;
font-size: 39px;
color: rgb(255, 255, 255);
font-weight: 800;
text-align: center;
position: absolute;
right: -100px;
top: 0px;
line-height: 61px;
}
.dhp-pac>div:after {
content: '';
height: 62%;
width: 1px;
position: absolute;
right: -68px;
top: 75px;
background-color: #888a8d;
}
.dhp-pac>div:last-child:after {
display: none;
}
.dhp-pac-img {
margin-top: -150px;
}
.dhp-pac-img {
margin-bottom: -60px
}
.pdp-pac h4 {
font-size: 45px;
color: rgb(28, 56, 61);
font-weight: 800;
letter-spacing: -2px;
line-height: 54px;
margin-bottom: 0px;
}
.pdp-pac span {
font-size: 37px;
font-family: 'Caveat', cursive;
color: #3e8d41;
line-height: 40px;
text-align: left;
font-weight: 100;
display: block;
transform: rotate(-3deg);
letter-spacing: -2px;
}
.pdp-pac p {
font-size: 14px;
color: rgb(42, 42, 42);
font-weight: 400;
margin-top: 25px;
line-height: 30px;
}
.pdp-pac a,.pdp-owl a {
display: inline-block;
background-color: #42565d;
color: #fff;
font-size: 18px;
padding: 10px 100px 12px 22px;
vertical-align: middle;
position: relative;
font-weight: 700;
transition: all 0.5s;
text-transform: uppercase;
margin-top: 25px;
border-radius: 5px;
}
#packg .owl-dots .owl-dot.active span {
background-color: #000
}
#packg .owl-dots .owl-dot span {
margin: 0px 15px;
}
#packg .owl-nav.disabled+.owl-dots {
margin-top: 40px;
}
.peoplerealizing h6 {
font-size: 21px;
color: rgb(252, 252, 252);
font-weight: 700;
text-align: right;
padding-left: 20px;
margin-top: 18px;
}
.brochure-tim h4 {
font-size: 17px
}
.pdp-pac a::after,.pdp-owl a:after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 18px;
}
#packg img {
width: auto;
display: block;
margin: 0 auto;
}
.pdp-pac-setion {
padding: 100px 0px 70px
}
.pakg-banner .cont h1 {
font-size: 49px;
color: #1c383d;
font-weight: 800;
line-height: 60px;
margin-bottom: 30px;
letter-spacing: -2px
}
.pakg-banner .cont p {
font-size: 15px;
color: #21545d;
line-height: 26px;
margin-bottom: 30px;
width: 80%;
}
.pakg-banner .cont span {
font-size: 37px;
font-family: "Caveat";
color: #3e8d41;
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 5px;
letter-spacing: -1px
}
.pakg-banner .cont {
width: 50%;
float: left;
padding-top: 170px;
}
.pakg-banner .img {
width: 50%;
float: left;
padding-top: 125px;
margin-bottom: -10px;
position: relative;
}
.pakg-back {
background-image: url(../img/services/package/banner-banner.png);
background-size: cover;
overflow: visible;
background-color: #fff;
padding-bottom: 70px;
}
.pakg-banner .img .pkach {
margin-left: -250px;
margin-top: -312px;
}
.pakg-banner .img span {
font-size: 23px;
font-family: "Caveat";
color: rgb(19, 47, 52);
line-height: 1.217;
position: absolute;
}
.pakg-banner .img span.include {
bottom: 55px;
left: 82px;
}
.pakg-banner .img span.details {
bottom: 83px;
left: 317px;
width: 82px;
}
.pakg-banner .img span.attention {
bottom: 41px;
left: 460px;
width: 98px;
}
@-webkit-keyframes inclu {
0% {
bottom: 55px;
}
50% {
bottom: 40px;
}
100% {
bottom: 55px;
}
}
@-webkit-keyframes detai {
0% {
bottom: 83px;
}
50% {
bottom: 65px;
}
100% {
bottom: 83px;
}
}
@-webkit-keyframes attenti {
0% {
bottom: 41px;
}
50% {
bottom: 30px;
}
100% {
bottom: 41px;
}
}
.colors-logo {
text-align: right;
}
.colors-logo h5 {
font-size: 32px;
color: rgb(54, 54, 55);
font-weight: 800;
letter-spacing: -2px;
line-height: 48px;
margin-bottom: 50px;
}
.colors-logo p {
font-size: 16px;
color: rgb(42, 42, 42);
line-height: 1.813;
}
.weel {
position: relative;
}
.weel .weel22 {
position: absolute;
-webkit-animation: rotation 30s infinite linear;
top: 216px;
left: 100px;
}
.weel .weel21 {
position: absolute;
-webkit-animation: rotation-rew 30s infinite linear;
top: 65px;
right: 100px;
}
.weel .weel23 {
position: absolute;
-webkit-animation: rotation-rew 30s infinite linear;
bottom: 1px;
left: 44px;
}
.weel .weel12 {
position: absolute;
-webkit-animation: rotation-rew 30s infinite linear;
top: -1px;
left: 109px;
}
.weel .weel11 {
position: absolute;
-webkit-animation: rotation 30s infinite linear;
bottom: 263px;
right: 102px;
}
.logo-wit {
background-color: #fff
}
.whit-sds {
background-color: #fff
}
.wordpress-why>div.lef h6 {
font-weight: 300;
font-size: 21px;
margin-bottom: 40px;
letter-spacing: 1px;
}
.wordpress-why>div.lef {
width: 50%;
}
.wordpress-why>div.dir-list {
width: 50%;
}
.wordpress-why>div.lef p {
font-size: 14px;
color: rgb(255, 255, 255);
line-height: 27px;
font-weight: 300;
padding-left: 50px;
}
.wordpress-why>div.dir-list ul li {
line-height: 24px;
font-size: 16px
}
.extreme-awesome .wrod-ext h4 {
font-size: 45px;
letter-spacing: -1px;
line-height: 60px;
padding-left: 55px;
}
.ezinefeatures h4 span {
color: #3e8d41
}
.sb-back {
background-image: url(../img/services/bookmarking/banner.png);
background-size: cover;
}
.services-ban {
height: auto;
}
.sl-div {
border: 3px solid #c2d5dc;
padding: 25px 25px 0px;
margin-bottom: 30px;
margin-top: 36px;
position: relative;
}
.sl-div h4 {
font-size: 28px;
color: rgb(78, 110, 57);
font-weight: 800;
letter-spacing: -2px;
line-height: 40px;
margin-top: 26px;
margin-bottom: 15px
}
.sl-div p {
font-size: 13px;
color: rgb(54, 54, 55);
line-height: 23px;
}
.sl-div a {
display: block;
position: relative;
border-top: 1px solid #d6d6d6;
height: 55px;
width: 100%;
}
.sl-div a::after {
content: '';
width: 20px;
height: 19px;
position: absolute;
background-image: url(../img/services-listing/right-arrow.png);
background-repeat: no-repeat;
background-position: center;
right: 46%;
top: 18px;
}
.sl-div a:hover::after {
animation: arowansi 1s infinite;
}
@-webkit-keyframes arowansi {
0% {
right: 46%;
}
50% {
right: 48%;
}
100% {
right: 46%;
}
}
.sl-div>.cnt {
height: 208px;
}
.sl-div>.cnt span {
display: block;
position: absolute;
width: 70px;
height: 81px;
background-image: url(../img/services-listing/sprite.png);
background-repeat: no-repeat;
background-position: 0px 0px;
top: -39px;
left: 25px;
transition: all 0.5s;
}
.sl-div:hover>.cnt span {
top: -59px
}
.sl-div>.cnt span img {
position: absolute;
left: 0px;
right: 0px;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
}
.wdd-lis {}
.wdd-lis>.hed {
height: 245px;
background-color: #2e5679;
text-align: center;
padding: 80px 0px 75px;
background-image: url(../img/services-listing/bk.png);
background-size: cover;
background-attachment: fixed;
}
.wdd-lis>.hed h3 {
font-size: 44px;
color: rgb(255, 255, 255);
font-weight: 800;
letter-spacing: -2px;
}
.wdd-lis>.hed h3 span {
display: block;
display: block;
font-size: 37px;
font-family: "Caveat";
font-weight: 200;
line-height: 25px;
}
.service-list-banner-cot .cont {
width: 37%;
}
.service-list-banner-cot .cont h1 {
letter-spacing: -2px
}
.service-list-banner-cot .img {
width: 63%;
margin-top: -55px;
}
.rou {
position: absolute;
left: 352px;
}
.rod {
position: absolute;
}
.service-list-banner-cot .round {
-webkit-animation: rouaniw 7s infinite linear;
}
.service-list-banner-cot .round1 {
-webkit-animation: rouanie 8s infinite linear;
}
.service-list-banner-cot .round2 {
-webkit-animation: rouanir 5s infinite linear;
}
.service-list-banner-cot .round3 {
-webkit-animation: rouaniy 6s infinite linear;
}
.service-list-banner-cot .round4 {
-webkit-animation: rouaniy 6s infinite linear;
}
@-webkit-keyframes rouaniw {
0% {
opacity: 1;
left: 369px;
top: 200px;
}
50% {
opacity: 0;
left: 380px;
top: 150px;
}
100% {
opacity: 1;
left: 369px;
top: 200px;
}
}
@-webkit-keyframes rouanie {
0% {
opacity: 1;
left: 385px;
top: 240px;
}
50% {
opacity: 0;
left: 430px;
top: 120px;
}
100% {
left: 385px;
top: 240px;
opacity: 1;
}
}
@-webkit-keyframes rouanie {
0% {
opacity: 1;
left: 395px;
top: 210px;
}
50% {
opacity: 0;
left: 430px;
top: 120px;
}
100% {
left: 395px;
top: 210px;
opacity: 1;
}
}
@-webkit-keyframes rouanir {
0% {
opacity: 1;
left: 400px;
top: 240px;
}
50% {
opacity: 0;
left: 430px;
top: 100px;
}
100% {
left: 400px;
top: 240px;
opacity: 1;
}
}
@-webkit-keyframes rouaniy {
0% {
opacity: 1;
left: 420px;
top: 240px;
}
50% {
opacity: 0;
left: 430px;
top: 100px;
}
100% {
left: 420px;
top: 240px;
opacity: 1;
}
}
.rwnd {
-webkit-animation: rouani 10s infinite linear;
}
.rwnd2 {
-webkit-animation: rouania 14s infinite linear;
}
.rwnd3 {
-webkit-animation: rouanis 15s infinite linear;
}
.rwnd4 {
-webkit-animation: rouani 16s infinite linear;
}
@-webkit-keyframes rouani {
0% {
opacity: 1;
top: 270px;
}
50% {
opacity: 0;
top: 135px;
}
100% {
opacity: 1;
top: 270px;
}
}
@-webkit-keyframes rouanis {
0% {
opacity: 1;
top: 220px;
}
50% {
opacity: 0;
top: 135px;
}
100% {
opacity: 1;
top: 220px;
}
}
@-webkit-keyframes rouania {
0% {
opacity: 1;
top: 240px;
}
50% {
opacity: 0;
top: 135px;
}
100% {
opacity: 1;
top: 240px;
}
}
.blk-ls {
margin-top: 65px
}
.graphic .hed {
background-color: #33644b
}
.graphic .sl-div>.cnt span {
background-position: -74px 0px;
}
.marketing .hed {
background-color: #ca7445
}
.marketing .sl-div>.cnt span {
background-position: -216px 0px;
}
.other .hed {
background-color: #2ea691
}
.other .sl-div>.cnt span {
background-position: -147px 0px;
}
.we-build-brands .cewoo h4 {
color: #363637;
padding-right: 0px !important;
font-size: 45px !important;
}
.we-build-brands .cewoo.dont-take.lvit span {
color: #27d448;
transform: rotate(-5deg);
top: 3px;
letter-spacing: -2px;
letter-spacing: 100;
right: 0px
}
.we-build-brands .oeds-take.lvitto h6 {
padding-left: 5px;
letter-spacing: -1px;
padding-bottom: 0px;
}
.we-build-brands .oeds-take.lvitto p {
padding-left: 5px;
font-size: 13px;
color: rgb(67, 67, 67);
line-height: 1.846;
}
.we-build-brands {
padding: 70px 0px 0px
}
.get-in-touch-section.sevlis {
margin-top: 80px
}
.page404 {
min-height: 700px;
background-image: url(../img/fofoback.png);
background-color: #10152b
}
.fof {
text-align: center;
margin-top: 145px;
}
.fof h4 {
font-size: 48px;
color: rgb(255, 255, 255);
font-weight: 700;
letter-spacing: -2px
}
.fof p {
font-size: 20px;
color: rgb(255, 255, 255);
font-weight: 400;
}
.fof span {
font-size: 16px;
color: rgb(255, 255, 255);
line-height: 1.813;
display: block;
width: 44%;
margin: 0 auto 30px;
}
.fof>img.fof {
margin-top: -200px;
margin-bottom: -115px;
position: relative;
left: -31px;
}
.fof>img.usebel {
margin: 46px auto -31px;
position: relative;
z-index: 1000;
}
.fof div a {
display: inline-block;
color: #fff;
vertical-align: middle;
position: relative;
font-weight: 600;
transition: all 0.5s;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin-top: 25px;
}
.fof div a:first-child {
background-color: #095273;
padding: 15px 20px 15px 70px;
margin-right: 10px;
}
.fof div a:last-child {
background-color: #d1361d;
padding: 15px 70px 15px 20px;
margin-left: 10px;
}
.fof div a:last-child::after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 18px;
}
.fof div a:first-child::after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
left: 21px;
top: 18px;
transform: rotate(180deg);
}
.fof div a:last-child:hover {
background-color: #95210e;
color: #fff
}
.fof div a:last-child:hover::after {
animation: arowani 1s infinite;
}
.fof div a:first-child:hover {
background-color: #08384d;
color: #fff
}
.fof div a:first-child:hover::after {
animation: arowanifst 1s infinite;
}
@-webkit-keyframes arowanifst {
0% {
left: 21px;
}
50% {
left: 15px;
}
100% {
left: 21px;
}
}
.animet404 {
position: relative;
}
.animet404 img {
position: absolute;
}
.animet404 img.gang {
animation: gang 60s infinite alternate;
top: 210px;
left: 0px
}
@-webkit-keyframes gang {
0% {
transform: translate(0px, 0px);
}
25% {
transform: translate(58px, 33px);
}
50% {
transform: translate(78px, 72px);
}
75% {
transform: translate(39px, 39px);
}
100% {
transform: translate(0px, 0px);
}
}
.animet404 img.moon {
animation: moon 60s infinite alternate;
top: 116px;
left: 20px;
animation-delay: 3s;
}
@-webkit-keyframes moon {
0% {
transform: translate(0px, 0px);
}
25% {
transform: translate(90px, 45px);
opacity: 0.6;
}
50% {
transform: translate(160px, 55px);
opacity: 0.4;
}
75% {
transform: translate(240px, 45px);
opacity: 0.6;
}
100% {
transform: translate(0px, 0px);
}
}
.animet404 img.nepturen {
animation: nepturen 80s infinite;
top: 600px;
left: 30px;
animation-delay: 6s;
}
@-webkit-keyframes nepturen {
0% {
transform: translate(0px, 0px);
}
25% {
transform: translate(40px, 45px);
opacity: 0.6;
}
50% {
transform: translate(90px, 65px);
opacity: 0.4;
}
75% {
transform: translate(140px, 45px);
opacity: 0.6;
}
100% {
transform: translate(0px, 0px);
}
}
.animet404 img.erth-rokert {
animation: erthrokert 30s infinite;
right: 0px;
top: 233px;
}
@-webkit-keyframes erthrokert {
0% {
transform: translate(0px, 0px);
}
25% {
transform: translate(40px, 10px);
opacity: 0.6;
}
50% {
transform: translate(50px, 15px);
opacity: 0.4;
}
75% {
transform: translate(45px, 13px);
opacity: 0.6;
}
100% {
transform: translate(0px, 0px);
}
}
.animet404 img.starts-foll {
left: 131px;
top: 387px;
}
.animet404 img.starts-foll.smal {
right: 58px;
top: 632px;
width: 47px;
}
.tab-prolink a {
display: block;
}
.simdrop {
position: relative;
}
.simdrop div.mega-sub-div {
width: 300px;
padding: 35px 20px 15px;
}
.simdrop div.mega-sub-div li {
display: block;
margin-right: 0px;
}
.simdrop div.mega-sub-div li a {
font-weight: 300;
display: block;
padding: 5px 0px;
text-transform: capitalize !important;
font-size: 14px !important;
}
.menu ul li.simdrop:hover .mega-sub-div {
opacity: 1;
visibility: visible;
top: 20px;
}
.menu ul li.simdrop .mega-sub-div {
top: 56px;
left: -15px;
}
.con-frm-div {
padding-right: 45px;
}
.con-frm-div .meti.txt {
padding-right: 35px;
margin-bottom: -4px;
}
.hameed-div:before {
position: absolute;
content: '';
background-image: url(../img/focuson.png);
width: 228px;
height: 115px;
bottom: -60px;
right: 235px;
z-index: 80;
}
.pdab-section {
padding-top: 70px;
padding-bottom: 0px;
}
.seo-cup {
position: relative;
}
.sm-rund {
position: absolute;
top: 145px;
right: 96px;
animation: bg_rnd 10s infinite;
}
.bg-rnd {
position: absolute;
top: 21px;
right: -3px;
animation: bg_rnd 10s infinite;
}
@-webkit-keyframes bg_rnd {
0% {
transform: rotate(0deg);
}
25% {
transform: rotate(20deg);
}
50% {
transform: rotate(-20deg);
}
100% {
transform: rotate(0deg);
}
}
.owl-checkbox p {
font-size: 15px;
color: rgb(255, 255, 255);
width: 88%;
display: inline-block;
vertical-align: top;
font-weight: 500 !important;
line-height: 22px !important;
padding-left: 5px !important;
}
.owl-checkbox span {
display: inline-block !important;
vertical-align: top !important;
cursor: pointer;
width: 21px !important;
height: 22px;
background-image: url(../img/services/seo/chkbx.png);
background-repeat: no-repeat;
background-position: center;
}
.owl-checkbox span.opn {
background-image: url(../img/services/seo/tick.png);
background-position: bottom;
position: relative;
top: -3px;
left: 1px;
}
#owl-checkbox {
position: relative;
margin-top: 30px;
padding-left: 20px;
}
#owl-checkbox:after {
content: '';
width: 240px;
height: 86px;
position: absolute;
right: -16px;
top: -7px;
background-image: url(../img/services/seo/ritfd.png);
background-size: 100%;
}
.type-of-websites.opwps ul {
margin-top: 10px;
}
.whs-banner .smm-img img {
margin-top: -40px;
margin-left: 30px;
}
.media-blu .media-our p {
font-size: 19px;
line-height: 32px;
font-weight: 300;
padding-right: 145px;
}
.benefitCMS ul li:nth-child(2n+0) {
padding-right: 0px;
}
.wordpress-why>div.dir-list ul li {
background-position: 0px 1px;}
.wordpress-keyfeatures{
padding: 90px 0px 95px 50px;
}
.wordpress-keyfeatures .dir-list h5 {
width: 78%;
}
.wordpress-keyfeatures div.dir-list ul{
padding-right: 50px;
}
.customsev img{
max-width: 510px;
}
.ucdw-what{
padding-top: 25px
}
#return-to-top {
position: fixed;
bottom: 20px;
right: 35px;
background-color: rgb(40, 94, 45);
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.5s ease;
z-index: 999;
background-image: url(../img/up.png);
background-repeat: no-repeat;
background-position: center 17px;
}
#return-to-top:hover {
background-color: rgb(22, 53, 25);
background-position: center 10px;
}
.logo_design > div{
width: calc(25% - 10px);
}
.logo_design > div > div{
padding: 15px 10px;
}
.logo_design>div>div h6 {
font-size: 20px;}
.logo_design>div>div>div{
padding: 0px 15px;
width: 100%;
}
.logo_design>div>div>div span{
display: block;
}
.logo_design>div>div>div a{
display: block;
}
.cusmar-l{
margin-left: -20px;
}
#counter > div{
float: left;
width: 33.33%;
text-align: center;
}
#counter > div div{
font-size: 50px;
color: #2e7e38;
font-weight: 700;
}
#counter > div p{
color: #2b2b2b;
font-size: 18px;
font-weight: 700;
letter-spacing: -1px;
}
.thnakyou{
text-align: center;
width: 80%;
margin: 150px auto;
}
.thnakyou h4{
font-size: 48px;
color: rgb(12, 119, 37);
font-weight: 700;
line-height: 70px;
margin-bottom: 0px;
letter-spacing: -2px;
}
.thnakyou p{
font-size: 16px;
color: rgb(78, 82, 74);
line-height: 1.412;
padding-left: 8px;
}
.thnakyou div a:first-child {
background-color: #095273;
padding: 15px 20px 15px 70px;
margin-right: 10px;
}
.thnakyou div a:last-child {
background-color: #d1361d;
padding: 15px 70px 15px 20px;
margin-left: 10px;
}
.confm-btn{
display: inline-block;
vertical-align: middle;
position: relative;
}
.confm-btn input#send {
background-color: #d1361d;
padding: 15px 70px 15px 20px;
margin-left: 10px;
border: 0px;
cursor: pointer;
}
.confm-btn span {
display:block;
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 45px;
}
.confm-btn input#send {
color: #fff;
font-weight: 600;
transition: all 0.5s;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin-top: 25px;
}
.thnakyou div a {
display: inline-block;
color: #fff;
vertical-align: middle;
position: relative;
font-weight: 600;
transition: all 0.5s;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin-top: 25px;
}
.thnakyou div a:last-child::after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
right: 21px;
top: 18px;
}
.thnakyou div a:first-child::after {
content: '';
width: 20px;
height: 12px;
position: absolute;
background-image: url(../img/icons.png);
background-position: -65px -10px;
left: 21px;
top: 18px;
transform: rotate(180deg);
}
.thnakyou img{
margin-bottom: 20px
}
.thank-section{
background-image: url(../img/banner.jpg);
background-size: cover;
}
.section-wdp .pr-ani {
margin-top: -100px;
}
.section-wdp .olu-ani {
margin-top: -230px;
}
.form-error{
color: #a30404;
font-size: 12px;
}
span.help-block{
position: relative;
border: 0px;
}
.logo_design>div>div>div br{
display: none;
}
.logo_design>div>div>div > a{
display: none;
}
.have-been-operating{
margin-top: 0px;
}
.mobile-back{
background-color: #265463
}
.whs-banner .cont.mobile-hed {
width: 45%;
float: left;
}
.whs-banner h1 {
line-height: 56px;
font-size: 43px;}
.whs-banner .cont.mobile-hed span {
font-size: 33px;
font-family: "Caveat";
color: #17d81e;
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 20px;
letter-spacing: -1px;
}
.whs-banner .img.mobile-img {
width: 55%;
}
.whs-banner .img.mobile-img img{
margin-top: -122px;
right: -100px;
position: relative;
}
.mobile-gary{}
.mobile-mitcont h4{
font-size: 32px;
color: rgb(54, 54, 55);
font-weight: 800;
line-height: 45px;
letter-spacing: -2px;
text-align: right;
}
.mobile-hand p{
font-size: 16px;
color: rgb(42, 42, 42);
line-height: 29px;
}
.mobile-mitcont{
padding-right: 50px;
margin-right: 20px;
border-right: 1px solid #000;
}
.mob-blu{
padding:80px 0px;
background-color: #07536c
}
.mob-newbrnd{
padding-right: 60px;
}
.mob-newbrnd h4{
font-size: 37px;
color: rgb(254, 255, 254);
font-weight: 800;
letter-spacing: -2px;
line-height: 49px;
margin-bottom: 40px
}
.mob-newbrnd p{
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 1.733;
}
.mob-newbrnd span{
font-size: 30px;
font-family: "Caveat";
color: #fff;
line-height: 1.333;
text-align: left;
display: block;
transform: rotate(-3deg);
font-weight: 100;
margin-bottom: 20px;
letter-spacing: -1px;
}
.mob-newbrnd-img{
position: relative;
}
.mob-newbrnd-img img.mark{
position: absolute;
}
.mob-newbrnd-img .mar1{
left: -89px;
top: 4px;
}
.mob-newbrnd-img .mar2{
right: 78px;
top: 4px;
}
.mob-newbrnd-img .mar3{
right: -3px;
top: 234px;
}
.mob-newbrnd-img .mar4{
right: -54px;
top: 430px;
}
.mob-newbrnd-img .minmg{
margin-bottom: -180px;
margin-top: 65px;
}
.mobilbackgry{
background-color: #f7f7f7
}
.mobilbackgry.fx{
position: fixed;
top: 0px;
width: 100%;left: 0px;
}
.letusbil{
text-align: right;
}
.letusbil h4{
font-size: 40px;
color: rgb(54, 54, 55);
font-weight: 800;
line-height: 1.375;
letter-spacing: -2px;
margin-bottom: 35px
}
.letusbil p{
font-size: 15px;
color: rgb(42, 42, 42);
line-height: 1.933;
padding-left: 120px;
}
.mobilbackgry{
padding: 150px 0px 100px;
overflow: hidden;
}
.mobi-divs{
padding: 33px 33px 20px;
border-radius: 10px;
background-color: rgb(254, 253, 253);
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.03);
padding-right: 150px;
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.mobi-divs h4{
font-size: 28px;
color: rgb(67, 69, 68);
font-weight: 700;
line-height: 35px;
margin-bottom: 15px;
}
.mobi-divs p{
font-size: 14px;
color: rgb(45, 44, 44);
line-height: 1.714;
text-align: left;
}
.mobi-divs.andriod h4{
color: #1aaf5e;
}
.mobi-divs.wind h4{
color: #3f4f95;
}
.mobi-divs.ht h4{
color: #f16529;
}
.mobi-divs img{
position: absolute;
right: -85px;
top: 32px;
}
.mobi-mindivs{
padding-left: 50px;
position: relative;
transition: all 0.5s;
top: 0px
}
.mob-condiv{
position: relative;
}
.mob-dotes{
position: absolute;
left: 11px;
top: 5px;
}
.mob-dotes > span{
width: 17px;
height: 17px;
border-radius: 50%;
background-color: rgb(255, 255, 255);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
margin-bottom: 25px;
display: block;
}
.mob-dotes > span.active{
background-color: #abbeb3
}
.mobi-lastsection{
background-color: #14344b;
padding: 80px 0px;
overflow: hidden;
position: relative;
z-index: 10;
}
.build-mbapp{
}
.build-mbapp h4{
font-size: 35px;
color: rgb(254, 255, 254);
font-weight: 700;
letter-spacing: -1px;
line-height: 45px;
margin-bottom: 20px;
}
.build-mbapp p{
font-size: 15px;
color: rgb(255, 255, 255);
line-height: 1.733;
}
.build-mbapp-img{
}
.build-mbapp-img img{
margin-top: -206px;
position: relative;
right: -50px;
}
.thnakyou #content h1{
font-size: 30px;
color: rgb(4, 152, 49);
font-weight: 700;
margin-bottom: 30px;
}
.thnakyou #content table{
width: 60%;
margin: 0 auto;
box-shadow: 0px 0px 11px -3px rgba(0, 0, 0, 0.09);
}
.thnakyou #content table tr{
}
.thnakyou #content table tr th{
padding: 4px 10px;
background-color: #f5fafb;
border: 1px solid #e7e5e5;
font-size: 14px;
font-weight: 600;
}
.thnakyou #content table tr td{
padding: 4px 10px;
background-color: #f5fafb;
border: 1px solid #e7e5e5;
font-size: 14px;
font-weight: 500;
text-align: left;
}
.top1{
top: -363px
}
.top2{
top: -779px
}
.top3{
top: -1099px
}
.top4{
top: -1400px
}
.form-item-cont select{
width: 100%;
height: 50px;
padding-left: 10px;
border-style: solid;
border-width: 1px;
border-color: rgb(232, 227, 227);
background-color: rgb(255, 255, 255);
box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.07);
font-size: 14px;
}
.paymntlogos{
padding-left: 0px;
list-style: none;
}
.paymntlogos li{
display: inline-block;vertical-align: middle;
}
#paymentMethod > input{
float: none;margin-bottom: 30px;
}
.site-content.cry-frm h1{
text-align: center;
font-size: 33px;
color: rgb(56, 80, 41);
font-weight: 700;
}
.site-content.cry-frm{
margin-top: 110px;
}
.rm-marg{
margin-bottom: 5px !important;
}
.rm-bot{
margin-bottom: 30px;
}