/*

Theme Name: pandorabox
Theme URI: iltaen.com/pandorabox
Description: Onepage WordPress theme for mobile developers
Author: iltaen
Author URI: http://themeforest.net/user/Iltaen
License: GNU General Public License
License URI: license.txt
Tags: one-column, custom-colors, featured-images, full-width-template, post-formats, sticky-post, theme-options
Version: 1.4.0
Text Domain: pandorabox

*/

h1, h2, h3, h4, h5, h6 {
    line-height: 38px;
    margin-bottom: 15px;
}

p, ul{
	margin-bottom: 15px;
}

.pandorabox-homeblock{
    background-position: center;
}

.pandorabox-mainmenu {
    position: sticky !important;
    top: 0 !important;
}

.pandorabox-priceblock .pandorabox-block-container .pandorabox-infoblock{
    width :100%;
}

.kyn_button{
    text-decoration: none!important;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    padding : 20px;
    background-color : #227E9D;
    border-radius : 4px;
}

.kyn_button:hover{
    background-color : #0F6C8B;
}

html{
    scroll-behavior: smooth!important;
}

.kyn_didacticiel{
    margin-left : 280px;
}

#post-46 .pandorabox-title{
    display: none!important;
}

#price .pandorabox-title{
    text-transform: initial!important;
}

#pandorabox-slider .pandorabox-title{
    text-transform: initial!important;
    font-weight: bold;
    color : #18ABDE;
}

.kyn_didacticiel h2{
    text-align: center;
}

.kyn_image{
    text-align : center;
    border : 2px, solid #f8F8F8;
    border-radius : 4px;
    padding : 10px;
}

.kyn_image img{
    border : 2px, solid #f8F8F8;
    border-radius : 4px;
}

.kyn_didacticiel .kyn_sousmenu{
  height: 100%; /* Full-height: remove this if you want "auto" height */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  padding-top: 20px;
  width : 300px;
  margin-top : 135px;
}

.kyn_didacticiel li{
    list-style-type: none;
    padding : 3px 5px 3px 15px;
    margin : 10px;
    background-color : #fff;
    color : #18ABDE;
    border-radius : 4px;
    font-size: 14px;
}


.kyn_didacticiel a{
    color : #fff;
}

.kyn_didacticiel a:hover{
    color : #fff;
}

.kyn_didacticiel li:hover{
    background-color : #18ABDE;
    color : #fff;
}

.kyn_didacticiel p{
    text-align : justify;
    width : 50%;
    margin : auto;
    padding : 10px;
}

.kyn_clearfix{
    clear : both;
}

.kyn_container{
    overflow: hidden;
    width : 100%;
    height: auto;
    padding-top : 56px;
    padding-bottom : 56px;
}

.kyn_container h3{
    text-align: center;
    padding : 10px;
    font-weight: bold;

}

.bg_blue{
    background-color: #18ABDE!important;
    color : #fff!important;
}

.bg_white{
    background-color: #fcfcfc!important;
    color : #18ABDE!important;
}

.pandorabox-block{
    max-width: none!important;
}

.pandorabox-priceblock .pandorabox-block-container .pandorabox-pricetable .pandorabox-priceitem {
    max-width: 600px!important;
    width : 29%!important;
}

.pandorabox-priceblock .pandorabox-block-container .pandorabox-infoblock{
    width : 100%;
    text-align: center;
    margin-left: 0px;
}

.kyn_logo_store{
    width : 100%;
    margin : 10px auto 10px auto;
    overflow: hidden;
    text-align: center;
    display: block;
}

.kyn_logo_store img{
    max-width : 200px;
    margin : 10px;
}

.kyn_titre h2{
    color : #18ABDE!important;
    font-weight: bold;
}

.kyn_user_button{
    display: block;
    max-width : 200px;
    position : absolute;
    right : 50px;
    top : 5px;
    clear : right;
    margin : auto;
    border-radius : 4px;
    background-color: #0d91cb;
    color :  #fff;
    padding : 10px 5px 10px 5px;
    font-weight: bold;
    
}



.kyn_user_button:hover{
    color: #2c4798;
    background: #fff;

}

.kyn_bloc{
    text-align: justify;
    width : 70%;
    margin : auto;
}

.kyn_bloc .kyn_titre{
    display: block;
    font-size : 25px;
    text-align: center!important;
    font-weight: bold;
    margin-top : 20px;
    border-top : 1px solid #F2F2F2;
    border-bottom : 1px solid #F2F2F2;
}

.pandorabox-mainmenu {
    background: #fff !important;
}

.page-template-default .pandorabox-single-page {
    max-width: 1200px;
    margin: auto;
  }

  .pandorabox-pricetable .pandorabox-button {
    display: none ;
}

.page-template-default p {
    font-size: 18px;
}

.kyn-footer .block-footer {
    width: 30%;
    float: left;
    text-align: center;
    display: block;
    margin: 0 1.6666%;
}

