@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');
/*font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&family=Raleway:wght@800&display=swap');
/*font-family: 'Raleway', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap');
/*font-family: 'Raleway', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700;800;900&display=swap');
/*font-family: 'Barlow', sans-serif;;*/
body
{
	margin: 0;
	padding: 0;
}
img
{
	max-width:100%;
}
a:hover
{
	text-decoration: none;
}
.btn img
{
    vertical-align: sub;
    padding-left: 13px;
}
@media(min-width: 992px)
{
    header
    {
        position: absolute;
        width: 100%;
        z-index: 1;
    }
}
@media(max-width: 575px)
{
    .header_bottom
    {
        position: absolute;
        width: 100%;
        z-index: 1;
    }
}
.header_top
{
	background-color: #2689c2;
	color: #ffffff;
}
.header_top a
{
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
    color: #ffffff;
}
.header_top .fa 
{
    color: #ffffff;
    font-size: 20px;
}
.header_top .fa:hover, .header_top a:hover
{
	color: #999;
}
.header_top span
{
	font-family: 'Raleway', sans-serif;
	font-weight: 800;
}
.header_bottom
{
	background:rgba(0, 0, 0, 0.6);
}
.header_bottom .navbar-brand img
{
    width: 300px;
}
.header_bottom .navbar 
{
	padding:0;
}
.header_bottom .nav-link 
{
    font-size:13px;
    color:#fff;
    padding:8px 11px;
    font-weight:600;
    font-family: 'Raleway', sans-serif;
}
.header_bottom .nav-item:hover,.header_bottom .nav-item.active
{
    transform:skew(-15deg);
    background-color:#c2e3f0;
}
.header_bottom .nav-item:hover .nav-link,.header_bottom .nav-item.active .nav-link
{
    transform:skew(15deg);
    color: #000;
}
.header_bottom .navbar-toggler 
{
    color: #ffffff;
    background-color: #557b5d;
    outline: none;
}
@media (max-width:1199px)
{
    .header_bottom .navbar-brand img
    {
         width: 222px;
    }
    .header_bottom
    {
        background:#000;
    }
    .header_bottom .nav-link 
    {
        font-size:12px;
    }
}
@media (max-width:991px)
{
    .header_bottom .nav-item
    {
        background-color: #557b5d;
        border-radius: 30px;
        margin-bottom: 3px;
    }
    .header_bottom .nav-item:hover,.header_bottom .nav-item.active
    {
        transform:skew(0deg);
        background-color:#c2e3f0;
    }
    .header_bottom .nav-item:hover .nav-link,.header_bottom .nav-item.active .nav-link
    {
        transform:skew(0deg);
        color: #000;
    }
}
@media (min-width:992px)
{
    .header_bottom
    {
        position: absolute;
        width: 100%;
        z-index: 1;
    }
}
/*****************************banner*****************************/
.banner .caption .box 
{
	color:#ffffff;
    background:rgba(0, 0, 0, 0.6);
}
.banner .caption h4
{
	font-size:45px;
    font-weight: 700;
	color: #cadb85;
    font-family: 'Barlow', sans-serif;
    margin: 0;
}
.banner .caption h3
{
	font-size:70px;
	color: #cadb85;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
}
.banner .caption p
{
	font-size:18px;
    font-weight: 600;
	margin-bottom: 0;
    font-family: 'Open Sans', sans-serif;
}
.banner .carousel-control-next, .banner .carousel-control-prev
{
    width:10%;
    opacity: 1;
}
.banner .carousel-control-next img, .banner .carousel-control-prev img
{
    width:80px;
}
.banner .carousel-indicators 
{
    bottom: 40px;
}
.banner .carousel-indicators li
{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #a7a6a6;
    opacity: 1;
}
.banner .carousel-indicators .active
{
    background-color: #31abff;
}
.banner .position-absolute
{
    bottom: -13px;
    width: 100%;
}
@media (max-width:1199px)
{
    .banner .carousel-control-next img, .banner .carousel-control-prev img
    {
        width:70%;
    }
    .banner .caption h4
    {
        font-size:24px;   
    }
    .banner .caption h3
    {
        font-size:37px;   
    }
    .banner .caption p
    {
        font-size:15px;
    }
}
@media (max-width:991px)
{
    .banner .position-absolute
    {
        bottom: 0;
        width: 100%;
    }
}
@media (max-width:767px)
{
    .banner .caption .box 
	{
        background-color:#000;
        max-width: 100%;
        padding-bottom: 80px!important;
    }
    .banner .caption .container
    {
        max-width:100%;
        padding:0;
    }
}
@media (min-width:768px)
{
    .banner .caption 
    {
        position:absolute;
        bottom:20%;
        width:100%;
    }
    .banner .caption .box 
    {
        max-width:700px;
    }
}
@media (max-width:575px)
{
    .banner .caption .box 
	{
        padding-bottom: 60px!important;
    }
    .banner
    {
        margin-top: 65px;
    }
}
/************************welcome*****************************/
.welcome
{
    background:url(../tpl_images/welcome_bg.png) no-repeat;
    background-size: 100% 100%;
    font-family: 'Barlow', sans-serif;
}
.building
{
    background:url(../tpl_images/building.png) no-repeat bottom right;
    background-size: 300px;
}
.welcome h6
{
    color:#fff;
    font-size: 17px;
}
.welcome p
{
	font-size:17px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
}
.welcome .btn
{
    background: #fff;
    border:1px solid #000;
    transform: skew(-13deg);
    border-radius: 0;
}
.welcome .btn p
{
	font-size:14px;
    font-weight: 600;
    color:#000;
    transform: skew(13deg);
}
.welcome .btn:hover
{
    background: #c2e3f0;
}
@media (max-width:1630px)
{
    .building
    {
        background-size: 200px;
    }
}
@media (min-width:992px) and (max-width:1199px)
{
    .welcome
    {
        min-height: auto;
    }
    .welcome h2, .welcome h2 span
    {
        font-size: 29px;
    }
    .welcome p
    {
        font-size:14px;
    }
    .building
    {
        background: none;
    }
}
@media (max-width:991px)
{
    .welcome
    {
        background:#557b5d;
    }
    .building
    {
        background: none;
    }
}

