/*body { padding-top:0px; font-family:  sans-serif;}*/

a, input{ transition:0.3s;}

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

.navbar-expand-lg{ width:100%; position:relative; padding:0;}
.navbar-expand-lg .container {flex-wrap: wrap;}

.container {max-width: 1200px;}

.fixed-top{ padding:0;}
.bg-dark{ background:#005fb8 !important;}
.hed-top{ width:100%; height:40px; position: relative; top:5px; display:block; font-size:14px; color:#fff; letter-spacing:1px; text-align:right; font-weight:600;}

.hed-top .social{ top:6px; right:0; position:relative; display:inline-block; z-index:10;}
.hed-top .social a{ width:25px; height:25px; display:inline-block; float:left; margin:0 5px; overflow:hidden; position:relative;}
.hed-top .social a img{ width:100%; height: auto; position:absolute ; top:0; left:0;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hed-top .social a:hover img{top:-27px;}

.hed-top .phone{ width:auto; position:relative; float:left; display:inline-block; line-height:40px; margin:0; padding:0 0 0 42px; color:#4a4a4a; font-size:16px; font-weight:normal; letter-spacing:3px;}
.hed-top .phone:before { content:""; width:32px; height:32px; position: absolute; margin:5px 50px 0 0px; padding:0; left:0; background:url(../images/phone-icon.png) no-repeat left; }

.hed-top .mail{ width:auto; position:relative; display:inline-block; line-height:40px; margin:0 20px 0 0;}
.hed-top .mail:before { content:""; width:30px; height:30px; position: absolute; margin:5px 0 0 -38px; background:url(../images/mail-icon.png) no-repeat left; }
.hed-top .mail a{ color:#FFFFFF;}

.logo-main{ width:100%; position: relative; float:left; margin:0; padding:0; left:0; text-align:center;}
.navbar-brand{ position: relative; display:inline-block; margin-top:-32px;}

.navbar-dark .navbar-toggler{ position:absolute; z-index:10; right:0; top:5px; outline:none; cursor:pointer;}
.navbar-dark .navbar-toggler-icon{background:url(../images/toggle.png) no-repeat left; background-size:100% auto;}

.fixed-top .container{ position:relative;}

.main_nav.menu-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; padding-bottom:7px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(33, 33, 34, 0.125); -moz-box-shadow: 0px 0px 5px 0px rgba(33, 33, 34, 0.125); box-shadow: 0px 0px 5px 0px rgba(33, 33, 34, 0.125);}
/* menu affix css */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


.main_nav{ width:100%; position:relative; top:0px; left:0; background:#FFFFFF;}


.navbar-expand-lg .navbar-collapse{ width:100%; float: right; margin:10px 0 0 0; text-align:center;}
.navbar-expand-lg .navbar-collapse .navbar-nav{ width:100%; display:block;}
.navbar-dark .navbar-nav .nav-item{ margin:0 27px; display: inline-block;}
.navbar-dark .navbar-nav .nav-link{font-family: 'Roboto Slab', serif; font-size:15px; color:#2c2c2c !important; letter-spacing:1px; padding:8px 0px; border-bottom:3px solid #ffffff; text-transform:uppercase;}
.navbar-dark .navbar-nav .nav-link:hover{color:#2c2c2c; border-bottom:3px solid #ED1C24;}
.navbar-dark .navbar-nav .nav-link.active{color:#2c2c2c; border-bottom:3px solid #ED1C24;}


.navbar-dark .navbar-nav .nav-item.show a{border-bottom:3px solid #ED1C24;}
.navbar-expand-lg .navbar-nav .dropdown-menu{ width:240px; padding:10px 0;}
.dropdown .dropdown-toggle:after{ position:relative; top:2px; margin-left: .355em; vertical-align: .355em; content: ""; border-top: .4em solid; border-right: .4em solid transparent; border-bottom: 0; border-left: .4em solid transparent; }

.dropdown:hover>.dropdown-menu { display: block;}
.dropdown ul{ width:100%; margin:0; padding:0; list-style:none;}
.dropdown ul li{ width:100%; margin:0; padding:10px 15px;}
.dropdown ul li a{ display:block; font-size:13px; color:#2c2c2c; text-transform:uppercase; letter-spacing:2px; text-decoration:none; line-height:14px; border-bottom:0px solid #2e3092 !important;}
.dropdown ul li a:hover{ color:#2e3092;}

.dropdown ul li.dropdown a:after{  position:absolute; right:15px;}
.dropdown ul li.dropdown ul{position: absolute; left:100%; display:none; top:15px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem;}
.dropdown ul li.dropdown:hover ul{ ;display: block;}

.dropdown ul li.dropdown ul{ width:100%; margin:0; padding:5px 0;}
.dropdown ul li.dropdown ul li a:after{ content:""; position:absolute; right:15px;}


header{ padding:0 2.6%;}
.carousel{ background:#B6B6B6; position:relative; padding:2.6%;}
/*.carousel:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; border:8px solid #FFF; margin:}*/
.carousel-inner{border:8px solid #FFF;}

.carousel-item { height: 80vh; min-height: 300px; max-height:550px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.carousel-item .picture-bg{ width:100%; height:100%; position:absolute; top:15px; left:0; transition: all 0.5s ease-out; text-align:center;}
.carousel-item .picture-bg img{ display:inline-block; transition: all 0.2s ease-out; margin-left:100%;}

.carousel-item.active .picture-bg img{ transition: all 0.5s ease-out; margin-left:0;}

.carousel-caption{ width:100%; left:0; top:0; text-align:center; bottom:0;}
.carousel-caption .slide-picture{ width:100%; float:left; margin:0; position:absolute; bottom:0%;}
.carousel-caption .slide-title{ width:100%; float:left; margin:0; position:relative;}
.carousel-caption h2{font-family: 'Roboto Slab', serif; font-size:2.6vw; font-weight:300; color:#000000; letter-spacing:4px; display:block; margin:20px 0 0 0; text-transform:uppercase;}
.carousel-caption p{font-family: 'Open Sans', sans-serif; font-size:20px; color:#fff; letter-spacing:2px;}


.carousel-indicators{ width:20px; position:absolute; left:20px; display:inline-block; margin:0; bottom: auto; top: 50%; bottom: 0%; transform: translate(-50%);}
.carousel-indicators li{ width:11px; height: 11px; opacity:1; background:#c2c2c2; margin:3px 0;}
.carousel-indicators li.active{background:#6e6e6e;}



.welcome-section{  position:relative; margin:40px 0; padding:0px;}
.welcome-section:before{ content:""; width:47%; height:100%; position:absolute; left:0; top:0;}

.title{ width:100%; position:relative; display:block; padding:0 0 10px 0; margin:0 0 10px 0; }
.title h2{ color:#000000; font-family: 'Roboto Slab', serif;  font-size:40px; color:#000; letter-spacing:3px; font-weight:500;}
.title p{ width:100%; display:block; font-size:18px; color:#f01b23 !important; font-weight:500; letter-spacing:1px; text-transform:uppercase;}

.welcome-section .welcome-text{ width:90%; display:block; padding:50px 0 0 8%; float:right;}
.welcome-section p{ color:#6c6c6c; line-height:26px; margin:0; padding:0;}
.welcome-section .left-pic{ text-align:right;}
.welcome-section .sofa{ width:100%; position:relative; right:0; bottom:0; padding:70px 0; display:inline-block; text-align:right; background:#f3f3f3;}
.welcome-section .sofa img{ max-width:100%; height:auto; display: inline-block;}

.welcome-section .welcome-text p{color:#444444; line-height:30px; letter-spacing:3px; font-weight: normal;}

.more-button{ width:auto; display:inline-block; margin:30px 0 0 0;}
.more-button a{ width:auto; display:inline-block; position:relative; height:44px; line-height:44px; background:#dfdfdf; font-family: 'Roboto Slab', serif; padding:0 22px; color:#000; font-size:13px; font-weight:400; text-transform:uppercase; text-decoration:none;}

.more-button a:after{ content:""; width:24px; height:16px; position:absolute; top:14px; right:-10px; background:url(../images/arrow.png) no-repeat;  transition:0.3s;}
.more-button a:hover{background:#f01b23; color:#fff;}
.more-button a:hover:after{ content:""; right:-26px;}

.welcome-section .title{ width:100%; position:relative; display:block; padding:0 0 10px 0; margin:0 0 20px 0; }
.welcome-section .title:after{ content:""; width:50%; height:1px; display:block; position:absolute; bottom:0; left: 0%; bottom: 0%; transform: translate(-50%); }


.our-services{ width:100%; display:block; padding:0px 0;}
.our-services .services-item{ width:100%; height: auto; position:relative; display:inline-block; margin:30px 0 0 0; background:#f3f3f3; padding:30px; position:relative; 
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.our-services .services-item .discription{ width:100%; display:block; min-height:184px; margin:10px 0;}
.our-services .services-item img{ position:absolute; left:10px; top:-60px;}
.our-services .services-item a{ text-decoration:none;}
.our-services .services-item h4{ width:100%; display:block; text-align:left; color:#000; font-size:24px; font-family: 'Roboto Slab', serif; text-transform:uppercase; font-weight:normal; letter-spacing:1px;}
.our-services .services-item a:hover h4{color:#f01b23; }
.our-services .services-item p{ width:100%; display:block; font-size:13px; color:#444444; font-weight:400; letter-spacing:2px; text-align:left; line-height:24px;}


.our-clients{ width:100%; display:block; padding:120px 0; margin:150px 0 0 0; background:url(../images/our-clients-bg.jpg) no-repeat center; background-attachment:fixed;}
.our-clients .title{ text-align:center; margin:0 0 50px 0;}
.our-clients .title h2{ font-size:35px; letter-spacing:2px; font-weight: normal; text-transform:uppercase; color:#FFFFFF; letter-spacing:2px;}

.owl-carousel .owl-stage-outer {padding:0 0 60px 0;}
.owl-carousel .owl-item {height:175px; text-align:center; border:1px solid rgba(255, 255, 255, 0.4);}
.owl-carousel .owl-item:nth-child(even){top:60px}
.owl-carousel .owl-item:nth-child(odd){ top:0;}
.owl-carousel .owl-item img { display:inline-block;	width: auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display:none
}
.owl-carousel .owl-item img { display:inline-block;	width: auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

.owl-carousel .owl-nav button.owl-next{ width:44px; height:39px; border-radius:0; background:url(../images/arrow-right.png) no-repeat rgba(255, 255, 255, 0.2) !important;}
.owl-carousel .owl-nav button.owl-next:hover{background:url(../images/arrow-right.png) no-repeat rgba(255, 255, 255, 1) !important;}

.owl-carousel .owl-nav button.owl-prev{ width:44px; height:39px; border-radius:0; background:url(../images/arrow-left.png) no-repeat rgba(255, 255, 255, 0.2) !important;}
.owl-carousel .owl-nav button.owl-prev:hover{ background:url(../images/arrow-left.png) no-repeat rgba(255, 255, 255, 1) !important;}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span { display:none;}
.owl-theme .owl-nav{margin-top: 30px !important;}
.owl-theme .owl-dots, .owl-theme .owl-nav{ text-align:center;}
.owl-theme .owl-nav [class*="owl-"]{margin: 5px;}


footer { color:#444444; font-size:14px; padding:80px 0 0px 0; margin:1px 0 0 0; position:relative; border-top:1px solid #bcbcbc;}
footer h4{font-family: 'Roboto Slab', serif; font-size:18px; color:#000000; letter-spacing:3px; margin-bottom: 20px; text-transform:uppercase;}

footer .footer-logo{ width:100%; float:left;}

footer .bot-menu{ padding:0 0 0 3%;}
footer ul.footer-link{ width:100%; display:block; margin:0; padding:0; list-style:none;}
footer ul.footer-link li{ width:100%; display: inline-block; position:relative; margin:0; padding:0px 15px; line-height:30px;}
footer ul.footer-link li:before{ width:9px; height:100%; content:""; position:absolute; background:url(../images/menu-arw.png) no-repeat left 12px; top:0px; left:0px;}
footer ul.footer-link li a{ font-size:13px; text-decoration:none; letter-spacing:3px; text-transform:uppercase;}
footer ul.footer-link li a:hover{ color:#f82c35;}

footer a{ color:#444; text-decoration:none;}
footer a:hover{ color:#f82c35; text-decoration:none;}

footer span{color:#db9a26; font-weight:bold;}

footer .social{ width:100%; top:0px; right:0; position:relative; display:inline-block; margin:0;}
footer .social a{ width:60px; height:40px; display:inline-block; margin:0 10px 0 0; overflow:hidden; position:relative; background:#dadada; text-align:center;}
footer .social a img{ display:inline-block;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
footer .social a:hover{ background:#2e3092;}


.address{ letter-spacing:1.5px; font-size:13px;}
.address h5{ font-size:16px; color:#444444; font-weight:600; text-transform: none; letter-spacing:2px;}
.address .addr{ padding-left:20px;}
.address .map-icon{ width:20px; height:20px; float:left; display:inline-block; background:url(../images/map-icon.png) no-repeat left; }
.address .phone-icon{ width:20px; height:20px; float:left; display:inline-block; background:url(../images/phone-icon2.png) no-repeat left; }
.address .mail-icon{ width:20px; height:20px; float:left; display:inline-block; background:url(../images/mail-icon.png) no-repeat left; }

.footer-copyright{ color:#444444; font-size:13px; width:100%; letter-spacing:3px; position:relative; padding:15px 0; margin:0; float:left;}

.footer-copyright a{ color:#000000;}
.footer-copyright a:hover{ color:#ef7f1c; text-decoration:none;}

.last-line{ width:100%; border-top:1px solid #bcbcbc; float:left; margin:60px 0 0 0;}
.disegn-by{ width:auto; float:left; font-size:13px; letter-spacing:3px; color:#444; font-weight:400; text-transform:uppercase;}
.disegn-by a{color:#000;}
.visitors{ width:auto; float:right; font-size:13px; letter-spacing:3px; color:#444; font-weight:400;}


.inner-main{ width:100%; display:block; padding:0px 0;}
.inner-main .inner-bg{ width:100%; height:300px; position:relative; background:url(../images/inner-bg.jpg) no-repeat center -200px; background-attachment:fixed; background-size:cover;}
.inner-main .inner-bg:after{ content:""; width:100%; height:100%; position: absolute; background: rgba(0, 0, 0, 0.5); z-index:0;}
.inner-main h1{ width:100%; position:absolute; font-size:40px; color:#FFFFFF; text-align:center; top: 50%;  left: 50%;  transform: translate(-50%, -50%); z-index:10; letter-spacing:3px; font-family: 'Roboto Slab', serif; font-weight:500;}
.breadcrumb{ background-color: transparent; font-size:14px; padding:20px 0; bottom:0; position:absolute; z-index:10;}
.breadcrumb-item + .breadcrumb-item::before{ color:#FFFFFF; content:"»"}
.breadcrumb a{ color:#FFFFFF; font-weight:600;}
.breadcrumb a:hover{ color:#f36924;}
.breadcrumb-item.active{ color:#f36924;}


.contact-main{ width:100%; margin:40px 0;}
.contact-main h3{ font-weight:500; text-transform:uppercase; margin:10px 0 0 0; font-size:22px; font-family: 'Roboto Slab', serif; color:#f36924;}


.contact-main .social{ width:100%; top:0px; right:0; position:relative; display:inline-block; margin:0;}
.contact-main .social a{ width:60px; height:40px; display:inline-block; margin:0 10px 0 0; overflow:hidden; position:relative; background:#dadada; text-align:center;}
.contact-main .social a img{ display:inline-block;
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contact-main .social a:hover{ background:#f36924;}

.form-main{ width:100%; background:#f2f2f2; padding:50px;}
.form-main label{letter-spacing: 1.5px; font-size: 13px; color:#444444;}
.form-main .form-control{line-height: 2rem; border-radius: 0rem; min-height:50px; border:0;}
.form-main .capcha{ width: 300px; height:auto; }
.btn-primary{color: #fff; background-color: #f82c35; border-color: #f82c35; font-size: 1rem; text-transform:uppercase; border-radius: 0rem;}



/*** Products ***/
.product-listing{ width:100%; margin:50px ;}
.product-listing .pro-item{ width:100%; margin:10px 0 40px 0;}
.product-listing .pro-item .thumb{ width:100%; display:block; text-align:center; background:#f2f2f2; padding:40px; position:relative;}
.product-listing .pro-item .thumb:after{ content:""; width:0px; height:0px; position:absolute; left:50%; top:50%; 
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 background-color:rgba(0,0,0,0.3); opacity:0;}
.product-listing .pro-item:hover .thumb:after{ width:100%; height:100%; margin:0; top:0; left:0; opacity:1;}


.product-listing .pro-item .thumb img{ max-width:100%; height:auto; display:inline-block;}
.product-listing .pro-item h3{ font-size:17px; color:#444444; font-weight:400; text-transform:capitalize; letter-spacing:2px; padding:7px 0;}

.company-profile{width:100%; margin:50px 0;}
.company-profile h3{ width:100%; display:block; text-align:left; color:#f01b23; font-size:24px; font-family: 'Roboto Slab', serif; text-transform:uppercase; font-weight:normal; letter-spacing:1px;}
.company-profile p{color:#444444; line-height:30px; letter-spacing:2px; font-weight: normal;}


.company-profile .services-item{margin:20px 0 80px 0;}
.company-profile .services-item .discription{ min-height:130px;}