/*
Theme Name: Summr
Theme URI: http://tanshcreative.com/summr-st-demo/index.html
Description: Summr is a responsive business / marketing site template designed and developed by Tansh.
Author: Tansh
*/

/*------------------------------*/
/*
PLEASE REMOVE - Useless whitespaces and comments in HTML/CSS, once you are done with customization
*/
/*------------------------------*/                                                     

/*----- Searching for particular element? -----*/
/*Here is CSS structure...

1. TEMPLATE SETUP
1.1 General styles
1.2 Typography  
1.3 Spacers and divider
1.4 Image styles
1.5 Button styles
1.6 Custom list styles
1.7 Label styles

2. TEMPLATE STRUCTURE
2.1 Header
2.2 Slider / content-top section
2.3 Commons / content section
2.4 Footer & Copyright
2.5 Portfolio
2.6 Pricing
2.7 Blog
2.8 Forms

3. TEMPLATE COMPONENTS
3.1 Blockquote
3.2 Accordion
3.3 Tabs
3.4 Progressbar
3.5 Menu

4. Media queries

5. Browser fixes



*/
/*============================================================*/
/*---------- 1. TEMPLATE SETUP ----------*/
/*============================================================*/
/*----------------------------------------*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@charset "UTF-8";

@font-face {
  font-family: "galise";
  src:url("../fonts/galise.eot");
  src:url("../fonts/galised41d.eot?#iefix") format("embedded-opentype"),
    url("../fonts/galise.woff") format("woff"),
    url("../fonts/galise.html") format("truetype"),
    url("../fonts/galise.svg#galise") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "galise" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="g-"]:before,
[class*=" g-"]:before {
  font-family: "galise" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.g-menu:before {
  content: "a";
}
.g-croix:before {
  content: "b";
}
.g-facebook:before {
  content: "c";
}
.g-linkedin:before {
  content: "d";
}
.g-google:before {
  content: "e";
}
.g-youtube:before {
  content: "f";
}
.g-vimeo:before {
  content: "g";
}
.g-twitter:before {
  content: "h";
}
.g-pinterest:before {
  content: "i";
}
.g-crosshair-aim:before {
  content: "j";
}
.g-upload:before {
  content: "k";
}
.g-plane:before {
  content: "l";
}
.g-mail:before {
  content: "m";
}
.g-tel:before {
  content: "n";
}
.g-ssl:before {
  content: "o";
}
.g-commerce:before {
  content: "p";
}

.g-check:before {
  content: "q";
}

.g-minus:before {
  content: "r";
}



/*---COLOR ---*/

