/*-----------------------------------------------------------------------------------

    Template Name: Theme name
    Template URI: 
    Description:
    Author: 
    Author URI: 
    License: 
    License URI: 
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
	2.	Header
	3.	Navigation
	4.	Slider
	5.	Farmed
	6.	Services 
	7.	Workprosesing 
	8.	Most Successful
	9.	Latest Prject
	10.  Need Help
	11.  Footer Top
	12.  Footer
	13. Home Page Two
		13.1 Freash-meal
		13.2 Welcome-to-guest
		13.3 Food order
		13.4 Framed order area
		13.5 Home version two Footer
			13.5.1 Home two footer two
			13.5.2 Home two footer three
	14. Home Page Three
		14.1 We restore
		14.2 See at glance
		14.3 See at baner
		14.4 Framed order area
		14.5 Home three footer
			14.5.1 Home three footer two
			14.5.2 Home three footer three
	15. Home Page Four
		15.1 Breacking news
		15.2 Expanding
		15.3 Membership prices
		15.4 Our gymnasion
		15.5 Home four footer
			15.5.1 Home four footer two
			15.5.2 Home four footer three
			15.5.3 Home four footer four
	16. About Page
		16.1 Breadcrumb One
		16.2 Breadcrumb Two
		16.3 Skills Progess Bar
		16.4 About Content
		16.5 welcome framid
		16.6 Team Area
		16.7 Time Count
		16.8 About Carosel
		16.9 About Footer
	17. Our Office Page
		17.1 Our Office area
		17.2 work
		17.3 Our Location
		17.4 Our workplase
	18. Contact us page one
		18.1 Contact info
		18.2 Contact form
	19. Contact us page two
	20. Our Service page one
		20.1 Our title
	21. Our Service page two
		21.1 Skill bar
		21.2 Product and service area
	22. Meet The Teem
	23. Meet The Teem Two
	24. Meet The Teem Three
	25. Clint and testimonial
	26. Help Center
	27. Question And Answer
	28. Plan and Price
	29. Photo Gallary
	30. Right Sidebar
	31. Left Sidebar
	32. Blog Page
	33. Single Blog Page
	34. 404 Page
-----------------------------------------------------------------------------------*/

/* ==========================================================================
 1.  Theme default CSS
 ========================================================================== */
html,
body{
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	color:#808080; 
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
}
h1{
	font-family: 'Raleway', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	color:#444;
}
a, button, li, time {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
}
p{
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}
ul {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
a {
	color: #80AB51;
	transition: all 500ms;
}
a, 
a:hover {
	text-decoration:none;
}
img{
	max-width: 100%;
}
p {
	font-weight:normal;
	line-height:20px;
	font-size:14px;
	color: #444;
}
section {
  min-width: 100%;
  position: relative;
  width: 100%;
}
.padding-left{
	padding-left: 0px;
}
.padding-right{
	padding-right: 0px;
}
a:active,
a:focus {
    outline: none;
    text-decoration: none;
}
.form-control:focus, input:focus, textarea:focus {
	border-color: inherit;
	box-shadow: none;
	outline: none;
}
.np { padding: 0; }
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px;}
.navbar-bg ul li a:hover {
	background: #292929;
	color: #fff;
}
.navbar-bg ul li a.active {
	background: #a0d468;
	color: #fff;
}
/* ==========================================================================
 2.	Header
 ========================================================================== */
 header{
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	z-index: 9999;
 }
/* transition */
.transition, .widget ul li, .staff-overlay, #contact-form input {
	transition: all 300ms ease-in-out;
}
/* scroll to top Image style */
.scroll-to-top{
	bottom: 25px;
	position: fixed;
	right: 25px;
	z-index: 999999;
}
a.bstore-scrollertop{
	background: #a0d468;
	color: #fff;
	display: block;
	height: 40px;
	line-height: 44px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 40px;
}
a.bstore-scrollertop i{
	font-size:22px;
}
.bstore-scrollertop:hover{
	background: #80ab51;
}
 .logo-area{
	margin-bottom: 25px;
	margin-top: 18px;
 }
 .logo{
	margin-top: 8px;
 }
 .logo img{}
 .header-sociul{
	float: right;
	margin-top: 8px;
	margin-right: -15px;
 }
 .header-sociul ul{}
 .header-sociul ul li{
 	float: left;
 	margin-right: 5px;
 }
 .header-sociul ul li a{}
 .header-sociul ul li a i{
	font-size: 14px;
	width: 40px;
	height: 40px;
	padding: 12px;
	color: #fff;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.2);
	transition: all 300ms ease-in-out;
 }
.header-sociul ul li a i:hover{
	background: #a0d468;
}
/* Search */
.header-search{}
.header-search{
	margin-right: -13px;
 }
.header-search form{
	display: inline-block;
 }
.navbar-form {
	box-shadow: inherit;
}
.header-search input {
	background-color: #A0D468;
	border: inherit;
	height: 40px;
	border-radius: inherit;
	box-shadow: none;
	box-sizing: border-box;
	cursor: pointer;
	font-size: 14px;
	line-height: normal;
	margin: 0;
	padding: 0px 10px;
	transition: all 0.2s linear 0s;
	width: 40px;
	z-index: 1;
    text-indent: -999999px;
}
.header-search input:focus {
	cursor: text;
	width: 200px;
	padding-left: 35px;
	color: #fff;
	background-color: #A0D468;
	text-indent: inherit;
}
.login{
	background: #A0D468;
	color: #fff;
	border-radius: 0px;
	padding: 3px 65px;
	margin-bottom: 15px;
	transition: all 500ms;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}
span.search-button {
	position: absolute;
}
span.search-button i {
    color: #fff;
    margin-top: 12px;
    z-index: 5;
    margin-left: 12px;
    position: absolute;
}
.login:hover{
	background: #80AB51;
	color:#fff;
}
.form-signin a{
	font-size: 10px;
	color: #999!important;
	transition: all 500ms;	
}
.form-signin a:hover{
	color: #ccc!important;
}
 /* ==========================================================================
 3.	Navigation
 ========================================================================== */
.body-wrap {
	position: absolute;
	top: 95px;
	z-index: 30;
}
.nav {
	position: -webkit-sticky;
}
.sticky {
  position: fixed;
  background: #333333;
  width: 100%;
  left: 0;
  top: 0;
  padding-left: 20.1%;
  z-index: 100;
  border-top: 0;
  border-bottom: solid 2px #A0D468;
}
.sticky ul.nav {
	padding-left: 20%;
}
.sticky ul.nav li:hover .mega-menu {
  margin-top: -14px!important;
  opacity: 1;
  visibility: inherit;
}
.sticky ul.nav li a{
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-bg{
	background: #333333;
}
#bs-example-navbar-collapse-1{
	border-bottom: 2px solid #a0d468;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
	overflow-x: visible;
	padding-left: 0px;
	padding-right: 15px;
}
.navbar-nav > li > a {
  padding: 17px 21px 17px 20px;
  color: #ccc;
  font-family: "Open Sans";
  text-transform: uppercase;
}
.navbar-nav li a.active{
	background: #a0d468 none repeat scroll 0 0;
	color: #fff;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  background-color: #a0d468;
  color: #fff;
}
.nav > li > a:hover {
	background-color: #292929;
	text-decoration: none;
}
.nav > li > a:focus{
	background-color: inherit;
}
.navbar-collapse {
	border-top: 0px solid transparent;
	box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1) inset;
	overflow-x: visible;
	padding-left: 0;
	padding-right: 15px;
}
.navbar-bg ul li a i{
	padding-right: 5px;
}
.navbar-bg ul li ul li a span{
	display: inline-block;
    font-size: 13px;
	transition: all 500ms;
}
.navbar-bg ul li ul{
	background-color: #252524;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	width: 220px;
	margin-top: 50px;
	z-index: 22;
	transition: all 500ms;
}
.navbar-bg ul li:hover ul{
	opacity: 1;
	visibility: inherit;
	margin-top: 2px;
}
.navbar-bg ul li ul li{
	margin-bottom: 1px;
}
.navbar-bg ul li ul li:hover{
	background: #292929;
}
.navbar-bg ul li ul li a{
    color: #999999;
    padding: 5px 10px;
    display: block;
    font-family: 'Open Sans', sans-serif;	
}
.navbar-bg ul li ul li a:hover{
    color: #fff;
	padding-left: 20px;	
}
ul.nav li:hover .mega-menu{
	visibility: inherit;
	margin-top: 0px;
	opacity: 1;
}
.sticky ul.navbar-right{
	padding-right: 18%;
	padding-left: 0 !important;
}
ul.navbar-right li{}
ul.navbar-right li a{
	z-index: 100;
}
.mobile-menu-area {
  display: none;
}
/* mega menu */
.mega-menu{
	background: #333333 none repeat scroll 0 0;
	width: 600px;
	position: absolute;
	opacity: 0;
	top: 55.5px;
	left: -21px;
	margin-top: 50px;
	padding: 10px 0px;
	visibility: hidden;
	transition: all 500ms;
}
.mega-menu span{
	float: left;
	width: 200px;
	border-right: 1px solid#666;
}
.mega-menu span:last-child{
	border-right: 0px solid#000;
}
.mega-menu span a{
	color: #999;
	display: block;
	padding: 5px 10px;
	width: 199px;
	font-family: 'Open Sans', sans-serif;
	transition: all 500ms;	
}
.mega-menu span a:hover{
	padding-left: 20px;
	color:#fff;
}
ul.page-menu li{
	width: 220px;
}
ul.page-menu li a:hover{}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
	background: #A0D468;
	color: #fff;
	border-color:inherit;
}
/* menu login form */
.wrapper {	
	position: absolute;
	margin-top: 50px;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms;
}
ul.nav li:hover .wrapper{
	visibility: inherit;
	margin-top: 1px;
	opacity: 1;
}
.form-signin {
	width: 200px;
	padding: 15px;
	margin-left: -78px;
	margin-top: 1px;
	background-color: #262625;
}
.checkbox {
    font-weight: normal;
    margin-left: 20px;
    color: #999!important;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}
.form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
}
.form-signin input[type="text"] {
    margin-bottom: 20px;
    border-radius: inherit;
    border: 1px solid #ddd;
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.08);
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    height: 30px;
    max-width: 100%;
    padding: 4px 6px;
    color: #444444;
    transition: all linear 0.2s;
}
.form-signin input[type="text"]:focus{
	background: #fff;
	color: #444;
}
.form-signin input[type="password"] {
    border-radius: inherit;
    border: 1px solid #ddd;
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.08);
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    height: 30px;
    max-width: 100%;
    padding: 4px 6px;
    color: #444444;
    transition: all linear 0.2s;
}
.form-signin input[type="password"]:focus{
	background: #fff;
	color: #444;
}
a.forget{
	font-size: 10px!important;
	line-height: 15px!important;
}
/* ==========================================================================
 4.	Slider
 ========================================================================== */
 .nivo-directionNav a i {
	border: 1px solid #a0d468;
	color: #fff;
	font-size: 50px;
	height: 50px;
	line-height: 44px;
	margin-right: 1px;
	opacity: 0;
	padding-left: 14px;
	width: 50px;
}
.slider-area:hover .nivo-directionNav a i{
	opacity: 1;
}
.nivo-directionNav a i:hover{
	background:#a0d468;
}
body.home-four .nivo-directionNav a i {
  border: 1px solid #ed5565;
}
body.home-four .nivo-directionNav a i:hover{
	background:#ed5565;
}
body.home-three .nivo-directionNav a i {
  border: 1px solid #48cfad;
}
body.home-three .nivo-directionNav a i:hover{
	background:#48cfad;
}
body.home-two .nivo-directionNav a i {
  border: 1px solid #ffce54;
}
body.home-two .nivo-directionNav a i:hover{
	background:#ffce54;
}
.slider-area{}
.slider{
	
}
.nivoSlider img {
  height: 75vh !important;
  left: 0;
  max-width: none;
  position: absolute;
  top: 0;
}
.nivo-caption img {
  height: auto !important;
}
.nivo-caption {
    background: rgba(0, 0, 0, 0);
	opacity:1;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	padding:0 !important;
}
.width-cap{
	left: 0;
	margin:0px auto 0;
	max-width: 1140px;
	position: absolute;
	right: 0;
}
.slider-caption{}
.slider-text{
	display:table;
	height:100%;
	width:100%;
}
.middle-text{
	display:table-cell;
	vertical-align:middle;
}
.slider-right{
	
}
.right-image{
	
}
.right-image img{
	margin-left: 50%;
	margin-top: 11.2%;	
}
.right2-image0{}
.right2-image0 img{
	margin-left: 44.5%;
	margin-top: 21%;
	z-index: 2;
}
.right2-image1{}
.right2-image1 img{
	margin-left: 46%;
	margin-top: 19%;
	z-index: 1;
}
.right2-image2{}
.right2-image2 img{
	margin-left: 52%;
	margin-top: 13%;
}
.width-cap div, .width-cap div, .slider-readmore{
	color: #fff;
	margin-top: 48px;
	overflow: hidden;
} 
.width-cap div span img, .width-cap div span img{
	display:block;
}
div.slider-tiile-top{
	line-height:30px;
}
div.slider-tiile-top span img, div.slider-tiile-middle span img{
	text-transform: uppercase;
}
div.slider-tiile-top span img{
	width: 310px;
}
.slide-two1 div.slider-tiile-top span img{
	width:430px;
}
div.slider-tiile-side span img{
	left: 35%;
	position: absolute;
	top: -55px;
}
.slide-two1 div.slider-tiile-side span img{
	left: 0px;
	position: absolute;
	top: 72%;
	width: 430px;
}
div.slider-tiile-middle{
	line-height: 70px;
}
.slide-two1 div.slider-tiile-middle span img{
	top: 160%;
	width: 200px;
}
.slide-three1 .slider-tiile-top img{
	position: absolute;
	top: -30%;
}
.slide-three1 .slider-tiile-side img{
	left: 0;
	position: absolute;
	top: 0%;
}
.slide-three1 .slider-tiile-middle1 img{
	position: absolute;
	top: 28%;
}
.slide-three1 .slider-tiile-middle2 img{
	position: absolute;
	top: 51%;
}
.slide-three1 .slider-tiile-middle3 img{
	position: absolute;
	top: 74%;
}
.slide-three1 .right2-image0 img{
	margin-left: 30%;
}
.slide-three1 .right2-image1 img{
	margin-left: 58.5%;
	margin-top: 23%;
}
.slide-three1 .right2-image2 img{
	margin-left: 66.5%;
	margin-top: 15%;
}
.slide-four1{
	text-align: center;
}
.slide-four1 h1{
	color: #fff;
	font-size: 80px;
	font-weight: bold;
	margin-top: -80px;
}
.slide-four1 h3 span{
	background: #34495e none repeat scroll 0 0;
	color: #fff;
	padding: 5px 10px;
}
.slide-four1 .slider-readmore{}
div.slider-tiile-middle span img{
	position: absolute;
	top: 83px;
	width: 410px;
}
div.slider-tiile-bottom{
	line-height: 27px;
	margin: 16px 0 17px;
}
div.slider-tiile-bottom span img{
	position: absolute;
	top: 147px;
	width: 460px;
}
.slider-readmore{
	padding: 20px 0;
}
.slider-readmore a{
	border: 2px solid #A0D468;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 40px;
	text-transform: none;
}
.slider-readmore a:hover{
	background:#A0D468;
}
/* home 2 slider */
body.home-two .nivoSlider img {
  height: 60vh !important;
}
.nivo-nextNav {
  right: 10px;
}
body.home-two .nivo-prevNav {
  left: 10px;
}
.slide-one2 h1{
	color: #fff;
	font-size: 70px;
	font-weight: bold;
}
.slide-one2 h3 span{
	background: #f39c12 none repeat scroll 0 0;
	color: #fff;
	font-size: 20px;
	padding: 5px 10px;
}
.slide-two2 h1 span{
	background: #db4360 none repeat scroll 0 0;
	color: #fff;
	font-size: 50px;
	padding: 10px 20px;
}
.slide-two2 h3 span{
	background: #34495e none repeat scroll 0 0;
	color: #fff;
	padding: 5px 10px;
}
/* home 3 slider */
.slide-one3{}
.slide-one3 h3 span{
	color: #fff;
	font-family: open sans;
	font-size: 29px;
	font-weight: bold;
}
.slider-tiile-middle.middle3-ani-2 {
  margin-bottom: -20px;
}
.nivo-prevNav {
  left: 10px;
}
.slide-one3 h3 span i{
	padding-right: 10px;
}
.slide-one3 h1 span{
	color: #fff;
	font-size: 80px;
	font-weight: bold;
}
.slide-one3 h4 span{
	background: #e33a0c none repeat scroll 0 0;
	color: #fff;
	margin-bottom: 10px;
	padding: 10px 15px;
	position: relative;
	top: 5px;
}
.slide-one3 h4.slide3-green span{
	background: #34495e none repeat scroll 0 0;
	position: relative;
	top: 25px;
}
.right3-image3 img{
	margin-left: 61%;
	margin-top: 10.3%;
}
/* home slider 4 */
.slide-one4{}
.slide-one4 h1{
	color: #fff;
	font-size: 70px;
	font-weight: bold;
	text-align: center;
}
.slider-readmore4{
	color: #fff;
	height: 60px;
	overflow: hidden;
	padding-top: 16px;
	text-align: center;
}
.slider-readmore4 a{
	border: 2px solid #ed5565;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 12px 20px;
}
.slider-readmore4 a:hover{
	background:#ed5565;
}
.slider-readmore4 a i{
	padding-right: 7px;	
}
.slide-two4{}
.slide-two4 h3{
	color: #fff;
	float: right;
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
}
.slide-two4 h1{
	color: #fff;
	display: block;
	float: right;
	font-size: 55px;
	font-weight: bold;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 60%;
}
.slide-two4 .slider-readmore4{
	position: absolute;
	right: 0;
	top: 130%;
}
.top-ani-1{
	animation: 1200ms ease-in-out 0s normal none 1 running fadeInDown;
}
.bottom-ani-11{
	animation: 2000ms ease-in-out 0s normal none 1 running fadeInDown;
}
.bottom-ani-12{
	animation: 2000ms ease-in-out 0s normal none 1 running fadeInDown;
}
.top-ani-2{
	animation: 1500ms ease-in-out 0s normal none 1 running bounceIn;
}
.middle-ani-2, .middle-ani-1{
	animation: 1700ms ease-in-out 0s normal none 1 running fadeInDown;
}
.bottom-ani-22{
	animation: 1800ms ease-in-out 0s normal none 1 running bounceIn;
}
.slider-readmore{
	animation: 2500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.right-image1{
	animation: 2200ms ease-in-out 0s normal none 1 running fadeInRight;
}
.right-image0{
	animation: 2200ms ease-in-out 0s normal none 1 running fadeInRight;
}
.right-image2{
	animation: 2200ms ease-in-out 0s normal none 1 running fadeInRight;
}
.right-image3{
	animation: 2200ms ease-in-out 0s normal none 1 running fadeInRight;
}
/* home3 */
.middle3-ani-2{
	animation: 2200ms ease-in-out 0s normal none 1 running fadeInDown;
}
.top3-ani-2{
	animation: 2200ms ease-in-out 0s normal none 1 running fadeInDown;
}
.slide3-red{
	animation: 2200ms ease-in-out 0s normal none 1 running fadeInDown;
}
.slide3-green{
	animation: 2200ms ease-in-out 0s normal none 1 running fadeInDown;
}
.right3-image1{
	animation: 2200ms ease-in-out 0s normal none 1 running fadeInUp;
}
/* home 4 */
.top4-ani-2{
	animation: 2200ms ease-in-out 0s normal none 1 running fadeInUp;
}
.slider-readmore4{
	animation: 2300ms ease-in-out 0s normal none 1 running fadeInUp;
}
.middle4-ani-2{
	animation: 2100ms ease-in-out 0s normal none 1 running fadeInUp;
}

.slider-progress{
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(38, 57, 64, 0.42);
	height:5px;
	-webkit-animation: timebar 5000ms ease-in-out;
	-moz-animation: timebar 5000ms ease-in-out;
	-ms-animation: timebar 5000ms ease-in-out;
	animation: timebar 5000ms ease-in-out;
	opacity:0.8;
}
@-webkit-keyframes timebar {
	from {width: 0;}
	to {width: 100%;}
}
 @keyframes timebar {
	from {width: 0;}
	to {width: 100%;}
}
 .slider-progress.pos_hover{
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}	
.shipping-add-image {
	margin-left: -300px;
	margin-top: 22px;
	position:relative;
	z-index:99;
}
.shipping-add-image .row {
	margin-left: 3px;
	margin-right: -5px;
}
.shipping-add-image .row .col-xs-12.col-sm-12.col-md-4.col-lg-4 {
	padding: 0 5px;
} 
 #slider{
 	position: relative;
 }

