/*
Theme Name: Triangle
Theme Uri: http://designscrazed.org/
Author: Allie
Author Uri: http://designscrazed.org/
Description: Creative Site Template
Version: 1.1
*/
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@font-face {
    font-family: 'wuerthbook';
    src: url('$CMS_REF(media:"wuerthbook_webfont")$');
    src: url('$CMS_REF(media:"wuerthbook_webfont")$?#iefix') format('embedded-opentype'),
         url('$CMS_REF(media:"wuerthbook_webfont3")$') format('woff'),
         url('$CMS_REF(media:"wuerthbook_webfont2")$') format('truetype'),
         url('$CMS_REF(media:"wuerthbook_webfont1")$#wuerthbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'wuerthbold';
    src: url('$CMS_REF(media:"wuerthbold_webfont")$');
    src: url('$CMS_REF(media:"wuerthbold_webfont")$?#iefix') format('embedded-opentype'),
         url('$CMS_REF(media:"wuerthbold_webfont3")$') format('woff'),
         url('$CMS_REF(media:"wuerthbold_webfont2")$') format('truetype'),
         url('$CMS_REF(media:"wuerthbold_webfont1")$#wuerthbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'wuerthextra_bold_cond';
    src: url('$CMS_REF(media:"wuerthextraboldcond_webfont")$');
    src: url('$CMS_REF(media:"wuerthextraboldcond_webfont")$?#iefix') format('embedded-opentype'),
         url('$CMS_REF(media:"wuerthextraboldcond_webfont3")$') format('woff'),
         url('$CMS_REF(media:"wuerthextraboldcond_webfont2")$') format('truetype'),
         url('$CMS_REF(media:"wuerthextraboldcond_webfont1")$#wuerthextra_bold_cond') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'Wuerth Bold';
src: url('../fonts/WuerthBold.eot');
src: url('../fonts/WuerthBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/WuerthBold.woff2') format('woff2'),
url('../fonts/WuerthBold.woff') format('woff'),
url('../fonts/WuerthBold.ttf') format('truetype'),
url('../fonts/WuerthBold.svg#WuerthBold') format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Wuerth Extra Bold Cond';
src: url('../fonts/WuerthExtraBoldCond.eot');
src: url('../fonts/WuerthExtraBoldCond.eot?#iefix') format('embedded-opentype'),
url('../fonts/WuerthExtraBoldCond.woff2') format('woff2'),
url('../fonts/WuerthExtraBoldCond.woff') format('woff'),
url('../fonts/WuerthExtraBoldCond.ttf') format('truetype'),
url('../fonts/WuerthExtraBoldCond.svg#Wuerth-ExtraBoldCond') format('svg');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Wuerth Book';
src: url('../fonts/WuerthBook.eot');
src: url('../fonts/WuerthBook.eot?#iefix') format('embedded-opentype'),
url('../fonts/WuerthBook.woff2') format('woff2'),
url('../fonts/WuerthBook.woff') format('woff'),
url('../fonts/WuerthBook.ttf') format('truetype'),
url('../fonts/WuerthBook.svg#Wuerth-Book') format('svg');
font-weight: 300;
font-style: normal;
}
body {
background: #fff;
font-family: 'Wuerth Book', sans-serif;
font-size: 25px;
line-height: 35px;
color: #000;
}
html {
height: 100%;
}
p{  font-family: 'Wuerth Book', sans-serif;
font-size: 18px;}
a{
color:#C03035;
}
a:hover {
outline: none;
text-decoration:none;
color:#009EE0;
}
a:focus {
outline:none;
outline-offset: 0;
}
a {
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
ul {
list-style: none;
-webkit-padding-start: 0px;
font-family: 'Wuerth Book';
font-size: 17px;
line-height: 24px;
padding-left: 0px;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Wuerth Bold';
}
h1{
color: #cc0000;
}
h2{
font-size: 24px;
color: #686868;
}
h3{
font-size: 18px;
}
.overflow{
overflow: hidden;
}
.uppercase{
text-transform: uppercase;
}
.btn-common {
font-size: 14px;
border: 1px solid #fff;
font-weight: 300;
padding: 10px 12px;
border-radius: 0;
color: #ffffff;
text-transform: uppercase;
font-family: 'Wuerth Bold';
}
#action .col-sm-5{
position: absolute;
top: 0;
height: 100%;
right: 0;
}
.btn-common:hover, 
.btn-common:focus{
outline: none;
background: none;
box-shadow: none;
color: #009EE0;
border-color: #009EE0;
}
.align-right{
text-align: right;
}
.inline{
display: inline-block;
}
.padding{
padding: 65px 0;
}
.padding-bottom{
padding-bottom: 65px;
}
.padding-top{
padding-top: 90px;
}
.padding-right{
padding-right: 80px;
}
.padding-left{
padding-left: 80px;
}
.margin-bottom{
margin-bottom: 35px;
}
.carousel-indicators.visible-xs {
height: 20px;
margin: 0;
padding: 0;
position: absolute;
top: -35px;
width: 100%;
left: 0;
}
.carousel-indicators.visible-xs li {
border-color: #D29948;
border-width: 2px;
height: 12px;
margin: 0 5px 0 0;
width: 12px;
}
.carousel-indicators.visible-xs li.active {
background: rgba(210, 153, 72, 0.7);
}
/*************************
*******Header******
**************************/
.top-bar {
background: #cc0000;
color: #fff;
padding: 5px 0;
}
#header{
margin-bottom: 0;
/*padding: 12px 0;*/
}
#menuwurth {
background: rgba(0, 0, 0, 0.35);
z-index: 999;
position: relative;
}
#menuwurth .col-xs-12{ padding:0px}
.dropdown{    margin-left:101px;
background: url(images/last.png) #c00;
background-position: 22px;
background-repeat: no-repeat;
padding-left: 0px;}
li.dropdown a {
padding: 14px 20px !important;
}
#menuwurth a {
color: #fff;
text-transform: uppercase;
font-family: 'Wuerth Book', sans-serif;
letter-spacing: 1.2px;
font-size: 18px;
padding: 14px 29px;
height: 52px;
}
#menuwurth .sub-menu li a {
color: #fff;
text-transform: uppercase;
font-family: 'Wuerth Book', sans-serif;
letter-spacing: 1.2px;
font-size: 16px;
padding: 15px 0px !important;
}
#header .navbar-inverse .container{
position: relative;
}
.search{
right: 0;
z-index: 1;
color: #444546;
padding:0px;
}
.search i{
color: #ccc !important;
cursor: pointer;
position: absolute;
right: 27px;
top: 14px;
}
.field-toggle{
position: relative;
top: 30px;
right: 15px;
display: none;
height: 50px;
}
.navbar-header{ padding:0px}
.search-form{
padding-left: 10px;
height: 34px;
font-size: 18px;
color: #818285;
font-weight: 300;
outline: none;
border: 1px solid #d0d0d0;
margin-top: 6px;
width: 88%;
float: right;
-webkit-appearance: none;
}
.social-icons ul li{
padding: 0 0px;
width: 39px;
margin-right: 7px;
}
.social-icons ul li:last-child{
padding-right: 0;
}
.social-icons ul li a{
font-size: 25px;
color: #020202;
border: 1px solid;
border-radius: 101px;
text-align: center;
padding: 6px 0px;
}
  .social-icons ul li a:hover .fa-facebook {
   color: #4267b2;
 }
 .social-icons ul li a:hover .fa-twitter {
  color: #1da1f2;
}
.social-icons ul li a:hover .fa-google-plus {
  color: #ff0000;
}
.social-icons ul li a:hover .fa-dribbble {
  color: #ff0000;
}
.social-icons ul li a:hover .fa-linkedin {
  color: #0077b5;
}
.social-icons ul li a:hover,
.social-icons ul li a:focus{  
background: none;
}
#header .navbar {
background: #fff;
border: 0;
margin-bottom: 0;
padding: 12px 0;
}
#header .navbar-toggle{
margin-top: 20px;
}
#header .navbar-brand{
padding: 0;
margin-left: 0;
}
#header .navbar-brand h1{
padding: 0;
margin: 0 !important;
}
#header .navbar-nav.navbar-right >li:last-child{
margin-right: 20px;
}
#header .navbar-nav.navbar-right >li a {
text-transform: uppercase;
font-weight: 600;
font-family: 'Wuerth Extra Bold Cond';
color: #000 ;
margin-right: 18px;
border-bottom: 4px solid #fff;
margin-top: 8px;
font-size: 18px;
padding: 0.5rem 0;
margin: 8px 13px;
letter-spacing: 1px;
}
.nav-left{margin-left: 32px;}
.navbar .col-lg-6{ padding:0px}
.nav>li>a:hover {
background: none !important;
color: #c00;
border-bottom: 3px solid #c00;}
.dropdown a:hover{ color:#fff !important}
#header .navbar-inverse .navbar-nav  li.active > a,  
#header .navbar-inverse .navbar-nav  li.active > a:focus, 
#header .navbar-nav.navbar-right li > a:hover,
.navbar-inverse .navbar-nav > .open > a {
background-color: inherit;
border: 0;
color: #00aeef;
}
#header .navbar-inverse .navbar-nav  li a:hover{
border-color: #cdcdcd;
color: #cc0000 !important;
border-bottom: 4px solid #cdcdcd;
}
/*  Dropdown menu*/
ul.sub-menu {
display: none;
list-style: none;
padding: 0;
margin: 0;
}
#header .navbar-nav li ul.sub-menu li a{
color: #818285;
padding: 5px 0;
font-size: 13px;
display: block;
text-transform: capitalize;
}
#header .navbar-nav li ul.sub-menu li .active{
background: #00aeef;
color: #fff;
position: relative;
}
#header .navbar-nav li ul.sub-menu li .active i{
position: absolute;
font-size: 56px;
top: -13px;
color: #0884d5;
}
#header .navbar-nav li ul.sub-menu li .active .fa-angle-right{
left: -3px;
}
#header .navbar-nav li ul.sub-menu li .active .fa-angle-left{
right: -3px;
}
#header .navbar-nav li ul.sub-menu li a:hover,
#header .navbar-nav li ul.sub-menu li a:focus{
background: #00aeef;
color: #fff;
}
.fa-angle-down{
padding-left: 5px; 
}
.scaleIn {
-webkit-animation-name: scaleIn;
animation-name: scaleIn;
}
@-webkit-keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
/*************************
*******Footer******
**************************/
#footer {
padding-bottom: 10px;
background-repeat: repeat-x;
background-position: bottom;
background-size: contain;
background: #dedede;
}
#footer h1{
margin-bottom: 65px;
margin-top: 36px;
}
#footer .bottom-separator {
padding: 20px;
}
#footer h2{
font-size: 20px;
color: #404040;
text-transform: uppercase;
font-family: 'Wuerth Extra Bold Cond';
}
#message {
height: 110px;
resize: none;
}
.bottom > h2 {
margin-top: 0;
margin-bottom: 26px;
}
.bottom .media-body h3 {
margin-top: 0;
padding-left: 25px;
}
.bottom .media-body h3 a{
color: #ea2c00;
}
.testimonial .media{
margin-top: 0;
margin-bottom: 25px;
}
.testimonial .media>.pull-left{
margin-right: 25px;
}
.testimonial .media>.pull-left img{
margin-top: 6px;
}
.testimonial .media .media-body blockquote{
padding-left: 25px;
padding-right: 30px;
position: relative;
border-left: 0;
margin-bottom: 0;
}
.testimonial .media .media-body blockquote:before{
position: absolute;
left: 5px;
top: 8px;
content: '"';
font-size: 40px;
color: #ea2c00;
font-family: 'Noto Sans', sans-serif;
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */
line-height: 0;
}
.testimonial .media .media-body blockquote:after{
position: absolute;
right: 30px;
bottom: 14px;
content: '"';
font-size: 40px;
color: #ea2c00;
font-family: 'Noto Sans', sans-serif;
line-height: 0;
}
.contact-info.bottom {
padding-left: 25px;
}
.bottom > address {
line-height: 22px;
margin-bottom: 40px;
}
.form-control {
border: 1px solid #eaeaea;
font-weight: 300;
outline: none;
box-shadow: none;
height: 40px;
}
.form-control:hover, 
.form-control:focus{
border-color: #4fcccd;
outline: none;
box-shadow: none;
}
.btn-submit {
width: 100%;
background-color: #4fcccd;
color: #fff;
font-size: 14px;
font-weight: 300;
letter-spacing: 5px;
text-transform: uppercase;
border-radius: 3px;
margin-top: 5px;
border-bottom: 3px solid #2f9697;
box-shadow: none;
padding: 10px;
}
.btn-submit:hover, 
.btn-submit:focus{
color: #fff;
outline: none;
box-shadow: none;
opacity: .8;
}
.copyright-text{
margin-top: 70px;
color: #fff;
font-size: 16px;  
padding-bottom: 15px;
}
.copyright-text a {
color: #3e848a
}
.copyright-text p {
margin-bottom: 0;
}
/*************************
*******Home Page******
**************************/
#home-slider {
background: url(../images/slide1.png) 0 100% repeat-x;
position: relative;
height: 700px;
background-size: cover;
background-position: bottom;
margin-top: -51px;
}
#home-slider .main-slider {
position: relative;
height: 450px;
}
#home-slider .slide-text{
position: absolute;
top: 50px;
left: 0;
width: 450px;
}
.animate-in .slide-text {
-webkit-animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
}
#home-slider .slider-hill {
position: absolute;
right: 0;
bottom: 0;
}
.animate-in .slider-hill {
-webkit-animation: bounceInDown 1000ms ease-in-out 200ms both;
animation: bounceInDown 1000ms ease-in-out 200ms both;
}
#home-slider .slider-house {
position: absolute;
right: 110px;
bottom: -30px;
}
.animate-in .slider-house {
-webkit-animation: bounceInDown 500ms ease-in-out 800ms both;
animation: bounceInDown 500ms ease-in-out 800ms both;
}
#home-slider .slider-sun {
position: absolute;
right: 365px;
bottom: 100px;
}
.animate-in .slider-sun {
-webkit-animation: scaleIn 500ms ease-in-out 1200ms both;
animation: scaleIn 500ms ease-in-out 1200ms both;
}
#home-slider .slider-birds1 {
position: absolute;
right: 470px;
bottom: 75px;
}
.animate-in .slider-birds1 {
-webkit-animation: fadeInLeft 500ms ease-in-out 1200ms both;
animation: fadeInLeft 500ms ease-in-out 1200ms both;
}
#home-slider .slider-birds2 {
position: absolute;
right: 40px;
bottom: 150px;
}
.animate-in .slider-birds2 {
-webkit-animation: fadeInRight 500ms ease-in-out 1200ms both;
animation: fadeInRight 500ms ease-in-out 1200ms both;
}
#home-slider h1{
margin-top: 100px;
margin-bottom: 25px;
}
#home-slider .btn-common {
margin-top: 20px;
}
#home-slider .preloader {
position: absolute;
left: 0;
top: 0;
bottom: -30px;
right: 0;
background: #fafafa;
text-align: center;
}
#home-slider .preloader > i {
font-size: 48px;
height: 48px;
line-height: 48px;
color: #00aeef;
position: absolute;
left: 50%;
margin-left: -24px;
top: 50%;
margin-top: -24px;
}
#action {
background-image: url(../images/home/tour-bg.png);
background-color: #fbfafa;
background-repeat: repeat-x;
height: 157px;
background-position: center;
display: table;
position: static;
width: 100%;
}
#rej{      background-image: url(../images/bg1.jpg);
background-repeat: repeat-x;
background-position: center;
width: 100%;
padding: 0px 0px;
height: 622px;
background-size: cover;
position: relative;
}
#rej .col-sm-5{ padding-left:0px}
#rej .col-sm-4{
background: url(../images/img5.png);
padding: 15px 50px 111px;
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;}
#rej h2{    font-size: 30px;
color: #ffffff;
text-transform: uppercase;
font-family: 'Wuerth Bold';}
#rej h3{    font-size: 25px;
color: #fff;
font-weight: bold;
margin-bottom: 27px;}
#rej p {
font-size: 19px;
line-height: 20px;
color:#fff;
text-align: justify;
margin-bottom: 30px;
}
.vertical-center{
display: table-cell;
vertical-align: middle;
width: 100%;
position: static;
}
.single-service{
overflow: hidden;
display: block;
}
.single-service img {
margin-bottom: 35px;
}
.single-service .fold {
margin-bottom: 35px;
}
.single-service h2 {
margin-top: 0;
margin-bottom: 15px;
}
.single-service p {
padding: 0 48px;
}
.action h1{
margin-top: 0;
}
.action p{
font-size: 18px;
margin-bottom: 0;
font-weight: 300;
}
.action .btn-common{
margin-top: 55px;
float: left;
}
.title {
color: #cc0000;
margin-bottom: 50px;
text-transform: uppercase;
font-family: 'Wuerth Bold';
}
.single-features {
overflow: hidden;
padding-top: 35px;
padding-bottom: 20px;
}
.single-features .col-sm-6 {
margin-top: 10px;
}
.single-features:last-child {
padding-bottom: 85px;
padding-top: 0;
}
.single-features h2{
color: #cc0000;
margin-bottom: 5px;
font-family: 'Wuerth Bold';
}
#clients{
padding-bottom: 0px;
}
.clients {
margin-bottom: 45px;
}
.clients img {
display: inline-block;
}
.clients-logo {
overflow: hidden;
margin-bottom: 10px;
}
/*************************
*******About Us Page******
**************************/
#action , 
#page-breadcrumb{
position: relative;
}
#team {
padding: 85px 0;
}
#team-carousel {
margin-top: 80px;
}
#company-information .padding-top{
padding-top: 105px;

}
.single-service img {
height: 85px;
}
.tour-button {
background-image: url(../images/home/tour-icon2.png);
height: 100%;
background-repeat: no-repeat;
position: absolute;
width: 100%;
left: 0;
background-position: 151px 4px;
}
.team-single {
position: relative;
}
.person-thumb {
position: relative;
}
.social-profile {
background: none repeat scroll 0 0 rgba(137, 97, 46, 0.8);
display: none;
height: 100%;
position: absolute;
text-align: center;
top: 0;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-ms-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
width: 100%;
}
.team-single:hover .social-profile{
display: block;
-webkit-animation: fadeInUp 400ms;
animation: fadeInUp 400ms;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-ms-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
}
.social-profile .nav-pills {
display: inline-block;
margin-top: -26px;
padding: 0;
position: relative;
top: 50%;
}
.social-profile .nav-pills li {
display: inline-block;
margin: 0 5px;
}
.social-profile .nav-pills li a {
color: #fff;
border: 1px solid #fff;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
padding: 0;
border-radius: 40px;
-webkit-transition: all 0.9s ease;
transition: all 0.9s ease;
}
.social-profile .nav-pills li a:hover {
color: #89612e;
border-color: #89612e;
}
.person-info h2 {
font-weight: 300;
margin-bottom: 5px;
}
.person-info h3 {
font-size: 16px;
color: #686868;
font-weight: 300;
margin-top: 0;
margin-bottom: 0;
}
.team-carousel-control {
position: absolute;
top: 36%;
width: 13px;
height: 16px;
text-indent: -9999999px;
-webkit-transition: all 0.9s ease;
-moz-transition: all 0.9s ease;
-ms-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
}
.right.team-carousel-control {
right: -50px;
background-image: url(../images/aboutus/right.png);
}
.left.team-carousel-control {
left: -50px;
background-image: url(../images/aboutus/left.png);
}
.team-carousel-control:hover{
background-position: 0 -18px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition:  all 0.5s ease 0s;
}
.count h1{
font-size: 60px;
color: #dab074;
}
.count h3{
font-size: 16px;
}
.progress .progress-bar.six-sec-ease-in-out {
-webkit-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-ms-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition:  width 1s ease-in-out;
}
.top-zero{
margin-top: 0;
}
h3.top-zero{
font-size: 20px;
}
#company-information .about-us h2{
margin-bottom: 45px;
}
.single-skill h3{
font-size: 16px;
}
.progress{
height: 30px;
box-shadow: none;
-webkit-box-shadow: none;
}
.progress-bar{
line-height: 30px;
box-shadow: none;
-webkit-box-shadow: none;
}
.progress-bar.progress-bar-primary{
background: #dab074;
}
/*************************
*******Service Page******
**************************/
#recent-projects{
padding: 85px 0;
}
.recent-projects .team-single{
height: 355px;
}
.recent-projects p.padding-bottom{
padding-bottom: 50px;
}
.choose{
padding-top: 30px;
}
#company-information.choose .padding-top{
padding-top: 50px;
}
#company-information h2{
margin-bottom: 25px;
margin-top: 0;
}
ul.elements{
list-style: none;
margin: 0;
padding: 0;
}
ul.elements li{
margin: 6px 0;
}
ul.elements li > i{
color:#C03035;
display: inline-block;
margin-right: 10px;
}
#company-information h1.margin-bottom{
margin-bottom: 26px;
}
/*************************
*******Portfolio Default**
**************************/
.portfolio-single {
position: relative;
}
.portfolio-thumb {
position: relative;
}
.portfolio-thumb img {
width: 100%;
}
.portfolio-single:hover .portfolio-view{
display: block;
-webkit-animation: fadeInUp 400ms;
animation: fadeInUp 400ms;
}
#portfolio .row{
margin-left: -10px;
margin-right: -10px;
}
.portfolio-view {
display: none;
position: absolute;
top: 0;
height: 100%;
background:rgba(112, 35, 64, 0.9);
width: 100%;
text-align: center;
}
.portfolio-view .nav-pills {
padding: 0;
display: inline-block;
margin-top: -26px;
top: 50%;
position: relative;
}
.portfolio-view .nav-pills li {
display: inline-block;
margin: 0 5px;
}
.portfolio-view .nav-pills li a {
color: #fff;
border: 1px solid #fff;
width: 40px;
height: 40px;
line-height: 38px;
text-align: center;
padding: 0;
border-radius: 40px;
-webkit-animation: scaleIn 400ms linear 100ms both;
animation: scaleIn 400ms linear 100ms both;
-webkit-transition: all 0.9s ease;
transition: all 0.9s ease;
}
.portfolio-view .nav-pills li a:hover {
color: #702340;
border-color: #702340;
-webkit-transition: all 0.9s ease;
transition: all 0.9s ease;
}
.portfolio-info {
overflow: hidden;
margin-bottom: 30px;
}
.portfolio-info h2 {
font-size: 18px;
margin: 15px 0 0;
}
.portfolio-filter {
margin: 80px 0;
padding: 0;
}
.portfolio-filter li {
display: inline-block;
position: relative;
}
.portfolio-filter li a {
border-radius: 0;
color: #686868;
font-size: 18px;
font-weight: 300;
padding: 0 25px;
text-transform: capitalize;
border: none;
}
.portfolio-filter li .active{
background: transparent;
box-shadow: none;
-webkit-box-shadow: none;
}
.portfolio-filter li a:hover, 
.portfolio-filter li a:focus,
.portfolio-filter li a.active {
background: transparent;
box-shadow: none;
-webkit-box-shadow: none;
}
.portfolio-filter li a.active:before{
position: absolute;
content: "";
left: 0;
width: 13px;
height: 16px;
background: url(../images/portfolio/icon.png);
top: 5px;
}
.portfolio-pagination{
text-align: center;

padding-top: 40px;
padding-bottom: 90px;
}
.pagination li{
display: inline-block;
margin: 0 10px;
}
.pagination li a{
color: #000;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid #fff;
}
.pagination li:first-child a{
background: url(../images/portfolio/left.png);
background-repeat: no-repeat;
text-indent: -999999999px;
background-position: center top 10px;
width: 32px;
height: 36px;
border: none;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.pagination li:first-child a:hover{
background: url(../images/portfolio/left.png);
background-position: center top -37px;
background-repeat: no-repeat;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.pagination li:last-child a{
background: url(../images/portfolio/right.png);
background-repeat: no-repeat;
text-indent: -999999999px;
background-position: center top 10px;
width: 32px;
height: 36px;
border: none;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.pagination li:last-child a:hover{
background: url(../images/portfolio/right.png);
background-position: center top -37px;
background-repeat: no-repeat;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
.pagination li a:hover,
.pagination .active a, 
.pagination a:active, 
.pagination .active a:hover,
.pagination .active a:focus, 
.pagination a:focus {
background: transparent;
border-color: #C03035;
color: #C03035;
}
/*****************************
Portfolio with right sidebar
*****************************/
.sidebar h3 {
color: #404040;
margin-top: 0;
border-bottom: 3px solid #ececec;
margin-bottom: 6px;
padding-bottom: 8px;
}
.sidebar-item{
margin-bottom: 48px;
}
.categories .navbar-stacked li {
border-bottom: 1px solid #ececec;
}
.categories .navbar-stacked li:last-child {
border-bottom: 0px solid #ececec;
}
.categories .navbar-stacked li a {
font-size: 16px;
color: #6a6a6a;
padding: 8px 0;
padding-left: 0;
}
.categories .navbar-stacked li a:hover{
background: none;
margin-left: 20px;
color: #0099AE;
opacity: 1;
}
.categories .navbar-stacked li.active a{
color: #0099AE;
padding-left: 20px;
}
.categories .navbar-stacked li.active a:before{
position: absolute;
content: "";
border-color: transparent transparent transparent #0099AE;
border-width: 8px;
border-style: solid;
left: 0;
top: 13px;
margin-top: 0;
z-index: 0;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.categories .navbar-stacked li.active a:after {
position: absolute;
content: "";
border-color: transparent transparent transparent #fff;
border-width: 6px;
border-style: solid;
left: 0px;
top: 15px;
margin-top: 0;
z-index: 1;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.sidebar-item .media{
border-bottom: 1px solid #ececec;
padding-bottom: 10px;
padding-top: 21px;
margin-top: 0;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;    
}
.sidebar-item .media:last-child{
border-bottom: 0px solid #ececec;  
padding-bottom: 0; 
}
.sidebar-item .media:hover{
border-left: 2px solid #0099AE;
padding-left: 5px;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.sidebar-item .media:hover.media .media-body h4 a{
color: #0099AE;
transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.sidebar-item .media .media-body h4 {
margin-top: 0;
margin-bottom: 8px;
}
.sidebar-item .media .media-body h4 a{
color: #7d7d7d;
font-size: 16px;
}
.sidebar-item .media .media-body p {
color: #b4b4b4;
font-size: 12px;
}
.tag-cloud .nav-pills{
margin-top: 16px;
}
.tag-cloud .nav-pills li{
margin: 0;
margin-top: 6px;
margin-right: 4px;
}
.tag-cloud .nav-pills li a{
font-size: 14px;
font-weight: 300;
padding: 5px 15px;
background: #bbbbbb;
color: #fff;
border-radius: 3px;
}
.tag-cloud .nav-pills li a:hover{
background: #0099AE;
}
.popular ul.gallery {
margin: 0;
padding: 0;
list-style: none;
margin: 10px -8px;
}
.popular ul.gallery li {
display: block;
width: 33.33%;
float: left;
padding: 8px;
}
.popular ul.gallery li a {
display: block;
}
.popular ul.gallery li a img {
width: 100%;
transition: border-radius 300ms ease-in;
-webkit-transition: border-radius 300ms ease-in;
}
.popular ul.gallery li a img:hover {
border-radius: 60px;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/*****************************
Portfolio Details
*****************************/
#portfolio-information.padding-top{
padding-top: 100px;
}
.project-name h2{
margin-top: 0;
margin-bottom: 15px;
}
#related-work .title{
margin-bottom: 55px;
margin-top: 10px;
}
.navbar-default {
background: none;
padding: 0;
}
.navbar-default li a{
font-size: 12px;
padding: 0;
padding-right: 15px;
}
.navbar-default li a i{
padding-right: 8px;
}
.navbar-default li a:hover{
color: #0884d5;
background: none;
}
.skills .navbar-default,
.client .navbar-default{
margin-left: 35px;

}
.live-preview .btn-common{
margin-top: 21px;
padding: 13px 45px;
}
/*****************************
Blog Default
*****************************/
.single-blog.timeline_communiquespresse {
background: #FFFFFF;
border: 1px solid #EEEEEE;
border-bottom: 0;
position: relative;
padding-bottom: 0;
}
.timeline_communiquespresse .post-content {
padding: 20px 20px 0;
}
.post-thumb{
margin: -1px -1px 0;
position: relative;
overflow: hidden;
}
.timeline_communiquespresse .post-thumb img {
width: 100%;
}
.post-thumb iframe{
width: 100%;
min-height: 270px;
border: 0;
}
.post-overlay{
position: absolute;
top: 50%;
display: none;
width: 94px;
height: 140px;
margin-top: -70px;
overflow: hidden;
}
.post-overlay span{
position: absolute;
left: 50%;
bottom: 0; 
margin-left: -60px;
-webkit-animation: fadeInUp 400ms;
animation: fadeInUp 400ms;
z-index: 9;
}
.post-overlay span:before{
position: absolute;
bottom: 0;
border-style: solid;
border-width: 60px;
content: "";
border-color: transparent transparent #0884d5 transparent;
z-index: -1;
cursor: initial;
}
.post-overlay span a{
font-size: 30px;
color: #fff;
background: transparent;
padding: 0; 
margin-left: 50px;
}
.single-blog:hover .post-overlay{
display: block;
-webkit-animation: fadeIn 300ms;
animation: fadeIn 300ms;
}
.timeline-divider{
position: relative;
padding-top: 50px;
}
.timeline-divider:before{
position: absolute;
top: 0;
content: "";
border-left-style: solid;
border-left-width: 1px;
height: 100%;
border-left-color: #0099AE;
left: 50%;
margin-left: -2px;
}
.timeline-blog .col-sm-6.padding-top{
padding-top: 70px;
}
.post-content{
padding: 20px 0;
}
.timeline-date .btn-common{
font-size: 18px;
color: #4a4a4a;
font-weight: 300;
border-radius: 0;
padding: 17px 40px;
}
.arrow-right{
position: relative;
}
.arrow-right:after{
position: absolute;
right: 1px;
content: "";
top: 15px;
background: url(../images/blog/left.png);
width: 43px;
height: 54px;
}
.arrow-left{
position: relative;
}
.arrow-left:before{
position: absolute;
left: -2px;
content: "";
top: 86px;
background: url(../images/blog/right.png);
width: 43px;
height: 54px;
}
.post-title {
margin-top: 0;
}
.post-title a,
.comments-number a{
color: #686868;
}
.post-content .post-author{
margin-top: 0;

}
.post-content  .post-author a{
font-weight: 300;
font-size: 14px;
color: #0099AE;
}
a.read-more{
color: #0099AE;
font-weight: 300;
}
a.read-more:hover{
color: #01707F
}
.post-bottom{
border-top: 1px solid #eeeeee;
padding-top: 10px;
margin-top: 20px;
margin: 20px -20px 0;
padding: 20px 20px 0;
}
/*****************************
Blog with right sidebar
*****************************/
.single-blog{
padding-bottom: 30px;
}
.single-blog .post-bottom{
border-bottom: 1px solid #eeeeee;
padding-top: 10px;
padding-bottom: 10px;
}
.single-blog .post-overlay span{
left: 0;
top: 0;
margin-left: 0;
width: 94px;
height: 140px;
background: url(../images/blog/blog-arrow.png);
-webkit-animation: fadeInLeft 400ms;
animation: fadeInLeft 400ms;
}
.single-blog .post-overlay span a{
margin-left: 8px;
font-weight: 700;
font-size: 36px;
line-height: 18px;
position: absolute;
top: 50px;
}
.single-blog .post-overlay span a small{
font-size: 16px;
font-weight: 300;
margin-left: 5px;
}
.single-blog .post-overlay span:before{
border-color: transparent;
border-width: 0;
}
.post-nav{
margin:0;
padding: 0;
}
.post-nav li a{
color: #0099AE;
padding: 0;
text-align: left;
}
.post-nav li a i{
color: #0099AE;
margin-right: 8px;
}
.post-nav li a:hover{
background: none;
}
.blog-padding-right{
padding-right:35px;
}
.blog-pagination {
text-align: center;
padding-top: 10px;
padding-bottom: 55px;
}
/*****************************
Blog with right sidebar
*****************************/
.masonery_area .single-blog{}
.masonery_area .single-blog .post-thumb{
height: auto;
}
.masonery_area .single-blog .post-title{
margin-top: 5px;
}
.masonery_area .single-blog .post-title a{
font-size: 20px;
}
.masonery_area .single-blog .post-thumb img{
height:auto;
}
.masonery_area .single-blog .post-bottom{
border-top:0;
padding-top:0;
margin-top:15px;
}
/* Audio CSS */
.audiojs{
background:#C03035;
height: 45px;
width: 100%;
}
.audiojs .scrubber{
background: #fff;  
height: 8px;
border-top: 0;
width: 170px;
margin-top: 19px;
margin-left: 12px;
border-radius: 10px;
}
.audiojs .play-pause{
background: #a92b2f;
width: 68px;
height: 45px;
padding: 0;
padding-left: 24px;
padding-top: 10px;
border-right: 0;
}
.audiojs .time{
display: none;

}
.audiojs .progress{
background: #A92B2F;
height: 8px;
border-radius: 10px;
}
.audiojs .loaded{
background:#fff;
height: 8px;
border-radius: 10px;
}
/*****************************
Blog Details
*****************************/
.navbar-nav.post-nav li{
margin-right: 60px;
}
.single-blog.blog-details .post-content{
padding-top: 30px;
}
.single-blog.blog-details .post-bottom{
margin-top: 55px;
}
.blog-share{
margin-top: 40px;
background: #f5f5f5;
display: inline-block;
padding: 2px 0;
}
span.stMainServices,
span.stButton_gradient, 
.stButton .chicklets{
height:24px !important;
}
.author-profile.padding{
padding-top:50px;
}
.author-profile .col-sm-2 img{
width: 100%;
border-left: 3px solid #0099AE;
}
.author-profile h3{
margin-top:0;
color: #3a424c;
}
.author-profile p{
color: #3a424c;
font-weight: 400;
}
.author-profile span a{
color: #C03035;
}
.response-area{
border-bottom: 0;
}
.response-area h2{
margin-top: 0;  
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 20px;
}
.post-comment{
padding-left: 70px;
padding-top: 36px;
border-top: 1px solid #f1e8dd;
}
.post-comment .pull-left img{
margin-right: 60px;
border-left: 3px solid #0884d5;
}
.post-comment .media-body{
padding-top: 6px;
border-bottom: 0;
padding-bottom: 50px;
}
.post-comment .media-body p{
margin-top:10px;
}
.post-comment .media-body span i{
color: #C03035;
margin-right: 10px;
}
.post-comment .media-body span a{
color: #C03035;
font-weight: 700;
}
.post-comment .media-body .post-nav li a{
font-weight: 300;
}
.parrent .media-list{
margin-left: 190px;
}
.parrent .post-comment{
padding-left: 0;
margin-left: 70px;
}
/****************************
********* Contact Us*********
*****************************/
#map-section {
margin-top: 50px;
margin-bottom: 50px;
position: relative;
}
#gmap {
height: 350px;
}
.get-in-touch img {
margin-top: 35px;
margin-bottom: 32px;
}
.get-in-touch p {
font-size: 18px;
font-weight: 300;
}
#map-section .contact-info {
position: absolute;
background-color: #7c3651;
right: 0;
top: 0;
width: 33%;
height: 100%;
padding:25px 50px;
opacity: 0.9;
color: #fff;
}
#map-section .contact-info h2, 
#map-section .contact-info a {
color: #fff
}
#map-section address a:hover {
color:#00AEEF
}
#contact-form #message{
resize:none;
}
#contact-form .btn-submit {
width: 28%;
margin: 5px auto;
}
.corporate-info .corporate-address {
background-image: url("../images/contact-bg.png");
background-position: left top;
background-repeat: no-repeat;
overflow: hidden;
padding-bottom: 50px;
}
.corporate-info .corporate-address address {
background-image: url("../images/icon-map.png");
background-position: left top;
background-repeat: no-repeat;
padding-left: 40px;
}
/****************************
****** Price-table CSS*******
*****************************/
.price-table {
margin-top: 88px;
margin-bottom: 96px;
}
.single-price ul {
padding: 0;
margin: 0;
list-style: none;
}
.table-heading {
background-color: transparent !important;
color: #FFFFFF !important;
overflow: hidden;
padding: 0 !important;
text-align: center;
}
.single-price.price-one .plan-name, 
.single-price.price-two .plan-name, 
.single-price.price-three .plan-name, 
.single-price.price-four .plan-name {   
color: #fff;
font-size: 20px;
margin-bottom: 0;
padding: 10px 0;
text-transform: capitalize;
}
.single-price.price-one .plan-name {
background-color: #0e76bc;
}
.single-price.price-two .plan-name {
background-color: #ac2429;
}
.single-price.price-three .plan-name {
background-color: #ed8d1b;
}
.single-price.price-four .plan-name {
background-color: #6c825f;
}
.single-price .plan-price { 
color: #fff;
float: none;
font-size: 14px;
height: 110px;
margin-bottom: 15px;
overflow: hidden;
position: relative;
z-index: 5;
padding-top: 15px;
}
.plan-price .dollar-sign {
font-size: 18px;
}
.plan-price .price {
font-size: 24px;
}
.plan-price .month {
display: block;
margin-top: -6px;
}
.price-one .plan-price:after, 
.price-two .plan-price:after, 
.price-three .plan-price:after, 
.price-four .plan-price:after  {  
border-style: solid;
border-width: 110px;
content: "";
height: 0;
left:50%;
position: absolute;
top: 0;
width: 0;
z-index: -1;
margin-left: -110px;
}
.price-one .plan-price:after {
border-color: #0d6fb1 transparent transparent;
}
.price-two .plan-price:after {
border-color: #ac2429 transparent transparent;
}
.price-three .plan-price:after {
border-color: #e78817 transparent transparent;
}
.price-four .plan-price:after {
border-color: #5f7452 transparent transparent;
}
.single-price ul li, 
.single-table ul li {
padding: 12px 18px;
background-color: #f7f7f7;
margin-bottom: 5px;
color: #696969;
}
.single-price ul li span, 
.single-table ul li span {
float: right;
}
.price-one .btn-buynow, 
.price-two .btn-buynow, 
.price-three .btn-buynow, 
.price-four .btn-buynow   {  
border-radius: 0;
color: #fff;
padding: 12px;
font-weight: 300;
letter-spacing: 3px;
text-transform: uppercase;
display: block;
}
.price-one .btn-buynow  {
background-color: #0d6fb1;
}
.price-two .btn-buynow  {
background-color: #ac2429;
}
.price-three .btn-buynow  {
background-color: #e78817;
}
.price-four .btn-buynow  {
background-color: #5f7452;
}
.price-one .btn-buynow:hover  {
background-color: #0a5a90;
}
.price-two .btn-buynow:hover  {
background-color: #821b1e;
}
.price-three .btn-buynow:hover  {
background-color: #c57413;
}
.price-four .btn-buynow:hover  {
background-color: #48583e;
}
.price-table2, .price-table3{
margin-bottom:125px;
}
.price-table4 {
margin-bottom: 150px
}
.table-one .table-header, 
.table-two .table-header, 
.table-three .table-header, 
.table-four .table-header {
overflow: hidden;
padding:20px;
color: #fff;
}
.table-one .table-header {
background-color:#0e76bc;
} 
.table-two .table-header {
background-color:#c03035;
}
.table-three .table-header {
background-color:#ed8d1b;
}
.table-four .table-header {
background-color:#6c825f;
}
.single-table {
position: relative;
padding-top: 60px;
}
.table-one:before, 
.table-two:before, 
.table-three:before, 
.table-four:before {
border-style: solid;
border-width: 0 130px 60px;
content: "";
height: 0;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.table-one:before {
border-color: transparent transparent #0d6fb1;
} 
.table-two:before {
border-color: transparent transparent #ac2429;
}
.table-three:before {
border-color: transparent transparent #e78817;
}
.table-four:before {
border-color: transparent transparent #5f7452;
}
.table-header h2 {
color: #fff;
float: left;
font-size: 24px;
margin-top: 7px;
}
.table-header .plan-price {
float: right;
margin: 0;
overflow: hidden;
padding-top: 1px;
}
.single-table .btn-signup {
display: block;
text-align: center;
position:relative;
z-index:1;
}
.single-table ul {
margin: 0;
padding: 0;
}
.table-one .btn-signup:after, 
.table-two .btn-signup:after, 
.table-three .btn-signup:after, 
.table-four .btn-signup:after {
content: "";
position: absolute;  
border-style: solid;
border-width: 78px 130px 0;  
height: 0;
left: 0; 
top: -1px;
width: 100%;
z-index: -1;
}
.table-one .btn-signup:after {
border-color: #0d6fb1 transparent transparent;
}
.table-two .btn-signup:after {
border-color: #ac2429 transparent transparent;
}
.table-three .btn-signup:after {
border-color: #e78817 transparent transparent;
}
.table-four .btn-signup:after {
border-color: #5f7452 transparent transparent;
}
.single-table .btn-signup a {
color: #fff;
display: inline-block;
overflow: hidden;
padding: 20px 0 0 0;
text-transform: uppercase;
letter-spacing: 3px;
}
.table-one .btn-signup:hover.btn-signup:after{
border-color: #0b598d transparent transparent;
}
.table-two .btn-signup.btn-signup:hover:after {
border-color: #831c20 transparent transparent;
}
.table-three .btn-signup.btn-signup:hover:after {
border-color: #bd7014 transparent transparent;
}
.table-four .btn-signup.btn-signup:hover:after{
border-color: #3d4b35 transparent transparent;
}
/*************************
********404 page CSS******
**************************/
#error-page {
display: table;
height: 100%;
min-height: 100%;
width: 100%;
color: #686868;
font-size: 18px;
font-weight: 300;
padding: 100px 0;
}
#error-page .container-fluid {
overflow: hidden;
}
.error-page-inner {
display: table-cell;
vertical-align: middle;
}
.bg-404 {
background-image: url("../images/home/tour-bg.png");
background-repeat: repeat-x;
background-position: center top;
}
.error-image {
display: inline-block;
padding-top: 50px;
padding-bottom: 50px;
}
.error-image img {
width: 100%;
}
#error-page h2 {
font-size:36px;
text-transform: uppercase;
}
.btn-error {
font-weight: 300;
margin-top: 30px;
padding:25px 55px;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 5px;
background-color: transparent;
border: 1px solid #cc9b59;
margin-top: 50px;
margin-bottom: 50px;
}
.btn-error:hover, .btn-error:focus  {
background-color: #cc9b59;
border-color:#cc9b59;
color:#fff;
}
#error-page i, #coming-soon i {
border: 1px solid #cc9b59;
height: 40px;
width: 40px;
line-height: 40px;
color: #cc9b59;
font-size: 17px;
margin:0 15px;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#error-page i:hover, #coming-soon i:hover {
background-color: #cc9b59;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/*************************
********404 page CSS******
**************************/
#error-page {
display: table;
height: 100%;
min-height: 100%;
width: 100%;
color: #686868;
font-size: 18px;
font-weight: 300;
padding: 100px 0;
}
#error-page .container-fluid {
overflow: hidden;
}
.error-page-inner {
display: table-cell;
vertical-align: middle;
}
.bg-404 {
background-image: url("../images/404-bg.png");
background-repeat: repeat-x;
background-position: center top;
}
.error-image {
display: inline-block;
padding-top: 50px;
padding-bottom: 50px;
}
.error-image img {
width: 100%;
}
#error-page h2 {
font-size:36px;
text-transform: uppercase;
}
.btn-error {
background-color: rgba(0, 0, 0, 0);
border: 3px solid #4FCCCD;
color: #797979;
font-size: 16px;
font-weight: 700;
letter-spacing:0;
margin-bottom: 50px;
margin-top: 50px;
padding: 25px 53px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.btn-error:hover, .btn-error:focus  {
background-color: #4FCCCD;
border-color:#4FCCCD;
color:#fff;
}
#error-page i, #coming-soon i {
border: 3px solid #cecece;
height: 40px;
width: 40px;
line-height: 35px;
color: #cecece;
font-size: 17px;
margin:0 15px;
border-radius: 50%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#error-page i.fa-twitter:hover, 
#coming-soon i.fa-twitter:hover, 
#error-page i.fa-twitter:hover, 
#coming-soon i.fa-twitter:hover, 
#error-page i.fa-google-plus:hover, 
#coming-soon i.fa-google-plus:hover {    
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#error-page i.fa-facebook:hover, 
#coming-soon i.fa-facebook:hover{
background-color:transparent;  
color: #314A87;
border-color:#314A87;
}
#error-page i.fa-twitter:hover, 
#coming-soon i.fa-twitter:hover{
background-color:transparent;  
color: #22BBF4;
border-color:#22BBF4;
}
#error-page i.fa-google-plus:hover, 
#coming-soon i.fa-google-plus:hover{
background-color:transparent;  
color: #DD4C3B;
border-color:#DD4C3B;
}
/*************************
******Coming Soon CSS*****
**************************/
.logo-image {
display: block;
text-align: center;
margin-top: 80px;
margin-bottom: 95px;
}
.logo-image img {
display: inline-block;
}
#coming-soon {
background-image: url("../images/coming-soon-bg.png");
background-position: center top;
background-repeat: repeat-x;
padding: 40px 0;
overflow: hidden;
}
#coming-soon .social-link {
margin-top: 35px;
}
.time-count {
display: block;
text-align: center;
}
.time-count ul {
padding-left: 0;
}
#countdown {
display: block;
max-width: 960px;
margin: 80px auto 100px;
}
#countdown li {
float: left;
display: block;
width: 25%;
text-align: center;
height: 254px;
background-position: 50% 0;
background-repeat: no-repeat;
background-size: contain !important;
position: relative;
color: #fff;
}
#countdown li.angle-one {
background-image: url(../images/coming-soon1.png);
left: 120px;
}
#countdown li.angle-two {
background-image: url(../images/coming-soon2.png);
left: 40px;
}
#countdown li.angle-three {
background-image: url(../images/coming-soon3.png);
right: 40px;
}
#countdown li.angle-four {
background-image: url(../images/coming-soon4.png);
right: 120px;
}
#countdown li > span {
font-size: 48px;
line-height: 48px;
font-weight: 700;
color: #fff;
display: inline-block;
margin-top: 40px;
}
#countdown li.angle-two > span,
#countdown li.angle-four > span {
margin-top: 80px;
}
#subscribe {
background-color: #565656;
color: #FFFFFF;
padding: 40px 0 50px;
}
#subscribe h2 {
color: #fff;
text-transform: uppercase;
}
#subscribe .fa-envelope-o {
color: #0884d5;
margin-right: 5px;
}
#subscribe .form-control {
background-color: transparent;
height: 52px;
color: #fff;
border:2px solid #00aeef;
}
#newsletter {
margin-top: 35px;
position: relative;
}
#newsletter i {
color: #0884d5;
font-size: 36px;
position: absolute;
right: 12px;
top: 7px;
}
.newsletter p {
color: #919191;
font-size: 12px;
margin-top: 10px;
}
#coming-soon-footer {
padding: 45px 0;
line-height: 15px;
overflow: hidden;
}
#coming-soon-footer a {
color: #d89b4e;
}
#coming-soon-footer a:hover {
color: #b38040
}
/*Shortcodes CSS*/
.bs-example{
margin: 0 0 20px;
}
.panel-group{
border: 1px solid #eee;
}
.panel-default{
border: 0;
}
.panel-group .panel{
border-radius: 0;
}
.panel-group .panel+.panel{
margin-top: 0;
}
.panel-default>.panel-heading{
background-color: transparent;
border-top: 1px solid #eee;
}
.panel-group .panel-default:first-child>.panel-heading{
border-top: 0;
}
.panel-default>.panel-heading+.panel-collapse .panel-body{
border-top-color: #eee;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
background-color: #4FCCCD;
}
.tab-content {
padding-top: 20px;
}
/*Features*/
.feature-inner{
text-align: center;
}
.icon-wrapper{
display: inline-block;
background-color: #4FCCCD;
color: #fff;
padding: 25px;
box-shadow: 0 0 0 5px rgba(0,0,0,.1) inset;
-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.1) inset;
border-radius: 100%;
margin: 10px 0;
}
#wfe{      background-image: url(../images/bg2.jpg);
background-repeat: repeat-x;
background-position: top;
width: 100%;
background-size: cover;}
#wfe h1{ padding-top:70px}
.clibor-rb{    padding: 0px 0px 30px 118px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
height: 188px;}
.clibor-rb p{    font-size: 25px;
line-height: 29px;}
.clibor-r{padding: 0px 0px 30px 118px;
border-right: 1px solid #ccc;
height: 208px;}
.clibor-r p{    font-size: 25px;
line-height: 29px;}
.clibor-b{padding: 0px 0px 30px 105px;
border-bottom: 1px solid #ccc;
height: 188px;}
.clibor-b p{    font-size: 25px;
line-height: 29px;}
.clibor-nb{padding: 0px 0px 30px 105px;
height: 208px;
margin-bottom: 45px;}
.clibor-nb p{    font-size: 25px;
line-height: 29px;}
.white{color:#fff}
#wfe h2{ color:#fff !important; font-weight:bold; font-size:32px;}
#wfe p {
font-size: 24px;
line-height: 30px;
}
.mid-mar{margin-top: 66px;
margin-bottom: 42px;}
#features h3{font-family: 'Wuerth Book', sans-serif;
font-size: 25px;
line-height: 35px;
color: #323232;
font-weight: 100;
text-align: left;}
#features p {
margin: 0 0 10px;
font-family: 'Wuerth Book', sans-serif;
font-size: 22px;
line-height: 22px;
}
.red{color: #c00;	
font-size: 16px !important;
font-family: 'Wuerth Bold' !important;}
.red:hover{  color: #009EE0;	
}
#clients h1{    color: #000000;
font-family: 'Wuerth Bold';}
.sliding-bar{    position: fixed;
z-index: 9999;
right: 0;
top:34px; transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
.sliding-bar.openpopup{right:355px;}
.cart{     background: url(../images/sidebar-blog.png);
width: 66px;
height: 67px;
/*position: fixed;*/
top: 34px; right: 0;  margin-top:0px;}
.email{     background: url(../images/email.png);
width: 66px;
height: 67px; margin-top:2px;
/*position: fixed; */
right: 0;}
.jobs{     background: url(../images/jobs.png);
width: 66px;
height: 67px; margin-top:2px;
/*position: fixed;*/
right: 0;
top: 142px;}
.cart:hover{     background: url(../images/sidebar-blog-hover.png);
width: 66px;
height: 67px;
/*position: fixed;*/
top: 34px; right: 0; cursor:pointer;}
.email:hover, .email.activate{     background: url(../images/email-hover.png);
width: 66px;
height: 67px;
/*position: fixed;*/
right: 0;cursor:pointer;}
.jobs:hover{     background: url(../images/jobs-hover.png);
width:66px;
height: 67px;
/*position: fixed;*/
right: 0;
top: 142px; cursor:pointer;}
.count
{
font-size:64px;
}
.let-spa{    letter-spacing: 1px;}
.let-spa a {
color: #fff;
}
h1.count {
font-size: 64px !important;
}
.chifer {font-size: 15px !important;
color: #909090; padding-top:50px}
.mar-to{ margin-top:10px}
.mar-bo{ margin-bottom:10px}
.marmin{    margin-top: -118px;}
.minustopbot{margin-top: -65px;
margin-bottom: 57px;}
.mar-big{    margin-top: 95px;}
.active1{    border-color: #cdcdcd;
color: #cc0000 !important;
border-bottom: 4px solid #cdcdcd !important;}
.blog-icon{    background: url(../images/blog.png);
background-position: right 14px;
background-repeat: no-repeat;}
/*Satisfation*/
#satisfaction .title{text-transform: none;
font-size: 38px;
margin-top: 60px;
margin-bottom: 60px;}
#implementation{background: url(../images/implementation.png) 0 100% repeat-x;
position: relative;
height: 500px;
background-size: cover;
background-position: bottom;
margin-top: -51px;}
.satis h3{ font-size:35px;     
font-family: 'Wuerth Book', sans-serif;
margin-bottom:30px}
.satis p {
font-family: 'Wuerth Book', sans-serif;
font-size: 23px;
line-height: 31px;
}
#satisfaction h3{font-size:35px;     margin-top: 23px;
margin-bottom: 20px;}
#satisfaction p	 {   font-size: 21px;
line-height: 27px;}
#satisfaction a{ color:#c00; font-size:14px}
#satisfaction a:hover{ color:#009EE0; }
.satis-cli{   border: 2px solid #c00;
padding: 57px 0px;
border-radius: 97px;}
.satis-cli h4{       font-size: 24px;
text-align: center; color:#c00}
.sc {font-size: 24px !important;
text-align: center !important; color:#c00 !important;}
.sc:hover {color:#009EE0 !important;}
.marg-big-t{ margin-top:60px}
.marg-big-b{ margin-bottom:60px}
.border-height-right{    height: 1px;
background: #ccc;
margin-top: 102px;
padding-right: 11px;
margin-left: 2%;
width: 98%;}
.border-height-left{    height: 1px;
background: #ccc;
margin-top: 102px;
padding-right: 11px;
margin-right: 2%;
width: 98%;}
.border-top{width: 1px;
height: 100%;
padding: 70px 0px;
background: #ccc;
margin: 0 auto;
position: relative;}
.border-bottom{width: 1px;
height: 100%;
padding: 144px 0px;
background: #ccc;
margin: 0 auto;
position: relative;     margin-top: 20px;}
/*nos-engagements*/
#nos-engagements {
background: url(../images/engagement.png) 0 100% repeat-x;
position: relative;
height: 750px;
background-size: cover;
background-position: bottom;
/*margin-top: -51px;*/
}
.wf h3{ font-size:32px; 
font-family: 'Wuerth Book', sans-serif; 
}
.wf p{ text-align:center;
font-size: 23px;}
.wf a{ color:#282828}
.wf a:hover{ color:#cc0000}
.wf .active{color:#cc0000 }
.wf .border-height-left{    height: 1px;
background: #ccc;
margin: 40px 0px;
width: 100%;}
.marginzero{ margin-top:0px !important}
#chaquejour{  background: url(../images/bg3.png) 0 100% repeat-x;
background-size: cover;
background-position: bottom;}
.cj{ background:rgba(0, 0, 0, 0.44);
padding:70px 50px;
margin: 110px 0px 160px;}
.cj h4{ font-size:29px; 
font-family: 'Wuerth Book', sans-serif; 
color:#fff; 
margin-bottom: 25px;
margin-top: 0px;
}
.cj p{ 
font-size: 20px;
color:#fff;
margin-bottom: 30px;
}
#chaquejour .marmin {
margin-top: -95px;
}
#chaquejour .minustopbot {
margin-top: -47px;
margin-bottom: 9px;
}
#nos-cliffer{}
#nos-cliffer h1{    color: #cc0000;
text-transform: none;
font-size: 43px;
margin-top: 33px;}
#nos-cliffer .mar-bot{ margin-bottom:70px}
#nos-cliffer h1.count{ font-size:62px !important}
#nos-cliffer p{ font-size:24px; line-height:26px; color:#323232}

.collaborateurs{ 
background-size: cover;
background-position: bottom;}
.min-top1{ margin-top:-100px}
.min-top2{ margin-top:-150px}
.item h1{    font-size: 37px !important;}
.item-nos-engagement h1{    font-size: 64px !important;}
/*wurth-france*/
#wurthfrance .marwf{ margin:0px}
#wurth-france {
background: url(../images/wf.png) 0 100% repeat-x;
position: relative;
height: 750px;
background-size: cover;
background-position: bottom;
/*margin-top: -51px;*/
}
.vous-avez h1{text-transform: none;
font-size: 43px;}
.vous-avez p{margin: 72px 0px;
font-size: 42px;}
#famille{  background: url(../images/wf-bg2.png) 0 100% repeat-x;
background-size: cover;
background-position: bottom;
margin-top: 60px;}
.fam h4{ font-size:45px; color:#fff; line-height:50px; margin-bottom:30px}
.fam p{ font-size:26px; color:#fff; line-height: 30px;}
.fam .mar-top{ margin-top:250px; margin-bottom:120px}
#famille .minustopbot {
margin-top: -63px;
margin-bottom: 34px;
}
.wfcli p{ margin-top:20px}
.wfcli .one{ background:url(../images/wf-icon1.jpg);
background-position:center; background-repeat:no-repeat;
height:126px}
.wfcli .one:hover{ background:url(../images/wf-icon1-hover.jpg);
background-position:center; background-repeat:no-repeat;
height:126px}
.wfcli .two{ background:url(../images/wf-icon2.jpg);
background-position:center; background-repeat:no-repeat;
height:126px}
.wfcli .two:hover{ background:url(../images/wf-icon2-hover.jpg);
background-position:center; background-repeat:no-repeat;
height:126px}
.wfcli .three{ background:url(../images/wf-icon3.jpg);
background-position:center; background-repeat:no-repeat;
height:126px}
.wfcli .three:hover{ background:url(../images/wf-icon3-hover.jpg);
background-position:center; background-repeat:no-repeat;
height:126px}
.wfcli .four{ background:url(../images/wf-icon4.jpg);
background-position:center; background-repeat:no-repeat;
height:126px}
.wfcli .four:hover{ background:url(../images/wf-icon4-hover.jpg);
background-position:center; background-repeat:no-repeat;
height:126px}
.wfcli .five{ background:url(../images/wf-icon5.jpg);
background-position:center; background-repeat:no-repeat;
height:126px}
.wfcli .five:hover{ background:url(../images/wf-icon5-hover.jpg);
background-position:center; background-repeat:no-repeat;
height:126px}
.wfcli .six{ background:url(../images/wf-icon6.jpg);
background-position:center; background-repeat:no-repeat;
height:126px}
.wfcli .six:hover{ background:url(../images/wf-icon6-hover.jpg);
background-position:center; background-repeat:no-repeat;
height:126px}
#ce-sonts { background:#808080; 
margin-bottom: -150px;}
#ce-sonts h1{   text-transform: none;
color: #fff; padding-top:10px}
.vid{
	background: url(../images/video.png);
	height: 650px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.vid center{line-height:0;}
.vid iframe{
	margin-top: 37px;
	margin-left: 0px;
}
.vid img{ width:100%}
#empty-space{ background:#dedede; padding-top:200px}
.lqsn {
	padding: 0px;
}
.lqsn-one{
	position: absolute;
	left: 21%;
	margin-top: 10%;
}
.lqsn-two{position: absolute;
left: 8%;
margin-top: 65%;}
.lqsn-three {
position: absolute;
left: 25%;
margin-top: 126%;
}
.star {
background: transparent;
height: 129px;
width: 129px;
cursor: pointer;
margin-top: 41px;
margin-left: 64px;
}
p.star-description {
text-align: center;
font-size: 31px;
line-height: 35px;
color: #fff;
padding-top: 119px;
}
.star-description span{
font-family: 'Wuerth Bold';
margin-top: 43px;
float: left;
text-align: center;
width: 100%;
}
.star-description {
position: absolute;
top: 4px;
bottom: 0;
left: 122%;
right: 0;
color: #000;
background: url(../images/wfbg3-1.png);
height: 640px;
width: 295%;
cursor: pointer;
transition: opacity .2s, visibility .2s;
background-repeat: no-repeat;
background-size: 100%;
}
.star:hover .star-description {
visibility: visible;
opacity: 1;
}
.star:hover{   }
.hand {
background: transparent;
height: 129px;
width: 129px;
cursor: pointer;
margin-top: 68px;
margin-left: -34px;
}
p.hand-description {
text-align: center;
font-size: 31px;
line-height: 35px;
color: #fff;
padding-top: 156px;
}
.hand-description span{
font-family: 'Wuerth Bold';
margin-top: 43px;
float: left;
text-align: center;
width: 100%;
}
.hand-description {
position: absolute;
top: -169px;
bottom: 0;
left: 124%;
right: 0;
color: #000;
background: url(../images/wfbg3-2.png);
height: 638px;
width: 291%;
cursor: pointer;
transition: opacity .2s, visibility .2s;
background-repeat: no-repeat;
background-size: 100%;
}
.hand:hover .hand-description {
visibility: visible;
opacity: 1;
}
.bulb {
background: transparent;
height: 129px;
width: 129px;
cursor: pointer;
margin-top: 86px;
margin-left: 64px;
}
p.bulb-description {
text-align: center;
font-size: 31px;
line-height: 35px;
color: #fff;
padding-top: 156px;
}
.bulb-description span{
font-family: 'Wuerth Bold';
margin-top: 43px;
float: left;
text-align: center;
width: 100%;
}
.bulb-description {
position: absolute;
top: -367px;
bottom: 0;
left: 122%;
right: 0;
color: #000;
background: url(../images/wfbg3-3.png);
height: 638px;
width: 291%;
cursor: pointer;
transition: opacity .2s, visibility .2s;
background-repeat: no-repeat;
background-size: 100%;
}
.bulb:hover .bulb-description {
visibility: visible;
opacity: 1;
}
.lqsn h4{    font-family: 'Wuerth Book';
font-size:31px;
text-transform:uppercase;}
.lqsn p {
font-size: 20px;
line-height: 22px;
}
.lqsn .col-sm-6 {
margin: 27px 0px;
}
.lqsn .mar-right{
margin-left: 31px;
}
.wf-bg{
	background:url(../images/wfbg3.png);
	background-size:100%;
	height: 624px !important;
	background-repeat:no-repeat}
/*Clients*/
.spacer80{ height:80px;clear: both; }
.spacer40{ height:40px;clear: both; }
.spacer20{ height:80px;clear: both; }
#wurth-clients{background: url(../images/client-bg.png) 0 100% repeat-x;
position: relative;
height: 500px;
background-size: cover;
background-position: bottom;
margin-top: -51px;}
#notre-plus .title{color: #cc0000;
margin-bottom: 50px;
text-transform:none;
font-family: 'Wuerth Bold';
font-size: 43px;
}
#notre-plus .title span{    float: right;}
#notre-plus p{    font-size: 32px;
margin: 64px 0px;
line-height: 33px;}
.quote-color {
color: #009EE0;
font-style: italic;
font-size: 31px !important;
line-height: 42px !important;
margin: 0px 0px 0px 50px !important;
}
#notre-plus .border-top {
width: 2px;
height: 100%;
padding: 50px 0px;
background: #cecece;
margin: 0 auto;
position: relative;
}
.quote-info {
color: #605d5c;
font-size: 24px !important;
line-height: 32px;
margin:0px !important;
font-style: italic;
}	
.left-coma{float: left;
}
.pad-top{padding-top: 70px;}
.right-coma{    float: right;     
margin-top: -20px;}
#nous-grey{      background-image: url(../images/bg4.jpg);
background-repeat: repeat-x;
background-position: center;
width: 100%;
padding: 0px 0px;
background-size: cover;}
#nous-grey .col-sm-5{
margin:10% 0px 5% 0px;
background:rgba(20, 20, 20, 0.51);
padding: 64px 40px 70px;
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;}
#nous-grey p {
font-size: 25px;
line-height: 37px;
color: #fff;
text-align: left;
margin-bottom: 30px;
}
#nous-grey .small{ font-size: 18px; }
#nous-grey a{ color:#fff; text-decoration: none; }
#nous-grey a:hover{ color:#009EE0; text-decoration: none; }
.red-active {
font-size: 16px !important;
color: #cc0000 !important;
}
.red-active:hover {
font-size: 16px !important;
color: #009EE0 !important;
}
/*Service*/
#wurth-service .title{color: #cc0000;
margin-bottom: 30px;
text-transform:none;
font-family: 'Wuerth Bold';
font-size: 43px;
}
#wurth-service h3{color: #009EE0;
margin: 10px 0px 40px;
text-transform:none;
font-family: 'Wuerth Book';
font-size:32px;
}
#wurth-service p{color: #404040;
font-size:25px;line-height: 30px;
}
#four-section h3{color: #323232;
margin: 10px 0px 40px;
text-transform:none;
font-family: 'Wuerth Book';
font-size:33px;}
#four-section .title{color: #cc0000;
margin-bottom: 70px;
text-transform:none;
font-family: 'Wuerth Bold';
font-size: 43px;
}
#four-section .row{ margin:0px}
.wservice-1{ background:url(../images/wservbg1.jpg);
background-size:cover;
padding:80px 0px 50px;
text-align:center;
margin-right: 2%;}
.wservice-2{ background:url(../images/wservbg2.jpg);
background-size:cover;
padding:80px 0px 50px;
text-align:center;
margin-left: 2%;}
.wservice-3{ background:url(../images/wservbg3.jpg);
background-size:cover;
padding:52px 0px 50px;
text-align:center;
margin-right: 2%;}
.wservice-4{ background:url(../images/wservbg4.jpg);
background-size:cover;
padding:52px 0px 50px;
text-align:center;
margin-left: 2%;}
#four-section h1{    color: #fff;
text-transform: uppercase;}
#four-section h4{font-family: 'Wuerth Book';
font-size:25px;
color:#fff;
margin-bottom:12%}
#video-full .row{ margin:0px}
#video-full .col-md-12{ padding:0px}
#video-full  iframe{margin-top: -42px;}
#video-full  .mar-bo {
margin-bottom: 0px;
margin-top: -5px;
background: #dedede;
padding-bottom: 20px;
}
/* css add by Hardik */
.ubermenu .ubermenu-item .ubermenu-submenu-drop li a {
padding: 6px 36px !important;
}
.ubermenu .ubermenu-item-layout-icon_left > .ubermenu-target-title {margin-left: 0px !important;}
.ubermenu .ubermenu-item .ubermenu-submenu-drop {
background: rgba(125, 123, 123, 0.6);
}
.nos-offer{padding-left:56px !important;}
.nos-offer span:hover, .nos-offer span:focus{ border-bottom: none !important; margin-bottom: -12px !important;} 
.contact-form{padding-top:0px !important; max-height:345px; padding: 0px 17px !important;}
.ubermenu .ubermenu-item.ubermenu-active .ubermenu-submenu-drop, .ubermenu-nojs .ubermenu-item:hover .ubermenu-submenu-drop{padding:15px 0;} 
.spontanee{font-weight:600;}
/*#main-menu:hover,#main-menu:active{ border-bottom: 2px solid #cc0000;} */
/*#main-menu .ubermenu-target-text:hover, #main-menu .ubermenu-target-text:active, .ubermenu .ubermenu-target-text:hover, .ubermenu .ubermenu-target-text:active {
    
	margin-bottom: -2px;
	padding-bottom: 2PX;
}
.ubermenu-submenu a span:hover
{
	border-bottom: 2px solid #fff;
	margin-bottom: -2px;
	padding-bottom: 0;
}
.ubermenu-submenu a span
{
	margin-bottom: -2px !important;
	padding-bottom: 0 !important;
}*/
.nos-offer span:hover {
    padding-bottom: 11px !important;
}

