.themes-colors{
	position:fixed;
	left:-200px;
	top:10%;
	width:200px;
	background:#fff;
	z-index:99;
	padding:10px 20px 20px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	box-shadow:0 1px 5px rgba(0,0,0,.2)
}

.themes-colors.open{
	left:0
}

.themes-colors h6{
	text-align:center;
	font-size:17px;
	text-transform:uppercase;
	margin-bottom:1em;
	color:#585858
}

.themes-colors span{
	width:40px;
	height:40px;
	color:#fff;
	display:block;
	padding:10px;
	text-align:center;
	background:-moz-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	background:-webkit-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	background:-ms-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	position:absolute;
	top:0;
	right:-40px;
	font-size:22px;
	line-height:15px;
	cursor:pointer;
	box-shadow:0 1px 5px rgba(0,0,0,.2)
}

.themes-colors ul li{
	margin-bottom:.8em;
	border-bottom:1px solid #ececec;
	padding-bottom:.5em
}

.themes-colors ul li a{
	color:#585858;
	display:block;
	font-size:13px
}

.themes-colors ul li a img{
	margin-bottom:5px
}

.themes-colors ul li a:focus,.themes-colors ul li a:hover,.themes-colors ul li a:visited{
	text-decoration:none
}

body{
	font-family: 'Poppins';
	color:#2a3b71;
	font-size:16px;
	position:relative;
	overflow-x:hidden
}

::-webkit-input-placeholder{
	font-style:italic;
	color:#fff!important
}

::-moz-placeholder{
	font-style:italic;
	color:#fff!important
}

:-ms-input-placeholder{
	font-style:italic;
	color:#fff!important
}

:-moz-placeholder{
	font-style:italic;
	color:#fff!important
}

a:focus{
	outline:0;
	outline-offset:none
}

a:hover{
	text-decoration:none
}

.btn-default{
	border-radius: 0px;
    background: #7fa63d;
    padding: 10px 20px;
    min-width: 170px;
    border: 2px solid #7fa63d;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-default:hover{
	border-radius: 0px;
    background: #7fa63d;
    padding: 10px 20px;
    min-width: 170px;
    border: 2px solid #7fa63d;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-default.colored{
	border-radius: 0px;
    background: #7fa63d;
    padding: 10px 20px;
    min-width: 170px;
    border: 2px solid #7fa63d;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-default.colored:hover{
	border-radius: 0px;
    background: #7fa63d;
    padding: 10px 20px;
    min-width: 170px;
    border: 2px solid #7fa63d;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn-default.blue{
	color:#2a3b71;
	border-color:#2a3b71
}

.btn-default.blue:hover{
	color:#fff;
	background:#2a3b71
}

.mt-80{
	margin-top:80px
}

.mt-150{
	margin-top:150px
}

.mt-200{
	margin-top:200px
}

.mt-250{
	margin-top:250px
}

.space-25{
	height:25px
}

.space-50{
	height:50px
}

.padding-100{
	padding:100px 0 0 0;
}

.padding-50{
	padding:50px 0;
}

.pt-100{
	padding-top:100px
}

.pb-100{
	padding-bottom:100px
}

.section-heade h3{
	font-size: 34px;
    font-weight: 600;
    letter-spacing: -1px;
    margin: 0 0 10px 0;
    text-align: center;
    color: #333;
}

.section-heade p{
	font-weight:400;
	line-height:30px;
	font-size:16px;
    color: #333333;
    text-align: center;
    margin: 0 0 30px 0;
}

.section-heade.white h3,.section-heade.white p{
	color:#333
}

ul.social-icons{
	margin-left:0
}

ul.social-icons li{
	border-radius:50%;
	border:2px solid #fff;
	width:30px;
	height:30px;
	text-align:center;
	line-height:25px;
	margin-right:10px;
	margin-bottom:10px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}

ul.social-icons li i{
	font-size:14px;
	color:#fff
}

ul.social-icons li.facebook:hover{
	border-color:#3b5a9a;
	background:#3b5a9a
}

ul.social-icons li.twitter:hover{
	border-color:#54abf0;
	background:#54abf0
}

ul.social-icons li.google-plus:hover{
	border-color:#dd4b3e;
	background:#dd4b3e
}

ul.social-icons li.linkedin:hover{
	border-color:#0175b0;
	background:#0175b0
}

ul.social-icons li.pinterest:hover{
	border-color:#be0719;
	background:#be0719
}

.page-head{
	position:relative;
	padding:100px 0
}

.page-head h2{
	font-size:50px;
	margin:0;
	padding:100px 0 10px;
	font-weight:600;
	color:#fff;
	text-transform:uppercase
}

