body
{
  background-color: #ffffff;
  color: #000000;
  font-size: 10pt;
}

a
{
  color: #444444;
  text-decoration: none;
  outline: 0 !important;
}

a:hover
{
  color: #888888;
  text-decoration: none;
}

/*############################################################################*/
/*###                                 PAGE                                 ###*/
/*############################################################################*/

#page
{
  position: relative;
}

#page.boxed
{
  margin: 0 auto;
  max-width: 1200px;
  background: #fff;
}

@media (min-width: 992px)
{
  #page.boxed
  {
    margin: 30px auto;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.30);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.30);
    border-radius: 6px;
  }
  #page.boxed #topbar
  {
    border-radius: 6px 6px 0 0;
  }
  #page.boxed .footer-dark
  {
    border-radius: 0 0 6px 6px;
  }
}

/*############################################################################*/
/*###                                 TOP                                  ###*/
/*############################################################################*/

#topbar
{
  line-height: 40px;
  border-bottom: 4px solid #cccccc;
  font-size: 8pt;
  z-index: 100;
}

#topbar .info
{
  position: relative;
  margin: 0px;
  list-style: none;
}

#topbar .info li
{
  margin: 0px;
  margin-right: 15px;
  display: inline-block;
}

#topbar .info li .fa
{
  font-size: 12px;
  width: 24px;
  height: 24px;
  text-align: center;
  vertical-align: middle;
  line-height: 24px;
  border: 1px solid #888888;
  border-radius: 100%;
  margin-right: 2px;
}

@media (max-width: 767px)
{
  #topbar .info
  {
    text-align: center;
  }
  #topbar .info li
  {
    display: inline-block;
    float: none;
    text-align: center;
  }
}

/*############################################################################*/
/*###                        ICONES RESEAUX SOCIAUX                        ###*/
/*############################################################################*/

#topbar .social-icons
{
  float: right;
}