.ubermenu-active a span {
    position: relative;
}

/* .ubermenu-active ul a:hover span:before { */
    /* content: ""; */
    /* width: 100%; */
    /* height: 2px; */
    /* display: table; */
    /* background: #fff; */
    /* position: absolute; */
    /* bottom: 0; */
/* } */

.ubermenu-current-menu-item a span{
    /*border-bottom: 2px solid #cc0000 !important;*/
}
.ubermenu-current-menu-item ul li a span {
    border: 0 !important;
}


.ubermenu-submenu .ubermenu-current-menu-item a span {
    /*border-bottom: 2px solid #fff !important;*/
}

.ubermenu-submenu .ubermenu-current-menu-item ul a span {
    border-bottom: 0px solid #fff !important;
}

.wpcf7-form-control-wrap select option {
    background: #777 !important;
}

.page-template-template_wurth-france_contact .form-group .wpcf7-form-control-wrap select option {
    background: #FFFFFF !important;
}

.ubermenu-current-menu-item #main-menu .ubermenu-target-text{
	/*border-bottom: 2px solid #fff; */
	
	}
/*
.ubermenu .ubermenu-target-text:hover, .ubermenu .ubermenu-target-text:active{
border-bottom: 2px solid #fff;
margin-bottom:-2px;
}
*/
.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child{margin-top:0px !important;}
.wpcf7-form p{color:#fff; padding: 3px 0px; font-size:16px;}
.wpcf7-form p span{ padding: 4px 0px;}
.wpcf7-form-control-wrap select{background: transparent; width: 100%; border:0; padding:5px 0px; outline:0px;letter-spacing: 1px; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent url(../images/arrow-bottom.png) no-repeat right center;}
.wpcf7-form-control-wrap{padding-left: 0px !important; border-bottom: 1px solid #fff;}
#MOTS-CLES{background:transparent; border: 0; width: 256px; outline:0px; padding-left: 5px;}
input::placeholder {color: #fff;}
#candidature span{padding-left:0px !important;}
input.wpcf7-form-control.wpcf7-submit{width: 100%;
padding: 10px 0px;
border: 0px;
font-weight: 700;
letter-spacing: 1px;
margin-top: 10px;
background: #646464;
}
input.wpcf7-form-control.wpcf7-submit:hover,  input.wpcf7-form-control.wpcf7-submit:focus{background:#cc0000;}

.wpcf7-response-output {
display: none !important;}
.spontanee{background: url(../images/right-arrow1.png) 265px 13px no-repeat !important;     background-size: 10px 11px !important; font-size:16px !important;}
.ubermenu .ubermenu-autocolumn, .ubermenu .ubermenu-submenu-type-stack{padding-bottom: 0px !important;}
/* end editing by Hardik */



/*** csss start for nos engament page 1-oct yusuf ***/
.wurth_fance_topsec .container{
    width: 960px;
}
.wurth_fance_topsec .wf p{
    text-align: justify;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 0.02em;
    color: #323232;
    }
.wurth_fance_topsec .wf h3{
    font-size: 27px;
    line-height: 35px;
    letter-spacing: 0.02em;
    text-align: justify;
    margin-bottom: 35px;

}
.worth_dual_arrows .aroow_top_red{
    margin-bottom: 2px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 6px;
    margin-top: 100px;
    }
.wurth_fance_topsec .wf .worth_dual_arrows h3{
    text-align: center;
    margin-top: 22px;
}
.inner_lightblack_box p, .inner_lightblack_box h4{
    text-align: justify;
}
.bottom_arrow_sec{
    background: #dedede;
}
#rej.rej_sec_homepage{position: relative;}
#rej.rej_sec_homepage .col-sm-4{
background: rgba(204,0,0, .67);
position: absolute;
right: 0;
top: 0;
padding: 20px 50px 73px;
height: 100%;
}
#rej.rej_sec_homepage p{line-height: 30px;}
#clients.homepage_client_sec .marmin {
    margin-top: -42px;
}
#clients.homepage_client_sec .minustopbot {
    margin-top: 4px;
}
.home_slider_cap .banner_cap_main h1{text-align: center; margin-right: 0; display: inline-block; 
font-size: 66px; line-height: 82px;
}
.home_slider_cap.baner_owl_slider .banner_cap_main{bottom: 30% !important;}

#header{position: relative;}

#header #menuwurth{
position: absolute;
left: 0;
top: 100%;
width: 100%;
}
/*** csss start for nos engament page 1-oct yusuf ***/
.economic_sec_peramain{padding-bottom: 100px;}

