/* ============================================================================

Theme Name: Elvyre Retina Ready HTML5 Template
Theme URI: http://pixel-industry.com/html/elvyre
Author: pixel-industry
Version: 2.1

============================================================================= */

nav#Mod272.t3-module.module > div.module-inner > h4.module-title{
    font: 30px  Helvetica, Arial, sans-serif;
    line-height: 38px;
    border-bottom:2px solid #e0b653;
    width:100%;
    padding-bottom:15px;
    color:#27215b
}

#nav ul#pays{
  list-style:none;
}
#nav ul#pays li a{
    float:left;
    padding:5px 0;
    color:#0088ce;
    text-decoration:none;
    min-width:200px;
}
#nav ul#pays li a:hover{
    background:none;
    color:#0088ce;
    text-decoration:underline;
}
ul.idf {
  text-transform:uppercase;
  width:100%;
  display: block;
}
ul.idf li a{
  font-family: Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: normal;
  padding:5px;
  min-width:280px;
  display: block;
  color:#342e53;
}
ul.idf li a:hover{
  color:#fff;
  background:#0088ce;
}
li#fc_bloglist_item_0 h2 a,
li#fc_bloglist_item_1 h2 a,
li#fc_bloglist_item_2 h2 a,
li#fc_bloglist_item_3 h2 a,
li#fc_bloglist_item_4 h2 a,
li#fc_bloglist_item_5 h2 a,
li#fc_bloglist_item_6 h2 a,
li#fc_bloglist_item_7 h2 a,
li#fc_bloglist_item_8 h2 a,
li#fc_bloglist_item_9 h2 a,
li#fc_bloglist_item_10 h2 a,
li#fc_bloglist_item_11 h2 a {
  font-weight:bold;
  font-size:17px;
}
h2.contentheading > span.fc_item_title > a{
   font-weight:bold;
  font-size:17px;
}

div.liste-partenaires ul{
  list-style-type: disc;
  list-style-image: none;
  list-style-position: outside;
  margin-bottom: 20px;
  margin-left: 35px;
}

div.liste-partenaires ul li{
  list-style-type: disc;
}
div#flexicontent ul{
  list-style-type: disc;
  list-style-image: none;
  list-style-position: outside;
  position:relative;
  left:25px;
}
div#flexicontent ul li{
  list-style-type: disc;
}
/*===========================================================================

    CONTENTS:

    1. CSS RESET
    2. PAGE CONTENT BACKGROUNDS (PARALLAX BACKGROUNDS)
    3. TYPOGRAPHY
    4. HEADER
        4.1. Global styling
        4.2. Main navigation
        4.3. Search
        4.4. Header style 3
        4.5. Header style 4
        4.6. Header style 5
    5. PAGE TITLES
        5.1. Page title 2
        5.2. Page title 3
    6. ELEMENTS
        6.1. Accordion
        6.2. Blockquote
        6.3. Buttons
        6.4. Client carousel
        6.5. Development process boxes
        6.6. Dropcaps
        6.7. Heading centered
        6.8. Heading with borders
        6.9. Highlighted text
        6.10. History section
        6.11. Icons list
        6.12. Information boxes
        6.13. Notes
        6.14. Portfolio carousel
        6.15. Pricing tables
        6.16. Services boxes
        6.17. Services overview list
        6.18. Services vertical tabs
        6.19. Skills circular style
        6.20. Skills rectangular style
        6.21. Stats counter
        6.22. Testimonials
        6.23. Tabs horizontal
        6.24. Tabs vertical
   7. PAGE SPECIFIC STYLES
        7.1. About pages
        7.2. Portfolio
        7.3. Blog
        7.4. Contact page
   8. WIDGETS
   9. FOOTER
        
  
============================================================================= */

/* ==========================================================================
    1. CSS RESET
============================================================================= */
.bleu {color: #0088ce;}
.bleu-fonce {color: #27215b;}
.jaune {color: #e0b653;}
.encart{
  background:#f5f5f6;
  padding:20px;
  border-radius:10px;
  clear:both;
}
.image-a-gauche{float:left;margin:0 10px 5px 0;border:1px solid #ddd;}
.image-a-droite{float:right;margin:0 0 5px 10px;border:1px solid #ddd;}
.pdf {
  height:20px;
  background:url(../images/picto-pdf.png) no-repeat left top;
  padding-left:25px;
  line-height:20px;
  text-align:left;
  margin-left:7px;
}
 
	
	
	
	
.row:after {
    content: "";
    display: table;
    clear: both;
	}
	
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption,center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
b, strong {font-weight: bold;}
img {color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; max-width: 100%;}
ol, ul {list-style: none;}
li {display: list-item;}
table {border-collapse: collapse; border-spacing: 0;}
th, td, caption {font-weight: normal; vertical-align: top; text-align: left;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
sub, sup, small {font-size: 75%;}
sub,sup {line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}
a{list-style: none; text-decoration: none;}
a:active{outline: none;}
a:focus{ outline: none;}
:focus {outline: 0;}
.clearfix{clear: both;}
#footer{padding-bottom:30px;}

#consultation{
  background:#27215b;
  padding:10px;
  color:#fff;
  border-radius:10px;
  margin-bottom:20px;
}
#consultation h3{
  color:#fff;
  text-transform:none;
  font-size:34px;
}
#consultation p{
  color:#fff ;
  padding-bottom:15px;
  }
#consultation .bouton{
  background:#e0b653;
  padding:5px;
  color:#27215b;
  text-align:center;
  width:80%;
  margin:0 auto 10px auto;
  font-weight:bold;
}
#consultation .bouton a{
  color:#27215b;
}
body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #666;
   background: url('../images/pattern-2.png');
}
.breadcrumb>li{text-shadow:0 0px 0 #fff;}
#homepage{max-width:100%;}
#homepage.boxed #header-wrapper.static {max-width:1230px;}

#homepage.boxed {

background-repeat: repeat;
/*background-color: #6c6c6c;*/
max-width: 1230px;
margin: 0 auto;
box-shadow: 0 0 35px #aeaeae;
-webkit-box-shadow: 0 0 35px #aeaeae;
-moz-box-shadow: 0 0 35px #aeaeae;
-o-box-shadow: 0 0 35px #aeaeae;
position: relative;
overflow: hidden;
padding-top: 0;
}

.add-margin{
    display: block;
    margin-bottom: 30px !important;
    float: left;
}

.no-bottom-margin{
    margin-bottom: -80px;
}


.form-horizontal .control-group .controls{
  margin-left:0;
  max-width:200px;
}
.control-group rsform-block rsform-block-nom > controls formControls > input#Nom{width:150px;}
div.control-group.rsform-block.rsform-block-nom > label.control-label.formControlLabel.hasTooltip,
div.control-group.rsform-block.rsform-block-prenom > label.control-label.formControlLabel.hasTooltip,
div.control-group.rsform-block.rsform-block-tel > label.control-label.formControlLabel.hasTooltip,
div.control-group.rsform-block.rsform-block-email > label.control-label.formControlLabel.hasTooltip,
div.control-group.rsform-block.rsform-block-region > label.control-label.formControlLabel.hasTooltip{
     display:none;
}

/*  2. PAGE CONTENT BACKGROUNDS
============================================================================= */
.page-content{
    width: 100%;
    margin: 0 auto;
    float: left;
}

.page-content.background-black{
    background-color: #0088CE;
}

.page-content.background-black h1, 
.page-content.background-black h2, 
.page-content.background-black h3, 
.page-content.background-black h4, 
.page-content.background-black h5, 
.page-content.background-black h6{
    color: #fff;
}

.page-content.background-black p, 
.page-content.background-black a, 
.page-content.background-black span{
    color: #ccc;
}

.page-content.parallax{
    padding: 70px 0px;
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.page-content.pattern{
    background: url('../images/pattern-1.png') center center;
    background-size: cover;
	background-attachment: fixed;
}

.page-content.parallax-1{
    background: url('../images/pictures/parallax-bkg-1.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
	padding:70px 0px 0px 0px;
}

.page-content.parallax-2{
    background: url('../images/pictures/parallax-bkg-2.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
}

.page-content.parallax-3{
    background: url('../images/pictures/parallax-bkg-3.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
}

.page-content.parallax-4{
    background: url('../images/pictures/parallax-bkg-4.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
}

.page-content.parallax + .page-content{
    margin-top: 80px;
}





/* ==========================================================================
    3. TYPOGRAPHY
============================================================================= */
p, a{
    color: #666;
    font: 14px Helvetica, Arial, sans-serif;
    line-height: 22px;
}

a.read-more{
    float: right;
    font-family: Helvetica, Arial, sans-serif;
    position: relative;
    padding-top: 10px;
}

a.read-more span{
    padding-left: 0px;
}

a{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.underlined{
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6{ 
    clear:both;
}

h1{
    font: 36px  Helvetica, Arial, sans-serif;
    line-height: 38px;
    border-bottom:2px solid #e0b653;
    width:100%;
    padding-bottom:15px;
    color: #27215b;
    margin-bottom: 30px;
}

h2{
    font: 30px Helvetica, Arial , sans-serif;
    line-height: 30px;
       color: #0088ce;
       margin-bottom: 20px;
}
.encart h2{
       color: #27215b;
       margin-bottom: 20px;
       
}
div#encart > h2{
     line-height: 30px;
}
h3{
    font: 24px Helvetica, Arial, sans-serif;
    /*line-height: 21px; */
    color: #27215b;
    margin-bottom: 15px;
}

h4{
    font: 18px Helvetica, Arial, sans-serif;
    /*line-height: 24px;*/
    color: #27215b;
    margin-bottom: 15px;
}

h5{
    font: 16px Helvetica, Arial, sans-serif;
    line-height: 22px;
    margin-bottom: 10px;
}

h6{
    font: 14px Helvetica, Arial, sans-serif;
    line-height: 20px;
}
div#Mod297.t3-module.module > div.module-inner > h3.module-title,
div#flexicontent.flexicontent h1 {
  color: #27215b;
}

img.float-left{
    float: left;
    margin: 12px 12px 12px 0;
}

img.float-right{
    float: right;
    margin: 12px 0px 12px 12px;
}

img + p, p+img{
    display: block;
    margin-top: 15px;
}

.bottom-fixed{
    margin-bottom: -80px;
    position: absolute;
    bottom: 0;
}

span.strong, 
b{
    font-weight: 600;
}


.text-red{
    color: #ce292d;
}
div.col-lg-12.col-md-12.col-sm-12.col-xs-12{
  margin:20px 0;
  padding:15px;
  border:1px solid #ddd;
  border-radius:10px;
  max-width:864px;
}
div.col-lg-12.col-md-12.col-sm-12.col-xs-12 p{
  padding-bottom:25px;
}
div.col-lg-12.col-md-12.col-sm-12.col-xs-12 ul,
div.description.group ul{
  color:#666;
  list-style:disc;
  list-style-position:outside;
  margin-bottom:20px;
  margin-left:25px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
}
div.col-lg-12.col-md-12.col-sm-12.col-xs-12 li,
div.description.group li{
  padding-left:5px;
  list-style-position:outside;
}

div.description.group p{
  margin-bottom:15px;
}
.item-page{
  margin-top:25px;
}
.item-page ul,.item-page ol,.category-desc ul{
  color:#666;
  list-style:disc;
  list-style-position:outside;
  margin-bottom:20px;
  margin-left:35px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.item-page li{
  padding-left:5px;
  list-style-position:outside;
}
.item-page ul.pagenav{
   list-style:none;
   font-weight:bold;
   padding:10px 0;
}
/* ========================================================================== 
    4. HEADER 
============================================================================= */
#page-wrapper{
    margin-right: auto;
    margin-left: auto;
    width: 1230px;
	max-width:100%;
    background: #fff;
}
#page-stretch{
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    background: #fff;
}

/* 4.1. GLOBAL STYLING 
----------------------------------------------------------------------------- */
#header-wrapper{
    width: 100%;
    margin: 0 auto;
    z-index: 1000;
    position: relative;
    background: #fff;

    -webkit-transition: height 0.2s ease 0s;
    -moz-transition: height 0.2s ease 0s;
    -ms-transition: height 0.2s ease 0s;
    -o-transition: height 0.2s ease 0s;
    transition: height 0.2s ease 0s;
}

#page-wrapper .static{
max-width: 1230px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    
    position: fixed;
    top: 0;
    z-index: 9999;    
}


#page-stretch .static{
max-width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    
    position: fixed;
    top: 0;
    z-index: 9999;    
}

#top-bar-wrapper{
    width: 100%;
    background: #0088CE;
    margin: 0 auto;
}

#top-bar{
    margin: 0 auto;
    width: 1170px;
}


#top-bar .contact-info{
    width: 50%;
    float: left;
    padding-top: 7px;
}

#top-bar .contact-info li{
	line-height: 0;
    float: left;
    margin-right: 25px;
    color: #fff;
    font-size: 12px;
}

#top-bar .contact-info li a,#top-bar .contact-info li a:hover{
    line-height: 12px;
    color: #fff;
}
.t3-sidebar-right{
  margin-top:25px;
}
.t3-sidebar-right h3{
  /*text-transform:uppercase; */
  font: 30px  Helvetica, Arial, sans-serif;
    line-height: 38px;
    border-bottom:2px solid #e0b653;
    width:100%;
    padding-bottom:15px;
}
.t3-sidebar-right a{
  /*text-transform:uppercase; */
  color:#0088ce;
  text-decoration:underline;
}
.custom.headertopleft a:hover{color:#fff;}
.custom-bandeau{
  background:#27215B;
  height:130px;
  margin-bottom:10px;
}
.custom-bandeau h2{
  color:#ffffff;
  font-size:28px;
  text-align:center;
  padding-top:35px;
  line-height:30px;
}
#top-bar .social-links{
    max-width: 60%;
    float: right;
}

#top-bar .social-links li{
    float: left;
    background: transparent;
    height:35px;
}

#top-bar .social-links li a{
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding:6px 3px 0 3px;
}
#top-bar .social-links li.intranet{
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    padding:0 5px;
}
#top-bar .social-links li.reseaux{
    padding:0 6px;
}


#top-bar .social-links li:hover a{
    color: #fff !important;
    background:transparent;
}

/*#top-bar .social-links li:third-child{
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    width: 80px;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left:10px;
}  */




#header{
    width: 1170px;
    margin: 0 auto;
}

#logo{
    margin: 10px 0;
    float: left;
    max-width: 170px;
}