/* ==========================================================================
 5.	Farmed
 ========================================================================== */
#farmed {
  background: #f9f9f9 none repeat scroll 0 0;
  padding-bottom: 30px;
}
.farmide-text{}
.farmide-text h1{
    font-size: 40px;
    line-height: 45px;
    font-weight: 800;
    color: #444;
    margin-top: 80px;
    margin-bottom: 32px;
    font-family: 'Raleway';
}
span.typewrite{
	border-right: solid 2px #AEBCB9;
	margin-right: 5px;
	padding-right: 5px;
}
.farmide-text p{
    margin-bottom: 83px;
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    margin-top: -7px;
}
.farmide-text p.farmid-button{
    margin-bottom: 74px;
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0px;
}
.farmide-text p a{
	color: #fff;
	border: solid 2px #8EC73B;
	background: #8EC73B;
	padding: 12px 20px;
	text-transform: uppercase;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.farmide-text p a.Purchase{
    color: #444;
    border: solid 2px #8EC73B;
    background: inherit;
    padding: 12px 20px;
    text-transform: uppercase;
    transition: all 500ms;
}
.farmide-text p a.Purchase:hover{
	color: #fff;
	background: #8EC73B;	
}
/* ==========================================================================
 6.	Services  
 ========================================================================== */
#services{
	padding-top: 80px;
	padding-bottom: 70px;
}
.services-box{
	text-align: center;
}
.services-box i{
	width: 105px;
	height: 105px;
	border: 2px dotted#fff;
	background: #666;
	padding: 28px;
	border-radius: 100%;
	font-size: 45px;
	color: #fff;
	transition: all 500ms;
}
.services-box:hover i{
	width: 105px;
	height: 105px;
	border: 2px dotted#80ab51;
	background: #a0d468;
	padding: 28px;
	border-radius: 100%;
	font-size: 45px;
	color: #fff;
}
.services-box h3{
	font-size: 16px;
    line-height: normal;
    font-weight: bold;
    margin-top: 13px;
    margin-bottom: 10px;
}
.services-box p{}
.services-box a{
	background: #A0D468;
	color: #fff;
	padding: 12px 15px;
	display: block;
	width: 110px;
	margin-left: 31%;
	margin-top: 20px;
	margin: auto;
	transition: all 500ms;
}
.services-box a:hover{
	background: #80AB51;
}
 /* ==========================================================================
 7.	Workprosesing 
 ========================================================================== */
 #work_proses{
 	background: url(images/background/03.jpg);
 	padding-top: 60px;
    padding-bottom: 75px;
 }
.section_title h1{
	font-size: 30px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 35px;
	text-transform: uppercase;
}
.section_title h1:after{
	content: "";
	position: absolute;
	top: 105px;
	left: 47%;
	width: 100px;
	height: 2px;
	background-color: rgba(221, 221, 221, 0.3);
	border-radius: 50px;
	margin-top: 16px;
}
#work_proses .section_title p{
	margin-bottom: 40px;
}
#most_successful .section_title p{
	margin-bottom: 40px;
}
.section_title p{
	color:#fff;
	 margin-bottom: 70px;
}
.card{
	margin-top: 35px;
}
.back{
	background-color: #ffffff;
	color: #444;
	border: none;
	box-shadow: none;
	text-align: center;
	padding: 15px;
	position: absolute;
	top: 0;    
}
.back img{
	padding: 20px;
	max-width: 100%;
}
.back h4{
	display: block;
	overflow: hidden;
	margin-top: 35px;
	margin-bottom: 25px;
}
.front{
	background-color: #ffffff;
	color: #444;
	border: none;
	box-shadow: none;
	text-align: center;
	padding: 15px;
	margin-top: -34px;
	height: 340px;
}
.front h3{
	font-size: 24px;
	line-height: 30px;
	margin-top: 20px;
}
.front p{
	font-size: 14px;
	margin-bottom: 20px;
}
.front a{
	background: #A0D468;
	color: #fff;
	font-size: 15px;
	padding: 10px 15px;
	width: 130px;
    display: block;
    margin: 10px auto;
	transition: all 1s ease;
}
.front a:hover{
	background: #80AB51;
}
 div.card div {
	background-color: #ffffff;
    border: medium none;
    box-shadow: none;
    color: #444;
    padding: 15px;
    text-align: center;
}
div.card div.back {
	backface-visibility: hidden;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    transition: all 400ms ease 0s;
    transform: rotateY(0deg);
    position: absolute;
    top: 0;
    width: 89%;
    z-index: 1;
}
div.front {
	transform: rotateY(-180deg);
    z-index: 9;
    backface-visibility: hidden;
    box-sizing: border-box;
    height: 100%;
    margin-bottom: 0;
    transition: all 400ms ease 0s;
}
div.card:hover div.back {
	transform: rotateY(180deg);
}
div.card:hover div.front {
	transform: rotateY(0deg);
}
 /* ==========================================================================
 8.	Most Successful
 ========================================================================== */
#most_successful{
	background: rgba(0, 0, 0, 0) url("images/background/10.jpg") repeat scroll 0 0;
	padding-bottom: 90px;
	padding-top: 60px;
}
#most_successful h1{
    font-size: 30px;
    line-height: 30px;
    color: #000;
    text-transform: uppercase;
}
#most_successful p{
	color: #000;
}
.most-work > ul {
	margin: 0 14px;
}
.most-work ul li{
	width: 33.33%;
	float: left;
}
.most-work ul li>.work-image{
	position: relative;
	overflow: hidden;
}
.most-work ul li>.work-image img{
	transition: all 0.3s ease;
}
.most-work ul li>.work-image:after{
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	transition: all 0.3s ease;
}
.most-work ul li>.work-image:hover.work-image:after{
	opacity: 0.5;
}
.most-work ul li>.work-image a{
	background: rgba(0, 0, 0, 0.6);
	display: block;
	color: #fff;
	padding: 0px 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	height: 10%;
	z-index: 2;
	transition: all 0.3s ease;
}
.most-work ul li>.work-image:hover.work-image a{
	opacity: 1;
	height: 40%;
}
.most-work ul li>.work-image a h5{
	color: #d5d5d5;
	font-size: 18px;
	transition: all 0.3s ease;
}
.most-work ul li>.work-image a h5:hover{
	color: #fff;
}
.most-work ul li>.work-image a p{
	color: #fff!important;
}
 /* ==========================================================================
 9.	Latest Prject
 ========================================================================== */
#latest_prject .section_title p {
	margin-bottom: 67px;
}
#latest_prject{
	background: url(images/background/blur1.jpg);
    padding-top: 60px;
}
.project-image{
	overflow: hidden;
}
.project-image img{
	max-width: 100%;
	height: auto;
	transition: all 0.3s ease;
}
.project-image img:hover{
	transform: scale(1.1);
}
.project-text{
	margin-top: -20px;
}
.project-text h3{
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
}
.project-text p{
	color: #fff;
	margin-bottom: 25px;
}
.project-text a{
	color: #fff;
	border: 2px solid#89C04C;
	padding: 10px 15px;
	transition: all 0.3s ease;
}
.project-text a:hover{
	background: #89C04C;
}
 /* ==========================================================================
 10.  Need Help
 ========================================================================== */
#need_help{
	background: url(images/background/call-center.jpg);
	padding-top: 60px;
    padding-bottom: 70px;
}
#need_help .section_title p{
	margin-bottom: 67px;
}
.help-box{
	background: #FFFFFF;
	padding: 30px 20px;
	border-radius: 5px;
	margin-top: 0px;
}
.help-box i{
	width: 70px;
	height: 70px;
	background: #A0D468;
	font-size: 30px;
	color: #fff;
	padding: 20px;
	border-radius: 100%;
}
.help-box h3{
	font-size: 16px;
	font-weight: bold;
	color: #444;
	text-transform: uppercase;
}
.help-box p{
	color: #444;
	margin-bottom: 20px;
}
.help-box a{
	color: #A0D468;
	transition: all 0.3s ease;
}
.help-box a:hover{
	color: #80ab51;
	text-decoration: underline;
}
 /* ==========================================================================
 11.  Footer Top
 ========================================================================== */
#footer-top{
	background: #2D342E;
	padding: 30px 0px;
}
.footer-one img{
	margin-bottom: 15px;
}
.footer-one p{
	margin-bottom: 20px;
}
.footer-one p a i{
	font-size: 20px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.1);
	padding: 15px;
	width: 55px;
	text-align: center;
	transition: all 0.3s ease;
}
.fa-facebook:hover{
	background: #3B5999;
}
.fa-twitter:hover{
	background: #01BBF6;
}
.fa-pinterest-p:hover{
	background: #F23434;
}
.fa-linkedin:hover{
	background: #1385C4;
}
.fa-youtube:hover{
	background: #FE0000;
}
.footer-two h3{
    color: #b5b5b5;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 25px;
    text-transform: uppercase;	
}
.flickr_feed img{
	margin-left: 5px;
	margin-bottom: 5px;
	background: #000;	
	transition: all 1s ease;
}
.flickr_feed img:hover{
	opacity: 0.5; 
}
.footer-three{}
.footer-three h3{
    color: #b5b5b5;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.latest-blog{
	overflow: hidden;
	cursor: pointer;
	transition: all 1s ease;
}
.latest-blog:hover{
	overflow: hidden;
	background: #202521;
}
.footer-three img{
	width: 80px;
	height: 60px;
	float: left;
	margin-right: 10px;
}
.blog-text h5{
	color: rgba(255, 255, 255, 0.66);
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	margin-top: 2px;
	position: relative;
	transition: all 1s ease;
}
.blog-text h5:hover{
	color: #7EC13E;
}
.blog-text h5:after{
	content: "";
	position: absolute;
	bottom: -5px;
	left: 90px;
	background: #ccc;
	width: 40px;
	height: 1px;
}
.blog-text p{
    width: 100px;
    float: left;
    margin-top: 0px;
}
.blog-text p a{
	color: #ccc;
	font-weight: bold;
	font-size: 12px;
}
.blog-text p.user i{
	margin-right: 5px;
}
.blog-text p.date{
	font-size: 12px;
    color: #999;
    margin-left: -14px;
}
 /* ==========================================================================
 12.  Footer
 ========================================================================== */
#footer{
	background: #1f241f none repeat scroll 0 0;
	padding-bottom: 13px;
	padding-top: 18px;
}
.footer-menu{
	margin-left: -10px;
}
.footer-menu ul li{
	float: left;
	border-right: 1px solid#ccc;
	height: 10px;
}
.footer-menu ul li:last-child{
	border-right: 0px solid#ccc;
}
.footer-menu ul li a{
	color: #ccc;
	font-size: 13px;
	padding: 0px 10px;
	display: block;
	margin-top: -4px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
.footer-menu ul li a:hover{
	color: #fff;
}

#footer p strong{
	color: #fff;
	margin-right: 10px;
	font-weight: 500;
    font-size: 13px;
}
#footer p a{
	color: #ccc;
}
/* ==========================================================================
13. Home Page Two
 ========================================================================== */
body.home-two{
 	background: rgba(0, 0, 0, 0) url("images/background/05.jpg") repeat fixed 0 0;
 }
body.home-two .logo-area {
	margin-bottom: 25px;
	margin-top: 26px;
}
body.home-two .body-wrap {
	position: absolute;
	top: 113px;
	z-index: 30;
}
body.home-two .navbar-bg ul li a.active {
	background: #FFCE54;
	color: #fff;
}
body.home-two .sticky {
	border-bottom: solid 2px #FFCE54;
}
 .slider-two{
	overflow: hidden;
	width: 1220px;
	margin-left: -10px;
}
body.home-two .tp-leftarrow{
	margin-left: 17.9%;;
}
body.home-two .tp-rightarrow{
	margin-right: 17.9%;
}
body.home-two .header-search input {
  background-color: #FFCE54;
  border: inherit;
  border-radius: inherit;
  box-shadow: none;
  box-sizing: border-box;
  color: #a0d468;
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  line-height: normal;
  margin: 0;
  padding: 0 10px;
  position: relative;
  transition: all 0.2s linear 0s;
  width: 40px;
  z-index: 1;
}
body.home-two .header-search input:focus {
	background-color: #FFCE54;
	padding-left: 35px;
	width: 200px;
	color: #fff;
}
body.home-two .header-sociul a{
	background: #ffce54 none repeat scroll 0 0;
	border: 2px solid #ffce54;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	padding: 8px 15px;
	margin-right: 5px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.3s ease-in-out 0s;
}
body.home-two .header-sociul a {
  background: #FFCE54 none repeat scroll 0 0;
  border-color: #FFCE54;
  color: #fff;
}
 .home-page-two-area{
 	width: 1220px;
 	background: #fff;
 	margin: 0 auto;
 }
body.home-two #bs-example-navbar-collapse-1 {
  border-bottom: 2px solid #FFCE54;
}
body.home-two .navbar-bg {
  background: #222222 none repeat scroll 0 0;
}
body.home-two .breadcrumb-one-area {
  margin-top: 171px;
  position: absolute;
  z-index: 26;
  margin-left: 26px;
}
 body.home-two.tp-caption.large_bold_white1, .large_bold_white1 {
  background-color: transparent;
  border-color: rgb(255, 255, 255);
  border-style: none;
  border-width: 0;
  color: rgb(255, 255, 255);
  font-size: 80px;
  font-weight: 900;
  line-height: 25px;
  text-decoration: none;
}
body.home-two .tp-bullets {
  left: 50.5% !important;
}
body.home-two .tp-bullets.simplebullets .bullet:hover {
  background: #FFCE54;
  cursor: pointer;
  float: left;
  height: 8px;
  margin-left: 3px;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  width: 30px;
}
body.home-two .tp-bullets.simplebullets .bullet.selected {
  background: #FFCE54;
  cursor: pointer;
  float: left;
  height: 8px;
  margin-left: 3px;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  width: 30px;
}
body.home-two .tp-bullets.simplebullets .bullet {
  background: rgba(255, 206, 84, 0.5);
  cursor: pointer;
  float: left;
  height: 8px;
  margin-left: 3px;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  width: 30px;
}
body.home-two .tp-rightarrow.default::after {
  border: 1px solid #FFCE54;
  color: #fff;
  content: "";
  display: block;
  font-family: FontAwesome;
  font-size: 26px;
  height: 40px;
  left: 20px;
  padding-left: 10px;
  padding-top: 1px;
  position: absolute;
  top: 20px;
  transition: all 0.3s ease-in-out 0s;
  width: 40px;
}
body.home-two .tp-rightarrow.default:hover::after {
  background: #FFCE54 none repeat scroll 0 0;
}
body.home-two .tp-leftarrow.default::after {
  border: 1px solid #FFCE54;
  color: #fff;
  content: "";
  display: block;
  font-family: FontAwesome;
  font-size: 26px;
  height: 40px;
  left: 20px;
  padding-left: 6px;
  padding-top: 1px;
  position: absolute;
  top: 20px;
  transition: all 0.3s ease-in-out 0s;
  width: 40px;
}
body.home-two .tp-leftarrow.default:hover::after {
  background: #FFCE54 none repeat scroll 0 0;
}
#food-area{
    margin-top: 20px;
    padding-bottom: 110px;
}
body.home-two .section_title h1::after {
	top: 100px;
}
body.home-two .section_title p {
	color: #fff;
	margin-bottom: 40px;
}
#food-area h1 {
  color: #444;
  font-size: 24px;
  line-height: 24px;
  margin-top: 75px;
  font-family: "Raleway";
  font-weight: 600;
}
#food-area p{
	color: #444;
}
.bdt-dls-food {
    position: relative;
}
.bdt-dls-food .bdt-food-desc {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.7) 100%);
    height: 50%;
	transition: all 1s ease;
}
.bdt-dls-food:hover .bdt-food-desc {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0, 0, 0, 0.7) 100%);
    height: 57%;
}
.bdt-dls-food:hover .bdt-food-desc h2{
	margin: 10px 0 45px 0;
}
.bdt-dls-food .bdt-food-desc span {
    position: relative;
    margin: 0 auto;
    background: #ffce54;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    line-height: normal;
    display: inline-block;
    color: #fff;
    transition: all .35s ease-in-out;
    transform: translate(0, 20px);
}
.bdt-dls-food .bdt-food-desc span:hover{
	background: #F6BB42;
}
.bdt-dls-food:hover .bdt-food-desc .bdt-line{
	width: 50%;
}
.su-column-inner .bdt-dls-food .bdt-food-desc h2, .su-column-inner .bdt-dls-food .bdt-food-desc span {
    position: relative;
    line-height: normal;
    display: inline-block;
    color: #fff;
    border: inherit;
    transition: all .35s ease-in-out;
    transform: translate(0, 20px);
}
.bdt-food-desc h2 {
	margin: 10px 0 25px 0;
	font-size: 22px;
	width: 100%;
	font-weight: bold;
	color: #fff;
	padding: 0px 20px;
}
.bdt-dls-food .bdt-food-desc .bdt-line {
    height: 1px;
    width: 0%;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    display: block;
    position: relative;
    transition: all .35s ease-in-out;
}
/* ==========================================================================
13.1 Freash-meal
 ========================================================================== */
