/*
Template Name: IT Depart
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
body{
font-family: 'Rubik', sans-serif;
color: #212529;
}
ul{
list-style:none;
padding:0;
 }


h1,h2,h3,h4,h5,h6{
font-weight:bold; 
 }
a{
text-decoration:none;
color: #212529;
 }
a:hover{
text-decoration:none;
color:#e71a21; 
 }

.button{
background-color: #e71a21;
color: #fff;
padding: 15px 30px 15px 30px;
display: inline-block;
transition: 0.3s;
border-radius:3px;
 }
.button:hover{
background:#bd2d10;
color:#fff;
 }


.grid figure {
position: relative;
float: left;
overflow: hidden;
width: 100%;
text-align: center;
cursor: pointer;
}
figure.effect-jazz figcaption::after,
figure.effect-jazz img
{
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}

figure.effect-jazz:hover img {
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}


hr{
opacity:1;
background-color:#ff5a6e14;
 }
.font_14{
font-size:14px; 
 }
p{
color: #6d6d6d; 
 }
.col_orange{
color:#e71a21;  
 }
.bg_light_or{
background:#e71a2108;
 }
.bg_dark_black{
background:#000; 
 }
.bg_dark_or{
background:#e71a21; 
 }
.line {
height: 3px!important;
width: 50px;
background-color: #e71a21;
}
/*********************header****************/
#top{
background: #252628; 
 }
.top_1l{
background:#e71a21;
padding-left:130px; 
transform: skew(-26deg);
margin-left:-10px;
 }
.top_1l ul li{
transform: skew(26deg);  
 }
.top_1r{
padding-right:100px; 
 }
.top_1l ul li i{
color:#ffffff; 
 }
.sticky {
position: fixed;
top: 0;
width: 100%;
z-index:3;
padding-top:0;
box-shadow: 0 8px 25px 0 #e71a210d;
}
.sticky {
top: -40px;
transform: translateY(40px);
transition: transform .3s;
background-color: #fff!important;
}

.nav-link{
padding:20px 15px!important; 
color: #212529!important;
 }
#header .active{
color:#e71a21!important; 
 }
.nav-link:hover{
color:#e71a21!important;
 }
.nav-link:focus{
color:#e71a21!important;
 }

#header .button{
padding:12px 22px 10px 22px!important; 
color:#fff!important;
margin-top:9px;
 }
#navbar_sticky{
box-shadow: 0 8px 25px 0 #e71a210d; 
 }
.drop_1{
width: 230px;
background: #fff;
padding: 10px 0;
box-shadow: 0 0 5px #e71a210d;
border:none;
margin-top:5px!important;
border-radius:0;
 }
.drop_1 li a {
transition: all 0.5s;
padding-top: 10px;
padding-bottom: 10px;
}
.drop_1 li a:hover {
background:none;
color:#e71a21;
transform: translateX(10px);
transition: all 0.5s;
}
 
/*********************header_end****************/


/*********************common****************/

.pages ul li{
 display:inline-block;
 margin: 0 2px;
 width:45px;
 height:45px;
 line-height:45px;
 background:  #e71a2108;
 text-align:center;
 border-radius:3px;
 }
.pages ul li a{
display:block;
color: #252628;
 }
.pages ul li:hover{
 background: #e71a21;
 }
.pages ul li:hover a{
 color: #fff!important;
 }
.act{
  background:#e71a21!important;
 }
.act a{
 color: #fff!important;
 }
 /* footer social icons */
ul.social-network {
list-style: none;
display: block;
margin-left:0 !important;
padding: 0;
}
ul.social-network li {
display: inline-block;
}

/* footer social icons */
.social-network a.icoRss:hover {
background-color: #F56505;
}
.social-network a.icoFacebook:hover {
background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
color:#44BCDD;
}

.social-circle li a {
display:inline-block;
position:relative;
margin:0 auto 0 auto;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
text-align:center;
width: 40px;
height: 40px;
font-size:16px;
}
.social-circle li i {
margin:0;
line-height:40px;
text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms--transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
.social-circle i {
color: #fff;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-o-transition: all 0.8s;
-ms-transition: all 0.8s;
transition: all 0.8s;
}
.form-control:focus{
 box-shadow:none;
 }
.form-select:focus{
 box-shadow:none;
 }


#team_h{
padding-bottom:100px; 
 }
.team_h2i2{
width:80%;
border-radius:5px;
bottom:-50px;
left:10%;
box-shadow: 0 8px 25px 0 #e71a210d; 
z-index:1000; 
 }
.team_h2i3 ul li  a{
color:#e71a21; 
 }
.team_h2i3 ul li {
display:block;
margin-top:10px;
margin-bottom:10px;
 }
.team_h2i3{
top:0;
right:0;
display:none;
padding-top:135px;
background:#e71a21d4;  
 }
.team_h2i:hover .team_h2i3{
display:block;
 }
.team_h2pg{
margin-top:75px; 
 }
/*********************common_end****************/


/*********************footer****************/
.footer_1r .btn{
padding: 10px 30px 10px 30px;
border-radius:0; 
 }