.clientpage_banner .banner_cap_main{
    position: absolute;
    left: 0px;
    top:36%;
    z-index: 99;
    width: 100%;
}
.clientpage_banner .banner_cap_main h1{
  font-size:52px;
  line-height: 72px;
  color: #fff;
  font-family: 'Wuerth Book';
  margin-right:17rem;

  /*text-shadow: 0 0 10px #000;
  -moz-text-shadow: 0 0 10px #000;
  -webkit-text-shadow: 0 0 10px #000;*/
}

.clientpage_banner .banner_cap_main {
    top: inherit;
    bottom:25%;
}
.clientpage_banner h1.break_head span {
    margin-right: -200px;
    display: block;
}

#header #menuwurth.affix{
  position: fixed;
  top: 0;
  left: 0;
}

.banner_sec_main.histirique_slider:after{
    display: none;
}
#banner_sec {
    background-size: cover;
    background-position: center center;
}
.filter_serch_form{display: none;}
.star_bulb_anchar {
  color: #fff;
}
.star_bulb_anchar:hover {
    color: #009ee0;
}



/* Back top top */

.bk_top_cd_top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #c00 url("../img/cd-top-arrow.svg") no-repeat scroll center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
/*.bk_top_cd_top.cd-is-visible, .bk_top_cd_top.cd-fade-out, .bk_top_cd_top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}*/
.bk_top_cd_top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  z-index:100;
}
/*.bk_top_cd_top:hover {
  background-color: #c03035;
  opacity: 1;
}*/
@media only screen and (min-width: 768px) {
  .bk_top_cd_top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  	.bk_top_cd_top {
	  bottom: 30px;
	  height: 52px;
	  right: 2px;
	  width: 53px;
	}
}



