<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Author       : Themes_oceans
Template Name: Hino - Multipurpose Business HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
	01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
	02. START BOOTSTRAP NAVIGATION OVERRIDES
	03. START HOME DESIGN
	04. START ABOUT DESIGN
	05. START SERVICE DESIGN
	06. START VIDEO DESIGN
	07. START SPECIAL PACKAGE DESIGN
	08. START TEAM DESIGN
	09. START PRICING DESIGN
	10. START TESTIMONIAL DESIGN
	11. START BLOG DESIGN
	12. START PARTNER DESIGN
	13. START CONTACT DESIGN
	14. START FOOTER DESIGN
	15. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #444;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin: 0px; 
  color: #993333;
  font-weight: 400;
}
a {
color: #232434;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
margin: 0;
padding: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}

fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
	background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;	
}
.spinner {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	z-index: 10000;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #993333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-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);
  }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SECTION TITLE DESIGN*/
.section-padding {padding: 80px 0;}
.section-title{margin-bottom:60px;}
.section-title h1 {
	font-size: 44px;
	font-weight: normal;
	margin-top: 0;
	position: relative;
	margin-bottom: 15px;
}
@media only screen and (max-width:480px) { 
.section-title  h1  {
font-size:24px;
line-height: 32px;
font-weight:500;
}
}
h1.section-title-white{color:#fff;}
h4.section-title-white{color:#fff;}
.section-title p {
	padding: 0 10px;
	width: 70%;
	margin: auto;
	letter-spacing: 1px;
}
p.section-title-white{color:#fff;}
@media only screen and (max-width:768px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #993333 none repeat scroll 0 0;
border-radius:3px;
bottom: 5px;
-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.08);
        box-shadow:0 0 10px rgba(0, 0, 0, 0.08);
color: #fff;
cursor: pointer;
font-size: 16px;
height:45px;
line-height:45px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width:45px;
}
.topcontrol:hover {
    background: #232434;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo img{
	width: 180px;
	height: auto;
}
.bg-faded {
	background-color:transparent;
	transition: all 0.5s ease 0s;
}
@media only screen and (max-width:767px) { 
.bg-faded {background-color:#669999;}
}
.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: .98;
    width: 100%;
	padding:10px 0;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background:#993333;
	box-shadow: 0px 60px 60px rgba(0,0,0,0.7);
}
@media only screen and (max-width:767px) { 
.navbar-fixed {background: #993333;}
}
#navigation{
	padding: 20px 0;
}
@media screen and (max-width:480px){
#navigation{
	padding: 15px 0;
}
}
#navigation.navbar-fixed {
	padding: 20px 0;
}
.header_right {
	display: flex;
	flex-basis: auto;
}
#main-menu{
	margin-top: 10px;
}
#main-menu ul{
	list-style-type: none;
}
#main-menu ul li{
	display: inline-block;
	padding:0px 12px;
	position: relative;
}
#main-menu ul li a {
	color: #fff;
	font-size: 17px;
	text-transform: capitalize;
	font-weight:500;
	transition: .3s;
}
@media only screen and (max-width:1024px) {
#main-menu ul li{padding:0px 8px;} 
#main-menu ul li a {font-size: 16px;}
}
@media only screen and (max-width:960px) {
#main-menu ul li{padding:0px 8px;} 
#main-menu ul li a {font-size: 13px;}
}
@media only screen and (max-width:800px) {
#main-menu ul li{padding:0px 4px;} 
#main-menu ul li a {font-size: 16px;}
}
#navigation.navbar-fixed #main-menu ul li a{
	color: #fff;
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color:#fff;
}
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color:#fff;
}
.slicknav_nav_icon{
	color: #fff;
	font-size: 24px;
}
.slicknav_menu .slicknav_icon::before {
	background: transparent;
	width: 1.125em;
	height: 0.875em;
	display: block;
	content: "\e68e";
	position: absolute;
	font-family: 'themify';
	color: #fff;
	font-size: 20px;
}
#mobile_menu{display: none;}
@media only screen and (max-width:767px) { 
.navbar-default {
padding: 10px!important;
}
.navbar-collapse{
margin-top: 15px;
}

#navigation ul li a{ 
position: inherit;
color: #232434;

}

#navigation ul li ul ,
#navigation ul li ul li ul{
opacity: 1;
position: inherit;
top: 0;
transition: all 0.3s ease 0s;
z-index: 1;
visibility: visible;
background: #fff none repeat scroll 0 0;
box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.05);
padding: 15px;
left: 0;
background: #7868e6;
list-style: none;
width: 100%;
}