.Green {color:#5ab050;}
.Blue {color:#3c81c2!important;}
.White {color:#fff;}
.Grey {color:#403e3d;}
.Orange {color:#f45902;}

/*--- FONTSIZE---*/

.Font1-2 {font-size:1.2em;}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}



/*----- 1.1 General styles -----*/
/*----------------------------------------*/
html{
  height: 100%;
}

body {
  background: #fff;
  height: 100%;
  overflow-x: hidden; 
}
img, embed, object, video {
  max-width: 100%;
  height: auto;
}
video {
  width: 100% !important;
  height: auto !important;
}
iframe {
  border: none !important;
}
ul, ol {
  margin-bottom: 0;
}
.label, .badge {
  text-shadow: none !important;
  font-weight: 600;
}
/*----------------------------------------*/
/*----- 1.2 Typography -----*/
/*----------------------------------------*/

/*----- only font families are specified here -----*/
body, input[type="text"], input[type="password"], s-lect, textarea, .submit, .mybtn, .mybtn-app, .mybtn-grey, .benji.mybtn-grey a, em, h1, h2, h3, h4, h5, h6, .menu-menu-principal-container ul li a, dt {
  font-family: 'Open Sans', Arial, Helvetica Neue, sans-serif;
}
/*----- font colors / weights / sizes -----*/
/*typography for -- buttons, menu, tabs , lists, mylabel, blockquote, accordion, pricing and forms -- in their respective sections*/

/*body*/
body {
  font-size: 14px;
  color: #3D3D3D;
  font-weight: 400;
  line-height: 1.6em;
  padding-top: 86px;
}
/*links*/

a:hover {
  color: #7f7d7b;
  text-decoration: none;
}
/*headings*/
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 15px;
  margin-top: 0px;
  font-weight: 500;
  line-height: 1.4em;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}
h1, h2, h3, h4, h5, h6, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
  color: #403e3d;
}
.heading-light {
  font-weight: 400;
}
/*header*/
#header .inline-right {
  font-size: 12px;
}
#header .inline-right a:hover {
  color: #5fafe2;
}
/*content-top*/
#content-top h1 {
  font-size: 34px;
  color: #fff;
}
#content-top {
  font-weight: 600;
}
/*content*/
.team h5 span {
  font-size: 11px;
  font-weight: 300;
  line-height: 1em;
  display: block;
}
/*blog*/
.blogpost .breadcrumb {
  font-size: 12px;
}
/*flex sliders*/
.review-slider {
  font-size: 18px;
  font-style: italic;
  text-align: center;
}
.review-slider span {
  font-size: 14px;
  color: #403e3d;
  font-style: normal;
}
.review-slider li {
  line-height: 1.5em;
}
/*box-offset*/
.box-offset, .box-offset h1, .box-offset h2, .box-offset h3, .box-offset h4, .box-offset h5, .box-offset h6 {
  color: #fff;
}
/*row-themecolor*/
.row-themecolor {
  color: #fff;
  font-weight: 600;
}
.row-themecolor h1, .row-themecolor h2, .row-themecolor h3, .row-themecolor h4, .row-themecolor h5, .row-themecolor h6, .row-themecolor a:link {
  color: #fff;
}
.row-themecolor a:hover {
  color: #7f7d7b;
}
/*signup-box*/
.signup-box {
  color: #7f7d7b;
  font-weight: 400;
}
.signup-box h1, .signup-box h2, .signup-box h3, .signup-box h4, .signup-box h5, .signup-box h6 {
  color: #7f7d7b;
}
.signup-box a:link{
  color: #5fafe2;
}
.signup-box a:hover {
  color: #7f7d7b;
}
/*footer*/
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
  color: #fff;
}
.twitter {
  font-size: 12px;
  color: #7f7d7b;
}
/*copyright*/
#copyright {
  font-size: 13px;
  color: #807d7d;
}
#copyright a:link {
  color: #807d7d;
}
#copyright a:hover {
  color: #5fafe2;
}
/*----- Other typography -----*/
.color {
  color: #5fafe2 !important;
}
.text-big {
  font-size: 18px;
  line-height: 1.5em;
}
.text-small {
  font-size: 12px;
  line-height: 1.5em;
}
/*----------------------------------------*/
/*----- 1.3 Spacers and dividers -----*/
/*----------------------------------------*/
/*use suitable height spacer for vertical spacing*/
.spacer-10px, .spacer-20px, .spacer-40px {
  width: 100%;
  height: 10px;
  display: block;
  clear: both;
}
.spacer-20px {
  height: 20px !important;
}
.spacer-30px {
  height: 30px !important;
}
.spacer-40px {
  height: 40px !important;
}
/*horizonal spacer*/
.horz-20px {
  width: 20px;
  height: 1px;
  display: inline-block;
}
/*divider*/
.divider-line {
  background: #e5e3e1;
  width: 100%;
  height: 1px;
  margin: 40px auto;
  display: inline-block;
  clear: both;
}
/*----------------------------------------*/
/*----- 1.4 Image styles -----*/
/*----------------------------------------*/
.img-left {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}
.img-right {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
}
.img-border {
  padding: 5px;
  border: 1px solid #d9d7d4;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .17);
  -webkit-box-shadow:  0 0 5px 0 rgba(0, 0, 0, .17);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .17);
}
.mythumb {
  margin-bottom: 20px;
  text-align: center;
}
/*----------------------------------------*/
/*----- 1.5 Button styles -----*/
/*----------------------------------------*/
.mybtn, .mybtn-grey, .benji-mybtn-grey a {
  background: #3c81c2; /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#5fafe2), to(#3c81c2)); /* for webkit browsers */
  background: -moz-linear-gradient(top, #5fafe2, #3c81c2); /* for firefox 3.6+ */
  background:  -o-linear-gradient(top, #5fafe2, #3c81c2);
  padding: 7px 15px;
  margin: 10px 0;
  font-size: 12px;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 15px;
  text-align: center;
  border: 1px solid #306ba2;
  cursor: pointer;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px 0 #306ba2;
  -webkit-box-shadow: inset 0 0 5px 0 #306ba2;
  box-shadow: inset 0 0 5px 0 #306ba2;
}
.mybtn-grey, .benji-mybtn-grey a {
  background: #e5e3e1; /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f2f0), to(#e5e3e1)); /* for webkit browsers */
  background: -moz-linear-gradient(top, #f5f2f0, #e5e3e1); /* for firefox 3.6+ */
  background:  -o-linear-gradient(top, #f5f2f0, #e5e3e1);
  color: #7f7d7b !important;
  border: 1px solid #d1cfcd;
  -moz-box-shadow: inset 0 0 2px 0 #d6d4d2;
  -webkit-box-shadow: inset 0 0 2px 0 #d6d4d2;
  box-shadow: inset 0 0 2px 0 #d6d4d2;
}


.mybtn2, .mybtn-grey2 {
background: #fb5c03;
background: -webkit-gradient(linear, left top, left bottom, from(#fb8404), to(#fb5c03));
background: -moz-linear-gradient(top, #fb8404, #fb5c03);
background: -o-linear-gradient(top, #fb8404, #fb5c03);
padding: 7px 15px;
margin: 10px 0;
font-size: 12px;
color: #fff !important;
text-transform: uppercase;
font-weight: 600;
line-height: 15px;
text-align: center;
border: 1px solid #db4e00;
cursor: pointer;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0 0 5px 0 #db4e00;
-webkit-box-shadow: inset 0 0 5px 0 #db4e00;
box-shadow: inset 0 0 5px 0 #db4e00;
}


.bigbtn {
  padding: 17px 30px;
}
.mediumbtn {
  padding: 12px 40px;
}
.smallbtn {
  padding: 5px 15px;
}
.mybtn:hover {
  background: #5fafe2;
  background: -webkit-gradient(linear, left top, left bottom, from(#3c81c2), to(#5fafe2));
  background: -moz-linear-gradient(top, #3c81c2, #5fafe2);
  background: -o-linear-gradient(top, #3c81c2, #5fafe2);
}


.mybtn2:hover {
   background: #fb8404;
  background: -webkit-gradient(linear, left top, left bottom, from(#fb5c03), to(#fb8404));
  background: -moz-linear-gradient(top, #fb5c03, #fb8404);
  background: -o-linear-gradient(top, #fb5c03, #fb8404);
}

.mybtn-grey:hover,
.benji-mybtn-grey:hover a {
  background: #f5f2f0;
  background: -webkit-gradient(linear, left top, left bottom, from(#e5e3e1), to(#f5f2f0));
  background: -moz-linear-gradient(top, #e5e3e1, #f5f2f0);
  background: -o-linear-gradient(top, #e5e3e1, #f5f2f0);
}
.mybtn img, .mybtn-grey img {
  float: left;
  margin-right: 15px;
}
/*app buttons*/
.mybtn-app {
  background: #fca94f;
  min-width: 130px;
  font-size: 19px;
  line-height: 17px;
  text-align: left;
  text-transform: none;
  border: 1px solid #fca94f;
  box-shadow: none;
}
.mybtn-app span {
  font-size: 11px;
  font-weight: 300;
  display: block;
}
.mybtn-app:hover {
  background: #5fafe2;
}
/*disabled button*/
.btn-disabled {
  cursor: default !important;
}
.btn-disabled:hover {
  background: #e5e3e1; /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f2f0), to(#e5e3e1)); /* for webkit browsers */
  background: -moz-linear-gradient(top, #f5f2f0, #e5e3e1); /* for firefox 3.6+ */
  background:  -o-linear-gradient(top, #f5f2f0, #e5e3e1);
}
/*----------------------------------------*/
/*----- 1.6 Custom list styles  -----*/
/*----------------------------------------*/
.list-checkmark, .list-checkmark-dark, .list-arrow, .list-arrow-dark, .myunstyled, .inline-right, .inline-left, .blocked-links, .social, .social-dark, .list-arrow-border, .list-skills, .pricing table ul, .twitter li, .filter_nav {
  background: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.list-checkmark ul, .list-checkmark-dark ul, .list-arrow ul, .list-arrow-dark ul, .myunstyled ul, .list-arrow-border ul, .myunstyled ul {
  margin-top: 10px;
}
/*checkmark list*/
.list-checkmark li, .list-checkmark-dark li {
  background: url(../img/bullet-checkmark-light.html) no-repeat 0 -1px;
  padding-left: 33px;
  margin-bottom: 15px;
  display: block;
  overflow: hidden;
}
.list-checkmark-dark li {
  background: url(../img/bullet-checkmark-dark.html) no-repeat 0 0;
}
/*arrow list*/
.list-arrow li, .list-arrow-dark li {
  background: url(../img/bullet-pointer-light.html) no-repeat 0 5px;
  padding-left: 15px;
  margin-bottom: 15px;
  display: block;
  overflow: hidden;
}
.list-arrow-dark li {
  background: url(../img/bullet-pointer-dark.html) no-repeat 0 5px;
}
/*arrow and border list*/
.list-arrow-border li {
  background-image: url(../img/bullet-pointer-light.html), url(../img/footer-nav-divider.html);
  background-repeat: no-repeat, repeat-x;
  background-position: left 5px, bottom;
  padding: 0 0 10px 0;
  margin: 0 0 8px 0;
  display: block;
  overflow: hidden;
}
.list-arrow-border li:last-child {
  background-image: url(../img/bullet-pointer-light.html);
}
.list-arrow-border li p {
  margin: 0;
  padding-left: 20px;
}
/*myunstyled list*/
.myunstyled li {
  margin-bottom: 20px !important;
  display: block;
  overflow: hidden;
}
/*inline - left & right aligned list*/
.inline-right {
  float: right;
}
.inline-right li {
  margin-left: 20px;
  display: inline-block;
}
.inline-left {
  float: left;
}
.inline-left li {
  margin-right: 20px;
  display: inline-block;
}
.inline-right img, .inline-left img {
  margin-right: 7px;
  float: left;
}
/*inline links with colored background*/
.blocked-links li {
  margin: 0 3px 3px 0 !important;
  float: left;
}

.blocked-links li a:hover {
  background: #403e3d !important;
  color: #fff;
}
/*----------------------------------------*/
/*----- 1.7 Label styles -----*/
/*----------------------------------------*/
.mylabel, .mylabel-grey {
  background: #3f3831;
  padding: 3px 12px;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
}
.mylabel-grey {
  background: #c4c2c0;
  padding: 1px 10px;
  margin: 0 10px;
  font-size: 12px;
  font-weight: 600;
}
/*============================================================*/
/*---------- 2. TEMPLATE STRUCTURE ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 2.1 Header section -----*/
/*----------------------------------------*/
#header {
  padding: 10px 0;
  position: fixed;
  width: 100%;
  background: white;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.08);
  z-index: 99;
  top: 0;
}
#header .inline-right {
  margin: 13px 20px 0 0;
}
/*----------------------------------------*/
/*----- 2.2 Slider / content-top section -----*/
/*----------------------------------------*/
#slider-wrapper, #content-top {
  background-image: url(../images/background-slider.jpg);
  background-repeat: no-repeat, repeat;
  background-position: center top;
  background-color: #222;
  padding: 0;
}
#content-top {
  padding: 45px 0;
}
#content-top h1 {
  margin: 0;
  line-height: 33px;
}
#content-top p {
  margin: 0;
}
/*----------------------------------------*/
/*----- 2.3 commons / content section -----*/
/*----------------------------------------*/
#content {
  padding: 40px 0;
}

#contentHome {padding-top:40px;}
#content-alter {
  padding: 0 0 40px 0;
}
.sidebar-right {
  padding-left: 20px;
}
.sidebar-left {
  padding-right: 20px;
}
.pos-rel {
  position: relative;
}
.row-color {
  background: #f7f5f2;
  padding: 40px 0;
  margin: 40px 0;
  border: 1px solid #e5e3e1;
  border-width: 1px 0 1px 0;
}
.box {
  background: #fff;
  padding: 20px;
  border: 1px solid #d9d7d4;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
  -webkit-box-shadow:  0 0 5px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
}
.box-inner {
  padding: 20px;
}
.box-side-border {
  border: 1px solid #f2f0ed;
  border-width: 0 1px 0 1px;
  padding: 0px 30px;
}
/*----- feature styles -----*/
/*-- 4 styles [.fr-image, .fr-icon, .fr-circle-icon,  .fr-heading-icon ] --*/
.fr-image img {
  margin-bottom: 20px;
}
.fr-icon, .fr-circle-icon {
  text-align: center;
}
.fr-icon img, .fr-circle-icon img {
  margin-bottom: 20px;
}
.fr-circle-icon .box {
  padding: 30px;
}
.fr-heading-icon h4 {
  line-height: 1.3em;
  padding: 10px 0;
}
.fr-heading-icon .icon-bg {
  float: left;
}
.icon-bg {
  background: #5fafe2;
  width: 44px;
  height: 44px;
  margin-right: 15px;
  -webkit-border-radius: 44px;
  -moz-border-radius: 44px;
  border-radius: 44px;
}
.icon-bg img {
  -webkit-border-radius: 44px;
  -moz-border-radius: 44px;
  border-radius: 44px;
}
.icon-circle {
  background: #fff;
  width: 98px;
  height: 98px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.icon-circle img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/*----- divs with clouds -----*/
.clouds {
  width: 100%;
  background: url(../images/clouds.html) no-repeat center bottom;
  min-height: 100px;
  position: absolute;
  z-index: 9;
  bottom: 0;
}
.box-offset-wrapper {
  background: #5fafe2;overflow: hidden;
}
.box-offset {
  padding: 40px 50px 100px ;
  width: 33%;
  float: left;
}
.img-hidden {
  width: 60%;
  float: right;
  position: relative;
}
.img-hidden img {
  position: absolute;
  top: 40px;
  left: auto;
  right: 0;
}
.row-themecolor {
  background: #5fafe2;
  padding-top: 40px;
}
.signup-box {
  background: #fff;
  padding: 40px 40px 120px 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.product-promo {
  background: url(../img/preview/img-3.html) no-repeat left 80px;
  min-height: 300px;
  padding-bottom: 100px;
}
/*----- about -----*/
.team {
  text-align: center;
}
.team .social-dark {
  margin-top: 15px;
}
.dl-horizontal dt {
  font-weight: 600;
  font-size: 48px;
  color: #403e3d;
  line-height: 40px;
  width: 140px !important;
  text-align: left !important;
}
.dl-horizontal dt, .dl-horizontal dd {
  padding-bottom: 40px;
}
.dl-horizontal dd {
  margin-left: 0 !important;
}
/*----- contact -----*/
.map iframe {
  width: 100%;
  float: left;
}
/*----- flex slider for reviews and clients*/
.review-slider {
  padding: 0 150px !important;
}
.review-slider span {
  display: block;
  margin-top: 10px;
}
.client-slider img {
  width: auto !important;
  margin-bottom: 20px;
}
/*----- video with prettyPhoto -----*/
.video-wrapper {
  background: #5fafe2;
  margin-right: 10px;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .17);
  -webkit-box-shadow:  0 0 5px 0 rgba(0, 0, 0, .17);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .17);
  position: relative;
  float: left;
}
.video-wrapper, .video-wrapper img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.img-opacity {
  opacity: .4;
}
.icon-video {
  background: url(../img/btn-play.html) no-repeat;
  width: 62px;
  height: 62px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -31px;
  margin-top: -31px;
  opacity: 1;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icon-video:hover {
  opacity: 0.6;
}
/*----------------------------------------*/
/*----- 2.4 footer and copyright section -----*/
/*----------------------------------------*/
#footer {
  background: url(../img/shadow.html) no-repeat center top #3f3831;
  padding: 30px 0;
}
/*----- social -----*/
.social li, .social-dark li {
  background: rgba(255, 255, 255, 0.1);
  width: 30px;
  height: 30px;
  margin-right: 1px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  list-style-type: none;
  display: inline-block;
}
.social-dark li {
  background: #c0bcb8;
}
.social li:hover, .social-dark li:hover {
  background: #5fafe2;
}
/*----- twitter feed -----*/
#twitter-feed {
  background: #e5e3e1;
  padding: 20px;
  margin: 20px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}
.tweet_time {
  margin-bottom: 5px;
  display: block;
}
.tweet_list, .tweet_list li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.tweet-link {
  background: url(../img/icons/icon-social-twitter.html) no-repeat 0 0;
  padding-left: 40px;
  line-height: 30px !important;
  display: inline-block;
}
.arrow-down {
  width: 0;
  height: 0;
  position: absolute;
  top: auto;
  left: 10px;
  bottom: -35px;
  left:auto;
  border-bottom: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #e5e3e1;
}
/*----- copyright -----*/
#copyright {
  background: #332e28;
  padding: 25px 0;
  border-top: 1px solid #2b2722;
}
#copyright p {
  float: left;
  margin-bottom: 0;
}
#copyright ul {
  float: right;
}
/*----------------------------------------*/
/*----- 2.5 Portfolio -----*/
/*----------------------------------------*/
.filter_nav li {
  margin: 0 3px 3px 0 !important;
  list-style-type: none;
  float: left;
}

.filter_nav li a:hover {
  background: #403e3d !important;
  color: #fff;
}
.filter-content img {
  width: 100%;
}
.item {
  margin-bottom: 30px;
}
/*folio-thumb*/
.folio-thumb {
  background: #fff;
  position: relative;
  overflow: visible;
  height: auto;
}
.folio-thumb .zoom {
  background: url(../img/icons/zoom.html) 0 0 no-repeat transparent;
  width: 29px;
  height: 25px;
  position:absolute;
  outline: none;
  display: none;
  z-index: 99;
  opacity: 1;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -12px;
  bottom: 10%;
  -moz-transition: 0s;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  opacity: 1;
}
.folio-thumb .zoom:hover {
  opacity: 0.7;
}
.img-overlay {
  background-color: #000;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  opacity: 0.5;
}
/*----------------------------------------*/
/*----- 2.6 Pricing -----*/
/*----------------------------------------*/
.pricing-wrapper {
  padding-top: 20px;
}
.pricing {
  border: 1px solid #e5e3e1;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .17);
  -webkit-box-shadow:  0 0 5px 0 rgba(0, 0, 0, .17);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .17);
  -moz-transform:scale(1.00)!important;
  -ms-transform:scale(1.00)!important;
  -webkit-transform:scale(1.00) !important;
  -o-transform:scale(1.00)!important;
  transform:scale(1.00)!important;
 -webkit-transition: all .4s ease-in-out;
 -moz-transition:all .4s ease-in-out;
 -o-transition:all .4s ease-in-out;
 -ms-transition:all .4s ease-in-out;
 transition: all .4s ease-in-out;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}
.pricing:hover {
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .22);
  -webkit-box-shadow:  0 0 10px 0 rgba(0, 0, 0, .22);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .22);
}
.pricing table {
  width: 100%;
  text-align: center;
}
.pricing table thead th {
  background: #f7f5f2;
  width: auto;
  padding: 40px;
  font-size: 28px;
  color: #403e3d;
  font-weight: 600;
  border-bottom: 1px solid #e5e3e1;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}
.pricing table tbody {
  background: #fff;
}
.pricing table tbody td {
  width: auto;
  padding: 50px 40px 0 40px;
}
.pricing table tfoot td {
  padding: 0 30px 30px 30px;
}
.pricing table strong {
  color: #403e3d;
}
.pricing table ul {
  margin-top: 20px;
  display: block;
}
.pricing table ul li {
  margin: 15px 0;
  text-align: left;
}
.pricing table .mylabel-grey {
  position: absolute;
  left: auto;
  right: -10px;
}
/*price label*/
.pricing table .label-wrapper {
  height: 25px;
  margin-bottom: 10px;
  position: relative;
}
.price-label {
  background: #5fafe2;
  width: 70px;
  height: 40px;
  padding: 25px 10px;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -45px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
}
.price-label span {
  font-size: 12px;
  font-weight: 300;
  display: block;
}
/*ribbon*/
.ribbon {
  background: url(../img/ribbon.html) no-repeat;
  width: 204px;
  height: 57px;
  color: #5fafe2;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  line-height: 34px;
  position: absolute;
  top: -20px;
  left: -11px;
}
/*----------------------------------------*/
/*----- 2.7 Blog -----*/
/*----------------------------------------*/
.blogpost h4 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 22px;
}
.blogpost .breadcrumb {
  padding: 0;
  margin: 0 0 20px 0;
  background: none;
}
.postlist h6 {
  margin-bottom: 5px;
}
.media, .media .media {
  margin-top: 30px;
}
.share h6 {
  float: left;
  margin-top: 5px;
  margin-right: 10px !important;
}
/*--- flickr ---*/
.flickr {
  margin-left: -10px;
}
.flickr img {
  width: 65px;
  height: 65px;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  border: 1px solid #d9d7d4;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .17);
  -webkit-box-shadow:  0 0 5px 0 rgba(0, 0, 0, .17);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, .17);
  float: left;
}
/*----------------------------------------*/
/*----- 2.8 Forms -----*/
/*----------------------------------------*/
form {
  margin: 0;
  padding: 0;
}
form p {
  margin-bottom: 10px;
}
/*errors*/
label.error {
  display: none !important;
}
input.error, textarea.error, password.error {
  border-color: #C00 !important;
  box-shadow: none;
}
/*label and inputs*/
label {
}
input[type="text"], input[type="password"], select, textarea,input[type="email"] {
  background-color: #fff;
  width: 95.5%;
  padding: 20px  2%;
  font-size: 14px;
  color: #000;
  line-height: 18px;
  display: inline-block;
  border: 1px solid #e5e3e1;
  -webkit-transition: border linear 0.2s;
  -moz-transition: border linear 0.2s;
  -ms-transition: border linear 0.2s;
  -o-transition: border linear 0.2s;
  transition: border linear 0.2s;
  -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .1);
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .1);
}
textarea {
  height: auto;
}
select {
  width: 99%;
  height: 42px;
  padding-left: 0;
  line-height: 36px;
  text-indent: 4px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
  box-shadow: none;
  border-color: rgba(82, 168, 236, 0.8) !important;
  opacity: 1 !important;
}
::-webkit-input-placeholder {
color: #ccc9c6 !important;
 opacity: 1;
}
:-moz-placeholder {
color: #ccc9c6 !important;
opacity: 1;
}
::-moz-placeholder {
color: #ccc9c6 !important;
opacity: 1;
}
:-ms-input-placeholder {
color: #ccc9c6 !important;
opacity: 1;
}
/*submit button*/
.submit {
  background: #3c81c2; /* for non-css3 browsers */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fafe2', endColorstr='#3c81c2'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#5fafe2), to(#3c81c2)); /* for webkit browsers */
  background: -moz-linear-gradient(top, #5fafe2, #3c81c2); /* for firefox 3.6+ */
  background:  -o-linear-gradient(top, #5fafe2, #3c81c2);
  width: auto !important;
  height: 50px;
  padding: 0 50px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #fff !important;
  text-transform: uppercase;
  line-height: 14px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #306ba2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px 0 #306ba2;
  -webkit-box-shadow: inset 0 0 5px 0 #306ba2;
  box-shadow: inset 0 0 5px 0 #306ba2;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.submit:hover {
  background: #5fafe2;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c81c2', endColorstr='#5fafe2');
  background: -webkit-gradient(linear, left top, left bottom, from(#3c81c2), to(#5fafe2));
  background: -moz-linear-gradient(top, #3c81c2, #5fafe2);
  background:  -o-linear-gradient(top, #3c81c2, #5fafe2);
}
.antispam {
  display:none;
}
/*----- subscribe form specific -----*/
#subform p {
  padding: 0;
  margin: 0;
}
#subform input[type="text"] {
  width: 75%;
  float: left;
}
#subform .submit {
  width: 19% !important;
  height: 42px;
  padding: 0;
  margin: 0 0 0 1%;
  float: left;
}

div.wpcf7-validation-errors {
  padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}


div.wpcf7-mail-sent-ok {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

/*============================================================*/
/*---------- 3. TEMPLATE COMPONENTS ----------*/
/*============================================================*/
/*----- 3.1 Blockquote -----*/
blockquote {
  padding: 7px 0 10px 15px;
  margin: 0 20px 10px 0;
  border-left: 2px solid #509fb9;
}
blockquote p {
  font-size: 24px;
  font-style: italic;
  line-height: 1.4em;
  margin-bottom: 0;
  padding: 0;
}
blockquote.pull-right {
  border-right: 2px solid #509fb9;
  margin: 0 0 10px 20px;
}
/*----- 3.2 Accordion -----*/
.number-accordion .accordion {
  border-bottom: 1px solid #e5e3e1;
  margin-bottom: 0;
}
.number-accordion .accordion-group {
  background: #fff;
  padding: 10px;
  margin-bottom: 0;
  border: 1px solid #e5e3e1;
  border-width: 1px 1px 0 1px;
  border-radius: 0;
}
.number-accordion .accordion-inner {
  background: #fff;
  padding: 9px 15px;
  border-top: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.number-accordion .accordion-heading a .number {
  background: #fff;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  font-size: 20px;
  color: #7f7d7b;
  font-weight: 700;
  text-align: center;
  line-height: 28px;
  border: 1px solid #e5e3e1;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  display: inline-block;
}
.number-accordion .accordion-heading a {
  font-size: 16px;
  color: #7f7d7b;
  font-weight: 700;
}
.number-accordion .accordion-heading.in_head a, .number-accordion .accordion-heading a:hover {
  color: #403e3d;
  font-weight: 700;
}
.number-accordion .accordion-heading.in_head a .number {
  background: #332e2e;
  color: #fff;
  border: 1px solid #332e2e;
}
/*----- 3.3 Tabs -----*/
.nav-tabs {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  border-bottom: 1px solid #e5e3e1;
}
.nav-tabs > li > a {
  background: #fff;
  border: 1px solid #e5e3e1;
}
.nav-tabs > li > a:hover {
  color: #403e3d;
  border: 1px solid #e5e3e1;
  border-bottom-color: transparent;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  background-color: #fff;
  border-bottom-color: transparent;
}
.nav-tabs > .active > a:focus {
  color: #403e3d;
}
.nav-tabs i {
  margin-right: 5px;
}
.tab-content {
  padding: 10px;
  border: 1px solid #e5e3e1;
  border-width: 0 1px 1px 1px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.nav-tabs .dropdown li a {
  color: #5fafe2;
}
.nav-tabs .dropdown li a:hover {
  background: transparent;
  color: #403e3d;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
  background-color: #fff;
  color: #403e3d;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: #fff;
  background-image: none;
  color: #403e3d !important;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #403e3d;
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
  background-color: #fff;
  border-color: #e5e3e1;
  color: #403e3d;
  border-bottom-color: transparent;
}
.dropdown > .dropdown-menu {
  border-color: #e5e3e1;
  margin-top: -1px;
  font-size: 12px;
  box-shadow: none !important;
}
.nav .dropdown-toggle .caret {
  border-bottom-color: #5fafe2;
  border-top-color: #5fafe2;
}
.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {
  border-top-color: #403e3d;
  border-bottom-color: #403e3d;
}
/*----- 3.4 Progressbars -----*/
.list-skills li {
  margin-bottom: 15px;
  font-size: 11px;
  font-weight: 600;
}
.list-skills li span {
  color: #5fafe2;
  padding-left: 10px;
}
.custom-pro {
  background: #c8c8c8;
  height: 5px;
  margin-top: 3px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, .3) inset;
  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, .3) inset;
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, .3) inset;
  position: relative;
}
.custom-pro .bar {
  background: #5fafe2;
  width: 0;
  height: 5px;
  font-size: 0px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, .3) inset;
  -webkit-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, .3) inset;
  box-shadow: 0 1px 1px 0px rgba(0, 0, 0, .3) inset;
}
.progress-point {
  background: url(../img/progress-point.html) no-repeat;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  position: absolute;
  top: -9px;
}
/*----- 3.5 Menu / Navigation -----*/
.menu-menu-principal-container {
  width: auto;
  display: block;
  float: right;
  margin-top: 20px;
}
.menu-menu-principal-container em {
  color: #7f7d7b;
  font-weight: normal;
}
/*ul*/
.menu-menu-principal-container ul {
  background: transparent;
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index:100;
  float: left;
  display:block;
}
.menu-menu-principal-container ul li ul {
  background: url(../img/main-nav-arr.html) no-repeat 15px 0;
  padding-top: 7px;
  margin-left: 20px;
  position: absolute;
  left: 0;
  float: none;
  display: none;
  overflow: visible;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.menu-menu-principal-container ul li ul li ul {
  margin-left: 1px;
  margin-top: -5px;
  padding: 0;
  top: 0;
  background: none;
}
/*li*/
.menu-menu-principal-container ul li {
  position: relative;
  display: inline;
  float: left;
}
.menu-menu-principal-container ul li ul li {
  background: white;
  padding: 0px 6px 0 5px;
  display: list-item;
  float: none;
  box-shadow: none !important;
}
.menu-menu-principal-container ul li ul li:first-child {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  padding-top: 5px;
}
.menu-menu-principal-container ul li ul li:last-child {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  padding-bottom: 5px;
}
/*a*/
.menu-menu-principal-container ul li a {
  padding: 5px 20px;
  margin: 0;
  font-size: 14px;
  color: #403e3d;
  font-weight: 600;
  line-height: 1em;
  text-decoration: none;
  outline: none;
  display: block;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.31s ease;
  transition: all 0.3s ease;
}

.menu-menu-principal-container ul li a:hover, .menu-menu-principal-container ul li a.selected {
  color: #3c81c2;
}
.menu-menu-principal-container ul li ul li a {
  width: 170px; /*width of sub menus*/
  padding: 13px 8px 13px 8px;
  margin: 0;
  font-size: 13px !important;
  color: #7f7d7b !important;
  line-height: 1em;
  font-weight: 400;
  border-right: 0px;
  text-transform: none;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
.menu-menu-principal-container ul li li a:hover, .menu-menu-principal-container ul li li a.selected {
  background: #3c81c2;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fafe2', endColorstr='#3c81c2');
  background: -webkit-gradient(linear, left top, left bottom, from(#5fafe2), to(#3c81c2));
  background: -moz-linear-gradient(top, #5fafe2, #3c81c2);
  background:  -o-linear-gradient(top, #5fafe2, #3c81c2);
  color: #fff !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}


.menu-item-13 span {display:inline;}
* html .menu-menu-principal-container ul li a { /*IE6 hack to get sub menu links to behave correctly*/
  display: inline-block;
  color: #000;
}
/* Holly Hack for IE \*/
* html .menu-menu-principal-container {
  height: 1%;
}
/* CSS classes applied to down and right arrow images */
.downarrowclass {
  display: none;
}
.rightarrowclass {
  display: none;
}
/*Menu select for responsive*/
.menu-menu-principal-container select {
  background: #222;
  width: 100%;
  height: auto;
  padding: 5px 10px;
  margin: 0 auto;
  font-size: 13px;
  color: #fff !important;
  border: 1px solid #222;
  outline: none;
  display: none;
  cursor: pointer !important;
}

.fullwidthbanner-container {
  width:100% !important;
  position:relative;
  padding:0;
  max-height:500px !important;
  overflow:hidden;
  background: transparent;
}
.tp-caption.large_text {
  position: absolute;
  color: #fff;
  text-shadow: none;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  font-family: 'Open Sans', Arial, Helvetica Neue, sans-serif;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space:nowrap;
  text-shadow: none;
}
.tp-caption.large_text strong {
  color: #fff;
  font-weight: 700;
}
.tp-caption.small_text {
  position: absolute;
  color: white !important;
  text-shadow: none;
  font-weight: 300;
  font-size: 19px;
  line-height: 22px;
  font-family: 'Open Sans', Arial, Helvetica Neue, sans-serif;
  margin: 0px;
  border-width: 0px;
  border-style: none;
  white-space:nowrap;
  text-shadow: none;
}
.tp-caption.mytextbox {
  background: #3f3831;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  color: #fb8404;
  line-height: 12px;
  font-family: 'Open Sans', Arial, Helvetica Neue, sans-serif;
  -moz-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tp-caption a {
  color: #fb8404;
}
.tp-caption a:hover {
  color: #7f7d7b;
}

#MenuResponsiveButton {
  position: absolute;
  top: 20px;
  font-size: 2em;
  display:none;
  right: 20px;
}


/*-- accueil --*/

  /*-- partie reassurance --*/

  .IconReassurance {font-size: 3em;margin: 20px 0;}

  /*-- partie partenaires --*/

  #BlocPartners {background: white;}
  .PartenairesSlide {text-align: center;}
  .PartenairesSlide img {max-width: 200px;}
  #BlocPartners .bx-viewport {border-bottom: 1px solid #5B5959;}
  .bx-pager  {text-align: center;}
  .bx-clone {display: none;}
 
  #BlocPartners .bx-controls-direction {text-align: center;}
   #BlocPartners .bx-controls-direction a {
      background: #3c81c2;
      padding: 10px 15px;
      display: inline-block;
      color: #fff;
      font-size: 1.3em;
      font-weight: bold;
      margin: 20px 3px;

   }

/*--- colonne bootstrap --*/

.col-md-6 {width:50%;padding:0 15px;float:left;}


/*-- Single --*/


.SingleContent {padding-top:20px;}

.ImageaLaune {position:relative;}

.ImageaLaune img {max-width: 100%;height: auto;border: 1px solid #ccc;margin-top: 10px;}

  .Tcenter {text-align: center;}

.DownloadDoc {display:block;}


/*-- Offres ---*/
#BlocTableOffre table {width:100%;}
#BlocTableOffre table tbody td {
padding: 15px 5px;
}

#BlocTableOffre table thead {
  color: #fff;
  font-size: 1.2em;
}


#BlocTableOffre table thead td {
padding: 10px;
vertical-align: middle;
}

#BlocTableOffre table td {
vertical-align: middle;
font-size: 1.1em;
}
#BlocTableOffre table tbody tr:nth-child(2n+1) {
background-color: #EFEFEF;
}

#BlocTableOffre table tbody td.Tcenter {
border-left: 1px solid #cfcfcf;
}

#BlocTableOffre .g-check,
#BlocTableOffre .g-minus {font-size: 1.4em;}

#ReassuranceSingle {margin-top:30px;}

#ReassuranceSingle ul {list-style: none;}
#ReassuranceSingle ul li {text-align: left;padding: 15px 0 15px 50px;margin-bottom: 15px;font-size: 1.1em;font-weight: bold;}

#ReassuranceSingle ul li p {font-size: 0.9em;font-weight: lighter;}


#ReassuranceSingle ul .ListSecurity {background:url(../images/security-orange.png);background-repeat:no-repeat;background-position:top left;}
#ReassuranceSingle ul .ListSimple {background:url(../images/simple-orange.png);background-repeat:no-repeat;background-position:top left;padding: 15px 0 15px 60px;}
#ReassuranceSingle ul .ListPersonnalisable {background:url(../images/personnalisable-orange.png);background-repeat:no-repeat;background-position:top left;}
#ReassuranceSingle ul .ListAssistance {background:url(../images/assistance-orange.png);background-repeat:no-repeat;background-position:top left;padding: 15px 0 15px 40px;}


/*============================================================*/
/*---------- 4. Media queries ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 4.1 Mobile (Portrait) -----*/
/*----------------------------------------*/


@media only screen and (min-width: 767px) {
  .menu-menu-principal-container > ul {display:block!important;}

}

@media only screen and (max-width: 767px) {
body {
  padding: 106px 0;
}

.col-md-6 {width:100%;padding:0 15px;float:left;}
.container {
margin-left: 20px;
margin-right: 20px;
}
.sidebar-right {
 padding-left: 0;
}
.sidebar-left {
 padding-right: 0;
}
.mybtn {
margin-bottom: 20px;
}
.horz-20px {
display: none;
}
.dl-horizontal dt {
width: 100%;
padding: 20px 0;
}
.dl-horizontal dd {
margin-left: 0;
padding: 0 0 20px 0;
}
/*menu*/
#MenuResponsiveButton {display:block;}

.menu-menu-principal-container ul {
  width: 100%;
  display:none;
}
.menu-menu-principal-container {

 float: left;
width: 100%;
background:#3c81c2;
}
.menu-menu-principal-container select {
width: 100% !important;
margin-top: 20px;
margin-bottom: 15px;
float: left !important;
display: block;
}

.menu-menu-principal-container ul li {
  display: block;
  width: 100%;
}

.menu-menu-principal-container ul li a {
  padding: 10px;
  display: block;
  color: #fff;
  text-transform: uppercase;
  border-bottom: 1px solid #98B3FE;
}


/*header & copyrigt*/
#header, #copyright {
text-align: center;
}
#header .inline-right {
float: none;
}
#copyright p {
float: none;
}
#copyright ul {
float: none;
margin-top: 10px;
}
#header .inline-right, #copyright .inline-right {
 margin: 5px 0 0 0;
}
#header .inline-right li, #copyright .inline-right li {
 margin-left: 10px;
 margin-right: 10px;
 display: inline-block;
}
/*accordion*/
.number-accordion .accordion-group {
 padding: 20px;
}
.number-accordion .accordion-inner {
 padding: 9px 0;
}
.number-accordion .accordion-heading .accordion-toggle {
 padding: 8px 0;
}
.pricing {
margin-bottom: 30px;
}
.video-wrapper {
 margin: 0 0 10px 0;
 float: none;
 display: inline-block;
}
.review-slider {
 padding: 0 !important;
}
.text-small {
margin-bottom: 10px;
}
.row-themecolor {
margin-bottom: 40px;
}
.team, .fr-circle-icon {
margin-bottom: 30px;
}
.map {
margin-bottom: 20px;
}
/*divs with clouds*/
.clouds {
display: none;
}
.box-offset-wrapper {
 background: #5fafe2;
 margin-bottom: 40px;
}
.box-offset {
 padding: 5%;
 width: 90%;
 float: none;
 display: block;
}
.img-hidden {
 padding: 5%;
 width: 90%;
 float: none;
 display: block;
 position: relative;
}
.img-hidden img {
 position: relative;
 top: 0;
 right: 0;
}
.signup-box {
padding: 20px;
margin-bottom: 20px;
}
.signup-box .submit {
float: left;
}
.product-promo {
 padding-bottom:20px;
}
}

