#language_picker_des_91{display:none!important;}


.cpnb-message {
    color: #f1f1f3;
    font-family: 'CYLICOM';
    font-size: 13px;
}



.cpnb-inner
{
   
 
    background: rgb(150, 142, 134);
    color: rgb(241, 241, 243);
    font-size: 12px;
}








.cpnb-button, .cpnb-button-ok, .cpnb-m-enableAllButton {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    background-color: rgb(127 157 133);
}
















@font-face
{
font-family:CYLICOMB;
src: url('../fonts/OpenSans-Bold.ttf');
}


@font-face
{
font-family:CYLICOMSB;
src: url('../fonts/OpenSans-Semibold.ttf');
}


@font-face
{
font-family:CYLICOMI;
src: url('../fonts/OpenSans-Italic.ttf');
}


@font-face
{
font-family:CYLICOM;
src: url('../fonts/OpenSans-Regular.ttf');
}


@font-face
{
font-family:CYLICOML;
src: url('../fonts/OpenSans-Light.ttf');
}



div.rapid_contact_ex .inputbox {
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-bottom: 1px solid#818181;
}


div.rapid_contact_ex .textarea{
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-bottom: 1px solid#818181;
}



/* ------------------------------------- cookies ----------------------------------------*/


.cadre_texte {margin-top:7px;}


#cadre_alert_cookies .btn{margin:0!important;}

.cadre_inner_alert_cookies{background:#000!important; opacity:0.9!important;}


#cadre_alert_cookies .pull-left {
    float: left !important;
    font-family: cylicom!important;
    color: #fff;
}


#cadre_alert_cookies .btn-warning {
    color: #ffffff;
    background-color: #222!important;
    border-color: #222!important;
    border-radius: 0px!important;
    color: #fff!important;
}


#cadre_alert_cookies .btn-warning {
    color: #ffffff;
    background-color: #222!important;
    border-color: #222!important;
   float:left;
    border-radius: 0px!important;
  
}




#cadre_alert_cookies a.btn.read_more {
    text-transform: none;
    background: #222!important;
    color: #fff!important;
    border-radius: 0px;
    font-family: cylicom!important;
  float:left;
}


/* ------------------------------------- cookies ----------------------------------------*/




/*mega menu ------------------------------------------------------------------------------------------------------------------------------------------ */



.dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a {
    background: transparent!important;
    color: #fff;
    /* border-left-color: #46a5df; */
    /* background: rgb(56,172,231); */
    background: -moz-linear-gradient(top, rgba(56,172,231,1) 0%, rgba(22,129,209,1) 100%);
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,172,231,1)), color-stop(100%,rgba(22,129,209,1))); */
    /* background: -webkit-linear-gradient(top, rgba(56,172,231,1) 0%,rgba(22,129,209,1) 100%); */
    background: -o-linear-gradient(top, rgba(56,172,231,1) 0%,rgba(22,129,209,1) 100%);
    background: -ms-linear-gradient(top, rgba(56,172,231,1) 0%,rgba(22,129,209,1) 100%);
    /* background: linear-gradient(to bottom, rgba(56,172,231,1) 0%,rgba(22,129,209,1) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38ace7', endColorstr='#1681d1',GradientType=0 );
}


.dj-megamenu-default {
   
    font-family: cylicom!important;
   background:none!important;
}


.dj-megamenu-default li a.dj-up_a {
    font-size: 12px!important;
    font-weight: normal!important;
    color: #000!important;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 14px;
    cursor: pointer;
    font-family: cylicom;
    background: transparent;
    border-right: 0px solid #000!important;
    border-left: 0px solid #555!important;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    letter-spacing:1px;
}





.dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn, .dj-megamenu-accordion-light .dj-mobile-open-btn {
    
    background: transparent!important;
    color: #000;
    font-size: 34px!important;
  margin-top: 10px;
}


.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
    color: #7f9d85!important;
}



ul.dj-mobile-light li.dj-mobileitem:hover > a, ul.dj-mobile-light li.dj-mobileitem.active > a {
    background: #d0c6ba!important;
    color: #000!important;
    font-family: cylicom!important;
}


/*sub menu kouti ------------------------- */
.dj-megamenu-default li div.dj-subcol {background: #d0c6ba;}



/*color sub items link ------------------------- */
.dj-megamenu-default li ul.dj-submenu > li > a {color: #000!important;}





.dj-megamenu-default li ul.dj-submenu > li > a:hover, .dj-megamenu-default li ul.dj-submenu > li > a.active, .dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a {
    background:none!important;
    color: #000;
}





/*border sub items link ------------------------- */
.dj-megamenu-default li ul.dj-submenu > li {
  
    border-top: 1px solid #ffffff!important;
}

.itemid193{display:none!important;}
.itemid194{display:none!important;}

/*mega menu ------------------------------------------------------------------------------------------------------------------------------------------------------ */









































.slide-title{text-align:center!important;}





@media screen and (min-width: 1280px) and (max-width:1540px) 

{

.nav.unite-nav a, .nav.unite-nav a:link, .nav.unite-nav a:visited, .nav.unite-nav a:hover, .nav.unite-nav a:focus {
    
    letter-spacing: 0.5px;
    
}  
  
  
header .logo {max-width: 170px!important;}
  
.nav.unite-nav {padding:0 0 0  0px; }
  
.nav.unite-nav > li {
    display: inline-block;
    text-align: center;
    margin-left: -18px!important;
}  
  
}


.nav.unite-nav > li {
    display: inline-block;
    text-align: center;
    margin-left: -10px;
}


a.tax:link {
    text-decoration: none;
    font-size: 17px;
    color: #000;
    font-family:cylicom;
    background-color: #fff;
    border: 2px solid#5E5C5C;
    padding: 13px 25px 13px 25px;
    
}


a.tax:hover {
    text-decoration: none;
    font-size: 17px;
    color:#000;
    font-family:cylicom;
    background-color:#d0c6ba;
    border: 2px solid#5E5C5C;
    padding: 13px 25px 13px 25px;
    
}

a.tax:visited {
    text-decoration: none;
    font-size: 17px;
    color: #000;
    font-family:cylicom;
    background-color: #fff;
    border: 2px solid#5E5C5C;
    padding: 13px 25px 13px 25px;
    
}

.slideplus-navigation>span {
    flex-grow: 1;
    display: none;
}























.portfolio_3 ul.slider li .slide .slide_right .title_area .title {
    background: #fff;
    margin-left: 133px!important;
}




@media screen and (min-width: 577px) and (max-width:991px) {


.portfolio_3 ul.slider li .slide .slide_right .title_area .title {
    background: #fff;
    margin-left: 133px!important; 
}


.portfolio_3 ul.slider .slide .slide_right .title_area .title {
    font-size:17px!important;
   
}



}







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


.portfolio_3 ul.slider li .slide .slide_right .title_area .title {
    background: #fff;
    margin-left: 0px!important;
}  
  
  
  
  
  
  
  
  
.about_area section.ex h5 {
    font-size: 22px;
    position: relative;
    left: -211px;
    font-weight: 100;
    display: inline-block;
    text-align: right;
    width: 170px!important;
    top: -18px;
}






.about_area section.ex {
    margin-left: 66px!important;
    padding: 20px 21px 19px 40px;
}


.about_area section.ex {
     border: 1pxsolid#000 !important; 
    
}



.about_area section.ex h5 {
    font-size: 22px;
    position: relative;
    left: -212px;
    font-weight: 100;
    display: inline-block;
    text-align: right;
    width: 81px;
    top: -18px;
}




.about_area section.ex {
    margin-left: 154px;
    padding: 20px 21px 19px 40px;
}





}
























.portfolio li .thumbnail .title {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    font-size: 40px;
    line-height: 50px;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    z-index: 3;
    cursor: pointer;
    font-family: cylicoml!important;
    font-weight: 100;
}


.txt-contact
{  
  font-family:cylicoml;
  font-size: 22px;
    margin: 0px 0 0 0px;
    opacity: 1;
    font-weight: 100;
    line-height: 34px;
    letter-spacing: 2px;

}








.about_area section.ex .desc h6 {
    font-size: 17px!important;
    font-family: cylicoml!important;
   
}


.chzn-container {
    margin-top:19px;
  font-size:14px;
  
}








.chzn-container-single .chzn-single {
  width: 52px;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 0px white inset, 0 0px 0px rgba(0, 0, 0, 0.1)!important;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}


.chzn-container-single .chzn-single {
  box-shadow:0px!important;
    background: transparent!important;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 0px solid #aaa!important;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-clip: padding-box; */
    box-shadow: 0 0 0px white inset, 0 1px 1px rgba(0, 0, 0, 0.1)!important; 
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}





















.about_area section.ex h5 span {
    background: #7f9d85!important;
}

.btn_c {
     background:#7f9d85!important;
    color: #fff;
}

footer .social a {
    background:#7f9d85!important;
    color: #fff;
}













.portfolio_3 ul.slider .slide .slide_right .desc {
    margin-top: 19px!important;
    padding: 0 50px 0 0px;
    font-size: 14px!important;
    max-height: auto!important;
    line-height: 23px!important;
    font-weight: 400;
}

.portfolio_3 ul.slider .slide .slide_right .title_area {
    position: relative;
    left: -130px;
    margin-top: 2px;
    width: -webkit-calc(100% + 130px);
    width: calc(100% + 130px);
    opacity: 0.95;
}
















textarea{height:150px!important;}




.input-group .form-control, .input-group-addon, .input-group-btn {
    background: transparent;
    margin-top: 20px;
    height: 74px;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 25px;
    font-family: cylicoml;
  border-radius:0px!important;
}


.btn-primary {
    color: #8a8a8a;
    background-color: #97a994;
    border: none;
    margin-top: 30px;
    width: 95%;
    height: 51px;
    border-radius: 0px;
    color: #fff;
  font-family: cylicoml;
}



.btn-primary:hover {
    
    background-color:#748f7a;
   
}














@media only screen and (max-width: 768px)
{ 
  .logo{max-width:120px;}
}



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

.nav.unite-nav {
    opacity: 0.9;
    background-color: #d1cac1!important;
}  
  
  
label:after {
    position: absolute;
    top: 25px;
    right: 10px;
    content: "\2261";
    font-size: 30px;
    color: white;
}
}