/* POOJA.CSS */
/*Clients*/
 .spacer80{
     height:80px;
    clear: both;
}
 .spacer60{
     height:60px;
    clear: both;
}
 .spacer40{
     height:40px;
    clear: both;
}
 .spacer20{
     height:20px;
    clear: both;
}
 .spacer-minus{
     margin-top:-45px;
}
 #wurth-clients{
    background: url(../images/client-bg.png) 0 100% repeat-x;
     position: relative;
     height: 500px;
     background-size: cover;
     background-position: bottom;
     margin-top: -51px;
}
 #notre-plus .title{
    color: #cc0000;
     margin-bottom: 50px;
     text-transform:none;
     font-family: 'Wuerth Bold';
     font-size: 43px;
}
 #notre-plus .title span{
     float: right;
}
 #notre-plus p{
     font-size: 32px;
     margin: 64px 0px;
     line-height: 33px;
}
 .quote-color {
     color: #009EE0;
     font-style: italic;
     font-size: 31px !important;
     line-height: 42px !important;
     margin: 0px 0px 0px 50px !important;
}
 #notre-plus .border-top {
     width: 2px;
     height: 100%;
     padding: 50px 0px;
     background: #cecece;
     margin: 0 auto;
     position: relative;
}
 .quote-info {
     color: #605d5c;
     font-size: 24px !important;
     line-height: 32px;
     margin:0px !important;
     font-style: italic;
}
 .left-coma{
    float: left;
}
 .pad-top{
    padding-top: 70px;
}
 .right-coma{
     float: right;
     margin-top: -20px;
}
 #nous-grey{
     background-image: url(../images/bg4.jpg);
     background-repeat: repeat-x;
     background-position: center;
     width: 100%;
     padding: 0px 0px;
     background-size: cover;
}
 #nous-grey .col-sm-5{
     margin:10% 0px 5% 0px;
     background:rgba(20, 20, 20, 0.51);
     padding: 64px 40px 70px;
     background-repeat: no-repeat;
     background-position: bottom center;
     background-size: cover;
}
 #nous-grey p {
     font-size: 25px;
     line-height: 37px;
     color: #fff;
     text-align: left;
     margin-bottom: 30px;
}
 #nous-grey .small{
     font-size: 18px;
}
 #nous-grey a{
     color:#fff;
     text-decoration: none;
}
 #nous-grey a:hover{
     color:#009EE0;
     text-decoration: none;
}
 .red-active {
     font-size: 16px !important;
     color: #cc0000 !important;
}
 .red-active:hover {
     font-size: 16px !important;
     color: #009EE0 !important;
}
/*Service*/
 #wurth-service .title{
    color: #cc0000;
     margin-bottom: 30px;
     text-transform:none;
     font-family: 'Wuerth Bold';
     font-size: 43px;
}
 #wurth-service h3{
    color: #009EE0;
     margin: 10px 0px 40px;
     text-transform:none;
     font-family: 'Wuerth Book';
     font-size:32px;
}
 #wurth-service p{
    color: #404040;
     font-size:25px;
    line-height: 30px;
}
 #four-section h3{
    color: #323232;
     margin: 10px 0px 40px;
     text-transform:none;
     font-family: 'Wuerth Book';
     font-size:33px;
}
 #four-section .title{
    color: #cc0000;
     margin-bottom: 70px;
     text-transform:none;
     font-family: 'Wuerth Bold';
     font-size: 43px;
}
 #four-section .row{
     margin:0px
}
 .wservice-1{
     background:url(../images/wservbg1.jpg);
     background-size:cover;
     padding:80px 0px 50px;
     text-align:center;
     margin-right: 2%;
}
 .wservice-2{
     background:url(../images/wservbg2.jpg);
     background-size:cover;
     padding:80px 0px 50px;
     text-align:center;
     margin-left: 2%;
}
 .wservice-3{
     background:url(../images/wservbg3.jpg);
     background-size:cover;
     padding:52px 0px 50px;
     text-align:center;
     margin-right: 2%;
}
 .wservice-4{
     background:url(../images/wservbg4.jpg);
     background-size:cover;
     padding:52px 0px 50px;
     text-align:center;
     margin-left: 2%;
}
 #four-section h1{
     color: #fff;
     text-transform: uppercase;
     font-size:28px;
}
 #four-section h4{
    font-family: 'Wuerth Book';
     font-size:22px;
     color:#fff;
     margin-bottom:12%
}
 #video-full .row{
     margin:0px
}
 #video-full .col-md-12{
     padding:0px
}
 #video-full iframe{
    margin-top: -42px;
}
 #video-full .mar-bo {
     margin-bottom: 0px;
     margin-top: -5px;
     background: #dedede;
     padding-bottom: 20px;
}
/* inner*/
 .textp{
    font-family: 'Wuerth Book';
     font-size: 24px;
     color: #fff;
     line-height: 29px;
     margin-bottom: 25px;
}
 #inner{
    background: url(../images/bannerin-1.png) 0 100% repeat-x;
     position: relative;
     height: 500px;
     background-size: cover;
     background-position: bottom;
}
 #inner-content .title{
    color: #cc0000;
     margin-bottom: 50px;
     text-transform:none;
     font-family: 'Wuerth Bold';
     font-size: 43px;
}
 #inner-content h2{
    font-family:'Wuerth Book';
     font-size: 32px;
     color: #404040;
     margin: 15px 0px;
}
 #inner-content p {
     font-family: 'Wuerth Book';
     font-size: 24px;
     color: #505050;
     line-height: 35px;
     margin-bottom: 25px;
}
 #mid-section .row{
     margin:0px;
     height:100%;
}
 #mid-section .left{
    background: url(../images/left-bg1.jpg) 0 100% repeat-x;
     position: relative;
     height: 757px;
     background-size: cover;
     background-position:center;
}
 #mid-section .right{
    background: #008eca;
     position: relative;
     height: 757px;
     background-size: cover;
     background-position:center;
     padding: 70px 94px;
}
 #mid-section .right2{
    background: #008eca;
     position: relative;
     height: 757px;
     background-size: cover;
     background-position:center;
     padding: 70px 94px;
}
 #mid-section p{
     font-family:'Wuerth Book';
     font-size: 24px;
     color: #fff;
     line-height: 29px;
     margin-bottom: 25px;
     text-align: justify;
}
 #mid-section .col-sm-12 {
    padding:0px
}
 #mid-section .left2{
    background: url(../images/left-bg2.jpg) 0 100% repeat-x;
     position: relative;
     height: 757px;
     background-size: cover;
     background-position:center;
}
 .zi{
     z-index:999
}
 #testi h4{
    font-family:'Wuerth Book';
     font-size: 28px;
     color: #008eca;
     margin: 15px 0px;
}
 #testi h3{
    font-family:'Wuerth Book';
     font-size: 28px;
     color: #323232;
     margin: 15px 0px;
}
 #testi p{
    font-family:'Wuerth Book';
     font-size: 25px;
     color: #605d5c;
     margin: 15px 0px;
     text-align:left;
     line-height: 33px;
     margin-top: 46px;
     font-style: italic;
     text-align:justify;
     padding: 0px 65px;
}
 #testi .row{
     margin:0px
}
 .blue-col{
     color:#0093dd
}
 .justi{
     text-align:justify
}
 .pad-zero{
     padding:0px
}
 #travail-mid{
    background: url(../images/travail-bg.jpg) 0 100% repeat-x;
     position: relative;
     height: 600px;
     background-size: cover;
     background-position: bottom;
}
 .form-conti{
    background: url(../images/formation-continue-bg.jpg) 0 100% repeat-x !important;
}
 .vendure{
    background: url(../images/vendure-bg.jpg) 0 100% repeat-x !important;
}
 .padall{
    padding: 0 30px;
}
 .wservice-1, .wservice-3, .wservice-2, .wservice-4{
    padding:0;
     display:table;
     width:100%;
}
 .service_inr{
    vertical-align: middle;
     height:370px;
     display:table-cell;
     width:100%;
     transition:all ease-in-out 0.3s;
     -moz-transition:all ease-in-out 0.3s;
    -o-transition:all ease-in-out 0.3s;
     -webkit-transition:all ease-in-out 0.3s;
}
 .service_inr h4{
    visibility:hidden;
     opacity:0;
     overflow:hidden;
     height:0;
     transition:all ease-in-out 0.3s;
     -moz-transition:all ease-in-out 0.3s;
    -o-transition:all ease-in-out 0.3s;
     -webkit-transition:all ease-in-out 0.3s;
}
 .service_inr a{
    visibility:hidden;
     opacity:0;
     overflow:hidden;
     transition:all ease-in-out 0.3s;
     -moz-transition:all ease-in-out 0.3s;
    -o-transition:all ease-in-out 0.3s;
     -webkit-transition:all ease-in-out 0.3s;
}
 .service_inr:hover{
    background:rgba(0, 0, 0, 0.6);
}
 .service_inr:hover h4{
    visibility:visible;
     height:80px;
     opacity:1;
}
 .service_inr:hover a{
    visibility:visible;
     height:auto;
     opacity:1;
}
 .wservice-1 .service_inr:hover h4{
    height:30px;
}
 .wservice-2 .service_inr:hover h4{
    height:30px;
}
 .contact_sform {
     background: #ccc;
     padding: 20px;
     width: 370px;
     box-sizing: border-box;
     position: absolute;
     left: 52px;
     top: 0;
}
 .contact_sform h3 {
     margin: 0;
     padding: 0;
     text-transform: uppercase;
     font-size: 19px;
}
 .pcform_full {
     padding: 10px 0 0;
}
 .pcform_full label {
     font-weight: bold;
     color: #535353;
     text-transform: uppercase;
     display:block;
     font-size: 15px;
}
 .pcform_full .wpcf7-form-control.wpcf7-select {
     background: #fff;
}
 .pcform_full select option {
     background: #fff;
}
 .pcform_half {
     width: 49%;
     float: left;
}
 .pcform_half:nth-child(2) {
     float: right;
}
 .pcform_full input {
     width: 100%;
     box-sizing: border-box;
}
 .pcform_full textarea {
     width: 100%;
     height: 70px;
     resize:none;
     border:0;
}
 .pcform_full .wpcf7-form-control-wrap.message {
     display: block;
     width: 100%;
     border:0;
}
 .clear{
    clear:both;
}
 .pcform_half .wpcf7-form-control-wrap.email {
     position: static;
}
/* ======== Slider Css ======= */
 #wrapper_bu {
     position: relative;
     width: 100%;
     height: 262px;
     margin-bottom: 90px;
}
 .holder_bu {
     cursor: pointer 
}
 .holder_bu img{
    width:100%;
}
 .holder_bu_awayL1 {
     position: absolute;
     top: 30%;
     left: 9%;
     width: 15%;
     opacity:0.5;
     -webkit-transition: width 1s, height 1s, top 1s, left 1s;
     -moz-transition: width 1s, height 1s, top 1s, left 1s;
     -o-transition: width 1s, height 1s, top 1s, left 1s;
     -ms-transition: width 1s, height 1s, top 1s, left 1s;
     transition: width 1s, height 1s, top 1s, left 1s 
}
 .holder_bu_awayL2 {
     position: absolute;
     top: 35%;
     left: 0%;
     width: 15%;
     opacity:0.5;
     -webkit-transition: width 1s, height 1s, top 1s, left 1s;
     -moz-transition: width 1s, height 1s, top 1s, left 1s;
     -o-transition: width 1s, height 1s, top 1s, left 1s;
     -ms-transition: width 1s, height 1s, top 1s, left 1s;
     transition: width 1s, height 1s, top 1s, left 1s 
}
 .holder_bu_center {
     position: absolute;
     top:0;
     left: 26%;
     width:50%;
     height: auto;
     -webkit-transition: width 1s, height 1s, top 1s, left 1s;
     -moz-transition: width 1s, height 1s, top 1s, left 1s;
     -o-transition: width 1s, height 1s, top 1s, left 1s;
     -ms-transition: width 1s, height 1s, top 1s, left 1s;
     transition: width 1s, height 1s, top 1s, left 1s 
}
 .holder_bu_awayR1 {
     position: absolute;
     top: 30%;
     left: 80%;
     width: 15%;
     opacity:0.5;
     -webkit-transition: width 1s, height 1s, top 1s, left 1s;
     -moz-transition: width 1s, height 1s, top 1s, left 1s;
     -o-transition: width 1s, height 1s, top 1s, left 1s;
     -ms-transition: width 1s, height 1s, top 1s, left 1s;
     transition: width 1s, height 1s, top 1s, left 1s 
}
 .holder_bu_awayR2 {
     position: absolute;
     top: 35%;
     left: 90%;
     width: 15%;
     opacity:0.5;
     -webkit-transition: width 1s, height 1s, top 1s, left 1s;
     -moz-transition: width 1s, height 1s, top 1s, left 1s;
     -o-transition: width 1s, height 1s, top 1s, left 1s;
     -ms-transition: width 1s, height 1s, top 1s, left 1s;
     transition: width 1s, height 1s, top 1s, left 1s 
}