/*----------------------------------------*/
/*----- 4.2 Mobile (Landscape) -----*/
/*----------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*All are same as Portrait*/
}

/*----------------------------------------*/
/*----- 4.3 Tablet / ipad  -----*/
/*----------------------------------------*/
@media (min-width: 768px) and (max-width: 979px) {

.menu-menu-principal-container ul li a {
 padding: 5px 0 5px 25px;
}
.sidebar-right {
 padding-left: 0;
}
.sidebar-left {
 padding-right: 0;
}
.fr-heading-icon h1, .fr-heading-icon h2, .fr-heading-icon h3, .fr-heading-icon h4, .fr-heading-icon h5, .fr-heading-icon h6 {
 line-height: 1.2em;
}
.dl-horizontal dt {
width: 100%;
padding: 20px 0;
}
.dl-horizontal dd {
margin-left: 0;
padding: 0 0 20px 0;
}
.signup-box {
padding: 20px;
margin-bottom: 20px;
}
.signup-box .submit {
float: left;
}
.review-slider {
 padding: 0 !important;
}
.row-themecolor {
margin-bottom: 40px;
}
 .video-wrapper {
 margin-bottom: 20px;
}
.submit {
 padding: 0 20px;
}
.text-small {
margin-bottom: 10px;
}
}

