@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Monoton|Unna:400,400i,700,700i');

@import url('flaticon.css');
@import url('font-awesome.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('jquery.fancybox.min.css');

*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	font-size: 100%;
}

html {
	scroll-behavior: smooth;
}
body {
	font-size:14px;
	line-height:24px;
	color:#222222;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Poppins', sans-serif;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#ff517a;
}

a:hover,
a:focus,
a:visited{
	text-decoration:none;
	outline:none;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-weight:normal;
	margin:0px;
	background:none;
	line-height:1.2em;
}

textarea{
	overflow:hidden;
}

button, input, optgroup, select, textarea{
	font-family: 'Poppins', sans-serif;
}

button{
	outline: none !important;
	cursor: pointer;
}

p,.text{
	font-size:14px;
	line-height:24px;
	color:#222222;
	font-weight:400;
	margin: 0;
}

::-webkit-input-placeholder{color: inherit;}
::-ms-input-placeholder{color: inherit;}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.small-container{
	position: relative;
	max-width:1054px;
	padding:0px 15px;
	margin:0 auto;
}

.content-container{
	position: relative;
	padding-right: 140px;
	padding-left: 500px;
}

.content-container .outer-box{
	position: relative;
	border-bottom: 1px solid #dddddd;
}

.content-container .outer-box:after{
	position: absolute;
	right: 0;
	bottom: -1px;
	border-bottom: 1px solid #3e9cdd;
	width: 145px;
	content: "";
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
	overflow: hidden;
	z-index: 9;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;
}

.pull-left{
	float: left;
}

.pull-right{
	float: right;
}

.theme-btn{
	display:inline-block;
	-webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	-o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
	transition: all 400ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
}

.theme-btn i{
	margin-right: 8px;
}

/*Btn Style One*/
.btn-style-one{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	padding: 20px 55px;
	font-weight: 500;
	overflow: hidden;
	background-color: #ff517a;
	-webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
	box-shadow: rgba(255, 255, 255, 0.1) 0 0px 0px 0px inset;
}

.btn-style-one:hover{
	color: rgba(0, 0, 0, 0.85);
	-webkit-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
}

.btn-style-one i{
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 25px;
	margin-right: 12px;
	font-weight: 400;
	top: 2px;
}

/*Btn Style Two*/

.btn-style-two{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #222222;
	padding: 19px 55px;
	font-weight: 500;
	overflow: hidden;
	border: 2px solid #e7e7e7;
	z-index: 1;
}

.btn-style-two:hover{
	color:#ffffff;
	border: 2px solid #fdd45b;
}

.btn-style-two:after{
	position: absolute;
	top: 20px;
	left: 50%;
	height: 20px;
	width: 20px;
	content: "";
	border-radius: 50%;
	margin-left: -50px;
	background-color: #fdd45b;
	z-index: -1;
	transition: all 300ms ease;
}

.btn-style-two:hover:after{
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	border-radius: 0;
}

/*Btn Style Two*/

.btn-style-three{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #222222;
	padding: 19px 55px;
	font-weight: 500;
	overflow: hidden;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	z-index: 1;
}

.btn-style-three:hover{
	color:#ffffff;
	border: 1px solid #fdd45b;
}

.btn-style-three:after{
	position: absolute;
	top: 17px;
	left: 50%;
	height: 20px;
	width: 20px;
	content: "";
	border-radius: 50%;
	margin-left: -42px;
	background-color: #fdd45b;
	z-index: -1;
	transition: all 300ms ease;
}

.btn-style-three:hover:after{
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	border-radius: 0;
}

/*Btn Style Four*/

.btn-style-four{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #222222;
	padding: 19px 50px;
	font-weight: 500;
	overflow: hidden;
	background-color: #fdd45b;
	border: 2px solid #fdd45b;
	z-index: 1;
}

.btn-style-four:hover{
	color:#222222;
	border: 2px solid #fdd45b;
}

.btn-style-four:after{
	position: absolute;
	top: 20px;
	left: 50%;
	height: 20px;
	width: 20px;
	content: "";
	border-radius: 50%;
	margin-left: -50px;
	background-color: #ffffff;
	z-index: -1;
	transition: all 300ms ease;
}

.btn-style-four:hover:after{
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	border-radius: 0;
}

/*=== List Style One ===*/
.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	font-size:16px;
	color: #919191;
	line-height:26px;
	font-weight:400;
	padding-left:30px;
	margin-bottom:15px;
}

.list-style-one li a{
	color:#919191;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.list-style-one li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 26px;
	color: #e1e6e3;
	content: "\f06c";
	font-family: "Fontawesome";
}

.list-style-one li a:hover{
	color: #ff517a;
	text-shadow: 0 0 1px #ff517a;
}

/*=== List Style Two ===*/
.list-style-two{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.list-style-two li{
	position: relative;
	font-size: 14px;
	line-height: 25px;
	color: #777777;
	font-weight: 400;
	padding-left: 20px;
}

.list-style-two li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 25px;
	color: #4ee0b0;
	font-weight: 400;
	font-family: "Fontawesome";
	content: "\f138";
}

/*=== List Style Three ===*/
.list-style-three{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.list-style-three li{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	font-weight: 400;
	padding-left: 25px;
	margin-bottom: 10px;
}

.list-style-three li a{
	color: #333333;
}

.list-style-three li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #fe6699;
	font-weight: 300;
	font-family: "Fontawesome";
	content: "\f18e";
}

.theme_color{
	color:#19a6fe;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

.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;
}

.slider-banner {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	height:1100px;
}

.scroll-to-top{
	position:fixed;
	bottom:20px;
	right:20px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:24px;
	line-height:60px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#1b1a1c;
	display:none;
	border-radius: 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;
}

.scroll-to-top:hover{
	background:#ff517a;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index:9999;
	transition: all 300ms ease;
	background-color: rgb(255 255 255 / 50%);
}

.main-header.fixed-header{
	border-bottom:1px solid rgba(0,0,0,0.10);
}

.header-span{
	position: relative;
	display: block;
	height: 180px;
	width: 100%;
}

.header-span-two{
	position: relative;
	display: block;
	height: 125px;
	width: 100%;
}

.main-header.alternate{
	position: fixed;
	background-color: #ffffff;
	top: 50px;
}

.main-header.fixed-header{
	top: 0 !important;
	background-color: #ffffff;
}

/*=== Header Upper ===*/

.main-header .header-upper{
	position:relative;
	padding: 0 60px;
	z-index:5;
}

.main-header .header-upper .logo-box{
	position: relative;
	float: left;
}

.main-header .logo{
	position: relative;
	padding: 10px 0;
}

.main-header .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;
}

.main-header .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;
}

/*=== Header Lower ===*/
.main-header .nav-outer{
	position: relative;
	float: right;
}

