/* Global CSS Document */

/*

/*

* Theme Name : Bizzpro- Multipages HTML Business Templates

* File name: style.css

* Description: Bizzpro-- Multipages HTML Business Template

* Version: 1.0







	---------------------------

	TABLE OF CONTENTS

	---------------------------

	

01. General & Basic Styles 

02. Demo Heading 

03. BG Color

04. Top Banner,lightbox 

05. Benefit We are Healping

06. TEAM

07. Team Box 

08. Navigation

09. Button

10. section

11. Feature Services 

12. Feature Services ii 

13. Business feature

14. About Us

15. Achivements

16. work 

17. Portfolio

18. Slider

19. Skill & Accordion

20. Back to top

21. Testimonial-area

22. Awesome Features Inner

23. Special Features

24. Side Tab

25. Top banner

26. Blog

27. Features Services ii

28. Inner pages 

29. Sidebar Bar blog

30. Blog

31. Pagination

32. Comments Area Blog

33. Particles

34. Login Page

35. Preloader

36. Home Features Top 

37. Chart Projects

38. Events

39  Testimonials

40  Recent Projects 

41  Clints Slide

42. Contact Us

43  footer

44.Tabile price 

45. Shop

46.Newsletter

47 Demos Intro





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

/*	       /* 01.General & Basic Styles /*

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



@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

@import url(http://fonts.googleapis.com/css?family=Raleway:300,900,100,600,400,500,800);

body {

	text-rendering: optimizeLegibility !important;

	-webkit-font-smoothing: antialiased !important;

	width: 100%;

	height: 100%;

	font-family: 'Open+Sans', sans-serif;

	text-rendering: optimizeLegibility !important;

	color: #333;

	line-height: 28px;

}

#canvas {

	background: #000;

	margin: 0;

	padding: 0;

}

h1, h2, h3, h4, h5, h6 {

	color: #000;

	font-weight: 500;

	text-transform: uppercase;

}

a {

	color: #000;

}

a:hover, a:focus {

	text-decoration: none;

	outline: none;

}

a:focus {

	color: #fff;

}

ul, ol {

	list-style: none;

	margin-bottom:0px;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	clear: both;

	height: 0;

}

.clearfix {

	display: inline-block;

}

.clearfix {

	display: block;

}

.no-pad {

	padding:0px;

}

ul, ol {

	padding: 0;

	webkit-padding: 0;

	moz-padding: 0;

}

clients-name .radius {

	border-radius: 50%;

}

img {

	max-width: 100%;

	height: auto;

}

.list-o li {

	padding:10px 15px;

}

.list-o ul {

	padding:0;

	margin:0;

}

.list-o i {

	margin-right:10px;

	color:#ff3300;

	font-size:10px;

}

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

/*	       /* 02.Demo Heading */

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



.main-area {

	background-color:#ff3300;

	border-bottom: 1px dashed #fff;

 background-color:

}

.photo-slide {

	text-align:center;

	margin:0 auto;

}

.goal {

	background: #fff;

	font-size: 18px;

	color: #000;

}

.yellow-back {

	background-color:#ff3300;

	color:#000;

	padding:10px 0 10px 0;

	text-align:center;

}

.black-back {

	background-color:#eee;

	color:#000;

	padding:10px 0 10px 0;

	text-align:center;

}

.black-gray {

	background-color:#333;

	color:#fff;

	padding:10px 0 10px 0;

	text-align:center;

}

.yellow-back a {

	background-color:#ff3300;

	color:#FFF;

	padding:10px 0 10px 0;

}

.black-back a {

	background-color:#eee;

	color:#000;

	padding:10px 0 10px 0;

}

.black-gray a {

	background-color:#333;

	color:#fff;

	padding:10px 0 10px 0;

}

.achiv {

	background: #000;

	font-size: 18px;

	color: #fff;

}

.all-goal {

	font-size: 22px;

	color: #fff

}

p {

	font-size: 15px;

	line-height: 28px;

	color: #333333;

	padding: 5px;

	letter-spacing:0px;

	margin: 0px 0 0px 0;

}

.no-p {

	padding: 0px;

}

p.para {

	font-size: 16px;

	line-height: 30px;

	color: #333333;

	padding: 5px;

	letter-spacing:0px;

	margin: 45px 0 45px 0;

}

p.para-w {

	font-size: 16px;

	line-height: 28px;

	color: #fff;

	padding: 5px;

	letter-spacing: 1px;

	margin: 25px 0 15px 0;

}

.demo-head {

	padding: 0px;

	margin-top: 0px;

}

.don-btn a {

	background: #ff3300 none repeat scroll 0 0;

	border-top: 1px dashed #fff;

	color: #fff;

	display: inline-block;

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 1px;

	line-height: 24px;

	margin-left: 35px;

	margin-top: 30px;

	padding: 5px 10px;

	position: relative;

	text-transform: uppercase;

}

.don-btn a {

	color: #fff;

}

.don-btn:hover {

	background: #000;

}

.letter-s {

	letter-spacing: 2px;

}

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

/*	        /* 03. BG Color  /*

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



.light-bg {

	background: #f7f7f7;

}

.gray {

	color: #333;

}

.light-gray {

	color: #333;

}

.white {

	color: #ffffff;

}

.yellow {

	color: #ffde00;

	font-weight: 600;

	text-transform: uppercase;

}

.red {

	color: #ff3300;

	font-weight: 600;

	text-transform: uppercase;

}

.black {

	color: #000;

	font-size: 16px;

}

.dark {

	color: #f1f1f1;

}

.red-s {

	color: #ff3300;

	font-weight: 600;

	font-family: 'Open+Sans', sans-serif;

}

.interface-img {

	text-align: center;

}

.centered {

	margin: 0 auto;

}

.orange {

	color: #ed3237;

}

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

/*	       /* 04.Top Banner,lightbox */

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

.director-message {

	background: url(../img/director-message.jpg) no-repeat scroll center center / cover;

}

.vision {

	background: url(../img/mission.jpg) no-repeat scroll center center / cover;

}





.bg-inner {

	background: url(../img/home_banner/02_home.jpg) no-repeat scroll center center / cover;

}





.about-banner {

	background: url(../img/about-plant.jpg) no-repeat scroll center center / cover;

}



.management-banner {

	background: url(../img/team.jpg) no-repeat scroll center center / cover;

}



.bg-inner-semi {

	background: url(../img/home_banner/02_home.jpg) no-repeat scroll center center / cover;

}

.contact-banner {

	background: url(../img/contavt-banner.jpg) no-repeat scroll center center / cover;

}



.pagenation-holder {

	background: #dedede;

	padding: 1px;

}

.pagenation-holder {

	color: #ff3300;

}

.pagenation_links a:hover {

	color: #790e15;

}

.text-con-inner {

	color: #fff;

	padding: 10px 0 0 0;

}

.text-con-form {

	color: #fff;

	padding: 220px 0 190px;

}

.low-back-gradient-inner {

	position: relative;

}

.top-heading-inner {

	color: #fff;

	font-size: 40px;

	font-weight: 600;

	text-transform: uppercase;

}

.low-back-gradient-inner:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: #000 none repeat scroll 0 0;

	opacity: 0.5

}

.tollfee {

	background-image: url(../img/tollfee.html);

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: center center;

}

.donation-back {

	padding: 55px;

}

.small-do {

	font-size: 22px;

	color: #fff;

	letter-spacing: 12px;

}

.small-hero {

	font-size: 16px;

	color: #000;

	letter-spacing: 25px;

}

.hero-text {

	font-size: 55px;

	text-transform: uppercase;

	color: #fff;

	line-height: 70px;

	font-family: 'Abril Fatface', cursive;

	margin-top: 45px;

	letter-spacing: 10px;

}

.hero-p {

	font-size: 16px;

	color: #f1f1f1;

	padding: 20px;

	line-height: 25px;

	letter-spacing: 2px;

}

.lead {

	font-size: inherit;

	font-size: 16px;

	font-weight: normal;

	line-height: normal;

	margin-bottom: 50px;

}

.white-back {

	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

	padding: 55px;

	border: 2px dashed #eee;

}

.top-heading {

	color: #000;

	font-size: 35px;

	font-family: 'Abril Fatface', cursive;

	font-weight: 100;

	letter-spacing: 10px;

	margin-bottom: 20px;

	padding: 20px;

	    background: #3e4095;

}

.video {

	position: absolute;

	top: 0;

	left: 50%;

	bottom: 0;

	min-width: 100%;

	min-height: 100%;

	-webkit-transform: translate(-50%, 0);

	-o-transform: translate(-50%, 0);

	transform: translate(-50%, 0);

	z-index: -999;

	padding: 0px;

	margin: 0px;

}

.text-con-video {

	color: #fff;

	padding: 100px 0 100px 0;

}

.mobile {

	padding: 35px 0 0 0;

}

.text-con-i {

	color: #fff;

	padding: 160px 0 0 0;

}

.text-con-rain {

	color: #000;

	padding: 190px 0 0 0;

}

.lead-rain h1 {

	color: #000;

	font-size: 30px;

	line-height: normal;

	font-family:'Montserrat', sans-serif;

	;

	font-weight: 300;

	line-height: normal;

	margin-top: 100px;

	text-transform: uppercase;

}

.lead-rain {

	font-size: inherit;

	font-size: 16px;

	font-weight: normal;

	line-height: normal;

	margin-bottom: 70px;

}

.top-heading-rain {

	color: #000;

	font-size: 70px;

	font-weight: 100;

	text-transform: uppercase;

}

.text-con-err {

	color: #fff;

	padding: 190px 0 250px 0;

}

.lead {

	font-size: inherit;

	font-size: 15px;

	font-weight: normal;

	line-height: normal;

	margin-bottom: 80px;

	letter-spacing: 1px;

}

.lead h1 {

	color: #fff;

	font-size: 30px;

	line-height: normal;

	font-family:'Montserrat', sans-serif;

	

	font-weight: 300;

	line-height: normal;

    margin-top: 167px;

	text-transform: uppercase;

}

.lead-fprm h1 {

	color: #fff;

	font-size: 30px;

	line-height: normal;

	font-weight: 300;

	line-height: normal;

	margin-top: 40px;

}

.top-heading {

	color: #fff;

	font-size: 25px;

	letter-spacing: 27px;

	line-height: 55px;

}

.text-con-app {

	padding:30px 0 30px;

}

.top-heading-i {

	color: #fff;

	font-size: 52px;

	font-weight: 100;

	text-transform: uppercase;

}

.top-heading-soon {

	color: #fff;

	font-size: 40px;

	text-transform: uppercase;

	padding: 180px 0 5px 0;

	font-family: "Bungee Inline", cursive;

	line-height:55px;

}

.top-heading-creative {

	color: #fff;

	font-size: 45px;

	font-weight: 600;

}

.lead-text {

	color: #dfdfdf;

	line-height: 25px;

}

.lead-controls {

	margin-top: 0px;

}

.video-about {

	padding: 190px 0 0 0;

}

.tab-about {

	background:#fff;

}

.video-top {

	padding: 20px 0 0 0;

}

.lead-controls-i {

	margin-top: 0px;

	display: table-cell;

	vertical-align: middle;

	margin: 0 auto;

	height: 600px;

}

.lead-laptop {

	margin-top: 20px;

	text-align: center;

}

.lead-controls a {

	margin-top: 20px;

	vertical-align: middle;

}

.play-home {

	font-size: 15px;

	display: inline-block;

}

.btn-lead {

	margin-right: 20px;

}

.play-home:hover {

	text-decoration: none;

}

.play-home .fa {

	padding: 1px;

	color: inherit;

	vertical-align: middle;

	margin-right: 10px;

	font-size: 10px;

}

.content {

	position: relative;

	background-color: #fff;

}

.low-back {

	position: relative;

}

.low-back:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.6);

}

.low-blue {

	position: relative;

}

.low-blue:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(16, 150, 189, 0.6);

}

.low-back-i {

	position: relative;

}

.low-back-i:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.5);

}

.low-back-gradient-o {

	position: relative;

}

.low-back-gradient-o:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(255, 47, 0, 0) linear-gradient(to top, #ff3300, #ff3300) repeat scroll 0 0;

	opacity: 0.7;

}

.low-back-gradient-i {

	position: relative;

}

.low-back-gradient-i:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: #000 none repeat scroll 0 0;

	opacity: 0.65

}

.low-back-footer-r {

	position: relative;

}

.low-back-footer-r:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0) linear-gradient(to top, #ff3300, #ff3300) repeat scroll 0 0;

	opacity: 0.95

}

.low-back-dark {

	position: relative;

}

.low-back-dark:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.8);

}

.low-back-up {

	position: relative;

	z-index: 1;

}

.mobile * {

	background-attachment: scroll!important;

}

.layout {

	overflow: hidden;

}

#features1 {

	padding: 70px 0 60px 0;

	background: #f1f1f1;

}

.column {

	margin-top: 10px;

}

.banner-f h4 {

	font-size: 20px;

}

.banner-f li {

	padding: 4px 43px;

	line-height: 28px;

	color: #ffffff;

	list-style-type: none;

	margin-bottom: 14px;

}

.banner-f ul {

	margin: 15px 0 0 1px;

	padding: 0px;

}

.banner-f-i h4 {

	font-size: 20px;

}

.banner-f-i ul {

	margin: 15px 0 0 1px;

	padding: 0px;

}

.video-back {

	position: absolute;

	top: 50%;

	width: 100%;

	left: 0;

	text-align: center;

	z-index: 15;

	-webkit-transform: translate(0%, -50%);

	-ms-transform: translate(0%, -50%);

	transform: translate(0%, -50%);

}

.html-video {

	width: 100%;

	overflow: hidden;

	position: relative;

}

.html-video:before {

	content: "";

	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

}

.video-back-i {

	position: absolute;

	top: 50%;

	width: 100%;

	left: 0;

	text-align: center;

	z-index: 15;

	-webkit-transform: translate(0%, -50%);

	-ms-transform: translate(0%, -50%);

	transform: translate(0%, -50%);

}

.html-video-i {

	top: 0%;

	left: 0%;

	max-height: 610px;

	width: 100%;

	overflow: hidden;

	position: relative;

}

.html-video-i:before {

	content: "";

	background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0.8;

}

.content-slide {

	position: absolute;

	top: 40%;

	width: 100%;

	left: 0;

	text-align: center;

	z-index: 15;

	-webkit-transform: translate(0%, -50%);

	-ms-transform: translate(0%, -50%);

	transform: translate(0%, -50%);

}

.content-slide h2 {

	padding-top: 100px;

}

.video-back {

	position: absolute;

	top: 50%;

	width: 100%;

	left: 0;

	text-align: center;

	z-index: 15;

	-webkit-transform: translate(0%, -50%);

	-ms-transform: translate(0%, -50%);

	transform: translate(0%, -50%);

}

.video-back h2 {

	padding-top: 130px;

}

.video-text h2 {

	color: #ffffff;

	font-size: 25px;

	text-transform: uppercase;

	font-family:'Montserrat', sans-serif;

	;

}

.video-text h1 {

	color: #ffffff;

	font-size: 55px;

	font-family: 'Open+Sans', sans-serif;

	text-transform: uppercase;

}

.video-text p {

	color: #ffffff;

	font-size: 14px;

}

video {

	min-width: 100%

}

.content-slide {

	position: absolute;

	top: 40%;

	width: 100%;

	left: 0;

	text-align: center;

	z-index: 15;

	-webkit-transform: translate(0%, -50%);

	-ms-transform: translate(0%, -50%);

	transform: translate(0%, -50%);

}

.content-slide h2 {

	padding-top: 100px;

}

.video-back {

	position: absolute;

	top: 50%;

	width: 100%;

	left: 0;

	text-align: center;

	z-index: 15;

	-webkit-transform: translate(0%, -50%);

	-ms-transform: translate(0%, -50%);

	transform: translate(0%, -50%);

}

.video-back h2 {

	padding-top: 130px;

}

.video-text h2 {

	color: #ffffff;

	font-size: 25px;

	text-transform: uppercase;

	font-family:'Montserrat', sans-serif;

	;

}

.video-text h1 {

	color: #ffffff;

	font-size: 55px;

	font-family: 'Open+Sans', sans-serif;

	text-transform: uppercase;

	line-height: 5px;

}

.video-text p {

	color: #ffffff;

	font-size: 14px;

}

video {

	min-width: 100%

}

.left-contact {

	margin-top: -35px;

}

.top-heding-c {

	background: #75af00;

	border-radius: 55px;

	padding: 12px 0 12px 0;

	font-size: 20px;

	margin-bottom: 25px;

	text-transform: uppercase;

	font-weight: 100;

}

.top-heding-apply {

	background: #ff3300;

	border-radius: 0px;

	padding: 20px;

	font-size: 25px;

	margin-bottom: 25px;

	text-transform: uppercase;

	font-weight: 300;

	color: #fff;

}

.hero .hero-content-ii.light-txt .hero-subtitle {

	color: #fff;

	text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);

}

.hero .hero-content-ii.light-txt h1, .hero .hero-content.light-txt h2 {

	color: #fff;

	text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

	border: 1px solid #666;

	border-width: 2px 1px 1px 1px;

	border-color: #ffa211 #fff #ffa211 #fff;

}

.hero .hero-content-ii.light-txt .button-bg {

	background: #fc575e none repeat scroll 0 0;

	border-color: #fc575e;

}

.hero .hero-content-ii.light-txt .button-bg:hover {

	background: #fff none repeat scroll 0 0;

	border-color: #fff;

	color: #333333;

}

.hero .hero-content-ii.light-txt .button {

	border: 1px solid #fff;

	color: #fff;

}

.hero .hero-content-ii.light-txt .button:focus, .hero .hero-content.light-txt .button:hover {

	border-color: #fc575e;

}

.hero .hero-content-ii {

	display: table-cell;

	transform: translateY(-2.1rem);

	vertical-align: middle;

}

.hero .hero-content-ii h1, .hero .hero-content h2, .video-banner h1, .video-banner h2 {

	display: inline-block;

	line-height: 1.071;

	margin-bottom: 2rem;

	margin-top: 1rem;

	text-shadow: none;

}

.hero .hero-content-ii h1, .video-banner h1 {

	font-size: 45px;

	font-weight: 600;

	color: #ffa211;

	letter-spacing: 22px;

	font-family: 'Bungee Inline', cursive;

	padding: 45px;

	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

	border: 0px solid #fff;

	line-height: 65px;

	border-width: 2px 1px 2px 1px;

	border-color: #ffa211 #ff #fff #fff;

}

.hero .hero-content h2, .video-banner h2 {

	font-size: 4.4rem;

}

.hero .hero-content h5 {

	color: #fc575e;

	font-size: 2.3rem;

	letter-spacing: 0.3rem;

	line-height: 1.565;

	margin-bottom: 0;

}

.hero .hero-content .hero-subtitle {

	font-size: 12px;

	letter-spacing: 8px;

	line-height: 28px;

	margin-bottom: 2px;

	text-shadow: none;

}

.hero .hero-content .group-button {

	display: inline-block;

	margin-top: 30px;

}

.hero .hero-content .group-button a {

	margin: 0 10px;

}

{

}

.hero .hero-content .button-bg {

	background: #fc575e none repeat scroll 0 0;

	border-color: #fc575e;

	color: #fff;

}

.hero .hero-content .button-bg:hover {

	background: #000 none repeat scroll 0 0;

	border-color: #000;

	color: #fff;

}

.hero .hero-content .button {

	border: 1px solid #000;

	border-radius: 40px;

	color: #000;

	font-size: 1.3rem;

	height: 6rem;

	letter-spacing: 0.25rem;

	line-height: 5.4rem;

	margin-top: 0.6rem;

	padding: 10px 30px;

	text-transform: uppercase;

}

.hero .hero-content .button:focus, .hero .hero-content .button:hover {

	border-color: #fc575e;

}

.hero-short-banner {

	height: 500px;

}

.hero-overlay {

	background: #111 none repeat scroll 0 0;

	height: 100%;

	left: 0;

	opacity: 0.65;

	position: absolute;

	top: 0;

	width: 100%;

}

.hero-overlay-g {

	background: rgba(0, 0, 0, 0) linear-gradient(to left, #ff3300, #ffa211) repeat scroll 0 0;

	height: 100%;

	left: 0;

	opacity: 0.85;

	position: absolute;

	top: 0;

	width: 100%;

}

.text-con-video-b {

	color: #fff;

	padding: 90px 0 90px 0;

	background-image: url(../img/video-bg.jpg);

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}

.text-con-video {

	color: #fff;

	padding: 100px 0 100px 0;

	background: rgba(0, 0, 0, 0) linear-gradient(to right, #ff5d04, #ffa904) repeat scroll 0 0;

}

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

/*	       /* 05.Benefit We are Healping */

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



#benefit-i {

	background: url(../img/about/1_about2.html) repeat fixed 0 0 / cover;

}

.benefit-texts {

	display: table-cell;

	vertical-align: middle;

	height: 600px;

	padding: 0px;

	background: rgba(0, 0, 0, 0) linear-gradient(to left, #ffa211, #ffa211) repeat scroll 0 0;

	opacity: 0.8;

}

#benefit {
    background-image: url(../img/home_banner/kk.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    /* background-size: cover; */
    width: 100%;
    top: 0;
}

.benefit-text {

	display: table-cell;

	vertical-align: middle;

	height: 600px;

	padding: 0px;

	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;

}

.benefit-text-o {

	float: left;

	margin-left: 10px;

}

.benefit-right {

	float: right;

	padding: 0px;

}

.benefit-i p {

	margin-top: 10px;

	margin-left: 95px;

	color: #999;

}

.benefit-orange {

	float: none;

	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;

	border-radius: 0%;

	color: #ff3300;

	font-size: 35px;

	padding: 35px;

	width: 115px;

	height: 115px;

	margin-right: 10px;

	margin-left: 5px;

	border: 1px dashed #ff3300;

	margin-top: 15px;

	border-radius: 65px;

	margin: 0 auto;

	margin-top: 35px;

}

.benefit-text-i {

	color: #fff;

	font-size: 15px;

	padding: 5px;

	margin-bottom: 10px;

	text-align: center;

}

.benefit-text-i h4 {

	color: #000;

	font-size: 16px;

	padding: 15px;

	margin-bottom: 10px;

	text-align: center;

	font-weight: 600;

	letter-spacing: 1px;

	border: 1px dashed #8f8f8f;

}

.benefit-blue {

	float: none;

	margin: 0 auto;

	background: #ff3300;

	border-radius: 0%;

	color: #fff;

	font-size: 40px;

	padding: 35px;

	width: 115px;

	height: 115px;

	margin-right: 10px;

	margin-left: 5px;

	border: 1px dashed #fff;

	margin-top: 15px;

	border-radius: 65px;

	margin: 0 auto;

	margin-top: 35px;

}

.benefit-green {

	float: none;

	background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;

	border-radius: 0%;

	color: #ff3300;

	font-size: 35px;

	padding: 35px;

	width: 115px;

	height: 115px;

	margin-right: 10px;

	margin-left: 5px;

	border: 1px dashed #ff3300;

	margin-top: 15px;

	border-radius: 65px;

	margin: 0 auto;

	margin-top: 35px;

}

.benefit-red {

	float: left;

	background: #ff3300;

	border-radius: 0%;

	color: #fff;

	font-size: 30px;

	padding: 22px;

	width: 65px;

	height: 65px;

	margin-right: 10px;

	margin-left: 5px;

	border: 2px dashed #ff3300;

	margin-top: 15px;

	border-radius: 30% 0 0 0;

}

.benefit-b i.fa {

	margin-right: 15px;

	color: #fff;

	font-size: 24px;

	margin-right: 35px;

	padding: 4px;

}

.benefit-c {

	float: left;

	color: #fff;

	font-size: 24px;

	padding: 10px;

	border: 1px solid #ff3300;

	width: 55px;

	height: 55px;

	margin-right: 31px;

	margin-left: 15px;

}

.about-c i.fa {

	margin-right: 15px;

	color: #ff3300;

	font-size: 24px;

	margin-right: 35px;

	padding: 4px;

}

.benefit-d {

	float: left;

	color: #fff;

	font-size: 24px;

	width: 55px;

	height: 55px;

	margin-right: 31px;

	margin-left: 15px;

}

.benefit-ag-a {

	height: 600px;

	margin: 0;

}

.benefit-ag-b {

	height: 600px;

	margin: 0;

}

.about-bus p {

	margin-top: 25px;

	margin-bottom: 25px;

}

.about-deg {

	float: left;

	color: #999;

	font-size: 24px;

	padding: 10px;

	border: 2px solid #ff3300;

	width: 55px;

	height: 55px;

	margin-right: 31px;

	transform: rotate(-45deg);

	margin-left: 15px;

	margin-top: 20px;

}

.benefit-deg i.fa {

	margin-right: 15px;

	color: #999;

	font-size: 20px;

	margin-right: 35px;

	padding: 4px;

	transform: rotate(45deg);

}

.benefit-heading h3 {
margin-top: 40px;
	font-size: 27px;

    /* font-weight: 600; */

    margin-top: 0px;

    color: #000;

   

    /* line-height: 55px; */

    letter-spacing: 1px;

}

.project-text {

	font-size: 15px;
	color: #333;
    letter-spacing: 15px;
    text-transform: uppercase;

}

.benefit-heading p {

	font-size: 15px;
	line-height: 28px;
	color: #333333;
	margin: 0px 0 0px 0;

}

main-bane {

	width: 100%;

}

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

/*	         /* 06. TEAM */

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



#team {

	padding: 80px 0 30px 0;

	background: #ffffff;

}

.ms-staff-carousel {

	max-width: 1170px;

	overflow: hidden;

	position: relative;

}

.ms-staff-carousel .ms-view {

	overflow: visible;

	background-color: transparent;

}

.ms-staff-carousel .ms-nav-prev, .ms-staff-carousel .ms-nav-next {

	background: url(../img/arrows.png) #f1f1f1 no-repeat -7px -57px;

	width: 35px;

	height: 40px;

	left: -35px;

	margin-top: -17px;

	box-shadow: 0px 1px 0px 0px rgb(190, 190, 190);

	position: absolute;

	top: 50%;

	cursor: pointer;

}

.ms-staff-carousel .ms-nav-next {

	background-position: -6px -7px;

	right: -35px;

	left: auto;

}

.ms-staff-carousel .ms-staff-info {

	font-family: 'Roboto Condensed', sans-serif;

	text-align: center;

	max-width: 600px;

	margin-top: 30px;

	min-height: 220px;

	color: #222222;

}

.ms-staff-carousel .ms-staff-info h3 {

	margin: 0;

	padding-bottom: 10px;

}

.ms-staff-carousel .ms-staff-info h4 {

	color: #777;

	margin: 0;

	padding-bottom: 15px;

	text-transform: capitalize;

}

.ms-staff-carousel .ms-staff-info .email a {

	text-decoration: none;

	color: #a8e12a;

}

.ms-staff-carousel .ms-staff-info.email, .ms-staff-info p {

	margin: 4px;

	font-size: 11pt;

}

.ms-staff-carousel.ms-round .ms-slide-bgcont {

	border-radius: 5000px;

	border: solid 8px rgb(230, 230, 230);

	margin: 0 -8px;

}

.ms-staff-carousel.ms-round .ms-nav-prev, .ms-staff-carousel.ms-round .ms-nav-next {

	background-color: transparent;

	box-shadow: none;

	left: -45px;

}

.ms-staff-carousel.ms-round .ms-nav-next {

	left: auto;

	right: -45px

}

.ms-staff-carousel.ms-round .ms-slide-bgcont {

	border-radius: 5000px;

	border: solid 8px rgb(230, 230, 230);

	margin: 0 -8px;

}

.team .team-box {

	text-align: center;

	padding: 5px;

	border: 1px solid #eee;

	border-radius: 4px;

}

.team .team-box img {

	display: block;

	margin: 0 auto;

}

.team .team-box h4 {

	margin-bottom: 0px;

	text-transform: uppercase;

	font-weight: 800;

	margin-top: 15px;

}

.team .team-box em {

	display: block;

	margin-bottom: 15px;

	margin-top: 10px;

}

.ms-socials {

}

.ms-socials li {

}

.ms-socials li a {

}

.ms-socials li a i {

	color: #fff;

	display: block;

	font-size: 20px;

	height: 45px;

	line-height: 45px;

	-webkit-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	width: 45px;

	box-shadow: 0 0 0 7px transparent;

}

.facebook {

	background: #ff3300;

}

.facebook:hover {

	box-shadow: 0 0 0 0px #5D82D1

}

.twitter {

	background: #ff3300

}

.twitter:hover {

	box-shadow: 0 0 0 0px #40BFF5

}

.youtube {

	background: #ff3300

}

.youtube:hover {

	box-shadow: 0 0 0 0px #CC181E

}

.linkedin {

	background: #ff3300

}

.linkedin:hover {

	box-shadow: 0 0 0 0px #238CC8

}

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

/*	       /* 07.Team Box */

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



#about-us {

	padding: 80px 0 80px 0;

}