#freash-meal{
	background: #F5F5F5;
    padding-bottom: 100px;
}
#freash-meal h1 {
  color: #666;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 58px;
  margin-top: 98px;
  position: relative;
  color: #444;
}
#freash-meal h1:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 45%;
    width: 100px;
    height: 2px;
    background-color: rgba(221, 221, 221, 0.3);
    border-radius: 50px;
    margin-top: 16px;
}
.fantastic-meal{
	position: relative;
}
.male-text h3 {
  clear: none !important;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 10px;
  margin-top: 3px;
  text-transform: uppercase;
}
.male-text a{
	color: #fff;
    border-radius: 0;
    border: none;
    background: #ffce54;
    transition: all 0.3s ease-in-out;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    border: 2px solid #ffce54;
}
.male-text a:hover{
    background: #f6bb42;
}
.male-image img{
	width: 140px;
}
.male-image-two{
	width: 140px;
	margin-left: 23px;
}
.fantastic-meal:after{
	position: absolute;
	content: "";
	background: #DDDDDD;
	width: 1px;
	height: 140px;
	top: 0;
	left: 49.8%;
}
/* ==========================================================================
13.2 Welcome-to-guest
 ========================================================================== */
#welcome-to-guest{
    padding-top: 80px;
    padding-bottom: 105px;
}
#welcome-to-guest h3 {
  color: #666;
  font-size: 23px;
  line-height: 24px;
  margin-bottom: 30px;
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  color: #444;
}
#welcome-to-guest h3:after{
position: absolute;
    content: "";
    background: #ddd;
    bottom: -15px;
    left: 0;
    height: 1px;
    width: 122px;
	background: rgba(221, 221, 221, 0.3);
}
.su-list ul li {
    position: relative;
    list-style-type: none !important;
    display: block !important;
    line-height: 1.3em;
    margin: 0 !important;
    padding: 4px 0 4px 2em !important;
}
.su-list ul li i {
    position: absolute;
    left: 0;
    top: 4px;
    width: 1.3em;
    height: 1.3em;
    line-height: 1.3em;
    text-align: center;
}
#welcome-to-guest p span{
	float: left;
    display: inline-block;
    width: 2em;
    height: 2em;
    margin: 0.2em 0.5em 0.2em 0;
    line-height: 2em;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase;
    background-color: #000;
    color: #fff;
    font-size: 24px;
    border-radius: 100%;
}
body.home-two .other-menue a {
	background: #FFCE54;
	border: 2px solid #ffce54;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.3s ease-in-out;
}
body.home-two .other-menue a:hover{
	background: #f6bb42;
}
.guest-photo{
	position: relative;
	margin-left: 50px;
}
.guest-photo:after{
    content: "";
    position: absolute;
    background: #DDDDDD;
    width: 1px;
    height: 1390%;
    left: -50px;
    top: 0;
}
.guest-photo ul li{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 31%;
}
.guest-photo ul li:last-child{
	margin-right: 0px;
}
body.home-two .photo-gallery-links {
	background-color: rgba(0, 0, 0, 0.29);
	height: 135px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	width: 31%;
	z-index: 8;
	transition: all 1s ease;
}
body.home-two .photo-gallery-links a i{
	position: absolute;
    left: 36%;
    top: 70%;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    padding: 19px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    opacity: 1;
	transition: all 1s ease;
}
body.home-two .photo-gallery-links:hover{
	opacity: 1;
}
body.home-two .photo-gallery-links:hover a i{
	top: 30%;
	opacity: 1;
}
.su-pg-item img{
	position: relative;
	width: 100%;
}
/* ==========================================================================
13.3 Food order
 ========================================================================== */
.food-order{
    background: #F5F5F5;
    margin-top: -60px;
    padding: 32px 0px;
}
.order-box{
	padding: 0px 10px;
	transition: all 1s ease;
}
.order-box:hover{
	background: #F6BB42;
	overflow: hidden;
}
.order-box:hover h1{
	color:#fff;
	overflow: hidden;
}
.order-box:hover h3{
	color:#fff;
}
.order-box:hover p{
	color:#fff;
}
.order-number{
	width: 30%;
    float: left;
}
.order-number h1{
    font-size: 50px;
    color: #666;
    margin-left: -5px;
}
.title-and-text{
    width: 70%;
    float: right;
}
.title-and-text h3{
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 3px;
}
.title-and-text p{}
/* ==========================================================================
13.4 Framed order area
 ========================================================================== */
.framed-order-area{
	padding-bottom: 40px;
	padding-top: 53px;
}
.framed-order-area h3 {
  color: #444;
  font-size: 22px;
  line-height: 32px;
  margin: 0;
  font-weight: 600;
}
.framed-order-area p{
	color: #666;
}
.framed-order-area a{
	border-radius: 3px;
    color: #fff;
    background: #ffce54;
    float: right;
    padding: 18px 28px;
    font-size: 18px;
    margin: -2px 0 0px 20px;
    text-decoration: none;
	transition: all 0.3s ease;
}
.framed-order-area a:hover{
    color: #fff;
    background: #FFD56E;
}
#map {
  height: 417px;
  width: 1220px;
}
/* ==========================================================================
13.5 Home version two Footer
 ========================================================================== */
body.home-two #footer-top {
	background: #333 none repeat scroll 0 0;
	padding-top: 12px;
	padding-bottom: 30px;
}
.home-two-footer-one h3 {
  color: #ddd;
  font-size: 18px;
  margin-bottom: 35px;
  position: relative;
  font-weight: 600;
}
.home-two-footer-one:after{
	content: "";
    position: absolute;
    background: #4D4D4D;
    height: 100%;
    width: 1px;
    top: 0px;
    right: 0;
}
.home-two-footer-one h3:after{
	content: "";
    position: absolute;
    background: #FFCE54;
    height: 1px;
    width: 42%;
    top: 35px;
    left: 0;
}
.home-two-footer-one h3:before{
	content: "";
    position: absolute;
    background: #DDDDDD;
    height: 1px;
    width: 100%;
    top: 35px;
    left: 0;
}
.home-two-footer-one p.home-two-sociul{
	margin-bottom: 20px;
}
.home-two-footer-one p.home-two-sociul a i{
    font-size: 14px;
    line-height: 14px;
    background: rgba(255,255,255,0.1);
    color: #ffffff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding: 10px;
    width: 33px;
    text-align: center;
	transition: all 1s ease;
}
.home-two-footer-one p{
	color: #b5b5b5;
    margin: 4px 0px;
}
.home-two-footer-one p a{
	color:rgba(255, 255, 255, 0.66);
}
.home-two-footer-one p a:hover{
	text-decoration: underline;
	color: #F6BB42;
}
.home-two-footer-one p.home-two-sociul a i.fa-twitter:hover{
	background: #01BBF6;
}
.home-two-footer-one p.home-two-sociul a i.fa-facebook:hover{
	background: #3B5999;
}
.home-two-footer-one p.home-two-sociul a i.fa-google-plus:hover{
	background: #D44032;
}
.home-two-footer-one p.home-two-sociul a i.fa-vimeo-square:hover{
	background: #5DC6FF;
}
.home-two-footer-one p.home-two-sociul a i.fa-skype:hover{
	background: #00B4F3;
}
.home-two-footer-one p.home-two-sociul a i.fa-flickr:hover{
	background: #FF399D;
}
.home-two-footer-one p.home-two-sociul a i.fa-youtube:hover{
	background: #FE0000;
}
.home-two-footer-one p.home-two-sociul a i.fa-rss:hover{
	background: #F7A42C;
}
/* ==========================================================================
13.5.1 Home two footer two
 ========================================================================== */
.home-two-footer-two{}
.home-two-footer-two h3 {
  font-size: 18px;
  margin-bottom: 35px;
  position: relative;
  font-weight: 600;
  color: #ddd;
}
.home-two-footer-two:after{
	content: "";
    position: absolute;
    background: #4D4D4D;
    height: 100%;
    width: 1px;
    top: 0px;
    right: 0;
}
.home-two-footer-two h3:after{
	content: "";
    position: absolute;
    background: #FFCE54;
    height: 1px;
    width: 42%;
    top: 35px;
    left: 0;
}
.home-two-footer-two h3:before{
	content: "";
    position: absolute;
    background: #DDDDDD;
    height: 1px;
    width: 100%;
    top: 35px;
    left: 0;
}
.home-two-footer-two p{
	color: #b5b5b5;
}
/* ==========================================================================
13.5.2 Home two footer three
 ========================================================================== */
.home-two-footer-three h3 {
  color: #ddd;
  font-size: 18px;
  margin-bottom: 35px;
  position: relative;
  font-weight: 600;
}
.home-two-footer-three h3:after{
	content: "";
    position: absolute;
    background: #FFCE54;
    height: 1px;
    width: 42%;
    top: 35px;
    left: 0;
}
.home-two-footer-three h3:before{
	content: "";
    position: absolute;
    background: #DDDDDD;
    height: 1px;
    width: 100%;
    top: 35px;
    left: 0;
}
.home-two-footer-three ul li{
    float: left;
    width: 48%;
}
.home-two-footer-three ul li a{
	color: #b5b5b5;
}
.home-two-footer-three ul li a:hover{
	text-decoration: underline;
	color: #FFCE54;
}
body.home-two #footer {
  background: #222222 none repeat scroll 0 0;
  padding-bottom: 15px;
  padding-top: 18px;
}
body.home-two .footer-menu ul li {
  border-right: 1px solid #656565;
  float: left;
  height: 10px;
}
body.home-two .footer-menu ul li:last-child {
  border-right: 0px solid #656565;
  float: left;
  height: 10px;
}
body.home-two .footer-menu ul li a {
  color: #ccc;
  display: block;
  font-size: 13px;
  margin-top: -4px;
  padding: 0 10px;
  text-transform: uppercase;
}
body.home-two .footer-menu ul li a:hover{
  color: #eee;
  display: block;
  font-size: 13px;
  margin-top: -4px;
  padding: 0 10px;
  text-transform: uppercase;
}
body.home-two #footer p strong {
  color: #ccc;
  font-size: 13px;
  font-weight: 500;
  margin-right: 10px;
}
body.home-two #footer p a{
  color: #ccc;
}
body.home-two #footer p a:hover{
  color: #eee;
}
body.home-two a.bstore-scrollertop {
  background: #FFCE54 none repeat scroll 0 0;
}
/* ==========================================================================
14. Home Page Three
 ========================================================================== */
body.home-three{
    background: url(images/background/01.jpg);
    background-attachment: fixed;
    background-position: center center;
    -webkit-font-smoothing: subpixel-antialiased;
}
body.home-three .navbar-bg ul li a.active {
	background: #48CFAD;
	color: #fff;
}
body.home-three .sticky {
	border-bottom: solid 2px #48CFAD;
}
body.home-three .header-search input {
  background-color: #48CFAD;
  border: inherit;
  border-radius: inherit;
  box-shadow: none;
  box-sizing: border-box;
  color: #a0d468;
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  line-height: normal;
  margin: 0;
  padding: 0 10px;
  position: relative;
  transition: all 0.2s linear 0s;
  width: 40px;
  z-index: 1;
}
body.home-three .header-search input:focus {
	background-color: #48CFAD;
	padding-left: 35px;
	width: 200px;
	color: #fff;
}
body.home-three .header-sociul a{
	background: #48cfad none repeat scroll 0 0;
	border: 2px solid #48cfad;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none !important;
	margin-right: 5px;
	transition: all 0.3s ease-in-out 0s;
}
body.home-three .header-sociul a:hover{
	background: #37bc9b none repeat scroll 0 0;
	border-color: #37bc9b;
	color: #fff;
}
body.home-three .navbar-bg {
  background: #222222 none repeat scroll 0 0;
}
body.home-three .breadcrumb-one-area {
	position: absolute;
	z-index: 22;
	width: 100%;
	margin: 152px auto;
}
body.home-three .breadcrumb-one a {
  color: #fff;
}
body.home-three #bs-example-navbar-collapse-1 {
	border-bottom: 2px solid #48CFAD;
}
body.home-three .tp-caption.large_bold_white1, .large_bold_white1 {
	background-color: transparent;
	border-color: rgb(255, 255, 255);
	border-style: none;
	border-width: 0;
	color: rgb(255, 255, 255);
	font-size: 80px;
	font-weight: 900;
	line-height: 25px;
	text-decoration: none;
}
body.home-three .tp-bullets {
	bottom: 17.2059px;
	left: 50% !important;
	margin-left: -48px;
}
body.home-three .rev_slider_wrapper .tp-bullets.simplebullets .bullet.selected {
  background-color: #37bc9b;
}
body.home-three .tp-bullets.simplebullets .bullet:hover {
  background: #37bc9b none repeat scroll 0 0;
  cursor: pointer;
  float: left;
  height: 8px;
  margin-left: 3px;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  width: 30px;
}
body.home-three .tp-bullets.simplebullets .bullet.selected {
  background: #37bc9b none repeat scroll 0 0;
  cursor: pointer;
  float: left;
  height: 8px;
  margin-left: 3px;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  width: 30px;
}
body.home-three .tp-bullets.simplebullets .bullet {
  background: rgba(72, 207, 173, 0.5);
  cursor: pointer;
  float: left;
  height: 8px;
  margin-left: 3px;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  width: 30px;
}
body.home-three .tp-leftarrow.default::after {
  border: 1px solid #48CFAD;
  color: #fff;
  content: "";
  display: block;
  font-family: FontAwesome;
  font-size: 26px;
  height: 40px;
  left: 17px;
  padding-left: 6px;
  padding-top: 1px;
  position: absolute;
  top: 20px;
  transition: all 0.3s ease-in-out 0s;
  width: 40px;
}
body.home-three .tp-leftarrow.default:hover::after {
  background: #48cfad none repeat scroll 0 0;
}
body.home-three .tp-rightarrow.default::after {
  border: 1px solid #48cfad;
  color: #fff;
  content: "";
  display: block;
  font-family: FontAwesome;
  font-size: 26px;
  height: 40px;
  left: 21px;
  padding-left: 10px;
  padding-top: 1px;
  position: absolute;
  top: 20px;
  transition: all 0.3s ease-in-out 0s;
  width: 40px;
}
body.home-three .tp-rightarrow.default:hover::after {
  background: #48cfad none repeat scroll 0 0;
}
.health-care{
	background: #F5F5F5;
	padding-bottom: 55px;
}
body.home-three .health-care-border{
	border-bottom: 1px dashed #999;
	padding-top: 30px;
}
.health-care h1 {
  color: #666;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 32px;
  position: relative;
  font-weight: 600;
}
.health-care h1:after{
	content: "";
    position: absolute;
    top: 28px;
    left: 45%;
    width: 100px;
    height: 2px;
    background-color: rgba(221, 221, 221, 0.3);
    border-radius: 50px;
    margin-top: 16px;
}
.health-care p{
	color: #444;
}
.health-box{
    margin-top: 40px;
    margin-bottom: 40px;
}
.health-box i{
    color: #48cfad;
    font-size: 70px;
    margin-bottom: 28px;
}
.health-box h3 {
  clear: none !important;
  color: #444444;
  font-size: 17px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 10px;
  margin-top: 3px;
}
.health-box p{
    color: #373737;
}
.health-button{
    padding-top: 30px;
}
.health-button a{
	border-radius: 0;
    border: none;
    color: #444;
    color: #fff;
    background: #48cfad;
    transition: all 0.3s ease-in-out;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    border: 2px solid #48cfad;
}
.health-button a:hover{
	background: #37bc9b;
    border-color: #37bc9b;
}
.health-button a i{}
/* ==========================================================================
14.1 We restore
 ========================================================================== */
.we-restore{
	background-color: #fff;
	padding-bottom: 63px;
	padding-top: 28px;
}
.we-restore h1 {
  color: #666;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 37px;
  position: relative;
  text-align: center;
  font-weight: 600;
}
.we-restore h1:after{
	content: "";
    position: absolute;
    top: 32px;
    left: 45%;
    width: 100px;
    height: 2px;
    background-color: rgba(221, 221, 221, 0.3);
    border-radius: 50px;
    margin-top: 16px;
}
.we-restore p{
	color: #444;
	text-align: center;
}
.we-restor-inner{
	margin-top: 30px;
}
.world-class h3 {
  color: #444;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
}
.world-class p{
    text-align: left;
}
.nursing{
	border: 1px solid #f1f1f1;
	padding: 5px 16px 10px;
}
.nursing h3 {
  color: #666;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}
.nursing h5 {
  background: #48cfad none repeat scroll 0 0;
  border-radius: 2px;
  color: #000000;
  display: inline;
  font-size: 15px;
  font-weight: bold;
  padding: 2px 5px;
  font-weight: 700;
}
.nursing p.date{
	font-size: 12px;
    line-height: 12px;
    margin-top: 20px;
}
.get-in-touch{
	background: #48CFAD;
	padding: 25px;
	color: #fff;
}
.get-in-touch h3 {
  color: #ffffff;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 0;
  text-align: center;
  font-weight: 500;
}
.icon-text-get{
	margin-bottom: 10px;
}
.get-icon i{
    font-size: 25px;
    float: left;
    width: 20%;
}
.get-text p{
	color: #fff;
    text-align: left;
    width: 80%;
    margin-bottom: 22.5px;
    overflow: hidden;
}
.get-text p a{
	color: #fff;
}
.get-text p a:hover{
	text-decoration: underline;
}
/* ==========================================================================
14.2 See at glance
 ========================================================================== */
.see-at-glance{
	background-color: rgba(218, 255, 230, 0.7);
	color: #444;
	padding-bottom: 69px;
	padding-top: 81px;
}
.see-at-glance p{
	text-align: center;
	color: #444;
}
.see-at-glance h3 {
  color: #666;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 86px;
  text-align: center;
  font-weight: 600;
}
.glance-box{
	margin-bottom: 37px;
	overflow: hidden;
}
.see-icon{
    width: 40%;
    float: left;
}
.see-icon i{
    color: #48cfad;
    font-size: 40px;
    margin-top: 25px;
    margin-left: 30px;
}
.see-text{
	width: 60%;
    float: right;
}
.see-text h3 {
  clear: none !important;
  color: #444;
  font-size: 18px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 10px;
  margin-top: 3px;
  text-align: left;
}
.see-text p{
    margin: 0;
    padding: 0;
    border: 0;
    color: #333;
    vertical-align: baseline;
    font-size: 14px;
    line-height: 20px;
    display: block;
    text-align: left;
}
/* ==========================================================================
14.3 See at baner
 ========================================================================== */
.see-att-baner{
	background: #fff;
	padding-top: 75px;
}
.see-att-baner img{}
/* ==========================================================================
14.4 Framed order area
 ========================================================================== */
.glance-order-area{
	background: #5AA6C4;
    padding-top: 49px;
    padding-bottom: 41px;
}
.glance-order-area h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
}
.glance-order-area p{
	color: #BEF7FF;
}
.glance-order-area a {
    border-radius: 3px;
    color: #fff;
    background: #48cfad;
    float: right;
    padding: 20px 30px;
    font-size: 18px;
    margin: 2px 0 0px 20px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.glance-order-area a:hover{
	background: #5cd4b6;
}
body.home-three #footer-top {
	background: #333333 none repeat scroll 0 0;
	padding-top: 28px;
	padding-bottom: 39px;
}
/* ==========================================================================
14.5 Home three footer
 ========================================================================== */
