Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/thietkeweb2/layout/pccc/ |
.blog-img-custom{
width: 100px;
float: left;
padding-right: 15px;
}
.blog-title-small{
margin: 4px 0 10px;
font-size: 18px;
line-height: 35px;
font-weight: 300;
}
.blog-title-small a {
color: #0a0a0a;
}
/* Button Frame */
.btn-frame {
display: block;
width: 50px;
height: 50px;
position: fixed;
right: 20px;
z-index: 10;
cursor: pointer;
}
.btn-frame i {
display: flex;
display: -ms-flex;
justify-content: center;
align-items: center;
-ms-flex-align: center;
width: 50px;
height: 50px;
border-radius: 50%;
background: #efac1f;
position: relative;
z-index: 1;
color: #fff;
font-size: 20px;
}
.btn-frame i img {
vertical-align: middle;
}
.btn-frame .animated.infinite {
animation-iteration-count: infinite;
}
.btn-frame .kenit-alo-circle {
width: 60px;
height: 60px;
top: -5px;
right: -5px;
position: absolute;
background-color: transparent;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: #efac1f;
opacity: .1;
border-color: #efac1f;
opacity: .5;
}
.btn-frame .zoomIn {
animation-name: zoomIn;
}
.btn-frame .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.btn-frame .kenit-alo-circle-fill {
width: 70px;
height: 70px;
top: -10px;
right: -10px;
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid transparent;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
background-color: #efac1f;
opacity: .4;
}
.btn-frame .pulse {
animation-name: pulse;
}
.btn-maps {
bottom: 390px;
}
.btn-zalo {
bottom: 195px;
}
.btn-phone {
bottom: 275px;
}
.btn-map {
bottom: 275px;
}
.btn-mess {
bottom: 355px;
}
.btn-mess svg {
max-width: 65%;
}
/* Messenger */
#messages-facebook svg {
max-width: 75%;
}
#messages-facebook svg {
fill: #fff;
}
.js-facebook-messenger-container.closed, .js-facebook-messenger-tooltip.closed {
display: none !important
}
.js-facebook-messenger-tooltip {
bottom: 97px;
right: 97px
}
.js-facebook-messenger-tooltip {
color: #404040;
background: #fff
}
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip {
z-index: 999
}
.js-facebook-messenger-tooltip {
display: none;
position: fixed;
text-align: center;
border-radius: 10px;
overflow: hidden;
font-size: 12px;
line-height: 1;
padding: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt
}
.js-facebook-messenger-close-tooltip {
width: 10px;
height: 10px;
display: inline-block;
cursor: pointer;
margin-left: 10px
}
.js-facebook-messenger-box.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
.js-facebook-messenger-box.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip {
z-index: 999
}
.js-facebook-messenger-box {
display: flex;
position: fixed;
cursor: pointer;
bottom: 120px;
right: 17px;
width: 56px;
height: 56px;
text-align: center;
background: #efac1f;
border-radius: 100%;
overflow: hidden;
justify-content: center;
align-items: center;
z-index: 99;
-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
}
.js-facebook-messenger-box.rotate svg#fb-msng-icon {
transform: rotate(0deg)
}
.js-facebook-messenger-box svg#fb-msng-icon {
width: 32px;
height: 33px;
position: absolute;
top: 13px;
left: 12px;
opacity: 1;
overflow: hidden;
-webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
-moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
-o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
}
.js-facebook-messenger-box.rotate svg#close-icon {
transform: rotate(-45deg)
}
.js-facebook-messenger-box svg#close-icon {
opacity: 0;
width: 19px;
height: 20px;
position: absolute;
top: 19px;
left: 19px;
-webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
-moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
-o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;
}
.js-facebook-messenger-container, .js-facebook-messenger-container-button {
z-index: 1000
}
.js-facebook-messenger-container {
position: fixed;
opacity: 0;
transform: translateY(50px);
bottom: 150px;
right: 60px;
border-radius: 10px;
pointer-events: none;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
-webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
-moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
-o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;
}
.js-facebook-messenger-top-header {
width: 220px
}
.js-facebook-messenger-top-header {
color: #fff;
background: #0d73c3
}
.js-facebook-messenger-top-header {
display: block;
position: relative;
width: 220px;
background: #0d73c3;
color: #fff;
text-align: center;
line-height: 1;
padding: 10px;
font-size: 14px;
border-top-left-radius: 10px;
border-top-right-radius: 10px
}
.js-facebook-messenger-container iframe, .js-facebook-messenger-container-button iframe {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip {
z-index: 999
}
.js-facebook-messenger-container, .js-facebook-messenger-container-button {
z-index: 1000
}
.js-facebook-messenger-top-header {
color: #fff;
background: #0d73c3;
}
.js-facebook-messenger-top-header {
width: 220px
}
.js-facebook-messenger-tooltip {
color: #404040;
background: #fff
}
.js-facebook-messenger-container.open {
transform: translateY(0px);
opacity: 1;
pointer-events: all
}
.js-facebook-messenger-tooltip {
bottom: 97px;
right: 97px
}
.js-facebook-messenger-box.open svg#fb-msng-icon {
opacity: 0
}
.js-facebook-messenger-box.rotate.open svg#close-icon {
transform: rotate(0deg)
}
.js-facebook-messenger-box.open svg#close-icon {
opacity: 1
}
.banner-content-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 1px;
}
.banner-content-top .box-img {
width: 37%;
}
.banner-content-top .box-img img {
display: block;
margin-left: auto;
}
.banner-content-top .title {
width: 63%;
padding-left: 100px;
color: #ffffff;
font-weight: normal;
line-height: 1.2;
padding-top: 10px;
font-size: 34px;
}
@media screen and (max-width: 991px) {
.banner-content-top .title {
font-size: 42px;
}
}
@media screen and (max-width: 768px) {
.banner-content-top {
padding: 0;
margin-bottom: 10px;
text-align: center;
}
.banner-content-top .box-img {
width: 100%;
margin-bottom: 15px;
}
.banner-content-top .box-img img {
margin: auto;
}
.banner-content-top .title {
width: 100%;
padding-left: 0;
font-size: 38px;
padding-top: 0;
}
}
@media screen and (max-width: 600px) {
.banner-content-top {
margin-top: 10px;
padding: 0;
margin-bottom: 0px;
text-align: center;
}
.banner-content-top .title {
width: 100%;
padding-left: 0;
font-size: 18px;
padding-top: 0;
}
}
.mau-2nd-nh {
border-bottom: 2px solid #efac1f;
}
.fw-600.mau-2nd-nh {
display: inline-block;
border-bottom: 4px solid #efac1f;
background: #efac1f;
padding: 3px 15px;
outline: 0;
border-radius: 4px;
color: white;
font-style: italic;
}
h1.title.mon-nh {
margin-bottom: 1px;
}
#typed3{
margin-bottom: 10px!important;
height: 70px;
}
.duanmonnh {
font-size: 48px;
}
.create-your-website-wrapper {
background: url(assets/images/f.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position: top center;
padding: 35px 70px;
margin-bottom: 20px;
-webkit-box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.09);
box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.09);
border-radius: 8px;
}
@media screen and (max-width: 768px) {
.create-your-website-wrapper {
margin-bottom: 30px;
padding: 25px 50px;
}
}
@media screen and (max-width: 500px) {
.create-your-website-wrapper {
padding: 25px;
}
}
.create-your-website-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.create-your-website-item + .create-your-website-item {
margin-top: 25px;
}
.create-your-website-item .title {
font-size: 30px;
font-weight: normal;
text-align: right;
width: 37%;
line-height: 1.2;
}
.create-your-website-item form {
width: 63%;
padding-left: 100px;
}
.create-your-website-item form .form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
animation-delay: 0s !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.create-your-website-item form .form .f-control {
background-color: #eff0f4;
width: 64%;
border-color: transparent;
}
.create-your-website-item form .form .f-control:focus {
border-color: #f96d01;
}
.create-your-website-item form .form .main-btn {
width: calc(36% - 10px);
height: 50px;
line-height: 50px;
padding: 0;
background-color: #f96d01;
margin-left: 10px;
-webkit-box-shadow: none;
box-shadow: none;
}
.create-your-website-item form .form .main-btn:hover {
background-color: #c65701;
}
@media screen and (max-width: 768px) {
.create-your-website-item {
display: block;
}
.create-your-website-item .title {
width: 100%;
font-size: 26px;
text-align: left;
margin-bottom: 10px;
}
.create-your-website-item form {
width: 100%;
padding-left: 0;
}
}
@media screen and (max-width: 500px) {
.create-your-website-item form .form {
display: block;
}
.create-your-website-item form .form .f-control {
width: 100%;
margin-bottom: 5px;
}
.create-your-website-item form .form .main-btn {
width: 100%;
margin-left: 0;
}
}
.custom1-bg{
background:#bb0b0b;
}
.menu-area{
--tw-shadow: 0px 0px 15px rgba(0,0,0,0.1);
--tw-shadow-colored: 0px 0px 15px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.create-your-website-item .wpcf7 {
width: 50%;
}
.create-your-website-item .wpcf7 form .form .f-control {
width: 100%;
}
.create-your-website-item .wpcf7 form {
width: 100%;
padding-left: 0px;
}
@media screen and (max-width: 500px) {
.create-your-website-item form .form .f-control {
width: 100%;
margin-bottom: 5px;
}
.create-your-website-item .wpcf7 {
width: 100%;
}
}
.f-control {
width: 100%;
border: 1px solid #e1e1e1;
background-color: #fff;
color: #264e86;
padding: 0 18px;
height: 50px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font: inherit;
outline: 0;
border-radius: 4px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.f-control::-webkit-input-placeholder {
color: #a1a9c3;
}
.f-control:-ms-input-placeholder {
color: #a1a9c3;
}
.f-control::-ms-input-placeholder {
color: #a1a9c3;
}
.f-control::placeholder {
color: #000b16;
}
.f-control:disabled {
cursor: not-allowed;
}
.f-control:focus {
border-color: #bb0b0b;
}
@media screen and (max-width: 500px) {
.f-control {
height: 40px;
}
}
textarea.f-control {
display: block;
height: 100px;
padding: 10px 18px;
}
.custom-checkbox {
display: block;
position: relative;
cursor: pointer;
}
.custom-checkbox input {
display: none;
}
.custom-checkbox input:hover ~ .checkmark {
background-color: #bb0b0b;
}
.custom-checkbox input:checked ~ .checkmark {
background-color: #bb0b0b;
}
.custom-checkbox input:checked ~ .checkmark::after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.custom-checkbox .checkmark {
height: 15px;
width: 15px;
background-color: #fff;
color: #fff;
border: 1px solid #bb0b0b;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.2s;
transition: 0.2s;
font-size: 12px;
}
.custom-checkbox .checkmark::after {
content: "✔";
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: inherit;
transition: inherit;
}
.create-your-website-item form .form .main-btn {
width: calc(36% - 10px);
height: 50px;
line-height: 50px;
padding: 0;
background-color:#bb0b0b;
margin-left: 10px;
-webkit-box-shadow: none;
box-shadow: none;
}
.create-your-website-item form .form .main-btn:hover {
background-color: #000;
}
@media screen and (max-width: 768px) {
.create-your-website-item {
display: block;
}
.create-your-website-item .title {
width: 100%;
font-size: 26px;
text-align: left;
margin-bottom: 10px;
}
.create-your-website-item form {
width: 100%;
padding-left: 0;
}
}
@media screen and (max-width: 500px) {
.create-your-website-item form .form {
display: block;
}
.create-your-website-item form .form .f-control {
width: 100%;
margin-bottom: 5px;
}
.create-your-website-item form .form .main-btn {
width: 100%;
margin-left: 0;
}
}
.main-btn {
display: inline-block;
background-color: #0074e4;
color: #fff;
border: 1px solid transparent;
padding: 9px 51px;
-webkit-transition: 0.2s;
transition: 0.2s;
outline: 0;
border-radius: 4px;
font: inherit;
cursor: pointer;
white-space: nowrap;
-webkit-box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.2);
}
.main-btn .fa {
margin-left: 5px;
}
.main-btn.full-btn {
text-align: center;
width: 100%;
}
.main-btn.disabled,
.main-btn.disabled:hover,
.main-btn:disabled,
.main-btn:disabled:hover {
cursor: not-allowed;
background-color: #d8d8d8;
color: #9b9b9b;
}
.main-btn:hover {
background-color: #264e86;
color: #fff;
}
.main-btn.main-btn-bg-2 {
background-color: #264e86;
}
.main-btn.main-btn-bg-2:hover {
background-color: #0074e4;
color: #fff;
-webkit-box-shadow: 0 2px 15px 0 rgba(38, 78, 134, 0.2);
box-shadow: 0 2px 15px 0 rgba(38, 78, 134, 0.2);
}
.main-btn.main-btn-bg-4 {
background-color: #bb0b0b;
}
.main-btn.main-btn-bg-4:hover {
background-color: #0074e4;
color: #fff;
}
.main-btn.main-btn-bg-5 {
background-color: #47cdff;
}
.main-btn.main-btn-bg-5:hover {
background-color: #264e86;
color: #fff;
}
.main-btn.main-btn-bg-6 {
background: linear-gradient(
100.87deg,
#bb0b0b -38.94%,
#bb0b0b 44.05%,
#f31f10 132.4%
);
background: -webkit-gradient(
100.87deg,
#bb0b0b -38.94%,
#bb0b0b 44.05%,
#f31f10 132.4%
);
}
.main-btn.main-btn-bg-6:hover {
background-color: #264e86;
color: #fff;
}
.main-btn.main-btn-bg-7 {
background-color: #7accc8;
}
.main-btn.main-btn-bg-7:hover {
background-color: #264e86;
color: #fff;
}
.main-btn.main-btn-2 {
background: none;
/* background-image: -webkit-gradient(linear, left top, right top, from(#0074e4), color-stop(#47cdfe), to(#0074e4));*/
background: linear-gradient(
100.87deg,
#ffa318 -38.94%,
#f7851c 44.05%,
#f31f10 132.4%
);
background: -webkit-gradient(
100.87deg,
#ffa318 -38.94%,
#f7851c 44.05%,
#f31f10 132.4%
);
color: #fff;
background-size: 200% auto;
background-position-x: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.main-btn.main-btn-2 .fa {
margin-right: 8px;
}
.main-btn.main-btn-2:hover {
background-position-x: calc(100% + 1px);
}
.main-btn.no-boxshadow {
-webkit-box-shadow: none;
box-shadow: none;
}
.main-btn.alt {
background-color: transparent;
border-color: #fff;
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.main-btn.alt:hover {
background-color: #fff;
color: #0074e4;
}
.main-btn.alt-2 {
background-color: transparent;
border-color: #264e86;
color: #264e86;
}
.main-btn.alt-2:hover {
background-color: #264e86;
color: #fff;
}
.website-combo-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.09);
box-shadow: 0px 10px 21px 0px rgba(0, 0, 0, 0.09);
border-radius: 7px;
}
.website-combo-item {
width: 50%;
padding: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
position: relative;
border-style: solid;
border-color: #e1e1e1;
border-width: 1px 0 1px 0;
background-color: #fff;
overflow: hidden;
line-height: 1.75;
}
.website-combo-item::after {
content: "";
position: absolute;
top: 50px;
bottom: 50px;
right: 0;
border-right: 1px solid #e1e1e1;
}
.website-combo-item:first-child {
border-radius: 7px 0 0 7px;
border-width: 1px 0 1px 1px;
}
.website-combo-item:last-child {
border-radius: 0 7px 7px 0;
border-width: 1px 1px 1px 0;
}
.website-combo-item:last-child::after {
opacity: 0;
}
.website-combo-item > img {
margin-bottom: 15px;
display: block;
}
.website-combo-item .combo-name {
font-size: 18px;
font-weight: 600;
}
.website-combo-item .combo-price {
font-family: "Mulish", sans-serif;
font-weight: 300;
font-size: 32px;
line-height: 1.2;
margin-bottom: 10px;
}
/* .website-combo-item .combo-desc {
margin-bottom: 30px;
} */
.website-combo-item:hover {
border-color: transparent;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#0074e4),
to(#47cdfe)
);
background-image: linear-gradient(to right, #0074e4, #47cdfe);
color: #fff;
}
.website-combo-item:hover::after {
opacity: 0;
}
.website-combo-item:hover > img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
@media screen and (max-width: 768px) {
.website-combo-item {
padding: 50px 30px;
}
}
@media screen and (max-width: 600px) {
.website-combo-item {
width: 100%;
border-width: 0 1px 0 1px;
}
.website-combo-item:first-child {
border-radius: 7px 7px 0 0;
border-width: 1px 1px 0 1px;
}
.website-combo-item:last-child {
border-radius: 0 0 7px 7px;
border-width: 0 1px 1px 1px;
}
.website-combo-item::after {
top: unset;
bottom: 0;
left: 30px;
right: 30px;
border-right: 0;
border-bottom: 1px solid #e1e1e1;
}
}
.about-us-section {
padding: 70px 0;
font-size: 16px;
}
.about-us-section .main-title-box {
margin-bottom: 20px;
}
.about-us-section .main-title-box::after {
display: none;
}
.about-us-section .columns {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about-us-section .left {
width: 50%;
}
.about-us-section .right {
width: 50%;
}
.about-us-section .box-content .text-wrapper {
margin-bottom: 25px;
}
.about-us-section .box-content .main-btn {
margin: 0 6px 5px 0;
font-size: 14px;
font-weight: 600;
}
.about-us-section .box-img img {
display: block;
}
.about-us-section:nth-child(odd) .left {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.about-us-section:nth-child(6n + 1) {
background-color: #f7f7f7;
}
.about-us-section:nth-child(6n + 1) .main-title-box::after {
display: block;
}
.about-us-section:nth-child(6n + 1) .box-content .main-btn {
-webkit-box-shadow: none;
box-shadow: none;
font-weight: 400;
}
.about-us-section:nth-child(6n + 1) .box-img img {
float: left;
max-width: none;
}
.about-us-section:nth-child(6n + 2) {
background-color: #0074e4;
color: #fff;
}
.about-us-section:nth-child(6n + 2) .box-content .main-btn:not(.alt) {
background-color: #003568;
}
.about-us-section:nth-child(6n + 2) .box-content .main-btn:not(.alt):hover {
background-color: #001b35;
}
.about-us-section:nth-child(6n + 3) {
background-color: #dd356e;
color: #fff;
}
.about-us-section:nth-child(6n + 3) .box-content .main-btn:not(.alt) {
background-color: #970033;
}
.about-us-section:nth-child(6n + 3) .box-content .main-btn:not(.alt):hover {
background-color: #640022;
}
.about-us-section:nth-child(6n + 4) {
background-color: #f25b64;
color: #fff;
}
.about-us-section:nth-child(6n + 4) .box-content .main-btn:not(.alt) {
background-color: #ab000a;
}
.about-us-section:nth-child(6n + 4) .box-content .main-btn:not(.alt):hover {
background-color: #780007;
}
.about-us-section:nth-child(6n + 5) {
background-color: #e5ae00;
color: #fff;
}
.about-us-section:nth-child(6n + 5) .box-content .main-btn:not(.alt) {
background-color: #b18700;
}
.about-us-section:nth-child(6n + 5) .box-content .main-btn:not(.alt):hover {
background-color: #7e6000;
}
.about-us-section:nth-child(6n + 6) {
background-color: #ac61ea;
color: #fff;
}
.about-us-section:nth-child(6n + 6) .box-content .main-btn:not(.alt) {
background-color: #6400b6;
}
.about-us-section:nth-child(6n + 6) .box-content .main-btn:not(.alt):hover {
background-color: #480083;
}
@media screen and (max-width: 768px) {
.about-us-section {
padding: 40px 0;
}
.about-us-section .column {
width: 100%;
}
.about-us-section:nth-child(odd) .left {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
}
.about-us-section:first-child .box-img img {
float: none;
max-width: 100%;
}
}
@media screen and (max-width: 500px) {
.about-us-section {
font-size: 14px;
}
}
@media screen and (min-width:768px) {
.columns.flexible-col .column {
flex-grow: 1;
flex-shrink: 0;
}
.flexible-col .col-md-1 {
flex-basic: calc((100% / 12) * 1);
max-width: calc((100% / 12) * 1);
}
.flexible-col .col-md-2 {
flex-basic: calc((100% / 12) * 2);
max-width: calc((100% / 12) * 2);
}
.flexible-col .col-md-3 {
flex-basic: 25%;
max-width: 25%;
}
.flexible-col .col-md-4 {
flex-basic: 33.33%;
max-width: 33.33%;
}
.flexible-col .col-md-5 {
flex-basic: calc((100% / 12) * 5);
max-width: calc((100% / 12) * 5);
}
.flexible-col .col-md-6 {
flex-basic: calc(100% / 12 * 6);
max-width: calc(100% / 12 * 6);
}
.flexible-col .col-md-7 {
flex-basic: calc(100% / 12 * 7);
max-width: calc(100% / 12 * 7);
}
.flexible-col .col-md-8 {
flex-basic: calc(100% / 12 * 8);
max-width: calc(100% / 12 * 8);
}
.flexible-col .col-md-9 {
flex-basic: calc(100% / 12 * 9);
max-width: calc(100% / 12 * 9);
}
.flexible-col .col-md-10 {
flex-basic: calc(100% / 12 * 10);
max-width: calc(100% / 12 * 10);
}
.flexible-col .col-md-11 {
flex-basic: calc(100% / 12 * 11);
max-width: calc(100% / 12 * 11);
}
.flexible-col .col-md-12 {
flex-basic: 100%;
max-width: 100%;
}
}
.flexible-col .col-1 {
flex-basic: calc((100% / 12) * 1);
max-width: calc((100% / 12) * 1);
}
.flexible-col .col-2 {
flex-basic: calc((100% / 12) * 2);
max-width: calc((100% / 12) * 2);
}
.flexible-col .col-3 {
flex-basic: 25%;
max-width: 25%;
}
.flexible-col .col-4 {
flex-basic: 33.33%;
max-width: 33.33%;
}
.flexible-col .col-5 {
flex-basic: calc((100% / 12) * 5);
max-width: calc((100% / 12) * 5);
}
.flexible-col .col-6 {
flex-basic: calc(100% / 12 * 6);
max-width: calc(100% / 12 * 6);
}
.flexible-col .col-7 {
flex-basic: calc(100% / 12 * 7);
max-width: calc(100% / 12 * 7);
}
.flexible-col .col-8 {
flex-basic: calc(100% / 12 * 8);
max-width: calc(100% / 12 * 8);
}
.flexible-col .col-9 {
flex-basic: calc(100% / 12 * 9);
max-width: calc(100% / 12 * 9);
}
.flexible-col .col-10 {
flex-basic: calc(100% / 12 * 10);
max-width: calc(100% / 12 * 10);
}
.flexible-col .col-11 {
flex-basic: calc(100% / 12 * 11);
max-width: calc(100% / 12 * 11);
}
.flexible-col .col-12 {
flex-basic: 100%;
max-width: 100%;
}
.bg1-custom{
background: url(assets/images/fefe.webp);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position: top center;
}
.bg2-custom {
background: url(assets/images/ser_bg.webp);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position: center center;
}
.bg5-custom{
background-image: url(assets/images/minimalist-blue-white-wave-background.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.bg6-custom{
background-image: url(assets/images/6193220.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.top-login:hover {
color: #efac1f!important;
}
h3.title2{
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 30px;
}