#about-us-in {

	padding: 80px 0 80px 0;

	background: #f1f1f1;

}

#about-working {

	background: #eee;

	padding: 2px;

}

.working {

	background: rgba(0, 0, 0, 0) url("../img/about/1_about2.html");

	height: 600px;

	margin: 0;

}

#about-review {

	background: #ff3300;

	padding: 22px;

	border-top: 10px dashed #fff;

}

#about-review-full {

	background: rgba(0, 0, 0, 0) linear-gradient(to top, #ff3300, #ff3300) repeat scroll 0 0;

	padding: 60px 0 40px 0;

}

#about-review-full-white {

	background: #ff3300;

	padding: 80px 0 0px 0;

}

.review {

	padding: 40px;

}

.review-text {

	font-size: 17px;

	line-height: 26px;

	margin-bottom: 25px;

}





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

/*	       /* 08.Navigation*/

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



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

1.3 Headr Banner Styles

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

.header-banner {

	background: url(img/banner.html) center center no-repeat;

	background-attachment: scroll;

	background-size: cover;

	padding: 90px 0;

}

.header-banner .header-title h2 {

	color: #ffffff;

	font-size: 40px;

	margin-bottom: 10px;

	line-height: 1.2;

}

.header-banner .breadcrumb {

	background: transparent;

	border: none;

	border-radius: 0;

	box-shadow: none;

	margin-bottom: 0;

	padding: 0;

}

.header-banner .breadcrumb ul li {

	display: inline-block;

}

.header-banner .breadcrumb ul li a {

	color: #8e9ba2;

	-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;

}

.header-banner .breadcrumb ul li a:hover {

	color: #ffffff;

}

.header-banner .breadcrumb ul li.active {

	color: #ff3300;

}

/*=========================================

2. Header Common Styles                                

==========================================*/

.nav-top {

	background:#ff3300;

	padding:6px 0 6px 0;

}

.nav-top ul li {

	display: inline-block;

	color: #fff;

	font-size: 14px;

	margin-right: 10px;

}

.nav-top ul li i {

	color: #fff;

	padding-right: 10px;

	font-size:16px;

}

.nav-top .header-address ul {

	text-align: right;

}

.nav-top .header-address ul li:last-child {

	margin-right: 0;

}

.logo-area {

       display: table;

    /* height: 84px; */

    position: relative;

    width: 55%;

    margin-top: 6px;

}

.logo-area a {

	display: table-cell;

	vertical-align: middle;

}

.header-shadow {

	-webkit-box-shadow: 0 1px 4px 0px rgba(46, 50, 50, 0.5);

	-moz-box-shadow: 0 1px 4px 0px rgba(46, 50, 50, 0.5);

	box-shadow: 0 1px 4px 0px rgba(46, 50, 50, 0.5);

	margin-bottom: 5px;

}

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

2.1 Headr Two Styles

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

.nav-two {

	background: #ffffff;

}

.nav-two .stick {

	background: #ffffff;

}

.nav-two .main-menu nav ul > li a {

	color: #222222;

}

.nav-two .main-menu nav ul > li a:hover {

	color: #ff3300;

}

.nav-two .main-menu nav ul > li.active > a {

	color: #ff3300;

}

.nav-two .main-menu nav ul ul li a {

	color: #000;

}

.nav-two .main-menu nav ul ul li a:hover {

	color: #ff3300;

}

.nav-two .header-top-right .search-button {

	color: #fff;

	font-family:18px;

}

.nav-two .header-top-right .cart-area .flaticon-commerce::before {

 color: #222222;

}

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

2.2 Header Four Styles

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

.header-four {

	background: transparent;

	left: 0;

	margin: 0 auto;

	position: absolute;

	right: 0;

	z-index: 10;

	margin-top:-4px;

}

.header-four .container {

	background: #ffffff;

}

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

2.3 Main Menu Styles

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

.main-menu ul {

	text-align: right;

	

}

.main-menu nav ul li {

	display: inline-block;

	position: relative;

}

.main-menu nav > ul > li > a {

	    line-height: 75px;

}

.main-menu nav ul li a {

	display: block;

	color: #000;

	font-size: 12px;

	font-weight: 600;

	padding: 0 12px;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.main-menu ul > li.active > a, .main-menu ul > li > a:hover {

	color: #ff3300;

	-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;

}

.main-menu ul ul {

	background: #fff;

	left: 0;

	opacity: 0;

	position: absolute;

	transform: scaleY(0);

	transform-origin: 0 0 0;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

	width: 200px;

	z-index: 99999;

	visibility: hidden;

}

.main-menu ul li:hover ul {

	opacity: 1;

	transform: scaleY(1);

	visibility: visible;

}

.main-menu ul li ul li {

	display: block;

	border-bottom: 1px solid #dddddd;

}

.main-menu ul li ul li:last-child {

	border-bottom: 0px solid #dddddd;

}

.main-menu ul li ul li a {

	color: #000;

	display: block;

	font-size: inherit;

	font-size: 13px;

	font-weight: normal;

	padding:10px;

	text-align: left;

	text-decoration: none;

	text-transform: none;

}

.main-menu ul li ul li a:hover {

	color: #ff3300;

	-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;

}

#sticker {

	width: 100%;

    border-bottom: 2px solid #ed3237;

    background-color: #fff

}

.stick {

	background: #fff;

	border-bottom: 4px solid #ed3237;

	position: fixed;

	top: 0;

	z-index:+111;

}

.stick .header-top-area .logo-area {

	padding: 12px 0 0 0;

	transition: all 1s;

}

.stick .header-top-area .logo-area img {

	transition: all 1s;

}

.stick .header-top-area .cart-area {

	top: 0;

	padding-top: 20px;

	padding-bottom: 20px;

}

.stick .header-top-area .cart-area span {

	bottom: 30px;

}

.main-menu ul.mega-menu-dropdown li.single-mega-menu {

	border: none;

	display: inline-block;

	float: left;

	width: 25%;

}

.main-menu ul li ul.mega-menu-dropdown {

	background: #ff3300;

	left: -80%;

	padding: 10px 15px;

	width: 740px;

}

.main-menu ul li ul.mega-menu-dropdown li a {

	border-bottom: 1px solid #dddddd;

	margin-right: 10px;

	padding: 8px 0;

}

.main-menu ul li ul.mega-menu-dropdown li a:last-child {

	border: none;

}

.mean-container .mean-bar {

	border-bottom: 2px solid #ff3300;

}

.mobile-menu-area {

	display: none;

}

.main-menu li.has-child-menu {

	position: relative;

}

.main-menu li.has-child-menu > a:after {

	font-family: 'FontAwesome';

	content: "\f105";

	float: right;

}

.main-menu li.has-child-menu > ul.thired-level {

	position: absolute;

	left: 200px;

	top: 0;

	opacity: 0;

	transform: scaleY(0);

	transform-origin: 0 0 0;

	transition: all 0.5s ease 0s;

}

.main-menu li.has-child-menu:hover ul.thired-level {

	opacity: 1;

	transform: scaleY(1);

	visibility: visible;

}

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

2.4 Header Cart and Search Styles

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

.header-one {

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	margin: 0 auto;

	z-index: 10;

	    background: #ffffffe0;

 transition:background .5s ease-in-out, padding .5s ease-in-out;

}

.header-top-right {

	height: 90px;

	text-align: right;

	margin-top:-1;

}

.header-top-right > ul > li {

	display: inline-block;

	line-height: 90px;

}

.header-top-right ul li:last-child {

	border-right: 0;

}

.header-top-right > ul > li:last-child {

	padding-left: 10px;

}

.header-top-right > ul > li:last-child a {

	color: #ffffff;

	border-left: 1px solid #ffffff;

	padding-left: 15px;

}

.header-top-right > ul > li:last-child a i {

	font-size: 22px;

}

.header-top-search {

	position: relative;

}

.header-top-search input {

	border: none;

	box-shadow: none;

	background: transparent;

	font-size: 14px;

}

.header-top-search button {

	position: absolute;

	right: 0;

	border: none;

	background: transparent;

	box-shadow: none;

}

.header-top-search a.search-button {

	color: #ffffff;

	padding:8px;

	    background: #ed3237;

	margin-right:6px;

}

.header-top-search .search-text.active {

	left: -146px;

	opacity: 1;

	padding: 0 10px;

	visibility: visible;

	width: 180px;

}

.header-top-search .search-text {

	background: #F5F5F5;

	border: 5px solid #ff3300;

	color: #000;

	height: 55px;

	left: 0;

	margin-right: 3px;

	opacity: 0;

	padding: 0;

	position: absolute;

	top: 90px;

	visibility: hidden;

	width: 0;

	z-index: 9;

	transition: all 0.3s ease 0s;

}

.header-top-area .cart-area {

	color: #222222;

	float: inherit;

	padding-left: 7px;

	font-size:20px;

}

.header-top-right .cart-area .flaticon-commerce::before {

 margin-left: 0;

 color: #ffffff;

 font-size: 22px;

 font-weight: 600;

}

.header-top-area .cart-area span {

	background: #ff3300;

	border-radius: 50%;

	color: #ffffff;

	font-size: 12px;

	height: 18px;

	line-height: 18px;

	position: absolute;

	bottom: 35px;

	text-align: center;

	width: 18px;

	margin-left:7px;

}

.header-top-right ul li ul.chart-scroll {

	background: #F5F5F5;

	opacity: 0;

	position: absolute;

	right: 0;

	top: 90px;

	text-align: left;

	transform: scaleY(0);

	transform-origin: 0 0 0;

	transition: all 0.5s ease 0s;

	visibility: hidden;

	width: 250px;

	z-index: 99999;

}

.header-top-right ul li:hover ul.chart-scroll {

	opacity: 1;

	transform: scaleY(1);

	visibility: visible;

}

.header-top-right ul li ul.chart-scroll li {

	border-bottom: 1px solid #dddddd;

	line-height: 1;

}

.header-top-right ul li ul.chart-scroll li:last-child {

	border-bottom: none;

}

.cart-single-product {

	padding: 10px;

	position: relative;

}

.cart-single-product .media .cart-product-img img {

	padding: 10px;

	width: 60px;

}

.cart-single-product .media .cart-content h4 {

	font-weight: 400;

	margin: 4px 0 5px 0;

	padding: 0;

}

.cart-single-product .media .cart-content h4 > a {

	font-size: 13px;

	color: #666666;

}

.cart-single-product .media .cart-content h4 > a:hover {

	color: #19abbd;

}

.cart-single-product .media .cart-content a.trash {

	position: absolute;

	right: 0;

	top: 65px;

	color: #666666;

	padding-right: 10px;

}

.cart-single-product .media .cart-content a.trash:hover {

	color: #ff0000;

}

.cart-single-product .media .cart-content p {

	color: #666666;

	font-size: 12px;

	margin-bottom: 0;

}

.cart-single-product .media .cart-content .cart-product-price {

	bottom: 12px;

	display: inline-block;

	position: absolute;

	right: 10px;

}

.cart-single-product .media .cart-content .cart-product-price a {

	background: #fb5b21;

	color: #222222;

	display: block;

	font-size: 12px;

	padding: 0 14px;

 transition: all .3s;

}

.cart-single-product .media .cart-content .cart-product-price a:hover {

	background: #cfd8dc;

	color: #ffffff;

}

.header-top-right ul li ul.chart-scroll li a.checkout-button {

	background: #ff3300;

	color: #ffffff;

	display: block;

	font-size: 15px;

	font-weight: 600;

	margin: auto;

	padding: 15px;

	text-align: center;

	text-transform: uppercase;

	width: 250px;

 transition: all .3s;

}

.header-top-right ul li ul.chart-scroll li a.checkout-button:hover {

	background: #19abbd;

	color: #ffffff;

}

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

2.5 Offcanvas Menu Styles

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

.additional-menu-area {

	position: relative;

}

.additional-menu-area:hover .side-menu-open i {

	color: #ff3300;

	-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;

}

.additional-menu-area .side-menu-open i {

	cursor: pointer;

	font-size: 21px;

	color: #ffffff;

	-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;

}

.additional-menu-area .sidenav {

	position: relative;

}

.additional-menu-area .sidenav .closebtn {

	border: 2px solid #ffffff;

	border-radius: 5%;

	font-size: 22px;

	line-height: 21px;

	position: absolute;

	padding: 0;

	text-align: center;

	top: 30px;

	right: 15px;

	height: 24px;

	width: 24px;

}

.additional-menu-area .sidenav .closebtn:hover {

	color: #ff3300;

}

.additional-menu-area .sidenav .sidenav-search {

	background: #333;

	margin: 0 20px 10px 20px;

}

.additional-menu-area .sidenav .sidenav-search .stylish-input-group {

	border: none;

}

.additional-menu-area .sidenav .sidenav-search .stylish-input-group .form-control {

	background: #fff;

	border:0;

}

.additional-menu-area .sidenav .sidenav-search .stylish-input-group .input-group-addon {

	padding: 5px;

}

.additional-menu-area .sidenav .sidenav-search .stylish-input-group button span {

	-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;

}

.additional-menu-area .sidenav .sidenav-search .stylish-input-group button:hover span {

	color: #aaaaaa;

	-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;

}

.additional-menu-area .sidenav .sidenav-login-registration {

	border-bottom: 1px solid #dddddd;

	text-align: left;

	margin-bottom: 15px;

	padding-bottom: 5px;

	padding-left: 22px;

}

.additional-menu-area .sidenav .sidenav-login-registration li {

	line-height: 24px;

}

.additional-menu-area .sidenav .sidenav-login-registration li a {

	color: #aaaaaa;

	border: none;

	padding-left: 0;

}

.additional-menu-area .sidenav .sidenav-login-registration .login-registration-field {

	border: none;

	background: #222222;

	padding: 20px 15px 30px;

	margin-right: 20px;

}

.additional-menu-area .sidenav .sidenav-login-registration .login-registration-field label {

	font-size: 14px;

	color: #333;

	font-weight: 400;

	margin-top: 10px;

}

.additional-menu-area .sidenav .sidenav-login-registration .login-registration-field input {

	border: 1px solid #dddddd;

	color: #aaaaaa;

	font-weight: 600;

}

.additional-menu-area .sidenav .ctg-name-title {

	color: #ffffff;

	text-align: center;

	font-size: 14px;

	text-transform: uppercase;

	letter-spacing: 4px;

	margin-top: 30px;

	font-weight: 600;

}

.additional-menu-area .sidenav ul.sidenav-nav li {

	border-bottom: 1px solid rgba(0, 0, 0, 0.1);

	margin-bottom: 0;

	line-height: 24px;

}

.additional-menu-area .sidenav ul.sidenav-nav li:last-child {

	border-bottom: none;

}

.additional-menu-area .sidenav ul.sidenav-nav li a {

	text-align: left;

	font-size: 14px;

	color: #aaaaaa;

	border: none;

	padding-left: 20px;

	text-transform: uppercase;

}

.additional-menu-area .sidenav ul.sidenav-nav li a:hover {

	color: #ffffff;

}

.additional-menu-area .sidenav ul.sidenav-nav li a::before {

 font-family: 'FontAwesome';

 content: "\f105";

 padding-right: 8px;

}

.additional-menu-area .sidenav ul.sidenav-nav li > ul > li {

	padding-left: 20px;

}

.additional-menu-area .sidenav {

	height: 100%;

	width: 0;

	position: fixed;

	z-index: 999999;

	top: 0;

	right: 0;

	background-color:#333;

	overflow-x: hidden;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

	padding-top: 85px;

}

.additional-menu-area .sidenav a {

	padding: 18px 8px 18px 10px;

	text-decoration: none;

	color: #818181;

	display: block;

	-webkit-transition: all 0.5s ease-in-out;

	-moz-transition: all 0.5s ease-in-out;

	-ms-transition: all 0.5s ease-in-out;

	-o-transition: all 0.5s ease-in-out;

	transition: all 0.5s ease-in-out;

}

.nav-two .additional-menu-area .side-menu-open i {

	color: #222222;

	margin-left:20px;

}

.nav-two .additional-menu-area .side-menu-open i:hover {

	color: #ff3300;

}

/*END NAVBAR*/

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

/*	         /* 09. Button */

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



.btn-style-one {

	position: relative;

	display: inline-block;

	line-height: 24px;

	padding: 11px 25px;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

	background: none;

	color: #ffffff !important;

	border: 2px solid #ffffff !important;

	border-radius: 3px;

}

.btn-style-one:hover {

	background: #ffffff;

	color: #ff3300 !important;

	border-color: #ff3300;

}

.btn-style-two {

	position: relative;

	display: inline-block;

	line-height: 24px;

	padding: 11px 25px;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

	background: #ff3300;

	color: #ffffff !important;

	border: 2px solid #ff3300 !important;

	border-radius: 3px;

}

.btn-style-two:hover {

	background: #ffffff;

	color: #ff3300 !important;

	border-color: #ff3300;

}

.btn-style-three {

	position: relative;

	display: inline-block;

	line-height: 24px;

	padding: 10px 25px;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

	background: none;

	color: #25292f !important;

	border: 2px solid #e0e0e0 !important;

	border-radius: 3px;

}

.btn-style-three:hover {

	background: #25292f;

	color: #ffffff !important;

	border-color: #25292f !important;

}

.btn-style-white {

	position: relative;

	display: inline-block;

	line-height: 24px;

	padding: 6px 25px;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

	background: #fff;

	color: #333333 !important;

}

.btn-style-white:hover {

	background: #333333;

	color: #fff !important;

	border-color: #000;

}

.btn-style-orange-b {

	position: relative;

	display: inline-block;

	line-height: 24px;

	padding: 11px 25px;

	font-size: 14px;

	font-weight: 600;

	text-transform: uppercase;

	background: #303030;

	color: #ffffff !important;

	background: #ff3300;

	letter-spacing: 1px;

	border-top: 2px solid #333;

	margin-top: 20px;

	margin-left: 22px;

}

.btn-style-orange-b:hover {

	background: #333333;

	color: #fff !important;

	border-color: #303030;

	border-top: 1px dashed #fff;

}

.btn-style-black {

	position: relative;

	display: inline-block;

	line-height: 24px;

	padding: 11px 25px;

	font-size: 13px;

	font-weight: 600;

	text-transform: uppercase;

	background: #333;

	color: #ffffff !important;

	background: #333;

	letter-spacing: 1px;

	border-top: 2px solid #ff3300;

	margin-top: 20px;

	margin-left:5px;

}

.btn-style-black:hover {

	background: #ff3300;

	color: #fff !important;

	border-top: 2px solid #333;

}

.btn-style-orange {

	position: relative;

	display: inline-block;

	line-height: 24px;

	padding: 6px 25px;

	font-size: 13px;

	text-transform: uppercase;

	background: #303030;

	color: #ffffff !important;

	background: #ff3300;

	letter-spacing: 1px;

	margin-top:20px;

}

.btn-style-orange:hover {

	background: #333333;

	color: #fff !important;

	border-color: #303030;

}

.btn-top {

	border-radius: 10px;

	background: #fff;

	color: #ff3300;

	font-size: 20px;

	font-weight: normal;

	padding: 20px 50px;

	margin-top: 25px;

	text-transform: uppercase;

}

.top-download {

	padding: 30px 0 20px 0;

	line-height: 45px;

}

.top-btn-text {

	color: #ffffff;

	font-size: 18px;

	line-height: 28px;

	padding-top: 8px;

	text-transform: uppercase;

	letter-spacing: 2px

}

.btn-download-w {

	display: inline-block;

	border: 1px solid #ffffff;

	padding: 20px 30px;

	background-color: transparent;

	color: #ffffff;

	font-size: 18px;

	text-shadow: none;

	text-decoration: none;

 -webkit-transition: all .6s ease 0s;

 transition: all .6s ease 0s;

	text-transform: uppercase;

	border-radius: 0px;

 max-width: 100#;

	width: 225px;

}

.btn-download-w:hover {

	background-color: #fff;

	border: 1px solid #ffffff;

	color: #333333;

	text-decoration: none;

	display: inline-block;

}

.btn-download-small {

	display: inline-block;

	border: 1px solid #ff3300;

	padding: 12px 30px;

	background: #ff3300;

	color: #ffffff;

	font-size: 16px;

	font-weight: 600;

	text-shadow: none;

	border-radius: 0px;

	text-decoration: none;

 -webkit-transition: all .6s ease 0s;

 transition: all .6s ease 0s;

	text-transform: uppercase;

	max-width: 100%;

	width: 190px;

	margin-top: 22px;

}

.btn-download-small i {

	color: #fff;

	font-size: 22px;

}

.btn-download-small:hover i {

	color: #333333;

}

.btn-download-small:hover {

	background-color: transparent;

	border: 1px solid #ff3300;

	color: #333;

	text-decoration: none;

	display: inline-block;

}

.btn-download-small:focus {

	color: #ffffff;

}

.btn-download {

	display: inline-block;

	border: 1px solid #ff3300;

	padding: 20px 30px;

	background: #ff3300;

	color: #ffffff;

	font-size: 18px;

	font-weight: 600;

	text-shadow: none;

	border-radius: 0px;

	text-decoration: none;

 -webkit-transition: all .6s ease 0s;

 transition: all .6s ease 0s;

	text-transform: uppercase;

	max-width: 100%;

	width: 235px;

}

.btn-download i {

	color: #fff;

	font-size: 22px;

}

.btn-download:hover i {

	color: #333;

}

.btn-download:hover {

	background-color: transparent;

	border: 1px solid #ff3300;

	color: #333;

	text-decoration: none;

	display: inline-block;

}

.btn-download:focus {

	color: #ffffff;

}

.btn-download-app:hover {

	background-color: transparent;

	border: 1px solid #fff;

	color: #fff;

	text-decoration: none;

	display: inline-block;

}