#navigation ul li ul.sub-menu li{
z-index: 1;
}

#navigation ul li:hover ul.sub-menu{
top:0;
opacity:1;
z-index:999;
visibility:visible;
}
#main-menu{
display: none;
}	
#mobile_menu{
display: block;
width: 100%;
}
.slicknav_nav ul li a{
color: #fff !important;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 600;
}
	
}
@media only screen and (max-width:767px) { 
  .navbar-brand {
    padding-top: 20px;
  }
.slicknav_menu {
	font-size: 16px;
	box-sizing: border-box;
	background: transparent;
	padding: 0;
	margin-top: 10px;
}  
}
@media only screen and (max-width:568px) { 
.slicknav_menu {
	margin-top: -40px;
}
}
@media only screen and (max-width:480px) { 
.slicknav_menu {
	margin-top: -40px;
}
}
.arrow-btn::after {
	font-family: FontAwesome;
	content: '\f0d7';
	position: absolute;
	top: 60%;
	right: -1px;
	margin-top: -14px;
}

@media only screen and (max-width:844px) { 
.arrow-btn::after {right: -3px;}
}
@media only screen and (max-width:767px) { 
.arrow-btn::after {display:none;}
}
.slicknav_nav .slicknav_arrow {font-size: 16px;}
/*START DROPDOWN MENU*/
.menu_dropdown  ul { list-style-type: none }
.menu_dropdown  li ul.sub-menu,
.menu_dropdown  ul li ul.sub-menu li ul.sub-menu {
    background: #7868e6;
    left: -30px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 125%;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
	text-align: left;
    z-index: -99;
	margin-top:15px;
	border-radius: 3px;
}
.menu_dropdown  ul li ul.sub-menu li ul.sub-menu {
    top: 0;
    left: 100%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.menu_dropdown  ul li ul.sub-menu li {
    padding: 0;
    width: 100%;
}
.menu_dropdown  ul li:hover ul.sub-menu {
    top: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 999;
    visibility: visible;
}
.menu_dropdown  ul.nav &gt; li ul li:hover ul.sub-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.menu_dropdown ul li ul.sub-menu li a {
	color: #fff !important;
	font-size: 17px;
	padding: 15px;
	text-transform: capitalize;
	display: block;
	border-bottom: 0px;
}
.menu_dropdown  ul li ul.sub-menu li:last-child a{border-bottom:none;}
.menu_dropdown  ul li:hover ul.sub-menu li a:hover {
    color: #fff!important;
    text-decoration: none;
	padding-left:15px;
	background:none;
}
/*END DROPDOWN MENU*/
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
    height: 750px;
    position: relative;
}
.home_bg:before {
    background: rgba(0,0,0,0.5);
    content: "";
    height: 100%;
	opacity:0.9;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.hero-text {padding-top: 250px;}
@media only screen and (max-width:480px) { 
.hero-text  {padding-top:270px;}
}
.hero-text h2 {
	font-size: 46px;
	letter-spacing: 0;
	margin-bottom: 20px;
	line-height: 64px;
	color: #fff;
	font-family: 'Quicksand', sans-serif;
	font-weight:bold;
}
@media only screen and (max-width:480px) { 
.hero-text h2 {font-size: 30px;line-height:40px;}
}
.hero-text p {
	margin-top: 10px;
	margin: 10px auto 30px;
	color:#fff;
	width:50%;
}
@media only screen and (max-width:480px) { 
.hero-text p {
width: 90%;
margin-left:0px;
}
}
.home_btn a{
margin-bottom: 20px;
margin-right: 20px;
}
.learn_btn {
	background: #d62128;
	border: 1px solid #fff;
	border-radius: 0px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	overflow: hidden;
	padding: 12px 30px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
@media only screen and (max-width:360px) { 
.learn_btn {padding: 10px 40px;}
}
.learn_btn:hover{
background:#d62128;
color:#fff;
border: 1px solid #fff;
}

.get_btn {
background: #none;
border: 1px solid #fff;
border-radius:0px;
color: #fff;
display: inline-block;
font-size: 16px;
overflow: hidden;
padding:12px 30px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:360px) { 
.get_btn {padding: 10px 40px;}
}
.get_btn:hover, .get_btn:focus{
background:#232434;
color:#fff;
border: 1px solid #232434;
}
/*START OTHER HOME PAGE CSS*/
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.home_video{height: 700px;position:relative;}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
left: 0;
position: absolute;
text-align: center;
top: 25%;
transform: translate(0%, -50%);
width: 100%;
z-index: 15;
}
video { min-width: 100% }
@media only screen and (max-width:768px) { 
video { min-width: 100%;height:100%; }
}
/*START HOME SLIDER DESIGN*/
.flexslider .slides &gt; li:first-child {
	display: block; 
}
.flexslider.loading .slides &gt; li:first-child {
	opacity: 1 !important;
} 
.flexslider{
	position: relative;	
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
	border-radius: 0;
	overflow: hidden;
	background: none;
}
#home-slider .slides li{
	height: 700px;
	background-size: cover!important;
	 position: relative;
}
#home-slider .slides li:after {
    position: absolute;
    background:rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.flex-control-nav {
  width: 20px;
  bottom: auto;
  z-index: 20;
  top: 40%;
  right: 20px; 
 }