.footer_1r .btn:hover{
padding: 10px 30px 10px 30px;
border-radius:0; 
background:#bd2d10;
 }
 
.footer_2i ul li a{
background:#414346;
 }
.footer_2{
border-top:1px solid #3c3d40;
margin-top:15px;
padding-top:15px; 
 }
.footer_3{
border-top:1px solid #3c3d40;
margin-top:15px;
padding-top:15px; 
 }
/*********************footer_end****************/

/*********************blog_h****************/
#blog_h{
margin-top:390px; 
 }
 
.blog_h1i2 h6 a{
color:#fff;
padding:10px 15px 7px 15px;
border-radius:3px; 
 }
.blog_h1i2{
top:0;
padding:10px;
 }
.blog_h1i3 span{
text-align:center;
width:60px;
height:60px;
line-height:60px;
border-radius:50%;
font-size:18px; 
 }
.blog_h1i3 span:hover{
background:#252628;
 }
.blog_h1i3{
bottom:0;
padding:10px;
display:none;
 }
.blog_h1i:hover .blog_h1i3{
display:block; 
 }
.blog_h1ib{
padding:20px 15px; 
 }
.footer_2i h6 i{
font-size:8px;
 }
/*********************blog_h_end****************/

/*********************testim****************/
#testim .carousel-indicators [data-bs-target] {
background-color: #e71a21;
}

#testim .carousel-indicators {
bottom: -60px;
}
.testim_1imi1 span {
text-align: center;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
font-size:18px;
}
.testim_1imi1 {
top:35px;
right:100px;
}
.testim_box{
border:1px solid #e71a210d;
background:#fff; 
 }
.main_2{
bottom:-300px; 
 }
/*********************testim_end****************/


@media screen and (max-width : 767px){
.navbar-collapse{
max-height:300px;
overflow-y:scroll; 
border-top:1px solid #ff5a6e14;
padding-bottom:15px;
 }
#header .nav-link{
font-size:26px;
border-bottom:1px solid #ff5a6e14;
padding: 10px 20px!important; 
 }

.navbar-light .navbar-toggler{
border-color:#ff5a6e14!important;
box-shadow:none!important;
 }
 
#top{
display:none; 
 }
.drop_1 {
box-shadow:none;
padding-top:0;
padding-bottom:0;
}
.drop_1 a{
font-size:24px;
padding-top:5px!important;
padding-bottom:5px!important;
}
.line{
margin-left:auto!important; 
margin-right:auto!important;
 }
.serv_h1 {
text-align:center; 
 }
.serv_h1 p{
text-align:left; 
 }
.serv_h1 br{
display:none;
 }
.team_h2i  {
margin-bottom:70px;
}
.team_h2i img {
min-height:420px;
}
#team_h {
padding-bottom:20px;
}
#testim{
padding-top:40px;
padding-bottom:70px;
 }
.testim_box {
margin-top:10px; 
 }
.testim_box p{
text-align:left; 
 }
.testim_1imi1{
position:static!important;
margin-top:20px; 
 }
.blog_h1ib {
text-align:center;
margin-bottom:10px; 
 }
.blog_h1ib p{
text-align:left; 
 }
 
.footer_1l{
text-align:center;
margin-bottom:10px; 
 }
.footer_2i{
text-align:center;
margin-bottom:15px; 
 }
.footer_2i p{
text-align:left; 
 }
.footer_2i1r{
text-align:left;  
 }
.footer_1r {
text-align:left!important; 
 }
.team_h2pg {
margin-top:0;
}
.footer_1l p{
text-align:left;
 }
.footer_2i p{
text-align:center; 
 }
#navbar_sticky{
border-bottom:1px solid #ff5a6e14;
box-shadow:none;
 }
 }


@media (min-width:576px) and (max-width:767px) {


 }
@media (min-width:768px) and (max-width:991px) {
.navbar-expand-md {
flex-wrap:wrap!important;
}
.top_1l {
padding-left:15px;
}
.top_1l li{
margin-right:5px!important;
font-size:14px;
}
.top_1r {
padding-right:15px;
}
.navbar-brand{
margin-right:0; 
 }
.nav-link {
font-size:14px;
padding: 20px 10px!important;
}
.drop_1 a{
font-size:14px;
}
.serv_h1 br{
display:none;
 }
.team_h2i img {
min-height:420px;
}
.testim_1imi1{
position:static!important;
margin-top:20px; 
 }
.testim_1im_last  p{
font-size:13px;
 }
.main_2 {
bottom: -360px;
}
#blog_h{
margin-top:440px; 
 }
.footer_1l h4{
font-size:20px; 
 }
#footer p{
font-size:14px; 
 }
#footer h6{
font-size:14px; 
 }
#footer li{
font-size:14px; 
 }
.footer_2i li{
margin-bottom:5px; 
 }
 }
@media (min-width:851px) and (max-width:991px) {
.nav-link {
padding: 20px 15px!important;
} 
 }
@media (min-width:992px) and (max-width:1200px) {
.navbar-expand-md {
flex-wrap:wrap!important;
}

.top_1l {
padding-left:50px;
}
.top_1r {
padding-right:50px;
}
.serv_h1 br{
display:none;
 }
 }