.btn-download-red {

	display: inline-block;

	border: 1px solid #ff3300;

	padding: 15px 30px;

	background: #ff3300;

	color: #fff;

	font-size: 18px;

	font-weight: 600;

	text-shadow: none;

	border-radius: 0px;

	text-decoration: none;

 -webkit-transition: all .6s ease 0s;

 transition: all .6s ease 0s;

	text-transform: uppercase;

	max-width: 100%;

	margin-top: 18px;

}

.btn-download-red i {

	color: #fff;

	font-size: 22px;

}

.btn-download-red:hover i {

	color: #fff;

}

.btn-download-red:hover {

	background-color: transparent;

	border: 1px solid #fff;

	color: #fff;

	text-decoration: none;

	display: inline-block;

}

.btn-download-red:focus {

	color: #ffffff;

}

.btn-get {

	display: inline-block;

	padding: 20px 30px;

	border: 1px solid #ff3300;

	color: #ff3300;

	font-size: 18px;

	text-shadow: none;

	border-radius: 0px;

	text-decoration: none;

 -webkit-transition: all .6s ease 0s;

 transition: all .6s ease 0s;

	margin: 25px 10px 0;

	text-transform: uppercase;

	max-width: 100%;

	width: 225px;

	font-weight: 600;

}

.btn-get:hover {

	background-color: #ff3300;

	color: #ffffff;

	text-decoration: none;

	display: inline-block;

}

.btn-get i {

	color: #fff;

	font-size: 22px;

	color: #ff3300;

}

.btn-get:hover i {

	color: #fff;

	font-size: 22px;

}

.btn-get:focus {

	color: #ffffff;

}

.btn-download-black {

	font-weight: 600;

	display: inline-block;

	border: 1px solid #ff3300;

	padding: 20px 30px;

	background: #ff3300;

	color: #ffffff;

	font-size: 18px;

	text-shadow: none;

	border-radius: 0px;

	text-decoration: none;

 -webkit-transition: all .6s ease 0s;

 transition: all .6s ease 0s;

	text-transform: uppercase;

	max-width: 100%;

	width: 225px;

}

.btn-download-black:hover {

	background-color: transparent;

	border: 1px solid #ff3300;

	color: #ffffff;

	text-decoration: none;

	display: inline-block;

}

.theme-btn btn-style-pink {

	border: 1px solid #c1c1c1;

	text-transform: uppercase;

	text-decoration: none;

	border-radius: 0px;

	color: #fff;

	font-size: 13px;

	font-weight: 600;

	margin-top: 25px;

	padding: 10px 20px 10px 18px;

	transition: all 0.5s ease 0s;

	background: #ff3300;

}

.theme-btn btn-style-pink:hover {

	background: #fff;

	color: #333;

	text-decoration: none;

}

.btn-ordernow {

	font-weight: 600;

	display: inline-block;

	border: 1px solid #ff3300;

	padding: 20px 30px;

	background: rgba(0, 0, 0, 0) linear-gradient(to top, #ff3300, #ff3300) repeat scroll 0 0;

	color: #ffffff;

	font-size: 18px;

	text-shadow: none;

	border-radius: 0px;

	text-decoration: none;

 -webkit-transition: all .6s ease 0s;

 transition: all .6s ease 0s;

	text-transform: uppercase;

	max-width: 100%;

	width: 225px;

}

.btn-ordernow:hover {

	background-color: transparent;

	color: #333;

	text-decoration: none;

	display: inline-block;

 max-width: 100#;

	width: 225px;

}

.btn-ordernow-black {

	font-weight: 600;

	display: inline-block;

	border: 1px solid #ffffff;

	padding: 20px 30px;

	background: #333;

	color: #fff;

	font-size: 18px;

	text-shadow: none;

	border-radius: 0px;

	text-decoration: none;

 -webkit-transition: all .6s ease 0s;

 transition: all .6s ease 0s;

	text-transform: uppercase;

	max-width: 100%;

	width: 225px;

}

.btn-ordernow-black:hover {

	background-color: transparent;

	border: 1px solid #000;

	color: #333;

	text-decoration: none;

	display: inline-block;

}

.btn-ordernow-black:focus {

	color: #ffffff;

}

.btn-intro {

	font-weight: 600;

	display: inline-block;

	border: 1px solid #ff3300;

	padding: 20px 30px;

	background: #ff3300;

	color: #ffffff;

	font-size: 18px;

	text-shadow: none;

	border-radius: 0px;

	text-decoration: none;

 -webkit-transition: all .6s ease 0s;

 transition: all .6s ease 0s;

	margin: 25px 10px 0;

	max-width: 245px;

	width: 100%;

	text-transform: uppercase;

}

.btn-intro:hover {

	background-color: transparent;

	border: 1px solid #ff3300;

	color: #ffffff;

	text-decoration: none;

	display: inline-block;

}

.btn-intro:focus {

	color: #ffffff;

}

.intro-buttons-2 > a:first-child {

	font-size: 15px;

	font-weight: 700;

	text-transform: uppercase;

	color: #fff;

	border-radius: 0px;

	padding: 14px 30px;

}

.intro-buttons-2 > a:first-child:hover {

	color: #000;

	background: #fff;

	border: 2px solid #fefefe;

}

.intro-buttons-2 > a > i {

	height: 50px;

	width: 50px;

	text-align: center;

	line-height: 42px;

	border: 4px solid #b0b0b0;

	border-radius: 50%;

	margin-right: 12px;

 -webkit-transition: all .3s;

 transition: all .3s;

	color: #fff;

	background: #ff3300;

}

.intro-buttons-2 > a:last-child {

	color: #fff;

	font-size: 15px;

	text-transform: uppercase;

	font-weight: 700;

	border: 1px solid #606060;

}

.about-buttons-2 > a:first-child {

	font-size: 15px;

	font-weight: 700;

	text-transform: uppercase;

	color: #fff;

	border-radius: 100px;

	padding: 14px 40px;

	font-size: 16px;

	margin-right: 20px;

}

.about-buttons-2 > a:first-child:hover {

	color: #000;

}

.about-buttons-2 > a > i {

	height: 120px;

	width: 120px;

	text-align: center;

	line-height: 75px;

	font-size: 22px;

	border: 22px double #fff;

	border-radius: -10%;

	margin-right: 12px;

-webkit-transition: all .3s;

transition: all .3s;

	color: #fff;

	    background: #3e4095;

	border-radius: 50%;

}

.about-buttons-2 > a:hover > i {

	height: 120px;

	width: 120px;

	text-align: center;

	line-height: 95px;

	font-size: 22px;

	border: 12px double #fff;

	border-radius: -10%;

	margin-right: 12px;

 -webkit-transition: all .3s;

 transition: all .3s;

	color: #fff;

	background:none

}

.about-buttons-2 > a:last-child {

	color: #fff;

	font-size: 15px;

	text-transform: uppercase;

	font-weight: 700;

}

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

/*	   		/* 10. section */

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



.section-title.center {

	padding: 10px 0 0 0;

	text-align: center;

}

.section-title.black {

	padding: 10px 0 0 0;

	text-align: center;

}

.section-title h2, .section-title.center h2 {

	font-weight: 300;

	font-size: 35px;

	line-height:60px;

	font-family:'Raleway', sans-serif;

}

.section-title.center hr {

	width: 190px;

	text-align: center;

	border:1px solid #ff3300;

	position: relative;

	margin: 0 auto;

	margin-bottom: 0px;

	margin-bottom: 30px;

}

.section-title.freelancer h2 {

	font-weight: 200;

	font-size: 40px;

	max-width: 450px;

	margin: 0 auto;

	padding: 30px;

	border: 3px solid #ffffff;

	margin-bottom: 55px;

}

.section-title.about hr {

	height: 4px;

	width: 90px;

	text-align: center;

	position: relative;

	background: #ff3300;

	margin: 0 auto;

	margin-bottom: 30px;

	border: 0;

}

.section-title.feature hr {

	height: 4px;

	width: 90px;

	text-align: center;

	position: relative;

	background: #ffffff;

	margin: 0 auto;

	margin-bottom: 30px;

	border: 0;

}

.section-title.white hr {

	height: 4px;

	width: 90px;

	text-align: center;

	position: relative;

	background: #ffffff;

	margin: 0 auto;

	margin-bottom: 30px;

	border: 0;

}

.section-title.black hr {

	height: 4px;

	width: 90px;

	text-align: center;

	position: relative;

	background: #ff3300;

	margin: 0 auto;

	margin-bottom: 30px;

	border: 0;

}

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

/*	    /* 11. Feature Services  */

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



#services-icon {

	background: #f1f1f1;

	padding: 110px 0 110px 0;

}

#services-icon .lead, #services-icon h2 {

	color: #333333;

}

.services-icon-wrap {

	padding: 40px 20px;

	background: #fff;

	border-radius: 0px;

	margin: 0 0 40px;

}

.services-icon-wrap:hover {

	padding: 40px 20px;

	background: #fff;

	border-radius: 0px;

	margin: 0 0 40px;

	box-shadow: 0 1px 15px 0 #cfcfcf;

	transition: all 300ms ease-in-out 0s;

}

.services-icon-wrap h3 {

	font-size: 18px;

	margin: 10px 0;

	text-transform: uppercase;

	font-weight: 600;

}

.services-icon-wrap .pull-left {

	margin-right: 20px;

}

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

/*	       /* 12. Feature Services ii */

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



#services {

	padding: 50px 0 50px 0;

	background: #fff;

}

.service {

	background: #fff;

	border: 1px dashed #bfbfbf;

	margin-bottom: 0px;

	padding: 35px 15px 35px 15px;
	   min-height: 400px;
}

.service:hover {

	background: #f1f1f1;

	border: 1px solid #eee;

	margin-bottom: 0px;

	padding: 35px 15px 35px 15px;

	color: #fff;

	transition: all 0.5s ease 0s;

	box-shadow: 0 0 22px 0 #999;

	z-index: +999;

}

.services img {

	background: #fff;

	border: 6px solid #000;

}

#services h2 {

	font-size: 45px;

}

.services {

	border: 1px solid #eeeeee;

	margin-bottom: 55px;

	padding: 15px;

}

#services h4 {

	text-transform: uppercase;

	transition: all 0.5s;

	margin-top: 40px;

	font-size: 20px;

	margin-bottom: 20px;

}

.space {

	margin-top: 40px;

}

#services i.fa {

	font-size: 40px;

	width: 110px;

	height: 110px;

	padding: 35px 0;

	margin-bottom: 10px;

	border-radius: 10%;

	color: #ffffff;

	background: #ff3300;

	-webkit-transition: all 0.5s ease-out;

	-moz-transition: all 0.5s ease-out;

	-ms-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

}

#services .service:hover > i.fa {

	color: #ffffff;

}

#main-centent-ii {

	background: rgba(0, 0, 0, 0) linear-gradient(to top, #ff3300, #ff3300) repeat scroll 0 0;

	padding: 60px 0 0px 0;

}

#main-bottam {

	background: #ff3300;

	padding: 75px 0 75px 0;

}

#main-demos {

	color: #ffffff;

	background: #f1f1f1;

}

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

/*	       /* 13. Business feature */

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



#services-box {

	padding: 90px 0 90px 0;

	background: #ffffff;

}

.box {

	border: 1px dashed #b1b1b1;

	font-weight: 300;

	margin: 10px 0;

	min-height: 265px;

	padding: 20px;

	transition: all 0.5s ease 0s;

	background: #ffffff;

}

.box h4 {

	text-transform: uppercase;

	font-size: 20px;

	margin-top: 25px;

}

.box i.fa {

	font-size: 30px;

	width: 100px;

	height: 100px;

	padding: 15px 0;

	margin-bottom: 10px;

	border-radius:0%;

	color: #ffffff;

	 background: #ed3237;

	-webkit-transition: all 0.5s ease-out;

	-moz-transition: all 0.5s ease-out;

	-ms-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

	line-height: 8px;

	margin-top: 25px;

	border:15px dashed #f1f1f1;

}

.box:hover > i.fa {

	color: #fff;

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	-ms-transform: scale(1.3);

	-o-transform: scale(1.3);

	transform: scale(1.3);

	padding: 30px 0;

}

.box-i i.fa {

	font-size: 30px;

	width: 100px;

	height: 100px;

	padding: 15px 0;

	margin-bottom: 10px;

	color: #ffffff;

	background: #ed3237;

	-webkit-transition: all 0.5s ease-out;

	-moz-transition: all 0.5s ease-out;

	-ms-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

	line-height: 8px;

	margin-top: 25px;

	border: 15px dashed #f1f1f1;

}

.box-i:hover > i.fa {

	color: #fff;

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	-ms-transform: scale(1.3);

	-o-transform: scale(1.3);

	transform: scale(1.3);

	padding: 30px 0;

}

.box-ii i.fa {

	font-size: 30px;

	width: 100px;

	height: 100px;

	    padding: 15px 0;

	margin-bottom: 10px;



	color: #ffffff;

	background: #ff3300;

	-webkit-transition: all 0.5s ease-out;

	-moz-transition: all 0.5s ease-out;

	-ms-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

	line-height: 8px;

	margin-top: 25px;

	border: 15px dashed #f1f1f1;

}

.box-ii:hover > i.fa {

	color: #fff;

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	-ms-transform: scale(1.3);

	-o-transform: scale(1.3);

	transform: scale(1.3);

	padding: 30px 0;

}

.box-iii i.fa {

	font-size: 30px;

	width: 100px;

	height: 100px;

	padding: 35px 0;

	margin-bottom: 10px;



	color: #ffffff;

	background:#ff3300;

	-webkit-transition: all 0.5s ease-out;

	-moz-transition: all 0.5s ease-out;

	-ms-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

	line-height: 8px;

	margin-top: 25px;

	border:15px dashed #f1f1f1;

}

.box-iii:hover > i.fa {

	color: #fff;

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	-ms-transform: scale(1.3);

	-o-transform: scale(1.3);

	transform: scale(1.3);

}

.box-iv i.fa {

	font-size: 30px;

	width: 100px;

	height: 100px;

	padding: 35px 0;

	margin-bottom: 10px;



	color: #ffffff;

	background:#ff3300;

	-webkit-transition: all 0.5s ease-out;

	-moz-transition: all 0.5s ease-out;

	-ms-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

	line-height: 8px;

	margin-top: 25px;

	border:15px dashed #f1f1f1;

}

.box-iv:hover > i.fa {

	color: #fff;

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	-ms-transform: scale(1.3);

	-o-transform: scale(1.3);

	transform: scale(1.3);

	padding: 30px 0;

}

.box-v i.fa {

	font-size: 30px;

	width: 100px;

	height: 100px;

	padding: 35px 0;

	margin-bottom: 10px;



	color: #ffffff;

	background:#ff3300;

	-webkit-transition: all 0.5s ease-out;

	-moz-transition: all 0.5s ease-out;

	-ms-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

	line-height: 8px;

	margin-top: 25px;

	border:15px dashed #f1f1f1;

}

.box-v:hover > i.fa {

	color: #fff;

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	-ms-transform: scale(1.3);

	-o-transform: scale(1.3);

	transform: scale(1.3);

	padding: 30px 0;

}

.box-vi i.fa {

	font-size: 30px;

	width: 100px;

	height: 100px;

	padding: 35px 0;

	margin-bottom: 10px;



	color: #ffffff;

	background: #000;

	-webkit-transition: all 0.5s ease-out;

	-moz-transition: all 0.5s ease-out;

	-ms-transition: all 0.5s ease-out;

	-o-transition: all 0.5s ease-out;

	transition: all 0.5s ease-out;

	line-height: 8px;

	margin-top: 25px;

	border: 10px solid #f1f1f1;

}

.box-vi:hover > i.fa {

	color: #fff;

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	-ms-transform: scale(1.3);

	-o-transform: scale(1.3);

	transform: scale(1.3);

	padding: 30px 0;

}

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

/*	        /* 14. About Us  */

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



#about {

	background: #eee;

}

.about-cor {

	padding: 30px;

	display: table-cell;

	vertical-align: middle;

	height: 600px;

}

.about-text {

	display: table-cell;

	vertical-align: middle;

	height: 600px;

	padding: 25px;

}

.about-i p {

	margin-top: 10px;

	margin-left: 105px;

	color: #fff;

}

.about-cor-a {

	background: rgba(0, 0, 0, 0) url("../img/about/1_about.html") repeat fixed 0 0 / cover;

	height: 600px;

	margin: 0;

}

.about-b {

	float: left;

	background: #ff3300;

	border-radius: 0%;

	color: #000;

	font-size: 24px;

	padding: 16px;

	border: 2px solid #f1f1f1;

	width: 65px;

	height: 65px;

	margin-right: 31px;

	margin-left: 15px;

	border-radius: 0 20px 0 0;

}

.about-b i.fa {

	margin-right: 15px;

	color: #ffffff;

	font-size: 24px;

	margin-right: 35px;

	padding: 4px;

}

.about-c {

	float: left;

	color: #fff;

	font-size: 24px;

	padding: 10px;

	border: 1px solid #ff3300;

	width: 55px;

	height: 55px;

	margin-right: 31px;

	margin-left: 15px;

}

.about-c i.fa {

	margin-right: 15px;

	color: #ff3300;

	font-size: 24px;

	margin-right: 35px;

	padding: 4px;

}

.about-d {

	float: left;

	color: #fff;

	font-size: 24px;

	width: 55px;

	height: 55px;

	margin-right: 31px;

	margin-left: 15px;

}

#about-i {

	background: #ff3300;

}

.about-bus p {

	margin-top: 25px;

	margin-bottom: 25px;

}

.about-deg {

	float: left;

	color: #999;

	font-size: 24px;

	padding: 10px;

	border: 5px solid #ffffff;

	width: 55px;

	height: 55px;

	margin-right: 31px;

	transform: rotate(-45deg);

	margin-left: 15px;

	margin-top: 20px;

}

.about-deg i.fa {

	margin-right: 15px;

	color: #fff;

	font-size: 20px;

	margin-right: 35px;

	padding: 4px;

	transform: rotate(45deg);

}

.about-heading h3 {

	padding-left: 40px;

	font-size: 21px;

	font-weight: 600;

	margin-top: 30px;

	color: #ffffff;

}

.about-text-bus {

	padding: 70px 0 0 0px;

}

.about-ma-a {

	height: 600px;

	margin: 0;

}

.about-ma-list {

	padding: 15px 0 0 15px;

	margin-top: 55px;

}

.about-start-up {

	background: #ff3300;

}

#about-freelancer {

	color: #444;

	background: #ffffff;

	padding: 110px 0 0px 0;

}

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

/*	         /* 15. Achivements */

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



#achivement {

	padding: 40px 0 40px 0;

	color: #aaa;

	background: url(../img/home_banner/01_home.jpg);

}

#achivements-i {

	padding: 110px 0 110px 0;

	color: #aaa;

	background: #ff3300;

}

.achivement-box {

	text-align: center;

	margin: 80px 0 -20px 0;

	border: 1px solid #f1f1f1;

	padding: 45px 0 45px 0;

}

.achivement-box:hover {

	text-align: center;

	margin: 80px 0 -20px 0;

	border: 1px solid #636363;

	padding: 45px 0 45px 0;

}

.achivement-box i.fa {

	font-size: 60px;

	font-weight: 400;

	color: #fff;

	margin-bottom: 20px;

}

.achivement-box .ico span {

	font-size: 40px;

	font-weight: 400;

	color: #ff3300;

	margin-bottom: 20px;

}

.achivement-box h4 {

	font-size: 15px;

	text-transform: uppercase;

	color: #fff;

}

.achivement-box span.count {

	font-size: 30px;

	color: #fff;

	display: block;

	font-family: 'Open Sans', sans-serif;

	font-weight: 600;

}

.achivement-box-i {

	text-align: center;

	margin: 20px 0;

}

.achivement-box-i i {

	font-size: 30px;

	background: none;

	padding: 20px;

	font-weight: 400;

	color: #fff;

	margin-bottom: 30px;

	border: 2px solid #fff;

}

.achivement-box-i h4 {

	font-size: 15px;

	text-transform: uppercase;

	color: #fff;

}

.achivement-box-i span.count {

	font-size: 38px;

	color: #fff;

	display: block;

	font-family: 'Open Sans', sans-serif;

	font-weight: 600;

}

.achivement-box-g {

	text-align: center;

	margin: 20px 0;

}

.achivement-box-g i {

	font-size: 30px;

	background: none;

	padding: 20px;

	font-weight: 400;

	color: #fff;

	margin-bottom: 30px;

	border: 2px solid #fff;

}

.achivement-box-g h4 {

	font-size: 15px;

	text-transform: uppercase;

	color: #fff;

}

.achivement-box-g span.count {

	font-size: 38px;

	color: #fff;

	display: block;

	font-family: 'Open Sans', sans-serif;

	font-weight: 600;

}

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

/*	       /*16. work */

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



.our-best-work {

	padding: 90px 0 90px 0;

	background: #f1f1f1;

}

.our-best-work .col-md-3 {

	padding: 0;

}

.single-work {

	overflow: hidden;

	position: relative;

}

.single-work:hover a > img {

	transform: scale(1.0);

}

.single-work:hover .work-info {

	opacity: 1;

}

.single-work > a > img {

	cursor: crosshair;

	overflow: hidden;

	transform: scale(1);

	transition: all 0.3s ease 0s;

	margin-top: 0px;

	border: 5px solid #eee;

	margin: 55px 0 0 0;

}

.work-info {

	bottom: 0;

	opacity: 0;

	padding: 10px 0 10px 15px;

	position: absolute;

	transition: all 0.3s ease 0s;

	width: 100%;

	z-index: 5;

	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

}

.work-info > h5 {

	color: #fff;

	display: table;

	font-size: 25px;

	font-family:'Open+Sans', sans-serif;

}

.work-link {

	align-content: center;

	color: #fff;

	display: flex;

	flex-direction: column;

	height: 100%;

	justify-content: center;

	position: absolute;

	right: 0;

	text-align: center;

	top: 0;

	width: 30%;

	z-index: 6;

	background: #ff3300;

}

.work-link:hover {

	color: #eaeaea;

}

.work-link i {

	font-size: 22px;

	vertical-align: middle;

}

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

/*	     /* 17. Portfolio */

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



#Portfolio {

	padding: 110px 0 100px 0;

	background: #ffffff;

	text-align: center;

}

#Portfolio-p-f {

	padding: 0px;

	background: #ffffff;

	text-align: center;

}

#works-ii {

	padding: 110px 0 100px 0;

	background: #f1f1f1;

}

#best-work-p {

	padding: 0px;

	margin: 0px;

}

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

/*	          /* 18. SLIDER  */

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



.msp-preset-btn-84 {

	background-color: #b97ebb;

	color: #fff;

}

.msp-preset-btn-84:hover {

	background-color:#ca89cc;

	color: #fff;

}

.msp-preset-btn-84:active {

	top:1px

}

.msp-preset-btn-85 {

	background-color: #b97ebb;

	color: #fff;

}

.msp-preset-btn-85:hover {

	background-color:#ca89cc;

	color: #fff;

}

.msp-preset-btn-85:active {

	top:1px

}

.msp-preset-btn-86 {

	color: #b97ebb;

	border:solid 1px #b97ebb;

}

.msp-preset-btn-86:hover {

	border-color:#ca89cc;

	color:#ca89cc

}

.msp-preset-btn-86:active {

	top:1px

}

.msp-preset-btn-87 {

	background-color: #b97ebb;

	color: #fff;

}

.msp-preset-btn-87:hover {

	background-color:#ca89cc;

	color: #fff;

}

.msp-preset-btn-87:active {

	top:1px

}

.msp-preset-btn-88 {

	background-color: #b97ebb;

	color: #fff;

	box-shadow:0 5px #9a699c;

}

.msp-preset-btn-88:hover {

	background-color:#ca89cc;

	box-shadow:0 4px #9a699c;

	top:1px;

	color: #fff;

}

.msp-preset-btn-88:active {

	box-shadow:0 2px #9a699c;

	top:3px;

}

.msp-preset-btn-89 {

	background-color: #5472D2;

	color: #fff;

}

.msp-preset-btn-89:hover {

	background-color:#5d7fe9;

	color: #fff;

}

.msp-preset-btn-89:active {

	top:1px

}

.msp-preset-btn-90 {

	background-color: #5472D2;

	color: #fff;

}

.msp-preset-btn-90:hover {

	background-color:#5d7fe9;

	color: #fff;

}

.msp-preset-btn-90:active {

	top:1px

}

.msp-preset-btn-91 {

	color: #5472D2;

	border:solid 1px #5472D2;

}

.msp-preset-btn-91:hover {

	border-color:#5d7fe9;

	color:#5d7fe9

}

.msp-preset-btn-91:active {

	top:1px

}

.msp-preset-btn-92 {

	background-color: #5472D2;

	color: #fff;

}

.msp-preset-btn-92:hover {

	background-color:#5d7fe9;

	color: #fff;

}

.msp-preset-btn-92:active {

	top:1px

}

.msp-preset-btn-93 {

	background-color: #5472D2;

	color: #fff;

	box-shadow:0 5px #4c68be;

}

.msp-preset-btn-93:hover {

	background-color:#5d7fe9;

	box-shadow:0 4px #4c68be;

	top:1px;

	color: #fff;

}

.msp-preset-btn-93:active {

	box-shadow:0 2px #4c68be;

	top:3px;

}