/*----------------------------------------*/
/*----- 4.4 Large Desktop  -----*/
/*----------------------------------------*/
@media (min-width: 1200px) {
}



/*============================================================*/
/*---------- 5. BROWSER FIXES ----------*/
/*============================================================*/
@media \0screen {
/*arrow and border list*/
.list-arrow-border li {
  background: url(../img/bullet-pointer-light.html) no-repeat 0 5px;
  padding-left: 15px;
  margin-bottom: 15px;
  display: block;
  overflow: hidden;
}
}




/*============================================================*/
/*---------- BENJI ----------*/
/*============================================================*/

#header{
  padding: 0 0 15px 0;
}

#header .span5{
  padding-top: 15px;
}

ul li:hover .sub-menu{
  display: block;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.32);
}

#arrow-scroll-home{
  position: absolute;
  bottom: 50px;
  width: 40px;
  height: 40px;
  left: 50%;
  margin-left: -20px;
}
#arrow-scroll-home .cicle-arrow{
  position: absolute;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  left: -17px;
  top: -11px;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.31);
  -webkit-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
}
#arrow-scroll-home .arrow-first{
  opacity: 0.9;
  -webkit-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  border-right: 5px solid rgb(60, 129, 194);
  border-bottom: 5px solid rgb(60, 129, 194);
  position: absolute;
  width: 40px;
  height: 40px;
}
#arrow-scroll-home .arrow-seconde{
  opacity: 0;
  -webkit-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  border-right: 5px solid rgb(60, 129, 194);
  border-bottom: 5px solid rgb(60, 129, 194);
  position: absolute;
  width: 40px;
  height: 40px;
}


