h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}
a {
	outline: medium none !important;
	text-decoration: none;
}
a, .btn {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.topbar{
	width:100%;
	padding-top:3px;
	padding-bottom:3px;
	font-size:14px;
}
.topbar .topbar-left{
	text-align:left;
}
.topbar .topbar-right{
	text-align:right;
}
.topbar .container,
.topbar .container-xxl{
	overflow:hidden;
}
.topbar .container a,
.topbar .container-xxl a{
	padding-left:10px;
	padding-right:10px;
}
.topbar-dark{
    background-color: #131921;
	color:#fff;
}
.topbar-dark a,
.topbar-dark span,
.topbar-dark p{
	color:#fff;
}

/*** navbar ***/
.navbar{
	position: relative;
	width:100%;
	padding: 5px 0px;
    box-shadow: 0px 0px 5px #3333334a;
	transition:top .5s ease-out;
	z-index: 2;
}
.navbar.fixed-top {
	position:fixed;
}
.navbar .container-xxl{
	max-width:1200px;
}
.navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}
.navbar-menu .nav-item a{
	font-weight: 500;
	font-size: 20px;
	letter-spacing: .3px;
}
.navbar-menu .navbar-toggler:focus{
    box-shadow: none;
}
.dropdown-menu {
	padding:.5rem;
	border: none;
	box-shadow: 0px 0px 40px #3333;
	transition:all .3s ease;
}
.dropdown:hover .dropdown-toggle::after{
	transition:all .3s ease;
}

/*** section defaults ***/
section{
    padding-top: 40px;
    padding-bottom: 40px;
	position:relative;
}
.sec-bg-gray{
	background-color:#f5f5f5;
}
.bg-overlay{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:0;
}
.sec-banner .bg-overlay{
	background-color:#343434ED;
}
.sec-blogs .bg-overlay{
	background-color:#232f3ecf;
}
.sec-phead-banner{
	background-size: cover !important;
	background-position: 50% 50% !important;
	padding-top:60px;
	padding-bottom:50px;
	transition: all 0.3s ease-out 0s;
	box-shadow: 0px 0px 3px black;
	z-index:1;
}
.sec-phead-banner .page-name{
	position:relative;
	text-align:center;
	text-shadow: 1px 1px 14px #000;
	font-weight: bold;
}
.sec-phead-banner .bg-overlay{
	background-color:#09121ee0;
}

.sec-banner,
.sec-banner .sec-banner-content,
.sec-blogs,
.sec-blogs .sec-blogs-content
{
	position:relative;
}
.sec-blogs-content{
	overflow:hidden;
}
section .title-field{
	font-size:24px;
    margin-bottom: 36px;
	width:100%;
	text-align:center;
}
section .title-field p{
    margin-bottom: 18px;
    color: #111;
    font-weight: bold;
}
section .title-field-line{
    display: flex;
    margin: auto;
    width: 75px;
    height: 2px;
    background-color: #222;
    border-radius: 10%;
}
section .title-field-line.line-white{
    background-color: #fff;
}