@media only screen and (min-width: 780px) {
	.nav.navbar-nav>li:hover>ul.sub-menu {
		display: block;
		-webkit-animation: fadeInUp 400ms;
		animation: fadeInDown 400ms;
	}
	ul.sub-menu {
		position: absolute;
		top: 52px;
		left: 0;
		background: rgba(70, 70, 70, 0.6);
		padding: 10px 20px;
		width: 286px;
		box-shadow: none;
		z-index: 999;
	}
	#header .navbar-nav li ul.sub-menu li a {
		padding-left: 20px;
	}
}


/*md only*/

@media (min-width: 992px) and (max-width: 1199px) {
	.col-md-4.portfolio-item {
		width: 33%;
	}
}


/*sm only*/

@media (min-width: 780px) and (max-width: 991px) {
	.col-sm-4.portfolio-item {
		width: 33%;
	}
}


/* md */

@media only screen and (max-width: 1500px) {
	.bulb {
		margin-top: 31px;
		margin-left: 54px;
	}
}

@media only screen and (max-width: 1380px) {
	.star {
		margin-top: 21px;
		margin-left: 42px;
	}
	.hand {
		margin-top: 60px;
		margin-left: -37px;
	}
	.hand-description {
		top: -145px;
	}
	.bulb {
		margin-top: 20px;
		margin-left: 43px;
	}
	.bulb-description {
		top: -334px;
	}
}