#topbar .social-icons li
{
  float: left;
  position: relative;
  list-style: none;
  margin: 0px;
  padding: 0px;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

#topbar .social-icons li:last-child
{
  border-right: 0px;
}

#topbar .social-icons a .fa
{
  display: block;
  width: 30px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
}

#footer .social-icons a .fa
{
  font-size: 14px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  color: #888888;
  border: 0px solid #888888;
  border-radius: 50%;
  margin-right: 5px;
  margin-bottom: 5px;
}

.social-icons a:hover.facebook  .fa { background-color:#4863ae; border-color:#4863ae; }
.social-icons a:hover.twitter   .fa { background-color:#46c0fb; border-color:#46c0fb; }
.social-icons a:hover.google    .fa { background-color:#dd4b39; border-color:#dd4b39; }
.social-icons a:hover.youtube   .fa { background-color:#ff0000; border-color:#ff0000; }
.social-icons a:hover.linkedin  .fa { background-color:#0083a8; border-color:#0083a8; color:#ffffff !important; }
.social-icons a:hover.flickr    .fa { background-color:#ff0084; border-color:#ff0084; color:#ffffff !important; }
.social-icons a:hover.pinterest .fa { background-color:#C91618; border-color:#C91618; color:#ffffff !important; }
.social-icons a:hover.instagram .fa { background-color:#3f729b; border-color:#3f729b; color:#ffffff !important; }
.social-icons a:hover.rss       .fa { background-color:#ff7f25; border-color:#ff7f25; color:#ffffff !important; }
.social-icons a:hover.dribbble  .fa { background-color:#ea4c89; border-color:#ea4c89; color:#ffffff !important; }
.social-icons a:hover.tumblr    .fa { background-color:#5a90be; border-color:#5a90be; color:#ffffff !important; }

.social-icons a:hover .fa { color:#ffffff; }

@media (max-width: 767px)
{
  #topbar .col-xs-12,
  #topbar .social-icons ul
  {
    padding: 0px;
  }
}

/*############################################################################*/
/*###                                HEADER                                ###*/
/*############################################################################*/

#header
{
  width: 100%;
  display: block;
  position: relative;
}

#header .logo
{
  display: inline-block;
  margin: 0px;
  padding: 0px;
}

#header #menu ul
{
  margin: 0px;
  padding: 0px;
}

#header #menu ul > li > a,
#header #menu ul > li > a:hover,
#header #menu ul > li > a:focus
{
  background: none;
}

#header #menu ul > li > a
{
  display: inline-block;
  line-height: 24px;
  padding: 28px 10px;
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  border-left: 1px solid rgba(255, 255, 255, 0.03);
}

#header #menu ul > li > a span
{
  display: block;
  font-size: 10px;
  line-height: 13px;
  margin: 0 !important;
}

#header .navbar-toggle
{
  background: rgba(255, 255, 255, 0.75);
  border-color: transparent;
}

#header .navbar-toggle .icon-bar
{
  background-color: #000000;
}

@media (max-width: 991px)
{
  #header
  {
    width: 100%;
    z-index: 1001;
    position: relative;
    padding: 0px;
  }
  #header .container
  {
    width: 100%;
  }
  #header .logo
  {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  #header .logo img
  {
    max-width: 700px !important;
    max-height: 60px !important;
  }
  #header .navbar-header, 
  #header .navbar-collapse
  {
    float: none;
    margin-right: 0px;
    margin-left: 0px;
  }
  #header .navbar-toggle
  {
    display: block;
    margin: 17px 0px;
  }
  #header #menu ul
  {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 0px;
  }
  #header #menu ul > li
  {
    float: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #header #menu ul > li > a
  {
    display: block;
    width: 100%;
    float: none;
    border: 0px;
    line-height: 25px !important;
    padding: 10px 10px !important;
  }
  #header .navbar-nav
  {
    float: none!important;
  }
  #header .navbar-collapse,
  #header .navbar-collapse.in
  {
    width: 100%;
    height: 100%;
    max-height: 100% !important;
    overflow: visible;
    overflow-y: visible !important;
    overflow-x: hidden;
    padding-left: 0px;
    padding-right: 0px;
    margin: 10px auto;
  }
  #header .navbar-collapse.collapse
  {
    display: none!important;
  }
  #header .navbar-collapse.in
  {
    display: block !important;
  }
}

@media (max-width: 767px)
{
  #header .logo img
  {
    max-width: 400px !important;
  }
  #header .navbar-toggle
  {
    margin: 17px 0px;
  }
}

@media (max-width: 480px)
{
  #header .logo img
  {
    max-width: 260px !important;
  }
  #header .navbar-toggle
  {
    margin: 17px 0px;
  }
}

@media (max-width: 320px)
{
  #header .logo img
  {
    max-width: 200px !important;
  }
  #header .navbar-toggle
  {
    margin: 12px 0px;
  }
}

/*############################################################################*/
/*###                               SUB MENU                               ###*/
/*############################################################################*/

#menu .navbar-nav li:hover > ul
{
  display: block;
}

#menu ul.dropdown-menu
{
  width: 250px;
  top: auto;
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
  padding: 0;
  background-color: #07334c;
  border-top: 4px solid #d9101a;
  box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}

.dropdown > .dropdown-menu,
.dropdown-menu > .dropdown-submenu ul.dropdown-menu
{
  animation-name: slidenavAnimation;
  animation-duration: .5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}

@keyframes slidenavAnimation
{
  from { opacity: 0.0; }
  to   { opacity: 1.0; }
}

@-webkit-keyframes slidenavAnimation
{
  from { opacity: 0.0; }
  to   { opacity: 1.0; }
}

#menu ul.dropdown-menu > li
{
  margin: 0px !important;
  padding: 0px !important;
}

#menu ul.dropdown-menu > li > a
{
  display: block;
  width: 250px;
  line-height: inherit !important;
  margin: 0px !important;
  padding: 10px 15px !important;
  text-align: left !important;
/*
    color: #ECECED;
    font-weight: 400;
    text-transform: none;
    position: relative;
    padding: 10px 15px;
    font-size: 13px;
*/
  border-bottom: 1px solid rgba(244, 244, 244, .1);
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
       -o-transition: all 0.2s;
          transition: all 0.2s;
}

/*
#menu ul.dropdown-menu li:hover > a {
    background: #000;
}
*/

#menu ul.dropdown-menu > li > a:hover
{
  background-color: #d9101a !important;
}

#menu ul.dropdown-menu > li:last-child {
    border-bottom: 0;
}

#menu li.dropdown:hover > ul {
    display: block;
}

/*
#menu .dropdown-submenu:hover .dropdown-menu {
    display: block;
}

#menu .dropdown-submenu {
    position: relative;
}

#menu .dropdown-submenu > a:after {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: block;
    position: absolute;
    right: 2px;
    top: 8px;
    text-decoration: inherit;
    font-size: 14px;
    color: rgb(240,53,58);
}

#menu .dropdown-submenu >.dropdown-menu {
    top: -6px;
    left: 100%;
    z-index: 15789;
}

#menu ul.dropdown-menu.right > li.dropdown-submenu > a:after {
    content: "\f104";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: block;
    position: absolute;
    left: 4px;
    right: auto;
    top: 8px;
    text-decoration: inherit;
    font-size: 14px;
    color: rgb(240,53,58);
}

#menu ul.dropdown-menu.right > li.dropdown-submenu >.dropdown-menu {
    top: -6px;
    position: absolute;
    left: -99%;
}
*/

@media (max-width: 991px)
{
  #header #menu ul.dropdown-menu
  {
    position: relative !important;
    top: auto !important;
    left : auto !important;
    width: 100% !important;
    float: none !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
    border: 0px !important;
    box-shadow: none !important;
  }
  #header #menu ul.dropdown-menu > li
  {
    max-width: 100% !important;
  }
  #header #menu ul.dropdown-menu > li a
  {
    display: block !important;
    font-size: 90% !important;
    border: 0px !important;
    padding: 10px 10px 10px 30px !important;
  }
}

/*############################################################################*/
/*###                             FIXED HEADER                             ###*/
/*############################################################################*/

#header.fixed
{
  position: fixed !important;
  top: -15px;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 9999;
  width: 100%;
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .5);
}

#header.fixed .logo
{
  margin-top: 5px;
}

#header.fixed .logo img
{
  max-height: 50px;
}

#header.fixed #menu ul > li > a
{
  line-height: 40px;
  padding: 10px 10px;
}

@media (max-width: 991px)
{
  #header.fixed .logo
  {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }
  #header.fixed .logo img
  {
    max-height: 44px !important;
  }
  #header.fixed .navbar-toggle
  {
    margin: 8px 0px !important;
  }
}

/*############################################################################*/
/*###                                SLIDER                                ###*/
/*############################################################################*/

#slider
{
  background: #1d212a;
  position: relative;
  overflow: hidden;
  border-bottom: 3px solid rgb(234,234,234);
}

#slider .camera-slider
{
  max-height: 500px;
  margin-bottom: 0px !important;
}

#slider .camera_bar_cont
{
  background-color: #aaaaaa !important;
}

#slider .camera_bar_cont span
{
  background-color: #666666 !important;
}

#slider .camera-caption
{
  width: 80%;
  display: block;
  position: absolute;
  top: 30%;
  left: 10%;
}

#slider .camera-caption > div
{
  background: transparent;
}

#slider .titre h1
{
  color: #000;
  font-size: 24pt;
  font-weight: 400;
  margin: 0px;
  margin-bottom: 20px;
}

#slider .titre h2
{
  color: #000;
  font-size: 18pt;
  font-weight: 400;
  margin: 0px;
  margin-bottom: 20px;
}

#slider .titre span.highlight
{
  font-weight: 900;
  color: rgb(11,28,51);
  display: inline-block !important;
  border-bottom: 4px solid rgba(0,0,0,.2);
  padding-bottom: 20px;
}

#slider .titre-2
{
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
  line-height: 24px;
}

#slider .texte
{
  color: #000;
  font-size: 12pt;
  margin: 0px;
  margin-bottom: 20px;
}

#slider .lien a
{
  display: inline-block;
  padding: 2px 10px;
  color: #000;
  font-size: 11pt;
}

.camera_prevThumbs,
.camera_nextThumbs,
.camera_prev,
.camera_next,
.camera_commands,
.camera_thumbs_cont
{
  background: #ffffff;
}

#slider .camera_pag
{
  width: 100%;
  position: absolute;
  bottom: 0px;
}

#slider .camera_pag .camera_pag_ul
{
  text-align: center;
}

#slider .camera_pag .camera_pag_ul li
{
  background: #ffffff;
}

#slider .camera_pag .camera_pag_ul li .camera_thumb
{
  max-width: 150px !important;
}

@media (max-width: 1199px)
{
  #slider .cameraSlide img
  {
    width: 1200px !important;
    left: 50% !important;
    margin-left: -600px !important;
  }
  #slider .camera-slider,
  #slider .cameraSlide img
  {
    height: 312px !important;
  }
}

@media (max-width: 991px)
{
  #slider .cameraSlide img
  {
    width: 992px !important;
    left: 50% !important;
    margin-left: -496px !important;
  }
  #slider .camera-slider,
  #slider .cameraSlide img
  {
    height: 258px !important;
  }
}

@media (max-width: 767px)
{
  #slider .cameraSlide img
  {
    width: 768px !important;
    left: 50% !important;
    margin-left: -384px !important;
  }
  #slider .camera-slider,
  #slider .cameraSlide img
  {
    height: 200px !important;
  }
  #slider .camera-caption
  {
    width: 90%;
    display: block;
    position: absolute;
    top: 20%;
    left: 5%;
  }
  #slider .titre h1
  {
    font-size: 20pt !important;
    font-weight: 400;
    margin-bottom: 10px;
  }
  #slider .titre h2
  {
    font-size: 16pt !important;
    font-weight: 400;
    margin-bottom: 10px;
  }
  #slider .titre span.highlight
  {
    font-weight: 700;
    color: #fc3250;
    display: inline-block !important;
    border-bottom: 4px solid rgba(0,0,0,0.2);
    padding-bottom: 2px;
  }
  #slider .titre-2
  {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 10px;
    line-height: 18px;
  }
  #slider .texte
  {
    font-size: 11pt !important;
    margin-bottom: 10px;
  }
  #slider .lien a
  {
    font-size: 10pt !important;
  }
}

/*############################################################################*/
/*###                            SECTION TITLE                             ###*/
/*############################################################################*/

.section-title
{
  margin-top: 0px;
  margin-bottom: 0px;
}

.section-title.center
{
  text-align: center;
}

.section-title.right
{
  text-align: right;
}

@media (max-width: 991px)
{
  .section-title,
  .section-title.center,
  .section-title.right
  {
    text-align: center;
  }
}

.section-title > h1
{
  font-size: 24pt;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}

.section-title > h2
{
  font-size: 18pt;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0px;
}

.section-title .icon
{
  display: inline-block;
  font-size: 18px;
  width: 80px;
  margin: 0 auto;
  margin-left: 7px;
  margin-right: 7px;
  position: relative;
  height: 1px;
  background: rgb(240,53,58);
}

.section-title .icon:before,
.section-title .icon:after
{
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: -3px;
  border: 1px solid rgb(240,53,58);
  border-radius: 100%;
}

.section-title .icon:before
{
  left: -7px;
}

.section-title .icon:after
{
  right: -7px;
}

.section-title > p
{
  font-weight: normal;
  margin-top: 30px 0px;
}

/*############################################################################*/
/*###                                CONTENT                               ###*/
/*############################################################################*/

#content
{
  padding-top: 30px;
  padding-bottom: 30px;
}

/*############################################################################*/
/*###                            BLOC TEXTES 1                             ###*/
/*############################################################################*/

#bloc-textes-1
{
  padding-top: 30px;
  padding-bottom: 30px;
}

#bloc-textes-1 .bloc
{
  padding: 0px;
  position: relative;
  text-align: center;
}
#bloc-textes-1 .bloc .icone
{
  width: 100%;
  margin-bottom: 20px;
}

#bloc-textes-1 .bloc .icone .fa
{
  width: 100px;
  height: 100px;
  border:1px solid rgb(240,53,58);
  background-color: rgb(240,53,58);
  color: #fff;
  font-size: 30px;
  text-align: center;
  vertical-align: middle;
  line-height: 100px;
  border-radius: 100%;
}

#bloc-textes-1 .bloc:hover .icone .fa
{
  color: rgb(240,53,58);
  background-color: transparent;
}

#bloc-textes-1 .bloc .titre
{
  margin-bottom: 20px;
  width: 100%;
  padding-bottom:20px; 
  position: relative;
}

#bloc-textes-1 .bloc .titre h3
{
  margin: 0;
}

#bloc-textes-1 .bloc .titre h4
{
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(0,0,0,.7);
  margin: 0;
  letter-spacing: 1px;
  font-weight: 600;
}

#bloc-textes-1 .bloc .titre:after
{
  content: "";
  border-bottom: 1px solid rgb(240,53,58);
  height: 0;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  bottom: 0px;
  width: 30px;
}

#bloc-textes-1 .bloc .texte
{
  padding: 0px 10px;
}

#bloc-textes-1 .bloc .lien
{
    
}

#bloc-textes-1 .bloc .lien a:after
{
  content: '\f0a9';
  font-family: FontAwesome;
  margin-right: 5px;
  width: 20px;
  display: inline-block;
  color: #fc3250;
}

@media (max-width: 991px)
{
  #bloc-textes-1 .bloc
  {
    margin-bottom: 40px;
  }
}

/*############################################################################*/
/*###                            BLOC TEXTES 2                             ###*/
/*############################################################################*/

#bloc-textes-2
{
  padding-top: 30px;
  padding-bottom: 30px;
}

#bloc-textes-2 .photo
{
  padding-top: 30px;
  padding-bottom: 0px;
}

.vertical-features
{
  margin: 30px 0 0 0;
}

.vertical-list ul
{
  margin: 0px;
  padding: 0px;
}

.vertical-list li
{
    position: relative;
    padding-bottom: 30px;
    margin: 0;
    list-style: none;
    min-height: 80px;
    margin-left: 18px;
}

.vertical-list .vertical-icons .fa
{
    width: 60px;
    height: 60px;
    border:1px solid rgb(240,53,58);
    background-color: rgb(240,53,58);
    color: #fff;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
    border-radius: 100%;
    margin-bottom: 20px;
    float: left;
    position: relative;
    z-index: 1;
    margin-right: 30px;
}

.vertical-list li:hover .fa
{
    color: rgb(240,53,58);
    background-color: #222;
    border-color: #222;
}

.vertical-list .vertical-icons img
{
    width: 60px;
    height: 60px;
    vertical-align: middle;
    margin-bottom: 20px;
    float: left;
    position: relative;
    z-index: 1;
    margin-right: 30px;
}

.vertical-list .vertical-content
{
    overflow: hidden;
}

.vertical-list .vertical-content h3
{
    font-size: 22px;
    margin-bottom: 12px;
    top: 10px;
    margin-bottom: 25px;
}

.vertical-list .vertical-content p
{
    font-size: 12px;
    line-height: 18px;
    color: #222
}

.vertical-list li:hover .vertical-icons
{
    background: rgb(240,53,58);
    border-color: rgb(240,53,58);
}

.tm
{
  position: absolute;
  top: 1%;
  left: 30px;
  width: 1px;
  height: 100%;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: rgba(255,255,255,1);
}

/*############################################################################*/
/*###                               PARALLAX                               ###*/
/*############################################################################*/

.parallax {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
  clear: both;
}

.parallax > div {
  background-color: rgba(0, 0, 0, 0.8);
  padding-top: 60px;
  padding-bottom: 60px;
}

.parallax h3 {
  color: #fff;
  font-size: 18pt;
}

.parallax p {
  color: #fff;
  font-size: 12pt;
}

/*############################################################################*/
/*###                                CONTACT                               ###*/
/*############################################################################*/

#contact
{
  display: block;
  width: 100%;
  padding: 20px 0px;
  position: relative;
  float: left;
}

#contact p
{
  line-height: 32px;
  margin: 5px 0px;
  padding: 0px;
}

#contact .btn
{
  line-height: 20px;
  margin: 0px;
  padding: 10px 20px;
  vertical-align: middle;
}

/*############################################################################*/
/*###                                FOOTER                                ###*/
/*############################################################################*/

/*zzz
.footer-dark
{
  background: #181818;
  color: #8f8f8f;
  border-top: 4px solid #d2d2d2;   
}
*/

.footer-widget
{
  position: relative;
  margin-bottom: 0px;
}

/*zzz
.footer-widget  ul.blog-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-widget  ul.blog-list > li{
    margin: 0;
    padding: 5px 0;
    position: relative;
    border-bottom: 0px solid rgba(0,0,0,.2);
    overflow: hidden;
    margin-bottom: 10px
}

.footer-widget ul.blog-list li:after{
    width: 100%;
    content: "";
    border-bottom: 1px solid rgba(255,255,255,.05);
    position: absolute;
    bottom: 0;
    left: 0;
}

.footer-widget h6{
    font-size: 14px;
    text-transform: none !important;
    font-weight: normal;
    margin-bottom: 4px !important;
}

.footer-widget ul.blog-list > li em
{
  color: #838383;
  font-size: 11px;
  font-style: normal;
}
.footer-widget .recent-post{

}

.footer-dark a{
    color: #c5c5c5;
}
.footer-dark a:hover{
color:  rgb(240,53,58);

}
.footer-dark h2{
    color: #ccc
}

*/

.coordonnees .zzz
{
  position: relative;
  margin: 10px 0px;
}

.coordonnees i
{
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 12px;
    width: 24px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    border: 1px solid rgba(115,115,115,.7);
    border-radius: 50%;
}

.coordonnees p
{
  display: block;
  overflow: hidden;
  margin: 10px;
  margin-bottom: 10px;
}

/*zzz
.sub-footer-light
{
    width: 100%;
    border-top: 1px solid rgba(0,0,0,.2);
    padding: 20px 0;
    font-size: 12px;
    margin: 0;
    background: #fff;
    position: relative;
}
*/


ul.footer-list{
    margin: 0;
    padding: 0;
}

ul.footer-list li{
    margin: 0;
    border-bottom: 1px dotted #333;
    position: relative;
    float: left;
    width: 100%
}

ul.footer-list li > a{
    display: block;
    padding: 4px 6px;
}

#footer
{
  overflow: hidden;
}

#footer #widgets
{
  padding:30px 0px;
}

#footer #widgets .article a img
{
  display: block;
  float: left;
  margin: 0px 10px 10px 0px;
}

#footer #widgets .article a h6
{
  margin: 0px 0px 10px 0px;
}

#footer #widgets .articles ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#footer #widgets .articles li
{
  border-bottom: 0px solid #888888;
  margin: 0px;
  padding: 8px 0px;
}

#footer #widgets .articles li:first-child
{
  padding-top: 0px;
}

#footer #widgets .articles li:last-child
{
  border-bottom: 0px;
  padding-bottom: 0px;
}

#footer #widgets .articles h6
{
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

#footer #widgets .articles em
{
  font-style: normal;
  margin: 0px;
  padding: 0px;
}

/*############################################################################*/
/*###                              BOTTOM BAR                              ###*/
/*############################################################################*/

#bottombar
{
  width: 100%;
  position: relative;
  margin: 0px;
  padding: 20px 0px;
  border-top: 1px solid rgba(0,0,0,.2);
  font-size: 12px;
}

#bottombar:before
{
  width: 100%;
  content: "";
  border-top: 1px solid rgba(255,255,255,.05);
  position: absolute;
  top: 0;
  left: 0;
}

#bottombar .footer-menu ul
{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#bottombar .footer-menu ul li
{
  display: inline-block;
  padding-left: 10px;
}

@media (max-width: 991px)
{
  #bottombar .copyright
  {
    margin-top: 20px;
  }
}

/*############################################################################*/
/*###                             SCROLL TO TOP                            ###*/
/*############################################################################*/

#backtop
{
  position: fixed;
  bottom: 10px;
  right: 15px;
  margin-left: 0px;
  z-index: 9898989;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: rgba(0,0,0,.5);
}

#backtop a
{
  display: block;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
}

#backtop a:hover
{
  color: #000;
}

#backtop .fa
{
  display: block;
  line-height: 40px;
  font-size: 18px;
  z-index: 100;
}



















/*
====================================================================
    TOP NAVIGATION
====================================================================*/
/*#topbar{
    line-height: 40px;
    background: #fff;
    color: #737373;
    font-size: 11px;
    border-bottom: 4px solid rgb(240,53,58);
    position: relative;
    z-index: 1
}*/
@media (max-width: 991px)
{
    #topbar{
        /*display: none;*/
    }
}
#full-container{
    width: 100%;
    position: relative;
    min-height: 500px;
    background: #ccc;
    margin: auto;
    background: url(../images/demo/slider3.jpg) no-repeat 50% ;
}

.divider-full{
    width: 100%;
    text-align: center;
    float: left;
}

/*
.feature-section{
    float: left;
    width: 100%;
    padding: 70px 0px;
    border-bottom: 1px solid rgba(141,141,141,.2);
    text-align: center;
}
*/

.full-section{
    float: left;
    width: 100%;
    padding: 70px 0px;
    border-bottom: 1px solid rgba(141,141,141,.2);
    overflow: hidden;
}
/*
///////////////////////////////////////////////
MAP
//////////////////////////////////////////////
*/
.map-section{
    
}

.gmap3{
    margin: 0;
    width: 100%;
    height: 400px;
}

.error{
    color: #c0392b;
    font-style: italic;
    letter-spacing: normal;
}
#success, #error {
    display:none
}
#success span, #error span {
    display:block;
    position:absolute;
    top:0;
    width:100%
}
#success span p, 
#error span p {
    margin-top:6em
}
#success span p {
    color:#9bd32d
}
#error span p {
    color:#c0392b
}   


/*
=====================================================================
    MORE
=====================================================================*/
.one-edge-shadow {
    -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.5);
       -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,.5);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,.5);
}

.one-edge-shadow-bg {
    -webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
       -moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
            box-shadow: 0 10px 10px -5px rgba(0,0,0,0.5);
}


.container-inner{
    padding-top: 70px;
    padding-bottom: 70px;
}

.bg-light-grey{
    background: #f5f5f5
}







/*
====================================================================
    STYLE BOX CENTER WITH BACKGROUND
====================================================================*/


.style-box1{
    padding: 0;
    position: relative;
}
.style-box1 .icone {
    width: 100%;
    margin-bottom: 8px;
}

.box-with-bg{
    background: #f1f1f1;
    padding: 15px 10px;
    border-radius: 4px;
    position: relative;
    border:1px solid #e1e1e1;
}

.box-with-bg:before{
   display: block;
    content:" ";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e1e1e1;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -4px;
}
.style-box1 .fa {
    width: 100px;
    height: 100px;
    border:1px solid rgb(240,53,58);
    background-color: rgb(240,53,58);
    color: #fff;
    font-size: 30px;
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
    border-radius: 100%;
}

.style-box1:hover .fa{
    color: rgb(240,53,58);
    border-color: rgb(225,225,225);
    background-color: #f1f1f1;
}

.style-box1 .title{
    margin-bottom: 20px;
    width: 100%;
    padding-bottom:20px; 
    position: relative;
}

.style-box1 .title h3{
    margin: 0;
}

.style-box1 .title:after{
     content: "";
    border-bottom: 1px solid rgb(240,53,58);
    height: 0;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    bottom: 0px;
    width: 30px;
}
.style-box1 .sub-title{
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(0,0,0,.7);
    margin: 0;
    letter-spacing: 1px;
    font-weight: 600
}

.style-box1 .box-desc{
    padding: 0 10px;
}


@media (max-width: 991px)
{
  .style-box1
  {
    margin-bottom: 40px;
  }
}








/*//////////////////////////////////////////////////////////*/
/*twitter list*/
/*//////////////////////////////////////////////////////////*/

#tweecool ul{
margin: 0;
padding: 0;
}

#tweecool ul > li {
list-style: none;
clear: both;
padding-bottom: 5px;
margin-bottom: 10px;
overflow: hidden;
}

#tweecool  li > a  {
float: left;
position: relative;
border:1px dotted #333; 
margin-right: 20px;
padding: 2px;
}

#tweecool  li > a img{width: 50px;
height: 50px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid rgba(255,255,255,0.05);}