.page-head .breadcrumb{
	background:0 0;
	padding:0
}

.page-head .breadcrumb,.page-head .breadcrumb a{
	color:#fff
}

.page-head .breadcrumb a:hover{
	text-decoration:none
}

.page-head .breadcrumb>li+li:before{
	color:#fff
}

.pagination{
	margin:40px 0 20px
}

.pagination>li>a,.pagination>li>span{
	padding:8px 15px;
	color:#000;
	border-color:#000;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{
	color:#fff;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	background:-moz-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	background:-webkit-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	background:-ms-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	border-color:#000
}

.pagination>li:first-child>a,.pagination>li:first-child>span{
	border-top-left-radius:50px;
	border-bottom-left-radius:50px;
	padding:8px 20px
}

.pagination>li:last-child>a,.pagination>li:last-child>span{
	border-top-right-radius:50px;
	border-bottom-right-radius:50px;
	padding:8px 20px
}

@media (max-width:991px){
	.mt-250{
		margin-top:125px
	}

	.mt-200{
		margin-top:20px
	}

	.btn-default{
		padding:10px 10px;
		min-width:150px;
		font-size:12px
	}

	.section-heade h3{
		font-weight:300
	}
}

.preloader{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:9999;
	background:-moz-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	background:-webkit-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	background:-ms-linear-gradient(-29deg,#c10f41 0,#233b88 100%)
}

.preloader .spinner{
	margin:0 auto;
	width:40px;
	height:40px;
	position:relative;
	top:50%;
	transform:translateY(-50%)
}

.preloader .spinner .cube1,.preloader .spinner .cube2{
	background-color:#fff;
	width:15px;
	height:15px;
	position:absolute;
	top:0;
	left:0;
	-webkit-animation:sk-cubemove 1.8s infinite ease-in-out;
	animation:sk-cubemove 1.8s infinite ease-in-out
}

.preloader .spinner .cube2{
	-webkit-animation-delay:-.9s;
	animation-delay:-.9s
}

@-webkit-keyframes sk-cubemove{
	25%{
		-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)
	}

	50%{
		-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)
	}

	75%{
		-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)
	}

	100%{
		-webkit-transform:rotate(-360deg)
	}
}

@keyframes sk-cubemove{
	25%{
		transform:translateX(42px) rotate(-90deg) scale(.5);
		-webkit-transform:translateX(42px) rotate(-90deg) scale(.5)
	}

	50%{
		transform:translateX(42px) translateY(42px) rotate(-179deg);
		-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)
	}

	50.1%{
		transform:translateX(42px) translateY(42px) rotate(-180deg);
		-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)
	}

	75%{
		transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);
		-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)
	}

	100%{
		transform:rotate(-360deg);
		-webkit-transform:rotate(-360deg)
	}
}

.appy-menu{
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:999;
	border-radius:0;
	border:none;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}

.appy-menu.sticky{
	background:#fff;
	box-shadow:0 0 20px -10px rgba(0,0,0,.8);
	padding:0
}

.appy-menu ul li a{
	color:#000!important;
	font-size:12px;
	letter-spacing:3px;
	font-weight:700;
	position:relative;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}

.appy-menu ul li .dropdown-menu li a{
	font-size:13px;
	letter-spacing:2px;
	padding:8px 15px;
	text-transform:capitalize
}

.appy-menu ul li .dropdown-menu li.active a{
	background:#fff;
	color:#000!important
}

.appy-menu ul li.dropdown>a{
	background:0 0!important
}

.appy-menu ul li .dropdown-menu>a:after{
	content:'';
	left:0;
	right:0;
	bottom:13px;
	width:90%;
	margin:0 auto;
	position:absolute;
	height:25px;
	border-radius:20px;
	background:#fff;
	z-index:-1;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}

.appy-menu ul.nav>li.active>a:after,.appy-menu ul.nav>li>a:hover:after{
	content:'';
	left:0;
	right:0;
	bottom:13px;
	width:90%;
	margin:0 auto;
	position:absolute;
	height:25px;
	border-radius:20px;
	background: transparent;
	z-index:-1;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}

.appy-menu ul li .dropdown-menu{
	background:-moz-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	background:-webkit-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	background:-ms-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	padding:0;
	border:0;
	border-radius:0
}

.appy-menu .navbar-nav>.active>a,.appy-menu .navbar-nav>.active>a:focus,.appy-menu .navbar-nav>.active>a:hover{
	background:0 0;
	color:#000 !important
}

.appy-menu .navbar-brand{
	color:#fff;
	font-size:30px;
	font-weight:300
}

.appy-menu ul li a:hover{
	color:#000!important
}

.appy-menu .navbar-brand{
	height:auto;
	max-width:300px;
	padding:5px 15px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}

