/* 
	--- Table Of Content ---
	
	1. Slider
	2. Header
		- Navigation Menu
	3. Services
	4. Features
	5. Our Works
	6. Why Choose
	7. How We Work
	8. Application Section
	9. Our Genius
	10. Video Section  
	11. Statistics Section
	12. Blog Post
	13. Client Section
	14. Brag About
	15. Social Section
	16. Map Section
	17. Project Section
	18. Footer Section
	
	//-- Light Box
	//-- Blog Page
*/

body { font-size: 14px; font-family: 'Raleway', serif; }
/**/
[class*="-section"] { overflow: hidden; }

img { max-width: 100%; }

a { outline: 0 !important; }

.ow-section { padding-bottom: 100px; }
.ow-section-top-padding { padding-top: 100px; }
.ow-background { background-repeat: no-repeat; background-size: 100% 100%; }

.ow-background-no-size { 
	background-repeat: no-repeat;
}

.no-padding {
	padding: 0;
}
.no-padding-left {
	padding-left: 0;
}

.no-padding-right {
	padding-right: 0;
}

.post-date{
	font-family: 'Roboto', sans-serif;
}

.section-header h2,
.block-title,
.slider-section .slide-title,
.slider-section .slide-sub-title,
.goto-next,
.service-section .service-bg > h3,
.features-section h2,
.why-choose h2,
.portfolio-categories > li > a,
.shape-content h3,
.app-updates h4,
.start-project h2,
.start-project a,
.send-msg h2,
.send-msg a ,
.popup-heading h1,
.header-top h1,
.entry-cover .entry-title,
.back-home a,
.single-social a,
.sub-title-heading,
.comment h3,
.comment .media-list .media-body .media-heading,
.add-comment h2,
.add-comment .comment-form input,
.research.shape-content h3,
.date h2,
.by-admin p,
.comment .media-list .media a ,
.heading {
	font-family: 'Montserrat', sans-serif;
}

.section-header h2,
.block-title,
.slider-section .slide-title,
.slider-section .slide-sub-title,
.menu-block .navbar-nav > li > a,
.service-section .service-bg > h3,
.features-section h2,
.why-choose h2,
.app-updates h4,
.start-project h2,
.start-project a,
.send-msg h2,
.send-msg a,
.header-top h1,
.back-home a,
.entry-cover .entry-title,
.single-social a,
.sub-title-heading,
.comment h3,
.comment .media-list .media-body .media-heading,
.add-comment h2 {
	font-weight: bold;
}

.service-section .service-bg > h3,
.header-top h1,
.popup-heading h1,
.post-date .entry-date,
.back-home a,
.add-comment .comment-form .form-submit input  {
	text-transform: uppercase;
}

.block-title {
	font-size: 18px;
}

.why-choose h2,
.features-section h2 {
	color: #fff;
	margin: 0;
}

/* ## Section Header ## */
.section-header {
	padding-top: 150px;
	padding-bottom: 50px;
}

.section-header h2,
.features-section h2,
.why-choose h2{
	font-size: 48px;
	text-transform: uppercase;
}
.section-header h2 {
	display: block;
	text-align: center;
	margin: 0;
}


/* ## Slider Section */
.slider-section {
	position: relative;
}

.slider-section .slide-title {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);	
}

.slider-section .slide-item {
	position: relative !important;
	max-width: 1920px !important;
}



/* ## Service Sectin */
.service-box-inner .content-box > h3,
.service-box-inner .content-box > p {
	color: #333;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
	background-color: #000;
	color: #e6e5e5;
}
/* ## Services Section ## */
.service-section {
	padding: 110px 0;
	position: relative;
}

.service-bg {
	text-align: center;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	margin-top: 34px;
}

.service-section .service-bg > h3 {
	color: #fff;
	position: absolute;
	top: 49%;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 36px;
}

.service-section .col-md-6 {
	position: relative;
	padding: 0 20px;
}
.service-section .col-md-6:nth-child(4) {
	right: 117px;
	margin: 43px 0;
}

.service-section .col-md-6:nth-child(5) {
	left: 117px;
	margin: 43px 0;
}

.service-box-inner .content-box {
	margin: 30px 0;
}
.service-box-inner .content-box > h3 {
	max-height: 50px;
	margin-top: 0;
	overflow: hidden;
	text-transform: uppercase;
	line-height: 25px;
}

.service-box-inner .content-box > p {
	font-size: 16px;
	line-height: 25px;
	max-width: 326px;
	min-width: 326px;
	height: 55px;
	overflow: hidden;
}

.service-box-inner .icon-srv {
	width: 141px;
	height: 141px;
	background-color: #ebebeb;
	border: 7px solid #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 130px;
	font-size: 48px;
	color: #e74c3c;
	display: inline-block;	
	position: relative;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	cursor: pointer;
}

.service-section .col-md-6:nth-child(even) > .service-box-inner{
	text-align: right;
}

.service-box-inner .icon-srv:hover {
	background-color: #e64c3d;
	color: #fff;

}

.service-box-inner .icon-srv:after {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #fff;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
}

.service-box-inner .icon-srv:before {	
	display: block;
	-webkit-font-smoothing: antialiased;
}

.service-box-inner .icon-srv:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

.service-box-inner:hover .icon-srv:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* ## Features Section ## */

.features-section {
	background-image: url("../images/features-bg.png");
	background-size: 100% 100%;
	display: inline-block; 
	width: 100%;
	padding: 100px 0;
	position: relative;
	perspective-origin: 0 0;
}

.features-section:before {
	width: 56%;
	position: absolute;
	height: 100%;
	top: 0;
	overflow: visible;
	border-top: 1026px solid rgba(231,76,60,0.90);
	border-bottom: 0px solid rgba(231,76,60,0.90);
	border-left: 0px solid transparent; 
	border-right: 260px solid transparent;
	content: "";
}

.features-section .col-md-7 {
	padding-right: 0;
	z-index: 2;
}

.features-section h2 {
	text-align: right;
	margin-right: 35px;
}

.feature-box{
	transform: skew(-15deg);
	-webkit-transform: skew(-15deg); 
	-moz-transform: skew(-15deg); 
	-o-transform: skew(-15deg);
	position: relative;
	z-index: 9;
}

.feature-box-inner {
	text-align: right;
	display: inline-block;
	width: 100%;
	margin-top: 81px;
	margin-left: 30px;
	cursor: pointer;
}

.feature-box-inner .icon-feature {
	width: 100px;
	height: 100px;
	background-color: #fff;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	line-height: 100px;
	font-size: 36px;
	color: #e74c3c;
	transform: skew(15deg);
	-webkit-transform: skew(15deg); 
	-moz-transform: skew(15deg); 
	-o-transform: skew(15deg);
	position: relative;
	z-index: 9;
}

.feature-box-inner h3 {
	margin-top: 0;
	text-transform: uppercase;
}
.feature-box-inner p {
	font-size: 16px;
	margin-bottom: 0;
}
.feature-box-inner h3,
.feature-box-inner p {
	transform: skewX(15deg);
	-webkit-transform: skew(15deg); 
	-moz-transform: skew(15deg); 
	-o-transform: skew(15deg);
	color: #fff;
}

.feature-box-inner .col-md-4 {
	text-align: left;
}

.feature-box-inner:hover .icon-feature {
	background-color: #e74c3c;
	color: #fff;
	border: 2px solid #fff;
	line-height: 98px;
}