.home-three-footer-one{
	position: relative;
} 
.home-three-footer-one:after{
	background: #4d4d4d none repeat scroll 0 0;
	content: "";
	height: 120%;
	position: absolute;
	right: -15px;
	top: 0;
	width: 1px;
}
.home-three-footer-one h3 {
  color: #ddd;
  font-size: 18px;
  margin-bottom: 50px;
  margin-top: 4px;
  position: relative;
  text-transform: uppercase;
  font-weight: 500;
}
.home-three-footer-one h3:after{
	content: "";
    position: absolute;
    background: #48cfad;
    height: 4px;
    width: 47%;
    top: 35px;
    left: 0;
}
.home-three-footer-one h3:before{
	content: "";
    position: absolute;
    background: #DDDDDD;
    height: 4px;
    width: 100%;
    top: 35px;
    left: 0;
}
.admited-area{
    margin-bottom: 35px;
}
.admited-icon{
	background: rgba(0, 0, 0, 0.15);
    font-size: 32px;
    max-width: 100%;
    height: 67px;
    border: 0px solid #cccccc;
    padding: 8px;
    -webkit-box-shadow: 0px 0px 0px #444444;
    box-shadow: 0px 0px 0px #444444;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.admited-icon i{
    color: #b5b5b5;
    font-size: 32px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.admited-area:hover .admited-icon{
	background: #48CFAD;
	display: block;
}
.admited-area:hover .admited-icon i{
	color: #fff;
}
.admited-text h4{
	color: #b5b5b5;
    font-size: 16px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
    clear: none !important;
    line-height: normal;
}
.admited-text p{
	color: #b5b5b5;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 14px;
    line-height: 20px;
    display: block;
}
/* ==========================================================================
14.5.1 Home three footer two
 ========================================================================== */
.home-three-footer-two{
	position: relative;
}
.home-three-footer-two:after{
	background: #4d4d4d none repeat scroll 0 0;
	content: "";
	height: 109%;
	position: absolute;
	right: -15px;
	top: 0;
	width: 1px;
}
.home-three-footer-two h3 {
  color: #ddd;
  font-size: 18px;
  margin-bottom: 50px;
  margin-top: 4px;
  position: relative;
  text-transform: uppercase;
  font-weight: 500;
}
.home-three-footer-two h3:after{
	content: "";
    position: absolute;
    background: #48cfad;
    height: 4px;
    width: 53%;
    top: 35px;
    left: 0;
}
.home-three-footer-two h3:before{
	content: "";
    position: absolute;
    background: #DDDDDD;
    height: 4px;
    width: 100%;
    top: 35px;
    left: 0;
}
.cf-name{
    width: 45%;
    border-radius: inherit;
    background: rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.25);
    padding-left: 10px;
    color: #999999;
    font-size: 12px;
    margin-left: 15px;
}
.cf-email{
    width: 45%;
    float: right;
    margin-top: -54px;
    border-radius: inherit;
    background: rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.25);
    padding-left: 10px;
    color: #999999;
    font-size: 12px;
    padding-right: 25px;
    margin-right: 15px;
}
.cf-message{
    background: rgba(0,0,0,0.15);
    border: 1px solid rgba(0,0,0,0.25);
    padding-left: 10px;
    color: #999999;
    font-size: 12px;
    width: 91%;
    margin-left: 15px;
    margin-top: -20px;
}
.submit-button{
    margin-left: 15px;
}
.submit-text{
	background: #48cfad;
	color: #ffffff;
	margin-right: 10px;
    padding: 8px 16px;
    outline: none;
    border: inherit;
    border-radius: inherit;
}
.submit-text:hover{
	background-color: #37bc9b;
    color: #ffffff;
}
.reset-text{
	background-color: #da314b;
    color: #ffffff;
	margin-right: 10px;
    padding: 8px 16px;
    outline: none;
    border: inherit;
    border-radius: inherit;
}
.reset-text:hover{
    background-color: #e4354f;
    color: #ffffff;
}
/* ==========================================================================
14.5.2 Home three footer three
 ========================================================================== */
.home-three-footer-three h3 {
  color: #ddd;
  font-size: 18px;
  margin-bottom: 50px;
  margin-top: 4px;
  position: relative;
  text-transform: uppercase;
  font-weight: 500;
}
.home-three-footer-three h3:after{
	content: "";
    position: absolute;
    background: #48cfad;
    height: 4px;
    width: 67%;
    top: 35px;
    left: 0;
}
.home-three-footer-three h3:before{
	content: "";
    position: absolute;
    background: #DDDDDD;
    height: 4px;
    width: 100%;
    top: 35px;
    left: 0;
}
.home-three-footer-three p{
	color: #ccc;
}
.home-three-footer-three p i{
	padding: 5px;
    width: 26px;
    height: 26px;
    text-align: center;
    border: 1px solid #3e3e3e;
    font-size: 11px;
    line-height: 16px;
    color: #fff;
    margin: 0px 5px -10px 0;
}
body.home-three #footer {
	background: #222222 none repeat scroll 0 0;
	padding-bottom: 5px;
	padding-top: 10px;
}
body.home-three .footer-menu ul li {
  border-right: 1px solid #656565;
  float: left;
  height: 10px;
}
body.home-three .footer-menu ul li:last-child {
  border-right: 0px solid #656565;
  float: left;
  height: 10px;
}
body.home-three .footer-menu ul li a {
	color: #ccc;
	display: block;
	font-size: 13px;
	margin-top: -4px;
	padding: 0 10px;
	text-transform: uppercase;
}
body.home-three .footer-menu ul li a:hover {
	color: #eee;
}
body.home-three #footer p strong {
  color: #ccc;
  font-size: 13px;
  font-weight: 500;
  margin-right: 10px;
}
body.home-three #footer p a {
  color: #ccc;
}
body.home-three #footer p a:hover{
  color: #eee;
  text-decoration: underline;
}
body.home-three a.bstore-scrollertop {
	background: #48CFAD;
}
/* ==========================================================================
15. Home Page Four
 ========================================================================== */
body.home-four .navbar-bg ul li a.active {
	background: #ED5565;
	color: #fff;
}
body.home-four .logo-area {
	margin-bottom: 25px;
	margin-top: 27px;
}
body.home-four .body-wrap {
	position: absolute;
	top: 114px;
	z-index: 30;
}
body.home-four .sticky {
	border-bottom: solid 2px #ED5565;
}
body.home-four .header-search input {
  background-color: #ED5565;
  border: inherit;
  border-radius: inherit;
  box-shadow: none;
  color: #a0d468;
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  line-height: normal;
  margin: 0;
  padding: 0 10px;
  position: relative;
  transition: all 0.2s linear 0s;
  width: 40px;
  text-indent: -99999px;
  z-index: 1;
}
body.home-four .header-search input:focus {
	background-color: #ED5565;
	padding-left: 35px;
	text-indent: inherit;
	width: 200px;
	color: #fff;
}
 body.home-four #bs-example-navbar-collapse-1 {
  border-bottom: 2px solid #ED5565;
}
body.home-four .login {
  background: #ed5565 none repeat scroll 0 0;
  border-radius: 0;
  color: #fff;
  font-family: open sans;
  font-size: 15px;
  margin-bottom: 15px;
  padding: 3px 65px;
  transition: all 500ms ease 0s;
}
body.home-four .tp-caption a.readon {
  background: transparent;
  border: 2px solid #ed5565;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  padding: 8px 15px;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out 0s;
}
body.home-four .tp-caption a.readon:hover {
  background: #ed5565 none repeat scroll 0 0 !important;
}
body.home-four .tp-rightarrow.default::after {
  border: 1px solid #ED5565;
}
body.home-four .tp-rightarrow.default:hover::after {
  background: #ED5565 none repeat scroll 0 0;
}
body.home-four .tp-leftarrow.default::after {
  border: 1px solid #ED5565;
}
body.home-four .tp-leftarrow.default:hover::after {
  background: #ED5565 none repeat scroll 0 0;
}
body.home-four .tp-bullets{
	display: none;
}
#owl-demo-3 .owl-prev span{
	background: rgba(200,200,200,0.6);
	padding: 10px;
	font-size: 16px;
	margin-left: -13px;
	margin-top: -20px;
}
#owl-demo-3 .owl-next span{
    background: rgba(200,200,200,0.6);
    padding: 10px;
	font-size: 16px;
	margin-right: 1px;
	margin-top: -20px;
}
body.home-four .owl-theme .owl-nav [class*="owl-"] {
  background: inherit;
  border-radius: inherit;
  cursor: pointer;
  padding: inherit;
}
body.home-four .owl-dots{
	display: none!important;
}
.hover-fetured-area{
    background-color: #ffffff;
    color: #444;
    padding-bottom: 30px;
 }
.feature_wrapper {
    position: relative;
    min-height: 175px;
    z-index: 20;
    margin-top: -53px;
}
.feature_wrapper:hover .feature_item {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.24);
}
.feature_item {
    min-height: 123px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    display: block;
    text-decoration: none;
    background-color: #ffffff;
    margin: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    transition: box-shadow 0.7ms ease-out, height 0.3s ease-out, margin 0.3s ease-out;
}
.feature_wrapper:hover .feature_image_wrapper {
    height: 150px;
}
.feature_image_wrapper {
    display: block;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    overflow: hidden;
    height: 0;
    transition: border 0.3s ease-out, height 0.3s ease-out;
}
.feature_image {
    display: block;
    min-width: 100%;
}
.feature_item .feature_icon_wrapper {
    margin: -37px 0 10px 0;
    display: block;
}
.feature_item .feature_icon {
    display: inline-block;
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 24px;
    border-width: 3px;
    border-style: solid;
    font-family: fontawesome;
    background-color: #ffffff;
    border-radius: 999px;
    transition: height 0.3s ease-out;
    transition: color 0.3s ease-out;
}
.feature_icon{
	border-color:#da4453;
}
.feature_image_wrapper{
	border-color:#da4453;
}
.uk-icon-thumbs-o-up:before {
    content: "\f087";
}
.uk-icon-music:before {
    content: "\f001";
}
.uk-icon-users:before {
    content: "\f0c0";
}
.feature_wrapper:hover .feature_content {
    height: 162px;
}
.feature_item .feature_content {
    margin: 0 0 0 0;
    display: block;
    color: #666666;
    line-height: 18px;
    padding: 0 26px;
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease-out;
}
.feature_wrapper:hover .feature_text {
    opacity: 1;
    transition: opacity 0.3s ease-out 0.2s;
}
.feature_item .feature_text {
    color: #51585b;
    padding: 20px 0 25px 0;
    display: inline-block;
    opacity: 0;
    transition: opacity 0.2s ease-out;
}
body .readon {
    border-radius: 0;
    border: none;
    color: #444;
    color: #fff;
    background: #ed5565;
    transition: all 0.3s ease-in-out;
    padding: 8px 15px;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
    border: 2px solid #ed5565;
}
.feature_item .feature_subtitle {
    display: block;
    color: #6b6b6b;
    margin: 10px 0 2px 0;
    padding: 0 26px;
}
.feature_item .feature_title {
  color: #272727;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin: 5px;
  padding: 0 26px 25px;
  transition: color 0.2s linear 0s;
}
/* ==========================================================================
15.1 Breacking news
 ========================================================================== */
.breacking-news{
	background: #fff;
	padding-top: 60px;
	padding-bottom: 54px;
}
.brecking-news-title h1 {
  color: #222;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 35px;
  position: relative;
  font-weight: 600;
}
.brecking-news-title h1:after{
    content: "";
    position: absolute;
    top: 32px;
    left: 45%;
    width: 100px;
    height: 2px;
    background-color: rgba(221, 221, 221, 0.3);
    border-radius: 50px;
    margin-top: 16px;
}
.brecking-news-title p{
    margin-bottom: 48px;
}
.breaking-carousel-image img{
	position: relative;
}
.breaking-carousel-links-area {
    position: absolute;
    z-index: 1;
    left: 4%;
    bottom: 65px;
    background: rgba(0,0,0,0.3);
    width: 87.6%;
    height: 72.8%;
    opacity: 0;
    transition: all 1s ease;
}
.breaking-carousel-slide:hover .breaking-carousel-links-area{
	opacity: 1;
	overflow: hidden;
}
.breaking-carousel-links-area a{
	position: absolute;
	top: 40%;
	width: 40px;
	height: 40px;
	transition: all 1s ease;
}
.breaking-carousel-links-area a:hover{
	background: rgba(0,0,0,.4);
}
.breaking-carousel-links-area a.breaking-lightbox-item{
	position: absolute;
    left: 5%;
	transition: all 1s ease;
}
.breaking-carousel-slide:hover .breaking-carousel-links-area a.breaking-lightbox-item{
	left: 32%;
}
.breaking-carousel-links-area a.breaking-lightbox-item i ,.breaking-carousel-links-area a.breaking-carousel-link i{
	color: #fff;
	padding: 10px;
	font-size: 20px;
}
.breaking-carousel-links-area a.breaking-carousel-link{
	position: absolute;
    right: 5%;
	transition: all 1s ease;
}
.breaking-carousel-slide:hover .breaking-carousel-links-area a.breaking-carousel-link{
	right: 32%;
}
.breaking-carousel-caption h3 a {
  color: #444;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  transition: all 1s ease 0s;
}
.breaking-carousel-caption h3 a:hover{
	color: #444;
}
/* ==========================================================================
15.2 Expanding
 ========================================================================== */
.expanding{
	background: rgba(0, 0, 0, 0) url("images/background/bg2.jpg") repeat fixed 0 0 / cover ;
	padding-bottom: 80px;
	padding-top: 60px;
}
.expanding-title h1 {
  color: #222;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 33px;
  position: relative;
  font-weight: 600;
}
.expanding-title p{
    margin-bottom: 40px;
}
.expanding-title h1:after{
    content: "";
    position: absolute;
    top: 28px;
    left: 45%;
    width: 100px;
    height: 2px;
    background-color: rgba(221, 221, 221, 0.3);
    border-radius: 50px;
    margin-top: 16px;
}
.expanding-text h3 {
  color: #444444;
  font-size: 24px;
  line-height: 30px;
  margin-top: 0;
  font-weight: 500;
}
.expanding-text p{}
/* ==========================================================================
15.3 Membership prices
 ========================================================================== */