#tweecool ul > li .tweets_txt {
display: block;
overflow: hidden;
line-height: normal;
}

#tweecool ul li .tweets_txt > a{
    float: none;
    color: rgb(240,53,58);
margin-top: -8px;
}

#tweecool ul li .tweets_txt span {
font-style: italic;
color: rgb(240,53,58);
display: block;
}






/*
====================================================================
    5 SEARCH
====================================================================*/

.sb-search {
    position: absolute;
    width: 0%;
    right: 15px;
    top: 0;
    min-width: 30px;
    height: 40px;
    overflow: hidden;
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: rgba(255,255,255,.8);
    width: 96%;
    height: 40px;
    margin: 0;
    padding: 0px 3% 0px 1%;
    line-height: 20px;
    border-left: 2px solid rgb(240,53,58) !important;
    z-index: 1
}

.hd-center .sb-search {
   
    min-width: 30px;
    height: 55px;
}
.hd-center .sb-search-input {
    
    background: rgba(11,28,51,.8);
    width: 97%;
    height: 51px;
    margin: 0;
    padding: 0px 2% 0px 1%;
    line-height: 30px;
    z-index: 1
}

.hd-center .sb-icon-search,
.hd-center .sb-search-submit  {
    width: 30px;
    height: 51px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.sb-search form input[type="text"] {
    border: 0px solid rgba(160, 160, 160, 0.3);
    box-shadow: none;
}


.sb-icon-search,
.sb-search-submit  {
    width: 30px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
}

.sb-icon-search {
    color: #fff;    
    background: rgb(240,53,58);
    z-index: 90;
    font-size: 16px;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
    content: "\f002";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #fff;
    color: rgb(240,53,58);
    z-index: 11;
}


.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}