.appy-menu.sticky .navbar-brand{
	padding:15px
}

.appy-menu.navbar-default .navbar-toggle{
	background:#fff;
	border-color:#333;
	margin-top:20px;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}

.appy-menu.navbar-default .navbar-toggle .icon-bar{
	background-color:#000;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease
}

.appy-menu.navbar-default .navbar-toggle.collapsed{
	background: #333;
}

.appy-menu.navbar-default .navbar-toggle.collapsed .icon-bar{
	background-color:#fff
}

@media (max-width:767px){
	.appy-menu .navbar-brand{
		padding:15px;
	    max-width: 240px;
	}

	.appy-menu ul li a{
		text-align:center
	}

	.appy-menu ul li a:hover:after,.appy-menu ul li.active a:after{
		bottom:8px!important
	}

	.appy-menu ul li.open>a:after,.appy-menu ul li.open>a:hover:after{
		bottom:8px!important
	}
}

@media (min-width:768px){
	.appy-menu{
		padding:5px 0;
		background:0 0
	}

	.appy-menu.sticky .navbar-nav>li>a{
		padding:20px 15px
	}

	.appy-menu.sticky ul li a:hover:after,.appy-menu.sticky ul li.active a:after{
		bottom:18px
	}

	.appy-menu.sticky ul li.open>a:after,.appy-menu.sticky ul li.open>a:hover:after{
		bottom:18px
	}

	.appy-menu .nav li.dropdown:hover>.dropdown-menu{
		display:block
	}
}

#home_banner{
	position:relative;
	height:100%
}

.overlay{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	/*background-image:-moz-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	background-image:-webkit-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	background-image:-ms-linear-gradient(-29deg,#c10f41 0,#233b88 100%);
	opacity:.9*/
}

#home_banner h3{
	font-size:34px;
	color:#000;
	font-weight:600;
	margin:0;
	line-height:60px
}

#home_banner p{
	font-size:22px;
	color:#000;
	font-weight:300;
	margin:20px 0 30px
}

#home_banner .btn{
	margin:0 20px 20px 0
}

#home_banner .btn:hover{
	border-color:#fff;
	background:#fff;
	color:#000
}

#caracteristicas h3{
	font-size:34px;
	color:#000;
	font-weight:600;
	margin:0;
	line-height:60px
}

#caracteristicas p{
	font-size:22px;
	color:#000;
	font-weight:300;
	margin:20px 0 30px
}

#caracteristicas .btn{
	margin:0 20px 20px 0
}

#caracteristicas .btn:hover{
/*	border-color:#fff;
	background:#fff;
	color:#000*/
}

@media (max-width:991px){
	#home_banner h3{
		font-size:30px;
		line-height:50px
	}

	#home_banner p{
		font-size:18px
	}

	#home_banner .btn{
		margin:0 20px 20px 0
	}

	#caracteristicas h3{
		font-size:30px;
		line-height:50px
	}

	#caracteristicas p{
		font-size:18px
	}

	#caracteristicas .btn{
		margin:0 20px 20px 0
	}
}

#home_banner.index-style-2{
	height:100vh
}

#home_banner.index-style-2 .home-slider{
	position:absolute;
	top:0;
	bottom:0
}

#home_banner.index-style-2 .owl-carousel div:not(.owl-dots):not(.owl-nav):not(.slide-content):not(.owl-prev):not(.owl-next){
	height:100%
}

#home_banner.index-style-2 .slide-content{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}

#home_banner.index-style-2 .owl-carousel .owl-nav .owl-next,#home_banner.index-style-2 .owl-carousel .owl-nav .owl-prev{
	position:absolute;
	top:50%;
	padding:15px 20px;
	background:0 0;
	border:1px solid #fff;
	border-radius:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}

#home_banner.index-style-2 .owl-carousel .owl-nav .owl-prev{
	left:0
}

#home_banner.index-style-2 .owl-carousel .owl-nav .owl-next{
	right:0
}

#home_banner.index-style-2 .owl-carousel .owl-dots{
	position:absolute;
	bottom:30px;
	left:0;
	right:0
}

#home_banner.index-style-2 .owl-carousel .owl-dots span{
	background:#fff;
	width:13px;
	height:13px
}

#home_banner.index-style-2 .owl-carousel .owl-dots .owl-dot.active span{
	background:#000
}

#home_banner.index-style-2 .owl-carousel .owl-item.active .fadecontent-l{
	-webkit-animation:fadeInLeft 1s cubic-bezier(.7,0,.3,1) .4s both;
	animation:fadeInLeft 1s cubic-bezier(.7,0,.3,1) .4s both
}