/* 4.2. ACCES DIRECTS 
----------------------------------------------------------------------------- */
.baseline{
  position:relative;
  top:20px;
  left:20%;
  padding:0;
  margin:0;
}
.baseline h3{
  color:#0088CE;
  font-size:24px;  
}
section.box1 h5,
section.box2 h5,
section.box3 h5{
/*   color:#0088CE; */
color:white ;
  font-size:20px;

}
.grandouest-entreprises,.grandouest-retraites{
    width: 100%;
    float: left;
    margin:25px 30px;
    font-size:18px;    
 }
 .grandouest-entreprises h2{
    font-size:28px;
    line-height:26px;
    color:#fff;    
 }
  .grandouest-retraites h2{
    font-size:28px;
    line-height:26px;
    color:#27215b;    
 }
 .grandouest-entreprises{
    background:#0088ce;
    border-radius:10px;  
    padding:20px 10px;
    color:#FFF;  
 }
  .grandouest-retraites{
    background:#e0b653;
    border-radius:10px;  
    padding:20px 10px;
    color: #27215b;  
 }
 .grandouest-entreprises p,.grandouest-entreprises a{
    color:#FFF;
    font-size:18px;    
 }
  .grandouest-retraites p,.grandouest-retraites a{
    color: #27215b; 
    font-size:18px;    
 }
  .grandouest-entreprises p,.grandouest-entreprises a{
    color:#FFF;
    font-size:18px;    
 }
  .grandouest-entreprises a:hover,.grandouest-retraites a:hover{
    text-decoration:underline;    
 }
.box1,.box2{
    width: 100%;
    float: left;
    color:#333;
    margin-top:25px;
	height: 370px;
/* 	background-color: lightblue ; */
	background-color: #2c72b0 ;
	Padding: .5em;
 }
.box3{
/* 	20200320 WB changé width de 100% à 120%, et mis la font-size à 15px précédemment héritage donc pas de font-size */
	font-size: 15px;
    width: 100%;
    float: left;
    color:#333;
 /*    background:#eee; */
    background:lightblue;
    padding: 5px 10px;
    margin-top:2px;
	height: 390px;
 }
.box a:hover{
   color:#0088CE;
 }
 .box1 h3,.box1 h4{
   font-family:Helvetica;
   font-size:32px;
   text-transform:uppercase;
   color:#27235A;
   line-height:32px;
   margin:0;
 }
  .box2 h3,.box2 h4{
   font-family:Helvetica;
   font-size:32px;
   text-transform:uppercase;
   color:#27235A;
   line-height:32px;
   margin:0;
 }
   .box3 h3,.box3 h4{
   font-family:Helvetica;
   font-size:32px;
   text-transform:uppercase;
   color:#27235A;
   line-height:32px;
   margin:0;
 }
.btn-acces-1,.btn-acces-2{
  background:#E0B653;
  color:#27235A;
  padding:3px 20px;
  margin:15px 0;
  width:75%;
  display:block;
}
.btn-acces-3{
  background:#E0B653;
  color:#27235A;
  padding:3px 20px;
  margin:15px 0;
  width:35%;
  display:block;
}
a.btn-acces-1,a.btn-acces-2{
  background:#E0B653;
  color:#27235A;
  padding:3px 20px;
  margin:15px 0;
  width:75%;
  display:block;
}
a.btn-acces-3{
  background:#E0B653;
  color:#27235A;
  padding:3px 20px;
  margin:15px 0;
  width:35%;
  display:block;
}
a.btn-acces-1:hover,a.btn-acces-2:hover{
  background:#27235A;
  color:#fff;
  width:75%;
  display:block;
}
a.btn-acces-3:hover{
  background:#27235A;
  color:#fff;
  width:35%;
  display:block;
}
.acces1{
  background: url('../images/acces1.png')no-repeat left top;
  width:60px;
  height:60px;
  margin-bottom:20px;
}
.acces2{
  background: url('../images/acces2.png')no-repeat left top;
  width:60px;
  height:60px;
  margin-bottom:20px;
}
.acces3{
  background: url('../images/acces3.png')no-repeat left top;
  width:60px;
  height:60px;
  margin-bottom:20px;
}

section.heading-centered.triggerAnimation.animated.bounceIn > h2{
    color:black;
    font-size:32px;
    padding-bottom:20px;
    text-transform:uppercase;
}
.trait{
  border-bottom:2px solid #E0B653;
  margin:0 auto;
  width:60px;
  margin-top:-20px;
}
/* 4.2. MAIN NAVIGATION 
----------------------------------------------------------------------------- */
.baseline{
 /*  width: 283px;  WB 19/5/2021 */
  width: 100px;
    height: 58px;
    margin-left: 0;
    z-index: 1000;
    position: relative; 
    top:20px;
    left:0;
    float: left;
}

#nav-container{
    width: 930px;
    height: 80px;
    margin-left: 30px;
    z-index: 1000;
    position: relative; 
    float: left;
    /*background: url('../images/baseline.png')no-repeat left bottom; */
}

#nav{
    height: 100%;
    list-style: none;
    max-width: 100%;
    float: right;
    margin-top:5px;
    margin-bottom:5px;
}

#nav > ul{
    display: block !important;
}

#nav li{
    float: left;
    position: relative;
    cursor: pointer;
    
}

#nav > ul > li > a{
    font: 13px Helvetica, Arial, sans-serif;
    padding: 30px 10px 20px 15px;
}

#nav > ul > li.item-694 > a{
    font: 13px Helvetica, Arial, sans-serif;
    padding: 30px 0 36px 15px;
    margin-right:10px;
}
#nav > ul > li.item-578 > a{
    font: 13px Helvetica, Arial, sans-serif;
    padding: 30px 0 36px 15px;
}

#nav > ul > li.current-menu-item > a, 
#nav > ul > li:hover > a{    
    background: #0088CE;
    color:#fff;
}


#nav > ul > li > a{  
    text-transform: uppercase;
}

#nav > ul > li{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#nav li a{
    float: none;
    display: block;
    font: 13px Helvetica, Arial, sans-serif;
    color: #27235A; 
    width:125px; 
}
#nav li.item-578 a,
#nav li.item-691 a,
#nav li.item-692 a,
#nav li.item-693 a,
#nav li.item-694 a{
    /*border-top:3px solid #fff;  */
}
nav#Mod268 li a,
nav#Mod269 li a,
nav#Mod270 li a,
nav#Mod271 li a,
nav#Mod272 li a,
nav#Mod273 li a,
nav#Mod274 li a,
nav#Mod275 li a,
nav#Mod276 li a,
nav#Mod277 li a,
nav#Mod278 li a,
nav#Mod279 li a,
nav#Mod280 li a,
nav#Mod282 li a,
nav#Mod283 li a{
    float: left;
    display: block;
    font: 13px Helvetica, Arial, sans-serif;
    color: #27235A; 
    width:280px;
    padding:5px; 
}
nav#Mod268 li a:hover,
nav#Mod269 li a:hover,
nav#Mod270 li a:hover,
nav#Mod271 li a:hover,
nav#Mod272 li a:hover,
nav#Mod273 li a:hover,
nav#Mod274 li a:hover,
nav#Mod275 li a:hover,
nav#Mod276 li a:hover,
nav#Mod277 li a:hover,
nav#Mod278 li a:hover,
nav#Mod279 li a:hover,
nav#Mod280 li a:hover,
nav#Mod282 li a:hover,
nav#Mod283 li a:hover{
    color:#fff; 
}

#nav > ul > li.no-sub:hover{
    border-bottom: 4px solid #0088CE;
    color:#fff;
}


/* MAIN NAVIGATION SECOND LEVEL
----------------------------------------------------------------------------- */
#nav li ul{
    display: none;
    position: absolute;	
    margin: 0;
    top: 99%;
    left: 0;
    z-index: 100;
    
}

#nav li ul li{
    background: #fff;
    border-right: 4px solid #0088CE;
    border-left: 4px solid #0088CE; 

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    
}

#nav li ul li:first-child{
    border-top: 4px solid #0088CE; 
}

#nav li ul li:last-child{
    border-bottom: 4px solid #0088CE;
}

#nav li ul li:hover{
    background: #fff;
}

#nav li ul li a,#nav li.item-578 ul li a{
    text-transform: uppercase;
    font: 13px Helvetica, sans-serif;
    line-height: 15px;
    color: #27235A !important;
    padding: 10px 15px !important; 

    transition-property: text-indent;
    transition-duration: 0.2s;
    -webkit-transition-property: text-indent;
    -webkit-transition-duration: 0.2s;
    -moz-transition-property: text-indent;
    -moz-transition-duration: 0.2s;
    -o-transition-property: text-indent;
    -o-transition-duration: 0.2s;  
    width: auto; 
}

#nav li ul li:hover > a{
    text-indent: 3px;
    color: #fff !important;
    background: #0088CE;
}

#nav li ul li, #nav li ul li a{
    float: none;
}

#nav li.current-menu-item ul li.current-menu-item{
    background: #0088CE;
}

/* MAIN NAVIGATION THIRD LEVEL
----------------------------------------------------------------------------- */
#nav li ul li ul {
    display: none;
}

#nav li ul li:hover ul {
    left: 100%;
    top: -2px;
    padding-top: 0 !important;
    padding-left: 5px;
    position: absolute;
    display: block !important;
}

 /* FOOTER
----------------------------------------------------------------------------- */
.shortcut1 h3,
.shortcut2 h3{
    color:#fff;
    font-size:18px;
    text-transform:uppercase;
    background: url('../images/puce-ecti.png') no-repeat 0 3px;
    padding-left:28px;   
}
.shortcut3 h3{
    color:#fff;
    font-size:18px;
    text-transform:uppercase;
    background: url('../images/puce-contact.png') no-repeat 0 3px;
    padding-left:28px;   
}
.shortcut4 h3{
    color:#fff;
    font-size:18px;
    text-transform:uppercase;
    background: url('../images/puce-home.png') no-repeat 0 0;
    padding-left:28px;   
}
.shortcut4 .fax{
    background: url('../images/icon-fax.png') no-repeat 0 0;  
    font-weight:bold;
    padding-left:18px; 
}
.shortcut4 .phone{
    background: url('../images/icon-phone.png') no-repeat 0 0;  
    font-weight:bold;
    padding-left:18px; 
}
.shortcut1 li,
.shortcut2 li,
.shortcut3 li,
.shortcut4 li{
    background: url('../images/puce.png') no-repeat 0 8px;
    width:90%;
    border-bottom:1px solid #0088CE;
}
.shortcut1 li a,
.shortcut2 li a,
.shortcut3 li a,
.shortcut4 li a{
    color:#fff;;
    padding-left:15px;    
}
.shortcut1 li a:hover,
.shortcut2 li a:hover,
.shortcut3 li a:hover,
.shortcut4 li a:hover{
    color:#E0B653;    
}

.shortcut ul{
    list-style:none;
    display:inline;
    color:#333;
    font-size:10px;
    font-family:Helvetica,Arial;
}
.shortcut li{
    display:inline;
}
.shortcut li a{
    padding:0 5px;
    }
div.module-ct > div.custom > div.shortcut1 > ul > li > a,
div.module-ct > div.custom > div.shortcut2 > ul > li > a,
div.module-ct > div.custom > div.shortcut3 > ul > li > a,
div.module-ct > div.custom > div.shortcut4 > ul > li > a {
  color:#fff;
}
div.module-ct > div.custom > div.shortcut1 > ul > li > a:hover,
div.module-ct > div.custom > div.shortcut2 > ul > li > a:hover,
div.module-ct > div.custom > div.shortcut3 > ul > li > a:hover,
div.module-ct > div.custom > div.shortcut4 > ul > li > a:hover {
  color:#e0b653;
  text-decoration:none;
}
/* 4.3. SEARCH 
------------------------------------------------------------------------------*/
#search{
	background: url('../images/search.png') no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: relative;
    cursor: pointer;
    margin-left: 0;
    top: 20px;
    float: right;
    z-index: 1005;
}

.search-submit{

    width: 40px;
    height: 40px;
    border: none;
    text-indent: -9999px;
    position: absolute;
    cursor: pointer;
}

#m_search{
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px 10px;
    position: absolute;
    top: 105%;
    width: 135px;
    margin-left: -112px;
    font: italic 11px Helvetica, Arial, sans-serif;
    color: #777;
    display: none;
}
/*----------------Actualités-----------------------------*/

#partenaires{
  margin-top:25px;
  
}
}
.liste-actualites{
  width:100%;
}
div.liste-actualites>h2.contentheading a{
  font-weight:bold;
  color:#27215b;
}
div.actu{
  text-align:left;
}
  
div.image-actu{
float:left;
}
span.readmore{
  float:right;
}
/*----------------Partenaires-----------------------------*/
div#flexicontent{
      margin-bottom:25px;
}
#partenaires{
  margin-top:25px;
  
}
#partenaires h1{
}
.liste-partenaires{
  width:100%;
}
.liste-partenaires td{
  padding-bottom:15px;
}
div.intro{
  float:right;
}
  
div.logo{
  width:180px;
}
.liste-partenaires img{

}
 /*----------------Fiche contact-----------------------------*/
#fiche-produit{
   margin-bottom:20px;
}
#fiche-produit a{
   color:#0088ce;
   text-decoration:underline;
}

#fiche-contact{
  float:left;
  width:100%;
  margin-top:40px;
 }
 #fiche-region{
  float:left;
  width:100%;
  margin-top:40px;
 }
#fiche-pays{
  float:left;
  width:75%;
  margin-top:40px;
  padding-right:15px;
}
#right{
  float:left;
  width:25%;
}
#encart{
  float:left;
  width:25%;
  padding:0 0 0 15px;
}
#delegation-regionale{
  width:100%;
  margin-top:40px;
 }
#delegation-regionale h3{
  background:#0088ce;
  font-size:21px;
  line-height:16px;
  padding:10px 0;
  text-align:center;
  color:#fff;
  margin-bottom:15px;
}
#delegation-regionale p{
  float:left;
  color:#342e53;
  width:100%;
  text-align:center;
  padding-bottom:10px;
  margin-bottom:25px;
}
#delegation-regionale a{
  float:left;
 font-weight:bold;
 background-color:#e0b653;
  color: #342e53;
	line-height: 30px;
	font-size: 13px;
  text-align:center;
	display: block;
  padding:5px 0;
  width:100%;
}
@media screen and (max-width:800px) {
#fiche-contact {
width:100%;
float:none;
}
#delegation-regionale{
width:100%;
float:none;
}
}
#departements{
/*position:absolute; 
top:80px;
  z-index:20; */
  float:left;
  width:100%;
  
 }
 #right{
   margin-top:40px;
   padding-left:5px;
 }
#right h2{
  padding-bottom:3px;  
  border-bottom:3px solid #e0b653;
 }
#departement h2{
  padding-bottom:3px;
  border-bottom:3px solid #e0b653;
 }
#contact{
    clear:both;
    background:#f5f5f5;
    padding-bottom:30px;
 }
.photo{
  float:left;
  padding:50px 30px 0 30px;
  min-height:150px;
 }
.contact-pays{
  padding-bottom:30px;
}
.description-video,
.description-doc{
  margin-bottom:30px;
}
 .contact-pays h3, .description-video h3,.description-doc h3{
  padding-bottom: 3px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #e0b653;
  margin-bottom:20px;
 }

 .region h3,
 .description-region h3{
  padding:0 30px;
 }