.msp-preset-btn-94 {

	background-color: #00c1cf;

	color: #fff;

}

.msp-preset-btn-94:hover {

	background-color:#01D4E4;

	color: #fff;

}

.msp-preset-btn-94:active {

	top:1px

}

.msp-preset-btn-95 {

	background-color: #00c1cf;

	color: #fff;

}

.msp-preset-btn-95:hover {

	background-color:#01D4E4;

	color: #fff;

}

.msp-preset-btn-95:active {

	top:1px

}

.msp-preset-btn-96 {

	color: #00c1cf;

	border:solid 1px #00c1cf;

}

.msp-preset-btn-96:hover {

	border-color:#01D4E4;

	color:#01D4E4

}

.msp-preset-btn-96:active {

	top:1px

}

.msp-preset-btn-97 {

	background-color: #00c1cf;

	color: #fff;

}

.msp-preset-btn-97:hover {

	background-color:#01D4E4;

	color: #fff;

}

.msp-preset-btn-97:active {

	top:1px

}

.msp-preset-btn-98 {

	background-color: #00c1cf;

	color: #fff;

	box-shadow:0 5px #00afbc;

}

.msp-preset-btn-98:hover {

	background-color:#01D4E4;

	box-shadow:0 4px #00afbc;

	top:1px;

	color: #fff;

}

.msp-preset-btn-98:active {

	box-shadow:0 2px #00afbc;

	top:3px;

}

.msp-preset-btn-99 {

	background-color: #4cadc9;

	color: #fff;

}

.msp-preset-btn-99:hover {

	background-color:#63b2c9;

	color: #fff;

}

.msp-preset-btn-99:active {

	top:1px

}

.msp-preset-btn-100 {

	background-color: #4cadc9;

	color: #fff;

}

.msp-preset-btn-100:hover {

	background-color:#63b2c9;

	color: #fff;

}

.msp-preset-btn-100:active {

	top:1px

}

.msp-preset-btn-101 {

	color: #4cadc9;

	border:solid 1px #4cadc9;

}

.msp-preset-btn-101:hover {

	border-color:#63b2c9;

	color:#63b2c9

}

.msp-preset-btn-101:active {

	top:1px

}

.msp-preset-btn-102 {

	background-color: #4cadc9;

	color: #fff;

}

.msp-preset-btn-102:hover {

	background-color:#63b2c9;

	color: #fff;

}

.msp-preset-btn-102:active {

	top:1px

}

.msp-preset-btn-103 {

	background-color: #4cadc9;

	color: #fff;

	box-shadow:0 5px #1aa2c9;

}

.msp-preset-btn-103:hover {

	background-color:#63b2c9;

	box-shadow:0 4px #1aa2c9;

	top:1px;

	color: #fff;

}

.msp-preset-btn-103:active {

	box-shadow:0 2px #1aa2c9;

	top:3px;

}

.msp-preset-btn-104 {

	background-color: #cec2ab;

	color: #fff;

}

.msp-preset-btn-104:hover {

	background-color:#cebd9d;

	color: #fff;

}

.msp-preset-btn-104:active {

	top:1px

}

.msp-preset-btn-105 {

	background-color: #cec2ab;

	color: #fff;

}

.msp-preset-btn-105:hover {

	background-color:#cebd9d;

	color: #fff;

}

.msp-preset-btn-105:active {

	top:1px

}

.msp-preset-btn-106 {

	color: #cec2ab;

	border:solid 1px #cec2ab;

}

.msp-preset-btn-106:hover {

	border-color:#cebd9d;

	color:#cebd9d

}

.msp-preset-btn-106:active {

	top:1px

}

.msp-preset-btn-107 {

	background-color: #cec2ab;

	color: #fff;

}

.msp-preset-btn-107:hover {

	background-color:#cebd9d;

	color: #fff;

}

.msp-preset-btn-107:active {

	top:1px

}

.msp-preset-btn-108 {

	background-color: #cec2ab;

	color: #fff;

	box-shadow:0 5px #C2B7A2;

}

.msp-preset-btn-108:hover {

	background-color:#cebd9d;

	box-shadow:0 4px #C2B7A2;

	top:1px;

	color: #fff;

}

.msp-preset-btn-108:active {

	box-shadow:0 2px #C2B7A2;

	top:3px;

}

.msp-preset-btn-109 {

	background-color: #50485b;

	color: #fff;

}

.msp-preset-btn-109:hover {

	background-color:#6a6176;

	color: #fff;

}

.msp-preset-btn-109:active {

	top:1px

}

.msp-preset-btn-110 {

	background-color: #50485b;

	color: #fff;

}

.msp-preset-btn-110:hover {

	background-color:#6a6176;

	color: #fff;

}

.msp-preset-btn-110:active {

	top:1px

}

.msp-preset-btn-111 {

	color: #50485b;

	border:solid 1px #50485b;

}

.msp-preset-btn-111:hover {

	border-color:#6a6176;

	color:#6a6176

}

.msp-preset-btn-111:active {

	top:1px

}

.msp-preset-btn-112 {

	background-color: #50485b;

	color: #fff;

}

.msp-preset-btn-112:hover {

	background-color:#6a6176;

	color: #fff;

}

.msp-preset-btn-112:active {

	top:1px

}

.msp-preset-btn-113 {

	background-color: #50485b;

	color: #fff;

	box-shadow:0 5px #412d5b;

}

.msp-preset-btn-113:hover {

	background-color:#6a6176;

	box-shadow:0 4px #412d5b;

	top:1px;

	color: #fff;

}

.msp-preset-btn-113:active {

	box-shadow:0 2px #412d5b;

	top:3px;

}

.msp-preset-btn-114 {

	background-color: #8d6dc4;

	color: #fff;

}

.msp-preset-btn-114:hover {

	background-color:#977cc4;

	color: #fff;

}

.msp-preset-btn-114:active {

	top:1px

}

.msp-preset-btn-115 {

	background-color: #8d6dc4;

	color: #fff;

}

.msp-preset-btn-115:hover {

	background-color:#977cc4;

	color: #fff;

}

.msp-preset-btn-115:active {

	top:1px

}

.msp-preset-btn-116 {

	color: #8d6dc4;

	border:solid 1px #8d6dc4;

}

.msp-preset-btn-116:hover {

	border-color:#977cc4;

	color:#977cc4

}

.msp-preset-btn-116:active {

	top:1px

}

.msp-preset-btn-117 {

	background-color: #8d6dc4;

	color: #fff;

}

.msp-preset-btn-117:hover {

	background-color:#977cc4;

	color: #fff;

}

.msp-preset-btn-117:active {

	top:1px

}

.msp-preset-btn-118 {

	background-color: #8d6dc4;

	color: #fff;

	box-shadow:0 5px #7c51c4;

}

.msp-preset-btn-118:hover {

	background-color:#977cc4;

	box-shadow:0 4px #7c51c4;

	top:1px;

	color: #fff;

}

.msp-preset-btn-118:active {

	box-shadow:0 2px #7c51c4;

	top:3px;

}

.msp-preset-btn-119 {

	background-color: #75d69c;

	color: #fff;

}

.msp-preset-btn-119:hover {

	background-color:#7de5a7;

	color: #fff;

}

.msp-preset-btn-119:active {

	top:1px

}

.msp-preset-btn-120 {

	background-color: #75d69c;

	color: #fff;

}

.msp-preset-btn-120:hover {

	background-color:#7de5a7;

	color: #fff;

}

.msp-preset-btn-120:active {

	top:1px

}

.msp-preset-btn-121 {

	color: #75d69c;

	border:solid 1px #75d69c;

}

.msp-preset-btn-121:hover {

	border-color:#7de5a7;

	color:#7de5a7

}

.msp-preset-btn-121:active {

	top:1px

}

.msp-preset-btn-122 {

	background-color: #75d69c;

	color: #fff;

}

.msp-preset-btn-122:hover {

	background-color:#7de5a7;

	color: #fff;

}

.msp-preset-btn-122:active {

	top:1px

}

.msp-preset-btn-123 {

	background-color: #75d69c;

	color: #fff;

	box-shadow:0 5px #41d67d;

}

.msp-preset-btn-123:hover {

	background-color:#7de5a7;

	box-shadow:0 4px #41d67d;

	top:1px;

	color: #fff;

}

.msp-preset-btn-123:active {

	box-shadow:0 2px #41d67d;

	top:3px;

}

.msp-preset-btn-124 {

	background-color: #222;

	color: #fff;

}

.msp-preset-btn-124:hover {

	background-color:#333;

	color: #fff;

}

.msp-preset-btn-124:active {

	top:1px

}

.msp-preset-btn-125 {

	background-color: #222;

	color: #fff;

}

.msp-preset-btn-125:hover {

	background-color:#333;

	color: #fff;

}

.msp-preset-btn-125:active {

	top:1px

}

.msp-preset-btn-126 {

	color: #222;

	border:solid 1px #222;

}

.msp-preset-btn-126:hover {

	border-color:#333;

	color:#333

}

.msp-preset-btn-126:active {

	top:1px

}

.msp-preset-btn-127 {

	background-color: #222;

	color: #fff;

}

.msp-preset-btn-127:hover {

	background-color:#333;

	color: #fff;

}

.msp-preset-btn-127:active {

	top:1px

}

.msp-preset-btn-128 {

	background-color: #222;

	color: #fff;

	box-shadow:0 5px #000;

}

.msp-preset-btn-128:hover {

	background-color:#333;

	box-shadow:0 4px #000;

	top:1px;

	color: #fff;

}

.msp-preset-btn-128:active {

	box-shadow:0 2px #000;

	top:3px;

}

.msp-preset-btn-129 {

	background-color: #dedede;

	color: #666;

}

.msp-preset-btn-129:hover {

	background-color:#d1d1d1;

	color: #666;

}

.msp-preset-btn-129:active {

	top:1px

}

.msp-preset-btn-130 {

	background-color: #dedede;

	color: #666;

}

.msp-preset-btn-130:hover {

	background-color:#d1d1d1;

	color: #666;

}

.msp-preset-btn-130:active {

	top:1px

}

.msp-preset-btn-131 {

	color: #dedede;

	border:solid 1px #dedede;

}

.msp-preset-btn-131:hover {

	border-color:#d1d1d1;

	color:#d1d1d1

}

.msp-preset-btn-131:active {

	top:1px

}

.msp-preset-btn-132 {

	background-color: #dedede;

	color: #666;

}

.msp-preset-btn-132:hover {

	background-color:#d1d1d1;

	color: #666;

}

.msp-preset-btn-132:active {

	top:1px

}

.msp-preset-btn-133 {

	background-color: #dedede;

	color: #666;

	box-shadow:0 5px #CACACA;

}

.msp-preset-btn-133:hover {

	background-color:#d1d1d1;

	color: #666;

	box-shadow:0 4px #CACACA;

	top:1px

}

.msp-preset-btn-133:active {

	box-shadow:0 2px #CACACA;

	top:3px;

}

.msp-preset-btn-134 {

	background-color: #f7be68;

	color: #fff;

}

.msp-preset-btn-134:hover {

	background-color:#e9b362;

	color: #fff;

}

.msp-preset-btn-134:active {

	top:1px

}

.msp-preset-btn-135 {

	background-color: #f7be68;

	color: #fff;

}

.msp-preset-btn-135:hover {

	background-color:#e9b362;

	color: #fff;

}

.msp-preset-btn-135:active {

	top:1px

}

.msp-preset-btn-136 {

	color: #f7be68;

	border:solid 1px #f7be68;

}

.msp-preset-btn-136:hover {

	border-color:#e9b362;

	color:#e9b362

}

.msp-preset-btn-136:active {

	top:1px

}

.msp-preset-btn-137 {

	background-color: #f7be68;

	color: #fff;

}

.msp-preset-btn-137:hover {

	background-color:#e9b362;

	color: #fff;

}

.msp-preset-btn-137:active {

	top:1px

}

.msp-preset-btn-138 {

	background-color: #f7be68;

	color: #fff;

	box-shadow:0 5px #E7AF59;

}

.msp-preset-btn-138:hover {

	background-color:#e9b362;

	box-shadow:0 4px #E7AF59;

	top:1px;

	color: #fff;

}

.msp-preset-btn-138:active {

	box-shadow:0 2px #E7AF59;

	top:3px;

}

.msp-preset-btn-139 {

	background-color: #5aa1e3;

	color: #fff;

}

.msp-preset-btn-139:hover {

	background-color:#5faaef;

	color: #fff;

}

.msp-preset-btn-139:active {

	top:1px

}

.msp-preset-btn-140 {

	background-color: #5aa1e3;

	color: #fff;

}

.msp-preset-btn-140:hover {

	background-color:#5faaef;

	color: #fff;

}

.msp-preset-btn-140:active {

	top:1px

}

.msp-preset-btn-141 {

	color: #5aa1e3;

	border:solid 1px #5aa1e3;

}

.msp-preset-btn-141:hover {

	border-color:#5faaef;

	color:#5faaef

}

.msp-preset-btn-141:active {

	top:1px

}

.msp-preset-btn-142 {

	background-color: #5aa1e3;

	color: #fff;

}

.msp-preset-btn-142:hover {

	background-color:#5faaef;

	color: #fff;

}

.msp-preset-btn-142:active {

	top:1px

}

.msp-preset-btn-143 {

	background-color: #5aa1e3;

	color: #fff;

	box-shadow:0 5px #4c87bf;

}

.msp-preset-btn-143:hover {

	background-color:#5faaef;

	box-shadow:0 4px #4c87bf;

	top:1px;

	color: #fff;

}

.msp-preset-btn-143:active {

	box-shadow:0 2px #4c87bf;

	top:3px;

}

.msp-preset-btn-144 {

	background-color: #6dab3c;

	color: #fff;

}

.msp-preset-btn-144:hover {

	background-color:#76b941;

	color: #fff;

}

.msp-preset-btn-144:active {

	top:1px

}

.msp-preset-btn-145 {

	background-color: #6dab3c;

	color: #fff;

}

.msp-preset-btn-145:hover {

	background-color:#76b941;

	color: #fff;

}

.msp-preset-btn-145:active {

	top:1px

}

.msp-preset-btn-146 {

	color: #6dab3c;

	border:solid 1px #6dab3c;

}

.msp-preset-btn-146:hover {

	border-color:#76b941;

	color:#76b941

}

.msp-preset-btn-146:active {

	top:1px

}

.msp-preset-btn-147 {

	background-color: #6dab3c;

	color: #fff;

}

.msp-preset-btn-147:hover {

	background-color:#76b941;

	color: #fff;

}

.msp-preset-btn-147:active {

	top:1px

}

.msp-preset-btn-148 {

	background-color: #6dab3c;

	color: #fff;

	box-shadow:0 5px #5e9334;

}

.msp-preset-btn-148:hover {

	background-color:#76b941;

	box-shadow:0 4px #5e9334;

	top:1px;

	color: #fff;

}

.msp-preset-btn-148:active {

	box-shadow:0 2px #5e9334;

	top:3px;

}

.msp-preset-btn-149 {

	background-color: #f4524d;

	color: #fff;

}

.msp-preset-btn-149:hover {

	background-color:#e04b47;

	color: #fff;

}

.msp-preset-btn-149:active {

	top:1px

}

.msp-preset-btn-150 {

	background-color: #f4524d;

	color: #fff;

}

.msp-preset-btn-150:hover {

	background-color:#e04b47;

	color: #fff;

}

.msp-preset-btn-150:active {

	top:1px

}

.msp-preset-btn-151 {

	color: #f4524d;

	border:solid 1px #f4524d;

}

.msp-preset-btn-151:hover {

	border-color:#e04b47;

	color:#e04b47

}

.msp-preset-btn-151:active {

	top:1px

}

.msp-preset-btn-152 {

	background-color: #f4524d;

	color: #fff;

}

.msp-preset-btn-152:hover {

	background-color:#e04b47;

	color: #fff;

}

.msp-preset-btn-152:active {

	top:1px

}

.msp-preset-btn-153 {

	background-color: #f4524d;

	color: #fff;

	box-shadow:0 5px #cb4440;

}

.msp-preset-btn-153:hover {

	background-color:#e04b47;

	box-shadow:0 4px #cb4440;

	top:1px;

	color: #fff;

}

.msp-preset-btn-153:active {

	box-shadow:0 2px #cb4440;

	top:3px;

}

.msp-preset-btn-154 {

	background-color: #f79468;

	color: #fff;

}

.msp-preset-btn-154:hover {

	background-color:#e78a61;

	color: #fff;

}

.msp-preset-btn-154:active {

	top:1px

}

.msp-preset-btn-155 {

	background-color: #f79468;

	color: #fff;

}

.msp-preset-btn-155:hover {

	background-color:#e78a61;

	color: #fff;

}

.msp-preset-btn-155:active {

	top:1px

}

.msp-preset-btn-156 {

	color: #f79468;

	border:solid 1px #f79468;

}

.msp-preset-btn-156:hover {

	border-color:#e78a61;

	color:#e78a61

}

.msp-preset-btn-156:active {

	top:1px

}

.msp-preset-btn-157 {

	background-color: #f79468;

	color: #fff;

}

.msp-preset-btn-157:hover {

	background-color:#e78a61;

	color: #fff;

}

.msp-preset-btn-157:active {

	top:1px

}

.msp-preset-btn-158 {

	background-color: #f79468;

	color: #fff;

	box-shadow:0 5px #da835c;

}

.msp-preset-btn-158:hover {

	background-color:#e78a61;

	box-shadow:0 4px #da835c;

	top:1px;

	color: #fff;

}

.msp-preset-btn-158:active {

	box-shadow:0 2px #da835c;

	top:3px;

}

.msp-preset-1 {

	font-family:"Lato";

	font-weight:700;

	font-size:48px;

	line-height:normal;

	color:#ffffff;

}

.msp-preset-3 {

	font-family:"Lato";

	font-weight:300;

	font-size:18px;

	line-height:normal;

	color:#f2f2f2;

}

.msp-preset-5 {

	font-family:"Kaushan Script";

	font-weight:normal;

	font-size:30px;

	text-align:center;

	line-height:normal;

	white-space:nowrap;

	color:#d4d4d4;

}

.msp-preset-6 {

	font-family:"Raleway";

	font-weight:600;

	font-size:48px;

	text-align:center;

	line-height:normal;

	white-space:nowrap;

	color:#d4d4d4;

}

.msp-preset-7 {

	font-family:"Raleway";

	font-weight:600;

	font-size:48px;

	text-align:center;

	line-height:normal;

	white-space:nowrap;

	color:#77cba9;

}

.msp-preset-8 {

	font-family:"Montserrat";

	font-weight:700;

	font-size:36px;

	line-height:normal;

	color:#ffffff;

}

.msp-preset-12 {

	font-family:"Raleway";

	font-weight:600;

	font-size:72px;

	line-height:normal;

	white-space:nowrap;

	color:#ffffff;

	text-transform:uppercase;

}

.msp-preset-13 {

	font-family:"Raleway";

	font-weight:600;

	font-size:18px;

	text-align:center;

	line-height:normal;

	color:#f8f8f8;

}

.msp-preset-14 {

	font-family:"Yanone Kaffeesatz";

	font-weight:normal;

	font-size:60px;

	text-align:center;

	letter-spacing:2px;

	line-height:normal;

	white-space:nowrap;

	color:#ffffff;

}

.msp-preset-15 {

	font-family:"Oswald";

	font-weight:normal;

	font-size:55px;

	text-align:center;

	line-height:normal;

	white-space:nowrap;

	color:#e38181;

}

.msp-preset-16 {

	font-family:"Montserrat";

	font-weight:normal;

	font-size:54px;

	line-height:normal;

	white-space:nowrap;

	color:#dddddd;

}

.msp-preset-17 {

	font-family:"Playfair Display";

	font-weight:normal;

	font-size:16px;

	text-align:center;

	line-height:normal;

	color:#c2b273;

	background-color:transparent;

}

.msp-preset-18 {

	font-family:"Quicksand";

	font-weight:normal;

	font-size:18px;

	text-align:center;

	line-height:normal;

	color:#fdfdfd;

	background-color:transparent;

}

.msp-preset-19 {

	font-family:"Montserrat";

	font-weight:normal;

	font-size:12px;

	line-height:normal;

	color:#dddddc;

	text-transform:uppercase;

}

.msp-preset-20 {

	font-family:"Lato";

	font-weight:normal;

	font-size:12px;

	letter-spacing:2px;

	line-height:normal;

	color:#a9a8a8;

}

.msp-preset-21 {

	background-color:#a9a8a8;

	font-weight:normal;

	line-height:normal;

}

.msp-preset-22 {

	font-family:"Oswald";

	font-weight:700;

	font-size:48px;

	line-height:60px;

	color:#ffffff;

}

.msp-preset-23 {

	font-family:"Lato";

	font-weight:normal;

	font-size:16px;

	line-height:normal;

	color:#c0c0c0;

}

.msp-preset-25 {

	padding-top:10px;

	padding-right:24px;

	padding-bottom:10px;

	padding-left:24px;

	font-family:"Lato";

	font-weight:normal;

	font-size:10px;

	text-align:center;

	letter-spacing:2px;

	line-height:normal;

	text-transform:uppercase;

}

.msp-preset-26 {

	font-family:"Lato";

	font-weight:normal;

	font-size:16px;

	line-height:normal;

	color:#ffffff;

}

.msp-preset-27 {

	background-color:#ffffff;

	font-weight:normal;

	line-height:normal;

}

.msp-preset-28 {

	font-family:"Lato";

	font-weight:normal;

	font-size:12px;

	letter-spacing:2px;

	line-height:normal;

	color:#ffffff;

}

.msp-preset-29 {

	font-family:"Raleway";

	font-weight:800;

	font-size:120px;

	letter-spacing:1px;

	line-height:normal;

	color:#ffffff;

}

.msp-preset-30 {

	font-family:"Source Code Pro";

	font-weight:normal;

	font-size:22px;

	line-height:normal;

	color:#ffffff;

}

.msp-preset-31 {

	font-family:"Source Code Pro";

	font-weight:normal;

	font-size:14px;

	letter-spacing:1px;

	line-height:normal;

	color:#ba895d;

}

.msp-preset-32 {

	font-family:"Source Code Pro";

	font-weight:normal;

	font-size:14px;

	line-height:normal;

	color:#6a6a6a;

}

.msp-preset-33 {

	font-family:"Montserrat";

	font-weight:normal;

	font-size:36px;

	line-height:normal;

	color:#ffffff;

}

.msp-preset-34 {

	background-color:#ffffff;

	font-weight:normal;

	line-height:normal;

}

.msp-preset-35 {

	background-color:#f4cb68;

	padding-top:20px;

	padding-right:20px;

	padding-bottom:20px;

	padding-left:20px;

	font-family:"Lato";

	font-weight:normal;

	font-size:11px;

	line-height:16px;

	color:#333333;

}

.msp-cn-137-4 {

	font-family:"Exo 2";

	font-weight:normal;

	font-size:22px;

	text-align:center;

	letter-spacing:12px;

	line-height:normal;

	white-space:nowrap;

	color:#e5e5e5;

	text-transform:uppercase;

}

.msp-cn-137-5 {

	font-family:"Exo 2";

	font-weight:200;

	font-size:80px;

	text-align:center;

	letter-spacing:10px;

	line-height:normal;

	white-space:nowrap;

	color:#e5e5e5;

	text-transform:uppercase;

}

.msp-cn-137-11 {

	font-family:"Exo 2";

	font-weight:normal;

	font-size:22px;

	text-align:center;

	letter-spacing:12px;

	line-height:normal;

	white-space:nowrap;

	color:#e5e5e5;

	text-transform:uppercase;

}

.msp-cn-137-12 {

	font-family:"Exo 2";

	font-weight:200;

	font-size:80px;

	text-align:center;

	letter-spacing:10px;

	line-height:normal;

	white-space:nowrap;

	color:#e5e5e5;

	text-transform:uppercase;

}

.msp-cn-137-17 {

	font-family:"Exo 2";

	font-weight:normal;

	font-size:22px;

	text-align:center;

	letter-spacing:12px;

	line-height:normal;

	white-space:nowrap;

	color:#e5e5e5;

	text-transform:uppercase;

}

.msp-cn-137-18 {

	font-family:"Exo 2";

	font-weight:200;

	font-size:80px;

	text-align:center;

	letter-spacing:10px;

	line-height:normal;

	white-space:nowrap;

	color:#e5e5e5;

	text-transform:uppercase;

}

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

/*	    /* 19. Skill & Accordion */

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



#skill {

	background: #ffffff;

	padding: 90px 0 0px 0;

}

#faq {

	background: #ffffff;

	padding: 110px 0 110px 0;

}

.skill h2 {

	margin-bottom: 45px;

	font-size: 40px;

	text-align: left;

}

.skill h4 {

	margin-top:30px;

	font-size:16px;

}

#skill-i {

	background: #ffffff;

	padding: 110px 0 110px 0;

}

.skill-i h2 {

	margin-bottom: 45px;

	font-size: 40px;

	text-align: left;

}

.progress-wrap {

	position: relative;

}

.progress-wrap h3 {

	font-size: 18px;

	padding-bottom: 45px;

	font-family: 'Open Sans', sans-serif;

	color: #414141;

	font-weight: 200;

}

.progress .color1, .progress .color1 .bar-width {

	background: #333;

}