#arrow-scroll-home:hover .cicle-arrow{
  top: -16px;
}
#arrow-scroll-home:hover .arrow-first{
  margin: -5px auto;
}
#arrow-scroll-home:hover .arrow-seconde{
  opacity: 0.75;
  width: 25px;
  height: 25px;
  margin: -5px 7.5px 0;
}

.slider-home .title-slider{
  position: absolute;
  margin-top: -50px;
  top: 50%;
  text-align: center;
  left: 0;
  right: 0;
  width: 100%;
  padding: 20px 0;
  background: rgba(255, 255, 255, 0.71);
}
.slider-home .title-slider span{
  font-size: 25px;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  line-height: 30px;
}


.circle-home{
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0 15px;
}
.circle-home a{
  color: #3D3D3D;
  text-decoration: none;
}
.circle-home a img{
  opacity: 0.85;
  -webkit-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
}
.circle-home span{
  font-size: 17px;
  padding-top: 10px;
  display: block;
  font-weight: 600;
}
.circle-home:hover a img{
  opacity: 1;
}


#content-top.head-bandeau{
  position: relative;
  padding: 70px 0;
  margin-top: 17px;
}
.head-bandeau .opacity-black{
  background: rgba(0, 0, 0, 0.12);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 25px;
}
.head-bandeau .content-head-bandeau{
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  color: white;
}

