/*  
Theme Name: KUBIWEB
Theme URI: KUBIWEB
Version: 1.0
Description: Thème développer par KUBIWEB.
Author: Kubiweb
Author URI: http://www.kubiweb.fr
Copyright: (c) 2015 Kubiweb.
Tags: 
*/

/*secteur-d'activité.Hassen*/

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
	
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
		
    }

    100% {
        display: block;
        opacity: 1;
		
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}
.primary-menu ul li ul.sub-menu {
    display:none !important;
	position: absolute;
	left: 100%;
	 top: 0;
	 opacity: 0;	 
}
a.quote-icon:hover {
    color: #fff !important;
    background: #f6a726;
}
.quote-icon {
    padding: 13px 9px 15px 10px;
    z-index: 9999;
    display: block;
    font-weight: bold;
    position: fixed;
    right: 0;
    top: 50%;
    color: #f6a726;
    background: #424242;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid #424242;
}
p.case-s {
    /* top: -1%; */
    background-color: #ffa900 !important;
    padding: 10px !important;
    text-align: center !important;
    /* width: 85%; */
    font-size: 21px !important;
    box-shadow: 1px 1px 3px rgba(42, 42, 42, 0.71) !important;
    /* height: 199px; */
    color: white !important;
    font-family: 'FuturaBT-light' !important;
    text-transform: uppercase !important;
}
.primary-menu ul li:hover ul.sub-menu {
	position: absolute;
	display:block !important;
    left: 100%;
    top: 0;
	
	color:#424242 !important;
	opacity: 1;
		 -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}