.membership-prices{
	background: #fff;
	padding-top: 60px;
    padding-bottom: 90px;
}
.membership-prices-title h1 {
  color: #222;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 34px;
  position: relative;
  font-weight: 600;
}
.membership-prices-title h1:after{
    content: "";
    position: absolute;
    top: 31px;
    left: 45%;
    width: 100px;
    height: 2px;
    background-color: rgba(221, 221, 221, 0.3);
    border-radius: 50px;
    margin-top: 16px;
}
.plan-tables {
    background-color: #2C3E50;
    width: 95%;
}
.su-pricing-style-1 .su-plan {
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-right: 15px;
}
.su-plan {
    color: #fff;
}
.su-plan {
    position: relative;
    overflow: hidden;
}
.su-plan {
    float: left;
    border-left-width: 0;
}
.su-plan {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 95%;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}
.futuerd-table{
	margin-top: -30px;
}
.membership-box{
	margin-top: 100px;
}
.plan-tables .su-plan-head {
    border-bottom-color: #ffffff;
    color: #FFF;
}
.plan-tables .su-plan-head .su-plan-badge{
	border-style: solid;
	border-width: 2px;
	color: #fff;
	font-size: 10px;
	line-height: 10px;
	padding: 5px 8px;
	position: absolute;
	right: -35px;
	text-align: center;
	top: 23px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-op-transform: rotate(45deg);
	width: 125px;
}
.plan-tables .su-plan-badge {
  background-color: #ed5565;
  border-color: #e8273b;
}
.su-pricing-style-1 .su-plan .su-plan-head {
    padding-top: 0;
}
.su-plan-head {
    border-bottom-color: #ed5565 !important;
}
.su-plan-head {
    position: relative;
}
.su-plan-head {
    padding: 20px 0;
    overflow: hidden;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.plan-tables .su-plan-name {
    color: #FFF;
}
.su-pricing-style-1 .su-plan-name {
    padding: 20px 0;
    background: rgba(0, 0, 0, 0.03);
}
.su-plan-name {
    margin-bottom: 15px;
    font-size: 1.3em;
}
.su-plan-price {
    line-height: 50px;
    font-size: 50px;
}
.su-plan-price {
    font-weight: bold;
    font-size: 2.3em;
    line-height: normal;
}
.su-plan-price-before {
    color: #ed5565 !important;
}
.su-plan-price-before, .su-plan-price-after {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-size: 0.7em;
}
.su-plan-price {
    line-height: 50px;
    font-size: 50px;
}
.su-plan-name,.su-plan-icon i,.su-plan-price-value,.su-plan-price-before {
    color: #ed5565 !important;
}
.su-plan-price-value {
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;
}
.su-plan-price {
    line-height: 50px;
    font-size: 50px;
}
.su-plan-period {
    color: #f2838f !important;
}
.su-plan-period {
    margin-top: 5px;
    font-size: 0.9em;
    opacity: 0.7;
}
.su-plan-icon {
	bottom: -50px;
	margin-top: 15px;
	opacity: 0.2;
	position: absolute;
	right: -50px;
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-op-transform: rotate(-30deg);
}
.plan-tables .su-plan-icon i {
    color: #FFF;
}
.su-plan-icon .fa {
    font-size: 208px !important;
}
.su-plan-name,.su-plan-icon i,.su-plan-price-value,.su-plan-price-before {
    color: #ed5565 !important;
}
.su-plan-price-value{
	font-family: 'Open Sans';
}
.su-pricing-style-1 .su-plan-icon i {
    font-size: 48px;
}
.su-pricing-table .su-plan {
    color: #fff;
}
.su-plan-options ul {
    margin: 0;
    padding: 0;
    color: #fff;
    list-style: none;
}
.su-pricing-table.su-pricing-style-1 .su-plan-options ul li {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top: none;
}
.su-pricing-table .su-plan-options ul li {
    border-top: none;
}
.su-plan-options ul li:first-child {
    border: none;
}
.su-plan-options ul li {
    margin: 0;
    padding: 0.5em 0.2em;
    list-style: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-transform: translateZ(0);
}
.su-plan-options ul li .su-tooltip {
    border-bottom: 1px dotted #DDD;
}
.su-plan .su-tooltip {
    border-bottom: 1px dotted rgba(0,0,0,0.2);
    padding-bottom: 2px;
    margin-bottom: -3px;
}
.su-plan-footer {
    padding: 30px 0;
    border-top-width: 1px;
    border-top-style: solid;
}
.su-pricing-style-3 .su-plan .su-plan-button, .su-pricing-style-2 .su-plan .su-plan-button, .su-pricing-style-1 .su-plan .su-plan-button {
    min-width: 60%;
}
.su-plan-footer a {
    display: block;
    margin: 0 30px;
    padding: 15px;
}
.su-plan-button {
    background-color: #ed5565 !important;
    border-color: #ed5565 !important;
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.su-plan-button:hover {
    background-color: #DA4453 !important;
}
.su-plan-footer a {
    display: inline-block;
    text-decoration: none !important;
    padding: 15px 15px;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translateZ(0);
    color: #fff;
}
/* ==========================================================================
15.4 Our gymnasion
 ========================================================================== */
.our-gymnasion{
    background-image: url(images/home-four/dimension.png) !important;
    background-color: #ffffff;
    color: #444;
    background-position: 50% -676px;
    padding-top: 62px;
    padding-bottom: 75px;
}
.our-gymnasion-title h1 {
  color: #222;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 30px;
  position: relative;
  font-weight: 600;
}
.our-gymnasion-title p{
    margin-bottom: 44px;
}
.our-gymnasion-title h1:after{
    content: "";
    position: absolute;
    top: 28px;
    left: 45%;
    width: 100px;
    height: 2px;
    background-color: rgba(221, 221, 221, 0.3);
    border-radius: 50px;
    margin-top: 16px;
}
.our-gymnasioon-box{
    background-color: #2C3E50;
}
.our-gymasion-text{
	padding: 0px 25px;
	width: 50%;
	float: right
}
.our-gymasion-image{
	width: 50%;
	float: left;
}
.our-gymasion-text h3{
	font-size: 20px;
    color: #fff;
    padding-top: 5px;
}
.our-gymasion-text h5{
	color: #999;
	font-size: 14px;
	margin-bottom: 16px;
}
.our-gymasion-text p{
    color: #fff;
    padding: 10px 0;
    margin-top: 10px;
    border-top: 1px solid rgba(158, 158, 158, 0.3);
    border-bottom: 1px solid rgba(158, 158, 158, 0.3);
}
.our-gymasion-sociul p{
	padding-bottom: 32px;
	margin-left: 63%;
}
.our-gymasion-sociul p a{
	margin-right: 5px;
}
.our-gymasion-sociul p a i{
	font-size: 16px;
	color: #fff;
	border: 1px solid#ed5565;
	width: 35px;
	height: 35px;
	padding: 8px;
	text-align: center;
	transition: all 1s ease;
}
.our-gymasion-sociul p a i.fa-facebook:hover{
	border: 1px solid#3B5999;
	margin-top: 0px;
}
.our-gymasion-sociul p a i.fa-twitter:hover{
	border: 1px solid#01BBF6;
	margin-top: 0px;
}
.our-gymasion-sociul p a i.fa-linkedin:hover{
	border: 1px solid#1385C4;
	margin-top: 0px;
}
.template-order-area {
	background: rgba(0, 0, 0, 0) url("images/background/bg1.jpg") repeat scroll 0 0;
	padding-bottom: 31px;
	padding-top: 39px;
}
.template-button-area{
	background: #2c3e50 none repeat scroll 0 0;
	display: block;
	overflow: hidden;
	padding: 10px 0;	
}
.template-order-area h3 {
  color: #fff;
  font-size: 21px;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
  font-weight: 600;
}
.template-order-area p{
    color: #b5b5b5;
}
.template-order-area a {
    border-radius: 3px;
    color: #fff;
    background: #ED5565;
    float: right;
    padding: 16px 30px;
    font-size: 18px;
    margin: 2px 0 0px 20px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.template-order-area a:hover{
    background: #ef6c7a;
}
/* ==========================================================================
15.5 Home four footer
 ========================================================================== */
body.home-four #footer-top {
	background: #333333 none repeat scroll 0 0;
	padding: 30px 0;
} 
.home-four-footer-one h3 {
  color: #ddd;
  font-size: 18px;
  margin-bottom: 50px;
  margin-top: 4px;
  position: relative;
  text-transform: uppercase;
  font-weight: 500;
}
.home-four-footer-one h3:after{
	content: "";
    position: absolute;
    background: #ED5565;
    height: 3px;
    width: 62%;
    top: 34px;
    left: 0;
}
.home-four-footer-one h3:before{
	content: "";
    position: absolute;
    background: #DDDDDD;
    height: 1px;
    width: 100%;
    top: 35px;
    left: 0;
}
.home-four-footer-one p{
	color:#ccc;
}
/* ==========================================================================
15.5.1 Home four footer two
 ========================================================================== */
.home-four-footer-two h3 {
  color: #ddd;
  font-size: 18px;
  margin-bottom: 50px;
  margin-top: 4px;
  position: relative;
  text-transform: uppercase;
  font-weight: 500;
}
.home-four-footer-two h3:after{
	content: "";
    position: absolute;
    background: #ED5565;
    height: 3px;
    width: 53%;
    top: 34px;
    left: 0;
}
.home-four-footer-two h3:before{
	content: "";
    position: absolute;
    background: #DDDDDD;
    height: 1px;
    width: 100%;
    top: 35px;
    left: 0;
}
/* ==========================================================================
15.5.2 Home four footer three
 ========================================================================== */
.home-four-footer-three h3 {
  color: #ddd;
  font-size: 18px;
  margin-bottom: 50px;
  margin-top: 4px;
  position: relative;
  text-transform: uppercase;
  font-weight: 500;
}
.home-four-footer-three h3:after{
	content: "";
    position: absolute;
    background: #ED5565;
    height: 3px;
    width: 63%;
    top: 34px;
    left: 0;
}
.home-four-footer-three h3:before{
	content: "";
    position: absolute;
    background: #DDDDDD;
    height: 1px;
    width: 100%;
    top: 35px;
    left: 0;
}
.home-four-footer-three p.clint-info-text-four{
	color:#ccc;
    margin-bottom: 22px;
    margin-top: -5px;	
}
.home-four-footer-three p {
    margin: 2px 0px;
    color: #ccc;
}
.home-four-footer-three p i{
    padding-right: 10px;
}
/* ==========================================================================
15.5.3 Home four footer four
 ========================================================================== */
.home-four-footer-four h3 {
  color: #ddd;
  font-size: 18px;
  margin-bottom: 50px;
  margin-top: 4px;
  position: relative;
  text-transform: uppercase;
  font-weight: 500;
}
.home-four-footer-four h3:after{
	content: "";
    position: absolute;
    background: #ED5565;
    height: 3px;
    width: 95%;
    top: 34px;
    left: 0;
}
.home-four-footer-four h3:before{
	content: "";
    position: absolute;
    background: #DDDDDD;
    height: 1px;
    width: 100%;
    top: 35px;
    left: 0;
}
body.home-four .footer-menu ul li {
  border-right: 1px solid #656565;
  float: left;
  height: 10px;
}
body.home-four .footer-menu ul li:last-child {
  border-right: 0px solid #656565;
}
body.home-four .footer-menu ul li a {
  color: #ddd;
  display: block;
  font-size: 13px;
  margin-top: -4px;
  padding: 0 10px;
  text-transform: uppercase;
}
body.home-four .footer-menu ul li a:hover{
  color: #cccccc;
  display: block;
  font-size: 13px;
  margin-top: -4px;
  padding: 0 10px;
  text-transform: uppercase;
}
body.home-four #footer p strong {
  color: #ddd;
  font-size: 13px;
  font-weight: 500;
  margin-right: 10px;
}
body.home-four #footer p a{
  color: #ddd;
}
body.home-four #footer p a:hover{
  color: #ccc;
  text-decoration: underline;
}
body.home-four #scrollUp {
  background: #ED5565 none repeat scroll 0 0;
  bottom: 10px;
  height: 38px;
  position: relative;
  right: 20px;
  text-indent: -99999px;
  width: 38px;
}
body.home-four a.bstore-scrollertop {
	background: #ED5565;
}
/* ==========================================================================
16. About Page
 ========================================================================== */
body.about-us{
    background: url(images/background/01.jpg);
    background-attachment: fixed;
    background-position: center center;
    -webkit-font-smoothing: subpixel-antialiased;
 }
body.about-us .logo-area {
	margin-bottom: 25px;
	margin-top: 27px;
}
body.about-us .body-wrap {
  position: absolute;
  top: 114px;
  z-index: 30;
}
.about-top-area{
	min-height: 370px;
 }
 /* ==========================================================================
16.1 Breadcrumb One
 ========================================================================== */
.breadcrumb-one-area{
	margin-top: 172px;
	z-index: 2;
 }
 .breadcrumb-one{
	padding: 12px 15px;
	font-size: 12px;
	margin-left: 1px;
	margin-bottom: 35px;
	background: rgba(0, 0, 0, 0.4);
	color: #999999;
	overflow: hidden;
 }
.breadcrumb-one a{
    color: #aaaaaa;
    font-family: Open Sans;
    width: 100%;
    margin-top: 0px;
    display: block;
 }
.breadcrumb-one ul{
    margin-bottom: 0px;
    margin-right: -8px;
} 
.breadcrumb-one ul li{
    float: left;
    border-right: 1px solid#000;
    height: 10px;
    margin-top: 4px;
}
.breadcrumb-one ul li:last-child{
	border-right: 0px solid#000;
}  
.breadcrumb-one ul li a{
    color: #aaaaaa;
    text-transform: uppercase;
    padding: 0px 7px;
    display: block;
    margin-top: -4px;
    -webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
.breadcrumb-one ul li a:hover{
	color: #eee;
}
 /* ==========================================================================
16.2 Breadcrumb Two
 ========================================================================== */
.breadcrumb-two-area h1{
	font-size: 48px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 1px;
} 
.breadcrumb-two-area h3{
	font-size: 22px;
	color: #e8e8e8;
    margin-top: 0;
    margin-bottom: 40px;
} 
.breadcrumb-two-area ul{
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
	background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
	background: -op-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
	background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
	margin-bottom: -4px;
	padding: 5px 10%;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
} 
.breadcrumb-two-area ul li{
	float: left;
	font-size: 0.9rem;
	vertical-align: top;
} 
.breadcrumb-two-area ul li a{
	color: #fff;
	font-size: 13px;
	padding: 0 5px;
}
.breadcrumb-two-area ul li a:hover{
	text-decoration: underline;
} 
.about-content-one{
	background: #fff;
}
/* ==========================================================================
16.3 Skills Progess Bar
 ========================================================================== */ 
/* ==========================================================================
16.4 About Content
 ========================================================================== */ 
.our-agency-title{
	margin-top: 95px;
}
.our-agency-title h2{
	font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    font-family: 'Raleway';
    font-weight: 300;
    color: #444444;
}
.our-agency-title p{
	color: #444444;
	margin-bottom: 25px;
}
/* ==========================================================================
16.5 welcome framid
 ========================================================================== */ 
.welcome-framid h2{
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #444;
    margin-bottom: 14px;
}
.about-skill h2{
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #444;
    margin-bottom: 14px;
}
.progress span{
	font-weight: normal;
}
/* ==========================================================================
16.6 Team Area
 ========================================================================== */ 
.team-area-title{
	margin-top: 50px;
	margin-bottom: 40px;
}
.team-title-bold{
	font-size: 32px;
	font-weight: bold;
	line-height: 40px;
}
.team-area-title h2{
	font-family: 'Raleway';
	color: #444444;
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.team-box-ara{
	border-top: solid 1px #eee;
    padding-top: 4px;	
}
.team-2{
	margin-left: -10px!important;
	margin-right: 13px!important;
}
.team-3{
	margin-right: 4px!important;
}
.team-box{
	width: 270px;
	margin-top: 27px;
	margin-bottom: 18px;
	background: #fff;
	border: solid 1px #eee;
}
.team-box h3{
	display: block;
    margin-bottom: .2em;
    font-size: 1.2em;
}
.team-box h5{
	display: block;
	margin-bottom: 1em;
	font-size: 0.9em;
	opacity: 0.5;
}
.team-box p{
    padding: 0 24px;
}
.team-sociul{
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.team-sociul a i{
	font-size: 16px;
	color: #000;
	padding: 15px 5px;
	background: none!important;
	-webkit-transition: all 500ms;
}
.team-sociul a i.fa-facebook:hover{
	color: #3B5998;
}
.team-sociul a i.fa-twitter:hover{
	color: #17ACED;
}
.team-sociul a i.fa-google-plus:hover{
	color: #E26C45;
}
.team-sociul a i.fa-linkedin:hover{
	color: #4F7BB6;
}
.team-sociul a i.fa-flickr:hover{
	color: #FF0084;
}
.team-sociul a i.fa-pinterest:hover{
	color: #333333;
}
/* ==========================================================================
16.7 Time Count
 ========================================================================== */ 
.fun-text{
	margin-bottom: 80px;
	margin-top: 52px;
}
.fun-text h5{
	color: #141119;
    font-size: 17px;
    text-transform: uppercase;
}
.fun-text h2 span{
	font-size: 60px;
	font-family: 'Open Sans';
}
.fun-text h2 span.fun-one{
	color:#ED3471;
}
.fun-text h2 span.fun-two{
	color: #815DB2;
}
.fun-text h2 span.fun-three{
	color: #FF8B6C;
}
.fun-text h2 span.fun-four{
    color: #1BB8EC;
}
/* ==========================================================================
16.8 About Carosel
 ========================================================================== */ 
.about-carosel{
	background: #f5f5f5 none repeat scroll 0 0;
	padding-bottom: 70px;
	padding-top: 30px;
}
#owl-demo-about .item {
    border-right: 1px solid rgba(180, 180, 180, 0.27);
}
#owl-demo-about .item .image-wrapper {
    display: inline-block;
    border-bottom: 1px solid rgba(180, 180, 180, 0.27);
    width: 105%;
    text-align: center;
    height: auto;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#owl-demo-about .item .image-wrapper:last-child{
	border-bottom: 0px solid rgba(180, 180, 180, 0.27);
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    padding: 10px;
}
#owl-demo-about .owl-nav{
	text-align: center;
}
#owl-demo-about .owl-nav .owl-prev:after{
	background: #BEC6C3 none repeat scroll 0 0;
	border-radius: 100%;
	color: #fff;
	content: "\f104";
	font-family:FontAwesome;
	display: block;
	height: 30px;
	right: 50.5%;
	padding: 4px;
	position: absolute;
	top: 210px;
	width: 30px;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
#owl-demo-about .owl-nav .owl-prev:hover:after{
	background: #869791;
}
#owl-demo-about .owl-nav .owl-next, #owl-demo-about .owl-nav .owl-prev{
	color: #f5f5f5;
	display: block;
	overflow: hidden;
}
#owl-demo-about .owl-nav .owl-next:before{
	background: #BEC6C3 none repeat scroll 0 0;
	border-radius: 100%;
	color: #fff;
	content: "\f105";
	font-family:FontAwesome;
	display: block;
	height: 30px;
	left: 50.5%;
	padding: 4px;
	position: absolute;
	top: 210px;
	width: 30px;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
#owl-demo-about .owl-nav .owl-next:hover:before{
	background: #869791;
}
#owl-demo-about span{
	display: none;
}
/* ==========================================================================
16.9 About Footer
 ========================================================================== */
.footer-one h2{
	color: #b5b5b5;
	font-size: 18px;
}
.footer-one p {
  color: #ddd;
}
.footer-two h2{
	color: #b5b5b5;
	font-size: 18px;
}
.footer-two p{
	color:#ddd;
}
.footer-two input[type=text]{
    background: #fff;
    color: #999;
    border-radius: inherit;
    height: 40px;
    padding: 8px;
    width: 72%;
    border: inherit;
    margin-bottom: 5px;
}
.footer-two input[type=button]{
	background: #a0d468;
	height: 40px;
    padding: 8px;
    width: 25%;
    border: inherit;
    color:#fff;
    -webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
.footer-two input[type=button]:hover{
	background: #80ab51;
}
.footer-three h2{
	color: #b5b5b5;
	font-size: 18px;
}
.tagclud p a.Bloggers{
	background: #b67554;
}
.tagclud p a.Business{
	background: #896bba;
}
.tagclud p a.Clients{
	background: #aacb4c;
}
.tagclud p a.Create{
	background: #796c6b;
}
.tagclud p a.css3{
	background: #b7bc87;
}
.tagclud p a.Drive{
	background: #a6958a;
}
.tagclud p a.Effective{
	background: #5c78b6;
}
.tagclud p a.Entitry{
	background: #58c47c;
}
.tagclud p a.Jooma{
	background: #4b87ab;
}
.tagclud p a.joomla{
	background: #69658a;
}
.tagclud p a.joomla25{
	background: #854469;
}
.tagclud p a.Celebrity{
	background: #b885c7;
}
.tagclud p a.Plugins{
	background: #75b755;
}
.tagclud p a.Products{
	background: #66cbaa;
}
.tagclud p a.Visitors{
	background: #ac7c5b;
}
.tagclud p a.Ways{
	background: #a94ba7;
}
.tagclud p a.WordPress{
	background: #78bbab;
}
.tagclud p a{
	padding: 6px 8px;
	float: left;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: normal;
	color: #fff !important;
	margin: 0 2px 2px 0;
	text-transform: uppercase;
}
.item{
	float: left;
}
body.about-us #footer-top {
	background: #2d342e none repeat scroll 0 0;
	padding-bottom: 32px;
	padding-top: 12px;
} 
/* ==========================================================================
17. Our Office Page
 ========================================================================== */
.office-top-area{
	min-height: 339px;
}
.office-content{
	background: #fff;
}
#owl-demo-two .item img{
    display: block;
    width: 100%;
    height: auto;
} 
.bread-comeh1 h1{
	margin-bottom: 34px;
	margin-top: 3px;
}
/* ==========================================================================
17.1 Our Office area
 ========================================================================== */