@media only screen and (max-width: 1279px)
{
label.mobile_menu {
    position: relative;
    display: block;
    width: 100%;
    background-color: transparent!important;
    padding: 10px 0;
    border-bottom: 1px solid white;
}
#mobile_menu:checked+.nav.unite-nav {
    display: block;
    width: 226px;
  margin-top: 38px;
}
  
.nav.unite-nav > li {
    border-right: none;
    padding: 0px 0px;
    position: relative;
}  
  
header nav {
    right: 0px;
    position: absolute;
} 
  
  
}
  

@media only screen and (max-width: 1279px)
{  
label.mobile_menu span {
    display: none!important;
}
  
label.mobile_menu {
    position: relative;
    display: block;
    width: 100%;
    background-color: transparent!important;
    padding: 10px 0;
    border-bottom: 0px solid white!important;
}  
  
  
}












  
div.mod-languages li {
    margin-left: 0px!important;
    margin-right: 0px!important;
}  
  
  
  
.h_title h2.main_h {
    font-size: 50px;
    z-index: 3;
    display: inline-block;
    font-family: cylicoml!important;
    font-weight: 100;
    position: relative;
    margin-bottom: 70px;
    letter-spacing: 2px;
}


.portfolio_3 ul.slider .slide .slide_right .title_area .title {
    font-size: 25px;
    padding: 5px 10px 5px 10px!important;
    line-height: 63px;
    font-family: cylicoml;
    font-weight: 100;
    display: inline;
    padding: 5px 0;
}

.portfolio_3 ul.slider .slide .slide_right .desc {
    margin-top: 40px;
    padding: 0 50px 0 0px;
    font-size: 14px!important;
    max-height: auto!important;
    line-height: 23px!important;
    font-weight: 400;
    font-family: cylicom!important;
}


.blog_area_3 .blog_item .title {
    font-size:30px!important;
    width: 400px;
    margin-top: 30px;
    line-height: 46px;
    font-family: cylicoml!important;
    font-weight: 300;
  color: #000;
}

.blog_area_3 .blog_item .desc {
    font-family: cylicoml!important;
    width: 400px;
    margin-top: 10px;
    opacity: 0.6;
    font-weight: 100;
    font-size: 19px!important;
}


.btn_c {
    
    font-family: cylicoml!important;
    text-transform: lowercase;
    font-size: 18px!important;
}



.testimonials_area_2 .test_item .info .name {
    font-size: 25px;
    width: 200px;
    text-align: center;
    margin-top: 10px;
    font-family: cylicoml!important;
    font-weight: 100;
    line-height: 25px;
}


