/* Bielefeld - Portfolio HTML Template*/

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Hidden Sidebar
6. Main Slider
7. Home Banner
8. Page Title
9. Section Title
10. About Us
11. Services Section
12. Portfolio Section / Two / Three / Four
13. Team Section
14. Fact Counter
15. Testimonial Section
16. News Section
17. Main Footer
18. Portfolio Single
19. Blog Standard
20. Blog Detail
21. Sidebar Page Container
22. Comment Area
23. Comment Form
24. Error Page Section 
25. Contact Info Section
26. Contact Form Section

**********************************************/

/*** 

====================================================================
	Fonts
====================================================================

 ***/

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

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

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('custom-animate.css');
@import url('multi-scroll.css');



/*Custom Font Install by Punit 24JUlY2018 */
@font-face {
	font-family: 'Conv_BebasNeue-Regular';
	src: url('../fonts/BebasNeue-Regular.eot');
	src: local('☺'), url('../fonts/BebasNeue-Regular.woff') format('woff'), url('../fonts/BebasNeue-Regular.ttf') format('truetype'), url('../fonts/BebasNeue-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-Lt';
	src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
	src: local('☺'), url('../fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Lt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-Md';
	src: url('../fonts/HelveticaNeueLTStd-Md.eot');
	src: local('☺'), url('../fonts/HelveticaNeueLTStd-Md.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Md.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Md.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-Bd';
	src: url('../fonts/HelveticaNeueLTStd-Bd.eot');
	src: local('☺'), url('../fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('../fonts/HelveticaNeueLTStd-Bd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*Custom Font Install by Punit 24JUlY2018 */

/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-size:14px;
	color:#777777;
	line-height:1.7em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Montserrat', sans-serif;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#fc6183;
}

a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	background:none;
	margin:0px;
	line-height:1.6em;
}

textarea{
	overflow:hidden;
}

p{
	font-size: 14px;
	position:relative;
	line-height:1.8em;	
	margin-bottom: 0;
	color: #777777;
}

::-webkit-input-placeholder{color: inherit;}
::-moz-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.medium-container{
	max-width:850px;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	background-position: center;
	background-repeat: repeat;
}

.page-wrapper.bg-lines{
	background-image: url(../images/icons/line.png);
}


ul,li{
	/*list-style:none;*/
	padding:0px;
	margin:0px;	
}

.centered{
	text-align:center;	
}

.theme-btn{
	display:inline-block;
	letter-spacing: .5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

/*Btn Style One*/
.btn-style-one{
	position:relative;
	font-size:15px;
	line-height:22px;
	text-align: center;
	padding:25px 55px;
	color:#ffffff;
	font-weight:700;
	letter-spacing:.5px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	background: #ea7325;  
	background: -moz-linear-gradient(45deg, #ff5649 1%, #ff4f8c 100%);  
	background: -webkit-linear-gradient(45deg, #ff5649 1%,#ff4f8c 100%);  
	background: linear-gradient(45deg, #ff5649 1%,#ff4f8c 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5649', endColorstr='#ff4f8c',GradientType=1 );  
}

.btn-style-one:hover{
	color: #ffffff;
}

.btn-style-one:hover:before{
	opacity: 1;
}

.btn-style-one:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	background: #ea7325;
	background: -moz-linear-gradient(45deg, #ff4f8c 1%, #ff5649 100%);  
	background: -webkit-linear-gradient(45deg, #ff4f8c 1%,#ff5649 100%);  
	background: linear-gradient(45deg, #ff4f8c 1%,#ff5649 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4f8c', endColorstr='#ff5649',GradientType=1 );
	content: "";
	opacity: 0;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

.btn-style-one span{
	position: relative;
	display: inline-block;
	z-index: 1;
}

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	padding:8px 35px;
	line-height:30px;
	background:#232e44;
	color:#ffffff;
	font-size:15px;
	font-weight:600;
	text-transform: uppercase;
	border: 2px solid #232e44;
}

.btn-style-two:hover{
	background:none;
	color:#232e44;
}

/*Btn Style three*/
.btn-style-three{
	position:relative;
	padding:8px 35px;
	line-height:30px;
	background:#ffffff;
	color:#252525;
	font-size:15px;
	font-weight:600;
	text-transform: uppercase;
	border: 2px solid #ffffff;
}

.btn-style-three:hover{
	background:#252525;
	border: 2px solid #252525;
	color:#ffffff;
}

/*Btn Style three*/

.btn-style-four{
	position:relative;
	padding:8px 35px;
	line-height:30px;
	color:#171717;
	font-size:15px;
	font-weight:600;
	text-transform: uppercase;
	border: 2px solid #fc6183;
}

.btn-style-four:hover{
	background:#171717;
	border: 2px solid #171717;
	color:#ffffff;
}

/*Social Icon One*/

.social-icon-one{
	position:relative;
}

.social-icon-one li{
	position:relative;
	margin-left:10px;
	display:inline-block;
}

.social-icon-one li a{
	font-size:14px;
	color:#111111;
}

.social-icon-one li a:hover{
	color:#1d1d1d;
}

.theme_color{
	color:#fc6183;	
}

.preloader{ 
	position:fixed; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:100%; 
	z-index:999999; 
	background-color:#ffffff; 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-image:url(../images/icons/preloader.svg);
}

img{
	display:inline-block;
	max-width:100%;
	height:auto;	
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:20px;
	right:20px;
	width:56px;
	height:56px;
	color:#ffffff;
	font-size:22px;
	text-transform:uppercase;
	line-height:56px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	border-radius:50%;
	background:#0a0a0a;
	display:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#37B67A;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.header-span{
	position:relative;
	display: block;
	/*height:120px;23july2018*/
}

.main-header{
	position:fixed;
	left:0px;
	top:0px;
	z-index:9999;
	width:100%;
	background:#ffffff;
}

.multi-scroll .main-header{
	position:absolute !important;
	background:none !important;	
}

.multi-scroll .main-header .btn-outer{
	top:38px;
	margin:0px;	
}

.main-header.fixed-header{
	/*border-bottom:1px solid #e0e0e0;	23july2018*/
}

.social-icon-left .main-header{
	padding-left: 0px;
}

.main-header .inner-container{
	position:relative;
	/*padding: 0 100px;*/
	padding: 24px 0px 24px 40px;
	margin: 0 auto;
}

.main-header .main-box{
	position:relative;	
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	z-index:13;
	padding:30px 0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.fixed-header .main-box .logo-box{
	padding:0px;	
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-header .btn-outer{
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-22px;
}

.nav-toggler{
  position: relative;
  width: 44px;
  height: 44px;
  border: 1px solid #000000;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.nav-toggler span {
  display: block;
  position: absolute;
  height: 1px;
  width: 18px;
  background: #000000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.nav-toggler span:nth-child(1) {
  top: 14px;
}

.nav-toggler span:nth-child(2) {
  top: 21px;
  width: 58px;
  left: -39px;
}

.nav-toggler span:nth-child(3) {
  top: 28px;
}

.nav-toggler.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.nav-toggler.open span:nth-child(2) {
  opacity: 0;
  left: 60px;
}

.nav-toggler.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.main-header .nav-outer{
	position:relative;
	float:right;
	padding-right:100px;
}

.main-menu{
	position:relative;
	float:left;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navbar-collapse{
	padding:0px;	
}

.main-menu .navigation{
	position:relative;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	display:inline-block;
	padding:20px 0px;
	margin-left:50px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.fixed-header .main-menu .navigation > li{
	padding:0px;	
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	padding:25px 0px;
	color:#333333;
	text-align:center;
	line-height:30px;
	letter-spacing:0px;
	opacity:1;
	font-weight:500;
	text-transform: capitalize;
	font-size:15px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	color:#fc6183;
	opacity:1;
	text-decoration:line-through;
}

.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before{
	width:100%;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	width:230px;
	z-index:100;
	display:none;
	padding:0px 0px;
	background:#2b2b2b;
	border-top:2px solid #fc6183;
	font-family:'Montserrat',sans-serif;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	display:block;
	border-bottom: 1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	color:#f1f1f1;
	text-align:left;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#ffffff;
	background:#fc6183;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:15px;
	top:12px;
	width:10px;
	height:20px;
	display:block;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > .mega-menu{
	position:absolute;
	left:0px;
	top:100%;
	width:420px;
	z-index:100;
	display:none;
	padding:15px 20px;
	background:#2b2b2b;
	border-top:2px solid #fc6183;
	font-family:'Montserrat',sans-serif;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > .mega-menu ul > li{
	position:relative;
	display:block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > .mega-menu ul > li:last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}

.main-menu .navigation > li > .mega-menu ul > li > a{
	position:relative;
	display:block;
	padding:0px 0px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	color:#f1f1f1;
	text-align:left;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > .mega-menu ul > li:hover > a{
	color:#fc6183;
	text-decoration: underline;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:20px;
	width:230px;
	z-index:100;
	display:none;
	padding:0px 0px;
	background:#2b2b2b;
	border-top:2px solid #fc6183;
	font-family:'Montserrat',sans-serif;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	display:block;
	border-bottom: 1px solid rgba(255,255,255,0.10);
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:10px 20px;
	line-height:24px;
	font-weight:400;
	font-size:14px;
	color:#f1f1f1;
	text-align:left;
	text-transform:capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:#ffffff;
	background:#fc6183;
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:15px;
	top:12px;
	width:10px;
	height:20px;
	display:block;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .mega-menu{
	visibility:visible;
	opacity:1;
	top:100%;	
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:30px;
	height:30px;
	text-align:center;
	color:#ffffff;
	line-height:28px;
	border:1px solid #ffffff;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

/*===============================
		Header style two 
===============================*/
.header-style-two{
	position: absolute;
	background-color: transparent;
}

.header-style-two.fixed-header{
	background-color: transparent;
}

/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/

.hidden-bar{
	position: fixed;
	top: 0;
	width: 320px;
	height: 100%;
	background: #1c1c1c;
	z-index: 999999;
	transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
}

.hidden-bar .mCSB_inside > .mCSB_container{
	margin-right:0px;	
}

.hidden-bar.right-align {
	right: -400px;

}

.hidden-bar.right-align.visible-sidebar{
	right:0px;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.hidden-bar .hidden-bar-closer {
	width: 40px;
	height: 40px;
	position: absolute;
	right:10px;
	top:10px;
	background: none;
	color: #ffffff;
	border-radius: 0px;
	text-align: center;
	line-height: 40px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	z-index: 999999;
}

.hidden-bar .hidden-bar-closer button {
	background: none;
	display:block;
	font-size: 16px;
	color:#ffffff;
	width:40px;
	height:40px;
	line-height:40px;
}

.hidden-bar .hidden-bar-closer:hover button {
	color: #ffffff;
}

.hidden-bar-wrapper {
	height: 100%;
	padding:30px 5px 30px 30px;
}

.hidden-bar .logo {
	padding:0px 0px 30px;
	background: #1c1c1c;
}

.hidden-bar .logo img{
	display:inline-block;
	max-width:100%;	
}

.hidden-bar .content-box{
	position:relative;
	padding-right:32px;
}

.hidden-bar .content-box .theme-btn{
	display: block;
	text-align: center;
	padding:8px 35px;
	line-height:30px;
	font-size:15px;
	font-weight:600;
	text-transform: uppercase;
	border-radius: 0;
}

.hidden-bar .content-box .theme-btn:before{
	border-radius: 0;
}

.hidden-bar .content-box h2{
	position:relative;
	font-size:18px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}

.hidden-bar .content-box .text{
	position:relative;
	font-size:14px;
	color:rgba(255,255,255,0.60);
	margin-bottom:25px;
}

.hidden-bar .contact-info{
	position:relative;
	margin-top:60px;
}

.hidden-bar .contact-info h2{
	position:relative;
	font-size:18px;
	color:#ffffff;
	font-weight:500;
	margin-bottom:20px;
}

.hidden-bar .contact-info li{
	position:relative;
	margin-bottom:12px;
	color:rgba(255,255,255,0.90);
	font-size:14px;
	font-weight:400;
	padding-left:30px;
	line-height:2em;
}

.hidden-bar .contact-info li a{
	color:rgba(255,255,255,0.90);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.hidden-bar .contact-info li a:hover{
	color: #fc6183;
}

.hidden-bar .contact-info li .icon{
	position:absolute;
	left:0px;
	top:4px;
	color:rgba(255,255,255,0.60);
	font-size:18px;
	line-height:1.2em;
}

/*** 

====================================================================
	Main Slider style
====================================================================

***/

.main-slider{
	position:relative;
	z-index:10;
}

.main-slider h1{
	position:relative;
	font-size:140px;
	color:#1c1c1c;
	font-weight:800;
	line-height: 1.1em;
	display:inline-block;
	text-transform: uppercase;
	text-shadow: 0 24px 30px rgba(0,0,0,.1);
	padding: 30px 0;
}

.main-slider h1.alternate{
	font-size:120px;	
}

.main-slider h1.alternate{
	font-size: 120px;
}

.main-slider h1 .light{
	color: #ffffff;
}

.main-slider h3{
	position:relative;
	font-size:40px;
	color:#1c1c1c;
	font-weight:900;
	line-height:1.2em;
	display:inline-block;
	text-transform: uppercase;
}

.main-slider .text{
	position:relative;
	font-size:14px;
	font-weight:500;
	line-height:1.9em;
	color: #171717;
}

.main-slider .theme-btn{
	padding:25px 50px;
}

.main-slider .standard-list{
	position: relative;
	display: block;
	counter-reset:count;
}

.main-slider .standard-list li{
	position: relative;
	display: block;
	font-size: 70px;
	line-height: 2em;
	color: #141414;
	font-weight: 800;
	text-transform: uppercase;
}

.main-slider .standard-list li a{
	position: relative;
	display: inline-block;
	color: #141414;
	line-height: 1em;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-slider .standard-list li a:before{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -2px;
	width: 0%;
	height: 4px;
	background: #ffffff;
	content: "";
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-slider .standard-list li a:hover:before{
	left: 0%;
	width: 100%;
}

.main-slider .standard-list li a:after{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	font-size: 20px;
	line-height: 1em;
	color: #141414;
	font-weight: 800;
	counter-increment: count;
	content: "0" counter(count);
	width: 0;
	margin-left: -230px;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #141414;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-slider .standard-list li a:hover:after{
	visibility: visible;
	opacity: 1;
	width: 200px;
}

.main-slider .standard-list li a:hover{
	color: #ffffff;
}

.main-slider .tp-bannertimer,
.main-slider .tp-bullets{
	display:none !important;	
}

.main-slider .tp-caption{
	z-index:5 !important;
}

.main-slider .tp-dottedoverlay{
	background:none !important;	
}

/*** 

====================================================================
			Fixed icon Left
====================================================================

***/

.social-icon-left{
	position: relative;
	padding-left: 100px;
}

.fixed-icon{
	position: fixed;
	width: 100px;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #ffffff;
	z-index: 9;
}

.fixed-icon ul{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
}

.fixed-icon ul li{
	position: relative;
	text-align: center;
	margin-bottom: 20px;
} 

.fixed-icon ul li:last-child{
	margin-bottom:0px;	
}

.fixed-icon ul li a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #111111;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fixed-icon ul li a:hover{
	color: #fe7487;
}

.in-banner-icons{
	position: absolute;
	width: 100px;
	height: 100%;
	left: 0;
	bottom: 0;
	background-color: #ffffff;
	z-index: 9;
}

.in-banner-icons ul{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
}

.in-banner-icons ul li{
	position: relative;
	text-align: center;
	margin-bottom: 20px;
} 

.in-banner-icons ul li:last-child{
	margin-bottom:0px;	
}

.in-banner-icons ul li a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #111111;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.in-banner-icons ul li a:hover{
	color: #fe7487;
}

/*** 

====================================================================
					Home Banner
====================================================================

***/

.home-banner{
	position: relative;
}

.home-five-banner,
.home-six-banner{
	position: relative;
	padding-left:100px;
	margin-bottom:100px;
}

.home-banner .inner-container{
	position: relative;
}

/*=================================
	Portfolio Carousel One
==================================*/
.portfolio-carousel-one{
	position: relative;
}

.portfolio-carousel-one .slide-item{
	position: relative;
}

.portfolio-carousel-one .inner-box{
	position: relative;
}

.portfolio-carousel-one .image-column{
	position: absolute;
	height: 100%;
	width: 50%;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transition:all 1500ms ease 500ms;
	-ms-transition:all 1500ms ease 500ms;
	transition:all 1500ms ease 500ms;
	-webkit-transform:translateX(20px);
	-ms-transform:translateX(20px);
	transform:translateX(20px);
	opacity:0;
}

.portfolio-carousel-one .active .image-column{
	opacity:1;
	-webkit-transform:translateX(0px);
	-ms-transform:translateX(0px);
	transform:translateX(0px);	
}

.portfolio-carousel-one .image-column .image-box{
	display: none;
}

.portfolio-carousel-one .content-column{
	position: relative;
	display: block;
	float: right;
	width: 50%;
}

.portfolio-carousel-one .content-column .inner-column{
	position: relative;
	float: left;
	max-width: 600px;
	padding: 100px 30px 100px;
}	

.portfolio-carousel-one .content-column .tag{
	position: relative;
	font-size: 12px;
	color: #888888;
	font-weight: 400;
	display:block;
	margin-bottom:2px;
}

.portfolio-carousel-one .content-column h2{
	position: relative;
	font-size: 80px;
	line-height: 1.2em;
	color: #141414;
	font-weight: 800;
	margin-bottom: 20px;
	margin-left: -100px;
	text-transform:uppercase;
	-webkit-transition:all 1500ms ease 500ms;
	-ms-transition:all 1500ms ease 500ms;
	transition:all 1500ms ease 500ms;
	-webkit-transform:translateX(-70px);
	-ms-transform:translateX(-70px);
	transform:translateX(-70px);
	opacity:0;
}

.portfolio-carousel-one .active .content-column h2{
	-webkit-transform:translateX(0px);
	-ms-transform:translateX(0px);
	transform:translateX(0px);
	opacity:1;
}

.portfolio-carousel-one .content-column .btn-style-one{
	-webkit-transition:all 1500ms ease 500ms;
	-ms-transition:all 1500ms ease 500ms;
	transition:all 1500ms ease 500ms;
	-webkit-transform:translateY(50px);
	-ms-transform:translateY(50px);
	transform:translateY(50px);
	opacity:0;
}

.portfolio-carousel-one .active .content-column .btn-style-one{
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
	opacity:1;
}

.portfolio-carousel-one .content-column p{
	position: relative;
	font-size: 14px;
	line-height: 27px;
	color: #999999;
	font-weight: 400;
	margin-bottom: 30px;
	-webkit-transition:all 1500ms ease 500ms;
	-ms-transition:all 1500ms ease 500ms;
	transition:all 1500ms ease 500ms;
	-webkit-transform:translateX(50px);
	-ms-transform:translateX(50px);
	transform:translateX(50px);
	opacity:0;
}

.portfolio-carousel-one .active .content-column p{
	-webkit-transform:translateX(0px);
	-ms-transform:translateX(0px);
	transform:translateX(0px);
	opacity:1;	
}

.portfolio-carousel-one .owl-nav{
	display: none;
}

.portfolio-carousel-one .owl-dots{
	position: absolute;
	top: 50%;
    right: 30px;
    width: 20px;
    text-align: center;
	counter-reset:count;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.portfolio-carousel-one .owl-dots:before{
	display: table;
	clear: both;
}

.portfolio-carousel-one .owl-dots .owl-dot{
	position:relative;
	float: right;
	right: 0;
	height:1px;
	width:15px;
	background: #c2c2c2;
	display: block;
	margin-bottom: 20px;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.portfolio-carousel-one .owl-dots .owl-dot:before{
	position: absolute;
	display: inline-block;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -20px;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	color: #c2c2c2;
	font-weight: 300;
	counter-increment: count;
	content: "" counter(count);
}

.portfolio-carousel-one .owl-dots .owl-dot.active{
	width: 35px;
	right: 0;
	background-color: #000000;
}

.portfolio-carousel-one .owl-dots .owl-dot.active:before{
	color: #000000;
	font-size: 13px;
}

/*=================================
	Portfolio Carousel Two
==================================*/

.portfolio-carousel-two{
	position: relative;
	display: block;
	padding-right: 100px;
	z-index: 999;
}

.portfolio-carousel-two .slide-item{
	position: relative;
}

.portfolio-carousel-two .slide-item .image-box{
	position: relative;
}

.portfolio-carousel-two .slide-item .image-box img{
	display: block;
	width: 100%;
	height: auto;
}

.portfolio-carousel-two .content-box{
	position: absolute;
	left: 60px;
	bottom: 55px;
	background-color: rgba(255,255,255, .85);
	padding: 35px 45px;
}

.portfolio-carousel-two .content-box .tag{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;
	background-color: #000000;
	font-weight: 500;
	padding: 10px 28px;
	margin-bottom: 20px;
}

.portfolio-carousel-two .content-box h2{
	position: relative;
	display: block;
	font-size: 100px;
	line-height: 1em;
	color: #141414;
	font-weight: 800;
	text-transform: uppercase;
	text-shadow: 0 13px 25px rgba(0,0,0,.1);
}

.portfolio-carousel-two .content-box h2 .light{
	color: #ffffff;
}

.portfolio-carousel-two .owl-dots{
	position: absolute;
	top: 50%;
    right: 30px;
    width: 20px;
    text-align: center;
	counter-reset:count;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.portfolio-carousel-two .owl-dots:before{
	display: table;
	clear: both;
}

.portfolio-carousel-two .owl-dots .owl-dot{
	position:relative;
	float: right;
	right: 0;
	width:15px;
	border-bottom:1px solid #c2c2c2;
	display: block;
	margin-bottom: 20px;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.portfolio-carousel-two .owl-dots .owl-dot:before{
	position: absolute;
	display: inline-block;
	left: 0;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -20px;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	color: #c2c2c2;
	font-weight: 300;
	counter-increment: count;
	content: "" counter(count);
}

.portfolio-carousel-two .owl-dots .owl-dot.active{
	width: 35px;
	right: 0;
	background-color: #000000;
}

.portfolio-carousel-two .owl-dots .owl-dot.active:before{
	color: #000000;
	font-size: 13px;
}

.portfolio-carousel-two .owl-nav{
	display: block;
    position: absolute;
    left: -35px;
    width: 100%;
    top: 50%;
    margin-top: -35px;
    z-index: 99;
}

.portfolio-carousel-two .owl-prev, 
.portfolio-carousel-two .owl-next {
	position: absolute;
	display: inline-block;
	left: 0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.portfolio-carousel-two .owl-next{
	margin-top: 50px;
}

/*=================================
	Portfolio Carousel Three
==================================*/

.portfolio-carousel-three{
	position: relative;
	padding-bottom: 120px;
}

.portfolio-carousel-three .slide-item{
	position: relative;
	display: block;
	overflow: hidden;
}

.portfolio-carousel-three .slide-item .image-box{
	position: relative;
	display: block;
}	

.portfolio-carousel-three .slide-item .image-box img{
	width: 100%;
	height: auto;
}

.portfolio-carousel-three .slide-item .image-box a{
	display: block;
}

.portfolio-carousel-three .slide-item .caption-box{
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	text-align: center;
	padding: 50px 0;
	bottom: -100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.portfolio-carousel-three .slide-item:hover .caption-box{
	opacity: 1;
	visibility: visible;
	bottom: 0;
}

.portfolio-carousel-three .slide-item .caption-box span{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #cccccc;
	font-weight: 300;
	margin-bottom: 10px;
}

.portfolio-carousel-three .slide-item .caption-box h3{
	position: relative;
	font-size: 20px;
	color: #000000;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.portfolio-carousel-three .slide-item:hover .caption-box h3{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.portfolio-carousel-three .slide-item .caption-box h3 a{
	color: #000000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.portfolio-carousel-three .slide-item .caption-box h3 a:hover{
	color: #fc6183;
}

.portfolio-carousel-three .owl-nav{
	display: none;
}

.portfolio-carousel-three .owl-dots{
	position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
	counter-reset:count;
}

.portfolio-carousel-three .owl-dots .owl-dot{
	position:relative;
	width:2px;
	height:15px;
	background: #c2c2c2;
	margin: 0 15px;
	display:inline-block;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.portfolio-carousel-three .owl-dots .owl-dot:before{
	position: absolute;
	display: inline-block;
	top: -20px;
	width: 20px;
	margin-left: -10px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	color: #c2c2c2;
	font-weight: 300;
	counter-increment: count;
	content: "" counter(count);
}

.portfolio-carousel-three .owl-dots .owl-dot.active{
	height: 35px;
	background-color: #ababab;
}

.portfolio-carousel-three .owl-dots .owl-dot.active:before{
	color: #000000;
	font-size: 13px;
}

/*** 

====================================================================
					Page Title
====================================================================

***/

.page-title{
	position:relative;
	padding:250px 0px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: cover;
	text-align:center;
}

.page-title .auto-container{
	position: relative;
}

.page-title h1{
	position:relative;
	font-size:80px;
	line-height: 1.1em;
	font-weight: 800;
	color:#141414;
	text-transform: uppercase;
	text-shadow: 0 25px 25px rgba(0,0,0, .1);
	z-index: 1;
}

.page-title h1 span{
	display: block;
	color:#ffffff;		
}

.drops-icon{
	display: inline-block;
	height: 195px;
	width: 178px;
	background-image: url(../images/icons/drops.png);
	background-repeat: no-repeat;
	background-position: center;
}

.drop-icon{
	display: inline-block;
	height: 189px;
	width: 152px;
	background-image: url(../images/icons/drop.png);
	background-repeat: no-repeat;
	background-position: center;
}

.drop-icon-small{
	display: inline-block;
	height: 107px;
	width: 82px;
	background-image: url(../images/icons/drop-small.png);
	background-repeat: no-repeat;
	background-position: center;
}

.page-title .drops-icon{
	position: absolute;
	right: -70px;
	top: 0;
}

.page-title .drop-icon{
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -95px;
}

.page-title .drop-icon-small{
	position: absolute;
	left: 240px;
	bottom: -85px;

}

.page-title .light{
	color: #ffffff;
	display: inline-block;
}

.page-title.style-two .drop-icon{
	position: absolute;
	left: 340px;
	top: -20px;
	z-index: 9;
}

.page-title.style-two .drop-icon-small{
	position: absolute;
    right: 25%;
    left: auto;
    top: -20px;
}

/*** 

====================================================================
		Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:80px;
	z-index: 1;
}

.sec-title h2{
	position:relative;
	font-size:60px;
	line-height: 1.2em;
	color: #000;
}

.sec-title h4{
	position:relative;
	font-size:35px;
	font-weight:800;
	line-height: 1.2em;
	color: #141414;
}

/*** 

====================================================================
					About Us
====================================================================

***/

.about-us{
	position: relative;
	display: block;
	/*padding: 230px 0 100px;*/
	padding: 100px 0;
}

.about-us .title{
	position: relative;
	/*text-align: right;
	margin-bottom: 30px;*/
}

/*.about-us .title h2{
	position: relative;
	padding-right: 15px;
	font-size: 40px;
	line-height: 50px;
	color: #141414;
	font-weight: 800;
}
*/
.about-us .title h2 span{
	/*color: #cccccc;
	text-decoration: line-through;*/
}

.about-us .text p{
	/*position: relative;
	font-size: 14px;
	line-height: 27px;
	color: #999999;
	font-weight: 500;
	top: 10px;*/
}

.about-us .down-arrow{
	position: relative;
	margin-top: 150px;
	text-align: center;
}

.angle-down{
	position: relative;
	display: inline-block;
	height: 70px;
	width: 187px;
	background-image: url(../images/icons/angle-down.png);
	background-repeat: no-repeat;
	background-position: center;
}

/*** 

====================================================================
			About Section Two
====================================================================

***/

.about-section-two{
	position: relative;
	padding: 100px 0 70px;
}

.about-section-two .content-column{
	position: relative;
	margin-bottom: 30px;
}

.about-section-two .content-column .inner-column{
	position: relative;
	padding-top: 40px;
	margin-right: -80px;
	z-index: 99;
}

.about-section-two .content-column h2{
	position: relative;
	font-size: 70px;
	line-height: 80px;
	color: #141414;
	font-weight: 800;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.about-section-two .content-column .text{
	padding-right: 50px;
}

.about-section-two .content-column p{
	position: relative;
	font-size: 14px;
	line-height: 27px;
	color: #999999;
	font-weight: 400;
}

.about-section-two .image-column {
	position: relative;
	margin-bottom: 30px;
}

.about-section-two .image-column .inner-column{
	position: relative;
	margin-left: 25px;
}

/*** 

====================================================================
			Services Section
====================================================================

***/

.services-section{
	position: relative;
	padding: 110px 0px 0px;
	counter-reset:count;
	background-color: #ffffff;
}

.service-block{
	position: relative;
	margin-bottom: 40px;
}

.service-block .inner-box{
	position: relative;
	padding-left: 45px;
	padding-right: 45px;
	padding-bottom: 25px;
}	

.service-block .inner-box h3{
	position: relative;
	font-size: 18px;
	line-height: 26px;
	color: #141414;
	font-weight: 600;
}

.service-block .inner-box h3 a{
	color: #141414;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .inner-box h3 a:hover{
	color: #fc6183;
}

.service-block .inner-box .info{
	position: relative;
	display: block;
	border-bottom: 1px solid #141414;
	margin-bottom: 20px;
}

.service-block .inner-box .info a{
	position: relative;
	display: inline-block;
	font-size: 12px;
	color: #999999;
	font-weight: 300;
	padding-right: 12px;
	margin-right: 6px;
	margin-bottom: 7px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .inner-box .info a:hover{
	color: #fc6183;
}

.service-block .inner-box .info a:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	font-size: 12px;
	color: #999999;
	content: "/";
	display: inline-block;
}

.service-block .inner-box .info a:last-child:before{
	display: none;
}

.service-block .inner-box .info a:last-child{
	padding-right: 0;
	margin-right: 0;
}

.service-block .inner-box p{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	font-weight: 400;
	margin-bottom: 10px;
}

.service-block .inner-box:before{
	position:absolute;
	counter-increment: count;
	content: "" counter(count);
	bottom:0px;
	width:25px;
	height:25px;
	color:#141414;
	font-size:12px;
	text-align:center;
	font-weight:400;
	line-height:23px;
	background-color:#ffffff;
	border:1px solid #141414;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

/*** 

====================================================================
			Portfolio section
====================================================================

***/

.portfolio-section{
	position: relative;
	padding: 100px 0;
}

.portfolio-section.no-pd{
	padding: 0;
}

.portfolio-section .masonry-items-container{
	position: relative;
	margin-bottom: 68px;
}

.portfolio-section .masonry-items-container:before{
	position: absolute;
	left: -85px;
	top: -85px;
	display: inline-block;
	width: 224px;
	height: 704px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icons/dots.png);
	content: "";
}

.portfolio-section .masonry-items-container:after{
	position: absolute;
	right: -115px;
	bottom: -75px;
	display: inline-block;
	width: 704px;
	height: 224px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icons/dots-colored.png);
	content: "";
}

.portfolio-section .row{
	margin-left:-12px;
	margin-right:-12px;
}

/*===============================
	Portfolio Item (Default)
=================================*/

.portfolio-section .portfolio-item{
	position: relative;
	padding:0px 6px;
	margin-bottom: 12px;
	z-index: 1;
}

.portfolio-item .image-box{
	position: relative;
	overflow: hidden;
}

.portfolio-item .image-box img{
	display: block;
	width: 100%;
}

.portfolio-section .btn-box{
	position: relative;
	text-align: center;
}

.portfolio-item .image-box:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    height: 100%;
    content:"";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -100%;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
}

.portfolio-item .image-box:hover:after {
    top: 50%;
    opacity: 1;
}

.portfolio-item .image-box:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: -100%;
    height: 100%;
    content:"";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    width: 100%;
}

.portfolio-item .image-box:hover:before {
    bottom: 50%;
    opacity: 1;
}

.portfolio-item .btn-box{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 40px;
	margin-top: -20px;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}

.portfolio-item .btn-box a{
	position: relative;
	display: inline-block;
	height: 40px;
	width: 40px;
	background: #ffffff;
	color: #141414;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	margin: 0 3px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.portfolio-item .btn-box a:hover{
	color: #ffffff;
	background-color: #fc6183;
}

.portfolio-item:hover .btn-box{
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

/*===============================
	Portfolio Item Two
=================================*/
.portfolio-section-two{
	position: relative;
	padding: 200px 0 100px;
}

.portfolio-item-two{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.portfolio-item-two .image-box{
	position: relative;
	text-align: center;
	background:#0b0b0b;	
}

.portfolio-item-two .image-box img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.portfolio-item-two .image-box:hover img{
	opacity:0.70;
}

.portfolio-item-two .caption-box{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: left;
}

.portfolio-item-two:hover .caption-box{
  	-webkit-animation: jump 900ms ease 0s normal ;
 	animation: jump 900ms ease 0s normal ;	
}

.portfolio-item-two .caption-box .content{
	position: relative;
	left: 0;
	width: 100%;
	padding: 20px 20px 27px 50px;
	background-color: #ffffff;
	z-index: 9;
	-webkit-transform: translateY(110%);
	-moz-transform: translateY(110%);
	-ms-transform: translateY(110%);
	-o-transform: translateY(110%);
	transform: translateY(110%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.portfolio-item-two:hover .caption-box .content{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}	

.portfolio-item-two .caption-box .content h3{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 1.2em;
	color: #141414;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 3px;
}

.portfolio-item-two .caption-box .content h3 a{
	color: #141414;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.portfolio-item-two .caption-box .content h3 a:hover{
	color: #fc6183;
}

.portfolio-item-two .caption-box .content span{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 1.4em;
	color: #999999;
	font-weight: 300;
}

@-webkit-keyframes jump {
  0%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  50%{
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
  }
  100%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
}

@keyframes jump {
  0%{
	transform: translateY(0);
  }
  50%{
	transform: translateY(-30px);
  }
  100%{
	transform: translateY(0);
  }
}

.portfolio-section-two .btn-box{
	position: relative;
	margin-top: 70px;
	text-align: center;
}

.portfolio-section-two .btn-box a{
	position: relative;
	font-size: 28px;
	line-height: 1em;
	color: #000000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.portfolio-section-two .btn-box a:hover{
	color: #fc6183;
}

/*===============================
	Portfolio Item tHree
=================================*/
.portfolio-item-three{
	position: relative;
	margin-bottom: 30px;
}

.portfolio-item-three .inner-box{
	position: relative;
	overflow: hidden;
}

.portfolio-item-three .image-box{
	position: relative;
	display: block;
	background: #2b2b2b;
	overflow: hidden;
}

.portfolio-item-three .image-box a{
	display: block;
}

.portfolio-item-three .image-box img{
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.portfolio-item-three:hover .image-box img{
	opacity: 0.70;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.portfolio-item-three .caption-box{
	position: absolute;
	left: -100%;
	bottom: 18%;
	min-width: 320px;
	padding: 25px 35px 20px;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(255,255,255, .85);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.portfolio-item-three .inner-box:hover .caption-box{
	left: 0;
	opacity: 1;
	visibility: visible;
}

.portfolio-item-three .caption-box h3{
	position: relative;
	font-size: 17px;
	line-height: 1.2em;
	color: #141414;
	font-weight: 700;
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.portfolio-item-three .inner-box:hover .caption-box h3{
	-webkit--transform: translateX(0);
	-moz--transform: translateX(0);
	-ms--transform: translateX(0);
	-o--transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.portfolio-item-three .caption-box h3 a{
	color: #141414;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.portfolio-item-three .caption-box h3 a:hover{
	color: #fc6183;
}

.portfolio-item-three .caption-box span{
	position: relative;
	display: block;
	font-size: 12px;
	color: #999999;
	line-height: 1.3em;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.portfolio-item-three .inner-box:hover .caption-box span{
	-webkit--transform: translateX(0);
	-moz--transform: translateX(0);
	-ms--transform: translateX(0);
	-o--transform: translateX(0);
	transform: translateX(0);
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

/*** 

====================================================================
					Portfolio section Three
====================================================================

***/

.portfolio-section-three{
	position: relative;
	padding: 0;
}

.portfolio-section-three .outer-container{
	position: relative;
	padding: 0 15px;

}

.portfolio-section-three .masonry-two{
	position: relative;
	margin: 0 -15px;
}

.masonry-item.width-50{
	width: 50%;
}

.masonry-item.width-25{
	width: 25%;
}

.masonry-item.width-40{	
	width: 40%
}

.masonry-item.width-30{	
	width: 30%
}

.masonry-item.width-20{	
	width: 20%;
}

.masonry-item.width-10{	
	width: 10%
}

.portfolio-section-three .masonry-item{
	position: relative;
	float: left;
	padding: 0 15px;
	margin-bottom: 30px;
}

/*===============================
	Portfolio Item Full Width
=================================*/

.portfolio-item-full-width{
	position: relative;
}

.portfolio-item-full-width .inner-box{
	position: relative;
}

.portfolio-item-full-width .image-column{
	position: relative;
	float: left;
	width: 50%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.portfolio-item-full-width .image-column .lightbox-image{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;	
}

.portfolio-item-full-width .image-column .image-box{
	position: relative;
	display: none;
	background: #2b2b2b;
}

.portfolio-item-full-width .image-column img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}

.portfolio-item-full-width .image-column:hover img{
	opacity: 0.70;
}

.portfolio-item-full-width .content-column{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50%;
}

.portfolio-item-full-width .content-column .inner-column{
    position: absolute;
    left: 0px;
    top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 10.5%;
}

.portfolio-item-full-width .content-column .tag{
	position: relative;
	display:block;
	font-size: 12px;
	line-height: 1.5em;
	color: #888888;
	font-weight: 400;
	margin-bottom: 10px;
}

.portfolio-item-full-width .content-column h2{
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 50px;
	color: #141414;
	font-weight: 800;
	margin-bottom: 25px;
}

.portfolio-item-full-width .content-column h2 del{
	color: #cccccc;
	text-decoration: line-through;
}

.portfolio-item-full-width .content-column h2 a{
	color: #141414;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.portfolio-item-full-width .content-column .theme-btn{
	padding: 25px 50px;
}

.portfolio-item-full-width.style-two .image-column{
	float: right;
}

.portfolio-item-full-width.style-two .content-column{
	right: auto;
	left: 0;
}

.portfolio-section-four{
	position: relative;
	padding: 0;
}

.portfolio-section-four .masonry-item{
	padding: 0;
	margin: 0;
	float: left;
}

/*** 

====================================================================
					Team section
====================================================================

***/

.team-section{
	position: relative;
	padding: 90px 0 60px;
}

.team-section .row{
	margin: 0 -8px;
}

.team-section .team-block{
	position: relative;
	padding: 0 8px;
	margin-bottom: 40px;
}

.team-block .image-box{
	position: relative; 
	overflow: hidden;  	
}

.team-block .image-box a{
	display: block;
}

.team-block .image-box img{
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.team-block:hover .image-box img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.team-block .info-box{
	position: relative;
	padding: 28px 28px 0;
}

.team-block .info-box .name{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 1.2em;
	color: #141414;
	font-weight: 600;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.team-block .info-box .name a{
	color: #141414;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .info-box .name a:hover{
	color: #fc6183;
}

.team-block .info-box .designation{
	position: relative;
	display: block;
	font-size: 12px;
	color: #999999;
	line-height: 1.3em;
	margin-bottom: 6px;
}

.team-block .info-box .social-links{
	position: relative;
}

.team-block .info-box .social-links:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 1px;
	width: 160px;
	background-color: #141414;
	content: "";
}

.team-block .info-box .social-links a{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	color: #111111;
	font-weight: 400;
	margin-right: 15px;
	padding: 10px 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-block .info-box .social-links a:hover{
	color: #fc6183;
}

/***

====================================================================
					 Fact Counter
=====================================================================

***/

.fun-fact-section{
	position: relative;
	padding: 100px 0 120px;
}

.fun-fact-section.alternate{
	padding-top:50px;	
}

.fun-fact-section .count-box{
	position: relative;
	margin-bottom: 50px;
}

.fun-fact-section .count-box {
    position: relative;
    text-align: center;	
}

.fun-fact-section .count-box .icon-box{
	position: relative;
	font-size: 55px;
	line-height: 1em;
	color: #221f1f;
	margin-bottom: 25px;
}

.fun-fact-section .count-box .count-text{
	position: relative;
	display: block;
	font-size: 70px;
	color: #000000;
	font-weight: 800;
	line-height: 1em;
	letter-spacing: 2px;	
}

.fun-fact-section .count-box .counter-title{
	position: relative;
	font-size: 20px;
	color: #888888;
	font-weight: 300;
	line-height: 1.2em;
}



/*** 

====================================================================
					Home Page - Landing Section
====================================================================

***/

	/*Start: Flip Card*/

	.flip-container {
	    perspective: 1000px;
	}

	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
	        transform: rotateY(180deg);
	    }

	.flip-container1, .front1, .back1 {
	    width: 218px;
	    height: 295px;
	}

	.flip-container2, .front2, .back2 {
	    width: 236px;
	    height: 295px;
	}

	/* flip speed goes here */
	.flipper {
	    transition: 0.6s;
	    transform-style: preserve-3d;
	    position: relative;
	}

	/* hide back of pane during swap */
	.front, .back {
	    backface-visibility: hidden;
	    position: absolute;
	    top: 0;
	    left: 0;
	}

	/* front pane, placed above back */
	.front {
	    z-index: 2;
	    /* for firefox 31 */
	    transform: rotateY(0deg);
	}

	/* back, initially hidden pane */
	.back {
	    transform: rotateY(180deg);
	}

	/*End: Flip Card*/

	.custom-landing-main{
		margin-top: 100px;
	}

	.custom-landing-overlay{
		background: url('../images/background/homepagegrid.png');
		background-repeat: no-repeat;
	}

	.custom-landing-slide1{
		width: 841px;
		height:665px;
	}

		.cust-land-slide1-heading{
			font-size: 60px;
			color:#fff;
			line-height: 1.2em;
			left:152px;
			top:167px;
			position: absolute; 
			letter-spacing: 3.5px;
			z-index: 2;
		}

		.cust-land-slide1-box{
			position: absolute;
			z-index: 1;
			width:35%;
			left:285px;
			top:136px;
		}

		.cust-land-slide1-tagline{
			left:152px;
			top:340px;
			position: absolute;
			width:582px; 
			font-size: 15px;
		}

		.cust-land-slide1-explore{
			width:150px;
			height:42px;
			background: #00A859;
			border-radius: 20px;
			position: absolute;
			left:152px;
			top:486px;
			padding:9px 25.5px;
		}

		.cust-land-slide-scroll{
			border-radius: 20px;
			position: absolute;
			right:160px;
			bottom: 57px;
		}

		.cust-land-slide-scroll img{
			width: 25%;
		}

		.cust-land-slide-scroll div{
			font-size:12px
		}
	
		.custom-landing-slide2{
			width:442px;
			height:665px;
		}

		.cust-land-slide2-video{
			color:#fff;
			position: absolute;
			left:160px;
			top:85px;
			font-size: 22.5px;

		}

		.cust-land-slide2-video img{
			width:70%;
			padding-bottom: 5px;
		}

		.cust-land-slide2-beseen{
			/*background: #000;*/
			border-right:3px solid #45ffac;
			width:230px;
		}

		

		.cust-land-slide2-dm{
			width:200px;
		}

		.cust-land-slide2-dmtext{
			font-size: 45px;
			color:#fff;
			position: absolute;
			padding:100px 26px  0px;
			line-height: 1.1em;
		}

		.cust-land-slide2-dmtext1{
			font-size: 45px;
			color:#fff;
			position: absolute;
			padding:100px 45px  0px;
			line-height: 1.1em;
		}


		.cust-land-slide2-branding{
			width:230px;
			background: #000;
		}

		/*.cust-land-slide2-brandingtext1{
			font-size: 30px;
			color:#fff;
			padding:40px 60px;
			position:absolute;
			line-height: 1.1em;
		}

		.cust-land-slide2-brandingtext2{
			font-size: 30px;
			color:#fff;
			padding:26px 57px;
			position:absolute;
			line-height: 1.1em;
		}*/

		.cust-land-slide2-branding div{
			font-size: 37.5px;
			color:#fff;
			padding-top:20px;
			line-height: 1.1em;
		}

		.cust-land-slide2-beheard{
			background: #000;
			border-right:3px solid #45ffac;
			width:200px;
			height:115px;
		}

		.cust-land-slide2-beheard div{
			font-size: 37.5px;
			color:#fff;
			padding-top:20px;
			line-height: 1.1em;
		}

	.custom-landing-slide3{
		width: 80px;
		background: #000;
		padding:70px 0px 0px;
	}

		.cust-land-slide3-box{
			border-top:3px solid #45ffac;
			padding:60px 26px;
		}

		.cust-land-slide3-img1{
			padding-bottom: 25px;
			width:60%;
		}

		.cust-land-slide3-img2{
			width:60%;
		}
		
	@media only screen and (max-width: 600px) {
		
		.custom-landing-main{
			margin-top: 0px;
		}

		.custom-landing-overlay{
			background: none;
			background-repeat: no-repeat;
		}

		.custom-landing-slide1{
			width: 100%;
			height:100%;
		}

		.cust-land-slide1-heading{
			font-size: 24px;
			color:#fff;
			line-height: 1.2em;
			left:50px;
			top:61px;
			position: absolute; 
			letter-spacing: 3.5px;
			z-index: 2;
		}

		.cust-land-slide1-box{
			position: absolute;
			z-index: 1;
			width:28%;
			left:115px;
			top:52.9px;
		}

		.cust-land-slide1-tagline{
			left:50px;
			top:130px;
			position: absolute;
			font-size: 12px;
			width:280px;
		}

		.cust-land-slide1-explore{
			width:82px;
			height:28px;
			background: #00A859;
			border-radius: 20px;
			position: absolute;
			left:50px;
			top:205px;
			padding:3px 11px;
			font-size: 12px;
		}

		.cust-land-slide-scroll{
			border-radius: 20px;
			position: absolute;
			right:35%;
			bottom: 5px;
		}

		.cust-land-slide-scroll img{
			width: 12.5%;
		}

		.cust-land-slide-scroll div{
			font-size:12px
		}

		.custom-landing-slide2{
			width:100%;
			height:100%;
		}

		.cust-land-slide2-video{
			color:#fff;
			position: absolute;
			font-size: 30px;
			left:35%;
			top:50px;
		}

		.cust-land-slide2-video img{
			width:50%;
		}

		.cust-land-slide2-beseen{
			background: #000;
			border-right:none;
			width:50%;
			height: 100%;
		}

		.custom-service-pad220{
			padding-top: 220px;
		}

		/*.cust-land-slide2-beseen div{
			writing-mode: tb-rl;
			font-size: 50px;
			color:#00A859;
			padding:25px 82px;
		}*/

		.cust-land-slide2-dmtext1 {
		    font-size: 26px;
			color:#fff;
			position: absolute;
			padding:80px 30px 67px 50px
			line-height: 1.1em;
		}

		.cust-land-slide2-dm{
			width:50%;
		}

		.cust-land-slide2-dmtext{
			font-size: 26px;
			color:#fff;
			position: absolute;
			padding:100px 29px  0px;
			line-height: 1.1em;
		}

		.flip-container1, .front1, .back1 {
		    width: 100%;
		    height: 100%;
		}

		.flip-container2, .front2, .back2 {
		    width: 100%;
		    height: 100%;
		}

		.cust-land-slide2-branding{
			width:54%;

		}

		/*.cust-land-slide2-brandingtext1{
			font-size: 26px;
			color:#fff;
			padding:31px 43px;
			position:absolute;
			line-height: 1.1em;
		}

		.cust-land-slide2-brandingtext2{
			font-size: 26px;
			color:#fff;
			padding:18px 43px;
			position:absolute;
			line-height: 1.1em;
		}*/

		.cust-land-slide2-beheard{
			background: #000;
			border-right:3px solid #45ffac;
			width:46%;
			height:100%;
		}

		.cust-land-slide2-beheard div, .cust-land-slide2-branding div{
			font-size: 26px;
			color:#fff;
			padding:17px 0;
			line-height: 1.1em;
		}

		.custom-landing-slide3{
			width: 98px;
			background: #000;
			padding:9	0px 0px 0px;
		}


	}

	@media  screen and (min-width: 1920px) {
		
		#cust-nav ul li a::after{
			top:10px !important;
		}

		.custom-landing-overlay{
			background: url('../images/background/homepagegrid_1.png');
			background-repeat: no-repeat;
		}

		.custom-landing-slide1{
			width: 1191px;
			height:933.5px;
		}

		.cust-land-slide1-heading{
			font-size: 80px;
			color:#fff;
			line-height: 1.2em;
			left:203px;
			top:223px;
			position: absolute; 
			letter-spacing: 3.5px;
			z-index: 2;
		}

		.cust-land-slide1-box{
			position: absolute;
			z-index: 1;
			width:35%;
			left:379px;
			top:182.9px;
		}

		.cust-land-slide1-tagline{
			left:203px;
			top:475px;
			position: absolute;
			width:582px; 
			font-size: 20px;
		}

		.cust-land-slide1-explore{
			width:164px;
			height:56px;
			background: #00A859;
			border-radius: 40px;
			position: absolute;
			left:203px;
			top:649px;
			padding:15px 40px;
			font-size: 24px;
		}

		.cust-land-slide-scroll{
			border-radius: 20px;
			position: absolute;
			right:214px;
			bottom: 77px;
		}

		.cust-land-slide-scroll img{
			width: 25%;
		}

		.cust-land-slide-scroll div{
			font-size:12px
		}

	.custom-landing-slide2{
		width:632px;
		height:933.5px;
	}

		.cust-land-slide2-video{
			color:#fff;
			position: absolute;
			left:255px;
			top:116px;
			font-size: 30px;
		}

		.cust-land-slide2-video img{
			width:70%;
			padding-bottom: 5px;
		}

		.cust-land-slide2-beseen{
			background: #000;
			border-right:3px solid #45ffac;
			width:330px;
			height: 415px;
		}

		.cust-land-slide2-beseen div{
			/*writing-mode: tb-rl;
			font-size: 100px;
			color:#00A859;
			padding:50px 156px;*/
		}

		.cust-land-slide2-dm{
			width:302px;
		}

		.cust-land-slide2-dmtext1{
			font-size: 60px;
			color:#fff;
			position: absolute;
			padding:134.5px 63px  0px;
			line-height: 1.1em;
		}

		.cust-land-slide2-dmtext{
			font-size: 60px;
			color:#fff;
			position: absolute;
			padding:134.5px 37px  0px;
			line-height: 1.1em;
		}

		.flip-container1, .front1, .back1 {
		    width: 302px;
		    height: 415px;
		}

		.flip-container2, .front2, .back2 {
		    width: 330px;
		    height: 415px;
		}

		.cust-land-slide2-branding{
			width:330px;
		}

		/*.cust-land-slide2-brandingtext1{
			font-size: 40px;
			color:#fff;
			padding:58px 98px;
			position:absolute;
			line-height: 1.1em;
		}

		.cust-land-slide2-brandingtext2{
			font-size: 40px;
			color:#fff;
			padding:36px 98px;
			position:absolute;
			line-height: 1.1em;
		}*/

		.cust-land-slide2-beheard{
			background: #000;
			border-right:3px solid #45ffac;
			width:302px;
			height:160px;
		}

		.cust-land-slide2-branding div{
			font-size: 50px;
			color:#fff;
			padding-top:20px;
			line-height: 1.1em;
		}

		.cust-land-slide2-beheard div{
			font-size: 50px;
			color:#fff;
			padding-top:20px;
			line-height: 1.1em;
		}

		.custom-landing-slide3{
			width: 98px;
			background: #000;
			padding:9	0px 0px 0px;
		}

		.custom-service-flexd{
			flex:none !important;
		}

		.cust-land-slide3-box{
			border-top:3px solid #45ffac;
			padding:82px 26px;
			text-align: center;
		}

		.cust-land-slide3-img1{
			padding-bottom: 35px;
			width:60%;
		}

		.cust-land-slide3-img2{
			width:60%;
		}	

	
	}





/*** 

====================================================================
					Home Page - About Section
====================================================================

***/


/*Home Page About*/

	.custom-title1, .custom-title2{
        font-family: 'robotomedium';
        color:#000000;
    }

    
    .custom-title span, .custom-title1 span {
        font-family: 'robotomedium';
        color:#00A859;
        font-style: italic;
    }

    .custom-title2 span {
        font-family: 'robotomedium';
        color:#00A859;
    }

    .custom-p{
        font-family: 'Conv_HelveticaNeueLTStd-Lt';
        color:#000000;
        font-size: 18px;
    }
    
    .custom-know-more{
        font-family: 'Conv_HelveticaNeueLTStd-Md';
        color:#000;
        letter-spacing: 1.2px;
        text-align: left;
        font-size: 18px;
    }

    .footer-ul{
        text-align: left;
        list-style: none;
    }

    .footer-ul-1{
    	padding-left: 77px
    }
    .footer-ul-2{
    	padding-left: 90px
    }
    .footer-ul-3{
    	padding-left: 100px
    }
    .footer-ul-4{
    	padding-left: 80px;
    }

    .footer-ul li a {
        font-family: 'Conv_HelveticaNeueLTStd-Md';
        color:#AEAEAE;
        letter-spacing: 1.2px;
    }

    .footer-copy{
        color:#AEAEAE;
        margin:10px 0;
        letter-spacing: 1.2px;
        font-family: 'robotoregular';    
    }

    .custom-nopadding{
        padding:0px !important;
    }

    .custom-nomargin{
        margin:0px !important;
    }

	.text-white{
        color:#fff !important;
    }

    .bg-green{
    	background: #00A859 !important;
    }

    .text-center{
        text-align: center !important;
    }

    .cust-footer-center{
    	text-align: center !important;
    }

	.custom-hr{
		border:2px solid #00A859;
		width:100px;
	}

	.custom-work-hr{
		border:2px solid #00A859;
		width:40px;
		display: inline-block;
		margin-left:10px;
		margin-bottom: 3px;
	}

	.custom-heading-hr{
		border:2px solid #00A859;
		width:200px;
		margin:35px 0px;
	}

	.page-custom-title{
		margin-top: 150px;
	}

	.font-bebasneue{
		font-family: 'Conv_BebasNeue-Regular';
	}

	.font-robotomedium{
		font-family: 'robotomedium';
	}

	.font-robotoregular{
		font-family: 'robotoregular';
	}

	.font-helveticlight{
		font-family: 'Conv_HelveticaNeueLTStd-Lt';
	}

	.font-helveticmedium{
		font-family: 'Conv_HelveticaNeueLTStd-Md';
	}

	.font-helveticbold{
		font-family: 'Conv_HelveticaNeueLTStd-Bd';
	}

	.cust-letspace12{
		letter-spacing: 1.2px;
	}

	.font-45{
		font-size: 45px
	}

	.font-30{
		font-size: 30px
	}

	
    .custom-title{
        margin-top:-75px;
        margin-left: -60px; 
        font-family: 'robotomedium';
    }

    .custom-img{
        position: absolute;
        left: 183px;
        top: 55px;
    }

    .custom-who-we{
        padding: 95px 0px 0px 140px;
        position: absolute;
        width: 656px;
        z-index: 9
    }

    .custom-about-padding{
    	padding-top: 55px;
    }
    

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

    	.about-us{
    		padding:70px 0px 0px;
    	}

    	.cust-footer-center{
    		text-align: left !important;
    	}


    	.cust-xs-nopadding{
    		padding:0px !important;
    		line-height: 1em;
    	}


    	.cust-xs-nomargin{
    		margin:0px !important;
    	}

    	.page-custom-title{
			margin-top: 50px;
		}

		.custom-heading-hr{
			border:2px solid #00A859;
			width:100%;
			margin:15px 0px;
		}

		.font25{
			font-size: 25px !important;
		}

		.sec-title{

		}

    	.custom-title{
        	margin-top:-75px;
        	margin-left: 0px; 
        	font-family: 'robotomedium';
    	}

    	.custom-img{
			position: absolute;
			top:-12px;
			z-index: 0;
			left:38%;
			max-width: 50% !important;
		}

		.custom-who-we{
	        padding: 60px 0px 0px 0px;
	        position: relative;
	        width: 100%;
	        z-index: 9
    	}
    }

    @media  screen and (min-width: 1920px) {
    }
	/*Home Page About*/


/*** 

====================================================================
					Home Page - Service Section
====================================================================

***/

	.custom-service-flex
		{
			display: flex
	}

	.custom-service-flexd{
			flex:auto;
	}

	.custom-service-leftbox{
		background-color:#3B363C;
		padding:80px 80px 40px 80px;
	}

	.custom-service-padtop40{
		padding-top:40px;
	}

	.custom-service-h2{
		color:#fff !important;
		line-height:1.4;
		z-index: 1;
	}

	.custom-service-img{
		position: absolute;
		top:-30px;
		left:87px;
		z-index: 0
	}

	.custom-service-rightbox{
		position: relative;
		background-image: url('../images/background/service-1.png');
		background-repeat: no-repeat;
		padding:65px 80px 77px 0px;
	}

	.custom-service-rightbox-1{
		background:#fff;
		position: absolute;
		left:-50px;
	}

	.service-hover{
	    background-color: #fff;
	    padding:70px 40px;
	    text-align:center;
	    opacity: 0.8;
	    color:#000;
	}

	.service-hover span{
	    font-family: 'Conv_HelveticaNeueLTStd-Md';
	    letter-spacing: 1.2px;
	    display: block;
	    height:60px;
	}

	.service-hover hr{
	    border:2px solid #00A859; 
	    width:50%;
	    margin:10px auto;
	}

	
	.service-hover:hover hr {
	   border:2px solid #fff; 
	}

	.service-hover:hover{
	    background-color: #00A859;
	    color: #fff;
	    cursor: pointer;
	}

	.hover-digital{
		width:100%;
		height:91px;
		background-image: url('../images/background/s-digital-marketing.png');
		background-position: center;
		background-repeat: no-repeat;

	}
	
	.service-hover:hover .hover-digital{
		width:100%;
		height:91px;
		background-image: url('../images/background/sw-digital-marketing.png');
		background-position: center;
		background-repeat: no-repeat;
	}

	.hover-design{
		width:100%;
		height:91px;
		background-image: url('../images/background/s-design.png');
		background-position: center;
		background-repeat: no-repeat;

	}
	
	.service-hover:hover .hover-design{
		width:100%;
		height:91px;
		background-image: url('../images/background/sw-design.png');
		background-position: center;
		background-repeat: no-repeat;
	}

	.hover-content{
		width:100%;
		height:91px;
		background-image: url('../images/background/s-content.png');
		background-position: center;
		background-repeat: no-repeat;

	}
	
	.service-hover:hover .hover-content{
		width:100%;
		height:91px;
		background-image: url('../images/background/sw-content.png');
		background-position: center;
		background-repeat: no-repeat;
	}


	.hover-branding{
		width:100%;
		height:91px;
		background-image: url('../images/background/s-branding.png');
		background-position: center;
		background-repeat: no-repeat;

	}
	
	.service-hover:hover .hover-branding{
		width:100%;
		height:91px;
		background-image: url('../images/background/sw-branding.png');
		background-position: center;
		background-repeat: no-repeat;
	}

	.hover-pr{
		width:100%;
		height:91px;
		background-image: url('../images/background/s-pr.png');
		background-position: center;
		background-repeat: no-repeat;

	}
	
	.service-hover:hover .hover-pr{
		width:100%;
		height:91px;
		background-image: url('../images/background/sw-pr.png');
		background-position: center;
		background-repeat: no-repeat;
	}

	.hover-outreach{
		width:100%;
		height:91px;
		background-image: url('../images/background/s-outreach.png');
		background-position: center;
		background-repeat: no-repeat;

	}
	
	.service-hover:hover .hover-outreach{
		width:100%;
		height:91px;
		background-image: url('../images/background/sw-outreach.png');
		background-position: center;
		background-repeat: no-repeat;
	}


	@media only screen and (max-width: 600px) {
		
		.custom-service-flex{
			display: block
		}

		.custom-service-img{
			left:40%;
			max-width: 50% !important;
			top:-15px;
		}

		.custom-service-leftbox{
			padding:60px 30px;
		}

		.custom-service-h2{
			text-align: center;
		}

		.custom-service-rightbox-1{
			background:#fff;
			position: relative;
			left:0px;
			margin:0 40px;
		}
	    	
	}

	@media  screen and (min-width: 1920px) {

        .service-hover{
        	padding:50px 40px;
        }
    }

	

/*** 

====================================================================
					Error Page
====================================================================

***/	
	
	.page-custom-error{
		margin-top: 95px;
	}

	@media only screen and (max-width: 600px) {
		
		.page-custom-error{
			margin-top: 5px;
		}
	}

	@media  screen and (min-width: 1920px) {

	}

/*** 

====================================================================
					Who We Are Page
====================================================================

***/	
	
	.custom-whoweare-main{
		padding:0 0 3800px;
		background: #fff;
		position: relative;
		z-index: 10;
	}

	.custom-whoweare-box1{
		color: #3B363C;
		padding: 0 140px 0 20px;
	}

	.custom-whoweare-heading{
		font-size: 32px;
	}


	.custom-whoweare-boxgreen1{
		padding:50px 50px 41px 147px;
		margin:70px 0;
		background-color: rgba(0, 168, 89, 0.8);
		position: absolute;
		left:-112px;
		z-index: 1;
		width:900px;
	}

	.custom-whoweare-padd38{
		padding: 38px 0px;
	}

	.custom-whoweare-boxgreen2{
		padding:37px 93px;
		background-color: rgba(0, 168, 89, 0.8);
		position: absolute;
		right:0px;
		z-index: 1;
		width:1000px;
	}
	
	.custom-whoweare-mt465{
		margin-top: 465px;
	}

	.custom-whoweare-mr225{
		margin-right: 225px;
	}

	.custom-whoweare-title1{
		line-height:1.4 !important;
		z-index: 1;
		font-size: 53px !important; 
	}

	.custom-whoweare-imgbox,.custom-whoweare-imgbox2{
		position: absolute;
		top: -10px;
		z-index: 0;
		margin-left: -50px;
		width:64%;
	}

	.custom-whoweare-pl83{
		padding-left: 83px;
	}

	.custom-whoweare-pl275{
		padding-left: 275px;
	}

	.custom-whoweare-pr190{
		padding-right: 190px;
	}

	.custom-whoweare-mt106{
		margin-top: 106px;
	}

	.custom-whoweare-pad80100{
		padding:80px 100px;
	}

	.custom-whoweare-teambox{
		padding-right:110px
	}

	.custom-whoweare-team-padding{
		padding:35px 35px 120px;
	}

	.custom-whoweare-team-name{
		font-size: 45px;
		line-height: 1.1em;
	}

	.custom-whoweare-team-pos{
		padding:10px 0;
		font-size:22.5px;
	}

	.page-custom-error{
		margin-top: 95px;
	}



	@media only screen and (max-width: 600px) {
		
		.custom-whoweare-boxgreen1, .custom-whoweare-boxgreen2 {
			padding:20px;
			margin:5px 0;
			background-color: rgba(0, 168, 89, 0.8);
			position: relative;
			left:0px;
			z-index: 1;
			width:100%;
		}

		.page-custom-error{
			margin-top: 5px;
		}

		.custom-whoweare-box1{
			color: #3B363C;
			padding: 0px 20px 0px 20px;
		}

		.custom-whoweare-heading{
			font-size: 18px;
		}

		.custom-whoweare-padd38{
			padding: 16px 0px;
		}

		.custom-whoweare-mt465{
			margin-top: 50px;
		}

		.custom-whoweare-mr225{
			margin-right: 0px;
		}

		.custom-whoweare-pl83{
			padding-left: 20px;
			padding-right: 20px;
		}

		.custom-whoweare-pr190{
			padding-left: 40px;
			padding-right: 40px;
		}

		.custom-whoweare-title1{
			line-height:1.2em !important;
			z-index: 1;
			font-size: 30px !important; 
		}

		.custom-whoweare-imgbox{
			position: absolute;
			top: -55px;
			z-index: 0;
			margin-left: -30px;
			max-width:50%;
		}

		.custom-whoweare-imgbox2{
			top: -65px;
			position: absolute;
			z-index: 0;
			margin-left: -30px;
			max-width:50%;
		}

		.custom-whoweare-mt106{
			margin-top: 53px;
		}

		.custom-whoweare-teambox{
			padding-right:0px
		}

		
	}

	@media  screen and (min-width: 1920px) {

		
		.custom-whoweare-main{
			padding:0 0 4600px;
			background: #fff;
			position: relative;
			z-index: 10;
		}

		.custom-whoweare-heading{
			font-size: 45px;
		}

		.custom-whoweare-boxgreen1{
			padding:54px 80px 54px 196px;
			margin:40px 0;
			background-color: rgba(0, 168, 89, 0.8);
			position: absolute;
			left:-160px;
			z-index: 1;
			width:1270px;
		}

		.custom-whoweare-boxgreen2{
			padding:50px 122px 50px 196px;
			background-color: rgba(0, 168, 89, 0.8);
			position: absolute;
			right:0px;
			z-index: 1;
			width:1466px;
		}

		.custom-whoweare-mt465{
			margin-top: 765px;
		}

		.custom-whoweare-mr225{
			margin-right: 380px;
		}

	}	


/*** 

====================================================================
					Works Page
====================================================================

***/

	.custom-work-tagline{
		font-size: 37.5px;
		margin-top:50px
	}

	.custom-work-main{
		background: #fff;
		position: relative;
		z-index: 10;
		padding:0 0 3700px;
		background: url('../images/works/background-triangle.png');
	}

	.custom-work-padbox{
		padding:0px 40px 110px;
	}

	.custom-work-casebox p{
		padding-top:15px;
		color:#3B363C;
	}

	.custom-work-casebox h3{
		font-size: 37.5px;
		padding-top:5px;
		color:#3B363C;
	}

	.custom-work-casebox span{
		padding-top:5px;
		color:#000000;
	}

	.custom-works-triangle1{
		padding-left:110px;		
	}

	.custom-works-triangle2{
		padding-left:410px;		
	}

	.custom-works-triangle3{
		padding-left:690px;		
	}

	.custom-works-triangle4{
		padding-left:980px;		
	}

	.custom-works-mt250{
		margin-top: 250px;
	}

	.custom-works-numbers{
		position: absolute;
		z-index: 1;
		right:0;
		top:-200px;
	}

	.custom-works-numbers-box{
		padding-left:110px;
		padding-right:60px;	
	}


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

		.custom-work-padbox{
			padding:0px;
		}

		.custom-work-casebox p{
			padding-top:5px;
		}

		.custom-work-casebox h3{
			padding-top:5px;
			line-height: 1.2em;
		}

		.custom-work-casebox span{
			padding:5px 0px 15px;
			display: block;
		}

		.custom-works-triangle1,.custom-works-triangle2,.custom-works-triangle3,.custom-works-triangle4{
			padding-left: 0px !important;
			margin:0 auto !important;
			text-align: center;
		}

		.custom-works-numbers{
			position: absolute;
			z-index: 1;
			right:0;
			top:-100px;
		}

		.custom-works-numbers-box{
			padding-left:0px;
			padding-right:0px;	
		}

		.custom-works-mt250{
			margin-top: 100px;
		}

	
	}

	@media  screen and (min-width: 1920px) {

		.custom-work-main{
			background: #fff;
			position: relative;
			z-index: 10;
			padding:0 0 4600px;
			background: url('../images/works/background-triangle.png');
		}

		.custom-works-triangle1{
			padding-left:145px;		
		}

		.custom-works-triangle2{
			padding-left:500px;					
		}

		.custom-works-triangle3{
			padding-left:845px;					
		}

		.custom-works-triangle4{
			padding-left:1190px;					
		}

		.custom-works-numbers{
			position: absolute;
			z-index: 1;
			right:0;
			top:-200px;
		}

		.custom-works-numbers-box{
			padding-left:110px;
			padding-right:60px;	
		}


	}



/*** 

====================================================================
					Services Design Page
====================================================================

***/

	

	.custom-design-img{
		position: absolute;
		left:-120px;
		margin-top: -50px;
	}

	.custom-design-box1{
		color:#3B363C;
		padding:0 140px 0 20px;
	}

	.custom-design-box1-mt{
		margin-top:236px;
	}

	.custom-design-box2{
		padding:60px 0px;
	}

	.custom-design-box2-pad{
		padding:100px 0px 0px
	}

	.custom-design-p{
		margin-bottom: 20px;
		color:#3B363C;
	}

	.custom-design-ul{
		list-style: disc !important;
		padding-left:20px;
	}

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

	@media  screen and (min-width: 1920px) {

		

		.custom-design-img{
			position: absolute;
			left:-200px;
			margin-top: -70px;
		}

		.custom-design-box1{
			color:#3B363C;
			padding:0 10px 0 150px;
		}

		.custom-design-box2{
			padding:60px 0px;
		}

		.custom-design-box2-pad{
			padding:135px 75px 0px
		}

		.custom-design-p{
			margin-bottom: 20px;
			color:#3B363C;
		}

		.custom-design-ul{
			list-style: disc !important;
			padding-left:20px;
		}
	}


/*** 

====================================================================
					Contact US  Page
====================================================================

***/


.custom-contact-pb40{
		padding-bottom:40px;
	}

	.custom-contact-box1{
		padding: 100px 0px 900px;
		background: #fff;
		position: relative; 
		z-index:10;
	}

	.custom-contact-box2{
		position: absolute;
		z-index: 10;
		left:135px;
		top:5px;
	}

	.custom-contact-box3{
		position: absolute;
		z-index: 10;
		left:510px;
		top:115px;
	}

	.custom-contact-box4{
		position: absolute;
		z-index: 10;
		right:145px;
		margin-top:-50px;
	}

	.custom-pad30{
		padding:30px;
	}

	.custom-pad3015{
		padding:30px 15px;
	}
	.custom-contact-img-padding{
		padding:120px 60px;
	}

	.custom-contact-form-padding{
		padding:150px 60px;
	}

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

		.custom-contact-box1{
			padding: 50px 0px 550px;
		}

		.custom-contact-box4{
			position: relative;
			z-index: 10;
			right:0px;
			margin-top:195px;
		}

		.custom-contact-form-padding{
			padding:50px 15px;
		}


		.custom-contact-box2{
			left:0px;
		}
	}

	@media  screen and (min-width: 1920px) {
		.auto-container{
			max-width: 1450px;
		}

		.custom-contact-box1{
			padding:100px 0px 1200px;
		}

		.custom-contact-box2{
			left:320px;
		}

		.custom-contact-box3{
			left:850px;
		}

		.custom-contact-box4{
			right:247px;
		}

		.custom-contact-form-padding{
			padding:150px 0px 150px 60px;
		}

		p{
			font-size: 24px;
		}

		ul{
			font-size: 24px;
			line-height: 40px;
		}
    }

/*** 

====================================================================
					Careers Page
====================================================================

***/

	.custom-career-heading{
		font-size:67.5px !important;
		font-weight: 400 !important;
	}

	.custom-career-tagline{
		font-size: 26px;
	}

	.custom-career-font16{
		font-size: 16px;
	}

	.custom-career-main{
		padding:0 0 1000px;
		background: #fff;
		position: relative;
		z-index: 10;
	}

	.custom-career-main1{
		padding:0 0 200px;
		background: #fff;
		position: relative;
		z-index: 10;		
	}

	.custom-career-bggrey{
		background: #FAFAFA;
	}

	.custom-career-boxmargin{
		margin: 75px 0px 15px;
	}

	.custom-career-black{
		color:#000000;
	}

	.custom-career-mt120{
		margin-top: 120px;
	}

	.custom-career-mb50{
		margin-bottom: 50px;
	}

	.custom-career-pad30{
		padding:0 30px;
	}

	.custom-career-font33{
		font-size: 33px;
	}

	.tablinks{
		font-size: 21px !important;
		font-family: 'robotoregular';
	}
	
	.accordion {
	    background-color: #fff;
	    color: #2D2D2D;
	    cursor: pointer;
	    padding: 18px;
	    width: 100%;
	    text-align: left;
	    border: none;
	    outline: none;
	    transition: 0.4s;
	    font-family: 'robotoregular';
	    font-size: 21px;
	}
	

@media only screen and (max-width: 600px) {
	.custom-career-heading{
		font-size:33px !important;
		font-weight: 400 !important;
	}

	.custom-career-tagline{
		font-size: 14px;
	}

	.custom-career-pad30{
		padding:0px;
	}

	.custom-career-font33{
		font-size: 16px;
	}

	.tablinks{
		font-size: 12px !important;
		font-family: 'robotoregular';
	}
	.acc-img,.tab-img{
		width: 8%;
	}

	.accordion {
	    background-color: #fff;
	    color: #2D2D2D;
	    cursor: pointer;
	    padding: 18px;
	    width: 100%;
	    text-align: left;
	    border: none;
	    outline: none;
	    transition: 0.4s;
	    font-family: 'robotoregular';
	    font-size: 14px;
	}

	.custom-career-font16{
		font-size: 14px;
	}

	.tab button{
		padding: 10px 5px !important;
	}

	.tab{
		width: 40% !important;
	}

	.tabcontent{
		width: 60% !important;
	}
}

@media  screen and (min-width: 1920px) {
	.custom-career-heading{
		font-size:90px !important;
		font-weight: 400 !important;
	}

	.custom-career-tagline{
		font-size: 35px;
	}

	.custom-career-font33{
		font-size: 40px;
	}

	.tablinks{
		font-size: 30px !important;
		font-family: 'robotoregular';
	}

	.custom-career-font16{
		font-size: 24px;
	}
}

/*** 

====================================================================
					Testimonial Section
====================================================================

***/

.testimonial-section{
	position: relative;
	padding: 100px 0 80px;
}

.testimonial-section1{
	position: relative;
	padding: 100px 0 100px;
}

.testimonial-carousel{
	position: relative;
	display: block;
	text-align: center;
	max-width: 1170px;
	margin: 0 auto;
	padding-bottom: 70px;
}


.testimonial-carousel1
{
	position: relative;
	display: block;
	text-align: center;
	max-width: 850px;
	margin: 250px auto 0px;
	padding-bottom: 70px;
}



.testimonial-carousel1 .inner-box{
	background: #fff;
	width:750px;
	min-height:430px;
	/*height:330px; change done by punit 03092018*/
	-webkit-box-shadow: 0px 0px 25px 0px grey;
	-moz-box-shadow: 0px 0px 25px 0px grey;
	box-shadow: 0px 0px 25px 0px grey;

}

.testimonial-section1 .sec-title{
	margin-top: 100px;
}
	

.testimonial-carousel1 .inner-box img{
	width:20%;
	position: absolute;
	top:-100px;
	left:40%;
}

.testimonial-carousel1 .inner-box h4{
	margin-top: 50px;
	color:#00A859;
	font-family: 'Conv_HelveticaNeueLTStd-Md';
    letter-spacing: 1.2px;
}

.testimonial-carousel1 .inner-box h5{
	font-family: 'robotoregular';
    letter-spacing: 1.2px;
    margin-bottom: 10px;
}

.testimonial-carousel1 .inner-box p{
	font-family: 'Conv_HelveticaNeueLTStd-Lt';
    letter-spacing: 1.2px;
    /*width:405px;*/
    /*padding-bottom:100px; change done by punit 03092018*/
    font-style: italic;
}


.testimonial-carousel1 .owl-stage-outer{
	overflow: visible;
} 



.testimonial-carousel .icon,.testimonial-carousel1 .icon{
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 32px;
	color: #141414;
	padding-bottom: 10px;
	border-bottom: 5px solid #141414;
	margin-bottom: 25px;
}

.testimonial-carousel h2,.testimonial-carousel1 h2{
	position: relative;
	font-size: 30px;
	line-height: 45px;
	color: #141414;
	font-weight: 700;
}

.testimonial-carousel h2 span, .testimonial-carousel1 h2 span{
	display: inline-block;
	color: #cccccc;
	text-decoration: line-through;
}

.testimonial-carousel .owl-dots, .testimonial-carousel1 .owl-dots{
	position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    text-align: center;
	counter-reset:count;
}

.testimonial-carousel .owl-dots .owl-dot, .testimonial-carousel1 .owl-dots .owl-dot{
	position:relative;
	width:40px;
	height:30px;
	display:inline-block;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.testimonial-carousel1 .owl-dots .owl-dot{
	display: none;
}

.testimonial-carousel .owl-dots .owl-dot:before, .testimonial-carousel1 .owl-dots .owl-dot:before{
	 font-family: 'fontAwesome';
	position: absolute;
	display: block;
	text-align: center;
	color: #cccccc;
	/*line-height: 30px;
	text-decoration: line-through;*/
	font-weight: 600;
	/*counter-increment: count;
	content: "0" counter(count);*/
	 content: "\f111";
}

.testimonial-carousel .owl-dots .owl-dot.active:before, .testimonial-carousel1 .owl-dots .owl-dot.active:before{
	color: #00A859;
	text-decoration: none;
}

.arrow-white{
	color:#fff;
	padding-top:8px;
}

.arrow-left,
.arrow-right{
	position: relative;
	display: inline-block;
	height: 23px;
	width: 68px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/icons/arrow-left.png);
}

.arrow-right{
	background-image: url(../images/icons/arrow-right.png);
}

.testimonial-carousel .owl-nav{
	display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -12px;
    z-index: 99;
}

.testimonial-carousel1 .owl-nav{
	display: block;
    position: absolute;
    left: 0;
    width: 100%;
    top: 40%;
    margin-top: -12px;
    z-index: 99;
}

.testimonial-carousel .owl-prev, 
.testimonial-carousel .owl-next{
	position: absolute;
	display: inline-block;
	left: -160px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-carousel1 .owl-prev, 
.testimonial-carousel1 .owl-next {
	position: absolute;
	display: inline-block;
	left: 30px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
    background:#37B67A;
    border-radius: 50%;
    width:32px;
	height:32px;
}

.testimonial-carousel .owl-next{
	left: auto;
	right: -160px;
}

.testimonial-carousel1 .owl-next{
	left: auto;
	right: 30px;
	color:#fff;
	background:#37B67A;
	border-radius: 50%;
	width:32px;
	height:32px;
}

.testimonial-section1 .custom-green-box{
		position: absolute;
		top:-60px;
		z-index: 0;
		margin-left:-40px;
}

.custom-client-pad{
	padding:80px 0;
}



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


	/*Start: Testimonal*/
	br{
		display: inline-block !important;
	}

	.testimonial-section1 .custom-green-box{
		position: absolute;
		top:-12px;
		z-index: 0;
		margin-left:-27px;
		max-width: 50% !important;
	}

	.testimonial-carousel1{
		margin: 120px auto 0px;
	}

	.testimonial-carousel1 .inner-box{
		width:280px;
	}

	.testimonial-carousel1 .inner-box p{
		font-family: 'Conv_HelveticaNeueLTStd-Lt';
	    letter-spacing: 1.2px;
	    width:100%;
	    padding-bottom:100px;
	}

	.testimonial-carousel1 .inner-box{
		height:100%;
	}

	.testimonial-section1 .sec-title{
		margin-top: 0px;
	}

	.testimonial-carousel1 .inner-box img{
		top: -30px;
	}

	.testimonial-carousel1 .inner-box h4{
		margin-top: 5px;
	}

	.testimonial-carousel1 .owl-prev 
	 {
		left: 10px;
	}

	.testimonial-carousel1 .owl-next
	{
		right: 10px;
	}

	.custom-client-pad{
		padding:10px 0;
	}


	/*End: Testimonal*/

}

@media  screen and (min-width: 1920px) {
    

 	/*Start: Testimonal*/
    .testimonial-carousel1
	{
		position: relative;
		display: block;
		text-align: center;
		max-width: 1170px;
		margin: 250px auto 0px;
		padding-bottom: 70px;
	}

	.testimonial-carousel1 .inner-box
	{
		width:970px;
		height:649px;
	}

	.testimonial-carousel1 .inner-box h4
	{
		margin-top: 100px;
		font-size: 34px;
	}

	.testimonial-carousel1 .inner-box h5
	{
		font-size: 26px;
	}

	.testimonial-carousel1 .inner-box p
	{
		font-style: italic !important;
	}

	.testimonial-carousel1 .owl-prev 
	 {
		left: 85px;
	}

	.testimonial-carousel1 .owl-next
	{
		right: 85px;
	}

	/*End: Testimonal*/

	
}



/*** 

====================================================================
				News Section
====================================================================

***/

.news-section{
	position: relative;
	padding: 100px 0 150px;
}

.news-section:before{
	position: absolute;
	right: 0px;
	top: 155px;
	display: inline-block;
	width: 669px;
	height: 224px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icons/dots-2.png);
	content: "";
}

.news-section .row{
	margin: 0 -10px;
}	

.news-section .news-block{
	position: relative;
	padding: 0 10px;
	margin-bottom: 50px;
}

.news-block .inner-box{
	position: relative;
}

.news-block .image-box{
	position: relative;
	top: 0px;
	overflow: hidden;
	background: #2b2b2b;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block .image-box a{
	display: block;
}

.news-block .image-box img{
	display: block;
	width: 100%;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
}

.news-block:hover .image-box img{
	opacity: 0.70;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block .lower-content{
	position: relative;
	padding: 18px 0 0;
}	

.news-block .lower-content .date{
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 1.2em;
	color: #888888;
	font-weight: 400;
	margin-bottom: 25px;
}

.news-block .lower-content h3{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #141414;
	font-weight: 700;
	margin-bottom: 5px;
}

.news-block .lower-content h3 a{
	color: #141414;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}	

.news-block .lower-content h3 a:hover{
	color: #fc6183;
}

.news-block .lower-content p{
	position: relative;
	font-size: 14px;
	line-height: 27px;
	color: #999999;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 15px;
	display: block;
}

.news-block .lower-content .read-more{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 16px;
	color: #cccccc;
	font-weight: 500;
	padding-bottom: 1px;
	border-bottom: 1px solid #cccccc;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.news-block .lower-content .read-more:hover{
	color: #fc6183;
}

.blog-grid{
	position: relative;
	padding: 200px 0 150px;
}

.blog-grid .row{
	margin: 0 -10px;
}

.blog-grid .news-block{
	position: relative;
	padding: 0 10px;
	margin-bottom: 50px;
}

/*** 

====================================================================
				Main Footer
====================================================================

***/

.main-footer{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.main-footer:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	/*background-color: #1d1d1d;24july2018*/
	content: "";
	opacity: .98;
}

.main-footer .footer-upper{
	position: relative;
	z-index: 9;
	/*padding: 100px 0 50px;*/
}

.main-footer .footer-upper .outer-box{
	position: relative;
	padding-left: 25%;
}

.main-footer .footer-logo{
	position: absolute;
	top: 40px;
	left: 0;
	width: 25%;
	text-align: center;
}

.main-footer .footer-logo img{
	margin-bottom: 20px;
}

.main-footer .footer-logo p{
	position: relative;
	font-size: 12px;
	color: #ffffff;
	line-height: 1.2em;
}

.main-footer .footer-column{
	position: relative;
	margin-bottom: 30px;
}

.main-footer .footer-column .inner-column{
	position: relative;
	/*border-left: 1px solid #2f2f2f;*/
	text-align: left;
	/*padding: 55px 15px;24july2018*/
	padding: 55px 5px;
}

.main-footer .footer-column h3{
	position: relative;
	font-size: 17px;
	color: #ffffff;
	line-height: 1.2em;
	/*font-weight: 600;24july2018*/
	font-family: 'Conv_HelveticaNeueLTStd-Md';
	margin-bottom: 20px;
	letter-spacing: 1.1px;
}

.main-footer .footer-column p{
	position: relative;
	font-size: 12px;
	color: #ffffff;
	line-height: 22px;
}

.main-footer .footer-column p a{
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .footer-column p a:hover{
	color: #fc6183;
}

.main-footer .social-links{
	position: relative;
	display: block;
	margin-top:-3px;
	margin-bottom:3px;
}

.main-footer .social-links li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	color: #ffffff;
	font-weight: 400;
	margin: 0 10px;
}

.main-footer .social-links li a{
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .social-links li a:hover{
	color: #fc6183;
}

	@media only screen and (max-width: 600px) {
	
		.footer-ul-1,.footer-ul-2,.footer-ul-3,.footer-ul-4{
			padding-left: 15px;
		}	

	}

	@media  screen and (min-width: 1920px) {

		.main-footer .footer-column h3{
			font-size:35px;
		}

		.footer-ul-1{
			padding-left: 55px;
		}

		.footer-ul-2{
			padding-left: 90px;
		}

		.footer-ul-3{
			padding-left: 105px;
		}

		.footer-ul-4{
			padding-left: 65px;
		}
	}

/*** 

====================================================================
				Portfolio Single
====================================================================

***/

.portfolio-single{
	position: relative;
	padding: 200px 0;
}

.portfolio-single .row{
	position:relative;	
}

.portfolio-single .image-column{
	position: relative;
	display: block;
}

.portfolio-single .image-column .image{
	position: relative;
	margin-bottom: 30px;
}

.portfolio-single .image-column .image img{
	display: block;
	width: 100%;
	height: 100%;
}

.portfolio-single .content-column{
	position: relative;
}

.portfolio-single .content-column h2{
	position: relative;
	font-size: 40px;
	line-height: 1.2em;
	color: #141414;
	font-weight: 800;
	margin-bottom: 5px;
}

.portfolio-single .content-column h4{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #141414;
	font-weight: 600;
	margin-bottom: 15px;
}

.portfolio-single .content-column h5{
	position: relative;
	font-size: 15px;
	line-height: 1.2em;
	color: #141414;
	font-weight: 600;
	margin-bottom: 15px;
}

.portfolio-single .content-column p{
	font-size: 14px;
	line-height: 27px;
	color: #999999;
	font-weight: 500;
	margin-bottom: 20px;
}

.portfolio-single .content-column .info-list{
	position: relative;
	margin-bottom: 25px;
}

.portfolio-single .info-list li{
	position: relative;
	font-size: 13px;
	line-height: 28px;
	color: #999999;
	font-weight: 500;
}

.portfolio-single .info-list li span{
	position: relative;
	display: inline-block;
	min-width: 95px;
	font-size: 15px;
	color: #141414;
	font-weight: 600;
	margin-right: 25px;
}

.portfolio-single .info-list li span:after{
	position: absolute;
	display: inline-block;
	right: 0;
	content: ":";
	color:#141414;
	font-size: 15px;
	font-weight: 600;
}

.social-icon-two{
	position: relative;
}

.social-icon-two li{
	position: relative;
	display: inline-block;
	font-size: 13px;
	color: #111111;
	font-weight: 400;
	margin-right: 15px;
}

.social-icon-two li a{
	color: #111111;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-two li a:hover{
	color: #fc6183;
}

.load-more-option{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 70px;
}

.load-more-option li{
	position: relative;
}

.load-more-option .load-more{
	position: relative;
	display: inline-block;
	font-size: 30px;
}

.load-more-option .load-more a{
	color: #000000;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.load-more-option .load-more a:hover{
	color: #fc6183;
}

.portfolio-single .single-item-carousel .image{
	margin-bottom: 0;
}

.portfolio-single .single-item-carousel{
	margin-bottom: 30px;
}

.portfolio-single .owl-nav{
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -35px;
    z-index: 99;
}

.portfolio-single .owl-prev, 
.portfolio-single .owl-next {
	position: absolute;
	left: 20px;
	height: 75px;
	width: 35px;
	line-height: 35px;
	padding: 20px 0;
	font-size: 20px;
	color: #000000;
	font-weight: 400;
	background-color: #ffffff;
	text-align: center;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.portfolio-single .owl-next{
	left: auto;
	right: 20px;
}

/*================================
	Portfolio Single Style 02
=================================*/
.portfolio-single.style-two{
	position: relative;
}

.portfolio-single.style-two .image-column{
	margin-bottom: 0;
}

.portfolio-single.style-two .info-column{
	margin-top: 50px;
}

.portfolio-single.style-two .info-column .inner-column{
	margin-left: 50px;
	padding-left: 50px;
	border-left: 1px solid #d5d5d5;
}

.portfolio-single.style-two .text-column .inner-column{
	margin-right: -15px;
}

.portfolio-single.style-two .text-column .inner-column{
	margin-right: -30px;
}

.portfolio-single.style-two .load-more-option{
	margin-top: 100px;
}

/*** 

====================================================================
				Blog Standard
====================================================================

***/

.blog-standard{
	position: relative;
	padding: 200px 0 150px;
}

.blog-standard .inner-container{
	max-width: 800px;
	margin: 0 auto;
}

.blog-standard .news-block{
	position: relative;
	margin-bottom: 50px;
}

.blog-standard .news-block .image-box{
	position: relative;
}

.blog-standard .news-block .image-box a{
	display: block;
}

.blog-standard .news-block .image-box img{
	display: block;
	width: 100%;
	height: auto;
}

.blog-standard .news-block .content-box{
	position: relative;
	padding-top: 15px;
}

.blog-standard .news-block .date{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 10px;
}

.blog-standard .news-block h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height:1.2em; 
	color: #141414;
	font-weight: 600;
	margin-bottom: 10px;
}

.blog-standard .news-block h2 a{
	color: #141414;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-standard .news-block h2 a:hover{
	color: #ff5364;
}

.blog-standard .news-block p{
	position: relative;
	font-size: 14px;
	line-height: 27px;
	color: #999999;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 10px;
}

.blog-standard .news-block .read-more{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	font-weight: 500;
	color: #cccccc;
	border-bottom: 1px solid #cccccc;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-standard .news-block .read-more:hover{
	color: #ff5364;
	border-color: #ff5364;
}

.news-block .owl-nav{
	position: absolute;
    left: 0;
    top: 50%;
    margin-top: -35px;
    width: 100%;
}

.news-block .owl-prev, 
.news-block .owl-next {
	position: absolute;
	left: 10px;
	height: 85px;
	width: 25px;
	line-height: 45px;
	padding: 20px 0;
	font-size: 15px;
	color: #ffffff;
	font-weight: 400;
	background-color: rgba(255,255,255,.33);
	text-align: center;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
    transition: all 300ms ease;
}

.news-block .owl-next{
	left: auto;
	right: 10px;
}

.news-block .owl-prev:hover, 
.news-block .owl-next:hover{
	background-color: rgba(255,255,255,1);
	color: #000000;
}

/*** 

====================================================================
				Blog Detail
====================================================================

***/

.blog-single{
	position: relative;
	margin-right: -15px;
}

.blog-single .image-box{
	position: relative;
}

.blog-single .image-box a{
	display: block;
}

.blog-single .image-box img{
	display: block;
	width: 100%;
	height: auto;
}

.blog-single .content-box{
	position: relative;
	padding-top: 15px;
}

.blog-single .date{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 10px;
}

.blog-single h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height:1.2em; 
	color: #141414;
	font-weight: 600;
	margin-bottom: 10px;
}

.blog-single p{
	position: relative;
	font-size: 14px;
	line-height: 27px;
	color: #999999;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 25px;
}

.blog-single blockquote{
	position: relative;
	font-size: 14px;
	line-height: 27px;
	color: #141414;
	font-weight: 500;
	padding: 100px 70px 55px;
	text-align: center;
	background-color: #ececee;
}

.blog-single blockquote:before{
	position: absolute;
	top: 70px;
	right: 0;
	left: 0;
	margin: 0 auto;
	font-size: 18px;
	line-height: 20px;
	color: #141414;
	font-weight: 400;
	font-family: "Flaticon";
	content: "\f110";
}

.blog-single .news-block{
	margin-bottom: 30px;
}

.blog-single .other-option{
	position: relative;
	display: block;
	padding: 35px 0;
	margin-bottom: 20px;
	border-top: 1px solid #d3d3d3;
}

.blog-single .other-option ul li{
	position: relative;
	display: inline-block;
}

.blog-single .other-option .info li{
	margin-right: 10px;
}

.blog-single .other-option ul li a{
	position: relative;
	font-size: 13px;
	line-height: 20px;
	color: #141414;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-single .other-option ul li a:hover{
	color: #fc6183;
}

.blog-single .post-nav{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
}

.blog-single .post-nav a{
	position: relative;
	font-size: 14px;
	line-height: 18px;
	color: #141414;
	font-weight: 500;
	border-bottom: 1px solid #a6a6a6;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-single .post-nav a:hover{
	color: #fc6183;
}

.blog-single .post-nav .prev{
	float: left;
}

.blog-single .post-nav .next{
	float: right;
}

.post-images{
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 25px;
}

.post-images .row{
	margin: 0 -5px;
}

.post-images .row .image{
	padding: 0 5px;
	margin-bottom: 10px;
}

.post-images .row .image img{
	display: block;
	width: 100%;
}

.blog-single .related-post{
	position: relative;
}

.blog-single .related-post .group-title{
	margin-bottom: 20px;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
}

.styled-pagination ul{
	position:relative;
	display:inline-block;	
}

.styled-pagination li{
	position:relative;
	display:block;
	float:left;
	margin-right: 7px;
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	height:37px;
	width: 37px;
	text-align: center;
	line-height:17px;
	padding:10px 5px;
	font-size:15px;
	background:#ffffff;
	color:#141414;
	font-weight:400;
	border: 1px solid #141414;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#ffffff;	
	background:#141414;	
}

/***

==================================================================
			Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
	position: relative;
	padding: 200px 0 100px; 
}

.sidebar-page-container.left-sidebar .sidebar{
	padding-right: 40px;
}

.sidebar-page-container.right-sidebar .sidebar{
	padding-left: 40px;
}

.sidebar-page-container.left-sidebar .blog-standard{
	margin-left: -30px;
	padding: 0;
}

.sidebar-page-container.right-sidebar .blog-standard{
	margin-right: -30px;
	padding:0px;
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	position: relative;
	margin-bottom: 50px;
}

.sidebar-widget{
    position: relative;
    margin-bottom:50px;
}

.sidebar-side .sidebar-widget:last-child{
	margin-bottom: 0;
}

.sidebar-side .sidebar-title{
	position: relative;
	margin-bottom: 30px;
}

.sidebar-side .sidebar-title h3{
	position: relative;
	display: inline-block;
	font-size: 18px;
	color: #141414;
	line-height: 30px;
	font-weight: 600;
	padding-bottom: 5px;
	border-bottom: 1px solid #000000;
}

/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
}

.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;
	display:block;
	font-size:15px;
	font-weight: 500;
	color:#141414;
	line-height:30px;
	padding:23px 25px;
	padding-right: 80px;
	height:80px;
	width:100%;
	border:1px solid #141414;
	background-color: #ffffff;
	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:#fc6183;	
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0;
	top:0;
	width:80px;
	height:80px;
	font-size:26px;
	line-height: 80px;
	text-align:center;
	color:#141414;
	font-weight:400;
	background-color: transparent;
	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 button:hover{
	color: #fc6183;
}

/*=== Categories ===*/

.category-list{
	position: relative;
}

.category-list li{
	position: relative;
	margin-bottom: 30px;
}

.category-list li:last-child{
	margin-bottom: 0;
}

.category-list li a{
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 15px;
	color: #999999;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.category-list li a:hover{
	color: #fc6183;
}

/*=== Latest News ===*/

.popular-post .post{
	position: relative;
	margin-bottom: 20px;
}

.popular-post .post:last-child{
	margin-bottom: 0px;
}

.popular-post .post h5{
	position: relative;
	font-size: 13px;
	line-height: 23px;
	color: #999999;
}

.popular-post .post h5 a{
	color: #999999;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.popular-post .post h5 a:hover{
	color: #fc6183;
}

.popular-post .post .date{
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 23px;
	color: #999999;
}

/*=== Gallery Widget ===*/

.sidebar .gallery-widget .widget-title{
	margin-bottom: 30px;
}

.sidebar .gallery-widget .gallery-outer{
	position:relative;
	margin: 0px -3px;
}

.sidebar .gallery-widget .gallery-outer .image{
	position:relative;
	float:left;
	width: 33.3333333%;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 6px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.sidebar .gallery-widget .gallery-outer .image img{
	display:block;
	width:100%;	
}

.sidebar .gallery-widget .btn-box{
	position: relative;
	display: block;
	margin-top: 25px;
	text-align: center;
}

.sidebar .gallery-widget .btn-box a{
	padding: 8px 45px;
}

/*=== Tags ===*/

.tag-list{
	position: relative;
	display: block;
}

.tag-list li{
	position: relative;
	float: left;
	margin:0px 10px 10px 0px;
} 

.tag-list li a{
	position: relative;
    display: block;
    font-size: 10px;
    color: #141414;
    line-height: 20px;
    padding: 10px 30px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #141414;
    font-style: italic;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tag-list li a:hover{
	color: #ffffff;
	background-color: #141414;
}

/*=== Testimonial Widget ===*/

.testimonial-widget{
	position: relative;
}

.testimonial-widget .image-box{
	position: relative;
}

.testimonial-widget .image-box img{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.testimonial-widget .info-box{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 150px;
	width: 150px;
	border-radius: 50%;
	padding: 50px 0;
	text-align: center;
	background-color: rgba(255,255,255, .85);
}

.testimonial-widget .info-box .icon{
	position: relative;
	display: inline-block;
	font-size: 15px;
	color: #141414;
	margin-bottom: 5px;
}

.testimonial-widget .info-box h3{
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #141414;
	text-transform: uppercase;
	font-weight: 600;
}

/*=== Mate ===*/

.meta .sidebar-title{
}

.meta-list{
	position: relative;
	display: block;
}

.meta-list li{
	position: relative;
	display: block;
	margin-bottom: 30px;
} 

.meta-list li a{
	position: relative;
    display: block;
    font-size: 13px;
    color: #999999;
    line-height: 20px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.meta-list li a span{
	position: relative;
	display: inline-block;
	color: #141414;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.meta-list li a span:before{
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	border-bottom: 2px solid #a6a6a6;
	content: "";
}

.meta-list li a:hover span,
.meta-list li a:hover{
	color: #fc6183;
}

/*=== Archive ===*/

.archive-list{
	position: relative;
}

.archive-list li{
	position: relative;
	margin-bottom: 25px;
}

.archive-list li:last-child{
	margin-bottom: 0;
}

.archive-list li a{
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 15px;
	color: #999999;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.archive-list li a:hover{
	color: #fc6183;
}

/*=== Social Widget ===*/

.social-widget{
	position: relative;
}

.social-widget .sidebar-title{
	margin-bottom: 20px;
}

.social-icon-three{
	position: relative;
}

.social-icon-three li{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #111111;
	font-weight: 400;
	margin-right: 20px;
}

.social-icon-three li a{
	color: #111111;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three li a:hover{
	color: #fc6183;
}

/*** 

====================================================================
				Comment Area
====================================================================

***/

.group-title{
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.group-title h4{
	position: relative;
	font-size: 19px;
	line-height: 27px;
	color: #141414;
	font-weight: 600;
}

.comments-area{
	position:relative;
	margin-top:20px;
	margin-bottom:65px;
}

.comments-area .comment-box{
	position:relative;
}

.comments-area .comment-box:last-child{
	margin-bottom: 0;
}

.comments-area .comment{
	position:relative;
	min-height: 130px;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 30px;
	margin-bottom:30px;
	margin-left: 140px;
}

.comments-area .comment-box .author-thumb{
	position:absolute;
	left:-140px;
	top:0px;
	width:110px;
	height:110px;
	margin-bottom:10px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}

.comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.comments-area .comment-info{
	position: relative;
	top: 5px;
	margin-bottom: 15px;
}

.comments-area .comment-box .name{
	position: relative;
	font-size:16px;
	line-height: 22px;
	font-weight:600;
	color:#141414;
	display:block;
	text-transform:capitalize;
}

.comments-area .comment-box .designation{
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 22px;
	color: #999999;
	font-weight: 500;
}

.comments-area .comment-box .text{
	font-size: 14px;
	line-height: 27px;
	color:#999999;
	font-weight: 400;
	margin-bottom: 25px;
}

.comments-area .comment-box .reply-btn{
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #141414;
	line-height: 20px;
	font-weight: 500;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comments-area .comment-box .reply-btn:hover{
	color: #fc6183;
}

/*** 

====================================================================
				Comment Form
====================================================================

 ***/

.sidebar-page-container .comment-form{
 	position: relative;
}

.comment-form .form-group{
	position:relative;
	margin-bottom:30px;	
}

.comment-form .form-group:last-child{
	margin-bottom: 0;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="url"],
.comment-form .form-group textarea,
.comment-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    color: #888888;
    font-weight: 500;
    padding: 14px 20px;
    border: 1px solid #ececec;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#fc6183;
}

.comment-form .form-group textarea{
	height: 180px;
	resize: none;
}

.comment-form .form-group input[type="submit"],
.comment-form button{
    position: relative;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    padding: 25px 45px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 10px;
    letter-spacing: .5px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    background: #ea7325;
    background: -moz-linear-gradient(45deg, #ff5649 1%, #ff4f8c 100%);
    background: -webkit-linear-gradient(45deg, #ff5649 1%,#ff4f8c 100%);
    background: linear-gradient(45deg, #ff5649 1%,#ff4f8c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5649', endColorstr='#ff4f8c',GradientType=1 );
	min-width: 160px;
}

.comment-form .form-group input[type="submit"]:hover,
.comment-form button:hover{
	opacity: .85;
}

/*** 

====================================================================
					Error Page Section
====================================================================

***/

.error-page-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 220px 0;
}

.error-page-section .content-box{
	position: relative;
	display: block;
	text-align: center;
	left: 0;
	width: 100%;
}

.error-page-section .content-box h1{
	position: relative;
	font-size: 240px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 800;
	-webkit-text-shadow: 0 17px 34px rgba(0,0,0, 0.1);
	-moz-text-shadow: 0 17px 34px rgba(0,0,0, 0.1);
	-ms-text-shadow: 0 17px 34px rgba(0,0,0, 0.1);
	-o-text-shadow: 0 17px 34px rgba(0,0,0, 0.1);
	text-shadow: 0 17px 34px rgba(0,0,0, 0.1);
}

.error-page-section .content-box p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 27px;
	color: #141414;
	font-weight: 500;
	margin-bottom: 20px;
}

.error-page-section .content-box p strong{
	font-weight: 600;
	font-size: 19px;
}

.error-page-section .icon-1{
	position: absolute;
	top: 30%;
	left: 50%;
	margin-top: -20px;
}

.error-page-section .icon-2{
	position: absolute;
    bottom: 45%;
    left: 33%;
	margin-left: 20px;
	background-image: url(../images/icons/drop-small.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 107px;
	width: 82px;
	z-index: 99;
}

/*** 

====================================================================
					Contact Info Section
====================================================================

***/

.contact-info-section{
	position: relative;
	padding: 200px 0 100px;
}

.contact-info-section .info-box{
	position: relative;
	margin-bottom: 50px;
}

.contact-info-section .info-box h4{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #000000;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.contact-info-section .info-box ul{
	position: relative;
	display: block;
}

.contact-info-section .info-box ul li{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 16px;
	padding-left: 25px;
}

.contact-info-section .info-box ul li i{
	position: absolute;
	left: 0;
	top: 5px;
	margin-right: 10px;
	color: #ff5083;
}

.contact-info-section .info-box ul li a{
	color: #888888;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-info-section .info-box ul li a:hover{
	color: #ff5083;
}

/*** 

====================================================================
				Contact Form Section
====================================================================

***/
.contct-form-section{
	position: relative;
	padding-bottom: 180px;
}

.contact-form{
 	position: relative;
 	margin-bottom: 30px;
}

.contact-form .form-group{
	position:relative;
	margin-bottom:30px;	
}

.contact-form .form-group:last-child{
	margin-bottom: 0;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    color: #888888;
    font-weight: 500;
    padding: 14px 20px;
    /*border: 1px solid #ececec;*/
    border: 1px solid #707070;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#fc6183;
}

.contact-form .form-group textarea{
	height: 180px;
	resize: none;
}

.contact-form .form-group input[type="submit"],
.contact-form button{
    position: relative;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    padding: 25px 45px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 10px;
    letter-spacing: .5px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    background: #ea7325;
    background: -moz-linear-gradient(45deg, #ff5649 1%, #ff4f8c 100%);
    background: -webkit-linear-gradient(45deg, #ff5649 1%,#ff4f8c 100%);
    background: linear-gradient(45deg, #ff5649 1%,#ff4f8c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5649', endColorstr='#ff4f8c',GradientType=1 );
	min-width: 160px;
}

.contact-form .form-group input[type="submit"]:hover,
.contact-form button:hover{
	opacity: .85;
}

.contact-form .form-group label.error{
	display: block;
	line-height: 20px;
	padding-top: 5px;
	font-size: 13px;
	text-transform: capitalize;
	color: #ff0000;
	font-weight: 500;
}

.contct-form-section .info-column{
	position: relative;
}

.contct-form-section .info-column h4{
	font-size: 20px;
	line-height: 27px;
	color: #141414;
	font-weight: 600;
	margin-bottom: 10px;
}

.contct-form-section .info-column p{
	position: relative;
	font-size: 14px;
	line-height: 27px;
	color: #999999;
	font-weight: 400;
	margin-bottom: 20px;
}

.contct-form-section .info-column ul{
	position: relative;
}

.contct-form-section .info-column ul li{
	position: relative;
	display: inline-block;
	margin-right: 15px;
}

.contct-form-section .info-column ul li a{
	position: relative;
	display: block;
	font-size: 14px;
	color: #111111;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contct-form-section .info-column ul li a:hover{
	color: #ff5083;
}



/*** 

====================================================================
	Quality Section
====================================================================

***/

.quality-section{
	position:relative;
	padding:150px 0px 60px;
}

.quality-section .title-column{
	position:relative;
	margin-bottom:40px;
}

.quality-section .title-column .inner-column{
	position:relative;
	padding-right:40px;
}

.quality-section .sec-title{
	margin-bottom:30px;
}

.quality-section .sec-title h2{
	font-size:36px;	
}

.quality-section .title-column .inner-column .text{
	position:relative;
	font-size:15px;
}

/*Skills Section*/

.skills .skill-item{
	position:relative;
	margin-bottom:40px;
}

.skills .skill-item:last-child{
	margin-bottom:0px;
}

.skills .skill-item .skill-bar{
	position:relative;
	width:100%;
	height:5px;	
}

.skills .skill-item .skill-bar .bar-inner{
	position:relative;
	width:100%;
	overflow:hidden;
	height:5px;
	background:#ededed;
}

.skills .skill-item .skill-bar .bar-inner .bar{
	position:absolute;
	left:0px;
	top:0px;
	height:1px;
	width:0px;
	border-bottom:5px solid #333333;
	-webkit-transition:all 2000ms ease;
	-ms-transition:all 2000ms ease;
	-o-transition:all 2000ms ease;
	-moz-transition:all 2000ms ease;
	transition:all 2000ms ease;
}

.skills .skill-item .skill-header{
	position:relative;
	line-height:30px;
	margin-bottom:10px;
}

.skills .skill-item .skill-header .skill-title{
	position:relative;
}

.skills .skill-item .skill-header .skill-title{
	float:left;
	color:#000000;
	font-size:14px;
	letter-spacing:4px;
	text-transform:uppercase;
}

.skills .skill-item .skill-header .skill-percentage{
	position:relative;
	float:right;
	font-weight:400;
	color:#000000;
	font-size:18px;
	text-transform:uppercase;
}


/*** 

====================================================================
	Mission Section
====================================================================

***/

.mission-section{
	position:relative;
	padding-top:50px;
}

.mission-section .image-column{
	position:relative;
	margin-bottom:40px;
}

.mission-section .image-column .inner-column{
	position:relative;
	padding-right:40px;
}

.mission-section .image-column .inner-column .image{
	position:relative;
}

.mission-section .image-column .inner-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.mission-section .content-column{
	position:relative;
}

.mission-section .content-column .inner-column{
	position:relative;
}

.mission-section .sec-title{
	margin-bottom:50px;
}

.mission-section .sec-title h2{
	font-size:36px;	
}

/*** 

====================================================================
	Business Tabs Style
====================================================================

***/

.mission-info-tabs{
	position:relative;
}

.mission-info-tabs .prod-tabs{
	position:relative;	
}

.mission-info-tabs .prod-tabs .tab-btns{
	position:relative;
	z-index:1;
	margin-bottom:20px;
}

.mission-info-tabs .prod-tabs .tab-btns .tab-btn{
	position:relative;
	top:1px;
	display:block;
	float:left;
	margin-right:25px;
	font-size:14px;
	color:#777777;
	text-transform:uppercase;
	font-weight:400;
	cursor:pointer;
	transition:all 500ms ease;
}

.mission-info-tabs .prod-tabs .tab-btns .tab-btn:hover,
.mission-info-tabs .prod-tabs .tab-btns .tab-btn.active-btn{
	color:#000000;
	text-shadow:0px 0px 1px #000000;
}

.mission-info-tabs .prod-tabs .tabs-content{
	position:relative;	
}

.mission-info-tabs .prod-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.mission-info-tabs .prod-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.mission-info-tabs .prod-tabs .tabs-content .tab .text{
	position:relative;
	margin-bottom:40px;
}

.mission-info-tabs .prod-tabs .tabs-content .tab .text p{
	position:relative;
	font-size:15px;
	margin-bottom:20px;
}


/*** 

====================================================================
	Subscribe Section
====================================================================

***/

.subscribe-section{
	position:relative;
	background-color:#f9f9f9;
}

.subscribe-section .inner-section{
	position:relative;
	padding:60px 0px;
}

.subscribe-section .inner-section .title-column{
	position:relative;
}

.subscribe-section .inner-section .title-column h2{
	position:relative;
	color:#000000;
	font-size:24px;
	margin-top:15px;
	font-weight:500;
	text-transform:capitalize;
}

/*Subscribe widget*/

.subscribe-form{
	position:relative;
}

.subscribe-form .form-group{
	position:relative;
	display:block;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="email"]{
	position:relative;
	display:block;
	width:100%;
	height:50px;
	color:#000000;
	font-size:16px;
	line-height:28px;
	background:none;
	padding:0px 0px 8px;
	border-bottom:1px solid #dddddd;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.subscribe-form .form-group input[type="text"]:focus,
.subscribe-form .form-group input[type="email"]:focus{
	border-color:#fc6183;	
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form .form-group button{
	position:relative;
	line-height:24px;
	color:#ffffff;
	font-size:14px;
	font-weight:400;
	background:#2b2b2b;
	display:inline-block;
	width:100%;
	text-align:center;
	padding:13px 20px;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
}

.subscribe-form .form-group button:hover{
	color:#ffffff;
	background:#fc6183;
}

/*** 

====================================================================
	Subscribe Section
====================================================================

***/

.subscribe-section{
	position:relative;
	z-index:10;
}

.portfolio-section,.portfolio-section-one,.portfolio-section-two,.portfolio-section-three,.portfolio-section-four,.blog-grid,.blog-standard,.contct-form-section,.main-slider,.home-banner,.page-title,.about-us,.about-section-two,.services-section,.portfolio-section,.portfolio-section-three,.team-section,.fun-fact-section,.testimonial-section,.news-section,.main-footer,.portfolio-single,.blog-standard,.blog-single,.sidebar-page-container,.error-page-section,.contact-info-section,.quality-section,.mission-section{
	position:relative;
	z-index:10;
	background-color:#ffffff;	
}

.bottom-parallax{
    position: relative;
    height: 550px;
    opacity: 0;
    visibility: hidden;
    z-index: -999;
}

.bottom-parallax .main-footer{
	position:fixed;
	left:0px;
	bottom:0px;
	right:0px;
	height:390px;
	/*height:550px;24july2018*/
}

.social-icon-left .bottom-parallax .main-footer{
	left:100px;	
}

.parallax-visible .bottom-parallax {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}


/*===============================
	Home 7 Scroller
=================================*/

.scroller-section .ms-section{
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.scroller-section .image-column .lightbox-image{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;	
}

.scroller-section .image{
	position: relative;
	display: none;
	background: #2b2b2b;
}

.scroller-section .image-box{
	position: relative;
	background: #2b2b2b;
	display:none;
}
  
.scroller-section .image-box img,
.scroller-section .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}

.scroller-section .image-box:hover img,
.scroller-section .image:hover img{
	opacity: 0.70;
}

.scroller-section .content-box{
	position:relative;
	display:none;
	padding:40px 20px;
}

.scroller-section .content-column .inner-column{
    position:relative;
	max-width:650px;
	padding:40px 20px;
	margin:0 auto;
}

.scroller-section .content-column .tag,
.scroller-section .content-box .tag{
	position: relative;
	display:block;
	font-size: 12px;
	line-height: 1.5em;
	color: #888888;
	font-weight: 400;
	margin-bottom: 10px;
}

.scroller-section .content-column h2,
.scroller-section .content-box h2{
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 50px;
	color: #141414;
	font-weight: 800;
	margin-bottom: 25px;
}

.scroller-section .content-column h2 del,
.scroller-section .content-box h2 del{
	color: #cccccc;
	text-decoration: line-through;
}

.scroller-section .content-column h2 a,
.scroller-section .content-box h2 a{
	color: #141414;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.scroller-section .content-column .theme-btn,
.scroller-section .content-box .theme-btn{
	padding: 25px 50px;
}