/********** Template CSS **********/
@font-face{
	font-family: league;
	src: url('../fonts/LeagueSpartan-Bold.otf');
	font-weight: bold;
}	

:root {
    --primary: #e66ec5;
    --secondary: #FAF3EB;
    --light: #FFFFFF;
    --dark: #2B2825;
}

.font-secondary {
    font-family: 'Pacifico', cursive;
}

h1,
h2,
.font-weight-bold {
    font-weight: 700 !important;
}

h3,
h4,
.font-weight-semi-bold {
    font-weight: 600 !important;
}

h5,
h6,
.font-weight-medium {
    font-weight: 500 !important;
}

/** Once Customisation  **/

.heda{
	font-family:league;
	font-weight:700;
	letter-spacing:0.04em;
	line-height:1.15em;
	color:#0095ca;
}

.heda-inner{
	font-family:league;
	font-size:18px;
	letter-spacing:0.04em;
	margin-bottom:0;
	line-height:1.15em;
	color:#313491;
}

.backg{
	background:#6e44fe;
	box-shadow: 0 5px 5px rgba(0,0,0,.2);
}

.backg-test{
	background:#fff;
	box-shadow: 0 5px 5px rgba(0,0,0,.2);
}

.logoImg{
	height:54px;
	padding-top:10px;
}

.backg-footer{
	background:#01044b;
}

.button-backg-white{
	border:2px solid #44085e;	
	padding:12px 0;
	color:#83008b;
	background:#fff;
}

.button-backg-white:hover{
	background:#83008b;
	color:#fff;
}

.button-backg{
	background:#02054d;
	color:#fff;
}

.button-backg:hover{
	color:#313491;
	background:#fff;
	border:2px solid #313491;
}

.button-inner{
	display:block;
	max-width:220px;
	padding:10px 0;
	margin:0 auto 20px auto;
	background:#01044b;
	color:#fff;
}

.button-inner:hover{
	color:#01044b;
	background:#fff;
	border:2px solid #01044b;
}

.button-proj{
	display:block;
	max-width:250px;
	padding:10px 0;
	margin:20px auto 0 auto;
	background:#01044b;
	color:#fff;
}

.button-proj:hover{
	color:#01044b;
	background:#fff;
	border:2px solid #01044b;
}

.button-story{
	display:block;
	max-width:250px;
	padding:10px 0;
	margin:20px auto 20px auto;
	background:#83008b;
	color:#fff;
}

.button-story:hover{
	color:#83008b;
	background:#fff;
	border:2px solid #83008b;
}





.kala{
	color:#44085e;
	margin:0;
}

.para{
	color:#212529;
	letter-spacing:0.01em;
	font-size:18px;
	font-weight:500;
	word-spacing:0.1em;
	line-height:1.4em;
	text-align:justify;
	padding:0 15px;
}

.para-prog{
	color:#212529;
	letter-spacing:0.01em;
	font-size:17px;
	font-weight:500;
	word-spacing:0.1em;
	line-height:1.4em;
	text-align:justify;
}

.para-quote{
	color:#212529;
	letter-spacing:0.01em;
	font-size:19px;
	font-weight:700;
	word-spacing:0.1em;
	line-height:1.4em;
	text-align:center;
}



.para-about{
	color:#212529;
	letter-spacing:0.01em;
	font-size:17px;
	font-weight:500;
	word-spacing:0.1em;
	line-height:1.4em;
	text-align:justify;
}

.py-heda{
	padding:2px 0;
	font-size:12px;
}

.kala{
	color:#fff;
}

.brauni{
	color:#01044b;
}

.oga{
	background:#313491;
}

.hedo{
	max-width:1200px;
	margin:0 auto;
}

.mbongo{
margin-left:20px;
}

.footer-color{
color:#000;
}



/** Once Customisation End **/

.btn {
    /** font-family: 'Oswald', sans-serif; **/
    font-family: 'league', sans-serif;
    font-weight: 600;
    transition: .5s;
}

.btn-primary {
    color: #FFFFFF;
}

.border-inner {
    position: relative;
}

.border-inner * {
    position: relative;
    z-index: 1;
}

.border-inner::before {
    position: absolute;
    content: "";
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    background: none;
    border: 1px solid var(--light);
    z-index: 0;
}

.btn-square {
    width: 40px;
    height: 40px;
}

.btn-sm-square {
    width: 30px;
    height: 30px;
}

.btn-lg-square {
    width: 50px;
    height: 50px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 0;
    border-radius: 0;
    z-index: 99;
}

.navbar-dark .navbar-nav .nav-link {
    font-family: 'league', 'Oswald', sans-serif;
    letter-spacing:0.03em;
    padding: 18px 15px 14px 15px ;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--light);
    outline: none;
    transition: .5s;
}

.sticky-top.navbar-dark .navbar-nav .nav-link {
    padding: 20px 15px;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--primary);
}

