* {
font-family: "Nunito Sans", Arial, Helvetica, sans-serif !important;
}
.hamburger__menu {
cursor: pointer;
}
.bt-page-wrap .bt-vertical-header-top { opacity: 0 !important;
}  .wpml-ls-slot-header_menu_widgets {
border-bottom: unset !important;
}
#main__footer .bt_bb_headline .bt_bb_headline_content span {
margin-left: 0 !important;
}
.bt-vertical-header-top {
display: flex !important;
justify-content: space-between;
flex-direction: row-reverse;
}
.mainHeader {
z-index: 999999999 !important;
}
.menu__up {
transform: translateX(0%) !important;
}
.hamburger__menu {
display: flex !important;
flex-direction: column;
position: relative;
min-width: 30px;
justify-content: center;
padding: 5px 0 0 0;
margin-right: 10p;
}
.first--space {
margin-bottom: 4em !important;
}
.second--space {
margin-bottom: 2em !important;
}
.hamburger__menu .line {
margin-bottom: 5px;
border-radius: 5px;
width: 30px;
height: 2px;
background-color: #000;
transition: 0.4s;
}
.hamburger__menu .line-1 {
width: 15px;
transform: translate(0, 0) rotate(0); }
.hamburger__menu .line-3 {
width: 15px;
margin: 0 0 0 auto;
transform: translate(0, 0) rotate(0);
}
.line-1__down {
width: 30px !important;
transform: translateY(-50%) rotate(220deg) !important;
position: absolute !important;
transition: 0.4s;
margin-bottom: 0 !important;
}
.line-2__out {
width: 0 !important; transition: 0.4s;
}
.line-3__up {
width: 30px !important;
transform: translateY(-50%) rotate(-220deg) !important;
position: absolute !important;
transition: 0.4s;
}
.hamburger__menu .line:last-of-type {
margin-bottom: 0;
}
.privacy__policy {
padding: 100px 0;
max-width: 800px;
margin: 0 auto;
}
#hero.bt_bb_section
.bt_bb_background_image_holder_wrapper
.bt_bb_background_image_holder {
background-size: contain !important;
background-repeat: repeat !important;
}
#hero .bt_bb_row_wrapper {
border-radius: 45px !important;
height: 87vh !important;
}
#communiko__breadcrumb {
position: relative;
}
#communiko__breadcrumb::before {
position: absolute;
width: 100%;
height: 100%;
content: "";
left: 0;
top: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.6);
}
#communiko__breadcrumb .bt_bb_size_huge.bt_bb_headline h1 {
position: relative;
z-index: 9999;
}
.sp-el-block {
filter: invert(1) !important;
}
.bt_bb_row .bt_bb_column[style*="background-image"] {
background-position: right top !important;
height: 87vh !important;
background-size: contain !important;
}
.inline-custom {
display: inline-block !important;
}
.anim-1 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 0.1s;
}
.anim-2 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 0.3s;
}
.anim-3 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 0.4s;
}
.anim-4 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 0.5s;
}
.anim-5 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 0.6s;
}
.anim-6 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 0.7s;
}
.anim-7 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 0.8s;
}
.anim-8 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 0.9s;
}
.anim-9 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1s;
}
.anim-10 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1.1s;
}
.anim-11 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1.2s;
}
.anim-12 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1.3s;
}
.anim-13 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1.4s;
}  .hoverCanvas {
position: relative;
}
.hoverCanvas .bt_bb_column_content {
position: absolute;
top: 0;
right: 0;
}
.top--space {
padding-top: 100px;
}
.hero__about-v2 {
padding-bottom: 200px;
}
.img-box {
position: relative;
right: 0;
width: 480px;
height: 720px;
border-radius: 50px;
overflow: hidden;
margin: 0 auto;
}
.box__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
max-width: 480px;
border-radius: 50px;
transition: 0.5s;
}
.img-box:hover img:nth-child(2) {
transform: translateX(-50%) scaleX(2);
opacity: 0;
filter: blur(10px);
}
.img-box img:nth-child(1) {
transform: translateX(50%) scaleX(2);
opacity: 0;
filter: blur(10px);
}
.img-box:hover img:nth-child(1) {
transform: translateX(0%) scaleX(1);
opacity: 1;
filter: blur(0) grayscale(10);
}
#hero__about .img-gray-anim {
width: 480px;
height: 720px;
position: relative;
}
.img-gray-anim canvas {
width: 100% !important;
height: 100% !important;
border-radius: 50px;
position: absolute;
left: 0;
}
#usluge .bt_bb_card_image .bt_bb_card_image_image .bt_bb_image img,
.bt_bb_card_image:hover .bt_bb_card_image_image img {
transform: scale(1) !important;
}
#about-me__hero-v2.bt_bb_section
.bt_bb_background_image_holder_wrapper
.bt_bb_background_image_holder {
top: -40px !important;
}
.services-block-bottomright .bt_bb_card_image {
border-bottom-right-radius: 20px !important;
}
.services-block-bottomleft .bt_bb_card_image {
border-bottom-left-radius: 20px !important;
}
.services-block-topleft .bt_bb_card_image {
border-top-left-radius: 20px !important;
}
.services-block-topright .bt_bb_card_image {
border-top-right-radius: 20px !important;
} @keyframes hero {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.hero__heading h1 {
animation: moveLeft 1s forwards;
transform: translateX(80px);
}
.hero__heading h2 {
animation: moveLeft 1s forwards;
animation-delay: 1s;
transform: translateX(80px);
}
@keyframes moveLeft {
from {
transform: translateX(80px);
}
to {
transform: translateX(0px);
}
}
@keyframes moveLeftSingle {
from {
transform: translateX(30px);
}
to {
transform: translateX(0px);
}
}
.animDown-1 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1.1s;
}
.animDown-2 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1.3s;
}
.animDown-3 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1.4s;
}
.animDown-4 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1.5s;
}
.animDown-5 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1.6s;
}
.animDown-6 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1.7s;
}
.animDown-7 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1.8s;
}
.animDown-8 {
opacity: 0;
animation: hero 0.3s forwards, moveLeftSingle 0.3s forwards;
animation-delay: 1.9s;
}
body {
background-color: #fff !important;
}
.abstract {
transform: rotate(0deg);
} .btButtonWeight_bold
.btButtonWidget
.btButtonWidgetLink
.btButtonWidgetContent
span.btButtonWidgetText {
font-weight: 600 !important;
}
.btSquareButtons .bt_bb_size_large.bt_bb_button a {
padding: 1em 2rem;
}
.hero__heading h1,
.hero__heading h2 {
font-size: 75px !important;
line-height: 68.5px;
letter-spacing: -3%;
color: #fff;
}
.hero__heading h1 {
font-weight: 400;
}
.hero__heading h2 {
padding-bottom: 50px;
font-weight: 700;
}
.hero__title-holder {
padding-left: 185px !important;
}
#hero .hero--btn a span {
font-size: 16px !important;
font-weight: 700 !important;
color: #fff !important;
}
#hero .hero--btn a {
border-color: #fff !important;
border-radius: 20px !important;
padding: 9px 64px 9px 37px !important;
position: relative;
}
#hero .hero--btn a::before {
content: "";
position: absolute;
right: 40px;
top: 50%;
background: url(https://communiko.rs/wp-content/uploads/2023/04/Vector.png);
width: 13px;
height: 13px;
transform: translate(0, -50%);
background-repeat: no-repeat;
z-index: 99999;
background-position: center;
}
#hero .storytelling--btn a { color: #fff !important;
padding: 0 0 1px 0 !important;
margin-right: 15px;
border: unset !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
box-shadow: unset !important;
}
#hero .storytelling--btn a:hover {
transform: translateY(-2px) !important;
background-color: unset !important;
box-shadow: unset !important;
}
#hero .storytelling--btn a span {
color: #fff !important;
font-size: 15px !important;
}
.btContactRow {
width: 100%;
}
.btContactRow p {
width: 100%;
}
.btMenuHorizontal .menuPort > nav > ul > li > a {
color: black;
}
.btIconWidget {
display: block !important;
}
.bt-site-footer .bt-footer-menu .menu li a {
color: #000 !important;
}
.btMenuHorizontal .menuPort nav > ul > li > a:before {
box-shadow: 0 0 0 3rem #c00000 inset !important;
}
.btMenuHorizontal .menuPort > nav > ul > li:hover > a {
color: #fff !important;
}
.btButtonWidgetLink:hover::before {
filter: brightness(500);
}
.btButtonWidget.btLightAccentButton.btFilledButton .btButtonWidgetLink:hover {
background-color: #c00000 !important;
color: #fff !important;
}
.btStickyHeaderActive .btButtonWidget .btButtonWidgetLink {
padding-top: 1em !important;
padding-bottom: 1em !important;
}
.services__btn a {
padding: 0.6em 2.5em 0.6em 1em !important;
border-radius: 20px;
position: relative;
}
.services__btn a::before {
position: absolute;
right: 0%;
top: 50%;
transform: translate(-50%, -50%);
content: "";
width: 20px;
height: 20px;
background-image: url(https://communiko.rs/wp-content/uploads/2023/04/arrow-red.svg) !important;
background-position: center;
background-repeat: no-repeat;
transition: 0.6s ease;
z-index: 9999;
}
.services__btn a:hover::before {
filter: brightness(500) !important;
}
.w3-button-filled .bt_bb_link:hover .bt_bb_icon_holder {
filter: brightness(500) !important;
}
.services__btn span {
color: #fff !important;
}
.btLargeSize.btButtonWidget .btButtonWidgetLink,
.topBarInMenu .btButtonWidgetLink {
padding-top: 1em !important;
padding-bottom: 1em !important;
}
.mainHeader {
background-color: #fff;
}
.topBarInMenu .btButtonWidgetLink {
padding: 21px;
border-radius: 3px;
}
.btIconWidget {
color: #9e9f7f;
}
.container-custom {
position: relative;
width: 100%;
height: 80vh;
top: 0;
left: 0;
}
.box {
display: flex;
}
#hero {
max-height: 87vh;
border-radius: 50px !important;
}
.hero__element {
position: relative;
}
#hero .bt_bb_background_image_holder_wrapper { border-radius: 47px;
}
.hero-right {
display: none;
width: 60%;
height: 87vh;
margin: 0 0 0 auto;
position: relative;
background-color: rgba(255, 255, 255, 0.95);
font-size: 160px;
line-height: 130px;
top: 50%;
mix-blend-mode: lighten;
font-weight: 900; }
.hero-right span {
position: relative;
z-index: 99;
color: #c00000 !important;
}
.hero-left {
width: 50%;
height: 87vh;
}
#hero.bt_bb_color_scheme_1 {
color: unset !important;
} a.btIconWidget {
color: #9e9f7f;
}
.btMenuHorizontal .mainHeader .port {
padding-top: 5px;
padding-bottom: 5px;
}
.btStickyHeaderActive .btLargeSize.btButtonWidget .btButtonWidgetLink {
padding: 1em 1em;
}
.btHasAltLogo.btStickyHeaderActive.btIconWidget {
padding: 1em 1em !important;
}
.btIconWidget:nth-of-type(2),
.btIconWidget:nth-of-type(3) {
display: none;
}
.btMenuHorizontal:not(.btBelowMenu) .mainHeader {
box-shadow: unset !important;
}
.btMenuHorizontal .mainHeader .port {
padding: 5px 0;
}
.btMenuHorizontal .menuPort nav > ul > li > a:after,
.btMenuHorizontal .menuPort nav > ul > li.on > a:after {
background-color: unset !important;
}
.btMenuHorizontal .menuPort nav > ul > li > a:before {
border-radius: 20px;
}
.btMenuHorizontal .menuPort > nav > ul > li > a {  padding: 5px 15px;
} #services-custom {
position: relative;
}
.services-custom__up {
position: relative;
z-index: 99999;
}
.services-custom__middle {
position: relative;
z-index: 9999;
}
.services-custom__bottom {
position: relative;
}
.services-custom__up img {
position: absolute;
right: unset;
top: 0;
transition: transform 0.2s;
max-width: 300px;
z-index: 99;
}
.services-custom__middle img {
position: absolute;
right: 100px;
top: 100px;
z-index: 999;
max-width: 300px;
transition: transform 0.2s;
}
.services-custom__bottom img {
position: absolute;
right: 250px;
transition: transform 0.2s;
z-index: 0;
top: 130px;
max-width: 300px;
}
.services-custom__up:hover {
z-index: 99999;
position: relative;
}
.services-custom__up:hover img {
z-index: 333;
transform: scale(1.2);
}
.services-custom__bottom:hover {
z-index: 99999; }
.services-custom__bottom:hover img {
z-index: 333;
transform: scale(1.2);
}
.services-custom__middle:hover {
z-index: 99999; }
.services-custom__middle:hover img {
transform: scale(1.2);
z-index: 333;
}
.btButtonWidget.btLightAccentButton.btFilledButton .btButtonWidgetLink {
box-shadow: 0 0 0 4em transparent inset !important;
border: 1px solid #313c4c;
cursor: pointer;
color: #313c4c;
border-radius: 20px;
}
.btButtonWidget.btLightAccentButton.btFilledButton .btButtonWidgetLink:hover {
color: #c00000;
border: 1px solid #c00000;
}
.btButtonWidgetLink {
position: relative;
}
.btButtonWidgetLink::before {
content: "";
right: 0px;
position: absolute;
width: 20px;
height: 20px;
background-position: center;
background-repeat: no-repeat;
top: 50%;
transform: translate(-50%, -50%);
background-image: url(https://communiko.rs/wp-content/uploads/2023/04/arrow-red.svg) !important;
}
.btStickyHeaderActive .btButtonWidget .btButtonWidgetLink {
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
}
.topTools .btIconWidget .btIconWidgetIcon .bt_bb_icon_holder,
.topBarInMenu .btIconWidget .btIconWidgetIcon .bt_bb_icon_holder {
color: #c00000 !important;
}
.btButtonWidget.btLightAccentButton.btFilledButton .btButtonWidgetLink {
padding-right: 30px;
}
.footer__logo .attachment-boldthemes_small {
max-width: 200px;
}
.bt_bb_color_scheme_6.bt_bb_icon.bt_bb_style_outline:hover
a.bt_bb_icon_holder:before {
color: #c00000 !important;
}
.contact-consulting__heading h1 {
font-size: 6.25rem !important;
line-height: 1.1 !important;
color: #fff !important;
text-align: center;
}
.contact-consulting {
padding: 128px 0;
}
.contact-consulting .bt_bb_headline_superheadline {
font-size: 0.8125rem !important;
color: #c00000 !important;
}
.contact-consulting .bt_bb_headline_content {
max-width: 500px;
}
.contact-consulting .bt_bb_headline_subheadline {
max-width: 400px;
font-size: 1.4375rem !important;
margin-top: 1.2em !important;
}
.contact-consulting h3 span { font-weight: 600;
font-size: 1.25rem !important;
line-height: 1.5;
}
.contact-consulting h3 a {
font-size: 2.125rem !important;
line-height: 1.3 !important;
color: #c00000 !important;
}
.contact-consulting .bt_bb_row .bt_bb_column {
padding-left: 4rem;
padding-right: 4rem;
} .bt_bb_size_small.bt_bb_button a {
display: flex;
cursor: pointer;
align-items: center;
}
.bt_bb_button.bt_bb_style_outline a span {
color: #313c4c !important;
}
.bt_bb_button.bt_bb_style_outline a {
border-color: #313c4c !important;
} .img-gray {
filter: unset !important;
padding-right: 50px;
} .bt_bb_button.bt_bb_style_outline a:hover {
box-shadow: unset !important;
}
.w3-button-filled .bt_bb_link span {
color: #fff !important;
}
.bt_bb_icon_holder {
padding: 0 !important;
}
.bt_bb_button_text {
padding: 0 !important;
}
.bt_bb_size_small.bt_bb_button a {
padding: 0.6em;
}
.bt_bb_column_content_inner {
position: relative;
}
.bt_bb_color_scheme_3.bt_bb_icon.bt_bb_style_borderless
a.bt_bb_icon_holder:before {
position: absolute;
right: 44%;  }
*[data-ico-icon7stroke]:before,
.bt_bb_color_scheme_3.bt_bb_icon.bt_bb_style_borderless
a.bt_bb_icon_holder:before {
content: "";
background-image: url(https://communiko.rs/wp-content/uploads/2023/04/arrow-red.svg) !important;
width: 19px;
height: 19px;
background-position: center;
padding: 0 !important;
}
*[data-ico-icon7stroke]:hover::before {
filter: brightness(500) !important;
}
.bt_bb_color_scheme_3.bt_bb_icon.bt_bb_style_borderless
a.bt_bb_icon_holder:hover::before {
filter: brightness(500) !important;
} #services__main .bt_bb_row {
margin-top: -145px !important;
background-color: #fff;
padding: 40px 0;
border-radius: 50px;
}
#contact__us .bt_bb_size_normal.bt_bb_headline h3 {
font-size: 1.125rem;
padding-bottom: 5px;
}
#contact__us .bt_bb_size_small.bt_bb_headline h3 {
font-size: 1.05rem;
padding-bottom: 5px;
}
.contact__email .bt_bb_headline_tag {
font-size: 1.05rem;
padding-bottom: 5px;
}
.contact__email a {
font-size: 1.125rem;
}
.services__container .bt_bb_color_scheme_3.bt_bb_icon > span {
padding: 0.5em 2em 0.5em 1em !important;
border: 1px solid #c00000;
color: #313c4c !important;
border-radius: 20px;
cursor: pointer;
transition: 0.6s ease-in;
}
.services__container .bt_bb_color_scheme_3.bt_bb_icon > span:hover {
color: #fff !important;
background-color: #c00000;
border: 1px solid #fff;
transition: 0.6s ease-out;
} .services__container .bt_bb_icon_holder:hover::after {
filter: brightness(500) !important;
}
.services__container .bt_bb_icon_holder {
position: relative;
}
.services__container .bt_bb_icon_holder::after {
content: "";
position: absolute;
right: 10px;
top: 50%;
transform: translate(0%, -50%);
background-position: center;
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-image: url(https://communiko.rs/wp-content/uploads/2023/04/arrow-red.svg) !important;
z-index: 99999;
} .w3-button-filled a:hover {
background: #c00000 !important;
}
.w3-button-filled:hover > a span {
color: #fff !important;
}
.hero__holder {
position: relative;
}
.hero__tabs {
position: absolute;
right: 0;
top: 0%;
margin-top: 50px;
text-align: right; }
.hero__tabs ul {
margin: 0;
padding: 0;
}
.btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a:after {
background-color: unset !important;
}
.hero__tabs li {
list-style: none;
margin-bottom: 40px;
}
.hero__tabs a {
color: #313c4c;
text-decoration: none;
font-size: 18px;
border: 1px solid #313c4c;
margin-bottom: 20px;
padding: 10px 36px;
background: transparent;
border-radius: 50px;
transition: 0.3s ease;
}
.hero__tabs a:hover {
transition: 0.3s ease;
background-color: #c00000;
border-color: #c00000;
color: #fff;
}
.services__single .bt_bb_card_image .bt_bb_card_image_content {
background-color: transparent !important;
color: #313c4c !important;
}
.bt_bb_size_normal.bt_bb_style_borderless.bt_bb_icon .bt_bb_icon_holder:before {
display: none;
}
.services__single .bt_bb_card_image.bt_bb_border_show {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 60px;
padding-left: 15px !important;
padding-right: 15px !important;
border-top: unset !important;
border-left: unset !important;
min-height: 450px !important;
border-color: rgba(128, 128, 128, 0.2) !important; }
.bt_bb_grid_item_post_thumbnail,
.bt_bb_grid_item_post_thumbnail img {
max-height: 450px !important;
}
.plans__box {
display: none;
}
.plans__field {
display: none;
}
.line--left {
border-left: 1px solid rgba(128, 128, 128, 0.2) !important;
}
.about__me--heading h3 {
font-size: 3rem !important;
}
.services__single .bt_bb_headline .bt_bb_headline_content span {
text-align: center !important;
}
.btButtonWeight_bold
.btButtonWidget
.btButtonWidgetLink
.btButtonWidgetContent
span.btButtonWidgetText {
letter-spacing: 0.1px !important;
}
.bt_bb_card_image .bt_bb_card_image_image img {
max-height: 64px;
width: auto;
} .contact--wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.contact--wrapper .assessment__data__input {
max-width: 50%;
width: calc(50% - 20px);
}
.contact--wrapper .contact--assessment {
max-width: 100%;
width: 100%;
}
.contact--wrapper .assessment__data__form {
width: 100%;
max-width: 100%;
}
.contact__head h2 {
margin-bottom: 20px !important;
}
.bt_bb_separator.bt_bb_border_style_solid {
border-bottom: unset !important;
}
.img-gray img {
border-radius: 50px !important;
}
.contact--wrapper .assessment__data__radio textarea {
height: 150px;
}
.btSubtitleStyle_italica
.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline,
.btSubtitleStyle_italic
.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline {
font-style: normal !important;
}  #about__me .red--start {
font-size: 22px !important;
}
.red--start {
color: #c00000 !important;
}
#main__footer .footer--btn a {
color: #fff !important;
border-color: #fff !important;
border-radius: 20px;
padding: 7px 40px 7px 20px !important;
position: relative;
}
#main__footer .footer--btn a::before {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
background: url(https://communiko.rs/wp-content/uploads/2023/04/arrow-red.svg);
background-position: center;
background-repeat: no-repeat;
}
#main__footer .footer--btn a span {
color: #fff !important;
}
#accordions__custom {
background-position-x: -200px !important;
}
.bt_bb_masonry_post_grid
.bt_bb_masonry_post_grid_content
.bt_bb_grid_item
.bt_bb_grid_item_inner
.bt_bb_grid_item_post_content {
background: linear-gradient(
0deg,
rgb(0, 0, 0) 0%,
rgba(0, 0, 0, 0.5) 90%,
rgba(0, 0, 0, 0) 100%
) !important;
}
.w3-button-filled,
.services__btn {
padding-bottom: 1px !important;
}
.footer--form-1,
.footer--form-2,
.footer--form-3 {
cursor: pointer;
} .services__home {
padding-left: 100px !important;
}
.services__list .bt_bb_column.bt_bb_vertical_align_top {
padding: 0 !important;
}
.services__list .bt_bb_headline .bt_bb_headline_content span {
font-size: 14px !important;
}
.services__list .bt_bb_card_image.bt_bb_border_show {
min-height: 245px !important;
}
.services__single .bt_bb_card_image_text {
font-size: 13px !important;
font-weight: 400 !important;
color: rgba(0, 0, 0, 0.5) !important;
text-align: center;
position: relative;
z-index: 9999;
transition: 0.5s;
}
.background-hover:hover .bt_bb_card_image_text {
color: #fff !important;
transition: 0.5s;
} #about-me__hero .about-me__headline {
max-width: 700px;
margin: 0 auto;
}
#contact__breacrumb .bt_bb_port {
padding-top: 10em !important;
}
#communiko__breadcrumb,
#pr__breadcrumb,
#testimonials__breadcrumb,
#whatsup__breadcrumb,
#contact__breacrumb,
#about-me__hero,
#accordions__custom,
#services__hero {
min-height: 446px;
height: 446px;
max-height: 446;
}
#contact__breacrumb .bt_bb_background_image_holder {
background-position: left !important;
}
#about-me__hero .bt_bb_port {
padding-top: 4em !important;
}
.breadcrumb__holder {
max-width: 800px;
margin: 0 auto;
}
.bold_timeline_item_inner {
max-width: 400px;
}
.__left .bold_timeline_item_inner {
margin: 0 0 0 auto;
}
.bold_timeline_container.btSquare
.bold_timeline_group
.bold_timeline_group_header_title {
font-size: 1.2em !important;
}
.bold_timeline_container.btSquare
.bold_timeline_group
.bold_timeline_group_header_inner {
width: 3em !important;
}
.bold_timeline_container.btSquare
.bold_timeline_item
.bold_timeline_item_inner
.bold_timeline_item_content {
padding: 1em 2em 0em 2em !important;
}
.bold_timeline_item_media_inner {
padding-top: 0 !important;
}
.bold_timeline_container.btSquare
.bold_timeline_item
.bold_timeline_item_inner
.bold_timeline_item_header {
padding-top: 0 !important;
}
#home__services .bt_bb_row .bt_bb_column.bt_bb_vertical_align_middle {
padding-left: 0 !important;
}
#home__services .bt_bb_row {
padding: 0 100px !important;
}
.border--top {
border-top: 1px solid rgba(128, 128, 128, 0.2) !important;
}
.cky-overlay {
z-index: 9999999999 !important;
}
.cky-modal {
z-index: 99999999999999 !important;
}
#pr__breadcrumb .bt_bb_background_image_holder.bt_bb_parallax {
background-position: left !important;
}
#accordions__custom .bt_bb_background_image_holder_wrapper {
background-position: left !important;
}
#contact__us .assessment-btn {
width: auto !important;
max-width: unset !important;
}
#cookie > .bt_bb_port {
justify-content: flex-start !important;
}
.w3-button-underline .bt_bb_link::after {
background: unset !important;
border-bottom: 1px solid #c00000;
width: 100% !important;
transition: transform 0.5s ease;
}
.w3-button-underline .bt_bb_link:hover {
transform: translateY(-3px);
transition: transform 0.5s ease;
}
.cky-revisit-bottom-left:hover::after {
border: unset !important;
}
.cky-revisit-bottom-left:hover::before {
background: unset !important;
}
#accordions__custom .bt_bb_separator.bt_bb_bottom_spacing_medium {
margin-bottom: 2.5em !important;
}
#whatsup__breadcrumb .bt_bb_port {
padding-top: 7em !important;
}
#tabs__dyk .bt_bb_port {
padding: 4em 0 !important;
}
*[data-ico-icon7stroke]:before {
content: "" !important;
}
.wpcf7-form-control:focus + .wpcf7-not-valid-tip {
display: none;
}
@media only screen and (max-width: 1660px) {
body {
padding: 0 24px;
}
.bt_bb_separator.bt_bb_top_spacing_large {
margin-bottom: 4em !important;
}
}
@media only screen and (max-width: 1560px) {
.mainHeader {
padding: 0 10px;
}
.btMenuHorizontal .topBarInMenu .topBarInMenuCell {
padding-right: 30px;
}
.img-box {
margin: 0 0 0 auto;
}
#tabs__dyk .bt_bb_port {
padding: 3em 0 !important;
}
.midle__up {
margin-bottom: 4em !important;
}
.topBarInMenu .btButtonWidgetLink {
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
}
.hero__heading h1,
.hero__heading h2 {
font-size: 64px !important;
line-height: 60px;
}
.hero__heading h2 {
padding-bottom: 30px;
}
.hero__title-holder {
padding-left: 140px !important;
}
.consulting__right {
margin-bottom: 65px !important;
}
#services__main .bt_bb_size_medium.bt_bb_headline h4 {
font-size: 1.4em !important;
}
.about__me--heading h3,
#home__services .bt_bb_size_extralarge.bt_bb_headline h2 {
font-size: 2.5rem !important;
}
#hero__about
.bt_bb_size_extralarge.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline {
font-size: 1.3rem !important;
letter-spacing: -1px;
}
#home__services > .bt_bb_port {
padding-top: 6em !important;
}
#home__services > .bt_bb_port {
padding-bottom: 6em !important;
}
.services__single .bt_bb_card_image .bt_bb_card_image_content {
padding-left: 0 !important;
padding-right: 0 !important;
} .bt_bb_size_huge.bt_bb_headline h1 {
font-size: 5rem !important;
}
.communiko__footer-up h2 {
font-size: 2em !important;
}
.communiko__footer-up
.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline {
font-size: 1em !important;
}
#about-me__hero
.bt_bb_background_image_holder_wrapper
.bt_bb_background_image_holder
#whatsup__breadcrumb,
.bt_bb_background_image_holder_wrapper .bt_bb_background_image_holder {
background-position: left !important;
}
#whatsup__breadcrumb .bt_bb_headline_tag {
padding-top: 3.5rem;
}
#pr__breadcrumb > .bt_bb_port {
padding-top: 11em !important;
}
#contact__breacrumb .bt_bb_port {
padding-top: 11em !important;
}
#contact__us
.bt_bb_size_large.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline {
font-size: 1.23rem !important;
}
}
@media only screen and (max-width: 1440px) and (min-width: 1199px) {
.assessment__title {
margin-top: 80px;
}
}
@media only screen and (min-width: 1200px) {
.subToggler {
top: 5px !important;
}
}
@media only screen and (max-width: 1440px) {
.hero__separator--large {
margin-bottom: 40px !important;
}
.hero-v2-left .bt_bb_separator.bt_bb_bottom_spacing_large {
margin-bottom: 3em !important;
}
#whatsup__breadcrumb .bt_bb_port {
padding-top: 8em !important;
}
#accordions__custom .bt_bb_port {
padding-top: 9em !important;
}
#services__main .bt_bb_row {
margin-top: -160px !important;
}
.bt_bb_separator.bt_bb_top_spacing_large {
margin-bottom: 2em !important;
}
.btMenuHorizontal .menuPort > nav > ul > li > a {
padding: 5px !important;
}
.hero__heading h2 {
padding-bottom: 20px;
}
#services__main .bt_bb_size_medium.bt_bb_headline h4 {
font-size: 1.3em !important;
}
#home__services > .bt_bb_port {
padding-top: 4em !important;
}
#home__services > .bt_bb_port {
padding-bottom: 4em !important;
}
.services__list .bt_bb_card_image.bt_bb_border_show {
min-height: 300px !important;
}
.services__single .bt_bb_card_image.bt_bb_border_show {
padding-left: 10px !important;
padding-right: 10px !important;
}
.bt_bb_size_huge.bt_bb_headline h1 {
font-size: 4rem !important;
}
#pr__breadcrumb > .bt_bb_port {
padding-top: 12em !important;
}
#contact__us
.bt_bb_size_large.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline {
font-size: 1.2rem !important;
max-width: 350px;
}
}
@media only screen and (max-width: 1366px) {
.hero__title-holder {
padding-left: 105px !important;
}
#services__main #first-second--space.second--space {
margin-bottom: 2em !important;
}
.apb--3 {
margin-top: 30px !important;
}
.services__main--midle {
margin-bottom: 4em !important;
}
.hero__heading h1,
.hero__heading h2 {
font-size: 54px !important;
line-height: 46px;
}
.about__me--heading h3,
#home__services .bt_bb_size_extralarge.bt_bb_headline h2 {
font-size: 2.2rem !important;
}
#services__main
.bt_bb_size_extralarge.bt_bb_headline
.bt_bb_headline_superheadline {
font-size: 0.85rem !important;
}
#services__main .bt_bb_separator.bt_bb_bottom_spacing_40 {
margin-bottom: 60px !important;
}
#home__services .bt_bb_separator.bt_bb_bottom_spacing_normal:last-of-type {
margin-bottom: 0 !important;
}
.btLargeSize.btButtonWidget .btButtonWidgetLink,
.topBarInMenu .btButtonWidgetLink {
padding-top: 0.5em !important;
padding-bottom: 0.5em !important;
padding-left: 1em !important;
}
.bt_bb_size_huge.bt_bb_headline h1 {
font-size: 3.5em !important;
}
.services__single .bt_bb_size_small.bt_bb_headline h3 {
font-size: 1.05rem !important;
}
#about-me__hero .about-me__headline {
padding-top: 100px !important;
}
}
@media only screen and (max-width: 1260px) {   .btMenuHorizontal .menuPort nav {
padding-left: 25px;
}
.topBarInMenuCell {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
}
.btButtonWidget {
display: block;
}
.btHasAltLogo
.bt-vertical-menu-trigger
.bt_bb_icon
.bt_bb_icon_holder:before {
border-top-color: #000 !important;
}
.btTransparentLightHeader .bt-vertical-menu-trigger .bt_bb_icon:before,
.btHasAltLogo .bt-vertical-menu-trigger .bt_bb_icon:before,
.btTransparentLightHeader .bt-vertical-menu-trigger:hover .bt_bb_icon:after,
.btTransparentLightHeader .bt-vertical-menu-trigger .bt_bb_icon:before,
.btAccentDarkHeader .bt-vertical-menu-trigger .bt_bb_icon:before,
.btLightAccentHeader .bt-vertical-menu-trigger .bt_bb_icon:before,
.btHasAltLogo .bt-vertical-menu-trigger .bt_bb_icon:before,
.btTransparentLightHeader .bt-vertical-menu-trigger .bt_bb_icon:after,
.btAccentDarkHeader .bt-vertical-menu-trigger .bt_bb_icon:after,
.btLightAccentHeader .bt-vertical-menu-trigger .bt_bb_icon:after,
.btHasAltLogo .bt-vertical-menu-trigger .bt_bb_icon:after {
color: #000 !important;
border-top-color: #000 !important;
border-color: #000 !important;
}
.btHasAltLogo.btStickyHeaderActive .btMainLogo {
display: block !important;
}
.btMenuVertical .mainHeader .btMainLogo {
display: block !important;
}
.btHasAltLogo.btStickyHeaderActive .btAltLogo {
display: none !important;
}
.btMenuVertical .mainHeader .logo {
display: none !important;
}
.communiko__footer-up h2 {
font-size: 1.8em !important;
}
}
@media only screen and (max-width: 1280px) {
.hero-v2-left .bt_bb_separator.bt_bb_bottom_spacing_large {
margin-bottom: 1em !important;
}
.services__main--midle {
margin-bottom: 4em !important;
}
.assessment__title h2 {
margin-top: 50px;
}
.first--space {
margin-bottom: 2em !important;
}
.second--space {
}
#services__main .second--space#first-second--space {
margin-bottom: 2em !important;
}
}
@media only screen and (max-width: 1240px) {
#services__main .bt_bb_size_medium.bt_bb_headline h4 {
font-size: 1.2em !important;
}
.services__main--midle {
margin-bottom: 45px !important;
}
#services__main .bt_bb_separator.bt_bb_bottom_spacing_40 {
margin-bottom: 40px !important;
}
body {
padding: 0 12px;
}
#home__services .bt_bb_row {
padding: 0 60px !important;
}
.about__me--heading h3,
#home__services .bt_bb_size_extralarge.bt_bb_headline h2 {
font-size: 2rem;
}
#hero__about
.bt_bb_size_extralarge.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline {
font-size: 1.1em;
}
}
@media only screen and (max-width: 1199px) {
#third-second--space.second--space {
margin-bottom: 2em !important;
}
.bt-page-wrap .bt-vertical-header-top {
opacity: 1 !important;
}
.btButtonWidget span {
color: #fff !important;
}
.services__main--midle {
margin-bottom: 3em !important;
}
#accordions__custom .bt_bb_port {
padding-top: 11em !important;
}
.services__container .bt_bb_color_scheme_3.bt_bb_icon span span {
padding: 0.5em 2.5em 0.5em 1em !important;
}
.consulting__right {
margin-bottom: 55px !important;
}
.services__container .bt_bb_separator.bt_bb_bottom_spacing_20 {
margin-bottom: 50px !important;
}
#hero__about img {
max-width: 70%;
margin: 0 auto;
}
.about__home--separator {
display: none !important;
}
#services__main
.bt_bb_size_extralarge.bt_bb_headline
.bt_bb_headline_superheadline {
font-size: 0.75rem;
}
.about__me--heading h3,
#home__services .bt_bb_size_extralarge.bt_bb_headline h2 {
font-size: 1.8em !important;
}
#hero__about
.bt_bb_size_extralarge.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline {
font-size: 1.2em !important;
}
.bt_bb_size_small.bt_bb_button a {
padding: 0.3em;
}
#hero__about .w3-button-underline .bt_bb_link span {
padding: 7px 0px !important;
}
#about-me__hero .about-me__headline {
padding-top: 80px !important;
}
#contact__us .bt_bb_size_normal.bt_bb_headline h3 {
font-size: 1rem !important;
}
#contact__form .row {
display: block;
}
#contact__form .px-0.pl-12 {
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 1043px) {
.midle__up {
margin-bottom: 2em !important;
}
} @media only screen and (max-width: 1034px) {
#services__main .bt_bb_separator.bt_bb_bottom_spacing_40 {
margin-bottom: 24px !important;
}
}
@media only screen and (max-width: 1024px) {
.bt_bb_row .bt_bb_column[style*="background-image"] {
height: 81vh !important;
background-position: right top !important;
}
#services__main .bt_bb_separator.bt_bb_bottom_spacing_40 {
margin-bottom: 19px !important;
}
.services__container .bt_bb_separator.bt_bb_bottom_spacing_20 {
margin-bottom: 24px !important;
}
.box__item {
left: 50%;
transform: translateX(-50%);
}
.menu-useful-links-container {
justify-content: center !important;
}
}
@media only screen and (max-width: 992px) {
#hero .bt_bb_row .bt_bb_column.bt_bb_vertical_align_middle {
justify-content: flex-start !important;
}
.hero__about-v2 {
padding-bottom: 0px !important;
}
.btButtonWidgetLink:hover::before {
filter: unset !important;
-webkit-filter: unset !important;
}
.background-hover:hover .bt_bb_headline_tag span,
.background-hover:hover .bt_bb_headline_tag span span {
color: #000 !important;
}
#usluge .services-block-topleft,
#usluge .services-block-topleft .bt_bb_card_image {
border-top-right-radius: 20px !important;
}
#usluge .services-block-bottomright,
#usluge .services-block-bottomright .bt_bb_card_image {
border-bottom-left-radius: 20px !important;
}
.background-hover:hover .bt_bb_card_image_text {
color: rgba(0, 0, 0, 0.5) !important;
}
.background-hover:hover img {
filter: unset !important;
-webkit-filter: unset !important;
}
.cursor,
.cursor2 {
display: none;
}
.btMenuVertical.btTransparentDarkHeader .mainHeader {
background-color: #000 !important;
color: #fff !important;
}
#pr__breadcrumb-v2 h1,
#whatsup__breadcrumb-v2 h1,
#contact__breacrumb-v2 h1 {
padding-top: 1.3em !important;
}
.last-service {
display: none !important;
}
.apb--3 {
margin-top: 0 !important;
}
.top--space .bt_bb_separator.bt_bb_bottom_spacing_large {
margin-bottom: 4em !important;
}
#hero__about .bt_bb_row.bt_bb_column_gap_0 .bt_bb_column:first-of-type {
border-top: unset !important;
} .midle__up {
margin-bottom: 2em !important;
}
.services__main--midle {
margin-bottom: 5em !important;
}
.consulting__right {
margin-bottom: 3em !important;
}
.services__list .bt_bb_card_image.bt_bb_border_show {
min-height: 210px !important;
}
#home__services
.services__single
.bt_bb_card_image.bt_bb_border_show:first-of-type {
border-top: 1px solid rgba(128, 128, 128, 0.2) !important;
}
#usluge .line--left {
border-left: unset !important;
}
#services-custom {
left: 10%;
}
.bt_bb_row .bt_bb_column[style*="background-image"] {
background-position: center top !important;
background-size: cover !important;
}
.btMenuVertical.btStickyHeaderActive .bt-vertical-header-top,
.btHasAltLogo.btStickyHeaderActive.btTransparentLightHeader
.bt-vertical-header-top {
z-index: 999 !important;
}
#hero {
height: 87vh !important;
}
.storytelling--btn {
display: none;
}
.hero__heading h1 {
margin-top: 150px !important;
}
.hero__heading h1,
.hero__heading h2 {
font-size: 44px !important;
line-height: 36px !important;
} .hero__title-holder {
padding-left: 75px !important;
}
.services__container .bt_bb_separator.bt_bb_bottom_spacing_20 {
margin-bottom: 50px !important;
}
.services__single .bt_bb_card_image.bt_bb_border_show {
padding-left: 0 !important;
padding-right: 0 !important;
}
#usluge .bt_bb_card_image.bt_bb_border_show {
min-height: auto !important;
padding: 30px 0 !important;
}
#usluge .bt_bb_card_image .bt_bb_card_image_content {
max-width: 450px !important;
margin: 0 auto;
}
#usluge .bt_bb_card_image.bt_bb_border_show {
border-left: 1px solid rgba(128, 128, 128, 0.2) !important;
}
.bt_bb_size_huge.bt_bb_headline h1 {
font-size: 3em !important;
}
#about-me__hero .bt_bb_size_huge.bt_bb_headline h1 {
max-width: 500px;
margin: 0 auto;
}
#pr__breadcrumb > .bt_bb_port {
padding-top: 14em !important;
}
#hero .bt_bb_column.col-md-6 {
width: 100%;
max-width: 100%;
}
#hero .bt_bb_row .bt_bb_column.bt_bb_vertical_align_middle {
display: block;
}
.bt_bb_row .bt_bb_column[style*="background-image"] {
width: 100%;
background-position: left top !important;
}
}
@media only screen and (max-width: 920px) { }
@media screen and (max-width: 900px) and (orientation: landscape) {
#hero .bt_bb_row .bt_bb_column.bt_bb_vertical_align_middle {
display: block !important;
}
#services__main .bt_bb_separator.bt_bb_bottom_spacing_medium:first-of-type,
#services__main .services__main--left,
#services__main .bt_bb_separator.bt_bb_bottom_spacing_normal {
margin-bottom: 0.5em !important;
}
.bt_bb_separator.bt_bb_bottom_spacing_10,
.services__main--midle,
.services__container .bt_bb_separator.bt_bb_bottom_spacing_20 {
margin-bottom: 30px !important;
}
.services__main-v2 .bt_bb_port {
padding-top: 1em !important;
}
#hero__about .bt_bb_port {
padding-top: 0 !important;
}
#transform--row,
.no-bottom {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.hero__about-v2 {
padding-bottom: 0 !important;
}
#hero {
max-height: 450px !important;
height: 450px !important;
}
#services__main .bt_bb_row {
margin: 0 !important;
}
#hero .bt_bb_row_wrapper {
height: 450px !important;
}
.bt_bb_row .bt_bb_column[style*="background-image"] {
height: 450px !important;
}
.services__container .bt_bb_color_scheme_3.bt_bb_icon span span {
padding: 0 !important;
}
#transform--row .bt_bb_column {
padding: 0 10px !important;
} .assessment-btn {
padding: 20px 8px !important;
min-width: unset !important;
}
.close {
top: -50% !important;
}
@supports (-webkit-touch-callout: none) { body p {
font-size: 8px;
line-height: 14px;
}
.contact__email .bt_bb_headline_tag {
font-size: 10px !important;
}
.communiko__footer-up h2 {
font-size: 1.25em !important;
}
#services__main
.bt_bb_size_extralarge.bt_bb_headline
.bt_bb_headline_superheadline {
font-size: 8px !important;
}
#services__main .bt_bb_size_medium.bt_bb_headline h4 {
font-size: 10px !important;
}
#hero__about .bt_bb_row.bt_bb_column_gap_0 .bt_bb_column:first-of-type {
max-width: 50% !important;
}
.p-font-size {
font-size: 14px !important;
}
#hero {
max-height: 310px !important;
height: 310px !important;
}
#hero .bt_bb_row_wrapper {
height: 310px !important;
}
.bt_bb_row .bt_bb_column[style*="background-image"] {
height: 310px !important;
}
.bt_bb_accordion
.bt_bb_accordion_item
.bt_bb_accordion_item_top
.bt_bb_accordion_item_title {
font-size: 13px !important;
}
}
.communiko__footer-up h2 {
margin-top: 20px;
}
#services__hero-v2 .bt_bb_size_huge.bt_bb_headline h1,
#communiko__breadcrumb-v2 .bt_bb_headline h1,
#about-me__hero-v2 .bt_bb_headline h1,
#pr__breadcrumb-v2 .bt_bb_headline h1,
#whatsup__breadcrumb-v2 .bt_bb_headline h1,
#accordions__custom-v2 .bt_bb_headline h1,
#contact__breacrumb-v2 .bt_bb_headline h1 {
font-size: 3.25em !important;
}
.ios_size {
font-size: 9px !important;
line-height: 16px !important;
}
}
@media only screen and (max-width: 768px) {
.bt_bb_row .bt_bb_column[style*="background-image"] {
background-size: cover !important;
height: 87vh !important;
}
.column--footer {
max-width: 50% !important;
width: 50% !important;
}
#hero__about img {
max-width: 100% !important;
width: 100% !important;
}
.img-box {
width: 100% !important;
max-width: 100% !important;
}
.bold_timeline_container.bold_timeline_container_line_position_vertical
.bold_timeline_group_header {
margin: 2em 0 0 0 !important;
}
#services__hero-v2 .bt_bb_port {
padding-top: 11em !important;
}
#communiko__breadcrumb-v2 .bt_bb_port {
padding-top: 9.5em !important;
}
#about-me__hero-v2.bt_bb_section h1 {
font-size: 3.5em !important;
}
.img-box {
margin: 0;
}
#services__hero-v2 .bt_bb_size_huge.bt_bb_headline h1,
#communiko__breadcrumb-v2 h1,
#about-me__hero-v2 h1,
#pr__breadcrumb-v2 h1,
#whatsup__breadcrumb-v2 h1,
#accordions__custom-v2 h1,
#contact__breacrumb-v2 h1 {
font-size: 3.25em !important;
}
#hero .bt_bb_row .bt_bb_column.bt_bb_vertical_align_middle {
display: none;
}
.menu-useful-links-container {
justify-content: flex-start !important;
}
.hero-right {
font-size: 110px;
line-height: 90px;
}
.services-custom__bottom img,
.services-custom__up img,
.services-custom__middle img {
max-width: 250px;
}
.services-custom__bottom img {
right: 30px;
}
.hero-right {
padding-top: 50px;
} .hero__title-holder {
padding-left: 40px !important;
}
.hero__heading h1,
.hero__heading h2 {
font-size: 36px !important;
line-height: 28px !important;
}
#services__main .bt_bb_row {
margin: 0 !important;
}
#services__main > .bt_bb_port {
padding-top: 2em !important;
}
.bt_bb_separator.bt_bb_bottom_spacing_10 {
margin-bottom: 10px !important;
}
.bt_bb_row.bt_bb_column_gap_40 .bt_bb_column {
padding-left: 0px !important;
}
#services__main .services__main--left,
#services__main .bt_bb_separator.bt_bb_bottom_spacing_normal {
margin-bottom: 0.5em !important;
}
.services__single .bt_bb_card_image.bt_bb_border_show {
border-left: 1px solid rgba(128, 128, 128, 0.2) !important;
}
.services__list .bt_bb_card_image.bt_bb_border_show {
min-height: 220px !important;
}
#hero__about img {
margin: 0 !important;
}
#services__main .bt_bb_separator.bt_bb_bottom_spacing_medium {
margin-bottom: 2em !important;
}
#services__main .bt_bb_separator.bt_bb_bottom_spacing_medium:first-of-type {
margin-bottom: 0.5em !important;
}
#services__main .bt_bb_row {
padding: 10px 0 !important;
}
#hero__about .bt_bb_separator.bt_bb_bottom_spacing_large {
margin-bottom: 3em !important;
}
#hero__about .bt_bb_separator.bt_bb_bottom_spacing_normal {
margin-bottom: 1em !important;
}
#home__services > .bt_bb_port {
padding: 2em 0 1em 0 !important;
}
#services__main .bt_bb_size_medium.bt_bb_headline h4 {
font-size: 1em !important;
}
.about__me--heading h3,
#home__services .bt_bb_size_extralarge.bt_bb_headline h2 {
font-size: 1.6em !important;
}
.footer__down {
margin-bottom: 30px;
}
#communiko__breadcrumb,
#pr__breadcrumb,
#services__hero {
min-height: 390px;
}
#testimonials__breadcrumb,
#whatsup__breadcrumb,
#contact__breacrumb,
#about-me__hero,
#services__hero {
max-height: 390px;
}
.communiko__footer-up h2 {
font-size: 1.2em !important;
}
.communiko__footer-up .bt_bb_headline_subheadline {
font-size: 14px !important;
letter-spacing: 0.1px !important;
line-height: 1.3 !important;
}
.communiko__footer-up
.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline {
font-size: 0.9em !important;
letter-spacing: -1px !important;
}
.w3-cta-img img {
object-fit: contain !important;
}
#about-me__hero .bt_bb_size_huge.bt_bb_headline h1 {
max-width: 400px;
margin: 0 auto;
}
#about-me__hero .about-me__headline {
padding-top: 80px !important;
}
#contact__us
.bt_bb_row
.bt_bb_column.bt_bb_padding_double
.bt_bb_column_content {
padding-left: 0 !important;
padding-bottom: 50px !important;
}
#contact__us .assessment__data__radio {
padding-left: 0 !important;
}
#contact__us .contact--wrapper .assessment__data__input {
width: calc(100% - 20px) !important;
max-width: 100%;
}
#contact__us > .bt_bb_port {
padding-top: 6rem !important;
}
.bold_timeline_container p:last-child {
text-align: center !important;
}
#about-me__hero
.bt_bb_size_huge.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline {
font-size: 1.2rem !important;
}
.bt_bb_grid_item_post_thumbnail,
.bt_bb_grid_item_post_thumbnail img {
max-height: 450px !important;
}
.footer__logo,
.footer__third {
padding-bottom: 40px;
}
#main__footer .bt_bb_headline .bt_bb_headline_content span {
margin: 0 0 0 0 !important;
}
#main__footer .bt_bb_separator.bt_bb_bottom_spacing_25 {
margin-bottom: 10px !important;
}
#hero__about .bt_bb_row.bt_bb_column_gap_0 .bt_bb_column:first-of-type {
min-height: 520px !important;
}
#hero__about .w3-button-underline {
display: none;
}
}
@media only screen and (max-width: 676px) {
#hero.bt_bb_color_scheme_1 {
background-position-x: -550px !important;
}
}
@media only screen and (max-width: 575px) {
#hero.bt_bb_color_scheme_1 {
background-position-x: -950px !important;
}
#about-me__hero-v2.bt_bb_section h1 {
font-size: 2.5em !important;
}
.img-box {
margin: 0 0 0 auto;
}
#contact__breacrumb .bt_bb_port {
padding-top: 8em !important;
}
#accordions__custom .bt_bb_port {
padding-top: 6em !important;
}
#home__services .services__list .bt_bb_card_image.bt_bb_border_show {
padding-left: 10px !important;
padding-right: 10px !important;
min-height: 240px !important;
}
#home__services .bt_bb_size_extralarge.bt_bb_headline h2 {
padding-left: 20px !important;
}
#home__services .bt_bb_row {
padding: 0 20px !important;
}
#home__services .services__single .bt_bb_card_image.bt_bb_border_show {
border-left: unset !important;
}
#hero {
background: unset !important;
}
.hero__heading h1,
.hero__heading h2,
.hero--btn a {
display: none !important;
}
#about-me__hero .about-me__headline {
padding-top: 0 !important;
}
#services__main .bt_bb_row {
margin-top: 0 !important;
}
#hero__about .bt_bb_column:first-of-type {
padding-left: 40px !important;
}
.footer__down {
margin-bottom: 20px;
}
#testimonials__breadcrumb,
#whatsup__breadcrumb,
#contact__breacrumb,
#about-me__hero,
#communiko__breadcrumb,
#pr__breadcrumb,
#services__hero,
#accordions__custom,
#services__hero {
height: 300px !important;
min-height: 300px !important;
max-height: 300px !important;
}
.bt_bb_size_huge.bt_bb_headline h1 {
font-size: 2.5em !important;
}
#about-me__hero .bt_bb_size_huge.bt_bb_headline h1 {
max-width: 300px;
}
#pr__breadcrumb > .bt_bb_port {
padding-top: 9em !important;
}
.bt_bb_size_huge.bt_bb_headline h1 {
padding-top: 0 !important;
}
#contact__us > .bt_bb_port {
padding-top: 4rem !important;
}
#contact__us
.bt_bb_size_large.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline {
font-size: 1rem !important;
}
.contact__email .bt_bb_headline_tag {
font-size: 0.9rem !important;
}
}
@media only screen and (max-width: 525px) {
}
@media only screen and (max-width: 474px) {
.btMenuVertical .mainHeader {
z-index: 99999 !important;
}
.services__btn {
padding-right: 1px !important;
}
#hero__about,
#hero__about .bt_bb_port {
padding-bottom: 0px !important;
}
.new__row {
display: block !important;
}
#hero__about
.bt_bb_size_extralarge.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline {
font-size: 15px !important;
}
.top--space .bt_bb_text p {
font-size: 13.6px !important;
}
#footer__up-holder.column--footer {
width: 100% !important;
max-width: 100% ! !important;
}
#footer__up-holder .column--footer {
width: 100% !important;
max-width: 100% !important;
}
#about-me__hero-v2.bt_bb_section
.bt_bb_background_image_holder_wrapper
.bt_bb_background_image_holder {
top: 0px !important;
}
#about-me__hero-v2.bt_bb_section h1 {
font-size: 28px !important;
} #hero,
.bt_bb_row .bt_bb_column[style*="background-image"],
#hero .bt_bb_row_wrapper {
height: 60vh !important;
}
#hero {
max-height: 50vh !important;
}
.img-box,
#hero__about .bt_bb_row.bt_bb_column_gap_0 .bt_bb_column:first-of-type {
width: 100% !important;
height: 500px !important;
}
.services__container .bt_bb_color_scheme_3.bt_bb_icon > span {
padding: 0.2em 0.5em 0.2em 0.5em !important;
} .hero__about-v2 {
padding-bottom: 50px !important;
}
.midle__up,
.consulting__right {
margin-bottom: 1em !important;
}
#accordions__custom .bt_bb_port {
padding-top: 4.5em !important ;
}
#about-me__hero
.bt_bb_size_huge.bt_bb_headline.bt_bb_subheadline
.bt_bb_headline_subheadline {
font-size: 0.8em !important;
}
#hero .bt_bb_background_image_holder_wrapper .bt_bb_background_image_holder {
background-image: url(https://communiko.rs/wp-content/uploads/2023/04/sectionhero-mobile1.png) !important;
background-size: contain !important;
display: none;
}
#hero,
.bt_bb_row .bt_bb_column[style*="background-image"] {
height: 55vh !important;
}
.bt_bb_row .bt_bb_column[style*="background-image"] {
background-image: url(https://communiko.rs/wp-content/uploads/2023/04/pola.jpeg) !important;
}
#eng__background {
background-image: url(https://communiko.rs/wp-content/uploads/2023/08/communicate-hero-1.png) !important;
}
#hero.bt_bb_color_scheme_1 {
background-position: center !important;
}
.bt_bb_row .bt_bb_column[style*="background-image"] {
background-size: cover !important;
}
#hero__about img {
max-width: 100% !important;
}
#hero__about .w3-button-filled .bt_bb_link,
#hero__about .w3-button-underline .bt_bb_link {
width: 80px !important;
min-width: 100x !important;
max-width: 100x !important;
}
.footer__down {
margin-bottom: 10px;
}
.footer--useful {
display: none !important;
margin-bottom: 2em !important;
}
.animate:not(.bt_bb_section):not(.btArticleListItem):nth-child(2) {
padding-top: 40px !important;
}
#testimonials__breadcrumb,
#whatsup__breadcrumb,
#contact__breacrumb,
#about-me__hero,
#communiko__breadcrumb,
#pr__breadcrumb,
#services__hero,
#accordions__custom {
height: 250px !important;
min-height: 250px !important;
max-height: 250px !important;
}
#whatsup__breadcrumb > .bt_bb_port,
#contact__breacrumb > .bt_bb_port {
padding-top: 6.5rem !important;
}
.animate:not(.bt_bb_section):not(.btArticleListItem):nth-child(2) {
padding-top: 0 !important;
}
#contact__us > .bt_bb_port {
padding-bottom: 0 !important;
}
#contact__us .assessment-btn {
margin: 0 !important;
}
#usluge .bt_bb_port {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
#services__hero .bt_bb_port,
#communiko__breadcrumb .bt_bb_port {
padding-top: 7rem !important;
}
#communiko__breadcrumb .bt_bb_separator.bt_bb_bottom_spacing_medium {
margin-bottom: 0px !important;
}
.bt_bb_size_huge.bt_bb_headline h1 {
font-size: 2rem !important;
}
#usluge .bt_bb_card_image.bt_bb_border_show {
padding: 30px 15px !important ;
}
.bt_bb_row.bt_bb_column_gap_0 .bt_bb_column {
border-left: unset !important;
}
.bt_bb_row.bt_bb_column_gap_0 .bt_bb_column:first-of-type {
border-top: 1px solid rgba(128, 128, 128, 0.2) !important;
}
#how__section .bt_bb_port {
padding: 0 !important;
}
#about-me__hero .about-me__headline {
padding-top: 0px !important;
}
#about-me__hero .bt_bb_size_huge.bt_bb_headline h1 {
max-width: 200px !important;
font-size: 2em !important;
}
#pr__breadcrumb > .bt_bb_port {
padding-top: 6.5em !important;
}
.bt_bb_row .bt_bb_column[style*="background-image"] {
background-position: center top !important;
}
}
@media only screen and (max-width: 392px) {
#hero,
.bt_bb_row .bt_bb_column[style*="background-image"],
#hero .bt_bb_row_wrapper {
height: 60vh !important;
}
#hero {
max-height: 50vh !important;
}
} .hero__about-v2 .bt_bb_row.bt_bb_column_gap_40 {
box-shadow: 0px 1px 59px rgba(9, 25, 95, 0.04),
25px 29px 189px rgba(0, 98, 188, 0.05);
padding: 40px 0 0 0 !important;
margin-bottom: 50px !important;
}
.hero__about-v2 {
padding-top: 50px;
}
.bt-logo-area .logo img {
padding-top: 10px;
}
.btMenuHorizontal .topBarInMenu .topBarInMenuCell {
padding-top: 10px;
}
#services__hero-v2,
#communiko__breadcrumb-v2,
#about-me__hero-v2,
#pr__breadcrumb-v2,
#whatsup__breadcrumb-v2,
#accordions__custom-v2,
#contact__breacrumb-v2 {
min-height: 385px;
height: 385px;
max-height: 385px;
border-radius: 50px;
}
#services__hero-v2 .bt_bb_size_huge.bt_bb_headline h1,
#communiko__breadcrumb-v2 h1,
#about-me__hero-v2 h1,
#pr__breadcrumb-v2 h1,
#whatsup__breadcrumb-v2 h1,
#accordions__custom-v2 h1,
#contact__breacrumb-v2 h1 {
font-size: 4.25em !important;
position: relative;
z-index: 99;
}
#pr__breadcrumb-v2 h1,
#whatsup__breadcrumb-v2 h1,
#contact__breacrumb-v2 h1 {
padding-top: 0.5em !important;
}
#services__hero-v2 .bt_bb_separator.bt_bb_bottom_spacing_medium,
#communiko__breadcrumb-v2 .bt_bb_separator.bt_bb_bottom_spacing_medium {
margin-bottom: 2em !important;
}
#services__hero-v2 .bt_bb_background_image_holder_wrapper,
#communiko__breadcrumb-v2 .bt_bb_background_image_holder_wrapper,
#about-me__hero-v2 .bt_bb_background_image_holder_wrapper,
#pr__breadcrumb-v2 .bt_bb_background_image_holder_wrapper,
#whatsup__breadcrumb-v2 .bt_bb_background_image_holder_wrapper,
#accordions__custom-v2 .bt_bb_background_image_holder_wrapper,
#contact__breacrumb-v2 .bt_bb_background_image_holder_wrapper {
border-radius: 50px;
}
#accordions__custom-v2 .bt_bb_separator {
margin-bottom: 2em !important;
}
.bt_bb_section[class*="bt_bb_background_overlay"]:before {
border-radius: 50px;
}
.usluge-v2 {
margin: 40px 0;
}
#page-id-3725 #main__footer {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.border--top {
border-top: 1px solid rgba(128, 128, 128, 0.2);
}
#communiko__breadcrumb-v2 {
position: relative;
}
#communiko__breadcrumb-v2::after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50px;
background-color: rgba(0, 0, 0, 0.5);
}
.single__dnevnik-v2 .bt_bb_grid_item_inner {
border-radius: 25px;
}
.single__dnevnik-v2 img {
object-fit: cover;
max-height: 500px !important;
}
.grid-v2.bt_bb_bottom_spacing_large > .bt_bb_port {
padding: 4em 0 !important;
}
.cursor {
position: fixed;
width: 50px;
height: 50px;
border: 1px solid #c00000;
border-radius: 50%;
left: 0;
top: 0;
pointer-events: none;
z-index: 9999999999;
transition: 0.15s ease-out;
-webkit-transition: 0.15s ease-out;
}
.cursor2 {
position: fixed;
z-index: 9999999999;
transition: 0.2s;
-webkit-transition: 0.2s;
width: 8px;
height: 8px;
border: 1px solid #c00000;
border-radius: 50%;
background: #c00000;
left: 0;
top: 0;
pointer-events: none;
}
a:hover ~ .cursor {
background-color: #c00000;
}
a:hover ~ .cursor2 {
opacity: 0;
}
.ball {
position: absolute;
width: 15px;
height: 15px;
border-radius: 50%;
background-color: #c00000;
}
.hero-v2-left .hero--btn a {
position: relative;
display: inline-block;
overflow: hidden;
}
.fill--btn span:first-of-type {
overflow: hidden;
}
.services__container .bt_bb_color_scheme_3.bt_bb_icon span .btnF {
padding: 0 !important;
}
.btnF {
display: block !important;
width: 10px;
height: 10px;
background-color: #c00000 !important;
position: absolute !important;
border-radius: 50% !important;
padding: 0 !important;
margin: 0 !important;
transform: translate(-50%, -50%);
transition: width 0.6s ease 0s, height 0.6s ease 0s;
z-index: 0;
}
.fill--btn .bt_bb_icon_holder span:first-of-type {
z-index: 9999;
}
.hero--btn .bt_bb_button_text {
position: relative;
z-index: 9999;
}
.hero-v2-left .hero--btn a:hover .btnF {
width: 562px;
transition: width 0.6s ease 0s, height 0.6s ease 0s;
border-radius: 50px !important;
height: 562px;
}
.hero-v2-left
.hero--btn
a:hover
.services__container
.bt_bb_icon_holder::after {
z-index: 99999;
filter: brightness(500) !important;
}
.fill--btn span:hover .btnF {
width: 562px;
height: 562px;
border-radius: 50px;
transition: width 0.6s ease 0s, height 0.6s ease 0s;
}
#hero__about .w3-button-filled-v2 a:hover {
background-color: unset !important;
box-shadow: unset !important;
color: #313c4c;
}
#hero__about .w3-button-filled-v2:hover > a span {
color: #fff !important; }
.w3-button-filled-v2 {
position: relative;
overflow: hidden;
z-index: 9999;
border-radius: 20px !important;
transition: width 0.6s ease 0s, height 0.6s ease 0s;
}
.w3-button-filled-v2:hover .btnF {
width: 562px;
height: 562px;
border-radius: 50px;
transition: width 0.6s ease 0s, height 0.6s ease 0s;
-webkit-transition: width 0.6s ease 0s, height 0.6s ease 0s;
}
.w3-button-filled-v2 .bt_bb_button_text,
.w3-button-filled-v2 .bt_bb_icon_holder {
position: relative;
z-index: 999;
}
.services__btn {
overflow: hidden;
border-radius: 20px;
}
.services__btn a:hover {
box-shadow: unset !important;
}
.services__btn a span:first-of-type {
transition: 0.6s ease;
position: relative;
z-index: 999999;
}
.services__btn a:hover span:first-of-type {
color: #fff !important;
transition: 0.6s ease;
}
.services__btn a:hover .btnF {
width: 562px;
height: 562px;
border-radius: 50px;
transition: width 0.6s ease 0s, height 0.6s ease 0s;
}
.services__btn a:hover::before {
z-index: 99999;
}
.pc-item button {
overflow: hidden;
}
.pc-item span:first-of-type {
position: relative;
z-index: 999;
transition: 0.2s;
}
.pc-item button:hover span:first-of-type {
transition: 0.2s;
color: #fff !important;
}
.pc-item button:hover::after {
filter: brightness(500);
transition: 0.2s;
}
.pc-item button:hover .btnF {
width: 562px;
height: 562px;
border-radius: 50px;
transition: width 0.6s ease 0s, height 0.6s ease 0s;
}
.btStickyHeaderActive.btMenuHorizontal .mainHeader .bt-logo-area .logo img {
padding-top: 0 !important;
}
#transform--row .bt_bb_column_content {
perspective: 400px;
transform-origin: 400px;
}
#transform--row .services__headline {
transform: rotateX(-90deg);
animation: perspectiveText 2s forwards;
}
.services__perspective {
perspective: 400px;
} .anim {
transform: rotateX(-90deg);
animation: perspectiveText 2s forwards;
}
@keyframes perspectiveText {
from {
transform: translate3d(0, 49.2404px, 0px) rotateX(-80deg);
opacity: 0;
transform-origin: 0% 0%;
}
to {
transform: translate3d(0, 0, 0) rotateX(0deg);
transform-origin: 54% 25px;
opacity: 1;
}
} .magnetic {
transform: translate(0, 0);
transition: transform 0.15s linear;
}
.background-hover .bt_bb_card_image {
position: relative;
transition: 0.2s;
}
.background-hover .bt_bb_headline_tag span {
transition: 0.2s;
}
.background-hover:hover .bt_bb_headline_tag span {
color: #fff !important;
position: relative;
z-index: 9999;
transition: 0.5s;
}
.background-hover img {
transition: 0.2s;
}
.background-hover:hover img {
filter: brightness(500);
-webkit-filter: brightness(0) invert(1);
position: relative;
z-index: 9999;
transition: 0.2s;
}
.background-hover .bt_bb_column_content_inner {
overflow: hidden;
}
.bt_bb_card_image .bt_bb_card_image_image img {
transition: 0.2s !important;
}
.overlay {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
content: "";
background: #c00000;
}
.btMediaBox img {
display: none !important;
}
.btArticleMedia {
display: none !important;
}
#bt-submit {
box-shadow: unset !important;
border-radius: 20px;
border: 1px solid #c00000;
color: #313c4c;
position: relative;
padding-right: 50px;
}
#bt-submit::after {
content: "";
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url(https://communiko.rs/wp-content/uploads/2023/04/arrow-red.svg) !important;
background-position: center;
background-repeat: no-repeat;
} .btDarkSkin .bt-site-footer-copy-menu,
.btLightSkin .btDarkSkin .bt-site-footer-copy-menu {
background-color: #f7f7f5 !important;
}
.btDarkSkin .bt-site-footer-copy-menu p,
.btLightSkin .btDarkSkin .bt-site-footer-copy-menu p,
#menu-footer-menu a {
color: #000 !important;
}
#main__footer.bt_bb_color_scheme_1,
#main__footer .gutter {
background-color: #f7f7f5 !important;
color: #000 !important;
}
#main__footer .bt_bb_cell {
border-bottom: 1px solid #e3e4de;
}
.footer__down {
max-width: 190px !important;
}
#main__footer .bt_bb_icon.bt_bb_style_outline a.bt_bb_icon_holder:before {
color: gray !important;
border-color: gray !important;
}
#main__footer .bt_bb_icon.bt_bb_style_borderless a {
color: #000;
}
#main__footer .bt_bb_icon.bt_bb_style_borderless a.bt_bb_icon_holder:before {
color: gray !important;
}
#main__footer .bt_bb_headline .bt_bb_headline_content span {
display: flex;
flex-direction: column;
max-width: 140px;
margin: 0 0 0 auto;
}
#main__footer .bt_bb_custom_menu div ul a {
font-weight: 400;
}
#main__footer h4 {
font-weight: 600 !important;
}
.footer__third .bt_bb_headline .bt_bb_headline_content span {
margin: 0 0 0 0 !important;
max-width: 100% !important;
}
.menu-useful-links-container {
justify-content: flex-end;
}
#main__footer .footer--btn a {
border-color: #c00000 !important;
}
#main__footer .footer--btn a span {
color: #313c4c !important;
}
@media only screen and (max-width: 474px) {
.cursor,
.cursor2 {
display: none;
}
.top--space .bt_bb_column_content_inner {
display: flex;
flex-direction: column;
align-items: center;
}
#services__hero-v2,
#communiko__breadcrumb-v2,
#about-me__hero-v2,
#pr__breadcrumb-v2,
#whatsup__breadcrumb-v2,
#accordions__custom-v2,
#contact__breacrumb-v2 {
min-height: 200px;
height: 200px;
}
#services__hero-v2 .bt_bb_size_huge.bt_bb_headline h1,
#communiko__breadcrumb-v2 h1,
#about-me__hero-v2 h1,
#pr__breadcrumb-v2 h1,
#whatsup__breadcrumb-v2 h1,
#accordions__custom-v2 h1,
#contact__breacrumb-v2 h1 {
font-size: 28px !important;
}
#about-me__hero-v2 .bt_bb_port {
padding-top: 4em !important;
}
#pr__breadcrumb-v2 .bt_bb_port {
padding-top: 5em !important;
}
#services__hero-v2 .bt_bb_port {
padding-top: 5.5em !important;
}
#communiko__breadcrumb-v2 .bt_bb_port {
padding-top: 5.5em !important;
}
#whatsup__breadcrumb-v2 .bt_bb_port,
#contact__breacrumb-v2 .bt_bb_port {
padding-top: 4.5em !important;
}
#accordions__custom-v2 .bt_bb_port {
padding-top: 3.5em !important;
}
#about-me__hero-v2 h1 {
max-width: 240px;
margin: 0 0 0 auto;
}
#about-me__hero-v2 .bt_bb_headline_subheadline {
font-size: 14px !important;
max-width: 270px;
margin: 0 0 0 auto;
padding-top: 10px;
}
}  @media only screen and (max-width: 1920px) and (min-width: 1560px) {
.img-box {
margin: 0 60px 0 auto;
}
}
@media only screen and (max-width: 1920px) and (min-width: 767px) {
.box-right .bold_timeline_item:nth-child(odd) {
margin-left: calc(50% + 2.5rem) !important;
margin-right: unset !important;
text-align: left !important;
}
.box-right .bold_timeline_item_marker {
left: calc(-2.5rem - 8px) !important;
right: auto !important;
}
.box-right .bold_timeline_item_connection {
left: calc(-2.5rem) !important;
right: 100% !important;
}
}
@media only screen and (min-width: 766px) and (max-width: 768px) {
.box-right .bold_timeline_item:nth-child(odd) {
margin: 0 auto !important;
}
}
@media only screen and (max-width: 768px) {
.services__list .bt_bb_headline .bt_bb_headline_content span {
padding: 0 5px !important;
}
#third-second--space.second--space,
#services__main .second--space#first-second--space {
margin-bottom: 10px !important;
}
.first--space {
margin-bottom: 0.5em !important;
}
}
@media only screen and (max-width: 575px) {
.assessment__data__radio {
padding-left: 0 !important;
}
.assessment__data__date .wpcf7-form-control-wrap::before {
bottom: 0 !important;
}
}
@media only screen and (max-width: 474px) {
.assessment__title h2 {
padding-top: 30px !important;
}
.close {
top: 10% !important;
}
}.px-0.pl-12 {
padding-left: 12px !important;
}
.assessment {
position: fixed;
left: 0; bottom: 0;
right: 0;
width: 100%;
height: 100vh;
overflow-x: auto;
background-color: #fff;
z-index: 9999999;
color: #313c4c;
padding: 175px 174px 40px 174px;  line-height: 1.1;
transform: translateY(-100%);
transition: all 0.6s ease 0.6s;
}
.close {
position: absolute;
right: 0;
top: 55%;
transform: translateY(-50%);
cursor: pointer;
padding: 20px;
}
.close__line-1,
.close__line-2 {
position: relative;
cursor: pointer;
}
.close__line-1::after,
.close__line-2::after {
content: "";
position: absolute;
width: 25px;
height: 2px; border-bottom: 2px solid #313c4c;
top: 0%;
cursor: pointer;
z-index: 99;
right: 0%;
}
.close__line-1::after {
transform: rotate(45deg) translateY(-50%);
}
.close__line-2::after {
transform: rotate(-45deg) translateY(-50%);
}
.pull--up {
transform: translateY(-100%);
}
.assessment__scroll {
height: 100%;
overflow-y: auto !important;
}
.pull--down {
transform: translateY(0%);
}
.assessment__scroll::-webkit-scrollbar {
width: 10px;
height: 5px;
}
.assessment__scroll::-webkit-scrollbar-thumb {
background: #c00000;
border-radius: 10px;
}
.assessment__scroll::-webkit-scrollbar-thumb:hover {
background: #c00000;
border-radius: 10px;
}
.assessment__scroll::-webkit-scrollbar-track {
background: #ffffff1e;
border-radius: 5px;
}
.assessment--active {
transform: translateY(0);
transition: all 0.6s ease;
}
.assessment__wrap,
.assessment__header {
opacity: 1;
transition: all 0.3s ease-in 0.1s;
}
.assessment--active .assessment__wrap,
.assessment--active .assessment__header {
opacity: 1;
transition: all 0.4s ease-in 0.6s;
}
.assessment__title {
position: relative;
margin-bottom: 61px;
}
.assessment__title h2 {
font-style: normal;
font-weight: 700;
font-size: 50px;
line-height: 1.2;
letter-spacing: -0.03em;
}
.assessment__plans {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 49px;
}
.assessment__plan-box {
background-color: #fff;
border: 1px solid #313c4c;
box-shadow: 0px 4px 4px rgba(100, 109, 152, 0.06);
border-radius: 10px;
padding: 12px 21px 12px 23px;
min-width: 329px;
transition: all 0.4s ease-in;
cursor: pointer;
}
.assessment__plan-box:not(:last-of-type) {
margin-right: 35px;
}
.assessment__plan-box__title {
display: flex;
justify-content: space-between;
margin-bottom: 11px;
align-items: center;
}
.assessment__plan-box__title h4 {
font-weight: 500;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.02em;
margin-bottom: 0;
flex: 1;
padding-right: 12px;
}
.assessment__plan-box__radio {
border: 2px solid #c00000;
width: 20px;
height: 20px;
border-radius: 50%;
transition: all 0.4s ease-in;
position: relative;
}
.assessment__plan-box__type {
color: #c00000;
font-weight: 700;
font-size: 10px;
line-height: 1;
border: 1px solid #c00000;
border-radius: 7px;
text-transform: uppercase;
padding: 5px 7px 4px 7px;
display: inline-block;
}
.assessment__plan-box--active {
background: transparent;
color: #313c4c;
box-shadow: 0px 4px 4px rgba(100, 109, 152, 0.06);
border-color: #c00000;
transition: all 0.4s ease-out;
}
.assessment__plan-box--active .assessment__plan-box__title h4 {
font-weight: 700;
}
.assessment__plan-box--active .assessment__plan-box__radio {
position: relative;
border-color: #fff;
transition: all 0.4s ease-out;
}
.assessment__plan-box__radio::before {
content: "";
position: absolute;
left: -2px;
top: -2px;
width: calc(100% + 4px);
height: calc(100% + 4px);
background-image: url(https://communiko.w3lab.cloud/wp-content/uploads/2023/04/svgexport-14-svg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0;
transition: all 0.4s ease-in;
}
.assessment__plan-box--active .assessment__plan-box__radio::before {
opacity: 1;
transition: all 0.4s ease-out;
}
.assessment-cf7-plans {
display: none;
} .assessment__data h5 {
font-weight: 600;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.02em;
margin-bottom: 21px;
}
.assessment__data__input {
position: relative;
margin-bottom: 40px;
max-width: 502px;
}
.assessment__data__input .wpcf7-not-valid-tip { left: 0;
font-size: 13px; line-height: 1.2;
white-space: nowrap;
letter-spacing: -0.02em;
color: #c00 !important;
}
.wpcf7-not-valid-tip {
bottom: unset !important;
}
.assessment .wpcf7 form .wpcf7-response-output {
font-size: 14px;
line-height: 1.29;
margin: 20px 0px 0px 0px;
background: #fff;
border: 1px solid #e40c0c;
border-radius: 10px;
padding: 17px 49px 16px 42px;
position: relative;
color: #000;
}
.assessment .wpcf7-form.sent .wpcf7-response-output {
background: rgba(186, 216, 121, 0.09);
border: 1px solid #bad879;
}
.assessment .wpcf7 form .wpcf7-response-output::before {
content: "";
position: absolute;
left: 18px;
top: 19px;
width: 13px;
height: 13px;
background-image: url(https://communiko.w3lab.cloud/wp-content/uploads/2023/04/svgexport-14-svg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.assessment__data__input label {
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.02em;
position: absolute;
left: 0;
top: 20px;
color: #313c4c;
transition: all 0.4s ease;
}
.assessment__data__input p {
margin-bottom: 0;
}
.assessment__data__input input {
border: none;
border-bottom: 2px solid gray;
outline: none;
background: transparent;
color: #fff;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.02em;
padding: 0 0 14px 0;
width: 100%;
}
.assessment__data__input input::placeholder {
color: #bfc4e9;
font-weight: 400;
}
.assessment__data__input label.floating-label {
transform: translateY(-20px);
font-size: 12px;
line-height: 1.3;
color: #c00000;
letter-spacing: 0.01em;
}
.services__single .bottom-left.bt_bb_border_show {
border-bottom-left-radius: 20px !important;
}
.services__single .bottom-right.bt_bb_border_show {
border-bottom-right-radius: 20px !important;
}
.services__single .top-right.bt_bb_border_show {
border-top-right-radius: 20px !important;
}
.assessment__data__radio .wpcf7-list-item {
margin-left: 0;
padding: 0 39px 20px 0;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.02em;
color: #313c4c;
transition: all 0.4s ease-in;
} .services-block-topleft {
border-top-left-radius: 20px !important;
}
.services-block-topright {
border-top-right-radius: 20px !important;
}
.services-block-bottomleft {
border-bottom-left-radius: 20px !important;
}
.services-block-bottomright {
border-bottom-right-radius: 20px !important;
}
.assessment__data__radio .wpcf7-list-item .wpcf7-list-item-label {
position: relative;
cursor: pointer;
}
.assessment__data__radio .wpcf7-list-item input {
opacity: 0;
}
.assessment input:-webkit-autofill,
.assessment input:-webkit-autofill:hover,
.assessment input:-webkit-autofill:focus,
.assessment input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #c00000 inset;
-webkit-text-fill-color: #fff;
}
.assessment__data__radio .wpcf7-list-item .wpcf7-list-item-label::before {
content: "";
border: 2px solid #313c4c;
width: 20px;
height: 20px;
border-radius: 50%;
transition: all 0.4s ease-in;
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
}
.assessment__data__radio .wpcf7-list-item .wpcf7-list-item-label::after {
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
transition: all 0.4s ease-in;
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
background-image: url(https://communiko.w3lab.cloud/wp-content/uploads/2023/04/svgexport-14-svg.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0;
transition: all 0.4s ease-in;
}
.assessment__data__radio
.wpcf7-list-item
.wpcf7-list-item-label.active-goal::after {
opacity: 1;
transition: all 0.4s ease-out;
}
.assessment__data__radio .wpcf7-list-item .wpcf7-list-item-label.active-goal {
color: #c00000;
transition: all 0.4s ease-out;
}
.assessment__data__form {
max-width: 692px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(100% - 65px);
}
.w3-button-underline .assessment-btn {
border: none;
background: #fff;
border: 1px solid #313c4c;
cursor: pointer;
color: #313c4c;
}
.assessment__data--right {
padding-left: 46px;
}
.assessment__data.assessment__data--right {
height: 100%;
}
.assessment__buttons {
margin-top: 60px; margin-bottom: 35px;
display: flex;
flex-wrap: wrap;
}
.assessment-btn {
display: block;
text-decoration: none;
color: #313c4c;
font-size: 16px;
font-weight: 700;
padding: 29px 52px;
background-color: #c00000;
color: #fff;
border-radius: 10px;
line-height: 0;
border: 1px solid #313c4c;
position: relative; z-index: 1;
transition: 1s;
width: 100%;
max-width: 441px;
}
.assessment__buttons__item {
width: 100%;
max-width: 441px;
margin-right: 67px;
display: flex;
align-items: center;
}
.assessment__buttons__item p {
width: 100%;
}
.assessment__buttons__item a {
font-weight: 700;
font-size: 16px;
line-height: 0px;
color: #313c4c;
position: relative;
text-decoration: none;
}
.assessment__buttons__item a::before {
content: "";
border-bottom: 1px solid #313c4c;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
} .assessment-btn span {
position: absolute;
width: 100%;
height: 100%;
background-color: #c00000;
transform: translateY(150%);
border-radius: 50%;
left: 0;
transition: 0.8s;
transition-delay: 0.1s;
z-index: -1;
}
.assessment-btn:hover span {
transform: translateY(0) scale(3);
}
.assessment__text {
font-weight: 300;
font-size: 14px;
line-height: 1.29;
color: #313c4c;
}
.assessment__data__date input {
width: 100%;
background-color: transparent;
border: none;
border-bottom: 2px solid gray;
color: #fff;
outline: none;
}
.assessment__plan-box__bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.assessment__price {
display: flex;
align-items: center;
line-height: 1;
}
.assessment__price span {
font-weight: 700;
font-size: 10px;
line-height: 1;
color: #ffffff;
margin-right: 3px;
}
.assessment__price h4 {
font-weight: 500;
font-size: 18px;
line-height: 1;
color: #ffffff;
margin: 0;
}
.assessment #datepicker {
font-size: 16px;
line-height: 1.5;
letter-spacing: -0.02em;
color: #313c4c;
transition: all 0.4s ease;
padding: 0 0 14px 0;
cursor: pointer;
}
.assessment__data__date {
position: relative;
}
.assessment__data__date::after {
content: "";
position: absolute;
bottom: 16px;
right: 21px;
background-image: url(//communiko.rs/wp-content/themes/img/assessment/date.svg);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 24px;
height: 24px;
z-index: -1;
}
.assessment__data__date h5 {
margin-bottom: 24px;
}
.assessment__data__input:nth-child(3) {
margin-bottom: 30px;
}
.assessment__data__input .wpcf7-form-control-wrap::before,
.assessment__data__date .wpcf7-form-control-wrap::before {
content: "";
border-bottom: 2px solid #c00000 !important;
position: absolute;
bottom: 0px;
left: 0;
width: 0%;
transition: 0.4s ease;
}
.active-border input {
border-bottom: 2px solid #c00000 !important;
}
input[type="number"] {
-moz-appearance: textfield;
} input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none !important;
margin: 0; }
.assessment__data__input .wpcf7-form-control-wrap.active-border::before,
.assessment__data__date .wpcf7-form-control-wrap.active-border::before {
width: 100% !important;
transition: 0.5s ease !important;
}
.assessment__data__input input:not([type="checkbox"]):not([type="radio"]){
-moz-appearance: textfield;
}
#ui-datepicker-div {
display: none;
}
.ui-datepicker,
.ui-datepicker th { color: #c00000;
}
.ui-widget.ui-widget-content {
border: 1px solid #313c4c !important;
border-radius: 10px;
padding: 12px;
background: #fafbff;
}
.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
background: #fff !important;
border-radius: 6px;
color: #313c4c; }
.ui-state-default {
display: block;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c00000 !important;
background: transparent !important;
border-radius: 4px;
color: #313c4c !important;
text-align: center !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #c00000 !important;
background: #c00000 !important;
color: #fff !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #c00000 !important;
background: #c00000 !important;
color: #292930 !important;
}
.ui-icon-circle-triangle-w {
background-position: -97px 1px !important;
font-size: 0 !important;
}
.ui-icon-circle-triangle-w::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
width: 15px;
height: 15px;
background-position: center;
background-image: url(https://communiko.w3lab.cloud/wp-content/uploads/2023/04/icons8-back-15.png);
}
.ui-icon-circle-triangle-e::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%) rotate(180deg);
width: 15px;
height: 15px;
background-position: center;
background-image: url(https://communiko.w3lab.cloud/wp-content/uploads/2023/04/icons8-back-15.png);
}
.ui-icon-circle-triangle-e {
font-size: 0 !important;
background-position: -31px 1px !important;
}
.ui-state-hover {
background: transparent !important;
border: none !important; top: 2px !important;
cursor: pointer;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
color: #fff !important;
} .ui-datepicker-header {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.ui-datepicker-title {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 1600px) {
.assessment {
padding: 50px 120px 50px 120px;
}
.assessment__buttons__item {
width: 33.33333%;
}
}
@media only screen and (max-width: 1536px) {
.assessment__title h2 {
font-size: 46px;
}
.assessment__buttons {
margin-top: 60px;
}
}
@media only screen and (max-width: 1440px) {
.assessment__title {
margin-bottom: 40px;
}
.assessment__title h2 {
font-size: 42px;
}
.assessment__buttons {
margin-top: 40px;
margin-bottom: 25px;
}
}
@media only screen and (max-width: 1280px) {
.assessment__title {
margin-bottom: 32px;
}
.assessment__title h2 {
font-size: 38px;
}
}
@media only screen and (max-width: 1200px) {
.assessment__header {
display: flex;
justify-content: space-between;
padding: 30px 8px;
margin-bottom: 25px;
}
.assessment__header__close {
padding: 0;
margin: 0;
position: relative;
list-style: none;
width: 24px;
height: 24px;
cursor: pointer;
}
.assessment__header__close li {
border-bottom: 1px solid #bbde75;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.assessment__header__close li:nth-child(1) {
transform: translateY(-50%) rotate(45deg);
}
.assessment__header__close li:nth-child(2) {
transform: translateY(-50%) rotate(-45deg);
}
.assessment__title h2 {
font-size: 38px;
}
.assessment {
padding: 0px 8px 40px 8px;
z-index: 999999999999999999 !important;
}
.assessment__buttons__item {
width: calc(41.66666667%);
max-width: 100%;
margin-right: 58px;
}
.assessment-btn {
max-width: 100%;
}
}
@media only screen and (max-width: 991px) {
.assessment__title h2 {
font-size: 34px;
}
.px-0.pl-12 {
padding-right: 12px !important;
}
.assessment__data__input,
.assessment__data__form {
max-width: 100%;
}
.assessment__data--right {
padding-left: 0;
margin-top: 16px;
}
.assessment__data__input:nth-child(3),
.assessment__data__input,
.assessment__data__radio {
margin-bottom: 30px;
}
.assessment__buttons__item {
width: auto;
}
.assessment-btn {
min-width: 380px;
}
.assessment__buttons__item:nth-child(2) {
width: fit-content;
margin-right: 0;
}
.assessment__plan-box {
min-width: auto;
flex: 1;
}
.assessment__plan-box:not(:last-of-type) {
margin-right: 24px;
}
.assessment__plans {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.assessment {
padding-bottom: 62px;
}
.close {
transform: translateY(50%);
}
.assessment__title h2 {
font-size: 30px;
font-weight: 600;
}
.assessment__header {
padding-top: 27px;
margin-bottom: 20px;
}
.assessment__header__close {
width: 17px;
height: 17px;
}
.assessment__header__logo img {
max-width: 100px;
height: auto;
}
.assessment-btn {
min-width: auto;
padding: 29px 8px;
}
.assessment__buttons__item:nth-child(1) {
flex: 1;
margin-right: 35px;
}
.assessment__buttons__item:nth-child(2) {
width: 60px;
text-align: right;
}
.assessment__plan-box {
padding: 13px 20px 14px 20px;
}
.assessment__buttons {
margin-top: 36px;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 575px) {
.assessment__title h2 {
font-size: 28px;
line-height: 1;
font-weight: 600;
padding-top: 100px;
}
.assessment__data__input {
margin-bottom: 30px;
} .assessment__scroll {
overflow-y: scroll !important;
padding-top: 30px !important;
}
.assessment__buttons__item:nth-child(1) {
margin-right: 10px;
}
.assessment__plan-box {
width: 100%;
flex: none;
}
.assessment__plan-box:not(:last-of-type) {
margin-right: 0;
margin-bottom: 13px;
}
.assessment__plan-box__title {
margin-bottom: 1px;
}
.assessment__price {
margin-top: 2px;
}
.assessment__data h5 {
font-size: 14px;
margin-bottom: 20px;
}
.assessment__data__input label,
.assessment__data__input input,
.assessment #datepicker {
font-size: 14px;
}
.assessment__data__input label.floating-label {
font-size: 9px;
transform: translateY(-14px);
}
.assessment__data__input input,
.assessment #datepicker {
padding: 0 0 6px 0;
border-width: 1px;
}
.assessment__data__input .wpcf7-form-control-wrap::before {
bottom: 0px;
border-width: 1px;
}
.assessment__data__date .wpcf7-form-control-wrap::before {
bottom: -10px;
border-width: 1px;
}
.assessment__data__input .wpcf7-not-valid-tip {
bottom: -15px;
font-size: 11px;
line-height: 15px;
color: #c00 !important;
}
.assessment__data--left h5 {
margin-bottom: 0px;
}
.assessment__data--right {
margin-top: 15px;
}
.assessment__data__radio .wpcf7-list-item {
font-size: 14px;
padding: 0 37px 14px 0px;
}
.assessment__data__radio .wpcf7-list-item .wpcf7-list-item-label::before,
.assessment__data__radio .wpcf7-list-item .wpcf7-list-item-label::after {
left: -28px;
}
.assessment__data__radio {
padding-left: 15px;
}
.assessment__data__date::after {
bottom: 7px;
right: 8px;
width: 16px;
height: 16px;
}
.assessment__buttons {
flex-direction: column;
text-align: center;
align-items: center;
}
.assessment__buttons__item,
.assessment__buttons__item:nth-child(2) {
margin: 0;
width: 100%;
text-align: center;
}
.assessment-btn {
font-size: 14px;
padding: 20px 8px;
border-radius: 6px;
margin-bottom: 24px;
}
.assessment__text {
font-size: 10px;
}
.ui-datepicker-title {
font-size: 16px;
}
.ui-widget.ui-widget-content {
padding: 8px;
border-radius: 6px;
}
.ui-datepicker th,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
font-size: 14px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
top: 0 !important;
}
}@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}