@media only screen and (max-width: 1200px) {
	.star-description {
		height: 505px;
		width: 495px;
	}
	.hand-description {
		height: 505px;
		width: 495px;
	}
	.bulb-description {
		height: 505px;
		width: 495px;
	}
	/*Pricing Table*/
	.single-price .plan-price:after {
		border-width: 100px;
		margin-left: -100px;
	}
	.single-table .table-content {
		padding: 20px;
	}
	.table-header {
		padding: 0 10px 7px;
	}
	.single-table:before {
		border-width: 0 106px 60px;
	}
	.single-table .btn-signup:after {
		border-width: 78px 106px 0;
	}
}


/* sm */

@media only screen and (max-width: 992px) {
	h1 {
		font-size: 25px;
	}
	#header .navbar-nav.navbar-right li {
		padding: 0;
	}
	#header .navbar-nav.navbar-right>li a {
		padding: 20px 10px;
	}
	#home-slider {
		margin-top: 30px;
	}
	#home-slider .main-slider {
		height: 250px;
	}
	#home-slider .slide-text {
		top: 0;
		width: 50%;
	}
	#home-slider h1 {
		margin-top: 0;
	}
	#home-slider .slider-hill {
		width: 400px;
	}
	#home-slider .slider-house {
		width: 250px;
		right: 90px;
		bottom: -20px;
	}
	#home-slider .slider-sun {
		right: 255px;
		bottom: 65px;
		width: 60px
	}
	#home-slider .slider-birds1 {
		right: 320px;
		bottom: 60px;
		width: 70px;
	}
	#home-slider .slider-birds2 {
		right: 0;
		bottom: 90px;
		width: 80px;
	}
	/*Pricing Table*/
	.single-price {
		margin-bottom: 40px;
	}
	.single-price .plan-price {
		height: 140px;
	}
	.single-price .plan-price:after {
		border-width: 140px;
		margin-left: -140px;
	}
	.single-table {
		margin-bottom: 50px;
	}
	.single-table:before {
		border-width: 0 172px 60px;
	}
	.single-table .btn-signup:after {
		border-width: 78px 173px 0;
	}
	#price-table2 {
		margin-bottom: 100px;
	}
	.nav.navbar-nav.post-nav li {
		display: inline-block;
		margin-right: 15px;
	}
	.masonery_area .nav.nav-justified.post-nav li {
		display: table-cell;
	}
	/* Blog */
	.post-comment {
		padding-left: 0;
	}
	.post-comment .pull-left img {
		margin-right: 20px;
	}
	.parrent .post-comment {
		margin-left: 0;
	}
	.parrent .media-list {
		margin-left: 150px;
	}
	.single-blog.two-column .post-overlay {
		margin-top: 0;
	}
}


