@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,400i,600,600i,700,700i,900');

body {
   font-family:Open Sans,Tahoma,Geneva,sans-serif;
    padding: 0;
    margin: 0;
	font-size:14px;
	
}
a {
	outline: 0 !important;
	color: #28467c;
	text-decoration: none;
	-ms-transition: .4s;
	-o-transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
	display: inline-block;
}
a:hover, a:focus {
	color: #ef6620;
	text-decoration: none;
}
img {
    max-width: 100%;
}
.d-table {
	width: 100%;
	height: 100%;
}
.d-table-cell {
	vertical-align: middle;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0;
	line-height: 1;
	color: #28467c;
	 font-family: "Titillium Web",Arial,Helvetica,sans-serif;
}
p {
	margin-top: 0;
	margin-bottom: 0;
	color: #5d6576;
	font-size: 15px;
	line-height: 26px;
	
}
.bg-fbf9f8 {
    background: #f9f9f9;
}
.bg-222f50{
 background:#222f50;
}
.ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.mt-10 {
    margin-top: 10px;
}
.mb-10 {
    margin-bottom: 10px;
}
/*btn*/
.btn {
	font-size: 15px;
	box-shadow: 0px 15px 25px 0px rgba(45, 171, 245, 0.2);
	padding: 14px 40px;
	border: none;
	font-weight: 700;
	text-transform: uppercase;
}
.btn-primary {
	background-color: #ef6620;
	color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus {
	color: #ef6620;
	background-color: #ffffff;
	border-color: #ffffff;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
	color: #ef6620;
	background-color: #ffffff;
	border-color: #ffffff;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0px 15px 25px 0px rgba(255,129,86,0.3);
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow: 0px 15px 25px 0px rgba(255,129,86,0.3);
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #ffffff;
	background-color: #ef6620;
	border-color: #007bff;
	opacity: 1;
}
.btn-primary.disabled:hover, .btn-primary:disabled {
	color: #ef6620;
	background-color: #ffffff;
}
/*Section Title*/
.section-title {
    margin-bottom: 60px;
    position: relative;
}
.section-title span {
	color: #ef6620;
	 
	text-transform: capitalize;
}
.section-title h3 {
	font-size: 36px;
	font-weight: 700;
	text-transform: capitalize;
	 
	line-height: 38px;
	margin-top: 15px;
	margin-bottom: 20px;
}
 
.section-title .read-more-btn {
	position: absolute;
	right: 0;
	top: 50%;
	text-transform: capitalize;
	text-decoration: underline;
}
/*Form Control*/
.form-group {
	margin-bottom: 15px;
}
.form-control {
	height: 50px;
	font-size: 16px;
	padding: 10px 20px;
	border: 1px solid #f3f5fe;
	outline: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	background: #f3f5fe;
}
.form-control::placeholder {
    color: #6e6e6e !important;
}
.form-control:focus {
	color: #6e6e6e;
	background-color: #ffffff;
	outline: 0;
	box-shadow: unset;
	border-color: #ef6620;
}
/*Owl Carousel btn*/
.owl-theme .owl-nav {
	margin-top: 0;
}
.owl-theme .owl-dots {
	line-height: .1;
	margin-top: 20px;
}
.owl-theme .owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	margin: 0 4px;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #ef6620;
}
.owl-theme .owl-nav [class*="owl-"] {
	color: #ffffff;
	font-size: 20px;
	margin: -20px 0 0;
	padding: 0;
	background: none;
	border:solid #fff 1px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 40px;
	width: 40px;
	height: 40px;
	line-height: 42px;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.owl-theme .owl-nav .owl-next {
	left: auto;
    right: 40px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
	background: #ef6620;
	color: #ffffff;
}


/* Heading-Seprator  

---------------------------------------------------------------*/
.heading-seperator{
    position: relative;
}
.heading-seperator span:after {
    content: "";
    left: 53%; 
    position: absolute;
    bottom: 12px;
    width: 17px;
    margin-left: 0;
    border-bottom-width: 3px;
    border-bottom-color: #cacaca;
    border-bottom-style: solid;
}
.heading-seperator span:after {
    right: auto;
    left: 63px;
}
.heading-seperator:after {
    border-bottom-color: #ff5e14;
}
.heading-seperator:after {
    content: "";
    left: 50%;
    position: absolute;
    bottom:  12px;
    width: 59px;
    margin-left: -37px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}
.heading-seperator:after {
    left: 0;
    margin-left: 0;
}
.heading-seperator.text-center span:after {
    left: auto;
    margin-left: 26px;
}
.heading-seperator.text-center:after{
    left: inherit;
    margin-left: -37px;
}
.separator .sep-line {
    height: 1px;
    border-top: 1px solid #dbdbdb;
    display: block;
    position: relative;
    top: 5px;
    width: 100%;
}
.ttm-bgcolor-darkgrey .separator .sep-line{
    border-color: rgba(255,255,255,0.14);
}
.ttm-bgcolor-white .separator .sep-line{
    border-color: #f1f1f1;
}



/*=============================
Preloader CSS
===============================*/
.preloader-area {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 999999;
	left: 0;
	top: 0;
}
.spinner {
	margin: -85px auto 0 -65px;
	width: 100px;
	height: 100px;
	position: relative;
	text-align: center;
	 
	position: absolute;
	left: 50%;
	top: 50%;
}
.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #ef6620;
	border-radius: 100%;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}
.dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
@-webkit-keyframes sk-rotate {
    100% { 
        -webkit-transform: rotate(360deg) 
    }
}
@keyframes sk-rotate { 
    100% { 
        transform: rotate(360deg); 
        -webkit-transform: rotate(360deg) 
    }
}
@-webkit-keyframes sk-bounce {
    0%, 100% { 
        -webkit-transform: scale(0.0) 
    }
    50% { 
        -webkit-transform: scale(1.0) 
    }
}
@keyframes sk-bounce {
    0%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/*=============================
Header CSS
===============================*/
.header-area {
	background: #28467c;
	padding: 10px 0;
}
.header-area ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.header-area ul li {
	display: inline-block;
}
.header-area .social-links li a {
	color: #ffffff;
	margin-left: 8px;
	font-size: 15px;
	border: none;
	width: auto;
	height: auto;
	line-height: unset;
	border-radius: unset;
	text-align: left;
}
.header-area .social-links li a:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
    color: rgba(255,255,255,.6);
	background:none;
}
.header-area .social-links li:first-child {
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 14px;
}
.header-area .header-info {
	text-align: right;
}
.header-area .header-info li {
	color: #ffffff;
	font-size: 14px;
	position: relative;
	padding-left: 15px;
	padding-right: 6px;
	font-weight: 600;
}
.header-area .header-info li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	height: 15px;
	width: 2px;
	background: rgba(225,225,225,.3);
}
.header-area .header-info li:first-child {
	padding-left: 0;
}
.header-area .header-info li:first-child::before {
	display: none;
}
.header-area .header-info li a {
	color: #ffffff;
	font-weight: 600;
	font-size: 14px;
}
.header-area .header-info li a:hover {
	color: rgba(255,255,255,.6);
}