.container-bs3{
	position:relative;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

div[class*=' ratio-']{
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}
.ratio-40{
	padding-top:40%;
}
.ratio-50{
	padding-top:50%;
}
.ratio-55{
	padding-top:55%;
}
.ratio-56{
	padding-top:56%;
}
.ratio-57{
	padding-top:57%;
}
.ratio-58{
	padding-top:58%;
}
.ratio-59{
	padding-top:59%;
}
.ratio-60{
	padding-top:60%;
}
.ratio-65{
	padding-top:65%;
}
.ratio-66{
	padding-top:66%;
}
.ratio-70{
	padding-top:70%;
}
.ratio-75{
	padding-top:75%;
}
.imgbox{
	position:relative;
	display:block;
	text-align:center;
}
.imgbox.bg-loading{
	background:linear-gradient(to right,#ddd,#ddd,#eee,#ddd,#ddd,#ddd);
	background-size: 100% 100%;
	animation: gradient 3s ease infinite;
}
.imgbox img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: 50% 50%;
	color:transparent;
}
@keyframes gradient {
	0% {
		background-size: 100% 100%;
	}
	100% {
		background-size: 300% 100%;
	}
}
.srvbox {
	width:100%;
	background-color: #fff;
	box-shadow: 0px 0px 15px -5px #232f37;
	transition: box-shadow 0.3s ease;
}
.srvbox:hover {
	box-shadow: 0px 0px 20px -3px #232f37aa;
}
.srvbox img.img-fluid{
	width:100%;
}
.blogbox{
	width:100%;
	background-color: #fff;
	padding:25px;
}
.blogbox .imgbox {
	position: relative;
	width: 100%;
}
.blogbox .imgbox .pdate{
	position: absolute;
	color: #4f92d6;
	left: 19px;
	bottom: -17px;
	width: 190px;
	height: unset !important;
	padding: 0 0 0 0;
	background-color: #fff;
	font-size: 25px;
	text-align:center;
}
.blogbox .imgbox .pdate span{
	font-size: 13px;
}
.txtbox{
	padding:10px 20px;
	line-height: 22px !important;
	overflow:hidden;
	position:relative;
	max-height:100px;
}
.txtbox p{
	width:100%;
	overflow:hidden;
}

/* --------------solution partners ----------- */
.sec-solution-partners .item{
	width:100%;
	border-radius:10px;
	box-shadow:0px 0px 11px -4px #3335;
	overflow:hidden;
	background-color:transparent;
	border-bottom:2px solid #3e495778;
}
.sec-solution-partners .item .img-fluid{
	width:100%;
}
.sec-solution-partners .item .description{
	font-size:16px;
	line-height:21px;
	font-weight:700;
	display:inline-block;
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	margin-top:10px;
	margin-bottom:14px;
	color:#333;
}
/* --------------/solution partners ----------- */

/*** homepage slider section (slick slider) ***/
.sec-slider{
	padding:0;
	margin:0;
	position:relative;
	overflow:hidden;
	padding-top:40%;
}
.slider-slick{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.slider-slick .slider-img{
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.slider-slick .slick-list,
.slider-slick .slick-list .slick-track{
	height:100%!important;
}
.slider-slick .slick-dots{
	position:absolute;
	list-style:none;
	display:block;
	padding:0;
	text-align:left;
	bottom:0;
	margin-bottom:0;
	left:50%;
	transform:translateX(-50%);
}
.slider-slick .slick-dots li{
	list-style:none;
	display:inline-block;
	background-color:#fff4;
	margin:5px;
	overflow:hidden;
	line-height:3px;
	border-radius:3px;
}
.slider-slick .slick-dots li.slick-active{
	background-color:#232f3e;
}
.slider-slick .slick-dots li button{
	opacity:0;
	width:25px;
	height:3px;
}
.slick-arrow {
	position: absolute;
	display:block;
	z-index: 11;
	background-color: #fff5;
	color: #333d;
	top: 50%;
	transform: translateY(-50%);
	padding: 1px 10px 10px 10px;
	border-radius: 10px;
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
	cursor: pointer;
	user-select: none;
}
.slick-prev{
	left:3%;
}
.slick-next{
	right:3%;
}
a.scroll-to-down{
	position: absolute;
	left: 50%;
	bottom: 10px;
	z-index: 1;
	font-size: 48px;
	color: #fffe;
	transform: translateX(-50%);
	margin: 0;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	
    -webkit-animation: goDown 5s infinite;
    -webkit-animation-delay: .8s;
    animation: goDown 5s infinite;
    animation-delay: .8s;
}

/* --------------diller owl carousel ----------- */
.languages-carousel .item{
	margin: 5px 20px;
	padding: 0;
	background-color: transparent;
}
.languages-carousel .item .item-name{
	width:100%;
	text-align:center;
	margin-top:10px;
	font-weight:bold;
}
.languages-carousel .language-img-wrapper{
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0px 0px 9px -3px #3333;
}
.languages-carousel .slick-track{
	padding-top:10px;
}
/* --------------/diller owl carousel ----------- */

/* -------------google testimonals section------------ */
.google-review-logo{
	max-width:200px;
}
.g-review-img{
	max-width:50px;
	width:100%;
}
.g-review-content{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	padding-bottom:1px;
	line-height:24px;
	margin-bottom:5px;
}
.google-review-carousel .slick-list{
	padding-left:5px;
	padding-right:5px;
}
.google-review-carousel .slick-track{
	padding-top:10px;
	padding-bottom:20px;
}
.google-review-carousel .item {
	padding:10px;
	box-shadow:5px 5px 10px #ddd9;
	margin-left:20px;
	margin-right:20px;
	background:linear-gradient(135deg,#f7f7f7,#fff);
	border-top:2px solid #edc574;
	border-bottom:3px solid #edc57455;
	overflow:auto;
	border-radius: 5px;
}
/* -------------/google testimonals section-----------*/



/* ------------- footer  -------------*/
footer ul{
	list-style:none;
	padding:0;
}

footer .ft-sc-wrapper{
	position: absolute;
	width: 265px;
	float: left;
	left: 50%;
	top: -50px;
	padding: 0px;
	margin: 0px auto;
	background-color: #fff;
	overflow: hidden;
	border-radius: 20px;
	border-top-left-radius: 50px 80px;
	border-top-right-radius: 50px 80px;
	transform:translateX(-50%);
}
footer .social-icons{
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
}
footer .social-icons li{
	display:inline-block;
	padding:0;
	margin:0;
}
footer .social-icons li a{
	display:inline-block;
	font-size: 15px;
	padding: 15px 10px;
	margin: 0px;
}

footer .ft-contacts li{
	display: block;
	width: 100%;
	padding: 0px 0px 10px 0px;
	margin: 0 0 10px 0;
	line-height: 23px;
	border-bottom: 1px solid #f0f0f0;
}
footer .ft-qlinks li{
	display: block;
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
footer .ft-qlinks li a{
	display: block;
	padding: 3px 0;
	margin: 0;
}
footer .ft-contacts li i,
footer .ft-qlinks li i{
	padding: 0 10px 0 0;
}

.ft-coltitle{
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
}
.section-dark .ft-coltitle{
	color: #fff;
}
.ft-coltitle-line{
    display: block;
    width: 75px;
    height: 3px;
    background-color: #222;
    border-radius: 10%;
	margin-bottom:40px;
}
.section-dark .ft-coltitle-line,
.ft-coltitle-line.line-white{
	background-color: #fff;
}
/* ------------- /footer  -------------*/

.scrollTop {
	position: fixed;
	display:inline-block;
	z-index: 999;
	opacity: 1;
	text-align:center;
	text-decoration:none;
	line-height:40px;
	font-size:12px;
}


/*** animations   ***/
@keyframes slideUp{
	0%{
		transform:translateY(0);
	}
	to{
		transform:translateY(-100%);
	}
}


@keyframes goDown {
    0% { bottom:10px; }
    10% { bottom:15px; }
    20% { bottom:10px; }
    30% { bottom:20px; }
    40% { bottom:10px; }
    50% { bottom:15px; }
    60% { bottom:10px; }
    70% { bottom:15px; }
    80% { bottom:10px; }
    90% { bottom:20px; }
    100% { bottom:10px; }
}
@-webkit-keyframes goDown {
    0% { bottom:10px; }
    10% { bottom:15px; }
    20% { bottom:10px; }
    30% { bottom:20px; }
    40% { bottom:10px; }
    50% { bottom:15px; }
    60% { bottom:10px; }
    70% { bottom:15px; }
    80% { bottom:10px; }
    90% { bottom:20px; }
    100% { bottom:10px; }
}

/*** /animations  ***/



/* media max-width settings*/
@media (max-width:1399.98px) {

}
@media (max-width:1199.98px) {

}
@media (max-width:991.98px) {
	.sec-phead-banner{
		padding-top:40px;
		padding-bottom:35px;
	}
	.sec-slider{
		padding-top:60%;
	}
	.container{
		width:95%;
	}
	.container-bs3{
		width:95%;
		max-width:unset;
	}
    .navbar-menu .navbar-nav{
        margin-top: 20px;
    }
	.dropdown-toggle.show::after {
		border-top: 0;
		border-bottom:.3em solid;
	}
}
@media (max-width:767.98px) {
	.sec-slider{
		padding-top:75%;
	}
	.container-bs3 {
		width:100%;
		max-width:unset;
	}
}
@media (max-width:575.98px) {
	.sec-phead-banner{
		padding-top:25px;
		padding-bottom:20px;
	}
	.sec-slider{
		padding-top:80%;
	}
}

/* media min-width settings*/
@media (min-width:576) {

}
@media (min-width:768px) {
	.container-bs3 {
		width:750px;
		max-width:750px;
	}
}
@media (min-width:992px) {
	.container-bs3 {
		width:970px;
		max-width:970px;
	}
	.dropdown .dropdown-menu {
		display: none;
	}
	.dropdown:hover .dropdown-menu {
		display: block;
	}
	.dropdown:hover .dropdown-toggle::after {
		border-top: 0;
		border-bottom:.3em solid;
	}
}
@media (min-width:1200px) {
	.container-bs3 {
		width:1170px;
		max-width:1170px;
	}
}
@media (min-width:1400px) {

}