.testimonials_area_2 .test_item .txt .desc {
    padding: 30px 30px 30px 50px;
    letter-spacing: 1px;
    font-weight: 100;
    line-height: 28px;
    font-size: 18px!important;
    font-family: cylicoml!important;
}


.team_area_2 .team_item .name {
   
    font-family: cylicoml!important;
}


footer {
 
    font-family: cylicoml!important;
}






header.full {
  z-index: 999999!important;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(208,198,186,0.85);
}

header.full:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(208,198,186,0.85);
}




.nav.unite-nav {
    
    background-color:transparent;
}


.nav.unite-nav > li > a {
    padding: 20px 0px!important;
    display: block;
}


.nav.unite-nav a, .nav.unite-nav a:link, .nav.unite-nav a:visited, .nav.unite-nav a:hover, .nav.unite-nav a:focus {
    color: #000!important;
    text-decoration: none;
    font-size: 13px!important;
}


.container-unite {
    width: auto!important;
    margin-top:-20px;
}

div.mod-languages ul {
   
    margin-top: 14px;
}


.portfolio_3 ul.slider .slide .slide_right .desc {
    margin-top: 40px;
    padding: 0px 20px 0 0px;
    font-size: 15px!important;
    max-height: auto!important;
    line-height: 22px!important;
    font-weight: 400;
}




.about_area section.ex .desc {
    
    top: -64px!important;
  
}  






@media screen and (min-width:1024px) and (max-width:1300px) 
{
.nav.unite-nav a, .nav.unite-nav a:link, .nav.unite-nav a:visited, .nav.unite-nav a:hover, .nav.unite-nav a:focus {
    color: #000!important;
    text-decoration: none;
    font-size: 13px!important;
}
  
@media only screen and (max-width: 768px)
.logo {
    max-width: 151px;
}  
  
  
}





@media screen and (min-width: 577px) and (max-width:1100px) 
{
  
.blog_area_3 .blog_item .desc {
    width:auto; 
    margin-top: 10px;
    opacity: 0.6;
    font-weight: 100;
    font-size: 17px!important;
}  
  
  
.portfolio_3 ul.slider .slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin: 0 -15px;
}

.portfolio_3 .sy-slides-wrap {
    overflow: hidden;
    min-height: 600px;
}
}







.mod-languages  {margin-top:10px;}
  
  


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

  
  .title{font-size:16px!important;}  
  
.mod-languages  {margin-top:17px;}
  
  
  
  
  
  
.portfolio_3 .slide_nav {z-index: 9950;}    
  
.blog_area_3 .blog_item .desc {width: auto;}    
  
.portfolio_3 ul.slider .slide .slide_right .title_area .title {
    font-size: 22px;
    padding: 5px 10px 5px 10px!important;
    line-height: 63px;
    display: inline;
    padding: 5px 0;
}  
  
  
  
.h_title h2.main_h {font-size: 37px;}  
  
.portfolio_3 ul.slider .slide .slide_right .title_area {position: relative; left:0px; }
  
.slider-manos{margin-top:55px;}  

  
  
  
  
.portfolio_3 .sy-slides-wrap {
  overflow: auto;
  height: 1000px;
}
  
.portfolio_3 ul.slider .slide .slide_right .desc {
  margin-top: 40px;
  padding: 0 50px 0 0px;
  font-size: 22px;
  max-height: 1500px;
  line-height: 39px;
  font-weight: 100;
}  
  
  .col-6{width:100%;}
  
  
section.main {
  padding: 70px 0;
  overflow: auto;
}
.head_section {
  height: 1000px;
}  
  
.portfolio_3 ul.slider li .slide .it {display:block;}

  
.col-6 {
    -ms-flex: 0 0 100%;
     flex: 0 0 100%; 
    max-width: 100%; 
}  
  
div#n2-ss-1 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}

div#n2-ss-2 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}
  
div#n2-ss-3 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}

div#n2-ss-4 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}  
  
div#n2-ss-5 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}


div#n2-ss-6 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}

div#n2-ss-7 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}
  
div#n2-ss-8 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}

div#n2-ss-9 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}  
  
div#n2-ss-10 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}

  
  
div#n2-ss-11 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}

div#n2-ss-12 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}
  
div#n2-ss-13 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}

div#n2-ss-14 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}  
  
div#n2-ss-15 .n2-ss-layer-content .n2-ss-layer[data-pm="normal"] {display: none;}  
  

}