.mobile-iphone {
	text-align: center;
	margin-top: 139px;
}
.line
{
	position: absolute;
	right: 0;
	left: 125px;
}

.line hr{
	border-top: 2px solid #fff;
	height: 2px;
	position: absolute;
	display: inline-block;
}

.line i {
	width: 16px;
	height: 15px;
	display: inline-block;
	background-color: #fff;
	border-radius: 50%;
	transform: skew(15deg);	
	position: absolute;
}

.feature-box-inner:hover .line > i {
	background-color: #e74c3c;
	border: 2px solid #fff;
}

.line.lightbulb {
	transform: rotate(16.5deg);
	-webkit-transform: rotate(16.5deg);
	-moz-transform: rotate(16.5deg);
	-o-transform: rotate(16.5deg);
}

.line.lightbulb hr {
	top: 0px;
	left: 0;
	width: 280px;
	right: -640px;
}

.line.lightbulb i {
	top: 13px;
	right: -200px;
}

.line.house {
	transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
}

.line.house hr {
	top: 15px;
	left: 0px;
	width: 400px;
	right: -675px;
}

.line.house i {
	top: 29px;
	right: -290px;
}

.line.gift {
	transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
}

.line.gift hr {
	top: 75px;
	left: 0;
	width: 380px;
	right: -645px;
}