#home_banner.index-style-2 .owl-carousel .owl-item.active .fadecontent-r{
	-webkit-animation:fadeInRight 1s cubic-bezier(.7,0,.3,1) .4s both;
	animation:fadeInRight 1s cubic-bezier(.7,0,.3,1) .4s both
}

@keyframes fadeInRight{
	from{
		opacity:0;
		transform:translate3d(30px,0,0)
	}

	to{
		opacity:1;
		transform:none
	}
}

@keyframes fadeInLeft{
	from{
		opacity:0;
		transform:translate3d(-30px,0,0)
	}

	to{
		opacity:1;
		transform:none
	}
}

#home_banner.index-style-3{
	height:100vh
}

#home_banner.index-style-3 .slide-content{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}

#home_banner.index-style-3 .slide-content p{
	max-width:600px;
	margin:20px auto 30px
}

#home_banner.index-style-4 .owl-carousel .owl-item.active .fadecontent-t{
	-webkit-animation:fadeInUp 1s cubic-bezier(.7,0,.3,1) .4s both;
	animation:fadeInUp 1s cubic-bezier(.7,0,.3,1) .4s both
}

@keyframes fadeInUp{
	from{
		opacity:0;
		transform:translate3d(0,20px,0)
	}

	to{
		opacity:1;
		transform:none
	}
}

#home_banner.index-style-4 .slide-content p{
	max-width:600px;
	margin:20px auto 30px
}

#about .about-box{
	padding:25px
}

#about .about-box h4{
	margin:30px 0;
	color:#2a3b71;
	font-size:20px
}

#about .about-box p{
	color:#2a3b71;
	font-weight:400;
	font-size:16px
}

#caracteristicas{
	position:relative
}

#caracteristicas .caracteristicas-wrapper .single-feature{
	margin-bottom:50px;
	position:relative
}

#caracteristicas .caracteristicas-wrapper.right-icon .single-feature .caracteristicas-icon{
	position:absolute;
	right:0
}

#caracteristicas .caracteristicas-wrapper.left-icon .single-feature .caracteristicas-icon{
	position:absolute;
	left:0
}

#caracteristicas .caracteristicas-wrapper .single-feature .caracteristicas-icon img{
	max-width:60px
}

#caracteristicas .caracteristicas-wrapper.right-icon .single-feature .caracteristicas-details{
	padding-right:70px
}

#caracteristicas .caracteristicas-wrapper.left-icon .single-feature .caracteristicas-details{
	padding-left:80px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#caracteristicas .caracteristicas-wrapper .single-feature .caracteristicas-details h5{
	color:#333;
	font-weight:400;
	font-size:20px;
	margin-bottom:10px;
	text-align:left;
	margin: 0 0 0 0px;
}

#caracteristicas .caracteristicas-wrapper .single-feature .caracteristicas-details p{
	font-size:14px;
	color:#333;
	font-weight:300;
	line-height:18px;
	text-align:left;
}

@media (max-width:992px){
	#caracteristicas .caracteristicas-wrapper.right-icon .single-feature .caracteristicas-icon{
		right:inherit;
		left:0
	}

	#caracteristicas .caracteristicas-wrapper.right-icon .single-feature .caracteristicas-details{
		padding-left:70px;
		padding-right:0;
		text-align:left
	}
}

.one-feature h2{
    font-size: 40px;
    color: #333;
    font-weight: 300;
    line-height: 45px;
    margin: 0px 0 30px 15px;
}

.one-feature p{
	font-size:18px;
	color:#2a3b71;
	font-weight:400;
	line-height:30px;
	margin-bottom:30px
}

@media (max-width:991px){
	.one-feature h2{
		font-size:30px;
		line-height:40px
	}
}

#countup{
	position:relative
}

#countup .countup-box{
	margin-bottom:30px
}

#countup .countup-box .count-num{
	font-size:50px;
	font-weight:600;
	color:#333
}

#countup .countup-box .count-name{
	font-size:20px;
	color:#333;
	text-transform:uppercase
}

footer p{
    margin: 80px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    padding: 25px 0;
    text-align: left;
    position: absolute;
}

.section-heade p.pdemo{
	color:#2a3b71
}


.bg-gray{
	background-color: #f6f6f6;
}

.bg-gray-light{
	background-color: #F9F9F9;
}

.margin-bottom{
	margin-bottom: 50px;
}

.ion-icon {
	font-size: 50px;
	color: #7fa63d;
}

@media (min-width: 768px){
	.navbar-right {
	    float: right!important;
	    margin-right: -15px;
	    margin: 15px 0 0px 0;
	}
}

@media (max-width: 991px){
	.hidden-xs {
	    display: block !important;
	}
}