@charset "UTF-8";
* {
margin: 0;
padding: 0;
}
body {
font-family: "Inter", sans-serif;
}
a {
text-decoration: none;
}
.shape_img img {
position: absolute;
}
.section_title h2 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 66px;
line-height: 76px;
}
.blockquote {
margin-top: 40px;
margin-bottom: 40px;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
position: relative;
padding-left: 48px;
padding-right: 48px;
padding-top: 40px;
padding-bottom: 48px;
}
.blockquote p {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
}
.blockquote p span {
color: #FC7942;
}
.blockquote .author span {
color: #FC7942;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.blockquote img {
position: absolute;
right: 48px;
bottom: -30px;
}
@media (min-width: 1400px) {
.container {
max-width: 1440px;
}
}
@font-face {
font-family: ClashDisplay;
}
.hero_main {
padding-top: 250px;
padding-bottom: 550px;
position: relative;
}
.hero_main .content {
position: relative;
}
.hero_main .content .section_title h1 {
font-family: "ClashDisplay", sans-serif;
color: #131313;
font-weight: 600;
font-size: 120px;
line-height: 124px;
}
.hero_main .content .section_title p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 38px;
margin-top: 30px;
}
.hero_main .content .btn_area {
margin-top: 70px;
}
.hero_main .content .btn_area .bg_btn_color {
margin-left: 24px;
}
.hero_main .content .shape {
position: absolute;
right: 100px;
bottom: -50px;
}
.hero_main .shape_img .one {
right: 0;
top: 270px;
}
.hero_main .shape_img .two {
left: 0;
top: 370px;
}
.hero_creative_agency {
padding-top: 250px;
padding-bottom: 160px;
position: relative;
}
.hero_creative_agency .content {
position: relative;
}
.hero_creative_agency .content .section_title .sub_title {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 34px;
text-transform: uppercase;
display: inline-block;
margin-bottom: 25px;
}
.hero_creative_agency .content .section_title h1 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 100px;
line-height: 104px;
margin-bottom: 30px;
}
.hero_creative_agency .content .section_title p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 38px;
}
.hero_creative_agency .content .reating_area .icons {
margin-bottom: 15px;
margin-top: 50px;
}
.hero_creative_agency .content .reating_area .icons img {
width: 40px;
height: 40px;
background: #219653;
padding: 7px;
margin: 0 2px;
}
.hero_creative_agency .content .reating_area p {
color: #131313;
font-family: "Roboto", sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 22px;
}
.hero_creative_agency .content .reating_area p span {
font-weight: 700;
text-decoration: underline;
}
.hero_creative_agency .bg_overlay img {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 42%;
}
.hero_creative_agency .shape_img .one {
top: -140px;
right: -335px;
}
.hero_creative_agency .shape_img .two {
bottom: 0;
left: 510px;
}
.hero_creative_agency .shape_img .three {
left: 0;
bottom: 470px;
}
.hero_digital_studio {
padding-top: 200px;
position: relative;
}
.hero_digital_studio .bg_ovarly img {
width: 100%;
position: relative;
z-index: 3;
}
.hero_digital_studio .section_title h1 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 120px;
line-height: 124px;
}
.hero_digital_studio .content {
padding-left: 110px;
}
.hero_digital_studio .content p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 38px;
}
.hero_digital_studio .content .bg_btn {
display: inline-block;
margin-top: 30px;
}
.hero_digital_studio .shape_img .one {
left: 0;
top: 275px;
}
.hero_digital_studio .shape_img .two {
bottom: 490px;
left: 895px;
}
.hero_digital_studio .shape_img .three {
right: 0;
top: 335px;
}
.hero_marketing_agency {
padding-top: 200px;
padding-bottom: 130px;
position: relative;
}
.hero_marketing_agency .content {
color: #131313;
}
.hero_marketing_agency .content .section_title span {
font-family: "Inter", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 34px;
text-transform: uppercase;
}
.hero_marketing_agency .content .section_title h1 {
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 100px;
line-height: 104px;
margin-top: 25px;
}
.hero_marketing_agency .content .section_title p {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 38px;
margin-top: 30px;
}
.hero_marketing_agency .content .marketers {
display: flex;
align-items: center;
margin-top: 50px;
}
.hero_marketing_agency .content .marketers span {
display: block;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
margin-left: 24px;
}
.hero_marketing_agency .shape_img .one {
left: 0;
top: 310px;
}
.hero_marketing_agency .shape_img .two {
bottom: 0;
right: 275px;
}
.hero_marketing_agency .shape_img .three {
right: 0;
top: 230px;
}
.hero_coporate_agency {
padding-top: 220px;
padding-bottom: 210px;
position: relative;
}
.hero_coporate_agency .content {
text-align: center;
}
.hero_coporate_agency .content .section_title {
color: #131313;
}
.hero_coporate_agency .content .section_title h1 {
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 120px;
line-height: 124px;
}
.hero_coporate_agency .content .section_title p {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 38px;
padding-top: 20px;
}
.hero_coporate_agency .content .bg_btn {
margin-top: 30px;
}
.hero_coporate_agency .shape_img .one {
left: 100px;
bottom: 300px;
}
.hero_coporate_agency .shape_img .two {
bottom: 0;
right: 230px;
}
.hero_coporate_agency .shape_img .three {
right: 0;
top: 155px;
}
.hero_agenct_portfolio {
padding-top: 250px;
padding-bottom: 300px;
position: relative;
}
.hero_agenct_portfolio .content {
color: #131313;
}
.hero_agenct_portfolio .content .section_title span {
font-family: "Inter", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 34px;
text-transform: uppercase;
}
.hero_agenct_portfolio .content .section_title h1 {
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 100px;
line-height: 104px;
margin-top: 25px;
}
.hero_agenct_portfolio .marketars {
display: flex;
align-items: center;
margin-top: 50px;
}
.hero_agenct_portfolio .marketars span {
display: block;
margin-left: 24px;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.hero_agenct_portfolio .shape_img .one {
left: 0;
top: 350px;
}
.hero_agenct_portfolio .shape_img .two {
bottom: 115px;
right: 370px;
}
.hero_agenct_portfolio .shape_img .three {
top: 100px;
right: 70px;
}
.hero_shop {
position: relative;
}
.hero_shop .section_img {
position: relative;
}
.hero_shop .section_img .min {
position: relative;
z-index: 2;
}
.hero_shop .content span {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
}
.hero_shop .content .section_title h1 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 90px;
line-height: 96px;
margin-top: 15px;
margin-bottom: 0px;
}
.hero_shop .content .section_title p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 38px;
margin-top: 30px;
}
.hero_shop .content .bg_btn {
margin-bottom: 30px;
}
.hero_shop .one {
left: -120px;
top: -110px;
}
.hero_shop .two {
bottom: 0;
left: 615px;
}
.hero_shop .three {
right: 0;
bottom: 420px;
}
.bg_btn {
font-family: "Inter", sans-serif;
color: #131313;
font-weight: 600;
font-size: 16px;
line-height: 24px;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding: 20px 50px;
text-transform: uppercase;
transition: .3s;
display: inline-block;
}
.bg_btn i {
transform: rotate(-45deg);
margin-left: 5px;
transition: 0.3s;
}
.bg_btn:hover {
color: #FC7942;
box-shadow: none;
}
.bg_btn:hover i {
transform: none;
}
.bg_btn_color {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
background: #FC7942;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding: 20px 44px;
text-transform: uppercase;
transition: .3s;
display: inline-block;
}
.bg_btn_color:hover {
color: #131313;
box-shadow: none;
}
.popup_btn {
width: 140px;
height: 140px;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
display: flex;
align-items: center;
justify-content: center;
transition: .3s;
}
.popup_btn i {
color: #131313;
font-size: 32px;
}
.popup_btn:hover {
background: #FC7942;
box-shadow: none;
}
.popup_btn:hover i {
color: #fff;
}
.text_btn {
color: #FC7942;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
display: inline-block;
}
.text_btn i {
transform: rotate(-45deg);
margin-left: 5px;
transition: 0.3s;
}
.text_btn:hover {
color: #131313;
}
.text_btn:hover i {
transform: none;
}
.project_btn {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
display: inline-block;
transition: .3s;
}
.project_btn i {
transform: rotate(-45deg);
margin-left: 5px;
transition: 0.3s;
}
.project_btn:hover {
color: #131313;
}
.project_btn:hover i {
transform: none;
}
.shop_btn {
display: inline-flex;
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
align-items: center;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding: 13px 45px;
}
.shop_btn i {
margin-right: 10px;
}
.shop_btn:hover {
color: #FC7942;
}
.video_popup {
margin-top: -375px;
position: relative;
z-index: 2;
}
.video_popup .popup_container {
width: 1740px;
height: 900px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
transition: .3s;
}
.video_popup .popup_container:hover .popup_btn {
width: 120px;
height: 120px;
}
.video_popup .popup_container:hover .popup_btn:hover {
width: 140px;
height: 140px;
}
.video_popup.h_4 {
margin-top: 0;
}
.video_popup.h_4 .popup_container {
width: 100%;
}
.min_service_box_area {
margin-top: 65px;
}
.min_service_box_area .single_service_box {
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-top: 80px;
padding-left: 48px;
padding-bottom: 60px;
padding-right: 40px;
margin: 0 7px;
transition: .3s;
}
.min_service_box_area .single_service_box img {
margin-bottom: 60px;
}
.min_service_box_area .single_service_box h4 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
}
.min_service_box_area .single_service_box p {
padding-top: 10px;
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
margin-bottom: 30px;
}
.min_service_box_area .single_service_box:hover {
box-shadow: none;
transform: translateY(-5px);
}
.service_box.h_5 {
padding-top: 0;
}
.aword {
padding-bottom: 165px;
text-align: center;
}
.aword .bg_btn_color {
display: inline-block;
margin-top: 60px;
}
.min_aword_area {
margin-top: 60px;
text-align: center;
}
.min_aword_area .singe_aword {
border-top: 2px solid #131313;
padding-top: 30px;
padding-bottom: 25px;
text-align: left;
}
.min_aword_area .singe_aword .left_content {
display: flex;
align-items: center;
padding-right: 130px;
}
.min_aword_area .singe_aword .left_content .content {
padding-left: 130px;
}
.min_aword_area .singe_aword .left_content .content h5 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
}
.min_aword_area .singe_aword .left_content .content span {
color: #FC7942;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
margin-top: -5px;
display: inline-block;
}
.min_aword_area .singe_aword .right_content {
display: flex;
align-items: center;
justify-content: space-between;
}
.min_aword_area .singe_aword .right_content p {
padding-right: 175px;
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
margin-bottom: 0;
}
.min_aword_area .singe_aword .right_content i {
color: #FC7942;
font-size: 40px;
transform: rotate(-45deg);
transition: .3s;
}
.min_aword_area .singe_aword:last-child {
border-bottom: 2px solid #131313;
}
.min_aword_area .singe_aword:hover .right_content i {
transform: none;
}
.project {
padding-top: 150px;
padding-bottom: 160px;
text-align: center;
position: relative;
}
.project .bg_btn {
margin-top: 30px;
display: inline-block;
}
.project .shape_img .one {
right: 200px;
top: 0;
}
.project .shape_img .two {
left: 0;
top: 870px;
}
.project .shape_img .three {
right: 0;
bottom: 220px;
}
.min_project_area {
column-count: 2;
gap: 120px;
margin-top: 60px;
}
.min_project_area .single_project {
margin-bottom: 80px;
}
.min_project_area .single_project .project_top {
position: relative;
}
.min_project_area .single_project .project_top .tags {
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
position: absolute;
left: 28px;
top: 28px;
transition: .3s;
}
.min_project_area .single_project .project_top .tags li {
margin: 0 10px;
}
.min_project_area .single_project .project_top .tags li a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding: 8px 16px;
transition: .3s;
}
.min_project_area .single_project .project_top .tags li a:hover {
color: #FC7942;
box-shadow: none;
}
.min_project_area .single_project .project_top .tags li:first-child {
margin-left: 0;
}
.min_project_area .single_project .project_bottom {
padding-right: 250px;
text-align: left;
}
.min_project_area .single_project .project_bottom h4 {
margin-top: 40px;
}
.min_project_area .single_project .project_bottom h4 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
transition: .3s;
}
.min_project_area .single_project .project_bottom h4 a:hover {
text-decoration: underline;
}
.min_project_area .single_project:hover .project_top .tags {
opacity: 1;
visibility: visible;
}
.project_slider {
padding-top: 150px;
padding-bottom: 150px;
overflow: hidden;
position: relative;
}
.project_slider .project_slider_btn {
text-align: right;
}
.project_slider .shape_img .one {
left: 0;
bottom: 455px;
}
.project_slider .shape_img .two {
bottom: 0;
left: 560px;
}
.project_slider .shape_img .three {
top: 0;
right: 600px;
}
.min_project_slider_area {
margin-top: 60px;
width: 152%;
}
.min_project_slider_area .single_project_slider .project_top {
position: relative;
}
.min_project_slider_area .single_project_slider .project_top .tags {
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
position: absolute;
left: 28px;
top: 28px;
transition: .3s;
}
.min_project_slider_area .single_project_slider .project_top .tags li {
margin: 0 10px;
}
.min_project_slider_area .single_project_slider .project_top .tags li a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding: 8px 16px;
transition: .3s;
}
.min_project_slider_area .single_project_slider .project_top .tags li a:hover {
color: #FC7942;
box-shadow: none;
}
.min_project_slider_area .single_project_slider .project_top .tags li:first-child {
margin-left: 0;
}
.min_project_slider_area .single_project_slider .project_bottom {
padding-right: 250px;
text-align: left;
}
.min_project_slider_area .single_project_slider .project_bottom h4 {
margin-top: 40px;
}
.min_project_slider_area .single_project_slider .project_bottom h4 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
transition: .3s;
}
.min_project_slider_area .single_project_slider .project_bottom h4 a:hover {
text-decoration: underline;
}
.min_project_slider_area .single_project_slider:hover .project_top .tags {
opacity: 1;
visibility: visible;
}
.project_two {
padding-top: 150px;
padding-bottom: 160px;
position: relative;
}
.project_two .shape_img .one {
left: 0;
bottom: 475px;
}
.project_two .shape_img .two {
top: 0;
right: 270px;
}
.project_two .shape_img .three {
bottom: 0;
left: 400px;
}
.min_project_two {
margin-top: 60px;
}
.min_project_two .project_two_items {
padding-left: 0;
position: relative;
}
.min_project_two .project_two_items .single_item {
border-bottom: 1px solid #000000;
padding-bottom: 40px;
padding-top: 35px;
}
.min_project_two .project_two_items .single_item:hover img {
opacity: 1;
visibility: visible;
}
.min_project_two .project_two_items .single_item img {
position: absolute;
right: 75px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
transition: .3s;
opacity: 0;
visibility: hidden;
}
.min_project_two .project_two_items .single_item:first-child {
border-top: 1px solid #000000;
}
.min_project_two .project_two_items .single_item .all_content {
display: flex;
align-items: center;
justify-content: space-between;
}
.min_project_two .project_two_items .single_item .all_content .content h3 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
transition: .3s;
}
.min_project_two .project_two_items .single_item .all_content .content h3 a:hover {
color: #FC7942;
}
.min_project_two .project_two_items .single_item .all_content .content .category {
margin-top: 5px;
}
.min_project_two .project_two_items .single_item .all_content .content .category span,
.min_project_two .project_two_items .single_item .all_content .content .category a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.min_project_two .project_two_items .single_item .all_content i {
font-size: 40px;
transform: rotate(-45deg);
transition: .3s;
}
.min_project_two .project_two_items .single_item:hover .all_content i {
transform: none;
color: #FC7942;
}
.min_project_two .bottom {
text-align: center;
}
.min_project_two .bottom .bg_btn {
display: inline-block;
margin-top: 40px;
}
.project_slider_two {
padding-top: 150px;
padding-bottom: 170px;
position: relative;
overflow: hidden;
}
.project_slider_two .project_slider_btn {
text-align: right;
}
.project_slider_two .shape_img .one {
top: 0;
right: 650px;
}
.project_slider_two .shape_img .two {
bottom: 0;
left: 455px;
}
.min_project_slider_two_area {
margin-top: 60px;
width: 152%;
}
.min_project_slider_two_area .slick-slide {
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
}
.min_project_slider_two_area .slick-list {
margin-left: -20px;
margin-right: -20px;
}
.min_project_slider_two_area .single_project_slider_two .project_top {
position: relative;
text-align: center;
}
.min_project_slider_two_area .single_project_slider_two .project_top img {
width: 100%;
}
.min_project_slider_two_area .single_project_slider_two .project_top .tags {
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
position: absolute;
left: 28px;
top: 28px;
transition: .3s;
}
.min_project_slider_two_area .single_project_slider_two .project_top .tags li {
margin: 0 10px;
}
.min_project_slider_two_area .single_project_slider_two .project_top .tags li a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding: 8px 16px;
transition: .3s;
}
.min_project_slider_two_area .single_project_slider_two .project_top .tags li a:hover {
color: #FC7942;
box-shadow: none;
}
.min_project_slider_two_area .single_project_slider_two .project_top .tags li:first-child {
margin-left: 0;
}
.min_project_slider_two_area .single_project_slider_two .project_bottom {
text-align: center;
}
.min_project_slider_two_area .single_project_slider_two .project_bottom h4 {
margin-top: 40px;
}
.min_project_slider_two_area .single_project_slider_two .project_bottom h4 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
transition: .3s;
}
.min_project_slider_two_area .single_project_slider_two .project_bottom h4 a:hover {
text-decoration: underline;
}
.min_project_slider_two_area .single_project_slider_two:hover .project_top .tags {
opacity: 1;
visibility: visible;
}
.project.h_6 {
padding-top: 0;
margin-top: -170px;
}
.project.h_6 .min_project_area {
margin-top: 0;
}
.project.h_6 .bg_btn_color {
margin-top: 80px;
}
.portfolio_grid_two {
padding-top: 160px;
padding-bottom: 160px;
}
.min_project_area_grid_two .bg_btn_color {
width: auto;
margin: 0 auto;
}
.min_project_area_grid_two .single_project {
margin: 0 20px;
margin-bottom: 80px;
}
.min_project_area_grid_two .single_project .project_top {
position: relative;
}
.min_project_area_grid_two .single_project .project_top img {
height: 540px;
width: 100%;
}
.min_project_area_grid_two .single_project .project_top .tags {
opacity: 0;
visibility: hidden;
display: flex;
align-items: center;
position: absolute;
left: 28px;
top: 28px;
transition: .3s;
}
.min_project_area_grid_two .single_project .project_top .tags li {
margin: 0 10px;
}
.min_project_area_grid_two .single_project .project_top .tags li a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding: 8px 16px;
transition: .3s;
}
.min_project_area_grid_two .single_project .project_top .tags li a:hover {
color: #FC7942;
box-shadow: none;
}
.min_project_area_grid_two .single_project .project_top .tags li:first-child {
margin-left: 0;
}
.min_project_area_grid_two .single_project .project_bottom {
padding-right: 250px;
text-align: left;
}
.min_project_area_grid_two .single_project .project_bottom h4 {
margin-top: 40px;
}
.min_project_area_grid_two .single_project .project_bottom h4 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
transition: .3s;
}
.min_project_area_grid_two .single_project .project_bottom h4 a:hover {
text-decoration: underline;
}
.min_project_area_grid_two .single_project .project_bottom .project_btn {
color: #FC7942;
}
.min_project_area_grid_two .single_project:hover .project_top .tags {
opacity: 1;
visibility: visible;
}
.min_project_area_grid_two.three .single_project .project_top img {
height: 420px;
}
.min_project_area_grid_two.three .single_project .project_bottom {
padding-right: 100px;
}
.min_project_area_grid_two.three .single_project .project_bottom h4 a {
font-size: 30px;
line-height: 40px;
}
.project_two.innar .min_project_two {
margin-top: 0;
}
.project_two.innar .min_project_two .project_two_items .single_item:first-child {
border-top: 0;
}
.project_two.innar .min_project_two .project_two_items .single_item .all_content .content .category span {
color: #FC7942;
}
.project_two.innar .min_project_two .project_two_items .single_item .all_content .content .category span a {
color: #FC7942;
}
.project_two.innar .min_project_two .bottom {
margin-top: 80px;
}
.min_project_area_grid_two.three.single .section_title {
text-align: center;
margin-bottom: 50px;
}
.min_team_area {
margin-top: 50px;
}
.min_team_area .slick-slide {
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
}
.min_team_area .slick-list {
margin-left: -20px;
margin-right: -20px;
}
.min_team_area .slick-dots {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
margin-top: 60px;
}
.min_team_area .slick-dots li {
margin: 0 5px;
}
.min_team_area .slick-dots li button {
text-indent: -11111111111px;
background: rgba(136, 145, 155, 0.3);
width: 14px;
height: 14px;
border: 0;
border-radius: 50px;
}
.min_team_area .slick-dots li.slick-active button {
height: 22px;
width: 22px;
background: #FC7942;
border: 2.4px solid #131313;
margin-top: -30px;
}
.min_team_area .single_team {
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-top: 13px;
padding-left: 13px;
padding-right: 13px;
padding-bottom: 42px;
transition: .3s;
}
.min_team_area .single_team img {
width: 100%;
}
.min_team_area .single_team h5 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
margin-top: 35px;
}
.min_team_area .single_team h5 a {
color: #131313;
}
.min_team_area .single_team span {
color: #FC7942;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
display: inline-block;
}
.min_team_area .single_team:hover {
transform: translateY(-5px);
box-shadow: none;
}
.team_style_two {
padding-bottom: 130px;
position: relative;
}
.team_style_two .content {
position: sticky;
left: 0;
top: 5px;
}
.team_style_two .content .bg_btn_color {
margin-top: 40px;
}
.min_team_area_two .single_team_two {
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-top: 13px;
padding-left: 13px;
padding-right: 13px;
padding-bottom: 42px;
transition: .3s;
margin: 0 10px;
margin-bottom: 40px;
}
.min_team_area_two .single_team_two img {
width: 100%;
}
.min_team_area_two .single_team_two h5 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
margin-top: 35px;
}
.min_team_area_two .single_team_two h5 a {
color: #131313;
}
.min_team_area_two .single_team_two span {
color: #FC7942;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
display: inline-block;
}
.min_team_area_two .single_team_two:hover {
transform: translateY(-5px);
box-shadow: none;
}
.team.innar {
padding-bottom: 130px;
}
.min_team_area_innar {
margin-top: 50px;
}
.min_team_area_innar .single_team {
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-top: 13px;
padding-left: 13px;
padding-right: 13px;
padding-bottom: 42px;
transition: .3s;
margin: 0 10px;
margin-bottom: 48px;
}
.min_team_area_innar .single_team img {
width: 100%;
}
.min_team_area_innar .single_team h5 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
margin-top: 35px;
}
.min_team_area_innar .single_team h5 a {
color: #131313;
}
.min_team_area_innar .single_team span {
color: #FC7942;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
display: inline-block;
}
.min_team_area_innar .single_team:hover {
transform: translateY(-5px);
box-shadow: none;
}
.team_single {
padding-top: 160px;
padding-bottom: 160px;
}
.team_single_area {
padding-right: 95px;
}
.team_single_area .team_info span {
color: #FC7942;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
}
.team_single_area .team_info h3 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 66px;
line-height: 76px;
margin-top: 5px;
margin-bottom: 30px;
}
.team_single_area .team_info p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.team_single_area .team_info .social_icons {
display: flex;
margin-top: 50px;
}
.team_single_area .team_info .social_icons a {
color: #010002;
background: #fff;
border: 2px solid #131313;
box-shadow: 2px 2px 0px #131313;
border-radius: 50%;
height: 52px;
width: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 6px;
transition: .3s;
}
.team_single_area .team_info .social_icons a i {
font-size: 18px;
}
.team_single_area .team_info .social_icons a:first-child {
margin-left: 0;
}
.team_single_area .team_info .social_icons a:hover {
box-shadow: none;
color: #FC7942;
transform: translateY(-5px);
border-color: #FC7942;
}
.team_single_area .team_info .team_contact {
margin-top: 40px;
}
.team_single_area .team_info .team_contact a {
display: block;
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
margin: 5px 0;
}
.team_single_area .team_info .team_contact a.mail {
font-size: 30px;
line-height: 40px;
text-decoration: underline;
}
.team_single_area .min_contact_area {
margin-top: 100px;
}
.team_single_area .min_contact_area .section_title h4 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
}
.team_author_img {
text-align: right;
}
.team_author_img img {
width: 581px;
height: 640px;
}
.digital_agency {
padding-bottom: 150px;
}
.digital_agency .content p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
padding-top: 25px;
}
.digital_agency .content .agency_list {
margin-top: 30px;
}
.digital_agency .content .agency_list li {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
margin: 15px 0;
}
.digital_agency .content .agency_list li i {
color: #FC7942;
transform: rotate(-45deg);
margin-right: 15px;
}
.digital_agency .content .bg_btn_color {
display: inline-block;
padding-top: 18px;
padding-bottom: 18px;
margin-top: 30px;
}
.creative_agency {
padding-bottom: 60px;
}
.creative_agency .content p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
padding-top: 25px;
}
.creative_agency .content .agency_contact_list {
margin-top: 40px;
}
.creative_agency .content .agency_contact_list li {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
margin: 10px 0;
}
.creative_agency .content .agency_contact_list li.mail {
font-size: 30px;
line-height: 40px;
text-decoration: underline;
}
.creative_agency .content .bg_btn_color {
margin-top: 30px;
display: inline-block;
}
.power {
padding-top: 150px;
padding-bottom: 150px;
}
.power .power_content .power_list {
margin-top: 50px;
}
.power .power_content .power_list li {
margin: 30px 0;
}
.power .power_content .power_list li h6 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
}
.power .power_content .power_list li h6 span {
color: #FC7942;
margin-right: 10px;
}
.power .power_content .power_list li p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.goal {
padding-top: 20px;
padding-bottom: 165px;
}
.goal .content p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
margin-top: 35px;
}
.goal .content .bg_btn_color {
margin-top: 35px;
}
.digital_agency.h_4 {
padding-top: 150px;
}
.power.h_5 {
padding-top: 0;
}
.creative_agency.about_us {
padding-top: 160px;
}
.testimonial {
padding-top: 160px;
padding-bottom: 220px;
position: relative;
}
.testimonial .shape_img .one {
top: 0;
right: 460px;
}
.testimonial .shape_img .two {
bottom: 0;
left: 180px;
}
.min_testimonial_area {
position: relative;
}
.min_testimonial_area button {
border: 0;
background: transparent;
font-size: 30px;
position: absolute;
}
.min_testimonial_area button.slick-prev {
left: 0;
top: 50%;
}
.min_testimonial_area button.slick-next {
right: 0;
top: 50%;
}
.min_testimonial_area .single_testimonial {
text-align: center;
padding: 0 80px;
}
.min_testimonial_area .single_testimonial img {
margin: 0 auto;
}
.min_testimonial_area .single_testimonial p {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 500;
font-size: 42px;
line-height: 54px;
margin-top: 50px;
}
.min_testimonial_area .single_testimonial .testimonial_people {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
margin-top: 30px;
}
.testimonial_style_two .shape_img .one {
top: 0;
right: 200px;
}
.testimonial_style_two .shape_img .two {
bottom: -70px;
left: 385px;
}
.testimonial_style_two_area {
position: relative;
width: 1195px;
margin: 0 auto;
margin-top: 50px;
margin-bottom: 50px;
}
.testimonial_style_two_area .slick-slide {
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
}
.testimonial_style_two_area .slick-list {
margin-left: -20px;
margin-right: -20px;
}
.testimonial_style_two_area button {
border: 0;
background: transparent;
font-size: 30px;
position: absolute;
}
.testimonial_style_two_area button.slick-prev {
left: -110px;
top: 50%;
}
.testimonial_style_two_area button.slick-next {
right: -110px;
top: 50%;
}
.testimonial_style_two_area .single_item {
position: relative;
padding: 60px 48px;
padding-top: 50px;
padding-right: 50px;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
transition: .3s;
margin-bottom: 4px;
}
.testimonial_style_two_area .single_item .content p {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
}
.testimonial_style_two_area .single_item .content p span {
font-size: 35px;
color: #FC7942;
position: relative;
bottom: 3px;
}
.testimonial_style_two_area .single_item .content p span.first {
transform: rotate(178deg);
display: inline-block;
bottom: 15px;
}
.testimonial_style_two_area .single_item .content .info {
margin-top: 25px;
}
.testimonial_style_two_area .single_item .content .info span {
color: #FC7942;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.testimonial_style_two_area .single_item img {
position: absolute;
bottom: 20px;
right: 40px;
}
.testimonial_style_two_area .single_item:hover {
box-shadow: none;
transform: translateY(-5px);
}
.counter_area {
padding-top: 120px;
padding-bottom: 150px;
}
.min_counter_area {
border-bottom: 2px solid #131313;
}
.min_counter_area .single_counter {
display: flex;
align-items: center;
}
.min_counter_area .single_counter h6 {
color: #FC7942;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 88px;
line-height: 98px;
}
.min_counter_area .single_counter h6 span {
margin-left: -15px;
}
.min_counter_area .single_counter p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
padding-left: 15px;
}
.min_blog_area {
margin-top: 50px;
}
.min_blog_area .slick-slide {
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
}
.min_blog_area .slick-list {
margin-left: -20px;
margin-right: -20px;
}
.min_blog_area .slick-dots {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
margin-top: 60px;
}
.min_blog_area .slick-dots li {
margin: 0 5px;
}
.min_blog_area .slick-dots li button {
text-indent: -11111111111px;
background: rgba(136, 145, 155, 0.3);
width: 14px;
height: 14px;
border: 0;
border-radius: 50px;
}
.min_blog_area .slick-dots li.slick-active button {
height: 22px;
width: 22px;
background: #FC7942;
border: 2.4px solid #131313;
margin-top: -30px;
}
.min_blog_area .single_blog {
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-top: 11px;
padding-left: 11px;
padding-right: 11px;
padding-bottom: 40px;
transition: .3s;
}
.min_blog_area .single_blog .blog_top {
position: relative;
}
.min_blog_area .single_blog .blog_top img {
width: 100%;
}
.min_blog_area .single_blog .blog_top .author a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding: 9px 16px;
position: absolute;
left: 28px;
top: 28px;
transition: .3s;
opacity: 0;
visibility: hidden;
}
.min_blog_area .single_blog .blog_top .author a:hover {
color: #FC7942;
box-shadow: none;
}
.min_blog_area .single_blog .blog_bottom {
margin-top: 40px;
padding-left: 40px;
padding-right: 130px;
}
.min_blog_area .single_blog .blog_bottom .date_cetagory {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.min_blog_area .single_blog .blog_bottom h4 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
margin-top: 10px;
}
.min_blog_area .single_blog .blog_bottom h4 a:hover {
text-decoration: underline;
}
.min_blog_area .single_blog .blog_bottom .text_btn {
margin-top: 10px;
}
.min_blog_area .single_blog:hover {
box-shadow: none;
transform: translateY(-5px);
}
.min_blog_area .single_blog:hover .blog_top .author a {
opacity: 1;
visibility: visible;
}
.blog.h_3 {
padding-top: 150px;
}
.min_blog_area_col_3 {
margin-top: 50px;
}
.min_blog_area_col_3 .slick-slide {
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
}
.min_blog_area_col_3 .slick-list {
margin-left: -20px;
margin-right: -20px;
}
.min_blog_area_col_3 .slick-dots {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
margin-top: 60px;
}
.min_blog_area_col_3 .slick-dots li {
margin: 0 5px;
}
.min_blog_area_col_3 .slick-dots li button {
text-indent: -11111111111px;
background: rgba(136, 145, 155, 0.3);
width: 14px;
height: 14px;
border: 0;
border-radius: 50px;
}
.min_blog_area_col_3 .slick-dots li.slick-active button {
height: 22px;
width: 22px;
background: #FC7942;
border: 2.4px solid #131313;
margin-top: -30px;
}
.min_blog_area_col_3 .single_blog {
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-top: 11px;
padding-left: 11px;
padding-right: 11px;
padding-bottom: 40px;
transition: .3s;
}
.min_blog_area_col_3 .single_blog .blog_top {
position: relative;
}
.min_blog_area_col_3 .single_blog .blog_top img {
width: 100%;
}
.min_blog_area_col_3 .single_blog .blog_top .author a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding: 9px 16px;
position: absolute;
left: 28px;
top: 28px;
transition: .3s;
opacity: 0;
visibility: hidden;
}
.min_blog_area_col_3 .single_blog .blog_top .author a:hover {
color: #FC7942;
box-shadow: none;
}
.min_blog_area_col_3 .single_blog .blog_bottom {
margin-top: 40px;
padding-left: 40px;
padding-right: 40px;
}
.min_blog_area_col_3 .single_blog .blog_bottom .date_cetagory {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.min_blog_area_col_3 .single_blog .blog_bottom h4 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
margin-top: 10px;
}
.min_blog_area_col_3 .single_blog .blog_bottom h4 a:hover {
text-decoration: underline;
}
.min_blog_area_col_3 .single_blog .blog_bottom .text_btn {
margin-top: 10px;
}
.min_blog_area_col_3 .single_blog:hover {
box-shadow: none;
transform: translateY(-5px);
}
.min_blog_area_col_3 .single_blog:hover .blog_top .author a {
opacity: 1;
visibility: visible;
}
.min_blog_area_blog_list .single_blog {
margin-top: 60px;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-top: 11px;
padding-left: 11px;
padding-right: 11px;
padding-bottom: 40px;
transition: .3s;
}
.min_blog_area_blog_list .single_blog .blog_top {
position: relative;
}
.min_blog_area_blog_list .single_blog .blog_top img {
width: 100%;
}
.min_blog_area_blog_list .single_blog .blog_top .author a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding: 9px 16px;
position: absolute;
left: 28px;
top: 28px;
transition: .3s;
opacity: 0;
visibility: hidden;
}
.min_blog_area_blog_list .single_blog .blog_top .author a:hover {
color: #FC7942;
box-shadow: none;
}
.min_blog_area_blog_list .single_blog .blog_bottom {
margin-top: 40px;
padding-left: 40px;
padding-right: 48px;
}
.min_blog_area_blog_list .single_blog .blog_bottom .date_cetagory {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.min_blog_area_blog_list .single_blog .blog_bottom h3 {
margin-top: 10px;
}
.min_blog_area_blog_list .single_blog .blog_bottom h3 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
}
.min_blog_area_blog_list .single_blog .blog_bottom h3 a:hover {
text-decoration: underline;
}
.min_blog_area_blog_list .single_blog .blog_bottom h4 {
margin-top: 10px;
}
.min_blog_area_blog_list .single_blog .blog_bottom h4 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
}
.min_blog_area_blog_list .single_blog .blog_bottom h4 a:hover {
text-decoration: underline;
}
.min_blog_area_blog_list .single_blog .blog_bottom p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.min_blog_area_blog_list .single_blog .blog_bottom .text_btn {
margin-top: 10px;
}
.min_blog_area_blog_list .single_blog:hover {
box-shadow: none;
transform: translateY(-5px);
}
.min_blog_area_blog_list .single_blog:hover .blog_top .author a {
opacity: 1;
visibility: visible;
}
.min_blog_area_blog_list .single_blog:first-child {
margin-top: 0;
}
.min_blog_area_blog_list.grid .single_blog {
margin: 0 12px;
margin-bottom: 40px;
}
.min_blog_area_blog_list.grid .single_blog .blog_top img {
min-height: 380px;
}
.min_blog_area_blog_list.grid .single_blog .blog_bottom {
margin-top: 32px;
padding-left: 27px;
padding-right: 27px;
}
.min_blog_area_blog_list.grid .single_blog .blog_bottom h3 {
margin-top: 10px;
}
.min_blog_area_blog_list.grid .single_blog .blog_bottom h3 a {
font-size: 30px;
line-height: 40px;
}
.min_blog_area_blog_list.grid .single_blog .blog_bottom h4 {
margin-top: 10px;
}
.min_blog_area_blog_list.grid .single_blog .blog_bottom h4 a {
font-size: 30px;
line-height: 40px;
}
.min_blog_area_blog_list.grid.two_col .single_blog {
margin: 0 12px;
margin-bottom: 40px;
}
.min_blog_area_blog_list.grid.two_col .single_blog .blog_bottom {
margin-top: 32px;
padding-left: 27px;
padding-right: 150px;
}
.blog_single_with_sidebar .container {
padding-top: 160px;
padding-bottom: 160px;
}
.blog_single .post_content .top img {
width: 100%;
margin-bottom: 55px;
}
.blog_single .post_content .top .date_cat {
margin-bottom: 10px;
}
.blog_single .post_content .top .date_cat span {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.blog_single .post_content .top .section_title {
margin-bottom: 30px;
}
.blog_single .post_content .main_post_content p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.blog_single .post_content .main_post_content p b {
text-decoration: underline;
}
.blog_single .post_content .main_post_content .blockquote {
margin-top: 40px;
margin-bottom: 40px;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
position: relative;
padding-left: 48px;
padding-right: 48px;
padding-top: 40px;
padding-bottom: 48px;
}
.blog_single .post_content .main_post_content .blockquote p {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
}
.blog_single .post_content .main_post_content .blockquote p span {
color: #FC7942;
}
.blog_single .post_content .main_post_content .blockquote .author span {
color: #FC7942;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.blog_single .post_content .main_post_content .blockquote img {
position: absolute;
right: 48px;
bottom: -30px;
}
.blog_single .tag_share {
display: flex;
justify-content: space-between;
align-items: center;
}
.blog_single .tag_share .tags {
display: flex;
margin-bottom: 0;
}
.blog_single .tag_share .tags li {
margin-right: 12px;
}
.blog_single .tag_share .tags li a {
font-size: 14px;
padding: 5px 10px;
}
.blog_single .tag_share .share {
display: flex;
align-items: center;
}
.blog_single .tag_share .share span {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
}
.blog_single .tag_share .share .social_icon {
display: flex;
margin-bottom: 0;
padding-left: 10px;
}
.blog_single .tag_share .share .social_icon li {
margin-left: 9px;
}
.blog_single .tag_share .share .social_icon li a {
color: #131313;
background: #fff;
border: 2px solid #131313;
box-shadow: 2px 2px 0px #131313;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: .3s;
}
.blog_single .tag_share .share .social_icon li a:hover {
color: #FC7942;
border-color: #FC7942;
box-shadow: none;
}
.blog_single .post_author {
margin-top: 80px;
display: flex;
align-items: center;
padding-bottom: 80px;
border-bottom: 2px solid #131313;
}
.blog_single .post_author img {
width: 200px;
height: 200px;
}
.blog_single .post_author .post_author_info {
padding-left: 32px;
padding-right: 32px;
}
.blog_single .post_author .post_author_info p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.blog_single .post_author .post_author_info .parsonal_info {
margin-top: 10px;
}
.blog_single .post_author .post_author_info .parsonal_info h6 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
}
.blog_single .post_author .post_author_info .parsonal_info span {
color: #FC7942;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.blog_single .comments_area {
padding-top: 70px;
}
.blog_single .comments_area h5 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
margin-bottom: 32px;
}
.blog_single .comments_area .single_conmment_with_replay .comment {
display: flex;
align-items: flex-start;
}
.blog_single .comments_area .single_conmment_with_replay .comment img {
height: 110px;
width: 110px;
}
.blog_single .comments_area .single_conmment_with_replay .comment .comment_info {
padding-left: 32px;
}
.blog_single .comments_area .single_conmment_with_replay .comment .comment_info span {
color: #FC7942;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
}
.blog_single .comments_area .single_conmment_with_replay .comment .comment_info h6 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.blog_single .comments_area .single_conmment_with_replay .comment .comment_info p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.blog_single .comments_area .single_conmment_with_replay .comment .comment_info .bg_btn_color {
padding: 10px 15px;
}
.blog_single .comments_area .single_conmment_with_replay .comment .comment_info .bg_btn_color i {
padding-right: 5px;
}
.blog_single .comments_area .single_conmment_with_replay .comment.reply {
padding-left: 110px;
margin-top: 48px;
}
.blog_single .comment_box {
margin-top: 75px;
}
.blog_single .comment_box h5 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
margin-bottom: 30px;
}
.blog_single .comment_box textarea {
height: 120px;
}
.blog_single .comment_box .input {
border: 0;
border-radius: 0;
padding-left: 0;
border-bottom: 2px solid #131313;
padding-top: 16px;
padding-bottom: 16px;
box-shadow: none;
margin-bottom: 24px;
}
.blog_single .comment_box .input:focus {
border-color: #FC7942;
}
.blog_single .comment_box .input::placeholder {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.blog_single .comment_box .bg_btn_color {
margin-top: 50px;
}
.paginations {
display: flex;
align-items: center;
margin-top: 80px;
}
.paginations li {
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
margin-left: 16px;
}
.paginations li a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
height: 64px;
width: 64px;
}
.paginations li.active {
background: #FC7942;
}
.paginations li:first-child {
margin-left: 0;
}
.paginations li:hover {
background: #FC7942;
}
.single_service_with_sidebar {
padding-top: 160px;
padding-bottom: 160px;
}
.single_service_content {
padding-right: 35px;
}
.single_service_content .content_top img {
width: 100%;
}
.single_service_content .content_top h4 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 66px;
line-height: 76px;
margin-top: 60px;
margin-bottom: 30px;
}
.single_service_content .content_top p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.single_service_content .content_top p b {
font-weight: 600;
text-decoration: underline;
}
.single_service_content .content_top .service_single_list {
margin-top: 30px;
margin-bottom: 80px;
}
.single_service_content .content_top .service_single_list li {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 28px;
display: flex;
align-items: center;
}
.single_service_content .content_top .service_single_list li i {
color: #FC7942;
font-size: 20px;
margin-right: 10px;
}
.single_service_content .content_bottom h5 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
margin-bottom: 25px;
}
.single_service_content .content_bottom p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.single_service_content .content_bottom p b {
font-weight: 600;
text-decoration: underline;
}
.single_service_content .content_bottom .blockquote {
margin-top: 50px;
margin-bottom: 50px;
}
.single_service_content .content_bottom .blockquote p {
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
}
.min_contact_area.service-single {
margin-top: 70px;
padding-right: 35px;
}
.min_contact_area.service-single .section_title h4 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
}
.portfolio_single {
padding-top: 160px;
}
.portfolio_single_content .top .min_img {
width: 100%;
}
.portfolio_single_content .top .tags {
display: flex;
align-items: center;
margin-top: 120px;
}
.portfolio_single_content .top .tags li {
margin-right: 16px;
}
.portfolio_single_content .top .tags li a {
padding: 10px 35px;
}
.portfolio_single_content .top .main_content .section_title {
margin-top: 30px;
margin-bottom: 35px;
}
.portfolio_single_content .top .main_content p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.portfolio_single_content .top .main_content p b {
text-decoration: underline;
}
.portfolio_single_content .top .service_list_area {
border-top: 2px solid #131313;
padding-top: 30px;
padding-bottom: 30px;
margin-top: 50px;
}
.portfolio_single_content .top .service_list_area .single_item span {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
}
.portfolio_single_content .top .service_list_area .single_item p {
color: #FC7942;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.portfolio_single_content .bottom {
padding-top: 70px;
}
.portfolio_single_content .bottom .img_group {
margin-bottom: 40px;
}
.portfolio_single_content .bottom .img_group img {
width: 100%;
}
.portfolio_single_content .bottom .img_group img.big {
margin-top: 25px;
}
.portfolio_single_content .bottom .content_item {
padding-top: 80px;
}
.portfolio_single_content .bottom .content_item h4 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
}
.portfolio_single_content .bottom .content_item p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.portfolio_single_content .bottom .content_item p b {
text-decoration: underline;
}
.client .client_title {
text-align: center;
}
.client .client_title h2 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
}
.client .client_title h2 span {
color: #FC7942;
}
.client .min_client_area {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 2px solid #131313;
padding-bottom: 40px;
margin-top: 50px;
}
.client .min_client_area img {
opacity: .5;
transition: .3s;
cursor: pointer;
}
.client .min_client_area img:hover {
opacity: 1;
}
.service_line {
overflow: hidden;
padding-top: 200px;
padding-bottom: 70px;
}
.service_line .line_item {
padding-top: 20px;
padding-bottom: 10px;
width: 139%;
padding-left: 30px;
transform: rotate(4deg);
position: relative;
z-index: 3;
left: -45px;
}
.service_line .line_item h5 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 42px;
line-height: 52px;
display: inline-flex !important;
}
.service_line .line_item h5 img {
margin-right: 20px;
margin-left: 20px;
}
.service_line .line_item:last-child {
transform: rotate(-8deg);
bottom: 190px;
z-index: -1;
}
.service_line.h_3 {
padding-bottom: 0;
padding-top: 0;
}
.service_line.h_3 .line_item {
padding-top: 20px;
padding-bottom: 10px;
width: 105%;
transform: rotate(0);
padding-left: 30px;
position: relative;
z-index: 3;
left: -30px;
}
.service_line.h_3 .line_item:last-child {
bottom: 0;
}
.offer_box {
padding-bottom: 120px;
}
.min_offer_box {
margin-top: 65px;
}
.min_offer_box .single_offer_box {
display: flex;
align-items: flex-start;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
margin: 0 12px;
margin-bottom: 48px;
padding-top: 52px;
padding-bottom: 52px;
padding-left: 40px;
padding-right: 30px;
transition: .3s;
}
.min_offer_box .single_offer_box img {
margin-right: 40px;
}
.min_offer_box .single_offer_box .content h5 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
}
.min_offer_box .single_offer_box .content p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
margin-top: 15px;
}
.min_offer_box .single_offer_box .content .text_btn {
margin-top: 10px;
}
.min_offer_box .single_offer_box:hover {
box-shadow: none;
transform: translateY(-5px);
}
.offer_box.style_two {
position: relative;
}
.offer_box.style_two .content {
position: sticky;
left: 0;
top: 5px;
}
.offer_box.style_two .content .bg_btn_color {
margin-top: 40px;
}
.offer_box.style_two .min_offer_box {
margin-top: 0;
}
.offer_box.service {
padding-top: 160px;
}
.min_price_area {
margin-top: 60px;
}
.min_price_area .single_price_item {
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-top: 40px;
padding-left: 48px;
padding-right: 52px;
padding-bottom: 48px;
transition: .3s;
}
.min_price_area .single_price_item .price_top h3 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
}
.min_price_area .single_price_item .price_top h5 {
color: #FC7942;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 78px;
line-height: 88px;
margin-bottom: 0;
}
.min_price_area .single_price_item .price_top h5 span {
font-size: 20px;
margin-left: -10px;
}
.min_price_area .single_price_item .price_top p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.min_price_area .single_price_item .price_list {
margin-top: 50px;
}
.min_price_area .single_price_item .price_list li {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 28px;
margin: 10px 0;
}
.min_price_area .single_price_item .price_list li i {
color: #FC7942;
margin-right: 8px;
}
.min_price_area .single_price_item .price_bottom {
margin-top: 75px;
}
.min_price_area .single_price_item .price_bottom .bg_btn_color {
width: 100%;
display: inline-block;
text-align: center;
}
.min_price_area .single_price_item:hover {
box-shadow: none;
transform: translateY(-5px);
}
.price.innar {
padding-top: 160px;
}
.cta .min_cta_area {
padding-top: 115px;
padding-bottom: 120px;
text-align: center;
font-family: "ClashDisplay", sans-serif;
color: #131313;
}
.cta .min_cta_area h3 {
font-weight: 600;
font-size: 66px;
line-height: 76px;
margin-bottom: 20px;
}
.cta .min_cta_area p {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
margin-bottom: 30px;
}
.cta .min_cta_area a {
color: #131313;
font-weight: 600;
font-size: 42px;
line-height: 52px;
text-decoration: underline;
}
.cta.h_4 {
padding-bottom: 165px;
}
.cta.about_us {
padding-bottom: 165px;
}
.faq {
position: relative;
}
.faq .content {
position: sticky;
left: 0;
top: 5px;
}
.faq .content .bg_btn_color {
margin-top: 40px;
}
.min_faq_area {
margin-top: 15px;
}
.min_faq_area .accordion-button:not(.collapsed) {
color: inherit;
background-color: transparent;
box-shadow: none;
}
.min_faq_area .accordion {
border-top: 2px solid #131313;
}
.min_faq_area .accordion .accordion-item {
border: 0;
border-bottom: 2px solid #131313;
}
.min_faq_area .accordion .accordion-item .accordion-header button {
display: flex;
justify-content: space-between;
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
padding-left: 0;
padding-top: 30px;
padding-bottom: 30px;
box-shadow: none;
}
.min_faq_area .accordion .accordion-item .accordion-header button .icons i {
color: #FC7942;
}
.min_faq_area .accordion .accordion-item .accordion-header button .icons i:last-child {
display: none;
}
.min_faq_area .accordion .accordion-item .accordion-header button[aria-expanded="true"] .icons i:first-child {
display: none;
}
.min_faq_area .accordion .accordion-item .accordion-header button[aria-expanded="true"] .icons i:last-child {
display: block;
}
.min_faq_area .accordion .accordion-item .accordion-header button::after {
display: none;
}
.min_faq_area .accordion .accordion-item .accordion-body {
padding-top: 0;
padding-left: 0;
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
margin-top: -10px;
}
.faq.price {
padding-top: 0;
}
.progress_area {
padding-top: 150px;
padding-bottom: 150px;
}
.min_progress_area .content p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
margin-top: 30px;
}
.min_progress_area .line_progress_bar {
margin-top: 50px;
}
.min_progress_area .line_progress_bar .single_items {
margin-top: 35px;
}
.min_progress_area .line_progress_bar .single_items .progress_content {
display: flex;
justify-content: space-between;
}
.min_progress_area .line_progress_bar .single_items .progress_content h5 {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.min_progress_area .line_progress_bar .single_items .progress_content span {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.min_progress_area .line_progress_bar .single_items .progress {
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
height: 16px;
}
.min_progress_area .line_progress_bar .single_items .progress .progress-bar {
background-color: #FF7945;
width: 0;
}
.progress_area.service {
padding-top: 0;
}
.contact {
padding-bottom: 165px;
}
.map_area {
padding-right: 150px;
}
.map_area .min_map {
position: relative;
}
.map_area .min_map .map_icon {
width: 80px;
height: 80px;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: 1s;
}
.map_area .min_map .map_icon i {
color: #FC7942;
font-size: 25px;
}
.map_area .min_map .mapouter {
position: relative;
text-align: right;
height: 660px;
width: 100%;
}
.map_area .min_map .gmap_canvas {
overflow: hidden;
background: none !important;
height: 660px;
width: 100%;
}
.map_area .min_map .gmap_canvas iframe {
width: 100%;
height: 100%;
}
.map_area .min_map:hover .map_icon {
display: none;
}
.map_area {
padding-right: 150px;
}
.map_area .min_map .mapouter {
position: relative;
text-align: right;
height: 660px;
width: 100%;
}
.map_area .min_map .gmap_canvas {
overflow: hidden;
background: none !important;
height: 660px;
width: 100%;
}
.map_area .min_map .gmap_canvas iframe {
width: 100%;
height: 100%;
}
.min_contact_area .contact_form {
margin-top: 20px;
}
.min_contact_area .contact_form .input {
border: none;
border-radius: 0;
border-bottom: 2px solid #131313;
padding-left: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.min_contact_area .contact_form .input:focus {
box-shadow: none;
}
.min_contact_area .contact_form .input::placeholder {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.min_contact_area .contact_form .textarea {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
height: 120px;
margin-top: 30px;
}
.min_contact_area .contact_form .bg_btn_color {
margin-top: 48px;
}
.contact.h_5 {
padding-top: 160px;
}
.contact_box {
padding-bottom: 160px;
}
.min_contact_box .single_contact_box {
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
margin: 0 10px;
padding-top: 52px;
padding-left: 48px;
padding-right: 48px;
padding-bottom: 52px;
transition: .3s;
}
.min_contact_box .single_contact_box h5 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
margin-bottom: 20px;
}
.min_contact_box .single_contact_box .location {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.min_contact_box .single_contact_box .contact_list {
margin-top: 15px;
}
.min_contact_box .single_contact_box .contact_list li a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.min_contact_box .single_contact_box .contact_list li a.mail {
font-weight: 600;
text-decoration: underline;
}
.min_contact_box .single_contact_box .text_btn {
margin-top: 15px;
}
.min_contact_box .single_contact_box:hover {
box-shadow: none;
transform: translateY(-5px);
}
.min_shop_area {
margin-top: 50px;
}
.min_shop_area .slick-slide {
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
}
.min_shop_area .slick-list {
margin-left: -20px;
margin-right: -20px;
}
.min_shop_area .slick-dots {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
margin-top: 60px;
}
.min_shop_area .slick-dots li {
margin: 0 5px;
}
.min_shop_area .slick-dots li button {
text-indent: -11111111111px;
background: rgba(136, 145, 155, 0.3);
width: 16px;
height: 16px;
border: 0;
border-radius: 50px;
padding: 0;
}
.min_shop_area .slick-dots li.slick-active button {
background: #FC7942;
width: 16px;
height: 16px;
border: 2.4px solid #131313;
margin-top: -30px;
}
.min_shop_area .shop_item:hover .top .shop_btn {
opacity: 1;
visibility: visible;
}
.min_shop_area .shop_item .top {
position: relative;
}
.min_shop_area .shop_item .top img {
width: 100%;
}
.min_shop_area .shop_item .top .shop_btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: .3s;
}
.min_shop_area .shop_item .bottom {
text-align: center;
margin-top: 30px;
}
.min_shop_area .shop_item .bottom h5 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
}
.min_shop_area .shop_item .bottom h5 a:hover {
text-decoration: underline;
}
.min_shop_area .shop_item .bottom span {
color: #FC7942;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.min_grid_shop_area {
margin-top: 50px;
text-align: center;
}
.min_grid_shop_area .shop_item {
margin-bottom: 60px;
}
.min_grid_shop_area .shop_item:hover .top .shop_btn {
opacity: 1;
visibility: visible;
}
.min_grid_shop_area .shop_item .top {
position: relative;
}
.min_grid_shop_area .shop_item .top img {
width: 100%;
}
.min_grid_shop_area .shop_item .top .shop_btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: .3s;
}
.min_grid_shop_area .shop_item .bottom {
text-align: center;
margin-top: 30px;
}
.min_grid_shop_area .shop_item .bottom h5 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
}
.min_grid_shop_area .shop_item .bottom h5 a:hover {
text-decoration: underline;
}
.min_grid_shop_area .shop_item .bottom span {
color: #FC7942;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.min_grid_shop_area.two .paginations {
margin-top: 40px;
}
.min_grid_shop_area.two .shop_grid_top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
}
.min_grid_shop_area.two .shop_grid_top .left h6 {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.min_grid_shop_area.two .shop_grid_top .right label {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.min_grid_shop_area.two .shop_grid_top .right select {
border: none;
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.min_grid_shop_area.two .shop_item {
margin-bottom: 60px;
}
.min_grid_shop_area.two .shop_item:hover .top .shop_btn {
opacity: 1;
visibility: visible;
}
.min_grid_shop_area.two .shop_item .top {
position: relative;
}
.min_grid_shop_area.two .shop_item .top img {
width: 100%;
}
.min_grid_shop_area.two .shop_item .top .shop_btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
visibility: hidden;
transition: .3s;
padding: 15px 25px;
}
.min_grid_shop_area.two .shop_item .bottom {
text-align: left;
margin-top: 30px;
}
.min_grid_shop_area.two .shop_item .bottom h5 a {
font-weight: 600;
font-size: 24px;
line-height: 34px;
}
.min_grid_shop_area.two .shop_item .bottom h5 a:hover {
text-decoration: underline;
}
.min_grid_shop_area.two .shop_item .bottom span {
color: #FC7942;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.shop_feature {
padding-top: 200px;
padding-bottom: 200px;
}
.shop_feature_card {
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-left: 90px;
padding-top: 80px;
padding-bottom: 80px;
padding-right: 90px;
}
.shop_feature_card span {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 66px;
line-height: 76px;
}
.shop_feature_card p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
margin-top: 20px;
}
.shop_feature_card .bg_btn {
margin-top: 30px;
background: #FC7942;
}
.shop_feature_card .bg_btn:hover {
color: inherit;
}
.shop_grid_with_sidebar {
padding-top: 105px;
padding-bottom: 150px;
}
.shop_grid_with_sidebar .shop_side {
padding-top: 60px;
padding-left: 10px;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .title {
display: flex;
align-items: center;
justify-content: space-between;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .title h5 {
margin-bottom: 0;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .title .filter_group {
display: flex;
position: relative;
top: 5px;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .title .filter_group .filter {
background: #FC7942;
height: 5px;
width: 20px;
display: block;
border-radius: 50px;
position: relative;
margin-top: 6px;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .title .filter_group .filter::before {
position: absolute;
content: "";
width: 14px;
height: 5px;
background: #FC7942;
border-radius: 50px;
left: 3px;
top: 6px;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .title .filter_group h6 {
font-family: "Inter", sans-serif;
color: #FC7942;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
padding-left: 5px;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider {
margin-top: 40px;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range {
border: 0;
background: #131313;
height: 8px;
border-radius: 0;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-slider-range {
background: #FC7942;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-state-hover,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-widget-content .ui-state-hover,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-widget-header .ui-state-hover,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-state-focus,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-widget-content .ui-state-focus,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-widget-header .ui-state-focus,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-button:hover,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-button:focus,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-state-default,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-widget-content .ui-state-default,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-widget-header .ui-state-default,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range .ui-button,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range html .ui-button.ui-state-disabled:hover,
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider #slider-range html .ui-button.ui-state-disabled:active {
background: #FC7942;
border: 3px solid #fff;
height: 18px;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .range_slider input {
border: 0;
margin-top: 10px;
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 32px;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .arrival_area .single_arrival {
display: flex;
align-items: center;
margin-bottom: 28px;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .arrival_area .single_arrival .content {
padding-left: 20px;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .arrival_area .single_arrival .content a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
margin-bottom: 0;
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.shop_grid_with_sidebar .shop_side .sidebar_item .arrival_area .single_arrival .content h6 {
font-family: "ClashDisplay", sans-serif;
color: #FC7942;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.product_details {
padding-top: 160px;
padding-bottom: 160px;
}
.product_details .product_thumb {
padding: 100px;
padding-top: 0;
}
.product_details .product_thumb .slider_nav {
margin-top: 25px;
}
.product_details .product_thumb .slider_nav .slick-slide {
margin: 10px;
}
.product_details .product_info .top h4 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 66px;
line-height: 76px;
}
.product_details .product_info .top .price {
color: #FC7942;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
}
.product_details .product_info .top .c_review {
display: flex;
align-items: center;
margin-bottom: 40px;
}
.product_details .product_info .top .c_review i {
color: #FBC21E;
margin-right: 5px;
}
.product_details .product_info .top .c_review p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
margin-bottom: 0;
}
.product_details .product_info .top p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.product_details .product_info .bottom .cart_area {
display: flex;
margin-top: 45px;
}
.product_details .product_info .bottom .cart_area .form-control {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 24px;
width: 128px;
height: 68px;
background: #FFFFFF;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-left: 20px;
}
.product_details .product_info .bottom .cart_area .bg_btn_color {
margin-left: 24px;
}
.product_details .product_info .bottom .product_code {
margin-top: 80px;
}
.product_details .product_info .bottom .product_code li {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 28px;
}
.product_tab .min_tab ul {
border-bottom: 2px solid #131313;
padding-bottom: 20px;
}
.product_tab .min_tab ul li button {
border: 0;
background-color: transparent;
padding: 0;
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
margin-right: 60px;
}
.product_tab .min_tab ul li button:hover {
color: #FC7942;
}
.product_tab .min_tab ul li button.active {
color: #FC7942;
}
.product_tab .min_tab ul li button:focus {
border: 0;
background-color: transparent;
}
.product_tab .tab-content {
padding-top: 50px;
}
.product_tab .tab-content .tab-pane p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.shop_grid.product {
padding-bottom: 100px;
}
.my_cart {
padding-top: 160px;
padding-bottom: 160px;
}
.my_cart .cart_list_area {
padding-right: 60px;
}
.my_cart .cart_list_area .title_area {
display: flex;
align-items: center;
justify-content: space-between;
}
.my_cart .cart_list_area .title_area p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.my_cart .cart_list_area .title_area p:nth-child(2) {
padding-left: 250px;
}
.my_cart .cart_list_area .main_cart_list .single_list {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 24px;
padding-bottom: 24px;
border-bottom: 2px solid #131313;
}
.my_cart .cart_list_area .main_cart_list .single_list:nth-child(1) {
border-top: 2px solid #131313;
}
.my_cart .cart_list_area .main_cart_list .single_list .one {
display: flex;
align-items: center;
}
.my_cart .cart_list_area .main_cart_list .single_list .one .left {
display: flex;
align-items: center;
}
.my_cart .cart_list_area .main_cart_list .single_list .one .left i {
font-size: 20px;
color: #131313;
margin-right: 20px;
}
.my_cart .cart_list_area .main_cart_list .single_list .one .right {
padding-left: 18px;
}
.my_cart .cart_list_area .main_cart_list .single_list .one .right h6 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.my_cart .cart_list_area .main_cart_list .single_list .one .right span {
color: #FC7942;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.my_cart .cart_list_area .main_cart_list .single_list .two .form-control {
width: 128px;
height: 52px;
background: #FFFFFF;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
text-align: center;
color: #131313;
font-family: "ClashDisplay", sans-serif;
}
.my_cart .cart_list_area .main_cart_list .single_list .three .total_price {
color: #FC7942;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.my_cart .cart_list_area .main_cart_list .coupon {
margin-top: 60px;
}
.my_cart .cart_list_area .main_cart_list .coupon .bg_btn_color {
margin-top: 24px;
}
.my_cart .cart_list_area .main_cart_list .coupon .coupon_input {
display: flex;
align-items: center;
justify-content: space-between;
}
.my_cart .cart_list_area .main_cart_list .coupon .coupon_input .input {
position: relative;
}
.my_cart .cart_list_area .main_cart_list .coupon .coupon_input .input i {
position: absolute;
top: 23px;
left: 45px;
}
.my_cart .cart_list_area .main_cart_list .coupon .coupon_input .input input {
width: 459px;
height: 64px;
background: #FFFFFF;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-left: 65px;
}
.my_cart .cart_box {
background: #FFFFFF;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-left: 48px;
padding-right: 48px;
padding-top: 48px;
padding-bottom: 48px;
}
.my_cart .cart_box .title {
margin-bottom: 25px;
}
.my_cart .cart_box .title h5 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
}
.my_cart .cart_box .content .sub_total {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 2px dashed #131313;
border-bottom: 2px dashed #131313;
padding-top: 18px;
padding-bottom: 18px;
margin-bottom: 25px;
}
.my_cart .cart_box .content .sub_total h6 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
margin-bottom: 0;
}
.my_cart .cart_box .content .sub_total span {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.my_cart .cart_box .content .address {
border-bottom: 2px dashed #131313;
padding-bottom: 20px;
}
.my_cart .cart_box .content .address h6 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.my_cart .cart_box .content .address p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
margin-bottom: 0;
}
.my_cart .cart_box .content .address a {
color: #FC7942;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
text-decoration: underline;
display: inline-block;
margin-top: 10px;
}
.my_cart .cart_box .content .total {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.my_cart .cart_box .content .total h6 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
margin-bottom: 0;
}
.my_cart .cart_box .content .total span {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.my_cart .cart_box .button_area {
text-align: center;
margin-top: 40px;
}
.my_cart .cart_box .button_area .c_shoping {
display: block;
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
margin-top: 20px;
}
.my_cart .cart_box .button_area .c_shoping:hover {
color: #FC7942;
}
.checkout .title h4 {
font-family: "ClashDisplay", sans-serif;
color: #131313;
font-weight: 600;
font-size: 42px;
line-height: 52px;
}
.checkout .checkout_form {
margin-top: 30px;
}
.checkout .checkout_form .input_box h6 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.checkout .checkout_form .input_box h6 span {
color: #FC7942;
}
.checkout .checkout_form .input_box h6 span.opt {
color: #88919B;
}
.checkout .checkout_form .input_box input {
border: 0;
border-bottom: 2px solid #131313;
border-radius: 0;
margin-bottom: 28px;
box-shadow: none;
}
.checkout .checkout_form .input_box .form_control {
width: 100%;
border: 0;
border-bottom: 2px solid #131313;
margin-bottom: 28px;
padding-bottom: 10px;
}
.header_aria .navbar {
padding-top: 0;
padding-bottom: 0;
}
.header_aria .navbar .container {
border-bottom: 2px solid #131313;
}
.header_aria .navbar .navbar-brand {
padding-top: 30px;
padding-bottom: 25px;
}
.header_aria .navbar .navbar-collapse .navbar-nav {
padding-right: 20px;
margin-left: auto;
}
.header_aria .navbar .navbar-collapse .navbar-nav .nav-item {
margin: 0 20px;
}
.header_aria .navbar .navbar-collapse .navbar-nav .nav-item .dropdown-menu {
border: 0;
}
.header_aria .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
padding: 0;
padding-top: 30px;
padding-bottom: 25px;
}
.header_aria .navbar .navbar-collapse .navbar-nav .nav-item .nav-link i {
display: none;
}
@media (max-width: 991px) {
.header_aria .navbar .navbar-collapse .navbar-nav .nav-item .nav-link i {
display: block;
right: 0;
top: 20px;
position: absolute;
}
}
.header_aria .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
padding-right: 50px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.header_aria .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li {
margin: 5px 0;
}
.header_aria .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li a {
text-transform: uppercase;
color: #131313;
font-size: 14px;
}
.header_aria .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li a:hover {
background-color: transparent;
color: #FC7942;
}
.header_aria .navbar .navbar-collapse .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
display: block;
transform: translateY(0);
left: -25px;
top: 75px;
}
.header_aria .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link::after {
display: none;
}
.header_aria .navbar .navbar-collapse .nav_buttons {
padding-left: 49px;
border-left: 2px solid #131313;
padding-top: 30px;
padding-bottom: 25px;
}
.header_aria .navbar .navbar-collapse .nav_buttons .cart {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.header_aria .navbar .navbar-collapse .nav_buttons .contact_btn {
display: inline-block;
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding: 10px 25px;
margin-left: 45px;
transition: .3s;
}
.header_aria .navbar .navbar-collapse .nav_buttons .contact_btn:hover {
box-shadow: none;
}
.header_aria.navbar_fixed .navbar {
background: #fff;
box-shadow: 0 4px 6px 0 rgba(12, 0, 46, 0.1);
}
.header_aria.navbar_fixed .navbar .navbar-collapse .nav_buttons {
border: 0;
}
.header_aria.navbar_fixed .navbar .container {
border: 0;
}
.breadcrumb_area {
padding-top: 150px;
padding-bottom: 130px;
position: relative;
}
.breadcrumb_area .breadcrumb_content h2 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 120px;
line-height: 124px;
}
.breadcrumb_area .breadcrumb_content .breadcrumb_category {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.breadcrumb_area .breadcrumb_content .breadcrumb_category span {
margin: 0 2px;
}
.breadcrumb_area .breadcrumb_content .breadcrumb_category span a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.breadcrumb_area .breadcrumb_content .breadcrumb_category span i {
transform: rotate(-45deg);
transition: 0.3s;
}
.breadcrumb_area .shape_img .one {
left: 0;
bottom: 160px;
}
.breadcrumb_area .shape_img .two {
right: 215px;
top: 140px;
}
.breadcrumb_area .shape_img .three {
bottom: 0;
right: 550px;
}
.breadcrumb_area.two .shape_img .two {
display: none;
}
.blog_list_with_sidebar .container {
padding-top: 160px;
padding-bottom: 160px;
}
.blog_sidebar {
padding-left: 60px;
}
.blog_sidebar .sidebar_item {
margin-bottom: 55px;
}
.blog_sidebar .sidebar_item h5 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
margin-bottom: 25px;
}
.blog_sidebar .sidebar_item .sidebar_search {
position: relative;
}
.blog_sidebar .sidebar_item .sidebar_search input {
padding-left: 0;
padding-top: 13px;
padding-bottom: 13px;
border: 0;
box-shadow: none;
border-radius: 0;
border-bottom: 2px solid #131313;
}
.blog_sidebar .sidebar_item .sidebar_search input::placeholder {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.blog_sidebar .sidebar_item .sidebar_search button {
position: absolute;
right: 0;
top: 15px;
border: 0;
background: transparent;
}
.blog_sidebar .sidebar_item .sidebar_search button i {
color: #FC7942;
}
.blog_sidebar .sidebar_item .sidebar_category {
margin-bottom: 0;
}
.blog_sidebar .sidebar_item .sidebar_category li {
margin-top: 15px;
}
.blog_sidebar .sidebar_item .sidebar_category li a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.blog_sidebar .sidebar_item .sidebar_category li a span {
color: #FC7942;
}
.blog_sidebar .sidebar_item .sidebar_category li:first-child {
margin-top: 0;
}
.blog_sidebar .sidebar_item .sidebar_blog_post .single_sidebar_blog_post {
display: flex;
align-items: center;
margin-top: 28px;
}
.blog_sidebar .sidebar_item .sidebar_blog_post .single_sidebar_blog_post img {
width: 98px;
height: 90px;
}
.blog_sidebar .sidebar_item .sidebar_blog_post .single_sidebar_blog_post .content {
padding-left: 18px;
}
.blog_sidebar .sidebar_item .sidebar_blog_post .single_sidebar_blog_post .content span {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
}
.blog_sidebar .sidebar_item .sidebar_blog_post .single_sidebar_blog_post .content h6 {
margin-top: 5px;
margin-bottom: 0;
}
.blog_sidebar .sidebar_item .sidebar_blog_post .single_sidebar_blog_post .content h6 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.blog_sidebar .sidebar_item .sidebar_blog_post .single_sidebar_blog_post:first-child {
margin-top: 0;
}
.blog_sidebar .sidebar_item .sider_tag {
display: flex;
flex-wrap: wrap;
padding-right: 10px;
}
.blog_sidebar .sidebar_item .sider_tag li {
margin-right: 12px;
margin-bottom: 12px;
}
.blog_sidebar .sidebar_item .sider_tag li a {
padding: 10px 16px;
}
.service_sidebar .service_sidebar_list a {
display: flex;
align-items: center;
justify-content: space-between;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding: 20px 24px;
margin-bottom: 16px;
transition: .3s;
}
.service_sidebar .service_sidebar_list a p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 0;
}
.service_sidebar .service_sidebar_list a i {
color: #FC7942;
font-size: 25px;
transform: rotate(-45deg);
}
.service_sidebar .service_sidebar_list a:hover {
box-shadow: none;
}
.service_sidebar .service_sidebar_post {
padding: 48px 40px;
position: relative;
margin-top: 60px;
}
.service_sidebar .service_sidebar_post img {
margin-bottom: 40px;
}
.service_sidebar .service_sidebar_post h6 a {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 30px;
line-height: 40px;
}
.service_sidebar .service_sidebar_post p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.service_sidebar .service_sidebar_post i.fa-solid {
transform: rotate(-45deg);
font-size: 32px;
margin-top: 10px;
transition: .3s;
}
.service_sidebar .service_sidebar_post:hover i.fa-solid {
transform: rotate(0);
}
.service_sidebar .shape_img .one {
top: 0;
right: 45px;
margin-bottom: 0;
}
.service_sidebar .shape_img .two {
right: 0;
top: 120px;
margin-bottom: 0;
}
.service_sidebar .shape_img .three {
bottom: 0;
right: 20px;
margin-bottom: 0;
}
.footer {
padding-top: 160px;
padding-bottom: 50px;
position: relative;
}
.footer .shape_img .one {
left: 0;
bottom: 200px;
}
.footer .shape_img .two {
bottom: 0;
right: 650px;
}
.footer .shape_img .three {
top: 0;
right: 0;
}
.main_footer .site_info img {
margin-bottom: 40px;
}
.main_footer .site_info p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.main_footer .site_info .social_icons {
display: flex;
margin-top: 30px;
}
.main_footer .site_info .social_icons a {
color: #010002;
background: #fff;
border: 2px solid #131313;
box-shadow: 2px 2px 0px #131313;
border-radius: 50%;
height: 52px;
width: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0 6px;
transition: .3s;
}
.main_footer .site_info .social_icons a i {
font-size: 18px;
}
.main_footer .site_info .social_icons a:first-child {
margin-left: 0;
}
.main_footer .site_info .social_icons a:hover {
box-shadow: none;
color: #FC7942;
transform: translateY(-5px);
border-color: #FC7942;
}
.main_footer .site_info.logo_area {
padding-right: 100px;
}
.main_footer .site_info h5 {
color: #131313;
font-family: "ClashDisplay", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 34px;
margin-bottom: 30px;
}
.main_footer .site_info .loc_list li {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.main_footer .site_info .contact_list li a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.main_footer .site_info .contact_list li.mail a {
font-weight: 600;
}
.main_footer .site_info .subscribe_form {
margin-top: 40px;
}
.main_footer .site_info .subscribe_form .form-control {
height: 64px;
background: #fff;
border: 2px solid #131313;
box-shadow: 4px 4px 0px #131313;
padding-left: 30px !important;
}
.main_footer .site_info .subscribe_form .form-control::placeholder {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
}
.main_footer .site_info .subscribe_form .form-control:focus {
box-shadow: none;
}
.main_footer .site_info .subscribe_form .bg_btn_color {
margin-left: 0;
margin-top: 25px;
}
.footer_bottom {
margin-top: 160px;
}
.footer_bottom .footer_bottom_list {
border-bottom: 2px solid #131313;
padding-bottom: 15px;
}
.footer_bottom .footer_bottom_list .footer_nav {
display: flex;
align-items: center;
}
.footer_bottom .footer_bottom_list .footer_nav li {
margin: 0 20px;
}
.footer_bottom .footer_bottom_list .footer_nav li:first-child {
margin-left: 0;
}
.footer_bottom .footer_bottom_list .footer_nav li a {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
transition: .3s;
}
.footer_bottom .footer_bottom_list .footer_nav li a:hover {
color: #FC7942;
}
.footer_bottom .footer_bottom_list .footer_nav.right {
justify-content: flex-end;
}
.footer_bottom .footer_copyright {
padding-top: 30px;
}
.footer_bottom .footer_copyright p {
color: #131313;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 32px;
} .site-header .navbar .collapse .navbar-nav.menu {
margin-left: auto;
margin-right: auto;
}
.hero_creative_agency .content .section_title h1 {
margin-top: 0px
}
.section_title {
font-family: "ClashDisplay", sans-serif !important;
}
@media (min-width: 1500px) {
.container {
max-width: 1440px !important;
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 1024px) {
.blog_breadcrumbs_area_two .page_title,
.blog_breadcrumbs_area_two.archive-banner .page_title,
.blog_breadcrumbs_area_two.banner-404 .page_title,
.blog_breadcrumbs_area_two.blog-single-page .page_title,
.blog_breadcrumbs_area_two.page-banner .page_title {
font-size: 65px;
}
.service_line {
padding-top: 80px;
padding-bottom: 70px;
}
.min_aword_area .singe_aword .left_content .content {
padding-left: 30px;
}
.min_aword_area .singe_aword .right_content p {
padding-left: 30px;
padding-right: 30px;
}
.testimonial {
padding-bottom: 70px;
}
.client {
padding-top: 80px;
padding-bottom: 80px;
}
.team_style_two .section_title h2 {
font-size: 60px;
}
.min_price_area .single_price_item {
padding-top: 30px;
padding-left: 25px;
padding-right: 30px;
padding-bottom: 40px;
}
.min_price_area {
margin-top: 20px;
}
.min_service_box_area .col-lg-4 {
width: 100% !important;
}
.min_offer_box .col-lg-6 {
width: 100% !important;
}
.hero_digital_studio .section_title h1 {
font-size: 72px;
line-height: 88px;
}
.hero_creative_agency .col-lg-6 {
width: 100% !important;
}
}
.min_contact_box {
margin-top: 0px;
margin-left: 0px !important;
}
@media (max-width: 767px) {
.blog_breadcrumbs_area_two .page_title,
.blog_breadcrumbs_area_two.archive-banner .page_title,
.blog_breadcrumbs_area_two.banner-404 .page_title,
.blog_breadcrumbs_area_two.blog-single-page .page_title,
.blog_breadcrumbs_area_two.page-banner .page_title {
font-size: 40px;
}
.site-header .navbar .header_area.nav_bar {
display: none;
}
.min_project_area_grid_two .single_project .project_bottom h4 a {
font-size: 24px;
line-height: 36px;
}
}
@media (max-width: 767px) {
.min_service_box_area .single_service_box {
padding-top: 40px;
padding-left: 25px;
padding-bottom: 60px;
padding-right: 40px;
}
.min_service_box_area .single_service_box img {
margin-bottom: 10px;
}
.min_service_box_area {
margin-top: 10px;
}
.min_offer_box {
margin-top: 10px;
}
.section_title h2 {
font-size: 32px !important;
line-height: 46px;
}
}
.menu_two .menu>.nav-item.active .nav-link {
color: #FFFFFF;
}
.menu_two .menu>.nav-item:hover .nav-link {
color: #FFFFFF;
}
.menu>.nav-item.active .nav-link:before {
display: none;
}
.navbar_fixed .navbar .menu>.nav-item {
padding-top: 30px;
padding-bottom: 30px;
}
.main_footer .form-control {
height: 64px;
background: #fff;
border: 2px solid #131313 !important;
box-shadow: 4px 4px 0px #131313;
padding-left: 30px;
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.blog_grid_with_sidebar .container {
padding: 0px;
}
.min_blog_area_blog_list.grid.two_col .single_blog .blog_bottom {
padding-right: 0px;
}
.portfolio_grid_two {
padding-top: 0px;
}
.bg_btn_color:hover {
color: #131313 !important;
box-shadow: none !important;
}
.min_project_area .single_project .project_bottom {
padding-right: 0px;
}
.service_line {
padding-bottom: 0px;
}
.aword {
padding-bottom: 0px;
}
.video_popup {
margin-top: 0px !important;
}
.video_popup .popup_container {
width: 100%;
}
.price_faq .elementor-accordion-item {
border-width: 0px;
border-top: 2px solid #000000 !important;
padding: 10px 10px 10px 0px;
}
.service_box {
padding-top: 0px;
padding-bottom: 0px;
}
.hero_digital_studio {
padding-top: 120px;
}
.testimonial_style_two {
padding-top: 0px;
padding-bottom: 0px;
}
.span_brand {
color: #f57950;
}
.hero_main {
padding-top: 150px;
padding-bottom: 350px;
}
.team {
padding-top: 0px;
padding-bottom: 0px;
}
.min_project_area_grid_two .single_project .project_bottom {
padding-right: 0px !important;
}
.portfolio_integaction .category span,
.portfolio_integaction .category a {
color: #fc7942 !important;
}
.center_button .button {
text-align: center;
}
.min_testimonial_area .single_testimonial p {
font-weight: 600;
}
.min_blog_area_col_3.slick-initialized.slick-slider {
margin-top: 0px;
}
.min_blog_area .slick-dots li button {
padding-right: 0px;
}
.min_team_area .slick-dots li button {
padding: 0px;
}.circular_progress {
display: grid;
grid-template-columns: repeat(1, 160px);
grid-gap: 80px;
padding: 60px;
margin: auto 0;
}
@media (min-width: 420px) and (max-width: 659px) {
.circular_progress {
grid-template-columns: repeat(2, 160px);
}
}
@media (min-width: 660px) and (max-width: 899px) {
.circular_progress {
grid-template-columns: repeat(3, 160px);
}
}
@media (min-width: 900px) {
.circular_progress {
grid-template-columns: repeat(3, 160px);
}
}
.circular_progress .box {
width: 100%;
}
.circular_progress .box h2 {
display: block;
text-align: center;
color: #000;
}
.circular_progress .box .chart {
position: relative;
width: 100%;
height: 100%;
text-align: center;
font-size: 40px;
line-height: 160px;
height: 160px;
color: #000;
}
.circular_progress .box .chart2 {
position: relative;
width: 100%;
height: 100%;
text-align: center;
font-size: 40px;
line-height: 160px;
height: 160px;
color: #000;
}
.circular_progress .box .chart3 {
position: relative;
width: 100%;
height: 100%;
text-align: center;
font-size: 40px;
line-height: 160px;
height: 160px;
color: #000;
}
.circular_progress .box canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
width: 100%;
}.nice-select{-webkit-tap-highlight-color:transparent;background-color:#fff;border-radius:5px;border:1px solid #e8e8e8;box-sizing:border-box;clear:both;cursor:pointer;display:block;float:left;font-family:inherit;font-size:14px;font-weight:400;height:42px;line-height:40px;outline:0;padding-left:18px;padding-right:30px;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto}.nice-select:hover{border-color:#dbdbdb}.nice-select.open,.nice-select:active,.nice-select:focus{border-color:#999}.nice-select:after{border-bottom:2px solid #999;border-right:2px solid #999;content:'';display:block;height:5px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:5px}.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}.nice-select.disabled{border-color:#ededed;color:#999;pointer-events:none}.nice-select.disabled:after{border-color:#ccc}.nice-select.wide{width:100%}.nice-select.wide .list{left:0!important;right:0!important}.nice-select.right{float:right}.nice-select.right .list{left:auto;right:0}.nice-select.small{font-size:12px;height:36px;line-height:34px}.nice-select.small:after{height:4px;width:4px}.nice-select.small .option{line-height:34px;min-height:34px}.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,68,68,.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(.75) translateY(-21px);-ms-transform:scale(.75) translateY(-21px);transform:scale(.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;z-index:9}.nice-select .list:hover .option:not(:hover){background-color:transparent!important}.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:0;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{background-color:#f6f6f6}.nice-select .option.selected{font-weight:700}.nice-select .option.disabled{background-color:transparent;color:#999;cursor:default}.no-csspointerevents .nice-select .list{display:none}.no-csspointerevents .nice-select.open .list{display:block}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}