.flex-control-nav li {
  display: block;
  margin: 0 0 6px 0; 
 }

.flex-control-paging li a {
  background: transparent;
  border: 2px solid #FFF;
  border-radius: 100%;
  box-shadow: none; 
 }
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
  background: #FFF;
  border-color: #FFF; 
}
#home-slider.flexslider.loading {
  position: relative; 
}
#home-slider.flexslider.loading:after {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 40%;
    margin: 0 0 0 -15px;
    border: 4px solid #3cd2ad;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; 
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/*END HOME SLIDER DESIGN*/
/*END OTHER HOME PAGE CSS*/
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*START ABOUT CONTENT*/
.about-title{}
.about-title h1 {
	width: 70%;
	margin: auto;
	margin-bottom: 80px;
	font-weight: 500;
	line-height: 52px;
}
@media only screen and (max-width:480px) { 
.about-title h1 {width:90%;}
}
.about-content{
background:#f5f8fa;	
padding-bottom:50px;
}
.single-about{
background:#fff;
padding: 60px;
margin-bottom:30px;
border-radius:3px;
position:relative;
z-index:2;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.single-about{padding: 30px;}
}
@media only screen and (max-width:480px) { 
.single-about{padding:40px;margin-bottom:60px;}
}
.single-about:hover{
-webkit-box-shadow:0px 60px 60px rgba(0,0,0,0.1);
        box-shadow:0px 60px 60px rgba(0,0,0,0.1);
z-index:100;
-webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
        transform: translate(0, -10px);
}
.single-about span {
	display: inline-block;
	font-size: 28px;
	margin-bottom: 25px;
	text-align: center;
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: absolute;
	top: -35px;
	background: #7564e5;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 100px;
}
@media only screen and (max-width:768px) { 
.single-about span{top: -45px;}
}
.single-about h4 {
	text-transform: capitalize;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 15px;
}
.single-about p{}
/*END ABOUT CONTENT*/