.container-services{
  text-align: center;
}

.span4.services, 
.span6.services,
.elementList{
  display: inline-block !important;
  float: none !important;
  vertical-align: top;
}

.services h6{
  font-weight: 800;
  font-size: 16px;
}


.offre-express img,
.offre-master img{
  display: inline-block;
  width: 40px;
  height: auto;
  margin-left: 5px;
  margin-right: 15px;
  vertical-align: middle;
}
.offre-express h4,
.offre-master h4{
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}




.why{
  margin-bottom: 30px;
}

#ReassuranceSingle ul li.elementList{
  padding: 15px 38px 15px 50px;
}

#bandeau-contact{
  position: fixed;
  bottom: 75px;
  right: -300px;
  width: 250px;
  height: 150px;
  background: url('../images/conciergerie.png') no-repeat bottom right white;
  background-size: cover;
  border-radius: 5px 0 0 5px;
  box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.1);
  z-index: 99;
  padding: 15px;
  color: black;
  font-size: 18px;
  transition: 500ms;
}

#bandeau-contact a{
  margin-top: 25px; 
  text-decoration: none;
}

.bandeau-bleu{
  text-align: center;
  color: white;
  padding: 10px 0;
  margin: 10px 0 30px;
}
.bandeau-bleu h2{
  color: white;
}