.progress .color2, .progress .color2 .bar-width {

	background: #333;

}

.progress .color3, .progress .color3 .bar-width {

	background: #333;

}

.progress .color4, .progress .color4 .bar-width {

	background: #333;

}

.progress, .progress-bar {

	height: 2px;

	line-height: 15px;

	background: #e6e6e6;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	border-radius: 0;

	overflow: visible;

	text-align: right;

}

.progress {

	position: relative;

}

.progress .bar-width {

	position: absolute;

	width: 70px;

	height: 20px;

	line-height: 20px;

	text-align: center;

	font-size: 12px;

	font-weight: 700;

	top: -30px;

	border-radius: 10px;

	margin-left: -70px;

}

.progress span {

	position: relative;

}

.progress span:before {

	content: " ";

	position: absolute;

	width: auto;

	height: auto;

	border-width: 8px 5px;

	border-style: solid;

	bottom: -16px;

	right: 8px;

}

.progress .color1 span:before {

	border-color: #ff3300 transparent transparent transparent;

}

.progress .color2 span:before {

	border-color: #ff3300 transparent transparent transparent;

}

.progress .color3 span:before {

	border-color: #ff3300 transparent transparent transparent;

}

.progress .color4 span:before {

	border-color: #ff3300 transparent transparent transparent;

}

.accordion h2 {

	margin-bottom: 45px;

	font-size: 40px;

}

.panel-default {

	border-color: transparent;

}

.panel-default>.panel-heading, .panel {

	background-color: #e6e6e6;

	border: 0 none;

	box-shadow: none;

}

.panel-default>.panel-heading+.panel-collapse .panel-body {

	background: #fff;

	color: #858586;

}

.panel-title {

	font-size: 16px;

	color: #333333;

	padding-bottom: 5px;

}

.panel-group .panel+.panel {

	margin-top: 0;

	border-top: 1px solid #d9d9d9;

}

.panel-group .panel {

	border-radius: 0;

}

.panel-heading {

	border-radius: 0;

	padding: 20px;

}

.panel-title>a {

	color: #333333;

}

.accordion-inner img {

	border-radius: 4px;

}

.accordion-inner h4 {

	margin-top: 0;

	color: #ffffff;

}

.panel-heading.active {

	background: #333;

}

.panel-heading.active .panel-title>a {

	color: #fff;

}

a.accordion-toggle i {

	width: 45px;

	line-height: 59px;

	font-size: 20px;

	margin-top: -10px;

	text-align: center;

	margin-right: -15px;

	background: #d0d0d0;

	border-radius: 0%;

}

.panel-heading.active a.accordion-toggle i {

	background: rgba(0, 0, 0, 0) linear-gradient(to top, #ff3300, #ff3300) repeat scroll 0 0;

	color: #fff;

}

.panel-heading.active a.accordion-toggle.collapsed i {

	color: #000;

}

ul.social-list {

	float: right;

}

ul.social-list li {

	float: left;

}

ul.social-list li a {

	display: inline-block;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

}

ul.social-list li a:hover {

	color: #fff;

}

ul.social-list li a.facebook:hover {

	background-color: #507CBE;

}

ul.social-list li a.twitter:hover {

	background-color: #63CDF1;

}

ul.social-list li a.google:hover {

	background-color: #F16261;

}

ul.social-list li a.dribbble:hover {

	background-color: #E46387;

}

ul.social-list li a.linkdin:hover {

	background-color: #90CADD;

}

ul.social-list li a.tumblr:hover {

	background-color: #4D7EA3;

}

ul.social-list li a.flickr:hover {

	background-color: #E474AF;

}

ul.social-list li a.instgram:hover {

	background-color: #4D4F54;

}

ul.social-list li a.vimeo:hover {

	background-color: #87D3E0;

}

ul.social-list li a.skype:hover {

	background-color: #36C4F3

}

ul.social-list li a i {

	font-size: 15px;

	display: block;

	width: 32px;

	height: 30px;

	line-height: 30px;

	border: 1px solid #fff;

}

ul.social-list li:last-child a i {

	border-right: 1px solid #f2f2f2;

}

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

/*	         /* 20. Back to top */

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



#back-to-top {

	transition: all 1s ease 0s;

 -webkit-transition: all .3s ease 0s;

	position: fixed;

	bottom: 60px;

	right: 10px;

	z-index: 9999;

	width: 55px;

	height: 55px;

	text-align: center;

	line-height: 50px;

	background: #ff3300;

	color: #fff;

	font-size: 20px;

	cursor: pointer;

	text-decoration: none;

	opacity: 0;

	border-radius: 50px;

	border: 1px dashed #fff;

}

#back-to-top:hover {

	background: #333;

	border-color: #fff;

}

#back-to-top.show {

	opacity: 1;

}

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

/*	       /* 21. Testimonial-area */

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



.testimonial-area {

	background: #ff3300 none repeat scroll 0 0;

}

.testimonial-list {

	margin-top: 30px;

}

.single-testi-des {

	background: #fff none repeat scroll 0 0;

	border-radius: 5px;

	box-shadow: 1px 1px 2px rgba(222, 222, 222, 0.32);

	margin-bottom: 30px;

	padding: 30px;

	position: relative;

}

.single-testi-des::before {

 background: #fff none repeat scroll 0 0;

 bottom: -12px;

 content: "";

 height: 30px;

 left: 0;

 margin-left: 12px;

 margin-top: 0;

 position: absolute;

 transform: rotate(45deg);

 width: 30px;

}

.single-testimonial img {

	border-radius: 50%;

}

.single-testimonial {

	margin-right: 30px;

}

.single-testimonial h6 {

	font-size: 12px;

	letter-spacing: 3px;

	margin-top: 0;

	text-transform: capitalize;

}

.single-testimonial p {

	font-style: italic;

	margin-bottom: 20px;

}

.owl-theme .owl-controls {

	margin-top: 30px;

}

.owl-theme .owl-controls .owl-page span {

	background: #6534ff none repeat scroll 0 0;

	border: 1px solid #6534ff;

	display: block;

	height: 4px;

	margin: 5px 7px;

	opacity: 0.5;

	width: 30px;

}

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

/*	    /* 22. Awesome Features Inner */

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



#awesome-features {

	padding: 110px 0 110px 0;

	background: #efefef;

}

#awesome-features-freelancer {

	padding: 110px 0 110px 0;

	background: #ffffff;

}

#awesome-features-app {

	padding: 110px 0 110px 0;

	background: #f1f1f1;

}

#awesome-features-y {

	padding: 110px 0 110px 0;

	background: #f1f1f1;

}

.feature-icon-left-more-y .feature-icon-y i.fa {

	float: left;

	font-size: 30px;

	color: #fff;

	margin: 70px 20px 0 30px;

	height: 75px;

	width: 75px;

	padding: 17px 0 0 0;

	border: 5px solid #f1f1f1;

	background: rgba(0, 0, 0, 0) linear-gradient(to top, #ff3300, #ff3300) repeat scroll 0 0;

}

.feature-icon-left-more-y .feature-content-y {

	padding-left: 90px;

	padding-bottom: 55px;

	padding-top: 55px;

	border: 1px solid #dfdfdf;

	background: #ffffff;

}

.feature-icon-left-more-y:hover .feature-content-y {

	padding-left: 90px;

	padding-bottom: 55px;

	padding-top: 55px;

	border: 1px solid #dfdfdf;

	background: #eee;

	transition: all 0.5s ease 0s;

}

.feature-box {

	margin: 5px 0 0px 0;

}

.feature-center {

	text-align: center;

}

.feature-test-light {

	line-height: 28px;

	color: #333333;

	margin-top: 15px;

	font-size: 14px;

}

.feature-test {

	line-height: 28px;

	color: #333333;

	margin-top: 15px;

	font-size: 13px;

	letter-spacing: 0px;

}

.feature-icon-center-more .feature-icon i.fa {

	float: left;

	font-size: 28px;

	color: #ff3300;

	margin: 30px 0 0 0;

	height: 55px;

	width: 55px;

	padding: 14px 0 0 0;

	border-radius: 10%;

	border: 1px solid #ff3300;

}

.feature-icon-center-more .feature-content {

	padding-left: 80px;

	padding-bottom: 15px;

	padding-top: 20px;

	text-align: left;

}

.feature-icon-center-freelancer .feature-icon i.fa {

	-moz-border-bottom-colors: none;

	-moz-border-left-colors: none;

	-moz-border-right-colors: none;

	-moz-border-top-colors: none;

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	border-color: #ff3300 #ff3300 #092b3c;

	border-image: none;

	border-radius: 0%;

	border-style: solid;

	border-width: 2px;

	color: #12212f;

	float: left;

	font-size: 30px;

	height: 65px;

	margin: 53px 0 0 10px;

	padding: 14px 0 0;

	width: 65px;

}

.feature-icon-center-freelancer .feature-content {

	padding-left: 96px;

	padding-bottom: 35px;

	padding-top: 40px;

	text-align: left;

}

.feature-icon-left-more .feature-icon i.fa {

	background: #ff3300;

	border:5px solid #e9e9e9;

	color: #fff;

	float: right;

	font-size: 30px;

	height: 80px;

	margin: 67px 0 0 16px;

	padding: 24px 0 0;

	width: 80px;

}

.feature-icon-left-more .feature-icon:hover i.fa {

	background: rgba(0, 0, 0, 0) linear-gradient(to left, #ff3300, #ff3300) repeat scroll 0 0;

	color: #fff;

}

.feature-icon-left-more .feature-content {

	padding-right: 90px;

	padding-bottom: 35px;

	padding-top: 55px;

	text-align: right;

}

.feature-icon-left-more-app .feature-icon i.fa {

	float: right;

	font-size: 30px;

	color: #ffffff;

	margin: 50px 0 0 0;

	height: 65px;

	width: 65px;

	padding: 20px 0 0 0;

	border: 1px solid #ffffff;

}

.feature-icon-left-more-app .feature-content {

	padding-right: 90px;

	padding-bottom: 20px;

	padding-top: 35px;

	text-align: right;

}

.feature-icon-right-more .feature-icon i.fa {

	background: #ff3300 none repeat scroll 0 0;

	border: 5px solid #e9e9e9;

	color: #fff;

	float: left;

	font-size: 30px;

	height: 80px;

	margin: 67px 0 0 -11px;

	padding: 24px 0 0;

	width: 80px;

}

.feature-icon-right-more .feature-icon:hover i.fa {

	background: rgba(0, 0, 0, 0) linear-gradient(to left, #ff3300, #ff3300) repeat scroll 0 0;

	color: #fff;

}

.feature-icon-right-more .feature-content {

	padding-left: 90px;

	padding-bottom: 35px;

	padding-top: 55px;

	text-align: left;

}

.feature-icon-right-more-app .feature-icon i.fa {

	float: left;

	font-size: 25px;

	color: #ffffff;

	margin: 50px 0 0 0;

	height: 55px;

	width: 55px;

	padding: 14px 0 0 0;

	border-radius: 10%;

	border: 1px solid #ffffff;

}

.feature-icon-right-more-app .feature-content {

	padding-left: 90px;

	padding-bottom: 20px;

	padding-top: 35px;

	text-align: left;

}

.feature-center .service-icon {

	margin-bottom: 14px;

}

.feature-center .service-content h4 {

	margin-bottom: 6px;

	font-weight: 500;

}

.feature-center .service-icon i {

	display: inline-block;

}

.feature-box h4 {

	font-family: "Open+Sans", sans-serif;

	font-size: 22px;

	margin-bottom: 9px;

	font-weight:600;

}

.feature-box > div:first-child {

	padding: 0;

}

.feature-boxed {

	margin-top: 30px;

	padding: 0 15px 20px 15px !important;

	border: 1px solid #eee;

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	-o-border-radius: 4px;

	transition: all 0.4s ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-webkit-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

}

.feature-boxed:hover {

	border-color: #e2e2e2;

	box-shadow: 0 0 6px rgba(0, 0, 0, .1);

	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);

	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);

	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);

}

.feature-boxed p {

	margin-bottom: 0;

}

.mask-bottom {

	color: #ff3300

}

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

/*	        /* 23. Special Features */

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





#superb-services {

	padding: 40px 0 40px 0;

}

#superb-services-i {

	padding: 80px 0 80px 0;

	background:#eee;

}

.superb-services .section-title hr {

	border-color: #151515;

}

.superb-services i {

	font-size: 35px;

	line-height: 40px;

	color: #333;

	width: 70px;

	height: 70px;

	padding: 15px;

	border: 5px solid #eee;

	border-color: #ffa211 #ffa211 #092b3c;

	border: 1px solid #ff3300;

}

.superb-services h4 {

	font-size: 18px;

	margin-top: 25px;

	position: relative;

	letter-spacing: 1px;

}

.superb-services .mask-top {

	background-color: #ffffff;

	padding: 65px;

	position: absolute;

	top: 0;

	transition: all 0.3s ease-out 0s;

	width: 100%;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.superb-services .mask-top h4:before {

	top: -18px;

	content: "";

	display: block;

	height: 2px;

	left: 0;

	right: 0;

	margin: -2px auto;

	position: absolute;

	width: 40px;

}

.superb-services .s-feature-box:hover .mask-top {

	top: -200px;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.superb-services .s-feature-box {

	overflow: hidden;

	position: relative;

	min-height: 280px;

	border: 1px solid #dadada;

	margin-bottom: 30px;

	cursor: pointer;

	background: #ff3300;

}

.superb-services .mask-bottom {

	color: #333333;

	padding: 35px 15px 35px 15px;

	width: 100%;

	position: absolute;

	bottom: -300px;

	height: 100%;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.superb-services .mask-bottom p {

	padding: 0px 5px;

}

.superb-services .mask-bottom h4 {

	margin: 15px 0px 17px;

}

.superb-services .s-feature-box:hover .mask-bottom {

	bottom: 0;

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.superb-services .mask-bottom i {

	background: #fff none repeat scroll 0 0;

	border: 5px solid #ff3300;

	border-radius: 5%;

	color: #333;

	font-size: 31px;

	height: 80px;

	line-height: 52px;

	padding: 10px;

	width: 80px;

}

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

/*	       /* 24. Side Tab */

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



#tab {

	padding: 90px 0 90px 0;

}

nav-tabs>li {

	margin-bottom: 0px;

	border-bottom: 1px solid #e6e6e6;

}

.nav-tabs {

    border-bottom: none;

	    padding: 4px;

	

}



.nav-tabs>li{

		    margin-top: 8px;

    float: left;

    width: 100%;

}

.nav-tabs>li>a {

    background: #ed3237;

    color: #fff;

    border-radius: 0;

    border: 0 none;

    line-height: 22px;

    margin-right: 0;

    border-radius: 5px;

    /* border-top-left-radius: 0px; */

    /* border-bottom-left-radius: 0px; */

    padding: 10px 13px;

    font-size: 15px;

    /* border-top: 2px solid #fff; */

    /* border-right: 1px solid #ece7e7; */

}



.tab{    background: #0a0d69; padding-bottom: 30px;margin-top: 12px;border-radius: 5px;}

.mart40p{     margin-top: 20px;}

.com-profile{margin-top: 20px!important}



.heading-product{ 

	font-size: 22px;

    margin-top: 0;

    text-align: center;

    margin-bottom: 10px;

    padding: 10px;

    background-color: #e6e3e3;

    border: 1px solid #d2d2d2;}

.nav-tabs li:last-child {

	border-bottom: 0 none;

}

.nav-stacked>li+li {

	margin-top: 0;

}

.nav-tabs>li>a:hover {

background: #383a8e;

	color: #ffffff;

	transition: all 0.3s ease 0s;

}

.media-left, .media-right, .media-body {

	padding: 5px;

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus i.fa {

	

}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {

	border: 0;

	color: #ffffff;

	background: #383a8e;

	position: relative;

}

.nav-tabs>li.active>a:after {

	position: absolute;

	top: 8px;

}

.tab-wrap {

	border: 1px solid #e6e6e6;

	text-align:left;

}

.tab-wrap h4 {

	font-size:20px;

	text-align:left;

}

.tab-content {

	padding: 0px;

}

.tab-content h2 {

	margin-top: 0;

}

.tab-content img {

	border-radius: 4px;

}

.testimonial h2 {

	margin-top: 0;

}

.testimonial-inner {

	color: #858586;

	font-size: 14px;

}

.testimonial-inner .pull-left {

	border-right: 1px solid #e7e7e7;

	padding-right: 15px;

	position: relative;

}

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

/*	           /* 25. Top banner */

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



.forcefullwidth_wrapper_tp_banner {

	overflow: hidden;

	

}





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

/*	           /* 26. Blog */

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



#blog {

	padding: 110px 0 110px 0;

	background: #f1f1f1;

}

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

/*	  /* 27. Features Services ii */

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



.single_services i {

	font-size:25px;

}

.startup {

	background: #f1f1f1;

	background-attachment: fixed;

}

.startup .boxs h4 {

	font-size: 20px;

	font-weight: 500;

	margin-bottom: 20px;

	text-transform: uppercase;

	margin-top: 35px;

}

.startup .boxs {

	padding: 0 20px;

	font-weight: 500;

	min-height: 90px;

}

.startup .boxs .ico {

	font-size:60px;

	font-weight:bold;

	color:#ff3300;

}

.startup .boxs a {

	display: inline-block;

}

.startup .boxs.first {

	border-right:1px dashed #ccc;

	border-bottom: 1px dashed #ccc;

	background: #fff;

	padding: 90px 30px 90px 30px;

	margin: 55px 0 0 0;

}

.startup .boxs.second {

	border-right: 1px dashed #ccc;

	border-bottom: 1px dashed #ccc;

	background: #fff;

	padding: 90px 30px 90px 30px;

	margin: 55px 0 0 0;

	transition: all 0.6s ease 0s;

	box-shadow: 0 0 22px 0 #999;

67

}

.startup .boxs.third {

	border-right:1px dashed #ccc;

	border-bottom: 1px dashed #ccc;

	background: #fff;

	padding: 90px 30px 90px 30px;

}

.startup .boxs.four {

	border-right:1px dashed #ccc;

	border-bottom: 1px dashed #ccc;

	background: #fff;

	padding: 90px 30px 90px 30px;

	margin: 0 0 55px 0;

	transition: all 0.6s ease 0s;

}

.startup .boxs.five {

	border-right:1px dashed #ccc;

	background: #fff;

	padding: 90px 30px 90px 30px;

	margin: 0 0 55px 0;

}

.startup .boxs.six {

	border-right: 1px dashed #ccc;

	background: #fff;

	padding: 90px 30px 90px 30px;

	margin: 0 0 55px 0;

	transition: all 0.6s ease 0s;

}

.startup .boxs.first:hover {

	background: rgba(255, 255, 255, 0.5);

	box-shadow: 0 0 22px 0 #999;

	transition: all 0.6s ease 0s;

}

.startup .boxs.second:hover {

	background: rgba(255, 255, 255, 0.5);

	box-shadow: 0 0 22px 0 #999;

	transition: all 0.6s ease 0s;

}

.startup .boxs.third:hover {

	background: rgba(255, 255, 255, 0.5);

	box-shadow: 0 0 22px 0 #999;

	transition: all 0.6s ease 0s;

}

.startup .boxs.four:hover {

	background: rgba(255, 255, 255, 0.5);

	box-shadow: 0 0 22px 0 #999;

	transition: all 0.6s ease 0s;

}

.startup .boxs.five:hover {

	background: rgba(255, 255, 255, 0.5);

	box-shadow: 0 0 22px 0 #999;

	transition: all 0.6s ease 0s;

}

.startup .boxs.six:hover {

	background: rgba(255, 255, 255, 0.5);

	box-shadow: 0 0 22px 0 #999;

	transition: all 0.6s ease 0s;

}

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

/*	      /* 28. Inner pages */

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



headerr {

	background-image: url(../img/fixed-portfolio-img.html);

	background-repeat: none;

	background-attachment: scroll;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

	-o-background-size: cover;

	text-align: center;

	color: #fff

}

header .intro-text {

	padding-top: 140px;

	padding-bottom: 90px;

	text-align: left;

}

header .intro-text .intro-lead-in {

	font-style: italic;

	font-size: 20px;

	line-height: 22px;

	margin-bottom: 25px

}

header .intro-text .intro-heading {

	text-transform: uppercase;

	font-weight: 700;

	font-size: 50px;

	line-height: 50px;

	margin-bottom: 25px

}

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

/*	      /* 29. Sidebar Bar blog */

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



.sidebar-page .sidebar {

	position: relative;

	padding: 0px 0px 0px;

}

.sidebar .widget {

	position: relative;

	margin-bottom: 50px;

}

.sidebar .search-box .form-group {

	position: relative;

	margin: 0px;

}

.sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] {

	position: relative;

	line-height: 24px;

	padding: 8px 50px 8px 20px;

	border: 1px solid #d0d0d0;

	background: #ffffff;

	color: #3a3a3a;

	display: block;

	width: 100%;

	transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

}

.sidebar .search-box .form-group input:focus {

	border-color: #0075af;

}

.sidebar .search-box .form-group button {

	position: absolute;

	right: 0px;

	top: 0px;

	height: 42px;

	width: 50px;

	line-height: 30px;

	text-align: center;

	display: block;

	font-size: 14px;

	color: #ffffff;

	background: #252525;

	border: none;

}

.sidebar .search-box .form-group input:focus + button, .sidebar .search-box .form-group button:hover {

	color: #ffffff;

	background: #ff3300;

}

.sidebar .sidebar-title {

	position: relative;

	margin-bottom: 30px;

	padding-bottom: 15px;

}

.sidebar .sidebar-title h3 {

	font-size: 20px;

	color: #1a1a1a;

	font-weight: normal;

	text-transform: uppercase;

	font-weight: 500;

}

.sidebar .sidebar-title:after {

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 40px;

	height: 2px;

	background: #ff3300;

}

.sidebar .recent-posts .post {

	position: relative;

	font-size: 13px;

	margin-bottom: 20px;

	color: #cccccc;



}

.sidebar .recent-posts .post .post-thumb {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 75px;

}

.sidebar .recent-posts .post .post-thumb img {

	display: block;

	width: 100%;

}

.sidebar .recent-posts .post h4 {

	font-size: 14px;

	font-weight: 500;

	margin: 0px 0px 5px;

	line-height: 1.4em;

	color: #292929;

}

.sidebar .recent-posts .post a, .sidebar .recent-posts .post a:hover {

	color: #0075af;

}

.sidebar .recent-posts .post h4 a {

	color: #292929;

}

.sidebar .recent-posts .post-info {

	color: #cccccc;

	text-transform: capitalize;

}

.sidebar .recent-posts .post-info .icon {

	padding-right: 5px;

}

.sidebar-page .contact-info {

	position: relative;

	font-size: 14px;

	margin-bottom: 30px;

}

.sidebar-page .contact-info .text {

	position: relative;

	font-size: 14px;

	margin-bottom: 10px;

	color: #7f7f7f;

}

.sidebar-page .contact-info li {

	position: relative;

	margin-bottom: 5px;

	line-height: 1.8em;

	color: #7f7f7f;

}

.sidebar-page .contact-info li strong {

	position: relative;

	padding-right: 10px;

	font-weight: 600;

	color: #292929;

}

.sidebar-page .contact-info a {

	color: #0075af;

	transition: all 300ms ease-in;

	-webkit-transition: all 300ms ease-in;

	-ms-transition: all 300ms ease-in;

	-o-transition: all 300ms ease-in;

	-moz-transition: all 300ms ease-in;

}

.sidebar-page .contact-info a:hover {

	color: #3d3d3d;

}

.sidebar .popular-tags a {

	position: relative;

	display: inline-block;

	line-height: 24px;

	padding: 5px 30px;

	margin: 0px 5px 12px 0px;

	border: 1px solid rgba(0, 0, 0, 0.10);

	background: #ffffff;

	color: #1a1a1a;

	text-align: center;

	font-size: 13px;

	border-radius: 0px;

	transition: all 300ms ease;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

}

.sidebar .popular-tags a:hover {

	background-color: #ff3300;

	border-color: #ff3300;

	color: #ffffff;

}

.sidebar .list {

	position: relative;

}

.sidebar .list li {

	position: relative;

	margin-bottom: 7px;

	line-height: 32px;

}

.sidebar .list li .count {

	position: relative;

}

.sidebar .list li a {

	position: relative;

	display: block;

	color: #3d3d3d;

	font-size: 14px;

	font-weight: 400;

}

.sidebar .list li a:hover {

	color: #ff3300;

}

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

/*	      /* 30. Blog */

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

 #blog {

	padding: 90px 0 90px 0;

	background: #f1f1f1;

}

.blog-ma {

	background: #fff;

	padding:20px;

	padding-bottom: 10px;

	border: 5px double #eee;

	margin-top: 5px;

	padding-bottom: 25px;

}

.blog-ma:hover {

	box-shadow: 0 0 22px 0 #999;

	transition: all 0.6s ease 0s;

}

.blog-div-area {

	padding: 80px 0 80px;

	overflow: hidden;

	background:#f1f1f1;

}

.blog-content h3 a {

	color:#333;

	margin-top:22px;

}

.blog-div-area .blog-content-div {

	padding: 42px 0 0;

}

.blog-div-area .blog-content-div .single-blog .feature-images {

	position: relative;

	overflow: hidden;

}

.blog-div-area .blog-content-div .single-blog .feature-images a {

	transition: all 0.3s ease 0s;

}

.feature-img {

	margin-top: 55px;

}

.blog-div-area .blog-content-div .single-blog .feature-images a img {

	width: 100%;

}

.blog-div-area .blog-content-div .single-blog .feature-images a img:hover {

	opacity: .9;

	background:#000;

}

.blog-div-area .blog-content-div .single-blog .blog-content h3 {

	margin: 20px 0 35px;

	font-size: 18px;

	position: relative;

}

.blog-div-area .blog-content-div .single-blog .blog-content h3:after {

	background: #e0e0e0 none repeat scroll 0 0;

	content: "";

	height: 1px;

	left: 0;

	margin: auto;

	position: absolute;

	top: 40px;

	width: 50px;

}

.blog-div-area .blog-content-div .single-blog .blog-content h3 a {

	display: block;

	text-decoration: none;

	color: #333333;

	transition: all 0.3s ease 0s;

	font-weight: 600;

	font-size:22px;

}

.blog-div-area .blog-content-div .single-blog .blog-content h3 a:hover {

	color: #333333;

}

.blog-div-area .blog-content-div .single-blog .blog-content ul li {

	display: inline-block;

	transition: all 0.6s ease 0s;

	font-size: 13px;

	font-weight: 400;

}

.blog-div-area .blog-content-div .single-blog .blog-content ul li a {

	display: block;

	text-decoration: none;

	color:#ff3300;

}

.blog-div-area .blog-content-div .single-blog .blog-content ul li a:hover {

	color: #333333;

}

.blog-div-area .blog-content-div .single-blog .blog-content ul li.comments {

	float: right;

}

.blog-div-area .blog-content-div .single-blog .blog-content ul li.comments a {

	color: #000000;

}

.blog-div-area .blog-content-div .single-blog .blog-content p {

	margin: 20px 0;

}

.blog-div-area .blog-content-div .single-blog .blog-content .read-more {

	display: block;

	margin: 20px 0 50px;

}

.blog-div-area .blog-content-div .single-blog .blog-content .read-more a {

	display: inline-block;

	text-decoration: none;

	text-transform: uppercase;

	color: #fff;

	transition: all 0.3s ease 0s;

	font-size: 14px;

	font-weight: 700;

	border: 1px solid #4caf50;

	padding: 10px 20px;

}

.blog-div-area .blog-content-div .single-blog .blog-content .read-more a:hover {

	background: #4caf50;

	color: #ffffff;

}

/* Sidebar Bar blog */

 .sidebar-page .sidebar {

	position: relative;

	padding: 0px 0px 0px;

}

.sidebar .widget {

	position: relative;

	margin-bottom: 5px;

}

.sidebar .search-box .form-group {

	position: relative;

	margin: 0px;

}

.sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] {

	position: relative;

	line-height: 24px;

	padding: 8px 50px 8px 20px;

	border: 1px solid #d0d0d0;

	background: #ffffff;

	color: #3a3a3a;

	display: block;

	width: 100%;

	transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

}

.sidebar .search-box .form-group input:focus {

	border-color: #0075af;

}

.sidebar .search-box .form-group button {

	position: absolute;

	right: 0px;

	top: 0px;

	height: 42px;

	width: 50px;

	line-height: 30px;

	text-align: center;

	display: block;

	font-size: 14px;

	color: #ffffff;

	background: #252525;

	border: none;

}

.sidebar .search-box .form-group input:focus + button, .sidebar .search-box .form-group button:hover {

	color: #ffffff;

	background: #ff3300;

}

.sidebar .sidebar-title {

	position: relative;

	margin-bottom: 30px;

	padding-bottom: 15px;

}

.sidebar .sidebar-title h3 {

	font-size: 20px;

	color: #1a1a1a;

	font-weight: normal;

	text-transform: uppercase;

	font-weight: 500;

}

.sidebar .sidebar-title:after {

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 40px;

	height: 2px;

	background: #ff3300;

}

.sidebar .recent-posts .post {

	position: relative;

	font-size: 13px;

	margin-bottom: 20px;

	color: #cccccc;

	border-bottom:1px dashed #999;

}

.sidebar .recent-posts .post .post-thumb {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 75px;

}

.sidebar .recent-posts .post .post-thumb img {

	display: block;

	width: 100%;

}

.sidebar .recent-posts .post h4 {

	font-size: 14px;

	font-weight: 500;

	margin: 0px 0px 5px;

	line-height: 1.4em;

	color: #292929;

}

.sidebar .recent-posts .post a, .sidebar .recent-posts .post a:hover {

	color: #ff3300;

}

.sidebar .recent-posts .post h4 a {

	color: #333;

	font-size: 13px;

}

.sidebar .recent-posts .post-info {

	color: #cccccc;

	text-transform: capitalize;

}

.sidebar .recent-posts .post-info .icon {

	padding-right: 5px;

}

.sidebar-page .contact-info {

	position: relative;

	font-size: 14px;

	margin-bottom: 30px;

}

.sidebar-page .contact-info .text {

	position: relative;

	font-size: 14px;

	margin-bottom: 10px;

	color: #7f7f7f;

}

.sidebar-page .contact-info li {

	position: relative;

	margin-bottom: 5px;

	line-height: 1.8em;

	color: #7f7f7f;

}

.sidebar-page .contact-info li strong {

	position: relative;

	padding-right: 10px;

	font-weight: 600;

	color: #292929;

}

.sidebar-page .contact-info a {

	color: #0075af;

	transition: all 300ms ease-in;

	-webkit-transition: all 300ms ease-in;

	-ms-transition: all 300ms ease-in;

	-o-transition: all 300ms ease-in;

	-moz-transition: all 300ms ease-in;

}

.sidebar-page .contact-info a:hover {

	color: #3d3d3d;

}

.sidebar .popular-tags a {

	position: relative;

	display: inline-block;

	line-height: 24px;

	padding: 5px 30px;

	margin: 0px 5px 12px 0px;

	border: 1px solid rgba(0, 0, 0, 0.10);

	background: #ffffff;

	color: #1a1a1a;

	text-align: center;

	font-size: 13px;

	border-radius: 0px;

	transition: all 300ms ease;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	-o-transition: all 300ms ease;

	-moz-transition: all 300ms ease;

}

.sidebar .popular-tags a:hover {

	background-color: #ff3300;

	border-color: #ff3300;

	color: #ffffff;

}

.sidebar .list {

	position: relative;

}

.sidebar .list li {

	position: relative;

	margin-bottom: 7px;

	line-height: 32px;

}

.sidebar .list li .count {

	position: relative;

}

.sidebar .list li a {

	position: relative;

	display: block;

	color: #3d3d3d;

	font-size: 14px;

	font-weight: 400;

	border-bottom:1px dashed #999;

	padding:3px;

}

.sidebar .list li a:hover {

	color: #ff3300;

}

/*** 

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

/*	   /* 32.  Comments Area Blog */

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



.sidebar-page .comments-area {

	position: relative;

}

.sidebar-page .group-title {

	position: relative;

	margin-bottom: 40px;

	padding-bottom: 16px;

}

.sidebar-page .group-title h2 {

	font-size: 25px;

	color: #1a1a1a;

	font-family: 'Open+Sans', sans-serif;

	margin-bottom: 0px;

	text-transform: uppercase;

}

.sidebar-page .group-title:after {

	content: '';

	position: absolute;

	left: 0px;

	bottom: 0px;

	width: 40px;

	height: 2px;

	background: #ff3300;

}

.sidebar-page .comments-area .comment-box {

	position: relative;

}

.sidebar-page .comments-area .comment {

	position: relative;

	margin: 0px 0px 50px 0px;

	padding: 0px 0px 10px 110px;

}

.sidebar-page .comments-area .reply-comment {

	margin-left: 50px;

}

.sidebar-page .comments-area .comment-box .author-thumb {

	position: absolute;

	left: 0px;

	top: 0px;

	width: 84px;

	height: 84px;

	border: 3px solid #ffffff;

	border-radius: 5px;

	-moz-box-shadow: 0px 0px 2px 0px #000000;

	-ms-box-shadow: 0px 0px 2px 0px #000000;

	-o-box-shadow: 0px 0px 2px 0px #000000;

	-webkit-box-shadow: 0px 0px 2px 0px #000000;

	box-shadow: 0px 0px 2px 0px #000000;

}

.sidebar-page .comments-area .comment-box .author-thumb img {

	width: 100%;

	display: block;

	border-radius: 5px;

}

.sidebar-page .comments-area .comment-info {

	margin-bottom: 10px;

	color: #bcbcbc;

	font-size: 15px;

}

.sidebar-page .comments-area .comment-box strong {

	color: #1a1a1a;

	font-weight: 700;

	text-transform: uppercase;

}

.sidebar-page .comments-area .reply-btn {

	position: absolute;

	right: 0px;

	top: 0px;

	color: #ffffff;

	padding: 5px 30px;

	line-height: 24px;

	background: #545454;

	border-radius: 0px;

	font-weight: normal;

	text-transform: uppercase;

}

.sidebar-page .comments-area .reply-btn:hover {

	background-color: #ff3300;

}

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

/*	      /* 33. Particles */

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



html, body {

	width: 100%;

	height: 100%;

}

canvas {

	display: block;

	vertical-align: bottom;

}

#particles-js {

	width: 100%;

	height: 100%;

	background-color: #333;

	background-image: url(../img/home_banner/04_home.jpg);

	background-size: cover;

	background-position: 50% 50%;

	background-repeat: no-repeat;

}

.welcome-area {

	height: 100%;

}

#particles-js {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

}