.primary-menu ul li:hover ul li a  {color:#424242 !important;text-transform:capitalize !important; }
.primary-menu ul li ul li a:hover{ color:#fff !important;}
.grid-blog h2 {
	font-size: 17px;
	    margin-top: 10px;
    margin-bottom: 10px;
	    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
	    letter-spacing: 1px;
    color: #9E9E9E !important;
	text-transform:none !important;
}
 h1#titre-secteurA{font-size: 30px;color: #f6a726!important; font-family: 'FuturaBT-Heavy';text-align: center;font-weight: bold;}
h2#sous-titre-AC{font-family:'FuturaBT-Heavy';font-size: 17px!important;font-weight: 700!important;color: #f6a726!important;line-height: 1.5em !important;}
h2#soustitreL{font-family:'FuturaBT-Heavy' !important;font-size: 24px!important;font-weight: 700!important;color: #333!important;line-height: 1.5em;}
h2#soustitreTL a{font-family:'FuturaBT-Heavy';font-size: 24px!important;font-weight: 700!important;color: #333!important;line-height: 1.5em;}
h2#soustitreTL a:hover{color:#ddd !important;}
h3#soustitreTL a,h3#soustitreTL{font-family:'FuturaBT-Heavy';font-size: 24px!important;font-weight: 700!important;color: #333!important;line-height: 1.5em;}
h3#soustitreTL a:hover{color:#ddd !important;}
.titre-secteurA{font-size: 30px;color: #f6a726!important; font-family: 'FuturaBT-Heavy';text-align: center;font-weight: bold;}
p#text-H{font-family: 'FuturaBT-Heavy';font-size: 30px;color: #fff !important;text-transform: uppercase;font-weight: bold !important;}
h2#soustitreTLA{font-family:'FuturaBT-Heavy';font-size: 24px!important;font-weight: 700!important;color: #333!important;line-height: 1.5em;}
h3#mini-titre-AC{font-family:'FuturaBT-Heavy';font-size: 12px!important;font-weight: 700!important;color: #ffaa19!important;line-height: 1.3em !important;}
p#text-AC{font-size: 17px!important;line-height: 1.5em!important;color:#565656!important;font-family:'FuturaBT-Medium'}
.btn1{font-size: 17px;font-family: 'FuturaBT-Medium';color: #f6a726;padding: 10px 20px 10px 10px;border: solid 1px #f6a726;font-weight: 200;background-image: url(../images/right-orange-arrow.png);background-repeat: no-repeat;background-position: 96% 50%;transition: all 0.3s;-webkit-transition: all 0.3s;}
.btn1:hover{color: #fff;border: none;background-color: #f6a726;background-image: url(../images/right-arrow.png);}
p#text-X{font-size: 21px!important;line-height: 1.5em!important;color:#fff;font-family:'FuturaBT-Medium';}
h3#sous-titre-AC{font-family:'FuturaBT-Heavy';font-size: 19px!important;font-weight: 700!important;color: #f6a726!important;line-height: 1.5em !important;}
a.text-L {font-family:'FuturaBT-Heavy';font-size: 24px!important;font-weight: 700!important;color: #333!important;line-height: 1.5em;}
a.text-L:hover {color:#ddd !important;}
h1#titreLB{color: #2a2a2a!important;
    line-height: 55px!important;
    
    font-size: 39px!important;
    text-transform: none!important;
    text-align: center;
    font-family: 'FuturaBT-Heavy';}	h2#titreLB{color: #2a2a2a!important;    line-height: 55px!important;        font-size: 39px!important;    text-transform: none!important;    text-align: center;    font-family: 'FuturaBT-Heavy';}
    h1#titreLB2{color: #fff!important;
    line-height: 55px!important;
    
    font-size: 39px!important;
    text-transform: none!important;
    text-align: center;
    font-family: 'FuturaBT-Heavy';}	 h2#titreLB2{color: #fff!important;    line-height: 55px!important;        font-size: 39px!important;    text-transform: none!important;    text-align: center;    font-family: 'FuturaBT-Heavy';}

.medical-text ul li{
    list-style-image: url(../images/arrow-gray.png); padding-left: 0.2em;font-family: 'FuturaBT-Medium';color:#333;line-height: 20px;} 
.medical-text ul li{font-size: 16px;


    
    color: #565656!important;
    font-family: 'FuturaBT-Medium'!important;}


.box:hover{background-color:#f7f7f7;}
.box {
    font-weight: 700!important;
    color: #FFF!important;
    font-size: 24px;
    line-height: 54px;
    text-decoration: none!important;
    text-transform: uppercase!important;
    background-color: #F9AA19;
    text-align: center;
    margin-left: 198px;
    margin-right: 175px;
    border-radius: 5px;
    margin-top: 13px;
}




.box a{color:#333;
    font-size: 23px;
    text-decoration: none!important;
    text-transform: uppercase!important;font-family: 'FuturaBT-Heavy';}
    .vc_gitem_row.vc_row.vc_gitem-row-position-top{background-color: #fff;border:1px solid #f6a726;height:400px;}
	    .vc_gitem_row.vc_row.vc_gitem-row-position-top p {font-size:13px;}
    .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{ font-size:12px;color:#fff; background-color:#f6a726 !important; border: 1px solid #fff !important;font-family:'FuturaBT-Heavy';padding-right: 30px;padding-left: 30px;padding-top: 10px;padding-bottom: 10px;border-radius: initial;text-transform: uppercase;    font-weight: 200;
    background-image: url(../images/right-arrow.png);
    background-repeat: no-repeat;
    background-position: 96% 50%;} 
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover{
        background-color: #da8d08!important;
    border: none!important;}
  .breadcrumbs{
    margin-top: 20px !important;
    margin-left: 20px !important;
    font-family: 'FuturaBT-Medium';
    font-size: 12px;
    color: #333!important;
    
  }
  .breadcrumbs .container span:first-child{
      text-transform:uppercase;
  }
  img.h-img1,img.h-img2 {
    width: 14px;
    height: 11px;
    margin-bottom: 5px;
}
.breadcrumbs .fils_vedios a
{
    color:#333;
    
}

p#datap{    margin-left: 15px;
    margin-bottom: 17px;}
.video-element_2 .title-block_2{text-align: center;font-size: 12px;font-family: 'FuturaBT-light'; color:#ffaa19!important;}
.video-element_2{box-shadow: 1px 1px 7px 0px rgba(85, 85, 85, 0.52);}
#vcboxCurrent{font-family:'FuturaBT-light';    color: #555 !important;}
.icon-style3{font-size: 11px !important;color: #f6a726 !important;}
.paginate3{font-size: 13px !important;
    color: #2a2a2a !important;
    text-align: center;
    margin-top: 25px;
    font-family: 'FuturaBT-light';}
    .infoLayer ul li h2{color: #333333 !important;
    font-size: 12px !important;
    font-family: 'FuturaBT-light';}
    .infoLayer ul li p{color: #333333 !important;
    font-size: 12px !important;
    font-family: 'FuturaBT-light';}
    div#huge_it_videogallery_container_moving_2{position: relative;
    height: 813.44px;
    width: 90%;
    margin: auto;}
    .huge_it_big_li a{border-radius: 0px !important;  }
    section #huge_it_videogallery li a{border-radius: 0px!important; border:none !important; }
    #huge_it_videogallery .huge_it_big_li{margin:5px !important;}
    a.post.post-page{color:#565656 !important;}
    /*.fils_vedios span {color:white !important; }
    .fils_vedios a {color:white !important;}*/


/* a li#menu-top-menu-1, .menu-about, .menu-top-menu-container :hover{ */
    /* color:#424242 !important; */
/* } */


  /*Responsive*/

     @media only  screen and (min-width: 200px) and (max-width: 1150px)
 {
 #soustitreTL{font-size: 19px;}
 h1#titre-secteurA{font-size: 20px;}
h2#sous-titre-AC{font-size: 16px!important;}
h2#soustitreL{font-size: 20px!important;}
h3#mini-titre-AC{font-size: 9px!important;}
p#text-AC{font-size: 12px!important;}
.medical-text ul li{font-size: 12px;}
    
.box{
    margin: 0px !important;
    font-size: 15px !important;
    line-height: 43px !important;
}  
 }
img.h-img2{display: none;}

p#text-S{text-align: center;}
p#text-xS{text-align: center; font-size: 15px !important;}

/* header v6 */
.wp-image-3319
{
    margin-bottom: 7px;
}
.wp-image-962
{
    margin-bottom: 7px;
}


/*ref*/
a.text-R {font-family:'FuturaBT-light';font-size: 17px!important;font-weight: 700!important;color: #ffffff!important;line-height: 1.5em;}
a.text-R:hover {color:#f6a726 !important;}
h2#titre-REF{font-family:'FuturaBT-Heavy';font-size: 17px!important;font-weight: 700!important;color: #ffffff!important;line-height: 1.5em !important;}
p#text-Re{font-family: 'FuturaBT-light'!important;color: #ffffff!important;text-transform: uppercase;}
h2#titre-REF2{font-family:'FuturaBT-Heavy';font-size: 16px!important;font-weight: 700!important;color: #f6a726 !important;line-height: 1.5em !important;text-transform: capitalize;}
.box-REF{border: 2px solid #f6a726;}
h3#soustitreTL2{font-family:'FuturaBT-Heavy';font-size: 14px!important;font-weight: 700!important;color: #333!important;line-height: 1.5em;}
a.devis-R {
    position: absolute;
    top: -1%;
    background: #333;
    padding: 72px;
    width: 90%;
    text-align: center;
    font-size: 16px;
    box-shadow: 1px 1px 3px rgba(42, 42, 42, 0.71);
    height: 190px;
}
a.devis-R:hover{color:#fff !important;background: #f6a726;}

.blocktexto{
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);


}

a.devis-REF {
    position: absolute;
    top: -1%;
    background-color:#ffa900;
    padding: 52px;
    width: 85%;
    font-size: 21px;
    box-shadow: 1px 1px 3px rgba(42, 42, 42, 0.71);
    height: 199px;
    color:white;
    font-family: 'FuturaBT-light';
    text-transform: uppercase;
 /*background-image: url("/wp-content/uploads/2017/03/cherche.png");
    background-repeat:no-repeat;
    background-position: bottom;
    background-size: 26%; */
}
a.devis-REF:hover{color:#f6a726 !important;background-color:#333 ;
/*background-image: url("/wp-content/uploads/2017/03/cherchehover.png");
    background-repeat:no-repeat;
    background-position: bottom;*/}


.medical-text2 ul li{
    list-style-image: url(../images/arrow-gray.png); padding-left: 0.2em;font-family: 'FuturaBT-Medium';color:#333;line-height: 20px;} 
.medical-text2 ul li{color: #333;font-size: 14px;}

.container1:hover .overlay {
  bottom: 0;
  height: 20%;
}


.container:hover .overlay2{
  bottom:0;
  height: 20%;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: rgba(102, 102, 102, 0.56);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}
.overlay2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:  rgba(102, 102, 102, 0.56);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}
/*images-REf*/
/*Medical*/
.wp-image-3331{
  display: block;
  width: 100%;
  height: auto;
}
/*tourisme*/
.wp-image-3393{
  display: block;
  height: 185px;
  width: 277px;
}
/*it-logiciel*/
.wp-image-3395{
  display: block;
  width: 100%;
  height: auto;
}
/*agro-alimentaire*/
.wp-image-3397{
    display: block;
  width: 100%;
  height: auto;
}
/*juridique*/
.wp-image-3400{
    display: block;
  width: 100%;
  height: auto;
}
/*marketing*/
.wp-image-3402{
    display: block;
  width: 100%;
  height: auto;
}
/*technique*/
.wp-image-3404{
    display: block;
  width: 100%;
  height: auto;
}

.container1 {
  position: relative;
  width: 109%;
  box-shadow: 1px 1px 3px rgba(42, 42, 42, 0.71);
}
.content {
    position: absolute;
    top: 36%;
    background: rgba(246, 167, 38, 0.37);
    padding: 19px;
    width: 100%;
    text-align: center;
}

.container :hover .content{
    display:none;
} 



/*secteur d'activité*/

/*images*//*Medical*/
p#text-Se{font-family: 'FuturaBT-Medium'!important;color: #ffffff!important;text-transform: uppercase;font-size: 29px;}

.wp-image-9x{display:block;width:100%;height:254px;}

.container2{position:relative;width:99%;box-shadow:1px 1px 3px rgba(42, 42, 42, 0.71);}
.container2:hover .overlay {bottom:0;height:20%;}
.container:hover .overlay3{bottom:0;height:40%;}
.overlay3 {position: absolute;bottom: 0;left: 0;right: 0;background-color:  rgba(102, 102, 102, 0.56);overflow: hidden;width: 100%;height:0;transition: .5s ease;}




.animationbloc {position:relative;width:100%;box-shadow:1px 1px 3px rgba(42, 42, 42, 0.71);height:250px;overflow:hidden;}
.animbloc1{position:absolute;top:35%;background: rgba(246, 167, 38, 0.8);color:#fff;font-size:30px;text-transform:uppercase;padding:20px 0px;width:100%;text-align:center;transition: .5s ease;}
.animationbloc:hover .animbloc1 {top:0;}
.animbloc2 {position:absolute;bottom:-100%;background: rgba(0, 0, 0, 0.8);color:#fff;font-size:14px;padding:20px 0px;width:100%;text-align:center;transition: .5s ease;}
.animationbloc:hover .animbloc2 {bottom:0px;}



.animationbloc-REF {position:relative;width:100%;box-shadow:1px 1px 3px rgba(42, 42, 42, 0.71);height:190px;overflow:hidden;}
.animbloc1-REF{position:absolute;top:35%;background: rgba(246, 167, 38, 0.8);color:#fff;font-size:13px;text-transform:uppercase;padding:20px 0px;width:100%;text-align:center;transition: .5s ease;}
.animationbloc-REF:hover .animbloc1-REF {top:0;}
.animbloc2-REF {position:absolute;bottom:-100%;background: rgba(0, 0, 0, 0.8);color:#fff;font-size:14px;padding:20px 0px;width:100%;text-align:center;transition: .5s ease;}
.animationbloc-REF:hover .animbloc2-REF {bottom:0px;}