.share {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}

#fil-ariane{
    margin-top: -25px;
    margin-bottom: 25px;
}
#fil-ariane::after{
    content: '';
    display: block;
    clear: both;
}
#fil-ariane .share {
    float: right;
}

.comment{
  padding: 10px;
  border-radius: 10px;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.13);
}
.comment .date{
  font-size: 10px;
}


.partners{
  text-align: center;
}

.span3.partner{
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-top: 20px;
}

.span3.partner-sansTitre{
  font-size: 16px;
  font-weight: 700;
  padding: 2em;
}


/* ------- SIDEBAR -------- */
.content-widget:first-child{
  padding: 18px 18px 10px;
}
.content-widget:first-child::after{
  content: '';
  display: block;
  clear: both;
}
.content-widget{
  background: rgba(236, 236, 236, 0.14);
  padding: 18px;
  border-radius: 10px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.12);
  margin: 15px auto;
}
.content-widget .title-widget{
  font-size: 16px;
  font-weight: 600;
}
.content-widget label{
  display: none;
}

.content-widget ul{
  padding: 0 15px;
}
.content-widget ul li{
  list-style: none;
  padding: 8px;
  border-bottom: 1px solid rgb(229, 229, 229);
}
.content-widget ul li a{
  text-decoration: none;
  color: #797979;
}

