/*-----------------------------------------------------------------------------------
   css index
  ===================

  color : #ed7f10;
  
  1. theme default css (body, link color, section etc) (32)
  2. les class 
  3. header area 
  3.1 stick menu area 
  4. apropos area 
  5. services area 
  6. skill area 
  7. faq area  
  8. soumission area  
  9. portfolio area  
  10. review area 
  11. programme area  
  12. testimonials area  
  13. blog area  
  14. devis area 
  15. contact area
  16. footer area  

-----------------------------------------------------------------------------------*/

/*----------------------------------------					
	1.	Theme default css
----------------------------------------*/

html, body {
  height: 100%;
}

body {
  background: #fff none repeat scroll 0 0;
  font-family: 'open sans', sans-serif;
  font-size: 14px;
  color: #444;
  text-align: left;  
  overflow-x: hidden;
  line-height: 22px;
}

div#preloader {
  position: fixed;
  background: #fff url('../img/preloader.gif') no-repeat center center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;  
  z-index: 99999;  
  overflow: visible;
}

::-moz-selection {
  background: #ed7f10; /* 3ec1d5 */
  text-shadow: none;
}

::selection {
  background: #ed7f10; /* 3ec1d5 */
  text-shadow: none;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  margin: 0 0 15px;
  color: #444;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'raleway', sans-serif;
  font-weight: 500;
  color: #444;
  margin: 0 0 15px;  
}

h1 {
  font-size: 48px;
  line-height: 50px;
}

h2 {
  font-size: 38px;
  line-height: 40px;
}

h3 {
  font-size: 30px;
  line-height: 32px;
}

h4 {
  font-size: 24px;
  line-height: 26px;
}

h5 {
  font-size: 20px;
  line-height: 22px;
}