/* xs */

@media only screen and (max-width: 800px) {
	h1 {
		font-size: 22px;
	}
	h2 {
		font-size: 20px;
	}
	.padding {
		padding: 30px 0;
	}
	#header {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.social-icons.pull-right {
		float: left !important;
	}
	#header .navbar-inverse .navbar-toggle,
	#header .navbar-inverse .navbar-toggle:focus {
		margin-top: 2px;
		margin-right: -15px;
		outline: none;
		right: 52px;
		border: 0px;
	}
	.navbar-header .navbar-toggle .icon-bar {}
	#header .navbar-inverse .navbar-toggle:hover {}
	#header .navbar-inverse .navbar-toggle:hover .icon-bar {
		background: #c00;
	}
	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border-top: 0;
	}
	.navbar.navbar-inverse {
		margin-top: 20px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.social-icons ul li:first-child {
		padding-left: 0;
	}
	.search {
		top: -40px;
	}
	#header .navbar-nav.navbar-right li>a>i {
		display: inline-block;
		float: right;
		padding: 8px 10px 8px 30px
	}
	#header .navbar-nav.navbar-right li>a {
		padding: 10px 0;
	}
	#header .navbar-nav li ul.sub-menu li a {
		padding: 5px 10px;
	}
	#header .navbar-inverse .navbar-nav li.active>a,
	#header .navbar-inverse .navbar-nav li.active>a:focus,
	#header .navbar-nav.navbar-right li>a:hover {
		border: none;
	}
	#home-slider {
		margin: 0px 0px;
		position: relative;
		height: 262px;
		background-size: cover;
		background-position: bottom;
	}
	#home-slider .main-slider {
		height: 500px;
	}
	#home-slider .slide-text {
		top: 0;
		width: 100%;
		text-align: center;
	}
	#home-slider .slider-hill {
		right: 50%;
		margin-right: -200px;
	}
	#home-slider .slider-house {
		right: 50%;
		margin-right: -125px;
	}
	#home-slider .slider-sun {
		right: 50%;
		margin-right: 60px;
	}
	#home-slider .slider-birds1 {
		width: 70px;
		right: 50%;
		margin-right: 120px;
	}
	#home-slider .slider-birds2 {
		width: 70px;
		right: 50%;
		margin-right: -200px;
	}
	h1.title.text-center {
		width: 100%;
	}
	.nav-left {
		margin-left: 0px;
	}
	.dropdown {
		background: #c00;
		margin-left: 0px;
	}
	#features h3 {
		text-align: center;
	}
	/*Pricing Table*/
	.single-price,
	.single-table {
		margin-bottom: 45px;
	}
	.single-price .plan-price {
		height: 200px;
		padding-top: 25px;
	}
	.single-price .plan-price:after {
		border-width: 200px;
		margin-left: -200px;
	}
	.single-table:before {
		border-width: 0 225px 60px;
	}
	.single-table .btn-signup:after {
		border-width: 78px 225px 0;
	}
	.single-table .btn-signup a {
		padding: 15px;
	}
	.clients {
		margin-bottom: 0px;
		margin-top: 44px;
	}
	.clibor-rb {
		padding: 11px 51px;
		border-right: 0px;
		height: 120px;
	}
	.clibor-b {
		padding: 11px 51px;
		border-right: 0px;
		height: 120px;
	}
	.clibor-r {
		padding: 11px 51px;
		border-right: 0px;
		border-bottom: 1px solid #ccc;
		height: 120px;
	}
	.clibor-nb {
		padding: 11px 51px;
		border-right: 0px;
		height: 120px;
	}
	.social-icons {
		clear: both;
		width: 100%;
		margin-bottom: 50px;
	}
	.search {
		float: left;
		clear: both;
		width: 100%;
		top: 0px;
	}
	.search-form {
		width: 100%;
		margin-bottom: 29px;
	}
	#action.responsive {
		height: 255px;
	}
	.action.take-tour {
		margin-top: -95px;
	}
	.action.take-tour .col-sm-7 {
		width: 100%;
		text-align: center;
	}
	.action.take-tour .col-sm-5 {
		width: 100%;
		margin-top: 120px;
	}
	.single-features {
		padding-bottom: 0;
		padding-top: 30px;
	}
	.single-features img {
		margin-bottom: 25px;
	}
	.single-features {
		text-align: center;
	}
	.single-features * {
		display: inline-block;
		text-align: center;
	}
	/* about us */
	.team-single {
		margin-bottom: 30px;
	}
	#company-information.choose .padding-top {
		padding-top: 0;
	}
	/* Blog */
	.arrow-right:after {
		background: none;
	}
	.arrow-left:before {
		background: none;
	}
	.col-sm-6.padding-right.arrow-right {
		padding-right: 15px;
	}
	.col-sm-6.padding-left.padding-top.arrow-left {
		margin-bottom: 70px;
		padding-left: 15px;
	}
	.blog-padding-right {
		padding-right: 15px;
	}
	.nav.nav-justified.post-nav li,
	.nav.navbar-nav.post-nav li {
		display: inline-block;
		margin-right: 15px;
	}
	.author-profile .col-sm-2 img {
		margin-bottom: 20px;
		width: auto;
	}
	.post-comment {
		padding-left: 0;
	}
	.parrent .post-comment {
		margin-left: 0;
	}
	.parrent .media-list {
		margin-left: 140px;
	}
	.post-comment .pull-left img {
		margin-right: 10px;
	}
	.single-blog.two-column .post-overlay {
		margin-top: 0;
	}
	/* Portfolio */
	.project-name h2 {
		margin-top: 20px;
	}
	.portfolio-filter li a {
		padding: 0 15px;
	}
	/*Coming Soon CSS*/
	#countdown li.angle-one {
		left: 60px;
	}
	#countdown li.angle-two {
		left: 20px;
	}
	#countdown li.angle-three {
		right: 20px;
	}
	#countdown li.angle-four {
		right: 60px;
	}
	#countdown li>span {
		font-size: 36px;
		line-height: 36px;
		margin-top: 30px;
	}
	#countdown li.angle-two>span,
	#countdown li.angle-four>span {
		margin-top: 60px;
	}
	#subscribe {
		font-size: 14px;
		text-align: center;
	}
	#newsletter .form-control {
		font-size: 14px;
		height: 40px
	}
	#newsletter i {
		font-size: 25px;
	}
	#countdown li.angle-one span.minutes,
	#countdown li.angle-one .minute {
		margin-left: 0
	}
	/* Contact-us2 CSS*/
	#map-section .contact-info {
		width: 51%;
		padding: 20px;
	}
	#gmap {
		height: 310px;
	}
	#contact-form .btn-submit {
		width: 50%;
	}
	#map-section .contact-info h2 {
		font-size: 20px;
	}
	#map-section .contact-info address {
		font-size: 14px;
	}
	/* 404 error CSS*/
	#error-page {
		padding: 50px 25px;
	}
	#error-page h2 {
		font-size: 24px;
	}
	.btn-error {
		font-size: 13px;
		padding: 12px 18px;
	}
	.minustopbot {
		margin-top: 0px;
		margin-bottom: 57px;
	}
	.marmin {
		margin-top: 0px;
	}
	.sliding-bar {
		display: none
	}
	.top-bar .col-sm-6 {
		text-align: center !important;
		float: none !important;
		font-size: 15px !important;
	}
	li.dropdown ul {
		display: none !important;
	}
	.blog-icon {
		background: none;
	}
	#rej {
		height: 100%;
		background: #cc1616;
	}
	.clibor-rb {
		height: 100%
	}
	.clibor-b {
		height: 100%
	}
	.clibor-r {
		height: 100%
	}
	.clibor-nb {
		height: 100%
	}
	#rej .col-sm-5 {
		margin-bottom: 11px;
	}
	#rej .col-sm-4 {
		background: none;
		padding: 15px 50px 34px;
	}
	.navbar-nav {
		overflow: hidden
	}
	.dropdown i.fa.fa-angle-down {
		display: none;
	}
	.border-height-right {
		display: none
	}
	.border-height-left {
		display: none
	}
	.border-top {
		display: none
	}
	.border-bottom {
		display: none
	}
	.satis-cli {
		border-radius: 0px;
	}
	#implementation {
		margin-top: 0px;
		background-size: cover;
		height: 200px;
	}
	.col-sm-5 {
		width: 100%
	}
	.marg-big-t {
		margin-top: 0px;
	}
	.marg-big-b {
		margin-bottom: 50px;
	}
	#nos-engagements {
		height: 230px;
		margin-top: 0px;
	}
	.wf h3 {
		font-size: 30px;
		text-align: center;
		margin: 40px 0px;
	}
	.wf p {
		text-align: center;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.cj {
		margin: 17px 0px 160px;
	}
	#chaquejour .minustopbot {
		margin-top: 0px;
		margin-bottom: 15px;
	}
	.arrow-nos {
		display: none
	}
	.min-top1 {
		margin-top: 0px;
	}
	#wurth-france {
		height: 230px;
		margin-top: 0px;
	}
	.vous-avez h1 {
		font-size: 34px;
	}
	.vous-avez p {
		font-size: 35px;
		line-height: 31px;
	}
	.lqsn .col-sm-6 {
		text-align: center;
	}
	#empty-space .mar-bo {
		margin-bottom: 0px;
	}
	.fam h4 {
		font-size: 29px;
		line-height: 32px;
	}
	.lqsn img {
		width: 100%;
	}
	.lqsn {
		margin-left: 0px;
	}
	.lqsn .mar-right {
		margin-left: 0px;
	}
	.lqsn p {
		text-align: center;
	}
	.lqsn {
		margin-left: 0px;
		margin-bottom: 33px;
	}
	.lqsn-one {
		position: relative;
		left: 0px;
		margin-top: 0px;
		text-align: center;
	}
	.lqsn-two {
		position: relative;
		margin-top: 0px;
		text-align: center !important;
		left: 0%;
	}
	.lqsn-three {
		position: relative;
		left: 0px;
		margin-top: 0px;
	}
	.lqsn h4 {
		text-align: center;
	}
	.star {
		display: none;
		background: transparent;
		height: 131px;
		width: 20%;
		cursor: pointer;
	}
	.star-description {
		height: 441px;
		width: 408%;
	}
	.star-description {
		position: relative;
		top: -9px;
		bottom: 0;
		left: 135%;
	}
	p.star-description {
		text-align: center;
		font-size: 24px;
		line-height: 35px;
		color: #fff;
		padding-top: 81px;
	}
	.hand {
		display: none;
		height: 109px;
		width: 20%;
		cursor: pointer;
		margin-left: -39px;
		padding-top: 0px;
		margin-top: 29px;
	}
	.hand-description {
		height: 464px;
		width: 408%;
	}
	.hand-description {
		position: relative;
		top: -172px;
		bottom: 0;
		left: 172%;
		;
	}
	p.hand-description {
		text-align: center;
		font-size: 24px;
		line-height: 35px;
		color: #fff;
		padding-top: 81px;
	}
	.bulb {
		display: none;
	}
	.spacer40 {
		height: 0px;
		clear: both;
	}
	.spacer80 {
		height: 0px;
		clear: both;
	}
	.wf-bg {
		height: 437px !important;
	}
	#wurth-clients {
		height: 230px;
		margin-top: 0px;
	}
	.wservice-1 {
		margin: 10px 0px;
	}
	.wservice-2 {
		margin: 10px 0px;
	}
	.wservice-3 {
		margin: 10px 0px;
	}
	.wservice-4 {
		margin: 10px 0px;
	}
	#four-section .title {
		margin-bottom: 20px;
		font-size: 33px;
	}
	#video-full iframe {
		height: 273px;
	}
	#four-section h4 {
		font-size: 18px;
		margin-bottom: 12%;
	}
	.title {
		font-size: 27px !important;
		text-align: center;
	}
	h3 {
		font-size: 27px !important
	}
	#wurth-service p {
		font-size: 23px;
	}
	#notre-plus .title span {
		float: left;
		text-align: center;
	}
	.col-xs-offset-2 {
		margin-left: 0px
	}
	#notre-plus p {
		font-size: 21px;
		margin: 34px 0px;
		line-height: 28px;
	}
	.quote-color {
		font-size: 23px !important;
		line-height: 34px !important;
		margin: 1px 0px 20px 0px !important;
	}
	.right-coma {
		display: none;
	}
	.left-coma {
		display: none;
	}
	.pad-top {
		padding-top: 10px;
	}
	#wurthfrance .col-sm-12.visible-xs {
		text-align: inherit !important;
	}
	.home .banner_sec_main:after {
		background-image: url(http://entreprise.wurth.fr/wp-content/uploads/2017/10/cut.png) !important;
	}
	.clibor-rb p,
	.clibor-b p,
	.clibor-nb p,
	.clibor-r p,
	.home #features p {
		font-size: 23px !important;
		line-height: 30px !important;
	}
	#features h3,
	#features .single-features h2 {
		font-size: 27px !important;
		font-family: 'Wuerth Bold';
	}
	.quality_list_inner p,
	.quality_list_inner ul li,
	#testi p,
	#mid-section p {
		font-size: 23px !important;
		line-height: 30px !important;
	}
	.formation_2block_sec.sec_padd_same {
		height: auto !important;
		padding: 30px 0 !important;
	}
	.faormatio_sec_top {
		padding-bottom: 30px !important;
	}
	.page-template-template_groupe-wurth_la-philosophie-wurth .arrow_sec_padd {
		padding-top: 30px !important;
	}
	#wurthfrance .col-sm-12.visible-xs p {
		font-size: 23px !important;
		line-height: 30px !important;
	}
	.filter_serch_form .form-group,
	.filter_serch_form select.form-control {
		float: none !important;
		margin-right: 0 !important;
		margin-bottom: 10px !important;
	}
	.filter_serch_form .form-group:first-child select.form-control,
	.filter_serch_form select.form-control {
		width: 100% !important;
	}
	.filter_serch_form .input-group .form-control {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.filter_serch_form .input-group {
		width: 100% !important;
	}
	.telechargements_filter_sec .head_commen h1 {
		margin-bottom: 30px !important;
	}
	.telechargements_filter_sec .filter_serch_form {
		padding: 20px 0px 0px !important;
	}
	.telechargements_filter_sec .filter_serch_form .input-group {
		max-width: 100% !important;
	}
	#wurthfrance .col-sm-12.visible-xs {
		font-size: 23px !important;
		line-height: 30px !important;
		-webkit-appearance: none;
	}
	.mar-big {
		margin-top: 45px;
	}
	.col.third.middled.copy-col.onScrollEnter {
		margin-bottom: 10px;
	}
	.slwrap {
		margin-bottom: 30px;
	}
	.filter_serch_form .input-group .form-control {
		float: left;
		box-shadow: none;
		-webkit-appearance: none;
	}
	.wfcli .six,
	.wfcli .five,
	.wfcli .four,
	.wfcli .three,
	.wfcli .two,
	.wfcli .one,
	.wfcli .six:hover,
	.wfcli .five:hover,
	.wfcli .four:hover,
	.wfcli .three:hover,
	.wfcli .two:hover,
	.wfcli .one:hover {
		background-size: 100px;
		height: 90px;
	}
	#nos-cliffer .mar-bot {
		margin-bottom: 0px !important;
		margin-top: 0px !important;
	}
	#famille {
		height: auto !important;
		min-height: 735px;
	}
	.director_sec_main h1 {
		margin: 0 !important;
	}
	.directoreimg_right_content>h4 {
		padding-bottom: 25px;
		padding-left: 0px !important;
		margin: 0px;
		padding-top: 20px !important;
	}
	.directoreimg_right_content li>h4,
	.directoreimg_right_content li>p {
		padding-left: 0px !important;
	}
	.director_sec_main {
		padding-bottom: 30px !important;
	}
}