.welcome-image-area {

	position: relative;

	height: 100%;

	background-size: cover;

	z-index: 1;

}

.welcome-image-area:after {

	position: absolute;

	background: rgba(0, 0, 0, .6);

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	content: "";

	z-index: -1;

}

.particle-bg {

	position: relative;

	height: 100%;

	background-size: cover;

	z-index: 1;

}

.particle-bg:after {

	position: absolute;

	background: rgba(0, 0, 0, .6);

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	content: "";

	z-index: -1;

}

.display-table {

	display: table;

	width: 100%;

	height: 100%;

}

.display-table-cell {

	display: table-cell;

	vertical-align: middle;

}

.header-text hr {

	width: 16%;

	color: #333;

	border-width: 2px;

}

.header-text {

	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;

	border: 15px solid #ffa211;

	color: #fafafa;

	font-size: 75px;

	font-weight: 100;

	margin: 0 auto;

	padding: 50px 0 50px 0;

	text-align: center;

	text-transform: uppercase;

	width: 50%;

	border-color: #f1f1f1 #ff3300 #ff3300 #f1f1f1;

	border-width: 30px;

}

.header-text p {

	font-size: 14px;

	line-height: 35px;

	letter-spacing: 2px;

}

.header-text h1 {

	color: #f1f1f1;

	font-size:55px;

	margin: 0 auto;

	font-family: "Bungee Inline", cursive;

	line-height:65px;

}

.header-text .home-arrow-down {

	text-align: center;

	position: absolute;

	bottom: -210px;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}

.header-text .home-arrow-down .btn {

	font-size: 30px;

}

.header-text .home-arrow-down .fa {

	color: #000;

	display: inline-block;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

	-webkit-animation-name: home-arrow-down;

	animation-name: home-arrow-down;

	animation-duration: 2s;

	-webkit-animation-duration: 2s;

	-webkit-animation-iteration-count: infinite;

	animation-iteration-count: infinite;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

}

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

/*	        /* 34. Login Page */

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



.login_page {

	background-color: #f8f8f8;

	height: auto;

	padding-bottom: 110px;

}

.log_in_logo {

	padding-top: 90px;

	padding-bottom: 20px;

	position: relative;

}

input[type="radio"], input[type="checkbox"] {

	margin: 7px 0 3px 6px;

}

.log_in_logo img {

}

.log_in_box {

	width: 60%;

	margin: 0 auto;

	background: #fff;

	padding: 30px;

	position: relative;

	border: 10px solid #f1f1f1;

	box-shadow: 0 0 32px #838383;

	overflow: hidden;

}

.login_title {

}

.login_title h2 {

	font-size: 30px;

	font-weight: 600;

	color: #ff3300;

	letter-spacing: 1px;

	text-align: center;

	margin: 0px;

	margin-bottom: 20px;

}

.login .form-group {

	margin-bottom: 20px;

}

.login .form-control, .login .form-control:focus, .login .form-control:active, .login .form-control:visited {

	background-color: transparent;

	border: 1px solid rgba(0, 0, 0, .2);

	box-shadow: none;

	outline: 0;

	height: 45px;

	border-radius: 0px;

 -webkit-transition: all .5s;

 -o-transition: all .5s;

 transition: all .5s;

	color: #333!important;

}

.login .form-control::-moz-placeholder {

 color: #999;

 opacity: 1;

}

.log-in-r {

	background: #fff none repeat scroll 0 0;

	border: 10px solid #f1f1f1;

	box-shadow: 0 0 32px #838383;

	margin: 0 auto;

	padding: 30px;

	position: relative;

	width: 80%;

}

.btn-login, .btn-login:active, .btn-login:focus, .btn-login:visited {

	background-color: #333;

	color: #fff;

	text-transform: uppercase;

	font-size: 23px;

	font-weight: 200;

	display: block;

	width: 100%;

	margin: 0 auto;

	text-align: center;

	border-radius: 0px;

	height: 65px;

	letter-spacing: 1px;

	box-shadow: none;

	outline: 0;

 -webkit-transition: all .5s;

 -o-transition: all .5s;

 transition: all .5s;

}

.btn-login:hover {

	color: #fff;

	background-color: #ff3300;

 -webkit-transition: all .5s;

 -o-transition: all .5s;

 transition: all .5s;

}

.login_social {

}

.login_social ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.login_social ul li {

	display: inline;

}

.login_social ul li a {

	display: inline-block;

	float: left;

	width: 49%;

	text-align: center;

	color: #fff;

	font-size: 14px;

	padding: 10px;

	text-decoration: none;

}

.login_social ul li a.fb_login {

	margin-right: 1%;

	background-color: #3b5999

}

.login_social ul li a.twitter_login {

	margin-left: 1%;

	background-color: #63c6ff;

}

.login .check_login {

	margin-top: 20px;

	margin-bottom: 0px;

}

.check_login label {

	font-weight: 400;

	font-size: 14px;

	color: #585858;

}

.check_login a {

	color: #585858;

	font-size: 14px;

	text-decoration: none;

}

.image_bg {

	background-size: cover;

	position: relative;

}

.image_bg:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, .8);

}

.login_register_area {

	padding-top: 100px;

	padding-bottom: 100px;

}

.tab_login_register {

	padding-top: 20px;

}

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

/*	        /* 35.Preloader */

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





#preloader {

	background: #fff none repeat scroll 0 0;

	bottom: 0;

	height: 100%;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	width: 100%;

	z-index: 1800;

}

.no-js #preloader, .oldie #preloader {

	display: none;

}

#loader {

	height: 30px;

	left: 50%;

	margin: -30px 0 0 -30px;

	padding: 0;

	position: absolute;

	top: 50%;

	width: 30px;

}

 #loader::before {

 animation: 1.1s linear 0s normal none infinite running load;

 border-color: rgba(255, 52, 5, 0.9) rgba(0, 0, 0, 0.9) rgba(0, 0, 0, 0.9) #ff3300;

 border-radius: 50%;

 border-style: solid;

 border-width: 3px;

 content: "";

 display: block;

 height: 50px;

 width: 50px;

}

@keyframes load {

0% {

 transform: rotate(0deg);

}

100% {

 transform: rotate(360deg);

}

}

@keyframes load {

0% {

 transform: rotate(0deg);

}

100% {

 transform: rotate(360deg);

}

}

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

/*	        /* 36 Home Features Top */

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



.main-features {

	padding: 80px 0 80px;

	position: relative;

	background: #ffffff;

	z-index: -999

}

.main-features .title-box {

	margin-bottom: 80px;

	position: relative;

}

.main-features .title-box h1 {

	color: #ff3300;

	font-size: 60px;

	line-height: 1.4em;

	position: relative;

}

.main-features .title-box h2 {

	color: #25292f;

	font-size: 36px;

	font-weight: 800;

	margin-bottom: 20px;

	position: relative;

	text-transform: uppercase;

}

.main-features .title-box .text {

	color: #7c7c7c;

	font-size: 18px;

	font-weight: 300;

	position: relative;

}

.main-features .features-column {

	margin-bottom: 50px;

	position: relative;

}

.features-column .icon-box {

	color: #ffffff;

	height: 240px;

	margin: 0 auto;

	padding: 40px 20px 20px;

	position: relative;

	text-align: center;

	width: 240px;

}

.features-column .icon-box::before {

 background:#ff3300;

 content: "";

 height: 100%;

 left: 0;

 position: absolute;

 top: 0;

 transition: all 500ms ease 0s;

 width: 100%;

}

.features-column:hover .icon-box::before {

 transform: rotate(-45deg);

}

.features-column .icon-box .icon {

	font-size: 50px;

	line-height: 100px;

	margin-bottom: 20px;

	position: relative;

	z-index: 2;

}

.features-column .icon-box .title {

	font-size: 18px;

	font-weight: 700;

	position: relative;

	text-transform: uppercase;

	z-index: 2;

}

.default-icon-column {

	position: relative;

}

.main-features .default-icon-column {

	margin-bottom: 30px;

	text-align: center;

	border:1px solid #eee;

	padding:55px 0 20px 0;

}

.default-icon-column .icon-box {

	border-radius: 50% 0 50% 50%;

	height: 80px;

	line-height: 56px;

	margin-bottom: 30px;

	padding:14px 0 0 0;

	position: relative;

	text-align: center;

	width: 80px;

	margin:0 auto;

}

.icon-box .ico span {

	font-size: 35px;

	padding: 10px;

	color: #fff;

}

.default-icon-column .icon-box::before {

 content: "";

 height: 100%;

 left: 0;

 position: absolute;

 top: 0;

 transition: all 700ms ease 0s;

 width: 100%;

 z-index: -999;

 background:#ff3300;

}

.default-icon-column:hover .icon-box::before {

 border-color: #ff3300;

 transform: rotate(135deg);

}

.default-icon-column .icon-box .icon {

	color: #ff3300;

	font-size: 36px;

	position: relative;

	z-index: 2;

}

.default-icon-column h3 {

	color:#232323;

	font-size:20px;

	margin-bottom: 2px;

	letter-spacing: 0px;

	text-transform: uppercase;

	margin-top: 30px;

}

.default-icon-column .text {

	color: #333;

	font-size: 13px;

	letter-spacing: 1px;

}

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

/*	        /* 37 Chart Projects */

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



#skills-round {

	padding: 90px 0 90px 0;

}

.skill {

	text-align: center;

	width: 20%;

	margin: 0 auto;

}

.chart {

	position: relative;

	display: inline-block;

	margin-bottom: 2px;

	text-align: center;

	text-transform:uppercase;

}

.chart canvas {

	position: absolute;

	top: -35px;

	left: 0;

}

.percent {

	display: inline-block;

	font-size: 21px;

	color: #333;

	line-height: normal;

	z-index: 2;

	padding: 21px;

	margin-top: -24px;

	font-weight: 600;

}

.percent:after {

	content: '%';

	margin-left: 0.1em;

	font-size: .8em;

}

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

/*	        /* 38 Events */

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



.events-section {

	padding: 0px 0 40px 0;

	position: relative;

	background:#f1f1f1;

}

.events-section .column {

	margin-bottom: 50px;

}

.vertical-links-outer {

	position: relative;

}

.vertical-links-outer .link-block {

	color: #8d8d8d;

	font-size: 15px;

	margin-bottom: 5px;

	position: relative;

}

.vertical-links-outer .link-block:last-child {

	margin-bottom: 0;

}

.vertical-links-outer .default {

	display: block;

	font-size: 13px;

	padding:16px 0 20px 90px;

	position: relative;

	transition: all 500ms ease 0s;

	border:6px solid #e9e9e9;

	line-height: 25px;

	color: #333333;

	letter-spacing: 0px;

	margin: 0px 0 9px 0;

}

.vertical-links-outer .default .image-thumb {

	height: 75px;

	left: 0;

	position: absolute;

	top: 20px;

	width: 80px;

}

.vertical-links-outer .default .image-thumb img {

	display: block;

	max-width: 100%;

}

.vertical-links-outer .alternate {

	background: #ff3300 none repeat scroll 0 0;

	color: #ffffff;

	height: 100%;

	left: 0;

	opacity: 0;

	padding:10px 20px;

	position: absolute;

	top: 0;

	transition: all 500ms ease 0s;

	width: 100%;

}

.vertical-links-outer .link-block:hover .alternate {

	opacity: 1;

}

.vertical-links-outer .link-block strong {

	color: #333;

	display: block;

	font-size: 16px;

	font-weight: 600;

	margin-bottom: 3px;

}

.vertical-links-outer .link-block .alternate strong {

	color: #ffffff;

	margin-bottom: 10px;

}

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

/*	        /* 39 Testimonials */

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



.testimonials-section {

	background-attachment: fixed;

	background-position: center top;

	background-repeat: no-repeat;

	background-size: cover;

	

	position: relative;

	background:#fff;

}

.testimonials-s {

	font-size: 15px;

	line-height: 28px;

	color: #333333;

	padding: 5px;

}

.testimonials-section.style-two {

	background-attachment: scroll;

	background-repeat: repeat;

	background-size: auto auto;

	text-align: center;

	background:#eee;

}

.testimonials-section::before {

 background: rgba(3, 3, 3, 0.6) none repeat scroll 0 0;

 content: "";

 height: 100%;

 left: 0;

 position: absolute;

 top: 0;

 width: 100%;

 z-index: 0;

}

.testimonials-section.style-two::before {

 display: none;

}

.testimonials-section .auto-container {

	position: relative;

	z-index: 5;

}

.testimonials-section .sec-title {

	margin-bottom: 60px;

}

.testimonials-section .sec-title h2 {

	color: #ffffff;

}

.testimonials-section .sec-title .text {

	color: #ffffff;

}

.testimonials-section .testimonials-slider .slide-item {

	background: #ffffff none repeat scroll 0 0;



	border-radius: 4px;

	margin: 50px 0 0;



	position: relative;

	transition: all 500ms ease 0s;

}

.testimonials-section .testimonials-slider .info-box {

	min-height: 60px;

	padding: 20px 0 20px 120px;

	position: relative;

}

.testimonials-section.style-two .testimonials-slider .info-box {

	padding: 0 0 10px;

}

.testimonials-section .testimonials-slider .image-box {

	border: 5px solid #ffffff;

	height: 100px;

	left: 0;

	position: absolute;

	top: -25px;

	transition: all 500ms ease 0s;

	width: 100px;

}

.testimonials-section.style-two .testimonials-slider .image-box {

	margin: 40px auto 20px;

	position: relative;

	top: 0;

}

.testimonials-section .testimonials-slider .slide-item:hover, .testimonials-section .testimonials-slider .slide-item:hover .image-box {

	border-color: #ed3237;

}

.testimonials-section .testimonials-slider .image-box img {

	display: block;

	height: 90px;

	position: relative;

	width: 90px;

}

.testimonials-section .slide-item h3 {

	color: #000;

	font-family: "Roboto", sans-serif;

	font-size: 26px;

	font-weight: 400;

	margin-bottom: -8px;

	position: relative;

	text-transform: uppercase;

}

.testimonials-section .slide-item .designation {

	color: #ed3237;

	font-size: 15px;

	margin-bottom: 0;

	position: relative;

}

.testimonials-section .slide-text {

	color: #333;

	font-size: 13px;

	position: relative;

}

.testimonials-section .owl-controls {

	padding: 20px 0;

	position: relative;

	text-align: center;

	top: 0;

}

.testimonials-section .owl-controls .owl-next, .testimonials-section .owl-controls .owl-prev {

	background: #ff3300 none repeat scroll 0 0;

	color: #ffffff;

	font-size: 20px;

	height: 38px;

	line-height: 38px;

	padding: 0;

	position: relative;

	transition: all 500ms ease 0s;

	width: 50px;

}

.testimonials-section .owl-controls .owl-next:hover, .testimonials-section .owl-controls .owl-prev:hover {

	background: #5fa917 none repeat scroll 0 0;

}

.testimonials-section .owl-controls .owl-prev {

	border-radius: 4px 0 0 4px;

	margin: 0;

}

.testimonials-section .owl-controls .owl-next {

	border-radius: 0 4px 4px 0;

	margin: 0;

	right: -1px;

}

.testimonials-section .owl-dots, .testimonials-section.style-two .owl-nav {

	display: none;

}

.testimonials-section.style-two .owl-dots {

	display: block;

}

.owl-theme .owl-dots .owl-dot span {

	background: #4c4c4c none repeat scroll 0 0;

	border-radius: 0%;

	height: 12px;

	margin: 0 5px;

	width: 25px;

}

#owl-slider, #owl-slider .item {

	height: 100%;

	position: relative;

	width: 100%;

}

#owl-slider {

	max-height: none;

}

#owl-slider .item {

	overflow: hidden;

}

#owl-slider .item::before {

background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

content: "";

height: 100%;

left: 0;

position: absolute;

top: 0;

width: 100%;

}

#owl-slider .item .item-img {

	background-color: transparent;

	background-position: 50% 50%;

	background-repeat: no-repeat;

	background-size: cover;

	width: 100%;

}