.line.gift i {
	top: 90px;
	right: -262px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.line.camera {
	transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
}

.line.camera hr {
	top: 100px;
	left: 0;
	width: 390px;
	right: -630px;
}

.line.camera i {
	top: 115px;
	right: -250px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

/* ## Our Work ## */
.our-work {
	width: 100%;
	margin: 0 auto;
    display: block;
}
.portfolio-categories { 
	margin-bottom: 50px; 
	text-align: center; 
	padding-left: 0; 
}

.portfolio-categories > li  { 
	display: inline-block; 
	margin: 0; 
}

.portfolio-categories > li > a { 
	display: inline-block; 
	color: #666; 
	padding: 17px 22px;
	text-transform: uppercase; 
}

.portfolio-categories > li > a:focus { 
	text-decoration: none; 
}

.portfolio-categories > li > a:hover, 
.portfolio-categories > li > a.active
{ 
	color: #fffefe;
	text-decoration: none;
	background-color: #e74c3c;
}
.portfolio-list { 
	width: 100%; 
	padding: 0; 
	list-style: none; 
	margin-bottom: 0;
}

.no-space.portfolio-list li { 
	padding: 0;
}

.portfolio-list li { 
	display: inline-block;
	margin: 0; 
}

.portfolio-image-block { 
	position: relative;
	border: 1px solid #fff;
}

.portfolio-block-hover { 
	background-color: rgba(231, 76, 60, 0.90); 
	display: none; 
	position: absolute; 
	height: 100%; 
	width: 100%;
	top: 0; 
}

.portfolio-gallery{
	float: left;
}

.portfolio-list.no-space .portfolio-block-hover { 
	padding: 35.5% 0; 
}

.portfolio-title { 
	font-size: 24px; 
	font-weight: bold; 
	color: #fff; 
	text-align: center; 
	line-height: 33px; 
	text-transform: uppercase;
}
.portfolio-block-hover h4 {
	font-weight: 300;
	font-size: 12px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}
.portfolio-block-hover h4,
.portfolio-image-block,
.portfolio-title,
.portfolio-image-block:hover > .portfolio-block-hover
{
	display: block;
}

.portfolio-image-block:hover > .portfolio-title,
.portfolio-title:hover, .portfolio-title:focus,
.portfolio-block-hover .entry-meta a
{
	color: #fff;
	text-decoration: none;
}

/* ## Why Choose ## */

.why-choose {
	background-image: url("../images/why-choose-bg.png");
	display: inline-block; 
	width: 100%;
	padding: 70px 0 112px 40px;
	height: 1020px;
	position: relative;
}

.why-choose:before {
	width: 56%;
	position: absolute;
	height: 100%;
	top: -1px;
	overflow: visible;
	border-top: 0px solid rgba(231,76,60,0.90);
	border-bottom: 1021px solid rgba(231,76,60,0.90);
	border-left: 260px solid transparent; 
	border-right: 0px solid transparent;
	content: "";
	right: 0;
}

.why-choose h2 {
	margin-left: 100px;
	text-align: center;
}

.why-choose-inner {
	transform: skew(-15deg);
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
}

.why-choose-box .block-title,
.why-choose-box p,
.why-choose h2
{
	transform: skew(15deg);
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-o-transform: skew(15deg);
	-ms-transform: skew(15deg);
}

.why-choose-box {
	margin-top: 45px;
	margin-left: 100px;
	padding-left: 35px;
}

.why-choose-box .block-title {
	color: #fff;
	margin-bottom: 5px;
	margin-top: 0;
	display: inline-block;
	height: 40px;
	line-height: 35px;
}

.why-choose-box .block-title:hover {
	text-decoration: none;
}

.why-choose-box .block-title span {
	text-transform: uppercase;
	line-height: 35px;
}

.why-choose-box .block-title i {
	font-size: 30px;
	margin-right: 20px;
	float: left;
}

.why-choose-box p {
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	padding-left: 20px;
}

/* ## How We Work ## */
.how-we-work {
	padding-top: 120px;
}

.how-we-work h2 {
	display: block;
	text-align: center;
	margin: 0;
	padding-bottom: 50px;
	font-size: 48px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}

.how-we-work ul {
	text-align: center;
	margin-bottom: 48px;
	padding-left: 0;
}
.how-we-work ul li
{
	display: inline-block;
	margin: 0 49px; 
	position: relative;
}
.how-we-work ul li:before{
	position: absolute;
	border: 1px solid #e74c3c;
	height: 0;
	width: 102px;
	content: "";
	top: 35%;
	left: 100px;
}

.how-we-work ul li:last-child:before {
	display: none;
}

.how-we-work ul li a{
	color: #666;
	font-size: 16px;
	text-transform: lowercase;
	font-weight: bold;
}
.how-we-work ul li a i {
	width: 100px;
	height: 100px;
	display: block;
	border-radius: 50%;
	border: 1px solid #e74c3c;
	font-size: 30px;
	line-height: 100px;
	color: #e74c3c;
	margin-bottom: 20px;
}
.how-we-work ul li:hover a > i {
	background-color: #e74c3c;
	color: #fff;
}
.how-we-work ul li:hover a {
	text-decoration: none;
}

.how-we-work ul li a span {
	width: 100px;
	height: 100px;
	display: block;
	border-radius: 50%;
	border: 1px solid #e74c3c;
	font-size: 30px;
	line-height: 100px;
	color: #e74c3c;
	margin-bottom: 20px;
}

.how-we-work ul li:hover a > span {
	background-color: #e74c3c;
	color: #fff;
}


.how-we-work ul li a h3 {
	color: #666;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}



.how-we-work-container {
	display: block;
	width: 100%;
	overflow: hidden;
	padding-top: 150px;
}

.research-slope{
	margin: -150px -50px 0 -50px;	
	overflow: hidden;
	/*-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-o-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;*/
	height: 803px;
	position: relative;
	background-image: url("../images/research-bg2.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
}

.research-slope:before {
	width: 52%; 
	height: 100%; 
	border-bottom: 810px solid rgba(231,76,68,0.9); 
	border-left: 150px solid transparent; 
	border-right: 50px solid transparent;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

/*
.research-box-inner {
	background-color: rgba(231,76,68,0.9);
	position: absolute;
	top: 0px;
	height: 200%;
	width: 50%;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-o-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	right: 0;
	content: "";
}*/

/* Content */
/*.research,*/
.we-perfection,
/*.clean-code-box,*/
.we-launch {
	color: #fff;
	position: absolute;
	top: 25%;
	right: 192px;
	width: 33%;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}


.research {
	color: #fff;
	width: 34%;
	position: absolute;	
	left: auto;
	right: 192px;
	top: 25%;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	transform: skewX(-10deg);
}


.clean-code-box {
	color: #fff;
	width: 34%;
	position: absolute;	
	left: auto;
	right: 192px;
	top: 25%;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	transform: skewX(-10deg);
}




.clean-code-box.shape-content h3,
.research.shape-content h3 {
	-webkit-transform: skewX(0deg);
	-moz-transform: skewX(0deg);
	-o-transform: skewX(0deg);
	-ms-transform: skewX(0deg);
	transform: skewX(0deg);
}
.shape-content h3 {
	font-size: 36px;
	margin-bottom: 50px;
}

.shape-content p {
	font-size: 18px;
	line-height: 30px;
}

.we-perfection,
.we-launch {
	right: auto;
	left: 192px;
}


.we-perfection-slope {
	margin: -85px -50px 0 -50px;
	/*-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;*/
	overflow: hidden;
	background: transparent;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	height: 803px;
	background-image: url("../images/research-bg.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}

.we-perfection-slope:before {
	width: 58.5%; 
	height: 100%; 
	border-bottom: 800px solid rgba(231,76,68,0.9); 
	border-left: 0px solid transparent; 
	border-right: 230px solid transparent; 
	border-top: 0px solid rgba(231,76,68,0.9);
	content: "";
	position: absolute;
	top: -4px;
	left: 0;
	bottom: 0;
}

.we-perfection-box-inner {
	background-color: rgba(231,76,68,0.9);
	position: absolute;
	top: -170px;
	height: 200%;
	width: 52%;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	left: 27px;
}

.car {
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	overflow: hidden;
	background: #FBF9FA;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	margin-top: -85px;
	margin-left: -50px;
	margin-right: -50px;
	height: 950px;	
	background-image: url("../images/icons-idea.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	z-index: 1;
}

.clean-code {
	margin: 0 -50px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	overflow: hidden;
	background-color: transparent;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
	margin-top: -150px;
	height: 803px;
	background-image: url("../images/clean-code.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
}

.clean-code:before {
	width: 53.7%; 
	height: 100%; 
	border-bottom: 800px solid rgba(231,76,68,0.9); 
	border-top: 0px solid rgba(231,76,68,0.9); 
	border-left: 165px solid transparent; 
	border-right: 0px solid transparent; 
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

.clean-code-box-inner {
	background-color: rgba(231,76,68,0.9);
	position: absolute;
	top: 0px;
	height: 200%;
	width: 53.3%;	
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-o-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	right: 0;
}

.we-launch-slope {
	margin: -180px -50px 0 -50px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	overflow: hidden;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	height: 800px;
	background-color: transparent;
	background-image: url("../images/we-launch-project.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
}

.we-launch-slope:before {
	width: 55%; 
	height: 100%; 
	border-bottom: 800px solid rgba(231,76,68,0.9); 
	border-left: 0px solid transparent; 
	border-right: 180px solid transparent; 
	border-top: 0px solid rgba(231,76,68,0.9); 
	content: "";
	position: absolute;
	top: 42px;
	left: 0;
	bottom: 0;
	-webkit-transform: rotate(4.5deg);
	-moz-transform: rotate(4.5deg);
	-o-transform: rotate(4.5deg);
	-ms-transform: rotate(4.5deg);
	transform: rotate(4.5deg);
}

.we-launch-box-inner {
	background-color: rgba(231,76,68,0.9);
	position: absolute;
	top: -170px;
	height: 200%;
	width: 53%;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	left: 0;
}

.we-launch {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

/* ## Application Section ## */

.application-section {
	width: 100%;
	display: inline-block;
	overflow: visible;
	padding-bottom: 0;
}
.application-section > .container,
.application-section .col-md-6 {
	padding: 0;
	margin-bottom: 0;
}

.application-iphone {
	position: relative;
	height: 100%;
	left: -15px;
	top: -100px;
	z-index: 1;
}

.application-section .app-content-box {
	margin-top: 82px;
	padding-left: 15px;
}

.app-content-box h2 {
	font-weight: 900;
	font-size: 65px;
	text-transform: uppercase;
	color: #e74c3c;
	margin-bottom: 30px;
	margin-top: 0;
}

.app-content-box  p {
	font-size: 18px;
	line-height: 25px;
	color: #666766;
	font-weight: 300;
	margin: 0;
}

.app-updates {
	margin-top: 30px;
	padding-left: 0;
}

.app-updates h4 {
	font-size: 18px;
	color: #474647;
}

.app-updates h4 i {
	color: #e74c3c;
	font-size: 24px;
	margin-right: 15px;
	float: left;
}

.app-updates h4 svg {
	color: #e74c3c;
	font-size: 24px;
	margin-right: 15px;
	float: left;
}


.app-updates p {
	font-size: 16px;
	line-height: 25px;
}

.app-updates p span {
	color: #e74c3c;
}


/* ## Our Genius ## */
.our-genius {
	display: inline-block;
	width: 100%;
}
.style1.style-active .hover{
	display: block;
}
.hover {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(231,76,49,0.9);
	display: none;
	top: 0;
	color: #fff;
	line-height: 400px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 24px;
}

.our-genius .style1:hover .hover,
.our-genius .style3:hover .hover, 
.our-genius .style4:hover .hover,
.our-genius .style5:hover .hover, 
.our-genius .style6:hover .hover,
.our-genius .style7:hover .hover {
	display: block;
}
.our-genius .style1 svg,
.our-genius .style2 svg,
.our-genius .style3 svg,
.our-genius .style4 svg,
.our-genius .style5 svg,
.our-genius .style6 svg,
.our-genius .style7 svg {
	width: 100%;
	height: auto;
	float: left;
	position: absolute;
	left: 0;
}
/*
.our-genius .style2 {
	width: 50%;
	height: 364px;
}*/

.our-genius .style1,
.our-genius .style2,
.our-genius .style3, 
.our-genius .style4, 
.our-genius .style5, 
.our-genius .style6, 
.our-genius .style7 {
	position: relative;
	float: left;
}
/*
.our-genius .col-md-6 img {
	max-width: auto;
}
*/
.our-genius .style1 img,
.our-genius .style2 img,
.our-genius .style3 img,
.our-genius .style4 img,
.our-genius .style5 img,
.our-genius .style6 img,
.our-genius .style7 img{
	float: left;
	width: auto !important;
}

.our-genius .style1 {	
	float:left;
	position: relative;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(0px 424px,491px 500px,415px 0px,0px 0px);
	-ms-clip-path: polygon(0px 424px,491px 500px,415px 0px,0px 0px);
	/*Firefox*/
	
	/*-moz-clip-path: url("index.html#clipPolygon1");*/
	-moz-clip-path: polygon(0px 424px,491px 500px,415px 0px,0px 0px);	
}

.our-genius .style2 {
	overflow:visible;
	float: left;
	position: relative;
	margin-left: -65px;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
	-ms-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
	/*Firefox*/
	-moz-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
}

.our-genius .style3 {
	float: left;
	margin-left: -54px;
	position: relative;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(0px 400px,480px 400px,480px 0px,53px 0px);
	-ms-clip-path: polygon(0px 400px,480px 400px,480px 0px,53px 0px);
	/*Firefox*/
	-moz-clip-path: polygon(0px 400px,480px 400px,480px 0px,53px 0px);
	z-index: 1;
}

.our-genius .style4 {
	float: left;
	margin-left: 0px;
	position: relative;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(0px 405px,526px 400px,476px 0px,0px 0px);
	-ms-clip-path: polygon(0px 405px,526px 400px,476px 18px,0px 0px);
	/*Firefox*/
	-moz-clip-path: polygon(0px 405px,526px 400px,476px 18px,0px 0px);
}

.our-genius .style5 {
	float: left;
	margin-left: -60px;
	position: relative;
	/*Chrome, Safari*/
	-webkit-clip-path: polygon(50px 400px,480px 400px,480px 0px,5px 0px);
	-ms-clip-path: polygon(50px 400px,480px 400px,480px 0px,5px 0px);
	
	/*Firefox*/
	-moz-clip-path: polygon(50px 400px,480px 400px,480px 0px,5px 0px);
}

.our-genius .style6 {
	float: left;
	margin-left: 0px;
	position: relative;
	/*Chrome, Safari*/
	-webkit-clip-path: polygon(0px 400px,430px 400px,473px 0px,0px 0px);
	-ms-clip-path: polygon(0px 400px,430px 400px,473px 0px,0px 0px);
	
	/*Firefox*/
	-moz-clip-path: polygon(0px 400px,430px 400px,473px 0px,0px 0px);
}

.our-genius .style7 {
	float: left;
	margin-left: -58px;
	position: relative;
	/*Chrome, Safari*/
	-webkit-clip-path: polygon(0px 403px,530px 404px,530px 0px,50px 0px);
	-ms-clip-path: polygon(0px 403px,530px 404px,530px 0px,50px 0px);
	
	/*Firefox*/
	-moz-clip-path: polygon(0px 403px,530px 404px,530px 0px,50px 0px);
}

#style3-hover,
#style4-hover,
#style5-hover,
#style6-hover,
#style7-hover {
	display: none;
}
.our-genius  #style1-hover.style2 {
	overflow:visible;
	float: left;
	position: relative;
	margin-left: -65px;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
	-ms-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);

	/*Firefox*/
	-moz-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
}
.our-genius  #style3-hover.style2 {
	overflow:visible;
	float: left;
	position: relative;
	margin-left: -65px;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
	-ms-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);

	/*Firefox*/
	-moz-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
}
.our-genius  #style4-hover.style2 {
	overflow:visible;
	float: left;
	position: relative;
	margin-left: -65px;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
	-ms-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);

	/*Firefox*/
	-moz-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
}
.our-genius  #style5-hover.style2 {
	overflow:visible;
	float: left;
	position: relative;
	margin-left: -65px;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
	-ms-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
	/*Firefox*/
	-moz-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
}
.our-genius  #style6-hover.style2 {
	overflow:visible;
	float: left;
	position: relative;
	margin-left: -65px;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
	-ms-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
	/*Firefox*/
	-moz-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
}
.our-genius  #style7-hover.style2 {
	overflow:visible;
	float: left;
	position: relative;
	margin-left: -65px;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
	-ms-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
	-moz-clip-path: polygon(80px 532px,1005px 417px,1061px -3px,0px 0px);
}
.genius-gallery {
	position: relative;
}
.genius-gallery .style1:hover  .genius-gallery #style1  {
	display: none;
}
#style1-hover {
	display: block;
}

