/*----
 @font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway-Regular'), url(image/Raleway-Regular.ttf) format('truetype');
}

*{font-family:Raleway !important;}

---------- */
section.hm-abt img {
  /* margin-top: 27px; */
  /* width: 513px; */
  /* height: 328px; */
}
.top {
  position: fixed;
  right: 10px;
  bottom: 30px;
  text-align: center;
  color: #fff;
  background: #d3a722;
  padding: 10px 10px;
  z-index: 9;
  border-radius: 50%;
  border: 2px solid #d3a722;
  cursor: pointer;
  opacity: 0;
  transition: ease-in 0.5s;
}


.top.scll-top {
  opacity: 1;
  transition: ease-in 0.5s;
  bottom: 50px;
}

.top .fa {
  display: block !important;
}
/*footer*/

.frm-ft {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
}
.frm-ft {
  transition: .3s left ease-in-out;
}
.frm-ft {
  background-size: cover;
  background-position: 50% 50%;
}
.frm-ft.change{opacity: 1;transition: .3s left ease-in-out;}


@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url(http://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrQ.ttf) format('truetype');
}

* { font-family: Raleway !important; }  

.fa { font-family:fontawesome !important;}

body{ margin:0; padding:0; font-family: Raleway, Arial, sans-serif; font-size: 14px; font-weight: normal; color: #222; line-height: 24px; background:#fff; text-align:justify;}
a { text-decoration: none;}
p{Font-size: 16px;color: #080808;line-height: 27px;text-align:justify;letter-spacing: .3px;}

ol, ul{ Font-size:15px; color:#222; line-height:24px;}

.bnr-cont{position: absolute;top: 40%;width: 70%;color:#eee;margin:0 auto;text-align:center;z-index: 9;left: 15%;}
.bnr-cont h2{font-size: 42px;line-height: 58px;text-align: center !important;font-weight:600;text-shadow:#181818 5px 4px 6px;margin-bottom: 10px;letter-spacing: .5px;}

/*nav-tp*/
.nav-tp{ font-family: Raleway, Arial, sans-serif; background: #212121; position: relative; color:#fff;}
.nav-tp .fa{ color:#fff; font-size:18px; line-height:24px;}
.nav-tp a{ color:#fff;}
.nav-tp ul{ list-style:none; margin:0; padding:0;}
.nav-tp ul{ list-style:none;}
.nav-tp li{ color:#fff; list-style:none; float:left; padding: 8px 15px;}
.nav-tp .head-rht{ float:right;}

/*nav-tp*/

.container-fluid{ padding:0 2px; }

/*-- header --*/
header{ text-align:center;}
header img{ position: relative; top: 10px; margin: 0 auto;}

/*-- header --*/

/*-- navbar --*/

img{ max-width:100%;}

:focus{ outline:none;}

.container-fluid{ padding-left:2px; padding-right:2px;}

#MenuControl_C .dropdown-menu{ padding:0 !important; animation: fadeInUp 400ms;}
#MenuControl_C #navbar-collapse-1{ height:100% !important;}

#MenuControl_C .container-fluid{padding-left:0; padding-right:0;}

#HeaderControl_C, #HeaderControl{overflow:inherit !important; height:inherit !important;}



/*hm-abt*/
.hm-abt{padding: 7% 0 5% 0;position:relative;background: rgba(254,254,254,.4);}
.hm-abt-cont{/* padding-top:20px; */padding-bottom:20px;/* margin-top:50px; */margin-bottom: 10px;}
.hm-abt-sldr{ margin-top:50px; margin-bottom:50px; border:10px solid #ffbc3b; background:#fff;}
.hm-abt-sldr img{width:100%;}

.hm-abt:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 55%;
background:url(../image/abt-img.jpg) no-repeat; /*background-size:cover;background-attachment: fixed;*/
  /*background-color: #f2f2f2;*/
  z-index: -1;
animation:rotateInDownLeft 1000ms;

}
.hm-abt:before {
  /*background: #f3f3f3;
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 55%;
  z-index: 1;
  position: absolute;
  opacity: .9;*/
}
/*hm-abt*/

.hm-heading{ font-size:40px; color: #f9bf1e;}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
width: 100%;
}

.contact .info i {
font-size: 20px;
float: left;
width: 44px;
height: 44px;
background: #f9bf1e;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
transition: all 0.3s ease-in-out;
}

.contact .info h4 {
padding: 0 0 0 60px;
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
font-family: "Poppins", sans-serif;
}

.contact .info p {
padding: 0 0 0 60px;
margin-bottom: 0;
font-size: 15px;
color: #000000;
}


}

.contact .cont-form {
width: 100%;
}

.contact .cont-form .form-group {
padding-bottom: 8px;
}

.contact .cont-form .validate {
display: none;
color: red;
margin: 0 0 15px 0;
font-weight: 400;
font-size: 13px;
}

.contact .cont-form .error-message {
display: none;
color: #fff;
background: #ed3c0d;
text-align: center;
padding: 15px;
font-weight: 600;
}

.contact .cont-form .sent-message {
display: none;
color: #fff;
background: #18d26e;
text-align: center;
padding: 15px;
font-weight: 600;
}

.contact .cont-form .loading {
display: none;
text-align: center;
padding: 15px;
}

.contact .cont-form .loading:before {
content: "";
display: inline-block;
border-radius: 50%;
width: 24px;
height: 24px;
margin: 0 10px -6px 0;
border: 3px solid #f9bf1e;
border-top-color: #1a1814;
-webkit-animation: animate-loading 1s linear infinite;
animation: animate-loading 1s linear infinite;
}

.contact .cont-form input, .contact .cont-form textarea {
/* border-radius: 0;
box-shadow: none;
font-size: 14px;
background: #0c0b09;
border-color: #625b4b;
color: white;*/
}

.contact .cont-form input::-webkit-input-placeholder, .contact .cont-form textarea::-webkit-input-placeholder {
color: #a49b89;
}

.contact .cont-form input::-moz-placeholder, .contact .cont-form textarea::-moz-placeholder {
color: #a49b89;
}

.contact .cont-form input:-ms-input-placeholder, .contact .cont-form textarea:-ms-input-placeholder {
color: #a49b89;
}

.contact .cont-form input::-ms-input-placeholder, .contact .cont-form textarea::-ms-input-placeholder {
color: #a49b89;
}

.contact .cont-form input::placeholder, .contact .cont-form textarea::placeholder {
color: #a49b89;
}

.contact .cont-form input:focus, .contact .cont-form textarea:focus {
border-color: #f9bf1e;
}

.contact .cont-form input {
height: 44px;
}

.contact .cont-form textarea {
padding: 10px 12px;
}

.contact .cont-form button[type="submit"] {
background: #f9bf1e;
border: 0;
padding: 10px 35px;
color: #fff;
transition: 0.4s;
border-radius: 50px;
}

.contact .cont-form button[type="submit"]:hover {
background: #d3af71;
}


/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
display: none;
right: 15px;
bottom: 15px;
z-index: 995;
}

.back-to-top i {
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
width: 44px;
height: 44px;
border-radius: 50px;
color: #f9bf1e;
transition: all 0.4s;
border: 2px solid #f9bf1e;
}

.back-to-top i:hover {
background: #f9bf1e;
color: #1a1814;
}
.social-lnks{float:right;}
.Calcul-sec img{max-width:100%; border-radius:50%;}
.no-gutters>.col, .no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.Calcul-sec { padding: 6% 0;}
.Calcul-sec .Calcul-item{position:relative; overflow:hidden; border-radius:50%;border-bottom: 10px solid #f9bf1e;}
.Calcul-sec .Calcul-cont{opacity:0; position:absolute; transition:all .5s;z-index: 99; bottom:40px; left:0; right:0;
  text-align: center;}
.Calcul-sec .Calcul-cont h4{color:#f9bf1e; font-size:20px; font-weight:bold;}	
.Calcul-sec .Calcul-cont a{color:#f9bf1e; font-size:14px; font-weight:bold;}
.Calcul-sec .Calcul-item:hover .Calcul-cont {opacity:1; position:absolute; padding-bottom:20px;}
.Calcul-sec .Calcul-item:after {position:absolute; content:'';bottom: 0;
  width: 100%;
  height: 50%;
  z-index: 9; left:0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.8) 20%, rgba(0, 212, 255, 0) 100%);
  opacity: 1;
  transition: 0.4s;
}
.Calcul-sec .Calcul-item img {
  transition: all ease-in-out 0.4s;
}
.Calcul-sec .Calcul-item:hover img {
  transform: scale(1.1);
}

.ser-sec{background: url(Image/ser-bg.jpg);background-size:cover;background-attachment:fixed;padding:100px 0;}
.ser-sec .tab-content{padding-top:50px;}
.ser-sec .nav-tabs>li{/*float:inherit;*/}
.ser-sec .nav-tabs>li>a{background: #000;/* color: #f9bf1e; */}
.ser-sec .nav-tabs li .fa{margin-right:10px;}
.ser-sec .nav-tabs>li>a:hover {background: #f9bf1e; color:#000;}
.ser-sec .nav-tabs>li.active>a, .ser-sec .nav-tabs>li.active>a:focus, .ser-sec .nav-tabs>li.active>a:hover{background: #f9bf1e;}
.ser-sec h3{margin:0;    line-height: 30px; color:#fff;
  font-size: 22px;
  font-weight: 700;}
.ser-sec .nav-tabs{border-bottom: 1px solid #f9bf1e;text-align: center;}
.ser-sec .nav-tabs>li>a{border: 1px solid #f9bf1e;}
.nav-tabs a{color:#f9bf1e}
.ser-sec .nav-tabs>li {
  float: initial;
  margin-bottom: -1px;
  display: inline-block;
}
.ser-sec ul{margin-top:10px;}
.ser-sec ul li, .ser-sec p{text-align:justify; color:#fff; line-height:28px; list-style:none; position:relative;}
.ser-sec .tab-content ul li:before{content: "\f0a4"; font-family:FontAwesome; position:absolute; left:-30px;}
.ser-sec img{padding-top:50px;}
.ser-sec .tab-content p a{border:1px dashed #000; padding:10px 15px; background:#f9bf1e; color:#000;}
.ser-sec .tab-content .rd-more{margin-top:20px;}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
padding: 10px 0;
overflow: hidden;
}

.section-bg {
background-color: #1a1814;
}

.section-title {
padding-bottom: 40px;
}

.section-title h2 {
font-size: 14px;
font-weight: 500;
padding: 0;
line-height: 1px;
margin: 0 0 5px 0;
padding-bottom: 15px;
letter-spacing: 2px;
text-transform: uppercase;
color: #aaaaaa;
font-family: "Poppins", sans-serif;
}

.section-title h2::after {
content: "";
width: 120px;
height: 1px;
display: inline-block;
background: rgba(255, 255, 255, 0.2);
margin: 4px 10px;
}
.contact .section-title h2::after, .Calcul-sec .section-title h2::after {
background:rgba(249, 191, 30, 0.5)}
.section-title p {
margin: 0;
margin: 0;
font-size: 36px;
font-weight: 700;
font-family: "Playfair Display", serif;
color: #f9bf1e;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.breadcrumbs {
padding: 15px 0;
background: #1d1b16;
margin-top: 110px;
}

@media (max-width: 992px) {
.breadcrumbs {
  margin-top: 98px;
}
}

.breadcrumbs h2 {
font-size: 26px;
font-weight: 300;
}

.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
font-size: 14px;
}

.breadcrumbs ol li + li {
padding-left: 10px;
}

.breadcrumbs ol li + li::before {
display: inline-block;
padding-right: 10px;
color: #37332a;
content: "/";
}

@media (max-width: 768px) {
.breadcrumbs .d-flex {
  display: block !important;
}
.breadcrumbs ol {
  display: block;
}
.breadcrumbs ol li {
  display: inline-block;
}
}

/*-- form --*/

.map-hm-rht .sbmt-btn{
background: #f9bf1e;
border: 0;
padding: 10px 24px;
color: #000;
margin-top: 40px;
transition: 0.4s;
border-radius: 50px;
}
.form-hm{ background: rgba(240,236,225,1);}
.form-hm .form-control{ min-height: 50px;}
.map-hm-rht{position:relative;/* padding-top:40px; */padding-bottom:40px;}
.map-hm-rht .hm-heading{ text-align:center;}

.form-hm input{ width:100%; margin-bottom: 7px; line-height:30px; padding:5px 10px;}
.lbl{ font-size: 18px;}

.form-hm textarea{ width:100%; margin-bottom:7px; padding:5px 10px;}




/*-- //form --*/


/*.abt-cont*/
.head-main span {
  font-family: "Great Vibes", Helvetica, Arial, sans-serif;
  font-size: 56px;
  line-height: 55px;
  display: block;
  color: #e64a54;
}
.head-main strong {
  text-transform: uppercase;
  font-weight: bold;
}
.map-hm .col-md-6 {
  padding: 0;
}
.map-hm-lft {
  background: url(image/contact-bg.jpg);
  background-attachment: fixed;
  background-size: 100%;
  height: 500px;
}
.map-hm-lft-inner p {
  text-align: center;
  color: #fff;
  font-size: 15px;
}
.map-hm .hm-heading{ text-align:center; color:#fff; line-height: 40px; margin-top: 0;}
.map-hm-lft-inner p strong {
  background: #ffbc3b;
  padding: 4px 9px;
  border-radius: 4px;
  font-size: 14px;
  display: block;
  width: 80%;
  margin: 0 auto;
}
.map-hm-rht {
  /*height: 400px;*/
}
.map-hm-lft {
  background: url(image/contact-bg.jpg);
  background-attachment: fixed;
  background-size: 100%;
  height: 400px;
}

/*.abt-cont*/
.head-main span {
  font-family: "Great Vibes", Helvetica, Arial, sans-serif;
  font-size: 56px;
  line-height: 55px;
  display: block;
  color: #e64a54;
}
/*======================================
//--//-->   FOOTER
======================================*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer {
background: #000;
padding: 0 0 30px 0;
color: #eee;
font-size: 14px;
}

footer .footer-top {
background: #111;
padding: 60px 0 0px 0;
}

footer .footer-top .footer-info {
margin-bottom: 30px;
}

footer .footer-top .footer-info h3 {
font-size: 34px;
margin: 0 0 20px 0;
padding: 2px 0 2px 10px;
line-height: 1;
font-family: "Montserrat", sans-serif;
font-weight: 700;
letter-spacing: 3px;
border-left: 4px solid #f9bf1e;
}

footer .footer-top .footer-info p {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
font-family: "Montserrat", sans-serif;
color: #eee;
}

footer .footer-top .social-links a {
font-size: 18px;
display: inline-block;
background: #333;
color: #eee;
line-height: 1;
padding: 8px 0;
margin-right: 4px;
border-radius: 50%;
text-align: center;
width: 36px;
height: 36px;
transition: 0.3s;
}
footer .footer-top .social-links a .fa{ margin-right:0px;}
footer .footer-top .social-links a:hover {
background: #f9bf1e;
color: #fff;
}
footer .footer-top .social-links a:hover .fa{ 
color: #fff;
}

footer h2{color:#f9bf1e;font-size: 21px;font-weight:bold;}
footer h2 span{color:#f9bf1e; font-size:18px;}
footer .footer-contact .fa{margin-right:10px; color:#f9bf1e; font-size:16px;}
footer .footer-top h4 {
font-size: 14px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
position: relative;
padding-bottom: 12px;
}

footer .footer-top h4::before,
footer .footer-top h4::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 2px;
}

footer .footer-top h4::before {
right: 0;
background: #555;
}

footer .footer-top h4::after {
background: #f9bf1e;
width: 60px;
}

footer .footer-top .footer-links {
margin-bottom: 30px;
}

footer .footer-top .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}

footer .footer-top .footer-links ul i {
padding-right: 8px;
color: #f9bf1e;
}

footer .footer-top .footer-links ul li {
border-bottom: 1px solid #333;
padding: 10px 0;
}

footer .footer-top .footer-links ul li:first-child {
padding-top: 0;
}

footer .footer-top .footer-links ul a {
color: #eee;
}

footer .footer-top .footer-links ul a:hover {
color: #f9bf1e;
}

footer .footer-top .footer-contact {
margin-bottom: 30px;
}

footer .footer-top .footer-contact p {
line-height: 26px;
color: #fff;
}

footer .footer-top .footer-newsletter {
margin-bottom: 30px;
}

footer .footer-top .footer-newsletter input[type="email"] {
border: 0;
padding: 6px 8px;
width: 65%;
}

footer .footer-top .footer-newsletter input[type="submit"] {
background: #f9bf1e;
border: 0;
width: 35%;
padding: 6px 0;
text-align: center;
color: #fff;
transition: 0.3s;
cursor: pointer;
}

footer .footer-top .footer-newsletter input[type="submit"]:hover {
background: #13a456;
}

footer .copyright {
text-align: center;
padding-top: 30px;
color: #fff;
}

footer .credits {
text-align: center;
font-size: 13px;
color: #ddd;
}

/*footer*/

.frm-ft {
  position: relative;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
}
.frm-ft {
  transition: .3s left ease-in-out;
}
.frm-ft {
  background-size: cover;
  background-position: 50% 50%;
}

.credits{ font-size: 14px; color: #fff;}

/*footer*/


/*hm-team*/
.hm-team{ margin-bottom:30px; background: #212121; padding: 50px 0;}
.hm-team img{ border:10px solid #f9bf1e; border-radius:50%; float:left; margin-right:50px;}
.tm-cont{ padding-top:20px;}
.hm-team .left.carousel-control{ background-image:none;position: absolute; top:-30px; right: 100px; left: inherit;}
.hm-team .right.carousel-control{ background-image:none;position: absolute; top: -30px; right: 0px; left: inherit;}
.hm-team .carousel-control{ position:absolute; top:inherit; width:80px; height:35px; border-radius:50px;text-shadow:none;}

.hm-team .carousel-control .fa{ font-size:20px; line-height:35px; color: #fff;}
.hm-team .left.carousel-control, .hm-team .right.carousel-control{ background-color: #f9bf1e; opacity:1;}

.hm-team .slide h3{ color: #f9bf1e;}

.hm-team h4, .hm-team p{ color:#fff;}
.hm-team h4, .hm-team p a{color:#f9bf1e;}

.hm-team .hm-heading{ color:#f9bf1e;}

/*hm-team*/

@media (max-width: 991px) {

}


@media (max-width: 767px) {
#widgetsControl, #widgetsControl_C{ height: inherit !important;}
.ser-cnt{ bottom: -80px !important;}


}


@media (max-width: 575px) {	
.ser-box{ width: 100%; float: inherit !important;}
.ser-img img{ height: inherit !important;}	
.hm-team .left.carousel-control{ top: inherit !important; right: 100px !important;}
.hm-team .right.carousel-control{ top: inherit !important; right: 10px !important;}
.hm-team img{ display: initial; border: 5px solid #f9bf1e !important; float: inherit !important; 
margin-right: 0 !important; width: 100px;}

.tm-cont{ padding: 10px 15px !important;}
.header img{ top:0 !important;}
.carousel-inner .item{ text-align:center !important;}
.carousel-inner > .item > img{ display: initial !important;}

  
}


@media (max-width: 480px) {	
  

}

.ser-sec .nav-pills>li>a{background: #000;font-size: 16px;}
.ser-sec .nav-pills li .fa{margin-right:10px;}
.ser-sec .nav-pills>li>a:hover {background: #f9bf1e;color:#000;}
.ser-sec .nav-pills>li.active>a, .ser-sec .nav-pills>li.active>a:focus, .ser-sec .nav-pills>li.active>a:hover{background: #00416f;color: #555;}
.ser-sec h3{margin:0;    line-height: 30px; color:#fff;
    font-size: 22px;
    font-weight: 700;}
.ser-sec .nav-pills{border-bottom: 1px solid #f9bf1e;text-align: center;padding-bottom: 0px;padding-left: 55px;}
.ser-sec .nav-pills>li>a{border: 1px solid #f9bf1e;border-radius: 4px 4px 0 0;margin-top: -15px;color: #fff;padding: 5px 15px !important;}
.ser-sec .nav-pills>li {
    padding-right: 10px;
    margin-bottom: -1px;
    display: inline-block;
}
.ser-sec .nav-pills .nav-link.active, .ser-sec .nav-pills .show>.nav-link { background: #f9bf1e;}
@media(min-width: 320px) and ( max-width: 768px){
  .bnr-cont h2 { font-size: 20px; line-height:30px}
  .ser-sec .nav-pills { padding-left: 0}
  .ser-sec .nav-pills>li>a { margin-top: 5px; padding: 0px; font-size: 14px}
}