h6 {
  font-size: 16px;
  line-height: 20px;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

input, select, textarea, 
input[type="text"], 
input[type="date"], 
input[type="url"], 
input[type="email"], 
input[type="password"], 
input[type="tel"], 
button, button[type="submit"] {
  -moz-appearance: none;
  box-shadow: none !important;
}

a {  
  color: #ed7f10;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

a:hover {
  color: #e6e6e6; /* 3ec1d5 */
  text-decoration: none;
}

a:active, a:hover {
  outline: 0 none;
}

a:focus {
  outline: 0px solid;
}

/*----------------------------------------
	2.  Les class
----------------------------------------*/
.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.alignright {
  float: right;
  margin-bottom: 15px;
  margin-left: 15px;  
}

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

.fix {
  overflow: hidden;
}

.area-padding {
  padding: 70px 0px 80px;
}

.area-padding-skill {
  padding: 70px 0px 50px;
}

.padding {
  padding-top: 34px;	
}

.padding-2 {
  padding-bottom: 90px;
}

.section-headline h2 {
  display: inline-block;
  position: relative;
  font-size: 40px;
  font-weight: 600;
  /*text-transform: capitalize;*/
  margin-bottom: 70px;  
}

.section-headline h2::after {
  position: absolute;
  width: 40%;
  border: 1px solid #333;
  margin: 0 auto;
  right: 0;
  bottom: -20px;   
  left: 0;
  content: "";
}

.section-headline h4 {
  display: inline-block;
  position: relative;
  font-size: 20px;
  font-weight: 300;
  text-align: justify;
  /*text-transform: capitalize;*/
  margin-bottom: 35px;  
}

.section-head {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
  padding: 0 0 10px;  
  transition: all 0.4s ease 0s;
}

.complement {
  display: none; 
}
 
.row.second-row {
  margin-top: 40px;
}

.pst-content {
  padding-left: 10px;
}

/***** Back to top button *****/
.back-to-top {
  position: fixed;
  display: none;
  background: #ed7f10; /* 3ec1d5 */
  border-radius: 2px;
  font-size: 16px;  
  color: #fff;
  right: 15px;
  bottom: 15px;
  padding: 6px 12px 9px 12px;  
  transition: background 0.5s;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

.back-to-top:focus {
  background: #ed7f10; /* 3ec1d5 */
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #f3a95e; /* 3cd6ed */
  color: #fff;
}

.clear {
  clear: both;
}

.color {
   font-weight: 700 !important;
   color: #f3a95e;   
}


/*--------------------------------
	3.	Header top area
--------------------------------*/

.header-area {
  position: absolute;
  background: rgba(0, 0, 0, 0.40);
  width: 100%;
  height: auto;  
  top: 0;
  left: 0;  
  z-index: 9;
}

.navbar-header a.navbar-brand {
  display: inline-block;
  height: 90px; /* hauteur de la barre de navigation */
  padding: 15px 0;
}

.main-menu ul.navbar-nav li {
  display: inline-block;
  padding: 0px 13px;
}

.main-menu ul.navbar-nav li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  font-size: 16px; /* grosseur de la font de police barre navigation */
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: 1px; 
  padding: 24px 0px;  
}

.main-menu ul.navbar-nav li.active a::after {
  position: absolute;
  width: 100%;
  border: 1px solid #fff;
  bottom: 0px;  
  left: 0;
  content: "";
}

.main-menu ul.navbar-nav li.active a:hover {
  background: none;
  color: #fff;
}

.main-menu ul.navbar-nav li.active a:focus {
  color: #fff;
}

.main-menu ul.navbar-nav li.active a {
  position: relative;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff; 
}

.main-menu ul.navbar-nav li a:hover {
  color: #ed7f10; /* 3ec1d5 */
}

.navbar {
  border: medium none;
  margin-bottom: 0;
}

.navbar-default {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.main-menu ul.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background: none;
  color: #333;
}

.navbar-default .navbar-toggle {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  padding: 25px 0px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  background-color: transparent;
  color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: none;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  width: 30px;
  height: 2px;  
}

.top-right.text-right {
  float: right;
  position: relative;
  top: 24px;
  margin-left: 20px;
}

.top-right.text-right>li {
  float: right;
  margin: 0px 8px;
}

.top-right.text-right li a {
  color: #fff;
}
 
/*--------------------------------
	3.1. Stick menu
--------------------------------*/

.header-area.stick {
  position: fixed;
  background-color: rgba(0, 0, 0, 1);
  width: 100%;
  height: 90px; /* hauteur de la barre de navigation */  
  top: 0; 
  z-index: 999999;
}

.stick .navbar-header a.navbar-brand {
  display: inline-block;
  height: 90px;
}

.stick .navbar-brand>img {
  display: none;
}

.stick .navbar-brand.sticky-logo>img {
  display: block;
}

.sticky-logo h1 {
  font-size: 26px;
  font-weight: 500;  
  color: #fff;
  line-height: 1;
  margin: 0;
  padding: 0;  
}

.sticky-logo h1 span {
  color: #ed7f10; /* 3ec1d5 */
}

.stick .main-menu ul.navbar-nav li.active a::after {
  position: absolute;  
  border: 1px solid #ed7f10; /* fff */
  bottom: 0px;
  width: 100%; 
  left: 0;
  content: "";  
}

.stick .main-menu ul.nav>li>a:hover {
  color: #ed7f10; /* fff */
}

.stick .main-menu ul.navbar-nav li.active a {
  position: relative;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff; 
}

.stick .mainmenu ul#nav>li:hover>a, .stick .mainmenu ul#nav li .mega-menu, .stick .mainmenu ul#nav li ul.sub-menu {
  background-color: #f5f5f5;
  color: #fff;
  outline: medium none;
}

.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover, .mainmenu ul#nav li .mega-menu span>a:hover, .stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover {
  color: #fff;
}

.stick .logo {
  height: 20px;
}

.stick .logo a {
  margin-top: 0px;
}

.stick .main-menu ul.nav>li>a {  
  color: #fff;
  line-height: 22px;
  text-transform: capitalize;
  letter-spacing: 1px;  
  padding: 24px 0px;  
}

.stick .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  width: 30px;
  height: 2px;
}

.stick .navbar-default .navbar-toggle {
  padding: 10px 0px;
}


/*------------------------------
	4. Apropos area
--------------------------------*/

.apropos-area {
  background-color: #f9f9f9;
}

.single-well>a {
  display: block;
}

.single-well ul li {
  display: block;
  color: #444; 
  padding: 5px 0;
}

.single-well ul li i {
  font-size: 12px;
  color: #ed7f10;
  padding-right: 10px;  
}