.portfolio-carousel {
    width: 100% !important;
    
}

.portfolio-carousel .item {
    margin: 0;border-top: 10px solid #eaeaea;
    border-bottom: 10px solid rgb(240,53,58);
}

.margin-def .item{
    position: relative;
    margin-bottom: 30px;
    padding: 0 10px;
}

/*
=====================================================================
    CAROUSEL
=====================================================================*/

.ccarosel .owl-controls .owl-buttons {
    position: absolute;
    top: 0px;
    right: 0px;
}

.ccarosel.portfolio-carousel .owl-controls .owl-buttons {
    right: 0px;
}

.ccarosel.navigation-2 .owl-controls .owl-buttons {
    position: relative;
    top: 0;
    right: 0;
}

.ccarosel.navigation-2.clients-carousel .owl-controls .owl-buttons {
    top: -8px;
}

.ccarosel.navigation-2 .owl-controls .owl-buttons div, 
.ccarosel.navigation-3 .owl-controls .owl-buttons div{
    background-color: #000;
}

.ccarosel.navigation-2 .owl-controls .owl-buttons div i, 
.ccarosel.navigation-3 .owl-controls .owl-buttons div i{
    color: #666;
}

.ccarosel.navigation-3 {
    padding-top: 0px;
}

.ccarosel.navigation-3.clients-carousel {
    padding-top: 0px;
}