.member-info {
	position: absolute !important;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	width: 56%;
	margin: 0 auto !important;
}

.skills-info1 {
	padding-left: 0;
}

.social-info {
	position: absolute;
	top: 0;
	height: 100%;
	color: #fff;
	width: 50%;
	left: 0;
}

.inner-social-info {
	padding: 90px 80px;
	display: inline-block;
	width: 100%;
	position: relative;
}

.inner-social-info h3 {
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}

.inner-social-info h6 {
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1px;
	margin: 0;
	/*transform:skew(-11deg)*/
}
.social-info-content {
	transform: skew(5deg)
}
.inner-social-info p {
	font-size: 18px;
	line-height: 30px;
	margin-top: 22px;
	/*transform:skew(-11deg)*/
}

.inner-social-info p span {
	color: #e74c3c;
}

.inner-social-info ul {
	margin-top: 15px;
	/*transform:skew(-11deg);*/
	padding-left: 0;
}

.inner-social-info ul li {
	display: inline-block;
	border-radius: 50%;
	margin-right: 15px;
}

.inner-social-info ul li a { 
	color: #706f6e;
	font-size: 36px;
}
.inner-social-info ul li a:hover {
	color: #fff;
	text-decoration: none;
}

.inner-social-info ul li svg { 
	color: #FF0000;
	font-size: 6px;
}

.skills-info {
	position: absolute;
	top: 0;
	right: 3px;
	width: 50%;
	padding: 0;
}

.skill-progress-box h6 {
	position: absolute;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 50px;
	margin: 0;
	left: 20px;
	width: 85%;
	text-transform: uppercase;
	font-weight: 300;
}

.skill-progress-box h6 span {
	float: right;
}
.skill-progress-box h6 span:after {
	content: "%";
}
.progress {
	height: 50px;
	border-radius: 0;
	position: relative;
	line-height: 50px;
	color: #fff;
	margin-top: 40px;
	background-color: rgba(255,255,255,0.10);
}

.progress-bar-danger {
	background-color: #e74c3c;
	transition: width 1s ease 0s;
	-webkit-transition: width 1s ease 0s;
	-moz-transition: width 1s ease 0s;
}



/* ## Video Section ## */
.video-section {
	width: 100%;
	position: relative;
	height: 600px;
}

.video-section .slider-section {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	max-height: 600px;
}

.video-section .slider-section::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	
}

.video-section .slide-title::before {
	background-color: rgba(0, 0, 0, 0.3);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	border-radius: 100%;
}

.video-section .slider-section .slide-title span.inner-circle {
	color: #e74c3c;
	font-weight: 300;
}
.video-section .slider-section .slide-sub-title span {
	color: #e74c3c;
}





/* ## Statistics Section ## */

.statistics-section {
	background-color: #e74c3c;
	margin-top: -5px;
	text-align: center;
	color: #fff;
	padding: 82px 0 66px 0;
}
.statistics-section h2 {
	font-size: 40px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	margin: 0;
}

.statistics-section p {
	font-size: 12px;
	margin-top: 20px;
}

/* ## Blog Post  ## */
.blog-section .post {
	margin-top: 0;
	margin-bottom: 15px;
}

.entry-date {
	width: 65px;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
	color: #fff;	
}

.date {
	margin-bottom: 5px;
	background-color: #e74c3c;
	height: 98px;
}
.date h2 {
	border-bottom: 1px solid #fff;
    margin-left: 12px;
    margin-top: 0;
    width: 44px;
	line-height: 50px;
	font-weight: bold;
}
.date h4 {
	line-height: 30px;
}
.icon i{
	background-color: #e74c3c;
	font-size: 24px;
	text-align: center;
	width: 100%;
	line-height: 20px;
	line-height: 50px;
	margin-bottom: 5px;
}