.single-well p {
  color: #444;
}


/*--------------------------------
	5. Services area
--------------------------------*/

.section-headline.services-head>h2 {
  margin-bottom: 25px;
}

.section-head>h2 {
  color: #333;
}

.services-details {
  padding-top: 40px;
  transition: all 0.5s ease 0s;
}

.services-details:hover h4, .services-details:hover .services-icon {
  color: #ed7f10; /* 3ec1d5 */
}

.single-services>h4 {
  font-size: 24px;
  font-weight: 500;
  color: #444; 
}

.single-services>p {
  font-size: 14px; 
  text-align: justify;
  color: #333;  
}

.services-icon {
  display: inline-block;
  font-size: 36px;
  color: #444; 
  line-height: 36px;
  margin-bottom: 20px;
}
 
/*----------------------------------------
	6.	Skill area
----------------------------------------*/

.our-skill-area {
  position: relative;
}

.our-skill-area {
  background: rgba(248, 248, 248, 0.8) url("../img/background/bg2.jpg") no-repeat fixed center top / cover;
}

.test-overly {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
}

.progress-h4 {
  font-weight: 500;	
  color: #fff;  
}

/*----------------------------------------
	7.	Faq area
----------------------------------------*/

.faq-details .panel-heading {
  padding: 0;
}

.faq-details h4.check-title {
  font-size: 18px;
  font-weight: 500;
  color: #444;  
  margin-bottom: 0;
}

.faq-details h4.check-title a {
  display: block;
  font-weight: 700;
  color: #333; 
  text-decoration: none;
  letter-spacing: 2px;
  margin-left: 40px;
  padding: 6px 10px;  
}

.faq-details a span.acc-icons {
  position: relative;
}

.faq-details a span.acc-icons::before {
  position: absolute;
  width: 42px;
  height: 40px;
  font-family: fontawesome;
  font-size: 24px;  
  color: #333;
  text-align: center;
  line-height: 39px;
  top: -10px;
  left: -51px;
  content: "";  
}

.faq-details a.active span.acc-icons::before {
  position: absolute;
  width: 42px;
  height: 40px;
  font-family: fontawesome;
  font-size: 24px;
  text-align: center;
  line-height: 39px;
  top: -10px;
  left: -51px;
  content: "";  
}

.faq-details h4.check-title a.active, .faq-details a.active span.acc-icons::before {
  color: #ed7f10;
}

.panel-default>.panel-heading {
  background-color: transparent;
  border: medium none;
  color: #333;
}

.panel-body {
  padding: 15px 15px 0px 50px;
}

.tab-menu {
  display: block;
  text-align: center;
}

.tab-content {
  border: 1px solid #ccc;
  padding: 0 15px 15px;
}

.tab-menu ul.nav {
  margin: 0;
  padding: 0;
}

.tab-menu ul.nav li {
  display: inline-block;
  border: medium none; 
}

.tab-menu ul.nav li a {
  display: block;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-radius: 0;
  font-family: raleway;
  font-size: 18px; 
  font-weight: 500;
  color: #444;  
  margin-right: 5px;
  padding: 10px 20px;  
}

.tab-menu ul li.active a, .tab-menu ul li.hover a, .tab-menu ul li.focus a {
  border-bottom: 1px solid #fff;
  color: #ed7f10 !important;
}

.tab-menu .nav-tabs {
  border-bottom: none;
}

.tab-menu .nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd;
}

.event-content.head-team h4 {
  background: transparent none repeat scroll 0 0;
  font-weight: 500;
  font-size: 24px;
  color: #333;
  text-transform: capitalize; 
  padding: 30px 0 10px;  
}

/*----------------------------------------
	8.	Soumission area css
----------------------------------------*/