.our-office-title{
    margin-top: 86px;
}
.our-office-title h2{
    font-size: 36px;
    line-height: 60px;
    font-weight: 300;
    text-transform: none;
    color: #444;
    margin-left: 10px;
    padding-bottom: 15px;
    position: relative;
}
.our-office-title h2:after{
    content: "";
    position: absolute;
    display: block;
    background: #DDDDDD;
    height: 2px;
    width: 110px;
}
/* Owl Next Prive */
.owl-prev span{
	font-size: 20px;
    color: #fff;
    background: rgba(255, 255, 255, 0.48);
    padding: 13px;
    border-radius: 2px;
    position: absolute;
    top: 41%;
    left: 2%;
    -webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
.owl-prev span:hover{
	background: rgba(255, 255, 255, 0.25);	
}
.owl-next span{
	font-size: 20px;
    color: #fff;
    background: rgba(255, 255, 255, 0.48);
    padding: 13px;
    border-radius: 2px;
    position: absolute;
    top: 41%;
    right: 2%;
    -webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
.owl-next span:hover{
	background: rgba(255, 255, 255, 0.25);
}
/* ==========================================================================
17.2 work
 ========================================================================== */
.we-work{
	margin-top: 52px;
}
.we-work h3{
	font-size: 16px;
	line-height: 16px;
	color: #666;
	margin-bottom: 22px;
	position: relative;
}
.we-work h3:before{
	content: "";
	position: absolute;
	display: block;
	background: #AAAAAA;
	height: 1px;
	width: 85px;
	right: 8px;
	top: 8px;
}
/* ==========================================================================
17.3 Our Location
 ========================================================================== */
.our-location{
	margin-top: 52px;
}
#map1{
	height: 178px;
	width: 100%;
}
.our-location h3{
    font-size: 16px;
    line-height: 16px;
    color: #666;
    margin-bottom: 16px;
    margin-left: 3px;
    position: relative;
}
.our-location h4{
    font-size: 16px;
    line-height: 16px;
    color: #666;
    margin-bottom: 16px;
    margin-left: 3px;
    margin-top: 15px;
    position: relative;
}
.our-location h3:after{
    content: "";
    position: absolute;
    display: block;
    background: #AAAAAA;
    height: 1px;
    width: 73%;
    right: 4px;
    top: 8px;
}
.address p{
	margin-bottom: 10px;
}
.address p i{
	font-size: 12px;
	line-height: 12px;
	background: transparent;
	color: #666;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 1px solid #ddd;
	padding: 5px;
	width: 23px;
	text-align: center;
	margin-right: 5px;
}
/* ==========================================================================
17.4 Our workplase
 ========================================================================== */
.our-workplase{
	padding-bottom: 53px;
	overflow: hidden;
	padding-top: 14px;
}
.our-workplase h3{
    font-size: 16px;
    line-height: 16px;
    color: #666;
    margin-bottom: 23px;
    margin-left: 14px;
    position: relative;
}
.our-workplase h3:after{
	content: "";
	position: absolute;
	display: block;
	background: #AAAAAA;
	height: 1px;
	width: 85%;
	right: 18px;
	top: 8px;
}
/* ==========================================================================
18. Contact us page one
 ========================================================================== */
.about-content{
	background-color: #F9F9F9;
	padding-bottom: 36px;
 }
 .contact-title{
	margin-bottom: 35px;
	margin-top: 34px;
 }
.about-content h1{
	font-weight: normal;
 }
.teamb-2{
 	padding: 0 7.5px 0 0;
 }
.teamb-3{
 	padding: 0px 0px 0px 7.5px;
 }
/* ==========================================================================
18.1 Contact info
 ========================================================================== */
.contact-info-tab{
	margin-bottom: 28px;
}
.contact-info{
 	background: #fff;
 }
.contact-info h2{
	margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 5px;
    font-size: 32px;
    line-height: 40px;
}
.contact-info .panel-group {
	margin-bottom: 33px;
}
.contact-info-photo img{
	float: right;
}
.contact-info h3{
	margin: 15px;
	font-size: 16px;
	font-weight: bold;
}
.contact-info p{
	padding: 0 15px;
}
.contact-info p span{
    margin-left: 23px;
}
.contact-info p i{
    font-size: 18px;
    width: 20px;
    height: 20px;
}
.contact-info p a{
    margin-left: 10px;
}
.accordion-icon8 {
   position:relative;
   padding-left: 25px;
}
/* ==========================================================================
18.2 Contact form
 ========================================================================== */
.contact-form p{
	margin-left: 15px;
	border-bottom: 1px solid#E5E5E5;
	padding-bottom: 15px;
}
.contact-textarea{
	margin-top: 20px;
}
.file-upload{
	margin-left: 15px;
}
.file-upload p{
	margin-left: -15px;
}
.contact-btun{
	background-color: #A0D468;
    color: #fff;
    margin-left: 20px;
    padding: 10px 20px;
    border: none;
    transition: all 500ms;
}
.contact-btun:hover{
	background: #80AB51;
	color: #fff;
}
.accordion-icon {
  position: absolute;
  left: 0px;
  top: -1px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 21px;
  text-align: center;
  font-size: 14px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
}
.accordion-icon8 .accordion-icon:before { 
  content: "\f056"; 
}
.accordion-icon8.collapsed .accordion-icon:before { 
  content: "\f055"; 
}
#accordion h4 a{
	color: #A0D468;
    font-size: 14px;
    font-weight: 500;
    margin-left: -10px;
    -webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
#accordion h4 a:hover{
	color: #80AB51;
}
 .fullwidth-bottom-wrapper {
    background-color: #ffffff;
    color: #444;
    position: relative;
}
 .su-panel {
    position: absolute;
	right: 15%;
    background: inherit;
    color: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 25px;
    border: 1px solid #dddddd;
    z-index: 6;
    top: 15%;
}
.su-panel-content {
	background: rgba(255, 255, 255, 0.67) none repeat scroll 0 0;
	padding: 1em 1.5em;
	position: absolute;
	right: 200px;
	top: 90px;
	width: 300px;
}
#map2{
	height: 360px;
	width: 100%;
	margin-bottom: -30px;
}
#map3{
	height: 360px;
	width: 100%;
	margin-bottom: -30px;
}
/* ==========================================================================
19. Contact us page two
 ========================================================================== */  
.tab-border{
	border: solid 1px #eee;
	overflow: hidden;
	margin-bottom: 25px;
	padding: 15px 0px;
}
.contact-info-tab ul.nav-tabs{
	width: 501px;
	background-color: inherit;
	border-bottom: 0 solid #000;
}
.contact-info-tab ul.nav > li > a:focus, .nav > li > a:hover {
  background: inherit;
  text-decoration: none;
}
.contact-info-tab ul li a{
	font-size: 18px;
}
/* ==========================================================================
20. Our Service page one
 ========================================================================== */ 
.service-one-content{
	background: #fff;
}
.service-one-content h1{
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 20px;
	margin-top: 130px;
}
.service-title-one{
	margin-top: 134px !important;
}
.service-title-one, .our-most{
	font-size: 40px;
}
.our-most{
	font-size: 40px !important;
	margin-top: -16px !important;
	text-transform: capitalize !important;
}
.service-tab ul li a{
    color: #444444;
	margin: 0;
    -webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
.service-tab ul li a:hover{
	background: #fff;
}
.service-tab ul li.active{
	background: #fff;
}
.service-one-cont{
	border: solid 1px #EEEEEE;
	border-top: inherit;
    padding: 10px;
}
/* ==========================================================================
20.1 Our title
 ========================================================================== */ 
.our-title{
    margin-top: 100px;
}
.our-title h1{
	font-weight: normal;
}
.our-most-service-ara{
    margin-top: 75px;
}
.our-most-service-box{
	margin-bottom: 6px;
	overflow: hidden;
}
.most-service-icon{
	background: #0fbcf5 none repeat scroll 0 0;
	border-radius: 50%;
	float: left;
	font-size: 24px;
	height: 65px;
	width: 65px;
 }
.most-service-icon i{
	color: #ffffff;
	font-size: 24px;
	text-align: center;
	display: block;
	padding-top: 22px;
 }
.most-service-text{
	width: 77%;
	float: right;
	margin-top: -20px;
	margin-bottom: 20px;
 }
.most-service-text h3{
	font-size: 16px;
	font-weight: bold;
	clear: none !important;
	line-height: normal;
	color: #444;
 }
.most-service-text p{
 	margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 14px;
    line-height: 20px;
    display: block;
 }
.our-most-service-three{
	margin-top: 50px;
	overflow: hidden;
	padding-bottom: 45px;
} 
.our-most-service-three p{
	margin-top: 10px;
} 
/* ==========================================================================
21. Our Service page two
 ========================================================================== */ 
 .service-page-two-content{
 	background: #fff;
 }
 .service-page-content-bg{
 	background:url(images/background/tp-bg.png);
 	padding-bottom: 53px;
    padding-top: 84px;
 }
 .most-service-two-details h2{
 	font-size: 24px;
    line-height: 30px;
    margin: -5px 0 20px 0;
    font-family: 'Raleway';
    font-weight: 300;
    color: #444444;
    text-transform: none;
 }
 .most-service-two-icon{
    background: #0FBCF5;
    font-size: 24px;
    width: 15%;
    height: 45px;
    padding: 3px;
    float: left;
 }
 .most-service-two-icon i{
	color: #ffffff;
	font-size: 24px;
	text-align: center;
	display: block;
	padding: 7px;
 }
 .most-service-two-text{
    width: 75%;
    float: right;
    margin-top: -5px;
    margin-bottom: 30px;
 }
 .most-service-two-text h3{
 	font-size: 16px;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 10px;
    clear: none !important;
    line-height: normal;
    color: #444;
 }
 .most-service-two-text p{
 	margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 14px;
    line-height: 20px;
    display: block;
 }
 .welcome-to-website{
 	background: #fff;
 }
.welcome-title{
	margin-bottom: -15px;
	margin-top: 96px;
}
.welcome-title h3{
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
}
 .our-experians h2{
	font-size: 24px;
	line-height: 30px;
	color: #444444;
	margin-bottom: 50px;
 }
/* ==========================================================================
21.1 Skill bar
 ========================================================================== */ 
 .skillst5 .skillbar{
    width: 100%;
    height: 5px;
    background-color: #E1E1E1;
    position: relative;
    margin-bottom: 40px;
    padding: 0px;
    box-sizing: border-box;
}
.skillst5 .count-bar{
	width: 100%;
	height: 5px;
	width:0px;
	position:relative;
}
.skillst5 .count-bar.color-1{
	    background-color: #0FBCF5;
}
.skillst5 .title{
	color: #444;
	font-family: open sans;
	font-weight: 700;
	left: 0;
	line-height: 25px;
	min-width: 220px;
	position: absolute;
	top: -23px;
}
.skillst5 .count-bar .count{
	position:absolute;
	line-height:18px;
	top:-28px;
	right:-20px;
	width: 40px;
	height: 18px;
	color:#fff;
	text-align:center;
}
.skillst5 .count-bar .count span{
	display: block;
	font-family: open sans;
	position: relative;
}
.skillst5 .count-bar .count span:after{
	position:absolute;
	left:50%;
	margin-left:-4px;
	top:18px;
	content:"";
	border-left:4px solid transparent;
	border-right:4px solid transparent;
}
.skillst5 .count-bar.color-1 .count{
	background-color: #000;
}
.skillst5 .count-bar.color-1 .count span:after{
	border-top:4px solid #000000;
}
.skillst5 .count-bar.color-2 .count{
	background-color: #34495e;
}
.skillst5 .count-bar.color-2 .count span:after{
	border-top:4px solid #34495e;
}
.skillst5 .count-bar.color-3 .count{
	background-color: #f1c40f;
}
.skillst5 .count-bar.color-3 .count span:after{
	border-top:4px solid #f1c40f;
}
.skillst5 .count-bar.color-4 .count{
	background-color: #2980b9;
}
.skillst5 .count-bar.color-4 .count span:after{
	border-top:4px solid #2980b9;
}
.skillst5 .count-bar.color-5 .count{
	background-color: #da500e;
}
.skillst5 .count-bar.color-5 .count span:after{
	border-top:4px solid #da500e;
}
.service-accprdion h2{
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 32px;
}
.service-accprdion h4 a{
    color: #444444!important;
}
.skill .progress .lead {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  left: 10px;
  position: absolute;
  top: 4px;z-index:99
}
.skill .progress {
  background-color: #F0F0F0;
  border-radius: 0;
  height: 30px;
  margin-bottom: 20px;
  position: relative;box-shadow: none;
}
.skill .progress-bar > span {
  float: right;
  font-size: 15px;
  margin-right: 27px;
  margin-top: 3px;
}
.holax-shop{}
.holax-shop h3,.we-are-good-at h3{font-size: 18px;
margin-bottom: 25px;}
.holax-shop p{}
.we-are-good-at{}
.we-are-good-at h3{}
.skill .progress:nth-child(1) .progress-bar {
  background: #F46E6E;
}
.skill .progress:nth-child(2) .progress-bar {
  background: #5476A9;
}
.skill .progress:nth-child(3) .progress-bar {
  background: #63AD68;
}
.skill .progress:nth-child(4) .progress-bar {
  background: #23C6EC;
}
/* ==========================================================================
21.2 Product and service area
 ========================================================================== */ 
.product-and-service-area{
	margin-bottom: 39px;
	margin-top: 58px;
	overflow: hidden;
}
.product-service-details h2{
	font-size: 24px;
	line-height: 30px;
}
.product-service-details a{
	margin-left: 0 !important;
}
.product-service-box{
	background: #f4f4f5;
	padding: 15px;
	text-align: center;
	width: 230px;
}
.product-service-box h3{
	font-size: 18px;
	line-height: 24px;
	color:#444;
}
.product-service-box a{
	color: #FFFFFF;
    background-color: #0FBCF5;
    padding: 10px 15px;
    display: block;
    width: 110px;
    margin: 10px auto !important;
	transition: all 500ms;
}
.product-service-box a:hover{
	background: #27C3F6;
}
.totaly-renewed-area{
	background: #f5f5f5;
	padding-bottom: 39px;
	padding-top: 10px;
}
.totaly-renewed h2{
	font-size: 32px;
	line-height: 40px;
	color:#444;
}
.totaly-renewed h2 span{
	color: #27C3F6;
}
.totaly-renewed h3{
	color: #444;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 28px;
	margin-top: -5px;
}
.totaly-renewed p{
	margin-top: 20px;
}
.totaly-renewed p a{
	background-color: #0fbcf5;
	color: #ffffff;
	font-family: open sans;
	padding: 9px 15px;
    -webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
.totaly-renewed p a:hover{
	background: #27C3F6;
}
/* ==========================================================================
22. Meet The Teem
 ========================================================================== */ 
.teem-title{
	margin-top: 95px!important;
}
.meet-teem-content{
	background: #fff;
}
.meet-teem-content .team-box{
	width: 260px;
}
.meet-teem-content .team-area-title {
	border-bottom: 1px solid #ccc;
	margin-top: 50px;
}
.meet-teem-content .team-area-title h2 {
	font-size: 32px;
	line-height: 40px;
}
.meet-teem-content .team-area-title p {
	padding-bottom: 13px;
}
.meet-teem-content .team-box-ara {
	border-top: inherit;
	margin-top: -36px;
}
/* ==========================================================================
23. Meet The Teem Two
 ========================================================================== */ 
.meet-teem-content-two{
	background: #fff;
}
.meet-teem-content-two .team-area-title{
	border-bottom: solid 1px #eee;
}
.meet-teem-content-two .team-box-ara {
  border-top: inherit;
  padding-top: 4px;
}
.meet-teem-content-two .team-area-title h2{
	font-size: 32px;
	line-height: 40px;
}
.meet-teem-content-two .team-area-title p{
	margin-bottom: 30px;
}
.meet-teem-content-two .team-box-ara{
	margin-top: -38px;
}
.meet-teem-content-two .team-box{
	width: 100%;
	margin-bottom: 20px;
}
.meet-teem-content-two .team-box img{
	width: 100%;
}
/* ==========================================================================
24. Meet The Teem Three
 ========================================================================== */ 
.meet-teem-content-three{
	background: #fff;
}
.meet-teem-content-three .team-box{
	width: 100%;
}
.meet-teem-content-three .team-box img{
	width: 100%;
}
.teem-title h2{
    font-size: 24px;
    line-height: 30px;
 }
.teem-span-title{
	text-transform: inherit !important;
} 
 .team-box-ara-two{
    margin-top: -20px;
 }
.meet-five-man ul li{
	float: left;
	width: 18.4%;
	margin-top: -13px;
	margin-bottom: 3px;
	margin-left: 16.2px;
}
.meet-five-man ul li img{
	margin: 20px 0px;
}
.meet-teem-skill span{
	font-family: open sans;
}
.meet-teem-skill h2{
	font-size: 24px;
	line-height: 30px;
	margin-top: 23px;
	margin-bottom: 17px;
}
.skill-left{
	margin-left: -10px;
}
.progress-color{
	background: #97DAED;
}
.meet-clint-say h2{
	font-size: 24px;
	line-height: 30px;
	margin-top: 23px;
	margin-bottom: 17px;
}
.su-testimonial.su-testimonial-style-2 .su-testimonial-text {
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    padding: 40px 40px 40px 70px;
    -webkit-box-shadow: -4px 0px 0 #F46E6E;
    box-shadow: -4px 0px 0 #F46E6E;
    margin-left: 4px;
    position: relative;
}
.su-testimonial.su-testimonial-style-2 .su-testimonial-text:before {
    bottom: -22px;
    left: 48px;
    border-left: 22px solid transparent;
    border-top: 22px solid;
    border-top-color: #dcdcdc;
}
.su-testimonial.su-testimonial-style-2 .su-testimonial-text .quote:before {
    content: "\f10d";
    font-family: FontAwesome;
    position: absolute;
    top: 37px;
    left: 25px;
    font-size: 32px;
    font-style: normal;
    color: rgba(0, 0, 0, 0.06);
}
.su-testimonial.su-testimonial-style-2 .su-testimonial-text:after {
    bottom: -20px;
    left: 49px;
    border-left: 20px solid transparent;
    border-top: 20px solid;
    border-top-color: #fff;
}
.su-testimonial.su-testimonial-style-2 .su-testimonial-text:before, .su-testimonial.su-testimonial-style-2 .su-testimonial-text:after {
    content: "";
    display: block;
    position: absolute;
    border-right: 0 solid transparent;
}
.su-testimonial-has-photo.su-testimonial-style-2 .su-testimonial-photo {
    display: inline-block;
    margin: 50px 10px 0 44px;
}
.su-testimonial-has-photo.su-testimonial-style-2 .su-testimonial-photo img {
    margin-left: 8px;
    margin-top: -25px;
}
.su-testimonial-has-photo .su-testimonial-photo img {
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.su-testimonial.su-testimonial-style-2 .su-testimonial-cite {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    margin-top: 36px;
}
.su-testimonial.su-testimonial-style-1 .su-testimonial-name, .su-testimonial.su-testimonial-style-2 .su-testimonial-name {
    font-weight: bold;
    display: block;
    font-size: 14px;
}
.su-testimonial.su-testimonial-style-2 .su-testimonial-cite {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    margin-top: 36px;
}
.su-testimonial.su-testimonial-style-2 .su-testimonial-cite {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    margin-top: 36px;
}
.teem-percuse-area{
	background: #ede8e8 none repeat scroll 0 0;
	display: block;
	margin-bottom: 26px;
	margin-top: 21px;
	overflow: hidden;
	padding: 15px 5px;
}
.teem-percuse-text h2{
	font-size: 22px;
	line-height: 32px;
	margin: 0;
    color: #221b1b;
}
.teem-percuse-text p{
	color: #444;
}
.teem-percuse-button a{
	border-radius: 0;
    color: #e62828;
    background: #c1a4a4;
    float: right;
    padding: 20px 30px;
    font-size: 18px;
    margin: 2px 0 0px 20px;
    text-decoration: none;
    font-weight: 500;
    -webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
.teem-percuse-button a:hover{
	background: #cbb3b3 none repeat scroll 0 0;
}
.teem-history-area{
	margin-bottom: 19px;
	margin-top: 20px;
	overflow: hidden;
}
.teem-history-text h2{
	font-size: 24px;
	line-height: 30px;
	margin: 0 0 20px 0;
	font-family: 'Raleway';
	font-weight: 300;
	color: #444444;
	text-transform: none;
}
.teem-history-text p{
	margin-top: 20px;
	color: #444;
}
.teem-history-text a{
	background-color: #2D89EF;
    color: #fff;
    padding: 10px 15px;
    display: block;
    width: 102px;
    margin-top: 20px;
    -webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
.teem-history-text a:hover{
	background-color: #4596f1;
}
.teem-history-photo img{}

/* ==========================================================================
25. Clint and testimonial
 ========================================================================== */
.clint-and-testimonial{
	background: #fff;
} 
.clint-title h2{
	font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    margin-top: 96px;
    margin-bottom: 19px;
}
.clint-title p{
	margin-bottom: 45px;
}
.meet-clint-say{
    margin-bottom: 25px;
}
.clint-testimonial-carosel-area{
	background: #f5f5f5 none repeat scroll 0 0;
	padding-bottom: 15px;
	padding-top: 35px;
}
.testimonial{
	background-color:#FFF;
	color:#666666;
	border:1px solid #DDD;
	border-radius:2px;
	font-size:14px;
	font-family:Georgia;
	margin:5px;
	padding:20px;
	font-style: italic;
}
#owl-demo-clint .item {
    border-right: 1px solid rgba(180, 180, 180, 0.27);
}
#owl-demo-clint .item .image-wrapper {
    display: inline-block;
    border-bottom: 1px solid rgba(180, 180, 180, 0.27);
    width: 105%;
    text-align: center;
    height: auto;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#owl-demo-clint .item .image-wrapper:last-child{
	border-bottom: 0px solid rgba(180, 180, 180, 0.27);
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    padding: 10px;
}
#owl-demo-clint .owl-nav{
	text-align: center;
}
#owl-demo-clint .owl-nav .owl-prev:after{
	background: #BEC6C3 none repeat scroll 0 0;
	border-radius: 100%;
	color: #fff;
	content: "\f105";
	font-family:FontAwesome;
	display: block;
	height: 30px;
	right: 44%;
	padding: 4px;
	position: absolute;
	top: 210px;
	width: 30px;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
#owl-demo-clint .owl-nav .owl-prev:hover:after{
	background: #869791;
}
#owl-demo-clint .owl-nav .owl-next, #owl-demo-clint .owl-nav .owl-prev{
	background: inherit;
	color: #f5f5f5;
	display: none;
	overflow: hidden;
}
#owl-demo-clint .owl-nav .owl-next:before{
	background: #BEC6C3 none repeat scroll 0 0;
	border-radius: 100%;
	color: #fff;
	content: "\f104";
	font-family:FontAwesome;
	display: block;
	height: 30px;
	left: 44%;
	padding: 4px;
	position: absolute;
	top: 210px;
	width: 30px;
	transition: all 500ms;
}
#owl-demo-clint .owl-nav .owl-next:hover:before{
	background: #869791;
}
#owl-demo-clint .owl-controls{
	margin-bottom: -30px;
}
#owl-demo-clint span{
	display: none;
}
.bx-name{
	color:#666666;
}
#owl-demo-clint-text .testimonial{
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #666666;
	font-family: Georgia;
	font-size: 14px;
	font-style: italic;
	margin: 5px;
	padding: 20px;
}
#owl-demo-clint-text .owl-dots{
	display: none!important;
}
/* ==========================================================================
26. Help Center
 ========================================================================== */ 