.kyn-footer {
    display: inline-block;
    width: 100%;
    background: #2e2e2e;
    padding: 40px 5px 40px 5px;
    line-height: 35px;
    display: flow-root;
    border-bottom: 1px solid #fff;
}

.kyn-footer .block-footer hr {
    max-width: 400px;
    margin-bottom: 20px;
}

.kyn-footer a, .kyn-footer p, .kyn-footer hr, .kyn-footer span {
    color: #fff ;
}

.block-footer .title-footer {
    color:#0d91cb;
    font-size: 22px;
}

.block-footer a:hover {
    color: #0d91cb;
}

#pandorabox-bg{
    display: none;
}




.download-app-fixed > a {
    background: #253c81;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #fff;
    position: relative;
}

.download-app-fixed a > i {
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    color: #ffff;
    font-size: 18px;
}

nav.pandorabox-menulist ul li a {
    font-size: 13px;
}




.msg-error a {
    background: #0d91cb;
    color: #fff !important;
    padding: 6px 23px;
    border-radius: 4px;
    padding-bottom: 8px;
    transition: all 0.3s ease-in-out;
}

.msg-error a:hover{
    background:#fff;
    color: #0d91cb !important;
}

.msg-error span {
    color: #cb4040;
    display: block;
}

.msg-error {
    display: table;
    margin: auto;
    text-align: center;
    position: relative;
    top: 150px;
    padding: 27px;
    box-shadow: 1px 5px 11px -2px #0000006e;
    border-radius: 10px;
}

a.btn-download {
    background: #2c4798;
    color: #ffff !important;
    padding: 10px 20px;
    padding-bottom:12px;
    border-radius: 6px;
    font-weight: unset;
    text-decoration: unset !important;
    font-size: 15px !important;
    margin: auto !important;
    display: block;
    max-width: 200px;
    margin-bottom: 13px !important;
    transition: all 0.3s ease-in-out;
}

a.btn-download:hover {
    text-decoration: unset !important;
    background: #ffff;
    color: #2c4798 !important;
}

.ressources .block-r {
    width: 100%;
}

.presentation {
    background: #2c4798;
    margin-top: 10px;
    display: inline-block;
    color: #fff;
    width: 100%;
    padding: 60px 15px;
}

.presentation h2{
	text-align: center;
	font-size: 36px;
	margin-bottom: 30px;
}

.presentation .center {
	max-width: 900px;
	margin:auto;
	display: table;
}

.presentation p {
	font-size: 18px;
}

.pandorabox-mainmenu .pandorabox-menuwrapper .pandorabox-logoblock .pandorabox-companylogo {
    max-height: unset !important;
}

img.pandorabox-companylogo {
    max-width: 110px;
    width: 100%;
    position: relative;
    top: -3px;
}

.pandorabox-mainmenu .pandorabox-menuwrapper .pandorabox-menulist {
    top: 11px;
}

.pandorabox-mainmenu {
    min-height: 70px;
}

.informations {
    text-align: left;
}

.pandorabox-shadow {
    display: none;
}

a.linkedin i {
    color: #fff;
    position: absolute;
    right: 0;
    top: 3.5px;
    font-size: 18px;
}

.wrap-th {
    max-width: 935px;
    margin: auto;
    position: relative;
}

select.wpcf7-form-control.wpcf7-select {
    min-height: 44px;
}






/* QUERIES */

@media screen and (min-width : 800px){
    .download-app-fixed{
    top: 64px;
    }
	
}




@media screen and (max-width : 1100px){

    .kyn-footer .block-footer {
        width: 100%;
        float: unset;
        max-width: 400px;
        display: table;
        margin: auto;
        margin-bottom: 40px;
    }
}

@media screen and (max-width : 950px){

	.rotate-design {
		display: none;
	}


	.wrap-pand-title {
    position: absolute;
    background: #2c4798;
    bottom: 0;
    width: 100%;
	}

	.wrap-pand-title h1.pandorabox-title {
    margin-bottom: unset !important;
    top: unset;
	}

}



@media screen and (max-width : 800px){

    .kyn_user_button{
        position : relative;
        right : unset;
        top : -20px;
    }

.download-app-fixed {
    position: absolute;
    z-index: 999999;
    top: 44px;
    right: 10px;
    display: flex;
}
	
	a.pandorabox-logoblock {
    top: -2px;
}


}

@media screen and (max-width : 800px){
	
	img.pandorabox-companylogo {
    	top: 16px;
}
}

@media screen and (max-width : 750px){

    .kyn_didacticiel .kyn_sousmenu{
        display: none;
    }

    .kyn_didacticiel{
        margin-left : 0px;
    }

}

@media screen and (max-width : 600px){

	.all-contact .formulaire {
		width:100%;
	}
	.all-contact .informations {
		width:100%;
	}

}