/************************services*****************************/
.services
{
    background: #0a5a90;
    font-family: 'Barlow', sans-serif;
}
.services .card-img-top
{
    width:80px;
    margin: auto;
}
.services .card
{
    padding: 10px;
    border-radius: 11px;
    box-shadow: 0 0 4px;
    height: 100%;
    border:4px solid #fff;
    transition: .2s;
}
.services .card:hover
{
    background: #cadb85;
    border:4px solid #64702a;
}
.services h5
{
    color:#000;
    font-size: 20px;
    font-weight: 700;
}
.services p
{
    font-family: 'Open Sans', sans-serif;
    color:#000;
    font-size: 13px;
    font-weight: 600;
}
/************************why*****************************/
.why
{
    background: #cadb85;
    font-family: 'Barlow', sans-serif;
    margin-top: -30px;
}
.why small
{
    color:#000;
    font-size: 17px;
    font-weight: 600;
}
.why h2
{
    color:#000;
    font-weight: 600;
    font-size: 26px;
}
.why h3
{
    color:#000;
    font-weight: 600;
    font-size: 24px;
}
.why .dollar
{
    color:#ff0101;
}
.why p
{
	font-size:17px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color:#000;
}
.why .btn
{
    background: #3c4418;
    border:2px solid #fff;
    transform: skew(-13deg);
    border-radius: 0;
    box-shadow: 0 0 4px;
}
.why .btn p
{
	font-size:15px;
    font-weight: 600;
    color:#fff;
    transform: skew(13deg);
}
.why .btn:hover
{
    background: #2689c2;
}
@media (min-width:1200px)
{
    .why .box 
    {
        width: 650px;
        max-width: none;
    }
}
/*********************client*********************/
.client
{
    background: #fff;
}
.client .slideControls
{
    position: absolute;
    width: 100%;
    top: 40%;
    z-index:1;
}
.client .slideControls .slideNext
{
    right:25px;
    position:absolute;
    cursor:pointer;
}
.client .slideControls .slidePrev
{
    left:25px;
    position:absolute;
    cursor:pointer;
}
/******************form*****************/
.form
{
    background-color: #dedede;
    font-family: 'Barlow', sans-serif;
}
.form h2
{
    font-size: 38px;
    color:#000;
    font-weight: 700;
}
.form span
{
    color:#0e649f;
}
.form input[type=text], .form input[type=email], .form textarea
{
	font-size:15px;
	background-color:#ffffff;
	border:none;
	border-radius:0;
    resize: none;
    color: #616161;
    margin-bottom: 8px;
    font-weight: 400;
}
::placeholder
{
    color:#373636;
    font-weight: 600;
}
.form button
{
    font-weight: 700;
    background: #9ac5e4;
    transform:skew(-10deg);
    border-radius: 0;
    box-shadow: 0 5px 10px #ccc;
    border: 2px solid #0e649f;
    color:#ffffff;
    padding: 8px 30px;
    font-size: 18px;
}
.form p
{
    transform:skew(10deg);
}
.form button:hover
{
   background-color:#dddddd;
}
/*********************footer*********************/
.footer_top
{
	background:#0c4d7a;
	font-family: 'Barlow', sans-serif;
    color: #fff;
}
.footer_top h1
{
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 5px;
}
.footer_top li
{
	font-weight: 600;
	font-size: 16px;
	list-style-type: none;
    color: #b4dffd;
    font-family: 'Open Sans', sans-serif;
}
.footer_top li:hover
{
	color:#557b5d;
}
.footer_top h4
{
	color: #b05126;
	font-weight: 500;
	font-size: 21px;
}
.footer_top .fa 
{
	color:#0c4d7a;
	height:35px;
	width:35px;
	background: #fff;
	border-radius:50%;
	text-align:center;
	line-height: 38px;
	font-size: 20px;
    background: #b4dffd;
    border: 1px solid #b4dffd;
}
.footer_top .red
{
    width:40px;
	float:left;
}
.footer_top .fa:hover
{
	color:#c2e3f0;
	background: transparent;
    border: 1px solid #c2e3f0;
}
.footer_top p, .footer_top a
{
	font-weight: 600;
	font-size: 15px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}
.footer_bottom
{
	background-color:#64702a;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
}
.footer_bottom p
{
    font-size:16px;
    margin: 0;
    font-weight: 600;
    font-family: 'Barlow', sans-serif;
}
.footer_bottom a 
{
	color:#fff;
}
.footer_bottom a:hover
{
	color: #c2e3f0;
	text-decoration: none;
}

/************innerpages**************/
.inner .btn{
    color: #ffffff;
}
@media (min-width: 800px) {
  .parapoint {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
.link_color{
    color: #000;
}
.link_color a{
    color: #000;
}
.weight-bold{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding-left: 20px;
}
.clint{
    font-size: 15px;
    color: #000;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
@media (max-width: 575px) {
  .banner_area {
    margin-top: 75px;
  }
}