/*
* Custom code goes here.
* A template should always ship with an empty custom.css
*/
/* table of content - end
==================================================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* global area - start
==================================================================================================== */
body {
margin: 0;
padding: 0;
font-size: 15px;
font-weight: 400;
line-height: 1.867;
font-style: normal;
color: #757575;
/*font-family: Hind, sans-serif;*/
font-family: 'Rubik', sans-serif;
background-color: #fff;
text-rendering: optimizelegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
::selection {
color: #ffffff;
background-color: #ff4328;
}
::-moz-selection {
color: #ffffff;
background-color: #ff4328;
}
main {
overflow: hidden;
position: relative;
}
hr {
height: 1px;
border: none;
background-color: #ededef;
}
b,
strong {
font-weight: bold;
}
.container {
max-width: 1500px;
width: 100%;
}
.maxw_1420 {
max-width: 1500px;
}
.maxw_1780 {
max-width: 1810px;
}
.layer {
position: relative !important;
}
[data-background] {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.deco_wrap {
z-index: 1;
position: relative;
}
.deco_wrap .deco_image {
z-index: -1;
position: absolute;
}
a,
button {
cursor: pointer;
display: inline-block;
text-decoration: none;
font-family: 'Hind', sans-serif;
}
a:hover,
button:hover {
text-decoration: none;
}
button {
margin: 0px;
padding: 0px;
border: none;
background: none;
}
button:focus {
outline: none;
}
img {
height: auto;
max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
color: #222222;
font-family: 'Rubik', sans-serif;
margin: 0;
}
strong,
span,
small,
label,
i {
/*font-family: 'Hind', sans-serif;*/
font-family: 'Rubik', sans-serif;
}
.form_item {
position: relative;
margin-bottom: 30px;
}
.form_item .input_icon {
top: 50%;
right: 30px;
margin: 0px;
line-height: 1;
position: absolute;
color: #ff4328;
transform: translateY(-50%);
}
.form_item .input_title {
display: block;
line-height: 1;
font-size: 20px;
font-weight: 500;
margin-bottom: 15px;
color: #ff4328;
font-family: 'Rubik', sans-serif;
}
.form_item input,
.form_item textarea {
width: 100%;
border: none;
outline: none;
display: block;
transition: all 0.3s ease-in-out;
}
.form_item input {
height: 65px;
padding: 0px 30px;
}
.form_item textarea {
min-height: 130px;
padding: 25px 30px;
}
.form_item .submit_btn {
top: 50%;
right: 0px;
position: absolute;
transform: translateY(-50%);
}
:-moz-placeholder {
color: #616161;
font-weight: 500;
font-family: 'Rubik', sans-serif;
text-transform: capitalize;
}
::-moz-placeholder {
color: #616161;
font-weight: 500;
font-family: 'Rubik', sans-serif;
text-transform: capitalize;
}
:-ms-input-placeholder {
color: #616161;
font-weight: 500;
font-family: 'Rubik', sans-serif;
text-transform: capitalize;
}
::-webkit-input-placeholder {
color: #616161;
font-weight: 500;
font-family: 'Rubik', sans-serif;
text-transform: capitalize;
}
.select_option {
position: relative;
margin-bottom: 30px;
}
.select_option .nice-select {
float: none;
width: 100%;
height: 65px;
border: none;
display: block;
font-size: 15px;
text-align: left;
line-height: 65px;
padding: 0px 30px;
border-radius: 0px;
padding-right: 40px;
background-color: #ffffff;
font-family: 'Rubik', sans-serif;
transition: all 0.3s ease-in-out;
}
.nice-select {
height: 44px;
}
.nice-select:after {
right: 23px;
}
div.form-control-select {
background-image: none;
}
.form-control-select {
background-image: url('../images/arrow.png');
background-repeat: no-repeat;
background-size: auto;
}
.select_option .nice-select:after {
top: 55%;
right: 0px;
margin: 0px;
width: auto;
right: 30px;
border: none;
height: auto;
line-height: 1;
content: '';
font-weight: 400;
color: #ff4328;
transform: translateY(-55%);
transition: all 0.3s ease-in-out;
font-family: 'Font Awesome 5 Pro';
}
.select_option .nice-select > span {
color: #616161;
font-weight: 500;
font-family: 'Rubik', sans-serif;
text-transform: capitalize;
}
.select_option .nice-select .list {
width: 100%;
border: none;
margin-top: 1px;
padding: 10px 0px;
border-radius: 0px;
background-color: #ffffff;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}
.select_option .nice-select .list li {
font-weight: 400;
padding: 0px 25px;
color: #757575;
}
.select_option .nice-select .list li:hover,
.select_option .nice-select .list li.focus,
.select_option .nice-select .list li.selected.focus {
color: #7276b3;
background-color: #f5f6fa;
}
/* owl settings - start
================================================== */
.owl-theme .owl-dots {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.owl-theme .owl-dots .owl-dot {
float: left;
margin: 0px;
padding: 0px;
display: inline-block;
}
.owl-theme .owl-dots .owl-dot:not(:last-child) {
margin-right: 12px;
}
.owl-theme .owl-dots .owl-dot span {
margin: 0px;
width: 10px;
height: 10px;
opacity: 0.4;
background: #ff4328;
transition: all 0.3s ease-in-out;
}
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot.active span {
opacity: 1;
background: #ff4328;
}
.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
margin: 0px;
width: 65px;
height: 65px;
border: none;
overflow: hidden;
position: relative;
border-radius: 0px;
}
.owl-theme .owl-nav .owl-next > span,
.owl-theme .owl-nav .owl-prev > span {
display: none;
}
.owl-theme .owl-nav .owl-next:before,
.owl-theme .owl-nav .owl-prev:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
font-size: 18px;
font-weight: 400;
line-height: 65px;
text-align: center;
position: absolute;
border-radius: 100%;
color: #222222;
border: 2px solid #dbdbdb;
transition: all 0.3s ease-in-out;
font-family: 'Font Awesome 5 Pro';
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
}
.owl-theme .owl-nav .owl-next:hover,
.owl-theme .owl-nav .owl-prev:hover {
background: transparent;
}
.owl-theme .owl-nav .owl-next:hover:before,
.owl-theme .owl-nav .owl-prev:hover:before {
color: #ffffff;
background: #ff4328;
border-color: #ff4328;
}
.owl-theme .owl-nav .owl-prev {
margin-right: 5px;
}
.owl-theme .owl-nav .owl-prev:before {
content: 'ï ';
}
.owl-theme .owl-nav .owl-next:before {
content: 'ï¡';
}
/* owl settings - end
================================================== */
/* list style settings - start
================================================== */
.ul_li,
.ul_li_right,
.ul_li_center {
margin: 0px;
padding: 0px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ul_li > li,
.ul_li_right > li,
.ul_li_center > li {
float: left;
list-style: none;
display: inline-block;
}
.ul_li {
justify-content: flex-start;
}
.ul_li_center {
justify-content: center;
}
.ul_li_right {
justify-content: flex-end;
}
.ul_li_block {
margin: 0px;
padding: 0px;
display: block;
}
.ul_li_block > li {
display: block;
list-style: none;
}
/* list style settings - end
================================================== */
/* rating star - start
================================================== */
.rating_star li {
color: #ecb006;
font-size: 12px;
}
.rating_star li:not(:last-child) {
margin-right: 2px;
}
/* rating star - end
================================================== */
/* social links - start
================================================== */
.social_title {
line-height: 1;
font-size: 15px;
font-weight: 500;
margin-right: 20px;
display: inline-block;
color: #222222;
text-transform: uppercase;
font-family: 'Rubik', sans-serif;
}
.primary_social_links li:not(:last-child) {
margin-right: 20px;
}
.primary_social_links a {
display: block;
line-height: 1;
font-size: 15px;
color: #757575;
}
.primary_social_links a:hover {
color: #ff4328;
}
.square_social_links li:not(:last-child) {
margin-right: 10px;
}
.square_social_links a {
width: 45px;
height: 45px;
display: block;
color: #ffffff;
font-size: 14px;
overflow: hidden;
position: relative;
text-align: center;
}
.square_social_links a i {
left: 50%;
position: absolute;
transform: translateX(-50%);
transition: all 0.3s ease-in-out;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.square_social_links a i:nth-child(1) {
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.square_social_links a i:nth-child(2) {
top: 100%;
opacity: 0;
}
.square_social_links a:hover i:nth-child(1) {
top: -100%;
opacity: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.square_social_links a:hover i:nth-child(2) {
top: 50%;
opacity: 1;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
.circle_social_links li:not(:last-child) {
margin-right: 8px;
}
.collapse.show {
display: block;
}
.circle_social_links a {
width: 45px;
height: 45px;
display: block;
color: #878bd0;
font-size: 14px;
overflow: hidden;
line-height: 49px;
position: relative;
text-align: center;
border-radius: 100%;
background-color: #1a1e5d;
}
.circle_social_links a i {
left: 50%;
position: absolute;
transform: translateX(-50%);
transition: all 0.3s ease-in-out;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.circle_social_links a i:nth-child(1) {
top: 55%;
transform: translate(-50%, -55%);
-webkit-transform: translate(-50%, -55%);
-moz-transform: translate(-50%, -55%);
-ms-transform: translate(-50%, -55%);
-o-transform: translate(-50%, -55%);
}
.circle_social_links a i:nth-child(2) {
top: 100%;
opacity: 0;
}
.circle_social_links a:hover i {
color: #ffffff;
}
.circle_social_links a:hover i:nth-child(1) {
top: -100%;
opacity: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
}
.circle_social_links a:hover i:nth-child(2) {
top: 55%;
opacity: 1;
transform: translate(-50%, -55%);
-webkit-transform: translate(-50%, -55%);
-moz-transform: translate(-50%, -55%);
-ms-transform: translate(-50%, -55%);
-o-transform: translate(-50%, -55%);
}
.circle_social_links .bg_facebook:hover {
background-color: #3b5998;
}
.circle_social_links .bg_twitter:hover {
background-color: #1da1f2;
}
.circle_social_links .bg_youtube:hover {
background-color: #ff0000;
}
.circle_social_links .bg_linkedin:hover {
background-color: #007bb5;
}
/* social links - end
================================================== */
/* pagination - start
================================================== */
.pagination_nav li:not(:last-child) {
margin-right: 10px;
}
.pagination_nav a {
height: 65px;
display: block;
color: #222222;
min-width: 65px;
font-size: 18px;
font-weight: 500;
padding: 0px 15px;
line-height: 63px;
text-align: center;
border-radius: 45px;
border: 3px solid #dbdbdb;
font-family: 'Rubik', sans-serif;
}
.pagination_nav li:hover a,
.pagination_nav li.active a {
color: #ffffff;
border-color: #ff4328;
background-color: #ff4328;
}
/* pagination - end
================================================== */
/* post meta - start
================================================== */
.post_meta > li:not(:last-child) {
margin-right: 30px;
}
.post_meta a {
display: block;
line-height: 1;
color: #757575;
}
.post_meta a:hover {
color: #ff4328;
}
.post_meta i {
margin-right: 10px;
color: #ff4328;
}
/* post meta - end
================================================== */
/* info list with "check icon" - start
================================================== */
.check_info_list > li,
.outline_check_info_list > li {
line-height: 1;
position: relative;
padding-left: 35px;
}
.check_info_list > li:not(:last-child),
.outline_check_info_list > li:not(:last-child) {
margin-bottom: 30px;
}
.check_info_list > li:before,
.outline_check_info_list > li:before {
top: 0px;
left: 0px;
line-height: 1;
font-weight: 400;
position: absolute;
color: #fec931;
font-family: 'Font Awesome 5 Pro';
}
.check_info_list > li:before {
content: '';
}
.outline_check_info_list > li:not(:last-child) {
margin-bottom: 25px;
}
.outline_check_info_list > li:before {
top: -1px;
content: 'ï˜';
color: #ff4328;
}
.circle_check_info_list > li {
font-weight: 500;
padding-top: 5px;
position: relative;
padding-left: 50px;
color: #222222;
}
.circle_check_info_list > li:not(:last-child) {
margin-bottom: 15px;
}
.circle_check_info_list > li:before {
top: 0px;
left: 0px;
width: 35px;
height: 35px;
font-weight: 400;
content: '';
line-height: 37px;
text-align: center;
position: absolute;
border-radius: 100%;
color: #ff4328;
background-color: #ffffff;
font-family: 'Font Awesome 5 Pro';
}
/* info list with "check icon" - end
================================================== */
/* primary tag list - start
================================================== */
.primary_tag_list {
margin: -3px;
}
.primary_tag_list li {
padding: 3px;
position: relative;
}
.primary_tag_list li:after {
right: 0px;
bottom: 2px;
content: ',';
line-height: 1;
position: absolute;
}
.primary_tag_list li:last-child:after {
display: none;
}
.primary_tag_list a {
display: block;
line-height: 1;
color: #757575;
}
.primary_tag_list a:hover {
color: #ff4328;
}
/* primary tag list - end
================================================== */
/* padding - margin setting - start
================================================== */
.sec_ptb_130 {
padding: 130px 0px;
}
.mt__30 {
margin-top: -30px;
}
.mt__50 {
margin-top: -50px;
}
.mb_15 {
margin-bottom: 15px;
}
.mb_30 {
margin-bottom: 30px;
}
.mb_50 {
margin-bottom: 50px;
}
.mb_80 {
margin-bottom: 80px;
}
/* padding - margin setting - end
================================================== */
/* button style - start
================================================== */
.custom_btn {
z-index: 1;
line-height: 1;
color: #ffffff;
font-size: 14px;
font-weight: 500;
padding: 10px 40px;
position: relative;
align-items: center;
display: inline-flex;
text-transform: uppercase;
font-family: 'Rubik', sans-serif;
justify-content: space-between;
}
.custom_btn:before {
top: 0px;
width: 0px;
left: auto;
right: 0px;
z-index: -1;
bottom: 0px;
content: '';
position: absolute;
transition: all 0.3s ease-in-out;
}
.custom_btn:hover {
color: #ffffff;
}
.custom_btn:hover:before {
left: 0px;
width: 100%;
right: auto;
}
.custom_btn span {
width: 45px;
height: 45px;
line-height: 47px;
float: right;
font-size: 15px;
overflow: hidden;
margin-left: 40px;
text-align: center;
position: relative;
margin-right: -30px;
color: #222222;
display: inline-block;
background-color: #ffffff;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.custom_btn.bg_default_yellow {
color: #222222;
}
.custom_btn.bg_default_yellow:before {
background: #ff4328;
}
.custom_btn.bg_default_yellow:hover {
color: #ffffff;
}
.custom_btn.bg_default_orange:before {
background: #fec931;
}
.custom_btn.bg_default_orange:hover {
color: #222222;
}
.custom_btn.bg_white {
color: #222222;
background-color: #ffffff;
}
.custom_btn.bg_white span {
color: #ffffff;
background-color: #1a1e5d;
}
.custom_btn.bg_white:before {
background: #000000;
}
.custom_btn.bg_white:hover {
color: #ffffff;
}
.custom_btn.bg_white:hover span {
color: #000000;
background-color: #ffffff;
}
.custom_btn.btn_border {
color: #222222;
border: 2px solid #e8e8e8;
}
.custom_btn.btn_border:before {
background: #e8e8e8;
}
.custom_btn.btn_border span {
color: #ffffff;
}
.custom_btn.btn_border span.bg_default_orange {
background-color: #ff4328;
}
.custom_btn.btn_border span.bg_default_yellow {
background-color: #fec931;
}
.custom_btn.btn_border span.bg_default_lightblue {
background-color: #209ffa;
}
.icon_btn {
z-index: 1;
width: 65px;
height: 65px;
font-size: 18px;
line-height: 69px;
position: relative;
text-align: center;
color: #222222;
background-color: #fec931;
}
.icon_btn:before {
top: 0px;
width: 0px;
left: auto;
right: 0px;
z-index: -1;
bottom: 0px;
content: '';
position: absolute;
transition: all 0.3s ease-in-out;
background-color: #ff4328;
}
.icon_btn:hover {
color: #ffffff;
}
.icon_btn:hover:before {
left: 0px;
width: 100%;
right: auto;
}
.text_btn {
line-height: 1;
display: inherit;
}
.text_btn span {
line-height: 1;
font-size: 13px;
font-weight: 500;
position: relative;
display: inline-block;
color: #222222;
text-transform: uppercase;
font-family: 'Rubik', sans-serif;
}
.text_btn span:before {
width: 0px;
left: auto;
right: 0px;
bottom: 0px;
height: 1px;
content: '';
position: absolute;
background: #ff4328;
transition: width 0.2s linear;
}
.text_btn:hover span:before {
left: 0px;
width: 100%;
right: auto;
}
.text_btn i {
font-size: 12px;
margin-left: 5px;
color: #222222;
transition: all 0.3s ease-in-out;
}
.text_btn:hover i {
color: #ff4328;
transform: translateX(5px);
}
.play_btn {
z-index: 1;
width: 100px;
height: 100px;
line-height: 100px;
position: relative;
text-align: center;
border-radius: 100%;
color: #ff4328;
border: 3px solid rgba(255, 67, 40, 0.49);
}
.play_btn:before,
.play_btn:after {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
content: '';
opacity: 0.4;
display: block;
position: absolute;
border-radius: 100%;
border: 3px solid rgba(255, 67, 40, 0.49);
}
.play_btn:before {
animation: pulse 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
}
.play_btn:after {
animation: pulse 2s 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
}
.play_btn.bg_white {
border-color: #ffffff;
color: #ff4328;
background-color: #ffffff;
}
.play_btn.bg_white:before,
.play_btn.bg_white:after {
border: 3px solid rgba(255, 255, 255, 0.49);
}
@keyframes pulse {
0% {
opacity: 0.5;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(1.75);
}
}
/* button style - end
================================================== */
/* title text - start
================================================== */
.section_title {
z-index: 1;
position: relative;
}
.section_title .small_title {
line-height: 1;
font-size: 24px;
margin-bottom: 25px;
color: #ff4328;
font-family: 'Pacifico', cursive;
}
.section_title .big_title {
font-size: 50px;
font-weight: 700;
line-height: 1.2;
}
.section_title .biggest_title {
top: 50%;
left: -8px;
z-index: -1;
display: block;
line-height: 1;
font-size: 150px;
position: absolute;
transform: translateY(-50%);
font-family: 'Pacifico', cursive;
color: rgba(34, 34, 34, 0.102);
}
.section_title.text-center .biggest_title {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.text-white .section_title .biggest_title {
color: rgba(255, 255, 255, 0.051);
}
/* title text - end
================================================== */
/* title text - start
================================================== */
.plus_effect {
position: relative;
transition: all 0.3s ease-in-out;
background-color: #1a1e5d;
}
.plus_effect > img {
transition: all 0.3s ease-in-out;
}
.plus_effect:after,
.plus_effect:before {
top: 50%;
left: 50%;
z-index: 2;
opacity: 0;
content: '';
position: absolute;
transition: all 0.3s ease-in-out;
background-color: rgba(255, 255, 255, 0.77);
transform: translateX(-50%) translateY(-50%);
}
.plus_effect:before {
height: 1px;
width: 160px;
}
.plus_effect:after {
width: 1px;
height: 160px;
}
.plus_effect:hover > img {
opacity: 0.369;
}
.plus_effect:hover:before,
.plus_effect:hover:after {
opacity: 1;
transition-delay: 0.2s;
}
.plus_effect:hover:before {
width: 120px;
}
.plus_effect:hover:after {
height: 120px;
}
/* title text - end
================================================== */
/* back to top - start
================================================== */
#thetop {
top: 0;
left: 0;
right: 0;
z-index: -1;
position: absolute;
}
#backtotop {
right: 15px;
width: 50px;
height: 50px;
z-index: 999;
bottom: 40px;
display: none;
position: fixed;
border-radius: 100%;
background-color: #ffffff;
box-shadow: 0px 10px 30px 1px rgba(0, 0, 0, 0.15);
}
#scroll {
z-index: 1;
width: 100%;
height: 100%;
display: block;
font-size: 16px;
line-height: 57px;
text-align: center;
position: relative;
color: #ff4328;
}
/* back to top - end
================================================== */
/* preloader - start
================================================== */
.preloader {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: flex;
z-index: 9000;
cursor: default;
position: fixed;
align-items: center;
justify-content: center;
}
.preloader.loaded {
visibility: hidden;
}
.preloader .animation_preloader {
z-index: 10000;
}
.preloader .spinner {
width: 9em;
height: 9em;
margin: auto;
margin-bottom: 30px;
border-radius: 100%;
animation: spinner 1s infinite linear;
border: 3px solid rgba(255, 255, 255, 0.4);
border-top-color: #ff4328;
}
.preloader p {
color: #ffffff;
font-size: 14px;
font-weight: 500;
letter-spacing: 8px;
text-transform: uppercase;
}
.preloader .loader {
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
font-size: 0;
position: fixed;
pointer-events: none;
}
.preloader .loader_section {
padding: 0px;
}
.preloader .bg {
left: 0;
width: 100%;
height: 100%;
background-color: #1a1e5d;
transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
.preloader.loaded .animation_preloader {
opacity: 0;
transition: 0.3s ease-out;
}
.preloader.loaded .loader_section .bg {
width: 0;
transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}
@keyframes spinner {
to {
transform: rotateZ(360deg);
}
}
@media screen and (max-width: 767px) {
.preloader .animation_preloader .spinner {
height: 8em;
width: 8em;
}
}
@media screen and (max-width: 500px) {
.preloader .animation_preloader .spinner {
height: 7em;
width: 7em;
}
}
/* preloader - end
================================================== */
/* default color - start
================================================== */
.bg_default_orange {
background-color: #ff4328;
}
.bg_default_blue {
background-color: #7dc142;
}
.bg_default_lightblue {
background-color: #209ffa;
}
.bg_default_yellow {
background-color: #fec931;
}
.bg_default_purple {
background-color: #5f43c5;
}
.bg_default_pink {
background-color: #e6498f;
}
.bg_default_past {
background-color: #20ad96;
}
/* default color - end
================================================== */
/* custom default classes - start
================================================== */
.border_left_yellow,
.border_left_orange {
padding-left: 28px;
}
.border_left_yellow {
border-left: 3px solid #fec931;
}
.border_left_orange {
border-left: 3px solid #ff4328;
}
/* custom default classes - end
================================================== */
/* custom animation css - start
================================================== */
.spin {
animation: spin 1s infinite linear;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* custom animation css - end
================================================== */
/* transition - start
================================================== */
a,
button {
transition: all 0.3s ease-in-out;
}
/* transition - end
================================================== */
/* global area - end
==================================================================================================== */
/* header - start
==================================================================================================== */
/* header section - start
================================================== */
.sticky_header {
top: 0px;
left: 0px;
right: 0px;
z-index: 999;
position: absolute;
}
.sticky_header.stuck {
position: fixed;
box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
}
.header_section .select_option .nice-select {
border: none;
padding: 0px;
height: auto;
line-height: 1;
padding-right: 15px;
background-color: transparent;
}
.header_section .select_option .nice-select:after {
right: 0px;
color: #ff4328;
}
.header_section .select_option .nice-select .list {
right: 0px;
left: unset;
min-width: 250px;
}
.header_section .action_btn {
width: 55px;
height: 55px;
color: #ffffff;
font-size: 15px;
line-height: 57px;
text-align: center;
}
.header_section .action_btn.bg_default_purple {
color: #d0c4ff;
}
.header_section .custom_btn {
padding: 7.5px 30px;
}
.header_section .custom_btn span {
width: 40px;
height: 40px;
line-height: 42px;
margin-left: 30px;
margin-right: -22px;
}
.header_section .social_title {
font-weight: 400;
text-transform: capitalize;
}
.header_top {
display: flex;
min-height: 50px;
padding: 10px 0px;
align-items: center;
}
.header_top.bg_light {
background-color: #f5f6fa;
}
.header_top .primary_social_links a {
color: #7276b3;
}
.header_top .primary_social_links a:hover {
color: #9fe764;
}
.text-white .header_contact_info li,
.text-white .header_contact_info li a {
color: #ffffff;
font-size: 15px;
font-family: 'Rubik', sans-serif;
}
.text-white .header_contact_info i {
color: #9fe764;
}
.text-white .select_option .nice-select > span {
color: #ffffff;
}
/*.text-white .header_items_list > li:after {
background-color: #38368a;
}*/
.text-white .primary_social_links a {
color: #9fe764;
}
.header_bottom {
display: flex;
min-height: 100px;
align-items: center;
background: #9fe764;
overflow: hidden;
}
.header_contact_info li {
color: #7276b3;
font-size: 15px;
font-family: 'Rubik', sans-serif;
}
.header_contact_info li:not(:last-child) {
margin-right: 50px;
}
.header_contact_info li i {
margin-right: 8px;
color: #ff4328;
}
.header_items_list > li {
color: #7276b3;
font-size: 15px;
position: relative;
}
.header_items_list > li:not(:last-child) {
margin-right: 30px;
padding-right: 30px;
}
.header_items_list > li:after {
top: 50%;
width: 2px;
content: '';
right: -1px;
height: 20px;
position: absolute;
background-color: #c6ccdc;
transform: translateY(-50%);
}
.header_items_list > li:last-child:after
/*.header_items_list > li:last-child:after,
#awp_container*/ {
display: none;
}
.product__content .product-description + .product-prices {
margin: -20px 0 40px;
}
.product__content .product-description + .product-prices .product-price {
color: #000;
}
.product__content .tax-shipping-delivery-label {
display: inline;
}
#awp_container .awp_header {
padding-right: 0;
padding-left: 0;
background-color: #fff;
border: none;
}
#awp_container .xtop,
#awp_container .xbottom {
display: none;
}
#awp_container .awp_content {
display: flex;
flex-wrap: wrap;
width: auto;
margin: 0 -15px;
padding-right: 0;
padding-left: 0;
border: none;
}
#awp_container .awp_content > div,
#awp_container .awp_content > form {
width: 100% !important;
padding: 0 15px;
}
#awp_container .awp_header,
#awp_container .awo_header_fixed {
font-family: 'Rubik', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #000000;
}
#awp_container .awp_header b {
font-size: 16px !important;
}
#awp_container .awp_description {
margin: 10px 0 4px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #000000;
}
#awp_container #awp_cell_cont_208.awp_cell_cont,
#awp_container #awp_cell_cont_209.awp_cell_cont {
width: 50% !important;
margin: 0;
}
@media screen and (max-width: 991px) and (min-width: 768px), (max-width: 560px) {
#awp_container #awp_cell_cont_208.awp_cell_cont,
#awp_container #awp_cell_cont_209.awp_cell_cont {
width: 100% !important;
}
}
#awp_container #awp_cell_cont_208 .awp_tbla,
#awp_container #awp_cell_cont_209 .awp_tbla {
float: none;
width: 100%;
text-align: center;
}
#awp_container [id^="awp_cell_cont"] .awp_full_text {
width: 100%;
}
#awp_container [id^="awp_cell_cont"] [id^="awp_text_length"] {
margin: 0 0 10px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #C6D8AE;
}
#awp_container [id^="awp_cell_cont"] [id^="awp_file_cell"] {
width: 100%;
margin: 0;
}
#awp_container [id^="awp_cell_cont"] .awp_tbla > input.btn {
width: 100%;
height: 98px;
background: #F8FBF4;
border: 1px dashed #ADC49A;
box-sizing: border-box;
border-radius: 6px;
}
#awp_container [id^="awp_checkbox_cell"] {
margin: 0;
}
#awp_container [id^="awp_checkbox_cell"] input[type=checkbox] {
width: 16px;
height: 16px;
background: #000000;
border-radius: 2px;
}
#awp_container .awp_stock_container .exclusive {
display: none;
}
#awp_container .awp_stock_container.awp_sct {
/* display: flex;
flex-wrap: wrap;*/
margin: 0;
max-width: none;
padding: 19px 10px;
background: #F0F6EA;
}
#awp_container .awp_stock_container.awp_sct > div {
/* width: 50%;
float: none;*/
}
#awp_container .awp_quantity_additional.awp_stock {
display: none;
}
/*#awp_container .awp_quantity_additional.awp_stock input {
margin-left: 5px;
text-align: center;
}*/
#awp_container .awp_nila,
#awp_container .awp_nila > .awp_tbla {
display: inline;
float: none;
}
#awp_container .awp_red,
#awp_container .awp_nila .awp_red {
display: none;
}
#add-to-cart-or-refresh .product-add-to-cart button.btn {
width: 170px;
height: 52px;
margin: 0;
background: #53AA0B;
display: flex;
justify-content: center;
align-items: center;
font-style: normal;
font-weight: normal;
font-size: 18px;
font-family: 'Rubik', sans-serif;
text-transform: none;
line-height: 28px;
text-align: center;
color: #FFFFFF;
border-radius: 0;
border-color: #53AA0B;
}
#add-to-cart-or-refresh .product-add-to-cart button i {
display: none;
}
.header_btns_group li:not(:last-child) {
margin-right: 10px;
}
.header_icon_btns li {
font-size: 16px;
}
.header_icon_btns li:not(:last-child) {
margin-right: 35px;
}
.header_icon_btns li button {
display: block;
line-height: 1;
color: #757575;
}
.header_icon_btns li button:hover,
.header_icon_btns li button.active {
color: #ff4328;
}
.header_hotline {
padding: 30px 70px;
}
.header_hotline.bg_gray {
background-color: #f5f6fa;
}
.header_hotline .item_icon {
float: left;
width: 55px;
height: 55px;
line-height: 45px;
margin: -10px 0px;
margin-right: 10px;
text-align: center;
border-radius: 100%;
border: 5px solid #ffffff;
background-color: #ff4328;
box-shadow: 0px 10px 30px 0px rgba(226, 226, 226, 0.78);
}
.header_hotline .item_content {
display: table;
}
.header_hotline h4 {
line-height: 1;
font-size: 14px;
font-weight: 700;
color: #757575;
font-family: 'Hind', sans-serif;
text-transform: uppercase;
}
.header_hotline span {
display: block;
line-height: 1;
font-size: 18px;
font-weight: 500;
color: #1a1e5d;
}
.cart_btn {
position: relative;
}
.cart_btn .cart_counter {
top: -10px;
right: -10px;
height: 20px;
color: #ffffff;
font-size: 11px;
min-width: 20px;
line-height: 22px;
position: absolute;
border-radius: 45px;
background-color: #ff4328;
}
/* header section - end
================================================== */
body#password nav ul > li a span {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 28px;
color: #000;
}
body#password nav ul > li:first-child a span {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 28px;
color: #828282;
}
body#password header h1 {
width: 100%;
padding-top: 45px;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 38px;
color: #000000;
padding-bottom: 30px;
}
body#password header h1 section.container {
max-width: 960px;
}
body#password header div.top.container {
max-width: 960px;
}
body#password section#content {
margin: 0 -15px;
padding: 0;
box-shadow: none;
}
@media screen and (max-width: 1030px) {
body#password section#content {
margin: 0;
}
}
body#password section#content .form-forgotten-password {
max-width: 470px;
width: 100%;
/*min-height: 350px;*/
background: #f0f6ea;
padding-top: 45px;
padding-left: 100px;
padding-right: 100px;
padding-bottom: 66px;
margin: 0 auto 147px;
}
body#password section#content form {
padding: 0;
}
body#password section#content form p.send-renew-password-link {
margin-bottom: 32px;
padding: 0;
font-style: normal;
font-weight: normal;
font-size: 14px !important;
line-height: 18px;
color: #000000;
}
body#password input {
margin-bottom: 17px;
background: #FFFFFF;
border: 1px solid #CEDABF;
box-sizing: border-box;
border-radius: 0;
height: 52px;
}
body#password button.form-control-submit {
width: 170px;
height: 52px;
margin: 0;
background: #53AA0B;
display: flex;
justify-content: center;
align-items: center;
font-style: normal;
font-weight: normal;
font-size: 18px;
font-family: 'Rubik', sans-serif;
text-transform: none;
line-height: 28px;
text-align: center;
color: #FFFFFF;
border-radius: 0;
border-color: #53AA0B;
}
body#password .ps-alert-success .item {
border: none;
}
body#password li.item i{
display: none;
}
body#password li.item p {
padding-left: 0;
padding-top: 0;
padding-right: 0;
}
/* cms page - start
================================================== */
body#cms .tablestyle a:hover {
font-weight: bold;
}
body#cms .cms__wrapper {
position: relative;
}
body#cms .cms__wrapper::before {
position: absolute;
display: block;
left: -160px;
top: 20px;
}
/* cms page - end
================================================== */
/* main menu - start
================================================== */
.main_menu > ul > li {
padding: 15px 0px;
}
.main_menu > ul > li:not(:last-child) {
margin-right: 30px;
}
.main_menu > ul > li > a {
color: #000;
display: block;
font-size: 16px;
font-weight: 500;
position: relative;
font-family: 'Rubik', sans-serif;
}
.main_menu > ul > li:hover > a,
.main_menu > ul > li.active > a {
color: #fff;
}
/*.main_menu .has_child {*/
/* position: relative;*/
/*}*/
.main_menu .has_child > a:after {
font-size: 12px;
font-weight: 500;
content: '';
margin-left: 5px;
display: inline-block;
font-family: 'Font Awesome 5 Pro';
}
.main_menu .has_child .submenu {
top: 100%;
left: 0px;
right: 0px;
opacity: 0;
z-index: 99;
margin: 0px;
visibility: hidden;
position: absolute;
background: #f0f6ea;
transform: translateY(15px);
transition: all 0.3s ease-in-out;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.main_menu .has_child .submenu .col-lg-8 {
padding: 20px;
/* display: flex;
flex-wrap: wrap;*/
}
.submenu .col_2 {
width: 30%;
display: flex;
flex-direction: column;
}
p.print {
font-weight: normal;
font-size: 12px;
line-height: 18px;
color: #5e6159;
}
.submenu .col_2 img {
text-align: center;
display: block;
margin: 0 auto;
border-radius: 12px;
}
.submenu .col_2 p a.plus_menu {
color: #53aa0b;
font-size: 14px;
}
.submenu .col_2 p a {
display: block;
font-weight: 500;
font-size: 18px;
line-height: normal;
color: #000;
}
.submenu h2 {
font-size: 20px;
line-height: normal;
margin: 0 0 15px 0;
width: 100%;
}
.submenu h3 {
font-size: 14px;
line-height: normal;
margin: 0 0 20px 0;
width: 100%;
}
.main_menu .has_child .submenu li {
display: block;
}
.main_menu .has_child .submenu li:not(:last-child) {
border-bottom: 1px solid #f5f6fa;
}
.main_menu .has_child .submenu li a {
width: 100%;
display: block;
line-height: 1;
padding: 15px 30px;
white-space: nowrap;
color: #757575;
}
.main_menu .has_child .submenu li:hover > a,
.main_menu .has_child .submenu li.active > a {
color: #ff4328;
background-color: #f5f6fa;
}
.main_menu .has_child:hover > .submenu {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.main_menu .has_child .submenu .has_child {
position: relative;
}
.main_menu .has_child .submenu .has_child > a:after {
float: right;
font-size: 13px;
content: 'ï¡';
transform: translateY(0px);
}
.main_menu .has_child .submenu .submenu {
top: -20px;
left: 100%;
}
/* main menu - end
================================================== */
/* main search - start
================================================== */
.search_body_collapse .search_body {
padding: 15px 0px;
background-color: rgba(125, 193, 66, 0.8);
}
.search_body_collapse .form_item input {
padding: 0px;
border: none;
height: 70px;
color: #ffffff;
font-size: 24px;
font-weight: 400;
background-color: transparent;
}
.search_body_collapse .form_item input:-moz-placeholder {
font-weight: 300;
color: rgba(255, 255, 255, 0.8);
}
.search_body_collapse .form_item input::-moz-placeholder {
font-weight: 300;
color: rgba(255, 255, 255, 0.8);
}
.search_body_collapse .form_item input:-ms-input-placeholder {
font-weight: 300;
color: rgba(255, 255, 255, 0.8);
}
.search_body_collapse .form_item input::-webkit-input-placeholder {
font-weight: 300;
color: rgba(255, 255, 255, 0.8);
}
.search_body_collapse .form_item button {
top: 15px;
right: 0;
color: #ffffff;
font-size: 30px;
position: absolute;
}
/* main search - end
================================================== */
/* default header - start
================================================== */
.header_default + main {
margin-top: 150px;
}
.header_default.stuck .header_top {
display: none;
}
.header_default.stuck .header_bottom {
background-color: #7dc142;
}
/* default header - end
================================================== */
/* primary header - start
================================================== */
.primary_header {
background-color: #ffffff;
}
.primary_header + main {
margin-top: 100px;
}
.primary_header .main_menu,
.primary_header .brand_logo,
.primary_header .header_hotline {
float: left;
min-height: 100px;
display: inline-block;
}
.brand_logo img {
height: 50px;
}
.primary_header .brand_logo {
width: 330px;
}
.primary_header .brand_logo > a {
width: 100%;
height: 100%;
display: block;
text-align: center;
line-height: 100px;
}
.primary_header .header_hotline {
float: right;
width: 360px;
}
.primary_header .main_menu > ul > li {
padding: 0px;
height: 100px;
margin: 0px !important;
border-right: 1px solid #e6e6e6;
}
.primary_header .main_menu > ul > li > a {
z-index: 1;
width: 100%;
height: 100%;
display: block;
padding: 0px 40px;
line-height: 100px;
color: #757575;
}
.primary_header .main_menu > ul > li:hover > a,
.primary_header .main_menu > ul > li.active > a {
color: #ffffff;
background-color: #ff4328;
}
.primary_header .main_menu > ul > .has_child > a:after {
display: none;
}
.primary_header .search_btn {
width: 100%;
height: 100%;
display: block;
font-size: 16px;
min-width: 100px;
padding: 0px 30px;
line-height: 100px;
color: #757575;
}
.primary_header .search_btn:hover,
.primary_header .search_btn.active {
color: #ffffff;
background-color: #ff4328;
}
.primary_header .search_body_collapse .search_body {
background-color: #ffffff;
border-top: 1px solid #e6e6e6;
}
.primary_header .search_body_collapse .form_item input {
height: 55px;
font-size: 16px;
padding: 0px 35px;
border-radius: 45px;
color: #1a1e5d;
background-color: #f5f6fa;
}
.primary_header .search_body_collapse .form_item input:-moz-placeholder {
font-weight: 300;
color: #757575;
}
.primary_header .search_body_collapse .form_item input::-moz-placeholder {
font-weight: 300;
color: #757575;
}
.primary_header .search_body_collapse .form_item input:-ms-input-placeholder {
font-weight: 300;
color: #757575;
}
.primary_header
.search_body_collapse
.form_item
input::-webkit-input-placeholder {
font-weight: 300;
color: #757575;
}
.primary_header .search_body_collapse .form_item button {
right: 30px;
line-height: 1;
font-size: 18px;
color: #ff4328;
}
/* primary header - end
================================================== */
/* secondary header - start
================================================== */
.secondary_header + main {
margin-top: 130px;
}
.secondary_header.stuck .header_top {
display: none;
}
.secondary_header .brand_logo {
height: 80px;
width: 255px;
display: flex;
margin: -10px 0px;
align-items: center;
border-right: 1px solid #e2e2e2;
}
.secondary_header .header_icon_btns {
width: 205px;
float: right;
height: 80px;
display: flex;
margin: -10px 0px;
align-items: center;
border-left: 1px solid #e2e2e2;
}
.secondary_header .header_contact_info li {
color: #757575;
}
.secondary_header .header_items_list > li {
padding: 0px;
}
.secondary_header .header_items_list > li:after {
display: none;
}
.secondary_header .header_items_list > li:not(:last-child) {
margin-right: 30px;
}
.secondary_header .select_option .nice-select {
height: 35px;
margin: -3px 0px;
line-height: 35px;
padding: 0px 20px;
padding-right: 40px;
border-radius: 45px;
background-color: #ff4328;
}
.secondary_header .select_option .nice-select span {
color: #ffffff;
}
.secondary_header .select_option .nice-select:after {
right: 20px;
color: #ffffff;
}
.secondary_header .header_bottom {
display: flex;
min-height: 80px;
padding: 10px 0px;
background-color: #ffffff;
}
.secondary_header .main_menu > ul > li > a {
color: #757575;
}
.secondary_header .main_menu > ul > li:hover > a,
.secondary_header .main_menu > ul > li.active > a {
color: #ff4328;
}
/* secondary header - end
================================================== */
/* sidebar mobile menu - start
================================================== */
.mobilemenu_btns_group {
display: none;
}
.mobilemenu_btns_group > li:not(:last-child) {
margin-right: 25px;
}
.mobilemenu_btns_group button {
line-height: 1;
display: block;
color: #000;
font-size: 24px;
}
.sidebar-menu-wrapper {
display: block;
}
.sidebar-menu-wrapper .overlay {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
z-index: 999;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
transition: all 0.3s ease-in-out;
/*background: rgba(0, 0, 0, 0.7);*/
}
.sidebar-menu-wrapper .overlay.active {
opacity: 1;
display: block;
}
.sidebar_mobile_menu {
top: 0px;
width: 289px;
right: -320px;
height: 100vh;
z-index: 9999;
position: fixed;
padding: 73px 0px 42px;
overflow-y: scroll;
background-color: #0B67AA;
transition: 0.6s cubic-bezier(1, 0, 0, 1);
}
.sidebar_mobile_menu.active {
right: 0px;
}
.sidebar_mobile_menu .mCustomScrollBox {
overflow: visible !important;
}
.sidebar_mobile_menu .close_btn {
top: 18px;
right: 33px;
color: #ffffff;
line-height: 1;
font-size: 24px;
border-radius: 0px;
position: absolute;
}
.sidebar_mobile_menu .close_btn:hover {
color: #ff4328;
}
.sidebar_mobile_menu .mobile_menu_list {
width: 100%;
display: block;
}
.sidebar_mobile_menu .mobile_menu_list ul {
margin: 0px;
padding: 0px;
}
.sidebar_mobile_menu .mobile_menu_list li,
.sidebar_mobile_menu .mobile_menu_list a {
width: 100%;
line-height: 1;
display: block;
}
.sidebar_mobile_menu .mobile_menu_list > ul > li > a {
font-size: 16px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
line-height: 18px;
padding: 15px 47px;
color: #FFFFFF;
}
.sidebar_mobile_menu .mobile_menu_list > ul > li:hover > a {
/*.sidebar_mobile_menu .mobile_menu_list > ul > li.active > a {*/
color: #ffffff;
background-color: #1D79BC;
}
.sidebar_mobile_menu .mobile_menu_list .last-link {
margin-top: 25%;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu {
margin: 0px;
width: 100%;
float: none;
border: none;
display: none;
line-height: 1;
padding: 15px 0px;
padding-top: 0px;
border-radius: 0px;
transform: unset !important;
position: static !important;
background-color: #1D79BC;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu.show {
display: block;
position: unset !important;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu li,
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu a {
width: 100%;
display: block;
line-height: 1;
}
.sidebar_mobile_menu .mobile_menu_list ul.dropdown-menu {
margin-top: -5px;
padding-bottom: 8px;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu a {
padding: 7px 25px;
padding-left: 48px;
font-size: 14px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
line-height: 17px;
color: #FFFFFF;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu > li:hover > a,
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu > li.active > a {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.07);
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu .dropdown-menu a {
padding-left: 55px;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-toggle:after {
position: absolute;
top: 22px;
right: 36px;
width: 9px;
height: 5px;
border: none;
background-image: url('../images/arrow_menu.svg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: 0.2s;
}
.sidebar_mobile_menu .mobile_menu_list li.show .dropdown-toggle:after {
transform: rotate(180deg);
}
.sidebar_mobile_menu::-webkit-scrollbar {
width: 0px;
}
.dropdown-backdrop {
display: none;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu .mobile_menu_content {
padding: 12px 15px 12px 48px;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu ul + .mobile_menu_content {
margin-top: 30px;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu .mobile_menu_content a {
padding: 0;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu h2,
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu h3 {
margin: 0 0 12px;
font-size: 12px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
line-height: 14px;
color: #FFFFFF;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu p {
margin: 0 0 20px;
font-size: 12px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
line-height: 14px;
color: #FFFFFF;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu p:last-child {
margin-bottom: 0;
}
.sidebar_mobile_menu .mobile_menu_list .dropdown-menu .plus_menu {
display: inline-flex;
width: auto;
padding: 0;
font-size: 14px;
}
.cart_sidebar {
top: 0px;
width: 300px;
right: -320px;
height: 100vh;
z-index: 9999;
position: fixed;
padding: 100px 0px;
overflow-y: scroll;
background-color: #ffffff;
transition: 0.6s cubic-bezier(1, 0, 0, 1);
}
.cart_sidebar.active {
right: 0px;
box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
}
.cart_sidebar .mCustomScrollBox {
overflow: visible !important;
}
.cart_sidebar .close_btn {
top: 15px;
right: 20px;
line-height: 1;
font-size: 24px;
text-align: center;
border-radius: 0px;
position: absolute;
color: #1a1e5d;
}
.cart_sidebar .close_btn:hover {
color: #ff4328;
}
.cart_sidebar .cart_items_list {
padding-bottom: 30px;
border-bottom: 1px solid #dbdbdb;
}
.cart_sidebar .cart_items_list > ul > li:not(:last-child) {
margin-bottom: 20px;
}
.cart_sidebar .cart_item {
display: flex;
padding: 0px 30px;
position: relative;
align-items: center;
justify-content: flex-start;
}
.cart_sidebar .cart_item .remove_btn {
top: 0px;
right: 10px;
line-height: 1;
font-size: 15px;
margin-right: 10px;
position: absolute;
color: #757575;
}
.cart_sidebar .cart_item .remove_btn:hover {
color: #ff4328;
}
.cart_sidebar .cart_item .item_image {
width: 100px;
margin-right: 10px;
}
.cart_sidebar .cart_item .item_title {
font-size: 14px;
margin-bottom: 3px;
}
.cart_sidebar .total_price {
padding: 20px 30px;
margin-bottom: 20px;
border-bottom: 1px solid #dbdbdb;
}
.cart_sidebar .total_price li {
line-height: 1;
}
.cart_sidebar .total_price li:not(:last-child) {
margin-bottom: 10px;
}
.cart_sidebar .total_price span {
font-size: 18px;
font-weight: 500;
color: #222222;
}
.cart_sidebar .total_price small {
float: right;
font-size: 16px;
}
.cart_sidebar .btns_group {
padding: 0px 5px;
}
.cart_sidebar .btns_group li {
width: 50%;
padding: 5px;
text-align: center;
}
.cart_sidebar .btns_group a {
height: 50px;
display: block;
line-height: 1;
color: #ffffff;
font-size: 14px;
font-weight: 600;
padding: 0px 15px;
line-height: 52px;
text-transform: uppercase;
}
.cart_sidebar .btns_group a.bg_default_yellow {
color: #222222;
}
.cart_sidebar::-webkit-scrollbar {
width: 0px;
}
/* sidebar mobile menu - end
================================================== */
/* header - end
==================================================================================================== */
/* footer - start
==================================================================================================== */
/* footer section - start */
.footer_section {
padding-bottom: 25px;
}
.footer_section.bg_gray {
background-color: #f5f6fa;
}
.footer_section.bg_black {
background-color: #212121;
}
.footer_widget_title {
line-height: 1;
font-size: 22px;
font-weight: 500;
margin-bottom: 35px;
}
.footer_widget_area {
padding: 80px 0px;
}
.footer_bottom_boxed {
padding: 25px 50px;
}
.footer_bottom_boxed.bg_white {
background-color: #ffffff;
}
/* footer section - start */
/* footer brand list - start */
.footer_brand_area {
padding: 60px 0px;
}
.footer_brand_area.border_bottom {
border-bottom: 1px solid #e0e0e0;
}
/* footer brand list - end */
/* footer useful links - start */
.footer_useful_links li {
line-height: 1;
}
.footer_useful_links li:not(:last-child) {
margin-bottom: 22px;
}
.footer_useful_links a {
color: #757575;
}
.footer_useful_links a:hover {
color: #ff4328;
}
/* footer useful links - end */
/* footer contact form - start */
.footer_contact_form .form_item input {
height: 55px;
color: #ffffff;
background-color: #1a1e5d;
}
.footer_contact_form .form_item input:-moz-placeholder {
color: #d4d7ff;
}
.footer_contact_form .form_item input::-moz-placeholder {
color: #d4d7ff;
}
.footer_contact_form .form_item input:-ms-input-placeholder {
color: #d4d7ff;
}
.footer_contact_form .form_item input::-webkit-input-placeholder {
color: #d4d7ff;
}
.footer_contact_form .form_item .submit_btn {
height: 55.5px;
min-width: 55px;
line-height: 57px;
font-size: 18px;
color: #ffffff;
text-align: center;
background-color: #ff4328;
}
/* footer contact form - end */
/* footer hotline - start */
.footer_hotline {
display: block;
line-height: 1;
font-size: 18px;
color: #222222;
font-family: 'Rubik', sans-serif;
}
.footer_hotline i {
margin-right: 10px;
color: #ff4328;
}
/* footer hotline - end */
/* author links - start */
.author_links {
color: #ff4328;
}
/* author links - end */
/* footer about - start */
.footer_about.bg_black {
background-color: #171717;
}
/* footer about - end */
/* footer contact info list - start */
.footer_contact_info li {
display: flex;
align-items: center;
}
.footer_contact_info li:not(:last-child) {
margin-bottom: 30px;
}
.footer_contact_info .item_icon {
width: 40px;
height: 40px;
color: #ffffff;
line-height: 44px;
border-radius: 5px;
text-align: center;
margin-right: 15px;
}
.footer_contact_info .item_icon.bg_default_yellow {
color: #222222;
}
.footer_contact_info h4 {
line-height: 1;
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
color: #757575;
font-family: 'Hind', sans-serif;
text-transform: uppercase;
}
.footer_contact_info p {
margin: 0px;
line-height: 1;
font-size: 18px;
font-family: 'Rubik', sans-serif;
}
/* footer contact info list - end */
/* footer newsletter boxed - start */
.footer_newsletter_boxed {
padding: 35px 50px;
background-color: #171717;
}
.footer_newsletter_boxed .newsletter_title {
font-size: 22px;
line-height: 1.273;
margin-bottom: 0px;
}
.footer_newsletter_boxed .form_list > li:not(:last-child) {
margin-right: 7px;
}
.footer_newsletter_boxed input {
height: 55px;
width: 280px;
outline: none;
display: block;
color: #ffffff;
padding: 0px 30px;
border: 1px solid #272727;
background-color: transparent;
transition: all 0.3s ease-in-out;
}
.footer_newsletter_boxed input:focus {
border-color: #fec931;
}
.footer_newsletter_boxed input:-moz-placeholder {
color: #595959;
}
.footer_newsletter_boxed input::-moz-placeholder {
color: #595959;
}
.footer_newsletter_boxed input:-ms-input-placeholder {
color: #595959;
}
.footer_newsletter_boxed input::-webkit-input-placeholder {
color: #595959;
}
.footer_newsletter_boxed .icon_btn {
width: 55px;
height: 55px;
font-size: 18px;
line-height: 59px;
}
/* footer newsletter boxed - end */
/* footer white content - start */
.footer_section .text-white p {
color: #b2b5ec;
}
.text-white .footer_widget_title {
color: #ffffff;
margin-bottom: 35px;
}
.text-white .footer_brand_area.border_bottom {
border-bottom: 1px solid #24296f;
}
.text-white .footer_useful_links a {
color: #b2b5ec;
}
.text-white .footer_useful_links a:hover {
color: #ff4328;
}
.text-white .small_blog .item_title > a {
color: #ffffff;
}
.text-white .small_blog:hover .item_title > a {
color: #ff4328;
}
.text-white .small_blog .post_date {
color: #b2b5ec;
}
.text-white .footer_contact_form .form_item input {
background-color: #1f2366;
}
.text-white .footer_hotline {
color: #b2b5ec;
}
.text-white .footer_bottom_boxed {
background-color: #1f2366;
}
.text-white .circle_social_links a {
color: #ababab;
background-color: #292d77;
}
.text-white .circle_social_links a:hover i {
color: #ffffff;
}
.text-white .author_links {
color: #fec931;
}
.text-white .footer_contact_info p {
color: #ffffff;
}
.text-white .footer_newsletter_boxed {
margin-top: 47px;
}
.text-white .footer_newsletter_boxed .newsletter_title {
color: #ffffff;
}
/* footer white content - end */
/* secondary footer - start
================================================== */
.secondary_footer {
z-index: 1;
padding: 80px 0px;
position: relative;
}
.secondary_footer .border_shapes {
top: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
width: 100%;
position: absolute;
background-size: auto;
background-position: right center;
}
.secondary_footer.text-white p {
color: #979797;
}
.secondary_footer.text-white a {
color: #979797;
}
.secondary_footer.text-white a:hover {
color: #fec931;
}
.secondary_footer.text-white .footer_contact_info p {
color: #ffffff;
}
.secondary_footer .footer_about {
margin-top: -80px;
padding: 80px 45px 30px;
}
.secondary_footer .footer_about .brand_logo {
display: none;
}
.secondary_footer .circle_social_links a {
width: 50px;
height: 50px;
background-color: #212121;
}
.secondary_footer .copyright_text {
padding: 22px 35px;
background-color: #212121;
}
.secondary_footer .copyright_text .author_links {
color: #fec931;
}
.secondary_footer .copyright_text .author_links:hover {
color: #ff4328;
}
.secondary_footer .footer_widget_area {
padding: 0px;
padding-left: 40px;
}
.secondary_footer .small_blog .item_title > a {
line-height: 1.556;
}
.secondary_footer .small_blog:hover .item_title > a {
color: #fec931;
}
.secondary_footer .small_blog .post_date {
color: #979797;
}
.secondary_footer .small_blog .post_date i {
color: #fec931;
}
/* secondary footer - end
================================================== */
/* footer - end
==================================================================================================== */
/* breadcrumb - start
==================================================================================================== */
.breadcrumb_section {
z-index: 1;
min-height: 365px;
padding: 80px 0px;
position: relative;
}
.breadcrumb_section:before {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: '';
z-index: -1;
position: absolute;
background-color: rgba(4, 7, 57, 0.4);
}
.page_title {
color: #ffffff;
line-height: 1;
font-size: 70px;
letter-spacing: -2.5px;
}
.breadcrumb_nav > li {
line-height: 1;
color: #ffffff;
font-size: 24px;
position: relative;
}
.breadcrumb_nav > li:not(:last-child) {
margin-right: 25px;
padding-right: 25px;
}
.breadcrumb_nav > li:after {
top: 50%;
right: -3px;
font-size: 18px;
font-weight: 400;
content: 'ï„…';
position: absolute;
transform: translateY(-50%);
font-family: 'Font Awesome 5 Pro';
}
.breadcrumb_nav > li:last-child:after {
display: none;
}
.breadcrumb_nav a {
display: block;
line-height: 1;
color: #ffffff;
}
.breadcrumb_nav a:hover {
color: #ff4328;
}
/* breadcrumb - end
==================================================================================================== */
/* sidebar - start
==================================================================================================== */
/* sidebar section - start */
.sidebar_section .widget {
padding: 50px 40px;
background-color: #ffffff;
}
.sidebar_section .widget:not(:last-child) {
margin-bottom: 30px;
}
.sb_widget_title {
line-height: 1;
font-size: 24px;
margin-bottom: 25px;
}
.sb_widget_title.bottom_line {
font-size: 20px;
position: relative;
padding-bottom: 18px;
}
.sb_widget_title.bottom_line:after,
.sb_widget_title.bottom_line:before {
bottom: 0px;
height: 2px;
content: '';
position: absolute;
background-color: #ff4328;
}
.sb_widget_title.bottom_line:before {
left: 0px;
width: 10px;
}
.sb_widget_title.bottom_line:after {
left: 17px;
width: 25px;
}
/* sidebar section - end */
/* service category - start */
.sb_service_category li:not(:last-child) {
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #eaeaea;
}
.sb_service_category a {
display: block;
line-height: 1;
font-size: 18px;
font-weight: 500;
position: relative;
padding-right: 70px;
color: #222222;
font-family: 'Rubik', sans-serif;
}
.sb_service_category a:before {
top: 0px;
bottom: 0px;
right: 70px;
content: '';
width: 1px;
position: absolute;
background-color: #dcdcdc;
}
.sb_service_category a:after {
top: 50%;
right: 0px;
content: 'ï…¸';
font-weight: 400;
position: absolute;
transform: translateY(-50%);
font-family: 'Font Awesome 5 Pro';
}
.sb_service_category a:hover {
color: #ff4328;
}
/* service category - end */
/* download btns - start */
.sb_download_btns .btns_group li:not(:last-child) {
margin-bottom: 10px;
}
.sb_download_btns .custom_btn {
width: 100%;
}
.sb_download_btns .share_links {
margin-top: 24px;
}
/* download btns - end */
/* search box - start */
.sb_search_box .form_item input {
padding: 0px 35px;
border-radius: 45px;
background-color: #f5f6fa;
}
.sb_search_box .form_item .input_icon {
right: 35px;
}
.sb_search_box_2 .submit_btn {
width: 65px;
height: 65px;
color: #ffffff;
font-size: 16px;
line-height: 67px;
text-align: center;
position: absolute;
border-radius: 5px;
}
/* search box - end */
/* service list - start */
.sb_service_list li:not(:last-child) {
border-bottom: 5px solid #f5f6fa;
}
.sb_service_list a {
line-height: 1;
display: block;
font-size: 18px;
font-weight: 500;
position: relative;
padding: 23.5px 35px;
color: #757575;
}
.sb_service_list a:before {
top: 50%;
right: 35px;
line-height: 1;
font-weight: 400;
content: 'ï„…';
position: absolute;
transform: translateY(-50%);
font-family: 'Font Awesome 5 Pro';
}
.sb_service_list a:hover {
color: #ffffff;
background-color: #ff4328;
}
/* service list - end */
/* service list - start */
.sb_recent_works li:not(:last-child) {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #dbdbdb;
}
.sb_recent_works .small_blog .item_image {
width: 85px;
}
/* service list - end */
/* photo gallery - start */
.sb_photo_gallery ul {
margin: -10px;
}
.sb_photo_gallery li {
padding: 10px;
flex: 0 0 50%;
max-width: 50%;
}
.sb_photo_gallery a {
display: block;
overflow: hidden;
position: relative;
background-color: #1a1e5d;
}
.sb_photo_gallery a > img {
transition: all 0.3s ease-in-out;
}
.sb_photo_gallery a i {
top: 50%;
left: 50%;
z-index: 1;
opacity: 0;
color: #ffffff;
line-height: 1;
font-size: 35px;
margin-top: 15px;
position: absolute;
transition: all 0.3s ease-in-out;
transform: translate(-50%, -50%);
}
.sb_photo_gallery a:hover > img {
opacity: 0.3;
}
.sb_photo_gallery a:hover i {
opacity: 1;
margin-top: 0px;
}
/* photo gallery - end */
/* tag list - start */
.sb_tag_list ul {
margin: -3px;
}
.sb_tag_list li {
padding: 3px;
}
.sb_tag_list a {
height: 32px;
display: block;
font-size: 14px;
font-weight: 500;
line-height: 34px;
padding: 0px 12px;
color: #757575;
background-color: #ffffff;
box-shadow: 0px 0px 30px 0px rgba(162, 162, 162, 0.27);
}
.sb_tag_list a:hover {
color: #ffffff;
background-color: #ff4328;
}
.sb_tag_list_2 ul {
margin: -3px;
}
.sb_tag_list_2 li {
padding: 3px;
}
.sb_tag_list_2 a {
height: 40px;
display: block;
font-size: 14px;
line-height: 42px;
padding: 0px 20px;
border-radius: 5px;
text-align: center;
color: #757575;
background-color: #f5f6fa;
}
.sb_tag_list_2 a:hover {
color: #ffffff;
background-color: #ff4328;
}
/* tag list - end */
/* tag list - start */
.sb_cta {
z-index: 1;
display: flex;
min-height: 455px;
position: relative;
align-items: center;
justify-content: center;
}
.sb_cta:before {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: '';
z-index: -1;
opacity: 0.851;
position: absolute;
background-color: #1a1e5d;
}
.sb_cta .title_text {
font-size: 38px;
padding-top: 35px;
line-height: 1.053;
position: relative;
margin-bottom: 22px;
}
.sb_cta .title_text:before {
top: 0px;
left: 50%;
width: 50px;
height: 3px;
content: '';
position: absolute;
transform: translateX(-50%);
background-color: #fec931;
}
.sb_cta p {
margin-bottom: 23px;
}
.sb_cta .custom_btn {
padding: 10px 30px;
}
.sb_cta .custom_btn span {
width: 35px;
height: 35px;
line-height: 39px;
margin-left: 30px;
margin-right: -20px;
}
/* tag list - end */
/* category list - start */
.sb_category_list li:not(:last-child) {
margin-bottom: 8px;
}
.sb_category_list a {
font-weight: 500;
color: #757575;
}
.sb_category_list a:hover {
color: #ff4328;
}
/* category list - end */
/* pricing range - start */
.price-range-area {
padding-top: 7px;
}
.price-range-area .slider-range {
height: 6px;
border: none;
border-radius: 45px;
background-color: #ededee;
}
.price-range-area .ui-slider-range {
border: none;
border-radius: 45px;
background-color: #ff4328;
}
.price-range-area .ui-state-default {
top: -7px;
width: 20px;
height: 20px;
border: none;
outline: none;
border-radius: 100%;
border: 6px solid #ffffff;
background-color: #ff4328;
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}
.price-range-area .price-text {
font-size: 14px;
font-weight: 600;
margin-top: 25px;
color: #757575;
}
.price-range-area .price-text span {
float: left;
margin-right: 15px;
}
.price-range-area .price-text input {
border: none;
font-weight: 600;
color: #222222;
display: inline-block;
}
/* pricing range - end */
/* sidebar - end
==================================================================================================== */
/* testimonial page - start
==================================================================================================== */
/* testimonial section - start */
.testimonial_section {
z-index: 1;
position: relative;
}
.testimonial_section.bg_gray {
background-color: #f5f6fa;
}
.testimonial_section .decoration_images_1 {
top: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
width: 545px;
position: absolute;
}
.testimonial_section .decoration_images_1:before {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: '';
z-index: -1;
position: absolute;
background-color: #1a1e5d;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 110px 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 110px 100%);
}
.testimonial_section .deco_image {
z-index: 2;
position: absolute;
}
.testimonial_section .deco_image_1 {
top: -71px;
right: 70px;
max-width: 283px;
}
.testimonial_section .deco_image_2 {
top: 143px;
left: -68px;
max-width: 212px;
}
.testimonial_section .deco_image_3 {
top: 294px;
right: 29px;
max-width: 245px;
}
.testimonial_section .deco_image_4 {
top: 457px;
left: -33px;
max-width: 215px;
}
.testimonial_section .shape_image_1 {
top: 90px;
left: 280px;
z-index: -1;
max-width: 80px;
}
.testimonial_section .shape_image_2 {
left: 88px;
top: 421px;
z-index: -1;
max-width: 115px;
}
.testimonial_auto_wrap {
margin: auto;
max-width: 530px;
}
/* testimonial section - end */
/* testimonial primary - start */
.testimonial_primary .content_wrap {
padding: 40px;
min-height: 200px;
position: relative;
margin-bottom: 40px;
background-color: #ffffff;
box-shadow: 0px 10px 30px 0px rgba(237, 237, 237, 0.78);
}
.testimonial_primary .content_wrap:before {
left: 40px;
bottom: -30px;
width: 0px;
height: 0px;
content: '';
position: absolute;
border-top: 30px solid transparent;
border-left: 30px solid #ffffff;
border-right: 30px solid transparent;
border-bottom: 30px solid transparent;
}
.testimonial_primary p {
margin: 0px;
color: #222222;
}
.testimonial_primary p.font_24 {
font-size: 24px;
line-height: 1.458;
color: #222222;
}
.testimonial_primary p strong {
display: block;
color: #1a1e5d;
margin-top: 15px;
font-weight: 500;
}
.testimonial_primary .quote_icon {
right: 32px;
bottom: 35px;
opacity: 0.04;
max-width: 72px;
position: absolute;
}
.testimonial_primary .hero_info_wrap {
display: flex;
padding-left: 25px;
align-items: center;
}
.testimonial_primary .hero_thumbnail {
width: 60px;
height: 60px;
overflow: hidden;
margin-right: 20px;
border-radius: 100%;
}
.testimonial_primary .hero_name {
line-height: 1;
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
letter-spacing: -0.48px;
}
.testimonial_primary .hero_title {
line-height: 1;
display: block;
font-size: 13px;
color: #ff4328;
text-transform: uppercase;
}
/* testimonial primary - end */
/* testimonial carousel - start */
.testimonial_carousel {
z-index: 1;
margin-top: 40px;
position: relative;
}
.testimonial_carousel:before {
top: 0px;
left: -10px;
content: '';
z-index: -1;
width: 135px;
height: 135px;
position: absolute;
background-color: #ff4328;
}
.testimonial_carousel .owl-stage-outer {
padding-top: 10px;
}
.testimonial_carousel .owl-nav,
.testimonial_carousel .owl-dots {
display: none;
}
/* testimonial carousel - end */
/* creative testimonial carousel - start */
.testimonial_person_image {
z-index: 2;
float: left;
width: 500px;
position: relative;
margin-top: -235px;
margin-left: -120px;
border: 15px solid #ffffff;
}
.creative_testimonial_carousel {
padding: 50px 70px;
margin-right: -19px;
margin-bottom: 55px;
padding-bottom: 130px;
background-color: #f5f6fa;
}
.creative_testimonial_carousel .testimonial_primary {
margin: 0px;
max-width: 530px;
padding-top: 30px;
padding-left: 40px;
}
.creative_testimonial_carousel .testimonial_primary .content_wrap {
z-index: 1;
padding: 0px;
box-shadow: none;
min-height: auto;
margin-bottom: 30px;
background-color: transparent;
}
.creative_testimonial_carousel .testimonial_primary .content_wrap:before {
top: -30px;
left: -40px;
z-index: -1;
width: 75px;
height: 75px;
border: none;
bottom: unset;
background-color: #ffffff;
}
.creative_testimonial_carousel .testimonial_primary p {
font-size: 30px;
line-height: 1.333;
color: #222222;
}
.creative_testimonial_carousel .testimonial_primary .hero_info_wrap {
padding-left: 0px;
}
.creative_testimonial_carousel .testimonial_primary .quote_icon {
right: 45px;
bottom: -85px;
max-width: 255px;
}
.creative_testimonial_carousel .owl-nav {
width: 100%;
display: flex;
margin-top: 50px;
padding-left: 40px;
}
.creative_testimonial_carousel .owl-nav button {
float: left;
display: inline-block;
}
.creative_testimonial_carousel .owl-nav button:not(:last-child) {
margin-right: 5px;
}
.creative_testimonial_carousel .owl-nav .owl-next,
.creative_testimonial_carousel .owl-nav .owl-prev {
width: 45px;
height: 45px;
}
.creative_testimonial_carousel .owl-nav .owl-next:before,
.creative_testimonial_carousel .owl-nav .owl-prev:before {
border: none;
font-size: 15px;
line-height: 45px;
border-radius: 0px;
color: #222222;
background-color: #fec931;
}
.creative_testimonial_carousel .owl-nav .owl-next:hover:before,
.creative_testimonial_carousel .owl-nav .owl-prev:hover:before {
color: #ffffff;
background-color: #ff4328;
}
.orange_shape {
right: -67px;
bottom: 0px;
z-index: -1;
width: 727px;
height: 588px;
position: absolute;
background-color: #ff4328;
}
/* creative testimonial carousel - end */
/* testimonial page - end
==================================================================================================== */
/* feature section - start
==================================================================================================== */
/* feature section - start */
.feature_section.bg_gray {
background-color: #f5f6fa;
}
.triangle_shape {
top: 0px;
left: 0px;
width: 50%;
bottom: 0px;
position: absolute;
background-color: #ecedf2;
-webkit-clip-path: polygon(0 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 100%, 0% 100%);
}
.feature_image_1 {
z-index: 1;
max-width: 505px;
padding: 0px 15px;
position: relative;
margin: 50px auto 0px;
}
.feature_image_1:before {
top: 17px;
left: 0px;
right: 0px;
bottom: 17px;
z-index: -1;
content: '';
position: absolute;
border: 3px solid #1a1e5d;
}
.feature_content p {
color: #222222;
}
.stairs_wrap .stair_col:nth-child(1) {
padding-top: 160px;
}
.stairs_wrap .stair_col:nth-child(2) {
padding-top: 80px;
}
/* feature section - end */
/* feature primary - start */
.feature_primary,
.feature_primary_2 {
max-width: 300px;
}
.feature_primary .item_icon,
.feature_primary_2 .item_icon {
width: 60px;
height: 60px;
color: #ffffff;
font-size: 22px;
line-height: 66px;
text-align: center;
border-radius: 100%;
}
.feature_primary .item_title,
.feature_primary_2 .item_title {
line-height: 1;
font-size: 22px;
font-weight: 500;
margin-bottom: 17px;
}
.feature_primary p,
.feature_primary_2 p {
font-size: 14px;
margin-bottom: 13px;
}
.feature_primary {
margin-top: 50px;
}
.feature_primary .item_icon {
float: left;
margin-right: 20px;
}
.feature_primary .item_content {
display: table;
}
.feature_primary_2 {
margin-top: 40px;
}
.feature_primary_2 .item_icon {
margin-bottom: 20px;
}
/* feature primary - end */
/* feature list layout boxed - start */
.feature_listlayout_boxed {
max-width: 370px;
padding: 30px 35px;
margin: 30px auto 0px;
background-color: #ffffff;
}
.feature_listlayout_boxed .item_icon {
float: left;
width: 75px;
height: 75px;
color: #ffffff;
display: flex;
font-size: 32px;
text-align: center;
margin-right: 25px;
border-radius: 100%;
align-items: center;
justify-content: center;
}
.feature_listlayout_boxed .item_content {
display: table;
}
.feature_listlayout_boxed .item_title {
line-height: 1;
font-size: 22px;
margin-bottom: 11px;
}
.feature_listlayout_boxed p {
line-height: 1.6;
margin-bottom: 12px;
}
/* feature list layout boxed - end */
/* feature list layout boxed 2 - start */
.feature_listlayout_boxed2 {
max-width: 600px;
overflow: hidden;
position: relative;
padding: 80px 100px;
transition: all 0.3s ease-in-out;
}
.feature_listlayout_boxed2 .deco_image {
opacity: 0;
transition: all 0.3s ease-in-out;
}
.feature_listlayout_boxed2 .shape_1 {
top: 0px;
right: 0px;
max-width: 119px;
transform: translateX(40px);
}
.feature_listlayout_boxed2 .shape_2 {
left: 92px;
bottom: 0px;
max-width: 340px;
transform: translateX(-40px);
}
.feature_listlayout_boxed2:hover .deco_image {
opacity: 1;
transform: translateX(0px);
}
.feature_listlayout_boxed2 .item_icon {
float: left;
width: 100px;
height: 100px;
display: flex;
margin-right: 30px;
align-items: center;
border-radius: 100%;
justify-content: center;
border: 7px solid #ffffff;
background-color: #ff4328;
box-shadow: 0px 10px 60px 0px rgba(194, 194, 194, 0.4);
}
.feature_listlayout_boxed2 .item_content {
display: table;
}
.feature_listlayout_boxed2 .item_type {
display: block;
line-height: 1;
font-size: 15px;
margin-bottom: 15px;
color: #ff4328;
font-family: 'Pacifico', cursive;
}
.feature_listlayout_boxed2 .item_title {
font-size: 24px;
margin-bottom: 15px;
}
.feature_listlayout_boxed2 p {
margin-bottom: 15px;
}
.feature_listlayout_boxed2 p,
.feature_listlayout_boxed2 .item_icon,
.feature_listlayout_boxed2 .item_type,
.feature_listlayout_boxed2 .item_title {
transition: all 0.3s ease-in-out;
}
.feature_listlayout_boxed2 .text_btn span {
transition: all 0.3s ease-in-out;
}
.feature_listlayout_boxed2 .text_btn span:before {
background: #ffffff;
}
.feature_listlayout_boxed2:hover {
background-color: #ff4328;
}
.feature_listlayout_boxed2:hover p,
.feature_listlayout_boxed2:hover .item_icon,
.feature_listlayout_boxed2:hover .item_type,
.feature_listlayout_boxed2:hover .item_title {
color: #ffffff;
}
.feature_listlayout_boxed2:hover .item_icon {
background-color: #fec931;
}
.feature_listlayout_boxed2:hover .text_btn span {
color: #ffffff;
}
.feature_listlayout_boxed2:hover .text_btn i {
color: #ffffff;
}
/* feature list layout boxed 2 - end */
/* feature list layout boxed - start */
.feature_card {
z-index: 1;
max-width: 370px;
padding: 0px 18px;
text-align: center;
position: relative;
margin: 30px auto 0px;
}
.feature_card:before {
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
content: '';
height: 50%;
position: absolute;
background-color: #ffffff;
box-shadow: 0px 10px 60px 0px rgba(236, 236, 236, 0.78);
}
.feature_card .item_image {
display: block;
overflow: hidden;
position: relative;
}
.feature_card .plus_effect:after,
.feature_card .plus_effect:before {
background-color: #ffffff;
}
.feature_card .plus_effect:before {
width: 120px;
}
.feature_card .plus_effect:after {
height: 120px;
}
.feature_card .plus_effect:hover > img {
opacity: 0.369;
}
.feature_card .plus_effect:hover:before,
.feature_card .plus_effect:hover:after {
opacity: 1;
transition-delay: 0.2s;
}
.feature_card .plus_effect:hover:before {
width: 85px;
}
.feature_card .plus_effect:hover:after {
height: 85px;
}
.feature_card:hover .plus_effect > img {
opacity: 0.369;
}
.feature_card:hover .plus_effect:before,
.feature_card:hover .plus_effect:after {
opacity: 1;
transition-delay: 0.2s;
}
.feature_card:hover .plus_effect:before {
width: 85px;
}
.feature_card:hover .plus_effect:after {
height: 85px;
}
.feature_card .item_content {
padding: 30px 15px;
}
.feature_card .item_type {
line-height: 1;
display: block;
margin-bottom: 15px;
color: #ff4328;
font-family: 'Pacifico', cursive;
}
.feature_card .item_title {
line-height: 1;
font-size: 24px;
margin-bottom: 0px;
}
/* feature list layout boxed - end */
/* feature section - end
==================================================================================================== */
/* brand section - start
==================================================================================================== */
/* brand section - start */
.brand_section.bg_gray {
background-color: #f5f6fa;
}
/* brand section - start */
/* primary brand section - start */
.brands_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.primary_brand_section .brand_logo {
display: flex;
min-height: 150px;
align-items: center;
justify-content: center;
}
/* primary brand section - end */
/* brand section - end
==================================================================================================== */
/* funfact - start
==================================================================================================== */
/* funfact section - start */
.funfact_wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
background-color: #ffffff;
}
.funfact_item {
flex: 0 0 25%;
max-width: 25%;
display: flex;
min-height: 335px;
padding: 50px 30px;
align-items: center;
justify-content: center;
}
.funfact_item:not(:last-child) {
border-right: 1px solid #ececec;
}
.funfact_item .item_icon {
width: 110px;
height: 110px;
display: flex;
align-items: center;
margin: 0px auto 30px;
justify-content: center;
border: 1px solid #dfdfdf;
}
.funfact_item .item_icon span {
width: 80px;
height: 80px;
display: flex;
color: #ffffff;
font-size: 30px;
align-items: center;
justify-content: center;
}
.funfact_item .item_icon span.bg_default_yellow {
color: #222222;
}
.funfact_item .counte_text {
display: block;
line-height: 1;
font-size: 35px;
font-weight: 500;
margin-bottom: 14px;
color: #222222;
font-family: 'Rubik', sans-serif;
}
.funfact_item .item_title {
line-height: 1;
font-size: 15px;
font-weight: 500;
margin-bottom: 0px;
color: #757575;
font-family: 'Hind', sans-serif;
}
.funfact_bordered {
background-color: transparent;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
}
.funfact_bordered .funfact_item {
display: flex;
min-height: 465px;
align-items: center;
justify-content: center;
}
/* funfact section - start */
/* funfact - end
==================================================================================================== */
/* about page - start
==================================================================================================== */
/* about section - start */
.about_section {
z-index: 1;
position: relative;
}
.about_section.bg_gray {
background-color: #f5f6fa;
}
.about_section .cricle_border {
top: 0px;
left: 0px;
right: 0px;
z-index: -1;
display: block;
text-align: center;
position: absolute;
}
.about_image_1 {
padding-right: 25px;
}
.about_image_2 {
z-index: 1;
position: relative;
background-color: #1a1e5d;
}
.about_image_2:before {
top: -10px;
left: -10px;
z-index: -1;
width: 250px;
height: 250px;
content: '';
position: absolute;
background-color: #ff4328;
}
.about_image_2:after {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: '';
opacity: 0.2;
position: absolute;
background-color: #1a1e5d;
}
.about_image_2 img {
width: 100%;
display: block;
}
.about_image_2 .play_btn {
top: 50%;
left: 50%;
z-index: 2;
position: absolute;
transform: translate(-50%, -50%);
border: 3px solid rgba(255, 255, 255, 0.49);
}
.about_image_2 .play_btn:before,
.about_image_2 .play_btn:after {
border: 3px solid rgba(255, 255, 255, 0.49);
}
.about_content {
padding-left: 30px;
}
.about_content .section_title {
margin-bottom: 20px;
}
.about_content p {
margin-bottom: 22px;
}
.about_content p span {
font-size: 18px;
color: #222222;
}
.about_content .experience_image {
float: left;
max-width: 190px;
margin-right: 30px;
}
.avatar_wrap {
display: flex;
align-items: center;
}
.avatar_wrap .avatar_image {
width: 70px;
height: 70px;
overflow: hidden;
margin-right: 20px;
border-radius: 100%;
}
.avatar_wrap .avatar_name {
line-height: 1;
font-size: 24px;
font-weight: 700;
margin-bottom: 10px;
}
.avatar_wrap .avatar_title {
line-height: 1;
display: block;
font-weight: 600;
color: #ff4328;
text-transform: uppercase;
}
.about_certificate {
max-width: 250px;
margin-top: 40px;
}
.about_certificate .item_icon {
float: left;
margin-right: 15px;
}
.about_certificate .item_content {
display: table;
}
.about_certificate .item_title {
font-size: 22px;
margin-bottom: 5px;
}
.about_certificate p {
margin: 0px;
font-size: 15px;
line-height: 1.6;
}
/* about section - start */
/* about page - end
==================================================================================================== */
/* service page - start
==================================================================================================== */
/* service section - start */
.service_section.bg_gray {
background-color: #f5f6fa;
}
/* service section - end */
/* service grid - start */
.service_grid {
max-width: 370px;
margin: 50px auto 0px;
}
.service_grid .item_image {
overflow: hidden;
position: relative;
}
.service_grid .item_content {
z-index: 1;
max-width: 330px;
padding: 40px 35px;
position: relative;
text-align: center;
margin: -40px auto 0px;
background-color: #ffffff;
}
.service_grid .item_content.bg_gray {
background-color: #f5f6fa;
}
.service_grid .bg_icon {
top: 50%;
left: 50%;
z-index: -1;
opacity: 0.04;
max-width: 155px;
position: absolute;
transform: translate(-50%, -50%);
}
.service_grid .item_title {
line-height: 1;
font-size: 22px;
font-weight: 500;
margin-bottom: 12px;
}
.service_grid p {
margin: 0px;
line-height: 1.867;
}
.service_grid .icon_btn {
top: -20px;
right: 15px;
z-index: 2;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 13px;
line-height: 42px;
position: absolute;
background-color: #fec931;
}
.service_grid .icon_btn:before {
background: #ff4328;
}
.service_grid:hover .icon_btn:before {
left: 0px;
width: 100%;
right: auto;
}
/* service grid - end */
/* service grid 2 - start */
.service_grid_2 {
max-width: 570px;
margin: 30px auto 0px;
background-color: #f5f6fa;
}
.service_grid_2 .item_image {
display: block;
overflow: hidden;
position: relative;
}
.service_grid_2 .item_content_wrap {
padding: 60px 50px 68px;
}
.service_grid_2 .item_icon {
float: left;
width: 90px;
height: 90px;
line-height: 92px;
margin-right: 30px;
text-align: center;
border-radius: 100%;
}
.service_grid_2 .item_content {
display: table;
}
.service_grid_2 .item_title {
line-height: 1;
font-size: 24px;
margin-bottom: 15px;
}
/* service grid 2 - end */
/* service boxed - start */
.service_boxed {
max-width: 270px;
padding: 45px 35px;
margin: 30px auto 0px;
}
.service_boxed .item_icon {
height: 80px;
display: flex;
align-items: center;
margin-bottom: 27px;
justify-content: center;
}
.service_boxed .item_title {
line-height: 1;
font-size: 22px;
margin-bottom: 15px;
}
.service_boxed p {
margin-bottom: 18px;
color: #222222;
}
.service_boxed .text_btn span:before {
background: #222222;
}
.service_boxed .text_btn i {
color: #222222;
}
.service_boxed.text-white p,
.service_boxed.text-white .item_title {
color: #ffffff;
}
.service_boxed.text-white .text_btn span {
color: #ffffff;
}
.service_boxed.text-white .text_btn span:before {
background: #ffffff;
}
.service_boxed.text-white .text_btn i {
color: #ffffff;
}
/* service boxed - end */
/* service list layout boxed - start */
.service_listlayout_boxed {
display: flex;
max-width: 570px;
padding: 50px 55px;
align-items: center;
margin: 30px auto 0px;
background-color: #ffffff;
}
.service_listlayout_boxed .item_image {
float: left;
max-width: 140px;
min-width: 140px;
overflow: hidden;
margin-right: 30px;
border-radius: 100%;
}
.service_listlayout_boxed .item_content {
display: table;
}
.service_listlayout_boxed .item_title {
line-height: 1;
font-size: 22px;
margin-bottom: 15px;
}
.service_listlayout_boxed p {
margin-bottom: 15px;
}
/* service list layout boxed - end */
/* service split - start */
.service_split {
max-width: 590px;
margin: 0px auto;
}
.service_split .item_image,
.service_split .item_content {
width: 50%;
float: left;
display: inline-block;
}
.service_split .item_image {
display: flex;
height: 330px;
}
.service_split .item_image img {
object-fit: cover;
}
.service_split .service_boxed {
margin: 0px;
max-width: 100%;
padding: 48.5px 35px;
}
/* service split - end */
/* service card - start */
.service_card {
max-width: 370px;
margin: 30px auto 0px;
}
.service_card .item_image {
display: block;
overflow: hidden;
position: relative;
}
.service_card .item_image > img {
transition: all 0.3s ease-in-out;
}
.service_card:hover .item_image > img {
transform: scale(1.05);
}
.service_card .item_content {
z-index: 2;
max-width: 320px;
position: relative;
padding: 25px 30px;
padding-right: 75px;
margin: -30px auto 0px;
background-color: #ffffff;
}
.service_card .item_type {
display: block;
line-height: 1;
font-size: 15px;
margin-bottom: 10px;
color: #ff4328;
font-family: 'Pacifico', cursive;
}
.service_card .item_title {
line-height: 1;
font-size: 20px;
}
.service_card .icon_btn {
top: 50%;
right: 30px;
width: 45px;
height: 45px;
font-size: 14px;
line-height: 47px;
position: absolute;
transform: translateY(-50%);
}
/* service card - end */
/* service page - end
==================================================================================================== */
/* portfolio page - start
==================================================================================================== */
/* portfolio section - start */
.portfolio_section.bg_gray {
background-color: #f5f6fa;
}
/* portfolio section - end */
/* metro portfolio grid - start */
.metro_portfolio_grid .grid-item,
.metro_portfolio_grid .grid-sizer {
width: 25%;
float: left;
display: inline-block;
}
.metro_portfolio_grid .w_50 {
width: 50%;
}
/* metro portfolio grid - end */
/* masonry portfolio grid - start */
.masonry_portfolio_grid {
margin: 15px 40px;
margin-bottom: -15px;
}
.masonry_portfolio_grid .grid-item,
.masonry_portfolio_grid .grid-sizer {
width: 25%;
}
.masonry_portfolio_grid .w_50 {
width: 50%;
}
.masonry_portfolio_grid .grid-item {
padding: 15px;
}
/* masonry portfolio grid - end */
/* portfolio fullimage - start */
.portfolio_carousel.w_1545 {
float: left;
width: 1545px;
}
.portfolio_carousel .owl-nav {
margin-top: 60px;
}
.portfolio_carousel .owl-nav .owl-next,
.portfolio_carousel .owl-nav .owl-prev {
width: 45px;
height: 45px;
}
.portfolio_carousel .owl-nav .owl-next:before,
.portfolio_carousel .owl-nav .owl-prev:before {
font-size: 14px;
line-height: 44px;
}
.portfolio_fullimage {
position: relative;
}
.portfolio_fullimage .title_wrap {
right: 20px;
bottom: 20px;
padding: 10px;
padding-left: 25px;
position: absolute;
align-items: center;
display: inline-flex;
background-color: #ffffff;
justify-content: space-between;
}
.portfolio_fullimage .icon_btn {
width: 45px;
height: 45px;
color: #ffffff;
font-size: 14px;
line-height: 49px;
margin-left: 25px;
background-color: #ff4328;
}
.portfolio_fullimage .icon_btn:before {
background: #fec931;
}
.portfolio_fullimage .icon_btn:hover {
color: #222222;
}
.portfolio_fullimage .item_title {
font-size: 20px;
}
/* portfolio fullimage - end */
/* portfolio page - end
==================================================================================================== */
/* blog page - start
==================================================================================================== */
/* blog section - start */
.blog_section.bg_gray {
background-color: #f5f6fa;
}
/* blog section - end */
/* small blog - start */
.recent_works_list li:not(:last-child) {
margin-bottom: 30px;
}
.small_blog {
max-width: 320px;
}
.small_blog .item_image {
float: left;
width: 70px;
display: block;
overflow: hidden;
position: relative;
margin-right: 20px;
}
.small_blog .item_content {
display: table;
}
.small_blog .item_title {
margin-bottom: 6px;
}
.small_blog .item_title > a {
font-size: 18px;
font-weight: 500;
color: #222222;
font-family: 'Rubik', sans-serif;
}
.small_blog:hover .item_title > a {
color: #ff4328;
}
.small_blog .post_date,
.small_blog .post_admin {
display: block;
line-height: 1;
}
.small_blog .post_date i,
.small_blog .post_admin i {
margin-right: 6px;
color: #ff4328;
}
.small_blog .post_meta > li {
font-size: 14px;
}
.small_blog .post_meta > li:not(:last-child) {
margin-right: 15px;
}
.small_blog .post_meta i {
margin-right: 5px;
}
/* small blog - end */
/* blog standard - start */
.blog_standard {
max-width: 770px;
margin: 30px auto 0px;
background-color: #ffffff;
}
.blog_standard .item_image {
display: block;
overflow: hidden;
position: relative;
background-color: #1a1e5d;
}
.blog_standard .item_image > img {
transition: all 0.3s ease-in-out;
}
.blog_standard:hover .item_image > img {
opacity: 0.4;
}
.blog_standard .item_content {
padding: 40px;
}
.blog_standard .post_type {
height: 30px;
color: #ffffff;
min-width: 87px;
font-size: 14px;
font-weight: 500;
line-height: 34px;
padding: 0px 20px;
text-align: center;
border-radius: 5px;
margin-bottom: 26px;
text-transform: uppercase;
}
.blog_standard .item_title {
margin-bottom: 20px;
}
.blog_standard .item_title > a {
font-size: 30px;
font-weight: 700;
line-height: 1.333;
color: #222222;
}
.blog_standard:hover .item_title > a {
color: #ff4328;
}
.blog_standard .post_meta {
margin-bottom: 20px;
}
.blog_standard p {
margin-bottom: 22px;
}
/* blog standard - end */
/* blog grid 1 - start */
.blog_grid_1 {
max-width: 370px;
margin: 30px auto 0px;
background-color: #ffffff;
border: 1px solid #e9e9e9;
}
.blog_grid_1 .item_image {
display: block;
position: relative;
}
.blog_grid_1 .post_admin {
height: 80px;
display: flex;
padding: 10px 40px;
position: relative;
padding-right: 80px;
align-items: center;
border-bottom: 1px solid #e9e9e9;
}
.blog_grid_1 .admin_image {
width: 55px;
height: 55px;
overflow: hidden;
margin-right: 15px;
border-radius: 100%;
}
.blog_grid_1 .abmin_name {
line-height: 1;
font-size: 18px;
}
.blog_grid_1 .post_date {
line-height: 1;
display: block;
}
.blog_grid_1 .post_date i {
margin-right: 6px;
color: #ff4328;
}
.blog_grid_1 .icon_btn {
top: 0px;
right: 0px;
width: 80px;
height: 80px;
font-size: 24px;
line-height: 86px;
position: absolute;
}
.blog_grid_1:hover .icon_btn {
color: #ffffff;
}
.blog_grid_1:hover .icon_btn:before {
left: 0px;
width: 100%;
right: auto;
}
.blog_grid_1 .item_content {
padding: 33px 40px 37px;
}
.blog_grid_1 .item_title {
margin-bottom: 20px;
}
.blog_grid_1 .item_title > a {
display: block;
font-size: 22px;
font-weight: 500;
line-height: 1.455;
letter-spacing: -1px;
color: #222222;
font-family: 'Rubik', sans-serif;
}
.blog_grid_1:hover .item_title > a {
color: #ff4328;
}
/* blog grid 1 - end */
/* blog grid 2 - start */
.blog_grid_2 {
max-width: 370px;
margin: 30px auto 0px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.blog_grid_2 .item_image {
display: block;
overflow: hidden;
position: relative;
}
.blog_grid_2 .item_image > img {
transition: all 0.3s ease-in-out;
}
.blog_grid_2:hover .item_image > img {
transform: scale(1.05);
}
.blog_grid_2 .item_content {
padding: 39px 40px 35px;
border-bottom: 1px solid #e9e9e9;
}
.blog_grid_2 .post_category {
height: 25px;
color: #ffffff;
font-size: 13px;
min-width: 80px;
font-weight: 700;
line-height: 27px;
padding: 0px 12px;
text-align: center;
border-radius: 45px;
margin-bottom: 18px;
display: inline-block;
text-transform: uppercase;
}
.blog_grid_2 .item_title {
margin-bottom: 0px;
}
.blog_grid_2 .item_title > a {
display: block;
font-size: 22px;
line-height: 1.455;
letter-spacing: -1px;
color: #222222;
font-family: 'Rubik', sans-serif;
}
.blog_grid_2:hover .item_title > a {
color: #ff4328;
}
.blog_grid_2 .post_meta {
position: relative;
}
.blog_grid_2 .post_meta:before {
top: 0px;
left: 50%;
bottom: 0px;
width: 1px;
content: '';
position: absolute;
display: inline-block;
background-color: #e9e9e9;
transform: translateX(-50%);
}
.blog_grid_2 .post_meta li {
margin: 0px;
height: 50px;
flex: 0 0 50%;
max-width: 50%;
text-align: center;
}
.blog_grid_2 .post_meta a {
width: 100%;
height: 100%;
display: block;
line-height: 50px;
}
/* blog grid 2 - end */
/* blog full image - start */
.blog_fullimage {
z-index: 1;
max-width: 370px;
overflow: hidden;
position: relative;
margin: 30px auto 0px;
}
.blog_fullimage:before {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: '';
position: absolute;
background-image: linear-gradient(0deg, rgba(26, 30, 93, 0.9), transparent);
}
.blog_fullimage .item_content {
left: 0px;
right: 0px;
bottom: 0px;
z-index: 2;
position: absolute;
padding: 33px 40px 37px;
}
.blog_fullimage .post_admin {
position: relative;
padding: 17.5px 40px;
padding-right: 80px;
margin-bottom: 33px;
border: 1px solid rgba(255, 255, 255, 0.35);
}
.blog_fullimage .abmin_name {
line-height: 1;
font-size: 18px;
}
.blog_fullimage .post_date {
line-height: 1;
display: block;
}
.blog_fullimage .post_date i {
margin-right: 6px;
color: #fec931;
}
.blog_fullimage .icon_btn {
top: -1px;
right: -1px;
width: 80px;
height: 80px;
font-size: 24px;
line-height: 86px;
position: absolute;
}
.blog_fullimage:hover .icon_btn {
color: #ffffff;
}
.blog_fullimage:hover .icon_btn:before {
left: 0px;
width: 100%;
right: auto;
}
.blog_fullimage .item_title {
margin-bottom: 20px;
}
.blog_fullimage .item_title > a {
display: block;
font-size: 22px;
font-weight: 500;
line-height: 1.455;
letter-spacing: -1px;
color: #222222;
font-family: 'Rubik', sans-serif;
}
.blog_fullimage:hover .item_title > a {
color: #fec931;
}
.blog_fullimage.text-white .abmin_name {
color: #ffffff;
}
.blog_fullimage.text-white .item_title > a {
color: #ffffff;
}
.blog_fullimage.text-white:hover .item_title > a {
color: #fec931;
}
.blog_fullimage.text-white .post_meta a {
color: #ffffff;
}
.blog_fullimage.text-white .post_meta a:hover {
color: #fec931;
}
.blog_fullimage.text-white .post_meta i {
color: #fec931;
}
/* blog full image - end */
/* blog full image 2 - start */
.blog_fullimage_2 {
max-width: 370px;
overflow: hidden;
position: relative;
margin: 30px auto 0px;
}
.blog_fullimage_2:before {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: '';
position: absolute;
background-color: rgba(26, 30, 93, 0.749);
}
.blog_fullimage_2 .absolute_btn {
top: 40px;
z-index: 2;
right: 40px;
position: absolute;
}
.blog_fullimage_2 .text_btn span {
color: #ffffff;
}
.blog_fullimage_2 .text_btn span:before {
background: #fec931;
}
.blog_fullimage_2 .text_btn i {
color: #ffffff;
}
.blog_fullimage_2 .item_content {
left: 0px;
right: 0px;
bottom: 0px;
z-index: 2;
position: absolute;
padding: 33px 40px 35px;
}
.blog_fullimage_2 .post_meta {
margin-bottom: 12px;
}
.blog_fullimage_2 .post_meta a {
color: #ffffff;
}
.blog_fullimage_2 .post_meta a:hover {
color: #fec931;
}
.blog_fullimage_2 .post_meta i {
color: #ffffff;
}
.blog_fullimage_2 .item_title {
margin-bottom: 0px;
}
.blog_fullimage_2 .item_title > a {
color: #ffffff;
display: block;
font-size: 22px;
font-weight: 500;
line-height: 1.455;
letter-spacing: -1px;
font-family: 'Rubik', sans-serif;
}
.blog_fullimage_2:hover .item_title > a {
color: #fec931;
}
/* blog full image 2 - end */
/* blog quote - start */
.blog_quote {
padding: 50px;
padding-left: 70px;
max-width: 770px;
margin: 30px auto 0px;
}
.blog_quote .item_title {
margin-bottom: 20px;
}
.blog_quote .item_title > a {
font-size: 30px;
font-weight: 700;
line-height: 1.333;
color: #222222;
}
.blog_quote .item_title > a:hover {
opacity: 0.7;
}
.blog_quote.text-white .item_title > a {
color: #ffffff;
}
.blog_quote .post_admin {
display: block;
line-height: 1;
font-size: 18px;
font-weight: 500;
position: relative;
padding-left: 70px;
}
.blog_quote .post_admin:before {
top: 50%;
left: 0px;
width: 50px;
height: 2px;
content: '';
line-height: 1;
position: absolute;
background-color: #ededef;
transform: translateY(-50%);
}
/* blog quote - end */
/* blog page - end
==================================================================================================== */
/* shop page - start
==================================================================================================== */
/* shop section - start */
.shop_section.bg_gray {
background-color: #f5f6fa;
}
/* shop section - end */
/* product selection bar - start */
.product_selection_bar {
padding: 16px 30px;
background-color: #ffffff;
}
.product_selection_bar .select_option.float_right {
float: right;
}
.product_selection_bar .select_option.float_right .list {
right: 0px;
left: unset;
}
.product_selection_bar .select_option .nice-select {
width: auto;
padding: 0px;
height: auto;
line-height: 1;
padding-right: 20px;
display: inline-block;
background: transparent;
}
.product_selection_bar .select_option .nice-select:after {
right: 0px;
}
.product_selection_bar .select_option .nice-select span {
color: #222222;
}
.product_selection_bar .select_option .nice-select .list {
width: auto;
min-width: 230px;
}
.product_selection_bar .result_text {
margin: 0px;
font-size: 18px;
font-weight: 600;
text-align: center;
color: #222222;
}
/* product selection bar - end */
/* product card layout - start */
.product_card {
max-width: 370px;
margin: 30px auto 0px;
background-color: #ffffff;
}
.product_card.bg_gray {
background-color: #f5f6fa;
}
.product_card .item_image {
display: block;
overflow: hidden;
position: relative;
background-color: #1a1e5d;
}
.product_card .item_image > img {
width: 100%;
display: block;
transition: all 0.3s ease-in-out;
}
.product_card:hover .item_image > img {
opacity: 0.4;
}
.product_card .item_content {
padding: 21.5px 20px;
}
.product_card .item_title {
line-height: 1;
font-size: 20px;
margin-bottom: 10px;
}
.product_card .item_price {
display: block;
line-height: 1;
font-weight: 500;
color: #ff4328;
font-family: 'Rubik', sans-serif;
}
/* product card layout - end */
/* shop page - end
==================================================================================================== */
/* details pages - start
==================================================================================================== */
/* details section - start */
.details_section.bg_gray {
background-color: #f5f6fa;
}
.details_section .details_content {
padding: 50px;
background-color: #ffffff;
}
.details_section .details_content.p-0 {
background-color: transparent;
}
.details_section .details_content hr {
height: 2px;
margin-top: 60px;
margin-bottom: 60px;
}
.details_section .details_content .item_title {
font-size: 48px;
}
.details_section .details_content .title_text {
font-size: 30px;
}
.details_section .details_content .post_type {
height: 30px;
color: #ffffff;
min-width: 87px;
font-size: 14px;
font-weight: 500;
line-height: 34px;
padding: 0px 20px;
text-align: center;
border-radius: 5px;
margin-bottom: 20px;
text-transform: uppercase;
}
.details_section .details_content .share_links,
.details_section .details_content .primary_tag_list {
display: flex;
margin-top: 30px;
align-items: center;
}
.details_section .details_content .share_links {
justify-content: flex-end;
}
.details_section .details_content .addtocart_btn {
height: 40px;
display: flex;
padding: 0px 26px;
text-align: center;
align-items: center;
justify-content: center;
}
.details_section .details_content .price_text {
display: block;
font-size: 18px;
font-weight: 700;
line-height: 1px;
color: #ff4328;
}
.details_section .details_content .price_text del {
font-size: 15px;
font-weight: 500;
color: #757575;
}
.details_section .details_image > img {
width: 100%;
display: block;
}
blockquote {
margin: 40px 0px;
padding: 32px 45px 38px;
}
blockquote .blockquote_title {
font-size: 24px;
line-height: 1.458;
margin-bottom: 20px;
}
blockquote .blockquote_admin {
display: block;
line-height: 1;
font-size: 15px;
font-weight: 600;
}
blockquote .blockquote_admin i {
font-size: 18px;
margin-right: 10px;
}
.author_information {
padding: 40px;
background-color: #f5f6fa;
}
.author_information .author_thumbnail {
float: left;
width: 160px;
height: 160px;
overflow: hidden;
margin-right: 35px;
border-radius: 100%;
}
.author_information .author_content {
display: table;
}
.author_information .author_name {
line-height: 1;
font-size: 22px;
margin-bottom: 10px;
}
.author_information p {
margin-bottom: 18px;
}
.related_post .small_blog {
margin-top: 30px;
}
.related_post .small_blog .item_image {
width: 80px;
}
/* details section - end */
/* service details - start */
.service_details .details_content .title_text,
.service_details .details_content .item_title {
font-size: 35px;
}
.design_guideline_info {
display: flex;
flex-wrap: wrap;
margin-left: -50px;
margin-right: -50px;
justify-content: space-between;
}
.design_guideline_info .guideline_content {
flex: 0 0 50%;
max-width: 50%;
padding: 0px 50px;
}
.design_guideline_info .guideline_content:not(:last-child) {
border-right: 1px solid #e1e1e1;
}
.design_guideline_info .btns_group li:not(:last-child) {
margin-bottom: 10px;
}
.design_guideline_info .btns_group .custom_btn {
width: 100%;
}
.guideline_list li {
line-height: 1;
font-size: 18px;
}
.guideline_list li:not(:last-child) {
margin-bottom: 20px;
}
/* service details - end */
/* portfolio details - start */
.masonry_details_images {
margin: -15px;
}
.masonry_details_images .grid-item,
.masonry_details_images .grid-sizer {
float: left;
width: 33.333%;
display: inline-block;
}
.masonry_details_images .w_66 {
width: 66.666%;
}
.masonry_details_images .grid-item {
padding: 15px;
}
.portfolio_details_info {
padding: 50px 0px;
border-bottom: 2px solid #efefef;
}
.portfolio_details_info h4 {
line-height: 0.8;
font-size: 35px;
margin-bottom: 15px;
}
.portfolio_details_info p {
line-height: 1;
font-weight: 500;
margin-bottom: 0px;
}
.portfolio_details_info .square_social_links a {
width: 60px;
height: 60px;
font-size: 18px;
}
/* portfolio details - end */
/* blog details - start */
.blog_details .details_content .item_title {
font-size: 30px;
line-height: 1.333;
}
/* blog details - end */
/* comment area - start */
.comment_area .title_title,
.comment_form .title_title {
font-size: 30px;
}
.comment_area ul {
margin: 0px;
padding: 0px;
}
.comment_area li {
display: block;
}
.comment_area > ul > li:not(:last-child) {
margin-bottom: 50px;
}
.comment_area > ul > li li {
margin-top: 40px;
padding-left: 105px;
}
.comment_area .admin_thumbnail {
width: 80px;
float: left;
height: 80px;
overflow: hidden;
margin-right: 25px;
border-radius: 100%;
}
.comment_area .admin_thumbnail > img {
width: 100%;
display: block;
}
.comment_area .admin_content {
display: table;
}
.comment_area .admin_name {
line-height: 1;
font-size: 18px;
margin-bottom: 10px;
}
.comment_area .admin_title {
line-height: 1;
display: block;
font-weight: 500;
margin-bottom: 13px;
color: #ff4328;
}
.comment_area p {
margin-bottom: 10px;
}
.comment_area .reply_btn {
line-height: 1;
font-size: 13px;
font-weight: 500;
color: #757575;
text-transform: uppercase;
font-family: 'Rubik', sans-serif;
}
.comment_area .reply_btn:hover {
color: #ff4328;
}
.comment_area .reply_btn i {
margin-left: 5px;
}
/* comment area - end */
/* comment form - start */
.comment_form .form_item input,
.comment_form .form_item textarea {
background-color: #f5f6fa;
border: 2px solid #f5f5f5;
}
.comment_form .form_item input:focus,
.comment_form .form_item textarea:focus {
background-color: #ffffff;
border-color: #ff4328;
}
.comment_form .form_item input {
height: 70px;
}
/* comment form - end */
/* shop detsild - start */
.shop_details hr {
height: 2px;
margin-top: 80px;
margin-bottom: 80px;
background-color: #eaeaea;
}
.shop_details .shop_container {
padding: 55px;
padding-top: 130px;
max-width: 1310px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}
.shop_details .details_image {
margin-right: -30px;
}
.shop_details .details_image .tab-content {
float: left;
width: 605px;
}
.shop_details .details_image .nav {
width: 195px;
float: right;
padding-left: 30px;
}
.shop_details .details_image .nav li:not(:last-child) {
margin-bottom: 30px;
}
.shop_details .details_content {
padding: 0px;
padding-left: 55px;
}
.shop_details .details_content .item_title {
font-size: 30px;
}
.shop_details .details_content .share_links {
justify-content: flex-start;
}
.shop_details .quantity_cart > li:not(:last-child) {
margin-right: 35px;
}
.quantity_input {
display: flex;
position: relative;
align-items: center;
}
.quantity_input input {
height: 40px;
outline: none;
font-size: 15px;
max-width: 80px;
font-weight: 500;
margin: 0px 10px;
padding: 0px 10px;
text-align: center;
color: #ff4328;
border: 1px solid #dddddd;
}
.quantity_input span {
line-height: 1;
cursor: pointer;
font-size: 24px;
text-align: center;
color: #222222;
display: inline-block;
}
.description_tabnav {
margin-bottom: 35px;
display: inline-block;
border-bottom: 2px solid #eaeaea;
}
.description_tabnav li {
margin-bottom: -2px;
}
.description_tabnav li:not(:last-child) {
margin-right: 50px;
}
.description_tabnav a {
display: block;
line-height: 1;
font-size: 24px;
font-weight: 500;
position: relative;
padding-bottom: 20px;
color: #222222;
font-family: 'Rubik', sans-serif;
}
.description_tabnav a:before {
width: 0px;
left: auto;
right: 0px;
bottom: 0px;
height: 2px;
content: '';
position: absolute;
background: #ff4328;
transition: width 0.3s linear;
}
.description_tabnav a:hover,
.description_tabnav a.active {
color: #ff4328;
}
.description_tabnav a:hover:before,
.description_tabnav a.active:before {
left: 0px;
width: 100%;
right: auto;
}
/* shop detsild - end */
/* details pages - end
==================================================================================================== */
/* pricing page - start
==================================================================================================== */
/* pricing section - start */
.pricing_section.bg_gray {
background-color: #f5f6fa;
}
.pricing_section .shape_1 {
left: 0px;
bottom: 0px;
max-width: 352px;
}
.pricing_section .shape_2 {
top: 0px;
right: 0px;
max-width: 189px;
}
/* pricing section - end */
/* pricing plan - start */
.pricing_plan {
max-width: 370px;
padding: 60px 50px;
margin: 30px auto 0px;
background-color: #ffffff;
}
.pricing_plan .sub_title {
display: block;
line-height: 1;
font-size: 24px;
margin-bottom: 15px;
color: #ff4328;
font-family: 'Pacifico', cursive;
}
.pricing_plan .item_title {
line-height: 1;
font-size: 35px;
}
.pricing_plan .item_body {
padding: 30px 0px;
}
.pricing_plan .item_icon {
display: flex;
min-height: 165px;
align-items: center;
margin-bottom: 40px;
justify-content: center;
}
.pricing_plan .item_icon > img {
margin: auto;
max-width: 220px;
}
.pricing_plan .pricing_text {
display: block;
line-height: 0.8;
font-size: 55px;
font-weight: 500;
margin-bottom: 35px;
color: #1a1e5d;
font-family: 'Rubik', sans-serif;
}
.pricing_plan .pricing_text sup {
top: -19px;
line-height: 1;
font-size: 24px;
font-weight: 400;
color: #ff4328;
}
.pricing_plan .price_info {
padding-top: 37px;
border-top: 1px solid #e5e5e5;
}
.pricing_plan .price_info li {
line-height: 1;
font-size: 18px;
}
.pricing_plan .price_info li:not(:last-child) {
margin-bottom: 20px;
}
.pricing_plan .custom_btn {
padding: 10px 20px;
}
.pricing_plan .custom_btn span {
width: 35px;
height: 35px;
line-height: 39px;
margin-right: -10px;
}
/* pricing plan - end */
/* pricing page - end
==================================================================================================== */
/* team page - start
==================================================================================================== */
/* team grid - start */
.team_grid {
max-width: 270px;
margin: 30px auto 0px;
border: 1px solid #e4e4e4;
}
.team_grid .item_content {
padding: 35px;
}
.team_grid .member_name {
line-height: 1;
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
}
.team_grid .member_title {
line-height: 1;
display: block;
margin-bottom: 18px;
color: #ff4328;
}
.team_grid .square_social_links li:not(:last-child) {
margin-right: 7px;
}
.team_grid .square_social_links a {
width: 30px;
height: 30px;
line-height: 34px;
}
/* team grid - end */
/* team page - end
==================================================================================================== */
/* faq page - start
==================================================================================================== */
.faq_content_wrap,
.skill_content_wrap {
margin: auto;
max-width: 500px;
}
.faq_accordion.mr__30 {
margin-right: -30px;
}
.faq_accordion.ml__30 {
margin-left: -30px;
}
.faq_accordion .card {
border: none;
border-radius: 0px;
background-color: transparent;
}
.faq_accordion .card:not(:last-child) {
margin-bottom: 35px;
}
.faq_accordion .card-header {
padding: 0px;
background-color: transparent;
border-bottom: 2px solid #e3e3e3;
}
.faq_accordion .card-header button {
width: 100%;
display: block;
line-height: 1;
font-size: 18px;
text-align: left;
font-weight: 500;
position: relative;
padding-bottom: 20px;
color: #222222;
font-family: 'Rubik', sans-serif;
}
.faq_accordion .card-header button:before {
top: 0px;
right: 0px;
font-weight: 500;
content: 'ï§';
position: absolute;
color: #ff4328;
transition: all 0.3s ease-in-out;
font-family: 'Font Awesome 5 Pro';
}
.faq_accordion .card-header button[aria-expanded='true']:before {
content: 'ï¨';
transform: rotate(360deg);
}
.faq_accordion.text-white .card-header {
border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}
.faq_accordion.text-white .card-header button {
color: #ffffff;
}
.faq_accordion.text-white .card-header button:before {
color: #ffffff;
}
.faq_accordion .card-body {
padding: 0px;
padding-top: 22px;
}
.faq_accordion .card-body p {
font-size: 15px;
line-height: 1.867;
}
.text-white .faq_accordion .card-header {
border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}
.text-white .faq_accordion .card-header button {
color: #ffffff;
}
.text-white .faq_accordion .card-header button:before {
color: #ffffff;
}
.circle_progress_item {
max-width: 210px;
text-align: center;
margin: 50px auto 0px;
}
.circle_progress_item .circle_progress {
position: relative;
}
.circle_progress_item canvas {
width: 155px;
height: 155px;
display: table;
margin: 0px auto 30px;
transform: rotate(90deg);
}
.circle_progress_item .percentage_text {
top: 50%;
left: 50%;
line-height: 1;
font-size: 50px;
font-weight: 500;
position: absolute;
color: #222222;
font-family: 'Rubik', sans-serif;
transform: translate(-50%, -50%);
}
.circle_progress_item .percentage_text sub {
bottom: 0px;
font-size: 24px;
}
.circle_progress_item .item_title {
line-height: 1;
font-size: 22px;
margin-bottom: 15px;
}
.faqcontact_section.bg_gray {
background-color: #f5f6fa;
}
.faq_contact_form {
margin: auto;
max-width: 500px;
}
.faq_contact_form .form_item,
.faq_contact_form .select_option {
margin-bottom: 10px;
}
.faq_contact_form .form_item input {
height: 75px;
padding: 0px 35px;
}
.faq_contact_form .form_item textarea {
min-height: 150px;
padding: 25px 35px;
}
.faq_contact_form .select_option .nice-select {
height: 75px;
line-height: 75px;
padding: 0px 35px;
padding-right: 45px;
}
.faq_contact_form .custom_btn {
padding: 10px 35px;
}
.faq_contact_form .custom_btn span {
width: 55px;
height: 55px;
line-height: 57px;
margin-left: 35px;
margin-right: -25px;
}
/* faq page - end
==================================================================================================== */
/* contact page - start
==================================================================================================== */
/* contact section - start */
.contact_section.bg_gray {
background-color: #f5f6fa;
}
.contact_content {
padding-right: 70px;
}
.contact_information_list {
border-top: 1px solid #e8e8e8;
}
.contact_information_list li {
display: flex;
padding: 35px 0px;
align-items: center;
border-bottom: 1px solid #e8e8e8;
}
.contact_information_list .item_icon {
width: 60px;
height: 60px;
color: #ffffff;
font-size: 24px;
line-height: 66px;
text-align: center;
margin-right: 20px;
border-radius: 100%;
}
.contact_information_list h4 {
line-height: 1;
font-size: 24px;
margin-bottom: 12px;
}
.contact_information_list p {
line-height: 1;
margin-bottom: 0px;
}
.contact_form .form_item {
margin-bottom: 40px;
}
.contact_form .form_item input,
.contact_form .form_item textarea {
background-color: #f5f6fa;
}
.contact_form .form_item input {
height: 70px;
padding: 0px 40px;
padding-right: 60px;
}
.contact_form .form_item textarea {
min-height: 140px;
padding: 30px 40px;
}
.contact_form .form_item .input_icon {
right: 40px;
}
.map_section #mapBox {
height: 750px;
}
/* contact section - end */
/* newsletter boxed - start */
.newsletter_boxed {
z-index: 1;
margin-top: -160px;
position: relative;
padding: 75.5px 70px;
}
.newsletter_boxed .newsletter_form {
padding: 35px;
background-color: #ffffff;
}
.newsletter_boxed .form_item {
z-index: 2;
padding-right: 85px;
}
.newsletter_boxed .form_item input {
height: 75px;
border: 1px solid #dbdbdb;
}
.newsletter_boxed .icon_btn {
width: 75px;
height: 75px;
color: #ffffff;
font-size: 24px;
line-height: 81px;
background-color: #ff4328;
}
.newsletter_boxed .icon_btn:before {
background: #fec931;
}
.newsletter_boxed .icon_btn:hover {
color: #222222;
}
/* newsletter boxed - end */
/* contact page - end
==================================================================================================== */
/* home pages - start
==================================================================================================== */
/* home one - start
================================================== */
/* banner section - start */
.home_one_banner .banner_image,
.home_one_banner .banner_contant_wrap {
display: flex;
min-height: 830px;
align-items: center;
}
.home_one_banner .banner_contant {
margin: auto;
width: 470px;
position: relative;
margin-right: 100px;
}
.home_one_banner .sub_title {
line-height: 1;
font-size: 24px;
position: relative;
padding-left: 60px;
margin-bottom: 40px;
color: #fec931;
font-family: 'Pacifico', cursive;
}
.home_one_banner .sub_title:before {
top: 50%;
left: 0px;
height: 3px;
width: 30px;
content: '';
line-height: 1;
position: absolute;
transform: translateY(-50%);
background-color: #fec931;
}
.home_one_banner .item_title {
display: block;
line-height: 0.9;
font-size: 120px;
font-weight: 500;
margin-bottom: 50px;
letter-spacing: -2px;
}
.home_one_banner .decoration_text {
top: 100px;
left: -280px;
line-height: 1;
font-size: 220px;
position: absolute;
transform: rotate(-45deg);
font-family: 'Pacifico', cursive;
-webkit-text-stroke-width: 1px;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.03);
}
/* banner section - end */
/* cta section - start */
.cta_section .overlay_blue {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
opacity: 0.749;
position: absolute;
background-color: #1a1e5d;
}
.cta_section.bg_gray {
background-color: #f5f6fa;
}
.cta_section .deco_image_1 {
right: 103px;
bottom: 103px;
max-width: 255px;
}
.cta_section .hand_image {
bottom: 0px;
right: 252px;
max-width: 345px;
}
.cta_content.ml__30 {
margin-left: -30px;
}
.cta_image_1 {
z-index: 2;
width: 791px;
float: right;
position: relative;
margin-right: -269px;
margin-bottom: -212px;
}
.cta_image_2 {
width: 527px;
margin: -130px 0px;
margin-left: -78px;
}
.cta_image_3 {
z-index: 1;
width: 650px;
float: right;
position: relative;
margin: -63px -128px -81px 0px;
}
.cta_image_3:before {
left: 175px;
top: -160px;
content: '';
z-index: -1;
width: 590px;
height: 590px;
position: absolute;
border-radius: 100%;
background-color: #ff4328;
}
/* cta section - end */
/* what we do section - start */
.whatwedo_section.bg_gray {
background-color: #f5f6fa;
}
.whatwedo_content {
max-width: 500px;
margin-left: 85px;
}
.whatwedo_content p {
margin-bottom: 40px;
}
.whatwedo_content p span {
display: inherit;
}
.whatwedo_content p .big_text {
float: left;
font-size: 80px;
margin-top: 5px;
line-height: 0.9;
margin-right: 20px;
color: #ff4328;
font-family: 'Pacifico', cursive;
}
/* what we do section - end */
/* home one - end
================================================== */
/* home two - start
================================================== */
/* banner section - start */
.home_two_banner {
display: flex;
min-height: 700px;
height: 82vh;
padding: 65px 0 65px;
align-items: center;
background: linear-gradient(180deg, #e8f1e1 0%, #ffffff 100%);
}
.home_two_banner .container {
display: flex;
flex-wrap: wrap;
max-width: 1530px;
}
.home_two_banner .banner_image {
z-index: 1;
float: right;
width: 710px;
height: 710px;
position: relative;
margin-right: -120px;
}
.home_two_banner .banner_image:before {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: '';
z-index: -1;
position: absolute;
border-radius: 100%;
border: 2px dashed #6d59c1;
animation: spin 1s infinite linear;
}
.home_two_banner .banner_image:after {
top: 50%;
left: 50%;
z-index: -1;
content: '';
width: 530px;
height: 530px;
position: absolute;
border-radius: 100%;
background-color: #5734c9;
transform: translate(-50%, -50%);
}
.home_two_banner .image_1 {
top: 45px;
left: 40px;
max-width: 445px;
position: absolute;
}
.home_two_banner .image_2 {
z-index: 1;
bottom: 35px;
right: -45px;
max-width: 435px;
position: absolute;
}
.home_two_banner .image_3 {
top: 142px;
right: 18px;
max-width: 190px;
position: absolute;
}
.home_two_banner .sub_title {
line-height: 1;
font-size: 24px;
position: relative;
padding-left: 60px;
margin-bottom: 40px;
color: #fec931;
font-family: 'Pacifico', cursive;
}
.home_two_banner .sub_title:before {
top: 50%;
left: 0px;
height: 3px;
width: 30px;
content: '';
line-height: 1;
position: absolute;
transform: translateY(-50%);
background-color: #fec931;
}
.home_two_banner .item_title {
display: block;
line-height: 0.9;
font-size: 120px;
font-weight: 500;
margin-bottom: 50px;
letter-spacing: -2px;
}
.home_two_banner .decoration_text {
top: 100px;
left: -280px;
line-height: 1;
font-size: 220px;
position: absolute;
transform: rotate(-45deg);
font-family: 'Pacifico', cursive;
-webkit-text-stroke-width: 1px;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.03);
}
/* banner section - end */
/* who we are section - start */
.whoweare_image {
overflow: hidden;
position: relative;
}
.whoweare_image:before {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: '';
z-index: 1;
position: absolute;
background-color: rgba(26, 30, 93, 0.502);
}
.whoweare_image .play_btn {
top: 50%;
left: 50%;
z-index: 2;
position: absolute;
transform: translate(-50%, -50%);
}
.whoweare_content {
margin: auto;
max-width: 475px;
}
.whoweare_about_content {
padding: 35px;
background-color: #ffffff;
}
.whoweare_about_content p {
margin-bottom: 20px;
}
/* who we are section - end */
/* home two - end
================================================== */
/* home three - start
================================================== */
/* home three slider - start */
.slider_section .btns_group > li:not(:last-child) {
margin-right: 10px;
}
.home_three_slider .item {
z-index: 1;
display: flex;
min-height: 765px;
position: relative;
align-items: center;
}
.home_three_slider .item:before {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
content: '';
opacity: 0.85;
position: absolute;
background-color: #0b0f4f;
}
.home_three_slider .owl-dots {
left: 50%;
bottom: 40px;
margin-top: 0px;
position: absolute;
transform: translateX(-50%);
}
.home_three_slider .owl-dots .owl-dot span {
opacity: 0.2;
background: #ffffff;
}
.home_three_slider .owl-dots .owl-dot:hover span,
.home_three_slider .owl-dots .owl-dot.active span {
background: #ffffff;
}
.home_three_slider .slider_image {
float: left;
width: 737px;
}
.home_three_slider .slider_content {
padding-right: 60px;
}
.home_three_slider .small_title {
line-height: 1;
font-size: 24px;
position: relative;
padding-left: 60px;
margin-bottom: 30px;
color: #fec931;
font-family: 'Pacifico', cursive;
}
.home_three_slider .small_title:before {
top: 50%;
left: 0px;
height: 3px;
width: 30px;
content: '';
line-height: 1;
position: absolute;
transform: translateY(-50%);
background-color: #fec931;
}
.home_three_slider .item_title {
line-height: 1;
font-size: 100px;
font-weight: 700;
letter-spacing: -7px;
font-family: 'Hind', sans-serif;
}
.home_three_slider p {
font-size: 18px;
font-weight: 500;
margin-bottom: 30px;
}
.home_three_slider .slider_image {
opacity: 0;
transform: translateX(80px);
transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.home_three_slider .small_title,
.home_three_slider .item_title,
.home_three_slider .btns_group,
.home_three_slider p {
opacity: 0;
transform: translateY(20px);
transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.home_three_slider .owl-item.active .slider_image {
opacity: 1;
transition-delay: 0.8s;
transform: translateX(0px);
}
.home_three_slider .owl-item.active .small_title,
.home_three_slider .owl-item.active .item_title,
.home_three_slider .owl-item.active .btns_group,
.home_three_slider .owl-item.active p {
opacity: 1;
transform: translateY(0px);
}
.home_three_slider .owl-item.active .small_title {
transition-delay: 1s;
}
.home_three_slider .owl-item.active .item_title {
transition-delay: 1.1s;
}
.home_three_slider .owl-item.active p {
transition-delay: 1.2s;
}
.home_three_slider .owl-item.active .btns_group {
transition-delay: 1.3s;
}
/* home three slider - end */
/* home three - end
================================================== */
/* home pages - end
==================================================================================================== */
/* ==================================================
* Project Name : Printem - HTML5 Template
* File : Responsive CSS Base
* Version : 1.0.0
* Last change : 05 Octobar 2020
* Author : BDevs (https://themeforest.net/user/bdevs)
* Developer: : Rakibul Islam Dewan
* css code for responsive layout To make Responsive
==================================================
* 1 - media screen and (max-width: 1460px)
* 2 - media screen and (max-width: 1280px)
* 3 - media screen and (max-width: 1199px)
* 4 - media screen and (max-width: 991px)
* 5 - media screen and (max-width: 767px)
* 6 - media screen and (max-width: 680px)
* 7 - media screen and (max-width: 580px)
* 8 - media screen and (max-width: 480px)
* 9 - media screen and (max-width: 320px)
================================================== */
/* ====================================================================================================
1 - media screen and (max-width: 1460px) - start
==================================================================================================== */
@media screen and (max-width: 1810px) {
/* header - start */
.primary_header .main_menu > ul > li > a {
padding: 0px 30px;
}
/* header - end */
}
@media screen and (max-width: 1720px) {
/* home - start */
.feature_listlayout_boxed2 .item_title {
font-size: 20px;
}
.feature_listlayout_boxed2 {
padding: 60px;
}
/* home - end */
}
body#cart button.btn.btn-primary.disabled {
display: none !important;
}
@media screen and (max-width: 1580px) {
/* header - start */
.primary_header .header_hotline {
width: 300px;
}
.header_hotline {
padding: 30px 30px;
}
.primary_header .brand_logo {
max-width: 270px;
}
.primary_header .brand_logo img {
max-width: 170px;
}
/* header - end */
/* home - start */
.cta_image_1 {
margin-bottom: -180px;
}
.testimonial_section .deco_image_1 {
top: -70px;
right: 40px;
max-width: 140px;
}
.testimonial_section .deco_image_2 {
top: 140px;
left: -40px;
max-width: 130px;
}
.testimonial_section .deco_image_3 {
right: 80px;
max-width: 160px;
}
.testimonial_section .deco_image_4 {
top: 490px;
left: 7px;
max-width: 140px;
}
.testimonial_section .decoration_images_1 {
width: 470px;
}
.home_three_slider .slider_image {
width: 620px;
}
/* home - end */
body#cart #content-wrapper .cart-grid.row::after,
body#checkout .cart-grid.row::after {
right: 1%;
}
}
@media screen and (max-width: 1460px) {
/* header - start */
.primary_header .brand_logo {
max-width: 240px;
}
.primary_header .brand_logo img {
max-width: 150px;
}
.header_hotline h4 {
font-size: 12px;
}
.header_hotline span {
font-size: 15px;
}
.header_hotline .item_icon {
width: 50px;
height: 50px;
margin: -8px 0px;
margin-right: 6px;
border: 3px solid #ffffff;
}
.primary_header .header_hotline {
width: 250px;
}
.primary_header .main_menu > ul > li > a {
padding: 0px 25px;
}
.primary_header .search_btn {
min-width: 85px;
padding: 0px 15px;
}
/* header - end */
/* about - start */
.faq_content_wrap,
.skill_content_wrap,
.faq_contact_form,
.whatwedo_content,
.whoweare_content,
.testimonial_auto_wrap {
margin: auto;
height: 400px;
max-width: 500px;
overflow-y: scroll;
}
.faq_content_wrap::-webkit-scrollbar,
.skill_content_wrap::-webkit-scrollbar,
.faq_contact_form::-webkit-scrollbar,
.whatwedo_content::-webkit-scrollbar,
.whoweare_content::-webkit-scrollbar,
.testimonial_auto_wrap::-webkit-scrollbar {
width: 0px;
}
.whoweare_content {
padding: 15px;
}
/* about - end */
/* home - start */
.cta_image_1 {
margin-bottom: -145px;
}
.feature_listlayout_boxed2 .item_icon {
width: 80px;
height: 80px;
margin-right: 20px;
border: 5px solid #ffffff;
}
.feature_listlayout_boxed2 .item_icon img {
max-width: 35px;
}
.feature_listlayout_boxed2 {
padding: 50px 30px;
}
/* home - end */
}
@media screen and (max-width: 1469px) {
.main_menu > ul > li > a {
font-size: 15px;
}
.main_menu > ul > li:not(:last-child) {
margin-right: 18px;
}
}
@media screen and (max-width: 1310px) {
/* shop details - start */
.shop_details .details_image .nav {
width: 20%;
padding-left: 20px;
}
.shop_details .details_image .nav li:not(:last-child) {
margin-bottom: 20px;
}
.shop_details .details_image .tab-content {
width: 80%;
}
.shop_details .details_image .tab-content img {
width: 100%;
display: block;
}
.shop_details .quantity_cart > li:not(:last-child) {
margin-right: 20px;
}
body#cart #content-wrapper .cart-grid.row::after,
body#checkout #content-wrapper .cart-grid.row::after {
display: none;
}
/* shop details - end */
}
/* ====================================================================================================
1 - media screen and (max-width: 1460px) - end
==================================================================================================== */
/* ====================================================================================================
2 - media screen and (max-width: 1280px) - start
==================================================================================================== */
@media screen and (max-width: 1285px) {
/* header - start */
.primary_header .main_menu,
.primary_header .brand_logo,
.primary_header .header_hotline {
min-height: 80px;
}
.primary_header .main_menu > ul > li > a {
font-size: 14px;
line-height: 80px;
padding: 0px 22px;
}
.primary_header .main_menu > ul > li {
height: 80px;
}
.primary_header .search_btn {
min-width: 85px;
padding: 0px 15px;
line-height: 84px;
}
.header_hotline {
padding: 22px 20px;
}
.primary_header .brand_logo > a {
line-height: 80px;
}
.primary_header + main {
margin-top: 80px;
}
/* header - end */
}
@media screen and (max-width: 1280px) {
/* global - start */
#backtotop {
width: 45px;
height: 45px;
bottom: 48px;
}
#scroll {
font-size: 15px;
line-height: 50px;
}
/* global - end */
/* header - start */
.header_contact_info li:not(:last-child) {
margin-right: 20px;
}
.header_contact_info li {
font-size: 13px;
}
.main_menu > ul > li:not(:last-child) {
margin-right: 15px;
}
.main_menu > ul > li > a {
font-size: 14px;
}
.header_section .custom_btn span {
width: 35px;
height: 35px;
font-size: 12px;
margin-left: 20px;
line-height: 38px;
margin-right: -14px;
}
.header_section .custom_btn {
font-size: 12px;
padding: 5px 20px;
}
.header_section .action_btn {
width: 45px;
height: 45px;
font-size: 14px;
line-height: 47px;
}
.primary_social_links a {
font-size: 13px;
}
.header_section .select_option .nice-select {
font-size: 13px;
}
.header_top {
min-height: 40px;
padding: 5px 0px;
}
.header_section .brand_logo a {
max-width: 170px;
}
.header_bottom {
min-height: 80px;
/*padding: 10px 0px;*/
}
main {
padding-top: 140px !important;
}
.header_default + main {
margin-top: 120px;
}
.search_body_collapse .form_item button {
font-size: 20px;
}
.search_body_collapse .form_item input {
height: 50px;
font-size: 20px;
}
.primary_header .header_hotline {
display: none;
}
.primary_header .main_menu {
float: right;
}
.primary_header .main_menu > ul > li {
margin: 0px;
}
.secondary_header + main {
margin-top: 120px;
}
/* header - end */
/* breadcrumb - start */
.breadcrumb_section {
min-height: 300px;
}
.page_title {
font-size: 66px;
}
.breadcrumb_nav > li {
font-size: 20px;
}
/* breadcrumb - end */
/* faq - start */
.faq_section .faq_accordion {
margin: 0px;
margin-bottom: 50px;
}
/* faq - end */
/* portfolio - start */
.masonry_portfolio_grid {
margin: 15px 0px;
margin-bottom: -15px;
}
/* portfolio - end */
/* pricing - start */
.cta_image_1 {
width: 670px;
margin-right: -150px;
margin-bottom: -215px;
}
/* pricing - end */
/* service - start */
.cta_image_2 {
width: auto;
float: none;
margin: 0px auto;
}
/* service - end */
/* shop details - start */
.shop_details hr {
height: 1px;
margin-top: 50px;
margin-bottom: 50px;
}
.shop_details .quantity_cart {
margin: -5px;
}
.shop_details .quantity_cart > li {
padding: 5px;
}
.description_tabnav a {
font-size: 20px;
padding-bottom: 15px;
}
.description_tabnav {
margin-bottom: 20px;
}
.shop_details .details_content {
padding: 0px;
padding-left: 30px;
}
/* shop details - end */
/* team - start */
.circle_progress_item .percentage_text {
font-size: 36px;
}
.circle_progress_item .percentage_text sub {
font-size: 18px;
}
/* team - end */
/* home - start */
.home_one_banner .banner_contant {
width: auto;
margin: auto;
max-width: 470px;
}
.home_one_banner .item_title {
font-size: 100px;
}
.home_one_banner .decoration_text {
left: -32%;
font-size: 180px;
}
.home_one_banner .sub_title {
font-size: 20px;
padding-left: 50px;
}
.home_one_banner .custom_btn {
font-size: 14px;
padding: 10px 30px;
}
.home_one_banner .custom_btn span {
width: 40px;
height: 40px;
line-height: 44px;
font-size: 14px;
margin-left: 30px;
margin-right: -20px;
}
.about_content p span {
font-size: 16px;
}
.blog_grid_1 .item_content {
padding: 25px 30px;
}
.blog_grid_1 .post_admin {
padding: 10px 30px;
padding-right: 80px;
}
.blog_fullimage .item_content {
padding: 30px;
}
.newsletter_boxed {
margin-top: -130px;
padding: 60px 40px;
}
.newsletter_boxed .form_item input {
height: 60px;
}
.newsletter_boxed .icon_btn {
width: 60px;
height: 60px;
font-size: 18px;
line-height: 66px;
}
.newsletter_boxed .form_item {
padding-right: 70px;
}
.portfolio_carousel.w_1545 {
float: none;
width: 100%;
}
.cta_content.ml__30 {
margin: 0px;
}
.cta_section .hand_image {
right: 60px;
max-width: 280px;
}
/* home - end */
}
/* ====================================================================================================
2 - media screen and (max-width: 1280px) - end
==================================================================================================== */
/* ====================================================================================================
3 - media screen and (max-width: 1199px) - start
==================================================================================================== */
@media screen and (max-width: 1199px) {
/* header - start */
.main_menu > ul > li:not(:last-child) {
margin-right: 20px;
}
.mobilemenu_btns_group {
display: inline-block;
}
.header_default .brand_logo {
display: flex;
align-items: center;
justify-content: space-between;
}
main {
padding-top: 110px !important;
}
.header_bottom {
padding: 10px 0 0;
background-color: #7dc142;
}
.header_bottom .cart__wrapper {
position: relative;
justify-content: flex-end;
height: 50px;
padding: 5px 13px;
background: #9FE764;
}
.user-logged a {
display: block;
}
.cart__wrapper .user-info a.logout {
margin-bottom: -15px !important;
margin-top: -1px;
line-height: 15px;
}
#blockcart-wrapper {
margin: 0 38px;
}
.header_bottom .user-info .login span {
display: inline-block;
margin-right: 3px;
font-size: 16px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
line-height: 19px;
color: #000000;
vertical-align: text-bottom;
}
.header_default .header_top,
.header_default .header_bottom .main_menu,
.header_default .header_bottom .header_btns_group {
display: none;
}
/* header - end */
/* footer - start */
.footer_newsletter_boxed .form_list > li:not(:last-child) {
width: 100%;
display: block;
margin-right: 0px;
}
.footer_newsletter_boxed .form_list {
position: relative;
}
.footer_newsletter_boxed .form_list > li:last-child {
top: 0px;
right: 0px;
position: absolute;
}
.footer_newsletter_boxed input {
width: 100%;
}
.secondary_footer .footer_about {
padding: 80px 30px 30px;
}
.footer_newsletter_boxed {
margin-right: 0px;
padding: 30px 35px;
}
.footer_newsletter_boxed .newsletter_title {
font-size: 20px;
}
.small_blog .item_title > a {
font-size: 16px;
}
.footer_contact_info p {
font-size: 14px;
}
/* footer - end */
/* sidebar - start */
.sidebar_section .widget {
padding: 40px 30px;
}
/* sidebar - end */
/* about - start */
.about_content {
padding-left: 0px;
}
.faq_content_wrap,
.skill_content_wrap,
.faq_contact_form,
.whatwedo_content,
.testimonial_auto_wrap {
margin: auto;
height: 370px;
padding: 30px;
max-width: 100%;
overflow-y: scroll;
}
.faq_content_wrap::-webkit-scrollbar,
.skill_content_wrap::-webkit-scrollbar,
.faq_contact_form::-webkit-scrollbar,
.whatwedo_content::-webkit-scrollbar,
.testimonial_auto_wrap::-webkit-scrollbar {
width: 0px;
}
.faq_accordion .card-header button {
font-size: 16px;
}
.circle_progress_item .percentage_text {
font-size: 30px;
}
.circle_progress_item .percentage_text sub {
font-size: 16px;
}
/* about - end */
/* blog details - start */
.details_section .details_content {
padding: 30px;
}
.blog_details .details_content .item_title {
font-size: 26px;
}
.details_section .details_content .title_text {
font-size: 22px;
}
blockquote .blockquote_title {
font-size: 22px;
}
.author_information .author_thumbnail {
width: 150px;
height: 150px;
margin-right: 30px;
}
.author_information .author_name {
font-size: 20px;
}
.comment_area .title_title,
.comment_form .title_title {
font-size: 24px;
}
/* blog details - end */
/* service - start */
.funfact_bordered {
border: none;
}
/* service - end */
/* service details - start */
.design_guideline_info .guideline_content .item_title {
font-size: 22px;
}
/* service details - end */
/* shop details - start */
.shop_details .details_content {
padding: 0px;
padding-left: 30px;
}
/* shop details - end */
/* home - start */
.service_boxed {
padding: 40px 20px;
}
.service_grid_2 .item_content_wrap {
padding: 60px 30px;
}
.home_two_banner .banner_image {
float: right;
width: 600px;
height: 600px;
margin-right: 0px;
}
.home_two_banner .image_1 {
top: 40px;
left: 30px;
max-width: 330px;
}
.home_two_banner .image_2 {
bottom: 30px;
right: -10px;
max-width: 370px;
}
.home_two_banner .image_3 {
top: 140px;
right: 90px;
max-width: 130px;
}
.home_three_slider .item_title {
font-size: 90px;
}
.home_three_slider p {
font-size: 16px;
}
.home_three_slider .small_title {
font-size: 22px;
padding-left: 50px;
margin-bottom: 25px;
}
.home_three_slider .slider_image {
width: 580px;
}
/* home - end */
}
@media screen and (max-width: 1100px) {
/* global - start */
.section_title .small_title {
font-size: 20px;
}
.section_title .big_title {
font-size: 42px;
}
.section_title .biggest_title {
font-size: 140px;
}
/* global - end */
/* header - start */
.secondary_header .brand_logo,
.secondary_header .header_icon_btns {
width: 100%;
}
/* header - end */
/* breadcrumb - start */
.page_title {
font-size: 60px;
}
/* breadcrumb - end */
/* about - start */
.about_content p span {
font-size: 16px;
}
.service_grid .item_content {
padding: 40px 20px;
}
.team_grid .item_content {
padding: 25px;
}
/* about - end */
/* home - start */
.blog_grid_1 .item_title > a,
.blog_fullimage .item_title > a {
font-size: 18px;
}
.home_two_banner .banner_image {
float: none;
width: 530px;
height: 530px;
display: table;
margin: 0px auto;
}
.home_two_banner .banner_image:after {
width: 430px;
height: 430px;
}
.home_two_banner .image_1 {
top: 20px;
left: 20px;
max-width: 270px;
}
.home_two_banner .image_2 {
right: 15px;
bottom: 50px;
max-width: 330px;
}
.home_two_banner .image_3 {
top: 106px;
right: 110px;
max-width: 110px;
}
.home_two_banner .item_title {
font-size: 100px;
margin-bottom: 40px;
}
.home_two_banner .sub_title {
font-size: 20px;
padding-left: 50px;
margin-bottom: 30px;
}
.service_split .service_boxed {
padding: 48.5px 20px;
}
.testimonial_person_image {
width: 390px;
margin-top: -235px;
margin-left: -70px;
}
.creative_testimonial_carousel {
padding: 50px 70px;
margin-bottom: 55px;
}
.creative_testimonial_carousel .testimonial_primary p {
font-size: 22px;
}
.orange_shape {
right: 0px;
width: 600px;
height: 550px;
}
/* home - end */
}
@media screen and (max-width: 1040px) {
/* header - start */
.main_menu > ul > li > a {
font-size: 12px;
}
/* header - end */
/* header - start */
.small_blog .item_title > a {
font-size: 16px;
}
/* header - end */
}
/* ====================================================================================================
3 - media screen and (max-width: 1199px) - end
==================================================================================================== */
/* ====================================================================================================
4 - media screen and (max-width: 991px) - start
==================================================================================================== */
@media screen and (max-width: 991px) {
/* global - start */
.sec_ptb_130 {
padding: 100px 0px;
}
.mb_50 {
margin-bottom: 30px;
}
.mb_80 {
margin-bottom: 50px;
}
.order-last {
order: 0;
}
/* global - end */
/* header - start */
.header_default + main {
margin-top: 80px;
}
.primary_header .main_menu {
display: none;
}
.primary_header .brand_logo {
float: none;
width: 100%;
display: flex;
padding: 15px;
max-width: 100%;
min-height: auto;
align-items: center;
justify-content: space-between;
}
.primary_header .brand_logo > a {
line-height: 1;
text-align: left;
}
.primary_header .brand_logo .search_btn {
padding: 0px;
line-height: 1;
min-width: auto;
min-height: auto;
}
.primary_header + main {
margin-top: 61px;
}
.primary_header .mobilemenu_btns_group button {
color: #757575;
}
.primary_header .mobilemenu_btns_group button:hover,
.primary_header .mobilemenu_btns_group button.active {
color: #ff4328;
background: transparent;
}
.primary_header .search_btn:hover,
.primary_header .search_btn.active {
color: #ff4328;
background-color: transparent;
}
.secondary_header .main_menu,
.secondary_header .header_top,
.secondary_header .header_icon_btns {
display: none;
}
.secondary_header .brand_logo {
margin: 0px;
height: auto;
border: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.secondary_header .header_bottom {
min-height: auto;
padding: 15px 0px;
}
.secondary_header .mobilemenu_btns_group button {
color: #222222;
}
.secondary_header .mobilemenu_btns_group button:hover {
color: #ff4328;
}
.secondary_header + main {
margin-top: 65px;
}
/* header - end */
/* footer - start */
.text-white .footer_widget_title {
margin-bottom: 30px;
}
.footer_contact_form {
max-width: 370px;
text-align: center;
margin: 50px auto 0px;
}
.primary_brand_section .brand_logo {
display: none;
}
.primary_brand_section .logo_image {
padding: 15px;
}
.brand_section.primary_brand_section {
min-height: 160px;
}
.secondary_footer .footer_about .brand_logo {
height: 150px;
display: flex;
margin-bottom: 25px;
align-items: center;
justify-content: center;
}
.secondary_footer .footer_about {
padding: 30px;
margin-top: 0px;
margin-bottom: 40px;
}
.secondary_footer .footer_widget_area {
padding: 0px;
}
.footer_contact_info {
margin-top: 40px;
}
.footer_newsletter_boxed .form_list {
margin-top: 20px;
}
/* footer - end */
/* breadcrumb - start */
.breadcrumb_section {
text-align: center;
}
.breadcrumb_nav {
margin-top: 20px;
justify-content: center;
}
.breadcrumb_nav > li:not(:last-child) {
margin-right: 20px;
padding-right: 20px;
}
.breadcrumb_nav > li {
font-size: 18px;
}
.page_title {
font-size: 56px;
}
/* breadcrumb - end */
/* sidebar - start */
.sidebar_section {
margin-top: 50px;
}
.sb_recent_works li:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
}
.sb_photo_gallery ul {
margin: -4px;
max-width: 430px;
}
.sb_photo_gallery li {
padding: 4px;
flex: 0 0 33.333%;
max-width: 33.333%;
}
.sb_tag_list ul {
margin: -5px;
max-width: 370px;
}
.sb_tag_list li {
padding: 5px;
}
.sb_cta .content_wrap {
max-width: 400px;
}
/* sidebar - end */
/* about - start */
.about_content {
margin-top: 40px;
}
.service_grid {
margin: 30px auto 0px;
}
.faq_content_wrap,
.skill_content_wrap,
.faq_contact_form,
.whatwedo_content,
.testimonial_auto_wrap {
margin: 0px;
height: auto;
padding: 0px;
overflow: unset;
}
.faq_image,
.whatwedo_image {
margin-bottom: 40px;
}
.faq_image img,
.whatwedo_image img {
width: 100%;
display: block;
}
.faq_section,
.skill_section,
.faqcontact_section,
.whatwedo_section {
padding: 100px 0px;
}
/* about - end */
/* contact - start */
.contact_content {
padding-right: 0px;
margin-bottom: 50px;
}
.map_section #mapBox {
height: 500px;
}
/* contact - end */
/* faq - start */
.faq_contact_form .custom_btn span {
width: 40px;
height: 40px;
line-height: 44px;
margin-left: 25px;
margin-right: -20px;
}
.faq_contact_form .custom_btn {
padding: 10px 30px;
}
.faq_contact_form .select_option .nice-select {
height: 60px;
line-height: 60px;
padding: 0px 30px;
padding-right: 35px;
}
.faq_contact_form .form_item input {
height: 60px;
padding: 0px 30px;
}
/* faq - end */
/* portfolio details - start */
.portfolio_details {
max-width: 770px;
margin: 0px auto;
}
.portfolio_details_info .square_social_links {
justify-content: flex-start;
}
.portfolio_details_info h4 {
font-size: 28px;
}
.portfolio_details_info .info_wrap {
margin-bottom: 30px;
}
.details_section .details_content .item_title {
font-size: 38px;
}
.portfolio_details_info .square_social_links a {
width: 50px;
height: 50px;
font-size: 14px;
}
.cta_image_3 {
width: auto;
float: none;
max-width: 570px;
margin: -15px auto 40px;
}
.cta_image_3:before {
left: 50%;
width: 590px;
height: 590px;
transform: translateX(-50%);
}
/* portfolio details - end */
/* pricing - start */
.pricing_section .shape_2 {
max-width: 140px;
}
.pricing_section .shape_1 {
max-width: 220px;
}
.cta_image_1 {
float: none;
width: auto;
margin: 0px;
max-width: 670px;
margin-bottom: 40px;
}
/* pricing - end */
/* service - start */
.feature_section .feature_content {
max-width: 470px;
text-align: center;
margin: 0px auto 50px;
}
.feature_section .feature_content p {
padding: 0px;
border: none;
}
.feature_section .feature_content .section_title .biggest_title {
left: 50%;
transform: translate(-50%, -50%);
}
.cta_image_2 {
max-width: 370px;
margin: 0px auto 40px;
}
.cta_content.ml__30 {
margin: 0px;
}
.cta_section .deco_image_1 {
right: 50px;
bottom: 50px;
max-width: 170px;
}
/* service - end */
/* service details - start */
.design_guideline_info .guideline_content {
margin: 0px;
padding: 0px;
border: none;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 30px;
}
.design_guideline_info .guideline_content:not(:last-child) {
border: none;
}
.design_guideline_info {
margin: 0px;
}
.design_guideline_info .guideline_content .item_title {
font-size: 28px;
margin-bottom: 20px;
}
.guideline_list li:not(:last-child) {
margin-bottom: 15px;
}
.guideline_list li {
font-size: 16px;
}
.sb_banner {
max-width: 370px;
margin: 0px auto;
}
/* service details - end */
/* shop - start */
.product_selection_bar .order-last {
order: 13;
}
/* shop - end */
/* shop details - start */
.shop_details .shop_container {
max-width: 100%;
padding: 100px 0px;
}
.shop_details .details_image {
margin: 0px;
margin-bottom: 40px;
}
.shop_details .details_content {
padding: 0px;
}
.shop_details .details_image .tab-content {
width: 100%;
float: none;
margin-bottom: 15px;
}
.shop_details .details_image .nav {
width: 100%;
padding: 0px;
}
.shop_details .details_image .nav li {
float: left;
display: inline-block;
}
.shop_details .details_image .nav li:not(:last-child) {
margin-bottom: 0px;
margin-right: 15px;
}
.description_tabnav {
display: table;
margin: 0px auto 20px;
}
/* shop details - end */
/* home - start */
.home_one_banner {
padding: 80px 0px;
padding-top: 0px;
}
.home_one_banner .banner_image {
min-height: 400px;
margin-bottom: 40px;
}
.home_one_banner .banner_contant_wrap {
min-height: auto;
}
.home_one_banner .banner_contant {
text-align: center;
}
.home_one_banner .item_title {
font-size: 60px;
}
.home_one_banner .sub_title {
display: inline-block;
}
.home_one_banner .decoration_text {
top: 50%;
left: 50%;
font-size: 130px;
transform: translate(-50%, -50%);
}
.order-first {
order: 0;
}
.feature_primary {
margin: 50px auto 0px;
}
.testimonial_section .decoration_images_1 {
display: none;
}
.home_two_banner .banner_contant {
max-width: 570px;
text-align: center;
margin: 40px auto 0px;
}
.home_two_banner .sub_title {
display: inline-block;
}
.home_two_banner .item_title {
font-size: 72px;
}
.home_two_banner .decoration_text {
top: 50%;
left: 50%;
font-size: 170px;
transform: translate(-50%, -50%);
}
.home_two_banner {
padding: 80px 0px;
}
.stairs_wrap .stair_col:nth-child(1),
.stairs_wrap .stair_col:nth-child(2),
.stairs_wrap .stair_col:nth-child(3) {
padding-top: 0px;
}
.whoweare_content {
margin: auto;
height: auto;
max-width: 570px;
overflow-y: unset;
padding: 40px 15px 100px;
}
.service_split {
max-width: 570px;
margin: 30px auto 0px;
}
.service_split .item_image,
.service_split .item_content {
width: 100%;
float: none;
display: block;
}
.service_split {
max-width: 270px;
}
.testimonial_person_image {
display: none;
}
.creative_testimonial_carousel {
margin: 0px;
padding: 50px;
}
.orange_shape {
display: none;
}
.blog_fullimage_2 .item_content {
padding: 30px;
}
.blog_fullimage_2 .item_title > a {
font-size: 20px;
}
.blog_fullimage_2 .absolute_btn {
top: 30px;
right: 30px;
}
.home_three_slider .item {
padding: 100px 0px;
}
.home_three_slider .slider_content {
max-width: 570px;
margin: 0px auto;
padding: 0px 15px;
text-align: center;
}
.home_three_slider .small_title {
font-size: 20px;
margin-bottom: 25px;
display: inline-block;
}
.home_three_slider .item_title {
font-size: 78px;
}
.home_three_slider .custom_btn {
padding: 10px 25px;
}
.home_three_slider .custom_btn span {
width: 35px;
height: 35px;
line-height: 39px;
font-size: 13px;
margin-left: 25px;
margin-right: -15px;
}
.home_three_slider .btns_group {
justify-content: center;
}
.home_three_slider .slider_image {
width: 100%;
float: none;
max-width: 500px;
margin: 0px auto 30px;
}
.feature_listlayout_boxed2 {
margin: 0px auto;
}
.newsletter_boxed {
margin-top: -100px;
padding: 40px 30px;
}
.newsletter_boxed .section_title {
text-align: center;
}
.newsletter_boxed .section_title .biggest_title {
left: 50%;
font-size: 140px;
transform: translate(-50%, -50%);
}
.newsletter_boxed .newsletter_form {
padding: 25px;
margin-top: 30px;
}
.portfolio_fullimage .item_title {
font-size: 16px;
}
.portfolio_fullimage .icon_btn {
width: 40px;
height: 40px;
font-size: 12px;
line-height: 45px;
}
.portfolio_fullimage .title_wrap {
padding: 10px;
padding-left: 15px;
}
.testimonial_section {
padding: 100px 0px;
}
.testimonial_image {
margin-bottom: 40px;
}
/* home - end */
body#checkout #create_acount #user-email,
body#checkout #create_acount button,
body#checkout #login-form #submit-login {
width: 100% !important;
font-size: 12px;
}
body#checkout #login-form input {
font-size: 12px;
}
body#checkout .container .register,
body#checkout .row .login-form {
padding: 40px 25px;
display: flex;
justify-content: center;
}
body#checkout .page-block div.pr-15 {
padding-right: 0px;
}
body#checkout .page-block #create_acount,
body#checkout .page-block .login-form .login-content {
width: 300px;
}
}
/* ====================================================================================================
4 - media screen and (max-width: 991px) - end
==================================================================================================== */
/* ====================================================================================================
5 - media screen and (max-width: 767px) - start
==================================================================================================== */
@media screen and (max-width: 880px) {
/* blog - start */
.blog_grid_2 .item_content {
padding: 25px;
}
.blog_grid_2 .item_title > a {
font-size: 20px;
}
.blog_standard .item_title > a,
.blog_quote .item_title > a {
font-size: 26px;
}
.blog_quote {
padding: 50px 40px;
}
/* blog - end */
/* shop - start */
.product_card .item_title {
font-size: 18px;
}
/* shop - end */
/* home - start */
.blog_grid_1 .item_content,
.blog_fullimage .item_content {
padding: 20px;
}
.blog_grid_1 .post_admin {
padding: 10px 20px;
padding-right: 80px;
}
.blog_grid_1 .abmin_name {
font-size: 16px;
}
.blog_grid_1 .post_date {
font-size: 13px;
}
.blog_grid_1 .item_title {
margin-bottom: 15px;
}
.blog_fullimage .post_admin {
padding: 20px;
padding-right: 80px;
margin-bottom: 25px;
}
.blog_fullimage .abmin_name {
font-size: 16px;
}
.blog_fullimage .post_date {
font-size: 13px;
}
/* home - end */
}
@media screen and (max-width: 767px) {
/* global - start */
.custom_btn {
font-size: 13px;
padding: 10px 30px;
}
.custom_btn span {
width: 40px;
height: 40px;
line-height: 44px;
font-size: 14px;
margin-left: 30px;
margin-right: -22px;
}
.form_item input {
height: 60px;
}
.pagination_nav a {
height: 55px;
min-width: 55px;
font-size: 14px;
padding: 0px 12px;
line-height: 53px;
border: 2px solid #dbdbdb;
}
.post_meta i {
margin-right: 5px;
}
/* global - end */
/* footer - start */
#footer {
padding-top: 33px !important;
padding-bottom: 25px !important;
}
#footer .footer__top {
flex-wrap: wrap;
margin: 25px -10px 0;
}
#footer .footer__top--single {
width: 50%;
margin-bottom: 10px;
padding: 0 10px;
}
#footer .footer__top h3 {
font-size: 14px;
}
#footer .footer__top ul > li,
#footer .footer__top ul > li > a {
font-size: 12px;
line-height: 18px;
}
#footer .footer__bottom {
flex-direction: column;
margin-top: 9px;
text-align: center;
}
.footer_brand_area .brand_logo {
text-align: center;
margin-bottom: 40px;
}
.footer_section {
text-align: center;
}
.footer_section .recent_works_list {
max-width: 370px;
margin: 0px auto;
}
.footer_section .small_blog {
text-align: left;
margin: 0px auto;
}
.footer_useful_links {
max-width: 370px;
text-align: center;
margin: 0px auto 40px;
}
.footer_section .circle_social_links {
margin-top: 15px;
justify-content: center;
}
.footer_contact_info ul {
display: table;
margin: 0px auto;
}
.secondary_footer .small_blog .item_content {
display: block;
text-align: center;
}
.brand_section.primary_brand_section {
padding: 40px 0px;
}
/* footer - end */
/* about - start */
.faq_image,
.whatwedo_image,
.testimonial_image {
padding: 0px 15px;
}
.faq_content_wrap,
.skill_content_wrap,
.faq_contact_form,
.whatwedo_content,
.testimonial_auto_wrap {
padding: 0px 15px;
}
/* about - end */
/* blog details - start */
.comment_area ul ul .admin_thumbnail {
width: 60px;
height: 60px;
}
.comment_area ul ul .admin_name {
font-size: 16px;
margin-bottom: 6px;
}
.comment_area > ul > li li {
padding-left: 40px;
}
.comment_form .form_item input {
height: 60px;
}
.details_section .details_content .share_links {
justify-content: flex-start;
}
.check_info_list > li,
.outline_check_info_list > li {
line-height: 1.45;
}
.outline_check_info_list > li:before {
top: 2px;
}
blockquote .blockquote_title {
font-size: 20px;
}
/* blog details - end */
/* blog - start */
.blog_grid_2 .post_meta li {
font-size: 13px;
}
.blog_grid_2 .item_title > a {
font-size: 18px;
}
.blog_grid_2 .item_content {
padding: 20px;
}
.blog_grid_2 .post_category {
height: 25px;
font-size: 12px;
font-weight: 600;
line-height: 29px;
margin-bottom: 12px;
}
/* blog - end */
/* contact - start */
.map_section #mapBox {
height: 300px;
}
.contact_information_list h4 {
font-size: 18px;
}
.contact_information_list li {
padding: 30px 0px;
}
.contact_form .form_item input {
height: 60px;
padding: 0px 30px;
padding-right: 45px;
}
.contact_form .form_item .input_icon {
right: 30px;
}
.form_item .input_title {
font-size: 16px;
}
.contact_information_list .item_icon {
width: 55px;
height: 55px;
font-size: 20px;
line-height: 62px;
margin-right: 15px;
}
.contact_form .form_item textarea {
padding: 20px 30px;
}
/* contact - end */
/* portfolio details - start */
.portfolio_details_info h4 {
font-size: 22px;
}
.details_section .details_content .item_title {
font-size: 30px;
margin-bottom: 20px;
}
/* portfolio details - end */
/* portfolio - start */
.masonry_portfolio_grid .grid-item,
.masonry_portfolio_grid .grid-sizer {
width: 50%;
}
.masonry_portfolio_grid .w_50 {
width: 100%;
}
/* portfolio - end */
/* service - start */
.funfact_bordered .funfact_item {
min-height: 300px;
}
.funfact_item .item_icon span {
width: 60px;
height: 60px;
font-size: 20px;
}
.funfact_item .item_icon {
width: 90px;
height: 90px;
margin: 0px auto 20px;
}
.funfact_item .counte_text {
font-size: 28px;
margin-bottom: 12px;
}
.funfact_item .item_title {
font-size: 14px;
}
/* service - end */
/* shop - start */
.product_selection_bar .select_option,
.product_selection_bar .select_option.float_right {
float: none;
display: table;
margin: 0px auto;
}
.product_selection_bar .select_option .list,
.product_selection_bar .select_option.float_right .list {
left: 50%;
right: unset;
transform: translateX(-50%);
}
.product_selection_bar .select_option {
padding-bottom: 10px;
}
.product_selection_bar .order-last {
order: 0;
}
/* shop - end */
/* shop details - start */
.shop_details .details_image .nav li {
max-width: 150px;
}
/* shop details - end */
/* home - start */
.about_content .experience_image {
max-width: 90px;
margin-right: 20px;
}
.service_card .item_content {
padding: 20px 20px;
padding-right: 65px;
margin: -30px auto 0px;
}
.service_card .icon_btn {
right: 20px;
}
/* home - end */
body#cart .product__header {
display: none !important;
}
body#cart .product-line-grid-left,
body#cart .product-line-grid-body,
body#cart .product-line-grid-right {
width: 33.33333%;
}
body#checkout .container .login-form {
max-width: 677px;
}
body#checkout .card-grid .page-block .row div.pl-15 {
padding-left: 0px !important;
}
body#checkout .card-grid .page-block .row div.pr-15 {
padding-right: 0px !important;
}
body#checkout #address-checkout .address-content {
width: auto;
max-width: 570px;
}
}
/* ====================================================================================================
5 - media screen and (max-width: 767px) - end
==================================================================================================== */
/* ====================================================================================================
6 - media screen and (max-width: 680px) - start
==================================================================================================== */
@media screen and (max-width: 680px) {
/* global - start */
.section_title .big_title {
font-size: 36px;
}
.section_title .small_title {
font-size: 18px;
margin-bottom: 15px;
}
.section_title .biggest_title {
font-size: 120px;
}
.plus_effect:before {
width: 100px;
}
.plus_effect:after {
height: 100px;
}
.plus_effect:hover:before {
width: 60px;
}
.plus_effect:hover:after {
height: 60px;
}
/* global - end */
/* portfolio - start */
.metro_portfolio_grid .grid-item,
.metro_portfolio_grid .grid-sizer {
width: 50%;
}
.metro_portfolio_grid .w_50 {
width: 50%;
}
.portfolio_fullimage a,
.portfolio_fullimage img {
width: 100%;
display: block;
}
.cta_image_3:before {
top: 50%;
left: 50%;
width: 470px;
height: 470px;
transform: translate(-50%, -50%);
}
/* portfolio - end */
/* service - start */
.funfact_item {
flex: 0 0 50%;
max-width: 50%;
padding: 50px 15px;
border-right: 1px solid #ececec;
border-bottom: 1px solid #ececec;
}
.funfact_bordered {
margin: 0px -15px;
border-top: 1px solid #ececec;
border-left: 1px solid #ececec;
}
/* service - end */
/* shop details - start */
.shop_details .details_image .nav li {
max-width: 100px;
}
.description_tabnav a {
font-size: 16px;
}
.description_tabnav li:not(:last-child) {
margin-right: 30px;
}
.description_tabnav {
margin: 0px;
margin-bottom: 20px;
}
/* shop details - end */
/* home - start */
.blog_fullimage_2 .item_content {
padding: 20px;
}
.blog_fullimage_2 .item_title > a {
font-size: 18px;
}
.blog_fullimage_2 .absolute_btn {
top: 20px;
right: 20px;
}
.testimonial_primary p.font_24 {
font-size: 18px;
}
/* home - end */
}
/* ====================================================================================================
6 - media screen and (max-width: 680px) - end
==================================================================================================== */
/* ====================================================================================================
7 - media screen and (max-width: 580px) - start
==================================================================================================== */
@media screen and (max-width: 580px) {
/* global - start */
#backtotop {
width: 40px;
height: 40px;
}
#scroll {
font-size: 14px;
line-height: 46px;
}
/* global - end */
/* header - start */
.header_bottom {
min-height: auto;
/*padding: 15px 0px;*/
}
.header_section .brand_logo a {
/*max-width: 150px;*/
max-width: 129px;
}
.header_section .brand_logo a svg {
width: 100%;
}
/*.mobilemenu_btns_group button {
font-size: 16px;
}*/
.header_default + main {
margin-top: 61px;
}
.search_body_collapse .form_item input {
height: 45px;
font-size: 16px;
}
.search_body_collapse .form_item button {
font-size: 16px;
}
/* header - end */
/* breadcrumb - start */
.page_title {
font-size: 54px;
}
/* breadcrumb - end */
/* about - start */
.team_grid .member_name {
font-size: 18px;
margin-bottom: 8px;
}
.team_grid .member_title {
margin-bottom: 12px;
}
.team_grid .square_social_links li:not(:last-child) {
margin-right: 4px;
}
.team_grid .item_content {
padding: 20px;
}
/* about - end */
/* blog - start */
.blog_standard .item_content {
padding: 30px;
}
.blog_standard .item_title > a,
.blog_quote .item_title > a {
font-size: 22px;
}
.blog_quote {
padding: 40px 30px;
}
.blog_standard .post_type {
margin-bottom: 20px;
}
/* blog - end */
/* portfolio details - start */
.masonry_details_images {
margin: -5px;
}
.masonry_details_images .grid-item {
padding: 5px;
}
.cta_image_3:before {
width: 420px;
height: 420px;
}
/* portfolio details - end */
/* home - start */
.home_one_banner .banner_image {
min-height: 290px;
margin-bottom: 30px;
}
.home_one_banner .item_title {
font-size: 48px;
margin-bottom: 30px;
}
.home_one_banner .sub_title {
font-size: 18px;
padding-left: 45px;
margin-bottom: 20px;
}
.home_one_banner .custom_btn {
font-size: 13px;
padding: 10px 25px;
}
.home_one_banner .custom_btn span {
width: 35px;
height: 35px;
line-height: 39px;
font-size: 12px;
margin-left: 25px;
margin-right: -15px;
}
.home_one_banner .decoration_text {
font-size: 110px;
}
.about_image_2:before {
width: 150px;
height: 150px;
}
.home_two_banner .banner_image {
width: 460px;
height: 460px;
}
.home_two_banner .banner_image:after {
width: 370px;
height: 370px;
}
.home_two_banner .image_1 {
max-width: 220px;
}
.home_two_banner .image_2 {
max-width: 280px;
}
.home_two_banner .image_3 {
top: 106px;
right: 120px;
max-width: 90px;
}
.home_two_banner .item_title {
font-size: 54px;
}
.home_two_banner .decoration_text {
font-size: 120px;
}
.feature_card .item_title {
font-size: 20px;
}
.funfact_item {
flex: 0 0 100%;
max-width: 100%;
border: none;
}
.funfact_item:not(:last-child) {
border: none;
border-bottom: 1px solid #ececec;
}
.creative_testimonial_carousel {
padding: 30px;
}
.creative_testimonial_carousel .testimonial_primary {
padding-top: 0px;
padding-left: 0px;
}
.creative_testimonial_carousel .owl-nav {
margin-top: 30px;
padding-left: 0px;
}
.home_three_slider .item_title {
font-size: 66px;
margin-bottom: 20px;
}
.home_three_slider p {
font-size: 14px;
}
.home_three_slider .slider_image {
max-width: 400px;
margin: 0px auto 40px;
}
.funfact_item {
min-height: auto;
}
/* home - end */
}
@media screen and (max-width: 575px) {
/* global - start */
.section_title .big_title {
font-size: 30px;
}
.section_title .biggest_title {
font-size: 100px;
}
/* global - end */
/* footer - start */
.footer_section .brands_list {
display: flex;
justify-content: center;
}
.footer_section .brands_list .logo_image {
padding: 15px;
flex: 0 0 33.333%;
max-width: 33.333%;
}
/* footer - end */
/* breadcrumb - start */
.page_title {
font-size: 42px;
}
/* breadcrumb - end */
/* blog details - start */
.blog_details .details_content .item_title {
font-size: 22px;
}
.details_section .details_content .title_text {
font-size: 20px;
}
.author_information {
padding: 30px;
}
.details_section .details_content hr {
height: 1px;
margin-top: 50px;
margin-bottom: 50px;
}
.author_information .author_thumbnail {
float: none;
margin: 0px;
width: 130px;
height: 130px;
margin-bottom: 20px;
}
.author_information .author_content {
display: block;
}
/* blog details - end */
/* portfolio - start */
.masonry_portfolio_grid {
margin: -5px;
}
.masonry_portfolio_grid .grid-item {
padding: 5px;
}
/* portfolio - end */
/* portfolio - start */
.pricing_section .shape_2 {
max-width: 80px;
}
.pricing_section .shape_1 {
max-width: 130px;
}
/* portfolio - end */
/* service - start */
.service_listlayout_boxed .item_image {
max-width: 100px;
min-width: 100px;
margin-right: 20px;
}
.service_listlayout_boxed .item_title {
font-size: 18px;
margin-bottom: 10px;
}
.service_listlayout_boxed {
padding: 30px;
}
/* service - end */
/* service details - start */
.details_section .details_content .item_title {
font-size: 22px;
}
/* service details - end */
/* home - start */
.service_grid_2 .item_icon {
float: none;
width: 80px;
height: 80px;
line-height: 82px;
margin-right: 0px;
text-align: center;
margin-bottom: 25px;
}
.service_grid_2 .item_content_wrap {
padding: 30px;
}
.service_grid_2 .item_title {
font-size: 20px;
}
/* home - end */
}
/* ====================================================================================================
7 - media screen and (max-width: 580px) - end
==================================================================================================== */
/* ====================================================================================================
8 - media screen and (max-width: 480px) - start
==================================================================================================== */
@media screen and (max-width: 480px) {
/* footer - start */
.footer_widget_area,
.footer_brand_area {
padding: 50px 0px;
}
.footer_bottom_boxed {
padding: 30px 20px;
}
.footer_section .brands_list .logo_image {
flex: 0 0 100%;
max-width: 100%;
}
/* footer - end */
/* blog details - start */
blockquote {
padding: 30px;
}
.details_section .details_content .share_links,
.details_section .details_content .primary_tag_list {
margin-top: 20px;
}
/* blog details - end */
/* portfolio - start */
.metro_portfolio_grid .w_50 {
width: 100%;
}
.cta_image_3:before {
width: 370px;
height: 370px;
}
/* portfolio - end */
/* service - start */
.cta_section .deco_image_1 {
right: 20px;
bottom: 20px;
max-width: 100px;
}
.service_listlayout_boxed {
display: block;
}
.service_listlayout_boxed .item_image {
margin: 0px;
float: none;
margin-bottom: 20px;
}
.service_listlayout_boxed .item_content {
display: block;
}
/* service - end */
/* shop details - start */
.shop_details .details_image .nav li {
max-width: 80px;
}
.description_tabnav li {
width: 100%;
display: block;
margin-bottom: 10px;
}
.description_tabnav li:not(:last-child) {
margin-right: 0px;
}
.description_tabnav li a {
padding: 0px;
padding-bottom: 2px;
display: inline-block;
}
/* shop details - end */
/* home - start */
.home_two_banner .banner_image {
width: 330px;
height: 330px;
}
.home_two_banner .banner_image:after {
width: 280px;
height: 280px;
}
.home_two_banner .image_1 {
max-width: 150px;
}
.home_two_banner .image_2 {
max-width: 200px;
}
.home_two_banner .image_3 {
top: 53px;
right: 80px;
max-width: 70px;
}
.creative_testimonial_carousel .testimonial_primary p {
font-size: 18px;
}
.home_three_slider .btns_group li {
width: 100%;
display: block;
}
.home_three_slider .btns_group li:not(:last-child) {
margin-right: 0px;
margin-bottom: 10px;
}
.feature_listlayout_boxed2 {
padding: 30px 15px;
}
.newsletter_boxed .newsletter_form {
padding: 15px;
}
.newsletter_boxed .form_item {
padding: 0px;
}
/* home - end */
}
/* ====================================================================================================
8 - media screen and (max-width: 480px) - end
==================================================================================================== */
/* ====================================================================================================
9 - media screen and (max-width: 320px) - start
==================================================================================================== */
@media screen and (max-width: 380px) {
/* global - start */
.section_title .big_title {
font-size: 28px;
}
.section_title .biggest_title {
font-size: 90px;
}
.pagination_nav li:not(:last-child) {
margin-right: 5px;
}
.pagination_nav a {
height: 50px;
min-width: 50px;
font-size: 13px;
padding: 0px 10px;
line-height: 50px;
}
/* global - end */
/* footer - start */
.secondary_footer .footer_about .brand_logo {
height: 110px;
}
.secondary_footer .footer_about .brand_logo > a {
max-width: 170px;
}
.secondary_footer .footer_about {
padding: 15px;
}
.footer_newsletter_boxed {
padding: 30px 15px;
}
/* footer - end */
/* breadcrumb - start */
.page_title {
font-size: 38px;
}
.breadcrumb_nav > li {
font-size: 16px;
}
.breadcrumb_nav {
margin-top: 8px;
}
/* breadcrumb - end */
/* sidebar - start */
.sb_service_category li:not(:last-child) {
margin-bottom: 20px;
padding-bottom: 20px;
}
.sb_service_category a {
font-size: 16px;
padding-right: 50px;
}
.sb_service_category a:before {
right: 50px;
}
/* sidebar - end */
/* about - start */
.service_grid .item_content {
margin: 0px auto;
}
/* about - end */
/* blog - start */
.blog_standard .item_title > a,
.blog_quote .item_title > a {
font-size: 20px;
}
/* blog - end */
/* portfolio details - start */
.details_section .details_content .item_title {
font-size: 26px;
}
/* portfolio details - end */
/* portfolio - start */
.cta_image_3:before {
width: 270px;
height: 270px;
}
/* portfolio - end */
/* pricing - start */
.pricing_plan .item_title {
font-size: 26px;
}
.pricing_plan .sub_title {
font-size: 20px;
}
.pricing_plan .item_icon > img {
max-width: 170px;
}
.pricing_plan .item_icon {
min-height: 135px;
margin-bottom: 25px;
}
.pricing_plan .pricing_text {
font-size: 48px;
margin-bottom: 20px;
}
.pricing_plan .item_body {
padding: 20px 0px;
}
.pricing_plan {
padding: 50px 25px;
}
.pricing_plan .price_info {
padding-top: 30px;
}
.pricing_plan .price_info li:not(:last-child) {
margin-bottom: 15px;
}
.pricing_plan .price_info li {
font-size: 16px;
}
/* pricing - end */
/* service - start */
.feature_listlayout_boxed .item_icon {
margin: 0px;
float: none;
width: 60px;
height: 60px;
font-size: 20px;
margin-bottom: 20px;
}
.feature_listlayout_boxed .item_content {
display: block;
}
.feature_listlayout_boxed .item_title {
font-size: 20px;
margin-bottom: 10px;
}
.funfact_bordered {
border: none;
}
.funfact_bordered .funfact_item {
border: none;
flex: 0 0 100%;
max-width: 100%;
min-height: auto;
border-bottom: 1px solid #ececec;
}
/* service - end */
/* service details - start */
.details_section .details_content .item_title {
font-size: 20px;
}
/* service details - end */
/* home - start */
.avatar_wrap .avatar_image {
width: 50px;
height: 50px;
margin-right: 15px;
}
.avatar_wrap .avatar_name {
font-size: 16px;
margin-bottom: 5px;
}
.avatar_wrap .avatar_title {
font-size: 12px;
}
.play_btn {
width: 70px;
height: 70px;
line-height: 70px;
border: 2px solid rgba(255, 67, 40, 0.49);
}
.about_image_2:before {
width: 90px;
height: 90px;
}
.home_two_banner .banner_image {
width: 290px;
height: 290px;
}
.home_two_banner .banner_image:after {
width: 250px;
height: 250px;
}
.home_two_banner .image_1 {
max-width: 135px;
}
.home_two_banner .image_2 {
max-width: 165px;
}
.home_two_banner .image_3 {
top: 53px;
right: 70px;
max-width: 60px;
}
.home_two_banner .item_title {
font-size: 42px;
}
.creative_testimonial_carousel .testimonial_primary p {
font-size: 16px;
}
.feature_listlayout_boxed2 .item_icon {
float: none;
margin-right: 0px;
margin-bottom: 20px;
}
.feature_listlayout_boxed2 .item_content {
display: block;
}
/* home - end */
}
@media screen and (max-width: 350px) {
/* portfolio - start */
.masonry_portfolio_grid .grid-item,
.masonry_portfolio_grid .grid-sizer {
width: 100%;
}
.metro_portfolio_grid .grid-item,
.metro_portfolio_grid .grid-sizer {
width: 100%;
}
/* portfolio - end */
/* shop details - start */
.shop_details .details_image .nav li {
max-width: 60px;
}
/* shop details - end */
}
/* ====================================================================================================
9 - media screen and (max-width: 320px) - end
==================================================================================================== */
.cart__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
background: #8ad84a;
height: 100%;
}
.header_bottom .cart__wrapper:before {
content: '';
position: absolute;
top: 0;
left: 100%;
bottom: 0;
width: 1000%;
background: #8ad84a;
}
.blockcart a {
position: relative;
}
.blockcart a span {
position: absolute;
font-size: 8px;
line-height: normal;
color: #000000;
}
.cart__wrapper .user-info {
order: 1;
}
.user-info span {
margin-right: 10px;
}
.cart__wrapper .user-info a {
display: block;
}
.cart__wrapper .user-info a.logout {
margin-bottom: -20px;
}
.cart__wrapper #blockcart-wrapper {
order: 2;
}
.cart__wrapper .search_box {
order: 3;
}
.user-info .login span {
font-size: 16px;
color: #000;
margin: 0 10px 0 0;
}
.header_bottom .align-items-center {
height: 100%;
}
.header_bottom > div {
height: 100px;
}
#blockcart-wrapper + span {
cursor: pointer;
}
.header_bottom .col-xl-8 {
position: static;
}
#main .home_two_banner .container {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1530px;
}
.home_two_left {
display: flex;
flex-direction: column;
max-width: 615px;
width: 50%;
margin-bottom: 44px;
margin-left: auto;
padding: 0 15px;
}
.home_two_left > span {
margin: 40px 0 0 0;
}
.home_two_left span {
font-size: 52px;
font-family: 'Rubik', sans-serif;
font-weight: bold;
line-height: 1.27;
color: #000000;
}
.home_two_left span span {
color: #0b67aa;
}
.home_two_right {
width: 50%;
}
@media screen and (max-width: 1200px) {
.home_two_left span {
font-size: 48px;
}
}
@media screen and (max-width: 991px) {
.home_two_left span {
font-size: 40px;
}
}
@media screen and (max-width: 767px) {
.home_two_banner {
min-height: initial;
padding: 53px 0px 115px;
background: #fff;
}
.home_two_banner .container {
flex-wrap: wrap;
}
.home_two_left svg {
width: 132px;
}
.home_two_left {
max-width: none;
width: 100%;
margin-bottom: 24px;
padding: 0;
}
.home_two_left span {
margin: 0;
font-size: 36px;
line-height: 1.17;
}
}
#footer {
background: #333333;
padding: 40px 0 26px 0;
}
.footer__logo {
text-align: center;
}
.footer__bottom {
display: flex;
margin: 41px -15px 0;
}
.footer__bottom .tar {
text-align: right;
}
.footer__bottom .footer__bottom_col {
width: 23%;
}
.footer__bottom .footer__bottom_col:first-child,
.footer__bottom .footer__bottom_col:nth-child(2) {
width: 38.5%;
line-height: 20px;
}
@media screen and (max-width: 767px) {
.footer__bottom .footer__bottom_col {
width: 100% !important;
}
.footer__bottom .tar {
text-align: center;
}
}
.footer__bottom span {
font-size: 12px;
font-family: 'Rubik', sans-serif;
line-height: 14px;
color: #a7a7a7;
}
.footer__bottom a {
font-size: 12px;
line-height: 14px;
color: #53aa0b;
}
.container.container__footer {
max-width: 1200px;
}
.footer__top {
display: flex;
margin: 10px -15px 0;
}
.footer__top .footer__top--single {
width: 25%;
padding: 0 15px;
}
.footer__top h3 {
margin: 0 0 10px 0;
font-size: 16px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
line-height: 22px;
color: #7dc142;
text-transform: uppercase;
}
.footer__top h3 span {
font-family: 'Rubik', sans-serif;
color: #fff;
text-transform: none;
/*font-style: italic;*/
}
.footer__top ul > li > a {
font-size: 14px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
line-height: 20px;
color: #ffffff;
}
.footer__top ul > li {
font-size: 14px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
line-height: 20px;
}
/*.user-logged {
width: 100px;
}*/
.user-logged a {
font-size: 16px;
color: #000;
line-height: 20px;
}
.user-logged a.logout {
font-size: 12px;
color: #fff;
}
main {
padding: 150px 0 0 0;
}
#main .container {
max-width: 1000px;
}
#main .breadcrumb__wrapper {
padding-right: 0;
padding-left: 0;
}
#identity #main .breadcrumb__wrapper,
#history #main .breadcrumb__wrapper,
#order-slip #main .breadcrumb__wrapper,
#order-follow #main .breadcrumb__wrapper {
margin-bottom: 17px;
}
#identity #content,
#history #content,
#order-slip #content,
#order-follow #content {
padding: 36px 15px 27px;
}
#identity h1,
#history h1,
#order-slip h1,
#order-follow h1 {
font-size: 30px;
font-family: 'Rubik', sans-serif;
font-weight: bold;
text-transform: none;
line-height: 38px;
color: #000000;
}
#identity .exit,
#history .exit,
#order-slip .exit,
#order-follow .exit {
padding: 8px 35px 0 0;
}
#identity .exit img,
#history .exit img,
#order-slip .exit img,
#order-follow .exit img {
margin-left: 5px;
}
#main .page-contant-email {
padding-top: 17px;
}
#main .page-contant-email .h2 {
margin-bottom: 61px;
font-size: 30px;
font-family: 'Rubik', sans-serif;
font-weight: bold;
text-transform: none;
text-align: center;
line-height: 38px;
color: #000000;
}
.forgotten-password .form-fields .center-email-fields {
display: block;
}
.cms__wrapper {
padding: 0 0 83px;
}
.breadcrumb__wrapper {
margin-top: 14px;
padding: 20px 5px;
}
.breadcrumb__wrapper ul {
display: flex;
flex-wrap: wrap;
}
.breadcrumb__wrapper ul li a {
margin: 0 7px 0 0;
font-size: 14px;
font-family: 'Rubik', sans-serif;
line-height: 2;
color: #828282;
}
.breadcrumb__wrapper ul li span {
font-family: 'Rubik', sans-serif;
}
.breadcrumb__wrapper ul li > span {
color: #000;
margin: 0 6px 0 10px;
font-family: 'Rubik', sans-serif;
font-size: 14px;
line-height: 2;
}
.page-header {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 25px 0;
}
.page-header h1 {
padding-right: 10px;
font-size: 30px;
font-family: 'Rubik', sans-serif;
font-weight: bold;
line-height: 38px;
color: #000000;
}
.header-print span {
margin-right: 7px;
font-size: 18px;
line-height: 28px;
color: #000;
}
.print-next .header-print {
position: absolute;
top: 100%;
right: 0;
margin-top: 25px;
}
.print-next + h1,
.print-next + h2,
.print-next + p {
padding-right: 230px !important;
}
.page-content h2 {
margin: 0 0 32px;
padding: 0 0 13px;
font-size: 20px;
line-height: 28px;
border-bottom: 1px solid #53aa0b;
}
.cms__wrapper {
min-height: 44vh;
}
.cms__wrapper .page-content h2 {
margin: 80px 0 32px;
}
.cms__wrapper .page-content .page-header + h2,
.cms__wrapper .page-content .page-header + h3 {
margin-top: 0;
max-width: none;
}
.cms__wrapper .page-content h3 {
max-width: 800px;
margin: 50px 0 20px;
font-size: 20px;
font-weight: 500;
line-height: 28px;
color: #000000;
}
.cms__wrapper .page-content h3 a {
font-family: 'Rubik', sans-serif;
font-weight: 500;
}
.cms__wrapper .page-content.page-cms ul {
list-style-type: none;
}
.cms__wrapper .page-content.page-cms ul li {
position: relative;
padding-left: 20px;
}
.cms__wrapper .page-content.page-cms ul li:before {
content: '-';
position: absolute;
top: 0;
left: 10px;
}
.page-content p,
.page-content p span {
margin-bottom: 23px;
font-size: 18px !important;
line-height: 24px;
color: #000;
}
.content-medium {
width: 100% !important;
padding-right: 0 !important;
}
.content-medium > *:first-child {
width: calc(100% - 230px);
}
/*.cms-id-4 .cms__wrapper p,
.cms-id-3 .cms__wrapper p {
max-width: 670px;
}*/
.content-medium p {
max-width: 670px;
}
.content-medium img {
max-width: 770px;
}
@media screen and (max-width: 991px) {
.content-medium img {
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.cms__wrapper {
padding-right: 0;
padding-left: 0;
}
.breadcrumb__wrapper ul {
margin-bottom: 10px;
}
.page-header {
flex-wrap: wrap;
}
.page-header h1 {
padding-right: 0;
margin-bottom: 37px;
font-size: 26px;
line-height: 32px;
}
.print-next .header-print {
position: initial;
width: 100%;
margin-top: 0;
}
.print-next + h1,
.print-next + h2,
.print-next + p {
padding-right: 0 !important;
}
.content-medium > *:first-child {
width: 100%;
}
.page-header {
margin-bottom: 51px;
}
.cms__wrapper .page-content h2 {
margin: 57px 0 35px;
}
.cms__wrapper .page-content h3 {
margin-top: 64px;
}
#main .page-contant-email .h2 {
font-size: 26px;
line-height: 32px;
}
#identity .h2,
#history .h2,
#order-slip .h2,
#order-follow .h2 {
font-size: 26px;
line-height: 32px;
}
#identity .exit,
#history .exit,
#order-slip .exit,
#order-follow .exit {
padding: 0;
}
}
.page__options,
.page__recomm {
display: flex;
justify-content: space-between;
align-items: center;
background: #53aa0b;
margin-left: -30px;
padding: 12px 30px;
}
.page__options + p,
.page__recomm + p {
margin-top: 25px;
}
.options__left,
.recomm__left {
width: 35%;
}
.options__left span {
font-weight: 500;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.options__right,
.recomm__right {
width: 75%;
}
.options__right span,
.page__recomm span {
font-size: 14px;
line-height: 28px;
color: #fff;
}
@media screen and (max-width: 767px) {
.page__options,
.page__recomm {
flex-wrap: wrap;
padding: 21px 22px 21px;
}
.options__left,
.recomm__left {
width: 100%;
margin-bottom: 10px;
}
.options__right,
.recomm__right {
width: 90%;
}
.options__right,
.options__right span,
.page__recomm span {
line-height: 18px;
}
}
.page-cms table.tablestyle {
width: 100%;
margin: 0 0 50px 0;
}
.page-cms table td {
padding-top: 12px;
padding-bottom: 12px;
font-size: 15px;
line-height: 20px;
}
.page-cms table.tablestyle tr:first-of-type td,
.page-cms table.tablestyle tr:first-of-type td:first-child {
background: #f0f7ea;
}
.page-cms table.tablestyle tr td:first-of-type {
background: #fff;
}
.page-cms table.tablestyle td:first-of-type {
padding: 0 0 0 30px;
}
.page-cms table.tablestyle tr:first-of-type td span,
.page-cms table.tablestyle tr:first-of-type td {
font-size: 15px;
line-height: 20px;
color: #000 !important;
padding-top: 12px;
padding-bottom: 12px;
}
.page-cms table.tablestyle tr strong {
color: #000;
}
.page-cms table.tablestyle td a,
.page-cms table.tablestyle td a span {
font-family: 'Rubik', sans-serif;
color: #53aa0b;
transition: none;
}
.header-print {
min-width: 190px;
cursor: pointer;
}
.page-cms table td span {
font-size: 15px !important;
line-height: 20px;
color: #000;
}
#content.page-cms .responsive_table_box {
position: relative;
}
.responsive_table_box + .page__options,
.responsive_table_box + .page__recomm {
margin-top: 89px;
}
#content.page-cms .responsive_table_box:last-child {
margin-bottom: 10px;
}
#content.page-cms .responsive_table {
position: relative;
min-width: 100%;
margin-left: -30px;
margin-bottom: 20px;
overflow-x: auto;
overflow-y: visible;
padding: 0;
-ms-overflow-style: none;
scrollbar-width: none;
}
#content.page-cms .responsive_table_img {
margin: 0;
}
#content.page-cms .responsive_table::-webkit-scrollbar {
display: none;
}
#content.page-cms .responsive_table table {
min-width: 100%;
/*min-width: 800px;*/
/*min-width: 540px;*/
}
#content.page-cms .responsive_table_img table {
margin: 23px 0 18px;
}
#content.page-cms table {
width: 100%;
margin: 0;
table-layout: fixed;
}
#content.page-cms table td,
#content.page-cms table td p {
font-size: 15px !important;
line-height: 20px;
text-align: left !important;
}
#content.page-cms table td {
padding: 8px 10px 10px;
}
#content.page-cms table tr:first-of-type td {
padding: 12px 10px;
}
#content.page-cms table tr td:first-of-type {
min-width: 118px;
width: 125px;
padding-left: 29px;
}
#content.page-cms table td p {
margin-bottom: 12px;
padding: 0;
}
#content.page-cms table td p:last-child {
margin-bottom: 0;
}
#content.page-cms table tr:first-of-type td {
font-weight: 400;
}
#content.page-cms .responsive_table_img table tr:first-of-type td,
#content.page-cms table td strong {
font-weight: 500;
}
#content.page-cms .table_img_flyer table td:first-child {
width: 42%;
padding-left: 30px !important;
}
#content.page-cms .table_img_flyer table.img td:first-child {
width: auto;
padding-left: 30px !important;
}
#content.page-cms .table_img_flyer table td {
padding: 30px 10px !important;
}
#content.page-cms .table_img_flyer table td,
#content.page-cms .table_img_flyer table td p {
font-size: 14px !important;
line-height: 18px;
}
#content.page-cms .responsive_table_img table {
min-width: 800px;
width: 100% !important;
}
#content.page-cms .responsive_table_img table td,
#content.page-cms .responsive_table_img table td p {
padding: 5px 7px 5px 10px;
}
#content.page-cms .responsive_table_img table tr td:first-of-type {
width: auto;
padding-left: 10px;
}
#content.page-cms .responsive_table_img table tr:first-of-type td:first-child {
width: 194px;
padding: 0 5px;
}
#content.page-cms .responsive_table_img table tr:first-of-type td:first-child img {
width: 165px;
}
@media screen and (max-width: 991px) {
.page__options,
.page__recomm {
margin-left: 0;
}
#content.page-cms .responsive_table {
margin-left: 0;
}
#content.page-cms table tr td:first-of-type,
#content.page-cms table tr:first-of-type td:first-of-type {
position: sticky;
left: -1px;
width: 81px;
padding-left: 21px;
}
#content.page-cms table {
width: auto;
}
#content.page-cms .table_img_flyer table tr:first-of-type td:last-child,
#content.page-cms table tr:first-of-type td {
padding: 12px 6px 10px !important;
}
#content.page-cms table td {
padding: 8px 6px 10px;
min-width: 88px;
}
#content.page-cms .responsive_table_box:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 71px;
background: linear-gradient(-90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%);
pointer-events: none;
}
#content.page-cms .responsive_table_img table tr:first-of-type td:first-child {
position: sticky;
left: -1px;
width: 180px;
padding: 0;
}
#content.page-cms .responsive_table_img table tr td:first-of-type {
position: initial;
}
#content.page-cms .responsive_table_img table tr td:first-of-type {
padding-left: 7px;
}
#content.page-cms .responsive_table_img table tr:first-of-type td:first-child {
background-color: #fff;
}
#content.page-cms .table_img_flyer table tr td:first-of-type,
#content.page-cms .table_img_flyer table tr:first-of-type td:first-of-type {
position: initial;
left: 0;
width: 45%;
padding-left: 10px;
}
}
@media screen and (max-width: 767px) {
#content.page-cms table td,
#content.page-cms table td p {
font-size: 14px !important;
}
#content.page-cms table tr:first-of-type td:last-child,
#content.page-cms table td:last-child {
min-width: 120px;
padding-right: 30px !important;
}
#content.page-cms .responsive_table_img table td,
#content.page-cms .responsive_table_img table td p {
font-size: 15px !important;
}
#content.page-cms .responsive_table_img table td:last-child {
width: 190px;
padding-right: 30px !important;
}
#content.page-cms .responsive_table_img table tr:first-of-type td:first-child {
width: 140px;
}
#content.page-cms .table_img_flyer table {
min-width: 100%;
}
#content.page-cms .table_img_flyer table td {
display: block;
width: 100% !important;
padding: 0 !important;
}
#content.page-cms .table_img_flyer table td span {
font-size: 14px !important;
}
#content.page-cms .table_img_flyer table td:first-child {
padding: 41px 0 !important;
}
}
.container__product {
max-width: 1000px;
}
.container__product .breadcrumb__wrapper {
padding: 20px 0;
}
.container__product h1 {
margin-top: 17px;
font-weight: bold;
font-size: 30px;
line-height: 38px;
}
.product__wrapper {
display: flex;
justify-content: space-between;
width: 100%;
margin: 50px 0 0 0;
}
.product__image {
max-width: 370px;
width: 100%;
}
.product__content {
display: flex;
flex-direction: column;
margin: 0 0 0 30px;
width: 100%;
}
.product__content h2 {
background: #53aa0b;
font-size: 16px;
line-height: 28px;
color: #fff;
padding: 5px 30px;
margin: 0 0 29px 0;
}
.product__content .two_header {
background-color: #68C11F;
}
.product__content .three_header {
margin-bottom: 19px;
background-color: #8CDD49;
}
.product-customization {
margin: -6px 0 2.5rem;
}
.product-prices {
margin-top: 45px;
}
.product-prices,
body#product .product-price.h5 {
max-width: none;
}
.product__content .product-description,
.product__content .product_recomm {
margin-bottom: 45px;
font-size: 14px;
line-height: 18px;
color: #000000;
}
@media screen and (max-width: 767px) {
.product__wrapper {
flex-wrap: wrap;
}
.product__image {
max-width: none;
}
.product__image .product-cover {
max-width: 560px;
}
.product__content {
margin: 0;
}
.container__product h1 {
font-size: 26px;
line-height: 32px;
}
}
.cms__wrapper:before,
.container__product:before {
/*body#cart .cart-grid.row:after,*/
/*body#checkout .cart-grid.row:after {*/
/* content: '';
background: url('../images/pp-absurde.png');
width: 189px;
height: 303px;
position: fixed;
right: 10%;
top: 25vh;*/
}
/** AUth page */
.page-authentication {
}
.page-authentication #content.page-content.card-block {
/*background-color: #F0F6EA;
border-radius: 0px;
padding: 40px 100px 40px 100px;
max-width: 470px;*/
padding: 0px;
box-shadow: none;
border: none;
max-width: 100%;
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.page-authentication #content .login-form,
body#checkout .login-form {
background-color: #f0f6ea;
border-radius: 0px;
padding: 40px 100px 18px 100px;
max-width: 470px;
width: 100%;
}
.page-authentication #content .login-form h2 {
text-align: left;
}
.page-authentication #content *,
body#checkout .login-form *,
body#checkout .register-form * {
font-family: 'Rubik', sans-serif;
}
.page-authentication #content h2,
body#checkout .login-form h2,
body#checkout .register-form h2 {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 22px;
border: none;
margin-bottom: 20px;
padding: 0px;
color: #000;
}
body#checkout section.checkout-step #login-form {
margin-top: 20px;
}
body#checkout section.checkout-step .payment-options .custom-radio {
/*margin-top: 2px;*/
vertical-align: middle;
}
body#checkout .register-form h2,
.page-authentication #content .register-form h2 {
margin-bottom: 40px;
}
.page-authentication #content .form-group + h2,
body#checkout .login-form .form-group + h2,
body#checkout .register-form .form-group + h2 {
margin-top: 72px;
}
.page-authentication #content input[type='password'] + .input-group-btn,
body#checkout .login-form input[type='password'] + .input-group-btn,
body#checkout .register-form input[type='password'] + .input-group-btn {
display: none;
}
.page-authentication #content section.login-form {
margin: 0 0 50px;
}
.page-authentication #content .container section.login-form {
margin: 0 auto 50px;
}
.page-authentication #content .login-form input,
.page-authentication #content .form-group:not(#customer-form .form-group),
body#checkout .login-form .form-group {
margin-bottom: 4px;
}
.page-authentication #content #customer-form .form-group,
body#checkout #customer-form .form-group {
margin-bottom: 10px;
}
.page-authentication #content input,
body#checkout .login-form input,
body#chekout .register-form input {
border-radius: 0px;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #494d44;
background: #ffffff;
border: 1px solid #cedabf;
box-sizing: border-box;
padding: 17px 19px;
height: auto;
}
.page-authentication #content input:focus,
body#chekout .register-form input:focus {
box-shadow: none;
}
.page-authentication #content input:-moz-placeholder,
.page-authentication #content input::-moz-placeholder,
body#chekout .register-form input:-moz-placeholder,
body#chekout .register-form input::-moz-placeholder,
body#chekout .register-form input:-ms-input-placeholder,
body#chekout .register-form input::-webkit-input-placeholder {
color: #494d44;
font-size: inherit;
font-weight: normal;
font-family: 'Rubik', sans-serif;
text-transform: none;
}
.page-authentication #content input::-moz-placeholder {
color: #494d44;
font-size: inherit;
font-weight: normal;
font-family: 'Rubik', sans-serif;
text-transform: none;
}
.page-authentication #content input:-ms-input-placeholder {
color: #494d44;
font-size: inherit;
font-weight: normal;
font-family: 'Rubik', sans-serif;
text-transform: none;
}
.page-authentication #content input::-webkit-input-placeholder {
color: #494d44;
font-size: inherit;
font-weight: normal;
font-family: 'Rubik', sans-serif;
text-transform: none;
}
.page-authentication #content .form-control:focus,
.page-authentication #content .input-group.focus,
body#chekout .register-form .form-control:focus,
body#chekout .register-form .input-group.focus {
outline: none;
}
.page-authentication #content .register-form .form-footer,
body#chekout .register-form .register-form .form-footer {
position: absolute;
right: 0;
bottom: -130px;
padding-top: 8px;
}
.page-authentication #content .register-form .form-footer {
left: 0;
display: flex;
justify-content: center;
}
#authentication.page-authentication #content .form-footer .btn.btn-primary {
width: 170px !important;
}
.page-authentication #content .form-footer .btn.btn-primary,
body#checkout .login-form .form-footer .btn.btn-primary,
body#checkout .register-form .form-footer .btn.btn-primary {
border-radius: 0px;
box-shadow: none;
text-transform: none;
background: #53aa0b;
border: none;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #fff;
/* width: 170px; */
width: 100%;
height: 52px;
outline: none !important;
}
.page-authentication #content .form-footer .btn.btn-primary:hover,
body#checkout .register-form .form-footer .btn.btn-primary:hover {
background-color: #4ea009;
}
.page-authentication #content .form-footer + p {
display: none;
}
.page-customer-account #content .forgot-password {
text-align: left;
margin-top: 23px;
padding: 0px;
}
.page-customer-account #content .forgot-password a {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #494d44;
text-decoration: none;
}
/* .page-customer-account #content .forgot-password a:hover {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #494d44;
text-decoration: none;
} */
.page-customer-account #content .no-account a {
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #494d44;
text-decoration: none;
}
.page-customer-account #content .no-account a:hover {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #494d44;
text-decoration: none;
}
.page-authentication #content .alert {
border-radius: 0px;
}
/** registration page */
.custom-radio-checkbox,
.custom-checkbox-dev {
margin-right: 13px;
}
.custom-radio-checkbox > span,
.custom-checkbox-dev > span {
display: inline-block;
width: 16px;
height: 16px;
background-color: #F0F6EA;
border-radius: 2px;
position: relative;
cursor: pointer;
}
.custom-radio-checkbox > input[type='radio'],
.custom-checkbox-dev > input[type='checkbox'] {
display: none;
}
.custom-radio-checkbox input[type='radio']:checked + span,
.custom-checkbox-dev > input[type='checkbox']:checked + span {
background-color: #000;
}
.custom-radio-checkbox input[type='radio']:checked + span::after,
.custom-checkbox-dev > input[type='checkbox']:checked + span::after {
content: '';
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi44ODQ3MSAwLjIwNjgwM0M3LjAyNTU4IDAuMDcyNjkxOSA3LjIxMzAzIC0wLjAwMTQ1MDEyIDcuNDA3NTMgMi4xNDk1NGUtMDVDNy42MDIwMiAwLjAwMTQ5MzEyIDcuNzg4MzMgMC4wNzg0NjM1IDcuOTI3MTYgMC4yMTQ2OTFDOC4wNjU5OCAwLjM1MDkxOCA4LjE0NjQ1IDAuNTM1NzQ3IDguMTUxNTkgMC43MzAxNzdDOC4xNTY3MyAwLjkyNDYwNyA4LjA4NjE0IDEuMTEzNDMgNy45NTQ3MSAxLjI1NjhMMy45NjQ3MSA2LjI0NjhDMy44OTYxIDYuMzIwNyAzLjgxMzI5IDYuMzgwMDEgMy43MjEyNCA2LjQyMTE3QzMuNjI5MTkgNi40NjIzMyAzLjUyOTc4IDYuNDg0NTEgMy40Mjg5NiA2LjQ4NjM4QzMuMzI4MTQgNi40ODgyNSAzLjIyNzk4IDYuNDY5NzYgMy4xMzQ0NyA2LjQzMjA0QzMuMDQwOTUgNi4zOTQzMSAyLjk1NjAxIDYuMzM4MTEgMi44ODQ3MSA2LjI2NjhMMC4yMzg3MDggMy42MjA4QzAuMTY1MDIyIDMuNTUyMTQgMC4xMDU5MTkgMy40NjkzNCAwLjA2NDkyNzUgMy4zNzczNEMwLjAyMzkzNTUgMy4yODUzNCAwLjAwMTg5MzUgMy4xODYwMyAwLjAwMDExNjcyIDMuMDg1MzNDLTAuMDAxNjYwMDYgMi45ODQ2MiAwLjAxNjg2NDggMi44ODQ1OSAwLjA1NDU4NTggMi43OTEyMUMwLjA5MjMwNjggMi42OTc4MiAwLjE0ODQ1MSAyLjYxMjk4IDAuMjE5NjcgMi41NDE3NkMwLjI5MDg4OSAyLjQ3MDU1IDAuMzc1NzIzIDIuNDE0NCAwLjQ2OTExMSAyLjM3NjY4QzAuNTYyNDk5IDIuMzM4OTYgMC42NjI1MjggMi4zMjA0MyAwLjc2MzIzMSAyLjMyMjIxQzAuODYzOTM0IDIuMzIzOTkgMC45NjMyNDcgMi4zNDYwMyAxLjA1NTI1IDIuMzg3MDJDMS4xNDcyNSAyLjQyODAxIDEuMjMwMDUgMi40ODcxMiAxLjI5ODcxIDIuNTYwOEwzLjM5MjcxIDQuNjUzOEw2Ljg2NTcxIDAuMjI4ODAzQzYuODcxOTYgMC4yMjExMDQgNi44Nzg2NCAwLjIxMzc1OSA2Ljg4NTcxIDAuMjA2ODAzSDYuODg0NzFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
width: 9px;
height: 8px;
display: block;
background-repeat: no-repeat;
margin: 0px;
position: absolute;
top: 5px;
left: 4px;
background-position: center;
}
.custom_checkbox_wraper {
}
.custom_checkbox_wraper > label {
display: flex;
align-items: center;
line-height: 24px;
font-size: 18px;
}
.page-authentication #main h1 {
padding-top: 56px;
margin: 0 auto;
}
.page-authentication
#content
.custom_checkbox_wraper
label[for='c_get_newsletter'],
body#checkout
.register-form
.custom_checkbox_wraper
label[for='c_get_newsletter'] {
margin-top: 34px;
}
.page-authentication #content .register-form,
body#checkout .register-form {
background-color: #f0f6ea;
border-radius: 0px;
padding: 35px 100px 62px 100px;
max-width: 970px;
width: 100%;
position: relative;
margin-bottom: 256px;
}
.page-authentication #content .register-form .custom-radio-checkbox > span,
.page-authentication #content .register-form .custom-checkbox-dev > span,
body#checkout .register-form .custom-radio-checkbox > span,
body#checkout .register-form .custom-checkbox-dev > span {
background-color: #fff;
}
.page-authentication #content .register-form .custom-radio-checkbox input[type='radio']:checked + span,
.page-authentication #content .register-form .custom-checkbox-dev > input[type='checkbox']:checked + span,
body#checkout .register-form .custom-radio-checkbox input[type='radio']:checked + span,
body#checkout .register-form .custom-checkbox-dev > input[type='checkbox']:checked + span {
background-color: #000;
}
.page-authentication #content .register-form .title-block,
body#checkout .register-form .title-block {
padding-left: 0;
padding-top: 43px;
padding-bottom: 3px;
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 18px !important;
line-height: 24px;
}
.page-authentication #content .register-form > form {
max-width: 700px;
}
body#checkout .register-form > form {
max-width: 470px;
}
.page-authentication #content .register-form .form-control-label,
body#checkout .register-form .form-control-label {
margin: 0px;
padding-top: 7px;
padding-bottom: 0px;
text-align: left;
font-weight: 500;
font-size: 14px;
line-height: 16px;
}
.form-control-comment {
padding: 0;
}
.page-authentication #content .register-form .form-control-comment-id_gender,
.page-authentication #content .register-form .form-control-comment-birthday,
.page-authentication #content .register-form .form-control-comment-optin,
.page-authentication
#content
.register-form
.form-control-comment-get_newsletter,
.page-authentication #content .register-form .form-control-comment-address1,
.page-authentication #content .register-form .form-control-comment-postcode,
.page-authentication #content .register-form .form-control-comment-city,
.page-authentication #content .register-form .form-control-comment-id_country,
body#checkout .register-form .form-control-comment-id_gender,
body#checkout .register-form .form-control-comment-birthday,
body#checkout .register-form .form-control-comment-optin,
body#checkout .register-form .form-control-comment-get_newsletter,
body#checkout
.register-form
.form-control-comment-address1
body#checkout
.register-form
.form-control-comment-postcode,
body#checkout .register-form .form-control-comment-city,
body#checkout .register-form .form-control-comment-id_country {
display: none;
}
.page-authentication #content .register-form .radio-inline,
body#checkout .register-form .radio-inline {
margin: 0px;
padding: 0px;
display: flex;
align-items: flex-end;
align-items: center;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 16px;
margin-right: 25px;
margin-right: 52px;
}
.page-authentication #content .register-form .radio-buttons-checkbox-wrap,
body#checkout .register-form .radio-buttons-checkbox-wrap {
display: flex;
align-items: center;
/*margin-bottom: 9px;*/
}
.page-authentication
#content
.register-form
.radio-buttons-checkbox-wrap
.radio-inline
> span:nth-child(1),
body#checkout
.register-form
.radio-buttons-checkbox-wrap
.radio-inline
> span:nth-child(1) {
margin-right: 12px;
}
.page-authentication #content .register-form select,
body#checkout .register-form select {
border-radius: 0px;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #494d44;
background-color: #ffffff;
border: 1px solid #cedabf;
box-sizing: border-box;
padding: 17px 19px;
height: auto;
}
.page-authentication #content .form-control-comment-password_conf,
.page-authentication #content .form-control-comment-password,
.page-authentication #content .form-control-comment-email,
.page-authentication #content .form-control-comment-lastname,
.page-authentication #content .form-control-comment-firstname,
.page-authentication #content .form-control-comment-company,
.page-authentication #content .form-control-comment-address2,
.page-authentication #content .form-control-comment-other,
.page-authentication #content .form-control-comment-phone,
.page-authentication #content .form-control-comment-phone_mobile,
.page-authentication #content .form-control-comment-alias,
body#checkout .register-form .form-control-comment-password_conf,
body#checkout .register-form .form-control-comment-password,
body#checkout .register-form .form-control-comment-email,
body#checkout .register-form .form-control-comment-lastname,
body#checkout .register-form .form-control-comment-firstname,
body#checkout .register-form .form-control-comment-company,
body#checkout .register-form .form-control-comment-address2,
body#checkout .register-form .form-control-comment-other,
body#checkout .register-form .form-control-comment-phone,
body#checkout .register-form .form-control-comment-phone_mobile,
body#checkout .register-form .form-control-comment-alias {
display: none;
}
body#checkout .register-form input, body#checkout .register-form select,
.page-authentication #content .register-form input,
.page-authentication #content .register-form select,
body#checkout .register-form input,
body#checkout .register-form select {
height: auto;
padding: 13px 18px;
font-size: 16px;
line-height: 18px;
color: #000;
border: none;
}
.page-authentication #content .register-form input[name='other'],
body#checkout .register-form input[name='other'] {
height: 88px;
/* margin-bottom: 51px; */
}
.page-authentication #content .register-form .birthday-wraper,
body#checkout .register-form .birthday-wraper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
}
.page-authentication #content .register-form .form-group,
body#checkout .register-form .form-group {
/*width: 100%;*/
align-items: center;
/* height: 57px; */
}
.page-authentication #content .form-control-comment {
display: none;
}
@media (min-width: 768px) {
.page-authentication #content #customer-form .form-group {
flex-direction: row;
}
.page-authentication #content .register-form .col-md-6,
body#checkout .register-form .col-md-6 {
flex: 0 0 60%;
max-width: 60%;
}
.page-authentication #content .register-form .col-md-3,
body#checkout .register-form .col-md-3 {
flex: 0 0 40%;
max-width: 40%;
}
.page-authentication
#content
.register-form
.birthday-wraper
select[name='birthday[Day]'],
body#checkout .register-form .birthday-wraper select[name='birthday[Day]'] {
max-width: 25%;
}
.page-authentication
#content
.register-form
.birthday-wraper
select[name='birthday[Month]'],
body#checkout
.register-form
.birthday-wraper
select[name='birthday[Month]'] {
max-width: 25%;
}
.page-authentication
#content
.register-form
.birthday-wraper
select[name='birthday[Year]'],
body#checkout .register-form .birthday-wraper select[name='birthday[Year]'] {
max-width: 40%;
}
}
@media screen and (max-width: 767px) {
.page-authentication #content #customer-form .form-group {
margin-bottom: 8px;
}
.page-authentication #content #customer-form .form-group:first-child {
flex-direction: row;
margin-bottom: 40px;
}
body#checkout.page-order .register-form .form-group:first-child {
margin-bottom: 36px !important;
}
body#checkout.page-order .register-form {
margin-top: 20px;
padding-top: 35px;
}
body#checkout.page-order .register-form h2 {
margin-bottom: 13px;
}
.page-authentication #content .register-form .radio-buttons-checkbox-wrap,
body#checkout .register-form .radio-buttons-checkbox-wrap {
flex: 0 0 72%;
max-width: 72%;
}
.page-authentication #content .register-form .form-group:first-child .form-control-label,
body#checkout .register-form .form-group:first-child .form-control-label {
flex: 0 0 28%;
max-width: 28%;
padding-right: 0;
}
.page-authentication #content .register-form .form-control-label,
body#checkout .register-form .form-control-label {
padding-bottom: 3px;
}
.page-authentication #content .register-form .birthday-wraper select {
margin-right: 20px;
}
.page-authentication #content .register-form .birthday-wraper select:last-child {
margin-right: 0;
}
.page-authentication #content .custom_checkbox_wraper label[for='c_get_newsletter'],
body#checkout .register-form .custom_checkbox_wraper label[for='c_get_newsletter'] {
margin-top: 40px;
}
.custom_checkbox_wraper > label {
font-size: 14px;
line-height: 24px;
}
.label,
label {
text-align: left;
}
.page-authentication #content .form-group + h2,
body#checkout .login-form .form-group + h2,
body#checkout .register-form .form-group + h2 {
margin-top: 36px;
margin-bottom: 18px !important;
}
.page-authentication #content .register-form input[name='other'],
body#checkout .register-form input[name='other'] {
height: 113px;
}
.page-authentication #content .register-form .title-block,
body#checkout .register-form .title-block {
padding-top: 53px;
margin-bottom: 40px;
font-size: 14px !important;
line-height: 18px;
}
body#checkout.page-order .register-form {
margin-bottom: -11px !important;
}
body#checkout.page-order .register-form .form-footer .btn-primary {
bottom: -4.8% !important;
width: 163px !important;
}
}
/* page identity */
/*#identity .top.container,*/
/*#identity .page-content.container,*/
/*#history .top.container,
#history .page-content.container,
#order-slip .top.container,
#order-slip .page-content.container,
#order-follow .top.container,
#order-follow .page-content.container {
max-width: 960px;
}*/
/*#identity .customer_navigation ul::before*/
#identity .js-customer-form {
max-width: 470px;
width: 100%;
}
#identity .form-control-label {
flex: 0 0 40%;
max-width: 40%;
}
#identity .col-md-7 {
flex: 0 0 60%;
max-width: 60%;
}
#identity .postcode-block {
margin-bottom: 45px;
}
#identity .custom_checkbox_wraper {
display: block;
margin-left: 42.5%;
font-family: 'Rubik', sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 16px;
color: #000000;
}
#identity .form-footer .btn-submit {
margin-top: 41px;
margin-left: 40.5%;
}
#identity .form-top-space {
margin-top: 50px;
}
#identity .form-control-label {
}
#identity .form-control-comment {
display: none;
}
#identity .page-footer,
#history .page-footer,
#order-slip .page-footer,
#order-follow .page-footer {
display: none;
}
#identity .input-group-btn {
display: none;
}
#identity .form-control {
border-radius: 0;
background: #FFFFFF;
border: 1px solid #CEDABF;
height: 100%;
max-height: 44px;
}
#identity .birthday-wraper {
display: flex;
}
#identity .birthday-wraper select {
cursor: pointer;
}
#identity .birthday-wraper select:not(select[name='birthday[Year]']) {
cursor: pointer;
margin-right: 10px;
}
#identity .birthday-wraper select + select {
margin-left: 10px;
}
#identity .form-group {
margin-bottom: 10px;
}
#identity .input-group {
height: 100%;
max-height: 44px;
}
#identity .btn-submit {
background: #53aa0b;
max-width: 170px;
width: 100%;
height: 56px;
border: none;
border-radius: 0;
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #ffffff;
text-transform: capitalize;
position: relative;
left: 10px;
margin-bottom: 96px;
margin-top: 64px;
}
#identity .form-control:focus {
outline: none;
box-shadow: none;
}
#identity .form-control-label {
text-align: left;
padding-right: 0;
}
#identity .exit,
#history .exit,
#order-slip .exit,
#order-follow .exit {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 28px;
color: #000;
}
/*#identity section.top,
#history section.top,
#order-slip section.top,
#order-follow section.top {
margin-top: 56px;
}*/
#identity #content,
#history #content,
#order-slip #content,
#order-follow #content {
box-shadow: none;
}
#identity .customer_navigation,
#history .customer_navigation,
#order-slip .customer_navigation,
#order-follow .customer_navigation {
/*margin-bottom: 42px;*/
margin-bottom: 26px;
}
#identity .customer_navigation ul,
#history .customer_navigation ul,
#order-slip .customer_navigation ul,
#order-follow .customer_navigation ul {
/*width: 100%;*/
border-bottom: 6px solid transparent;
position: relative;
}
#identity .customer_navigation ul::before,
#history .customer_navigation ul::before,
#order-slip .customer_navigation ul::before,
#order-follow .customer_navigation ul::before {
content: '';
height: 6px;
width: 100%;
background: #f0f6ea;
position: absolute;
bottom: -6px;
border-radius: 4px;
}
#identity .customer_navigation li,
#history .customer_navigation li,
#order-slip .customer_navigation li,
#order-follow .customer_navigation li {
max-width: 170px;
width: 100%;
display: block;
position: relative;
top: 6px;
}
#identity .customer_navigation li + li,
#history .customer_navigation li + li,
#order-slip .customer_navigation li + li,
#order-follow .customer_navigation li + li {
margin-left: 3.4%;
}
#identity .customer_navigation li a,
#history .customer_navigation li a,
#order-slip .customer_navigation li a,
#order-follow .customer_navigation li a {
margin-bottom: 0;
height: 44px;
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
text-align: center;
color: #000000;
width: 100%;
padding-left: 5px;
padding-right: 5px;
position: relative;
}
#identity .customer_navigation li:hover::before,
#history .customer_navigation li:hover::before,
#order-slip .customer_navigation li:hover::before,
#order-follow .customer_navigation li:hover::before {
content: '';
height: 6px;
width: 100%;
background: #53aa0b;
position: absolute;
bottom: 0;
border-radius: 4px;
}
#identity .customer_navigation li:hover a,
#history .customer_navigation li:hover a,
#order-slip .customer_navigation li:hover a,
#order-follow .customer_navigation li:hover a {
border-bottom: 6px solid transparent;
}
#identity .customer_navigation li.active a,
#history .customer_navigation li.active a,
#order-slip .customer_navigation li.active a,
#order-follow .customer_navigation li.active a {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 28px;
text-align: center;
color: #000000;
border-bottom: 6px solid transparent;
}
#identity .customer_navigation li.active:before,
#history .customer_navigation li.active:before,
#order-slip .customer_navigation li.active:before,
#order-follow .customer_navigation li.active:before {
content: '';
height: 6px;
width: 100%;
background: #53aa0b;
position: absolute;
bottom: 0;
border-radius: 4px;
z-index: 2;
}
#identity .customer_navigation ul li::after,
#history .customer_navigation ul li::after,
#order-slip .customer_navigation ul li::after,
#order-follow .customer_navigation ul li::after {
content: '';
height: 6px;
width: 100%;
background: #f0f6ea;
position: absolute;
left: 0;
bottom: 0;
border-radius: 4px;
z-index: 1;
}
#identity #day,
#identity #month {
max-width: 50px;
}
#identity label {
/*white-space: nowrap;*/
}
#identity label span {
text-align: left;
}
#identity span.custom-checkbox {
margin-top: 50px;
display: block;
}
#identity i.checkbox-checked {
background-color: #000;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABUSURBVHgBfU9REUAhCCPCi0AEmz0baBMjGMEoRDAC4jl/PHF3+9jYOCByoKq/sRs/L8AItG0kYzgCAvI2Ba0AXaGZLs05KLoQvRsEgUyPb/i6wTAA3HFqVhQ/HzkAAAAASUVORK5CYII=');
background-repeat: no-repeat;
border-radius: 2px;
background-position: center;
position: relative;
z-index: 1;
}
body#checkout #address-delivery label.form-control-label {
flex: 0 0 33.3%;
max-width: 33.3%;
}
body#order-confirmation .card-block {
padding: 0;
}
body#order-confirmation .card-block .h1 {
margin-top: 16px;
margin-bottom: 32px;
font-size: 30px;
font-family: 'Rubik', sans-serif;
font-weight: bold;
text-transform: none;
line-height: 38px;
color: #000000;
}
body#order-confirmation .card-block .h1.card-title + p {
max-width: 600px;
margin-bottom: 16px;
}
body#order-confirmation .card-block p,
body#order-confirmation .card-block p + strong {
display: block;
margin-bottom: 43px;
font-size: 18px;
line-height: 24px;
}
body#order-confirmation .card-block p + strong {
margin-bottom: 25px;
}
body#order-confirmation .card-block .h3 {
margin: 0;
font-size: 20px;
font-weight: 500;
text-transform: none;
line-height: 28px;
color: #000000;
}
body#order-confirmation .order-confirmation-table {
max-width: 869px;
}
body#order-confirmation .order-confirmation-table .order-line.row {
margin: 0 0 7px;
padding: 19px 0;
align-items: initial;
}
body#order-confirmation .order-confirmation-table .confirmation_images {
flex: 0 0 21.5%;
max-width: 21.5%;
padding: 0 15px;
}
body#order-confirmation .order-confirmation-table .confirmation_images .image {
position: relative;
display: block;
width: 100%;
padding-bottom: 63%;
}
body#order-confirmation .order-confirmation-table .confirmation_images .image img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: none;
width: 100%;
height: 100%;
object-position: center;
object-fit: contain;
}
body#order-confirmation .order-confirmation-table .confirmation_info {
display: flex;
flex-wrap: wrap;
flex: 0 0 78.5%;
max-width: 78.5%;
}
body#order-confirmation .order-confirmation-table .confirmation_details {
flex: 0 0 43%;
max-width: 43%;
padding: 5px 15px 0;
font-size: 18px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
line-height: 24px;
color: #000000;
}
body#order-confirmation .order-confirmation-table .confirmation_quantity {
flex: 0 0 7.5%;
max-width: 7.5%;
padding: 0 15px;
text-align: center;
}
body#order-confirmation .order-confirmation-table .confirmation_quantity .quantity {
display: inline-block;
padding: 2px 0;
}
body#order-confirmation .order-confirmation-table .confirmation_price {
flex: 0 0 49.5%;
max-width: 49.5%;
padding: 0 15px;
text-align: right;
}
body#order-confirmation .order-confirmation-table .confirmation_price .prices {
display: inline-block;
padding: 7px 40px 7px 0;
font-size: 16px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
line-height: 22px;
color: #000000;
}
body#order-confirmation .table-total {
margin-top: 36px;
}
body#order-confirmation .table-total .d-flex {
align-items: flex-end;
margin-bottom: 7px;
}
body#order-confirmation .table-total .subtotal_label {
flex: 0 0 22.5%;
max-width: 22.5%;
margin-left: auto;
padding-right: 5px;
font-size: 15px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
line-height: 18px;
color: #000000;
}
body#order-confirmation .table-total .subtotal_value {
flex: 0 0 20%;
max-width: 20%;
font-size: 16px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
text-align: center;
line-height: 22px;
color: #000000;
}
body#order-confirmation .table-total .d-flex_total {
margin-top: 14px;
}
body#order-confirmation .table-total .d-flex_total .subtotal_label {
font-size: 15px;
text-transform: uppercase;
line-height: 18px;
}
body#order-confirmation .table-total .d-flex_total .subtotal_value {
font-size: 18px;
line-height: 24px;
}
body#order-confirmation #order-details {
margin-top: 35px;
margin-bottom: 63px;
padding: 0 15px;
}
body#order-confirmation #order-details .h3 {
margin-bottom: 15px;
}
body#order-confirmation #order-details ul li {
display: flex;
height: 24px;
margin: 0;
}
body#order-confirmation #order-details ul .cols-1 {
flex: 0 0 30%;
max-width: 30%;
padding: 0 15px;
}
body#order-confirmation #order-details ul .cols-2 {
flex: 0 0 70%;
max-width: 70%;
padding: 0 15px;
}
body#order-confirmation #content-hook_payment_return ul {
max-width: 869px;
margin-top: 40px;
margin-bottom: 35px;
}
body#order-confirmation #content-hook_payment_return ul li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
body#order-confirmation #content-hook_payment_return ul .cols-left,
body#order-confirmation #content-hook_payment_return ul .cols-right {
flex: 0 0 50%;
max-width: 50%;
padding: 13px 31px;
}
body#order-confirmation #content-hook_payment_return ul .cols-right {
text-align: right;
}
body#order-confirmation #content-hook_payment_return ul br {
display: none;
}
body#order-confirmation .definition-list ul li:nth-of-type(2n) {
background-color: #fff;
}
body#order-confirmation .definition-list ul li:nth-of-type(2n + 1) {
background-color: #f0f6ea;
}
@media screen and (max-width: 991px) {
#identity .customer_navigation li + li,
#history .customer_navigation li + li,
#order-slip .customer_navigation li + li,
#order-follow .customer_navigation li + li {
margin-left: 0;
}
}
@media screen and (max-width: 767px) {
#identity #main .breadcrumb__wrapper {
margin-bottom: 0;
}
#identity #content {
padding: 12px 15px;
}
#identity .customer_navigation li,
#history .customer_navigation li,
#order-slip .customer_navigation li,
#order-follow .customer_navigation li {
max-width: none;
width: 50%;
margin-bottom: 24px;
text-align: center;
}
#identity .customer_navigation ul::before,
#history .customer_navigation ul::before,
#order-slip .customer_navigation ul::before,
#order-follow .customer_navigation ul::before {
display: none;
}
#identity .customer_navigation li.active:before,
#history .customer_navigation li.active:before,
#order-slip .customer_navigation li.active:before,
#order-follow .customer_navigation li.active:before {
height: 4px;
}
#identity .customer_navigation ul li::after,
#history .customer_navigation ul li::after,
#order-slip .customer_navigation ul li::after,
#order-follow .customer_navigation ul li::after {
height: 4px;
}
#identity .customer_navigation li a,
#history .customer_navigation li a,
#order-slip .customer_navigation li a,
#order-follow .customer_navigation li a {
height: 34px;
}
#identity .customer_navigation,
#history .customer_navigation,
#order-slip .customer_navigation,
#order-follow .customer_navigation {
margin-bottom: 14px;
}
#identity .exit {
margin-bottom: 15px;
}
#identity .form-control-label {
flex: 0 0 100%;
max-width: 100%;
}
#identity .col-md-7 {
flex: 0 0 100%;
max-width: 100%;
}
#identity .form-control-label {
margin-bottom: 0;
}
#identity .form-control {
height: 44px;
}
#identity .form-group {
margin-bottom: -1px;
}
#identity .custom_checkbox_wraper {
margin-left: 0;
}
#identity .postcode-block {
margin-bottom: 56px;
}
#identity .custom_checkbox_wraper > label {
margin-bottom: 22px;
font-size: 16px;
line-height: 16px;
}
#identity .form-footer .btn-submit {
left: 0;
max-width: 162px;
margin-top: 29px;
margin-left: 0;
margin-bottom: 115px;
}
body#order-confirmation .card-block .h1 {
font-size: 26px;
line-height: 32px;
}
body#order-confirmation .card-block .h1 {
margin-top: 0;
margin-bottom: 28px;
}
body#order-confirmation #order-items {
padding: 19px 15px;
}
body#order-confirmation .order-confirmation-table .order-line.row {
margin: 0;
padding: 19px 0 13px;
}
body#order-confirmation .order-confirmation-table .confirmation_images {
flex: 0 0 33.5%;
max-width: 33.5%;
padding: 0 13px;
}
body#order-confirmation .order-confirmation-table .confirmation_images .image {
padding-bottom: 100%;
}
body#order-confirmation .order-confirmation-table .confirmation_info {
flex: 0 0 66.5%;
max-width: 66.5%;
}
body#order-confirmation .order-confirmation-table .confirmation_details {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 21px;
padding: 0 7px;
font-size: 14px;
line-height: 18px;
}
body#order-confirmation .order-confirmation-table .confirmation_quantity {
padding: 0 7px;
font-size: 14px;
line-height: 18px;
}
body#order-confirmation .order-confirmation-table .confirmation_quantity .quantity {
display: block;
padding: 0;
}
body#order-confirmation .order-confirmation-table .confirmation_price {
flex: 0 0 92.5%;
max-width: 92.5%;
padding: 0 7px;
}
body#order-confirmation .order-confirmation-table .confirmation_price .prices {
display: block;
padding: 0 15px 0 0;
font-size: 14px;
line-height: 18px;
}
body#order-confirmation .table-total {
margin-top: 38px;
}
body#order-confirmation .table-total .subtotal_label,
body#order-confirmation .table-total .subtotal_value {
flex: 0 0 50%;
max-width: 50%;
}
body#order-confirmation .table-total .subtotal_value {
text-align: right;
}
body#order-confirmation #order-details {
margin-top: 12px;
margin-bottom: 0;
}
body#order-confirmation #order-details .h3 {
margin-bottom: 0;
border: none;
}
body#order-confirmation #order-details ul {
margin-bottom: 15px;
}
body#order-confirmation #order-details ul li {
flex-wrap: wrap;
height: auto;
margin-bottom: 19px;
}
body#order-confirmation #order-details ul .cols-1,
body#order-confirmation #order-details ul .cols-2 {
flex: 0 0 100%;
max-width: 100%;
font-size: 16px;
line-height: 24px;
}
body#order-confirmation #order-details ul .cols-1 {
margin-bottom: 5px;
}
body#order-confirmation .card-block p,
body#order-confirmation .card-block p + strong {
margin-bottom: 25px;
}
body#order-confirmation ul {
margin-top: 24px;
margin-bottom: 52px;
}
body#order-confirmation #content-hook_payment_return ul .cols-left,
body#order-confirmation #content-hook_payment_return ul .cols-right {
padding: 20px 13px;
font-size: 14px;
line-height: 19px;
}
body#order-confirmation .card-block p + strong {
margin-bottom: 20px;
}
}
/* page avoirs start*/
#order-slip #notifications:not(.show) {
display: none;
}
#order-slip #content-wrapper {
height: 100vh;
}
#order-slip #main .page-content .title {
/* font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 22px;
color: #000000;
margin-bottom: 15px; */
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 28px;
color: #000000;
}
#order-slip .table-bordered,
#order-slip td,
#order-slip th {
border: none;
}
#order-slip .table-bordered tbody tr {
border-bottom: 10px solid #fff;
}
#order-slip .thead-default th {
background: transparent;
border: none;
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #000000;
}
#order-slip .thead-default th:first-child {
padding-left: 0;
}
#order-slip .table-striped tbody tr {
background: #f0f6ea;
}
#order-slip tbody tr .reference {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 14px;
color: #000000;
}
#order-slip tbody tr .date {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 14px;
color: #000000;
}
#order-slip tbody tr .total {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 14px;
color: #000000;
}
#order-slip tbody tr .payment {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 14px;
color: #000000;
}
#order-slip tbody tr .status span {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #000000;
}
#order-slip tbody tr .reference,
#order-slip tbody tr .total {
min-width: 100px;
width: 10%;
padding-top: 17px;
padding-bottom: 17px;
}
#order-slip tbody tr .payment,
#order-slip tbody tr .date {
min-width: 160px;
width: 10%;
padding-top: 17px;
padding-bottom: 17px;
}
#order-slip tbody tr .facture {
min-width: 115px;
width: 10%;
}
/* page history start*/
#history #notifications:not(.show) {
display: none;
}
#history #content-wrapper {
height: 100vh;
}
#history #main .page-content .title {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 22px;
color: #000000;
margin-bottom: 21px;
}
#history .table-bordered,
#history td,
#history th {
border: none;
}
body#history .table-history {
width: 100%;
}
body#history .table-history .tab-block {
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
body#history .table-history .tab-block {
margin-bottom: 0;
}
}
@media screen and (min-width: 768px) {
body#history .tab-history {
position: relative;
cursor: pointer;
}
body#history .tab-history:before {
content: '';
position: absolute;
top: 0;
right: 23px;
bottom: 0;
width: 10px;
height: 5px;
display: block;
margin: auto;
background-image: url('../images/arrow.svg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: 0.3s;
}
body#history .tab-history.active:before {
transform: rotate(180deg);
}
}
body#history .tab-hisory-content {
width: 100%;
max-height: 0;
overflow: hidden;
transition: 0.5s linear;
}
body#history .tab-hisory-content.active {
max-height: 10000px;
margin-top: 10px;
}
body#history .tab-hisory-content {
padding: 0 25px;
background-color: #f6fbef;
}
body#history .tab-hisory-content table {
width: 100%;
margin: 20px auto;
table-layout: fixed;
}
body#history .tab-hisory-content table th {
width: 215px;
padding: 10px 20px;
line-height: 28px;
}
body#history .tab-hisory-content table td {
width: auto;
padding: 10px 25px;
line-height: 28px;
}
body#history .tab-hisory-content .table-striped tbody tr {
background-color: #f6fbef;
border: none;
}
body#history .table-history table:first-child {
margin-bottom: 0;
}
#history .table-bordered tbody tr {
border-bottom: 12px solid #fff;
}
#history .table-bordered tbody tr:last-child {
border: none;
}
#history .thead-default th {
background: transparent;
border: none;
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #000000;
}
#history .thead-default th:first-child {
padding-left: 0;
}
#history .table-striped tbody tr {
background: #f0f6ea;
}
#history tbody tr .reference {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 14px;
color: #000000;
}
#history tbody tr .date {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 14px;
color: #000000;
}
#history tbody tr .total {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 14px;
color: #000000;
}
#history tbody tr .payment {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 14px;
color: #000000;
}
#history tbody tr .status span {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #000000;
}
#history tbody tr .reference,
#history tbody tr .date,
#history tbody tr .total {
/*min-width: 100px;*/
/*width: 10%;*/
padding-top: 26px;
padding-bottom: 24px;
}
#history tbody tr .reference {
width: 11.7%;
padding-left: 18px;
}
#history tbody tr .date {
width: 11.7%;
}
#history tbody tr .total {
width: 11%;
text-align: left !important;
}
#history tbody tr .payment {
/*min-width: 160px;*/
width: 16%;
padding-top: 26px;
padding-bottom: 24px;
}
#history tbody tr .facture {
width: 38%;
}
#history tbody tr .status {
padding: 20px 5px 18px;
}
#history tbody tr .status .label {
background: #DAE6CE !important;
border-radius: 3px;
}
#history tbody tr .facture {
/*min-width: 115px;*/
width: 14%;
padding-right: 50px;
padding-top: 19px;
padding-bottom: 17px;
}
#history tbody tr .facture a {
display: block;
width: 25px;
height: 25px;
margin-left: 19%;
background-image: url('../images/icon-pdf.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
#history tbody tr .facture a i {
display: none;
}
@media screen and (max-width: 991px) {
#history tbody tr .reference {
padding-left: 12px;
}
body#history .table-striped thead th.date {
min-width: 95px;
}
body#history .table-striped thead th.total {
min-width: 85px;
}
}
/* page order-follow start*/
#order-follow #notifications:not(.show) {
display: none;
}
#order-follow #content-wrapper {
height: 100vh;
}
#order-follow #main .page-content .title {
/* font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 22px;
color: #000000;
margin-bottom: 15px; */
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 28px;
color: #000000;
}
#order-follow .table-bordered,
#order-follow td,
#order-follow th {
border: none;
}
#order-follow .table-bordered tbody tr {
border-bottom: 10px solid #fff;
}
#order-follow .thead-default th {
background: transparent;
border: none;
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #000000;
}
#order-follow .thead-default th:first-child {
padding-left: 0;
}
#order-follow .table-striped tbody tr {
background: #f0f6ea;
}
#order-follow tbody tr .reference {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 14px;
color: #000000;
}
#order-follow tbody tr .date {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 14px;
color: #000000;
}
#order-follow tbody tr .total {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 14px;
color: #000000;
}
#order-follow tbody tr .payment {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 14px;
color: #000000;
}
#order-follow tbody tr .status span {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: #000000;
}
#order-follow tbody tr .reference,
#order-follow tbody tr .date,
#order-follow tbody tr .total {
min-width: 100px;
width: 10%;
padding-top: 17px;
padding-bottom: 17px;
}
#order-follow tbody tr .payment {
min-width: 160px;
width: 10%;
padding-top: 17px;
padding-bottom: 17px;
}
#order-follow tbody tr .facture {
min-width: 115px;
width: 10%;
}
/* breadcrumb my-account */
.my_account-breadcrumb {
/*padding-left: 0;*/
/*padding-top: 0;*/
}
.my_account-breadcrumb .bread__separ {
margin-right: 15px;
font-weight: 500;
}
.my_account-breadcrumb li[itemprop] > span {
margin-left: 0;
}
/* .my_account-breadcrumb li[itemprop]:last-child {
display: none;
} */
.birthday-block {
margin-bottom: 50px;
}
.postcode-block {
margin-bottom: 50px;
}
/* page cart start */
body#cart #main.container,
body#checkout #main.container {
max-width: 1012px;
}
body#cart #main .block-promo {
padding: 0;
}
body#cart #main .card-block,
body#checkout #main .card-block {
padding-bottom: 0;
/* margin-bottom: 42px; */
border: none;
}
body#cart #main .full-width {
width: 100%;
padding: 0 6px;
}
body#cart #main .full-width .card-block {
padding-right: 0;
padding-left: 0;
}
body#cart #main .padding-top-30,
.padding-top-30 {
padding-top: 30px;
}
body#cart #main .card,
body#checkout #main .card {
border: none;
box-shadow: none;
}
body#cart #main h1.h1,
body#checkout #main h1.h1 {
font-family: Rubik;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 38px;
color: #000000;
margin-top: 56px;
text-transform: none;
}
/* progress_bar start */
body#cart .progressbar li,
body#checkout .progressbar li {
padding-left: 5px;
/*margin-right: 38px;*/
padding-right: 38px;
}
body#cart .progressbar li:last-child,
body#checkout .progressbar li:last-child {
padding-right: 0;
}
body#cart .progressbar li:before,
body#checkout .progressbar li:before {
content: '1';
width: 30px;
height: 30px;
}
body#cart .progressbar li:before,
body#checkout .progressbar li:before {
content: '1';
width: 30px;
height: 30px;
border: 2px solid #f0f6ea;
display: block;
margin: 0 auto 10px auto;
border-radius: 50%;
line-height: 27px;
background: #f0f6ea;
color: #f0f6ea;
text-align: center;
font-weight: bold;
}
body#cart .product-line-grid,
body#checkout .product-line-grid {
display: flex;
flex-wrap: wrap;
}
body#cart .product_line_title,
body#checkout .product_line_title {
width: 17.5%;
padding: 0 15px;
text-align: center;
}
body#cart .product-line-grid_info,
body#checkout .product-line-grid_info {
display: flex;
flex-wrap: wrap;
width: 82.5%;
}
body#cart .product-line-grid .product-line-grid_info,
body#checkout .product-line-grid .product-line-grid_info {
/*padding-top: 10px;*/
}
body#cart .product_line_description,
body#checkout .product_line_description {
width: 41%;
padding: 0 15px;
}
body#cart .product_line_description .product-line-info,
body#checkout .product_line_description .product-line-info {
padding-left: 5%;
font-size: 14px;
}
body#cart .product_line_description .product-line-info-box,
body#checkout .product_line_description .product-line-info-box {
margin-bottom: 5px;
}
body#cart .product_line_description .product-line-info-box a,
body#checkout .product_line_description .product-line-info-box a {
margin-right: 5px;
}
body#cart .product_line_description .product-line-info-box a:last-of-type,
body#checkout .product_line_description .product-line-info-box a:last-of-type {
margin-right: 0;
}
body#cart .bootstrap-touchspin {
display: flex;
justify-content: center;
box-shadow: none;
}
body#cart .bootstrap-touchspin .input-group-btn {
width: 28px;
padding: 0;
text-align: center;
}
body#cart .bootstrap-touchspin .input-group-btn > .btn {
width: 28px;
height: 30px;
padding: 0;
font-family: 'Rubik', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #000000;
background-color: transparent;
}
body#cart .bootstrap-touchspin .js-cart-line-product-quantity {
flex: initial;
width: 40px;
height: 30px;
height: auto;
text-align: center;
background-color: transparent;
border: none;
outline: none;
}
body#cart .product_line_delet,
body#checkout .product_line_delet {
width: 9%;
padding: 0 15px;
text-align: center;
}
body#cart .product_line_available,
body#checkout .product_line_available {
width: 28.5%;
padding: 0 15px;
text-align: center;
}
body#cart .product_line_price,
body#checkout .product_line_price {
width: 21.5%;
padding: 0 15px;
text-align: center;
}
body#cart .product-line-grid-right {
flex: 0 0 47.666667%;
max-width: 47.666667%;
}
body#cart .progressbar,
body#checkout .progressbar {
counter-reset: step;
}
body#cart .progressbar li,
body#checkout .progressbar li {
width: 195px;
text-align: center;
position: relative;
}
body#cart .progressbar li:before,
body#checkout .progressbar li:before {
content: counter(step);
counter-increment: step;
width: 10px;
height: 10px;
border: 2px solid #f0f6ea;
display: block;
margin: 0 auto 10px auto;
border-radius: 50%;
line-height: 27px;
background: #f0f6ea;
color: #f0f6ea;
color: transparent;
text-align: center;
font-weight: bold;
position: relative;
top: 53px;
z-index: 2;
}
body#cart .progressbar,
body#checkout .progressbar {
position: relative;
display: flex;
justify-content: space-between;
margin-bottom: 38px;
}
body#checkout #address-checkout .progressbar {
margin-top: 22px;
margin-bottom: 81px;
}
body#cart .progressbar li,
body#checkout .progressbar li {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 28px;
text-align: center;
color: #000000;
}
body#cart .progressbar li.active,
body#checkout .progressbar li.active {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 28px;
text-align: center;
color: #000000;
}
body#cart .progressbar::after,
body#checkout .progressbar::after {
content: '';
position: absolute;
width: 100%;
height: 3px;
background: #f0f6ea;
top: 57px;
}
body#checkout .progressbar.actives::after {
background: #3aac5d;
background-color: #3aac5d;
}
body#cart .progressbar li:after,
body#checkout .progressbar li:after {
content: '';
position: absolute;
width: 57%;
height: 3px;
background: #f0f6ea;
top: 15px;
top: 57px;
left: 0;
z-index: -1;
z-index: 1;
}
body#cart .progressbar li.active:after,
body#checkout .progressbar li.active:after {
background: #3aac5d;
}
body#cart .progressbar li.active:before,
body#checkout .progressbar li.active:before {
border-color: #3aac5d;
background: #3aac5d;
color: #3aac5d;
font-size: 0;
}
/* progress bar end */
body#cart .product_count,
body#checkout .product_count {
margin-top: 50px;
margin-bottom: 2px;
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 18px;
text-align: justify;
color: #000000;
}
body#cart .product_count p,
body#checkout .product_count p {
margin-bottom: 0;
}
body#cart .product_count span,
body#checkout .product_count span {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 18px;
text-align: justify;
color: #000000;
}
body#checkout a:hover {
color: #fff;
}
body#checkout .js-termss a:hover {
color: #0056b3;
}
body#cart .product__header {
background: #f0f6ea;
height: 56px;
}
body#cart .product-price {
font-size: 16px;
font-weight: 500;
font-family: 'Rubik', sans-serif;
line-height: 22px;
color: #000000;
}
body#cart .product__header .product-image,
body#cart .product__header .product-title,
body#cart .product__header .product-price {
text-align: center;
width: 100%;
display: block;
font-family: 'Rubik', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
color: #000000;
}
body#cart .product__header .product-line-info {
font-family: 'Rubik', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
color: #000000;
}
body#cart .cart-summary-line.cart-total {
height: 56px;
background: #8cdd49;
}
body#cart footer {
margin-top: 165px;
}
body#cart .cart-overview.js-cart {
padding-top: 0;
}
body#cart .cart-item {
min-height: 137px;
}
body#cart .cart-item:nth-child(even) {
background: #f0f6ea;
}
body#cart .cart-item .product-line-info a.label {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 24px;
color: #000000;
}
body#cart .block-promo {
margin-top: 25px;
}
body#cart .cart-voucher {
max-width: 100%;
width: 100%;
margin: 0;
}
body#cart .cart-voucher .d-flex {
max-width: 570px;
margin-left: auto;
}
body#cart .block-promo b {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 18px;
color: #000000;
}
body#cart .block-promo span {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #000000;
}
body#cart .btn-back,
body#checkout .btn-back {
background: #ffffff;
border: 1px solid #53aa0b;
box-sizing: border-box;
width: 170px;
height: 56px;
display: flex;
border-radius: 0;
width: 170px;
height: 56px;
}
body#cart .btn-back:hover,
body#checkout .btn-back:hover {
background: #0009;
border: 1px solid #53aa0b;
box-sizing: border-box;
width: 170px;
height: 56px;
display: flex;
color: #fff;
}
body#cart .btn-back:hover span,
body#checkout .btn-back:hover span {
color: #fff;
}
body#cart .btn-back span,
body#checkout .btn-back span {
margin: auto;
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #000000;
}
body#cart .btn-next,
body#checkout .btn-next {
background: #53aa0b;
color: #fff;
border-radius: 0;
display: flex;
width: 170px;
height: 56px;
margin-left: auto;
}
body#cart .btn-next span,
body#checkout .btn-next span {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 28px;
text-align: center;
margin: auto;
color: #ffffff;
}
body#cart .card-block.cart-summary-totals span.label {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #000000;
}
body#cart .wrapper-blocks {
margin-left: auto;
}
body#cart .price {
text-align: center;
}
body#cart .cart-grid {
margin-bottom: 48px;
}
body#cart .cart-grid.row::after,
body#checkout .cart-grid.row::after {
position: absolute;
display: block;
right: 8%;
top: 304px;
}
body#cart ul.promo-name.card-block {
padding: 0px;
padding-top: 9px;
}
body#cart div.promo-code {
padding: 0px;
}
body#cart .cart-voucher .d-flex p {
width: 170px;
}
body#cart .promo-code form {
}
body#cart .promo-code button {
width: 39%;
}
body#cart .cart-voucher .d-flex p {
width: 170px;
}
body#cart .promo-code form {
}
body#cart input.promo-input {
width: 46%;
padding: 14px 15px;
height: auto;
outline: none;
}
body#cart .promo-code button {
width: 46%;
padding-top: 13px;
padding-bottom: 13px;
border: unset;
border-radius: 0px;
/*margin-top: -3px;*/
background: #53aa0b;
box-shadow: unset;
}
body#cart .promo-code button span {
color: #ffffff;
line-height: 28px;
font-size: 18px;
}
body#cart .wrapper-blocks {
margin-left: unset;
}
body#cart .block-promo .promo-code form {
text-align: right;
}
body#cart .cart-summary-line {
margin-bottom: 8px;
}
body#cart .cart-summary-line_title {
flex: 0 0 44%;
max-width: 44%;
margin-left: auto;
}
body#cart .cart-summary-line .col-md-2 {
text-align: center;
}
body#cart .cart-summary-line .col-md-2 span {
float: none;
}
#main > .btn-wrapper.d-flex,
.cart-grid-right,
.cart-grid-body {
padding: 0 6px;
}
.cart-grid-body .card-block {
padding: 0 15px;
}
body#cart #main .cart-grid .cart-grid-body .card-block h1,
body#checkout #main .cart-grid .cart-grid-body .card-block h1 {
margin-top: 16px;
}
body#cart .cart-container .container,
body#checkout .cart-container .container {
margin-top: 23px;
}
body#cart .product-line-actions .row .qty {
text-align: center;
}
body#cart .product_line_available .stock-tick,
body#cart .product-line-actions .stock-tick {
color: #53aa0b;
}
body#cart .product_line_available .stock-none,
body#cart .product-line-actions .stock-none {
color: #eb5757;
}
body#cart .cart-summary-totals .cart-all-total div span.value {
font-size: 16px;
}
body#cart .cart-summary-totals .cart-promo-total div span.value {
font-size: 18px;
}
body#cart .cart-promo-apply {
padding: 13px 47px 9px 47px;
background: #53aa0b;
color: #ffffff;
position: absolute;
right: 0px;
display: flex;
}
.promo-code.pr-0 form {
display: block !important;
}
body#cart .cart-promo-apply span {
color: #ffffff;
font-size: 18px;
line-height: 28px;
}
.material-icons.fal.fa-times {
padding-left: 15px;
color: #ffffff;
}
body#cart .cart-promo-apply span i {
padding-left: 14px;
}
body#checkout .register {
background: #f0f6ea;
padding: 43px 100px 59px;
}
body#checkout .register h5 {
line-height: 22px;
}
body#checkout .register p {
font-size: 14px;
padding-top: 17px;
font-family: 'Rubik', sans-serif;
line-height: 18px;
}
body#checkout .register input {
font-size: 14px;
font-family: Rubik;
padding: 17px 19px;
width: 270px;
border: 1px solid #cedabf;
box-sizing: border-box;
line-height: 18px;
margin-top: 13px;
}
body#checkout .register .btn-enjoy {
padding: 12px 0px;
width: 170px;
background: #53aa0b;
color: #ffffff;
border-radius: 0px;
margin-top: 18px;
font-size: 18px;
line-height: 28px;
font-family: Rubik;
}
body#checkout .login-form h2 {
text-align: left;
}
body#checkout #footer {
margin-top: 123px;
}
body#cart #main .card,
body#checkout #main .card {
padding: 0;
}
body#checkout section.checkout-step {
padding: 0 6px;
}
body#cart .checkout-step .cart-container .container,
body#checkout .checkout-step .cart-container .container {
margin-top: 18px;
}
#checkout #search_widget {
display: block;
}
.page-authentication #content .login-form .btn.btn-primary {
width: 170px;
margin-top: 8px;
}
.page-customer-account #content .login-form {
padding-bottom: 34px;
}
.page-customer-account #content .login-form .forgot-password {
margin-top: 19px;
}
body#checkout .register-form {
margin-top: 17px;
}
body#checkout section.checkout-step #customer-form,
body#checkout section.checkout-step #delivery-address,
body#checkout section.checkout-step #invoice-address,
body#checkout section.checkout-step #login-form {
margin-top: 0;
margin-left: 0;
}
@media screen and (max-width: 991px) {
body#checkout #create_acount button,
body#checkout #login-form #submit-login {
width: 170px !important;
font-size: 18px;
line-height: 28px;
}
}
@media screen and (max-width: 767px) {
#main > .btn-wrapper.d-flex,
.cart-grid-right,
.cart-grid-body {
padding: 0;
}
body#history .tab-hisory-content {
padding: 0;
}
body#history .tab-hisory-content table {
}
body#history .tab-hisory-content table th {
width: 160px;
padding: 10px 15px;
}
body#history .tab-hisory-content table td {
padding: 10px 15px;
}
body#cart .cart-summary-line.cart-total {
align-items: center;
}
body#cart .cart-summary-line_title {
flex: 1;
max-width: none;
margin: 0;
padding: 0;
font-size: 15px;
line-height: 18px;
}
body#cart .cart-summary-line .col-md-2 {
/*width: 120px;*/
text-align: right;
}
body#cart #main h1.h1 {
font-size: 26px;
line-height: 32px;
}
body#cart .cart-container .container,
body#checkout .cart-container .container {
margin-top: 17px;
}
body#cart .progressbar,
body#checkout .progressbar {
margin-bottom: 29px;
}
body#cart .progressbar li,
body#checkout .progressbar li {
font-size: 15px !important;
line-height: 28px !important;
}
body#cart .product-line-grid,
body#checkout .product-line-grid {
padding: 0 5px;
}
body#cart .product_line_title,
body#checkout .product_line_title {
width: 33%;
padding: 0 10px !important;
}
body#cart .product-line-grid_info,
body#checkout .product-line-grid_info {
width: 67%;
}
body#cart .product_line_description,
body#checkout .product_line_description {
width: 75%;
margin-bottom: 30px;
padding: 0 10px;
}
body#cart .product_line_description .product-line-info,
body#checkout .product_line_description .product-line-info {
padding-left: 0;
}
body#cart .product_line_description br,
body#checkout .product_line_description br {
display: none;
}
body#cart .cart-item .product-line-info a.label {
font-size: 14px;
line-height: 18px;
}
body#cart .cart-grid {
margin-bottom: 25px;
}
body#cart .product_line_delet,
body#checkout .product_line_delet {
width: 25%;
padding: 0 10px;
}
body#cart .product_line_available,
body#checkout .product_line_available {
/*width: 16.5%;*/
width: 50%;
padding: 0 10px;
}
body#cart .bootstrap-touchspin .input-group-btn,
body#cart .bootstrap-touchspin .input-group-btn > .btn {
width: 18px;
}
body#cart .card-block.cart-summary-totals span.label {
display: block;
}
.card-block.cart-summary-totals .cart-summary-line.cart-total .col-7,
.card-block.cart-summary-totals .cart-summary-line.cart-total .col-5 {
padding: 0 5px;
}
body#cart .product_line_price,
body#checkout .product_line_price {
width: 50%;
padding: 0 10px 0;
text-align: right !important;
}
body#cart .product-price {
padding-right: 21px;
font-size: 14px;
line-height: 18px;
}
body#cart .cart-items {
padding-bottom: 10px;
}
.card {
margin-bottom: 4px;
}
body#cart .block-promo {
margin-top: 34px;
}
body#cart .cart-voucher {
padding: 0;
}
body#cart input.promo-input {
width: 53%;
}
body#cart .promo-code button {
width: 47%;
}
body#cart .cart-voucher .d-flex p {
margin-bottom: 5px;
}
body#cart .cart-grid {
margin-bottom: 125px;
}
body#cart .btn-next, body#checkout .btn-next {
padding: 0 42px !important;
}
body#cart footer {
margin-top: 136px;
}
body#cart #main h1.h1,
body#checkout #main h1.h1 {
font-size: 26px;
line-height: 32px;
}
body#password section#content form,
body#checkout .page-block #create_acount,
body#checkout .page-block .login-form .login-content {
max-width: 270px;
width: 100%;
margin: 0 auto;
}
.page-authentication #content .login-form #login-form,
.page-authentication #content .login-form h2,
.page-authentication #content .login-form .no-account {
max-width: 270px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
body#cart .checkout-step .cart-container .container,
body#checkout .checkout-step .cart-container .container {
min-height: 0;
max-width: none;
}
body#password section#content .form-forgotten-password,
.page-authentication #content .login-form {
padding: 40px 25px 40px;
}
body#checkout .container .register,
body#checkout .row .login-form {
padding: 40px 25px 76px;
}
body#checkout .page-block .login-form {
margin-top: 30px !important;
}
body#checkout #login-form .btn.btn-primary {
margin-bottom: 20px;
}
body#checkout .row .login-form {
padding-bottom: 32px;
}
body#checkout .checkout-step .cart-container .container .btn-wrapper {
margin-top: 36px !important;
}
.page-authentication #content .register-form,
body#checkout .register-form {
padding: 30px 35px 52px 38px;
}
.page-authentication #content h2,
body#checkout .login-form h2,
body#checkout .register-form h2 {
font-size: 16px;
line-height: 22px;
}
.page-authentication #content .register-form h2 {
margin-bottom: 12px;
}
.page-authentication #content .register-form .form-footer,
body#chekout .register-form .register-form .form-footer {
bottom: -104px;
}
}
.product_lists {
padding: 65px 0 65px;
min-height: 75vh;
}
.product_lists .container {
max-width: 1000px;
}
.product_lists .block-category {
min-height: initial;
padding: 0;
}
.product_lists .block-category .h1,
.product_lists .h2 {
font-size: 30px;
font-family: 'Rubik', sans-serif;
font-weight: bold;
text-transform: none;
line-height: 38px;
color: #000000;
}
.products-selection .total-products,
.products-selection h1 {
padding-top: 0;
}
.products-selection p {
font-size: 20px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
line-height: 28px;
color: #000000;
}
.products-selection .form_item {
margin-bottom: 0;
}
.products-selection {
margin-bottom: 27px;
}
.page-search #main .container {
max-width: 1000px;
}
.page-search .h2,
#pagenotfound .h2 {
margin-bottom: 36px;
font-size: 30px;
font-family: 'Rubik', sans-serif;
font-weight: bold;
text-transform: none;
line-height: 38px;
color: #000000;
}
.search_form .form_item {
position: relative;
}
.search_form input[type="text"] {
height: auto;
padding: 14px 47px 15px 25px;
font-size: 16px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
line-height: 16px;
color: #000000;
background: #FFFFFF;
border: 1px solid #CEDABF;
}
.search_form input[type="submit"],
.search_form button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: block;
margin: auto;
padding: 0 18px;
}
.page-category .product-miniature .product-thumbnail,
.page-search .product-miniature .product-thumbnail {
height: auto !important;
padding-bottom: 64%;
}
.page-category #products .product-title a,
.page-search #products .product-title a {
font-size: 18px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
text-align: left;
line-height: 24px;
color: #000000;
}
.page-category .product-miniature .highlighted-informations,
.page-category .product-price-and-shipping,
.page-search .product-miniature .highlighted-informations,
.page-search .product-price-and-shipping {
display: none;
}
.product-miniature .thumbnail-container {
height: auto !important;
box-shadow: none !important;
}
.page-category article.product-miniature,
.page-search article.product-miniature {
margin: 0 !important;
padding: 0 15px;
}
.page-category .product-miniature .product-description,
.page-search .product-miniature .product-description {
position: initial !important;
width: 100% !important;
box-shadow: none !important;
}
.page-category .product-miniature .thumbnail-container
.page-search .product-miniature .thumbnail-container {
width: 254px !important;
box-shadow: none !important;
}
#pagenotfound .page-not-found,
#products .page-not-found {
max-width: none;
padding: 0;
box-shadow: none;
}
#pagenotfound .page_main {
padding: 65px 0 65px;
min-height: 55vh;
}
#pagenotfound .page-not-found h4,
.page-search .page-content.page-not-found h4 {
margin-top: 0;
margin-bottom: 12px;
font-size: 20px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
line-height: 28px;
color: #000000;
}
#pagenotfound .page-not-found p,
.page-search .page-content.page-not-found p {
font-size: 18px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
line-height: 22px;
color: #000000;
}
.pagination a,
.pagination .current a {
font-size: 15px;
font-family: 'Rubik', sans-serif;
}
.pagination {
flex-wrap: wrap;
}
.pagination .page-list {
padding-right: 10px;
padding-left: 10px;
}
.pagination .page-list li {
padding: 0 5px;
}
@media screen and (max-width: 991px) {
.page-category #products .products,
.page-search #products .products {
justify-content: flex-start;
}
}
@media screen and (max-width: 767px) {
.page-category .h2,
.product_lists .h2,
.page-search .h2 {
font-size: 26px;
line-height: 32px;
}
.page-category .product-miniature .thumbnail-container,
.page-search .product-miniature .thumbnail-container {
width: 163px !important;
}
.product_lists {
padding-top: 75px;
}
.page-search .h2 {
margin-bottom: 31px;
}
.page-search .search_form {
margin-bottom: 20px;
}
.page-category .products-selection .showing,
.page-search .products-selection .showing {
font-size: 20px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
line-height: 28px;
color: #000000;
}
.page-category .product-miniature .product-thumbnail,
.page-search .product-miniature .product-thumbnail {
padding-bottom: 96%;
}
.page-category #products .product-title a,
.page-search #products .product-title a {
font-size: 15px;
line-height: 20px;
}
.page-category .page-content.page-not-found h4,
.page-search .page-content.page-not-found h4 {
margin-bottom: 18px;
}
}
.block-promo.container.new .block-promo.container.new {
padding: 0;
}
.alert.alert-danger.js-error {
line-height: 0;
margin: 0;
padding: 10px;
top: 63px;
right: 40px;
position: absolute;
}
.cart-promo-apply a .fal.fa-times {
color: white;
padding-top: 7px;
padding-left: 10px;
}
.block-promo.container.new .cart-voucher .d-flex {
justify-content: space-between;
}
body#checkout .register-form h2 {
text-align: left;
}
body#checkout .page-block .row div.pr-15 {
padding-right: 15px !important;
}
body#checkout .page-block .row div.pl-15 {
padding-left: 15px !important;
}
@media (min-width: 768px) {
.cart-voucher .d-flex .wrapper-blocks {
width: 65%;
}
.promo-input {
width: 54% !important;
}
/* .btn.btn-primary{
width: 40% !important;
} */
body#checkout #login-form .btn.btn-primary {
width: 170px !important;
margin-bottom: 20px;
}
}
@media (max-width: 768px) {
.block-promo.container.new .cart-voucher {
margin: 0 !important;
}
}
@media (max-width: 500px) {
.block-promo.container.new .cart-voucher .d-flex {
display: block !important;
}
.cart-promo-apply {
padding-bottom: 0 !important;
}
}
.submenu h3,
.submenu .col_2 p a:hover,
.submenu h2 {
color: #0b67aa !important;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.submenu .col_2 p a {
transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
}
.submenu .col_2 p .plus_menu {
display: inline-flex !important;
}
.submenu_box {
display: flex;
margin: 0 -15px;
padding: 10px 34px;
}
.submenu_box .col_1,
.submenu_box .col_2 {
padding: 0 15px;
}
.submenu_box .col_2 {
width: 33.3333%;
}
.submenu .col_2 p.print {
margin-bottom: 39px;
}
.submenu .col_2 p.print_20 {
margin-bottom: 20px;
}
.submenu .col_2 p a {
margin-bottom: 5px;
font-size: 18px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
line-height: 18px;
color: #0B67AA;
}
@media screen and (max-width: 1439px) and (min-width: 1200px) {
.submenu h3 {
font-size: 12px;
}
.submenu_box {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
}
.submenu .col_2 p.print_20 {
margin-bottom: 15px;
}
.submenu .col_2 p a {
font-size: 16px;
}
}
/* end product page */
body#checkout .register-form {
margin-bottom: 39px;
}
body#checkout .register-form .form-footer .btn-primary {
position: absolute;
bottom: -11.5%;
right: 0;
width: 170px !important;
}
body#checkout.page-order .register-form .form-footer .btn-primary {
bottom: -8.8%;
}
body#checkout.page-order .checkout-step .cart-container .container .btn-wrapper {
margin-top: 25px;
}
.checkout-step {
display: none;
}
.checkout-step.js-current-step {
display: block;
}
.card-block.checkout {
margin-top: 0;
}
.checkout.cart-detailed-actions.card-block {
padding: 0;
}
.btn-wrapper.d-flex {
justify-content: space-between;
}
body#cart i.trash {
margin: 0 auto;
display: block;
width: 12px;
height: 19px;
background-position: center;
background-repeat: no-repeat;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAATCAYAAACgADyUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC1SURBVHgB7VOxDcIwEDwHCspsACswAd4ARqClYxNGCCPABLACHV0yQtKlS/7jj/RybMlKkSonXfx+3X3s19tgigvx7OXexJdOZBGjVXsbKIRt4A+naa3BXOgTGPo8RfxFGixrM8zERtZdugUVXLMGHIjXBBNrcj9RRorcVdxBOh66IxsLFT+Ie180uzmrcSljDTdWY8xofJGR1RI/cI+1Rhi56I5ceBzyiviDm5QYWuKN+OdNDz21G48FiYnTAAAAAElFTkSuQmCC');
}
body#cart .btn-next,
body#checkout .btn-next {
width: 100%;
align-items: center;
padding: 0 45px;
font-size: 18px;
font-family: Rubik;
text-transform: unset;
}
.cart-grid-body {
margin: auto;
}
body#checkout section.checkout-step,
.card {
box-shadow: none;
border: none;
}
body#checkout section.checkout-step .forgot-password {
margin-left: 0;
}
body#checkout section.checkout-step .forgot-password a {
font-size: 14px;
line-height: 18px;
color: #494d44;
}
.btn-next-step {
border: none;
}
body#checkout #main h1.h1 {
margin-top: 20px;
}
body#checkout section.checkout-step .form-footer {
text-align: left;
}
body#checkout section.checkout-step #login-form {
margin-left: 0;
}
body#checkout .cart-container .container .btn-wrapper {
margin-top: 72px;
}
body#checkout .checkout-step .cart-container .container .btn-wrapper {
margin-top: 98px;
}
body#checkout .register-form .form-footer .btn.btn-primary {
height: 56px;
}
#address-checkout,
#address-checkout div.contents {
padding: 0 7px;
}
body#checkout input::placeholder {
text-transform: none !important;
opacity: 0.5;
}
body#checkout #address-checkout div.contents h5 {
font-family: Rubik;
margin-top: 67px;
border-bottom: 1px solid #cedabf;
padding-bottom: 16px;
}
#address-checkout .address-content {
width: 570px;
}
body#checkout section.checkout-step #delivery-addresses {
margin-top: 27px;
}
#address-checkout .contents .container,
body#checkout section.checkout-step .radio-block {
padding: 0px;
}
body#checkout section.checkout-step .address {
margin-left: 0px;
}
body#checkout #address-checkout .customer-name {
font-size: 18px;
line-height: 20px;
font-family: Rubik;
font-weight: 500;
margin-bottom: 14px;
}
body#checkout #address-checkout .customer-data {
font-size: 16px;
font-family: Rubik;
margin-bottom: 6px;
}
body#checkout #address-checkout div.contents h5.h5.adresse-title {
margin-top: 35px;
margin-bottom: 30px;
}
body#checkout #address-delivery label {
text-align: left;
font-size: 14px;
font-weight: 500;
font-family: Rubik;
}
body#checkout #address-delivery .form-group:first-child {
margin-top: 35px;
}
body#checkout #address-delivery .form-group {
margin-bottom: 10px;
}
body#checkout #address-delivery input {
height: 44px;
font-size: 16px;
font-family: Rubik;
padding: 14px 18px;
}
body#checkout #address-checkout .comment {
margin-top: 92px;
margin-bottom: 68px;
}
body#checkout #address-checkout .comment label {
font-size: 18px;
font-family: Rubik;
font-weight: normal;
text-align: left;
line-height: 24px;
margin-bottom: 17px;
}
body#checkout #address-checkout .comment textarea {
resize: none;
height: 240px;
}
body#checkout .page-block .login-form {
margin-right: 0px;
margin-left: 0px;
}
body#checkout section.checkout-step .delivery-options .delivery-option {
width: 100%;
margin-right: 0px;
margin-left: 0px;
background: unset;
border-right: unset;
}
body#checkout .delivery-title {
width: 100%;
height: 56px;
background-color: #f0f6ea;
margin-top: 84px;
}
body#checkout .delivery-title p {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
padding: 19px;
width: 170px;
text-align: center;
}
body#checkout
section.checkout-step
.delivery-options
.delivery-option
label
.carrier:not(.carrier-hasLogo)
> .col-xs-12,
body#checkout .delivery-option-2,
body#checkout .delivery-option-2 .col-sm-5.col-xs-12 {
padding-left: 0px;
}
body#checkout .delivery-option .col-sm-1 {
padding: 0px;
}
body#checkout .delivery-option .carrier-name,
body#checkout .delivery-option .carrier-delay {
font-family: Rubik;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 24px;
}
body#checkout .custom-radio-checkbox span,
body#checkout .custom-checkbox-dev span {
background: #f0f6ea;
border-radius: 2px;
}
body#checkout .register-form .custom-radio-checkbox span,
body#checkout .register-form .custom-checkbox-dev span {
background: white;
}
body#checkout .custom-radio-checkbox input[type='radio']:checked + span,
body#checkout .custom-checkbox-dev input[type='checkbox']:checked + span,
body#checkout
.register-form
.custom-radio-checkbox
input[type='radio']:checked
+ span,
body#checkout
.register-form
.custom-checkbox-dev
input[type='checkbox']:checked
+ span {
background-color: #000;
}
body#checkout .custom_checkbox_wraper span a {
color: #232323;
}
body#checkout .delivery-content {
padding: 0 !important;
}
body#checkout #main .delivery-content h1.h1 {
margin-top: 16px;
}
body#checkout .delivery-content .container {
padding: 0;
}
body#checkout .delivery-content .progressbar {
margin-top: 24px;
}
body#checkout .delivery-title {
margin-top: 94px;
}
body#checkout .delivery-title p {
width: 137px;
margin: 0;
}
body#checkout section.checkout-step .delivery-options .delivery-option {
min-height: 0;
padding-top: 18px;
padding-bottom: 18px;
}
body#checkout section.checkout-step .carrier-delay,
body#checkout section.checkout-step .carrier-name {
font-size: 18px;
line-height: 24px;
}
body#checkout section.checkout-step .delivery-options .delivery-option label {
flex: 0 0 100%;
max-width: calc(100% - 32px);
}
body#checkout .delivery-option-2 .col-sm-5.col-xs-12 {
flex: 0 0 44.666667%;
max-width: 44.666667%;
}
body#checkout section.checkout-step .delivery-options .delivery-option {
margin-bottom: 44px;
}
body#checkout #main #checkout-payment-step .h2 {
margin-top: 17px;
margin-bottom: 20px;
font-size: 30px;
font-family: 'Rubik', sans-serif;
font-weight: bold;
text-transform: none;
line-height: 38px;
color: #000000;
}
/* body#checkout .hidden-button {
display: none;
} */
@media screen and (max-width: 767px) {
body#checkout #main #checkout-payment-step .h2 {
font-size: 26px;
line-height: 32px;
}
body#checkout section.checkout-step #delivery-addresses {
margin-top: 25px;
}
body#checkout #address-checkout div.contents h5.h5.adresse-title {
margin-top: 20px;
margin-bottom: 18px;
}
body#checkout #address-delivery label.form-control-label {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 0;
}
body#checkout #address-delivery .form-group {
margin-bottom: -1px;
}
body#checkout #address-checkout .comment {
margin-top: 39px;
margin-bottom: 93px;
}
body#checkout #address-checkout .comment label {
font-size: 16px;
line-height: 22px;
}
body#checkout .delivery-title {
display: flex;
margin-top: 54px;
}
body#checkout section.checkout-step .delivery-options .delivery-option {
margin-bottom: 34px;
}
body#checkout .delivery-content .col-lg-5 {
flex: 0 0 52%;
max-width: 52%;
}
body#checkout .delivery-content .col-lg-7 {
flex: 0 0 48%;
max-width: 48%;
}
body#checkout .delivery-option-2 .col-sm-3.col-xs-12 {
flex: 0 0 52%;
max-width: 52%;
}
body#checkout .delivery-option-2 .col-sm-5.col-xs-12 {
flex: 0 0 48%;
max-width: 48%;
}
}
@media screen and (max-width: 550px) {
body#checkout #checkout-payment-step .progressbar,
body#checkout .delivery-content .progressbar,
body#checkout #address-checkout .progressbar {
position: relative;
margin-top: 42px;
margin-left: -24%;
margin-bottom: 50px;
}
body#checkout .delivery-content .progressbar {
margin-left: -56vw;
}
body#checkout #checkout-payment-step .progressbar {
margin-left: -59vw;
}
body#cart .adress_progress,
body#checkout #checkout-payment-step .adress_progress,
body#checkout #checkout-personal-information-step .adress_progress,
body#checkout .delivery-content .adress_progress,
body#checkout #address-checkout .adress_progress {
position: relative;
}
body#cart .adress_progress:before,
body#checkout #checkout-personal-information-step .adress_progress:before,
body#checkout #checkout-payment-step .adress_progress:before,
body#checkout .delivery-content .adress_progress:before,
body#checkout #address-checkout .adress_progress:before {
content: '';
position: absolute;
top: 0;
right: -15px;
left: -15px;
bottom: -20px;
background: linear-gradient(-270deg, #fff 15px, rgba(255, 255, 255, 0) 15.8%, rgba(255, 255, 255, 0) 81.95%, #fff 100%);
pointer-events: none;
z-index: 10;
}
body#checkout #checkout-payment-step .adress_progress:before {
background: linear-gradient(-270deg, #fff 15px, rgba(255, 255, 255, 0) 15.8%, rgba(255, 255, 255, 0) 100%);
}
body#cart .adress_progress:before,
body#checkout #checkout-personal-information-step .adress_progress:before {
background: linear-gradient(-270deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 78.95%, #fff 93%);
}
body#checkout #checkout-payment-step .progressbar {
margin-bottom: 70px;
}
body#checkout section.checkout-step .payment-options label {
font-size: 18px;
line-height: 24px;
}
.payment-options {
margin-top: 50px !important;
}
.payment-options #payment-option-1-container,
.payment-options #payment-option-2-container,
.payment-options #payment-option-3-container,
.payment-options #payment-option-4-container {
/*margin-top: 25px !important;*/
}
.payment-options label img {
display: block;
margin-top: 10px;
margin-left: 0 !important;
}
}
body#checkout .nice-select {
border: solid 1px #ced4da;
border-radius: 0.25rem;
}
body#cart.cart-empty main > section {
display: none;
}
body#checkout .check-rule > label {
margin-top: 101px;
margin-bottom: 85px;
}
body#checkout .alert-danger {
top: 660px;
z-index: 1;
width: 570px;
margin: 0 auto;
margin-left: 18%;
}
#payment-confirmation,
#conditions-to-approve,
.payment-options,
.hh1 {
padding-left: 15px;
padding-right: 15px;
}
.payment-options {
margin-top: 70px;
}
.payment-options #payment-option-1-container,
.payment-options #payment-option-2-container,
.payment-options #payment-option-3-container,
.payment-options #payment-option-4-container {
/*margin-top: 32px;*/
}
#payment-confirmation {
margin-top: 27px;
}
.custom-radio span {
background-color: #53aa0b !important;
width: 14px !important;
height: 14px !important;
}
.custom-radio {
border: 1px solid #adc39a;
}
.custom-checkbox input[type='checkbox'] + span {
border: 1px solid black !important;
border-radius: 2px;
}
.custom-checkbox input[type='checkbox']:checked + span {
background-color: black;
}
.custom-checkbox input[type='checkbox']:checked + span::after {
content: '';
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi44ODQ3MSAwLjIwNjgwM0M3LjAyNTU4IDAuMDcyNjkxOSA3LjIxMzAzIC0wLjAwMTQ1MDEyIDcuNDA3NTMgMi4xNDk1NGUtMDVDNy42MDIwMiAwLjAwMTQ5MzEyIDcuNzg4MzMgMC4wNzg0NjM1IDcuOTI3MTYgMC4yMTQ2OTFDOC4wNjU5OCAwLjM1MDkxOCA4LjE0NjQ1IDAuNTM1NzQ3IDguMTUxNTkgMC43MzAxNzdDOC4xNTY3MyAwLjkyNDYwNyA4LjA4NjE0IDEuMTEzNDMgNy45NTQ3MSAxLjI1NjhMMy45NjQ3MSA2LjI0NjhDMy44OTYxIDYuMzIwNyAzLjgxMzI5IDYuMzgwMDEgMy43MjEyNCA2LjQyMTE3QzMuNjI5MTkgNi40NjIzMyAzLjUyOTc4IDYuNDg0NTEgMy40Mjg5NiA2LjQ4NjM4QzMuMzI4MTQgNi40ODgyNSAzLjIyNzk4IDYuNDY5NzYgMy4xMzQ0NyA2LjQzMjA0QzMuMDQwOTUgNi4zOTQzMSAyLjk1NjAxIDYuMzM4MTEgMi44ODQ3MSA2LjI2NjhMMC4yMzg3MDggMy42MjA4QzAuMTY1MDIyIDMuNTUyMTQgMC4xMDU5MTkgMy40NjkzNCAwLjA2NDkyNzUgMy4zNzczNEMwLjAyMzkzNTUgMy4yODUzNCAwLjAwMTg5MzUgMy4xODYwMyAwLjAwMDExNjcyIDMuMDg1MzNDLTAuMDAxNjYwMDYgMi45ODQ2MiAwLjAxNjg2NDggMi44ODQ1OSAwLjA1NDU4NTggMi43OTEyMUMwLjA5MjMwNjggMi42OTc4MiAwLjE0ODQ1MSAyLjYxMjk4IDAuMjE5NjcgMi41NDE3NkMwLjI5MDg4OSAyLjQ3MDU1IDAuMzc1NzIzIDIuNDE0NCAwLjQ2OTExMSAyLjM3NjY4QzAuNTYyNDk5IDIuMzM4OTYgMC42NjI1MjggMi4zMjA0MyAwLjc2MzIzMSAyLjMyMjIxQzAuODYzOTM0IDIuMzIzOTkgMC45NjMyNDcgMi4zNDYwMyAxLjA1NTI1IDIuMzg3MDJDMS4xNDcyNSAyLjQyODAxIDEuMjMwMDUgMi40ODcxMiAxLjI5ODcxIDIuNTYwOEwzLjM5MjcxIDQuNjUzOEw2Ljg2NTcxIDAuMjI4ODAzQzYuODcxOTYgMC4yMjExMDQgNi44Nzg2NCAwLjIxMzc1OSA2Ljg4NTcxIDAuMjA2ODAzSDYuODg0NzFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
width: 9px;
height: 8px;
display: block;
background-repeat: no-repeat;
margin: 0px;
position: absolute;
top: 6px;
left: 4px;
background-position: center;
}
.payment-confirmation {
margin-top: 50px;
}
#main {
color: black;
}
#payment-confirmation div button {
background-color: #53aa0b;
border: 1px solid #53aa0b;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
box-shadow: none;
}
.js-termss a {
text-transform: capitalize;
}
.payment-options label img {
margin-left: 30px;
}
.grid-rowspayment-option-4 {
grid-row-start: 1;
}
.grid-rowspayment-option-3 {
grid-row-start: 4;
}
.grid-rowspayment-option-2 {
grid-row-start: 3;
}
.grid-rowspayment-option-1 {
grid-row-start: 2;
}
.payment-options {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto auto auto;
}
#modal {
opacity: 1 !important;
}
.card-block .row {
flex-direction: column;
}
#order-items {
border-right: none;
padding: 15px;
}
.h1.card-title {
font-family: Rubik;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 38px;
}
.h3.card-title {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 28px;
padding-left: 0;
}
.order-line.row {
display: flex;
flex-direction: row;
align-items: center;
}
.card-block .row .my-d-flex {
flex-direction: row-reverse;
justify-content: space-around;
text-align: center;
}
.table-total .d-flex p:nth-child(3) {
padding: 0;
text-align: end;
}
.table-total .d-flex p:nth-child(2) {
padding-right: 0;
}
.table-total .d-flex p:nth-child(2) span {
padding: 0;
}
.table-total .d-flex:nth-child(2, 4) {
display: none;
}
.table-total .d-flex .col-xs-6,
.table-total .d-flex .col-xs-3 {
margin-bottom: 10px;
}
.table-total {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
}
.card-block .col-xs-6.text-sm-right.text-xs-left {
font-family: Rubik;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: black;
}
#order-details .h3.card-title {
text-transform: inherit;
}
#order-details ul li {
height: 30px;
}
#order-details ul {
font-size: 16px;
font-family: Rubik;
}
#order-details ul li .my-bold {
font-weight: 700;
color: black;
}
.card-block {
font-size: 18px;
}
.definition-list dl dd,
.definition-list dl dt {
margin: 0;
background: transparent;
}
.definition-list dl dd:nth-of-type(2n),
.definition-list dl dt:nth-of-type(2n) {
background: #f0f6ea;
}
.order-confirmation-table .order-line.row:nth-of-type(2n) {
background: #f0f6ea;
}
@media (min-width: 1100px) {
.my-cons {
width: 75%;
}
}
@media (max-width: 700px) {
.table-total .d-flex .col-xs-7 {
width: 0;
}
.table-total .d-flex .col-xs-2,
.table-total .d-flex .col-xs-3 {
width: 50%;
}
{
width: 0;
}
#order-details ul li span {
width: 50%;
line-height: 1;
}
}
@media (max-height: 1000px) {
body#history .table-history-body {
/*height: 85%;*/
}
}
@media (max-height: 800px) {
body#history .table-history-body {
/*height: 60%;*/
}
}
@media (max-height: 768px) {
body#history .table-history-body {
/*height: 50%;*/
}
}
#order-items .order-confirmation-table .order-line .details span {
font-family: Rubik;
}
#content-hook_order_confirmation.card container.my-cons,
.page-content.page-order-confirmation.card.container.my-cons,
#content-hook_payment_return {
font-family: Rubik;
}
body#history .table-history-body {
/* height: 85%;
overflow-y: auto;*/
}
body#history .table-striped thead th:first-child {
width: 11.7%;
padding-right: 30px;
}
body#history .table-striped thead th.date {
width: 11.7%;
}
body#history .table-striped thead th.total {
width: 11%;
}
body#history .table-striped thead th.payment {
width: 16%;
}
body#history .table-striped thead th.status {
width: 36%;
}
body#history .table-striped thead th:last-child {
width: 14%;
}
body#history .table-history {
margin-bottom: 15px;
}
body#history #content-wrapper {
min-height: 700px;
height: auto;
}
.page-content {
min-height: calc(100vh - 630px);
}
.renew-password .form-control-label {
font-weight: 500;
font-size: 14px;
line-height: 16px;
}
.renew-password .form-control-submit {
width: 100% !important;
}
@media screen and (max-width: 767px) {
#history #main .breadcrumb__wrapper {
margin-bottom: 0;
}
#history #content {
padding-top: 13px;
}
#history #main .page-content .title {
margin-top: 47px;
margin-bottom: 16px;
}
body#history .tab-block {
margin-bottom: 14px;
}
#history .orders .order {
margin-bottom: 0 !important;
}
#history .orders {
width: 100%;
margin: 0;
}
#history .orders .order {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 14px;
padding: 15px 11px 7px;
background-color: #f0f6ea;
}
#history .orders .order .reference,
#history .orders .order .date,
#history .orders .order .total,
#history .orders .order .paymen,
#history .orders .order .status,
#history .orders .order .facture {
width: 50%;
margin-bottom: 10px;
padding: 0 5px;
}
#history .orders .order a h3 {
font-size: 13px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
line-height: 14px;
color: #000000;
}
#history .orders .order .date {
font-size: 13px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
line-height: 14px;
text-align: right;
color: #000000;
}
#history .orders .order .total {
font-size: 13px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
line-height: 14px;
color: #000000;
}
#history .orders .order .paymen {
font-size: 13px;
font-family: 'Rubik', sans-serif;
font-weight: 400;
text-align: right;
line-height: 14px;
color: #000000;
}
#history .orders .order .status {
width: 90%;
}
#history .orders .order .label {
padding: 4px 9px;
font-size: 12px;
font-family: 'Rubik', sans-serif;
font-weight: normal;
line-height: 14px;
color: #000000;
background: #DAE6CE !important;
border-radius: 3px;
}
#history .orders .order .facture {
width: 10%;
}
#history .orders .order .facture a {
display: block;
width: 20px;
height: 20px;
margin-left: auto;
background-image: url('../images/icon-pdf.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
}
.ps_checkout.payment-method-logo-block,
.product-additional-info .ps_checkout {
display: none !important;
}
.up_image_clear.awp_tbla img,
.tab-hisory-content img {
max-width: 100px;
}
.cart-item .product-line-info-box img {
max-width: 75px;
width: 100%;
height: auto;
padding: 10px 0;
}
#login-form .col-md-6,
#login-form label {
width: 100%;
max-width: 100%;
text-align: left;
}
#delivery-address .saver,
#delivery-address [data-type="alias"],
#delivery-address [data-type="vat_number"] {
display: none;
}
.error__wrapper {
min-height: 75vh;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background: url("../images/404-bg.png" ) 0 0 no-repeat;
margin: 150px 0 0 0;
padding: 50px 0;
}
.error__wrapper > div {
max-width: 800px;
padding: 20px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.error__wrapper h1 {
font-weight: 700;
font-size: 28px;
line-height: 38px;
text-align: center;
color: #000000;
margin: 10px 0 0 0
}
.error__wrapper h2 {
font-weight: 400;
font-size: 18px;
line-height: 24px;
margin: 10px 0 0 0;
text-align: center;
color: #000000;
}
.error__wrapper a {
font-weight: 400;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #FFFFFF;
background: #53AA0B;
border: 1px solid #53AA0B;
margin: 20px 0 0 0;
padding: 10px 50px;
}
.error__wrapper a:hover {
background: #fff;
color: #53AA0B;
}
#login-form .form-group {
display: flex;
flex-direction: column;
}
#login-form #submit-login {
margin: 10px 0 0 0;
}
#search_widget {
overflow: unset;
}
#search_widget form input,
#search_widget form input::placeholder{
color: #000;
}
.ui-autocomplete.searchbar-autocomplete {
display: none !important;
}
@media (max-width: 768px) {
.error__wrapper {
margin: 110px 0 0 0;
padding: 0;
background-size: cover;
}
.error__wrapper svg {
width: 100%;
height: auto;
}
.error__wrapper a {
width: 100%;
}
.error__wrapper h1 {
font-size: 24px;
line-height: 30px;
}
}