body
{
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 300;
color: #7762a1;
background-color: #fff;
}
body a
{
text-decoration: none;
color: #e625a4;
transition: color .2s ease;
}
body a:hover
{
color: #e625a4;
}
body p, body pre
{
margin-bottom: 24px;
}
.site-wrapper ::selection
{
background-color: #e625a4;
}
.site-wrapper ::-moz-selection
{
background-color: #e625a4;
}
.site-wrapper img
{
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.doc-loader
{
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 99999;
background-color: #fff;
}
.doc-loader img
{
width: 64px;
height: 64px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.content-1070
{
width: 1070px;
}
.content-960
{
width: 960px;
}
.content-740
{
width: 740px;
}
.center-text {
text-align: center;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.full-page-width
{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.chrome .site-wrapper img
{
image-rendering: -webkit-optimize-contrast;
}
.header-holder
{
z-index: 99 !important;
background-color: #221c5a;
width: 100% !important;
top: 0;
position: fixed;
}
.admin-bar .header-holder
{
top: 32px !important;
}
.sticky-wrapper
{
height: 77px !important;
}
.menu-wrapper
{
width: 98%;
max-width: 1470px;
min-height: 77px;
}
.header-logo
{
line-height: 0;
font-size: 0;
float: left;
position: absolute;
transform: translateY(-50%);
top: 50%;
}
.header-logo img
{
width: 140px;
height: 20px;
}
.menu-holder
{
float: right;
max-width: 85%;
}
.toggle-holder
{
display: none;
right: 10px;
z-index: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#toggle:hover
{
cursor: pointer;
}
#toggle div
{
height: 3px;
margin-bottom: 6px;
background-color: #fff;
width: 22px;
}
#toggle .second-menu-line
{
-webkit-transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
-webkit-transform: translate3d(10px,0,0);
transform: translate3d(10px,0,0);
}
#toggle:hover .second-menu-line
{
-webkit-transform: translate3d(0,0,0) !important;
transform: translate3d(0,0,0) !important;
}
#toggle.on .second-menu-line {
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
}
#toggle .third-menu-line
{
margin-bottom: 5px;
}
#header-main-menu
{
display: inline-block;
}
.sm-clean .has-submenu
{
padding-right: 35px !important;
}
body .site-wrapper .sm-clean a
{
cursor: pointer;
color: #fff;
}
.sm-clean a span.sub-arrow
{
right: 3px;
}
.sm-clean a.highlighted
{
padding: 15px;
}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
font-size: 16px;
font-weight: 300;
transition: color .3s ease, background-color .3s ease;
padding: 15px;
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
font-size: 13px;
line-height: 15px;
padding: 10px;
}
.sm-clean
{
background-color: transparent;
padding: 15px 0;
}
body .sm-clean a:hover, body .main-menu.sm-clean .sub-menu li a:hover, body .sm-clean li.active a, body .sm-clean li.current-page-ancestor > a, body .sm-clean li.current_page_ancestor > a, body .sm-clean li.current_page_item > a
{
color: #e625a4;
}
.sm-clean li
{
margin-right: 10px;
}
.sm-clean li:last-child
{
margin-right: 0;
}
.sm-clean ul
{
background-color: #221c5a;
}
.sm-clean a.has-submenu
{
padding-right: 24px;
}
.sub-menu a, .children a
{
padding-left: 15px !important;
}
.sub-menu .sub-menu, .children .children
{
padding-top: 8px;
}
a.button
{
display: inline-block;
color: #fff !important;
background-color: #e625a4;
text-align: left;
padding-bottom: 17px;
padding-top: 17px;
padding-left: 40px;
padding-right: 35px;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
transition: all .2s linear;
margin-bottom: 17px;
border-radius: 50px;
font-size: 16px;
box-shadow: 0px 0px 50px 0px rgba(230,37,164,0.65);
}
a.button:after
{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f061";
margin-left: 25px;
transition: transform .3s ease;
}
a.button:hover:after
{
transform: translateX(5px);
}
a.button.scroll:hover:after
{
transform: rotate(90deg);
}
.image-slider-wrapper
{
padding-top: 20px;
}
.image-slider-wrapper .slick-slider img
{
width: 100% !important;
}
.text-slider-wrapper
{
text-align: center;
font-size: 24px;
line-height: 35px;
color: #f2f5f6;
width: 760px;
margin: 0 auto;
padding: 50px 0;
max-width: 90%;
}
.text-slider-header-quotes
{
margin-bottom: -45px;
}
.text-slider-header-quotes:before
{
content: '\201C';
font-family: 'Montserrat', sans-serif;
font-size: 140px;
line-height: 100%;
font-weight: 700;
color: #e625a4;
}
.text-slider-wrapper .slick-slider
{
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.text-slider-wrapper img.text-slide-img
{
width: 120px !important;
height: 120px;
border-radius: 90%;
}
.slick-dots
{
position: absolute;
bottom: 25px;
}
.slick-dots li button:before
{
background-color: #fff;
opacity: 1 !important;
transition: all .3s ease;
border-radius: 5px;
}
.slick-dots li.slick-active button:before
{
background-color: #e625a4;
}
.slick-next
{
bottom: 100px;
top: auto;
right: calc(50% - 140px);
background-image: none;
padding: 0;
width: auto;
height: auto;
}
.slick-next:after
{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f061";
transition: transform .3s ease;
color: white;
font-size: 20px;
padding: 25px;
}
.slick-prev
{
bottom: 100px;
top: auto;
left: calc(50% - 140px);
background-image: none;
padding: 0;
width: auto;
height: auto;
}
.slick-prev:after
{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f060";
transition: transform .3s ease;
color: white;
font-size: 20px;
padding: 25px;
}
.text-slide-name
{
font-size: 14px;
color: #fff;
font-weight: 600;
letter-spacing: 3px;
margin-bottom: 0;
}
.text-slide-position
{
font-size: 12px;
color: #fff;
letter-spacing: 5px;
margin-top: -10px;
}
.curve-text
{
font-family: 'League Script', cursive;
font-weight: 400;
color: #fff;
font-size: 120px;
line-height: 150px;
}
@media screen and (min-height: 950px)
{
#home .curve-text
{
padding-top: 10%;
}
}
.intro-description
{
font-size: 32px;
line-height: 50px;
color: #fff;
}
.big-text
{
font-size: 34px;
line-height: 45px;
color: #62408c;
letter-spacing: 1px;
}
.medium-text
{
font-size: 24px;
line-height: 35px;
letter-spacing: 2px;
}
.section
{
position: relative;
padding: 75px 0;
background-color: #fff
}
.section h2.entry-title, .page-template-default.page .section h1.entry-title
{
text-align: center;
font-size: 12px;
line-height: 34px;
color: #7b06b0;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 5px;
background-color: #efe2ff;
display: table;
margin: 0 auto;
padding: 5px 30px 5px 35px;
border-radius: 50px;
margin-bottom: 50px;
}
.section .page-description
{
text-align: center;
font-size: 24px;
line-height: 40px;
font-weight: 700;
margin-bottom: 100px;
color: #62408c;
}
.page .page-content
{
background-color: #fff;
padding: 75px;
}
#home
{
background-image: url(/assets/img/hero_img2.webp);
background-color: #eb09eb;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
min-height: calc(100vh - 220px);
}
.icon-scroll,
.icon-scroll:before {
position: absolute;
left: 50%;
}
.icon-scroll {
display: none;
width: 35px;
height: 60px;
margin-left: -20px;
bottom: 25px;
margin-top: -35px;
box-shadow: inset 0 0 0 1px #fff;
border-radius: 25px;
}
.icon-scroll:before {
content: '';
width: 8px;
height: 8px;
background: #fff;
margin-left: -4px;
top: 8px;
border-radius: 4px;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: scroll;
animation-name: scroll;
}
@-webkit-keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(35px);
transform: translateY(35px);
}
}
@keyframes scroll {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(35px);
transform: translateY(35px);
}
}
#services
{
background-image: url(/assets/img/wave_01.webp);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% auto;
background-attachment: scroll;
padding-bottom: 150px;
}
.service-item
{
text-align: center;
max-width: 200px;
margin: 0 auto;
}
h5.service-title
{
font-weight: 300;
color: #62408c;
font-size: 34px;
line-height: 45px;
padding-top: 0;
}
.service-item:after
{
content: "";
display: block;
position: absolute;
top: -20%;
left: -30%;
width: 160%;
height: 140%;
border: 1px solid #9b79cd;
border-radius: 50px;
opacity: 0;
transition: opacity .5s ease;
}
a.service-link
{
display: inline-block;
color: #fff;
background-color: #e625a4;
text-align: left;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
transition: all .2s linear;
border-radius: 50px;
font-size: 16px;
position: absolute;
top: -15%;
right: -22%;
opacity: 0;
z-index: 1;
width: 54px;
height: 54px;
box-shadow: 0px 0px 50px 0px rgba(230,37,164,0.65);
}
a.service-link:hover
{
color: #fff;
}
a.service-link:after
{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f061";
transition: transform .3s ease;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
.service-item:hover:after, .service-item:hover a.service-link
{
opacity: 1;
}
.category-filter-list
{
text-align: center;
margin-bottom: 60px;
}
.category-filter-list .button
{
display: inline-block;
margin-right: 15px;
color: #3e275f;
transition: all .3s ease;
border-radius: 50px !important;
padding: 15px 25px 15px 25px;
cursor: pointer;
}
.category-filter-list .button:last-of-type
{
margin-right: 0;
}
.category-filter-list .button:hover, .category-filter-list .button.is-checked
{
background-color: #e625a4;
color: #fff;
box-shadow: 0px 0px 50px 0px rgba(230,37,164,0.65);
}
.grid
{
width: 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
max-width: 100%;
}
.grid-item, .grid-sizer
{
width: calc(100% / 3);
}
.grid-item
{
float: left;
font-size: 0;
line-height: 0;
}
.grid-item.two_third
{
width: calc(100% / 3 * 2);
}
.grid-item img
{
width: 100% !important;
height: auto;
display: block;
}
.grid-item .entry-holder
{
text-align: center;
background-color: #fff;
padding: 50px 20px;
}
.grid-item a.item-link:after
{
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: #5F1AB3;
left: 0;
top: 0;
opacity: 0;
transition: opacity .3s ease-in-out;
}
.portfolio-text-holder
{
color: white;
position: absolute;
bottom: 10%;
left: 25%;
display: inline-block;
z-index: 1;
opacity: 0;
transform: translateY(30px);
transition: all .3s ease;
transition-delay: .1s;
}
.portfolio-arrow
{
display: inline-block;
color: #fff;
background-color: #e625a4;
text-align: left;
cursor: pointer;
vertical-align: middle;
text-decoration: none;
transition: all .2s linear;
border-radius: 50px;
font-size: 16px;
position: absolute;
top: 13px;
left: -80px;
z-index: 1;
width: 54px;
height: 54px;
}
.portfolio-arrow:after
{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f061";
transition: transform .3s ease;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.portfolio-title
{
font-size: 30px;
line-height: 45px;
margin-bottom: 0;
}
.center-text {
text-align: center;
}
.portfolio-desc
{
font-size: 16px;
line-height: 24px;
}
.grid-item a.item-link:hover:after
{
opacity: 1;
}
.grid-item a.item-link:hover .portfolio-text-holder
{
opacity: 1;
transform: translateY(0);
}
.grid-item a.item-link.highlighted .portfolio-text-holder
{
transition-delay: 0s;
}
.grid-item a.item-link.highlighted:after
{
transition-delay: .1s;
}
a.video-popup-holder
{
line-height: 0;
font-size: 0;
display: inline-block;
}
a.video-popup-holder .thumb
{
border-radius: 90%;
}
.popup-play
{
background-image: url(/assets/img/play_btn.webp);
width: 90px;
height: 45px;
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
background-size: 90px 90px;
margin-bottom: 0;
transform: translate(-50%, -50%);
transition: opacity .3s ease;
}
a.video-popup-holder:hover .popup-play
{
opacity: 0.7;
}
.v-skills-holder
{
text-align: center;
position: relative;
margin: 40px 0;
}
.v-skills-level, .v-skills-level-2, .v-skills-holder:after, .v-skills-holder:before
{
position: absolute;
width: 100%;
height: 1px;
left: 0;
top: 20%;
background-color: #F5ECFF;
}
.v-skills-level-2
{
top: 40%;
}
.v-skills-holder:after
{
top: 60%;
content: "";
}
.v-skills-holder:before
{
top: 80%;
content: "";
}
.v-skill
{
width: 25px;
height: 50px;
background-color: #efe2ff;
position: relative;
display: inline-block;
margin-right: 20px;
border: 5px solid #fff;
z-index: 1;
border-radius: 50px;
}
.v-skills-holder .v-skill:last-of-type
{
margin-right: 0;
}
.v-skill-fill
{
position: absolute;
bottom: 0;
left: 0;
background-color: #e625a4;
border-radius: 0 0 50px 50px;
}
.v-skill-text
{
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
}
#clients
{
background-color: #f3f1f6;
padding-bottom: 0;
}
.big-number-full-width
{
background-image: ;
}
.text-slider-full-width
{
background-image: ;
}
.big-number
{
color: #62408c;
text-align: center;
margin-bottom: 55px;
padding: 13px 0;
}
.big-number-content
{
font-size: 135px;
line-height: 100%;
font-weight: 700;
margin-top: -55px;
}
span.up-text
{
font-size: 72px;
vertical-align: 85px;
margin-left: -21px;
font-weight: 300;
}
.big-down-text
{
font-size: 18px;
line-height: 100%;
font-weight: 400;
}
#team
{
background-image: ;
background-color: #efefef;
background-position: left top;
background-repeat: repeat;
background-size: auto;
background-attachment: fixed;
}
.member
{
text-align: center;
}
img.member-img
{
border-radius: 90%;
}
width: 100px;
height: 50px;
border-radius: 50%;
overflow: hidden;
object-fit: cover;
}
.member .member-name
{
font-size: 25px;
line-height: 40px;
margin-top: 15px;
margin-bottom: 0;
}
.member .member-content
{
margin-top: 20px;
}
.social-holder
{
margin-bottom: 15px;
}
.social-holder .social
{
display: inline-block;
margin: 0 5px;
width: 35px;
height: 35px;
background-color: #e625a4;
border-radius: 90%;
position: relative;
overflow: hidden;
transition: background-color .3s ease;
}
.social-holder .social:hover
{
background-color: #fff;
}
body .social a
{
color: #fff;
}
.social span
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 15px;
}
#contact
{
background-image: url(/assets/img/map_img.webp);
background-color: #f3f1f6;
background-position: center bottom;
background-repeat: no-repeat;
background-size: auto;
}
.contact-page-wrapper
{
max-width: 1070px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.contact-page-left
{
background-color: #5f1ab4;
width: calc(50% - 140px);
height: calc(100% - 200px);
float: left;
padding: 20px 70px;
color: #fff;
position: absolute;
border-radius: 50px 0 0 50px;
}
.contact-page-right
{
width: calc(50% - 140px);
height: calc(100% - 200px);
float: right;
padding: 20px 70px;
border-radius: 0 50px 50px 0;
background-color: #fff;
}
.contact-info
{
margin-bottom: 30px;
}
.contact-info:after
{
content: "";
display: block;
clear: both;
}
.contact-info span
{
margin-right: 45px;
font-size: 30px;
min-width: 40px;
float: left;
}
.contact-info-content
{
line-height: 30px;
display: table;
text-align: left;
}
.contact-form
{
max-width: 100%;
width: 770px;
margin: 0 auto;
font-size: 22px;
color: #62408c;
}
.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea
{
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #62408c;
border: 0;
border-bottom: 1px solid;
height: 28px;
font-size: 16px;
line-height: 24px;
width: 100%;
padding: 0;
margin-bottom: 40px;
}
.contact-form input[type=text]::-webkit-input-placeholder, .contact-form input[type=email]::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder
{
font-family: 'Poppins', sans-serif;
color: #62408c;
font-weight: 300;
font-size: 16px;
line-height: 24px;
}
.contact-form input[type=text]::-moz-placeholder, .contact-form input[type=email]::-moz-placeholder, .contact-form textarea::-moz-placeholder
{
font-family: 'Poppins', sans-serif;
color: #62408c;
font-weight: 300;
font-size: 16px;
line-height: 24px;
opacity: 1;
}
.contact-form input[type=text]:-ms-input-placeholder, .contact-form input[type=email]:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder
{
font-family: 'Poppins', sans-serif;
color: #62408c;
font-weight: 300;
font-size: 16px;
line-height: 24px;
}
.contact-form input[type=text]:-moz-placeholder, .contact-form input[type=email]:-moz-placeholder, .contact-form textarea:-moz-placeholder
{
font-family: 'Poppins', sans-serif;
color: #62408c;
font-weight: 300;
font-size: 16px;
line-height: 24px;
opacity: 1;
}
.contact-form input[type=text], .contact-form input[type=email]
{
padding-bottom: 5px;
}
.contact-form textarea
{
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
padding-top: 8px;
overflow: hidden;
height: 150px;
}
.contact-form input[name="your-name"]
{
margin-top: 0;
padding-top: 0;
}
.contact-submit-holder
{
display: table;
margin: 0 auto;
position: relative;
color: #ffffff;
font-size: 16px;
}
.contact-submit-holder:after
{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f061";
margin-left: -45px;
transition: transform .3s ease;
position: absolute;
margin-top: 20px;
}
.contact-submit-holder:hover:after
{
transform: translateX(5px);
}
.contact-form input[type=submit]
{
font-family: 'Poppins', sans-serif;
display: inline-block;
font-weight: 300;
border: none;
color: #ffffff;
background-color: #e625a4;
text-align: center;
padding-bottom: 17px;
padding-top: 17px;
padding-left: 40px;
padding-right: 75px;
cursor: pointer;
vertical-align: middle;
font-size: 16px;
text-decoration: none;
transition: all 0.2s linear;
border-radius: 50px;
box-shadow: 0px 0px 50px 0px rgba(230,37,164,0.65);
box-sizing: inherit;
}
footer ul
{
list-style: none;
padding-left: 0;
margin-left: 0;
}
.footer
{
font-size: 16px;
line-height: 36px;
padding-top: 20px;
padding-bottom: 20px;
clear: both;
color: #fff;
text-align: center;
background-color: #221c5a;
}
body .footer a
{
color: #fff;
}
.footer-text:before
{
content: "";
display: block;
height: 77px;
width: 2px;
background: #1a1a1a;
position: absolute;
left: 50%;
margin-left: -2px;
top: -95px;
}
.footer-text
{
position: relative;
margin-top: 50px;
padding-bottom: 50px;
}
ul.copyright-holder
{
font-size: 14px;
}
ul.copyright-holder:after
{
content: "";
display: block;
clear: both;
}
li.copyright-footer
{
float: left;
text-align: left;
width: 50%;
}
li.social-footer
{
float: right;
text-align: right;
width: 50%;
}
li.social-footer a
{
padding-left: 20px;
}
li.social-footer a:first-child
{
padding-left: 0;
}
@media screen and (max-width: 1600px) {
.content-1070, .content-960, .content-740
{
max-width: 95%;
}
}
@media screen and (max-width: 1220px) {
blockquote
{
font-size: 17px;
line-height: 28px;
}
blockquote:before
{
line-height: 150px;
font-size: 150px;
position: relative;
top: 0;
left: 0;
text-align: center;
display: block;
margin-bottom: -60px;
}
}
@media screen and (max-width: 1024px) {
.sm-clean li
{
margin-right: 8px;
}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted
{
padding: 15px 8px;
}
.service-item:after
{
left: -15%;
width: 130%;
}
a.service-link
{
right: -8%;
}
.portfolio-arrow
{
top: 2px;
left: -70px;
}
.portfolio-title
{
font-size: 22px;
line-height: 34px;
}
.portfolio-desc
{
font-size: 14px;
line-height: 20px;
}
}
@media screen and (min-width: 1020px) {
.v-skill-fill
{
width: 100% !important;
}
}
@media screen and (max-width: 1020px) {
#header-main-menu
{
padding-bottom: 70px;
}
.section
{
background-attachment: scroll !important;
padding: 75px 0 !important;
}
.menu-wrapper
{
width: 95%;
}
.main-menu ul
{
width: 12em;
}
.toggle-holder
{
display: block;
}
.sm-clean li
{
margin: 0 auto !important;
}
.sm-clean a.has-submenu
{
display: inline-block;
}
.menu-holder
{
position: fixed;
text-align: center;
height: 100%;
background-color: #221c5a;
right: -100%;
top: 77px;
transition: right .3s ease;
width: 300px;
overflow: auto;
max-width: 100%;
}
.menu-holder.show
{
right: 0;
}
.sm-clean ul ul a, .sm-clean ul ul a:hover, .sm-clean ul ul a:focus, .sm-clean ul ul a:active
{
border: none;
}
.sm-clean a span.sub-arrow
{
background: transparent;
}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted
{
padding: 10px 18px 10px 18px;
margin-bottom: 5px;
}
.text-left
{
text-align: center;
}
.section h2.entry-title, .page-template-default.page .section h1.entry-title, .blog h1.entry-title
{
margin-bottom: 35px;
}
.section .page-description, .blog .page-description
{
font-size: 20px;
line-height: 30px;
margin-bottom: 70px;
}
.blog-item-holder h4 a
{
max-width: 95%;
display: inline-block;
font-size: 18px;
line-height: 30px;
}
.blog-item-holder h4 a span
{
display: none !important;
}
.blog-item-holder .entry-date.published, .blog-item-holder .author.vcard, .blog-item-holder .kudos
{
margin-top: 10px;
}
.contact-page-left
{
float: none;
position: relative;
width: 80%;
height: auto;
padding: 10% 10% 3% 10%;
border-radius: 50px 50px 0 0;
text-align: center;
}
.contact-page-right
{
float: none;
width: 80%;
height: auto;
border-radius: 0 0 50px 50px;
padding: 10%;
}
.single h1.entry-title
{
font-size: 35px;
line-height: 40px;
margin-bottom: 0;
max-width: 95%;
}
.single-post .entry-content
{
padding: 20px 0;
}
.one_half, .one_third, .one_fourth, .two_third, .three_fourth
{
width: 100% !important;
float: none;
margin-right: 0;
margin-left: 0;
text-align: center;
}
.big-number
{
margin-bottom: 85px;
}
.big-text
{
font-size: 30px;
line-height: 35px;
}
.v-skills-holder
{
position: relative;
margin: 40px auto;
display: block;
text-align: center;
}
.v-skills-level, .v-skills-level-2, .v-skills-holder:after, .v-skills-holder:before
{
display: none;
}
.v-skill
{
width: 300px;
max-width: 100%;
height: 25px;
margin: 0 auto;
border: 10px solid #fff;
}
.v-skill-fill
{
height: 100% !important;
border-radius: 50px 0 0 50px;
}
span.v-skill-text
{
left: 20px;
bottom: 0;
color: #fff;
transform: none;
}
.service-item
{
max-width: none;
margin-bottom: 85px;
}
.service-item:after
{
display: none;
}
a.service-link
{
opacity: 1;
position: relative;
top: 25px;
right: auto;
}
.grid-item a.item-link:after, .portfolio-text-holder
{
display: none !important;
}
.big-number-content
{
font-size: 85px;
}
span.up-text
{
font-size: 50px;
vertical-align: 65px;
}
.pricing-table
{
margin-top: 0 !important;
max-width: 366px;
margin: 0 auto;
}
.single.single-portfolio .portfolio-item-wrapper
{
padding: 10% 0;
}
.single.single-portfolio .content-wrapper
{
padding: 5% 10%;
}
.footer
{
padding-bottom: 30px;
}
ul#footer-sidebar li.widget
{
width: 100%;
margin-right: 0;
float: none;
margin-bottom: 30px;
}
ul#footer-sidebar li.widget:nth-child(3n)
{
margin-bottom: 0;
}
li.copyright-footer
{
float: none;
text-align: center;
width: 100%;
}
li.social-footer
{
float: none;
text-align: center;
width: 100%;
}
.wait-01s, .wait-02s, .wait-03s, .wait-04s, .wait-05s, .wait-06s, .wait-07s, .wait-08s, .wait-09s, .wait-10s, .wait-11s, .wait-12s, .wait-13s, .wait-14s, .wait-15s
{
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
}
@media screen and (max-width: 805px) {
.single-post .tags-holder
{
width: auto;
}
}
@media screen and (min-height: 768px) {
.icon-scroll
{
display: block;
}
}
@media screen and (max-width: 750px) {
.page .page-content
{
padding: 5%;
}
.single .nav-previous, .single .nav-next
{
display: block;
width: 95%;
text-align: center;
float: none;
margin-left: auto;
margin-right: auto;
}
.single .nav-previous a, .single .nav-next a
{
float: none;
}
.single .nav-previous
{
padding-bottom: 40px;
}
.grid-item, .grid-sizer
{
width: 100% !important;
}
}
@media screen and (max-width: 650px) {
.single .entry-info div, .single .entry-info .cat-links ul
{
display: block;
}
.single .entry-info div:after
{
display: none;
}
.nav-previous a, .nav-next a
{
font-size: 16px;
line-height: 25px;
}
.nav-links .cat-links a
{
font-size: 10px;
line-height: 20px;
letter-spacing: 3px;
}
}
@media screen and (max-width: 630px)
{
.curve-text
{
font-size: 90px;
line-height: 105px;
}
.intro-description
{
font-size: 20px;
line-height: 35px;
}
.icon-scroll
{
display: none;
}
.big-number
{
margin-bottom: 60px;
}
.big-number-content
{
font-size: 35px;
margin-top: -20px;
}
span.up-text
{
font-size: 35px;
vertical-align: 33px;
margin-left: -5px;
}
.category-filter-list .button
{
margin-right: 8px;
padding: 7px 17px 7px 17px;
font-size: 14px;
}
.v-skill
{
border: 0;
margin-bottom: 10px;
}
.text-slider-wrapper
{
font-size: 18px;
line-height: 27px;
}
.text-slide-name
{
margin-bottom: 5px;
}
}
@media screen and (max-width: 400px)
{
.blog-item-holder .entry-date.published
{
display: none;
}
.contact-info span
{
float: none;
margin: 0 auto;
text-align: center;
display: block;
}
.contact-info-content
{
display: block;
text-align: center;
}
}
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation: none !important; transition: none !important; }
}
.doc-loader { display: none; }
.animate { opacity: 1 !important; transform: none !important; }
.hp-field { position: absolute; left: -9999px; height: 1px; width: 1px; opacity: 0; }
#toggle { background: none; border: 0; padding: 0; cursor: pointer; }
@media (max-width: 1019px) {
.menu-holder { display: none; }
.menu-holder.menu-open { display: block; }
}
#portfolio-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0; }
#portfolio-grid .grid-item { margin: 0; position: relative; }
#portfolio-grid .grid-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
#portfolio-grid .grid-item[hidden] { display: none; }
.contact-form [data-lead-success] { color: #2e7d32; }
.contact-form [data-lead-error] { color: #b3261e; }