.help-center{
	background: #FFFFFF;
	padding-bottom: 35px;
}
.help-result{
    margin-top: 91px;
    margin-bottom: 50px;
}
.help-center-card{
    margin-top: 0;
    margin-bottom: 22px;
}
.help-result div.back{
	width: 215px!important;
	border: solid 3px #ddd;
	height: 90%!important;
}
.help-result div.front{
	border: solid 3px #ddd;
	display: block;
	height: 100%;
	width: 215px !important;
}
.help-result .front a {
	background: #a0d468;
	color: #fff;
	display: block;
	font-size: 15px;
	margin: -5px auto 10px;
	padding: 7px 15px;
	transition: all 1s ease 0s;
	width: 110px;
}
.help-result .back h4 {
  margin-top: 20px;
}
.font-bottom{
	border: solid 3px #ccc;
	height: 250px;
	margin-top: 4px;
}
.font-bottom img{
	margin-bottom: -20px;
	width: 100%;
}
.panel-default {
    border-color: #ddd;
    border-radius: inherit!important;
}
.help-result .front h3 {
	font-size: 24px;
	line-height: 30px;
	margin-top: 15px;
}
.help-genaral-question{
	clear: both;
	display: block;
	padding-top: 20px;
}
.help-genaral-question h3 strong{
	color: #444;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 20px;
}
.help-theme-option{
	margin-top: 53px;
}
.help-clear-documantation{
	margin-top: 53px;	
}
.help-clear-documantation h3 strong,
.help-theme-option h3 strong{
	font-size: 18px;
	line-height: 48px;
	color: #444;
}
.medil{
	margin-left: -7.5px;
	margin-right: 7.5px;
}
.help-contact-our-expert p{
	margin-top: 70px;
	margin-bottom: 26px;
	text-transform: uppercase;
}
.help-contact-our-expert p {
  margin-bottom: 26px;
  margin-top: 20px;
  text-transform: uppercase;
}
.help-contact-our-expert .team-box {
  margin-top: 41px;
}
.help-center .panel-default > .panel-heading {
	background-color: inherit;
	border-color: inherit;
	color: #333;
}
.help-center .team-box {
	border: 1px solid #ccc !important;
	margin-left: 8px;
	width: 235px;
}
.help-sidebar{
	background: #f5f5f5 none repeat scroll 0 0;
	margin-top: 30px;
	padding: 24px 20px 20px;
}
.help-sidebar-centerd-area{
	text-align: center;
}
.help-sidebar p{
	margin-bottom: 20px;
	color: #444;
	font-size: 14px;
	line-height: 20px;
}
.help-sidebar h1{
	color: #444;
	display: block;
	font-family: open sans;
	font-size: 65px;
}
.help-sidebar small strong{
	color: #444;
	font-size: 12px;
	margin-bottom: 40px!important;
	display: block;
}
.help-sidebar h3{
    font-weight: bold;
    font-size: 21px;
    line-height: 26px;
    margin: 20px 0 20px 0;
}
.help-sidebar a{
	font-size: 16px;
	border-radius: 3px;
	line-height: 32px;
	padding: 10px 20px;
	color: #FFFFFF;
	background-color: #2D89EF;
	transition: all 300ms;
}
.help-sidebar a:hover{
	background: #4596f1;
}
.help-sidebar a.small{
	padding: 7px 10px;
	font-size: 14px;
}
#accordion3 .panel-heading {
	background-color: #d9e9f3;
	border-color: inherit;
	color: #545a5e;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
#accordion3 .panel-heading:hover {
	background-color: #c8d7e0;
}
#accordion3 .help-question{
	background-color: inherit;
}
#accordion3 .help-question:hover{
	background-color: inherit;
}
#accordion3 h4 a {
	color: inherit;
	font-size: 14px;
	font-weight: bold;
	margin-left: -10px;
	transition: all 500ms ease 0s;
}
#accordion3 h4 a:hover {
  color: inherit;
}
#accordion1 h4 a {
	color: inherit;
	font-size: 14px;
	font-weight: bold;
	margin-left: -10px;
	transition: all 500ms ease 0s;
}
#accordion1 h4 a:hover {
	color: inherit;
}
#accordion2 h4 a {
	color: inherit;
	font-size: 14px;
	font-weight: bold;
	margin-left: -10px;
	transition: all 500ms ease 0s;
}
#accordion2 h4 a:hover {
  color: inherit;
}
.ec-icon [data-toggle="collapse"]:after{
	font-family: 'Glyphicons Halflings';
	content: "\e072";
	float: left;
	color: #000;
	line-height: 22px;
    margin-right: 20px;
    margin-top: -2px;
	font-size: 10px;
	line-height: 22px;
	-webkit-transform: rotate(-90deg);
	-moz-transform:    rotate(-90deg);
	-ms-transform:     rotate(-90deg);
	-o-transform:      rotate(-90deg);
	transform:         rotate(-90deg);
}
.ec-icon [data-toggle="collapse"].collapsed:after{
	-webkit-transform: rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}
/* ==========================================================================
27. Question And Answer
 ========================================================================== */ 
.question-answer{
	margin-top: 95px;
}
#accordion3 .panel-default {
	margin-bottom: 7px !important;
}
.question-answer-text{}
.question-answer-text h2{
    font-size: 24px;
    line-height: 30px;
    color: #444;
    margin: 15px 0 15px 0;
}
.question-answer-text p{
	margin-bottom: 20px;
}
.question-answer-text a{
	background-color: #8cc14c;
	color: #ffffff;
	padding: 10px;
}
.question-sidebar{
    background: #F5F5F5;
    border: 5px solid#DDDDDD;
    padding: 10px;
    margin-top: 30px;
}
.question-sidebar h3{
	border-bottom: 5px solid#DDDDDD;
	margin: 0 0px 15px 10px;
	font-size: 20px;
	line-height: 25px;
	padding: 6px 0px 15px 0px;
	width: 94%;
}
.progress-bar-four{
	background: #3498DB;
}
.progress-bar-five{
	background: #1ABC9C;
}
.progress-bar-six{
	background: #8E44AD;
}
.progress-bar-seven{
	background: #C0392B;
}
.progress-bar-eight{
	background: #2C3E50;
}
.question-answer-carosel{
	border: 1px solid#A0D468;
	margin-top: 30px;
	padding: 10px;
    height: 305px;
    background: #F5F5F5;
}
.question-answer-carosel h3{
	border-bottom: 1px solid #dddddd;
	margin: 4px 0 0 10px;
	padding: 0 0 13px 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	text-transform: none;
	color: #444444;
    position: relative;
}
.question-answer-carosel h3:after{
    content: "";
    background-color: #A0D468;
    height: 1px;
    position: absolute;
    width: 110px;
    bottom: -1px;
    left: 0;
}
.testimonials-wrapper blockquote{
	background-color:transparent;
	color:#666666;
	border:none;
	font-size:14px;
	font-family:Georgia;
	margin:0px 0 5px 0;
	padding:20px;
	font-style: italic;
}
.block-comma blockquote.testimonial p {
    background: url('images/quote-left.png') no-repeat 0 0 , url('images/quote-right.png') no-repeat 100% 100%;
    padding: 0 25px;
}
.testimonials blockquote.testimonial p{
	margin-bottom: 10px;
	line-height: normal;
}
p, ul, ol, dl, blockquote, pre, address, fieldset, figure {
    margin: 0 0 20px 0;
}
p, ul, ol, dl, blockquote, pre, address, fieldset, figure {
    margin: 0 0 20px 0;
}
blockquote {
    padding-left: 15px;
    border-left: 5px solid #dddddd;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
}
.client-info cite {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 12px;
}

/* ==========================================================================
28. Plan and Price
 ========================================================================== */ 