#owl-slider .item .slider-info {

	margin: 0 auto;

	padding: 0 20px;

	position: relative;

	top: 35%;

	width: 1140px;

	z-index: 100;

}

#owl-slider .item .slider-info .sub-title, #owl-slider .item .slider-info h1, #owl-slider .item .slider-info h5, #owl-slider .item .slider-info p {

	margin-top: 0;

}

#owl-slider .item .slider-info h1 {

	font-size:65px;

	line-height:80px;

}

 @media (max-width: 768px) {

#owl-slider .item .slider-info h1 {

 font-size: 30px;

}

}

#owl-slider .item .slider-info h5 {

	font-size: 13px;

	font-weight: 400;

	margin-bottom: 15px;

	letter-spacing:5px;

}

#owl-slider .item .slider-info p {

	font-size: 13px;

	font-weight: 600;

	margin-bottom: 30px;

	letter-spacing:5px;

}

@media (min-width: 768px) {

#owl-slider .item .slider-info {

 width: 750px;

}

}

@media (max-width: 768px) {

#owl-slider .item .slider-info {

 top: 30%;

 width: 100%;

}

}

 @media (min-width: 300px) {

#owl-slider .item .slider-info {

 width: 35%;

 border:5px solid #ff3300;

 padding:25px;

 background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;

 padding:55px 0 25px 0;

 border-width:1px 0 2px 0;

}

}

#owl-slider .item .slider-btn .btn {

	padding: 16px 40px;

}

#owl-slider .item .slider-btn .btn:first-child {

	margin-right: 10px;

}

#owl-slider.owl-nav-dark .item::before {

background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}

#owl-slider.owl-theme .owl-nav {

	bottom: 20px;

	margin-top: -60px;

	position: absolute;

	right: 20px;

	top: 50%;

}

 @media (max-width: 1080px) {

#owl-slider.owl-theme .owl-nav [class*="owl-"] {

display: none;

}

}

#owl-slider.owl-theme.owl-nav-dark .owl-nav [class*="owl-"] {

background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

border: 1px solid #222;

border-radius: 0;

color: #222;

cursor: e-resize;

display: inline-block;

font-size: 14px;

margin: 0 2px;

padding: 5px 20px;

}

#owl-slider.owl-theme.owl-nav-dark .owl-nav [class*="owl-"]:hover {

background: #fc575e none repeat scroll 0 0;

border-color: #fc575e;

color: #fff;

}

#owl-slider.owl-theme .owl-nav .disabled {

	opacity: 0.6;

}

#owl-slider.owl-carousel .owl-nav .owl-next, #owl-slider.owl-carousel .owl-nav .owl-prev {

	position: relative;

}

#owl-slider.owl-theme .owl-dots {

	bottom: 0;

	left: 0;

	position: absolute;

	right: 0;

}

#owl-slider.owl-theme .owl-dots .owl-dot {

	margin: 15px 0;

}

#owl-slider.owl-theme .owl-dots .owl-dot span {

	border-radius: 0;

	height: 25px;

	width: 6px;

}

#owl-slider.owl-theme .owl-dots .owl-dot.active span, #owl-slider.owl-theme .owl-dots .owl-dot:hover span {

	background:#ff3300;

}

.light-txt h1, .light-txt h2, .light-txt h3, .light-txt h4, .light-txt h5, .light-txt p, .light-txt span {

	color: #fff

}

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

/*	        /* 40 Recent Projects */

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



.recent-projects, .projects-section {

	position: relative;

	padding: 90px 0px 30px;

}

.recent-projects .column, .projects-section .column {

	margin-bottom: 60px;

}

.default-featured-column .image-box img {

	    display: block;
    width: 100%;
    -webkit-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    height: 250px;
    width: 100%;
    /* margin: 0 auto; */
    /* padding: 30px; */
}

.default-featured-column:hover .image-box img {

	-webkit-transform: scale(1, 1);

	-ms-transform: scale(1, 1);

	-o-transform: scale(1, 1);

	-moz-transform: scale(1, 1);

	transform: scale(1, 1);

}

.default-featured-column .inner-box {

	position: relative;

	background: #ffffff;

	    padding-top: 0px;

	    border: 2px solid #e9e9e9;

}

.default-featured-column .image-box {

	    position: relative;

    overflow: hidden;

    width: 200px;

	min-height: 258px;

    margin: 0 auto;

}

.default-featured-column:hover .image-box:before {

	left: 0px;

	top: 0px;

}

.default-featured-column:hover .image-box:after {

	right: 0px;

	bottom: 0px;

}

.default-featured-column .image-box .post-tag {

	position: absolute;

	font-size: 13px;

	font-weight: 600;

	font-family:'Montserrat', sans-serif;

	;

	left: 20px;

	bottom: 15px;

	background: #73af38;

	text-transform: uppercase;

	color: #ffffff;

	line-height: 24px;

	padding: 5px 15px;

	border-radius: 3px;

}

.default-featured-column .content-box {

	position: relative;

    padding: 0px;

       min-height: 37px;

    /* margin-top: 10px; */

    text-align: center;

    background: #ed3237;

    padding-bottom: 0px;

    padding-top: 8px;

    border: 2px solid #e9e9e9;

    border-right: none;

    border-left: none;

    border-bottom: none;

}

.list-view .default-featured-column .content-box {

	padding-top: 0px;

}

.default-featured-column .content-box .text {

	position: relative;

	margin-bottom: 10px;

	letter-spacing: 0px;

}

.default-featured-column h3 {

	font-size: 18px;

	text-transform: uppercase;

	    margin-bottom: 0px;

}

.default-featured-column .detail-header h2 {

	font-size: 32px;

	text-transform: uppercase;

	font-weight: 800;

	margin: 5px 0px 10px 0px;

}

.default-featured-column .bigger-text {

	font-size: 18px;

	margin-bottom: 20px;

}

.default-featured-column.style-two h3 {

    font-size: 18px;

    text-transform: uppercase;

    letter-spacing: 0px;

    margin-top: 12px;

}

.default-featured-column h3 a {

	color: #fff;

	-webkit-transition: all 500ms ease;

	-ms-transition: all 500ms ease;

	-o-transition: all 500ms ease;

	-moz-transition: all 500ms ease;

	transition: all 500ms ease;

}

.default-featured-column h3 a:hover {

	color: #ff3300;

}

.default-featured-column .column-info {

	position: relative;

	font-size: 15px;

	margin-bottom: 10px;

	margin-top:0px;

	color: #ff3300;

	font-weight:200;

}

.default-featured-column .text {

	position: relative;

	font-size: 13px;

	color: #6d6d6d;

}

.project-details .default-featured-column h3 {

	font-size: 24px;

	font-weight: 800;

	margin-bottom: 20px;

}

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

/*	        /* 41 Clints Slide */

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



.sponsors {

	position: relative;

	padding: 0px 0px 45px;

	background: #ffffff;

}

.sponsors.slider-outer {

	position: relative;

	border: 1px solid #e9e9e9;

	margin: 0px 0px;

}

.sponsors .sponsors-slider {

	position: relative;

}

.sponsors .sponsors-slider li img {

	position: relative;

	right:0px;

	border:1px solid #f1f1f1;

}

.sponsors .owl-controls {

	margin: 0px !important;

	display: none;

}

.sponsors .owl-nav .owl-prev {

	position: absolute;

	left: 0px;

	top: 50%;

	margin: -25px 0px 0px -25px !important;

	line-height: 48px;

	width: 50px;

	height: 50px;

	border: 1px solid #e9e9e9;

	text-align: center;

	color: #cccccc;

	background: #ffffff !important;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	transition: all 300ms ease;

}

.sponsors .owl-nav .owl-next {

	position: absolute;

	right: 0px;

	top: 50%;

	margin: -25px -25px 0px 0px !important;

	line-height: 48px;

	width: 50px;

	height: 50px;

	border: 1px solid #e9e9e9;

	text-align: center;

	color: #cccccc;

	background: #ffffff !important;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	transition: all 300ms ease;

}

.sponsors .owl-nav .owl-prev .fa:before, .sponsors .owl-nav .owl-next .fa:before {

	font-size: 24px;

	color: #223555;

	-webkit-transition: all 300ms ease;

	-ms-transition: all 300ms ease;

	transition: all 300ms ease;

}

.sponsors .owl-nav .owl-prev:hover .fa:before, .sponsors-section .owl-nav .owl-next:hover .fa:before {

	color: #ffffff;

}

.sponsors .owl-nav .owl-prev:hover, .sponsors .owl-nav .owl-next:hover {

	background: #223555 !important;

}

.sponsors .owl-dots {

	display: none !important;

}

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

/*	      /* 42.Contact Us */

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



#contact {

	padding: 110px 0 110px 0;

}



#contact-inner-m {

	

}



#contact-inner-m h3 {

	font-size: 30px;

	font-weight: 200;

	text-transform: uppercase;

}

#contact-inner-m i.fa {

	font-size: 30px;

    width: 50px;

    height: 50px;

    line-height: 2px;

    padding: 24px 0;

      margin: 20px 0 20px 0;

    color: #fff;

    background: #ed3237;

    /* box-shadow: 0 0 22px 0 #999; */

    /* border: 15px solid #eee; */

}



#contact-inner-m .form-control {

	display: block;

	width: 100%;

	padding: 9px 12px;

	font-size: 14px;

	line-height: 22px;

	background-color: #f1f1f1;

	background-image: none;

	border-radius: 0px;

	-webkit-box-shadow: none;

	border: 2px solid #f1f1f1;

	-webkit-transition: none;

	-o-transition: none;

	transition: none;

	margin-top: 25px;

	height: auto;

}

#contact-inner-m .form-control:focus {

	border-color: inherit;

	outline: 0;

	-webkit-box-shadow: transparent;

	box-shadow: transparent;

	border: 1px solid #fff;

}



#contac-inner-o:hover > i.fa {

	background: #0059cf;

}









#contact-inner h3 {

	font-size: 30px;

	font-weight: 200;

	text-transform: uppercase;

}

#contact-inner i.fa {

	font-size: 30px;

	width: 110px;

	height: 110px;

	padding: 27px 0;

	margin: 50px 0 20px 0;

	color: #fff;

	background: #ff3300;

	box-shadow: 0 0 22px 0 #999;

	border: 15px solid #eee;

}

#contac-inner-o:hover > i.fa {

	background: #0059cf;

}

.c-2 {

	    background: #fff;

    padding: 20px;

    border: 5px solid #eee;

    margin-bottom: 55px;

    margin-top: 20px;

	    padding-top: 0px;

}

#contact-inner-o {

	padding: 110px 0 110px 0;

	background: url(../img/hero/footer-bg.html) no-repeat scroll center center / cover;

}

#contact-inner-o h3 {

	font-size: 30px;

	font-weight: 200;

	text-transform: uppercase;

}

#contact-inner-o i.fa {

	font-size: 30px;

	width: 110px;

	height: 110px;

	padding: 40px 0;

	margin: 50px 0 20px 0;

	color: #000;

	border-radius: 20px 0 20px 0;

	border-width: 3px 1px 1px 6px;

	border: 4px double #999;

	border-color: #ffa904 #ff5d04 #ffa904!important;

	border-radius: 20px 0 20px 0;

	border-width: 3px 1px 1px 6px;

	background: #fff;

	box-shadow: 0 0 22px 0 #999;

}

#contac-inner-o:hover > i.fa {

	background: #0059cf;

}

#contact h3 {

	font-size: 30px;

	font-weight: 200;

	text-transform: uppercase;

	margin-top: 40px;

}

#contact-inner-o p {

	color: #000;

}

#contact-b i.fa {

	font-size: 30px;

	width: 70px;

	height: 70px;

	padding: 35px 0;

	margin: 20px 0 30px 0;

	color: #ff3300;

	background: none;

	border: 1px solid #ff3300;

}

#contact i.fa {

	font-size: 35px;

	width: 90px;

	height: 90px;

	padding: 25px 0;

	margin: 30px 0 30px 0;

	color: #ff1e58;

	background: #fff;

	border: 3px solid #f1f1f1;

	border-radius: 0 30% 0 0;

}

#contac-send i.fa {

	font-size: 35px;

	width: 90px;

	height: 90px;

	padding: 25px 0;

	margin: 30px 0 30px 0;

	color: #ff1e58;

	background: #fff;

	border: 3px solid #f1f1f1;

	border-radius: 0 30% 0 0;

}

#contact-inner form {

	padding: 5px 0;

}

#contact-inner .fa {

	color: #F4D03F;

	margin-bottom: 10px;

}

#contact-inner p {

	color: #333;

}

#contact-inner .text-danger {

	color: #000;

	text-align: center;

	font-size: 16px;

}

.alert-danger {

	background: #fff;

	color: #FF9900;

	border: 1px solid #ff3300;

}

label {


}

.form-control >input {

	color: #000 !important

}

#contact-inner .form-control {

	display: block;

	width: 100%;

	padding: 9px 12px;

	font-size: 14px;

	line-height: 22px;

	background-color: #f1f1f1;

	background-image: none;

	border-radius: 0px;

	-webkit-box-shadow: none;

	border: 2px solid #f1f1f1;

	-webkit-transition: none;

	-o-transition: none;

	transition: none;

	margin-top: 25px;

	height: auto;

}

#contact-inner .form-control:focus {

	border-color: inherit;

	outline: 0;

	-webkit-box-shadow: transparent;

	box-shadow: transparent;

	border: 1px solid #fff;

}

.form-control::-moz-placeholder {

 color: #000;

}

.btn-download-send {

	display: inline-block;

	border: none;

	padding: 12px 20px;

    background-color: #ed3237;

	color: #fff;

	border-radius:5px !important; 

	font-size: 18px;

	text-shadow: none;

	text-decoration: none;

-webkit-transition: all .6s ease 0s;

transition: all .6s ease 0s;

	text-transform: uppercase;

	border-radius: 0px;

max-width: 100#;

	width: 215px;

	margin-top: 22px;

}

.btn-download-send:hover {

	background-color: #333;

	border: none;

	color: #fff;

	text-decoration: none;

	display: inline-block;

}

.help-block {

	margin-bottom:-40px;

}

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

/*	        /* 43 footer */

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





footer {

	background-size: cover;

	background-position: 0 -5px;

}

footer h5 {

	color: #fff;

	margin: -5px 0 19px;

	text-transform: uppercase;

	font-size: 18px;

}

.footer_logo{ float:right;}

footer .main_footer {

	padding-bottom: 80px;

	padding-top: 80px;

	background: #202020;

}

footer .footer_logo p {

	color: #9fa7af;

	padding: 32px 50px 33px 0;

}

footer .footer_logo ul li {

	display: inline-block;

	margin-right: 3px;

}

footer .footer_logo ul li a {
     width: 35px;
    line-height: 35px;
    background: #3e4095;
    text-align: center;
    color: #ed3237;
    font-size: 19px;
    padding: 10px;
    border-radius: 100% !important;

}

footer .footer_logo ul li a:hover {
	background: #fff;
	text-align: center;
    color: #000;
	padding: 10px;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;

}

footer h5 {

	color: #fff;

	text-transform: uppercase;

	margin: -5px 0 19px 0;

}

footer .quick_links ul li a {

	font-family: 'Open Sans', sans-serif;

	font-weight: normal;

	color: #9fa7af;

	line-height: 35px;

	font-size: 14px;

}

footer .quick_links ul li a:hover, footer .quick_links ul li a:focus {

	color: #ff3300;

}

footer .latest_tweets .single_tweet {

	margin: 29px 0 -5px 0;

}

footer .latest_tweets .single_tweet a {

	font-family: 'Open Sans', sans-serif;

	font-weight: normal;

	color: #9fa7af;

	line-height: 26px;

	font-size: 14px;

	margin: 0px 62px 4px 0;

	display: block;

}

footer .latest_tweets .single_tweet span {

	font-size: 14px;

	color:#ff3300;

}

footer .subscribe_now {

	padding-left: 0;

}

footer .subscribe_now p {

	font-size: 14px;

	color: #9fa7af;

	margin: 26px 0 32px 0;

}

footer .subscribe_now form {

	position: relative;

	height: 55px;

	border-radius: 5px;

}

footer .subscribe_now form input {

	width: 100%;

	height: 100%;

	border: none;

	background: #fff;

	border-radius: 0px;

	font-style: italic;

	color: #333;

	font-size: 14px;

	padding-left: 10px;

	padding-right: 56px;

	letter-spacing: 0.9px;

}

footer .subscribe_now form button {

	display: block;

	font-size: 18px;

	height: 100%;

	width: 55px;

	line-height: 55px;

	text-align: center;

	color: #fff;

	position: absolute;

	top: 0;

	right: 0;

	background: #ff3300;

}

footer .subscribe_now form button:hover {

	display: block;

	font-size: 18px;

	height: 100%;

	width: 55px;

	line-height: 55px;

	text-align: center;

	color: #fff;

	position: absolute;

	top: 0;

	right: 0;

	background: #333;

}

footer .bottom_footer {

	background: #1d282e;

}

footer .bottom_footer p {

	color: #9fa7af;

	font-size: 14px;

	text-align: center;

	line-height: 60px;

}

footer .bottom_footer p a {

	color: #00cbd8;

	font-family: 'Open Sans', sans-serif;

	font-weight: normal;

}

nav#footer {

	background: #080808;

	color: #999999;

	padding: 65px 0 65px 0;

	font-size: 16px;

	line-height: 28px;

	border: 1px solid #202020;

}

nav#footer .fnav {

	vertical-align: middle;

	margin-top: 25px;

	margin-bottom: 50px;

}

.bottam-brand {

	font-size: 40px;

	margin-bottom: 35px;

}

ul.footer-social li {

	display: inline-block;

	margin-right: 10px;

}

nav#footer p {

	font-size: 15px;

	margin-top: 30px;

	padding: 20px 0 30px 0px;

	color: #999;

	font-weight: 200;

	border-top: 1px solid #494949;

}

#footer-love i.fa {

	height: 30px;

	width: 30px;

	font-size: 20px;

	padding: 18px 5px;

	color: #fff;

	transition: all 0.5s;

	width: 60px;

	height: 60px;

	border: 1px solid #f8001d;

	border-radius: 50%;

	background: #f8001d;

}

#footer i.fa {

	height: 45px;

	width: 45px;

	font-size: 16px;

	padding: 15px 5px;

	color: #ffffff;

	transition: all 0.5s;

	background: #f8001d;

	border-radius: 0 30% 0 0;

}

.heart i.fa {

	font-size: 18px;

	color: #ff3300;

	transition: all 0.5s;

	border-radius: 10%;

}

.footer-bottom {

	    background: #ed3237;

	padding: 0px 0 0px 0;

}

.f-b {

	color: #fff;

	text-align: center;

	    padding: 3px;

	font-family: 'Open+Sans', sans-serif;

	font-size: 14px;

	text-transform: uppercase;

	letter-spacing:2px;

}

#footer i.fa:hover {

	color: #12212f;

	background: #f8001d;

}

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

/*	        /* 44.Tabile price */

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





#price-t {

	padding: 110px 0 110px 0;

}

.all-demos {

	background: #f1f1f1 none repeat scroll 0 0;

	padding: 55px 0 90px;

}

.data {

	margin: 10px 0;

	text-align: center;

}

.data table {

	border-bottom: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

}

.data table td, .data table th {

	border-left: 1px solid #cccccc;

	border-top: 1px solid #cccccc;

	padding: 18px;

}

.data table th {

	background: #333 none repeat scroll 0 0;

	color: #ffffff;

	text-align: center;

	font-size:18px;

	text-transform: uppercase;

	letter-spacing:1px;

}

.btn-t {

	padding: 12px 25px;

	background: #ff3300;

	color: #fff;

	font-size: 17px;

}

.btn-t:hover {

	background: #333;

	color: #fff;

}

.btn-t a {

	padding: 12px 25px;

	;

	background: #ffa211;

	color: #fff;

	font-size: 15px;

}

.btn-t a:hover {

	padding: 12px 25px;

	background: #333;

	color: #fff;

}

.data tr {

	background: #ffffff none repeat scroll 0 0;

}

.data tr:nth-child(2n+1) {

background: #ffffff none repeat scroll 0 0;

}

.data tr:nth-child(2n) {

background: #f5f5f5 none repeat scroll 0 0;

}

.faqtabs-menu {

	clear: both;

	margin: 0;

	overflow: hidden;

}

.faqtabs-menu ul {

	margin-bottom: 0;

}

.faqtabs-menu li {

	background-color: #666666;

	border-left: 1px solid #d4d4d1;

	border-right: 1px solid #d4d4d1;

	border-top: 1px solid #d4d4d1;

	color: #ffffff;

	float: left;

	list-style-type: none;

	margin-right: 1px;

}

.faqtabs-menu li.current {

	background-color: #fff;

	border-bottom: 1px solid #fff;

	position: relative;

	z-index: 5;

}

.faqtabs-menu li a {

	color: #fff;

	display: block;

	font-size: 20px;

	padding: 10px;

	text-decoration: none;

}

.faqtabs-menu .current a {

	color: #000000;

}

.faqtab {

	background-color: #fff;

	border: 1px solid #d4d4d1;

	margin-bottom: 20px;

	margin-top: -1px;

	width: auto;

}



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

/*	        /*  45. Shop*/

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



#shop-page {

	padding: 110px 0 110px 0;

}

.product_list_area {

}

.product_search_details {

	padding-bottom: 40px;

}

.product_search_details ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.product_search_details ul li {

	display: inline-block;

	color: #585858;

	font-size: 14px;

}

.product_search_details ul li:first-child {

	width: 200px;

	margin-right: 10px;

}

.product_search_details ul li form {

}

.product_search_details ul li form .form-control, .product_search_details ul li form .form-control:focus {

	border: 1px solid rgba(0, 0, 0, .2);

	border-radius: 0px;

	box-shadow: none;

	outline: 0;

	color: #585858;

}

.product_list {

	margin-top: 55px;

}

.product_list:hover {

	box-shadow: 0 0 22px 0 #999;

	z-index: +999;

	transition: all 0.6s ease 0s;

}

.product_image {

	position: relative;

}

.product_image img {

	width: 100%;

	border: 1px solid #f1f1f1;

}

.product_image a:hover img {

	opacity: .8;

}

.sale_label {

	background-color: #ff3300;

	border-radius: 50%;

	height: 80px;

	position: absolute;

	right: -15px;

	top: -15px;

	width: 80px;

	border: 3px solid #f1f1f1;

}

.sale_label h2 {

	margin: 0px;

	font-size: 22px;

	text-transform: uppercase;

	color: #fff;

	text-align: center;

	line-height: 78px;

	font-weight: 600;

}

.product_desc {

	text-align: center;

	border: 1px solid #f1f1f1;

	background: #eee;

}

.product_title {

	margin-top: 10px;

	margin-bottom: 10px;

}

.product_title h2 {

	margin: 0px;

}

.product_title h2 a {

	color: #333;

	font-size: 14px;

	text-decoration: none;

	font-weight: 600;

	letter-spacing: 1px;

}

.product_price {

	margin-bottom: 10px;

}

.product_price p {

	color: #333;

	font-size: 25px;

	margin: 0px;

	font-weight: 600;

}

.product_price p del {

	font-size: 13px;

	color: #585858;

	margin-right: 5px;

}

.product_review {

}

.product_review i {

	color: #ff3300;

}

.product_btn {

	margin-top: 10px;

	margin-bottom: 15px;

}