.content-widget input#s{
  float: left;
}
.content-widget button#searchsubmit{
  background: #5CCD00;
  background: -moz-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5CCD00),color-stop(100%,#4AA400));
  background: -webkit-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
  background: -o-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
  background: -ms-linear-gradient(top,#5CCD00 0%,#4AA400 100%);
  background: linear-gradient(top,#5CCD00 0%,#4AA400 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5CCD00', endColorstr='#4AA400',GradientType=0);
  padding: 5px 15px 6px;
  color: #fff;
  font-family: 'Helvetica Neue',sans-serif;
  font-size: 14px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #459A00;
  margin-left: 5px;
  float: left;
}


.content-widget.services .circle-home img {
  width: 35px;
  height: auto;
  margin-right: 5px;
}
.content-widget.services .circle-home span {
  display: inline-block;
  font-size: 14px;
}


input[type="text"], input[type="password"], select, input[type="email"] {
    padding: 0 2% !important;
    height: 42px !important;
}


@media screen and (max-width: 980px){
    .all-menu .menu-menu-principal-container.button-eval{
      display: none !important;
    }
}

@media screen and (max-width: 768px){
  #content-top.head-bandeau{
    padding: 90px 0;
  }
  #bandeau-contact{
    display: none;
  }
  .menu-menu-principal-container > ul > li > ul.sub-menu{
    background: none;
    padding-top: 7px;
    margin-left: 0;
    position: relative;
    left: 0;
    float: none;
    display: none;
    overflow: visible;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .menu-menu-principal-container > ul > li > ul.sub-menu li{
    background: none;
    padding: 0;
  }
  .menu-menu-principal-container > ul > li > ul.sub-menu li a {
    padding: 10px;
    display: block;
    color: #fff !important;
    text-transform: uppercase;
    border-bottom: 1px solid #98B3FE;
    width: 100%;
    margin: 0;
    border: none;
    font-size: 13px !important;
    line-height: 1em;
    font-weight: 400;
    border-right: 0px;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
  }
}