.entry-cover {
	width: 288px;
	float: right;
}

.entry-cover .entry-title {
	font-size: 14px;
	color: #333;
	margin: 20px 0 10px 0;
	display: inline-block;
	text-transform: uppercase;
}

.entry-cover .entry-date ,
.entry-cover .comments-link a,
.entry-cover .post-views  {
	font-size: 10px;
	color: #454545;
}

.post-date {
	width: 100%;
	display: inline-block;
	font-size: 10px;
	letter-spacing: 2px;
	margin-bottom: 30px;
}

.post-date .entry-date {
	margin-right: 0;
}

.post-date .entry-date,
.post-date .comments-link a {
	width: auto;
}

.post-date .comments-link a:hover {
	color: #E74C3C;
	text-decoration: none;
}

.entry-cover i {
	color:  #e74c3c;
}
.entry-cover .comments-link a:after,
.entry-cover .comments-link a:before {
	content: "|";
	margin-left: 9px;
	margin-right: 9px;
}

.read-more {
	background-color: #000;	
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	border-radius: 50px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	color: #eee;
	margin-top: 30px;
	display: inline-block;
	width: 120px;
	height: 39px;
	line-height: 39px;
}
.read-more:focus,
.read-more:hover {
	text-decoration: none;
	background-color: #e74c3c;
	color: #fff;	
}

/* ## Cient Section ## */

.client-section {
	width: 100%;
	position: relative;
}

.client-style1 img,
.client-style2 img,
.client-style3 img{
	float: left;
	clear: both;
}