/*START ABOUT TWO*/
.about-content-two {
	background-color:#f2f2f2;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}

.about-two-img{text-align: center;}
.about-two img{}
.about-two{padding-top: px;}
@media only screen and (max-width:768px) { 
.about-two{padding-top:30px;}
}
.about-two h1{
margin-bottom: 15px;
line-height: 52px;
font-weight:normal;
}
.about-two p {
	margin-bottom: 30px;
	padding-right: 100px;
	text-align:justify;
}
@media only screen and (max-width:768px) { 
.about-two p {padding-right: 0px;}
}
.about-btn{
	background: #993333;
	color: #fff;
	padding: 12px 30px;
	display: inline-block;
	border-radius: 3px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.about-btn:hover{
	background: #232434;
	color: #fff;
}
/*END ABOUT TWO*/

/*START ABOUT THREE*/
.about-content-three {
position: relative;
padding:60px 0;
}
.about-content-three:before {
    background:#ccc;
	opacity:0.4;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.content-three-bg {
	background: rgba(255, 255, 255, 0.5);
	padding: 100px 60px;
}
.about-three{}
.about-three h1 {
	margin-bottom: 15px;
	font-size: 44px;
	line-height: 66px;
	font-weight:normal;
}
@media only screen and (max-width:480px) { 
.about-three h1 {
	margin-bottom: 15px;
	font-size: 40px;
	line-height: 56px;
}
}
.about-three p {
	margin-bottom: 30px;
	padding-right: 60px;
	text-align:justify;
}
@media only screen and (max-width:768px) { 
.about-three p {padding-right: 0px;}
}
/* START SKILL DESIGN */
.progress-bar-text {
	font-size: 16px;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 500;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    height: 15px;
    margin: 0 0 20px;
	border-radius: 30px;
    position: relative;
    width: 100%;
}
.progress-bar &gt; span {
    background: #7564e5 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
	border-radius: 30px;
}
/*END ABOUT THREE*/

/*START ABOUT PROCESS*/
.about-process {
	padding-bottom: 50px;
	background:#f5f8fa;
}
.single-about-process{}
@media only screen and (max-width:480px) { 
.single-about-process{margin-bottom:60px;}
}
.single-about-process h1{
margin-bottom: 15px;
line-height: 50px;
font-weight: bold;
text-transform:uppercase;
}
.single-about-process p{
	margin-bottom: 30px;
	padding-right: 20px;
	text-align:justify;
}
.single-about-process ul{list-style:none;}
.single-about-process ul li {
	line-height: 40px;
	font-weight: 400;
}
.single-about-process ul li span {
	margin-right: 10px;
	border: 2px solid #d62128;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background: #d62128;
}
/*START COUNTER*/
.counter_feature {}
.counter {
padding: 60px 30px;
text-align: center;
border-radius: 3px;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.counter:hover{
-webkit-box-shadow:0px 50px 50px rgba(0,0,0,0.1);
        box-shadow:0px 50px 50px rgba(0,0,0,0.1);
position:relative;
z-index:100;
-webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
        transform: translate(0, -10px);
}
@media only screen and (max-width:768px) { 
    .counter {
        margin-bottom: 40px;
        overflow: hidden;
    }
}
.counter h2 {
font-size: 50px;
margin-top: 0;
color:#fff;
}
.counter h5 {
margin-top: 5px;
margin-bottom: 0;
color:#fff;
text-transform: capitalize;
}
.color-one{background: #7b7f12;}
.color-two{background: #909416;margin-top: 60px;}
@media only screen and (max-width:480px) { 
.color-two{margin-top:0px;}
}
.color-three{background: #aeb336;margin-top: -60px;}
@media only screen and (max-width:480px) { 
.color-three{margin-top:0px;}
}
.color-four{background: #c4c43c;}
/*END COUNTER*/
/*END ABOUT PROCESS*/
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 05.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.best-service{padding-bottom:15px;}
.single_service {
	background: #fff;
	padding: 60px;
	border-radius: 3px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	margin: 0 0 65px 35px;
	position: relative;
	-webkit-box-shadow: 0px 22px 158px 0px rgba(0, 0, 0, 0.1);
	        box-shadow: 0px 22px 158px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width:480px) {
.single_service {padding:30px;margin: 0 0 65px 0px;}
}
.single_service span {
	color: #fff;
	font-size: 22px;
	display: block;
	margin-bottom: 30px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 100px;
	top: -35px;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-shadow: 0px 22px 158px 0px rgba(0, 0, 0, 0.1);
	        box-shadow: 0px 22px 158px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width:480px) { 
.single_service span {	
width: 60px;
height: 60px;
line-height: 60px;}
}
.single_service h3 {
	font-weight: 600;
	font-size: 22px;
	padding-bottom: 15px;
	text-align:center
}
.single_service p{margin-bottom: 0px;
text-align:center}
/*
* ----------------------------------------------------------------------------------------
* 05.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 06.START VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/
.view_our_video {
position: relative;
padding:100px 0;
}
.view_our_video::before {
	background: #020928;
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	opacity: 0.5;
}
.our_video{}
.our_video h1 {
	color: #d62128;
	background-color:#f2f2f2;
	padding:10px;
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: 600;
}
.our_video p {
	color: #fff;
	font-size: 18px;
	margin: auto auto 40px;
	width: 90%;
	word-spacing: 2px;
}
.our_video h1 i{
color:#7564e5;
font-size: 15px;
vertical-align: middle;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.our_video a  {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
border: 1px solid rgba(0, 0, 0, 0.05);
color: #555;
display: block;
font-size: 24px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
height:45px;
width:auto;
max-width:300px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 06.END VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  07.START SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/
.single-project {
    position: relative;
    margin: 0 15px;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;

}
.single-project .sp-img {
    position: relative;
    filter: grayscale(100%)
}

.single-project .sp-hover {
    position: absolute;
    height: 0%;
    width: 0%;
    top: 50%;
    left: 50%;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    overflow: hidden;
	cursor: pointer;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}
.single-project:hover .sp-hover {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity:0.8;
}
.single-project .sp-social {
    position: relative;
    top: 80%;
}
.single-project .sp-social ul {
    position: relative;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}
.single-project .sp-social ul li {
    position: relative;
    display: inline-block;
}
.single-project .sp-social ul li a {
	font-size: 18px;
	display: block;
	color: #fff;
	font-weight: 600;
	padding: 10px 30px;
	border-radius: 20px;
}
.single-project .sp-social ul li a:hover{color:#7564e5;}
.single-project .sp-info {
    position: relative;
    background-color: #f5f8fa;
    padding: 15px;
    text-align: center;
}
.single-project .sp-info p a {
	font-size: 20px;
	font-weight: 500;
	-webkit-transition:0.3s;
	-o-transition:0.3s;
	transition:0.3s;
}
.single-project .sp-info p a:hover{color:#7564e5;} 
/*START OWL BUTTON*/
.owl-theme{-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.owl-theme .owl-controls{
    width: 100%;
    height: 50px;
	display: block!important;
    opacity: 1;
    position: absolute;
    top: 38%;
	-webkit-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.owl-theme .owl-controls .owl-buttons div {
	width: 40px;
	height: 40px;
	line-height: 30px;
	opacity: 1;
	border-radius: 30px;
	background: #ccc;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.owl-theme .owl-controls .owl-buttons div:hover{background:#737812;display:block;}
.owl-prev{
    position: absolute;
    left: -5%;
}
.owl-next{
    position: absolute;
    right: -5%;
}
.owl-prev:after,
.owl-next:after{
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #fff;
    opacity: 1;
}
.owl-next:after{ content: "\f105"; }
@media only screen and (max-width: 767px){
    .owl-theme .owl-controls{ margin-top: 20px; }
}
@media only screen and (max-width: 480px){
    .owl-theme .owl-controls{display:none!important; }
}
/*START SINGLE PROJECT DETAILS*/
.single_project_area{background:#f5f8fa;}
.single_project_details{background:#fff;padding:60px;}
.single_project_details img{}
.single_project_details h1 {
	margin: 20px 0;
	font-size: 50px;
	line-height: 60px;
}
@media only screen and (max-width: 480px){
.single_project_details h1 {
	margin: 20px 0;
	font-size: 30px;
	line-height: 45px;
}
}
.project_details_info {
	margin-bottom: 30px;
	margin-top: 60px;
}
.project_details_info h4 {
	font-weight: 500;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.project_details_info ul {
	list-style: none;
}
.project_details_info ul li {
	line-height: 32px;
}
.project_details_info ul li i {
	color: #7564e5;
	margin-right: 10px;
}
.project_details_info ul li  a{color:#7564e5;}
.single_project_details p{}
/*END SINGLE PROJECT DETAILS*/
/*
 * ----------------------------------------------------------------------------------------
 * 07.END SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 08.START TEAM DESIGN
 * ----------------------------------------------------------------------------------------
*/
.single-team{
position: relative;
border-radius: 10px;
}
@media only screen and (max-width:768px) { 
.single-team{margin-bottom: 30px;}
}
.single-team::before {
	content: "";
	background:rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	border-radius: 10px;
}
.single-team .img img {
	border-radius: 10px;
	width: 100%;
}
.single-team .team-content {
	text-align: center;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 20px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	padding: 20px;
	border-radius: 10px;
}
.team-content h3{
	margin: 0px;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 5px;
}
.team-content p{
font-weight: 500;
font-size: 14px;
}

.single-team .team-content  ul.social{list-style:none;margin-top: 10px;}
.single-team .team-content .social li {display: inline-block;}
.single-team .team-content .social li a {
	display: block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 100px;
	border: 1px solid #eee;
	font-size: 14px;
	color: #232434;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.single-team .team-content .social li a:hover {
color: #7564e5;
}
.single-team:hover::before {
  opacity: 0.7;
}
.single-team:hover .team-content {
  opacity: 1;
  visibility: visible;
}
/*
 * ----------------------------------------------------------------------------------------
 * 08.END TEAM DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 09.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.our_pricing {
	background-image: url(../img/bg/pricing-bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}
@media only screen and (max-width:480px){
.our_pricing{background-size: auto; }
}
.pricingTable{
background: #fff none repeat scroll 0 0;
color: #232434;
margin-top: 30px;
padding: 50px 15px;
-webkit-box-shadow: 0px 19px 43px 0px rgba(17, 17, 17, 0.05);
        box-shadow: 0px 19px 43px 0px rgba(17, 17, 17, 0.05);
-webkit-perspective: 700px;
        perspective: 700px;
position: relative;
text-align: center;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: 1;
}
@media only screen and (max-width:480px){
.pricingTable{ margin-bottom:60px; }
}
.pricingTabletop{margin-top: -30px;}
.pricingTable .pricingTable-header{}
.pricingTable .title{
    display: block;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.pricingTable .price-month {
	font-size: 16px;
	font-weight: 500;
	margin-top: 5px;
}
.pricingTable .price-value {
	font-size: 170px;
	line-height: 112px;
	position: relative;
	color: #e4f1ff;
	margin: 40px 0;
}
@media only screen and (max-width:768px) { 
.pricingTable .price-value {font-size: 130px;}
}
.pricingTable .price-value .value-bg {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%);
	color: #1386fc;
	font-weight: 600;
	font-size: 60px;
	line-height: 60px;
}

.pricingTable-2 .price-value {
  color: #e6e4ff;
}

.pricingTable-2 .price-value .value-bg {
  color: #7564e5;
}
.pricingTable .pricing-content{
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}
.pricing-content-border{}
.pricing-content-border &gt; li {
  border: 1px solid #eee;
  margin-bottom: 10px;
}
.pricingTable .pricing-content li{
    line-height: 40px;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 30px; }
}
@media only screen and (max-width: 767px){
    .pricingTable{ margin-bottom: 50px; }
}
.btn-price-bg {
background: #7564e5;
border: 2px solid #7564e5;
border-radius: 5000px;
color: #fff;
display: inline-block;
font-size: 16px;
overflow: hidden;
padding:12px 40px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.pricingTable:hover .btn-price-bg{
background:#232434;
color:#fff;
border: 2px solid #232434;
}


/*
 * ----------------------------------------------------------------------------------------
 * 09.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */

 /*
* ----------------------------------------------------------------------------------------
* 10.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_testimonial {
position: relative;
padding:120px 0;
}
.our_testimonial:before {
    background:#020928;
	opacity:0.7;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.single-testimonial{}
.single-testimonial img {
	margin-bottom: 20px;
	display: inline-block;
	max-height:300px;
	padding:5px;
}
.single-testimonial h4 {
color:#fff;
	font-weight: 600;
	margin-bottom: 5px;
}
.single-testimonial span {
color:#fff;
	font-weight: 600;
	margin-bottom: 15px;
	display:inline-block;
}
.single-testimonial p {
	color: #fff;
	font-size: 22px;
	line-height: 32px;
}
@media only screen and (max-width:480px) { 
.single-testimonial p {
	color: #fff;
	font-size: 18px;
	line-height:26px;
}
}
.testimonial1-carousel .prev {
	left: -150px;
}
.testimonial1-carousel .next {
	right: -150px;
}
.testimonial1-carousel .slick-arrow {
	height: 50px;
	width: 50px;
	line-height: 50px;
	border-radius: 100px;
	font-size: 20px;
	border: 1px solid #eee;
	color:#ccc;
	text-align: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	cursor: pointer;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
}
@media only screen and (max-width: 960px){
.testimonial1-carousel .slick-arrow { display:none !important;}
}
.testimonial1-carousel .slick-arrow:hover{background:#fff;color:#232434;border: 1px solid #fff;}
.testimonial1-carousel .slick-dots {
	padding: 0;
	list-style: none;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	bottom: -70px;
}
.testimonial1-carousel .slick-dots li {
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-right: 10px;
	display: none;
}
.testimonial1-carousel .slick-dots li.slick-active button {
	background: #fff;
}
.testimonial1-carousel .slick-dots li button {
	display: inline-block;
	padding: 0;
	height: 12px;
	width: 12px;
	border: 2px solid #fff;
	border-radius: 100px;
	background: transparent;
	color: transparent;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.fresh-news{
	padding-bottom: 0;
}
.single_blog {
	background: #fff;
	margin-bottom:30px;
}
.blog_img { overflow: hidden; }
.blog_img img {
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single_blog:hover .blog_img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.post-date {
	position: absolute;
	top: -17px;
	right: 0px;
	background: #fff;
	padding: 7px 12px;
	border-radius: 5px;
	text-align: center;
	-webkit-box-shadow: 0px 10px 20px rgba(0,0,0,.1);
	        box-shadow: 0px 10px 20px rgba(0,0,0,.1);
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.single_blog:hover .post-date{background:#7564e5;}
.single_blog:hover .post-date .date{color:#fff;}
.single_blog:hover .post-date .month {color:#fff;}
.date {
	font-size: 30px;
	font-weight: 500;
}
.month {
	display: block;
	font-size: 15px;
	font-weight: 500;
}

.blog_content{padding:20px;}
.blog_content h3{}
.blog_content h3 a {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 10px;
	display: block;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	line-height: 36px;
}
.blog_content h3 a:hover{color:#7564e5;}

.blog-page{background:#f5f8fa;}
.single_blog_page {
	background: #fff;
	padding: 60px;
	border-bottom: 1px solid #ddd;
}
.single_blog_page img{}
.single_blog_page img a{}
.single_blog_page h2 a {
	font-weight: 600;
	font-size: 40px;
	line-height: 52px;
	margin: 20px 0;
	display: block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.single_blog_page h2 a:hover{color:#7564e5;}
.single_blog_page span{}
.single_blog_page span a {
	color: #7564e5;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
.single_blog_page span a:hover{color:#232434;}
.single_blog_page p{margin-bottom: 25px;}
.single_blog_page_para{margin: 25px 0;}
.single_blog_page_btn{color: #7564e5;}
.single_blog_page_btn:hover{color: #232434;}

/*START PAGINATION*/
#pagination {
	margin-top: 60px;
}
ul.blog_pagination li a {
border: 1px solid #eee;
border-radius: 0;
color: #232434;
display: block;
font-size: 18px;
font-weight: 500;
background: #fff;
height: 45px;
line-height:42px;
margin: 5px;
text-align: center;
width: 45px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #7564e5;
    border: 1px solid #7564e5;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
border-bottom: 1px solid #eee;
color: #232434;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 15px;
margin-top: 0;
padding-bottom: 10px;
text-transform: uppercase;
}
.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .upcoming_event {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-radius: 3px;
	border-top: 3px solid #7564e5;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.06);
	        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.06);
}
.tag{overflow: hidden;}
@media only screen and (max-width:768px) { 
    .blog_search { margin-top: 60px }
}
.blog_search input {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
color: #282828;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
height: 50px;
}
.blog_search input:focus{border: 1px solid #7564e5;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
	color: #666;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #7564e5 }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #232434;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #7564e5 }
.single_upcoming_event span i{margin-right:5px;color: #7564e5 }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #232434;
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 0;
}
.categories ul li a:hover { color: #7564e5 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 2px solid #7564e5;
	border-radius: 30px;
	color: #232434;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 4px;
	padding: 5px 16px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.tag a:hover {
    background: #7564e5;
    color: #fff;
    border: 2px solid #7564e5;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.single_blog_post { margin-bottom: 60px }
.single_blog_post img {
    width: 750px;
    height: 455px;
}
.blog_post_text h4 { margin: 30px 0 }
.author_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_author {
    background: #fff  none repeat scroll 0 0;
    padding: 20px;
}
.author_part img {
    border: 4px solid #7564e5;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #ddd;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}

.comment_form{
margin-top:60px;
background:#fff;
padding:60px;
}
.comments_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #7564e5;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight:700;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment_form input, .comment_form textarea {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #f5f8fa;
	border-color: currentcolor currentcolor #ddd;
	-o-border-image: none;
	   border-image: none;
	border-radius: 0;
	border-style: none none solid;
	border-width: 0 0 1px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #232434;
	font-size: 16px;
	font-weight: 500;
	padding: 15px;
}

.comment_form textarea {

}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
.comment_form input:hover,.comment_form input:focus {
	background: #f5f8fa;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: none;
            box-shadow: none;
	color: #232434;
    outline: 0 none;
}
.comment_form textarea:hover,.comment_form textarea:focus {
	background: #f5f8fa;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: none;
            box-shadow: none;
	color: #232434;
    outline: 0 none;
}
.btn-blog-bg {
	border-radius: 30px;
	color: #fff!important;
	outline: medium none !important;
	padding: 15px 27px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #7564e5!important;
	font-family: 'poppins', sans-serif;
	cursor: pointer;
	width: 100%;
}
.btn-blog-bg:hover,
.btn-blog-bg:focus {
    background: #232434!important;
    color: #fff!important;
}
/*END BLOG SINGLE PAGE DESIGN*/

/*
 * ----------------------------------------------------------------------------------------
 * 11.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 12.START PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/
.partner_br {
	-webkit-box-shadow: 0px 19px 43px 0px rgba(17, 17, 17, 0.05);
	        box-shadow: 0px 19px 43px 0px rgba(17, 17, 17, 0.05);
	border-top: 1px solid #ccc;
	border-radius: 3px;
	border-bottom: 1px solid #ccc;
}
.single_logo {padding:30px;}
.single_logo a img {
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	filter: grayscale(100%);
}
.single_logo a img:hover{opacity: 1;}

/*
 * ----------------------------------------------------------------------------------------
 * 12.END PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 13. START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact-area {
	background: url(../img/bg/bg-contacto.webp) no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;

}
@media only screen and (max-width:960px) { 
.contact {margin-bottom:60px;}
}
.contact input {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #232434;
	font-size: 16px;
	height: 60px;
	padding: 10px;
	width: 100%;
	font-family: 'poppins', sans-serif;
	padding-left: 30px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.contact textarea {
	background:#fff;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: #232434;
	font-size: 16px;
	padding: 10px;
	width: 100%;
	font-family: 'poppins', sans-serif;
	padding-left: 30px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.contact input:focus {
background: #fff;
border: 1px solid #fff;
color: #232434;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 0 none;
}
.contact textarea:focus {
background: #fff;
border: 1px solid #fff;
color: #232434;
    -webkit-box-shadow: none;
            box-shadow: none;
    outline: 0 none;
}
.form-control::placeholder {
	color: #232434;
	opacity: 1;
}
.btn-contact-bg {
	border-radius: 10px;
	color: #fff;
	outline: medium none !important;
	padding: 15px 27px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #737812;
	font-family: 'poppins', sans-serif;
	cursor: pointer;
	width: 100%;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #232434;
    color: #fff;
}

/*START ADDRESS*/
.single_address {
	overflow: hidden;
	margin-bottom: 10px;
	padding-left: 40px;
}
@media only screen and (max-width:768px) { 
.single_address {padding-left:0px;}
}
.single_address i {
	background: #fff;
	color: #993333;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	float: left;
	margin-right: 14px;
	font-size: 22px;
	-webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_address:hover i {
	background: #993333;
	color: #fff;
}
.single_address h4 {
	font-size: 18px;
	margin-bottom: 0px;
	overflow: hidden;
	font-weight: 600;
}
.single_address p {
	overflow: hidden;
	margin-top: 5px;
}
/*END ADDRESS*/
/*
* ----------------------------------------------------------------------------------------
* 13.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	background: #993333;
	padding-top: 60px;
	padding-bottom: 40px;
}

/*START NEWSLTTER FORM*/
.newsletter-form {
	margin-bottom:60px;
}
.newsletter-form p{color:#a2a2a2;margin-bottom: 30px;}
.subscribe {
	display: block;
	position: relative;
	width: 100%;
}
.subscribe__input {
	background: rgba(241,241,241,.04);
	border-radius: 500px;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 500;
	height:90px;
	margin: 0;
	padding:20px;
	width: 100%;
	border: 0px;
	font-family: 'Poppins', sans-serif;
}
@media only screen and (max-width:480px) {
.subscribe__input{font-size: 13px;}
}
.subscribe__btn {
	background-color: #7564e5;
	border-radius: 100px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 18px;
	height: 46px;
	position: absolute;
	top: 20px;
	width: 150px;
	right: 20px;
	bottom: 5px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
@media only screen and (max-width:480px) {
.subscribe__btn {
	font-size: 15px;
	height: 40px;
	top: 26px;
	width: 120px;
}
}
.subscribe__btn:hover{
	color:#232434;
	background:#fff;
}
button {
	padding: 0;
	border: none;
	background-color: transparent;
	border-radius: 0;
}
/*END NEWSLTTER FORM*/

.footer_about {}
.footer_about h3{
color:#fff;
text-align: center;
}
/*START SOCIAL PROFILE CSS*/
.social_profile {margin-top:40px;}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
text-align: center;
}
.social_profile ul li{display: inline-block;}
.social_profile ul li a {
	text-align: center;
	border: 0px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin: 0px 10px;
	font-size: 22px;
	color: #eee;
	border-radius: 30px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: block;

}
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_instagram{background:#FF5252;}
.f_linkedin{background:#0077B5;}
.f_skype{background:#01A4E0;}
@media only screen and (max-width:768px) { 
.social_profile ul li a{margin-right:10px;margin-bottom:10px;}
}
@media only screen and (max-width:480px) { 
.social_profile ul li a{
	width:40px;
	height:40px;
	line-height:40px;
}
}
.social_profile ul li a:hover{
background:#fff;
color:#232434;
}

/*END SOCIAL PROFILE CSS*/
.copyright {
	margin-top: 40px;
	color:#fff;
	font-size: 15px;
	text-align: center;
}
.copyright a {
	color: #fff;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	font-weight: 500;
}
.copyright a:hover{color:#7564e5;}
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 *  15.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
.section-top {
    padding-bottom: 100px;
    padding-top: 160px;
	position: relative;
}
.section-top:before {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.section-top-title h1 {
color: #fff;
font-weight: 600;
}
/*
 * ----------------------------------------------------------------------------------------
 * 15.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/
</pre></body></html>