.main-header .main-box{
	position:relative;
	float: left;
	left:0px;
	top:0px;
	-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-menu{
	position:relative;
	float: left;
}

.main-menu .navbar-collapse{
	padding:0px;
}

.main-menu .navigation{
	position:relative;
	margin:0px;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-left:40px;
	-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-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center;
	padding:25px 0;
	font-size: 15px;
	line-height:30px;
	color:#333333;
	font-weight: 700;
	letter-spacing: -.5px;
	opacity:1;
	text-transform: capitalize;
	-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-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	color:#ff517a;
}

.main-menu .navigation > li.dropdown > a:after{
	position:absolute;
	right:0px;
	top:25px;
	display:block;
	font-size:14px;
	line-height:30px;
	color:#333333;
	font-weight:400;
	font-weight:normal;
	content: "+";
	z-index:5;
}

.main-menu .navigation > li.dropdown > a{
	padding-right: 15px;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:140%;
	width:230px;
	z-index:100;
	opacity: 1;
	padding: 10px 0 22px;
	background:#161616;
	border-top: 1px solid #2e2e2e;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	padding:0 25px;
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 0px;
	line-height:19px;
	font-weight:500;
	font-size:14px;
	text-align:left;
	color:rgba(255,255,255,0.7);
	border-bottom: 1px solid rgba(255,255,255,0.10);
	text-transform:capitalize;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li > ul > li:last-child > a{
	border-bottom:none;
	padding-bottom:0px;
}

.main-menu .navigation > li > ul > li:hover > a{
	color: #ffffff;
	padding-left:10px;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:0px;
	top:12px;
	width:10px;
	display:block;
	line-height:19px;
	font-size:16px;
	color: #ffffff;
	font-weight:normal;
	text-align:center;
	z-index:5;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top: 30px;
	width:230px;
	z-index:100;
	opacity: 1;
	padding: 20px 0 30px;
	background:#161616;
	border-top: 1px solid #2e2e2e;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-ms-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	transition:all 200ms linear;
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	padding:0 25px;
}

.main-menu .navigation > li > ul > li  > ul > li > a{
	position:relative;
	display:block;
	padding:12px 0px;
	line-height:19px;
	font-weight:500;
	font-size:14px;
	text-align:left;
	color:rgba(255,255,255,0.7);
	border-bottom: 1px solid rgba(255,255,255,0.10);
	text-transform:capitalize;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li > ul > li  > ul > li:last-child > a{
	border-bottom:none;
	padding-bottom:0px;
}

.main-menu .navigation > li > ul > li  > ul > li:hover > a{
	color: #ffffff;
	padding-left:10px;
}

.main-menu .navigation > li.dropdown:hover > ul{
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	visibility:visible;
	opacity:1;
	top: 100%;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0px;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.main-menu .navigation > li > ul > li.dropdown > ul.from-right{
	left:auto;
	right:110%;
}

.main-menu .navigation > li > ul > li.dropdown:hover > ul.from-right{
	left: auto;
	right: 100%;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:8px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:16px;
	line-height:26px;
	color:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

.main-header .outer-box{
	position: relative;
	float: right;
	margin-left: 40px;
}

.main-header .options-nav{
	position: relative;
	float: left;
}

.main-header .cart-btn{
	position: relative;
	float: left;
	padding: 20px 0;
}

.main-header .cart-btn a{
	position: relative;
	font-size: 22px;
	color: #000000;
	line-height: 40px;
	transition: all 300ms ease;
}

.main-header .nav-toggler{
	position: relative;
	float: left;
	padding:20px 0;
	margin-left: 25px;
}

.main-header .nav-toggler .nav-btn{
	position:relative;
	float: left;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	color: #ffffff;
	font-size: 22px;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center;
}

.main-header .search-box-outer{
	position: relative;
	float: left;
}

/*search box btn*/

.main-header .search-box-outer{
	position:relative;
	float: left;
	margin-left: 30px;
	padding: 20px 0;
}

.main-header .search-box-btn{
	position:relative;
	font-size:18px;
	line-height:40px;
	color:#000000;
	cursor:pointer;
	background:none;
	outline: none;
}

.main-header .search-box-outer .dropdown-menu{
	top:20px !important;
	right: 0 !important;
	padding:0px;
	width:280px;
	border-radius:0px;
	border-top:3px solid #ff214f;
}

.main-header .search-panel .form-container{
	padding:25px 20px;
}

.main-header .search-panel .form-group{
	position:relative;
	margin:0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
	display:block;
	width:100%;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	font-size:14px;
	font-weight:400;
	border:1px solid #e0e0e0;
	background:#ffffff;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color:#ff214f;
}

.main-header .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
}

.main-header .dropdown-toggle::after{
	display: none;
}

/*** 

====================================================================
		Header Style Two
====================================================================

***/

.header-style-two .nav-toggler .nav-btn{
	background-color: #ffffff;
	color: #000000;
}

.header-style-two .main-menu .navigation > li.dropdown > a:after,
.header-style-two .main-menu .navigation > li > a{
	color: #ffffff;
}

.header-style-two .search-box-btn,
.header-style-two .cart-btn a{
	color: #fdd45b;
}

.header-style-two.fixed-header{
	background-color: #222222;
}

/*** 

====================================================================
		Header Style three
====================================================================

***/

.main-header.header-style-three{
	position: fixed;
	background-color: #ffffff;
	top: 22px;
}

/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/


.hidden-bar{
	position: fixed;
	right: -500px;
	top: 0px;
	max-width: 100%;
	height:100%;
	overflow-y:auto;
	z-index: 99999;
	opacity: 0;
	background-color: #222222;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.side-content-visible .hidden-bar{
	right:0px;
	opacity:1;
	visibility:visible;
}

.hidden-bar .inner-box{
	position:relative;
	background-color: #222222;
	padding:55px 30px 50px;
}

.hidden-bar .inner-box .cross-icon{
	position:absolute;
	right:30px;
	top:30px;
	cursor:pointer;
	color:#ffffff;
	font-size:20px;
}

.hidden-bar .inner-box h2{
	position:relative;
	font-size:28px;
	font-weight:600;
	line-height:1.2em;
	color:#ffffff;
	margin-bottom:20px;
}

/*Appointment Form*/

.hidden-bar .appointment-form{
	position:relative;
}

.hidden-bar .appointment-form .form-group{
	position:relative;
	margin-bottom:15px;
}

.hidden-bar .appointment-form input[type="text"],
.hidden-bar .appointment-form input[type="email"],
.hidden-bar .appointment-form textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:23px;
	padding:10px 25px;
	height:45px;
	color:#ffffff;
	font-size:16px;
	border:1px solid rgba(255,255,255,0.10);
	background:none;
	transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
}

.hidden-bar .appointment-form input::placeholder,
.hidden-bar .appointment-form textarea::placeholder{
	color:#bdbdbd;
}

.hidden-bar .appointment-form input:focus,
.hidden-bar .appointment-form textarea:focus{
	border-color: #ffffff;
}

.hidden-bar .appointment-form textarea{
	height:135px;
	resize:none;
}

.hidden-bar .appointment-form .form-group button{
	margin-top:10px;
	display: block;
	width: 100%;
}

.contact-info-box{
	position:relative;
	padding-top:50px;
}

.contact-info-box .info-list{
	position:relative;
	padding-bottom:18px;
	margin-bottom:25px;
}

.contact-info-box .info-list li{
	position:relative;
	color:#ffffff;
	font-size:18px;
	font-weight:500;
	margin-bottom:5px;
}

.contact-info-box .info-list:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:50px;
	height:1px;
	background-color:#ffffff;
}

.contact-info-box .social-list{
	position:relative;
}

.contact-info-box .social-list li{
	position:relative;
	width:50%;
	float:left;
	margin-bottom:6px;
	display:inline-block;
}

.contact-info-box .social-list li a{
	position:relative;
	font-size:15px;
	font-weight:500;
	color:rgba(255,255,255,0.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;
}

.contact-info-box .social-list li a:hover{
	color:rgba(255,255,255,0.80);
}

.form-back-drop{
	position:fixed;
	right:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(0,0,0,0.70);
	visibility:hidden;
	z-index:99999;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.side-content-visible .form-back-drop{
	opacity:1;
	visibility:visible;
}

.mCSB_inside>.mCSB_container{
	margin-right: 0;
}

/*================================================
			Sticky Header
==================================================*/

.sticky-header{
	position:fixed;
	visibility:hidden;
	opacity:0;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	z-index:0;
	background: #ffffff;
	border-bottom: 1px solid #f1f1f1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .logo{
	padding:10px 0px;
}

.fixed-header .sticky-header{
	z-index:99999;
	opacity:1;
	visibility:visible;
}

.main-header .sticky-header .main-menu .navigation > li{
	margin-right:0px;
	margin:0px;
	padding: 0;
}

.main-header .sticky-header .main-menu .navigation > li > a{
	color:#222222;
	padding:20px 15px;
	line-height:30px;
	font-size:16px;
	font-weight:500;
	min-height:0px;
	background:none;
	border:0px;
	margin-right:0px;
	text-transform:capitalize;
	-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-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a,
.main-header .sticky-header .main-menu .navigation > li.current-menu-item > a{
	opacity:1;
	color: #ff517a;

}

/*** 

====================================================================
		Banner Section
====================================================================

***/

.banner-section{
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.banner-carousel{
	position: relative;
}

.banner-section .slide-item{
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #bdfeff;
	padding:160px 0 75px;
}

.banner-section .slide-item .float-text{
	position: absolute;
	left: 0;
	top: 180px;
	font-size: 400px;
	line-height: 1em;
	color: #aff3f4;
	font-weight: 700;
	text-transform: uppercase;
}

.banner-section .slide-item .float-text:nth-child(2){
	left: auto;
	top: auto;
	right: 0;
	bottom: -10px;
}

.banner-section .slide-item .content-box{
	position: relative;
	float: left;
	width: 100%;
	max-width: 630px;
	padding-top: 230px;
}

.banner-section .slide-item .content-box:before{
	position: absolute;
	left: -130px;
	bottom: -110px;
	width: 756px;
	height: 632px;
	background-image: url(../images/main-slider/title-bg-mavi.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	opacity:0;
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
}

.banner-section .active .content-box:before{
	opacity: 1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.banner-section .content-box .title{
	position: relative;
	left:-10px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-size:150px;
	font-weight:700;
	letter-spacing:0px;
	color:#010101;
	line-height:1em;
}

.banner-section .content-box .title .f-letter{
	font-size: 150px;
	text-transform:uppercase;
	font-family: 'Monoton', cursive;
	font-weight:400;
	color:#ff0027;
}

.banner-section .content-box .title .uppercase{
	font-size:100px!important;
	text-transform:uppercase;
	font-weight:700;
	color: #4164ac;
}

.banner-section .content-box .title .uppercase span{
	color: #4164ac;
}

.banner-section .content-box .title:before{
	position: absolute;
	left: 10px;
	bottom: 0;
	height: 3px;
	width: 0px;
	background-color: #ff0027;
	content: "";
	opacity: 0;
	visibility: hidden;
}

.banner-section .active .content-box .title:before{
	visibility: visible;
	opacity: 1;
	width:120px;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.banner-section .content-box .title .title-inner{
	position:relative;
	left:-100px;
	display: inline-block;
	max-width: 100%;
	width: auto;
	opacity: 0;
	color: #232323;
}

.banner-section .active .content-box .title .title-inner{
	left:0;
	opacity: 1;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-section .content-box .text{
	position: relative;
	left:-100px;
	font-size: 25px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 400;
	/* font-family: "Unna", sans-serif; */
	font-style:italic;
	opacity: 0;
}

.banner-section .active .content-box .text{
	left:0px;
	opacity: 1;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-section .image-box{
	position: relative;
	float: right;
}

.banner-section .image-box .image{
	position: relative;
	margin-bottom: 0;
	margin-right: -255px;
}

.banner-section .image-box .image img{
	display: inline-block;
	max-width: 100%;
	width: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(45%);
	-moz-transform: translateX(45%);
	-ms-transform: translateX(45%);
	-o-transform: translateX(45%);
	transform: translateX(45%);
}

.banner-section .active .image-box .image img{
	opacity: 0;
	visibility: visible;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transition-delay: 2000ms;
	-moz-transition-delay: 2000ms;
	-ms-transition-delay: 2000ms;
	-o-transition-delay: 2000ms;
	transition-delay: 2000ms;
}

.banner-section .slide-item.style-two .content-box .title{
	margin-right: -125px;
}

.banner-section .slide-item.style-two .content-box:before{
	position: absolute;
	left: -130px;
	bottom: -110px;
	width: 756px;
	height: 632px;
	background-image: url(../images/main-slider/title-bg-kirmizi.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}
.banner-section .slide-item.style-two .image-box .image {
	margin-right: -340px;
}
.banner-section .slide-item.style-three .image-box .image{
	margin-right: -340px;
}
.banner-section .slide-item.style-three .content-box .title{
	margin-right: -125px;
}

.banner-section .slide-item.style-three .content-box:before{
	position: absolute;
	left: -130px;
	bottom: -110px;
	width: 756px;
	height: 632px;
	background-image: url(../images/main-slider/title-bg-sari.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}
.banner-section .slide-item.style-four .image-box .image{
	margin-right: -340px;
}
.banner-section .slide-item.style-four .content-box .title{
	margin-right: -125px;
}

.banner-section .slide-item.style-four .content-box:before{
	position: absolute;
	left: -130px;
	bottom: -110px;
	width: 756px;
	height: 632px;
	background-image: url(../images/main-slider/title-bg-yesil.png);
	background-repeat: no-repeat;
	background-position: center;
	content: "";
}



.banner-carousel .owl-nav{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-35px;
	height:0;
	width:100%;
}

.banner-carousel .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	top:0;
	padding:0;
	width:50px;
	height:70px;
	text-align:center;
	background:#ffffff;
	font-size:36px;
	line-height:70px;
}

.banner-carousel .owl-nav .owl-next{
	position:absolute;
	right:0px;
	top:0;
	padding:0;
	width:50px;
	height:70px;
	text-align:center;
	background:#ffffff;
	font-size:36px;
	line-height:70px;
}

.banner-carousel .owl-nav .owl-prev:hover,
.banner-carousel .owl-nav .owl-next:hover{
	background:#ff517a;
	color:#ffffff;
}

.banner-carousel .owl-dots{
	position: absolute;
	left: 0;
	bottom: 35px;
	width: 100%;
	text-align: center;
}

.banner-carousel .owl-dot{
	position: relative;
	display: inline-block;
	height: 12px;
	width: 12px;
	border: 1px solid #000000;
	border-radius: 10px;
	margin: 0 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-carousel .owl-dot.active{
	background-color: #000000;
}

.anim-icons{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

.anim-icons .icon{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
}

/*** 

====================================================================
		Banner Section Two
====================================================================

***/

.banner-section-two{
	position: relative;
}

.banner-section-two .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.banner-section-two .slide-item:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: .50;
	content: "";
}

.banner-section-two .content-box{
	position: relative;
	padding: 350px 0;
	text-align: center;
}

.banner-section-two .content-box h2{
	position: relative;
	display: block;
	font-size: 94px;
	line-height: 1.1em;
	color: #ffffff;
	font-weight: 400;
	font-family: 'Monoton', cursive;
	margin-bottom: -10px;
	top:-100px;
	opacity:0;
}

.banner-section-two .content-box h2 span{
	color: #fdd45b;
}

.banner-section-two .active .content-box h2{
	opacity:1;
	top:0;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.banner-section-two .content-box h1{
	position: relative;
	display: block;
	font-size: 120px;
	line-height: 1.1em;
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 20px;
	margin-bottom: 30px;
	opacity:0;
	-webkit-transform:scale(1.3,1.1);
	-ms-transform:scale(1.3,1.1);
	transform:scale(1.3,1.1);
}

.banner-section-two .active .content-box h1{
	opacity:1;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.banner-section-two .content-box h1:before{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -60px;
	height: 3px;
	width: 120px;
	background-color: #ff517a;
	content: "";
}

.banner-section-two .content-box .text{
	position: relative;
	font-size: 20px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
	font-family: "Unna", sans-serif;
	font-style: italic;
	opacity: 0;
	margin-bottom: 30px;
	top:50px;
}

.banner-section-two .active .content-box .text{
	opacity:1;
	top:0;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1700ms;
	-moz-transition-delay: 1700ms;
	-ms-transition-delay: 1700ms;
	-o-transition-delay: 1700ms;
	transition-delay: 1700ms;
}

.banner-section-two .content-box .btn-box{
	position: relative;
	top:50px;
	opacity:0;
}

.banner-section-two .active .content-box .btn-box{
	opacity:1;
	top:0;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 2200ms;
	-moz-transition-delay: 2200ms;
	-ms-transition-delay: 2200ms;
	-o-transition-delay: 2200ms;
	transition-delay: 2200ms;
}

.banner-section-two .content-box .btn-box a{
	margin: 0 15px;
}

.banner-section-two .owl-dots{
	bottom: 55px;
}

.banner-section-two .owl-dot{
	border-color: #ffffff;
	height: 10px;
	width: 10px;
}

.banner-section-two .owl-dot:hover,
.banner-section-two .owl-dot.active{
	background-color: #ffffff;
}

/*** 

====================================================================
		Page Title
====================================================================

***/
.page-title{
	position: relative;
	display: block;
	text-align: center;
	padding: 85px 15px;
	background-color: #ebf1ff;
}

.page-title h3{
	font-size: 35px;
	line-height: 50px;
	color: #222222;
	font-weight: 600;
}

.page-title h3 i{
	font-family: "Unna", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 40px;
}

/*** 

====================================================================
		Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom: 65px;
}

.sec-title .title{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 1.2em;
	color: #aaaaaa;
	font-weight: 700;
	font-style: italic;
	letter-spacing: 0.02em;
	margin-bottom: 15px;
	font-family: "Unna", sans-serif;
}

.sec-title h2{
	position: relative;
	display: block;
	font-size: 35px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
}

.sec-title h2 i{
	font-style: italic;
	font-size: 40px;
	font-family: "Unna", sans-serif;
}

.sec-title .text{
	position: relative;
	font-size: 14px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
	margin-top: 25px;
}

/*** 

====================================================================
		Work Section
====================================================================

***/

/*.work-section{*/
/*	position: relative;*/
/*}*/

/*.work-section .icon-layer{*/
/*	position: absolute;*/
/*	margin-left: -215px;*/
/*	left: 50%;*/
/*	top: 260px;*/
/*	height: 96px;*/
/*	width: 96px;*/
/*	background-image: url(../images/icons/dots.png);*/
/*	border-radius: 50%;*/


.work-block{
	position: relative;
	margin-bottom: 50px;
}

.work-block .inner-box{
	position: relative;
	padding: 50px 45px 55px;
	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;
}

.work-block .inner-box:before{
	position: absolute;
	width: 15px;
	height: 14px;
	background-image: url(../images/icons/slash.png);
	background-repeat: no-repeat;
	background-position: center;
	right: 10px;
	bottom: 10px;
	content: "";
	opacity: 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;
}

.work-block .inner-box:hover:before{
	opacity: 1;
}

.work-block .inner-box:hover{
	background-color: #ffffff;
	-webkit-box-shadow: 0 12px 30px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 12px 30px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 12px 30px rgba(0,0,0,0.10);
	-o-box-shadow: 0 12px 30px rgba(0,0,0,0.10);
	box-shadow: 0 12px 30px rgba(0,0,0,0.10);
}

.work-block .icon-box{
	position: relative;
	margin-bottom: 25px;
}

.work-block .icon-box .icon{
	position: relative;
	font-size: 50px;
	line-height: 1em;
	color: #c7c7c7;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.work-block .inner-box:hover .icon{
	color: #fdd45b;
}

.work-block h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 400;
	margin-bottom: 15px;
}

.work-block h4 a{
	display: inline-block;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.work-block h4 a:hover{
	color: #fd5e8c;
}

/*** 

====================================================================
		Services Section
====================================================================

***/

.services-section{
	position: relative;
}

.service-block{
	position: relative;
}

.service-block .inner-box{
	position: relative;
	transition: all 300ms ease;
}

.service-block .image-box{
	position: relative;
}

.service-block .image-box .image{
	position: relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:452px;
	overflow: hidden;
}

.service-block .image-box .image img{
	display: none;
	width: 100%;
	height: auto;
}

.service-block .image-box .over-link{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
}

.service-block .content-box{
	position: relative;
	display:table;
	width:100%;
	height:450px;
	vertical-align:middle;
	padding: 20px 15px;
	background-color: #f1f1f1;
}

.service-block .content-box:before{
	position: absolute;
	left: 50%;
	border-left: 175px solid transparent;
	border-right: 175px solid transparent;
	border-top: 36px solid #f1f1f1;
	content: "";
	margin-left: -175px;
	bottom: -35px;
	z-index: 1;
}

.service-block:nth-child(odd) .content-box:before{
	bottom: auto;
	top: -35px;
	border-top: 0;
	border-bottom: 36px solid #f1f1f1;
}

.service-block .content-box .content{
	position: relative;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.service-block .content h3{
	position: relative;
	display: block;
	font-size: 25px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.service-block .content h3 a{
	color: #222222;
	-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 .content h3 a:hover{
	color: #ff517a;
}

.service-block .content .text{
	position: relative;
	font-size: 14px;
	line-height: 25px;
	color: #fdfdfd;
	font-weight: 400;
	margin-bottom: 15px;
}

.service-block .content .link-box{
	position: relative;
}

.service-block .content .link-box a{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	color: #222222;
	font-weight: 500;
	padding-left: 40px;
	-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 .content .link-box a:hover{
	color: #ff517a;
}

.service-block .content .link-box a:before{
	position: absolute;
	left: 0;
	top: 12px;
	height: 2px;
	width: 25px;
	background-color: #fe5c82;
	content: "";
}

/*** 

====================================================================
			About Section
====================================================================

***/

.about-section{
	position: relative;
	padding: 0 0 100px;
}

.about-section .column{
	position: relative;
	margin-bottom: 20px;
}

.about-section .column .inner-column{
	position: relative;
}

.about-section h2{
	position: relative;
	display: block;
	font-size: 35px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	margin-bottom: 25px;
}

.about-section .text{
	position: relative;
	margin-bottom: 20px;
}

.about-section .text p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
	margin-bottom: 20px;
}

.about-section ul{
	position: relative;
}

.about-section ul li{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	font-weight: 400;
	margin-bottom: 15px;
	padding-left: 40px;
}

.about-section ul li:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 23px;
	line-height: 25px;
	color: #b1e4a6;
	content: "\f1d6";
	font-family: "Flaticon";
}

/*** 

====================================================================
				Testimonial Section
====================================================================

***/

.testimonial-section{
	position: relative;
	background-color: #000000;
	padding: 160px 0 155px;
}

.icon-quote{
	height: 334px;
	width: 490px;
	background-image: url(../images/icons/quote-icon.png);
}

.testimonial-section .icon-quote{
	right: -190px;
	top: 100px;
}

.testimonial-block{
	position: relative;
}

.testimonial-block .inner-box{
	position: relative;
	padding-left: 205px;
	min-height: 230px;
	padding-top: 15px;
}

.testimonial-block .image-box{
	position: absolute;
	left: 0;
	top: 0;
}

.testimonial-block .image{
	position: relative;
	height: 175px;
	width: 175px;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	margin-bottom: 25px;
}

.testimonial-block .name{
	position: relative;
	width: 100%;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

.testimonial-block .content-box{
	position: relative;
	padding-left: 45px;
}

.testimonial-block .content-box .icon{
	position: absolute;
	left: 3px;
	top: 5px;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
}

.testimonial-block .content-box .text{
	position: relative;
	display: block;
	font-size: 21px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 300;
	font-style: italic;
}

.testimonial-carousel .owl-nav{
	display: none;
}

.testimonial-carousel .owl-dots{
	position: absolute;
	bottom: 20px;
	width: 100%;
	padding-left: 240px;
}

.testimonial-carousel .owl-dot{
	position: relative;
	display: inline-block;
	height: 7px;
	width: 7px;
	margin: 0 7px;
	border-radius: 50%;
	background-color: #737373;
}

.testimonial-carousel .owl-dot.active{
	-webkit-transform: scale(1.7);
	-moz-transform: scale(1.7);
	-ms-transform: scale(1.7);
	-o-transform: scale(1.7);
	transform: scale(1.7);
	background-color: #ff517a;
}

/*** 

====================================================================
		Testimonial Section Two
====================================================================

***/

.testimonial-section-two{
	position: relative;
	padding: 150px 0;
}

.icon-quote-3{
	height: 495px;
	width: 730px;
	background-image: url(../images/icons/quote-icon-3.png);
}

.testimonial-section-two .icon-quote-3{
	left: 50%;
	top: 85px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.testimonial-section-two .testimonial-carousel{
	padding-bottom: 40px;
}

.testimonial-block-two{
	position: relative;
	max-width: 940px;
	margin: 0 auto;
}

.testimonial-block-two .inner-box{
	position: relative;
	text-align: center;
}

.testimonial-block-two .upper-box{
	position: relative;
}

.testimonial-block-two .image{
	position: relative;
	display: inline-block;
	height: 120px;
	width: 120px;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 20px;
}

.testimonial-block-two .image img{
	display: block;
	width: 100%;
	height: auto;
}

.testimonial-block-two .name{
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.testimonial-block-two .icon{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
}

.testimonial-block-two .text{
	position: relative;
	font-size: 21px;
	line-height: 40px;
	color: #222222;
	font-weight: 300;
	font-style: italic;
}

.testimonial-section-two .testimonial-carousel .owl-dots{
	bottom: 0px;
	width: 100%;
	padding-left: 0;
	text-align: center;
}

/*** 

====================================================================
			Team Section
====================================================================

***/

.team-section-two{
	position: relative;
	padding: 145px 0 145px;
	background-color: #fdd45b;
}

.team-section-two .sec-title .title{
	color: #ffffff;
}

.team-section-two .team-block .lower-content .text{
	color: #222222;
}

/*** 

====================================================================
			Team Section
====================================================================

***/

.team-section{
	position: relative;
	padding: 140px 0 125px;
}

.team-block{
	position: relative;
	margin-bottom: 40px;
}

.team-block .inner-box{
	position: relative;
}

.team-block .image-box{
	position: relative;
}

.team-block .image{
	position: relative;
	margin-bottom: 0;
	overflow: hidden;
}

.team-block .image:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 3px solid #ffffff;
	opacity: 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;
	z-index: 1;
}

.team-block .image:after{
	content: '';
	position: absolute;
	left: -10px;
	top: -10px;
	right: -10px;
	bottom: -10px;
	border: 10px solid #ff517a;
	opacity: 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;
	z-index: 1;
}

.team-block .inner-box:hover .image:before{
	opacity: 1;
	left:16px;
	top:16px;
	bottom: 16px;
	right: 16px;
}

.team-block .inner-box:hover .image:after{
	opacity: 1;
	left:0px;
	top:0px;
	bottom: 0px;
	right: 0px;
}

.team-block .image 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;
}

.team-block .inner-box:hover .image 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 .lower-content{
	position: relative;
	text-align: center;
	padding: 22px 0 0;
}

.team-block .lower-content .name{
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 1.3em;
	color: #222222;
	font-weight: 500;
	font-family: "Poppins", sans-serif;
	margin-bottom: 5px;
}

.team-block .lower-content .name a{
	color: #222222;
	-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 .lower-content .name a:hover{
	color: #ff517a;
}

.team-block .lower-content .designation{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 1.2em;
	color: #777777;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 5px;
	font-family: "Unna", sans-serif;
}

.team-block .lower-content .text{
	position: relative;
	font-size:14px;
	line-height: 25px;
	color: #888888;
	margin-bottom: 15px;
}

.team-block .social-links{
	position: relative;
}

.team-block .social-links li{
	position: relative;
	display: inline-block;
	margin: 0 9px;
}

.team-block .social-links li a{
	display: block;
	font-size: 14px;
	line-height: 24px;
	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;
}

.team-block .social-links li a:hover{
	color: #ff517a;
}

/*** 

====================================================================
				Subscribe Section
====================================================================

***/

.subscribe-section{
	position: relative;
	background-color: #fdd45b;
}

.subscribe-section .float-text{
	position: absolute;
	right: -230px;
	top: 50%;
	font-size: 400px;
	font-weight: 700;
	text-transform: uppercase;
	color: rgba(255,255,255,.20);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-animation: slideInRight 20s infinite;
	-ms-animation: slideInRight 20s infinite;
	animation: slideInRight 20s infinite;
}

.icon-birds{
	height: 552px;
	width: 768px;
	background-image: url(../images/icons/icon-birds.png);
	opacity: 0.20;
}

.subscribe-section .icon-birds{
	left: -375px;
	top: 0;
}

.subscribe-section .image-column{
	position: relative;
}

.subscribe-section .image-column .image{
	position: relative;
	padding-top: 90px;
	margin-right: -150px;
	margin-left: -180px;
	margin-bottom: -50px;
}

.subscribe-section .image img{
	max-width: 100%;
	height: auto;
}

.subscribe-section .form-column{
	position: relative;
}

.subscribe-section .subscribe-form{
	position: relative;
	padding-top: 150px;
	padding-left: 15px;
}

.subscribe-section .subscribe-form span{
	position: relative;
	font-size: 17px;
	font-weight: 700;
	font-style: italic;
	font-family: "Unna", sans-serif;
	margin-bottom: 5px;
}

.subscribe-section .subscribe-form h3{
	position: relative;
	display: block;
	font-size: 35px;
	color: #222222;
	font-weight: 600;
	margin-bottom: 45px;
}

.subscribe-section .subscribe-form h3 i{
	font-weight: 700;
	font-style: italic;
	font-family: "Unna", sans-serif;
}

.subscribe-form .form-group{
	position:relative;
	display:block;
	margin: 0;
	z-index:1;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group input[type="url"],
.subscribe-form .form-group select,
.subscribe-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:20px;
	height:40px;
	font-size:20px;
	color:#1e1e1e;
	font-weight: 500;
	padding:10px 0px;
	background-color: transparent;
	border-bottom: 2px solid #1e1e1e;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form button{
	position: relative;
	margin-top: 40px;
}

.subscribe-section.style-two:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 50%;
	background-color: #ffffff;
	content: "";
	margin-left: -15px;
}

.subscribe-section.style-two .image-column .image{
	padding-top: 10px;
	margin-bottom: 0;
	padding-bottom: 30px;
	margin-left: -240px;
	margin-right: -90px;
}

.subscribe-section.style-two .subscribe-form{
	padding-left: 65px;
}

/*** 

====================================================================
			Portfolio section
====================================================================

***/

.portfolio-section{
	position: relative;
	padding: 140px 0 0px;
}

.portfolio-section .sec-title{
	margin-bottom: 50px;
}

.portfolio-section .masonry-items-container{
	margin: 0px;
}

.portfolio-section .small-item{
	width: 24.99999%
}

.portfolio-section .medium-item{
	width: 49.9%;
}

.masonry-item{
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

.portfolio-item{
	position: relative;
	display: block;
}

.portfolio-item .image-box{
	position: relative;
	background:#101010;
	overflow: hidden;
}

.portfolio-item .image-box:before{
	content:'';
	position:absolute;
	left:15px;
	top:15px;
	right:15px;
	height:50%;
	border:3px solid #ff517a;
	border-bottom:none;
	opacity:0;
	-webkit-transform:translateY(-110%);
	-ms-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;
	z-index:1;
}

.portfolio-item .image-box:after{
	content:'';
	position:absolute;
	left:15px;
	bottom:15px;
	right:15px;
	height:50%;
	border:3px solid #ffffff;
	border-top:none;
	opacity:0;
	-webkit-transform:translateY(110%);
	-ms-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;
	z-index:1;
}

.portfolio-item:hover .image-box:before,
.portfolio-item:hover .image-box:after{
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
	opacity:1;
}

.portfolio-item .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:hover .image-box img{
	opacity:0.70;
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}

.portfolio-item .caption-box{
	position: absolute;
	left: 50px;
	bottom: 50px;
	padding: 15px 25px;
	opacity: 0;
	visibility: hidden;
	z-index:5;
}

.portfolio-item .image-box:hover .caption-box{
	opacity: 1;
	visibility: visible;
}

.portfolio-item .caption-box:before,
.portfolio-item .caption-box:after{
	position: absolute;
	left: 0;
	top: 0;
	height: 0%;
	width: 100%;
	content: "";
	background-color: #000000;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

.portfolio-item .caption-box:after{
	background-color: #ffffff;
}

.portfolio-item .image-box:hover .caption-box:before{
	height: 100%;
}

.portfolio-item .image-box:hover .caption-box:after{
	height: 100%;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.portfolio-item .caption-box h3{
	position: relative;
	display: block;
	font-size: 26px;
	line-height: 1.4em;
	color: #222222;
	font-weight: 600;
	z-index: 9;
	opacity: 0;
}

.portfolio-item .image-box:hover .caption-box h3{
	opacity: 1;
	-webkit-animation: fadeInDown 300ms;
	-moz-animation: fadeInDown 300ms;
	-ms-animation: fadeInDown 300ms;
	-o-animation: fadeInDown 300ms;
	animation: fadeInDown 300ms;
	-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	-ms-animation-delay: 600ms;
	-o-animation-delay: 600ms;
	animation-delay: 600ms;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.portfolio-item .caption-box h3 a{
	color: #222222;
	-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 .caption-box h3 a:hover{
	color: #ff517a;
}

.portfolio-item .caption-box span{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #777777;
	font-weight: 300;
	font-style: italic;
	z-index: 9;
	font-family: "Unna", sans-serif;
	opacity: 0;
}

.portfolio-item .image-box:hover .caption-box span{
	opacity: 1;
	-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: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.portfolio-masonry{
	position: relative;
	padding: 0;
}

.portfolio-masonry .masonry-items-container{
	position: relative;
}

.portfolio-masonry .small-item{
	width: 25%;
}

.portfolio-masonry .medium-item{
	width: 49.99999%;
}

.masonry-grid{
	padding: 150px 0;
}

.masonry-grid .portfolio-item .caption-box{
	left: 30px;
	bottom: 30px;
}

.masonry-grid .masonry-items-container{
	margin: 0 -1px;
}


/*** 

====================================================================
		Portfolio Carousel section
====================================================================

***/

.portfolio-carousel-section{
	position: relative;
}

.portfolio-item-two{
	position: relative;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.portfolio-item-two .image-box{
	position: relative;
	overflow: hidden;
}

.portfolio-item-two .image-box img{
	display: block;
	width: 100%;
	height: auto;
}

.portfolio-item-two .caption-box{
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	padding: 25px 25px;
	opacity: 0;
	margin: 0 auto;
	visibility: hidden;
}

.portfolio-carousel-section .portfolio-item-two a.lightbox-image{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:5;
}

.portfolio-carousel-section .portfolio-item-two .caption-box{
	z-index:10;
}

.portfolio-item-two:hover .caption-box{
	opacity: 1;
	visibility: visible;
}

.portfolio-item-two .caption-box:before,
.portfolio-item-two .caption-box:after{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 0%;
	width: 100%;
	content: "";
	background-color: #000000;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

.portfolio-item-two .caption-box:after{
	background-color: #ffffff;
}

.portfolio-item-two:hover .caption-box:before{
	height: 100%;
}

.portfolio-item-two:hover .caption-box:after{
	height: 100%;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.portfolio-item-two .caption-box h3{
	position: relative;
	display: block;
	font-size: 25px;
	line-height: 30px;
	color: #222222;
	font-weight: 600;
	z-index: 9;
	opacity: 0;
}

.portfolio-item-two:hover .caption-box h3{
	opacity: 1;
	-webkit-animation: fadeInDown 300ms;
	-moz-animation: fadeInDown 300ms;
	-ms-animation: fadeInDown 300ms;
	-o-animation: fadeInDown 300ms;
	animation: fadeInDown 300ms;
	-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	-ms-animation-delay: 600ms;
	-o-animation-delay: 600ms;
	animation-delay: 600ms;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.portfolio-item-two .caption-box h3 a{
	color: #222222;
	-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 h3 a:hover{
	color: #ff517a;
}

.portfolio-item-two .caption-box span{
	position: relative;
	display: block;
	font-size: 19px;
	line-height: 25px;
	color: #777777;
	font-weight: 400;
	font-style: italic;
	z-index: 9;
	font-family: "Unna", sans-serif;
	opacity: 0;
}

.portfolio-item-two:hover .caption-box span{
	opacity: 1;
	-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: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.portfolio-item-two .caption-box .go-to{
	position: absolute;
	right: 30px;
	top: 35px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 19px;
	color: #222222;
	font-weight: 400;
	background-color: #fdd45b;
	opacity: 0;
	visibility: hidden;
	z-index: 99;
}

.portfolio-item-two:hover .caption-box .go-to{
	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: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

/*** 

====================================================================
		Portfolio Pinterest
====================================================================

***/

.portfolio-pinterest{
	position: relative;
	padding-bottom: 130px;
}

.sortable-masonry .filters{
	position: relative;
	text-align: center;
	padding: 70px 0;
}

.sortable-masonry .filters li{
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
	margin:0 22px;
	cursor: pointer;
}

.sortable-masonry .filters li.active{
	color: #505cfd;
}

.sortable-masonry .filters li.active:before{
	width: 20px;
}

.portfolio-pinterest .row{
	margin: 0 -1px;
}

.portfolio-pinterest .small-item{
	float: left;
	width: 19.99999%;
}

.portfolio-item-three{
	position:relative;
	padding: 0 12px;
	margin-bottom:20px;
}

.portfolio-item-three .inner-box{
	position:relative;
}

.portfolio-item-three .image{
	position:relative;
	overflow: hidden;
}

.portfolio-item-three .image img{
	position:relative;
	width:100%;
	display:block;
}

.portfolio-item-three .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.portfolio-item-three .overlay-box:before{
	position:absolute;
	left:0;
	top:0px;
	width:100%;
	height:70%;
	display:block;
	opacity:0;
	background: #ffffff padding-box content-box;
	padding: 20px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	content: "";
}

.portfolio-item-three .inner-box:hover .overlay-box:before{
	opacity: 1;
	height: 100%;
}

.portfolio-item-three .overlay-box .title{
	position: absolute;
	left: 45px;
	bottom: 75px;
	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-item-three .inner-box:hover .overlay-box .title{
	bottom: 40px;
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.portfolio-item-three .overlay-box .title h3{
	position: relative;
	font-size: 27px;
	line-height: 1.2em;
	color: #000000;
	font-weight: 700;
}

.portfolio-item-three .overlay-box .title 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-item-three .overlay-box .title h3 a:hover{
	color: #efb601;
}

.portfolio-item-three .overlay-box .title span{
	font-size: 17px;
	line-height: 26px;
	color: #6f6f6f;
	font-weight: 400;
	font-style: italic;
	font-family:"Unna", sans-serif;
}

.portfolio-item-three .overlay-box .link-box{
	position: absolute;
	right: 0;
	bottom: 0px;
	opacity: 0;
	padding-right: 50px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index:5;
}

.portfolio-item-three .inner-box:hover .overlay-box .link-box{
	bottom: 40px;
	opacity: 1;
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.portfolio-item-three .overlay-box .link-box a{
	position: relative;
	display: inline-block;
	height: 50px;
	width: 50px;
	background-color: rgba(255,255,255,.20);
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	-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 .overlay-box .link-box a:hover{
	background:#101010;
	color:#ffffff;
}

/*** 

====================================================================
			Portfolio Full Screen
====================================================================

***/

.portfolio-full-screen{
	position: relative;
}

.tabs-box{
	position: relative;
}

.tabs-box .tab{
	display:none;
}

.tabs-box .tab.active-tab{
	display:block;
}

.portfolio-tabs{
	position: fixed;
	height: 100%;
	width: 100%;
	text-align: center;
	background-position: center;
}

.portfolio-tabs .btn-box{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	display: table;
	vertical-align: middle;
}

.portfolio-tabs .tab-btns{
	position:relative;
	display: table-cell;
	vertical-align: middle;
	z-index:9;
}

.portfolio-tabs .tab-btns .tab-btn{
	position:relative;
	display: block;
	font-size:75px;
	line-height:1em;
	color:#222222;
	font-weight:600;
	margin-bottom: 1em;
	cursor:pointer;
	padding: 0 5px;
	text-transform:uppercase;
	text-decoration: line-through;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.portfolio-tabs .tab-btns .tab-btn:last-child{
	margin-bottom: 0;
}

.portfolio-tabs .tab-btns .tab-btn:hover,
.portfolio-tabs .tab-btns .tab-btn.active-btn{
	color: #ff517a;
}

.portfolio-tabs .tabs-content{
	position: fixed;
	height: 100%;
	width: 100%;
}

.portfolio-tabs .tabs-content .tab{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.portfolio-tabs .content{
	position: fixed;
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

.portfolio-tabs .image-box{
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.portfolio-tabs .image{
	position: relative;
	margin: 0;
}

.portfolio-tabs .image img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}

/*** 

====================================================================
		Portfolio section Style Two
====================================================================

***/

.portfolio-section.style-two{
	position: relative;
	padding: 140px 0 130px;
}

.portfolio-section.style-two .sec-title{
	margin-bottom: 80px;
}

.portfolio-section.style-two .masonry-items-container{
	margin: 0 -12px;
}

.portfolio-section.style-two .small-item{
	width: 33.333%;
}

.portfolio-section.style-two .big-item{
	width: 66.666667%;
}

.portfolio-section.style-two .masonry-item{
	padding: 0 10px;
	margin-bottom: 20px;
}

/*** 

====================================================================
			Video Section
====================================================================

***/

.video-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 282.5px 0;
}

.play-now {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.30);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

}

.play-now:hover{
	background-color: rgba(0,0,0,0.60);
}

.play-now .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 65px;
	width: 65px;
	text-align: center;
	line-height: 65px;
	background-color: #ffffff;
	color: #ff517a;
	z-index: 1;
	font-size: 20px;
	padding-left: 5px;
	margin-top: 32.5px;
	display: block;
	-webkit-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	-o-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
	-moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
	-ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
	-o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
	box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .1);
	-webkit-transform-origin:center;
	transform-origin:center;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 65px;
	width: 65px;
	margin-top: 32.5px;
	-webkit-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	-o-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
	-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .3);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.play-now .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
	margin-top: 32.5px
}

.play-now .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
	margin-top: 32.5px;
}

@-webkit-keyframes ripple {
	70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
	100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

@keyframes ripple {
	70% {box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);}
	100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}

/*** 

====================================================================
			Fluid Section One
====================================================================

***/

.fluid-section-one{
	position:relative;
}

.fluid-section-one .sec-title{
	margin-bottom: 30px;
}

.fluid-section-one .outer-container{
	position:relative;
	min-height:400px;
}

.fluid-section-one .big-title{
	position:absolute;
	top:200px;
	left:-440px;
	width:100%;
	word-wrap:normal;
	font-weight:700;
	text-transform:uppercase;
	font-size:350px;
	line-height: 250px;
	color: rgba(255,255,255,1);
	text-shadow: -1px -1px 0 #eeeeee, 1px -1px 0 #eeeeee,-1px  1px 0 #eeeeee,1px  1px 0 #eeeeee;
}

.fluid-section-one .shadow-image{
	position: absolute;
	left: -100px;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.fluid-section-one .image-column{
	position: relative;
	float:left;
	padding:170px 0px 120px;
	width:50%;
}

.fluid-section-one .image-column .inner{
	position:relative;
	padding:0px 15px;
	padding-right:50px;
	float:right;
}

.fluid-section-one .image-column .inner .image{
	text-align:right;
}

.fluid-section-one .image-column .inner .image img{
	position:relative;
	display:inline-block;
	width:100%;
}

.fluid-section-one .content-column{
	position:relative;
	float:right;
	width:50%;
}

.fluid-section-one .content-column .inner-column{
	position:relative;
	max-width:600px;
	padding:140px 15px 150px 15px;
}

.fluid-section-one .features-list{
	position: relative;
	margin-bottom: 30px;
}

.fluid-section-one .features-list li{
	position: relative;
	display: inline-block;
	height: 70px;
	width: 75px;
	line-height: 70px;
	text-align: center;
	font-size: 40px;
	color: #d3d3d3;
	border: 1px dashed #d3d3d3;
	margin-right: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fluid-section-one .features-list li a{
	color: inherit;
}

.fluid-section-one .features-list li:hover{
	background-color: #ff517a;
	color: #ffffff;
	border: 1px solid #ff517a;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 10px 10px rgba(0,0,0,0.10);
	-o-box-shadow: 0 10px 10px rgba(0,0,0,0.10);
	box-shadow: 0 10px 10px rgba(0,0,0,0.10);
}

/*** 

====================================================================
			News section
====================================================================

***/

.news-section{
	position: relative;
	padding: 140px 0 180px;
}

.news-section .sec-title{
	margin-bottom: 50px;
}

.news-section .row{
	margin: 0 -15px;
}

.news-block{
	position: relative;
	padding: 0 13px;
	margin-bottom: 30px;
}

.news-block .inner-box{
	position: relative;
	-webkit-box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	-ms-box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	-o-box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.news-block .image-box{
	position: relative;
}

.news-block .image-box .image{
	position:relative;
	display:block;
	overflow:hidden;
	background:#010101;
}

.news-block .image-box .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.news-block .image-box .image a{
	position:relative;
	display:block;
}

.news-block .image-box .image a:before{
	content: "\f0c1";
	font-family: 'FontAwesome';
	font-weight:900;
	position:absolute;
	left:50%;
	top:50%;
	margin:-30px 0px 0px -30px;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	background:#ffffff;
	color:#eb4343;
	font-size:20px;
	border-radius:50%;
	z-index:1;
	opacity:0;
	-webkit-transform:translateY(50px);
	-ms-transform:translateY(50px);
	transform:translateY(50px);
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.news-block .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.news-block .inner-box:hover .image-box .image img{
	opacity: .30;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block .inner-box:hover .image-box .image a:before{
	opacity:1;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
}

.news-block .content-box{
	position: relative;
	padding: 25px 30px 30px;
}

.news-block .content-box .info-list{
	position: relative;
	margin-bottom: 15px;
}

.news-block .content-box .info-list li{
	position: relative;
	display: inline-block;
	padding-right: 19px;
	margin-right: 15px;
	font-family: "Unna", sans-serif;
}

.news-block .content-box .info-list li:before{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 19px;
	line-height: 25px;
	color: #222222;
	font-weight: 400;
	content: "/";
}

.news-block .content-box .info-list li:last-child:before{
	display: none;
}

.news-block .content-box .info-list li a span{
	color: #ff517a;
}

.news-block .content-box .info-list li a{
	position: relative;
	display: block;
	font-size: 19px;
	line-height: 25px;
	color: #222222;
	font-weight: 400;
	font-style:italic;
	-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 .content-box h3{
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #222222;
	font-weight: 600;
	margin-bottom: 15px;
}

.news-block .content-box h3 a{
	color: #222222;
	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;
}

.news-block .content-box h3 a:hover{
	color: #ff517a;
	text-decoration: underline;
}

.news-block .content-box .info{
	position: relative;
	padding-left: 85px;
	padding-top: 10px;
	min-height: 70px;
}

.news-block .content-box .info .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 70px;
	border-radius: 50%;
	overflow: hidden;
}

.news-block .content-box .info .designation{
	position: relative;
	display: block;
	font-size: 19px;
	line-height: 1.3em;
	color: #222222;
	font-weight: 400;
	font-style: italic;
	font-family: "Unna", sans-serif;
}

.news-block .content-box .info .name{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #222222;
	font-weight: 400;
}

.news-block .blockquote{
	position: relative;
	padding: 55px 35px 65px;
	background-color: #ff517a;
	text-align: center;
	margin-bottom: 0;
}

.news-block .blockquote:before{
	position: absolute;
	top: 45px;
	left: 50%;
	height: 75px;
	width: 95px;
	margin-left: -47.5px;
	content: "";
	background-image: url(../images/icons/quote-icon-2.png);
	background-repeat: no-repeat;
	opacity: 0.14;
}

.news-block .blockquote .name{
	position: relative;
	font-size: 16px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
}

.news-block .blockquote .designation{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	font-family: "Unna", sans-serif;
	margin-bottom: 20px;
	font-style: italic;
}

.news-block .blockquote p{
	font-size: 14px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
}

.news-block .blockquote a{
	color: #ffffff;
}

.news-section .btn-box{
	position: relative;
	text-align: center;
	margin-top: 30px;
}

.news-section .btn-box .theme-btn{
	padding: 19px 50px;
}

/*** 

====================================================================
			Blog Masonry
====================================================================

***/

.blog-masonry{
	position: relative;
	padding: 20px 20px 150px;
}

.blog-masonry .masonry-items-container{
	margin: 0 -10px;
}

.blog-masonry .small-item{
	width: 20%;
}

.blog-masonry .news-block{
	position: relative;
	float: left;
	padding: 0 10px;
	margin-bottom: 20px;
}

.news-block-two{
	position: relative;
	padding: 0 13px;
	margin-bottom: 30px;
}

.news-block-two .inner-box{
	position: relative;
	-webkit-box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	-ms-box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	-o-box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.news-block-two .image-box{
	position: relative;
}

.news-block-two .image-box .image{
	position: relative;
	overflow: hidden;
}

.news-block-two .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.news-block-two .content-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(25,25,25,.83);
	padding: 25px 30px 30px;
}

.news-block-two .content-box .info-list{
	position: relative;
	margin-bottom: 15px;
}

.news-block-two .content-box .info-list li{
	position: relative;
	display: inline-block;
	padding-right: 19px;
	margin-right: 15px;
	font-family: "Unna", sans-serif;
}

.news-block-two .content-box .info-list li:before{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 19px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
	content: "/";
}

.news-block-two .content-box .info-list li:last-child:before{
	display: none;
}

.news-block-two .content-box .info-list li a span{
	color: #ff517a;
}

.news-block-two .content-box .info-list li a{
	position: relative;
	display: block;
	font-size: 19px;
	line-height: 25px;
	color: #ffffff;
	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;
}

.news-block-two .content-box h3{
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 10px;
}

.news-block-two .content-box h3 a{
	color: #ffffff;
	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;
}

.news-block-two .content-box h3 a:hover{
	color: #ff517a;
}

.news-block-two .content-box .info{
	position: absolute;
	padding-left: 85px;
	padding-top: 10px;
	left: 30px;
	bottom: 50px;
	min-height: 70px;
}

.news-block-two .content-box .info .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 70px;
	border-radius: 50%;
	overflow: hidden;
}

.news-block-two .content-box .info .designation{
	position: relative;
	display: block;
	font-size: 19px;
	line-height: 1.3em;
	color: #ffffff;
	font-weight: 400;
	font-style: italic;
	font-family: "Unna", sans-serif;
}

.news-block-two .content-box .info .name{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
}

.news-block-two .blockquote{
	position: relative;
	padding: 55px 35px 65px;
	background-color: #ff517a;
	text-align: center;
}

.news-block-two .blockquote:before{
	position: absolute;
	top: 45px;
	left: 50%;
	height: 75px;
	width: 95px;
	margin-left: -47.5px;
	content: "";
	background-image: url(../images/icons/quote-icon-2.png);
	background-repeat: no-repeat;
	opacity: 0.14;
}

.news-block-two .blockquote .name{
	position: relative;
	font-size: 16px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
}

.news-block-two .blockquote .designation{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	font-family: "Unna", sans-serif;
	margin-bottom: 20px;
}

.news-block-two .blockquote p{
	font-size: 14px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
}

.news-block-two .btn-box{
	position: relative;
	text-align: center;
	margin-top: 30px;
}

.blog-masonry .styled-pagination{
	margin-top: 70px;
}

/*** 

====================================================================
			Blog Masonry Grid
====================================================================

***/

.blog-masonry-grid{
	position: relative;
	padding: 140px 20px 140px;
}

.blog-masonry-grid .masonry-items-container{
	margin: 0 -15px;
}

.blog-masonry-grid .small-item{
	width: 33.3333333%;
}

.blog-masonry-grid .news-block{
	position: relative;
	padding: 0 17.5px;
	margin-bottom: 35px;
}

.blog-masonry-grid .styled-pagination{
	position: relative;
	margin-top: 20px;
}

/*** 

====================================================================
			Blog With Sidebar
====================================================================

***/

.blog-sidebar{
	position: relative;
}

.news-block-three{
	position: relative;
	margin-bottom: 40px;
}

.news-block-three .inner-box{
	position: relative;
	text-align: center;
	-webkit-box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	-ms-box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	-o-box-shadow: 0 8px 25px rgba(0,0,0,0.08);
	box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

.news-block-three .image-box .image{
	position:relative;
	display:block;
	overflow:hidden;
	background:#010101;
}

.news-block-three .image-box .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.news-block-three .image-box .image a{
	position:relative;
	display:block;
}

.news-block-three .image-box .image a:before{
	content: "\f0c1";
	font-family: 'FontAwesome';
	font-weight:900;
	position:absolute;
	left:50%;
	top:50%;
	margin:-30px 0px 0px -30px;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	background:#ffffff;
	color:#eb4343;
	font-size:20px;
	border-radius:50%;
	z-index:1;
	opacity:0;
	-webkit-transform:translateY(50px);
	-ms-transform:translateY(50px);
	transform:translateY(50px);
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.news-block-three .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.news-block-three .inner-box:hover .image-box .image img{
	opacity: .30;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.news-block-three .inner-box:hover .image-box .image a:before{
	opacity:1;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
}

.news-block-three .content-box{
	position: relative;
	padding: 25px 20px 25px;
}

.news-block-three .content-box .info-list{
	position: relative;
	margin-bottom: 12px;
}

.news-block-three .content-box .info-list li{
	position: relative;
	display: inline-block;
	padding-right: 19px;
	margin-right: 15px;
	font-family: "Unna", sans-serif;
}

.news-block-three .content-box .info-list li:last-child{
	padding-right: 0;
	margin-right: 0;
}

.news-block-three .content-box .info-list li:before{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 19px;
	line-height: 25px;
	color: #222222;
	font-weight: 400;
	content: "/";
}

.news-block-three .content-box .info-list li:last-child:before{
	display: none;
}

.news-block-three .content-box .info-list li a span{
	color: #ff517a;
}

.news-block-three .content-box .info-list li a{
	position: relative;
	display: block;
	font-size: 19px;
	line-height: 25px;
	color: #222222;
	font-weight: 400;
	font-style: italic;
	-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-three .content-box h3{
	display: block;
	font-size: 20px;
	line-height: 28px;
	color: #222222;
	font-weight: 500;
	max-width: 620px;
	margin: 0 auto 13px;
}

.news-block-three .content-box h3 a{
	color: #222222;
	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;
}

.news-block-three .content-box h3 a:hover{
	color: #ff517a;
}

.news-block-three .content-box .text{
	position: relative;
	font-size: 14px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
	max-width: 600px;
	margin: 0 auto 25px;
}

.news-block-three .content-box .info{
	position: relative;
	float: left;
	padding-left: 70px;
	padding-top: 5px;
	min-height: 60px;
	text-align: left;
}

.news-block-three .content-box .info .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	overflow: hidden;
}

.news-block-three .content-box .info .designation{
	position: relative;
	display: block;
	font-size: 19px;
	line-height: 1.3em;
	color: #222222;
	font-weight: 400;
	font-style: italic;
	font-family: "Unna", sans-serif;
}

.news-block-three .content-box .info .name{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #222222;
	font-weight: 400;
}

.news-block-three .content-box .social-links{
	position: relative;
	display: inline-block;
	margin-top: 20px;
}

.news-block-three .content-box .social-links li{
	position: relative;
	display: inline-block;
}

.news-block-three .content-box .social-links li a{
	position: relative;
	display: block;
	height: 35px;
	width: 35px;
	border: 1px solid transparent;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	color: #777777;
	font-weight: 400;
	border-radius: 50%;
	-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-three .content-box .social-links li a:hover{
	color: #ff567e;
	border: 1px solid #dddddd;
}

.news-block-three .content-box .btn-box{
	position: relative;
	float: right;
}

.news-block-three .content-box .btn-box a{
	padding: 19px 50px;
}

.news-block-three .blockquote{
	position: relative;
	padding: 55px 80px 50px;
	background-color: #ff517a;
	text-align: center;
}

.news-block-three .blockquote h3{
	position: relative;
	display: block;
	font-size: 25px;
	line-height: 35px;
	color: #333333;
	font-weight: 700;
}

.news-block-three .blockquote h3 a{
	color: #333333;
}

.news-block-three .blockquote h3 span,
.news-block-three .blockquote h3 a span{
	color: #ff517a;
}

.news-block-three .blockquote:after,
.news-block-three .blockquote:before{
	position: absolute;
	height: 100%;
	width: 100%;
	left: -460px;
	top: -100px;
	background-color: #ffffff;
	opacity: 0.09;
	content: "";
	-webkit-transform: rotate(-21deg);
	-moz-transform: rotate(-21deg);
	-ms-transform: rotate(-21deg);
	-o-transform: rotate(-21deg);
	transform: rotate(-21deg);
}

.news-block-three .blockquote:after{
	left: auto;
	right: -110px;
	top: 150px;
	-webkit-transform: rotate(-19deg);
	-moz-transform: rotate(-19deg);
	-ms-transform: rotate(-19deg);
	-o-transform: rotate(-19deg);
	transform: rotate(-19deg);
}

.news-block-three .blockquote .name{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 5px;
}

.news-block-three .blockquote .designation{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	font-family: "Unna", sans-serif;
	padding-bottom: 30px;
}

.news-block-three .blockquote .designation:before{
	position: absolute;
	left: 0;
	right: 0;
	height: 10px;
	width: 3px;
	background-color: #ffffff;
	margin: 0 auto;
	bottom: 10px;
	content: "";
}

.news-block-three .blockquote p{
	position: relative;
	font-size: 14px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
	z-index: 1;
}

.news-block-three .blockquote a{
	color: #ffffff;
}

.blockquote.bg-blue{
	background-color: #568ae9;
}

.blockquote.bg-green{
	background-color: #60d76e;
}

.blockquote.bg-yellow{
	background-color: #fdd45b;
}

.blog-sidebar .styled-pagination{
	margin-top: 70px;
}

/*** 

====================================================================
			Blog Single
====================================================================

***/

.blog-single{
	position: relative;
}

.blog-single .news-block-three{
	margin-bottom: 60px;
}

.blog-single .news-block-three .content-box{
	padding-left: 25px;
	padding-right: 25px;
}

.blog-single .news-block-three p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
	max-width: 700px;
	margin: 0 auto 25px;
}

.blog-single .blockquote{
	margin-right: -25px;
	margin-left: -25px;
	margin-top: 40px;
	margin-bottom: 35px;
	-webkit-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	-o-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	box-shadow: 0 8px 25px rgba(0,0,0,0.10);
}

.blog-single .blockquote:after,
.blog-single .blockquote:before{
	position: absolute;
	height: 100%;
	width: 100%;
	left: -490px;
	top: 0;
	background-color: #ffffff;
	opacity: 0.09;
	content: "";
	-webkit-transform: rotate(-21deg);
	-moz-transform: rotate(-21deg);
	-ms-transform: rotate(-21deg);
	-o-transform: rotate(-21deg);
	transform: rotate(-21deg);
}

.blog-single .blockquote:after{
	left: auto;
	right: -60%;
	top: -158px;
	-webkit-transform: rotate(-19deg);
	-moz-transform: rotate(-19deg);
	-ms-transform: rotate(-19deg);
	-o-transform: rotate(-19deg);
	transform: rotate(-19deg);
}

.blog-single .blockquote p{
	color: #ffffff;
	margin-bottom: 0;
}

.blog-single .two-column{
	position: relative;
}

.blog-single .two-column .row{
	margin: 0 -9px;
}

.blog-single .two-column .column{
	padding: 0 9px;
}

.blog-single .two-column .image{
	position: relative;
	margin-bottom: 30px;
}

.blog-single .two-column .image img{
	display: block;
	width: 100%;
	height: auto;
}

.blog-single .other-options{
	position: relative;
	padding-top: 20px;
	border-top: 1px solid #dbdbdb;
}

.blog-single .other-options .social-links{
	float: right;
	margin-top: 5px;
}

.blog-single .other-options .social-links li{
	margin: 0 -3px 0;
}

.blog-single .other-options .social-links li a{
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
}

/*** 

====================================================================
			Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
	display: block;
	width: 100%;
}

.styled-pagination ul{
	position:relative;
	width: 100%;
}

.styled-pagination li{
	position:relative;
	display: inline-block;
	margin: 0 5px 10px;
}

.styled-pagination li a{
	position:relative;
	display: block;
	height:45px;
	width: 45px;
	text-align: center;
	line-height:45px;
	font-weight:500;
	font-size:15px;
	background:#ffffff;
	color:#000000;
	border:1px solid #dadada;
	-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.active a{
	color:#ffffff;
	background:#ff517a;
	border-color:#ff517a;
}

.styled-pagination li.next a,
.styled-pagination li.prev a{
	background-color: #152545;
	color: #ffffff;
}

.styled-pagination li.next a:hover,
.styled-pagination li.prev a:hover{
	color:#ffffff;
	background:#43c3ea;
	border-color:#43c3ea;
}

/*** 

====================================================================
			Fun Fact Section
====================================================================

***/

.fun-fact-section{
	position: relative;
	background-color: #f0f0f0;
	padding:90px 0 60px;
}

.fun-fact-section .fact-counter{
	position: relative;
}

.fun-fact-section .counter-column{
	position:relative;
	margin-bottom:40px;
}

.fun-fact-section .count-box{
	position:relative;
	padding-left: 50px;
}

.fun-fact-section .count-box{
	position:relative;
	font-size:59px;
	font-weight:600;
	line-height: 1em;
	color:#222222;
}

.fun-fact-section .count-box .count-text{
	position:relative;
	display: inline-block;
	font-size:59px;
	font-weight:600;
	line-height: 1em;
	color:#222222;
}

.fun-fact-section .count-box .counter-title{
	position: relative;
	display: block;
	font-size:15px;
	line-height: 1.2em;
	font-weight:500;
	color:#222222;
	text-transform: uppercase;
	margin-bottom: 5px;
}

/*** 

====================================================================
			Contact Section
====================================================================

***/

.contact-section{
	position: relative;
}

.contact-section .content-column .inner-column{
	position: relative;
	padding: 115px 0 140px;
	padding-left: 50px;
}

.contact-section .content-column {
	position: relative;
}

.contact-section .sec-title{
	position: relative;
	margin-bottom: 30px;
}

.contact-section .sec-title .title{
	margin-bottom: 0;
}

.contact-section .content-column .text{
	position: relative;
	font-size: 20px;
	line-height: 2em;
	color: #777777;
	font-weight: 400;
	margin-bottom: 30px;
}

.contact-section .content-column .text span{
	color: #ff517a;
}

.contact-section .content-column .text a{
	display: block;
	color: #000000;
}

.contact-section .content-column .text a:hover{
	color: #ff517a;
	-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-section .image-column .inner-column{
	position: relative;
	padding: 55px 0 45px;
	margin-left: -235px;
}

.contact-section .image-box{
	position: relative;
}

.contact-section .image-box img{
	display: block;
	width: 100%;
	height: auto;
}

.contact-section .map-column{
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:100%;
}

.contact-section .map-box,
.contact-section .map-canvas{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.contact-section .content-column{
	width:50%;
	float:right;
}

/*** 

====================================================================
			Contact Page Section
====================================================================

***/

.contact-page-section{
	position: relative;
	padding: 145px 0 150px;
}

.contact-page-section .title-box{
	position: relative;
	text-align: center;
	margin-bottom: 75px;
}

.contact-page-section .title-box h3{
	position: relative;
	display: block;
	font-size: 32px;
	color: #333333;
	font-weight: 600;
	margin-bottom: 20px;
}

.contact-page-section .title-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
}

.contact-form{
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
}

.contact-form .form-group{
	position:relative;
	display: block;
	margin-bottom:30px;
}

.contact-form .form-group:last-child{
	margin-bottom:0px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	font-size:15px;
	line-height:20px;
	padding:15px 0px;
	color:#333333;
	border-bottom:1px solid #222222;
	height:50px;
	font-weight: 500;
	background:#ffffff;
	-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[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#ff214f;
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	font-size:15px;
	line-height:20px;
	padding:15px 0px;
	color:#333333;
	border-bottom:1px solid #222222;
	height:140px;
	font-weight: 500;
	background:#ffffff;
	width: 100%;
	resize: none;
	margin-bottom: 10px;
	-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[type="submit"],
.contact-form .form-group button{
	position: relative;
	display: inline-block;
	background-color: transparent;
	padding: 15px 35px;
	border-radius: 30px;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;
}

/*** 

====================================================================
			Main Footer
====================================================================

***/

.main-footer{
	position: relative;
	background-color: #e96321;
	padding: 75px 0 75px;
	text-align: center;
	border-top: 5px solid #565656;
}

.main-footer .fooer-logo{
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.main-footer .fooer-logo img{
	max-height: 100%;
	height: auto;
}

.main-footer .footer-nav{
	position: relative;
	margin-bottom: 15px;
}


.main-footer .footer-nav ul{
	position: relative;
	display: block;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	max-width: 970px;
	margin: 0 auto;
}

.main-footer .footer-nav ul li{
	position: relative;
	display: inline-block;
}

.main-footer .footer-nav ul li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	font-weight: 400;
	color: #ffffff;
	padding: 14px 20px;
	border-bottom: 1px solid transparent;
	transition: all 300ms ease;
}
.main-footer .footer-nav ul li a:hover{
	color: #565656;
}

.main-footer .footer-nav ul li.active a,
.main-footer .footer-nav ul li a:hover{
	border-bottom: 1px solid #ff517a;
}

.main-footer .social-links{
	position: relative;
	display: block;
	margin-bottom: 15px;
}

.main-footer .social-links ul{
	position: relative;
}

.main-footer .social-links ul li{
	position: relative;
	display: inline-block;
}

.main-footer .social-links ul li a{
	display: inline-block;
	font-size: 20px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 400;
	margin: 0 9px;
	-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 ul li a:hover{
	color: #ff517a;
}

.main-footer .copyright{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
}

.main-footer .copyright a{
	color: #ffffff;
	/* display: block; */
	width: 100%;
	position: inherit;
}

.main-footer .copyright a:hover{
	text-decoration: underline;
}

/***

==================================================================
			Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
	position: relative;
	padding: 130px 0 70px;
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	position: relative;
	margin-bottom: 50px;
}

.sidebar-widget{
	position: relative;
	margin-bottom:80px;
	border: 1px solid #dbdbdb;
	-webkit-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	-o-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	box-shadow: 0 8px 25px rgba(0,0,0,0.10);
}

.sidebar-side .sidebar-widget:last-child{
	margin-bottom: 0;
}

.sidebar-side .sidebar-title{
	position: absolute;
	display: inline-block;
	left: 0;
	top: -29px;
	margin-bottom: 15px;
	padding: 12px 35px 0 25px;
	background-color: #ffffff;
	border-top: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
}

.sidebar-side .sidebar-title:after{
	position: absolute;
	right: -13px;
	top: 0;
	height: 27px;
	content: "";
	border-left: 1px solid #dbdbdb;
	-webkit-transform: skew(44deg);
	-moz-transform: skew(44deg);
	-ms-transform: skew(44deg);
	-o-transform: skew(44deg);
	transform: skew(44deg);
}

.sidebar-side .sidebar-title:before{
	position: absolute;
	right: -25px;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.sidebar-side .sidebar-title h3{
	position: relative;
	display: inline-block;
	font-size: 17px;
	color: #222222;
	line-height: 22px;
	font-weight: 600;
	text-transform: uppercase;
}

/*=== About Widget ===*/

.about-widget{
	position: relative;
	padding: 50px 30px;
	text-align: center;
	border: 1px solid transparent;
}

.about-widget .image{
	position: relative;
	height: 135px;
	width: 135px;
	margin: 0 auto 18px;
	border-radius: 50%;
	overflow: hidden;
}

.about-widget .image img{
	display: block;
	width: 100%;
	height: auto;
}

.about-widget .name{
	position: relative;
	display: inline-block;
	font-size: 17px;
	color: #222222;
	line-height: 27px;
	font-weight: 600;
	text-transform: uppercase;
}

.about-widget .designation{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 22px;
	color: #777777;
	font-family: "Unna", sans-serif;
	font-style: italic;
	font-weight: 400;
	margin-bottom: 12px;
}

.about-widget .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 25px;
	color: #888888;
	font-weight: 400;
}

/*=== Categories ===*/

.category-list{
	position: relative;
	padding: 35px 25px 45px;
}

.category-list li{
	position: relative;
	display: block;
}

.category-list li a{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #555555;
	font-weight: 400;
	padding: 10px 0;
	border-bottom: 1px solid #d8d8d8;
	-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 span{
	position: relative;
	float: right;
}

.category-list li:hover a{
	color: #ff214f;
}

/*Recent Posts*/

.recent-posts{
	position: relative;
	padding: 45px 25px 40px;
}

.recent-posts .post{
	position: relative;
	min-height: 105px;
	padding-left: 95px;
	padding-bottom: 20px;
	padding-top: 10px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 20px;
}

.recent-posts .post:last-child{
	margin-bottom: 0;
}

.recent-posts .post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	overflow: hidden;
}

.recent-posts .post .thumb a{
	display: block;
}

.recent-posts .post .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.recent-posts .post h4{
	position: relative;
	font-size: 15px;
	color: #333333;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 2px;
}

.recent-posts .post h4 a{
	color:#333333;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.recent-posts .post h4 a:hover{
	color: #ff214f;
}

.recent-posts .post .date{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #ff517a;
}

/*=== Tags ===*/

.tag-list{
	position: relative;
	display: block;
	padding: 45px 25px 30px;
}

.tag-list li{
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.tag-list li a{
	position: relative;
	display: block;
	font-size: 12px;
	color: #333333;
	font-weight: 400;
	line-height: 25px;
	padding: 10px 15px;
	background-color: #fdfdfd;
	text-transform: uppercase;
	border: 1px solid #d3d3d3;
	-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: #ff517a;
}

/*=== Mate ===*/

.meta-list{
	position: relative;
	display: block;
	padding: 15px 25px 25px;
}

.meta-list li{
	position: relative;
	display: block;
}

.meta-list li a{
	position: relative;
	display: block;
	font-size: 14px;
	color: #333333;
	line-height: 27px;
	padding: 10px 0px;
	-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: #ff6186;
	-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:hover{
	color: #ff6186;
}

.blockquote-widget{
	position: relative;
}

.blockquote-widget .blockquote{
	position: relative;
	padding: 55px 35px 65px;
	background-color: #6e7dea;
	text-align: center;
	margin-bottom: 0;
}

.blockquote-widget .blockquote:before{
	position: absolute;
	top: 45px;
	left: 50%;
	height: 75px;
	width: 95px;
	margin-left: -47.5px;
	content: "";
	background-image: url(../images/icons/quote-icon-2.png);
	background-repeat: no-repeat;
	opacity: 0.14;
}

.blockquote-widget .blockquote .name{
	position: relative;
	font-size: 16px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
}

.blockquote-widget .blockquote .designation{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	font-family: "Unna", sans-serif;
	margin-bottom: 20px;
}

.blockquote-widget .blockquote p{
	font-size: 14px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 400;
}

/*** 

====================================================================
				Comment Area
====================================================================

 ***/

.group-title{
	position: relative;
	margin-bottom: 35px;
}

.group-title h2{
	position: relative;
	font-size: 20px;
	color: #222222;
	line-height: 1.2em;
	font-weight: 500;
}

.comments-area{
	position:relative;
	background-color: #ffffff;
	margin-bottom:70px;
	padding: 45px 50px 60px;
	-webkit-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	-o-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	box-shadow: 0 8px 25px rgba(0,0,0,0.10);
}

.comments-area .comment{
	position:relative;
	padding-left: 130px;
	min-height: 135px;
	padding-bottom: 40px;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 40px;
}

.comments-area .comment.reply-comment{
	margin-left: 100px;
}

.comments-area .comment:last-child{
	margin-bottom: 0;
}

.comments-area .comment .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:95px;
	height:95px;
	margin-bottom:10px;
	border-radius: 50%;
	overflow: hidden;
}

.comments-area .comment .author-thumb img{
	width:100%;
	height: auto;
	display:block;
}

.comments-area .comment-info{
	position: relative;
	margin-bottom: 5px;
}

.comments-area .comment .name{
	position: relative;
	display: block;
	font-size:15px;
	font-weight:600;
	color:#222222;
	line-height: 20px;
	text-transform:uppercase;
}

.comments-area .comment .date{
	position: relative;
	display: block;
	font-size: 11px;
	line-height: 20px;
	color: #ff4c72;
	font-weight: 600;
	text-transform: uppercase;
}

.comments-area .comment .text{
	font-size: 14px;
	line-height: 25px;
	color:#888888;
	font-weight: 400;
}

.comments-area .comment .reply-btn{
	position:absolute;
	right: 0;
	top: 0;
	font-size:14px;
	color:#222222;
	line-height:24px;
	font-weight:600;
	text-decoration: underline;
	-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 .reply-btn:hover{
	color: #ff4c72;
}

/*** 

====================================================================
		Comment Form
====================================================================

 ***/

.comment-form{
	position: relative;
	background-color: #ffffff;
	padding: 40px 0 0px;
	-webkit-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	-o-box-shadow: 0 8px 25px rgba(0,0,0,0.10);
	box-shadow: 0 8px 25px rgba(0,0,0,0.10);
}

.comment-form .form-group{
	position:relative;
	display: block;
	padding: 0 50px;
	margin-bottom:30px;
}

.comment-form .form-group.btn-box{
	padding: 10px 0 0;
}

.comment-form .form-group:last-child{
	margin-bottom:0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	font-size:15px;
	line-height:20px;
	padding:15px 0px;
	color:#333333;
	border-bottom:1px solid #222222;
	height:50px;
	font-weight: 500;
	background:#ffffff;
	-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[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#ff214f;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	font-size:15px;
	line-height:20px;
	padding:15px 0px;
	color:#333333;
	border-bottom:1px solid #222222;
	height:110px;
	font-weight: 500;
	background:#ffffff;
	width: 100%;
	resize: none;
	margin-bottom: 10px;
	-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[type="submit"],
.comment-form .form-group button{
	position: relative;
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 25px;
	color: #ffffff;
	font-weight: 500;
	background-color: #ff517a;
	padding: 20px 15px;
	text-align: center;
	-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[type="submit"]:hover,
.comment-form .form-group button:hover{
	background-color: #222222;
}

/*** 

====================================================================
	Map Section 
====================================================================

***/

.map-section{
	position:relative;
}

.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}

.map-data h6{
	font-size:18px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#1e1e1e;
}

.map-canvas{
	height:580px;
}


/*** 

====================================================================
	Carousel Page Header
====================================================================

***/

.full-carousel-page .page-wrapper{
	padding-left:100px;
}

.carousel-page-header{
	position:fixed;
	left:0;
	top:0;
	width:100px;
	height:100%;
	z-index:999;
	background:#ffffff;
	text-align:center;
}

.carousel-page-header.style-two{
	background:none;
	width:100%;
	height:auto;
	text-align:left;
}

.carousel-page-header .inner-box{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.carousel-page-header.style-two .inner-box{
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:auto;
	padding:30px 50px;
}

.carousel-page-header .bar-logo{
	position:relative;
	padding:30px 0px;
}

.carousel-page-header.style-two .inner-box .bar-logo{
	float:left;
	padding:0px;
	width:auto;
}

.carousel-page-header .nav-toggler{
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	margin-top:-10px;
}

.carousel-page-header.style-two .inner-box .nav-toggler{
	position:relative;
	float:right;
	top:0px;
	margin:0px;
	right:0px;
	width:auto;
	padding:10px 0px;
}

.carousel-page-header .nav-toggler button{
	position: relative;
	display:inline-block;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	color: #ffffff;
	font-size: 22px;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center;
}

/*** 

====================================================================
	Fullscreen Menu
====================================================================

***/

body.visible-menu-bar{
	height: 100%;
}

.fullscreen-menu{
	position: fixed;
	left:0px;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.90);
	z-index: 99999;
	transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	overflow-y:auto;
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateY(110%);
	-ms-transform:translateY(110%);
	transform:translateY(110%);
}

body.visible-menu-bar .fullscreen-menu{
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}

.fullscreen-menu .close-menu{
	position:absolute;
	right:30px;
	top:30px;
	width:40px;
	height:40px;
	background:url(../images/icons/menu-closer.png) center center no-repeat;
	color:#ffffff;
	z-index:5;
	cursor:pointer;
}

.fullscreen-menu .close-menu:hover{
	opacity:0.50;
}

.fullscreen-menu .menu-outer-container{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
}

.fullscreen-menu .menu-outer-container .menu-box{
	position:relative;
	width:100%;
	display:table-cell;
	vertical-align:middle;
}

.fullscreen-menu .full-menu{
	position:relative;
	display:block;
	max-width:540px;
	margin:0 auto;
	padding:50px 15px 50px;
	text-align:center;
}

.fullscreen-menu .full-menu .navigation{
	position:relative;
	display:block;
	list-style:none;
	margin:0;
}

.fullscreen-menu .full-menu .navigation > li,
.fullscreen-menu .full-menu .navigation > li > ul > li{
	position:relative;
	display:block;
	list-style:none;
	margin:0;
	margin-bottom:20px;
}

.fullscreen-menu .full-menu .navigation > li > ul > li,
.fullscreen-menu .full-menu .navigation > li > ul > li > ul > li{
	margin-bottom:15px;
}

.fullscreen-menu .full-menu .navigation > li > ul,
.fullscreen-menu .full-menu .navigation > li > ul > li > ul{
	margin:0;
	display: none;
	margin-top:20px;
}

.fullscreen-menu .full-menu .navigation > li:last-child,
.fullscreen-menu .full-menu .navigation > li > ul > li:last-child{
	margin-bottom:0px;
}

.fullscreen-menu .full-menu .navigation > li > a,
.fullscreen-menu .full-menu .navigation > li > ul > li >  a,
.fullscreen-menu .full-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:inline-block;
	font-size:20px;
	font-weight:500;
	color:#ffffff;
	text-transform:uppercase;
}

.fullscreen-menu .full-menu .navigation > li > ul > li >  a,
.fullscreen-menu .full-menu .navigation > li > ul > li > ul > li > a{
	font-size:16px;
	text-transform: capitalize;
}

.fullscreen-menu .full-menu .navigation > li > a:hover,
.fullscreen-menu .full-menu .navigation > li > ul> li > a:hover,
.fullscreen-menu .full-menu .navigation > li > ul > li > ul > li > a:hover{
	text-decoration:underline;
}
.user-manual{
	padding-top: 50px;
	background-repeat: no-repeat;

}

.user-manual-text{
	margin-bottom: 80px;
	margin-top: 20px;
	font-family: 'Chauncy Fatty';
	color: darkorange;
	font-size: 40px;
}
.figure{
	font-family: Morganite;
	font-size: 100px;
	position: absolute;
	left: 50px;
	top: 20px;
	line-height: 150px;
	color: #6a6464;
}
.steps img{
	margin-bottom:15px
}

.steps{
	border-radius: 100px;
	background: #ffffff;
	padding: 22px;
	text-align: center;
}
.steps:hover{
	-webkit-box-shadow: 5px 5px 15px 5px #FF8080, -9px 5px 15px 5px #FFE488, -7px -5px 15px 5px #8CFF85, 12px -5px 15px 5px #80C7FF, 12px 10px 15px 7px #E488FF, -10px 10px 15px 7px #FF616B, -10px -7px 27px 1px #8E5CFF, 5px 5px 15px 5px rgba(0,0,0,0);
	box-shadow: 5px 5px 15px 5px #ff8080, -9px 5px 15px 5px #ffe488, -1px -5px 15px 5px #8cff85, 12px -1px 15px 5px #80c7ff, 12px 10px 15px 7px #e488ff, 1px 1px 1px -1px #ff616b, -1px -10px 12px 1px #8e5cff, 5px 5px 0px 5px rgb(0 0 0 / 0%);
	cursor: pointer;

}
.steps-text{
	width: 60%;
	margin: auto;
	text-align: center;
	line-height: 15px;
}
.warning{
	padding-top: 25px;
	padding-bottom: 80px;
}
.warning-text{
	color: darkorange;
	margin: auto;
	float: right;
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
}
.warning .one img{
	margin-bottom: 0;
	float: right;
}
.certificates img{
	float: left;

}
.certificates{
	display:inline-block;
	margin-top: 50px;
}

.certificates-text{
	text-align: center;
	font-size: 20px;
}

.content-box.color-1{background-color: #4271b7 !important;}
.content-box.color-1:before{border-bottom-color: #4271b7 !important;}

.content-box.color-2{background-color: #e75722 !important;}
.content-box.color-2:before{border-top-color: #e75722 !important;}

.content-box.color-3{background-color: #f49c1b !important;}
.content-box.color-3:before{border-bottom-color: #f49c1b !important;}

.content-box.color-4{background-color: #c5448e !important;}
.content-box.color-4:before{border-bottom-color: #c5448e !important;}

.content-box.color-5{ background-color: #0a53be !important;}
.content-box.color-5:before{ border-top-color: #0a53be !important;}

.content-box.color-6{background-color: #15b555 !important;}
.content-box.color-6:before{border-bottom-color: #15b555 !important;}

.content-box.color-7{background-color: #3e4896 !important;}
.content-box.color-7:before{border-bottom-color: #3e4896 !important;}

.content-box.color-8{background-color: #ee801e !important;}
.content-box.color-8:before{border-top-color: #ee801e !important;}

.content-box.color-9{background-color: #d63c8a !important;}
.content-box.color-9:before{border-bottom-color: #d63c8a !important;}