/*=============================
Navbar CSS
===============================*/
.navbar {
	top: 0;
	width: 100%;
	left: 0;
	z-index: 999;
	padding: 0;
	box-shadow: 0 4px 13px 0 rgba(0,0,0,.1);
	-webkit-box-shadow:  0 4px 13px 0 rgba(0,0,0,.1);
}
.navbar.p-fixed {
	position: fixed;
}
.bg-light {
	background-color: transparent !important;
}
.navbar-light.is-sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	padding:   0;
	background-color: #ffffff !important;
	box-shadow: 0 7px 13px 0 rgba(0,0,0,.1);
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.navbar .row {
    width: 102%;
}
.navbar-expand-lg .navbar-collapse {
	float: right;
}
.navbar-light .navbar-brand {
	color: #28467c;
	text-transform: uppercase;
	font-weight: 900;
	margin-top: 0px;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
	color: #28467c;
}
.navbar-light .navbar-brand span {
    color: #ef6620;
}
.navbar-light .navbar-nav .nav-item:last-child {
	padding-right: 0;
}
.navbar-light .navbar-nav .nav-link {
	color: #28467c;
	font-size: 15px;
	 
	padding: 0;
	font-weight: 700;
	padding: 30px 15px;
	    text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #ef6620;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	color: #fff;
	background:#ef6620;
}
.navbar-light .navbar-nav .nav-item:hover .nav-link {
	color: #ef6620;
}
.dropdown-menu {
	min-width: 15rem;
	padding: 0;
	margin: 0;
    top: 105%;
	background-color: #ffffff;
	border: none;
	-webkit-box-shadow: 7px 5px 30px rgba(72,73,121,0.15);
	box-shadow: 7px 5px 30px rgba(72,73,121,0.15);
	border-radius: 0px;
	display: inline-block;
	opacity: 0;
	visibility: hidden;
    -webkit-transition-duration: .3s;
	transition-duration: .4s;
}
.navbar-light .navbar-nav .nav-item:hover .dropdown-menu {
    top: 100%;
	opacity: 1;
	visibility: visible;
}
.dropdown-item {
	font-weight: 500;
	color: #28467c;
	font-size: 14px;
	padding: 10px 12px;
	margin:0;
	border-bottom: 1px solid #f9f9f9;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #fff;
	background-color: #28467c;
}
.dropdown-item.active, .dropdown-item:active {
	color: #ef6620;
	background-color: transparent;
}
.navbar-right-side {
	text-align: right;
	padding: 6px 0 0;
}
.navbar-right-side div {
	display: inline-block;
}
.navbar-right-side div select {
	border: 1px solid #eee;
	width: 100%;
	padding: 2px;
	background: transparent;
	cursor: pointer;
	position: relative;
}
.navbar-right-side h5 {
	display: inline-block;
	font-size: 17px;
	margin: 0 25px;
	color: #828893;
}
.navbar-right-side h5 a {
	font-size: 15px;
	color: #ef6620;
}
.modal-taggle-button span {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 2px;
	text-indent: -55px;
	background: #ef6620;
	top: -4px;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.modal-taggle-button span::before, .modal-taggle-button span::after {
	content: '';
	width: 40px;
	height: 2px;
	background: #ef6620;
	position: absolute;
	right: 0;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.modal-taggle-button span::before {
	top: -7px;
}
.modal-taggle-button span::after {
	bottom: -7px;
}
@media only screen and (max-width : 991px) {
	.bg-light {
		background-color: #ffffff !important;
	}
	.navbar.p-fixed {
		position: relative;
	}
	.navbar-light .navbar-brand{ width:60%;}
	.navbar {
		padding: 10px;
		border-bottom: 1px solid #eeee;
	}
	.navbar-light .navbar-toggler {
		position: absolute;
		right: 0;
		top: 2px;
		color: #ef6620;
		border-color: #ef6620;
		outline: 0 !important;
		border-radius: 0;
	}
	.navbar-light .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 109, 52, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.navbar-toggler-icon {
		width: 1.3em;
		height: 1.3em;
	}
	.navbar-expand-lg .navbar-collapse {
		float: none;
		margin-top: 0;
	}
	.navbar-nav {
		height: 240px;
		overflow-y: auto;
	}
	.navbar-nav .dropdown-menu {
		position: unset;
		float: none;
		display: none;
		opacity: 1;
		visibility: visible;
	}
	.navbar-nav .dropdown-menu.show {
		display: block;
	}
	.navbar-light .navbar-nav .nav-link {
		padding: 10px;
		font-size: 16px;
	}
	.navbar-light.is-sticky {
		padding: 8px ;
	}
    .navbar-right-side {
        display: none;
    }
	.dropdown-item {
		font-size: 16px;
		margin: 12px 0;
	}
}


/*=============================
Main Banner CSS
===============================*/
.main-banner {
	position: relative;
	height: 520px;
	overflow: hidden;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
@media only screen and (min-width : 1400px) {
	.main-banner {
		height: 730px;
	}
}
 
.circle-pattern-1 {
	-webkit-clip-path: circle(50% at 60% 46%);
	clip-path: circle(50% at 60% 46%);
	background: #fffaf8;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	height: 100%;
	z-index: -1;
    -webkit-animation: movebounce 3s linear infinite;
    animation: movebounce 3s linear infinite;
}
.hero-content{ padding-left:40px}
 
.hero-content h1 {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.1;
	color:#eee;
}
.hero-content h1 span {
    color: #ef6620;
    position: relative;
    z-index: 1;
}
.hero-content h1 span::after {
    content: '';
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 100%;
    height: 15px;
    z-index: -1;
    background: #28467c;
}
.hero-content p {
	margin-bottom: 35px;
	margin-top: 25px;
	font-size: 14px;
	color:#ccc;
}
.hero-image {
	position: absolute;
	right: -100px;
	bottom: 30px;
	width: 725px;
}
@media only screen and (min-width : 1400px) {
    .hero-image {
		right: 0;
		bottom: 90px;
		width: 830px;
	}
}
.hero-content .btn {
	margin-right: 25px;
}
.video-btn {
	position: relative;
	padding-right: 48px;
	text-transform: uppercase;
	font-weight: 900;
}
.video-btn i {
	margin-left: 15px;
	font-size: 35px;
	position: absolute;
	right: 0;
	bottom: -4px;
}
/*Main Banner Two*/
.main-banner-two {
	height: 750px;
	overflow: hidden;
	position: relative;
}
.main-banner-two .hero-content {
	margin-top: 80px;
}
.main-banner-two .hero-content h1 {
	text-transform: capitalize;
}
.main-banner-two .banner-image {
	margin-top: 60px;
}
/*Main Banner Three*/
.main-banner-three {
	height: 420px !important;
	overflow: hidden;
	position: relative;
	background-image: url(../../assets/img/bg-pattern-2.png);
}
@media only screen and (min-width : 1400px) {
	.main-banner-three {
		height: 730px;
	}
}
 
.main-banner-three .hero-content {
	margin-top: 30px;
}
.main-banner-three .hero-content h1 {
	text-transform: capitalize;
}
/*Main Banner Four*/
.main-banner-four {
	height: 630px;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
@media only screen and (min-width : 1400px) {
	.main-banner-four {
		height: 700px;
	}
}
.main-banner-four::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    opacity: .9;
}
.main-banner-four .hero-content {
	margin-top: 30px;
}
.main-banner-four .hero-content h1 {
	text-transform: capitalize;
}
.item-bg-1 {
    background-image: url(../images/main-bg-1.jpg);
	    background-size: cover;
    background-position: center center;
    width: 100%;
   
}
.item-bg-2 {
    background-image: url(../images/main-bg-2.jpg);
	    background-size: cover;
    background-position: center center;
    width: 100%;
}
.item-bg-3 {
     background-image: url(../images/main-bg-3.jpg);
	    background-size: cover;
    background-position: center center;
    width: 100%;
}
.item-bg-4 {
     background-image: url(../images/main-bg-4.jpg);
	    background-size: cover;
    background-position: center center;
    width: 100%;
}
.item-bg-5 {
     background-image: url(../images/main-bg-5.jpg);
	    background-size: cover;
    background-position: center center;
    width: 100%;
}


/*=============================
Boxes CSS
===============================*/
.box {
	background: #ef6620;
	padding: 0 30px;
	height: 110px;
	position: relative;
	z-index: 1;
	cursor: pointer;
}
.box h3 {
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}
.box span {
	font-size: 100px;
	color: rgba(255, 255, 255, 0.1);
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: -1;
}
.box.bg {
	background: #e6541b;
}


/*=============================
About CSS
===============================*/
.about-area {
    background-image: url(../../assets/img/bg-pattern.png);
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.single-box {
	text-align: center;
	background: #ffffff;
	padding: 25px;
	border-radius: 5px;
	-webkit-box-shadow: 7px 5px 30px rgba(72,73,121,0.15);
	box-shadow: 7px 5px 30px rgba(72,73,121,0.15);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.single-box:hover {
	background: #ef6620;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.single-box .icon {
	background: #f4f6fd;
	display: inline-block;
	width: 100px;
	height: 100px;
	font-size: 40px;
	color: #ef6620;
	line-height: 100px;
    -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.single-box h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 30px;
}
.single-box p {
	margin-bottom: 20px;
}
.single-box p, .single-box h3 {
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.single-box:hover p, .single-box:hover h3 {
	color: #ffffff;
}
.read-more-btn {
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	color: #ef6620;
	z-index: 1;
}
.read-more-btn::before {
	content: '';
	position: absolute;
	left: 50px;
	bottom: 11px;
	width: 55px;
	height: 2px;
	background: #ef6620;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	z-index: -1;
}
.read-more-btn:hover::before, .read-more-btn:focus::before {
	left: -20px;
	opacity: 1;
	visibility: visible;
}
.read-more-btn:hover, .read-more-btn:focus {
	color: #28467c;
}
.single-box:hover .read-more-btn {
    color: #ffffff;
}
.single-box:hover .read-more-btn::before {
    background: #ffffff;
}
.about-image {
	margin-top: 80px;
	position: relative;
}
.about-image .col-lg-6:first-child .image img {
	border-radius: 25px 0 0 0;
}
.about-image .col-lg-6:nth-child(2) .image img {
	border-radius: 0 25px 0 0;
}
.about-image .col-lg-6:nth-child(3) .image img {
	border-radius: 0 0 0 25px;
}
.about-image .col-lg-6:last-child .image img {
	border-radius: 0 0 25px 0;
}
.about-image .image img {
	box-shadow: 0px 10px 20px 0px rgba(130,136,147,0.15);
	-webkit-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
}
.about-image .image:hover img {
    -webkit-animation: movebounce 3s linear infinite;
    animation: movebounce 2s linear infinite;
}
.about-text {
	margin-top: 20px;
	padding-left: 30px;
}
.about-text span {
    color: #ef6620;
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
}
.about-text h3 {
	font-size: 36px;
	font-weight: 700;
	margin: 15px 0 25px;
	line-height: 40px;
}

.about-text h5 {
	font-size: 20px;
	font-weight: 600;
	margin: 15px 0 25px;
	line-height: 40px;
}

.about-text p {
    margin-bottom: 10px;
	text-align:justify;
}
.about-text .read-more-btn {
	margin-top: 10px;
}
.circle-pattern-2 {
	opacity: 0.5;
	height: 39em;
	position: absolute;
	width: 42em;
	bottom: -10px;
	left: -10px;
	background: #FFDD6E;
	border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
	-webkit-animation: movebounce 3s linear infinite;
	animation: movebounce 3s linear infinite;
}
.rocket {
	position: absolute;
	right: -20px;
	bottom: 20rem;
	-webkit-animation: movebounce 3s linear infinite;
	animation: movebounce 3s linear infinite;
}
.vector {
	position: absolute;
	right: -13rem;
	bottom: -14rem;
	-webkit-animation: movebounce 3s linear infinite;
	animation: movebounce 3s linear infinite;
}
@media only screen and (min-width : 1400px) {
    .circle-pattern-2 {
	    opacity: 0.2;
        height: 55em;
        width: 60em;
    }
    .vector {
        right: -10rem;
        bottom: -2rem;
    }
    .rocket {
        right: 45px;
        bottom: 20rem;
    }
}
@keyframes movebounce {
    0% {
        transform: translateY(0px); 
    }
    50% {
        transform: translateY(15px); 
    }
    100% {
        transform: translateY(0px); 
    } 
}
@keyframes moveleftbounce {
    0% {
        transform: translateX(0px); 
    }
    50% {
        transform: translateX(15px); 
    }
    100% {
        transform: translateX(0px); 
    } 
}




.products-title {
	margin:0px 0px 30px 0px;
	 
}
.products-title  h3 span {
    
    font-size: 28px;
   color:#fff;
    text-transform: capitalize;
}
.products-title h3 {
	font-size: 36px;
	font-weight: 700;
	margin: 0px 0 25px;
	line-height: 40px;
	 color:#fff;
}

.products-title h5 {
	font-size: 18px;
	font-weight: 600;
	color:#eee;
	margin: 0px;
	line-height: 40px;
}

.products-title p {
    margin-bottom: 10px;
	color:#eee ;
}
 
 
 
 
 
 
 
.philosophy-text {
	margin-top: 20px;
	padding-left: 30px;
}
.philosophy-text span {
    color: #ef6620;
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
}
.philosophy-text h3 {
	font-size: 36px;
	font-weight: 700;
	margin: 15px 0 25px;
	line-height: 40px;
}

.philosophy-text h5 {
	font-size: 20px;
	font-weight: 600;
	margin: 15px 0 25px;
	line-height: 40px;
}

.philosophy-text p {
    margin-bottom: 10px;
    text-align:justify;
}
.philosophy-text .read-more-btn {
	margin-top: 10px;
}




.products-title {
	margin:0px 0px 30px 0px;
	 
}
.products-title  h3 span {
    
    font-size: 28px;
   color:#fff;
    text-transform: capitalize;
}
.products-title h3 {
	font-size: 36px;
	font-weight: 700;
	margin: 0px 0 25px;
	line-height: 40px;
	 color:#fff;
}

.products-title h5 {
	font-size: 18px;
	font-weight: 600;
	color:#eee;
	margin: 0px;
	line-height: 40px;
}

.products-title p {
    margin-bottom: 10px;
	color:#eee ;
}
 

/*=============================
Features CSS
===============================*/
.features-area {
    position: relative;
    overflow: hidden;
}
.features-area .about-image {
    margin-top: 0;
}
.features-area .about-text {
	margin-top: 50px;
}
.features-area .rocket {
	bottom: 45rem;
}
.features-text {
	margin-top: 40px;
}
.features-text h3 {
	font-size: 30px;
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 20px;
}
.features-text ul {
	padding: 0;
	margin: 15px 0 25px;
	list-style-type: none;
}
.features-text ul li {
	position: relative;
	color: #828893;
	margin-bottom: 15px;
	padding-left: 30px;
}
.features-text ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	width: 17px;
	height: 17px;
	background: #ef6620;
	-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.features-text ul li:last-child {
	margin-bottom: 0;
}
.single-features {
	text-align: center;
}
.single-features i {
	background: #f4f6fd;
	display: inline-block;
	width: 90px;
	height: 90px;
	font-size: 40px;
	color: #ef6620;
	line-height: 90px;
	-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.single-features:hover i {
	background: #ef6620;
	color: #ffffff;
}
.single-features h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 30px;
}
.single-features p {
	margin-bottom: 20px;
}
/*Features Box Style*/
.features-area-three {
	padding-bottom: 55px;
}
.features-box {
	margin-bottom: 45px;
	position: relative;
	padding-left: 75px;
}
.features-box i {
	background: #f4f6fd;
	display: inline-block;
	width: 55px;
	height: 55px;
	font-size: 30px;
	color: #ef6620;
	line-height: 60px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.features-box:hover i {
	background: #ef6620;
    color: #ffffff;
}
.features-box h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
}
.features-box p {
	margin-bottom: 20px;
}


/*=============================
Services CSS
===============================*/
.services-area {
    padding-bottom: 70px;
}
.services-area.bg {
    background-image: url(../../assets/img/bg-pattern-2.png);
    background-attachment: fixed;
}
.single-services {
	text-align: center;
	background: #ffffff;
	padding: 25px;
    margin-bottom: 30px;
	border-radius: 5px;
	-webkit-box-shadow: 7px 5px 30px rgba(72,73,121,0.15);
	box-shadow: 7px 5px 30px rgba(72,73,121,0.15);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.single-services:hover {
	background: #ef6620;
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.single-services .icon {
	background: #f4f6fd;
	display: inline-block;
	width: 80px;
	height: 80px;
	font-size: 40px;
	color: #ef6620;
	line-height: 80px;
	border-radius: 5px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.single-services:hover .icon {
	border-radius: 50%;
}
.single-services h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 30px;
}
.single-services p {
	margin-bottom: 20px;
}
.single-services p, .single-services h3 {
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.single-services:hover p, .single-services:hover h3 {
	color: #ffffff;
}
.single-services:hover .read-more-btn {
	color: #ffffff;
}
.single-services:hover .read-more-btn::before {
	background: #ffffff;
}
/*Services Style Two*/
.services-box {
	text-align: center;
	background: #ffffff;
	padding: 25px;
    margin-bottom: 30px;
	border-radius: 5px;
	-webkit-box-shadow: 7px 5px 30px rgba(72,73,121,0.15);
	box-shadow: 7px 5px 30px rgba(72,73,121,0.15);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.services-box:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.services-box .icon {
	border: 1px solid #ef6620;
	display: inline-block;
	width: 80px;
	height: 80px;
	font-size: 40px;
	position: relative;
	color: #ef6620;
	line-height: 80px;
	border-radius: 50%;
	z-index: 1;
	margin: 20px 0 20px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.services-box:hover .icon {
	color: #ffffff;
	background-color: #ef6620;
}
.services-box .icon::before {
	display: block;
	content: "";
	position: absolute;
	width: 120px;
	height: 120px;
	top: -21px;
	left: -21px;
	z-index: -1;
	border: 0.5em solid #ffffff;
	border-radius: 50%;
	-webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
}
.services-box h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 30px;
}
.services-box p {
	margin-bottom: 20px;
}

 

/*=============================
Project CSS
===============================*/
.shorting-menu {
	display: inline-block;
	-webkit-box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);
	box-shadow: 0 0 30px 0 rgba(67, 67, 67, 0.15);
	padding: 18px 20px;
    margin-bottom: 40px;
	border-radius: 50px;
}
.shorting-menu.text-center {
	display: block;
	background: transparent;
	box-shadow: unset;
	padding: 0;
}
.shorting-menu .filter {
	border: none;
	background: #f4f4f4;
	padding: 9px 24px;
	text-transform: capitalize;
	font-size: 16px;
	cursor: pointer;
	-o-transition: .4s;
	-ms-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	border-radius: 30px;
	color: #828893;
	outline: 0 !important;
	font-weight: 600;
}
.shorting-menu .filter.active, .shorting-menu .filter:hover {
	background: #ef6620;
	color: #ffffff;
}
.shorting .mix {
    display: none;
}
.single-work {
	overflow: hidden;
	position: relative;
}
.single-work::before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ef6620;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.single-work:hover::before {
	opacity: .85;
	visibility: visible;
}
.single-work .work-content {
	position: relative;
	 
	width: 100%;
	background: #ffffff;
	 
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	 
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.single-work:hover .work-content {
	opacity: 1;
	visibility: visible;
	bottom: 0;
}
.single-work .work-content h4 {
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 700;
}
.single-work .work-content ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.single-work .work-content ul li {
	display: inline-block;
}
.single-work .popup-btn, .single-work .link-btn {
	position: absolute;
	top: 0;
	right: 40px;
	width: 45px;
	text-align: center;
	height: 45px;
	line-height: 46px;
	border-radius: 50%;
	color: #ffffff;
	font-size: 22px;
	opacity: 0;
	visibility: hidden;
	border: 1px solid #ffffff;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.single-work .popup-btn:hover, .single-work .link-btn:hover {
	background: #28467c;
	border-color: #ef6620;
}
.single-work:hover .popup-btn, .single-work:hover .link-btn {
	top: 120px;
	opacity: 1;
	visibility: visible;
	-webkit-animation: movebounce 3s linear infinite;
	animation: movebounce 3s linear infinite;
}
.single-work .link-btn {
	top: 120px;
    right: auto;
	left: 0;
}
.single-work:hover .link-btn {
	left: 180px;
}
.project-slides.owl-theme .owl-dots {
	margin-top: 45px;
}
.project-slides .single-work::before {
	z-index: 1;
}
.project-slides .single-work .work-content {
	z-index: 1;
}
.project-slides .single-work .popup-btn, .single-work .link-btn {
	z-index: 1;
}

 
 


/*=============================
Testimonial CSS
===============================*/
.testimonial-area {
    position: relative;
    overflow: hidden;
}
.testimonial-area .section-title {
	z-index: 1;
}
.testimonial-area .pattern-1 {
    right: auto;
    left: 0;
    bottom: auto;
    top: 0;
}
.single-feedback {
	background: #ffffff;
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.06);
	padding: 5px;
	border-radius: 5px;
	position: relative;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
	margin-top: 25px;
	margin-bottom: 30px;
}
.single-feedback:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
    background: #ef6620;
}
.single-feedback .client-info {
	position: relative;
	padding-left: 118px;
	margin-bottom: 30px;
}
.single-feedback .client-info .img {
	position: absolute;
	left: 0;
	top: -45px;
	width: 100px;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.single-feedback:hover .client-info .img {
	top: -33px;
	-webkit-animation: movebounce 3s linear infinite;
	animation: movebounce 3s linear infinite;
}
.single-feedback .client-info .img img {
	border-radius: 50%;
}
.single-feedback .client-info h4 {
	font-size: 22px;
	font-weight: 700;
}
.single-feedback .client-info span {
	display: block;
	font-size: 16px;
	color: #828893;
	margin-top: 8px;
}
.single-feedback p, .single-feedback .client-info h4, .single-feedback .client-info span {
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.single-feedback:hover p, .single-feedback:hover .client-info h4, .single-feedback:hover .client-info span {
	color: #ffffff;
}
.single-feedback i {
	font-size: 104px;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #6f8ba4;
	z-index: -1;
	margin-top: -6px;
	margin-left: -70px;
	opacity: .14;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.single-feedback:hover i {
	color: #ffffff;
	opacity: .14;
}

 


/*=============================
Footer CSS
===============================*/
.footer-area {
    padding-top: 30px;
    position: relative;
	color:#fff;
}
.footer-area::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../../assets/img/map.png);
	opacity: .05;
	background-attachment: fixed;
}
.single-footer-widget .logo {
	margin-top: -10px;
}
.single-footer-widget .logo a {
	color: #28467c;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 900;
}
.single-footer-widget .logo a span {
	color: #ef6620;
}
.single-footer-widget p {
	margin-top: 15px;
	margin-bottom: 20px;
}
.single-footer-widget ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.social-links li {
	display: inline-block;
}
.social-links li a {
	border: 1px solid #28467c;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 34px;
	border-radius: 50%;
	font-size: 15px;
}
.social-links li a:hover, .social-links li a:focus {
	background: #ef6620;
    color: #ffffff;
    border-color: #ef6620;
}
.single-footer-widget h3 {
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.single-footer-widget .services-list li a {
	margin-bottom: 5px;
	font-weight: 600;
}
.single-footer-widget .services-list li:last-child a {
	margin-bottom: 0;
}
.single-footer-widget .services-list li a:hover {
	padding-left: 10px;
}
.single-footer-widget .usefull-links li a {
	margin-bottom: 12px;
	font-weight: 600;
}
.single-footer-widget .usefull-links li:last-child a {
	margin-bottom: 0;
}
.single-footer-widget .usefull-links li a:hover {
	padding-left: 10px;
}
.single-footer-widget .contact-list li {
	margin-bottom: 12px;
	font-weight: 500;
	 
	position: relative;
}
.single-footer-widget .contact-list li:last-child {
	margin-bottom: 0;
}
.single-footer-widget .contact-list li span {
	font-weight: 700;
}
.footer-area a{ color:#fff;}
.footer-area h3{ color:#fff;}
.footer-area p{ color:#fff;}
.copyright-area {
    padding-top: 10px;
    padding-bottom: 10px;
	background: #28467c;
    margin-top: 25px;
}
.copyright-area p {
    color: #ffffff;
	font-size:14px;
}
.copyright-area ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.copyright-area ul li {
	display: inline-block;
	position: relative;
	padding-right: 20px;
}
.copyright-area ul li::before {
	content: '';
	position: absolute;
	left: -13px;
	top: 5px;
	background: #6f8ba4;
	width: 2px;
	height: 14px;
}
.copyright-area ul li:first-child::before {
	display: none;
}
.copyright-area ul li a {
	color: #ffffff;
    font-size: 16px;
}
.copyright-area ul li a:hover {
	color: #ef6620;
}
 
/*=============================
Go Top CSS
===============================*/
.go-top {
	position: fixed;
	cursor: pointer;
	bottom: 30px;
	right: 20px;
	font-size: 25px;
	color: #ffffff;
	background-color: #ef6620;
	z-index: 1;
	display: none;
	width: 45px;
	text-align: center;
	height: 45px;
	border-radius:50%;
	line-height: 46px;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}
.go-top:hover {
	color: #ffffff;
    background: #ef6620;
}