html, body{
width:100%;
max-width:100%;
overflow-x:hidden !important;
overscroll-behavior-x:none;
}
body{
position:relative;
touch-action:pan-y;
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
*{
font-family:'Open Sans';
font-size:14px;
line-height:1.7;
}
button,a:hover, a:active, a:focus, a:visited{
text-decoration:none;
outline:none;
}
img{
display:inline-block;
max-width:100%;
}
p{
color:#555;
}
li{
list-style:none;
}
ul{
padding-left:0px;
margin-bottom:0px;
}
h1,h2,h3,h4,h5,h6{
padding:10px 0px;
margin:0px;
line-height:1.4;
font-weight:bold;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
font-size:inherit;
color:inherit;
font-weight:inherit;
line-height:inherit;
text-transform:inherit;
}
/*---- 02. Basic elements ----*/
body{
text-align:center;
}
.wrap-header{
position:fixed;
z-index:999;
width:100%;
}
.wrap-body{
}
.wrap-p{
margin:-2px;
}
.wrap-p .p-2{
padding:2px;
}
/*---- 03. Logo ----*/
.logo{
padding:0px;
margin-top:-2px;
position:relative;
background:#fff;
z-index:999;
padding-left:0px;
padding-right:0px;
}
.logo img{
margin-top:-15px;
}
.logo::after{
position:absolute;
top:0px;
right: -50px;
content: '';
border-style: solid;
border-width: 25px;
border-bottom-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-left-color: #fff;
border-top-color: #fff;
}
/*---- Home_1. Logo-1 ----*/
.logo-1{
height:76px;
margin-bottom:-10px;
}
.logo-1 img{
margin-top:-7px;
}
.logo-1::before{
position:absolute;
top:0px;
left: -2000px;
content: '';
width:2000px;
height:76px;
background:#fff;
}
.logo-1::after{
position:absolute;
top:0px;
right: -76px;
content: '';
border-style: solid;
border-width: 38px;
border-bottom-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-left-color: #fff;
border-top-color: #fff;
}
/*---- 04.1. Top menu ----*/
.top-menu{
background:#fff;
}
.top-menu ul{
margin-left:10px;
}
.top-menu ul li{
float:left;
}
.top-menu ul li a{
color:#555;
font-size:13px;
display:block;
padding:10px 15px;
border-right:1px solid #f5f5f5;
}
.top-menu ul li a:hover{
color:#ffe000;
}
.top-menu ul li a i{
margin-right:5px;
}
.top-menu ul.icons li a i{
margin:0px;
}
/*---- 04.2. Main menu ----*/
..top-menu{
background:#fff;
}
.top-menu ul{
margin-left:10px;
}
.top-menu ul li{
float:left;
}
.top-menu ul li a{
color:#555;
font-size:13px;
display:block;
padding:10px 15px;
border-right:1px solid #f5f5f5;
}
.top-menu ul li a:hover{
color:#ffe000;
}
.top-menu ul li a i{
margin-right:5px;
}
.top-menu ul.icons li a i{
margin:0px;
}
/*---- 04.2. Main menu ----*/
.main-menu{
background:rgba(252, 3, 44, 0.8);
border-bottom:1px solid #111;
}
.menu-index-2::after{
position:absolute;
top:0px;
right: -62px;
content: '';
border-style: solid;
border-width: 31px;
border-bottom-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-left-color: #093f9c;
border-top-color: #093f9c;
}
.menu{
border:none;
margin-bottom:0px;
border-radius:0px;
position:relative;
}
.menu .navbar-collapse > ul{
margin-left:70px;
position:relative;
z-index:2;
}
.navbar-default .navbar-nav li a{
padding:25px 25px 24px 25px;
text-transform:uppercase;
line-height:1;
font-weight:bold;
}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{
background:#fff;
}
.navbar-default .navbar-nav li:last-child a{
border:none;
}
ul.nav li.dropdown:hover ul.dropdown-menu {
display: block;
}
ul.nav li.dropdown:hover ul.dropdown-menu li a:hover{
background:none;
color:#ffe000;
}
.navbar-nav>li>.dropdown-menu{
border-radius:0px;
border:none;
box-shadow:0px 0px 0px 0px;
border:1px solid #eee;
border-top:0px;
padding:0px;
margin-top:0px;
min-width:220px;
}
.navbar-default .navbar-nav li ul{
background:#fff;
}
.navbar-default .navbar-nav li ul li {
border-bottom:1px solid #eee;
padding:0px 0px;
}
.navbar-default .navbar-nav li ul li:last-child{
border:none;
}
.menu,.menu ul,.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
background:none;
}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav li ul li a,.navbar-default .navbar-nav li a,.navbar-default .navbar-nav > li >a:focus,.navbar-default .navbar-nav > li> a:active,.navbar-default .navbar-nav>.open>a:focus{
color:#fff;
}
.navbar-default .navbar-nav li ul li a{
border-right:none;
color:#333;
padding:18px 35px;
}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav li a.active,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:active,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
color:#ffe000;
background:none;
border-right-color:#fff;
}
.door {
position: relative;
}
.deer {
position: absolute;
bottom: 0px;
left: 0px;
background: #ffe000;
width: 100%;
padding: 10px !important;
}
.honog {
text-align: center !important;
padding: 10px 0px;
background: #e1e1e1;
margin-top: 20px;
}
.honog strong {
font-size: 40px;
color: #ffe000;
}
.tenderdetial {
text-align: left;
padding: 20px 0px;
}
.tenderdetial table {
width: 100%;
border: 1px solid #e1e1e1;
}
.tenderdetial th {
background: #e1e1e1;
border: 1px solid white;
}
.tenderdetial th, .tenderdetial td {
padding: 10px;
}
.har {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 99999;
}
.zurag {
width: 80%;
height: 100vh;
margin: auto;
background: white;
overflow-y: scroll;
text-align: center;
}
.zurag img {
margin-top: 30px;
}
.garah {
position: absolute;
top: 50px;
right: 50px;
padding: 5px 20px;
border-radius: 100%;
color: black;
font-size: 30px;
background: white;
}
.jobdtetail {
text-align: left;
padding: 20px 0px;
}
.jobdtetail table {
width: 100%;
}
.jobdtetail th, .jobdtetail td {
padding: 10px;
}
.jobdtetail h4 {
margin-top: 20px;
}
.jobdtetail ul {
padding-left: 20px;
}
.jobdtetail li {
list-style-type: circle;
}
/*--- 04. Search-box ---*/
.search-box{
position:absolute;
top:10px;
text-align:right;
right:0px;
z-index:1;
}
.antable {
text-align: center;
}
.antable th, .antable td {
border: 1px solid #ccc;
padding: 10px;
text-align: center;
}
.bolovsrol, .ajil {
cursor: pointer;
}
.bolovsrol:hover, .ajil:hover {
opacity: 0.8;
}
.form-group span {
font-size: 10px;
}
.anketok {
padding: 20px;
background: #ffe000;
color: white;
border-radius: 30px;
margin-bottom: 40px;
font-size: 18px;
}
.search-box > i{
color:#fff;
padding:14px 20px;
height:46px;
display:block;
cursor:pointer;
}
.search-box form{
display:none;
margin-top:8px;
position:relative;
width:100%;
}
.search-box .search-txt{
border:none;
padding:0px 40px 0px 15px;
float:left;
text-align:left;
width:300px;
color:#333;
height:46px;
}
.search-box form::after{
position:absolute;
top:0px;
left: -46px;
content: '';
border-style: solid;
border-width: 23px;
border-bottom-color: rgba(0, 0, 0, 0);
border-left-color: rgba(0, 0, 0, 0);
border-right-color: #fff;
border-top-color: #fff;
}
.search-box .search-btn{
border:none;
background:none;
height:46px;
border-radius:0px;
position:absolute;
top:-10px;
right:-1px;
font-size:14px;
background:#fff;
color:#999;
padding:11px 20px;
}
.search-box:hover form{
}
/*---- 05. Heading ----*/
.heading{
padding-bottom:28px;
margin-bottom:50px;
text-align:center;
position:relative;
}
.heading h1,.heading h2{
font-size:35px;
color:#333;
padding-top:0px;
text-transform:uppercase;
line-height:0.7;
margin-bottom:10px;
}
.heading h5{
text-transform:uppercase;
font-size:18px;
margin-bottom:5px;
}
.heading p{
font-family:georgia, serif;
font-size:17px;
max-width:600px;
color:#aaa;
margin:0px auto;
}
.heading::after{
position:absolute;
bottom:0px;
left:50%;
content:'';
width:100px;
height:1px;
margin-left:-50px;
border-bottom:3px solid #eee;
}
.heading-left{
text-align:left;
}
.heading-left::after{
left:0px;
margin-left:0px;
}
.heading-left p{
margin-left:0px;
}
/*---- 06. Breadc----*/
.breadc{
margin-top:0px;
background:#fafafa;
padding:10px;
margin-top:-44px;
height:44px;
margin-left:-20px;
position:relative;
}
.breadc::before{
position:absolute;
top:0px;
left: -2000px;
content: '';
width:2000px;
height:44px;
background:#fafafa;
}
.breadc::after{
position:absolute;
top:0px;
right: -44px;
content: '';
border-style: solid;
border-width: 22px;
border-top-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-left-color: #fafafa;
border-bottom-color: #fafafa;
}
.breadc li{
float:left;
color:#999;
}
.breadc li a{
display:inline-block;
color:#777;
line-height:0.9;
padding-left:10px;
}
.breadc li a::after{
content:'\f105';
margin-left:10px;
font-family: FontAwesome;
}
.breadc > li:last-child{
padding-left:10px;
}
.breadc li a i{
margin-right:5px;
}
/*---- 07. Button ----*/
.btn-1{
color:#fff;
border-radius:50px;
font-weight:bold;
text-transform:uppercase;
padding:14px 35px;
border:none;
margin-right:1px;
box-shadow:none;
margin-top:10px;
transition-duration:0.1s;
}
.btn-1:active{
box-shadow:none;
}
.btn-bg-1{
background:#ffe000;
color:#fff;
position:relative;
}
.btn-bg-2{
background:#093f9c;
color:#fff;
}
.btn-bg-3{
background:#fff;
border:2px solid #eee;
color:#777;
padding:12px 31px
}
.btn-bg-4{
background:#fff;
color:#777;
}
.btn-bg-1:hover,.btn-bg-1:focus,.btn-bg-1:active{
background:#093f9c;
color:#fff;
}
.btn-bg-2:hover,.btn-bg-2:focus,.btn-bg-2:active{
background:#ffe000;
color:#fff;
}
.btn-bg-3:hover,.btn-bg-3:focus,.btn-bg-3:active{
color:#ffe000;
}
.btn-bg-4:hover,.btn-bg-4:focus,.btn-bg-4:active{
color:#ffe000;
}
.btn-sm{
padding:12px 30px;
}
/*---- 08. Form ----*/
.form-item{
background:#fff;
border-radius:0px;
box-shadow:none;
border:1px solid #eee;
padding-left:20px;
padding-right:20px;
height:50px;
outline:none;
}
.form-item:focus{
border-color:#ddd;
box-shadow:none;
}
/*---- 09. List ----*/
ul.list-default{}
ul.list-default li{
border-top:1px dashed #ddd;
padding:10px 0px;
text-align: left;
}
ul.list-default li a{
color:#333;
}
ul.list-default li i{
width:20px;
float:left;
margin-top:5px;
color:inherit;
}
/*---- 10. Image effect ----*/
.hover-img{
text-align:left;
position:relative;
overflow:hidden;
width:100%;
display:block;
}
.hover-img .hover-caption{
position:absolute;
bottom:-100px;
z-index:99;
background:rgba(8,42,101,0.9);
padding:15px 20px;
transition-duration:0.5s;
}
.hover-img:hover .hover-caption{
bottom:0px;
background:rgba(255, 224, 0, 0.8);
}
.hover-img .hover-caption h3{
padding:0px;
}
.hover-img .hover-caption i,.hover-img .hover-caption h3,.hover-img .hover-caption h3 span{
font-size:25px;
color:#fff;
margin-left:15px;
}
.hover-img .hover-caption > p{
font-size:15px;
color:#fff;
margin-bottom:0px;
line-height:25px;
text-transform:uppercase;
font-weight:bold;
}
.hover-img > img{
Transition-Duration:0.5s;
min-height:100%;
width: 100%;
}
.hover-img:hover > img{
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/*---- 11. Slideshow ----*/
.carousel-fade{
background:#000;
}
.carousel-control {
background-image: none !important;
}
.carousel-fade .carousel-inner .item{
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{
opacity: 0;
}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{
opacity: 1;
}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{
left: 0;
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}
.carousel-caption{
bottom:auto;
top:280px;
}
.block-slideshow-2 .carousel-caption{
top:210px;
}
.carousel-control .fa, .carousel-control .fa{
top:50%;
position:absolute;
font-size:50px;
}
.block-slideshow .caption-item .heading{
margin-bottom:30px;
}
.block-slideshow .caption-item .heading::after{
border-color:#ffe000;
}
.block-slideshow .caption-item .heading h5{
padding:0px;
color:#fff;
}
.block-slideshow .caption-item h1{
font-size:50px;
margin-bottom:0px;
color:#fff;
}
.block-slideshow .caption-item h1 strong{
font-size:70px;
color:#ffe000;
line-height:1;
}
.block-slideshow .btn-1{
margin-top:25px;
}
.page-name{
padding-top:190px;
padding-bottom:50px;
}
.page-name .heading::after{
border-color:#ffe000;
}
.bg-s {
background: url(../images/image2.jpg);
background-color: #FF7F02;
background-attachment: fixed;
background-size: cover;
}
/*---- 13. Banner ----*/
.block-banner{
background:rgba(9, 63, 156, 0.8);
overflow:hidden;
padding-top:0px;
}
.banner{
position:relative;
text-align:left;
text-align:center;
}
.banner h3{
color:#fff;
font-size:25px;
display:inline-block;
padding:30px 35px 30px 35px;
}
.banner .btn-1{
margin-top:-8px;
}
.banner .right-btn,.left-btn{
background:#fff;
height:100%;
width:100%;
text-align:center;
width:0px;
height:96px;
position:relative;
}
.banner .right-btn::before{
position:absolute;
top:0px;
left: -96px;
content: '';
border-style: solid;
border-width: 48px;
border-top-color: rgba(0, 0, 0, 0);
border-left-color: rgba(0, 0, 0, 0);
border-right-color: #fff;
border-bottom-color: #fff;
}
.banner .right-btn::after{
position:absolute;
top:0px;
right: -2000px;
content: '';
width:2000px;
height:96px;
background:#fff;
}
.banner .left-btn::before{
position:absolute;
top:0px;
right: -96px;
content: '';
border-style: solid;
border-width: 48px;
border-top-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-left-color: #fff;
border-bottom-color: #fff;
}
.banner .left-btn::after{
position:absolute;
top:0px;
left: -2000px;
content: '';
width:2000px;
height:96px;
background:#fff;
}
/*---- 14. Intro ----*/
.block-about-s{
background:#fff;
}
.about-s{
margin-top:0px;
text-align:center;
}
.block-about-s .wcu-item{
margin-top:30px;
margin-bottom:0px;
}
.about-s h2{
margin-bottom:30px;
text-transform:uppercase;
font-size:35px;
line-height:0.7;
padding:0px;
}
.about-s p{
max-width:900px;
margin:auto;
margin-bottom:20px;
}
.about-s .btn-bg-3{
margin-left:10px;
}
/*---- 15. Services-category ----*/
.block-service-h{
background:#fafafa;
}
.ser-category .ser-item i{
font-size:30px;
}
.ser-category .ser-caption{
display:inline-block;
}
.ser-category h3{
font-size:18px;
padding:17px 0px 10px 0px;
}
.ser-category h3 a:hover,.ser-category h3 a:active,.ser-category h3 a:focus{
color:#ffe000;
}
.owl-theme .owl-controls{
margin:0px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev,.owl-theme .owl-controls .owl-buttons .owl-next{
background:none;
border-radius:0px;
font-weight:bold;
color:#555;
position:absolute;
font-size:14px;
opacity:1;
padding:10px 15px;
top:-50px;
right:0px;
text-transform:uppercase;
}
.owl-theme .owl-controls .owl-page span{
background:#3084cc;
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
right:70px;
}
.owl-theme .owl-controls .owl-buttons div:hover{
color:#ffe000;
}
/*--- 15.1. Service tabs ---*/
.service-tabs{
margin-bottom:0px;
position:relative;
border:15px solid #fff;
z-index:5;
}
.service-tabs li{
width:100%;
float:left;
}
.service-tabs li a{
display:block;
padding:32px 30px;
border:none;
margin:0px;
text-transform:uppercase;
font-size:16px;
text-align:left;
background:#093f9c;
width:100%;
font-weight:bold;
border-radius:0px;
position:relative;
border-bottom:2px solid #fff;
opacity:1;
color:#fff;
}
.service-tabs li a i{
margin-right:7px;
}
.ser-category .tab-content{
padding:0px;
}
.service-tabs li.active a,.service-tabs li.active a:hover,.service-tabs li.active a:focus,.service-tabs li a:hover{
color:#fff;
background:#ffe000;
border:none;
border-bottom:2px solid #fff;
}
.service-tabs li:last-child a,.service-tabs li:last-child a:hover{
border-bottom:0px;
}
.service-tabs li.active a::after,.service-tabs li a:hover::after{
position:absolute;
top:33px;
right: -30px;
content: '';
border-style: solid;
border-width: 15px;
border-top-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-left-color: #ffe000;
border-bottom-color: rgba(0, 0, 0, 0);
}
.block-dx{
}
.dx-item{
background:#093f9c;
margin-top:-110px;
padding:40px 30px 30px 30px;
border-bottom:1px solid rgba(225, 225, 225,0.3);
}
.block-dx .dx-item h3{
font-size:18px;
}
.block-dx .dx-item i{
font-size:40px;
}
/*---- 16. CounterUp ----*/
.block-counterup{
background:#093f9c;
}
.counterup .counterup-item{
padding:25px;
text-align:center;
border-right:1px solid rgba(225, 225, 225,0.3);
}
.counterup .col-lg-3:last-child .counterup-item{
border:none;
}
.counterup h3{
font-size:30px;
margin-top:0px;
padding-bottom:5px;
color:#ffe000;
}
.counterup p{
font-size:16px;
color:#fff;
}
/*---- 17. Recent work ----*/
.block-recent-work{
overflow:hidden;
margin-bottom:4px;
}
.block-recent-work img{
width:100%;
}
a.view-more-project{
color:#fff;
font-size:25px;
background:#093f9c;
height:282px;
line-height:282px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
display:block;
}
a.view-more-project:hover{
background:#ffe000;
}
.view-more-project i{
margin-left:15px;
}
/*---- 18. Why chose us ---*/
.block-wcu{
background:url('../images/33.png');
background-repeat:no-repeat;
background-position:bottom right;
background-color:#fafafa;
padding-bottom:30px;
}
.wcu-item{
padding:15px;
box-shadow:0px 0px 1px 0px #ccc;
margin-bottom:30px;
background:rgba(255, 255, 255, 0.75);
}
.wcu-item-inner{
border:1px dashed #ccc;
display:block;
position:relative;
padding:30px 20px;
outline:10px solid #fff;
background:rgba(250, 250, 250, 0.75);
transition-duration:0.5s;
}
.wcu-item-inner:hover{
background:#fff;
}
.wcu-item .wcu-item-inner::before{
width: 25px;
height: 25px;
position: absolute;
top: -1px;
left: -1px;
content: '';
border-left: 1px solid #ffe000;
border-top: 1px solid #ffe000;
}
.wcu-item .wcu-item-inner::after{
width: 25px;
height: 25px;
position: absolute;
bottom: -1px;
right: -1px;
content: '';
border-right: 1px solid #ffe000;
border-bottom: 1px solid #ffe000;
}
.wcu-item h3{
font-size:18px;
}
.wcu-item i{
font-size:40px;
color:#ffe000;
}
.wcu-item p{
margin-bottom:0px;
color:#999;
}
/*---- 19. Team ----*/
.block-team{
}
.team-item {
background:#fff;
padding:15px;
border:none;
}
.team-item img{
width:100%;
}
.team-item .team-caption{
margin-top:-45px;
position:relative;
}
.team-item .team-caption h4{
background:rgba(255, 224, 0, 0.8);
padding:12px;
color:#fff;
font-size:16px;
Transition-Duration:0.5s;
}
.team-item:hover .team-caption h4{
background:rgba(8,42,101,0.7);
}
.team-item .team-caption span{
color:#aaa;
border-bottom:4px double #eee;
margin-bottom:15px;
padding:10px;
display:block;
}
/*---- 20. Testimonials ----*/
.block-testimonials{
background:#093f9c;
width:100%;
padding:60px 0px 45px 0px;
overflow:hidden;
}
.testimonials{
width:100%;
}
.testimonials .testtim-item .heading-4{
color:#ffe000;
padding-top:15px;
padding-bottom:0px;
}
.testimonials .testtim-item span{
font-size:13px;
margin-bottom:27px;
display:block;
}
.testimonials .testtim-item p{
max-width:750px;
margin:0px auto;
font-size:15px;
color:#fff;
}
.testimonials .testtim-item figure{
width:150px;
height:150px;
border-radius:150px;
border:7px solid #0d58b5;
margin:auto;
margin-bottom:20px;
overflow:hidden;
}
/*----home-1. Testimonials-1 ----*/
.testimonials-1{
padding:50px 30px 40px 30px;
background:#fafafa;
margin-top:30px;
}
.testimonials-1 .owl-theme .owl-controls .owl-page span{
background:#ccc;
}
.testimonials-1 .testtim-item p{
color:#555;
}
.testimonials-1 .testtim-item span{
color:#ccc;
}
/*---- 22. Newsletter ----*/
.block-fv{
position:relative;
background:#FC8106;
}
.fv .phone{
padding:30px 0px;
text-align:left;
height:110px;
font-weight:bold;
font-size:30px;
background:#fff;
position:relative;
}
.fv .phone i{
width:45px;
height:45px;
border-radius:45px;
text-align:center;
line-height:45px;
margin-right:10px;
background:#FC8106;
color:#fff;
}
.fv .phone::after{
position:absolute;
top:0px;
right: 0px;
content: '';
border-style: solid;
border-width: 55px;
border-top-color: rgba(0, 0, 0, 0);
border-left-color: rgba(0, 0, 0, 0);
border-right-color: #FC8106;
border-bottom-color: #FC8106;
}
.fv .phone::before{
position:absolute;
top:0px;
left: -500px;
content: '';
height:110px;
background:#fff;
width:500px;
}
.fv .right-fv{
padding:30px 0px;
}
.fv .right-fv h5{
text-align:left;
line-height:2;
color:#fff;
display:inline;
font-size:25px;
margin-right:30px
}
.fv .right-fv .btn-1{
margin-top:-12px;
}
.newsletter .title{
color:#fff;
padding-top:15px;
padding-bottom:0px;
font-size:30px;
}
.newsletter form{
width:100%;
padding:30px 20px;
position:relative;
}
.newsletter form .form-group{
width:100%;
}
.newsletter form .form-item{
width:100%;
border:none;
}
.newsletter form button{
margin:0px;
border:none;
position:absolute;
top:6px;
right:8px;
text-align:center;
width:40px;
height:40px;
background:none;
border-radius:5px;
margin-top:0px;
}
.newsletter form button i{
color:#999;
font-size:18px;
}
/*---- home-1. Newsletter-1 ----*/
.newsletter-1{
background:#ffe000;
border:10px solid #fafafa;
padding:50px 30px;
}
.newsletter-1 .heading::after{
border-color:#fff;
}
.newsletter-1 form .form-group{
margin-bottom:0px;
}
.newsletter-1 form{
padding:0px;
}
/*---- 23. About page ----*/
.block-about{
}
.about{
text-align:left;
}
.about .panel-heading{
padding:0px 0px;
border-radius:0px;
}
.about .panel-title a{
text-transform:uppercase;
font-size:30px;
}
.about .panel-group .panel+.panel{
margin-top:0px;
}
.about .panel-group .panel{
border-radius:0px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
border-top:none;
}
.panel{
background:none;
}
.panel-body{
padding:20px 0px;
}
.about .panel-default>.panel-heading{
background:none;
border-bottom:2px solid #eee;
}
.about .panel-default>.panel-heading .panel-title{
padding:15px 0px;
border-bottom:2px solid #ffe000;
display:inline-block;
margin-bottom:-2px;
}
.about .panel-group >.panel-default:first-child>.panel-heading .panel-title{
padding-top:0px;
margin-top:-11px;
}
.about .panel-default{
border:none;
box-shadow:0px 0px 0px 0px;
}
.about .panel-title a,.about .panel-title a:hover{
color:#ffe000;
}
.about .panel-title a.collapsed{
color:#333;
}
.block-partner{}
.partner a{
padding:10px;
display:block;
border:1px solid #eee;
}
/*---- 24. Service page ----*/
/*---- 24.1 Service----*/
.block-service{}
.service-item{
margin-bottom:0px;
text-align:left;
}
.service-content{
padding:40px 0px;
}
.s1{
border-right:5px solid #eee;
padding-right:40px;
margin-right:25px;
}
.s2{
border-left:5px solid #eee;
padding-left:40px;
margin-left:25px;
}
/*---- 24.2 Service detail ----*/
.block-service_detail{}
.atv .cons_free{
font-size:30px;
color:#ffe000;
margin-top:20px;
}
.atv .cons_free strong{
font-size:inherit;
color:#333;
}
.atv .down_brc{
margin-top:25px;
cursor:pointer;
}
.atv .down_brc:hover{
background:#ffe000;
}
.atv .down_brc i{
margin-right:10px;
}
/*---- 25. Project page ----*/
/*---- 25.1 Project ----*/
.block-project,.block-project-detail{
}
/*--- 3. Tab product ---*/
.project-tabs{
text-align:center;
margin-top:40px;
margin-bottom:40px;
border:none;
}
.project-tabs li{
float:none;
display:inline;
}
.project-tabs li a{
display:inline-block;
padding:15px 25px;
border:none;
text-transform:uppercase;
font-size:16px;
background:#fff;
font-weight:bold;
transition-duration:0.5s;
border-radius:0px;
position:relative;
color:#999;
}
.project-tabs li.active a,.project-tabs li.active a:hover,.project-tabs li.active a:focus,.project-tabs li a:hover{
border:none;
color:#fff;
background:#ffe000;
}
.project-category{
padding:15px;
padding-right:0px;
background:#eee;
}
.project-category h3{
background:#f9f9f9;
text-align:left;
margin-bottom:0px;
padding:21px 20px;
}
.project-category li:first-child{
border:none;
}
.project-category li{
border-top:1px solid #eee;
}
.project-category li a{
background:#fff;
display:inline-block;
text-align:left;
font-size:16px;
color:#555;
width:100%;
font-weight:bold;
}
.project-category li a i{
line-height:63px;
color:#eee;
}
.project-category li a > .icons{
height:63px;
width:63px;
font-size:18px;
text-align:center;
background:#093f9c;
color:#fff;
margin-right:20px;
border-right:1px solid rgba(225, 225, 225,0.3);
}
.project-category li a:hover,.project-category li a:hover > i{
color:#ffe000;
}
.block-project .project-list{
padding-bottom:0px;
}
/*---- 25.2 Project detail ----*/
.project_detail{
text-align:left;
}
.project_detail h2{
padding:30px 0px 20px 0px;
font-size:25px;
line-height:1.3;
}
.project_detail ul.list-default li{
width:50%;
}
.project_detail ul.list-default li span{
color:#999;
margin-right:10px;
}
/*--- 26.1. Blog-item ---*/
.blog-item{
text-align:left;
border-bottom: 1px dashed #ccc;
}
.blog-item .hover-img {
float: left;
width: 20%;
margin-bottom: 30px;
}
.current a {
color: #ffe000;
}
.blog-caption {
width: 75%;
float: right;
}
.blog-caption p {
text-align: justify;
}
.blog-item .blog-caption .blog-heading{
font-size:18px;
padding:10px 0px 5px 0px;
}
.blog-item .blog-caption h2.blog-heading{
padding-bottom:12px;
padding-top:12px;
}
.blog-item .blog-caption h3.blog-heading{
font-size:18px;
padding-top:10px;
padding-bottom:9px;
}
.blog-item .blog-caption h4.blog-heading{
font-size:15px;
padding-top:5px;
}
.blog-item .blog-caption .blog-heading a:hover{
color:#ffe000;
}
/*--- 26.2. Blog-date ---*/
.blog-date{
padding-top:15px;
width:100%;
display:inline-block;
}
.blog-date-left{
margin-left:-10px;
}
.blog-date li{
display:inline;
}
.blog-date li:first-child a{
border:none;
}
.blog-date li a{
color:#999;
line-height:1;
display:inline-block;
font-size:inherit;
font-size:13px;
padding:0px 7px 0px 10px;
border-left:1px dotted #ccc;
}
.blog-date li a:hover{
text-decoration:underline;
}
.blog-date li a i{
margin-right:5px;
color:#ccc;
}
/*--- 26.4. Blog-list ---*/
.blog-list .blog-date{
padding-top:0px;
}
.blog-list > .blog-item:last-child{
margin-bottom:0px;
}
.blog-lg .blog-item{
margin-bottom:40px;
}
.blog-md .blog-item{
margin-bottom:30px;
}
.blog-sm .blog-item{
margin-bottom:15px;
}
.share-post{
padding:30px 0px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
margin-bottom:1px solid #eee;
margin-bottom:40px;
text-align:left;
}
.share-post span{
margin-right:10px;
}
.share-post ul{
display:inline;
line-height:3;
}
.share-post ul li a{
color:#555;
}
.share-post ul li a:hover{
color:#ffe000;
}
/*--- 26.5. pag ---*/
.pag-nav{
margin:0px 0px 0px 0px;
}
.pag-nav li span{
line-height:1.1;
}
.pag-nav li i{
font-size:18px;
color:#999;
}
.pag-nav li a{
width:40px;
border:none;
font-size:18px;
color:#333;
font-weight:bold;
padding:10px;
}
.pag-nav li a:hover,.pag-nav li a:active,.pag-nav li a:focus,.pag-nav li i:hover{
background:none;
color:#ffe000;
}
/*---- 26.8. Form comment ----*/
.form-comment{
margin-bottom:40px;
}
.form-comment,.list-comment{
text-align:left;
background:#fafafa;
border:1px solid #eee;
margin-top:-1px;
padding:35px 30px;
}
.form-comment form textarea{
height:250px;
padding:20px;
}
/*---- 26.9. List-comment ----*/
.list-comment .comment-item{
display:inline-block;
margin-bottom:20px;
}
.list-comment h4,.form-comment h4{
margin-bottom:5px;
}
.list-comment .comment-item .comment-img{
width:80px;
height:80px;
border:5px solid #eee;
padding:0px;
display:block;
float:left;
border-radius:80px;
margin-right:20px;
overflow:hidden;
}
.list-comment .comment-item .comment-img img{
width:100%;
}
.list-comment .auth .comment-heading{
float:left;
margin-bottom:10px;
}
.list-comment .comment-item .auth .comment-heading > h5{
text-transform:none;
font-size:14px;
}
.list-comment .comment-item span{
color:#999;
}
.list-comment .comment-item .auth .comment-heading h5 a:hover,.list-comment .comment-item .auth .comment-heading h5 a:focus,.list-comment .comment-item .auth .comment-heading h5 a:active{
color:#ffe000;
}
.list-comment .more-comment{
padding:7px;
background:#f3f3f3;
display:block;
color:#777;
font-size:13px;
text-align:center;
margin-left:20px;
margin-top:-5px;
border:1px solid #eee;
}
.list-comment .more-comment:hover{
text-decoration:underline;
}
.list-comment .comment-item .comment-item .comment-img{
height:70px;
width:70px;
}
.list-comment .comment-item .comment-txt .comment-item{
margin-bottom:0px;
margin-top:10px;
}
.list-comment .comment-item .comment-txt .comment-item .comment-txt{
background:#fafafa;
}
.list-comment .comment-item .comment-txt .reply{
font-size:14px;
float:right;
color:#888;
}
.list-comment .comment-item .comment-txt .reply:hover{
text-decoration:underline;
}
.list-comment .comment-item .comment-txt .comment-item .comment-txt::after{
border-bottom-color:#fafafa;
}
.list-comment .comment-item .comment-txt > hr{
margin-bottom:20px;
}
.list-comment .comment-item .comment-txt{
margin-top:15px;
margin-bottom:15px;
border:1px solid #eee;
border-radius:3px;
position:relative;
background:#fff;
margin-left:20px;
display:inline-block;
padding:20px;
float:left;
}
.list-comment .comment-item .comment-item .comment-txt{
margin-left:15px;
}
.list-comment .comment-item .comment-txt p{
margin-bottom:0px;
display:inline-block;
}
.list-comment .comment-item .comment-txt::before{
position:absolute;
top:-21px;
left: 10px;
content: '';
border-style: solid;
border-width: 10px;
border-top-color: rgba(0, 0, 0, 0);
border-left-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-bottom-color:#e5e5e5;
}
.list-comment .comment-item .comment-txt::after{
position:absolute;
top:-20px;
left: 10px;
content: '';
border-style: solid;
border-width: 10px;
border-top-color: rgba(0, 0, 0, 0);
border-left-color: rgba(0, 0, 0, 0);
border-right-color: rgba(0, 0, 0, 0);
border-bottom-color: #fff;
}
/*---- 27. Error_404 ----*/
.error404 h3{
text-transform:uppercase;
font-size:35px;
}
/*---- 28. Contact ----*/
.contact-form{
margin-top:-150px;
background:#fdfdfd;
border:6px solid #f9f9f9;
padding:30px;
text-align:left;
}
.contact-form .btn-1{
margin-top:15px;
}
.contact-form textarea{
height:150px;
}
.contact-info{
text-align:left;
margin-top:40px;
}
.contact-info ul.list-default li{
font-weight:bold;
color:#555;
}
.contact-info ul.list-default li i{
font-size:17px;
color:#ffe000;
margin-top:3px;
}
#googlemap{
height:500px;
}
/*---- 29. Footer ----*/
.wrap-footer{
text-align:left;
background:#093f9c;
}
.footer-top {
padding:45px 0px;
padding-left: 20px;
}
.wrap-footer .footer-heading{
padding-bottom:10px;
margin-bottom:30px;
border-bottom:2px solid #0d58b5;
}
.wrap-footer .footer-heading h3{
margin-bottom:-12px;
font-size:20px;
padding-bottom:12px;
text-transform:uppercase;
display:inline-block;
border-bottom:2px solid #ffe000;
}
.footer-top .tags li a{
display:block;
padding:4px 10px;
border:1px solid #0d58b5;
text-transform:capitalize;
float:left;
margin-right:5px;
margin-bottom:5px;
font-size:13px;
}
.footer-top .tags li a:hover,.footer-top .list-default li a:hover,.footer-top .social_link a:hover{
color:#ffe000;
}
.footer-top ul.list-default li{
border-top-color:#0d58b5;
padding:9px 0px;
}
.footer-top ul.list-default li a i{
width:15px;
}
.footer-top ul.list-default li:last-child{
border-bottom:0px;
}
.footer-top p{
margin-bottom:20px;
margin-top:-7px;
}
.footer-top .social_link a{
margin-bottom:15px;
display:block;
}
.footer-top .social_link a i{
height:35px;
width:35px;
border:1px solid #0d58b5;
line-height:35px;
text-align:center;
margin-right:10px;
color:inherit;
}
.footer-bt{
background:#093584;
}
.footer-bt p a{
color:#ffe000;
font-size:inherit;
}
.footer-bt p{
font-size:13px;
padding:20px 0px 15px 0px;
margin-bottom:0px;
text-transform:uppercase;
}
.color-w h1,.color-w h2,.color-w h3,.color-w h4,.color-w h5,.color-w h6,.color-w p,.color-w a,.color-w ul li a,.color-w ul li,.color-w i,.color-w span{
color:#fff;
}
/*-- 30. Preloader --*/
.preloader {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff;
z-index:9999;
}
.preloader p{
width:200px;
height:200px;
position:absolute;
left:50%;
top:50%;
background-image:url('../images/reload.gif');
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px;
}
.p-0{
padding:0px;
}
.m-t-0{
margin-top:0px;
}
.m-l-0{
margin-left:0px;
}
.m-r-0{
margin-right:0px;
}
.m-b-0{
margin-bottom:0px;
}
.p-t-0{
padding-top:0px;
}
.p-l-0{
padding-left:0px;
}
.p-r-0{
padding-right:0px;
}
.p-b-0{
padding-bottom:0px;
}
.p-t-30{
padding-top:30px;
}
.p-b-30{
padding-bottom:30px;
}
.m-t-30{
margin-top:30px;
}
.m-b-30{
margin-bottom:30px;
}
.m-t-60{
margin-top:60px;
}
.m-b-60{
margin-bottom:60px;
}
.p-t-60{
padding-top:60px;
}
.p-b-60{
padding-bottom:60px;
}
.no-radius{
border-radius:0px;
}
.no-border{
border:none;
}
.overl{
overflow:hidden;
}
.bg-w{
background:#fff;
}
.bg-gray{
background:#fafafa;
}
.bg-blue{
background:#093f9c;
}
.bg-yellow{
background:#ffe000;
}
.no-bg{
background:none;
}
.title{
text-transform:uppercase;
padding-top:0px;
padding-bottom:25px;
line-height:0.7;
text-align:left;
}
.item-w{
padding:15px 15px 25px 15px;
background:#fff;
text-align:center;
}
.box{
text-align:left;
margin-bottom:30px;
}
/*---- 31. Media query ----*/
@media (max-width: 1200px){
.navbar-default .navbar-nav > li >a{
padding-left:25px;
padding-right:25px;
}
a.view-more-project{
height:232px;
line-height:232px;
}
.banner h3{
font-size:20px;
padding:33px;
}
.block-slideshow .carousel-caption{
top:200px;
}
.block-slideshow-2 .carousel-caption{
top:150px;
}
}
@media (min-width : 768px) and (max-width: 992px){
.navbar-default .navbar-nav > li >a{
padding-left:10px;
padding-right:10px;
}
.logo{
padding:0px 5px;
}
.logo img{
margin-top:-10px;
}
a.view-more-project{
height:177px;
line-height:177px;
}
.block-team .heading{
margin-bottom:30px;
}
.block-team .c-item{
margin-top:30px;
}
.about-s{
margin-top:0px;
text-align:center;
margin-bottom:30px;
}
.about-s .heading::after{
left:50%;
margin-left:-50px;
}
.block-newsletter{
padding-bottom:40px;
}
.wrap-footer .col-md-3{
height:330px;
}
.contact-form{
margin-top:30px;
padding:15px;
}
.block-slideshow .caption-item h1{
font-size:30px;
}
.block-slideshow .caption-item h1 strong{
font-size:40px;
}
.block-slideshow .carousel-caption{
top:170px;
}
.block-slideshow-2 .carousel-caption{
top:130px;
}
}
.mobile {
display: none;
}
.desktop {
display: block;
}
.tailbar {
font-size: 14px; font-weight: 500;
}
@media (max-width : 767px){
/*--- Logo ---*/
.logo{
margin-bottom:5px;
background:none;
}
.mobile {
display: block;
}
.desktop {
display: none;
}
.blog-item .hover-img, .blog-caption {
width: 100%;
float: none;
}
.logo::after,.logo::before{
display:none;
}
.logo img{
width:80px;
margin-top:10px;
}
a.logo-1{
height:auto;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
background:none;
}
/*--- Menu ---*/
.main-menu{
padding:5px 0px;
background:rgba(9, 63, 156, 0.8);
}
.main-menu .bg-blue{
background:none;
}
.menu .nav{
overflow-y:auto;
}
.menu- ul{
padding-bottom:10px;
}
.menu .navbar-collapse > ul{
margin-left:-15px;
background:#fff;
margin-bottom:10px;
padding:30px 0px;
}
.navbar-default .navbar-nav li{
padding:0px;
}
.menu ul li{
float:left;
width:100%;
text-align:center;
}
.navbar-default .navbar-nav li a,.navbar-default .navbar-nav .open .dropdown-menu>li>a{
font-size:20px;
padding:20px;
color:#333;
display:inline-block;
border-right:0px;
border-bottom:1px dashed #ccc;
}
.navbar-default .navbar-nav li ul li a{
font-size:16px;
}
.navbar-nav>li>.dropdown-menu,.navbar-default .navbar-nav li ul li{
border:none;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
border-color:#ddd;
}
.navbar-default .navbar-nav .open .dropdown-menu>li{
border-bottom:0px;
padding:0px;
}
.main-menu .navbar-default .navbar-nav .open > a{
color:#333;
}
.main-menu .navbar-default .navbar-nav .open > a:hover{
color:#ffe000;
}
.navbar-default .navbar-nav .open .dropdown-menu>li> a{
color:#999;
}
.navbar-toggle{
border-radius:0px;
border:none;
margin-top:10px;
position:relative;
z-index:9;
margin-right:0px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color:#fff;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
border:none;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
background:none;
}
/*--- Search ---*/
.search-box{
right:0px;
width:100%;
top:5px;
}
.search-box > i{
margin-right:50px;
}
.search-box form{
width:100%;
}
.search-box form .search-txt{
width:100%;
margin-left:-15px;
padding-right:0px;
}
.search-box .search-btn{
right:-16px;
}
/*--- Slideshow ---*/
.block-slideshow{
padding-top:63px;
}
.block-slideshow .caption-item h1{
font-size:18px;
margin-top:0px;
margin-bottom:0px;
}
.block-slideshow .caption-item h1 strong{
font-size:30px;
display:block;
}
.block-slideshow .caption-item .heading{
padding-bottom:23px;
padding:0px;
}
.block-slideshow .carousel-indicators{
display:none;
}
.block-slideshow .caption-item .heading::after{
display:none;
}
.block-slideshow .caption-item .heading h4{
font-size:12px;
font-weight:normal;
}
.block-slideshow .caption-item .heading h5{
margin-bottom:10px;
}
.block-slideshow .caption-item .btn-1{
margin-top:10px;
}
.block-slideshow .carousel-caption{
top:15px;
}
.page-name{
padding-top:125px;
padding-bottom:30px;
}
/*--- blog ---*/
.blog .blog-item{
text-align:center;
}
.blog-list .blog-date{
margin-top:15px;
}
.blog-grid .blog-item h2.blog-heading{
font-size:20px;
}
/*--- Testimonials ---*/
.testimonials p{
font-size:14px;
}
/*--- project ---*/
.project-list{
margin-top:4px;
}
.project_detail{
margin-top:20px;
}
/*--- About ---*/
.about-s{
margin-top:0px;
text-align:center;
}
.about-s .heading::after{
left:50%;
margin-left:-50px;
}
.about-s h2{
font-size:25px;
line-height:1.3;
}
.about-s .btn-1{
display:inline-block;
}
.about-s .btn-bg-3{
margin-left:0px;
}
.block-dx > .container{
padding:0px;
}
.block-dx .dx-item{
margin-top:0px;
}
/*--- Newsletter ---*/
.block-fv{
overflow:hidden;
}
.block-fv .phone{
margin-top:0px;
margin-left:-30px;
margin-right:-30px;
font-size:25px;
}
.newsletter .phone{
background:#fafafa;
}
.block-fv .phone i{
height:35px;
width:35px;
font-size:18px;
line-height:37px;
}
.contact-form{
border:0px;
background:none;
padding:0px;
}
.block-fv .phone::after,.block-fv .phone::before,.archive i,.link-category i,.service-tabs li a::after,.owl .owl-buttons,.search-box form::after,.menu-index-2::after{
display:none
}
.block-fv .right-fv h5{
display:block;
font-size:20px;
margin:0px;
padding-top:5px;
margin-bottom:20px;
line-height:1.3;
}
.block-fv .right-fv .btn-1{
margin-bottom:10px;
}
.block-fv .right-fv a.btn-1{
float:none;
}
.newsletter form{
padding:5px 0px 20px 0px;
}
.newsletter-1{
border:none;
margin-top:60px;
}
.newsletter .title{
font-size:25px;
padding:30px 0px 20px 0px;
}
.newsletter form button{
right:20px;
}
/*--- Heading ---*/
.heading{
padding-left:15px;
padding-right:15px;
}
.heading h1,.heading h2,.counterup .counterup-item h3{
font-size:25px;
line-height: 40px;
}
.heading h5{
letter-spacing:5px;
}
.heading p,.heading h5{
font-size:14px;
}
.heading-left::after{
left:50%;
margin-left:-50px;
}
.testimonials-1{
margin-top:60px;
}
/*--- Service ---*/
.block-service h2{
padding:25px 0px 15px 0px;
}
.block-service .service-item{
margin-bottom:30px;
}
.ser-category > .ser-item:last-child,.block-service .container > .service-item:last-child,.block-service .service-content h2{
margin-bottom:0px;
}
.block-service .service-content{
padding:0px;
margin-bottom:20px;
display:inline-block;
}
.services{
padding-right:0px;
}
.s1,.s2{
padding:0px;
margin:0px;
border:none;
}
.atv .down_brc i,.atv .down_brc,.btn-1{
font-size:13px;
}
/*--- Service-tabs ---*/
.service-tabs{
border-bottom:0px;
}
.service-tabs li a{
padding:25px 20px;
font-size:14px;
}
/*--- Counterup ---*/
.block-counterup{
}
.block-recent-work .container, .block-counterup .container{
padding:0px;
}
.counterup{
padding:0px;
}
.counterup .counterup-item,.block .c-item,.block-wcu .wcu-item{
margin-bottom:20px;
margin-top:0px;
}
.counterup .counterup-item{
border-right:0px;
border-bottom:1px solid rgba(225, 225, 225,0.3);
margin-bottom:0px;
padding:10px;
}
.counterup .counterup-item p{
font-size:14px;
}
.block-wcu{
padding-bottom:0px;
}
.block-wcu .c-item{
margin:0px;
}
.block-wcu .c-item:last-child{
margin-bottom:15px;
}
.title,.box,.block-service_detail .service-item,.share-post,.form-item,.heading-left,.contact-form .form-item,.block-fv .right-fv,.newsletter .title,.contact-form,.block-fv .right-fv h5,.block-fv .phone,.service-content{
text-align:center;
}
.block-recent-work{
margin-left:15px;
margin-right:15px;
}
.atv .cons_free strong{
display:block;
}
.contact-form{
margin-top:30px;
}
.service-tabs{
border:none;
margin-bottom:15px;
}
.item-w{
padding:0px;
background:none;
}
.team-item{
margin-bottom:15px;
}
.link-category{
margin-top:40px;
}
.footer-top{
padding-top:20px;
}
.footer-heading{
margin-top:20px;
}
.title,.atv .cons_free{
font-size:25px;
}
.p-r-0{
padding-right:15px;
}
.p-l-0{
padding-left:15px;
}
}
@media (min-width : 550px) and (max-width: 767px){
.block-slideshow .carousel-caption{
top:100px;
}
}
/* =========================================
HAPPY TOWN FINAL OVERRIDE
Логоны өнгө + sticky main menu
========================================= */
/* -----------------------------
Үндсэн palette
----------------------------- */
body{
background:#fff;
}
.wrap-header{
top: auto !important;
left: auto !important;
width: 100%;
z-index: 999;
}
.wrap-body{
padding-top: 0 !important;
}
/* -----------------------------
Top header — scroll хийхэд алга болно
----------------------------- */
.top-menu{
background: #23232b !important;
border-bottom: 1px solid rgba(255,255,255,.08) !important;
}
.top-menu ul li a{
color: rgba(255,255,255,.92) !important;
border-right: 1px solid rgba(255,255,255,.08) !important;
}
.top-menu ul li a:hover{
color: #ff8a00 !important;
}
.top-menu ul li a i{
color: #ff8a00 !important;
}
/* -----------------------------
Main menu — үргэлж дээд талд үлдэнэ
----------------------------- */
.main-menu{
position: sticky;
top: 0;
z-index: 9999;
background: rgba(35,35,43,.97) !important;
border-bottom: 1px solid rgba(255,138,0,.28) !important;
box-shadow: 0 10px 28px rgba(0,0,0,.16);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* -----------------------------
Logo block
----------------------------- */
.logo{
background: #23232b !important;
margin-top: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.logo img{
margin-top: -8px !important;
}
.logo::after{
border-left-color: #23232b !important;
border-top-color: #23232b !important;
}
.logo-1{
background: #23232b !important;
}
.logo-1::before{
background: #23232b !important;
}
.logo-1::after{
border-left-color: #23232b !important;
border-top-color: #23232b !important;
}
/* -----------------------------
Navbar
----------------------------- */
.menu{
background: transparent !important;
border: none !important;
margin-bottom: 0 !important;
border-radius: 0 !important;
}
.menu,
.menu ul,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
background: transparent !important;
}
.menu .navbar-collapse > ul{
margin-left: 70px;
position: relative;
z-index: 2;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover{
background: transparent !important;
}
.navbar-default .navbar-nav > li{
position: relative;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus{
color: #ffffff !important;
padding: 25px 25px 24px 25px;
text-transform: uppercase;
line-height: 1;
font-weight: bold;
transition: all .25s ease;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav li a.active{
color: #ff8a00 !important;
background: transparent !important;
}
.navbar-default .navbar-nav > li > a:hover::after,
.navbar-default .navbar-nav > .open > a::after,
.navbar-default .navbar-nav > li.active > a::after{
content: "";
position: absolute;
left: 25px;
right: 25px;
bottom: 12px;
height: 2px;
background: #ff8a00;
border-radius: 50px;
}
/* -----------------------------
Dropdown
----------------------------- */
ul.nav li.dropdown:hover ul.dropdown-menu{
display: block;
}
.navbar-nav > li > .dropdown-menu{
border-radius: 0 !important;
border: 1px solid #ececec !important;
border-top: 3px solid #ff8a00 !important;
box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
padding: 0 !important;
margin-top: 0 !important;
min-width: 220px !important;
background: #ffffff !important;
}
.navbar-default .navbar-nav li ul{
background: #ffffff !important;
}
.navbar-default .navbar-nav li ul li{
border-bottom: 1px solid #f1f1f1 !important;
padding: 0 !important;
}
.navbar-default .navbar-nav li ul li:last-child{
border-bottom: none !important;
}
.navbar-default .navbar-nav li ul li a{
color: #23232b !important;
border-right: none !important;
padding: 18px 35px !important;
font-weight: 600;
}
ul.nav li.dropdown:hover ul.dropdown-menu li a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:active{
background: #fff4e8 !important;
color: #ff8a00 !important;
}
/* -----------------------------
Search
----------------------------- */
.search-box{
position: absolute;
top: 10px;
right: 0;
z-index: 1;
text-align: right;
}
.search-box > i{
color: #ffffff !important;
padding: 14px 20px;
height: 46px;
display: block;
cursor: pointer;
}
.search-box > i:hover{
color: #ff8a00 !important;
}
.search-box .search-txt{
color: #23232b !important;
border: none !important;
}
.search-box .search-btn{
background: #fff !important;
color: #ff8a00 !important;
border: none !important;
}
/* -----------------------------
Buttons
----------------------------- */
.btn-1,
.btn-bg-1,
.bg-yellow{
background: #ff8a00 !important;
color: #fff !important;
}
.btn-bg-1:hover,
.btn-bg-1:focus,
.btn-bg-1:active,
.btn-1:hover,
.btn-1:focus,
.btn-1:active{
background: #23232b !important;
color: #fff !important;
}
.btn-bg-2,
.bg-blue{
background: #23232b !important;
color: #fff !important;
}
.btn-bg-2:hover,
.btn-bg-2:focus,
.btn-bg-2:active{
background: #ff8a00 !important;
color: #fff !important;
}
/* -----------------------------
Theme дотор байсан шар/хөх өнгүүдийг солих
----------------------------- */
a:hover,
.ser-category h3 a:hover,
.ser-category h3 a:active,
.ser-category h3 a:focus,
.owl-theme .owl-controls .owl-buttons div:hover,
.project-category li a:hover,
.project-category li a:hover > i,
.share-post ul li a:hover,
.pag-nav li a:hover,
.pag-nav li a:active,
.pag-nav li a:focus,
.pag-nav li i:hover,
.about .panel-title a,
.about .panel-title a:hover,
.current a,
.contact-info ul.list-default li i,
.footer-top .tags li a:hover,
.footer-top .list-default li a:hover,
.footer-top .social_link a:hover,
.footer-bt p a{
color: #ff8a00 !important;
}
.block-slideshow .caption-item .heading::after,
.page-name .heading::after,
.heading::after,
.wcu-item .wcu-item-inner::before,
.wcu-item .wcu-item-inner::after,
.wrap-footer .footer-heading h3{
border-color: #ff8a00 !important;
}
.block-banner,
.block-counterup,
.block-testimonials,
.block-fv,
.dx-item,
.service-tabs li a,
a.view-more-project,
.project-category li a > .icons,
.fv .phone i{
background: #23232b !important;
}
.service-tabs li.active a,
.service-tabs li.active a:hover,
.service-tabs li.active a:focus,
.service-tabs li a:hover,
.project-tabs li.active a,
.project-tabs li.active a:hover,
.project-tabs li.active a:focus,
.project-tabs li a:hover,
.team-item .team-caption h4,
.hover-img:hover .hover-caption,
.deer,
.anketok{
background: #ff8a00 !important;
}
.service-tabs li.active a::after,
.service-tabs li a:hover::after{
border-left-color: #ff8a00 !important;
}
.block-slideshow .caption-item h1 strong,
.counterup h3,
.wcu-item i,
.about .panel-default > .panel-heading .panel-title,
.atv .cons_free,
.honog strong{
color: #ff8a00 !important;
}
/* -----------------------------
Footer бас лого palette руу
----------------------------- */
.wrap-footer{
background: #23232b !important;
}
.footer-bt{
background: #1b1b22 !important;
}
.wrap-footer .footer-heading{
border-bottom: 2px solid rgba(255,255,255,.08) !important;
}
.footer-top .tags li a,
.footer-top .social_link a i,
.footer-top ul.list-default li{
border-color: rgba(255,255,255,.12) !important;
}
/* -----------------------------
Mobile
----------------------------- */
@media (max-width: 767px){
.logo{
background: transparent !important;
margin-bottom: 0 !important;
}
.logo::after,
.logo::before{
display: none !important;
}
.logo img{
width: 86px !important;
margin-top: 6px !important;
}
.main-menu{
padding: 6px 0 !important;
background: rgba(35,35,43,.98) !important;
}
.navbar-toggle{
border-radius: 8px !important;
border: 1px solid rgba(255,138,0,.35) !important;
background: rgba(255,138,0,.08) !important;
margin-top: 10px !important;
margin-right: 0 !important;
}
.navbar-default .navbar-toggle .icon-bar{
background-color: #ff8a00 !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
background: rgba(255,138,0,.14) !important;
}
.main-menu .navbar-default .navbar-nav .open > a{
color: #ff8a00 !important;
}
.menu .navbar-collapse > ul{
margin-left: -15px !important;
background: #ffffff !important;
margin-bottom: 10px !important;
padding: 20px 0 !important;
border-top: 3px solid #ff8a00 !important;
box-shadow: 0 16px 35px rgba(0,0,0,.14) !important;
}
.menu ul li{
width: 100% !important;
text-align: left !important;
}
.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a{
color: #23232b !important;
font-size: 17px !important;
padding: 16px 22px !important;
text-align: left !important;
border-bottom: 1px dashed #e5e5e5 !important;
border-right: 0 !important;
display: block !important;
}
.navbar-default .navbar-nav li ul li a{
font-size: 15px !important;
padding-left: 34px !important;
}
.navbar-default .navbar-nav .open .dropdown-menu{
background: #fff8f1 !important;
}
.search-box{
right: 0 !important;
width: 100% !important;
top: 5px !important;
}
.search-box > i{
margin-right: 50px !important;
}
.search-box form{
width: 100% !important;
}
.search-box form .search-txt{
width: 100% !important;
margin-left: -15px !important;
padding-right: 0 !important;
}
.search-box .search-btn{
right: -16px !important;
}
}