@import url('https://fonts.googleapis.com/css?family=Bree+Serif&display=swap');
/* body */
 body {
     font-family: "Helvetica Neue";
     overflow-x: hidden;
     font-size: 16px;
}

/* Typography */
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
     color: #000;
	     font-family: 'Bree Serif', serif;
}
 h1 {
     font-size: 48px;
}

 h4 {
     font-size: 30px;
}
 h5 {
     font-size: 22px;
}
 h6 {
     font-size: 18px;
}
 p {
     color: #000000;
     font-size: 16px;
     line-height: 27px;
}

.about .content h2 {
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 20px;
    text-transform: uppercase;
  }
  
 a {
     text-decoration: none !important;
     color: #000;
     transition: all 0.3s ease 0s;
}
 a:hover, a:focus {
     text-decoration: none !important;
     color: #28223D;
}

/* Section */
 section {
     padding: 40px 0;
}

.loading {
		-webkit-animation: rotation 5s infinite linear;
}
.section-title h4 span {
    font-size: 18px;
}
.section-title p {
font-size: 13px;
    color: #090123;
    text-align: justify;
	
}
 .section-title .badge {
     margin: 0 0 8px;
}
 .section-title-line-black {
     background: rgba(0, 0, 0, 0) url("../img/line1.png") repeat scroll 0 0;
     display: inline-block;
     height: 5px;
	 margin-bottom: 8px;
     width: 53px;
}
 .section-title-line {
     background: rgba(0, 0, 0, 0) url("../img/line.png") repeat scroll 0 0;
     display: inline-block;
     height: 5px;
     width: 53px;
}
/* Badge */
 .badge {
    border-radius: 100px;
    font-size: 9px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: normal;
    padding: 4px 14px;
    text-transform: uppercase;
}
 .badge-primary {
     background-color: rgba(92, 93, 232, 0.1);
     color: #5c5de8;
}
 .badge-danger {
     background-color: rgba(250, 100, 35, 0.1);
     color: #fa6423;
}
.black {
    color: #000 !important;
    text-transform: none;
}
 .badge-success {
     background-color: rgba(0, 216, 200, 0.09);
     color: #00d8c8;
}
 .badge-dark {
     background-color: rgba(52, 58, 64, 0.19);
     color: #343a40 !important;
}
 .badge-info {
     background-color: rgba(23, 160, 184, 0.17);
     color: #17a2b8;
}
 .badge-white {
     background-color: rgba(255, 255, 255, 0.81);
     color: #5c5de8 !important;
}
/* Button */
 .btn {
border-radius: 1px;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 16px 40px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
    text-transform: uppercase;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    background: #ff9327;
    margin-top: 10px;
	color: #fff;
}

 @-webkit-keyframes AnimationName {
     0%{
        background-position:0% 31%
    }
     50%{
        background-position:100% 70%
    }
     100%{
        background-position:0% 31%
    }
}
 @-moz-keyframes AnimationName {
     0%{
        background-position:0% 31%
    }
     50%{
        background-position:100% 70%
    }
     100%{
        background-position:0% 31%
    }
}
 @keyframes AnimationName {
     0%{
        background-position:0% 31%
    }
     50%{
        background-position:100% 70%
    }
     100%{
        background-position:0% 31%
    }
}
 .btn-outline-light:hover{
     color: #3f345f;
}
 .btn-outline-warning:hover{
     color: #ffffff;
}
 .btn-sm {
     font-size: 12px;
     padding: 11px 25px;
}
 .elements-page-btn .btn {
     margin: 6px 3px;
}
 .custom-card{
     background-color: #ffffff;
     overflow:hidden;
     border: medium none;
     border-radius: 6px;
     box-shadow: -1px 92px 99px -62px rgba(0, 0, 0, 0.12), 0 25px 65px 0 rgba(0, 0, 0, 0.08);
}
 .text-primary {
     color: #5c5de8 !important;
     text-decoration: none !important;
}
/* Particles */
 canvas {
     display: block;
     vertical-align: bottom;
}
 #particles-js {
     position: absolute;
     width: 100%;
     height: 100%;
	 opacity: 0.2;
}
/* Navbar */
 .osahan-navbar.fixed-top {
     border-bottom:2px solid rgba(255, 255, 255, 0.4);
     padding: 12px 0px;
}
 .osahan-navbar.fixed-top .navbar-brand img {
     width: 154px;
}
 .osahan-navbar {
    padding: 10px 0;
    color: #fff;
	background:#fff;
    /*background: linear-gradient(-45deg, #ffffff, #e8e8e8, #ffffff, #e4e4e4);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;*/
}

 .osahan-navbar .nav-link {
     font-size: 14px;
     padding: 10px 12px !important;
     position: relative;
     color: #000 !important
}
 .osahan-navbar .nav-link.active::before, .osahan-navbar .nav-link:hover::before {
     background: #000 none repeat scroll 0 0;
     border-radius: 22px;
     bottom: -6px;
     content: "";
     height: 10px;
     left: 0;
     margin: auto;
     position: absolute;
     right: 0;
     text-align: center;
     width: 10px;
}
 .osahan-navbar.fixed-top .nav-link.active::before, .osahan-navbar.fixed-top .nav-link:hover::before {
     background: #000 none repeat scroll 0 0;
     border-radius: 0;
     bottom: -17px;
     height: 4px;
     left: 12px;
     right: 12px;
     width: auto;
}
 .dropdown-menu {
     border: 1px solid rgba(65, 77, 91, 0.1);
     border-radius: 3px;
     box-shadow: 0 10px 24px rgba(91, 94, 222, 0.16);
     margin: 16px 0 0 0;
     padding: 9px;
}
 /* .dropdown-menu::after {
     border-bottom: 10px solid #fff;
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     content: "";
     position: absolute;
     right: 5px;
     top: -7px;
} */
 .dropdown-menu .dropdown-item {
    border-radius: 2px;
    color: #000000;
    font-size: 12px;
    padding: 10px 10px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #e8e8e8;
}
 .dropdown-menu .dropdown-item:hover {
     background-color: #21a6e0;
     color: #ffffff;
}
 .menu-btn {
     background-color: #001642;
     border: medium none;
     border-radius: 100px;
     box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.2);
     color: #fff;
     font-size: 13px;
     font-stretch: normal;
     font-style: normal;
     letter-spacing: 1px;
     letter-spacing: normal;
     line-height: 41px;
     margin: 0 0 0 16px;
     padding: 13px 25px;
     text-align: left;
     font-weight: bold;
     text-transform: uppercase;
}
.menu-btn:hover {
    color: #8efffe;
}
.dropdown-menu .dropdown-item:last-child {
    border-bottom: none;
}
.inner-navbar .menu-btn {
    background-color: #000;
    color: #ffffff;
}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/* Banner */
 header {
     position: relative;
}
 .banner-block {
      height: 558px;
    padding: 20px 0px;
}
 .dark-right-banner {
     position: absolute;
     right: 0;
     top: -10px;
}
 .dark-banner {
     min-height: 605px;
     position: relative;
}
 .dark-right-banner img {
     width: 700px;
}
 .effectiv {
bottom: -5px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
	display: none;
}
 .effectiv img {
     max-width: 100%;
     min-width: 100%;
     width: 100%;
}
 .bg-primary::after {
     background-attachment: scroll;
     background-clip: border-box;
     background-image: url("../img/bg-primary.html");
     background-origin: padding-box;
     background-position: 0 0;
     background-repeat: no-repeat;
     background-size: 100% auto;
     bottom: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
     opacity: 0.2;
}
 .bg-primary{
    background: url(../img/whyus.png) top no-repeat;
    background-attachment: fixed;
    background-size: 100%;
}
 .bg-danger{
    
     background: #ed0e11;
    /* Old browsers */
     background: -moz-linear-gradient(-45deg, #ed0e11 0%, #f97861 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, #ed0e11 0%,#f97861 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, #ed0e11 0%,#f97861 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0e11', endColorstr='#f97861',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
 .bg-success{

     background: #05ac50;
    /* Old browsers */
     background: -moz-linear-gradient(-45deg, #05ac50 0%, #08dbb1 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, #05ac50 0%,#08dbb1 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, #05ac50 0%,#08dbb1 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05ac50', endColorstr='#08dbb1',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
 .bg-warning {
 
     background: #fccf31;
    /* Old browsers */
     background: -moz-linear-gradient(-45deg, #fccf31 0%, #f55555 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, #fccf31 0%,#f55555 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, #fccf31 0%,#f55555 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccf31', endColorstr='#f55555',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
 .bg-info{

     background: #09adc7;
    /* Old browsers */
     background: -moz-linear-gradient(-45deg, #09adc7 0%, #02ddff 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, #09adc7 0%,#02ddff 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, #09adc7 0%,#02ddff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09adc7', endColorstr='#02ddff',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
 .bg-dark{

     background: #272d33;
    /* Old browsers */
     background: -moz-linear-gradient(-45deg, #272d33 0%, #61676d 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, #272d33 0%,#61676d 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, #272d33 0%,#61676d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272d33', endColorstr='#61676d',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}
 .bg-image {
     background-attachment: fixed;
     background-clip: border-box;
     background-image: url("../img/index-banner.html");
     background-origin: padding-box;
     background-position: center top;
     background-repeat: repeat;
     background-size: 100% auto;
}
 .banner-block .img-fluid {
     margin: 0 0 -118px;
}

 .lightbox .img-fluid {
    height:293px;
}
.lightbox .partner-image {
    height:100px !important;
	width:173px !important;
}

.partners-div {
    padding:10px 0px !important;
}

/* Testimonials */
 .testimonials-item {
     padding: 37px;
}
 .testimonials-item img {
     background: #fff none repeat scroll 0 0;
     border-radius: 90px;
     box-shadow: 0 0 24px rgba(11, 123, 255, 0.12);
     height: 107px;
}
/* Screens */
.screens-block {
background: #f6f6f6;
}
 .screens-block .owl-item {
     opacity: 0.5;
     padding: 0px;
}
 .screens-block .owl-item.center {
     opacity: unset;
     padding: 0px;
}
 .screens .item {
     border-radius: 7px;
     margin: 10px;
	 border: 10px solid #fff;
}
 .screens .item img {
     box-shadow: 0 0 11px rgba(0, 0, 0, 0.16);
}
 .screens .owl-nav div {
    background: #fff none repeat scroll 0 0 !important;
    border-radius: 7px !important;
    color: #3f345f !important;
    height: 60px;
    line-height: 54px;
    width: 60px;
    margin: 0 !important;
}

 .screens {
     position: relative;
}
 .screens .owl-nav .owl-next {
    position: absolute;
    right: 46.5%;
}
 .screens .owl-nav .owl-prev {
    left: 45.4%;
    position: absolute;
    border: 2px;
}
/* Features */
.features-TOP {    position: relative;
    z-index: 100;
    /* margin-top: -110px; */
    padding: 10px 0px;

}
.features-block {
    padding: 0px;
}
.features-TOP .container {
    padding-top: 20px;
}
.box-icon-2 {
    margin-bottom: 40px;
    padding: 0;
    border-radius: 10px;
    height: auto;
}
.box-icon-2 iframe {
    border-radius: 20px;
}
.box-icon-2 .icon {
    display: inline-block;
    color: #9a9a9a;
    font-size: 36px;
    line-height: 43px;
    margin-bottom: 20px;
}
.box-icon-2 .body-content {
    color: #222222;
}
.box-icon-2 .body-content .heading {
    color: #000;
    font-size: 18px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
}
.box-icon-2:hover .heading {
    color: #fff;
}

.box-icon-2:hover .icon, .box-icon-2:hover .body-content {
    color: #ffffff;
}

 .features-item {
     background: rgba(0, 0, 0, 0) url("../img/icon-bg.html") no-repeat scroll center top;
}
 .features-item img {
     margin: 20px 0 40px !important;
}
 .features-mid-left {
     padding-top: 58px;
}


/*-----about us-----*/

.css-1atjw98 {
    display: grid;
    grid-template-columns: repeat(4,auto);
    grid-template-rows: repeat(6,auto);
    max-width: 100%;
    margin: 0 auto 1.7778rem;
}

.css-1atjw98 > figure:nth-child(1) {
    grid-area: 1 / 1 / 4 / 3;
}
.css-1atjw98 > figure:hover {
    -webkit-filter: none;
    filter: none;
    z-index: 3;
}
.css-1atjw98 > figure {
    margin: 0;
    position: relative;
    -webkit-filter: grayscale(100);
    filter: grayscale(100);
}
.css-6q15c3 {
    margin-bottom: 1.7778rem;
}
.css-6q15c3 img {
    width: 100%;
}
.css-1atjw98 > figure:nth-child(2) {
    grid-area: 2 / 2 / 5 / 4;
    z-index: 2;
}
.css-1atjw98 > figure:nth-child(3) {
    grid-area: 4 / 3 / 7 / 5;
}
.textbox {
  height: 700px;
}

.progress {
  margin-bottom: 10px;
}

.progress-bar {
  width: 0;
}
.lead {
    font-size: 1.25rem;
    font-weight: normal !important;
    margin: 18px 0px 0px 0px;
    color: #001c29 !important;
}

/* Why Us */
#amazing-dashboard {
background: #c5e1f7;
    padding: 0;
}
.normal {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 30px;
}
 .text {
    color: #fff;
    font-size: 30px;
    line-height: 1.5em;
    text-align: left;
    z-index: 99999;
    position: relative;
}

.modal.fade.in {
    z-index: 999999999!important;
    opacity: 1!important;
}
.fade.in {
    opacity: 0.9!important;
    z-index: 99999999!important;
}
.text h6 {
    width: 100%;
    margin: 0px;
    font-size: 16px;
    color: #ff9327;
    text-transform: uppercase;
}
.text p {
    color: #363636;
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 30px !important;
    text-align: justify;
}


/* Inner Nav/Header */
 .inner-navbar {
     border-bottom: 1px solid rgba(65, 77, 91, 0.1);
     background: #fff none repeat scroll 0 0;
     box-shadow: 2px 2px 5px rgba(91, 94, 222, 0.16);
}
 .inner-navbar .osahan-navbar {
     padding: 11px 0;
}
 .inner-navbar .nav-link {
     color: #3f345f;
}
 .inner-section-padding{
     padding: 100px 0;
}
 .inner-header-block {
     background-image: linear-gradient(to top, #f0f0f7, #f9f9fd);
     padding: 100px 0;
}
 .inner-header-block h1 {
     font-weight: bold;
}
 .caption-text {
     font-size: 19px;
     line-height: 31px;
     margin-bottom: 0 !important;
}

.navbar-default .navbar-nav>li>a {
    color: #000000;
}



/* ----navbar---- */
.navbar-brand {
	padding: 6px 15px;
}
.navbar-fixed-top {
	height: 70px;
	background: #fff;
	    z-index: 10000000;
}
.navbar-right {
	padding-top: 10px;
}
.navbar-nav .nav-item .active::before{
    background: #1aa3df none repeat scroll 0 0;
    /* border-radius: 22px; */
    bottom: -6px;
    content: "";
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
	display:none;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #cc9900;
}
.nav-item .menu-btn {
    color: #fff !important;
    padding: 10px 20px;
    margin-top: 3px;
}
.nav-item .menu-btn:hover {
    background:#21a6e0 !important;
    color: #ffffff !important;
}







.carousel-item{
        height: 100% !important;
        width:  100% !important;
       
    }
	
.main-text
{
    position: absolute;
    top: 50px;
    width: 96.66666666666666%;
    color: #FFF;
}
.btn-min-block
{
    min-width: 170px;
    line-height: 26px;
}
.btn-clear
{
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
    margin-right: 15px;
}
.btn-clear:hover
{
    color: #000;
    background-color: #FFF;
}




	
 .shrink {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #212529;
}
.banner{
	text-align: center;
    color: #fff;
   
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.banner-heading{
	font-family: 'Lobster', cursive;
	font-size: 75px;
    font-weight: 700;
    line-height: 100px;
    margin-bottom: 30px;
	color:#fff;
}
.banner-sub-heading{
	font-family: 'Libre Baskerville', serif;
	font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 50px;
	color:#fff;
}

.btn-banner{
	padding:5px 20px;
	border-radius:10px;
	font-weight:700;
	line-height:1.5;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
}
.text-intro{
	width:90%;
	margin:auto;
	text-align:center;
	padding-top:30px;
}


/* mobile view */
@media (max-width:500px)
{
	.navbar-nav{
		background-color:#000;
		border-top:3px solid #fed136;
		color:#fff;
		z-index:1;
		margin-top:5px;
		}
	.navbar-nav .nav-item .nav-link{
	padding: 0.7em 1em!important;
	font-size: 100%;
    font-weight: 500;
    }
	.banner-text{
	padding:75px 0 75px 0;
    }
    
    .navbar-default .navbar-nav>li>a {
        color: #FFFFFF;
    }
}
.banner-heading{
	font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
}
.banner-sub-heading{
	font-size: 20px;
    font-weight: 200;
    line-height: 28px;
    margin-bottom: 40px;
}





@media (max-width:768px){
	.banner-text{
	padding:150px 0 150px 0;
}
	.banner-sub-heading{
	font-size: 23px;
    font-weight: 200;
    line-height: 23px;
    margin-bottom: 40px;
}


}

.bg-image {
  /* The image used */
  background-image: url("photographer.jpg");
  
  /* Add the blur effect */
  filter: blur(1px);
  -webkit-filter: blur(1px);
  
  /* Full height */
  height: 100%; 
  
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}