@media (max-width: 991.98px) {
    .navbar-dark .navbar-nav .nav-link  {
        padding: 10px 0;
    }
}


@media (max-width: 1991.98px) {
	.navbar, .collapse, .navbar-expand-lg .navbar-collapse{
		background:#44085e;
	}
}

@media (min-width: 992px) {
	.navbar, .collapse, .navbar-expand-lg .navbar-collapse{
		background:#44085e;
	}
}

.hero-header {
    background: url(../img/hero.jpg) top right no-repeat;
    background-size: cover;
}

.btn-play {
    position: relative;
    display: block;
    box-sizing: content-box;
    width: 16px;
    height: 26px;
    border-radius: 100%;
    border: none;
    outline: none !important;
    padding: 18px 20px 20px 28px;
    background: #FFFFFF;
}

.btn-play:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 100%;
    animation: pulse-border 1500ms ease-out infinite;
}

.btn-play:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 100%;
    transition: all 200ms;
}

.btn-play span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    left: -1px;
    border-left: 16px solid var(--primary);
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
        opacity: 0;
    }
}

#videoModal .modal-dialog {
    position: relative;
    max-width: 800px;
    margin: 60px auto 0 auto;
}

#videoModal .modal-body {
    position: relative;
    padding: 0px;
}

#videoModal .close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top: -30px;
    z-index: 999;
    font-size: 30px;
    font-weight: normal;
    color: #FFFFFF;
    background: #000000;
    opacity: 1;
}

.section-title::before {
    position: absolute;
    content: "";
    width: 60px;
    height: 10px;
    left: 50%;
    bottom: 0;
    margin-left: -30px;
    background: var(--primary);
}

.section-title::after {
    position: absolute;
    content: "";
    width: 180px;
    height: 2px;
    left: 50%;
    bottom: 4px;
    margin-left: -90px;
    background: var(--primary);
}

.service::after,
.contact::after {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - 45px);
    top: 135px;
    left: 0;
    background: linear-gradient(rgba(43, 40, 37, .9), rgba(43, 40, 37, .9)), url(../img/service.jpg) center center no-repeat;
    background-size: cover;
    z-index: -1;
}

.contact::after {
    background: linear-gradient(rgba(43, 40, 37, .5), rgba(43, 40, 37, .5)), url(../img/bg.jpg) center center no-repeat;
    background-size: cover;
}

.bg-offer {
    background: linear-gradient(#00034a, #313491), url(../img/offer.jpg) center center no-repeat;
    background-size: cover;
}

.team-item img {
    transition: .5s;
}

.team-item:hover img {
    transform: scale(1.1);
    filter: blur(5px)
}

.team-item .team-overlay {
    transition: .5s;
    opacity: 0;
}

.team-item:hover .team-overlay {
    opacity: 1;
}

.testimonial-carousel .owl-dots {
    height: 45px;
    margin-top: 30px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 2px;
    width: 10px;
    height: 25px;
    background: #DDDDDD;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    height: 45px;
    background: var(--primary);
}

.testimonial-carousel .owl-item .testimonial-item {
    opacity: .1;
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-item {
    opacity: 1;
}

.bg-stato {
	background:#fff;
	background-size: cover;
	color:#46187a;
}

.home-about-img{
	height:87%;
}

.col-stato{
	width:100%;
}

.mcho-heda{
	color:#01044b;
	font-size:23px;
	font-weight:700;
	width:100%;
	text-align:center;
}

.mcho{
	color:#e447ae;
	width:100%;
	font-size:2.0rem;
	text-align:center;
}

.bg-img {
	background:#280b43;
	padding:0;
	margin:0;
	background-size: cover;
}

.div-prog{
	padding:15px 0;
	color:#fff;
}

.shado{
	color:#fff;
}

.span-proj{
	text-align:justify;
	line-height:1.3em;
	color:rgba(0, 0, 0, .8);
}

.heda-main{
	width:100%;
    font-family: 'league', 'Oswald', sans-serif;
    letter-spacing:0.03em;
    font-size: 25px;
    font-weight: 100;
    color: #44085e;
    outline: none;
    transition: .5s;
    padding:20px 0 10px;
}

.padding-all{
	padding-top:23px;
}

.padding-top-bottom{
	padding-top:23px;
	padding-bottom:23px;
}

.padding-bottom{
	padding-bottom:23px;
}

.pado{
	padding:10px 0 50px 0;
	background:#f9f9fb;
}

.tagert-white-background{
	padding:17px 10px 0 10px;
	margin-bottom:10px;
	border-radius:3px;
	background-color:#fff;
	color:#01044b;
	box-shadow: 2px 2px 4px rgba(0,0,0,.3);
}

.tagert-inner{
	margin-top:5px;	
}

.pado-proj{
	padding:10px 0 20px 0;
}

.coto{
	display:flex;
	flex-flow:row wrap;
}

.cono div{
	flex:1;
}

.borderd{
	border:1px solid gray;
}