.soumission-area {
  background: rgba(248, 248, 248, 0.8) url("../img/background/bg1.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.soumission-bg {
  position: relative;
}

.soumission-text {
  margin: 70px 0;
  padding: 30px 40px;
}

.soumis-text>h2 {
  font-size: 44px;
  font-weight: 500;
  color: #fff;  
  line-height: 50px;
}

.soumis-text>h3 {
  font-size: 30px;
  font-weight: 500;
  color: #ed7f10;  
  line-height: 50px;
}

.soumis-text p {
  font-size: 18px;
  font-style: italic;
  color: #fff;
}

.soumis-text .section-headline p {
  margin-bottom: 0;
}

.subs-fields {
  display: inline-block;
  border: 1px solid #ed7f10; /* fff */
  border-radius: 30px;
  width: 60%;
  height: 52px;  
  margin-top: 30px;  
  overflow: hidden;
}

.suscribe-input input {
  float: left;
  background: transparent none repeat scroll 0 0;
  border: medium none;  
  width: 70%;
  height: 50px;
  font-size: 15px;
  color: #fff;  
  line-height: 24px;
  padding: 11px 15px;  
}

.suscribe-input input::placeholder {
  font-size: 14px;  
  color: #ccc;
}

.suscribe-input button {
  float: left;
  background: #ed7f10 none repeat scroll 0 0;  /* fff */
  border: medium none;
  border-radius: 0 10px 10px 0;
  width: 30%;
  font-size: 18px;
  font-weight: 700;
  color: #fff;  /* ed7f10 */
  padding: 14px 20px; 
}

.suscribe-input button:hover {
  background: #fff none repeat scroll 0 0; /* ed7f10 */
  color: #ed7f10; /* fff */
}


/*----------------------------------------
	9.  Portfolio area css
----------------------------------------*/

.project-menu {
  text-align: center;
  margin-bottom: 40px;  
}

.project-menu li {
  display: inline-block;
}

.project-menu li a {
  display: inline-block;  
  background: #fff none repeat scroll 0 0;
  border: 1px solid #444;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #444;
  text-transform: capitalize;  
  transition: all 0.3s ease 0s; 
  cursor: pointer;  
  margin: 0 4px;
  padding: 6px 15px;
}                    

.project-menu li a.active, .project-menu li a:hover {
  background: #ed7f10;
  border-color: #ed7f10;  
  color: #fff;
  text-decoration: none;
}
																	
.single-awesome-portfolio {
  position: relative;
  float: left;
  width: 25%;
  padding: 15px;
  overflow: hidden;  
}

.single-awesome-project {
  overflow: hidden;
  margin-bottom: 30px; 
  /* box-shadow: 0px 2px 8px 2px #999; */
}

.single-awesome-project:hover .awesome-img>a::after {
  opacity: 1;
}

.single-awesome-project:hover .add-actions {
  opacity: 1;
  bottom: 0;
}

.add-actions {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 30px;
  padding: 10px 15px;
  transition: all 0.4s ease 0s;  
  opacity: 0;
  overflow: hidden;  
}

.awesome-img {
  display: block;
  position: relative;  
  width: 100%;
  height: 100%;  
}

.awesome-img>a {
  display: block;
  position: relative;
}

.awesome-img>a::after {
  position: absolute;
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  width: 100%;
  height: 100%;
  transition: 0.4s;
  top: 0;
  left: 0;
  content: "";  
  opacity: 0;  
}                                    

.project-dec {
  display: block;
  height: 100%;
  width: 100%;
}

.project-dec a {
  display: block;
  width: 100%;
  height: 100%;  
}

.project-dec h4 {
  margin-bottom: 5px;
}

.project-dec h4 { 
  font-size: 24px;
  font-weight: 800;
  color: #ddd;
  text-decoration: none;
  text-transform: uppercase;
  margin-top: -45px;
  padding-top: 50%;  
}

.project-dec h4:hover {
  color: #fff;
}

.project-dec span {
  font-size: 13px;
  color: #ddd; 
}


/*--------------------------------
	10. Review area
--------------------------------*/

.reviews-area {
  position: relative;
  background: url("../img/background/bg4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  width: 100%;
  height: auto;
  overflow: hidden;  
}

.work-left-text {
  background: #000 none repeat scroll 0 0;
}

.work-left-text {
  width: 50%;
}

.work-right-text {
  position: absolute;
  float: right;
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;  
  padding: 71px 0; 
  overflow: hidden;
}

.work-right-text h2 {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;  
}

.work-right-text h5 {
  font-size: 18px;
  font-weight: 700;  
  color: #fff;  
  line-height: 34px;
  text-transform: uppercase;
}

.work-right-text a {  
  font-size: 18px; 
}


/*----------------------------------------
	11. Programme area
----------------------------------------*/

.prog-area {
  background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
}

.prog_table_list {
  background: #fff;
  border: 1px solid #ccc; 
  text-align: center;
  transition: all 0.4s ease 0s; 
}

.prog_table_list>h3 {
  font-size: 24px;
  font-weight: 700;  
  color: #333; 
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  line-height: 25px;
  padding: 30px 0 20px;  
}

.prog_table_list h3 span {
  font-size: 16px;
}

.prog_table_list ol {
  list-style: outside none none;
  margin: 0;
  padding: 0 0 25px;
}

.prog_table_list ol li {
  position: relative;
  border-bottom: 1px solid #ccc;
  text-align: left;
  color: #666;
  padding: 12px 15px;  
}

.prog_table_list li.check.cross::after {
  position: absolute;
  font-family: fontawesome;
  font-size: 14px;
  color: indianred;  
  content: "\f00d";
  top: 12px;  
  right: 50px; 
}

.prog_table_list li.check::after {
  position: absolute;
  font-family: fontawesome;
  font-size: 14px;
  color: #33680A;
  content: "\f00c";
  top: 12px;  
  right: 50px;  
}

.prog_table_list button {
  background: #444 none repeat scroll 0 0;
  border: 1px solid #444;
  border-radius: 10px;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;  
  margin-bottom: 25px;
  padding: 6px 10px;  
}

.prog_table_list>button:hover {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
}

.prog_table_list.active {
  position: relative;
  transition: all 0.4s ease 0s; 
  overflow: hidden;
}

.saleon {
  position: absolute;
  background: #ed7f10 none repeat scroll 0 0;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;  
  top: 16px;
  left: -30px;
  padding: 2px 25px; 
  -webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
  transform: rotate(-45deg);  
}

.active>h3 {
  background: #f5f5f5 none repeat scroll 0 0;
  color: #333;
  transition: all 0.4s ease 0s;
}

.active>button {
  background: #ed7f10 none repeat scroll 0 0;
  border: 1px solid #ed7f10;
  color: #000;
  transition: 0.4s;
}

.active>button:hover {
  background: #333 none repeat scroll 0 0;
  border: 1px solid #333;
  color: #000;
  transition: 0.4s;
}

button a { 
  color: #fff; 
}


/*----------------------------------------
	12. Testimonial area css 
----------------------------------------*/

.testimonial-area {
  background: rgba(0, 0, 0, 0) url("../img/background/bg5.jpg") no-repeat fixed center top / cover;
  width: 100%;
  height: auto;  
}

.testimonial-overly {
  position: absolute;
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.testimonial-content {
  margin-bottom: 15px;
}

.testimonial-inner {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}

.quote-double { 
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 70px;  
  font-size: 24px;
  color: #fff;   
  height: 70px;
  line-height: 70px;  
}

.quote-double:hover {
  color: #fff;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
  display: block;
  position: absolute;
  margin-left: -20px;
  bottom: -30px;  
  left: 50%;  
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
  display: inline-block;
  margin: 0 3px;
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span {
  display: inline-block;
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  -webkit-transition: 0.4s;
	-moz-transition: 0.4s;  
		-o-transition: 0.4s;
			-ms-transition: 0.4s;
  transition: 0.4s; 
}

.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
  background: #ed7f10;
}

.testimonial-text p {
  font-size: 16px;
  color: #fff; 
  line-height: 1.5em;
  letter-spacing: 1px;
  margin: 20px 0;  
}

.testimonial-text cite {
  font-size: 14px; 
  color: #fff;
  letter-spacing: 2px; 
}

.testimonial-text cite::before  {
  content: "-"; 
}


/*--------------------------------
	13. Blog area
--------------------------------*/

.blog-area {
  width: 100%;
  height: auto;	  
}

.blog-meta {
  border-bottom: 1px dotted #444;
  padding: 10px 0 10px;
}

.blog-text h4 {
  color: #444;
  margin-top: 15px;
  margin-bottom: 15px; 
}

.single-blog .ready-btn {
  display: inline-block;
  border: 1px solid #444;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;  
  color: #444;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s; 
  margin-top: 10px;
  padding: 6px 12px;
  cursor: pointer; 
}

.single-blog .ready-btn:hover {
  background: #ed7f10;
  border: 1px solid #ed7f10;
  color: #fff;
  text-decoration: none;   
}


/*------------------------------
	14. Devis area
--------------------------------*/

.devis-area {
  background: #ed7f10 none repeat scroll 0 0;
  padding: 30px 0;
}

.devis-text {
  display: block;
  padding: 10px 0;
}

.devis-text h3 {
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;  
  margin: 0;  
}

.sus-btn {
  display: inline-block;
  background: #fff none repeat scroll 0 0;
  border: 2px solid #fff;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;  
  color: #ed7f10;
  text-decoration: none;
  text-transform: uppercase;  
  margin-left: 100px;
  padding: 10px 20px;  
}

.sus-btn:hover {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #ffcc00;
}


/*--------------------------------
	15. Contact area
--------------------------------*/

.contact-area {
  width: 100%;
  height: auto;  
}

.contact-content {
  background: #000 none repeat scroll 0 0;
  padding: 100px;  
}

.contact-content-right {
  padding: 100px;
}

.contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 100%;
  height: 40px;
  color: #444;  
  margin-bottom: 16px;
  padding-left: 20px;  
}

.contact-form textarea  {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 100%;
  height: 140px;
  color: #444;  
  padding: 20px;  
}

.contact-form button[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #444;  
  text-transform: uppercase;
  margin-top: 8px;
  padding: 12px 30px; 
  transition: all 0.3s ease 0s;  
}

.contact-form input[type=submit]:hover {
  background: #ed7f10;
  border: 1px solid #ed7f10;
  color: #fff;  
}

.single-icon i {
  font-size: 24px;
  width: 50px;
  height: 50px;
  border: 1px solid #ed7f10;
  line-height: 46px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.single-icon p {
  font-size: 16px;
  line-height: 30px;  
}

.single-icon .fa-solid {
  color: #ed7f10;   
}

.contact-icon {
  margin-bottom: 40px;
}

.map-responsive {
  position: relative;
  height: 0;
  padding-bottom: 68.25%; /* 56.25% */
  overflow: hidden;  
}

.map-responsive iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;  
}

/*----------------------------------------
	16. Footer area
----------------------------------------*/

.footer-area {
  background: #f9f9f9;
  padding: 40px 0;  
}

.footer-content {
  display: block;
  overflow: hidden;
}

.footer-head h4 {
  font-size: 16px;
  color: #444;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom: 10px;  
}

.footer-head p {
  color: #444;
}

.footer-logo {
  padding-bottom: 20px;
}

.footer-logo h2 {
  font-size: 32px;
  font-weight: bold;
  color: #222;
  line-height: 1;
  margin: 0;  
  padding: 0; 
}

.footer-logo h2 span {
  color: #ed7f10;
}

.footer-icons {
  margin-top: 30px;
}

.footer-icons ul li {
  display: inline-block;
}

.footer-icons ul li a {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #444;
  border-radius: 50%;
  font-size: 16px;
  text-align: center;
  color: #444; 
  line-height: 38px;
  margin-right: 5px;  
}

.footer-icons ul li a:hover {
  background: #ed7f10;
  border: 1px solid #ed7f10;
  color: #fff;
}

.flicker-img>a {
  float: left;
  width: 33.33%;
  padding: 1px;  
}

.footer-contacts p span {
  font-weight: 700;
  color: #ed7f10; 
}

/* ----- footer-area-bottom ----- */

.footer-area-bottom {
  background: #f1f1f1 none repeat scroll 0 0;
  padding: 15px 0;
}

.copyright-text a {
  color: #444;
}

.copyright-text a:hover {
  color: #ed7f10;	
  text-decoration: underline;
  
}

.copyright>p {
  color: #444;
  margin-bottom: 0;  
}

.copyright a, .credits a {
  color: #ed7f10;
}

.credits {
  text-align: center;
  padding-top: 5px;  
}


/*----------------------------------------
	.End css
----------------------------------------*/

/*
  theme name: ebusiness
  theme url: https://bootstrapmade.com/ebusiness-bootstrap-corporate-template/
  author: bootstrapmade.com
  license: https://bootstrapmade.com/license/
*/