@media only screen and (max-width: 480px) {
	/* Pricing Table*/
	.vid iframe {
		height: 58%;
		width: 85%;
		margin-left: 3px;
	}
	.vid {
		height: 247px;
	}
	.single-price,
	.single-table {
		margin-bottom: 35px;
	}
	.single-price .plan-price {
		height: 110px;
		padding-top: 7px;
	}
	.single-price .plan-price:after {
		border-width: 110px;
		margin-left: -110px;
	}
	.single-table:before {
		border-width: 0 145px 60px;
	}
	.single-table .btn-signup:after {
		border-width: 78px 145px 0;
	}
	/* Coming soon */
	#countdown li.angle-one {
		left: 25px;
	}
	#countdown li.angle-two {
		left: 10px;
	}
	#countdown li.angle-three {
		right: 10px;
	}
	#countdown li.angle-four {
		right: 25px;
	}
	#countdown li>span {
		font-size: 14px;
		line-height: 14px;
		margin-top: 10px;
	}
	#countdown li.angle-two>span,
	#countdown li.angle-four>span {
		margin-top: 30px;
	}
	#subscribe {
		font-size: 14px;
		text-align: center;
	}
	#newsletter .form-control {
		font-size: 14px;
		height: 40px
	}
	#newsletter i {
		font-size: 25px;
	}
	#countdown li.angle-one span.minutes,
	#countdown li.angle-one .minute {
		margin-left: 0
	}
	/* Contact-us2 CSS*/
	#map-section .contact-info {
		width: 100%;
	}
	#gmap {
		height: 390px;
	}
	#contact-form .btn-submit {
		width: 60%;
	}
	/* 404 error CSS*/
	#error-page {
		padding: 50px 25px;
	}
	#error-page h2 {
		font-size: 24px;
	}
	.btn-error {
		font-size: 10px;
		padding: 12px 11px;
	}
}

/* -------------------------------- 
Primary style
-------------------------------- */
/* -------------------------------- 
Modules - reusable parts of our design
-------------------------------- */
.cd-img-replace {
	/* replace text with a background-image */
	display: inline-block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/* -------------------------------- 
Main components 
-------------------------------- */
.cd-scroll-down {
	position: absolute;
	left: 50%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 20px;
	width: 38px;
	height: 44px;
	background: url("../img/cd-arrow-bottom.svg") no-repeat center center;
}
/* No Touch devices */
.no-touch #cd-vertical-nav {
	position: fixed;
	right: 30px;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}
.no-touch #cd-vertical-nav li {
	text-align: right;
}

.no-touch #cd-vertical-nav a {
	display: inline-block;
	/* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.no-touch #cd-vertical-nav a:after {
	content: "";
	display: table;
	clear: both;
}

.no-touch #cd-vertical-nav a span {
	float: right;
	display: inline-block;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
}

.no-touch #cd-vertical-nav a:hover span {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.no-touch #cd-vertical-nav a:hover .cd-label {
	opacity: 1;
}

.no-touch #cd-vertical-nav a.is-selected .cd-dot {
	background-color: #009EE0;
}

.no-touch #cd-vertical-nav .cd-dot {
	position: relative;
	/* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
	top: 6px;
	height: 11px;
	width: 11px;
	border-radius: 50%;
	background-color: #CC0000;
	-webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
	-moz-transition: -moz-transform 0.2s, background-color 0.5s;
	transition: transform 0.2s, background-color 0.5s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.no-touch #cd-vertical-nav .cd-label {
	position: relative;
	margin-right: 5px;
	padding: .3em .4em;
	color: #009EE0;
	font-size: 18px;
	font-size: 2.4rem;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	opacity: 0;
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}


/* Touch devices */

.touch #cd-vertical-nav {
	position: fixed;
	right: 30px;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
}

.touch #cd-vertical-nav li {
	text-align: right;
}

.touch #cd-vertical-nav a {
	display: inline-block;
	/* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.touch #cd-vertical-nav a:after {
	content: "";
	display: table;
	clear: both;
}

.touch #cd-vertical-nav a span {
	float: right;
	display: inline-block;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-o-transform: scale(0.6);
	transform: scale(0.6);
}

.touch #cd-vertical-nav a:hover span {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.touch #cd-vertical-nav a:hover .cd-label {
	opacity: 1;
}

.touch #cd-vertical-nav a.is-selected .cd-dot {
	background-color: #009EE0;
}

.touch #cd-vertical-nav .cd-dot {
	position: relative;
	/* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
	top: 6px;
	height: 11px;
	width: 11px;
	border-radius: 50%;
	background-color: #CC0000;
	-webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
	-moz-transition: -moz-transform 0.2s, background-color 0.5s;
	transition: transform 0.2s, background-color 0.5s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

button#responsive-menu-button.is-active{z-index: 9999999;color: #ffffff;
left: 60% !important;
position: fixed !important;
top: 0% !important;}
.responsive-menu-open button#responsive-menu-button .responsive-menu-box{z-index: 9999999999 !important;;}