.description.group a{
  text-decoration:underline;
  color:#0088ce;
  font-size:18px;
 }
.region,
.description-region{
  padding:30px 30px 10px 30px;
 }
.region ul,
.region ol{
  padding-left:25px;
}
.region h2,
.description-region h2{
  margin:25px 0 15px 0;
}
.region ul,
.description-region ul{
  list-style:disc;
  padding-left:35px;
 }
.region li,
.description-region li{
  padding-left:5px;
 }
.coordonnees{
  color:#342e53;
  text-align:left;
  padding-top:20px;
 }
.legende{
  font-size:10px;
  font-style:italic;
  padding-bottom:10px;
 }
.nom-contact{
  font-weight:bold; 
 }
.nom{
  text-transform:uppercase; 
 }
.coordonnees span{}


#contact input{
}
 
.ac-container{
	width: 100%;
	margin: 0;
}
.rejoindre{
  width: 100%;
	margin: 0 0 20px 0;
  background:# 27215b;
  padding:5px;
}
div.rsform > form#userForm.formResponsive > fieldset#rsform_3_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-nom > div.rsform-block.rsform-block-email{
    padding:0;
    margin:0;
}
input#ac-2{display:none;}
input#ac-1{display:none;}

div.ac-container div p label{
  background-color:#e0b653;
  width:300px;
  margin:0 auto;
  color: #342e53;
	line-height: 30px;
	font-size: 13px;
  text-align:center;
  display: block;
  position: relative;
	z-index: 20;
	display: block;
	height: 30px;
  clear:both;
}
div.rejoindre div p label{
  background-color:#e0b653;
  width:auto;
  margin:0 auto;
  color: #fff;
	line-height: 30px;
	font-size: 13px;
  text-align:center;
  display: block;
  position: relative;
	z-index: 20;
	display: block;
	height: 30px;
  clear:both;
}

/*.ac-container label{
	padding: 5px 15px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #342e53;
	line-height: 33px;
	font-size: 14px;
  background:##FF6600;
  clear:both;
} */
.ac-container label:hover{
	background-color:#e0b653;
}
.rejoindre label:hover{
	background-color:#e0b653;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #fff;
	color: #3d7489;
}
.rejoindre input:checked + label,
.rejoindre input:checked + label:hover{
	background: #fff;
	color: #3d7489;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.rejoindre label:hover:after,
.rejoindre input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.rejoindre input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: block;
}
.rejoindre input{
	display: block;
}
.ac-container article{
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	z-index: 10;
	transition: 
		height 0.3s ease-in-out, 
		box-shadow 0.6s linear;
}
.rejoindre article{
	margin-top: 10px;
	overflow: hidden;
	height: 0px;
	z-index: 10;
	transition: 
		height 0.3s ease-in-out, 
		box-shadow 0.6s linear;
}
.ac-container input:checked ~ article{
	transition: 
		height 0.5s ease-in-out, 
		box-shadow 0.1s linear;
}
.rejoindre input:checked ~ article{
	transition: 
		height 0.5s ease-in-out, 
		box-shadow 0.1s linear;
}
.ac-container article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 0;                                                                                                                                                                                                                                                                                
}
form#userForm.formResponsive > fieldset#rsform_7_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-email > div.formControls > p.formDescription


form#userForm.formResponsive > fieldset#rsform_3_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-nom > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_3_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-email > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_3_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-objet > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_3_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-message > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_6_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-nom > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_6_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-email > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_6_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-objet > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_6_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-message > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_7_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-nom > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_7_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-email > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_7_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-objet > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_7_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-message > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-nom > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-email > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-objet > div.formControls > p.formDescription,
form#userForm.formResponsive > fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-message > div.formControls > p.formDescription{
  padding:0;
}
fieldset#rsform_8_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-entreprise > div.formControls > p.formDescription,
fieldset#rsform_8_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-activite > div.formControls > p.formDescription,
fieldset#rsform_8_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-adresse > div.formControls > p.formDescription,
fieldset#rsform_8_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-fonction > div.formControls > p.formDescription,
fieldset#rsform_8_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-demandeur > div.formControls > p.formDescription,
fieldset#rsform_8_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-email > div.formControls > p.formDescription,
fieldset#rsform_8_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-mobile > div.formControls > p.formDescription,
fieldset#rsform_8_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-fixe > div.formControls > p.formDescription,
fieldset#rsform_8_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-description > div.formControls > p.formDescription,
fieldset#rsform_8_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-lieu > div.formControls > p.formDescription,
fieldset#rsform_8_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-duree > div.formControls > p.formDescription,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-entreprise > div.formControls > p.formDescription,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-activite > div.formControls > p.formDescription,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-adresse > div.formControls > p.formDescription,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-fonction > div.formControls > p.formDescription,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-demandeur > div.formControls > p.formDescription,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-email > div.formControls > p.formDescription,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-mobile > div.formControls > p.formDescription,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-fixe > div.formControls > p.formDescription,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-description > div.formControls > p.formDescription,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-lieu > div.formControls > p.formDescription,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-duree > div.formControls > p.formDescription
{     
  padding:0;
}
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-nom > div.formControlLabel,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-email > div.formControlLabel,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-objet > div.formControlLabel,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-message > div.formControlLabel{
    float: left;
    width: 40px;
    padding-top: 5px;
    text-align: right;
}
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-nom > div.formControls,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-email > div.formControls,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-objet > div.formControls,
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-message > div.formControls{
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 60px;
    *margin-left: 0;
}
fieldset#rsform_9_page_0.formHorizontal.formContainer > div.rsform-block.rsform-block-info > div.formBody   {padding:0 0 5px 20px;}
.rejoindre article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

.ac-container input:checked ~ article.ac-small{
	margin-top:15px;
    height:420px;
}
.rejoindre input:checked ~ article.ac-small{
	margin-top:15px;
		/* WB 4/12/2019 : modifié pour tenir compte de l'ajout département
  height: 420px; 415px */
  height: 525px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 500px;
}
.rejoindre input:checked ~ article.ac-medium{
	height: 400px;
}
.ac-container input:checked ~ article.ac-large{
	margin-top:15px;
  height: 830px;
}
.rejoindre input:checked ~ article.ac-large{
	height: 850px;
}


/* ========================================================================== 
    4.4. HEADER STYLE 3 (grey colored top bar)
============================================================================= */
.header-style-3 #top-bar-wrapper{
    background: #333;
    border-bottom: none;
}

.header-style-3 #top-bar .contact-info li, 
.header-style-3 #top-bar .contact-info li a{
    color: #bbb;
}

.header-style-3 #top-bar .social-links li{
    background: #444;
    border-left: 1px solid #555;
    border-right: 1px solid #333;
}

.header-style-3 #top-bar .social-links li:last-child{
    border-right: none;
}



/* ========================================================================== 
    4.5. HEADER STYLE 4 
============================================================================= */
.header-style-4 .social-links{
    float: right;
    margin-left: 30px;
    max-width: 1030px;
    margin-top: 15px;
}

.header-style-4 .social-links li{
    float: left;
    margin-left: 10px;

    background-color: #eee;
    width: 30px;
    height: 30px;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-style-4 .social-links li:hover a{
    color: #fff !important;
}

.header-style-4 .social-links li a{
    width: 30px;
    font-size: 10px;
    height: 30px;display: table-cell;
    vertical-align: middle;
    text-align: center;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.header-style-4  #nav-container{
    width: 100%;
    margin-left: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.header-style-4  #nav-container #nav{
    max-width: 1100px;
    float: left;
}


/* ========================================================================== 
    4.6. HEADER STYLE 5
============================================================================= */
.header-style-5 #logo{
    width: 100%;
    max-width: 100%;
    margin: 20px auto;
    float: none;
}

.header-style-5 #logo a{
    display: table;
    margin: 0 auto;
}

.header-style-5  #nav-container{
    width: 100%;
    margin-left: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.header-style-5  #nav-container #nav{
    max-width: 1100px;
    float: left;
}





/* ========================================================================== 
   5. PAGE TITLES 
============================================================================= */
#page-title{
    background: url('../images/page-titles/page-title-bkg.jpg') center center;
    background-size: cover;
    padding: 100px 0 0;
    margin-bottom: 70px;
    overflow: hidden;
    position: relative;
	background-attachment: fixed;
}
#page-titles{
    background: url('../images/page-titles/page-title-bkg.jpg') center center;
    background-size: cover;
    padding: 400px 0 0;
    margin-bottom: 70px;
    overflow: hidden;
    position: relative;
	background-attachment: fixed;
}

#page-title.no-image .pt-title{
    padding-bottom: 100px;
}

.pt-title{
    padding: 20px 0;
}

.pt-title h1{
    font-size: 36px;
    line-height: 38px;
}

.pt-image-container{
    float: right;
    width: 100%;
}

.pt-image{
    position: relative;
    bottom: 0;
}

.pt-image .float-right{
    margin: 0;
}

.page-title-1 .breadcrumbs{
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    position: absolute;
    bottom: 0;
}

.breadcrumbs li{
	color: #fff;
    float: left;
    padding-right: 5px;
    line-height: 22px;
    font-family: Helvetica, Arial, sanserif;
}

.breadcrumbs li a{
    color: #fff;
    font-family: Helvetica, Arial, sanserif;
}

.breadcrumbs li a:hover{
    color: #ddd !important;
}




/*  5.1. PAGE TITLE 2
============================================================================= */

#page-title.page-title-2{
    padding: 50px 0;
}

#page-title.page-title-2 .pt-title{
    padding: 0;
    float: left;
    margin-right: 40px;
}

#page-title.page-title-2 .pt-title h1{
    margin-bottom: 0;
}

#page-title.page-title-2 .breadcrumbs{
    float: right;
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
}



/*  5.2. PAGE TITLE 3
============================================================================= */
#page-title.page-title-3{
    background: #f6f6f6;
    padding: 10px 0;
}

#page-title.page-title-3 .breadcrumbs li a{
    color: #666;
}



/* ========================================================================== 
   6. ELEMENTS
============================================================================= */

/* 6.1. ACCORDION
============================================================================= */
.accordion .title{
    background-repeat: no-repeat;
    background-position: 10px 8px;
    padding-left: 45px;
    padding-top: 10px;
    float: left;
    background-color: #f6f6f6;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
}

.accordion .title a{
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
}

.accordion .title span{
    padding-right: 10px;
    font-size: 16px;
}

.accordion .title, 
.accordion .content{
    padding-bottom: 10px;
    float: left;
    cursor: pointer;
    width: 100%;
}

.accordion .title.active a{
    color: #222;
    font-weight: 500;
}

.accordion .title a:hover{
    color: #333;
}

.accordion .content{
    padding-bottom: 20px;
}

/* Accordion style 2
----------------------------------------------------------------------------- */
.accordion.style-2 .title{
    background-color: #fff;
    background-image: url('../images/accordion-closed2.png'); 
    border: 1px solid #e6e6e6;
}

.accordion.style-2 .title.active{
    background-image: url('../images/accordion-opened2.png');
}




/*  6.2. BLOCKQUOTE
============================================================================= */
blockquote{
    background: #f6f6f6;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    float: left;
}

blockquote p{ 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font: italic 16px 'Helvetica', Arial, sans-serif;
    font-weight: 300;
    line-height: 26px;
}