.priceh2 h2{
	color: #ffffff;
	font-size: 48px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 34px;
	margin-top: 3px;
}
.price-table-plan{
	margin-top: 195px;
}
.price-table-plan ul{}
.price-table-plan ul li{
	width: 25%;
	float: left;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-ms-transition: all 500ms;
	-o-transition: all 500ms;
	-webkit-transition: all 500ms;
}
.price-table-plan ul li:hover{
	margin-top: -30px;
}
.price-table-plan ul li ul.inner-table li:hover{
	margin-top: 0px;
}
.price-area{
	background: #FFF9F0;
}
.plan-head{
    padding-top: 35px;
}
.plan-icon{
	background: rgba(0, 0, 0, 0.03);
	width: 100px;
	border-radius: 50%;
	height: 100px;
	margin: 0 auto;
}
.plan-icon i{
	font-size: 60px;
	line-height: 100px;
	color: #f89406;
}
.plan-head h2{
	color: #444444;
	font-size: 22px;
	text-transform: uppercase;
	margin-top: 28px;
}
.plan-head h3{
	font-family: Open Sans;
	font-size: 30px;
	font-weight: 600;
}
.plan-head p{
	margin-top: 5px;
	font-size: 0.9em;
	opacity: 0.7;
}
.plan-option{
	margin: 0;
	padding: 0.5em 0.2em;
	border-top: 1px dotted rgba(221, 221, 221, 0.5);
	list-style: none;
	-webkit-transform: translateZ(0);
	overflow: hidden;
}
.plan-option p{
	color: rgba(248, 148, 6, 0.5);
	margin: 10px;
	display: block;
    margin-bottom: 20px;
}
.plan-option a{
	color: #ffffff;
	background-color: #f89406;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 32px;
	padding: 10px 20px;
}
.plan-option ul.inner-table{
	margin-top: 20px;
}
.plan-option ul.inner-table li{
	width: 100%;
	color: #f89406;
	padding: 10px 0px;
	border-top: 1px dotted rgba(221, 221, 221, 0.4);
}
.plan-option ul.inner-table li strong{
	font-family: Open Sans;
}
.plan-footer{
	background: #FFF3E2;
	padding: 25px 0px;
}
.plan-footer a{
	display: inline-block;
	text-decoration: none !important;
	padding: 10px 45px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-transform: translateZ(0);
	background-color: #f89406;
	color: #ffffff;
}
.price-area-two{
    background: #F0FAFD;
}
.price-area-three {
	margin-top: -30px;
}
.price-area-three .plan-head {
	position: relative;
	overflow: hidden;
	padding-top: 65px;
}
.price-area-three .plan-head .su-plan-badge {
  background-color: #a4ba5b;
  border-color: #8a9f43;
}
.price-area-three .plan-head .su-plan-badge {
  border-style: solid;
  border-width: 2px;
  color: #fff;
  font-size: 10px;
  line-height: 10px;
  padding: 5px 8px;
  position: absolute;
  right: -35px;
  text-align: center;
  top: 23px;
  transform: rotate(45deg);
  width: 125px;
}
.plan-icon-two{
	background: rgba(0, 0, 0, 0.03);
	width: 100px;
	border-radius: 50%;
	height: 100px;
	margin: 0 auto;
}
.plan-icon-two i{
	font-size: 60px;
	line-height: 100px;
	color: #01A5DB;
}
.plan-option-two ul.inner-table{
	margin-top: 20px;
}
.plan-option-two{
	margin: 0;
	padding: 0.5em 0.2em;
	border-top: 1px dotted rgba(221, 221, 221, 0.5);
	list-style: none;
	-webkit-transform: translateZ(0);
	overflow: hidden;
}
.plan-option-two p{
	color: rgba(1, 165, 219, 0.5);
	margin: 10px;
	display: block;
	margin-bottom: 20px;
}
.plan-option-two a{
	color: #ffffff;
	background-color: #00ABE4;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 32px;
	padding: 10px 20px;
}
.plan-option-two ul.inner-table li{
	width: 100%;
	color: #01a5db;
	padding: 10px 0px;
	border-top: 1px dotted rgba(221, 221, 221, 0.4);
}
.plan-option-two ul.inner-table li strong{
	font-family: Open Sans;
}
.plan-footer-two{
	background: #E2F5FB;
	padding: 25px 0px;	
}
.plan-footer-two a{
	display: inline-block;
	text-decoration: none !important;
	padding: 10px 45px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-transform: translateZ(0);
	background-color: #02A9E0;
	color: #ffffff;	
}
.price-area-three{
    background-color: rgba(132,162,0,.06);
}
.plan-icon-three{
	background: rgba(0, 0, 0, 0.03);
	width: 100px;
	border-radius: 50%;
	height: 100px;
	margin: 0 auto;
}
.plan-icon-three i{
	font-size: 60px;
	line-height: 100px;
	color: #84A200;
}
.plan-option-three ul.inner-table{
	margin-top: 20px;
}
.plan-option-three{
	margin: 0;
	padding: 0.5em 0.2em;
	border-top: 1px dotted rgba(221, 221, 221, 0.5);
	list-style: none;
	-webkit-transform: translateZ(0);
	overflow: hidden;
}
.plan-option-three p{
	color: rgba(132, 162, 0, 0.5);
	margin: 10px;
	display: block;
	margin-bottom: 20px;
}
.plan-option-three a{
	color: #ffffff;
	background-color: #738d00;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 32px;
	padding: 10px 20px;
}
.plan-option-three ul.inner-table li{
	width: 100%;
	color: #84a200;
	padding: 10px 0px;
	border-top: 1px dotted rgba(221, 221, 221, 0.4);
}
.plan-option-three ul.inner-table li strong{
	font-family: Open Sans;
}
.plan-footer-three{
	background: #F2F5E2;
	padding: 25px 0px;	
}
.plan-footer-three a{
	display: inline-block;
	text-decoration: none !important;
	padding: 10px 45px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-transform: translateZ(0);
	background-color: #8AA902;
	color: #ffffff;	
}
.price-area-four{
    background-color: rgba(193,8,65,.06);
}
.plan-icon-four{
	background: rgba(0, 0, 0, 0.03);
	width: 100px;
	border-radius: 50%;
	height: 100px;
	margin: 0 auto;
}
.plan-icon-four i{
	font-size: 60px;
	line-height: 100px;
	color: #D40746;
}
.plan-option-four ul.inner-table{
	margin-top: 20px;
}
.plan-option-four{
	margin: 0;
	padding: 0.5em 0.2em;
	border-top: 1px dotted rgba(221, 221, 221, 0.5);
	list-style: none;
	-webkit-transform: translateZ(0);
	overflow: hidden;
}
.plan-option-four p{
	color: rgba(212, 7, 70, 0.5);
	margin: 10px;
	display: block;
	margin-bottom: 20px;
}
.plan-option-four a{
	color: #ffffff;
	background-color: #d90949;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 32px;
	padding: 10px 20px;
}
.plan-option-four ul.inner-table li{
	width: 100%;
	color: #d40746;
	padding: 10px 0px;
	border-top: 1px dotted rgba(221, 221, 221, 0.4);
}
.plan-option-four ul.inner-table li strong{
	font-family: Open Sans;
}
.plan-footer-four{
	background: #F9E2EA;
	padding: 25px 0px;	
}
.plan-footer-four a{
	display: inline-block;
	text-decoration: none !important;
	padding: 10px 45px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-transform: translateZ(0);
	background-color: #c10841;
	color: #ffffff;	
}
.plan-price-info{
	margin-top: 55px;
}
.Business-Plan-Info h3{
	color: #666;
	margin-bottom: 18px;
}
.Business-Plan-Info h3:after{
    content: "";
    width: 58%;
    height: 1px;
    display: block;
    position: absolute;
    background: #ccc;
    right: 20px;
    top: 34px;

}
.Business-Plan-Info h4{
	margin-bottom: 20px;
	margin-top: 27px;
}
.Business-Plan-Info span {
	color: #444;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: left;
    margin: 0 0 10px 0px;
    float: left;
    display: inline-block;
    margin: 0.2em 0.5em 0.2em 0;
    text-align: center;
    overflow: hidden;
    text-transform: uppercase;
}
.Business-Plan-Info span.su-dropcap{
	font-size:3.5em;
}
.Mega-Plan-Info{}
.Mega-Plan-Info h3{
	color: #666;
	margin-bottom: 18px;
}
.Mega-Plan-Info h3:before{
	content: "";
	width: 64%;
	height: 1px;
	display: block;
	position: absolute;
	background: #ccc;
	right: 20px;
	top: 34px;
}
.Mega-Plan-Info h4{
	margin-bottom: 20px;
}
.Mega-Plan-Info p{}
.Mega-Plan-Info p span{
	background:#ddff99;
	color:#000000
}
.plan-faq-qrea{}
.panel-heading-round [data-toggle="collapse"]:after{
	font-family: 'FontAwesome';
	content: "\f061";
	float: left;
	color: #000;
	line-height: 22px;
    margin-right: 20px;
    margin-top: -2px;
	font-size: 10px;
	line-height: 22px;
	-webkit-transform: rotate(90deg);
	-moz-transform:    rotate(90deg);
	-ms-transform:     rotate(90deg);
	-o-transform:      rotate(90deg);
	transform:         rotate(90deg);
}
.panel-heading-round [data-toggle="collapse"].collapsed:after{
	-webkit-transform: rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
}
.plan-faq-qrea h3:after{
	content: "";
	width: 93%;
	height: 1px;
	display: block;
	position: absolute;
	background: #ccc;
	right: 10px;
	top: 13px;
}
.plan-faq-qrea h3{
	text-transform: uppercase;
	position: relative;
}
.panel-group>.pnal-round{
	border-radius: 20px!important;
	margin-bottom: 20px;
}
.panel-group>.pnal-round>.panel-heading-round{
	border-radius: 20px!important;
	background: inherit!important;
	border-bottom: inherit!important;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.plan-collaps{
	border-top: 0px solid #ddd;
}
.panel-collapse .su-highlight{
	background:#ddff99;
	color:#000000;
}

/* ==========================================================================
29. Photo Gallary
 ========================================================================== */ 
.photo-graphy-area{
	background: #fff;
	padding-top: 80px;
	padding-bottom: 50px;
}
.photo-graphy ul li{
	float: left;
	width: 24.1%;
	margin-right: 10px;
	margin-bottom: 10px;
}
.photo-graphy ul li:last-child{
	margin-right: 0px;
}
.su-photo-gallery-links{
	background-color: rgba(0, 0, 0, 0.29);
    z-index: 8;
    overflow: hidden;
    width: 23.5%;
    height: 29.9%;
    position: absolute;
    opacity: 0;
	transition: all 1s ease;
}
.su-photo-gallery-links a i{
	position: absolute;
    left: 40%;
    top: 70%;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    padding: 19px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    opacity: 1;
	transition: all 1s ease;
}
.su-photo-gallery-links:hover{
	opacity: 1;
}
.su-photo-gallery-links:hover a i{
	top: 40%;
	opacity: 1;
}
.su-pg-item img{
	position: relative;
	width: 100%;
}
/* ==========================================================================
30. Right Sidebar
 ========================================================================== */ 
.right-sidebar-text h2{
	font-size: 24px;
    line-height: 30px;
    margin-top: -15px;
    margin-bottom: 16px;
}
.right-sidebar-text h4{
	font-size: 18px;
	line-height: 24px;
	padding: 0px 20px;
}
.product-and-service-area a{
    margin-left: 15%;
}
.right-sidebar-text h3 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: -20px;
  margin-top: 53px;
}
.right-sidebar-photo{
	margin-bottom: 20px;
}
.right-sidebar>.uk-panel{
	margin-bottom: 35px;
	margin-top: 30px;
}
.calendarDayName{
	width:14%;
}
.box3 {
    border: 1px solid #a0d468;
}
.uk-panel-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    text-transform: none;
    color: #444444;
}
.title-center .uk-panel-title {
    text-align: center;
}
.box3 .box3 {
    border: none;
    padding: 0;
}
div.k2UsersBlock ul {
    padding-left: 0;
}
div.k2UsersBlock ul li {
    list-style-type: none;
}
.lastItem {
    border: none;
}
.ubUserAvatar {
    float: left;
    height: 62px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
    width: 62px;
}
div.k2UsersBlock ul li a.ubUserName {
	color: #000;
	display: block;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px;
	text-decoration: none;
}
div.k2UsersBlock ul li {
    list-style-type: none;
}
.ubUserAvatar img {
    display: block;
    height: 62px !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 62px !important;
    border: none !important;
    margin: 0px;
    padding: 0px;
}
.title3 .uk-panel-title span.uk-title-text {
    border-bottom: 1px solid #a0d468;
    padding-bottom: 15px;
    display: inline-block;
    margin-bottom: -1px;
}
.box1, .box2, .box3, .box4, .box-shadow, .box-bevel, .box5, .box6 {
    padding: 15px;
}
.title3 .uk-panel-title {
    border-bottom: 1px solid #dddddd;
}
.k2Avatar img{
	width:50px;
	height:auto;
}
.box4 {
    background: #a0d468;
    border-radius: 3px;
    color: #444;
    color: #fff;
}
.box4 .uk-panel-title {
    color: #444 !important;
    color: #fff !important;
}
.box4.title8 .uk-panel-title span.uk-title-text {
    border: none;
}
.title8 .uk-panel-title span.uk-title-text {
    position: relative;
    color: #fff;
    background: #5e5e5e;
    border-left: 10px solid #a0d468;
    border-right: 10px solid #a0d468;
    display: block;
    padding: 5px 10px;
}
.title8 .uk-panel-title span.uk-title-text:before {
    content: '';
    height: 10px;
    width: 10px;
    background: #a0d468;
    transform: rotate(45deg);
    display: block;
    position: absolute;
    right: -8px;
    overflow: hidden;
    top: 12px;
}
.title8 .uk-panel-title span.uk-title-text:after {
    content: '';
    height: 10px;
    width: 10px;
    background: #a0d468;
    -webkit-transform: rotate(45deg);
    display: block;
    position: absolute;
    left: -8px;
    overflow: hidden;
    top: 12px;
}
.uk-panel > :not(.uk-panel-title):last-child {
    margin-bottom: 0;
}
.moduleItemIntrotext p{
	margin-top: 20px;
	color: #fff;
}
.box4 a {
    color: #444;
    color: #fff;
}
.uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel {
    margin-top: 25px;
}
.uk-grid > * > :last-child {
    margin-bottom: 0;
}
.box-bevel {
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 0 1px rgba(255, 255, 255, 0.08);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 0 1px rgba(255, 255, 255, 0.08);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 0 1px rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset, 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.title7 .uk-panel-title {
    width: 100%;
}
.uk-panel-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    text-transform: none;
    color: #444444;
}
.title7 .uk-panel-title span.uk-title-text {
    color: #fff;
    background: #5e5e5e;
    border-left: 10px solid #a0d468;
    display: block;
    padding: 5px 10px;
}
.uk-panel > :not(.uk-panel-title):last-child {
    margin-bottom: 0;
}
.box-bevel .box-bevel {
    box-shadow: none;
    padding: 0;
}
div.k2CalendarBlock {
    background: rgba(0, 0, 0, 0.1);
    padding: 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
table.calendar {
    margin: 0 auto;
    background: #fff;
    border-collapse: collapse;
    width: 100%;
    height: auto;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
table.calendar tr td.calendarNavMonthPrev {
    background: #f3f3f3;
    text-align: left;
}
table.calendar tr td {
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    border: 1px solid #f4f4f4;
    background: #fff;
}
table.calendar tr td.calendarCurrentMonth {
    background: #f3f3f3;
}
table.calendar tr td.calendarNavMonthNext {
    background: #f3f3f3;
    text-align: right;
}
table.calendar tr td {
    text-align: center;
    vertical-align: middle;
    padding: 2px;
    border: 1px solid #f4f4f4;
    background: #fff;
}
table.calendar tr td.calendarNavMonthNext a {
    font-size: 20px;
    text-decoration: none;
}
table.calendar tr td.calendarToday {
    background: #135cae;
    color: #fff;
}
a, .uk-link {
    color: #a0d468;
    text-decoration: none;
    cursor: pointer;
}
/* ==========================================================================
31. Left Sidebar
 ========================================================================== */ 
.left-sidebar{
	margin-top: 30px;
}
.left-sidebar-text {
  margin-top: 30px;
}
.left-sidebar-text .our-most-service-three {
	margin-top: 50px;
	overflow: hidden;
	padding-bottom: 0;
}
.left-sidebar-text h3{
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
	clear: both;
}
.left-sidebar-text p{
	color: #444;
}
.left-sidebar-tab{
	border: solid 3px #EEEEEE;
	margin-bottom: 20px;
}
.left-sidebar-tab a{
	color:#444;
}
.left-sidebar-tab-content{
    padding: 15px;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
    background-color: #EEEEEE;
}
/* ==========================================================================
32. Blog Page
 ========================================================================== */ 
.blog{
	margin-top: 55px;
}
.blog-area{
	margin-top: 40px;
	overflow: hidden;
}
.blog-info{
	float: left;
	margin-top: -23px;
	padding-right: 20px;
	text-align: center;
	width: 12%;
}
.blog-info-inner{
	margin-left: 30px;
}
.blog-date{
	border-bottom: 1px solid #ccc;
}
.blog-date h2{
	font-family: open sans;
	color: #444;
	display: block;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}
.blog-date p{
	color: #787d81;
	display: block;
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 15px;
}
.like{
	position: relative;
}
.like i{
	color: #888;
	font-size: 18px;
	margin-top: 10px;
}
.like h5{
	color: #888;
	font-family: open sans;
	font-size: 18px;
	margin-bottom: 0;
}
.like p{
	color: #888;
}
.blog-info:hover .share-social{
	opacity: 1;
}
.share-social{
	opacity: 0;
	transition: all 0.3s ease;
}
.share-social ul{
	margin-left: -5px;
	margin-top: -10px;
	width: 95px;
}
.share-social ul li{
	margin-bottom: 1px;
}
.share-social ul li span{
	background: #16a085;
	color: #fff;
	display: block;
	font-size: 12px;
	padding: 8px 0;
	text-transform: uppercase;
}
.share-social ul li a{
	background: #f6f6f6;
	color: #444444;
	display: block;
	font-size: 12px;
	padding: 8px 0;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.share-social ul li a.facebook:hover {
	background: #2D4282;
	color: #fff;
}
.share-social ul li a.twitter:hover {
	background: #52A7E7;
	color: #fff;
}
.share-social ul li a.google:hover {
	background: #C93A2D;
	color: #fff;
}
.share-social ul li a i{
	padding-right: 5px;
}
.blog-details{
	float: right;
	margin-bottom: 5px;
	width: 88%;
}
span.catItemImage {
	display: block;
	position: relative;
}
span.catItemImage a {
	box-sizing: border-box;
	display: block;
	overflow: hidden;
	position: relative;
}
.catItemLink::before{
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: rotate(-45deg);
	transform-origin: 0 0 0;
	transition: all 0.3s ease-in-out 0s;
	width: 100%;
}
.catItemLink::after {
	background: #444 none repeat scroll 0 0;
	border: 8px solid rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	color: #fff;
	content: "";
	font-family: FontAwesome;
	left: 50%;
	line-height: normal;
	margin-left: -35px;
	margin-top: -35px;
	opacity: 0;
	padding: 20px;
	position: absolute;
	top: 50%;
	transition: all 0.4s ease-in-out 0s;
}
span.catItemImage:hover a span.catItemLink::before {
	opacity: 1;
	transform: rotate(0deg);
}
span.catItemImage a span.catItemFrame::before {
	top: 0;
}
span.catItemImage:hover a span.catItemFrame::before{
	opacity: 1;
	transform: scale(0.96, 0.91);
}
span.catItemImage:hover a span.catItemLink::after {
	opacity: 1;
	transform: rotate(360deg);
}
span.catItemImage a span.catItemFrame::before{
	border-image: url("images/blog/framed.png") 8 8 8 8;
	border-style: solid;
	border-width: 9px 8px;
	content: "";
	height: 100%;
	opacity: 0;
	position: absolute;
	transform: scale(1, 1);
	transition: all 0.2s ease-in-out 0s;
	width: 100%;
	z-index: 1;
}
.blog-details h3{}
.blog-details h3 a{
	color: #444;
	font-size: 28px;
	font-weight: 300;
	margin-top: 30px;
	transition: all 1s ease;
}
.blog-details h3 a:hover{
	color: #a0d468;
}
.blog-details p.admin{}
.blog-details p.admin span{
	border-right: 1px solid #ccc;
	margin-right: 10px;
}
.blog-details p.admin i{
	color: #444;
	font-size: 12px;
	padding-right: 4px;
}
.blog-details p.admin strong{
	color: #444;
	font-size: 12px;
	font-weight: 500;
	padding-right: 5px;
	text-transform: uppercase;
}
.blog-details p.admin a{
	color: #888;
	padding-right: 10px;
	font-size: 13px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.blog-details p.admin a:hover{
	color: #a0d468;
}
.blog-details p{}
.blog-details a.read-more{
	background: #a0d468 none repeat scroll 0 0;
	border: 2px solid #a0d468;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.3s ease-in-out 0s;
}
.blog-details a.read-more:hover{
	background: #80ab51;
	border-color: #80ab51;
	color: #fff;
}
.pagination{
	margin-top: 79px;
	text-align: center;
	width: 100%;
}
.pagination ul li{
	background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
	border-radius: 2px;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 6px 12px;
	color: #999;
	transition: all 400ms ease-in-out 0s;
}
.pagination ul li:hover{
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	color: #fff;
}
.pagination ul li a:hover{
	color: #fff;
}
.pagination p{
	color: #999;
	margin-top: -10px;
}
.blog-search{
	margin-bottom: 56px;
	margin-top: 30px;
}
.blog-search .form-control{
	border-radius: inherit;
}
.blog-search .form-control:focus{
	border: solid 1px #A0D468;
}
.blog-from-area{
	border: 4px solid #a0d468;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
	margin: 35px 0;
}
.blog-from{
	padding: 15px;
}
.blog-from h3{
	color: #444444;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	padding-bottom: 12px;
	text-transform: none;
	margin-top: 0;
	position: relative;
	border-bottom: solid 1px #dddddd;
}
.blog-from h3:after{
	background: #a0d468 none repeat scroll 0 0;
	bottom: -2px;
	content: "";
	display: block;
	height: 3px;
	position: absolute;
	width: 120px;
}
.blog-from form{
	margin-top: 20px;
}
.blog-from form input[type=text],
.blog-from form input[type=password]{
	border-radius: 0;
	font-size: 14px;
	height: 35px;
}
.blog-from button{
	background: #a0d468 none repeat scroll 0 0;
	border: 2px solid #a0d468;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.3s ease-in-out 0s;
}
.blog-from button:hover{
	background: #80ab51 none repeat scroll 0 0;
	border-color: #80ab51;
	color: #fff;
}
.blog-from form ul{
	margin-top: 18px;
}
.blog-from form .checkbox{
	margin-left: 0;
}
.blog-from label{
	color: #4B4444;
	cursor: pointer;
	font-weight: 500;
}
.blog-from form ul li a i{
	color: #444444;
	padding-right: 10px;
}
.blog-from form ul li a{
	color: #a5a5a5;
	display: inline-block;
	font-size: 12px;
	transition: all 0.3s ease;
}
.blog-from form ul li a:hover{
	color: #222;
}
.blog-comment-area{
	border: 5px dashed #a0d468;
	margin-bottom: 35px;
}
.blog-comment{
	padding: 15px;
	overflow: hidden;

}
.blog-comment h3{
	margin: 15px 0;
	text-align: center;
	color: #444444;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 20px;
	margin-top: 0;
	text-transform: none;
	position: relative;
}
.blog-comment h3:after{
	background-image: url("images/blog/divider.png");
	content: "";
	height: 8px;
	left: 66%;
	margin-top: -4px;
	position: absolute;
	top: 46.6%;
	width: 25%;
}
.blog-comment h3:before{
	background-image: url("images/blog/divider.png");
	content: "";
	height: 8px;
	margin-top: -4px;
	position: absolute;
	right: 66%;
	top: 46.6%;
	width: 25%;
}
.blog-comment ul{
	padding-bottom: 35px;
}
.blog-comment ul li{
	border-bottom: 1px solid #ccc;
	margin-top: 25px;
	overflow: hidden;
	padding-bottom: 20px;
}
.comment-img{
	float: left;
	width: 70px;
}
.comment-text{
	float: right;
	margin-top: 15px;
	width: 250px;
}
.comment-text a {
  color: #000;
  display: block;
  font-size: 13px;
  margin-top: -18px;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}
.comment-text a:hover{
	color: #666;
}
.comment-text p{
	color: #ccc;
	font-size: 13px;
	font-style: italic;
}
/* ==========================================================================
33. Single Blog Page
 ========================================================================== */
span.itemFeatured{
	background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
	border-radius: 2px;
	bottom: 20px;
	color: #fff;
	font-size: 16px;
	left: 20px;
	padding: 8px;
	position: absolute;
	text-transform: uppercase;
 }
span.hidden-small{
	color: #f00;
	display: inline-block;
	font-size: 9px;
	padding-left: 5px;
	text-transform: uppercase;
 }
.blog-read{
	border-top: 1px solid #ccc;
	padding-top: 15px;
}
.blog-read span.read-item{
	float: left;
	font-family: open sans;
	width: 50%;
}
.blog-read span.modification{
	float: right;
	font-family: open sans;
	width: 50%;
}
.blog-super-user{
	border-bottom: 1px solid #a0d468;
	border-top: 1px solid #a0d468;
	margin-top: 60px;
	overflow: hidden;
	padding: 10px 0;
}
.blog-icon{
	float: left;
	width: 20%;
}
.blog-icon img{
	margin-top: 35px;
}
.single-blog-text{
	float: right;
	width: 80%;
}
.single-blog-text h3 a{
	color: #a0d468;
	transition: all 0.3s ease;
}
.single-blog-text h3 a:hover{
	color: #80ab51;
}
.single-blog-text p{
	width: 100%;
}
.single-blog-text p a{
	color: #a0d468;
	margin-left: 5px;
	transition: all 0.3s ease;
}
.single-blog-text p a:hover{
	color: #80ab51;
}
.latest-from-related-item{
	margin-top: 25px;
}
.latest-from{
	width: 47%;
}
.latest-from h3{
	font-size: 24px;
	line-height: 30px;
	color: #666;
}
.latest-from ul li{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-bottom: 1px solid #ddd;
	list-style-type: none;
	padding: 8px 0;
	position: relative;
}
.latest-from ul li a{
	color: #a5a5a5;
	text-decoration: none;
	font-size: 13px;
	font-family: open sans;
	transition: all 0.3s ease;
}
.latest-from ul li a:hover{
	color: #444;
}
.latest-from ul li a i{
	padding-right: 5px;
}
.latest-from ul li a:hover{}
/* ==========================================================================
34. 404 Page
 ========================================================================== */ 
.error-area{
	background: #3ab28c;
	padding: 150px;
}
.Error-page{
	padding: 70px 0;
}
.Error-page h2{
	color: #fff;
	font-family: open sans;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
}
.Error-page h3{
	border-bottom: 3px solid #fff;
	color: #fff;
	font-family: open sans;
	font-size: 150px;
	font-weight: bold;
	margin: 0 auto;
	width: 300px;
	transition: all 1s ease;
}
.Error-page p{
	color: #fff;
	font-family: open sans;
	font-size: 43px;
	margin-top: 20px;
}
.Error-page a{
	background: #A0D468;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 25px;
	margin: 50px auto;
	padding: 10px 20px;
	width: 190px;
	transition: all 1s ease;
}
.Error-page a:hover{
	opacity: 0.8;
}
.right-sidebar {
  margin-top: 55px;
}