.ccarosel.navigation-3 .owl-controls .owl-buttons {
    position: absolute;
    top: 20px;
    right: 0;
    width: 100%;
    background: #f00
}
.ccarosel .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    top: 80px;
    left: 15px;
    pointer-events: auto;
}
.ccarosel .owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 80px;
    right: 15px;
    pointer-events: auto;
}

.ccarosel.navigation-2 .owl-controls .owl-buttons div, 
.ccarosel.navigation-3 .owl-controls .owl-buttons div {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.ccarosel.navigation-3.portfolio-carousel .owl-controls .owl-buttons {
    right: 0;
}

.ccarosel .owl-controls .owl-buttons div, 
.testimonials-carousel .owl-controls .owl-buttons div {
    height: 22px;
    width: 22px;
    line-height: 22px;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    margin-left: 4px;
}

.ccarosel .owl-controls .owl-buttons div i, 
.testimonials-carousel .owl-controls .owl-buttons div i {
    font-size: 1.6em;
    color: #f00;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
}

.team-carousel .owl-controls .owl-buttons .owl-prev {
    position: absolute;
    top: 100px;
    left: 0px;
    pointer-events: auto;
}
.team-carousel .owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 100px;
    right: 0px;
    pointer-events: auto;
}



/*///////////////////////////////////////////////////////*/
    /*parallex and backgrounds*/
/*///////////////////////////////////////////////////////*/

.parallexbg{
    width: 100%;
    height: 100%;
    background: url(../images/demo/bg2.jpg) #333;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    
}


.background1{
    background: url(../images/bg-images/bg1.jpg) #fff;
}

.background2{
    background: url(../images/bg-images/bg2.jpg) #fff;
}

.background3{
    background: url(../images/bg-images/bg4.jpg) #fff;
}
.background6{
    background: url(../images/bg-images/bg6.jpg) #fff;
}






.bg-pattern-1{
    background:url(../images/pattern/bg-pattern-1-s.png) repeat;
}


/*
    ===============================
    002  ///  PAGE HEADER
    ===============================
*/


.page-header {
    margin: 0;
    padding: 40px 0;
    border-bottom: 1px solid rgba(0,0,0,.06);
    height: 100px;
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
    background: #f1f1f1
}

.page-header.p-bg1{
    background: #f1f1f1
}

.page-header.big{
   height: auto;
    padding: 0;
    overflow: hidden;
}
.page-header .heading-title{
    position: relative;
    vertical-align: middle;
}

.page-header .heading-title > h2 {
    font-size: 32px;
    font-weight: 600;
    position: relative;
    margin-bottom: 0 !important;
}

.page-header.dark h2{
    color: #fff !important;
}


@media (max-width: 991px){

    .page-header.style-big{
    
}
    .page-header > h2{
        text-align: center;
        padding-bottom: 0
    }
}


.page-header.bg-pattern{
    padding-top: 30px;
}
.page-header.style-flat{
    padding-top: 30px;
    background: #dadada
}

.page-header.light-color h2{
    color: #666
}

.page-header-small {
width: 100%;
font-size: 18px;
padding: 35px 0;
color: #999;
}

.page-header-small h2 {
font-size: 36px;
display: inline-block;
font-weight: 300;
padding: 0;
color: #fff;
position: relative;
}

/*
    ===============================
    003  ///  BREADCRUMB
    ===============================
*/
.page-header .breadcrumb{
    text-align: right;
    margin: 0;
    padding: 0;
    padding-bottom: 24px;
    position: relative;
    margin-top: 0px;
    background: none;
}
.page-header .breadcrumb li{
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    list-style: none;
    position: relative;
}

.page-header .breadcrumb > li + li:before {
    content: "||";
    padding: 0px 5px;
    color: rgb(240,53,58);
}

.page-header .breadcrumb a{
    color: #fff
}

.page-header.light-color .breadcrumb a{
    color: #666
}