cite{
    font-size: 12px;
    padding: 10px 0 0;
    display: block;
    width: 100%;
    font-weight: 400;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

p + blockquote, 
blockquote + p{
margin-bottom: 14px;
    display: block;
    margin-top: 14px;
    float: left;
}




/*  6.3. BUTTONS
============================================================================= */
.btn-group{
    width: 100%;
    float: left;
}

.btn-group a.btn-medium, 
.btn-group a.btn-big{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.btn-medium i, 
.btn-big i{
    padding-right: 8px;
}

.btn-medium{
    padding: 10px 15px;
    font: 13px 'Helvetica', Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    float: left;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-big{
    padding: 15px 18px;
    font: 14px 'Helvetica', Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    float: left;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-medium:hover, 
.btn-big:hover{
    color: #fff !important;
}



/* EMPTY BUTTONS
----------------------------------------------------------------------------- */
.btn-medium.empty, 
.btn-big.empty{
    background: none;
    color: #333;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-medium.empty:hover,
.btn-big.empty:hover,
.btn-medium.empty.white, 
.btn-big.empty.white{
    color: #fff !important;
}

.btn-medium.empty.white, 
.btn-big.empty.white{
    border: 1px solid #fff;
}


/* BUTTONS COLORS
============================================================================= */

/*  Black
----------------------------------------------------------------------------- */
.btn-medium.black, 
.btn-big.black{
    background: #333;
}

.btn-medium.black:hover, 
.btn-big.black:hover{
    background: #555;
}


.btn-medium.empty.black, 
.btn-big.empty.black{
    border: 1px solid #333;
    color: #333 !important;
    background: none;
}


.btn-medium.empty.black:hover, 
.btn-big.empty.black:hover{
    background-color: #333;
    color: #fff !important;
}


/*  Grey
----------------------------------------------------------------------------- */
.btn-medium.grey, 
.btn-big.grey{
    background: #777;
}

.btn-medium.grey:hover, 
.btn-big.grey:hover{
    background: #888;
}

.btn-medium.empty.grey, 
.btn-big.empty.grey{
    border: 1px solid #777;
    color: #777 !important;
    background: none;
}


.btn-medium.empty.grey:hover, 
.btn-big.empty.grey:hover{
    background-color: #777;
    color: #fff !important;
}


/*  Silver
----------------------------------------------------------------------------- */
.btn-medium.silver, 
.btn-big.silver{
    background: #aaa;
}

.btn-medium.silver:hover, 
.btn-big.silver:hover{
    background: #bbb;
}

.btn-medium.empty.silver, 
.btn-big.empty.silver{
    border: 1px solid #aaa;
    color: #777 !important;
    background: none;
}

.btn-medium.empty.silver:hover, 
.btn-big.empty.silver:hover{
    background-color: #aaa;
    color: #fff !important;
}


/*  Blue
----------------------------------------------------------------------------- */
.btn-medium.blue, 
.btn-big.blue{
    background: #2277eb;
}

.btn-medium.blue:hover, 
.btn-big.blue:hover{
    background: #4E92EF;
}

.btn-medium.empty.blue, 
.btn-big.empty.blue{
    border: 1px solid #2277eb;
    color: #2277eb !important;
    background: none;
}

.btn-medium.empty.blue:hover, 
.btn-big.empty.blue:hover{
    background-color: #2277eb;
    color: #fff !important;
}


/*  Red
----------------------------------------------------------------------------- */
.btn-medium.red, 
.btn-big.red{
    background: #d52b2a;
}

.btn-medium.red:hover, 
.btn-big.red:hover{
    background: #DD5555;
}

.btn-medium.empty.red, 
.btn-big.empty.red{
    border: 1px solid #d52b2a;
    color: #d52b2a !important;
    background: none;
}

.btn-medium.empty.red:hover, 
.btn-big.empty.red:hover{
    background-color: #d52b2a;
    color: #fff !important;
}


/*  Yellow
----------------------------------------------------------------------------- */
.btn-medium.yellow, 
.btn-big.yellow{
    background: #fcc820;
}

.btn-medium.yellow:hover, 
.btn-big.yellow:hover{
    background: #FDD34D;
}

.btn-medium.empty.yellow, 
.btn-big.empty.yellow{
    border: 1px solid #fcc820;
    color: #fcc820 !important;
    background: none;
}

.btn-medium.empty.yellow:hover, 
.btn-big.empty.yellow:hover{
    background-color: #fcc820;
    color: #fff !important;
}


/*  Orange
----------------------------------------------------------------------------- */
.btn-medium.orange, 
.btn-big.orange{
    background: #f8806c;
}

.btn-medium.orange:hover, 
.btn-big.orange:hover{
    background: #F99989;
}


.btn-medium.empty.orange, 
.btn-big.empty.orange{
    border: 1px solid #f8806c;
    color: #f8806c !important;
    background: none;
}

.btn-medium.empty.orange:hover, 
.btn-big.empty.orange:hover{
    background-color: #f8806c;
    color: #fff !important;
}


/*  Green
----------------------------------------------------------------------------- */
.btn-medium.green, 
.btn-big.green{
    background: #9ab869;
}

.btn-medium.green:hover, 
.btn-big.green:hover{
    background: #AEC687;
}

.btn-medium.empty.green, 
.btn-big.empty.green{
    border: 1px solid #9ab869;
    color: #9ab869 !important;
    background: none;
}

.btn-medium.empty.green:hover, 
.btn-big.empty.green:hover{
    background-color: #9ab869;
    color: #fff !important;
}


/*  Aqua
----------------------------------------------------------------------------- */
.btn-medium.aqua, 
.btn-big.aqua{
    background: #60cfc8;
}

.btn-medium.aqua:hover, 
.btn-big.aqua:hover{
    background: #80D9D3;
}

.btn-medium.empty.aqua, 
.btn-big.empty.aqua{
    border: 1px solid #60cfc8;
    color: #60cfc8 !important;
    background: none;
}

.btn-medium.empty.aqua:hover, 
.btn-big.empty.aqua:hover{
    background-color: #60cfc8;
    color: #fff !important;
}



/*  6.4. CLIENT CAROUSEL
============================================================================= */
#client-carousel li{
    width: 170px;
    margin-right: 30px;
    float: left;
    display: block;
}




/*  6.5. DEVELOPMENT PROCESS BOXESS
============================================================================= */
.process-box{
    background: #fff;
    width: 90%;
  /*   float: right; WB supprimé pour permettre centrage boite du bas page accueil */
    padding: 25px 15px 25px 70px;
    position: relative;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.process-box::after{
    position: absolute;
    display: block;
    content: "";
    background: url('../images/development-shadow.png') no-repeat center 0;
    bottom: 0;
    width: 100%;
    height: 19px;
    left: 0;
    bottom: -19px;
    opacity:0;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.process-box:hover{
    transform: translateY(-10px);
    -ms-transform: translateY(-10px); /* IE 9 */
    -webkit-transform: translateY(-10px); /* Safari and Chrome */
}

.process-box:hover h5, 
.process-box:hover p{
    color: #fff;
}

.process-box:hover::after{
    opacity: 0.7;
}

.process-box .img-container{
    width: 94px;
    height: 94px;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -50px;
    display: block;
    float: left;

    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    overflow: hidden;
    z-index: 30;
}

.process-box .img-container img{
    width: 94px;
    height: 94px;
    display: block;

    -webkit-border-radius: 50%;
}

.process-box h5{
    margin-bottom: 15px;
}



/*  6.6. DROPCAPS
============================================================================= */
.dropcap{
    color: #fff;
    background: #333;
    float: left;
    margin-right: 10px;
    font: 18px 'Helvetica', Arial, sans-serif;
    line-height: 18px;
    padding: 14px;
    position: relative;
    top: 8px;

    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.dropcap.circle{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    top: 5px;
}



/*  6.7. HEADING CENTERED
============================================================================= */
.heading-centered{
    width: 100%;
    margin-bottom: -40px;
}
.headingcentered{margin-bottom: 60px;float: left;text-align: center;} 
.headingcentered h3{font: 32px Helvetica, Arial , sans-serif;
line-height: 34px;width: 100%;
text-align: center;
margin-bottom: 10px;
}
.pricing-box{
margin-top: 50px;
}

.heading-centered h1, 
.heading-centered h2, 
.heading-centered h3, 
.heading-centered h4, 
.heading-centered h5, 
.heading-centered h6, 
.heading-centered p{
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}




/*  6.8. HEADING WITH BORDERS
============================================================================= */
.heading-bordered{
    border-bottom: 1px solid #e8eef6;
    margin-bottom: 30px;
    width: 100%;
    float: left;
}

.heading-bordered h1, 
.heading-bordered h2, 
.heading-bordered h3, 
.heading-bordered h4, 
.heading-bordered h5, 
.heading-bordered h6,.serviceboxe.partners h3{
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #a8b4c3;
    display: inline-block;
    margin-bottom: -1px;
}
.serviceboxe.partners h3{
margin-top: 40px;
}
.clients h3,.offerservice h3,.blogposts h3,.values h3,.ourskill h3{
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #a8b4c3;
    /*display: inline-block;*/
}




/*  6.9. HIGHLIGHTED TEXT
============================================================================= */
.highlighted-color, 
.highlighted-color:hover{
    color: #fff !important;
    margin-right: 3px;
}




/*  6.10. HISTORY SECTION
============================================================================= */
.history{
    width: 100%;
    float: left;
}

.history .year-holder{
    width: 104px;
    height: 104px;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    float: left;

    margin-right: 30px;
}

.history .year-holder .inner-holder{
    position: relative;
    top: 9px;
    left: 9px;
}

.history .year-holder span.year{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    position: relative;
    font-size: 18px;
    font-weight: 300;

    width: 80px;
    height: 80px;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.history h4{
    margin-bottom: 12px;
    padding-top: 15px;
    padding-left: 140px;
}

.history-arrow-left, 
.history-arrow-right{
    width: 100%;
    min-height: 104px;
}

.history p{
    padding-left: 140px;
}




/*  6.11. ICONS LISTS
============================================================================= */
.icons-list li a, .icons-list li p {
    padding-left: 10px;
    display: inline;
}

.icons-list li{
    padding-bottom: 3px;
}

.icons-list.big li{
    font-size: 22px;
    padding-bottom: 8px;
}

.icons-list.big li p{
    font-size: 18px;
    position: relative;
    top: -2px;
    font-family: Helvetica, Arial, sans-serif;
}




/* 6.12. INFORMATIN BOXES
============================================================================= */
.information-boxes{
    width: 100%;
    float: left;
    cursor: pointer;
}

.information-boxes .close{
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background: url('../images/close.png') no-repeat;
    display: block;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: 0;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.information-boxes:hover .close{
    opacity: 1;
}


/* INFORMATION BOXES - INFO BOX
----------------------------------------------------------------------------- */
.infobox{
    background: #e0f2ff;
    border: 1px solid #c1def2;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.infobox p{
    background: url('../images/info-box.png') no-repeat 0 center;
    margin: 10px 30px 10px 10px;
    padding-left: 25px;
    color: #61adb0;
    text-shadow: 0 1px 0 #fff;
}

/* Infromation boxes - WARNING BOX
----------------------------------------------------------------------------- */
.warning-box{
    background: #f8f6bc;
    border: 1px solid #e7e48b;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.warning-box p{
    background: url('../images/warning-box.png') no-repeat 0 center;
    margin: 10px 30px 10px 10px;
    padding-left: 27px;
    color: #989426;
    text-shadow: 0 1px 0 #fff;
}

/* Infromation boxes - SUCCES BOX 
----------------------------------------------------------------------------- */
.success-box{
    background: #ebfdd7;
    border: 1px solid #cef4a4;
    border-radius: 3px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.success-box p{
    background: url('../images/success-box.png') no-repeat 0 center;
    margin: 10px 30px 10px 10px;
    padding-left: 25px;
    color: #7eb244;
    text-shadow: 0 1px 0 #fff;
}

/* Infromation boxes - ERROR BOX
----------------------------------------------------------------------------- */
.error-box{
    background: #fadddd;
    border: 1px solid #fcc1c1;
    border-radius: 3px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.error-box p{
    background: url('../images/error-box.png') no-repeat 0 center;
    margin: 10px 30px 10px 10px;
    padding-left: 25px;
    color: #d86d6d;
    text-shadow: 0 1px 0 #fff;
}




/*  6.13. NOTES
============================================================================= */
.note h2{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.note .btn-medium, 
.note .btn-big{
    float: none;
    display: table;
    margin: 0 auto;
}

/* NOTE WITH BACKGROUND CENTERED */
.note.has-background{
    background: #f6f6f6;
    padding: 30px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.page-content.background-black .note{
    padding: 40px 0;
    width: 100%;
}

.page-content.background-black .note h4{
    color: #fff;
    text-align: center;
}




/*  6.14. PORTFOLIO CAROUSEL
============================================================================= */
.carousel-nav-container{
    width: 100%;
    float: left;
}

.portfolio-carousel .isotope-item{
    margin-bottom: 0;
    margin-right: 2px;
    display: block;
    float: left;
    height: auto;
}

.carousel-nav{
    margin: 25px auto 0 ;
    display: table;
}

.carousel-nav li{
    width: 30px;
    height: 30px;
    float: left;

    background-color: #eee;    
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 5px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.carousel-nav li a[class^="c_prev"]{
    background-image: url('../images/c_prev.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    display: block !important;
}

.carousel-nav li a[class^="c_next"]{
    background-image: url('../images/c_next.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    display: block !important;
}




/*  6.15. PRICING TABLES
============================================================================= */
.pricing-table-col{
    border: 10px solid #eee;
    float: left;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pricing-table-col .head{
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0;
}

.pricing-table-col .head h2{
    padding: 20px 0;
    text-align: center;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500;
}

.pricing-table-col .head .price{
    background: #f6f6f6;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: block;
    font: 12px Arial, sans-serif;
    color: #333;
}

.head .price span{
    font: 30px 'Helvetica', Arial, sans-serif;
    font-weight: 300;
}

.pricing-table-col.selected .head .price span, 
.pricing-table-col.selected .head .price{
    color: #fff !important;
}

.pricing-table-col li{
    color: #777;
    padding: 8px;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #fff;
    text-align: center;
    width: 100%;
    float: left;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pricing-table-col li:first-child{
    border: none;
    float: none;
}

.pricing-table-col li.odd{
    background-color: #fcfcfc;
}

li.pricing-footer{
    height: auto !important;
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top: none;
}

.pricing-footer .btn-small,
.pricing-footer .btn-medium,
.pricing-footer .btn-big{
    margin: 5px auto;
    display: table;
    float: none;
}





/*  6.16. SERVICES BOXES
============================================================================= */
#services-carousel li{
    margin-right: 30px;
}


/*  Service box style 1
----------------------------------------------------------------------------- */
.service-box-1{
    width: 100%;
    float: left;
    cursor: pointer;
}

.service-box-1 .icon{
height: auto;
width: auto;
    padding: 10px;
    font-size: 16px;
    background: #333;
    color: #fff;
    float: left;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    display: table-cell;
    vertical-align: middle;
    text-align: center;

    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.service-box-1 h5{
    padding-top: 7px;
    margin-bottom: 20px;
    padding-left: 50px;
}

.service-box-1:hover .icon{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}


/*  Service box 2 (background and shadow)
----------------------------------------------------------------------------- */
.service-box-2{
    width: 100%;
    padding: 30px;
    cursor: pointer;
    position: relative;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.service-box-2 .icon{
    width: 100%;
    margin: 0 auto 15px;
    display: table;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.service-box-2:hover .icon i{background:#fff!important;}

.service-box-2 .icon i{
    font-size: 24px;
    padding: 20px;
    display: table;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    color: #fff;

    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.service-box-2 h5{
    text-align: center;
    margin-bottom: 10px;
}

.service-box-2 p{
    text-align: center;
}

.service-box-2 a.read-more{
    width: 100%;
    float: none;
    text-align: center;
    display: block;
}

.service-box-2:hover .icon i{
    background-color: #fff;
}

.service-box-2:hover h5, 
.service-box-2:hover p, 
.service-box-2:hover a.read-more{
    color: #fff;
}

.service-box-2 a.read-more:hover{
    color: #fff !important;
}

.service-box-2:hover::before{
    content: "";
    position: absolute;
    display: block;
    background: url('../images/service-shadow-left.png') no-repeat;
    top: 0;
    left: -16px;
    width: 16px;
    height: 253px;
}

.service-box-2:hover::after{
    content: "";
    position: absolute;
    display: block;
    background: url('../images/service-shadow-right.png') no-repeat;
    top: 0;
    right: -16px;
    width: 16px;
    height: 253px;
}





/*  6.17. SERVICES OVERVIEW LIST
============================================================================= */
.services-overview li{
    background: url('../images/checkmark.png') no-repeat 0 0;
    float: left;
    width: 100%;
    padding-left: 70px;
    margin-bottom: 30px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.services-overview li h5{
    margin-bottom: 15px;
}




/*  6.18. SERVICES VERTICAL TABS
----------------------------------------------------------------------------- */
.tabs.vertical.services-tabs{
    width: 50%;
}

.tabs.vertical.services-tabs li{
    background: none;
    border: none;
    margin-bottom: 30px;
}

.tabs.vertical.services-tabs li.active, 
.tabs.vertical.services-tabs li:first-child{
    border: none !important;
}

.tabs.vertical.services-tabs li.active{
    background: none;
}


.tabs.vertical.services-tabs li a{
    padding: 0;
}

.tabs.vertical.services-tabs li.active a{  
    color: #fff !important;
}

.tabs.vertical.services-tabs li .icon{
	height: auto;
	width: auto;
    font-size: 30px;
    padding: 20px;
    background: #fff;
    display: table-cell;
    float: left;

    border: 1px solid #eee;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.tabs.vertical.services-tabs li:hover .icon{
    color: #fff;

    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.tabs.vertical.services-tabs li.active:hover .icon{
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}

.tabs.vertical.services-tabs li h5{
    margin-bottom: 3px;
    padding-left: 92px;
    padding-top: 12px;
}

.tabs.vertical.services-tabs p{
    padding-left: 92px;
}

.tab-content-wrap.vertical.services-tab-content-wrap{
    background: none;
    padding: 0 0 0 30px;
    width: 50%;
}

.tab-content-wrap.vertical.services-tab-content-wrap .tab-content{
    background: none;
}





/*  6.19. SKILLS CIRCULAR STYLE
============================================================================= */
.skills-circular{
margin: 40px 0px;
    width: 100%;
    float: left;
}

.skills-circular li{
    float: left;
    margin-right: 30px;
}

.skills-circular.big li{
    margin-left: 30px;
    margin-right: 60px;
    min-height: 155px;
}

.skills-circular li:last-child{
    margin-right: 0;
}

.chart {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    text-align: center;
}

.skills-circular.big .chart{
    width: 110px;
    height: 110px;
}

.chart canvas {
    position: absolute;
    top: 38px;
    left: 0;
}

.percent-container{
    top: 50px;
    left: 12px;
    position: relative;
}

.percent {
    display: table-cell;
    width: 46px;
    height: 46px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    z-index: 2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.skills-circular.big .percent{
    width: 86px;
    height: 86px;
    font-size: 22px;
}

.chart span.info{
    padding-top: 70px;
    float: left;
    width: 100%;
}




/*  6.20. SKILLS RECTANLE STYLE
============================================================================= */
.skills-bar{
    width: 100%;
    position: relative;
    float: left;
}

.skills{
    padding-top: 20px;
    display: block;
}

.skills li em{
    position: relative;
    top: -23px;
    font: 12px 'Helvetica', Arial, sans-serif;
    font-style: normal;
}

.skills li{
    display: block;
    height: 15px;
    margin-bottom: 35px;

    background: rgb(246,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%); /* W3C */

    border: 1px solid #ddd;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.expand{
    height: 15px;
    position: absolute;
    margin-top: -1px;
}

.skills .percentage-10      { width:10%;  -moz-animation:percentage-10 2s ease-out;       -webkit-animation:percentage-10 2s ease-out;}
.skills .percentage-20      { width:20%;  -moz-animation:percentage-20 2s ease-out;       -webkit-animation:percentage-20 2s ease-out;}
.skills .percentage-30      { width:30%;  -moz-animation:percentage-30 2s ease-out;       -webkit-animation:percentage-30 2s ease-out;}
.skills .percentage-40      { width:40%;  -moz-animation:percentage-40 2s ease-out;       -webkit-animation:percentage-40 2s ease-out;}
.skills .percentage-50      { width:50%;  -moz-animation:percentage-50 2s ease-out;       -webkit-animation:percentage-50 2s ease-out;}
.skills .percentage-60      { width:60%;  -moz-animation:percentage-60 2s ease-out;       -webkit-animation:percentage-60 2s ease-out;}
.skills .percentage-70      { width:70%;  -moz-animation:percentage-70 2s ease-out;       -webkit-animation:percentage-70 2s ease-out;}
.skills .percentage-80      { width:80%;  -moz-animation:percentage-80 2s ease-out;       -webkit-animation:percentage-80 2s ease-out;}
.skills .percentage-90      { width:90%;  -moz-animation:percentage-90 2s ease-out;       -webkit-animation:percentage-90 2s ease-out;}
.skills .percentage-100      { width:100%;  -moz-animation:percentage-100 2s ease-out;       -webkit-animation:percentage-100 2s ease-out;}

@-moz-keyframes percentage-10       { 0%  { width:0px;} 100%{ width:10%;}  }
@-moz-keyframes percentage-20        { 0%  { width:0px;} 100%{ width:20%;}  }
@-moz-keyframes percentage-30       { 0%  { width:0px;} 100%{ width:30%;}  }
@-moz-keyframes percentage-40  { 0%  { width:0px;} 100%{ width:40%;}  }
@-moz-keyframes percentage-50 { 0%  { width:0px;} 100%{ width:50%;} }
@-moz-keyframes percentage-60 { 0%  { width:0px;} 100%{ width:60%;} }
@-moz-keyframes percentage-70 { 0%  { width:0px;} 100%{ width:70%;} }
@-moz-keyframes percentage-80 { 0%  { width:0px;} 100%{ width:80%;} }
@-moz-keyframes percentage-90 { 0%  { width:0px;} 100%{ width:90%;} }
@-moz-keyframes percentage-100 { 0%  { width:0px;} 100%{ width:100%;} }

@-webkit-keyframes percentage-10       { 0%  { width:0px;} 100%{ width:10%;}  }
@-webkit-keyframes percentage-20        { 0%  { width:0px;} 100%{ width:20%;}  }
@-webkit-keyframes percentage-30       { 0%  { width:0px;} 100%{ width:30%;}  }
@-webkit-keyframes percentage-40  { 0%  { width:0px;} 100%{ width:40%;}  }
@-webkit-keyframes percentage-50 { 0%  { width:0px;} 100%{ width:50%;} }
@-webkit-keyframes percentage-60 { 0%  { width:0px;} 100%{ width:60%;} }
@-webkit-keyframes percentage-70 { 0%  { width:0px;} 100%{ width:70%;} }
@-webkit-keyframes percentage-80 { 0%  { width:0px;} 100%{ width:80%;} }
@-webkit-keyframes percentage-90 { 0%  { width:0px;} 100%{ width:90%;} }
@-webkit-keyframes percentage-100 { 0%  { width:0px;} 100%{ width:100%;} }





/*  6.21. STATS COUNTER
============================================================================= */
.numbers-counter{
    width: 100%;
    float: left;
}

.numbers-counter li span, 
.numbers-counter li p{
    color: #fff;
}

.numbers-counter li{ 
    margin-left: 1px;
    margin-bottom: 1px;
    float: left;
}

.numbers-counter li span{
    font-size: 32px;
    width: 100%;
    text-align: center;
    display: block;
}

.numbers-counter li p{
    width: 100%;
    display: block;
    text-align: center;
}


/* DIFFERENT GRIDS - FROM GRID_3 TO GRID_12 */
/* GRID_3 */
.grid_3 .numbers-counter li{
    width: 134px;
    height: 134px;
}

.grid_3 .numbers-counter li span{
    padding-top: 30px;    
}



/* GRID_4 */
.grid_4 .numbers-counter li{
    width: 184px;
    height: 184px;
}

.grid_4 .numbers-counter li span{
    padding-top: 50px;    
}



/* GRID_5 */
.grid_5 .numbers-counter li{
    width: 155px;
    height: 155px;
}

.grid_5 .numbers-counter li span{
    padding-top: 40px;    
}


/* GRID_6 */
.grid_6 .numbers-counter li{
    width: 189px;
    height: 189px;
}

.grid_6 .numbers-counter li span{
    padding-top: 55px;    
}


/* GRID_7 */
.grid_7 .numbers-counter li{
    width: 166px;
    height: 166px;
}

.grid_7 .numbers-counter li span{
    padding-top: 45px;    
}



/* GRID_8 */
.grid_8 .numbers-counter li{
    width: 191px;
    height: 191px;
}

.grid_8 .numbers-counter li span{
    padding-top: 55px;    
}


/* GRID_9 */
.grid_9 .numbers-counter li{
    width: 173px;
    height: 173px;
}

.grid_9 .numbers-counter li span{
    padding-top: 55px;    
}

/* GRID_12 */
.grid_12 .numbers-counter li{
    width: 194px;
    height: 194px;
}

.grid_12 .numbers-counter li span{
    padding-top: 55px;    
}



.grid_3 .numbers-counter li:nth-child(2n), 
.grid_4 .numbers-counter li:nth-child(2n){
    margin-right: 0;
}

.grid_5 .numbers-counter li:nth-child(3n), 
.grid_6 .numbers-counter li:nth-child(3n){
    margin-right: 0;
}




/*  6.22. TESTIMONIALS
============================================================================= */
.caroufredsel_wrapper{
    float: left !important;
}
div.testimonial-text h4 a{
    color:#0088ce;
    font-weight:bold;
    line-height:15px;
}

.testimonial-carousel{
    float: left;
    width: 100%;
}
.testimonial{
    float: left;
    width: 100%;
    display: block;
    height: auto;
}

.testimonial .testimonial-text{
    width: 100%;
    background: #f6f6f6;
    padding: 20px 10px 50px 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
} 

.testimonial .testimonial-text p{
    font-size: 14px;
    font-style: italic;
}

.testimonial-author{
    width: 100%;
    position: relative;
    top: -40px;
    padding-left: 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.testimonial-image-container{
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 20px;

    border: 4px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;

    overflow: hidden;
}

.testimonial-image-container img{
    dispaly: block;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
}

.testimonial-author-name{
    margin-bottom: 0;
    padding-top: 50px;
}

.testimonial-author-company{
    width: 100%;
    display: block;
    font-style: italic;
    font-weight: 300;
}


/*  TESTIMONIAL STYLE 02
============================================================================= */
.testimonial.style-2 .testimonial-text{
    background: none;
    padding-bottom: 0;
}

.testimonial.style-2 .testimonial-text p{
    text-align: center;
    font-size: 18px;
    line-height: 28px;
}

.testimonial.style-2 .testimonial-text span{
    text-align: center;
    padding-top: 10px;
    width: 100%;
    display: block;
    font-style: italic;
}




/* 6.23. TABS HORISONTAL 
============================================================================= */
.tabs,.tabs-icon{
    overflow: hidden;
    float: left;
}

.tabs i,.tabs-icon i{
    padding-right: 5px; 
    font-size: 13px;
}

.tabs li,.tabs-icon li{
    float: left;
    border-left: 1px solid #eee;
    overflow: hidden;
    position: relative;
    padding: 0;
    line-height: 38px;
    top: 1px;
    background-color: #f6f6f6;
    cursor: pointer;
}

.tabs li a,.tabs-icon li a{    
    color: #333;    
    padding: 0px 16px;
    font: 13px Helvetica, Arial, sans-serif;
    line-height: 38px;
    padding-top: 2px;
}

.tabs li.active,.tabs-icon li.active{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

.tabs li:first-child,.tabs-icon li:first-child{
    border-left: none;
}

.tabs li.active:first-child,.tabs-icon li.active:first-child{
    border-left: 1px solid #eee;
}

.tabs li.active:last-child,.tabs-icon li.active:last-child{
    border-right: 1px solid #eee;
}

.tab-content-wrap{
    width: 100%;
    border: 1px solid #eee;    
    margin-top: -1px;
    overflow: hidden;
    float: left;
    padding: 30px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}





/*  6.24. TABS VERTICAL 
============================================================================= */
*[class*="grid_"].tabs.vertical, 
*[class*="grid_"].tabs.vertical li.active{
    overflow: visible;
}

.tabs.vertical{
    overflow: hidden;
    float: left;
    width: 30%;
}

.tabs.vertical li{
    float: left;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-top: none;
    overflow: hidden;
    padding: 0;
    line-height: 42px;
    width: 100%;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.tabs.vertical li:first-child{
    border-top: 1px solid #eee !important;
}

.tabs.vertical li a{    
    color: #333;    
    padding: 15px;
    font: 13px 'Helvetica', Arial, sans-serif;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.tabs.vertical li a i{
    font-size: 16px;
    padding-right: 15px;
    position: relative;
    top: 2px;
}

.tabs.vertical li.active{
    border-bottom: 1px solid #eee;
    border-right: none;
    border-top: none;
    background: #fff;
    position: relative;
}

.tabs.vertical li.active a{
    color: #fff;
}

.tab-content-wrap.vertical{  
    margin-top: 0;
    overflow: hidden;
    float: left;
    border: none;
    width: 70%;
    padding: 0;
}

.tab-content-wrap.vertical .tab-content{
    padding-left: 30px;
    background: #fff;
}





/* ==========================================================================
    7. PAGE SPECIFIC STYLES
============================================================================= */

/* ========================================================================== 
    7.1. ABOUT PAGES
============================================================================= */

/*  7.1.1. TEAM MEMBERS
============================================================================= */
.team{
    width: 100%;
    float: left;
}

.team-img-container{
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    float: left;
}

.team-img-container .team-img-hover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.team-img-container .team-img-hover .mask{  
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 0px 0px 0px 8px rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    cursor: pointer;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.team-img-container:hover .mask{
    opacity: 1;
}

.team h6{
    margin-bottom: 0;
}

.team .position{
    font-style: italic;
    font-weight: 300;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

.team-social-links{
    width: 100%;
    margin-top: 15px;
    float: left;
}

.team-social-links li{
    float: left;
    margin-right: 20px;
}

.team-social-links li a{
    font-size: 16px;
    color: #aaa;
}




/* 7.1.2.  TEAM MEMBERS ALTERNATIVE
============================================================================= */
.team-alternative li{
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
    width: 284px;

    position: relative;
    overflow: hidden;

    cursor: pointer;
}

.team-member-hover{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    left: 0;

    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.team-member-hover .mask{
    opacity: 0.7;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.team-member:hover .team-member-hover{
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);

    opacity: 1;
}

.team-member-hover .team-member-info{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;

    top: 0;
    left: 0;
}

.team-member-hover .team-member-info h5{
    color: #fff;
    text-align: center;
    padding-top: 60px;
    margin-bottom: 3px;
}

.team-member-hover .team-member-info .position{
    width: 100%;
    display: block;
    text-align: center;
    font-style: italic;
    color: #fff;
    margin-bottom: 30px;
}

.team-member-hover .btn-medium{
    position: relative;
    left: 90px;
}



/* ========================================================================== 
    7.2. PORTFOLIO
============================================================================= */
.row.portfolio-items-holder{
    margin-bottom: 30px;
}



/*  Portfolio filters
----------------------------------------------------------------------------- */
.row.portfolio-filters{
    margin-bottom: 30px;
}

.portfolio-filters.portfolio-full ul{
    display: table;
    margin: 0 auto;
}

#filters li{
    float: left;
    padding-right: 20px;
    margin-right: 20px;
	cursor:pointer;
}

#filters li .item-number{
float: right;
    background: #eee;
    min-width: 25px;
    min-height: 25px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    font-family: Helvetica, Arial, sans-serif;
    padding-top: 2px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#filters li a{
    font-family: Helvetica, Arial, sans-serif;
}

#filters li.active .item-number, 
#filters li:hover .item-number{
    color: #fff;
}

#filters li:last-child{
    border-right: none;
}


/* PORTFOLIO ITEMS
----------------------------------------------------------------------------- */
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
}

.isotope-item{
    float: left;
    margin-bottom: 30px;
    z-index: 2;
}

.portfolio-img-container .portfolio-img{
    position: relative;
    overflow: hidden;
    width: 100%;
}


.portfolio-img-container .portfolio-img-hover{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top:0;
    left: 0;
    transform: scale(0,0);
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.portfolio-img-container .portfolio-img:hover .portfolio-img-hover{
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    opacity: 1;
}

.isotope-item .portfolio-style-2 .portfolio-img{
    width: 100%;
    overflow: hidden;
}

.isotope-item .portfolio-img-container .portfolio-img img{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.portfolio-img-container .portfolio-img:hover  img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.portfolio-img-container .portfolio-img-hover .mask{
    opacity: 0.7;
    width: 100%;
    height: 100%;
}

.portfolio-img-container .portfolio-img-hover li{
    background: #222;
    width: 45px!important;
    height: 45px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -22px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.portfolio-img-container .portfolio-img-hover li.portfolio-zoom{
    margin-left: -45px !important;
}

.portfolio-img-container .portfolio-img-hover li.portfolio-single{
    margin-left: 5px !important;
}

.portfolio-img-container .portfolio-img-hover li a{
    width: 45px;
    height: 45px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #eee;
}

.portfolio-img-container .portfolio-img-hover li:hover a{
    color: #fff !important;
}

.portfolio-img-container figcaption{
    width: 100%;
    background: #f6f6f6;
    padding: 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.portfolio-img-container figcaption .portfolio-item-like{
    float: right;
    padding-top: 5px;
}

.grid_6.isotope-item figcaption .title{
    max-width: 500px;
}

#portfolioitems{
    padding-left: 15px;
}

.portfolio-items-holder .isotope-item{
    margin-bottom: 2px;
    margin-right: 2px;
    margin-left: 0;
}

.portfolio-items-holder .grid_6{
    width: 584px;
}

.portfolio-items-holder .grid_4{
    width: 388px;
}

.portfolio-items-holder .grid_3{
    width: 291px;
}

.portfolio-items-holder .grid_6:nth-child(2n){
    margin-right: 0;
}

.container.full #portfolioitems{
    padding: 0;
}

.container.full .portfolio-items-holder .isotope-item{
    width: 16.6%;
    margin-right: 1px;
    margin-bottom: 1px;
}

.pagination.portfolio-full{
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 30px;
}

.pagination.portfolio-full ul{
    float: none;
    display: table;
    margin: 0 auto;
}



/* Portfolio single project
----------------------------------------------------------------------------- */
.portfolio-info li{
    width: 100%;
    padding-bottom: 3px;
}

.portfolio-single-like{
    width: 100%;
}

.portfolio-single-like p{
    display: inline;
    float: left;
}

.portfolio-single-like .portfolio-item-like{
	width: auto;
    float: left;
    padding-top: 5px;
    padding-left: 10px;
}





/* ==========================================================================
    7.3. BLOG
============================================================================= */
.blog-posts li.blog-post{
    float: left;
    margin-bottom: 80px;
    width: 100%;
    position: relative;
}


/* Blog media container (image, video, audio, ...)
----------------------------------------------------------------------------- */
#post-slider{
    margin-bottom: 0;
}

.post-media-container{
text-align: center;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    float: left;
}

.post-media-container .post-media-hover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.post-media-container .post-media-hover .mask{  
    background: rgba(255, 255, 255, 0.3);
    box-shadow: inset 0px 0px 0px 8px rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    cursor: pointer;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.post-media-container:hover .mask{
    opacity: 1;
}



/* Video iframe
----------------------------------------------------------------------------- */
.post-media-container iframe{
    width: 100%;
    height: auto;
    min-height: 371px;
}

.grid_12.blog-posts .post-media-container iframe{
    min-height: 500px;
}



/* Audio blog post
----------------------------------------------------------------------------- */
.post-media-container .audio-player{
    width: 100%;
}

.post-media-container .audio-player.with-image{
    position: absolute;
    bottom: 30px;
    width: 90%;
    left: 40px;
}

.grid_12.blog-posts .post-media-container .audio-player.with-image{
    left: 60px;
}



/* Blog info icons
----------------------------------------------------------------------------- */
.post-info{
    width: 110px;
    float: left;
    margin-right: 30px;
}

.post-info li, 
.post-info-container .date-category li{
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.post-info .post-date, 
.post-info-container .post-date{
    background: #eee;
    position: relative;
    z-index: 20;
}

.post-info .post-date span, 
.post-info-container .post-date span{
    width: 100%;
    display: block;
    text-transform: uppercase;
}

.post-info .post-date .day, 
.post-info-container .post-date .day{
    text-align: center;
    font: 19px 'Helvetica';
    line-height: 20px;
    font-weight: 600;
    padding-top: 14px;
}

.post-info .post-date .month, 
.post-info-container .post-date .month{
    font-size: 9px;
    text-align: center;
}

.post-info .post-category, 
.post-info-container .post-category{
    margin-left: -10px;
}

.post-info .post-category i, 
.post-info-container .post-category i{
    width: 60px;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    color: #fff;
}


/* Post body
----------------------------------------------------------------------------- */
.post-body{
    padding-left: 140px;
}

.post-body h3{
    margin-bottom: 10px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.post-meta{
    width: 100%;
    margin-bottom: 20px;
    float: left;
    display: block;
}

.post-meta li{
height: auto;
width: auto;
    float: left;
    padding-right: 15px;
    color: #666;
    line-height: 22px;
}

.post-meta li span{
    font: 13px 'Helvetica', Arial, sans-serif;
}

.post-meta li a{
    position: relative;
    display: inline-block;
    margin-right: 3px;
}

.post-meta li a::after{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    opacity: 0;

    -webkit-transition: height 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    -moz-transition: height 0.2s, opacity 0.2s, -moz-transform 0.2s;
    -o-transition: height 0.2s, opacity 0.2s, transform 0.2s;
    -ms-transition: height 0.2s, opacity 0.2s, transform 0.2s;
    transition: height 0.2s, opacity 0.2s, transform 0.2s;

    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.post-meta li a:hover::after{
    height: 2px;
    opacity: 1;

    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}


/*  Pagination
----------------------------------------------------------------------------- */
.pagination{
    width: 100%;
    float: right;
}

.pagination ul{
    float: right;
}

.pagination li{
    float: left;
    margin-right: 14px;
    /*width: 30px;*/
    padding:0 5px;
    height: 30px;
    /*border-radius: 50%;
    background-color: #eee;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s; */
}

.pagination li:last-child{
    margin-right: 0;
}
html.com_flexicontent.view-category.itemid-694.j36.js.no-touch.cssanimations.csstransitions > body.homepage > div#page-stretch > div#t3-mainbody.container.t3-mainbody > div.row > div#t3-content.t3-content > div#flexicontent.flexicontent.fccategory.fccat143.menuitem694 > div.pagination > div.pageslinks > ul.pagination > li.active > a{
  color:#fff;
  background:none;
}
.pagination li a{
    width: auto;
    height: 30px;
    display: table-cell;
    text-align: center;
    vertical-align: middle; 
    color:#666;
    border:1px solid :#ddd  
}

.pagination li:hover a{
    color: #0088ce !important;
}
 
.pagination li.active a{
    color: #fff !important;
}

.pagination li.current-page{
    width: auto;
    height: auto;
    padding-top: 5px;
    background: none;
    margin-right: 25px;
}

.pagination li.current-page:hover{
    background: none;
}
div.pagination > div.pageslinks > ul.pagination > li.active > a{
  background:#0088ce;
  color:#fff;
}
/*  BLOG WITH SMALL IMAGES (BLOG.HTML)
============================================================================= */
.blog-posts.blog-post-small-image li .post-media-container{
    width: 270px;
    margin-right: 30px;
}

.blog-posts.blog-post-small-image li .post-body{
    padding-left: 300px;
}

.blog-posts.blog-post-small-image .post-info-container{
    width: 100%;
    margin-bottom: 20px;
}

.blog-posts.blog-post-small-image .post-info-container .date-category{
    width: 110px;
    height: 60px;
    margin-right: 20px;
    float: left;
}

.blog-posts.blog-post-small-image .post-info-container .post-info{
    padding-left: 130px;
    width: 100%;
    margin-right: 0;
    float: none;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.blog-posts.blog-post-small-image .post-info-container .post-info li{
    width: auto;
    height: auto;
}

.blog-posts.blog-post-small-image .post-media-container iframe{
    min-height: 212px;
}

.blog-posts.blog-post-small-image .post-media-container .audio-player.with-image{
    left: 15px;
}



/*  BLOG MASONRY
============================================================================= */
.blog-posts.isotope.cols li.blog-post.isotope-item{
    width: 420px;
    margin-right: 30px;
    margin-bottom: 50px;
}

.blog-posts.isotope.cols li.blog-post.isotope-item:nth-child(2n){
    margin-right: 0;
}

.blog-post.isotope-item .post-info{
    width: 70px;
}

.blog-post.isotope-item .post-info .post-category{
    margin-left: 0;
    margin-top: -10px;
}

.blog-post.isotope-item .post-body{
    padding-left: 100px;
}

.blog-post.isotope-item iframe{
    min-height: 250px;
}

.blog-posts .blog-post.isotope-item .post-media-container iframe{
    /*min-height: 300px;*/
    min-height: 170px;
}

.blog-post.isotope-item .post-media-container .audio-player.with-image{
    bottom: 20px;
    left: 20px;
}

.blog-posts.isotope.full li.blog-post.isotope-item{
    width: 370px;
    margin-right: 30px;
    margin-bottom: 50px;
}

.blog-posts.isotope.full li.blog-post.isotope-item:nth-child(3n){
    margin-right: 0;
}

.blog-posts.isotope.full li.blog-post.isotope-item .nivoSlider{
    min-height: 158px;
}



/* BLOG SINGLE POST
============================================================================= */
.post-author{
    float: left;
    margin-bottom: 80px;
    width: 100%;
}

.post-author .img-container{
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 30px;

    border: 3px solid #eee;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

.post-author .info{
    padding-left: 103px;
}

.post-author .info h6{
    margin-bottom: 3px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.post-author .info span.member{
    font-style: italic;
    margin-bottom: 10px;
    display: block;
}


/* ==========================================================================
    POST COMMENTS
============================================================================= */
.post-comments{
    width: 100%;
    float: left;
}

.comments-li{
    float: left;
    margin-bottom: 30px;
}

.comments-li > li{
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.comments-li > li:last-child .comment{
    border: none;
    margin-bottom: 0;
}

.comment{
    float: left;
    min-height: 60px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

.post-comments .comment + .children{
    margin-top: 30px;
}

.post-comments .children + .children{
    margin-top: 30px;
}

.comment .avatar{
    width: 70px;
    height: 70px;
    margin-right: 30px;
    float: left;

    border: 3px solid #eee;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;    
}

.comment-meta li{
    font-style: italic;
}

.comment-meta .author{
    font: 15px Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.comment .comment-body{
    margin-left: 100px;
    margin-top: 15px;
}

.comment .comment-reply-link{
    display: block;
    margin-top: 15px;
    background: url('../images/icon-reply.png') no-repeat 0 center;
    padding-left: 22px;
    cursor: pointer;
    text-transform: uppercase;
}

.post-comments .children{
    margin-left: 20px;
    float: left;
    padding: 0 0 0 20px;
}

/* COMMENT FORM */
.comment-form, #respond{
    float: left;
    width: 100%;
}

#respond form{
    margin-top: 20px;
}

#respond fieldset{
    margin-bottom: 10px;
}

#respond label{
font-weight: normal;
    width: 100%;
    color: #444;
    display: block;
    margin-bottom: 7px;
}

#respond .name-container{
    margin-right: 20px;
    float: left;
}

#respond .email-container{
    float: left;
}
#respond #formLog{float:left;}
#respond .name-container input, 
#respond .email-container input{
    background: #f6F6F6;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    height: 30px;
    width: 308px;
    font: 13px 'Helvetica', Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    color: #666;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#respond .message{
    float: left;
    margin-top: 5px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#respond .message textarea{
    background: #f6F6F6;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    font: 13px 'Helvetica', Arial, sans-serif;
    line-height: 22px;
    padding: 10px;
    color: #666;
}

#respond #comment-reply{
    color: #fff;
    font: 12px 'Helvetica', Arial,sans-serif;
    background-color: #333;
    cursor: pointer;
    padding: 8px 15px;
    border: none;
    float: right;
    margin-top: 10px;

    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}

#respond .name-container input:focus, 
#respond .email-container input:focus, 
#respond .message textarea:focus{
    border-color: #aaa;
}




/*    SHARRE BLOG POSTS AND PORTFOLIO POSTS
============================================================================= */
.share-post{
    float: left;
    background: #f6f6f6;
    margin-top: 30px;
    padding: 10px 15px;
    width: 100%;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.share-post span{
    float: left;
    display: block;
    margin-right: 20px;
    color: #333;
    position: relative;
    top: 2px;
}

.share-post #shareme{
    float: left;
}

.sharrre .box{
    background:#333;

    -webkit-box-shadow:0 1px 1px #d3d3d3;
    -moz-box-shadow:0 1px 1px #d3d3d3;
    box-shadow:0 1px 1px #d3d3d3;

    height:22px;
    display:inline-block;
    position:relative;

    padding:0px 55px 0 8px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;

    font-size:12px;
    float:left;
    clear:both;
    overflow:hidden;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    cursor: pointer;
}

.sharrre.portfolio-item-like .box{
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    padding: 0 5px 0 0;
    position: relative;
    top: -5px;
    color: #666;
}

.sharrre .left{
    line-height:22px;
    display:block;
    white-space:nowrap;

    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#ffffff;

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.sharrre .middle{
    position:absolute;
    height:22px;
    top:0px;
    right:30px;
    width:0px;
    background:#555;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    white-space:nowrap;
    text-align:left;
    overflow:hidden;

    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;

    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.sharrre .middle a{
    color:#ccc;
    font-weight:bold;
    padding:0 9px 0 9px;
    text-align:center;
    float:left;
    line-height:22px;

    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
}
.sharrre .right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:45px;
    text-align:center;
    line-height:22px;
    color:#fff;
}

.sharrre .box:hover{
    padding-right:130px;
}

.sharrre.portfolio-item-like .box:hover{
    padding-right: 5px;
}

.sharrre .middle a:hover{
    text-decoration:none;
    color: #fff !important;
}
.sharrre .box:hover .middle{
    width:90px;
}

.blog-post .share-post{
    margin-bottom: 80px;
}




/* ========================================================================== 
   7.4.  CONTACT PAGE
============================================================================= */

/* GOOGLE MAP
------------------------------------------------------------------------------*/
.map_canvas{
    width: 100%;
    height: 550px;
}

.contact-info-list i{
    padding-right: 10px;
    padding-bottom: 5px;
}

.widget .contact-info-list li{
    background: none;
    border-bottom: none !important;
    padding-left: 0;
}

/* CONTACT FORM
------------------------------------------------------------------------------*/
.wpcf7{
    float: left;
    width: 100%;
}
.sp_quickcontact{
float: left;
width: 100%;
margin-bottom: 40px;
}
.wpcf7 fieldset,.sp_quickcontact fieldset{
    max-width: 100%;
    margin-bottom: 20px;
}

.wpcf7 label,.sp_quickcontact label{
    color: #444;
    font: 13px Arial,sans-serif;
    line-height: 18px;
    margin-bottom: 5px;
    display: block;
    width: 100%;
    float: left;
}

.wpcf7-text{
border-radius:0px!important;
    max-width: 100%;
    background: #f6f6f6!important;
    border: 1px solid #ddd!important;
    padding: 8px 10px!important;

    box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
}

.wpcf7-text#portfolio-link{
    width: 100%;
}

.wpcf7-textarea{
border-radius:0px!important;
    width: 100%;
    box-sizing: border-box!important;;
    -moz-box-sizing: border-box;
    background: #f6f6f6;
    border: 1px solid #ddd;
    padding: 10px!important;
}

.wpcf7-text:focus, 
.wpcf7-textarea:focus{
    border-color: #aaa;
}

.wpcf7-submit{
    border: 0px solid;
    font: 12px 'Helvetica', Arial, sans-serif;
    text-transform: uppercase;
    line-height: 11px;
    color: #fff;
    background-color: #333!important;
    padding: 10px 17px;
    cursor: pointer;

    float: right;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.wpcf7-select{
    background: #f6f6f6;
    border: 1px solid #ddd;
    width: 100%;
    line-height: 29px !important;
    padding: 8px 8px 8px 10px;
    font: 12px 'Helvetica', Arial, sans-serif;
    color: #666;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}






/* ========================================================================== 
    8. WIDGETS
============================================================================= */
/* SIDEBAR WIDGETS AND FOOTER WIDGETS GLOBAL STYLES
============================================================================= */
.widget h6{
    margin-bottom: 20px;
    text-transform: uppercase;
}

.footer-widget-container .widget h6{
    color: #eee; 
}

.aside-left{
    margin-bottom: 0;
    float: left;
}

.aside-right{
    margin-bottom: 0;
    float: right;
}

.widget{
    display: block;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.widget li{
    background: url('../images/aside-arrow.png') no-repeat 0 12px;
    border-bottom: 1px dotted #ddd;
    padding-left: 28px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.widget li:last-child{
    border-bottom: none !important;
    padding-bottom: 0;
}

.footer-widget-container .widget li{
    border-bottom: 1px dotted #555;
}

.footer-widget-container li.widget:last-child{
    margin-bottom: 70px;
}




/* ASIDE SEARCH WIDGET
============================================================================= */
.widget_search form{
    position: relative;
}

.widget_search #a_search{
    background: #fff;
    border: 1px solid #ddd !important;
    width: 100%;
    display: block;
    font-size: 11px;
    font-family: 'Helvetica', Arial, sans-serif;
    color: #777;
    font-style: italic;
    left:0;
    top: 0;

    padding: 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.widget_search .search-submit{
    background: url('../images/aside-search.png') center center no-repeat;
    width: 20px;
    height: 100%;
    border: none;
    text-indent: -9999px;
    position: absolute;
    float: left;
    cursor: pointer;
    right: 6px;
    top: 1px;
}





/* WIDEGT RECENT POSTS
============================================================================= */
.pi_recent_posts ul > li{
    float: left;
    border-bottom: none;
    background: none;
    margin-bottom: 15px;
    padding-bottom: 0;
    padding-left: 0;
}
.post-media img{height: 70px;}
.pi_recent_posts .post-media,.post-media{
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 20px;
    float: left;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.pi_recent_posts .widget-post-info .meta li{
    margin-bottom: 0px;
}

.pi_recent_posts .widget-post-info{
    width: 100%;
    padding-left: 90px;
    padding-top: 8px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.pi_recent_posts .widget-post-info h6{
    font-size: 15px;
    text-transform: none;
    margin-bottom: 0px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.pi_recent_posts .widget-post-info .meta{
    width: 100%;
    float: left;
}

.pi_recent_posts .widget-post-info .meta li{
	width: 50%;
    float: left;
    padding-right: 10px;
    color: #666;
}

.pi_recent_posts .widget-post-info .meta li span{
    font: 13px 'Helvetica', Arial, sans-serif;
    line-height: 22px;
    color: #666;
}

.footer-widget-container .pi_recent_posts li{
    border: none;
}





/* WIDEGT LATEST POSTS (ON HOME PAGE) - CAN GO IN GRID_3, GRID_6, GRID_9 AND GRID_12
============================================================================= */
.latest-posts{
    width: 100%;
    float: left;
}

.latest-posts li .post-media-container{
    margin-bottom: 15px;
}

.latest-posts li h5{
    width: 100%;
    margin-bottom: 5px;
}

.latest-posts li.post{
    width: 270px;
    margin-right: 30px;
    float: left;
}

.latest-posts li.post:last-child{
    margin-right: 0;
}





/* WIDEGT RECENT COMMENTS
============================================================================= */
.widget_recent_comments li,#recent_comments li{
    background: url('../images/icon-comment.png') no-repeat 0 center;
    padding-left: 60px;
    padding-top: 0;
    min-height: 40px;
    border: none;
    margin-bottom: 15px;
}

.widget_recent_comments li a{
    font-style: italic;
}

.widget_recent_comments li span{
    font: 13px 'Helvetica', Arial, sans-serif;
    line-height: 22px;
    padding-left: 3px;
}

.footer-widget-container .widget_recent_comments li{
    color: #bbb;
}





/* IMAGE PHOTO STREAMS/SOCIAL FEED WIDGET
============================================================================= */
.widget.social-feed li{
    background: none;
    border: none;
    padding: 0;
    float: left;
    width: 66px;
    height: 66px;
    margin-right: 1px;
    margin-bottom: 1px;
    overflow: hidden;
}

.widget.social-feed li a img{
    width: 66px;
    height: 66px;
    opacity: 0.6;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.widget.social-feed li a img:hover{
    opacity:1;
}

.widget.social-feed li:nth-child(4n){
    margin-right: 0;
}




/* NEWSLETTER SUBSCRIBE WIDGET
============================================================================= */
.newsletter .email{
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #ddd;
    color: #666;

    width: 148px;
    height: 28px;
    padding: 0 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 11px;
}

.footer-widget-container .newsletter .email{
    background: #444;
    border: 1px solid #555;
    color: #ccc;
    color: #bbb;
}

.widget .newsletter .submit{
    height: 28px;
    color: #eee;
    font-size: 11px;
    position: relative;
    top: 0;
    padding: 0 15px;
    cursor: pointer;

    border: 1px solid #555;
    background: #444;

    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}





/* TAG CLOUD WIDGET
============================================================================= */
.widget_tag_cloud a{
    background: #f6f6f6;
    color: #777;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-right: 2px;
}

.widget_tag_cloud a:hover{
    color: #fff !important;
}

.footer-widget-container .widget_tag_cloud a{
    background: #444;
    color: #bbb;
    font-size: 12px;
}






/* TWITTER WIDGET
============================================================================= */
#tweet-sroll-wrapper.widget li{
    border: none;
    background: url('../images/twitter.png') no-repeat 0 5px;
    padding-left: 44px;
    margin-bottom: 8px;
}

.footer-widget-container #tweet-sroll-wrapper.widget li a{
    color: #ccc;
}

#tweet-sroll-wrapper.widget .tweets-list-container{
    overflow: hidden;
    width: 100%;
}

#tweet-sroll-wrapper.widget .tweet-list{
    position: relative;
}





/* ========================================================================== 
    9. FOOTER
============================================================================= */

footer#footer.wrap.t3-footer{
    background: #27215B;
    padding: 70px 0 30px 0;
}
.footer-wrapper{
    background: #27215B;
    width: 100%;
    float: left;    
}
div#Mod254,
div#Mod255,
div#Mod256{
   background:transparent;
}
div#Mod254 a,
div#Mod255 a,
div#Mod256 a{
   color:#fff;
}
div#Mod254 a:hover,
div#Mod255 a:hover,
div#Mod256 a:hover{
   color:#e0b653;
   text-decoration:none;
}
#footer p, 
footer a{
    color: #fff;
}


/* COPYRIGHT CONTAINER 
----------------------------------------------------------------------------- */
.copyright-container{
    background: #fff;
    padding: 20px 0;
    width: 100%;
    margin: 0 auto;
    float: left;
}

.copyright-container a, 
.copyright-container p{
    line-height: 12px;
    font-size: 10px;
    color: #333;
}

.copyright-container p{
    padding-top: 7px;
}

.footer-breadcrumbs{
    float: right;
}

.footer-breadcrumbs a {
    margin-right: 15px;
    padding-bottom: 3px;
    position: relative;
    display: inline-block;
}

.footer-breadcrumbs a::after{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #666;
    height: 1px;
    content: "";
    opacity: 0;

    -webkit-transition: height 0.2s, opacity 0.2s, -webkit-transform 0.2s;
    -moz-transition: height 0.2s, opacity 0.2s, -moz-transform 0.2s;
    -o-transition: height 0.2s, opacity 0.2s, transform 0.2s;
    -ms-transition: height 0.2s, opacity 0.2s, transform 0.2s;
    transition: height 0.2s, opacity 0.2s, transform 0.2s;

    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.footer-breadcrumbs a:hover::after{
    height: 2px;
    opacity: 1;

    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.scroll-up{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('../images/to-top.png') no-repeat;
}

.nicescroll-rails{
display:block;
z-index: 10000 !important;
	}
/************************************CSS Added Tarikul**********************************/
.dl-menuwrapper #nav{float:none;}
#nav ul li ul{padding:0px;}
.dl-menu.dl-menuopen #nav{float:none;}
.dl-menu.dl-menuopen #nav ul li.dl-subviewopen a.dropdown-toggle{display:none!important;}
.dl-menu.dl-menuopen #nav ul li:last-child{border-bottom:0px;}
.dl-menu.dl-menuopen #nav ul li{float:none;}
.dl-menu.dl-menuopen #nav ul li.dl-subviewopen ul.dropdown-menu li{display:block!important;}
.dl-menu.dl-menuopen #nav ul li a:hover{
background: rgba(255,248,213,0.1);
color:#fff!important;
}
.dl-menu.dl-menuopen #nav li ul.dropdown-menu li.dl-back a{padding-left:30px!important;}
.dl-menu.dl-menuopen #nav li ul li:hover > a{/*background:transparent!important;*/}
.dl-menu.dl-menuopen #nav ul li a{
display: block;
position: relative;
padding: 15px 20px!important;
font-size: 16px;
line-height: 20px;
font-weight: 300;
color: #fff!important;
outline: none;
}
.dl-menu.dl-menuopen #nav > ul > li.current-menu-item > a {
border-bottom: 0px;
}
.dl-menu.dl-menuopen #nav > ul > li.current-menu-item > a,.dl-menu.dl-menuopen #nav > ul > li:hover > a {
background: none;
}
.service-box-1 h5 a{
font: 18px Helvetica, Arial, sans-serif!important;
}
.serviceboxe .ns2-art-controllers{
width: 80px;
margin: 0% 50%;
top: 30px;
position: relative;
}
.serviceboxe .ns2-art-prev{
width: 30px!important;
height: 30px!important;
float: left;
background-color: #eee!important;
border-radius: 50%!important;
-webkit-border-radius: 50%!important;
-moz-border-radius: 50%!important;
margin-right: 5px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background-image: url(../images/c_prev.png)!important;
}
.serviceboxe .ns2-art-next{
width: 30px!important;
height: 30px!important;
float: left;
background-color: #eee!important;
border-radius: 50%!important;
-webkit-border-radius: 50%!important;
-moz-border-radius: 50%!important;
margin-right: 5px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background-image: url(../images/c_next.png)!important;
}
.serviceboxe .ns2-art-prev, .serviceboxe .ns2-links-prev,.serviceboxe .ns2-art-next, .serviceboxe .ns2-links-next {
background-position: 0 0!important;
}

.serviceboxe.portfolio .ns2-art-controllers{
width: 80px;
margin: 0% 50%;
top: 45px;
position: relative;
}
.serviceboxe.portfolios .ns2-art-controllers,.serviceboxe.partners .ns2-art-controllers{top: 55px!important;}
.serviceboxe.portfolios{margin-bottom:100px;}
.serviceboxe.portfolio h3,.serviceboxe.portfolios h3{width: 100%;
text-align: center;font: 32px Helvetica, Arial , sans-serif;
line-height: 90px;
}


.aboutmepagetitle02{border-radius: 0px;
float: right;
margin-right: 45px;
margin-top: -52px;
}
.breadcrumbss{
border-radius: 0px;
float: left;
margin-left: 55px;
margin-top: -52px;}
.portfolio-info .itemTags li{display: inline;}
.portfolio-info li p.skillss{float:left;}
/*.nivo-directionNav a {
position: absolute;
bottom: 3px;
z-index: 9;
cursor: pointer;
height: 100%;
opacity: 0;
}

.nivo-prevNav{
left:0px;
position:absolute;
width:60px;
height:100%;
background-color: rgba(114, 124, 137, 0.6);
}
.nivo-nextNav{
right:0px;
position:absolute;
width:60px;
height:100%;
background-color: rgba(114, 124, 137, 0.6);
}
.nivoSlider img{width:100%;}
.nivoSlider:hover .nivo-prevNav, .nivoSlider:hover .nivo-nextNav {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
-ms-transform: translateX(0%);
-transform: translateX(0%);
}

.nivo-prevNav {
text-indent: -9999px;
width: 60px;
height: 100%;
left: 0;
top: 0;
background-image: url('../images/nivo-left.png');
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-transform: translateX(-100%);
}
.nivo-nextNav {
text-indent: -9999px;
width: 60px;
height: 100%;
right: 0;
top: 0;
background-image: url('../images/nivo-right.png');
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
-transform: translateX(100%);
}
.nivo-prevNav, .nivo-nextNav {
background-color: rgba(114, 124, 137, 0.6);
}
.portfolioslides .ns2-art-next{background-position:0 0!important;}
.portfolioslides .ns2-art-prev:hover{
left: 1px!important;
top: 61px!important;
position: absolute!important;
background-position: 0 0!important;
width: 60px!important;
height: 89%!important;
background-color: rgba(114, 124, 137, 0.6)!important;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
-ms-transform: translateX(0%);
-transform: translateX(0%);

}
.portfolioslides .ns2-art-prev:after{top:50%}
.portfolioslides .ns2-art-next:hover{
right: 1px!important;
top: 61px!important;
position: absolute!important;
background-position: 0 0!important;
width: 60px!important;
height: 89%!important;
background-color: rgba(114, 124, 137, 0.6)!important;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
-ms-transform: translateX(0%);
-transform: translateX(0%);
}




.portfolioslides .ns2-art-prev{
left: 20px;
background-image: url('../images/nivo-left.png')!important;
background-repeat: no-repeat;
width: 30px!important;
height: 30px!important;
float: left;
text-indent: -999em;
margin: 0 2px;
position: absolute!important;
top: 50%;
z-index: 40;

}
.portfolioslides .ns2-art-next{
right: 20px;
background-image: url('../images/nivo-right.png')!important;
background-repeat: no-repeat;
width: 30px!important;
height: 30px!important;
float: right;
text-indent: -999em;
margin: 0 2px;
position: absolute!important;
top: 50%;
z-index: 41;
}*/

.itemToolbar.mytoolbar{padding:0;
margin: 0px;
border-top: 0px;
border-bottom: 0;
background: none;
}
.myitemview .page-content .row {padding-bottom:0px;}
.itemBody.myitembody,.catItemBody.myitembody{padding:0px!important;}
.page-content.mypattern{padding:0px;}
.itemView.myitemview{
margin: 0px;
border-bottom: 0px;
}
.catItemLinks.mylinks{margin:0px;}
.catItemView.myitemview{padding:0px;}
.itemView.aboutview {
position: relative;
padding:0px!important;
margin: 0px;
border-bottom: 0px;
}
.aboutview .grid_8.identification{
z-index: 40;
top: -212px;
position: absolute;
}
.aboutview .grid_4.identify_image{
top: -317px;
z-index: 43;
right: 0px;
position: absolute;
}


.responsive{margin-top: 100px;} 
.icon-comments a.ns2-comments{background:none!important;margin:0px;padding: 0px!important;}
.moduletable.blogposts,.moduletable.clients{margin-top: 35px;}

.footersearch #m_search{
top: 65%;
margin-left:0px;
display:block;
background: #444;
border: 1px solid #555!important;
color: #bbb!important;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
width: 148px;
height: 28px;
padding: 0 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 11px;
}
.footersearch .btn-primary{
height: 28px;
color: #eee;
font-size: 11px;
left: 158px;
position: relative;
bottom: 50px;
padding: 0 15px;
cursor: pointer;
border: 1px solid #555;
background: #444;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}

.tagcloud a{
background: #444;
display: inline-block!important;
padding: 5px 10px!important;
margin-bottom: 5px;
margin-right: 4px;
}
.tagcloud a:hover
{
color: #fff!important;
}
.categ{margin-top: 20px;}
.recentpost{margin-top: 38px;}
.recentpost2{margin-top: 30px;}
.recentpost2 .even{background:none;} 
.tagcloud h3,.tweets h3,.contactinfo h3,.categ h3{
margin-bottom: 20px;
text-transform: uppercase;
color: #eee;font: 16px Helvetica, Arial, sans-serif;
line-height: 20px;
}
.categ .widget_categories{background: url('../images/aside-arrow.png') no-repeat 0 12px;
border-bottom: 1px dotted #555;
padding-left: 28px;
padding-bottom: 5px;
padding-top: 5px;
}
ul.categ li:last-child{border-bottom: 0px;}
.comments,.sidecateg{margin-top: 30px;}
.search-blog h3,.sidecateg h3,.comments h3{
margin-bottom: 20px;
font: 16px Helvetica, Arial, sans-serif;
line-height: 20px;
text-transform: uppercase;
}
.recentpost2 h3{ 
margin-bottom: 20px;
font: 16px Helvetica, Arial, sans-serif;
line-height: 20px;
text-transform: uppercase;
}
.recentpost h3{
padding-bottom: 15px;
border-bottom: 1px solid #a8b4c3;
margin-bottom: 10px;
font: 26px Helvetica, Arial, sans-serif;
line-height: 20px;
}
.t3-sidebar-right .moduletable h3{

margin-bottom: 20px;
font: 16px Helvetica, Arial, sans-serif;
line-height: 20px;
text-transform: uppercase;}
.search-blog #a_search{
border-radius: 0px;
height:auto;
background: #fff;
border: 1px solid #ddd !important;
width: 100%;
display: block;
font-size: 11px;
font-family: 'Helvetica', Arial, sans-serif;
color: #777;
font-style: italic;
left: 0;
top: 0;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.search-blog .search-submit{
background: url('../images/aside-search.png') center center no-repeat;
width: 20px;
height: 100%;
border: none;
text-indent: -9999px;
position: absolute;
float: left;
cursor: pointer;
right: 6px;
top: 1px;
}
ul.aside_widgets li.postitem{
width: 100%;
float: left;
border-bottom: none;
background: none;
margin-bottom: 15px;
padding-bottom: 0;
padding-left: 0;
}
.meta li span {
font: 13px 'Helvetica', Arial, sans-serif;
line-height: 22px;
color: #666;
}
.meta {
width: 100%;
float: none;
}
.meta li {
color: #666;
float: left;
padding-right: 9px;
color: #666;
margin-bottom: 0px;
}
.recentpost .even {
background: none;
}
.widget-post-info h6 {
font-size: 15px;
text-transform: none;
margin-bottom: 0px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.sidecateg li{
background: url('../images/aside-arrow.png') no-repeat 0 12px;
border-bottom: 1px dotted #ddd;
padding-left: 28px;
padding-bottom: 5px;
padding-top: 5px;
}
.footermenu #nav > ul > li > a {
font: 10px Helvetica, Arial, sans-serif;
color:#333;
padding: 0px;
}
.footermenu #nav > ul > li.current-menu-item > a, .footermenu #nav > ul > li:hover > a {
background: none!important;
}
.flickr-list li {
background: none;
border: none;
padding: 0;
float: left;
width: 66px;
height: 66px;
margin-right: 1px;
margin-bottom: 1px;
overflow: hidden;
border-bottom: 1px dotted #ddd;
/*padding-bottom: 5px;
padding-left: 28px;

padding-top: 5px;*/
}
.flickr-list li a img {
width: 66px;
height: 66px;
opacity: 0.6;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.flickr-list li a img:hover {
opacity: 1;
}
.tagView img{width:100%;border:0px!important;}
.tagItemIntroText{width:700px;}
.serviceboxehome2,.OverSatisfied,.creative{padding:40px 0px;}
.values,.offerservice,.ourskill{padding:35px 0px;}
#nav ul.dropdown-menu li.active a{background:none;}
.portfolio.gallery .team-member{position:relative;}
.experiencein h3{font: 32px Helvetica, Arial , sans-serif;
line-height: 34px;width: 100%;
text-align: center;
margin-bottom: 10px;
}
.nivoSlider.fullslider img{width:100%!important;position:relative;display:block;}
.myitems {
border-bottom: 0px!important;
}
ul.icons-list{width:auto;height:auto;}
.serviceboxe.partners{
/*border-bottom: 1px solid #e8eef6;*/
margin-bottom: 110px;
}
.serviceboxe.partners .ns2-wrap{margin-top:25px;}
.page-content .row.exceptional{margin-bottom: 20px;}

.itemFullText .row.skills{
bottom: 0px;
top: 115px;
right: 0px;
position: relative;
}
ul.sprocket-mosaic-container li{padding:1px;}
ul.sprocket-mosaic-container .portfolio-img-container .portfolio-img img{width:100%;}
.page-content .fullwidth{/*width:100%;*/}
.carousel.slide .carousel-control {
width:40px;
height:40px;
position: absolute;
top: 50%;
}
.carousel.slide .carousel-control:hover {width:40px!important;height:40px!important;}
.doservice{padding:40px 0px;}
.doservice .page-content.pattern{padding-bottom:0px;}
.serviceboxeservicepage .ns2-page-inner{padding: 40px 0px;}
.comments p.icon-clock{width:auto!important;height:auto!important;}
.myitems.fullwidth img{width:100%!important;}
a.scroll-up:hover{
width: 40px;
height: 40px;
}
.t3-content{/*padding-left: 0px;padding-right: 0px;*/}
.container.t3-mainbody{/*padding-left: 0px;*/}
.blog-posts.blog-post-small-image .post-media-container img{height:212px!important;}
.itemja_blog_small,.itemja_blog_big{margin-left:0px;}
.blog-posts.isotope.cols .itemja{margin-left: 0px;
margin-right: 35px;
width: 412px;}
.blog-posts.isotope.cols .itemja img{/*width:100%!important;*/}
.blog-posts.nosidebar{margin-left: 0px;}
.blog-posts.isotope.cols{margin-left:0px;margin-right:0px;}
.contactinformation,.contactform{margin-top:80px;}
.tab-title .heading-centered{margin-bottom:20px;}
.values.faccordion2{margin-top:55px;}
.values.faccordionstyle2{margin-top:113px;}
.accord2{margin-top:20px;} 
.serviceboxe.portfolios.features .ns2-art-pages{height:100px!important;}
.caroufredsel_wrapper{/*width:100%!important;*/}
.caroufredsel_wrapper .isotope-item{/*width:100%!important;*/}
.serviceboxe.portfolio .ns2-art-pages,.serviceboxe.portfolios .ns2-art-pages{width:100%!important;}
.grid_12.fullwidth{/*width:100%;*/}
.page-content .grid_12.related{margin-right:0px;margin-left:30px;}
.grid_12.related ul#portfolio-carousels li.isotope-item{margin-left:2px;}
.container.full .fullwidth{width:100%!important;}
.related .isotope-item .portfolio-img-container .portfolio-img img {
width: 100%!important;
}
.full .full{padding-left:0px;padding-right: 30px;}
.ns2-row-inner .ns2-column:nth-child(3) .sharre-facebook{padding-right:30px;}


.jNewsMod .inputbox {
margin: 0px!important;
}
.jNewsLB>form>input.inputbox{
float:left;
background: #444;
border: 1px solid #555;
color: #bbb;
height: 28px;}
.jNewsLB input[type="button"], .jNewsLB input[type="reset"], .jNewsLB input[type="submit"]
{float:right;
height: 28px;
color: #eee;
font-size: 11px;
position: relative;
top: 0;
padding: 0 15px;
cursor: pointer;
border: 1px solid #555;
background: #444;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;}
.jNewsLB input[type="button"]:hover, .jNewsLB input[type="reset"]:hover, .jNewsLB input[type="submit"]:hover{
border: 1px solid #39414b;background-color: #727c89;
}

.jNewsLB span.color_green{color: #bbb;}


/************* Update Code*************/
.ns2-row-inner{margin-bottom: 80px;
position: relative;
}
.sprocket-mosaic .sprocket-mosaic-container {
margin: 0px!important;
}
.comments{margin-bottom:50px;}


	/* 	wb 18/12/2017 voir    https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_two_columns */

.conference-hauteur-block {
    /* height: 1000px;  */
/* 	background-color: lightgrey; */
/* 	margin: 0 140px 140px 0; */
	}

	/* Utilisé dans les fiches enseignements */
.column1 {
    float: left;
    width: 60%;
    padding: 25px;
    background-color:#F8FDFC;
	}

.column2 {
    float: left;
    width: 35%;
    padding: 25px;
    background-color: lightgrey;
	}

	/* 27/1/2020 Même utilisation que précédemment mais avec texte centré (justify) */	

.column1justify {
    float: left;
		text-align: justify;
    width: 60%;
    padding: 25px;
    background-color:#F8FDFC;
	}
.column2justify {
	float: left;
	text-align: justify;
    width: 35%;
    padding: 25px;
    background-color: lightgrey;
	}
	
/* Utilisé dans les fiches produits Banque de France */	

.column3r {
    float: left;
	text-align: justify;
    width: 98%;
    padding: 15px;
    background-color: #F8FDFC;
	}
.column3l {
    float: right;
	text-align: right;
    width: 98%;
    padding: 15px;
    background-color: #F8FDFC;
	}
	
.column3justify {
    float: left;
	text-align: justify;
    width: 98%;
    padding: 15px;
    background-color: #F8FDFC;
	}	
	
	
	.column3l {
	/* Utilisé dans la page bpf pour nous contacter */
	font-weight: bold;
    float: left;
	text-align: left;
    width: 98%;
    padding: 15px;
    background-color: #F8FDFC;
	}
	
.column4 {
    float: left;
	text-align: justify;
    width: 49%;
    padding: 25px;
	margin: 4px;
    background-color: #F8FDFC;
	}
	
.column5 {
    float: left;
	text-align: justify;
    width: 49%;
	padding: 30px;
    background-color: lightgrey;
	}
	
.column6 {
 /*  	Utilisé dans la page 'Vous êtes une entreprise pour créer un padding qui évite que les dernières lettres soient cachées par la colonne*/
	text-align: justify;
	padding-right: 3%;
	}

.column7 li{
 /*  Utilisé our éviter que dans les listes non ordonnées, la fin de la ligne ne soit tronquée dans les smartphones 
     Attention doit être mis avant chauq <ul> et fermé après le </ul> */
  text-align:justify;
  margin-left: 3em;  
  margin-right: 2em;
  padding-left: 0px;
  } 

/* 	FIN CSS colonne ------------------------------------ */


/*WB Utilisés dans les menus déroulants  CONFERENCES (qui se déploient à partir d'une barre */
.menu_chapitre{
	padding: 6px;  /* hauteur du bloc des chapitres */
	margin: 2px;
	text-align:center;
	background: #819FF7 ;  /* background chapitres sont en bleu */ 
	border-radius:7px 10px; /* WB permet l'arrondi des blocs */;
	width: 80%;   
	font-size: 1.3em;
	 color: black;
}

.menu_point{
padding-top: 0em ;
margin-top: 0em ;
padding-left: 2em ;
 font-weight:bold;
text-align:left;
font-size: 1.5em;
 color: black;
}

.menu_acces-conferences {
	padding: 6px;  /* hauteur du bloc des chapitres */
	margin: 2px;
	text-align:center;
	 font-weight:bold;
	background: lightgrey ;  /* background chapitres sont en bleu */ 
	border-radius:7px 10px; /* WB permet l'arrondi des blocs */;
	/* width: 800px;   */
	width : 80%;	
	font-size: 1.3em;
	 color: black;
	}

.imglogo1{ 
/*  Pages conférences : Permet de positionner le bandeau de couleur sur la droite	*/
/*	margin-right:25px;
    padding: .2em;
    border: 10em;  */
	padding-right: 5px;
    width: 300px; 
    float: right;
   }
   
    .img2{ 
  /*   margin: .5em;
    padding: .2em;
    border: .08em ; */
	float: left;
	margin: .5em;
    padding: .2em;
    height: auto;
    width: 6em;
    text-align: center;
	}
   
       .img3{ 
  	float: right;
	margin: .5em;
    padding: .2em;
    height: auto;
    text-align: center;
	}
   
    .img4{ 
	/* Utilisé pour centrer une image */
    padding: .2em;
    height: auto;
    width: auto;
    text-align: center;
      
/*     FIN du CSS Menu déroulant CONFEREBCES ----------------------------------------- */
   
   .text-right { 
    text-align:right; }

.video1 {
	position: relative;
	text-align:center;
 	width:100%;
	background-color: lightgrey;
		}
	
.custom-video{
     background: url('http://ecti.org/images/slider/slide-intro.jpg')no-repeat center top;
     text-align:center;
     color:#fff;
}
.custom-video h2{
     color:#fff;
     padding-top:15px;
}

ul.entourage li {
     float:left;
     margin: 0px;
	 padding: 1.1px;
     border: .3px solid black;
     list-style: none;
	 text-indent : 7px;
}

table, th, td , tr {
    border: 1px solid black;
	padding: 5px;
	}