.client-style1 {
	float: left;
	clear: both;
	background-image: url("../images/clients-lotus.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 100%;
	height: 310px;
	overflow: hidden;
	
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(0px 152px,1920px 310px,1920px 0px,0px 0px);
	-moz-clip-path: polygon(0px 152px,1920px 310px,1920px 0px,0px 0px);
	-ms-clip-path: polygon(0px 152px,1920px 310px,1920px 0px,0px 0px);
	
	/*Firefox*/
	/*clip-path: url("index.html#client-1");
	-moz-clip-path: url("index.html#client-1");*/
	transition: height 2s;
    -webkit-transition: height 2s;
}
.client-style1.client-active,
.client-style1:hover {
	height: 752px;
	
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(0px 752px,1920px 752px,1920px 0px,0px 0px);
	-moz-clip-path: polygon(0px 752px,1920px 752px,1920px 0px,0px 0px);
	-ms-clip-path: polygon(0px 752px,1920px 752px,1920px 0px,0px 0px);
}

.client-style2 {
	float: left;
	clear: both;
	margin-top: -160px;
	position: relative;
	width: 100%;
	background-image: url("../images/clients-big-2.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	height: 450px;
	overflow: hidden;	
	
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(-1px 450px,1920px 289px,1920px 158px,0px 0px);
	-moz-clip-path: polygon(-1px 450px,1920px 289px,1920px 158px,0px 0px);
	-ms-clip-path: polygon(-1px 450px,1920px 289px,1920px 158px,0px 0px);		
	transition: height 2s;
    -webkit-transition: height 2s;
}
.client-style2.client-active,
.client-style2:hover {
	height: 752px;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(-1px 752px,1920px 666px,1920px 97px,0px 0px);
	-moz-clip-path: polygon(-1px 752px,1920px 666px,1920px 97px,0px 0px);
	-ms-clip-path: polygon(-1px 752px,1920px 666px,1920px 97px,0px 0px);
}

.client-style2.client-active .client-hover,
.client-section .client-style1:hover .client-hover,
.client-section .client-style2:hover .client-hover,
.client-section .client-style3:hover .client-hover {
	display: block;
}

.client-hover {
	position: absolute;
	top: 20%;
	text-align: center;
	left: 5%;
	right: 5%;
	display: none;
	background-color: transparent;
}

.client-hover h2 {
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	margin: 0 auto;
	display: block;
	line-height: 60px;
	margin-bottom: 40px;
	text-shadow: 2px 2px 8px #000; 
}

.client-hover p {
	font-size: 24px;
	color: #fff;
	font-weight: 300;
	text-shadow: 2px 2px 4px #000; 
}

.client-style3 {
	background-image: url("../images/clients-big-3.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	float: left;
	clear: both;
	width: 100%;
	height: 310px;
	margin-top: -160px;
	position: relative;
	overflow: hidden;
	transition: height 2s;
    -webkit-transition: height 2s;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(-1px 326px,1920px 316px,1920px 0px,0px 155px);
	-moz-clip-path: polygon(-1px 326px,1920px 316px,1920px 0px,0px 155px);
	-ms-clip-path: polygon(-1px 326px,1920px 316px,1920px 0px,0px 155px);
}
.client-style3.client-active,
.client-style3:hover {
	height: 752px;
	/*Chrome,Safari*/
	-webkit-clip-path: polygon(-1px 752px,1920px 756px,1920px 0px,0px 155px);
	-moz-clip-path: polygon(-1px 752px,1920px 756px,1920px 0px,0px 155px);
	-ms-clip-path: polygon(-1px 752px,1920px 756px,1920px 0px,0px 155px);
}
.client-style3 img {
	position: relative;
	top: -215px;
}

/* ## Brag About Section ## */

.brag-about-section {
	display: inline-block;
	width: 100%;
	position: relative;
	overflow: visible;
}

.brag-content h3 {
	font-size: 72px;
	color: #e74c3c;
	text-align: right;
	text-transform: uppercase;
	font-weight: 900;
	margin-top: 0;
}	

.brag-content p {
	font-size: 18px;
	font-weight: 300;
	padding-right: 10px;
}

.brag-about-img{
	position: relative;
	top: -60px;
	right: 30px;
}

.brag-about-img img {
	width: 100%;
	top: 0;
}

.brag-content {
	position: relative;
	display: inline-block;
	top: 260px;
}

/* ## Blog Section ## */
.social-main {
	width: 100%;
}
.social-main a{
	color: #fff;
	float: left;
	clear: right;
	font-size: 60px;
	text-align: center;
	text-decoration: none;
	line-height: 172px;
	width: 12.5%;
}


.icon-social-google  a{
	background-color: #2d3e50;
}
.icon-social-tumblr a{
	background-color: #3d5a70;
}
.icon-social-facebook a{
	background-color: #1952a9;
}
.icon-social-vimoe a{
	background-color: #33a9ef;
}
.icon-social-twitter a{
	background-color: #26d4f9;
}
.icon-social-rss a{
	background-color: #ffae00;
}
.icon-social-dribble a{
	background-color: #ec3a74;
}
.icon-social-pinterest a{
	background-color: #fb4343;
}




.social-main p {
	color: #fff;
	float: left;
	clear: right;
	font-size: 80px;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	line-height: 172px;
	width: 12.5%;
	margin: 0;
}


.icon-social-t  p {
	background-color: #2d3e50;
}
.icon-social-o p {
	background-color: #3d5a70;
}
.icon-social-g p {
	background-color: #1952a9;
}
.icon-social-e p {
	background-color: #33a9ef;
}
.icon-social-tt p {
	background-color: #26d4f9;
}
.icon-social-h p {
	background-color: #ffae00;
}
.icon-social-ee p {
	background-color: #ec3a74;
}
.icon-social-r p {
	background-color: #fb4343;
}





/* ## Map Section ## */
.map-section {
	width: 100%;
	float:left;
	clear: both;
	line-height: 1;
}
.map-section .map-canvas {
	width: 100%;
	height: 702px;
	border: 0 none;
}

/* ## Project Section ## */
.project-section {
	position: relative;
	padding: 130px 0;
	width: 100%;
	float: left;
	top: 0;
	clear: both;
}

.project-section:before {
	width: 50%;
	border-bottom: 0 solid #e74c3c; 
	border-top: 600px solid #e74c3c; 
	border-left: 0 solid transparent; 
	border-right: 100px solid transparent; 
	content: "";
	height: 100%;
	top: 0;
	position: absolute;
}

.project-section > .container {
	padding: 0;
}
.start-project,
.send-msg {
	text-align: right;
	color: #fff;
	padding-right: 60px;
	text-transform: uppercase;
	padding-left: 0;
}
.start-project h2 {
	font-size: 55px;
	text-align: right;
	margin: 40px 0;
}

.send-msg h2 {
	font-size: 55px;
	text-align: left;
	margin: 40px 0;
}



.start-project p,
.send-msg p {
	font-size: 18px;
}

.start-project a,
.send-msg a {
	padding: 25px 35px;
	background-color: #fff;
	color: #e74c3c;
	font-size: 30px;
	display: inline-block;
	margin-right: 52px;
	transform:skew(-10deg);
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	-ms-transform: skew(-10deg);
}

.start-project a span {
	display: block;
	transform:skew(11deg);
	-webkit-transform: skew(11deg);
	-moz-transform: skew(11deg);
	-o-transform: skew(11deg);
	-ms-transform: skew(11deg);
	text-decoration: none;
}
.start-project a:focus,
.start-project a:hover {
	background-color: #000;
	text-decoration: none;
}

.send-msg {
	color: #333;
	display: inline-block;
	text-align: left;
	transform: skewX(-15deg);
	-webkit-transform: skewX(-15deg);
	-moz-transform: skewX(-15deg);
	-o-transform: skewX(-15deg);
	-ms-transform: skewX(-15deg);
	padding-right: 0;
	margin-left: -10px; 
}
.send-msg h2 {
	margin-left: 20px;
}
.send-msg p {
	margin-left: 35px;
}
.send-msg h2,
.send-msg p{
	transform: skewX(15deg);
	-webkit-transform: skewX(15deg);
	-moz-transform: skewX(15deg);
	-o-transform: skewX(15deg);
	-ms-transform: skewX(15deg);
}

.send-msg a {
	background-color: #333;
	transform: skewX(5deg) !important;
	color: #fff;
	margin-left: 30px;
	-webkit-transform: skewX(-11deg);
	-moz-transform: skewX(-11deg);
	-o-transform: skewX(-11deg);
	-ms-transform: skewX(-11deg);
}

.send-msg a span {
	display: block;
	transform: skewX(10deg);
	-webkit-transform: skewX(10deg);
	-moz-transform: skewX(10deg);
	-o-transform: skewX(10deg);
	-ms-transform: skewX(10deg);
}
.send-msg a:focus,
.send-msg a:hover {
	background-color: #E74C3C;
	color: #fff;
	text-decoration: none;
}

/* ## 	FOOTER  ## */
.footer-section {
	float: left;
	width: 100%;
	background-color: #333;
	color: #fff;
	padding: 46px 0 38px 0;
}
.footer-section .footer-item i {
	width: 67px;
	height: 67px;
	text-align: center;
	line-height: 63px;
	font-size: 18px;
	border: 1px solid #fff;
	border-radius: 50%;
	float: left;
	margin-right: 18px;
}
.footer-inner{
	margin-top: 15px;
}
.footer-section .footer-item  {
	position: relative;
}
.footer-section p {
	margin-bottom: 0;
}
.footer-section .copyright {
	padding-top: 23px;
	text-align: center;
}
.footer-section a{
	color: #fff;
	cursor: pointer;
}
.footer-item-title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 2px;
}
.footer-item-desc {
	font-size: 16px;
	font-weight: 300;
}

.footer-item-numb {
	font-size: 13.75px;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
	line-height: 23px;
}

.back-top {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}
.back-top i {
	color: #e74c3c;
	font-size: 24px;
}
.back-top:hover {
	text-decoration: none;
}

.back-home {
	line-height: 160px;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	width: 100%;
}

.back-home a {
	font-size: 24px;
}
.back-home a:hover {
	text-decoration: none;
	color: #E74C3C;
}



/* Light Box */

.light-box .modal-backdrop,
.light-box.modal {
	background-color: rgba(231,76,60,0.90);
	color: #fff;
}

.light-box .modal-dialog  {
	width: 100%;
	margin: 0;
	display: inline-block;
	position: relative;
}
.light-box .modal-header,
.light-box .modal-content ,
.send{
	border: none;
}

.light-box .modal-content {
	background-color: transparent;
	box-shadow: none;
}

.modal.in .modal-dialog {
	transform: translate(0px, 50%);
}

.popup-heading p {
	font-weight: 300;
	letter-spacing: 1px;
    text-transform: uppercase;
}
.popup-heading h1{
	font-weight: 600;
	font-size: 48px;
}

.popup-form {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.popup-form .form-group {
	margin-bottom: 25px;
	padding-left: 0;
}
.popup-form .form-group .form-control {
	font-size: 18px;
	border: none;
	box-shadow: none;
	border-bottom: 2px solid #fff;
	padding: 14px 0;
	border-radius: 0px;
	height: auto;
	background-color: transparent;
	color: #fff;
}
.popup-form .form-group .form-control::-moz-placeholder {
    color: #fff;
}
.popup-form .form-group .form-control::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}

.popup-form .form-group .form-control:-ms-input-placeholder {
	color: #fff;
}
.close {
	color: #fff;
	opacity: 1;
}
.send{
	font-size: 36px;
	color: #fff;
	margin-top: 10px;	
	font-weight: 600;
	background-color: transparent;
	
}
.send:hover, 
.send:focus{
	color: #fff;
}


/* ## Blog Page ## */
/* .blog-inner{	
	margin-left: -15px;
	margin-right: -15px;
	display: inline-block;
} */
.header-top {
	background-image: url("../images/Pages/top-header.jpg");
	background-size: 100% 100%;
}

.header-top h1 {
	font-size: 72px;
	text-align: center;
	padding: 223px 0;
	color: #fff;
	margin: 0;
}

.blog-page {
	padding-top: 100px;
}

.post {
	margin-bottom: 100px;
	min-height: 415px;
}

.blog-page .container .col-md-4:nth-child(3n+3){
	margin-right: 0;
}

/*.blog-page .container .post:nth-child(3n+2){
	padding: 0 0px;
}
.blog-page .container .post:nth-child(3n+3){
	padding-right: 0;
}
*/
/* ## Blog Single ## */

.beautiful-image{
	background-color: #e74c3c;
	position: relative;
}
.beautiful-image img{
	opacity: 0.10;
	min-height: 350px;
}

.heading {
    color: #fff;
    display: inline-block;
    font-size: 60px;
    font-weight: bold;
    left: 0;
    max-width: 97%;
    word-wrap: break-word;
    position: absolute;
    right: 0;
    text-align: center;
    top: 30%;
    width: 100%;
}

.by-admin{
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin: 47px 0;
	padding: 0;
}
.by-admin p{
	margin-bottom: 0;
}

.single-social{
	margin: 50px 0;
	text-align: right;
}

.single-social a{
	color: #333;
	font-size: 15.3px;
	font-weight: 600;
	margin-right: 20px;
}

.single-social a i{
	margin-right: 6px;
}

.single-social a:hover{
	text-decoration: none;
}

.single-social a:hover i{
	color: #e74c3c;
}

.single-blog .entry-cover {
	width: 100%;
	display: inline-block;
	margin-bottom: 45px;
}
.single-blog .by-admin p {
	font-weight: bold;
}
.single-blog p {
	font-weight: 300;
	color: #333;
	line-height: 25px;
}

.sub-title-heading {
	font-size: 24px;
	font-weight: 600;
	color: #333;
	margin-bottom: 27px;
	margin-top: 55px;
}

.sub-title-heading span {
	color: #e74c3c;
}

.single-blog h4 {
	font-weight: 200;
	font-size: 24px;
	line-height: 35px;
	color: #000;
	margin-bottom: 50px;
}

.entery-content {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 70px;
}


.comment h3{
	margin: 50px 0;
}

.comment .media-list > .media{
	margin-bottom: 47px;
}
.comment .media-list .media .media-list{
	margin-top: 45px;
}
.comment .media-list .media p{
	font-weight: 300;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	line-height: 25px;
}
.comment .media-list .media a {
	color: #666;
	font-weight: 600;
	width: 60px;
	display: inline-block;
	font-size: 12px;
}

.comment .media-list .media-body .media-heading {
	color: #e74c3c;
	font-size: 16px;
	margin-bottom: 17px;
	line-height: 1;
}

.comment .media-list .media-body .media-heading span {
	color: #666;
	font-family: 'Raleway', serif;
	font-weight: normal;
	font-size: 14px;
}

.media-left, .media > .pull-left {
	padding-right: 30px;
}

.add-comment{
	margin-top: 50px;
	width: 100%;
	display: inline-block;
}
.add-comment h2 {
	margin-bottom: 50px;
	margin-top: 0;
	color: #333;
	font-size: 24px;
}

.add-comment .comment-form {
	margin-bottom: 100px;
}

.add-comment .comment-form input{
	width: 100%;
	padding: 20px 0;
	margin-bottom: 28px;
	border: none;
	border-bottom: 2px solid #eee;
	font-size: 18px;
	color: #333;
}


.add-comment .comment-form ::-webkit-input-placeholder {
	color: #333;
}

.add-comment .comment-form :-moz-placeholder {
	color: #333;
	opacity: 1;
}

.add-comment .comment-form ::-moz-placeholder {
	color: #333;
	opacity: 1;
}

.add-comment .comment-form :-ms-input-placeholder {
	color: #333;
}

.form-submit {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

.add-comment .comment-form .form-submit input {
	background-color: transparent;
	border: none;
	display: inline-block;
	width: auto ;
	margin: 0 auto;
	font-size: 24px;
	font-weight: bold;
}

/* ## Page Loader ********************** */
/* LOADING */
.load-position .logo {
	margin: 0 auto;
}
.load-complete {
    position: fixed;
	overflow: hidden;
    background: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999;
}
.load-complete .logo {
	color: #fff;
	text-align: center;
	display: block;
	margin-bottom: 20px;
}
.load-complete .load-position h6 {
    text-align: center;
    color: #000;
    font-size: 12px;
	font-weight: 400;
	font-style: italic;
}
.load-complete .load-position {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 999;
    right: 0;
    margin-top: -100px;
}
.load-complete .loading {
    position: absolute;
    width: 100%;
    height: 1px;
    margin: 20px auto;
    left: 0;
    right: 0;
}
.load-complete .loading-line {
    position: absolute;
    background: #eee;
    width: 100%;
    height: 2px;
}
.load-complete .loading-break {
    position: absolute;
    background: #222;
    width: 10px;
    height: 2px;
}
.load-complete .loading-dot-1 {
    -webkit-animation: loading 2s infinite;
    -moz-animation: loading 2s infinite;
    -ms-animation: loading 2s infinite;
    -o-animation: loading 2s infinite;
    animation: loading 2s infinite;
}
.load-complete .loading-dot-2 {
    -webkit-animation: loading 2s 0.5s infinite;
    -moz-animation: loading 2s 0.5s infinite;
    -ms-animation: loading 2s 0.5s infinite;
    -o-animation: loading 2s 0.5s infinite;
    animation: loading 2s 0.5s infinite;
}
.load-complete .loading-dot-3 {
    -webkit-animation: loading 2s 1s infinite;
    -moz-animation: loading 2s 1s infinite;
    -ms-animation: loading 2s 1s infinite;
    -o-animation: loading 2s 1s infinite;
    animation: loading 2s 1s infinite;
}
@keyframes "loading" {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}
@-moz-keyframes loading {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}
@-webkit-keyframes "loading" {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}
@-ms-keyframes "loading" {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}
@-o-keyframes "loading" {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}

.alert-msg {
	text-align: left;
	background: #ffcac4;
	padding: 5px 10px;
	color: #685654;
	font-size: 12px;
	font-weight: 600;
	display: none;
}

.main-container {
    margin: 0 auto;
    max-width: 1920px;
}















/******************** START SLIDER IN INBOX 2 ***********************/


/********************************/
/*       Fade Bs-carousel       */
/********************************/
.fade-carousel {
    position: relative;
    height: 100vh;
}
.fade-carousel .carousel-inner .item {
    height: 100vh;
}
.fade-carousel .carousel-indicators > li {
  	width: 12px;
  	height: 12px;
    margin: 0 2px;
    background-color: #e74c3c;
    border-color: #e74c3c;
    opacity: .6;
}
.fade-carousel .carousel-indicators > li.active {
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 4em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.hero h3 {
	text-transform: capitalize;
    font-size: 20px;    
}

.hero h3 span {
	color: #fff;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: .0;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #000;
    border-color: none;
    outline: none;
    margin: 20px auto;
}


/********************************/
/*       Slides GOTO Next     */
/********************************/
.fade-carousel .carousel-inner .goto-next {
	text-transform: uppercase;
	position: absolute;
	bottom: 100px;
	z-index: 999;
	display: block;
	margin: 0 auto;
	width: 100px;
	text-align: center;
	left: 0;
	right: 0;
	font-size: 18px;
	color: #fff;
}
.fade-carousel .carousel-inner .goto-next a {
	display: block;
	position: relative;
	color: #E74C3C;
}
.fade-carousel .carousel-inner .goto-next a:focus,
.fade-carousel .carousel-inner .goto-next a:hover {
	color: #fff;
}

.fade-carousel .carousel-inner .arrow {
	position: fixed;
	bottom: -10px;
	left: 50%;
	margin-left: -15px;
	font-size: 22px;
	color: #fff;
}


.fade-carousel .carousel-inner .bounce {
	-moz-animation: bounce 5s infinite;
	-webkit-animation: bounce 5s infinite;
	animation: bounce 5s infinite;
}


/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../images/slide1.png); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(../images/slide3.png);
}
.fade-carousel .slides .slide-3 {
  background-image: url(../images/slide02.png);
}



/********************************/
/*       Fade Carousel Control       */
/********************************/
.fade-carousel .carousel-control {
    width: 0;
}

.fade-carousel .carousel-control.left,
.fade-carousel .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.fade-carousel .carousel-control.left span {
	padding: 40px;
}

.fade-carousel .carousel-control.right span {
	padding: 40px;
}

.fade-carousel .carousel-control .glyphicon-menu-left,
.fade-carousel .carousel-control .glyphicon-menu-right, 
.fade-carousel .carousel-control .icon-prev,
.fade-carousel .carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.fade-carousel .carousel-control .glyphicon-menu-left,
.fade-carousel .carousel-control .icon-prev {
	left: 0;
}

.fade-carousel .carousel-control .glyphicon-menu-right,
.fade-carousel .carousel-control .icon-next {
	right: 0;
}

.fade-carousel .carousel-control.left span,
.fade-carousel .carousel-control.right span {
	background-color: #000;
	opacity: .4;
	filter: alpha(opacity=40);
}

.fade-carousel .carousel-control.left span:hover,
.fade-carousel .carousel-control.right span:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}





/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 3em; } 
	.hero h3 { font-size: 15px; }
	
	/********************************/
	/*          Custom Buttons      */
	/********************************/
	.btn.btn-lg {padding: 8px 30px;}
	.btn.btn-hero,
	.btn.btn-hero:hover,
	.btn.btn-hero:focus {
		color: #f5f5f5;
		background-color: #000;
		border-color: none;
		outline: none;
		margin: 20px auto;
		font-size: 15px;
	}
	
	.fade-carousel .carousel-control.left span {
		padding: 20px;
	}
	
	.fade-carousel .carousel-control.right span {
		padding: 20px;
	}
   
}