.page-header.light .breadcrumb a{
    color: #333
}
@media (max-width: 991px){
    .page-header .breadcrumb{
        text-align: center;
        padding: 5px 0;
    }
}

/*
    ===============================
    004  ///  PROGRESS BAR
    ===============================
*/
.skills {}

.progress {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  height: 30px;
  margin-bottom: 14px;
  overflow: hidden;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 2px solid #d5d5d5
}
.progress.border-radius {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.progress-bar {
  font-size: 12px;
  filter: none;
  text-transform: uppercase;
  padding: 0 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  line-height: 30px;
  text-align: right;
  text-indent: 10px;
  text-shadow: none;
  -webkit-transition: background 0.2s linear;
  transition: background 0.2s linear;
  position: relative;
  
}
.progress .progress-label{
    float: left;
}

.progress-data{
    font-weight: 900;
    background: rgba(0,0,0,.4);
    position: absolute;
    right: 0;
    text-align: center;
    padding: 0 5px;
}
.progress-striped{
  background-color: #fff;
}

.progress-info ,
.progress-info.progress-striped{
  background-color: #0098ca;
}
.progress-success ,
.progress-success.progress-striped{
  background-color: #738d00;
}
.progress-warning ,
.progress .bar-warning,
.progress-warning.progress-striped ,
.progress-striped .bar-warning {
  background-color: #f89406;
}
.progress-danger ,
.progress-danger.progress-striped{
  background-color: #c10841;
}




/*
    ===============================
    008  ///  TESTIMONIALS
    ===============================
*/

.testimonial.option2{
    text-align: left !important;
    padding: 10px;
    border: 1px solid #eaeaea
}


.testimonial{
    padding: 0px 0;
    text-align: center;
}

.testimonial .testimonial-pic img{
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: 6px solid #fff;
}

.testimonial:hover .testimonial-pic img{
    border: 6px solid rgb(240,53,58);

}
.testimonial p{
    line-height: 24px;
    text-align: center;
}

.testimonial .author{
    font-size: 11px;
    text-transform: uppercase;
    margin-top: 10px;
    color: rgb(240,53,58);
}

.navigation1 .owl-controls .owl-buttons div,
.team-carousel .owl-controls .owl-buttons div{
    border: 1px solid rgb(240,53,58);
    display: inline-block;
    line-height: 48px;
    font-size: 24px;
    position: absolute;
    top: 10%;
    width: 48px;
    text-align: center;
    vertical-align: middle;
    height: 48px;
    border-radius: 50%;
    background: transparent;
    color: #333;
    margin: 0;
    padding: 0;
}

.navigation1 .owl-controls .owl-page,
.team-carousel .owl-controls .owl-page{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.navigation1 .owl-controls .owl-page span,
.team-carousel .owl-controls .owl-page span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.navigation1 .owl-controls .owl-page.active span,
.navigation1 .owl-controls.clickable .owl-page:hover span,
.team-carousel .owl-controls .owl-page.active span,
.team-carousel .owl-controls.clickable .owl-page:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
    background: rgb(240,53,58);
   
}


.center-owl-nav .owl-controls .owl-buttons div{
    top: 40%;
}

.navigation1 .owl-theme .owl-pagination,
.team-carousel .owl-theme .owl-pagination{
    position: absolute;
    right: 0;
    bottom: 20px;
    background: #000;
    padding: 5px;
    border-radius: 4px 0 0 4px;
    opacity: .5
}
/*
    ===============================
    009  ///  TEAM
    ===============================
*/

.team-box{
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
}

.team-box:hover .team-member{
    border-bottom: 5px solid rgb(240,53,58);
}

.team-box .team-member{
    border-bottom: 5px solid transparent;
    position: relative;
}

.team-box .team-member img{
    max-width: 100%;height: auto;
}

.team-box h2{ 
    margin-bottom: 5px
}

.team-desc{
    padding: 15px;
    border: 1px solid #eaeaea;
    
}

.team-desc > p{
    height: 120px;
    overflow: hidden;
}

.team-box .team-role
{
    color: rgb(240,53,58);
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}


.team-member:hover .item-overlay{
    opacity: 1;
    filter: alpha(opacity=100);
}


.team-member .item-overlay .p-item-nav{
    position: absolute;
    bottom: 2px;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px
}

.team-single{
    display: block;
    position: relative;
    border: 0px solid rgba(0,0,0,.05);
    z-index: 1
}

.team-single .team-overlay{
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    display: block;
    padding: 30px;
    z-index: 3;
    background: rgb(240,53,58);
}


.team1{
    background: url(../images/team/member.jpg) no-repeat center #fff;
    height: 352px;
    padding: 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    overflow: hidden;
}
.team-over{
    
    padding: 15px 0;
    z-index: 3;
    background: rgb(240,53,58);
}

@media (min-width: 768px) and (max-width:991px)
{
    .team-box .team-member{
    border-bottom: 0px solid #eaeaea;
    position: relative;
    float: left;
    margin-right: 30px;
    }

.portfolio-carousel .team-box .team-member{
    border-bottom: 0px solid #eaeaea;
    position: relative;
    float: none;
    margin-right: 0px;
    }

    .team-desc{
    border: 0px solid #eaeaea !important;
    }

    .team-box{
    border: 1px solid #eaeaea !important;
    }

}

/*
    ===============================
    010  ///  SIDEBAR / WIDGETS
    ===============================
*/
aside .widget {
margin: 0 0 48px;
}

.widget #searchform {
display: inline-block;
width: 100%;
overflow: hidden;
background-color: #fff;
border: 1px solid #eaeaea;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}

.widget-list{
    margin: 0;
}

.widget-inner{}

.widget-list ul li       { 
    margin: 0 0 7px 0 
}
.widget-list ul li:before{
    content: "\f138";
    font-family: 'FontAwesome';
    margin-right: 10px;
    display: inline-block;
    font-size: 14px;
}

.widget-list ul li a{
    color: rgb(240,53,58);
}

.widget-list ul li a:hover{
    color: rgb(0,0,0);
}

.widget .post-list{
    margin: 0;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}

.widget .post-list > li{
    margin: 0;
    padding: 8px 0;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #eaeaea;
}
.widget .post-list > li:last-child{
    border-bottom: none;
}


.widget .post-list .img-post{
    float: left;
    width: 75px;
    margin-left: 5px;
}

.post-list .meta {
margin-left: 90px;
overflow: hidden;
margin-bottom: 0;
}

.post-list .meta h5{
    margin: 0;
}

.post-list .meta em{
    font-size: 11px;
    color: #ccc
}

.widget-cloud .tagCloud a {
display: inline-block;
padding: 4px 8px;
border: 1px solid #cecece;
border-radius: 4px;
margin: 0 3px 6px 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}

.widget-cloud .tagCloud a{
    background: rgb(240,53,58);
    border: 1px solid rgb(240,53,58);
    color: #fff
}
.widget-cloud .tagCloud a:hover{
    background: rgb(0,0,0);
    border: 1px solid rgb(0,0,0);
    color: #fff
}

/*
    ===============================
    011  ///  BLOG / WIDGETS
    ===============================
*/
iframe {
    border: none;
    max-width:100%;
    display:block
}
.blog-widget{
    padding-left: 86px;
    position: relative;
    overflow: hidden;
    padding-bottom: 80px;
}

.blog-widget .blog-header{
    position: relative;
}

.blog-widget > .tm{
    position: absolute;
top: 1%;
left: 36px;
width: 2px;
height: 100%;
border-right-width: 2px;
border-right-style: solid;
border-color: rgba(0,0,0,.1);
}
.blog-widget .blog-header > h2{
    margin-bottom: 5px;
}

.blog-header > .blog-meta{
    font-size: 11px;
    text-transform: uppercase;
}

.blog-header > .blog-meta > span:after{
    content: '||';
    color: #f00;
    display: inline-block;
    padding: 0 5px;
}

.blog-header > .blog-meta > span:last-child:after{
    display: none;
}

.blog-widget .date-icon{
    position: absolute;
    left: 0px;
    width: 74px;
    height:74px;
    border-radius: 50%;
    line-height: 74px;
    text-align: center;
    z-index: 1
}
.blog-widget:hover .date-icon{
    background: rgb(240,53,58);
    color: #fff
}

.blog-widget .blog-element{
padding: 8px;
border: 1px solid #eaeaea;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
margin: 30px auto 0 auto;
text-align: center;
}

.blog-widget .blog-element-media{
padding: 8px;
border: 1px solid #eaeaea;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
margin: 30px auto 0 auto;
}

.blog-element-slider{}

.blog-widget .blog-summary{
    margin-top: 30px;
}

.date-icon.option1{
    border: 2px solid rgb(240,53,58);
    background: #fff;
}

.blog-widget blockquote small{
    margin-top: 10px;
    text-align: right;
}

.blog-widget blockquote{ 
    border-left: 2px solid #fc3250}

/*.date-icon.option1:after{
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    display: block;
    background: #000;
    left: 36px;
    top:72px
}*/
.date-icon >span{
    font-size: 12px;
}

/*blog hr*/

.blog-hr{
    margin: 0px 0 0 36px;
    padding: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1)
}

/*blog-small*/

.blog-sm > .blog-element,
.blog-sm > .blog-summary,
.blog-sm > .blog-element-media
{
    width: 46%;
    float: left;
}

.blog-sm > .blog-summary
{
    margin-left: 4%;
}


.blog-comments                    {
                                      margin: 40px 0;
                                      border: 0px solid #eaeaea;
                                      padding: 10px 0;
                                      margin-left: 36px
                                  }
.blog-comments .media{
    background: #f5f5f5;
    padding: 10px 15px;
}

.blog-comments .media .media{
    background: #fff;
    border-radius: 6px;
    border: 1px solid #eaeaea
}

.media .pull-left img             {
                                      -webkit-border-radius: 50%;
                                      -moz-border-radius: 50%;
                                      border-radius: 50%;
                                  }
.comment-info                     {
                                      border: 0px solid #eaeaea;
                                      margin-top: 20px;
                                      margin-bottom: 20px;
                                  }

h4.media-heading{
    font-weight: 600;
    color: rgb(240,53,58);
}

/*
=====================================================================
    PRICING TABLE
=====================================================================*/
.pricing-wrap{
    padding: 20px 15px; 
    text-align: center;
    margin-bottom: 30px;
}

.pricing-box{
    padding:0;
    margin: 0 -14px 0 -17px ;
    border: 1px solid rgb(234,234,234);
    text-align: center;
    position: relative;
}

.pricing-box .select-plan{
    position: relative;
    bottom: -26px;
    text-align: center;
    padding: 5px 0;
}

.pricing-box .select-plan.selected{
    bottom: -34px;
   
}

.pricing-box.selected{
    -moz-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
    z-index: 5;
    border: 10px solid rgba(255,255,255,1);
    position: relative;
    top:-9px
}

h3.price-title{
    font-size: 24px;
    font-weight: 600;
    padding: 20px;
    margin: 0;
     border-bottom: 1px solid rgb(234,234,234);
}

h3.price-title:after{
    display: block;
    content:" ";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid rgb(234,234,234);
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -12px;
}

h3.price-title.selected{
   background: rgb(240,53,58);
   color: #fff;
   border-radius: 6px;
}
h3.price-title.selected:after{
  
    border-top: 12px solid rgb(240,53,58);
}

.pricing-top{
    position: relative;
    text-align: center;
}
.pricing-top .price-box{
    font-size: 12px;
    font-weight: 600;
    padding:40px 20px;
    position: relative;
    text-align: center;
}

.pricing-top .price-box .currency{
    position: relative;
    top:-20px;

}
.pricing-top .price-box .price{
    font-size: 36px;
    font-weight: 600;
}


.pricing-box.selected .pricing-list{
    border-radius: 6px;
    background: rgba(231,231,231,1)
}
.pricing-box.selected .pricing-list > span{
     border-bottom: 1px solid rgba(0,0,0,.04);
}
.pricing-list > span{
    padding: 15px 4px;
    border-bottom: 1px solid rgb(231,231,231);
    display: block
}
.pricing-list span:first-child{
    border-top: 10px solid rgba(231,231,231,.5);
}



@media (max-width: 991px)
{
    .pricing-box{
        margin-bottom: 50px;
    }
}




/*
====================================================================
    PROCESS ITEMS
====================================================================*/

.feature-option4 .feature-box{
    text-align: left;
}
.feature-option4 .feature-box .icon{    
    background: rgb(240,53,58);
    border: 1px solid rgb(240,53,58);
    color: #fff;
    font-size: 24px;
    width: 64px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    margin-bottom: 20px;
    float: left;
    margin-right: 20px;
}

.feature-box .icon-text{
    overflow: hidden;
}
.feature-box .icon-text h3{
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: bold;
    letter-spacing: 1px;
}
.feature-option4 .feature-box:hover .icon {
    color: rgb(240,53,58);
    background-color: transparent;
}
.feature-option4 .feature-box:hover .icon-text h2 {
    color:rgb(240,53,58);
}

.dark.feature-option5 h3{
    color: #fff !important
}
.dark.feature-option5 p{
    color: #fff;
    opacity: .6
}

.process-wrapper{
    
    /*border-bottom: 1px solid #eaeaea*/
}

.process-item{
    position: relative;
    height: 180px;
    padding-top: 20px;
}

.process-item .tm:after{
    bottom: -12px;
    left: -7px;
    font-family: 'FontAwesome';
    content: "\f192";
    font-size: 16px;
    background: none;
    position: absolute;
    color: #ccc
}

.process-item{
    border-bottom: 1px dashed #ccc;/*
    z-index: 105*/
}
.process-wrapper .icon{
    z-index: 5;
    position: relative;
}

.process-wrapper .feature-box:hover .icon {
    color: rgb(240,53,58);
    background-color: #fff;
}

.process-item:last-child:before{
    content: ''
}

.process-item .icon-text{
    overflow: hidden;
    z-index: 10;
    position: relative;
    
}

.process-item .process-num{
    font-size: 96px;
    font-weight: 600;
    color: rgba(172,172,172,.2);
    z-index: 1;
    position: absolute;
    bottom: 24px;
    left: 50%;

}
.process-item:last-child{
    border-right: 0
}

.process-wrapper .tm{
    position: absolute;
top: 15%;
left: 48px;
width: 1px;
height: 85%;
border-right-width: 1px;
border-right-style: dashed;
border-color: #ccc;

}

.process-wrapper .tm.color{
border-color: rgb(172,172,172)
}

.process-item .tm.color:after{
   
    color: rgb(172,172,172)
}

.process-item.color{
    border-bottom: 1px dashed rgb(172,172,172)
}

@media (max-width: 991px)
{
  .process-wrapper .tm
  {
    top: 0;
    height: 100%
  }
  .process-item .tm:after
  {
    bottom: 40px;
    left: -7px;
    font-family: 'FontAwesome';
    content: "\f13a";
    font-size: 16px;
    background: none;
    position: absolute;
    color: rgb(240,53,58);
  }
  .process-item,
  .process-item.color
  {
    padding-top: 0px;
    border-bottom: 0
  }
}
/*
=====================================================================
    PAGE 404
=====================================================================*/
.page404{
    position: relative;
    text-align: center;
}
.page404 h1.pagetxt {
    font-size: 172px;
    color: rgba(0,0,0,.3);
}
.page404 i.fa{
    color: #ccc;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 50px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    top: 100px;
    position: relative;
    background-color: #fff;
    border: 2px solid #fc3250;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1
}

.page404:hover .fa{
    color: #fc3250 
}

.page404  .white{
    color: #fff !important;
    background: transparent;
    border-bottom: none;
    z-index: -1;
    text-indent: -99999;
}

.page404-inner{
    margin-top: 80px;
}

@media (max-width: 767px)
{
    .page404 h1.pagetxt {
        font-size: 102px;
        color: rgba(0,0,0,.3);
    }
    
    .page404 i.fa {
        opacity: .5;
        border: 2px solid #fc3250;
    }

    .page404{
        
        text-align: center;
    }
}

/*
=====================================================================
    HEADER SHADOW
=====================================================================*/
/*
.header-shadow
{
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
*/

/*
=====================================================================
    LEFT ICONS / CONTACT US
=====================================================================*/
.left-icon-block      {
                          position: relative;
                          padding: 8px 0 10px 60px;
                      }
.left-icon-block i    {
                          position: absolute;
                          left: 0;
                          top: 0;
                      }
.left-icon-block i.fa {
                          color: #333;
                          margin: 0;
                          padding: 0;
                          display: inline-block;
                          font-size: 18px;
                          width: 40px;
                          height: 40px;
                          line-height: 40px;
                          background-color: #fff;
                          border: 1px solid rgb(234,234,234);
                          text-align: center;
                          -webkit-border-radius: 50%;
                          -moz-border-radius: 50%;
                          border-radius: 50%;
                      }      



/*
=====================================================================
    team box
=====================================================================*/

.col-std                        { margin-bottom: 20px }

/*
=====================================================================
    SPINNER
=====================================================================*/

#spinner
{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/spinner.gif) 50% 50% no-repeat #fff;
}




