/*
Theme Name:     Kallyas Child Theme
Theme URI:      http://kallyas.net/
Description:    Child theme for the Kallyas theme
Author:         Hogash
Author URI:     http://themeforest.net/user/hogash
Template:       kallyas
Version:        1.0
Tags: dark, light, left-sidebar, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, theme-options, translation-ready
Text Domain:  zn_framework
*/

body #page_wrapper, body.boxed #page_wrapper{
    
    background-position: unset!important;
    background-size: cover;
}
#downloadsection .zn-bgSource-image{
	background-position: right top -80px!important;
}
p {
    margin: 0 0 0;
}
.marketing-intro p{
	margin: 0 0 10px!important;
}
.stepnumber .tbk__title{
    color: rgb(52 52 52 / 20%);
}
.steptitle1 h3.tbk__title, .steptitle2 h3.tbk__title{
    position: absolute;
    top: 13px;
    left: 140px;
}
.steptitle1 h4.tbk__subtitle, .steptitle2 h4.tbk__subtitle {
    position: absolute;
    top: 40px;
    left: 140px;
}
/*.steptxt1{
    padding-left:20px;
}*/
.steptitle1:before {
    content: "";
    background-image: url(/wp-content/uploads/2021/04/3029971.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    width:121px;
    height:121px;
}
.steptitle2:before {
    content: "";
    background-image: url(/wp-content/uploads/2021/04/3029973.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto;
    width:121px;
    height:121px;
}
.site-header-main-right-top::before {
    content: "";
    position: absolute;
    background-image: url(/wp-content/uploads/2022/06/idee.png);
    /*background-size: 12%;*/
	background-size:auto;
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: right;
    
}
.site-header.style12.headerstyle--default{
    box-shadow: 0 0 0px rgb(0 0 0 / 25%)!important;
    background: #ffffff;
}
#footer .elm-sc-link .elm-sc-icon {
    background-color: #fff;
}
#footer .elm-sc-link .elm-sc-icon:before{
    color: #ad0940;
}
#footer .elm-sc-link:hover .elm-sc-icon{
    background-color: #d80f52;
}
#footer .elm-sc-link:hover .elm-sc-icon:before{
    color: #ffffff;
}
#footer .zn_text_box p{
    color:#f9fdff;
}
#downloadsection img.img-responsive {
    margin: 0 auto;
}
.post_conseil_item {
    text-align: center;
}
span.post_conseil_item_title {
    font-size: 18px;
    font-weight: 700;
}
p.post_conseil_item_desc {
    font-size: 14px;
    line-height: 18px;
}
.document-item-1 .post_conseil_item_download span::before,
.document-item-7 .post_conseil_item_download span::before,
.document-item-10 .post_conseil_item_download span::before{
content:"";
background-image:url(/wp-content/uploads/2021/04/d.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto;
width:41px;
height:41px;
display: block;
margin: 0 auto;
cursor: pointer;
}
.document-item-2 .post_conseil_item_download span::before,
.document-item-5 .post_conseil_item_download span::before,
.document-item-9 .post_conseil_item_download span::before,
.document-item-11 .post_conseil_item_download span::before{
content:"";
background-image:url(/wp-content/uploads/2021/04/d2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto;
width:41px;
height:41px;
display: block;
    margin: 0 auto;
    cursor: pointer;
}
.document-item-3 .post_conseil_item_download span::before,
.document-item-8 .post_conseil_item_download span::before{
content:"";
background-image:url(/wp-content/uploads/2021/04/d3.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto;
width:41px;
height:41px;
display: block;
    margin: 0 auto;
    cursor: pointer;
}
.document-item-4 .post_conseil_item_download span::before,
.document-item-6 .post_conseil_item_download span::before{
content:"";
background-image:url(/wp-content/uploads/2021/09/d4.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto;
width:41px;
height:41px;
display: block;
    margin: 0 auto;
    cursor: pointer;
}
#slider .slick-next {
    right: 30px;
    font-size: 30px;
   font-weight: 900;
    z-index: 100;
}
#slider .slick-prev:before, #slider .slick-next:before{
    color:#000000!important;
}
#slider  .slick-prev {
    left: 30px;
    font-size: 30px;
    font-weight: 900;
    z-index: 100;
}
.tbk__text ul{
list-style-type: none; 
margin: 0;	
}
a.media-container__link.media-container__link--btn.media-container__link--style-lined.btn.btn-lined {
    border-color: transparent;
}
a.media-container__link.media-container__link--btn.media-container__link--style-lined.btn.btn-lined  span.media-container__text{
    display:none;
}
.play-image .zn-bgSource-image{
    background-size: 150px!important;
}
@media (max-width:1199px){
.steptxt1 .tbk__text p{
font-size:17px;
}
.playvideohome>.znColumnElement-innerWrapper{
        background-size: 90%;
}
}
@media (max-width:480px){
  #footer .text-left {
    text-align: center;
}
.steptxt1 {
    padding-left: 0;
}

.playvideohome>.znColumnElement-innerWrapper{
        background-size: 95%;
}

}
span.yrm-button-text-1.yrm-button-text-span {
    text-decoration: underline;
    text-decoration-color:#58595a;
}
.steptxt1 .tbk__text p>.yrm-hide>span{
color:#111111!important;
}
.stepdoc1 span.zn-buttonIcon::before {
    content: "";
    background-image: url(/wp-content/uploads/2021/04/flech1.png);
    display: block;
    width: 100px;
    height: 21px;
    background-position: left 10px center;
    background-repeat: no-repeat;
}
.stepdoc2 span.zn-buttonIcon::before {
    content: "";
    background-image: url(/wp-content/uploads/2021/04/fleche2.png);
    display: block;
    width: 100px;
    height: 21px;
    background-position: left 10px center;
    background-repeat: no-repeat;
}
#playvideohome .circleanim-svg, .circleanim-svg{
    width: 115px;
    height: 119px;
    display: inline-block;
}
.color {
    font-family: "garamond-bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-align:center;

}
.color:hover span, .color span{
   color:#ffffff!important; 
}
.btn:active, .btn.active{
   box-shadow:none; 
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{
    outline: none;
}
.btn.btn--rounded {
    border-radius: 8px !important;
    width:100%;
	cursor: default;
}
.bluebtn, .bluebtn:hover, .bluebtn:focus, .bluebtn:active{
       box-shadow: -5px 6px 9px 0px rgb(139 201 250 / 75%)!important;
    -webkit-box-shadow: -5px 6px 9px 0px rgb(139 201 250 / 75%)!important;
    -moz-box-shadow: -5px 6px 9px 0px rgba(139,201,250,0.75)!important;    
    background-image: linear-gradient(to right, #55b3fb, #4fb0fa, #49adf9, #43a9f8, #3da6f7, #3aa4f7, #36a3f6, #33a1f6, #32a1f6, #31a0f6, #2fa0f5, #2e9ff5);

}

.pinkbtn, .pinkbtn:hover, .pinkbtn:focus, .pinkbtn:active{
       box-shadow: -5px 6px 9px 0px rgb(252 148 194 / 75%)!important;
    -webkit-box-shadow: -5px 6px 9px 0px rgb(252 148 194 / 75%)!important;
    -moz-box-shadow: -5px 6px 9px 0px rgba(252,148,194,0.75)!important;  
background-image: linear-gradient(to right, #ff3f90, #ff3e90, #fe3d90, #fe3c91, #fd3b91, #fc3991, #fc3790, #fb3590, #fa3290, #f92f8f, #f72c8f, #f6288f);    
}
.yellowbtn, .yellowbtn:hover, .yellowbtn:focus, .yellowbtn:active{
       box-shadow: -5px 6px 9px 0px rgb(248 233 139 / 75%)!important;
    -webkit-box-shadow: -5px 6px 9px 0px rgb(248 233 139 / 75%)!important;
    -moz-box-shadow: -5px 6px 9px 0px rgba(248,233,139,0.75)!important;  
background-image: linear-gradient(to right, #f7d104, #f7d205, #f7d306, #f7d307, #f7d408, #f7d50a, #f7d70c, #f7d80e, #f7da11, #f7dd14, #f7df16, #f7e119);   
}
.greenbtn, .greenbtn:hover, .greenbtn:focus, .greenbtn:active{
       box-shadow: -5px 6px 9px 0px rgb(193 246 234 / 75%)!important;
    -webkit-box-shadow: -5px 6px 9px 0px rgb(193 246 234 / 75%)!important;
    -moz-box-shadow: -5px 6px 9px 0px rgba(193,246,234,0.75)!important;  
background-image: linear-gradient(to right, #00d1bb, #03d6be, #07dac1, #0cdfc3, #11e4c6, #14e8c8, #18ebca, #1befcc, #1ef3ce, #21f6d0, #25fad1, #28fed3);  
}

.purplebtn, .purplebtn:hover, .purplebtn:focus, .purplebtn:active{
       box-shadow: -5px 6px 9px 0px rgb(174 125 250 / 75%)!important;
    -webkit-box-shadow: -5px 6px 9px 0px rgb(174 125 250 / 75%)!important;
    -moz-box-shadow: -5px 6px 9px 0px rgba(174,125,250,0.75)!important;  
background-image: linear-gradient(to right, #5400d7, #5301d3, #5201d0, #5102cc, #5002c9, #4e03c4, #4d03bf, #4b04ba, #4805b1, #4606a9, #4306a0, #400798);  
}
.docs-slider{
   box-shadow: -2px 4px 20px 3px rgba(46,159,245,0.3);
-webkit-box-shadow: -2px 4px 20px 3px rgb(46 159 245 / 30%);
-moz-box-shadow: -2px 4px 20px 3px rgba(46,159,245,0.3);
    border-radius: 45px;
    
}

#intro>.zn-bgSource>.zn-bgSource-image{

    background-position: center bottom -75px!important;
}

@media (max-width:320px){
    
    h4.tbk__subtitle{
        font-size:20px!important;
    }
    .btn--square>span{
        font-size:14px!important;
    }
.btn-icon--after .zn-buttonIcon {
    margin-left: 0px!important;
}
body #page_wrapper, body.boxed #page_wrapper{
    background-image:none!important;
    background-color:#f9fdff!important;
}
.steptxt1, .steptxt2{
    padding-left: 0!important;
}
h1.tbk__title, h2.tbk__title {
    font-size: 24px!important;
    line-height: 30px!important;
}
.playvideohome>.znColumnElement-innerWrapper{
    min-height: 200px!important;
}
.playvideohome .play-image{
    min-height: 210px!important;
}
body{
    font-size:16px!important;
}
.steptxt1, .steptxt2{
    margin-bottom:0px;
}
.colorbtnzone{
    margin-left:0px!important;
}
.color span {
    font-size: 12px;
}
.steptitle1 h4.tbk__subtitle,
.steptitle2 h4.tbk__subtitle {

    left: 125px;
}
.steptitle1 h3.tbk__title,
.steptitle2 h3.tbk__title {
    left: 125px;
}
.steptitle1:before, .steptitle2:before{
    background-size: 90%;
    width: 110px;
    height: 110px;
}
.play-image .zn-bgSource-image {
    background-size: 100px!important;
} 
}
@media (max-width:767px){
  span.post_conseil_item_title {
    font-size: 18px;
}  
.fxb-row.site-header-row.site-header-main {
    display: block;
}
.fxb-end-x {
    justify-content: center;
}
.zn_custom_html {
    margin-top: 10px;
}
.steptxt1, .steptxt2{
    padding-left: 0;
}
.color{
    font-size: 14px;
}
#footer-col-1 .zn-bgSource-image{
    background-position: center center!important;
}
#footer-col-1 .zn_text_box>p{
    text-align:center;
}
}
@media (max-width:480px){
    .site-logo-img {
    max-width: none;
    height: 80px!important;
}
	.tbk__text ul{
		padding-left: 10px;
	}
}
.error404-content-title {
    text-shadow: 0 0 28px rgb(173 9 64);
    color: #ad0940;
}
.error404-content-msg {
    opacity: 1;
}
.error404 .search{
    display:none;
}
@media (min-width:992px) and (max-width:1199px){
   .color span {
    font-size: 12px;
} 
#downloadsection .container {
    width:90%;
}

}
.slick-slide {
    padding-left: 0px;
    padding-right: 0px;
}
@media (max-width:992px){
    .zn_custom_html {
    margin-top: 10px;
}  
	section>.zn-bgSource>.zn-bgSource-image {
		display:none!important;
	}
}
@media (min-width:1600px){
    #intro{
        padding-top:80px;
    }    
}
@media (min-width:992px) and (max-width:1160px){
		.page-id-501 .btn.btn--rounded {
    width: auto!important;
}
}
.page-id-501 .color{
	font-size:13px!important;
	padding: 6px 10px!important;
}
.allsections ul li::before {
    content: " ";
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
}
.allsections ul li {
    line-height: 27px;
    padding: 0 0 0px 27px;
    position: relative;
    list-style: none;
    font-weight: 100;
}
.allsections ul, .allsections ol{
	    padding-left: 0;
}
.bluesection ul li::before {
background: url(/wp-content/themes/kallyas-child/imgs/bluepuce.svg) no-repeat center;
}
.pinksection ul li::before {
background: url(/wp-content/themes/kallyas-child/imgs/pinkpuce.svg) no-repeat center;
}
.roundedcorner{
	border-radius: 25px;
}
.center{
	text-align:center;
}

.landpage .marketing .image-boxes-img,
.landpage .rh .image-boxes-img,
.landpage .inno .image-boxes-img{
    box-shadow: 0 0px 0px transparent!important;
}
div#blanck {
    width: 12%;
}
.site-header-main-left{
    z-index:100;
}
body:not(.home) .tbk__text p {
    text-align: justify!important;
}