.btn_pr, .btn_pr:active, .btn_pr:focus, .btn_pr:visited {

	border: 1px solid #bfbfbf;

	background-color: transparent;

	color: #333;

	font-size: 12px;

	text-transform: uppercase;

	font-weight: 600;

	box-shadow: none;

	outline: 0;

	border-radius: 0px;

	padding: 15px 25px;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.btn_pr:hover {

	background-color: #ff3300;

	color: #fff;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

	background-color: #ff3300;

	border-color: #ff3300;

	color: #fff;

	cursor: default;

	z-index: 2;

}

.btn_pr i {

	padding-right: 3px;

}

.left_prodoct_desc_single {

	padding-top: 20px;

	padding-bottom: 20px;

}

.left_product_heading {

	padding-bottom: 20px;

	border-bottom: 1px solid #eee;

}

.pr_title_review {

}

.pr_title_review h2 {

	margin: 0px;

	line-height: 0px;

	margin-bottom: 24px;

}

.pr_title_review h2 a {

	font-size: 14px;

	color: #333;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 1px;

	text-decoration: none;

}

.left_reviwq_star {

}

.left_reviwq_star i {

	color: #ff3300;

}

.single_pr_price {

	text-align: right;

}

.single_pr_price h2 {

	color: #333;

	font-size: 35px;

	font-weight: 600;

	margin: 0;

	font-family: 'Open+Sans', sans-serif;

}

.single_pr_review {

	text-align: right;

	padding-top: 10px;

}

.single_pr_review p {

	color: #585858;

	font-size: 14px;

	margin-bottom: 0px;

}

.left_product_desc {

	padding-top: 20px;

	padding-bottom: 20px;

	border-bottom: 1px solid #eee;

}

.left_product_desc p {

	color: #585858;

	font-size: 14px;

	line-height: 24px;

}

.left_product_desc h6 {

	color: #585858;

	font-size: 14px;

	margin-top: 20px;

	margin-bottom: 0px;

}

.left_product_desc h6 a {

	color: #333;

	font-size: 14px;

	text-decoration: none;

}

.product_size_color {

	padding-top: 20px;

	padding-bottom: 20px;

}

.product_size_color h3 {

	color: #585858;

	font-size: 14px;

	margin: 0px;

	margin-bottom: 10px;

}

.product_size {

	margin: 0;

	padding: 0;

	list-style: none;

}

.product_size li {

	display: inline-block;

	padding-right: 5px;

}

.product_size li label input {

	left: -9000px;

	position: absolute;

}

.product_size li label span {

	border: 1px solid rgba(0, 0, 0, .2);

	color: #585858;

	cursor: pointer;

	display: block;

	font-size: 14px;

	font-weight: 400;

	height: 35px;

	line-height: 33px;

	margin: 0;

	text-align: center;

	transition: all 0.3s ease 0s;

	width: 40px;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.product_size li label input:checked+span {

	background-color: #333;

	color: #fff;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.select_color .form-control {

	border: 1px solid rgba(0, 0, 0, .2);

	border-radius: 0px;

	box-shadow: none;

	outline: 0;

	color: #333;

	height: 35px;

	background: #fff;

}

.product_quantity {

}

.product_quantity h3 {

	color: #585858;

	font-size: 14px;

	margin: 0px;

	margin-bottom: 10px;

}

.product_quantity .input-group .form-control, .product_quantity .input-group .form-control:focus {

	width: 40px;

	height: 35px;

	border: 1px solid rgba(0, 0, 0, .2);

	border-radius: 0px;

	box-shadow: none;

	outline: 0;

	padding: 7px;

	color: #585858;

	text-align: center;

}

.product_quantity .input-group {

	position: relative;

	padding-left: 40px;

	padding-right: 40px;

}

.product_quantity .sp_plus, .product_quantity .sp_plus:hover, .product_quantity .sp_plus:active, .product_quantity .sp_plus:focus, .product_quantity .sp_plus:visited {

	position: absolute;

	top: 0;

	right: 0;

	border-radius: 0px;

	height: 35px;

	box-shadow: none;

	outline: 0;

	width: 40px;

	background-color: #333;

	color: #fff;

	border-color: #333;

}

.product_quantity .sp_minus, .product_quantity .sp_minus:hover, .product_quantity .sp_minus:active, .product_quantity .sp_minus:focus, .product_quantity .sp_minus:visited {

	position: absolute;

	top: 0;

	left: 0;

	width: 40px;

	height: 35px;

	box-shadow: none;

	outline: 0;

	border-radius: 0px;

	background-color: #333;

	color: #fff;

	border-color: #333;

}

.cart_button {

	padding-top: 50px;

}

.btn_crt, .btn_crt:focus, .btn_crt:active, .btn_crt:visited, .btn_crt:hover {

	background-color: #ff3300;

	color: #fff;

	border-radius: 0;

	font-weight: 600;

	font-size: 14px;

	text-transform: uppercase;

	padding: 10px 20px;

	box-shadow: none;

	outline: 0;

}

.btn_crt i {

	padding-right: 5px;

}



.product_extra_info{background-color: #f1f1f1;}



.product_extra_info {

	

}

.product_extra_info {

	

}

.product_extra_info .nav-tabs > li {

	margin: 0px;

}

.product_extra_info .nav-tabs > li a, .product_extra_info .nav-tabs > li a:hover, .product_extra_info .nav-tabs > li a:focus, .product_extra_info .nav-tabs > li a:visited {

    color: #585858;

    font-size: 12px;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: 0;

    margin: 0;

    text-transform: uppercase;

    background-color: transparent;

    border-bottom: 0px;

    padding: 11px 28px;

    font-weight: 600;

    letter-spacing: 1px;

}

.product_extra_info .nav-tabs > li.active a {

	background-color: #ff3300;

	color: #fff;

}

.product_extra_info .nav-tabs {

	border-bottom: 0px;

}

.product_extra_info .tab-content > .active {

overflow: hidden;



}



.product_extra_info .tab-pane {

	padding: 20px;

}

.product_more_info_tab {

}

.product_more_info_tab h2 {

	color: #333;

	font-size: 14px;

	font-weight: 600;

	text-transform: uppercase;

	margin-top: 10px;

	margin-bottom: 10px;

}

.product_more_info_tab p {

	color: #585858;

	font-size: 14px;

	line-height: 25px;

	margin-bottom: 0px;

	padding-bottom: 10px;

}

.review_list {

}

.review_list ul {

	margin: 0;

	padding: 0;

	list-style: none;

	padding-top: 10px;

	padding-bottom: 10px;

}

.review_list ul li {

	margin-bottom: 20px;

}

.review_list ul li:last-child {

	margin-bottom: 0px;

}

.review_list ul li .media {

}

.review_list ul li .media .media-left {

	padding-right: 25px;

}

.review_list ul li .media .media-left a {

	display: block;

	width: 70px;

	height: 70px;

}

.review_list ul li .media .media-left img {

	width: 100%;

}

.review_list ul li .media .media-body {

	vertical-align: middle;

	position: relative;

}

.review_list ul li .media .media-body h4 {

	color: #333;

	font-size: 12px;

	font-weight: 600;

	text-transform: uppercase;

	margin: 0px;

	margin-bottom: 5px;

}

.review_list ul li .media .media-body p {

	color: #585858;

	font-size: 14px;

	line-height: 25px;

	margin: 0px;

}

.comment_review {

	position: absolute;

	top: 0;

	right: 0;

}

.comment_review i {

	color: #585858;

}

.e_product_slider {

	border: 2px solid #f1f1f1;

	margin-top: -10px;

}

.e_product_slider:hover .owl-controls {

	opacity: 1;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.e_product_slider .owl-controls {

	position: absolute;

	top: 50%;

	width: 100%;

	margin-top: -30px;

	opacity: 0;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.e_product_slider .owl-controls .owl-nav [class*=owl-], .e_product_slider .owl-controls .owl-nav [class*=owl-]:hover {

background-color: #fff;

font-size: 20px;

border-radius: 0px;

width: 40px;

height: 60px;

margin: 0;

}

.e_product_slider .owl-controls .owl-nav [class*=owl-].owl-next {

position: absolute;

right: -1px;

}

.e_product_slider .owl-controls .owl-nav [class*=owl-].owl-prev {

position: absolute;

left: 0;

}

.e_product_slider .owl-controls .owl-nav [class*=owl-] i {

font-size: 30px;

color: #333;

line-height: 55px;

}

/*Sidebar*/

.sidebar {

}

.widget {

	padding-bottom: 60px;

}

.widget h2 {

	color: #333;

	font-size: 14px;

	font-weight: 600;

	text-transform: uppercase;

	letter-spacing: 2px;

	position: relative;

	margin: 0px;

	padding-bottom: 15px;

}

.widget h2:after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 30px;

	height: 1px;

	background-color: #333;

}

.search {

}

.search form {

}

.search form .form-group {

	position: relative;

}

.search form .form-control, .search form .form-control:focus {

	border: 1px solid rgba(0, 0, 0, .2);

	border-radius: 0px;

	height: 40px;

	box-shadow: none;

	outline: 0;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.search form .form-control:focus {

	border: 1px solid #333;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.search form i {

	top: 12px;

	right: 15px;

	position: absolute;

	color: #585858;

	font-size: 16px;

	font-weight: bold;

}

.search form .form-control::-webkit-input-placeholder {

color: #585858;

font-size: 12px;

text-transform: uppercase;

line-height: 22px;

}

.search form .form-control:-moz-placeholder {

color: #585858;

font-size: 12px;

text-transform: uppercase;

line-height: 22px;

}

.search form .form-control::-moz-placeholder {

color: #585858;

font-size: 12px;

text-transform: uppercase;

line-height: 22px;

}

.search form .form-control:-ms-input-placeholder {

color: #585858;

font-size: 12px;

text-transform: uppercase;

line-height: 22px;

}

.category {

}

.category ul {

	margin: 0;

	padding: 0;

	list-style: none;

	padding-top: 20px;

}

.category ul li {

}

.category ul li a {

	color: #585858;

	font-size: 14px;

	text-decoration: none;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.category ul li a:hover {

	color: #333;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.tags {

}

.tags ul {

	margin: 0;

	padding: 0;

	list-style: none;

	padding-top: 20px;

}

.tags ul li {

	display: inline;

}

.tags ul li a {

	display: inline-block;

	color: #585858;

	font-size: 14px;

	text-decoration: none;

	border: 1px solid rgba(0, 0, 0, .2);

	padding: 6px 15px;

	margin-right: 5px;

	margin-bottom: 10px;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.tags ul li a:hover {

	color: #fff;

	background-color: #333;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.recent_post {

}

.recent_post ul {

	margin: 0;

	padding: 0;

	list-style: none;

	padding-top: 20px;

}

.recent_post ul li {

}

.recent_post ul li a {

	color: #585858;

	font-size: 14px;

	text-decoration: none;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.recent_post ul li a:hover {

	color: #333;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.inner_price_filter {

	padding-top: 20px;

}

.inner_price_filter .form-group {

}

.inner_price_filter .form-control, .inner_price_filter .form-control:focus {

	border: 1px solid rgba(0, 0, 0, .2);

	border-radius: 0px;

	box-shadow: none;

	height: 35px !important;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.inner_price_filter .form-control:focus {

	border: 1px solid #333 !important;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

.btn_flt, .btn_flt:active, .btn_flt:visited, .btn_flt:focus {

	background-color: #333;

	border: 2px solid #333;

	border-radius: 0px;

	color: #fff;

	font-weight: 600;

	font-size: 12px;

	letter-spacing: 1px;

	box-shadow: none;

	outline: 0;

	display: block;

	padding: 10px;

-webkit-transition: all .3s;

-o-transition: all .3s;

transition: all .3s;

}

.btn_flt:hover {

	color: #333;

	background-color: transparent;

-webkit-transition: all .3s;

-o-transition: all .3s;

transition: all .3s;

}

.lt_product {

}

.lt_product ul {

	margin: 0;

	padding: 0;

	list-style: none;

	padding-top: 20px;

}

.lt_product ul li {

	padding-bottom: 15px;

}

.lt_product ul li .product_thumb {

	display: inline-block;

	width: 70px;

}

.lt_product ul li .product_thumb img {

	width: 100%;

}

.product_details_sm {

	padding-left: 7px;

}

.product_details_sm h3 {

	margin: 0px;

	line-height: 15px;

}

.product_details_sm h3 a {

	color: #333;

	font-size: 14px;

	text-transform: capitalize;

	font-weight: 400;

	letter-spacing: 0;

	text-decoration: none;

}

.product_details_sm h4 {

	margin: 0;

	margin-bottom: 5px;

	font-size: 14px;

	color: #333;

	margin-top: 8px;

}

.product_details_sm h4 del {

	color: #585858;

	font-size: 13px;

	padding-right: 3px;

}

.pd_star {

}

.pd_star i {

	color: #585858;

}

/*Pagination*/

.pagination_area {

	border-top: 1px solid #eee;

	padding-top: 30px;

	padding-bottom: 30px;

}

.pagination_area nav {

	border-bottom: 0px;

	text-align: center;

}

ul.pagination {

}

ul.pagination li {

}

ul.pagination li a {

	border-radius: 0px;

	color: #333;

	font-weight: 600;

	font-size: 12px;

	padding: 8px 15px;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

ul.pagination li a:hover {

	color: #fff;

	background-color: #333;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

	border: 1px solid #333;

}

ul.pagination li.active a, ul.pagination li.active a:hover, ul.pagination li.active a:focus, ul.pagination li.active a:visited {

	background-color: #3e4095;

	color: #fff;

	border-color: #333;

}

ul.pagination li a.prev {

	border-radius: 0px;

	color: #fff;

	text-transform: uppercase;

	font-weight: 600;

	letter-spacing: 1px;

	font-size: 10px;

	background-color: #ed3237;

	padding: 8px 20px;

	margin-right: 50px;

}

ul.pagination li a.prev:hover {

	background-color: #333;

	color: #fff;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

ul.pagination li a.next {

	border-radius: 0px;

	color: #fff;

	text-transform: uppercase;

	font-weight: 600;

	letter-spacing: 1px;

	font-size: 12px;

	background-color: #ed3237;

	padding: 8px 20px;

	margin-left: 50px;

}

ul.pagination li a.next:hover {

	background-color: #333;

	color: #fff;

-webkit-transition: all .5s;

-o-transition: all .5s;

transition: all .5s;

}

@media(max-width: 500px) {

ul.pagination li a.prev

}

ul.pagination li a.next {

	margin-left: 15px;

}

{

}

@media(max-width: 420px) {

ul.pagination li a

}

ul.pagination li a.prev {

	padding: 7px 20px;

}

ul.pagination li a.next {

	padding: 5px 15px;

}

{

}

@media(max-width: 350px) {

ul.pagination li a.prev

}

ul.pagination li a.next {

	margin-left: 50px;

}

{

}

@media(max-width: 330px) {

ul.pagination li a.prev

}

ul.pagination li a.next {

	font-size: 10px;

	padding: 7px 20px;

}

ul.pagination li a {

	font-size: 10px;

}

{

}

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

/*	      /* 46.Newsletter */

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





.text-con-n {

	color: #fff;

	padding: 30px 0 30px 0;

}

.bg-newsletter {

	color: #fff;

	padding: 50px 0 50px 0;

	background-image: url(../img/home_banner/02_home.jpg);

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}

.newsletter > h3 {

	margin-bottom: 23px;

	font-size: 40px;

	font-weight: 100;

	line-height: normal;

}

.newsletter-content > input {

	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

	border: 1px solid #ffffff;

	color: #dfdfdf;

	font-size: 14px;

	height: 65px;

	padding: 0 19px;

	width: 100%;

}

.newsletter-content {

	margin-top: 38px;

	position: relative;

}

.newsletter-content .button {

	border: 0 none;

	color: #fff;

	font-size: 17px;

	height: 100%;

	position: absolute;

	right: 0;

	text-align: center;

	text-transform: uppercase;

	top: 0;

	transition: all 0.3s ease 0s;

	width: 26%;

	background: #ff3300;

	border: 1px solid #fff;

	font-weight: 600;

}

.newsletter-content .button:hover {

	background: #fff;

	border: 0 none;

	color: #000;

	border: 1px solid #fff;

}

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

/*	        /* 47 Demos Intro */

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



.buy-theme {

	background: #ff3300;

	border-radius: 2px;

	position: fixed;

	right: -161px;

	top: 295px;

	z-index: 1000;

	transition-duration: 0.2s;

	transition-timing-function: ease-in-out;

}

.buy-theme i {

	font-size: 20px;

	color: #fff;

	padding: 5px;

}

.buy-theme:hover, .quick-question:hover {

	right: -20px;

}

.buy-theme span, .quick-question span {

	opacity: 0;

	padding: 8px;

	position: relative;

	top: 0px;

	font-size: 14px;

	margin-right: 8px;

	font-weight: bold;

}

.buy-theme:hover span, .quick-question:hover span {

	opacity: 1;

}

.buy-theme a, .quick-question a {

	color: #fff;

	display: block;

	font-size: 10px;

	letter-spacing: 1px;

	padding: 8px 15px;

	text-transform: uppercase;

}

#more-demos {

	padding: 80px 0 80px 0;

}

.demos-one-row {

	margin: 0 auto;

	text-align: center;

	height: auto;

	overflow: hidden;

}

.img-res {

	margin: 0 auto;

	max-width: 100%;

}

.img-res-demo {

	margin: 0 auto;

	max-width: 100%;

	margin-bottom: 65px;

}

.demos {

	margin-top: 35px;

	margin-bottom: 65px;

}

#intro-bg-app {

	top: 0px;

	left: 0px;

	width: 100%;

	text-align: center;

	margin: 0px;

	padding: 0px;

	background-color: #C0DEED;

	background: url(../img/intro-bg-m.jpg) no-repeat;

	padding-top: 140px;

	padding-bottom: 0px;

	width: 100%;

	animation: awan-animasi 50s linear infinite;

	-ms-animation: awan-animasi 50s linear infinite;

	-moz-animation: awan-animasi 50s linear infinite;

	-webkit-animation: awan-animasi 50s linear infinite;

}

#intro-bg {

	top: 0px;

	left: 0px;

	width: 100%;

	text-align: center;

	margin: 0px;

	padding: 0px;

	background-color: #C0DEED;

	background:url(../img/intro-bg-m.jpg) repeat fixed 0 0 / cover;

	padding-top: 160px;

	padding-bottom: 160px;

	width: 100%;

	animation: awan-animasi 50s linear infinite;

	-ms-animation: awan-animasi 50s linear infinite;

	-moz-animation: awan-animasi 50s linear infinite;

	-webkit-animation: awan-animasi 50s linear infinite;

}

.intro-text .intro-lead-in {

	font-size: 13px;

	line-height: 31px;

	color: #ffffff;

	margin-bottom: 25px;

	text-transform: uppercase;

	font-weight: 400;

	letter-spacing: 1px;

}

.container-intro {

	width: 1600px;

	margin: 0 auto

}

.intro-logo {

	padding: 0 0 20px 0;

}

.intro-text .intro-heading {

	font-size: 50px;

	padding: 48px 0 10px 0;

	color: #ffffff;

	font-family:'Montserrat', sans-serif;

	;

	font-weight: 200;

	text-transform: uppercase;

	line-height: 75px;

}

.low-back-gradient-intro:after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0) linear-gradient(to left, #ff6000, #ff3300) repeat scroll 0 0;

	opacity: 0.85;

}

.intro-heading {

	font-size: 50px;

	padding: 80px 0 60px 0;

	color: #333;

	font-weight: 100;

	text-transform: uppercase;

	line-height: normal;

	font-family:'Montserrat', sans-serif;

	;

}

.intro-heading-i {

	font-size: 50px;

	padding: 110px 0 60px 0;

	color: #333;

	font-weight: 100;

	text-transform: uppercase;

	line-height: normal;

	font-family:'Montserrat', sans-serif;

	;

}

.intro-heading hr {

	background: #ffffff none repeat scroll 0 0;

	border: 0 none;

	height: 2px;

	margin: 0 auto 30px;

	position: relative;

	text-align: center;

	width: 90px;

}

.intro-heading-s {

	font-size: 24px;

	color: #fff;

	font-family:'Montserrat', sans-serif;

	;

	font-weight: 600;

	padding: 15px 0 15px 0;

	text-transform: uppercase;

	line-height: normal;

}

.o-demos {

	font-weight: 700;

	font-size: 50px;

	color: #ffffff;

}

.tp-caption-heading{ font-size:40px !important;}





@media only screen and (max-width: 600px) {

    .display-non{ display:none;}

}







.text-left {

    text-align: left !important;

}



.text-right {

    text-align: right !important;

}



.footer-nav{}

.footer-nav li{ float:left; padding:0px 10px;}

.footer-nav li a{color:#fff;}



.btn-demo {

         position: fixed;

    top: 43%;

    right: -55px;

    text-transform: capitalize;

    text-align: center;

    transition: all 0.3s ease 0s;

    z-index: 5;

    border: none;

    color: #fff;

    transform: rotate(-90deg);

    transition: all 0.3s ease 0s;

    background: #3e4095;

    width: 132px;

    display: block;

    height: 26px;

    /* FONT-SIZE: 12PX; */

    padding-right: 11px;

    border-radius: 10px;

    font-size: 14px;

}



.widt100pr{ width:100% !important;}

.logo-area-inner{     float: left;

    margin-top: 12px;}

	

	.mart25px{ margin-top:50px;}

	.w100p{

		width: 100% !important;

    min-height: auto !important;}



	.mart0p{margin-top:0px !important;}

	

#oo_tab.oo_tab_right.oo_css3_show {

    right: -8px;

}

#oo_tab.oo_tab_right {

    right: -35px;

    top: 33%;

    padding: 6px 14px 12px 11px;

    border-bottom: 0px;

    color: white;

    border-radius: 9px 9px 0px 0px;

    -moz-border-radius: 9px 9px 0px 0px;

    -webkit-border-radius: 9px 9px 0px 0px;

    transform-origin: 100% 100% 0;

    -webkit-transform-origin: 100% 100% 0;

    -ms-transform-origin: 100% 100% 0;

}

#oo_tab {

    display: block;

    position: fixed;

	background: #3e4095;

    color: #ffffff;

    border: 1px solid #ffffff;

    font-size: 15px;

    font-family: Arial;

    line-height: 15px;

    opacity: 1;

    z-index: 999995;

    cursor: pointer;

    text-decoration: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    transform: rotate(-90deg);

    -ms-transform: rotate(-90deg) scale(1.02);

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

}



#oo_tab img {

    width: 12px;

    height: 13px;

    padding-top: 0px;

    margin-right: 7px;

    margin-bottom: 1px;

    color: transparent;

    border: none;

}



#oo_tab.oo_tab_right:hover, #oo_tab.oo_tab_right:focus, #oo_tab.oo_tab_right:active {

    -ms-transform: rotate(-90deg) scale(1.02) translateY(-5px);

    -webkit-transform: rotate(-90deg) translateY(-5px);

    -moz-transform: rotate(-90deg) translateY(-5px);

}



.left {

    margin-left: -130px;

    margin-top: 21px;

    color: #000;

    font-size: 50px;

    background-image: none !important;

}

.right {

	margin-right: -130px;

    margin-top: 21px;

    color: #000;

    font-size: 50px;

    background-image: none !important;

}

  

.border1px{   padding-top: 10px; border: 1px solid #d2d2d2; float: left; height: 80px;}



.read-more-btn{ 
    background-color: #ed3237;
    padding: 4px;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 20px;
    float: left;}

.mart36px{ margin-top:36px;}

.mart50p{margin-top:50px;}

.mart50pcon{ margin-top:50px; float:left;}



.seven-to-nine{ margin-top:30px !important;     font-size: 14px; margin-bottom:20px!important;}



.top-loading-new{ width: 200px;

    border-radius: 5px;

    text-align: center;

    text-transform: uppercase;

    margin-top:40px !important;

    margin-bottom: 40px !important;

	padding:10px;

	margin:0 auto;

	color:#fff !important;

    background-color: #ed3237;

	}

.top-loading-new1{ margin-top:30px !important;  font-weight:bold; font-size: 14px; margin-bottom:20px!important;}



.contact-inner{

	border: 1px solid #eae9e9;

	min-height: 206px;

    background-color: #fbfafa;}



	/* FontAwesome for working BootSnippet :> */



@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

#team {

    background: #eee !important;

}



.btn-primary:hover,

.btn-primary:focus {

    background-color: #108d6f;

    border-color: #108d6f;

    box-shadow: none;

    outline: none;

}



.btn-primary {

    color: #fff;

   background-color: #ed3237;

    border-color: #ed3237;

}



section {

    padding: 60px 0;

}



section .section-title {

    text-align: center;

    color: #007b5e;

    margin-bottom: 50px;

    text-transform: uppercase;

}



#team .card {

    border: none;

    background: #ffffff;

}



.image-flip:hover .backside,

.image-flip.hover .backside {

    -webkit-transform: rotateY(0deg);

    -moz-transform: rotateY(0deg);

    -o-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    transform: rotateY(0deg);

    border-radius: .25rem;

}



.image-flip:hover .frontside,

.image-flip.hover .frontside {

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    transform: rotateY(180deg);

}



.mainflip {

    -webkit-transition: 1s;

    -webkit-transform-style: preserve-3d;

    -ms-transition: 1s;

    -moz-transition: 1s;

    -moz-transform: perspective(1000px);

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    transition: 1s;

    transform-style: preserve-3d;

    position: relative;

}



.frontside {

    position: relative;

    -webkit-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    z-index: 2;

    margin-bottom: 30px;

}



.backside {

    position: absolute;

    top: 0;

    left: 0;

    background: white;

    -webkit-transform: rotateY(-180deg);

    -moz-transform: rotateY(-180deg);

    -o-transform: rotateY(-180deg);

    -ms-transform: rotateY(-180deg);

    transform: rotateY(-180deg);

    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

}



.frontside,

.backside {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: 1s;

    -webkit-transform-style: preserve-3d;

    -moz-transition: 1s;

    -moz-transform-style: preserve-3d;

    -o-transition: 1s;

    -o-transform-style: preserve-3d;

    -ms-transition: 1s;

    -ms-transform-style: preserve-3d;

    transition: 1s;

    transform-style: preserve-3d;

}



.frontside .card,

.backside .card {

    min-height: 312px;

}



.backside .card a {

    font-size: 18px;

    color: #007b5e !important;

}



.frontside .card .card-title,

.backside .card .card-title {

   color: #414c49 !important;

}



.frontside .card .card-body img {

    width: 120px;

    height: 120px;

    border-radius: 50%;

}

.chairmen-img{    float: left;

    overflow: hidden;

    margin-top: 0px;

    width: 50%;

    margin-right: 10px;}	

.company-owner{float: left;

    overflow: hidden;     margin-top: -56px;}	

	

	.marb50p{ margin-bottom:50px;}



.capability-img {

    float: left;

    overflow: hidden;

    margin-top: 0px;

    margin-right: 50px;

    margin-top: 27px;

    width: 40%;

}	

.assembally-heading {

    font-size: 20px;

     padding: 10px 0 0 5px;

    color: #333;

  text-transform: uppercase;

}

.mar16p{margin-top: 16px !important;}

.testi{background: #ffff}	

#rev-slider{margin-top: 77px;}
.benefit-heading { margin-top:30px;}