/*
=====================================================================
    CLIENT CAROUSEL
=====================================================================*/

.clients-carousel .client-item{
    text-align: center;
    padding: 5px;
    border: 1px solid #eaeaea;
    margin-left: 5px;
    margin-right: 5px;
}

.clients-carousel .client-item img{
    margin: 0 auto
}

.clients-carousel .owl-controls{
    margin-top: 20px;
}



/*############################################################################*/
/*###                              PORTFOLIO                               ###*/
/*############################################################################*/

#portfolio .owl-controls .owl-buttons div .fa { margin-top:9px; font-weight:bold; }

/*############################################################################*/
/*###     RESPONSIVE : CONTENT, BLOC TEXTES 1 & 2, PORTFOLIO, CONTACT      ###*/
/*############################################################################*/

@media (max-width: 1199px)
{
  #bloc-textes-2 .photo img
  {
    max-width: 500px !important;
  }
}

@media (max-width: 991px)
{
  #content,
  #bloc-textes-1,
  #bloc-textes-2,
  #portfolio,
  #contact,
  #footer
  {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  #bloc-textes-2 .photo
  {
    width: 100% !important;
    padding-top: 10px !important;
    padding-bottom: 20px !important;
    text-align: center !important;
  }
  #bloc-textes-2 .photo img
  {
    max-width: 90% !important;
    margin: 0px auto !important;
  }
  .vertical-features
  {
    width: 100% !important;
    margin: 0px !important;
  }
  .vertical-list
  {
    padding-left: 0px !important;
  }
  .vertical-list li
  {
    min-height: 60px !important;
    margin-left: 0px !important;
    padding-bottom: 0px !important;
  }
  .vertical-list li .vertical-icons
  {
    width: 100% !important;
  }
  #contact p
  {
    line-height: 30px !important;
    margin: 0px 0px 10px 0px !important;
  }
  #footer #widgets
  {
    padding: 0px 0px 30px 0px !important;
  }
  .footer-widget
  {
    min-height: 200px;
    margin: 0px !important;
    padding: 10px 30px !important;
  }
  #bootombar
  {
    padding: 20px 0px !important;
  }
  #bottombar .copyright
  {
    text-align: center !important;
  }
  #bottombar .footer-menu
  {
    padding-top: 10px !important;
    text-align: center !important;
  }
  #bottombar .footer-menu ul
  {
    float: none !important;
  }
  #bottombar .footer-menu ul li
  {
    padding: 3px 8px !important;
  }
}

@media (max-width: 767px)
{
  .footer-widget
  {
    min-height: 50px;
    padding: 0px 30px !important;
  }
}

/*
@media                        (max-width:  767px) { #page:after { content: "xs"; } }
@media (min-width:  768px) and (max-width:  991px) { #page:after { content: "sm"; } }
@media (min-width:  992px) and (max-width: 1199px) { #page:after { content: "md"; } }
@media (min-width: 1200px)                         { #page:after { content: "lg"; } }
*/

/*############################################################################*/
/*###                           ANIMATIONS CSS3                            ###*/
/*############################################################################*/

a,
#topbar .info li .fa,
#bloc-textes-1 .bloc .fa,
.vertical-list .vertical-icons .fa,
.vertical-list .vertical-content h3,
.coordonnees i,
.testimonial .testimonial-pic img,
.team-box:hover .team-member,
.date-icon.option1,
.feature-option4 .feature-box .icon,
.page404 i.fa,
.left-icon-block i.fa,
#topbar .social-icons a .fa,
#footer .social-icons a .fa
{
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#topbar .info li:hover .fa
{
  transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.sb-search
{
  -webkit-backface-visibility: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
}

#header #menu ul > li > a
{
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#bloc-textes-1 .bloc:hover .icone .fa,
.style-box1:hover .fa,
.vertical-list li:hover .fa
{
  transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.ccarosel .owl-controls .owl-buttons div,
.testimonials-carousel .owl-controls .owl-buttons div,
.ccarosel .owl-controls .owl-buttons div i,
.testimonials-carousel .owl-controls .owl-buttons div i
{
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.navigation1 .owl-controls .owl-buttons div,
.team-carousel .owl-controls .owl-buttons div
{
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#backtop a,
#backtop .fa
{
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}