/******************** End SLIDER IN INBOX 2 ***********************/














/******************** Start SLIDER IN INBOX 3 ***********************/

.bs-slider{
    overflow: hidden;
    max-height: 700px;
    position: relative;
    background: #000000;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto;
    width: 100% !important;
}

/********************
*****Slide effect
**********************/

.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}






/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 47%;
    opacity: 0;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 1%;
}
.control-round .carousel-control.right {
    right: 1%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
    background: rgba(0, 0, 0, 0.5);
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}





/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{
    right: 45%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}
.indicators-line > .carousel-indicators li{
    padding: 0;
    width: 15px;
    height: 15px;
    border: 1px solid rgb(158, 158, 158);
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    background: rgb(158, 158, 158);
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    z-index: 10;
    cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child{
    margin-right: 0;
}
.indicators-line > .carousel-indicators .active{
    margin: 1px 5px 1px 1px;
    box-shadow: 0 0 0 2px #fff;
    background-color: transparent;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}
.indicators-line > .carousel-indicators .active:before{
    transform: scale(0.5);
    background-color: #fff;
    content:"";
    position: absolute;
    left:-1px;
    top:-1px;
    width:15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}



/*---------- SLIDE CAPTION ----------*/
.slide_style_left {
    text-align: left !important;
}
.slide_style_right {
    text-align: right !important;
}
.slide_style_center {
    text-align: center !important;
}

.slide-text {
    left: 0;
    top: 25%;
    right: 0;
    margin: auto;
    padding: 10px;
    position: absolute;
    text-align: left;
    padding: 10px 85px;
    
}

.slide-text > h1 {
    
    padding: 0;
    color: #ffffff;
    font-size: 70px;
    font-style: normal;
    line-height: 84px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.slide-text > p {
    padding: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 40px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.slide-text > a.btn-default{
    color: #000;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-right: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}
.slide-text > a.btn-primary{
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    background: #00bfff;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}






/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width: 991px) {
    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .slide-text > p {

        font-size: 18px;
    }
}


/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
    .slide-text {
        padding: 10px 50px;
    }
    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }

}
@media  (max-width: 480px) {
    .slide-text {
        padding: 10px 30px;
    }
    .slide-text h1 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .slide-text > p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
        text-align: center;
        padding: 10px 15px;
    }
    .indicators-line > .carousel-indicators{
        display: none;
    }

}

/******************** End SLIDER IN INBOX 3 ***********************/



.caret {
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}


.menu-block {
	height: 70px;
}















/******************** START NEW MAIN MENU ***********************/
.header-section {
	background-color: #e74c3c;
	padding: 0px;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0;
    border: 0px solid transparent;
}




.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
/******************** End NEW MAIN MENU ***********************/










/******************** START NEW MAIN MENU VER05 - FINAL ***********************/
.navbar-default {
    background-color: #e74c3c;
    border-color: transparent;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 70px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	position: relative;
	padding: 3px 16px 2px 16px;
	margin-left: 1px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #e6e5e5;
	background-color: #000;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0 !important;
    z-index: 9999999 !important;
    display: none;
    float: left;
    max-width: 250px;
    min-width: 240px;
    padding: 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #e74c3c;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}

.dropdown-menu>li>a {
	display: block;
	padding: 10px 15px !important;
	margin-top: 0;
	margin-bottom: 0;
	clear: both;
	color: #fff;
	background-color: #e74c3c;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}


.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	color: #e6e5e5;
	background-color: #000;
	padding: 10px 15px 10px 20px;
}

.dropdown-menu .dropdown-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 14px;
    background-color: #e74c3c;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background-clip: padding-box;
    max-width: 250px;
    min-width: 237px;
}

.dropdown-menu .dropdown-menu>li>a {
	padding: 10px 15px 10px 25px !important;
	margin-top: 0;
	margin-bottom: 0;
	clear: both;
	color: #fff;
	background-color: #626161;
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 500;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.dropdown-menu .dropdown-menu>li>a:hover {
	color: #000;
	background-color: #f38073;
}

.dropdown-menu .dropdown-menu .dropdown-menu>li>a {
	padding: 10px 10px 10px 35px !important;
	margin-top: 0;
	margin-bottom: 0;
	clear: both;
	color: #fff;
	background-color: #8d8c8c;
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 500;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.dropdown-menu .dropdown-menu .dropdown-menu>li>a:hover {
	color: #000;
	background-color: #f38073;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: #000;
	color: #e6e5e5;
	border-color: #428bca;
	border: none;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: #000;
	color: #e6e5e5;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    z-index: 999999 !important;
}
/******************** END NEW MAIN MENU VER05 - FINAL ***********************/





/************ Start Scroll To Top Button ************/
#scroll-top {
  width: 60px;
  height: 60px;
  color: #fff;
  background: #e74c3c;
  text-align: center;
  position: fixed;
  left: 25px;
  bottom: 10px;
  z-index: 9999;
  cursor: pointer;
  border-radius: 50%;
  line-height: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.2);
}

#scroll-top:hover {
  background: #000;
}

#scroll-top span {
  color: #fff;
  font-size: 22px;
  padding: 0 0 2px 0;
  font-weight: 100;
}

#scroll-top span:hover {
  color: #fff;
}
/************ End Scroll To Top Button ************/



/************ Start Zoho Chat ************/
.zsiq_theme1 .zsiq_flt_rel {
	background-color: #e74c3c !important;
	border: 1px solid rgba(255,255,255,0.2);
}
/************ End Zoho Chat ************/



/************ Start Whatsapp Chat ************/
.bIBPwn {
    height: 60px !important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 8px;
    display: flex;
    background-color: rgb(231, 76, 60);
    margin-bottom: 10px !important;
	border: 1px solid rgba(255,255,255,0.2);
    margin-left: 25px !important;
    width: 60px !important;
}
/************ End Whatsapp Chat ************/