/*
 * =====================================
 Theme Name: Mixed
 Theme URI: http://www.crazycafe.net/
 Author: CrazyCafe
 Author URI: http://www.crazycafe.net
 Version: 1.0
 Description:
 *==========================================
 */


/**
 *
 * Note: If you want to see the specific versions or sections styles, just block the stylesheet index name & press clrl+f on windows and for mac
 * press comman+f then hit enter for get that specific section css.
 *
 * Stylesheet index names & css styles both are serialized.
 *
 */


/*
 -------------------------------------------
 *  Table of contents
 * -----------------------------------------
 *      0. Buttons Style
 *      	0.1 About Sections Overlays
 *      	0.2 Image Hover Effects
 *      	0.3 Search Form Css
 *     		0.4 Page Bread Cumbs CSS


 *      1. Version - 1
 *          1.1 Top Area Css
 *          1.2 slider area css
 *          1.3 Menu Css

 *      2. Version - 2
 *      3. Version - 3
 *      4. Version - 4
 *      5. Version - 5
 *      6. Version - 6
 *      7. Version - 7
 *      8. Version - 8
 *      9. Version - 9


 *      10. ABOUT SECTIONS
	 *      10.1 About Section - 2
	 *      10.2 About Section - 3
	 *      10.3 About Section - 4
	 *      10.4 About Section - 5
	 *      10.6 About Section - 6
	 *      10.7 About Section - 8
	 *      10.8 About Section - 9



 *      11. Services
 *          11.1 Services - 4
 *          11.2 Services - 5
 *          11.3 Services - 6
 *          11.4 Services - 7
 *          11.5 Services - 8
 *          11.6 Services - 9

 *      12. Testimonials CSS
 *          12.1 Testimonail - 1
 *          12.2 Testimonail - 2
 *          12.3 Testimonail - 3
 *          12.4 Testimonail - 5
 *          12.5 Testimonail - 6
 *          12.6 Testimonail - 8
 *          12.7 Testimonail - 10



*      13. Our Team Css
*           13.1 Team Section - 1
*           13.2 Team Section - 3
*           13.3 Team Section - 4
*           13.4 Team Section - 5
*           13.5 Team Section - 6
*           13.6 Team Section - 7
*           13.7 Team Section - 8
*           13.9 Team Section - 9
*           13.10 Team Section - 10
*           13.11 Team Section - 11



 *      14. Facts Styles
 *          14.1 Facts Styles - 3
 *          14.2 Facts Styles - 4
 *          14.3 Facts Styles - 5
 *          14.4 Facts Styles - 6
 *          14.5 Facts Styles - 7
 *          14.6 Facts Styles - 8
 *          14.7 Facts Styles - 9
 *          14.8 Facts Styles - 10



*      15. Portfolios Styles
*           15.2 Portfolio - 2
*           15.3 Portfolio - 3
*           15.4 Portfolio - 4
*           15.5 Portfolio - 5
*           15.6 Portfolio - 6
*           15.7 Portfolio - 7
*           15.8 Portfolio - 8



 *      16. Blog Styles
 *          16.1 Blog - 1
 *          16.2 Blog - 3
 *          16.3 Blog - 4
 *          16.4 Blog - 8
 *           16.5 Blog - 9


 *      17. Pricing Sections CSS
*           17.1 Pricing - 2
*           17.2 Pricing - 3
*           17.2 Pricing - 3
*           17.3 Pricing - 4
*           17.4 Pricing - 6

 *      18. Brand Sections
 *          18.1 Brand - 2
 *          18.2 Brand - 4
 *          18.3 Brand - 5
 *          18.4 Brand - 6
 *          18.5 Brand - 7

*      19. CTA Sections
*           19.1 CTA - 2
*           19.2 CTA - 3
*           19.3 CTA - 4
*           19.4 CTA - 5
*           19.5 CTA - 6

 *      20. Subscribe Section
 *          20.1 Subscribe - 2
 *          20.2 Subscribe - 3


 *      21. Footer Sections
 *          21.1 Footer Bottom
 *          21.2 White Footer Section
 *          21.3 Footer - 3
 *          21.4 Footer - 4
 *          21.5 Footer - 6
 *          21.6 Footer - 7

 *      22. About Innerpage - 1
 *          22.1 About Innerpage - 2
 *          22.2 About Innerpage - 3
 *          22.3 About Innerpage - 4
 *          22.4 About Innerpage - 5
 *          22.5 About Innerpage - 6


 *      23. Video Section

 *      24. Testimonial Innerpage - 1
 *          24.1 Testimonial Innerpage - 2
 *          24.2 Testimonial Innerpage - 3
 *          24.3 Testimonial Innerpage - 4


 *      25. Service Innerpage
 *          25.1 Single Service - 1
 *          25.2 Single Service - 2


 *      26. Team Innerpage - 1
 *          26.1 Team Innerpage - 2

 *      27. Portfolio Innerpage - 2
 *          27.1 Portfolio Innerpage - 3


 *      28. Blogpage - 2
 *          28.1 Blogpage - 3
 *          28.2 Blogpage - 4
 *          28.3 Single Blogpage - 1

 *      29. Comments Area Css
 *          29.1 Comment Box CSS

 *      30. Contact Page CSS
 *          30.1 Contact Page CSS -2

 *      31. DropDown Menu CSS
 *
 -------------------------------------------
 */


/* ---------------------------------------------------------------
    Importing All Internal CSS files
  -------------------------------------------------------------- */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url("css/animate.min.css");
@import url("css/barfiller.css");
@import url("css/bootstrap.min.css");
@import url("css/font-awesome.min.css");
@import url("css/owl.carousel.css");
@import url("css/prettyPhoto.css");
@import url("css/slick.css");
@import url("css/main.css");

/* ---------------------------------------------------------------
   00.Buttons Style
-------------------------------------------------------------- */

.buttonStyleOne,
.buttonStyleTwo,
.buttonStyleThree,
.buttonStyleFour,
.buttonStyleFive {
	border: 1px solid;
	color: #fff;
	letter-spacing: 1px;
	padding: 16px 35px;
	position: relative;
	text-transform: uppercase;
	z-index: 999;
	-moz-user-select: none;
	background-image: none;
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	margin: 0 5px;
}

.buttonStyleOne {
	border-width: 2px;
	font-size: 12px;
}

.button-filled {
	background: #e8a70a none repeat scroll 0 0;
	border-color: #e8a70a;
}

a.btn-learn-more {
	border: 3px solid;
	color: #0a0a0a;
	font-weight: 700;
	padding: 15px 35px;
	text-transform: uppercase;
}

.view-btn {
	border: 3px solid;
	border-radius: 3px;
	color: #0a0a0a;
	display: inline-block;
	margin: 60px 0 0 0;
	padding: 14px 40px;
	font-weight: 700;
}

.view-btn:hover {
	color: #000;
}


/* --------------------------------------
    0.1 About Sections Overlays
-------------------------------------- */

.about-overlay {
	position: relative;
	z-index: 1;
}

.about-overlay::after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background: #363636;
	opacity: .90;
	z-index: -1;
}

.border-none {
	border: 0px solid!important;
}

.black-bg {
	background: #363636;
}


/* --------------------------------------
    0.2 Image Hover Effects
-------------------------------------- */

.hover-style-one {
	opacity: 0;
	-webkit-transform: rotate3d(1, -1, 0, 100deg);
	transform: rotate3d(1, -1, 0, 100deg);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.sin-portfolio:hover .hover-style-one {
	opacity: 1;
	-webkit-transform: rotate3d(0, 0, 0, 0deg);
	transform: rotate3d(0, 0, 0, 0deg);
}


/* --------------------------------------
    1. Version - 1
-------------------------------------- */


/* 1.1 Top Area Css */

.top-info,
.slider-text > span {
	font-family: 'montserratlight';
}

.top-left {
	color: #fff;
	float: left;
}

.top-right {
	float: right;
}

.top-info p {
	float: left;
	margin: 0 50px 0 0;
}

.top-area {
	background: rgba(0, 0, 0, 0.49) none repeat scroll 0 0;
	color: #ffffff;
	font-size: 12px;
	overflow: hidden;
	width: 100%;
}

.top-social li {
	display: inline-block;
	font-size: 12px;
	margin-left: 18px;
	position: relative;
}

ul.top-social.hover-two li {
	margin-left: 0;
	margin-right: 18px;
}

.top-social li a,
.top-social li span {
	font-size: 12px;
	padding: 10px 0;
}

.top-social li a,
.top-social li span {
	color: #fff;
}

.top-social li span {
	cursor: pointer;
}

.top-info p i {
	margin-right: 5px;
}

.search-icon {
	height: 100%;
	right: 0;
	top: 0;
	z-index: 99;
}

.search-icon .trigger,
.homeFour .search-switch-2,
.homeThree .search-switch-3 {
	color: #fff;
	font-size: 15px;
	line-height: 75px;
	cursor: pointer;
}

.homeFour .search-switch-2,
.homeThree .search-switch-3 {
	line-height: 115px;
}

.homeFour .buttonStyleFour.empty-style:hover {
	color: #36d7b7;
	border-color: #36d7b7;
}

.homeThree {
	overflow: hidden;
}

.homeFive .top-social li a:hover,
.homeFive .top-social li span:hover {
	color: #f96868;
}

.top-social li a:hover,
.top-social li span:hover {
	color: #e8a70a;
}


/* 1.2 slider area css */

.slider-area {
	left: 0;
	position: absolute;
	top: 0;
}

.slide-active-1 {
	background: #000;
}

#header-area,
#header-area9 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99999;
}


/* 1.3 Menu Css */

.menu-style-one .nav.navbar-nav li {
	display: inline-block;
	float: none;
}

.menu-style-one .nav.navbar-nav > li::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -10px;
	height: 3px;
	width: 20px;
	content: "";
	background: #e8a70a;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .30s ease-in-out 0s;
	transition: all .30s ease-in-out 0s;
}

.menu-style-one .nav.navbar-nav li.active::after,
.menu-style-one .nav.navbar-nav li:hover::after {
	opacity: 1;
	visibility: visible;
}

.menu-style-one .navbar-nav li a {
	color: #fff;
	font-weight: 400;
	padding: 28px 17px 28px 17px;
	text-transform: capitalize;
}

.navbar-nav li a {
	font-size: 12px;
}

.slider-text {
	color: #fff;
	position: relative;
	z-index: 9999;
}

.slider-text > span {
	display: block;
	font-weight: 300;
	margin-bottom: 20px;
}

.slider-text h1 {
	color: #fefefe;
	font-size: 44px;
	text-transform: uppercase;
}

.slider-text h3 {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 40px;
}

.slider-area .top-carousel-control {
	color: #fff;
	font-size: 20px;
	left: 25px;
	position: absolute;
	top: 50%;
	z-index: 9999;
}

.slider-area .top-carousel-control.right {
	left: auto;
	right: 25px;
}


/* --------------------------------------
    2. Version - 2
-------------------------------------- */

.swiper-wrapper .swiper-slide {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100% !important;
}

.welcome-areaTwo {
	position: relative;
}

#header-areaTwo {
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99999;
}

.top-areaTwo {
	background: #dbdbdb repeat scroll 0 0;
	color: #ffffff;
	font-size: 12px;
	overflow: hidden;
	width: 100%;
}

.top-info.top-type-two p {
	color: #727272;
}

.top-social.hover-two li a:hover {
	color: #3498db;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.menu-style-two .nav.navbar-nav li a {
	color: #000;
}

.homeTwo .search-icon .trigger {
	color: #000;
}

.homeTwo .top-social li a,
.homeTwo .top-social li span {
	color: #444;
}

.top-info.top-type-two p {
	margin-left: 50px;
	margin-right: 0;
}

.menu-style-two .navbar-nav li a {
	padding: 28px 17px;
}

.homeTwo .slider-text {
	padding-top: 75px;
	text-align: left;
}

.homeTwo .slider-text h1 {
	color: #333434;
	line-height: 62px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.homeTwo .slider-text h1 + p {
	color: #7f7f7f;
	font-size: 15px;
	line-height: 24px;
	margin: 0 0 50px;
	font-family: 'montserratlight';
}

.homeTwo .buttonStyleTwo {
	color: #252525;
}

.homeTwo .buttonStyleTwo.btn-filled-two {
	background: #3498db none repeat scroll 0 0;
	border-color: #3498db;
	color: #fff;
}

.menu-style-two ul.nav.navbar-nav li::after {
	background: #3498db none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 50%;
	width: 100%;
	visibility: visible;
	opacity: 0;
	-webkit-transition: all .30s ease-in-out 0s;
	transition: all .30s ease-in-out 0s;
}

.menu-style-two ul.nav.navbar-nav li.active::after {
	visibility: visible;
	opacity: 1;
}

.menu-style-two ul.nav.navbar-nav li:hover::after {
	visibility: visible;
	opacity: 1;
}

.swiper-container-vertical .swiper-pagination-bullets {
	left: 41px;
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	height: 12px;
	width: 12px;
	background: transparent;
	border: 2px solid #fff;
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	background: transparent none repeat scroll 0 0;
	border: 2px solid #f6f4f4;
	height: 12px;
	width: 12px;
	-webkit-transition: all .30s ease-in-out 0s;
	transition: all .30s ease-in-out 0s;
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #3498db;
}

.swiper-pagination-bullet {
	opacity: 1;
}

.slide-style-three {
	background: url(images/slides/slide-3.jpg) no-repeat scroll 0 0/cover;
}

#header-areaThree {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999999;
}


/* --------------------------------------
    3. Version - 3
-------------------------------------- */

.homeThree nav.navigtation .navbar-nav a {
	padding: 46px 17px 44px 17px;
	color: #fff;
	text-transform: uppercase;
}

.homeThree nav.navigtation .navbar-nav a:hover {
	color: #f78432;
}

.homeThree .search-icon .trigger {
	line-height: 105px;
}

.homeThree .slider-text span {
	color: #fefefe;
	display: block;
	margin-bottom: 15px;
	font-family: 'montserratlight';
}

.homeThree .slider-text h1 + p,
.homeSeven .slider-text h1 + p {
	margin-bottom: 45px;
}

.homeSeven ul.nav.navbar-nav li a:hover {
	color: #f96868;
}

.homeSeven .menu-right span:hover,
.homeSeven .menu-right a:hover {
	color: #f78432 !important;
}

.homeSeven .slider-text h1 + p {
	font-size: 15px;
	font-family: "montserratlight";
}

.homeThree .slider-text h1 + p {
	color: #b6b6b6;
	font-family: "montserratlight";
	font-weight: 300;
	line-height: 26px;
}

.homeThree .button-filled {
	background: #f78432 none repeat scroll 0 0;
	border: 5px solid #a53939 !important;
	padding: 13px 35px;
}


/* --------------------------------------
    4. Version - 4
-------------------------------------- */

#header-areaFour {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99999;
	background:rgba(255,255,255,0.8);
}

#header-areaFour .logo,
#header-areaFive .logo {
	float: left;
}

#header-areaFour .navigtation,
#header-areaFive .nav.navigtation {
	float: left;
}

.homeFour ul.nav.navbar-nav li > a,
.homeFive ul.nav.navbar-nav li > a {
	padding: 44px 15px;
	text-transform: uppercase;
	color:#333
}

.homeFour .top-social li a {
	font-size: 15px;
}

#header-areaEight nav.navigtation .navbar-nav li a:hover,
.menu-right span:hover,
.menu-right a:hover {
	color: #f74248;
}

.homeFour {
	overflow: hidden;
}

.search-box-big-2 {
	background: #36d7b7;
}

.slide-active-2 .owl-controls .owl-dots {
	left: 41px;
	position: absolute;
	top: 45%;
}

.homeFour .search-icon .trigger {
	line-height: 110px;
}

.top-social.social-type-two li a {
	font-size: 15px;
}

.homeFour .slider-text.text-center h1 + p,
.homeFive .slider-text.text-center h1 + p {
	max-width: inherit;
	margin-bottom: 55px;
	font-family: 'montserratlight';
}

.homeFour .button-filled {
	background: #26c281 none repeat scroll 0 0;
	border-color: #36d7b7;
}

.buttonStyleFour {
	border-width: 1px;
}

.search-box-big,
.search-box-big-2,
.search-box-big-3 {
	background: #333 none repeat scroll 0 0;
	height: 100%;
	left: 0;
	padding: 0 20px;
	position: absolute;
	top: -100%;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 100%;
	z-index: 999;
}

.homeFour .slider-text h1 {
	color: #f78432;
}

.homeFour .slider-text * {
	-webkit-animation: fadeInLeftBig 500ms linear 500ms both;
	animation: fadeInLeftBig 500ms linear 500ms both;
}

.slider-text a:hover {
	color: #fff;
}

.homeFour .carousel-indicators li,
.homeNine .carousel-indicators li {
	border: none;
	height: 4px;
	margin: 0;
	width: 16px;
	border-radius: 0px;
	background: #fff;
}

.homeNine ul.megaMenu li a {
	color: #fff !important;
}

.MmenuCol > a {
	display: block;
	height: 100%;
	padding: 15px !important;
	width: 100%;
}

.MmenuCol img {
	height: 190px;
	width: 180px;
}

.homeFour .carousel-indicators li.active {
	background-color: #26c281;
	width: 25px;
}

.homeFour nav.navigtation .navbar-nav li a:hover {
	color: red;
}


/* --------------------------------------
    5. Version - 5
-------------------------------------- */

#header-areaFive {
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99999;
}

.homeFive .slider-area .item {
	background: url("images/slides/slide-5.jpg") no-repeat scroll 0 0/cover;
}

.homeFive .top-social li a,
.homeFive .top-social li span {
	color: #fff;
}

#header-areaFive {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.sliderSix-control {
	color: #fff;
	font-size: 26px;
	left: 105px;
	position: absolute;
	top: 52%;
	z-index: 9999;
}

.sliderSix-control.right {
	left: auto;
	right: 105px;
}

header#header-areaFive::before {
	background: #f96868 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 3px;
	left: 17%;
	position: absolute;
	width: 64.5%;
}

.homeFive .slider-area .fawesome-control {
	color: #fff;
	font-size: 26px;
	left: 25px;
	position: absolute;
	top: 50%;
	z-index: 9999;
}

.homeFive .slider-text * {
	-webkit-animation: fadeInUp 500ms ease 500ms both;
	animation: fadeInUp 500ms ease 500ms both;
}

.homeFive .slider-text {
	padding-top: 50px;
}

.buttonStyleFive.button-filled {
	background: #f96868 none repeat scroll 0 0;
	border-color: #f96868;
}

.homeNine .buttonStyleFive.button-filled {
	background: #f74248 none repeat scroll 0 0;
	border-color: #fff;
}

.homeFive .slider-area .fawesome-control.right {
	left: auto;
	right: 106px;
}

.homeFive .overlay::after {
	background-color: rgba(0, 0, 0, 0.6);
}


/* --------------------------------------
   6. Version - 6
-------------------------------------- */

#header-areaSix {
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999999;
}

#header-areaSix .mainmenu-area {
	background: rgba(0, 0, 0, 0.49) none repeat scroll 0 0;
}

.homeSix .top-area {
	background: none;
}

.homeSeven .top-social li a,
.homeSeven .top-social li span,
.homeEight .top-social li a,
.homeEight .top-social li span {
	color: #fff;
}

.homeSix .slider-text {
	padding-top: 75px;
}

#header-areaSix nav.navigtation .navbar-nav li a {
	padding: 30px 17px;
}

.menu-style-three ul.nav.navbar-nav li.active::after,
.menu-style-three ul.nav.navbar-nav li:hover::after {
	background: #e8a70a none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 50%;
	margin-left: -10px;
	position: absolute;
	top: 0;
	width: 20px;
}

.homeSix .slider-area .fawesome-control {
	color: #fff;
	font-size: 20px;
	left: 25px;
	position: absolute;
	top: 50%;
	z-index: 9999;
}

.homeSix .slider-text * {
	-webkit-animation: lightSpeedin 500ms linear 500ms both;
	animation: fadeInLeftBig 500ms linear 500ms both;
}

.homeSix .slider-area .fawesome-control::after {
	border: 0.5px solid;
	content: "";
	height: 27px;
	left: -12px;
	position: absolute;
	top: 0;
	width: 27px;
}

.homeSix .slider-area .fawesome-control.right {
	left: auto;
	right: 25px;
}

.homeSix .slider-area .fawesome-control.right::after {
	left: auto;
	right: -12px;
}


/* --------------------------------------
    7. Version - 7
-------------------------------------- */

#header-areaSeven .mainmenu-area {
	background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
}

#header-areaSeven {
	top: 0;
	width: 100%;
	z-index: 99999;
}

#header-areaSeven nav.navigtation .navbar-nav li a {
	padding: 30px 17px;
}

.homeSeven .overlay::after {
	background-color: rgba(0, 0, 0, 0.85);
}

.menu-right {
	height: 100%;
	right: 48px;
	top: 0;
	z-index: 9;
}

.homeSeven .slider-text {
	padding-top: 100px;
}

.homeSeven .menu-right span:hover,
.homeSeven .menu-right a:hover {
	color: #e67e22;
}

.menu-right a,
.menu-right span {
	color: #fff;
	display: inline-block;
	line-height: 82px;
	padding-left: 28px;
}

.menu-right a {
	position: relative;
}

.menu-right a .cart-tickr {
	background: #e67e22 none repeat scroll 0 0;
	border-radius: 50%;
	display: block;
	font-size: 9px;
	height: 12px;
	line-height: 11px;
	margin: 0;
	position: absolute;
	right: -8px;
	text-align: center;
	top: 28px;
	width: 12px;
}

.homeNine .menu-right span {
	color: #191f27;
}

.menu-right span {
	cursor: pointer;
}

.homeSeven .show-form.search-form,
.homeEight .show-form.search-form,
.homeNine .show-form.search-form {
	right: -5px;
}

.homeEight .slider-text {
	padding-top: 100px;
}

.homeEight .top-social li a:hover,
.homeEight.top-social li span:hover {
	color: #f74248;
}

.homeNine .item {
	background-position: center 70%;
}

.homeNine .top-social li a,
.homeNine .top-social li span {
	color: #fff;
}

.homeNine .slider-text {
	padding-top: 100px;
}

.homeSeven .nav.navbar-nav {
	padding-right: 100px;
}

.homeSeven .slider-text h1 {
	text-transform: uppercase;
}

.homeSeven .button-filled {
	background: #e67e22;
	border-color: #e67e22;
}

.homeSeven .buttonStyleOne {
	border-width: 1px;
}

a.buttonStyleOne:hover {
	color: #e8a70a;
}

a.buttonStyleTwo:hover {
	color: #3498db;
}

a.buttonStyleThree:hover {
	color: #f78432;
}

.buttonStyleFour.empty-style:hover {
	color: #36d7b7;
}

a.buttonStyleFive:hover {
	color: #f96868;
}

.buttonStyleOne.button-filled:hover,
.buttonStyleThree.button-filled:hover,
.buttonStyleFive.button-filled:hover,
.homeSeven .buttonStyleOne.button-filled:hover,
.homeNine a.buttonStyleFive.button-filled:hover {
	color: #fff;
}

.homeSeven .buttonStyleOne:hover {
	color: #e67e22;
}

.homeSeven .menu-style-two ul.nav.navbar-nav li::after {
	background-color: #e67e22;
}

body.page.reviewsPage-2 .menu-style-two ul.nav.navbar-nav li::after {
	background-color: #f78432;
}

.homeSeven .menu-style-two ul.nav.navbar-nav li a {
	color: #fff;
}

.buttonStyleFour.empty-style:hover {
	border-color: #f74248;
	color: #f74248;
}

.homeNine a.buttonStyleFive:hover {
	color: #f74248;
}


/* --------------------------------------
    8. Version - 8
-------------------------------------- */

.homeEight .nav.navbar-nav {
	padding-right: 100px;
}

.homeEight .top-area {
	border-bottom: 1px solid #494949;
}

.homeEight .mainmenu-area,
.homeEight .top-area {
	background: rgba(0, 0, 0, 0.49) !important;
}

#header-areaEight {
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99999;
}

.homeEight ul.nav.navbar-nav {
	color: #fff;
}

#header-areaEight nav.navigtation .navbar-nav li a {
	padding: 30px 17px;
}

.homeEight .slider-text {
	margin-left: 45%;
}

.homeEight .slider-text h1 + p {
	margin-bottom: 55px;
	font-family: 'montserratlight';
}

.homeEight .empty-style::after {
	background: #fff none repeat scroll 0 0;
	border-color: #fff;
	opacity: 0.23;
	z-index: -1;
}

.homeEight .button-filled {
	background: #f74248;
	border-color: #f74248;
}


/* --------------------------------------
    9. Version - 9
-------------------------------------- */

.homeNine .top-area {
	background: rgba(0, 0, 0, 0.71) none repeat scroll 0 0;
	color: #ffffff;
	font-size: 12px;
	overflow: hidden;
	padding: 24px 0;
	width: 100%;
}

.homeNine .slider-text span {
	color: #000000;
	font-weight: 300;
	margin-bottom: 20px;
	display: block;
}

.homeNine .search-form {
	border: 1px solid #191f27;
	color: #191f27;
}

.homeNine .slider-text h1 {
	color: #0a171b;
	font-size: 49px;
	text-transform: uppercase;
}

.homeNine .slider-text h1 > span {
	color: #f74248;
	display: inline-block;
	font-weight: 700;
	margin: 0px;
}

.homeNine .slider-text {
	color: #838383;
}

.homeNine .buttonStyleFive {
	color: #131313;
}

.homeNine .buttonStyleFive:hover {
	color: #131313;
}

.homeNine .buttonStyleFive.button-filled {
	color: #fff;
}

.homeNine .slider-text h1 + p {
	margin: 0 0 55px;
	font-family: 'montserratlight';
	line-height: 24px;
}

.homeNine .carousel-indicators {
	margin-left: 0;
	right: 5%;
	width: 30%;
	left: auto;
}

.homeNine .carousel-indicators li.active {
	background-color: #f74248 !important;
}

.homeNine nav.navigtation .navbar-nav li a {
	color: #191f27;
}

.homeNine .nav.navbar-nav {
	padding-right: 100px;
}

.homeNine nav.navigtation .navbar-nav li a {
	padding: 30px 17px;
}

.homeNine .menu-right a {
	color: #191f27;
}

.homeNine .top-social li a:hover,
.homeNine nav.navigtation .navbar-nav li a:hover,
.homeNine .menu-right a:hover,
.homeNine .menu-right span:hover i {
	color: #f74248;
}


/* --------------------------------------
    0.3 Search Form Css
-------------------------------------- */

.search-form {
	border: 1px solid #fff;
	color: #fff;
	opacity: 0;
	padding: 0 15px;
	position: absolute;
	right: 0;
	top: 100%;
	-webkit-transition: visibility 0.3s ease 0s;
	transition: visibility 0.3s ease 0s;
	visibility: hidden;
	width: 250px;
	-webkit-transition: .5s;
	transition: .5s;
}

.search-form.blackForm {
	border: 1px solid #000;
}

.search-form.blackForm input[type="text"] {
	color: #000;
}

.search-form input[type="text"] {
	float: left;
	line-height: 44px;
	width: 100%;
	background: transparent;
	border: none;
}

.show-form.search-form {
	visibility: visible;
	opacity: 1;
}


/* --------------------------------------
    10. ABOUT SECTIONS
-------------------------------------- */

.about-section {
	display: block;
	overflow-x: hidden;
}

.about-title {
	color: #323232;
	font-size: 28px;
	margin-bottom: 35px;
	padding-bottom: 27px;
	text-transform: uppercase;
}

.decoration {
	position: relative;
}

.decoration::after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 46px;
	content: "";
	background: #f78432;
}

.about-text {
	color: #515151;
	font-weight: 300;
	line-height: 25px;
}

.about-text p {
	margin-bottom:10px;
	font-family: 'montserratlight';
}

h2.about-title + p {
	margin-bottom: 15px;
}

.about-text h2 > p {
	margin-bottom: 60px;
}


/* --------------------------------------
    10.1 About Section - 2
-------------------------------------- */

.img-column {
	position: relative;
}

.img-column-bg {
	background: rgba(0, 0, 0, 0) url("images/about/img-02.jpg") no-repeat scroll center center / cover;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
}


/* --------------------------------------
    10.2 About Section - 3
-------------------------------------- */

.skill-title {
	color: #7b7b7b;
	font-size: 15px;
	font-weight: 400;
}

.barfiller {
	background-color: #f5f5f5;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	height: 7px;
	margin-bottom: 23px;
	overflow: hidden;
}

.counter {
	float: right;
}


/* --------------------------------------
    10.3 About Section - 4
-------------------------------------- */

.img-bg-two {
	left: 0;
	background-image: url(images/about/img-03.jpg);
}


/* --------------------------------------
    10.4 About Section - 5
-------------------------------------- */

.about-text.text-center .decoration::after {
	left: 50%;
	margin-left: -23px;
}

.sin-skill-bar > div {
	font-weight: 700;
}

.sin-skill-bar {
	margin-bottom: 16px;
	position: relative;
}

.sin-skill-bar strong {
	color: #404040;
	font-size: 28px;
	height: 100%;
	left: 0;
	line-height: 150px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

.single-skill-bar {
	display: inline-block;
	margin-right: 70px;
}

.single-skill-bar:last-child {
	margin-right: 0;
}

.skill-title-2 {
	font-size: 17px;
	color: #7b7b7b;
}

.circle-skillbar-wrap {
	margin-top: 46px;
}


/* --------------------------------------
    10.6 About Section - 6
-------------------------------------- */

.img-bg-two.overlay::after {
	background-color: rgba(0, 0, 0, .92);
}

.img-bg-three {
	left: 0;
	background-image: url(images/about/img-04.jpg);
}

.small-thumb {
	bottom: 0;
	height: 55%;
	left: calc(1px + 7%);
	position: absolute;
	width: 43%;
	z-index: 999;
}

.small-thumb-2 {
	left: 0;
	position: absolute;
	top: 45px;
	z-index: 9999;
}

.img-column-bg.bg-width-two {
	width: 38%;
}

.small-thumb-3 {
	left: -35px;
	position: absolute;
	top: 100px;
}

.small-thumb-4 {
	left: 68px;
	position: absolute;
	top: 335px;
}

.about-thumb-style-two,
.about-thumb-style-three {
	background: #363636 none repeat scroll 0 0;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 38%;
}


/* --------------------------------------
    10.7 About Section - 8
-------------------------------------- */

.about-thumb-style-three {
	background: transparent none repeat scroll 0 0;
	overflow: hidden;
}

.about-thumb-style-three::after {
	background: #363636 repeat scroll 0 0;
	height: 100%;
	position: absolute;
	left: 130px;
	top: 157px;
	width: 100%;
	content: "";
}

.small-thumb-5 {
	box-shadow: 0 25px 23px 3px rgba(0, 0, 0, 0.2);
	left: 3%;
	position: absolute;
	top: 77px;
	z-index: 9999;
}


/* --------------------------------------
    10.8 About Section - 9
-------------------------------------- */

.about-symbol {
	margin-bottom: 18px;
	opacity: 0.09;
}

.about-symbol-2,
.about-symbol-3 {
	position: absolute;
	z-index: -1;
}

.about-symbol-2 {
	right: 0px;
	top: 35%;
}

.about-symbol-3 {
	left: 0;
	top: 30%;
}

.symbol-title {
	color: #e6e6e6;
	font-size: 24px;
	margin: 0;
}

.symbol-title > span {
	border-bottom: 1px solid;
	border-top: 1px solid;
	display: inline-block;
	padding: 16px 0;
	position: relative;
}


/* --------------------------------------
    11. Services
-------------------------------------- */

.service-section {
	display: block;
}


/* Service One */

.services-wrap {
	margin-left: -70px;
}

.sin-service {
	border: 1px solid #dddddd;
	color: #878585;
	float: left;
	font-weight: 300;
	margin-left: 70px;
	padding: 40px 21px;
	width:43.5%;
	position: relative;
}

.sin-service p {
	font-family: 'montserratlight';
}

.section-title h2 {
	color: #323232;
	display: inline-block;
	font-size: 28px;
	padding-bottom: 26px;
	position: relative;
}

.section-title > h2::after {
	background: #f78432 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 3px;
	left: 50%;
	margin-left: -23px;
	position: absolute;
	width: 46px;
}

.service-icon {
	color: #f78432;
	font-size:80px;
	margin-bottom: 14px;
}

.sin-service h2 {
	color: #4f4d4d;
	font-size: 18px;
	text-transform: capitalize;
}

.sin-service.service-two {
	border: 1px solid transparent;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.sin-service.servicehover::after,
.sin-service.servicehover::before {
	position: absolute;
	left: -1px;
	top: 100px;
	width: 3px;
	height: 46px;
	content: "";
	background: #f78432;
	visibility: hidden;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.sin-service.servicehover::before {
	left: auto;
	right: -1px;
}

.sin-service.servicehover:hover::before,
.sin-service.servicehover:hover::after {
	visibility: visible;
	opacity: 1;
	top: 0px;
}

.sin-service.service-two:hover {
	border-color: #dddddd;
}

.sin-service-3 .sin-service h2 {
	margin-bottom: 20px;
}

span.sin-service-count {
	color: #f3f1f1;
	font-family: "montserratsemi_bold";
	font-size: 60px;
	left: 50%;
	margin-left: -10px;
	margin-top: -28px;
	position: absolute;
	top: 50%;
	z-index: -1;
}


/* --------------------------------------
    11.1 Services - 4
-------------------------------------- */

.serviceSicon i {
	margin: 0;
}

.serviceSicon {
	border: 6px solid #dfdfdf;
	border-radius: 50%;
	display: inline-block;
	height: 64px;
	line-height: 60px;
	margin-bottom: 20px;
	text-align: center;
	width: 64px;
}

.sin-service-7 i.service-icon {
	font-size: 32px;
}


/* --------------------------------------
    11.2 Services - 5
-------------------------------------- */

.black-bg .section-title h2,
.black-bg .service-icon {
	color: #ffffff;
}

.black-bg .service-icon {
	font-size: 45px;
	margin-bottom: 30px;
}

.black-bg .sin-service h2 {
	color: #d4d4d4;
}

.black-bg .sin-service {
	border-color: #6b6b6b;
}


/* --------------------------------------
    11.3 Services - 6
-------------------------------------- */

.serviceHoverTwo {
	position: relative;
}

.serviceHoverTwo::after,
.serviceHoverTwo::before {
	background: #f78432 none repeat scroll 0 0;
	content: "";
	height: 3px;
	opacity: 0;
	position: absolute;
	right: 100px;
	top: -2px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 46px;
}

.serviceHoverTwo::before {
	bottom: -2px;
	left: 180px;
	right: auto;
	top: auto;
}

.serviceHoverTwo:hover::after {
	right: 0;
	visibility: visible;
	opacity: 1;
}

.serviceHoverTwo:hover::before {
	left: 0;
	visibility: visible;
	opacity: 1;
}


/* --------------------------------------
    11.4 Services - 7
-------------------------------------- */

.sin-service.service-type-7 {
	margin-left: 0;
	width: auto;
}

.service-type-7 .service-icon {
	margin-bottom: 20px;
}

.services-type-wrap {
	position: relative;
}

.services-type-wrap::after {
	background: #363636 none repeat scroll 0 0;
	content: "";
	height: 340%;
	left: -528%;
	position: absolute;
	top: -50%;
	-webkit-transform: rotate(-17deg);
	transform: rotate(-17deg);
	width: 500%;
}

.service-thumb {
	bottom: 0;
	position: absolute;
	right: 57%;
	z-index: 1;
}


/* --------------------------------------
    11.5 Services - 8
-------------------------------------- */

.services-8 {
	padding: 100px 0 20px;
}


/* --------------------------------------
    11.6 Services - 9
-------------------------------------- */

.sin-service.serviceHoverThree {
	position: relative;
	padding: 60px 0;
}

.serviceHoverThree::after,
.serviceHoverThree::before {
	background: #f78432 none repeat scroll 0 0;
	content: "";
	height: 3px;
	left: 80%;
	opacity: 0;
	position: absolute;
	top: -2px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 46px;
}

.serviceHoverThree::before {
	bottom: -2px;
	top: auto;
}

.serviceHoverThree:hover::before,
.serviceHoverThree:hover::after {
	left: 0;
	visibility: visible;
	opacity: 1;
}

.services-wrap.grid-reduce {
	border: 1px solid #dddddd;
	margin-left: -75px;
}

.sin-service.service-type-9 {
	margin-left: 60px;
	width: 24%;
}

.sin-service.service-type-9 {
	padding: 80px 18px;
}

.sin-service.service-type-9.serviceHoverThree::after,
.sin-service.service-type-9.serviceHoverThree::before {
	height: 5px;
}

.services-thumb-2 {
	bottom: 0;
	position: absolute;
	right: -75px;
}

.services-thumb-2 > img {
	width: 80%;
}


/* --------------------------------------
    12. Testimonial Page CSS
-------------------------------------- */

.sin-testimonial {
	text-align: center;
	color: #908e8e;
	font-style: italic;
	line-height: 24px;
}

.sin-testimonial p {
	color: #626262;
	font-family: "montserratlight";
	position: relative;
	z-index: 9;
}

.sin-testimonial.sin-test-3 {
	padding: 15px 0 0;
}

.testimonial-3 .nav-style-one .btn-slick-prev.slick-arrow,
.testimonial-3 .nav-style-one .btn-slick-next.slick-arrow {
	top: 25%;
}

.sin-testimonial-4.sin-testimonial p {
	color: #b7b7b7;
}

.sin-testimonial.sin-test-3 .client-photo {
	margin-bottom: 20px;
}

.sin-testimonial.sin-testimonial-4 {
	padding: 15px 0 0;
}

.sin-testimonial.sin-testimonial-4 .testi-quote::after {
	color: #555454;
}

.sin-test-1 .client-photo {
	margin-bottom: 20px;
}

.client-photo {
	height: 100px;
	width: 100px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.sin-testimonial p {
	white-space: 1px;
	letter-spacing: .05px;
}

.sin-testimonial p {
	margin-bottom: 30px;
}

.testimonial-type-two .sin-testimonial p {
	margin-bottom: 20px;
}

.sin-testimonial.testimonial-type-two span.client-post {
	color: #908e8e;
}

.client-name {
	font-style: normal;
	color: #f78432;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
}

span.client-post {
	font-size: 12px;
	color: #bbbbbb;
}

.client-single-img {
	height: 100px;
	width: 100px;
	margin-right: 20px;
}

.client-images {
	padding: 0 304px
}

.btn-slick-next.slick-arrow,
.btn-slick-prev.slick-arrow {
	position: absolute;
}

.nav-style-one .btn-slick-prev.slick-arrow,
.nav-style-one .btn-slick-next.slick-arrow {
	left: -50px;
	top: 50%;
	font-size: 36px;
	color: #d0d0d0;
	cursor: pointer;
}

.nav-style-one .btn-slick-next.slick-arrow {
	left: auto;
	right: -50px;
}


/* --------------------------------------
    12.1 Testimonail - 1
-------------------------------------- */

.testimonial-type-two .slick-track {
	padding: 20px 0;
}

.testimonial-type-two .client-single-img.slick-active.slick-center {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 1;
}

.testimonial-type-two .slick-list {
	overflow-x: hidden!important;
}

.testimonial-type-two .client-single-img.slick-slide {
	opacity: .3;
	cursor: pointer;
	border-radius: 50%;
}

.testimonial-type-two .client-single-img.slick-slide img {
	border-radius: 50%;
}

.testimonial-type-two .sin-testimonial.slick-slide {
	background: #363636;
	padding: 36px 60px;
}

.testimonial-type-two .btn-slick-prev.slick-arrow,
.testimonial-type-two .btn-slick-next.slick-arrow {
	left: -70px;
	top: 40%;
	font-size: 36px;
	color: #d0d0d0;
	cursor: pointer;
}

.testimonial-type-two .btn-slick-next.slick-arrow {
	left: auto;
	right: -70px;
}

.testimonial-type-two .testi-quote::after {
	color: #4c4b4b;
	left: -35px;
	top: 9px;
}

.testi-quote {
	position: relative;
}

.testi-quote::after {
	color: #e5e5e5;
	content: "“";
	font-size: 100px;
	font-style: normal;
	font-weight: 700;
	left: -3px;
	position: absolute;
	top: 9px;
}

.testimonial-type-two .sin-testimonial::before {
	background: #363636 repeat scroll 0 0;
	bottom: -12px;
	content: "";
	height: 24px;
	left: 50%;
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 24px;
	z-index: -3;
	margin-left: -12px;
}


/* --------------------------------------
    12.2 Testimonail - 2
-------------------------------------- */

.testimonial-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	background-image: url("images/upload/testimonial-bg-01.jpg");
}

.overlay-black {
	position: relative;
}

.overlay-black::before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background: #363636;
	opacity: .95;
}


/* --------------------------------------
    12.3 Testimonail - 3
-------------------------------------- */

.dot-style ul.slick-dots li {
	background: #fff none repeat scroll 0 0;
	display: inline-block;
	height: 3px;
	margin: 0 3px;
	text-indent: -1e+8px;
	width: 20px;
}

ul.slick-dots {
	text-align: center;
}

.dot-style ul.slick-dots li.slick-active {
	background: #f74248 none repeat scroll 0 0;
	width: 27px;
}

ul.slick-dots li {
	cursor: pointer;
}


/* --------------------------------------
    12.4 Testimonail - 5
-------------------------------------- */

.client-photo-type-two {
	float: left;
	margin-right: 20px;
}

.testimonial-content {
	padding-left: 190px;
	text-align: left;
	background: #fff;
	padding-bottom: 1px;
	padding-bottom: 17.5px;
	padding-top: 37.5px;
}

.sin-testimonial-type-two {
	margin-right: 30px;
}

.client-photo-type-two img {
	width: 100%;
	min-height: 213px;
}

.testimonial-slide.testimonial-active-three .slick-list {
	margin-bottom: 80px;
}

.testimonial-active-three .sin-testimonial p {
	margin-bottom: 20px;
}

.testimonial-slide.testimonial-active-three .testimonial-content .client-name {
	margin-bottom: 5px;
	;
}


/* --------------------------------------
    12.5 Testimonail - 6
-------------------------------------- */

.testimonial-active-four .sin-testimonial {
	margin-right: 25px;
}

.quote-middle,
.quote-center {
	position: relative;
	z-index: 1;
}

.quote-middle.text-left:after,
.quote-middle.text-center:after,
.quote-center:after {
	position: absolute;
	left: 35%;
	top: 35%;
	font-size: 89px;
	color: #f1f0f0;
	content: "“";
}

.quote-middle.text-center:after {
	left: 40%;
}

.quote-center:after {
	left: 40%;
	top: 62%;
}

.dot-style-two ul.slick-dots li {
	background: #fff none repeat scroll 0 0;
	border: 3px solid #c6c6c6;
	border-radius: 50%;
	display: inline-block;
	height: 12px;
	margin: 0 2px;
	text-indent: -66666px;
	width: 12px;
}

.dot-style-two ul.slick-dots li.slick-active {
	background: #f78432;
}

.testimonial-active-four .slick-list {
	margin-bottom: 75px;
}

.client-name.black-text {
	color: #323232;
	margin-bottom: 5px;
}

.sin-testimonial.text-left {
	text-align: left;
}

.nav-style-one.nav-style-five .btn-slick-prev.slick-arrow,
.nav-style-one.nav-style-five .btn-slick-next.slick-arrow {
	top: 40%;
}


/* --------------------------------------
    12.6 Testimonail - 8
-------------------------------------- */

.client-images-slide .slick-list {
	padding: 40px 0;
	overflow-x: hidden;
}

.sin-client-img.slick-slide.slick-active.slick-current {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	width: 160px;
	z-index: 99;
}

.sin-client-img.slick-slide {
	width: 150px;
}

.testimonial-section .client-images-slide .slick-list.draggable {
	/*padding: 50px 0 50px 276px !important;*/
}

.sin-client-img.slick-slide.medium {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	z-index: 9;
}

.sin-client-img.slick-slide.small {
	-webkit-transform: scale(.9);
	transform: scale(.9);
}


/* --------------------------------------
    12.7 Testimonail - 10
-------------------------------------- */

.testimonial-active-ten .testi-quote::after {
	color: #e2dfdf;
}

.white-overlay {
	position: relative;
	z-index: 1;
}

.white-overlay:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background: #fff;
	opacity: .90;
	z-index: -1;
}

.testimonial-active-ten .testi-quote::after {
	left: -3px;
}

.testimonial-bg {
	background: url("images/upload/testimonial-bg-02.jpg") no-repeat scroll 0 0/cover;
}


/* --------------------------------------
    13. Our Team Css
-------------------------------------- */

.member-bio h4,
.member-details h4,
.member-bio-5 h4,
.member-bio-7 h4 {
	margin-bottom: 5px;
}

.member-thumb {
	margin-bottom: 20px;
	overflow: hidden;
}

.member-thumb img {
	-webkit-transition: .3s;
	transition: .3s;
}

span.member-role {
	color: #525252;
	font-family: 'montserratlight';
	display: block;
	font-size: 13px;
}

.team-hover-card {
	height: 0%;
	left: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.sin-member-profile:hover .team-hover-card {
	height: 100%;
}

.member-social a {
	color: #fff;
	display: inline-block;
	font-size: 18px;
	margin: 0 12px;
}

.member-social a:hover,
.member-social-5 a:hover,
.member-social-7 a:hover,
.member-social-8 a:hover,
.socials-wrap-9 a:hover,
.member-social-10 a:hover,
.team-overlay-white .member-social-10 a:hover,
.white-bg-team .member-social a:hover {
	color: #f78432;
}

.member-slide-active .owl-controls .owl-nav div,
.member-slide-two .owl-controls .owl-nav div {
	color: #d0d0d0;
	left: -21px;
}

.member-slide-active .owl-controls .owl-nav div.owl-next,
.member-slide-two .owl-controls .owl-nav div.owl-next {
	left: auto;
	right: -21px;
}

.member-slide-active .owl-controls .owl-nav div {
	top: 35%;
}


/* --------------------------------------
    13.1 Team Section - 1
-------------------------------------- */

.team-style-two .member-thumb {
	float: left;
	margin: 0 30px 0 0;
	position: relative;
	top: -10px;
}

.img-border-6 {
	border: 6px solid #e3e3e3;
}

.member-details {
	padding-left: 333px;
	position: relative;
}

.member-details p {
	font-family: 'montserratlight';
}

.member-slide {
	position: relative;
}

.member-slide::after {
	background: #363636 none repeat scroll 0 0;
	content: "";
	height: calc(100% - 60px);
	left: -300%;
	position: absolute;
	top: 17px;
	width: 1000%;
	z-index: -1;
}

.member-slide.member-active-two.owl-carousel .owl-stage-outer {
	padding: 10px 0;
}

.team-style-two .member-details h4 {
	color: #ffffff;
}

.team-style-two .member-role {
	color: #767373;
	font-size: 13px;
}

.team-style-two .member-details {
	color: #a9a9a9;
	font-size: 15px;
	line-height: 22px;
}

.member-details p {
	margin-bottom: 40px;
}

.owl-controls .owl-nav div {
	color: #555353;
	font-size: 36px;
	position: absolute;
	top: 40%;
}

.member-slide .owl-controls .owl-nav div {
	left: -141px;
}

.member-slide .owl-controls .owl-nav div:hover {
	color: #d0d0d0;
}

.member-slide .owl-controls .owl-nav div.owl-next {
	left: auto;
	right: -100px;
}


/* --------------------------------------
    13.2 Team Section - 3
-------------------------------------- */

.team-style-two .member-thumb.right-thumb {
	float: right;
	margin-left: 30px;
	margin-right: 0;
}

.left-details.member-details {
	padding-left: 0;
	padding-right: 33px;
}


/* --------------------------------------
    13.3 Team Section - 4
-------------------------------------- */

.white-bg-team .team-style-two .member-details h4 {
	color: #2c2c2c;
}

.white-bg-team .team-style-two .member-role,
.member-bio-5 span.member-role {
	color: #a4a4a4;
}

.white-bg-team .member-social a {
	color: #363636;
}

.member-slide-three .owl-controls .owl-nav div {
	left: -100px;
}

.member-slide-three .owl-controls .owl-nav div.owl-next {
	left: auto;
	right: -100px;
}


/* --------------------------------------
    13.4 Team Section - 5
-------------------------------------- */

.sin-team-5 .member-photo {
	float: left;
	margin: 0 25px 0 5px;
	width: 260px;
	-webkit-transition: .3s;
	transition: .3s;
}

.sin-team-5:hover .member-photo {
	box-shadow: 5px 8px 14px 0 rgba(0, 0, 0, 0.35);
}

.team-section .member-active-three .owl-stage-outer {
	padding: 20px 0;
}

.member-bio-5 .member-role {
	margin-bottom: 15px;
}

.member-bio-5 {
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
	color: #747373;
	font-family: "montserratlight";
	font-size: 15px;
	line-height: 20px;
	margin: 24px 0 24px 10px;
	padding: 22px 19px 22px 290px;
}

.member-social-5 a {
	color: #363636;
	display: inline-block;
	font-size: 15px;
	margin-right: 30px;
}

.member-bio-5 h4 {
	color: #000;
}

.member-social-5 {
	border-top: 1px solid #d4d3d3;
	margin-top: 25px;
	padding-top: 15px;
}

.member-active-three .owl-dots div.owl-dot {
	border: 3px solid #aaaaaa;
	border-radius: 50%;
	display: block;
	height: 14px;
	margin: 5px 0;
	width: 14px;
}

.member-active-three .owl-dots {
	left: -14px;
	position: absolute;
	top: 40%;
}

.member-active-three .owl-dots .owl-dot.active {
	border-color: #f78432;
}


/* --------------------------------------
    13.5 Team Section - 6
-------------------------------------- */

.square-social.member-social-5 a {
	border: 1px solid #aaaaaa;
	height: 40px;
	line-height: 40px;
	margin-right: 0;
	text-align: center;
	width: 40px;
}

.square-social.member-social-5 a:hover {
	color: #fff;
	background: #363636;
}


/* --------------------------------------
    13.6 Team Section - 7
-------------------------------------- */

.member-social-7 {
	bottom: 0;
	height: 0px;
	-webkit-transition: .3s;
	transition: .3s;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1
}

.single-member-7:hover .member-social-7 {
	height: 94px;
}

.member-social-7::after {
	background: #363636 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.36;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.member-social-7 a {
	color: #ffffff;
	display: inline-block;
	font-size: 15px;
	padding: 0 15px;
}

.member-active-four .owl-nav div {
	left: -35px;
}

.member-active-four .owl-nav div.owl-next {
	left: auto;
	right: -35px;
}


/* --------------------------------------
    13.7 Team Section - 8
-------------------------------------- */

.gray-img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.sin-member-profile:hover .gray-img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.member-active-8 .owl-stage-outer {
	overflow-x: hidden;
	overflow-y: visible;
	padding: 30px 0;
}

.hover-style-8:hover {
	-webkit-transform: translateY(-17px);
	transform: translateY(-17px);
}

.hover-style-8 {
	-webkit-transition: .3s;
	transition: .3s;
}

.member-social-8 {
	background: rgba(0, 0, 0, 0.69) none repeat scroll 0 0;
	bottom: 0;
	height: 80px;
	left: 0;
	position: absolute;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
}

.sin-member-profile:hover .member-social-8 {
	visibility: visible;
	opacity: 1;
}

.member-social-8 a {
	color: #fff;
	display: inline-block;
	font-size: 15px;
	padding: 0 15px;
}


/* --------------------------------------
    13.9 Team Section - 9
-------------------------------------- */

.member-social-9 {
	background: rgba(0, 0, 0, 0.69) none repeat scroll 0 0;
	height: calc(100% - 24px);
	left: 12px;
	top: 12px;
	-webkit-transform: translateY(110%);
	transform: translateY(110%);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: calc(100% - 24px);
}

.socials-wrap-9 {
	bottom: 0;
	padding: 36px 0;
	position: absolute;
	width: 100%;
	z-index: 999;
}

.socials-wrap-9 a {
	color: #fff;
	font-size: 15px;
	padding: 0 15px;
	text-align: center;
}

.member-social-9::after {
	border-color: transparent rgba(246, 71, 71, 0.7) rgba(246, 71, 71, 0.7) transparent;
	border-style: solid;
	border-width: 25px;
	bottom: 0;
	content: "";
	position: absolute;
	right: 0;
}

.member-active-9 .owl-controls .owl-nav div {
	background: #ececec none repeat scroll 0 0;
	color: #d0d0d0;
	font-size: 26px;
	height: 36px;
	line-height: 36px;
	margin-top: -36px;
	position: absolute;
	right: -200px;
	text-align: center;
	top: 50%;
	width: 36px;
}

.member-active-9 .owl-controls .owl-nav div:hover {
	color: #fff;
	background: #f78432;
}

.member-active-9 .owl-controls .owl-nav div.owl-prev {
	top: 39%;
}

.sin-member-profile:hover .member-social-9 {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

.member-thumb-left {
	bottom: -10px;
	float: left;
	position: relative;
}

.member-details-10 {
	padding-left: 464px;
}

.team-img-bg {
	background: url(images/upload/testimonial-bg-01.jpg) no-repeat scroll 0 0/cover;
}


/* --------------------------------------
    13.10 Team Section - 10
-------------------------------------- */

.member-details-10.right-margint-cal.white-vs h4 {
	color: #fff;
	font-weight: 400;
	margin-bottom: 3px;
}

.team-img-bg.overlay span.member-role {
	color: #989898;
	margin-bottom: 15px;
}

.member-details-10 {
	color: #bdbcbc;
	font-family: "montserratlight";
	line-height: 22px;
	padding-right: 145px;
}

.member-social-10 a {
	color: #ffffff;
	display: inline-block;
	font-size: 15px;
	padding-right: 30px;
}

.member-social-10 {
	margin-top: 35px;
}

.member-active-10 .owl-controls .owl-dots .owl-dot {
	background: #dcdcdc repeat scroll 0 0;
	display: inline-block;
	height: 4px;
	margin: 0 5px;
	width: 20px;
}

.member-active-10 .owl-controls .owl-dots {
	bottom: 101px;
	position: absolute;
	right: 0;
}

.member-active-10 .owl-controls .owl-dots .owl-dot.active {
	background: #f74248;
}

span.member-role {
	color: #989898;
	margin-bottom: 25px;
}


/* --------------------------------------
    13.11 Team Section - 11
-------------------------------------- */

.team-overlay-white .member-details-10 h4 {
	color: #5f5f5f;
	margin-bottom: 5px;
}

.team-overlay-white span.member-role {
	color: #898787;
}

.team-overlay-white .member-details-10 {
	color: #777474;
}

.team-overlay-white .member-social-10 a {
	color: #010101;
}

.member-details-10 {
	padding-left: 464px;
}


/* --------------------------------------
    14. Facts Styles
-------------------------------------- */

.facts-section {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 50px 0;
	z-index:0;
}

.facts-bg-01 {
	background-image: url(images/slider1.jpg);
}

.sin-fact {
	float: left;
	width: 228px;
	font-family: 'montserratlight';
	color: #ffffff;
}

span.fact-count {
	display: inline-block;
	font-size: 36px;
	margin-bottom: 15px;
	padding: 2px 35px;
	font-family: "montserratsemi_bold";
}

.fact-title {
	font-size: 16px;
}


/* --------------------------------------
    14.1 Facts Styles - 3
-------------------------------------- */

.facts-white-vs .sin-fact {
	color: #000;
}

.facts-white-vs .sin-fact {
	border: 1px solid #eee;
	margin-left: 30px;
	padding: 36px 0;
	width: 204px;
}

.facts-wrap.facts-white-vs {
	margin-left: -30px;
}

.sin-fact-bordered {
	position: relative;
}

.sin-fact-bordered::after {
	background: #f78432 none repeat scroll 0 0;
	content: "";
	height: 3px;
	left: 50%;
	margin-left: -23px;
	position: absolute;
	top: -2px;
	width: 46px;
}

.facts-white-vs .fact-title {
	color: #9b9b9b;
}


/* --------------------------------------
    14.2 Facts Styles - 4
-------------------------------------- */

.facts-dark-bg {
	background: #363636;
}

.count-bold {
	font-family: "montserratsemi_bold";
}

.facts-four .sin-fact {
	width: 204px;
}

.facts-four.facts-wrap {
	margin-left: -30px;
}

.facts-four .sin-fact {
	margin-left: 30px;
}

.facts-four h4.fact-title {
	color: #9b9b9b;
}

.facts-four span.fact-count {
	margin-bottom: 15px;
}


/* --------------------------------------
    14.3 Facts Styles - 5
-------------------------------------- */

.sin-fact {
	width: 217px;
}

.fact-contnet {
	color: #fff;
	font-family: "montserratlight";
	line-height: 24px;
}

.fact-content h2 {
	color: #fff;
	font-family: 'montserratsemi_bold';
}

.fact-content h2, .fact-content li, .fact-content p{ color:#fff;}

.sin-fact {
	position: relative;
}

.facts-five .sin-fact::after {
	background: #515253 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 1px;
}

.facts-five .sin-fact:first-child::after {
	display: none;
}


/* --------------------------------------
    14.4 Facts Styles - 6
-------------------------------------- */

.facts-bg-02 {
	background-image: url(images/slider2.jpg);
}

.facts-six .sin-fact span.count {
	margin-bottom: 10px;
}

.fact-alignLeft .fact-count {
	padding-left: 0;
}

.facts-six .sin-fact {
	padding-left: 30px;
}

.facts-six .sin-fact::after {
	background: #fff none repeat scroll 0 0;
	content: "";
	height: 51px;
	left: 0;
	margin-top: -25.5px;
	position: absolute;
	top: 50%;
	width: 2px;
}

.facts-bg-03 {
	background-image: url(images/slider3.jpg);
}


/* --------------------------------------
    14.5 Facts Styles - 7
-------------------------------------- */

.facts-seven .sin-fact::after {
	background: #fff none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 3px;
	left: 50%;
	margin-left: -18.5px;
	position: absolute;
	width: 37px;
}

.facts-seven .sin-fact span.count,
.facts-ten .sin-fact span.count {
	display: block;
}


/* --------------------------------------
    14.6 Facts Styles - 8
-------------------------------------- */

.facts-seven .sin-fact {
	padding: 15px 0;
}


/* --------------------------------------
    14.7 Facts Styles - 9
-------------------------------------- */

.facts-bg-04 {
	background-image: url(images/facts/facts-bg-04.jpg);
}

.fact-section-nine span.count {
	margin-bottom: 15px;
}

.fact-section-nine h4.fact-title {
	color: #9b9b9b;
}


/* --------------------------------------
    14.8 Facts Styles - 10
-------------------------------------- */

.facts-ten .sin-fact::after {
	background: #fff none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 3px;
	left: 50%;
	margin-left: -18px;
	position: absolute;
	width: 36px;
}

.facts-ten .sin-fact {
	padding-bottom: 15px;
}


/* --------------------------------------
    15. Portfolios Styles
-------------------------------------- */

.sin-portfolio {
	border: 2px solid #fff;
	float: left;
	width: 25%;
	position: relative;
}

.sin-portfolio img {
	width: 100%;
}

.portfolio-hover {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.work-detail {
	bottom: 0;
	height: 60px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.work-detail-7 h4 {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}

.work-detail-7 p {
	color: #aaaaaa;
	font-size: 15px;
	font-weight: 400;
	padding: 0 70px;
	font-family: 'montserratlight';
}

.work-detail-7 {
	height: 100%;
	position: absolute;
	width: 100%;
}

.work-detail h4 {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	margin: 0;
	text-transform: uppercase;
}

.portfolio-hover::after {
	background: rgba(54, 54, 54, 0.85) none repeat scroll 0 0;
	content: "";
	height: calc(100% - 20px);
	left: 10px;
	position: absolute;
	top: 10px;
	width: calc(100% - 20px);
}

.portfolio-hover-btn {
	cursor: url("images/icons/plus.png"), auto;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}


/* --------------------------------------
    15.2 Portfolio - 2
-------------------------------------- */

.portfolio-grid {
	overflow: hidden;
	position: relative;
}

.portfolio-hover-two {
	background: rgba(54, 54, 54, 0.85) none repeat scroll 0 0;
	bottom: 47px;
	height: calc(100% - 94px);
	left: 47px;
	opacity: 0;
	position: absolute;
	top: 47px;
	-webkit-transform: rotate3d(1, 0, 0, 100deg);
	transform: rotate3d(1, 0, 0, 100deg);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: calc(100% - 94px);
}

.portfolio-grid:hover .portfolio-hover-two {
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	opacity: 1;
}


/* --------------------------------------
    15.3 Portfolio - 3
-------------------------------------- */

.portfolio-grid {
	z-index: 3;
}

.portfolio-hover-three {
	bottom: 40px;
	content: "";
	height: 58px;
	left: 24px;
	position: absolute;
	width: calc(100% - 48px);
}

.portfolio-hover-three .work-detail h4 {
	line-height: 60px;
}

.portfolio-grid:hover .gray-img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.portfolio-btn {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.portfolio-hover-three::before,
.portfolio-hover-three::after {
	background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
	content: "";
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.45s ease 0s;
	transition: all 0.45s ease 0s;
	width: 50%;
}

.portfolio-hover-three {
	opacity: 0;
	-webkit-transition: .50s;
	transition: .50s;
}

.portfolio-hover-three::after {
	right: 0;
	-webkit-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 0 50% 0;
	transform-origin: 0 50% 0;
}

.portfolio-hover-three::before {
	left: 0;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 100% 50% 0;
	transform-origin: 100% 50% 0;
}

.portfolio-grid:hover .portfolio-hover-three::before,
.portfolio-grid:hover .portfolio-hover-three::after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
}

.portfolio-grid:hover .portfolio-hover-three {
	opacity: 1;
}


/* --------------------------------------
    15.4 Portfolio - 4
-------------------------------------- */

.sin-portfolio {
	width: 25%;
	float: left;
	overflow: hidden;
}

.hover-style-3 {
	opacity: 0;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: -webkit-transform 0.5s ease 0s;
	transition: -webkit-transform 0.5s ease 0s;
	transition: transform 0.5s ease 0s;
	transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
	visibility: hidden;
}

.sin-portfolio:hover .hover-style-3 {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: visible;
}

.sin-portfolio.small-item h4 {
	font-size: 15px;
}

.sin-portfolio.small-item p {
	font-size: 12px;
}

.sin-portfolio.small-item .portfolio-hover-4::after {
	border-width: 40px;
}

.sin-portfolio.small-item .portfolio-hover-4::before {
	height: 50px;
	width: 50px;
}

.sin-portfolio.large-item {
	width: 40%;
}

.sin-portfolio.medium-item {
	width: 35%;
}

a.portfolio-hover-4:hover,
a.portfolio-hover-6:hover,
.portfolio-hover-5.portfolio-hover-style-5:hover {
	color: #fff;
}

.portfolio-hover-4 {
	background: rgba(54, 54, 54, 0.85) none repeat scroll 0 0;
	height: calc(100% - 70px);
	left: 35px;
	position: absolute;
	top: 35px;
	width: calc(100% - 70px);
	color: #fff;
	-webkit-transition: .3s;
	transition: .3s;
}

.portfolio-hover-4::after {
	border-color: transparent #f78432 #f78432 transparent;
	border-style: solid;
	border-width: 60px;
	bottom: 0;
	content: "";
	position: absolute;
	right: 0;
}

.portfolio-hover-4::before {
	background: rgba(0, 0, 0, 0) url("images/icons/plus-2.png") no-repeat scroll 17px 13px;
	bottom: 0;
	content: "";
	height: 60px;
	position: absolute;
	right: 0;
	width: 60px;
	z-index: 2;
}

.portfolio-hover-4 h4 {
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
}

.portfolio-hover-4 p {
	padding: 0 50px;
	font-family: 'montserratlight';
}


/* --------------------------------------
    15.5 Portfolio - 5
-------------------------------------- */

.sin-portfolio-5 {
	float: left;
	width: 30%;
}

.medium-item-2 {
	width: 40%;
}

.large-item-2 {
	width: 60%;
}

.sin-portfolio-two {
	float: left;
	margin-bottom: 12px;
	margin-left: 12px;
	width: 19.2%;
	position: relative;
}

.sin-portfolio-two img {
	width: 100%;
}

.portfolio-wrap-two {
	margin-left: -12px;
}

.portfolio-hover-5 {
	background: rgba(54, 54, 54, 0.85) none repeat scroll 0 0;
	color: #fff;
	height: calc(100% - 20px);
	left: 10px;
	position: absolute;
	top: 10px;
	width: calc(100% - 20px);
}

.portfolio-hover-5 h4 {
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding-bottom: 19px;
	position: relative;
	text-transform: uppercase;
}

.portfolio-hover-5 h4::after {
	background: #f78432 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 3px;
	left: 50%;
	margin-left: -23px;
	position: absolute;
	width: 46px;
}

.portfolio-hover-5::after {
	border-color: #f78432 #f78432 transparent transparent;
	border-style: solid;
	border-width: 40px;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}

.portfolio-hover-5::before {
	background: rgba(0, 0, 0, 0) url("images/icons/plus-2.png") no-repeat scroll 0 0;
	content: "";
	height: 30px;
	position: absolute;
	right: -7px;
	top: 12px;
	width: 40px;
	z-index: 1;
}

.portfolio-filter li,
.portfolio-filter-2 li {
	color: #6a6a6a;
	cursor: pointer;
	display: inline-block;
	padding: 0 18px;
}

.portfolio-filter,
.portfolio-filter-2 {
	margin: 0 0 54px;
}

.portfolio-filter li.active,
.portfolio-filter-2 li.active {
	color: #ee4046;
}

.sin-portfolio-5 {
	position: relative;
	padding: 5px;
}

.portfolio-hover-6 {
	background: rgba(54, 54, 54, 0.85) none repeat scroll 0 0;
	height: calc(100% - 34px);
	left: 17px;
	padding: 0 70px;
	position: absolute;
	top: 17px;
	width: calc(100% - 34px);
	color: #d9d9d9;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .5s;
	transition: .5s;
}

.portfolio-hover-6 h4 {
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.portfolio-hover-6 p {
	font-family: "montserratlight";
	padding-bottom: 20px;
	position: relative;
}

.portfolio-hover-6 p::after {
	background: #f78432 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 3px;
	left: 50%;
	margin-left: -24px;
	position: absolute;
	width: 46px;
}

.portfolio-hover-6 {
	-webkit-transform: rotateX(-360deg);
	transform: rotateX(-360deg);
}

.sin-portfolio-5:hover .portfolio-hover-6 {
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
	visibility: visible;
	opacity: 1;
}


/* --------------------------------------
    15.6 Portfolio - 6
-------------------------------------- */

.sin-portfolio-6 {
	float: left;
	width: 20%;
}

.sin-portfolio-6 img {
	width: 100%;
}

.sin-portfolio-6 {
	border: 6px solid #fff;
	float: left;
	width: 20%;
	position: relative;
}

.portfolio-filter-2 li {
	border-right: 1px dashed #b9b9b9;
}

.portfolio-filter-2 li:last-child {
	border: 0 solid;
}

.portfolio-hover-style-5 {
	height: 0%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
}

.sin-portfolio-6:hover .portfolio-hover-style-5 {
	height: calc(100% - 34px);
	visibility: visible;
	opacity: 1;
	top: 17px;
}


/* --------------------------------------
    15.7 Portfolio - 7
-------------------------------------- */

.view-btn.portfiolio-7-btn {
	position: relative;
	top: -165px;
}


/* --------------------------------------
    15.8 Portfolio - 8
-------------------------------------- */

.portfolio-grid-8 {
	float: left;
	width: 30%;
	overflow: hidden;
	-webkit-transition: .3s;
	transition: .3s;
}

.portfolio-8-large {
	width: 35%;
}

.img-hover-eight {
	background: rgba(54, 54, 54, 0.85) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s;
}

.img-hover-eight::after {
	border: 6px solid #e95554;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	width: 100%;
	-webkit-transition: .3s;
	transition: .3s;
}

.portfolio-grid-8:hover .img-hover-eight {
	visibility: visible;
	opacity: 1;
}

.portfolio-grid-8:hover .img-hover-eight::after {
	-webkit-transform: scale(1);
	transform: scale(1)
}


/* --------------------------------------
    16. Blog Styles
-------------------------------------- */

.sin-portfolio-7 {
	float: left;
	width: 33.333%;
}

.sin-portfolio-7 {
	border: 6px solid #fff;
	box-shadow: 0 0 8px 6px rgba(0, 0, 0, 0.17);
}


/* --------------------------------------
    16.1 Blog - 1
-------------------------------------- */

span.publish-date {
	color: #afafaf;
	display: block;
	font-size: 12px;
	margin-bottom: 15px;
}

.Blogpage .page-title-section h1,
.Blogpage .page-title-section ul.breadcumbs li a,
.Blogpage .page-title-section h1,
.Blogpage .page-title-section ul.breadcumbs li::after {
	color: #fff !important;
}

.blog-excerpt h4 {
	margin-bottom: 10px;
	font-family: "montserratsemi_bold";
	color: #181818;
}

.blog-excerpt {
	font-family: 'montserratlight';
	color: #767676;
}

.blog-excerpt p {
	margin-bottom: 20px;
}

a.continue-btn {
	color: #adadad;
	display: block;
	font-family: "montserratsemi_bold";
	text-transform: capitalize;
	text-decoration: underline;
}

a.continue-btn:hover {
	color: #303030;
}

.blog-wrap .owl-nav div {
	color: #d0d0d0;
	left: -24px;
	position: absolute;
	top: 40%;
}

.blog-wrap .owl-nav div.owl-next {
	left: auto;
	right: -24px;
}


/* --------------------------------------
    16.2 Blog - 3
-------------------------------------- */

.sin-blog-type-two .blog-thumb {
	float: left;
	margin: 0 20px 0 0;
}

.sin-blog-type-two .blog-excerpt {
	padding-left: 264px;
}

.blog-thumb {
	display: block;
	margin-bottom: 30px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.bordered-exe.sin-blog.blog-2 .blog-thumb {
	margin-bottom: 0px;
}

.blog-thumb:hover img {
	-webkit-transform: scale(1.3) rotate(-5deg);
	transform: scale(1.3) rotate(-5deg);
}

.blog-thumb img {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}


/* --------------------------------------
    16.3 Blog - 4
-------------------------------------- */

.post-meta span {
	color: #afafaf;
	font-size: 12px;
}

.post-meta span > a {
	color: #232323;
	font-weight: 700;
}

.post-date {
	color: #afafaf;
	font-size: 12px;
	padding-left: 30px;
	position: relative;
}

.post-date:hover {
	color: #afafaf;
}

.post-date::after {
	background: #dddddd none repeat scroll 0 0;
	border-radius: 50%;
	content: "";
	height: 8px;
	left: 12px;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	width: 8px;
}

.post-meta {
	margin-bottom: 15px;
}

.blog-2 .continue-btn {
	color: #adadad;
	font-size: 12px;
}

.blog-2 .continue-btn:hover {
	color: #303030;
}

.bordered-excerpt {
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	padding: 30px 20px 20px;
}


/* --------------------------------------
    16.4 Blog - 8
-------------------------------------- */

.blog-section-bg {
	background: rgba(0, 0, 0, 0) url("images/blog/blog-bg.jpg") no-repeat scroll 0 0 / cover;
}

.blog-excerpt.white-excerpt h4,
.blog-excerpt.white-excerpt .post-meta span > a {
	color: #fff;
}

.blog-excerpt.white-excerpt {
	color: #959595;
}

.blog-excerpt.white-excerpt .continue-btn:hover {
	color: #fff;
}


/* --------------------------------------
    16.5 Blog - 9
-------------------------------------- */

.blog-9 .blog-thumb {
	margin-bottom: 30px;
}

.blog-9 .post-meta {
	margin-bottom: 10px;
}


/* --------------------------------------
    17. Pricing Sections CSS
-------------------------------------- */

.page-bg-05 .page-title-section h1,
.page-bg-05 .page-title-section ul li a,
.page-bg-05 .page-title-section ul li::after {
	color: #000;
}

.pricing-drak-bg {
	background: #383737 none repeat scroll 0 0;
	color: #fff;
}

.pricing-head h3 {
	font-family: "montserratsemi_bold";
	margin-bottom: 25px;
}

.sin-pricing-2.border-pricing h3 {
	padding: 19px 0 16px;
	background: #000000 none repeat scroll 0 0;
}

.price {
	font-family: 'montserratlight';
}

.price > span {
	font-size: 37px;
	font-family: "montserratsemi_bold";
}

.sin-pricing-table {
	border: 1px solid #c6c6c6;
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}

.pricing-body {
	background: #ffffff none repeat scroll 0 0;
	color: #323232;
	height: 100%;
	left: 0;
	padding: 50px 0;
	position: absolute;
	top: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	width: 101%;
	z-index: 1;
	-webkit-transition: .3s;
	transition: .3s;
}

.pricing-head {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.sin-pricing-table:hover .pricing-head.pricing-head-2 {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.sin-pricing-table:hover .pricing-body.pricing-body-2 {
	-webkit-transform: translateX(0%) translateY(0%);
	transform: translateX(0%) translateY(0%);
}

.pricing-body ul li {
	padding-bottom: 15px;
}

.package-list li {
	font-family: 'montserratlight';
}

.purhase-btn {
	color: #020202;
	font-weight: 700;
}

.purhase-btn:hover {
	text-decoration: underline;
	color: #020202;
}

.sin-pricing-2 {
	float: left;
}

.sin-pricing-table:hover .pricing-head {
	-webkit-transform: translateY(-200%);
	transform: translateY(-200%);
}

.sin-pricing-table:hover .pricing-body {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}


/* --------------------------------------
    17.1 Pricing - 2
-------------------------------------- */

.sin-pricing-2 {
	background: #2e2d2d none repeat scroll 0 0;
	color: #fff;
	float: left;
	padding: 30px 0 34px;
	width: 33.33%;
}

.sin-pricing-2.special {
	background: #000000 none repeat scroll 0 0;
	box-shadow: 3px 5px 12px 0 rgba(0, 0, 0, 0.5);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

p.price.price-style {
	border: 1px solid;
	display: inline-block;
	padding: 3px 40px;
}

.sin-pricing-2.special .price-style::after {
	position: absolute;
	left: 50%;
	top: -2px;
	margin-left: -23.5px;
	height: 3px;
	width: 47px;
	content: "";
	background: #f78432;
}

.pricing-body-2 ul li {
	padding-bottom: 15px;
}

.sin-pricing-2 .price {
	margin-bottom: 20px;
}

.pricing-body-2 {
	margin-bottom: 10px;
	color: #fff;
}

.pricing-dark-bg {
	background: #414141 none repeat scroll 0 0;
	color: #fff;
}

.sin-pricing-2.long-big,
.long-big .pricing-body-2 {
	background: #272727;
}

.sin-pricing-2.long-big.special,
.long-big.special .pricing-body-2 {
	background: #000000;
}

.pricing-dark-bg .purhase-btn {
	color: #fff;
}

a.pricing-btn-2:hover,
a.view-btn:hover,
a.cta-btn:hover,
a.btn-learn-more:hover {
	color: #f78432;
}

.pricing-btn-2 {
	display: inline-block;
	padding: 13px 43px;
	color: #ffffff;
	border: 2px solid;
	border-radius: 3px;
	font-weight: 700;
}

ul.package-list {
	margin-bottom: 20px;
}

.pricing-btn-2:hover {
	color: #fff;
}

.pricing-btn-2.pricing-btn-filled {
	background: #f78432 none repeat scroll 0 0;
	border-color: #f78432;
	color: #fff !important;
}


/* --------------------------------------
    17.2 Pricing - 3
-------------------------------------- */

.sin-pricing-3 .pricing-head h3 {
	margin-bottom: 15px;
}

.pricing-body-3 ul li {
	padding: 6px 0;
}

.sin-pricing-3 {
	border: 1px solid #c6c6c6;
	padding: 45px 0;
}

.sin-pricing-3 .pricing-btn-2 {
	color: #000;
}

.pricing-body-3 {
	margin: 45px 0;
}

.sin-pricing-3.special {
	border: 3px solid #f78432;
	box-shadow: 3px 6px 15px 0px rgba(0, 0, 0, 0.2);
}

.sin-pricing-3 .price {
	color: #000000;
}

.price-style-2::after {
	background: red none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 4px;
	left: 50%;
	margin-left: -27px;
	position: absolute;
	width: 54px;
}

.price-style-2 {
	padding-bottom: 20px;
}


/* --------------------------------------
    17.3 Pricing - 4
-------------------------------------- */

.white-bg {
	background: #fff;
	border: 1px solid #c6c6c6;
}

.white-bg .price,
.white-bg .pricing-btn-2,
.white-bg .pricing-head h3,
.white-bg .package-list li {
	color: #000000;
}

p.price > span.dollar-sign {
	color: inherit;
	font-size: 18px;
	position: relative;
	top: -15px;
	font-family: 'montserratlight';
}


/* --------------------------------------
    17.4 Pricing - 6
-------------------------------------- */

.pricing-body.dark-pricing-body {
	background: #414141 none repeat scroll 0 0;
	color: #fff;
}

.pricing-body.dark-pricing-body .purhase-btn {
	color: #fff;
}


/* --------------------------------------
    18. Brand Sections
-------------------------------------- */

.sin-brand {
	position: relative;
}

.sin-brand::after {
	background: #bdbdbd none repeat scroll 0 0;
	content: "";
	height: 100%;
	position: absolute;
	right: -15px;
	top: 0;
	width: 1px;
}


/* --------------------------------------
    18.1 Brand - 2
-------------------------------------- */

.sin-brand-2 {
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-top: 1px solid #bdbdbd;
	position: relative;
}

.brand-active-2 {
	border-right: 1px solid #bdbdbd;
}


/* --------------------------------------
    18.2 Brand - 4
-------------------------------------- */

.brand-images {
	border-bottom: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
}

.sin-brand-4 {
	float: left;
	border-top: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	width: 50%;
}

.brand-excerpt {
	font-family: "montserratlight";
	line-height: 24px;
}

.headding-title {
	font-size: 28px;
	margin-bottom: 40px;
	padding-bottom: 18px;
}

.headding-title::after {
	background: #f78432 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 46px;
}


/* --------------------------------------
    18.3 Brand - 5
-------------------------------------- */

.accordion dt {
	color: #494949;
	cursor: pointer;
	font-size: 16px;
	margin: 0 0 15px;
}

.accordion dd {
	color: #4a4949;
	font-family: "montserratlight";
	line-height: 25px;
	padding: 0 20px 20px;
}

.accordion dt i {
	color: #000000;
	margin-right: 7px;
}

.sin-brand-5 {
	float: left;
	height: 100px;
	padding: 7px 0;
	width: 50%;
}

.sin-brand-5:first-child,
.sin-brand-5:nth-child(4) {
	background: #232222 none repeat scroll 0 0;
}


/* --------------------------------------
    18.4 Brand - 6
-------------------------------------- */

.brand-dark-bg,
.brand-images {
	position: relative;
	z-index: 1;
}

.brand-dark-bg::after {
	background: #232222 none repeat scroll 0 0;
	content: "";
	height: 260%;
	left: 0;
	position: absolute;
	top: -80%;
	width: 100%;
}

.brand-dark-bg::before {
	background: #232222 none repeat scroll 0 0;
	content: "";
	height: 629px;
	left: -50%;
	position: absolute;
	top: -80%;
	width: 100%;
}


/* --------------------------------------
    18.5 Brand - 7
-------------------------------------- */

.faq-title-style {
	position: relative;
	padding-left: 25px;
}

.faq-title-style::after {
	background: #f78432 none repeat scroll 0 0;
	border: 3px solid #232222;
	border-radius: 50%;
	content: "";
	height: 14px;
	left: 0;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	width: 14px;
}


/* --------------------------------------
    19. CTA Sections
-------------------------------------- */

.cta-section {
	color: #fff;
}

.color-bg {
	background: #000000 none repeat scroll 0 0;
}

.cta-text {
	color: #ffffff;
	float: left;
	font-family: "montserratlight";
	font-size: 28px;
	margin: 10px;
}

.cta-text span {
	font-family: "montserratsemi_bold";
	color: #ca2c2c;
}

.cta-btn {
	border: 2px solid;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	float: right;
	font-weight: 700;
	padding: 14px 35px;
	text-transform: uppercase;
}

.cta-btn:hover {
	color: #fff;
}


/* --------------------------------------
    19.1 CTA - 2
-------------------------------------- */

.img-bg {
	background-position: center 20%;
	background-repeat: no-repeat;
	background-size: cover;
}

.cta-overlay {
	position: relative;
	z-index: 1;
}

.cta-overlay:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background: #000000;
	opacity: .82;
	z-index: -1;
}

.img-bg-01 {
	background-image: url(images/cta/cta-bg-01.jpg);
}


/* --------------------------------------
    19.2 CTA - 3
-------------------------------------- */

.cta-white .cta-text {
	color: #090909;
}

.cta-white .cta-btn {
	color: #373737;
}


/* --------------------------------------
    19.3 CTA - 4
-------------------------------------- */

.img-bg-02 {
	background-image: url(images/cta/cta-bg-02.jpg);
}

.cta-flat .cta-text,
.cta-flat .cta-btn {
	float: none;
}

.cta-flat {
	text-align: center;
}

.cta-flat .cta-text {
	margin-bottom: 20px;
}

.cta-text + p {
	color: #aeaeae;
	margin: 0 0 25px;
	font-family: 'montserratlight';
	padding: 0 160px;
	line-height: 22px;
}


/* --------------------------------------
    19.4 CTA - 5
-------------------------------------- */

.cta-title {
	color: #aeaeae;
	font-size: 17px;
	font-family: 'montserratlight';
}


/* --------------------------------------
    19.5 CTA - 6
-------------------------------------- */

.styled-cta {
	overflow: hidden;
	position: relative;
}

.styled-cta::after,
.styled-cta::before {
	background: #f78432 none repeat scroll 0 0;
	content: "";
	height: 200%;
	position: absolute;
	width: 40%;
	-webkit-transform: rotate(23deg);
	transform: rotate(23deg);
}

.styled-cta::after {
	left: -32.5%;
	top: -78%;
}

.styled-cta::before {
	right: -35.5%;
	top: -48%;
}

.cta-white .cta-title {
	color: #434343;
}


/* --------------------------------------
    20. Subscribe Section
-------------------------------------- */

.newsletter-title > h2 span {
	display: block;
	font-size: 15px;
	font-family: 'montserratlight';
	margin-bottom: 15px;
}

.newsletter-title h2 {
	color: #000000;
}

.newsletter-form {
	display: block;
}

.newsletter-form input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	float: left;
}

.newsletter-form input[type="email"] {
	width: calc(100% - 10%);
	font-family: 'montserratlight';
}

.newsletter-form input[type="submit"] {
	text-indent: -999999px;
	width: 100%;
}

.input-submit {
	display: block;
	float: left;
	width: 10%;
	position: relative;
	z-index: 1;
}

.input-submit::after {
	content: "\f1d9";
	font-family: fontawesome;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
	font-size: 21px;
	color: #4f4f4f;
}

.newsletter-form {
	display: block;
	padding: 15px;
}


/* --------------------------------------
    20.1 Subscribe - 2
-------------------------------------- */

.subscribe-color-bg {
	background: #323232;
	color: #fff;
}

.subscribe-color-bg .newsletter-title > h2 {
	color: #fff;
}

.subscribe-color-bg .input-submit::after {
	color: #c2c2c2;
}

.subscribe-color-bg .newsletter-form {
	position: relative;
}

.newsletter-form::after {
	background: #bcbcbc none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 1px;
	left: 27px;
	position: absolute;
	width: calc(100% - 67px);
}

.subscribe-color-bg .newsletter-form::after {
	left: 25px;
	width: calc(100% - 50px);
}

.subscribe-color-bg .newsletter-form input[type="email"] {
	color: #757575;
	text-align: center;
}


/* --------------------------------------
    20.2 Subscribe - 3
-------------------------------------- */

.styled-subscribe-2 {
	overflow: hidden;
	padding: 50px 0;
}

.cta-left-text {
	position: relative;
	z-index: 1;
}

.cta-left-text {
	color: #fff;
	padding: 7px 0;
}

.cta-left-text::after,
.cta-left-text::before {
	background: #323232 none repeat scroll 0 0;
	content: "";
	position: absolute;
	z-index: -1;
}

.cta-left-text::before {
	height: 500%;
	right: 10%;
	top: -200%;
	width: 300%;
}

.cta-left-text::after {
	height: 750%;
	right: -4%;
	top: -300%;
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
	width: 50%;
}

.cta-left-text > h3 {
	margin: 0px;
}

.cta-left-text > h3 span {
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 400;
}

.styled-subscribe-2 .newsletter-form input[type="email"] {
	color: #aeaeae;
}

.newsletter-form.newsletter-formRight::after {
	width: calc(100% - 80px);
}

.styled-subscribe-2 .input-submit::after {
	color: #4f4f4f;
}


/* --------------------------------------
    21. Footer Sections
-------------------------------------- */

.footer-top {
	background: #2e2d2d none repeat scroll 0 0;
}

.widget-logo > a {
	display: block;
}

.widget-title {
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	padding-bottom: 20px;
	position: relative;
}

.widget-title::after {
	background: #404040 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 124px;
}

.sin-widget ul li {
	position: relative;
	padding: 2px 0px 2px 11px;
}

.sin-widget ul li:after {
	color: #706f6f;
	content: "\f105";
	font-family: fontawesome;
	left: 0;
	position: absolute;
	top: 0;
}

.sin-widget ul li a {
	color: #706f6f;
	display: block;
	font-family: "montserratlight";
	font-size: 14px;
	margin-bottom: 5px;
}

.sin-widget ul li a:hover,
.sin-widget ul li:hover:after {
	color: #e34242;
}

.sin-widget {
	color: #706f6f;
	font-family: "montserratlight";
	line-height: 24px;
}

.widget-logo {
	display: block;
	margin-bottom: 13px;
	padding-bottom: 8px;
	position: relative;
}

.widget_newsletter form > * {
	float: left;
}

.widget_newsletter input {
	border: medium none;
}

.widget_newsletter input[type="email"] {
	background: #383737 none repeat scroll 0 0;
	padding: 15px 20px;
	width: calc(100% - 10%);
}

.widget_newsletter input[type="submit"] {
	background: transparent none repeat scroll 0 0;
	padding: 15px;
	position: relative;
	text-indent: -99999px;
	width: 100%;
	z-index: 30;
}

.widget-input-submit {
	background: #f78432 none repeat scroll 0 0;
	position: relative;
	width: 10%;
	z-index: 7;
}

.widget-input-submit::after {
	content: "\f1d9";
	color: #fff;
	font-family: fontawesome;
	height: 100%;
	left: 0;
	line-height: 58px;
	padding-left: 6px;
	position: absolute;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 20;
}

.widget-input-submit::before {
	background: #f78432 none repeat scroll 0 0;
	content: "";
	height: 100px;
	left: -14px;
	position: absolute;
	top: -10px;
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg);
	width: 20px;
}

.widget_newsletter {
	margin-top: 30px;
	overflow: hidden;
}


/* --------------------------------------
    21.1 Footer Bottom
-------------------------------------- */

.footer-bottom {
	background: #232222 none repeat scroll 0 0;
	color: #949494;
	font-family: "montserratlight";
	font-size: 12px;
	letter-spacing: 0.5px;
	padding: 40px 0;
	position: relative;
}

.white-footer .footer-bottom {
	background: #f3f3f3 none repeat scroll 0 0;
}

.footer-bottom-right {
	text-align: right;
}

.footer-bottom .fa,
.footer-copyright span .fa {
	color: #f78432;
}

.scroll-top {
	background: #f78432 none repeat scroll 0 0;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	font-size: 18px;
	height: 45px;
	left: 50%;
	line-height: 42px;
	margin: -21px 0 0 -21px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 45px;
	z-index: 999;
}

.scroll-top i.fa {
	color: #fff;
	font-size: 18px;
	padding-left: 1px;
}


/* --------------------------------------
    21.2 White Footer Section
-------------------------------------- */

.white-footer .footer-top {
	background: #fff;
}

.white-footer .sin-widget {
	color: #7d7d7d;
	line-height: 24px;
}

.white-footer .widget-title {
	color: #000000;
	font-weight: 700;
}

.white-footer .widget_newsletter input[type="email"] {
	background: #f4f4f4 none repeat scroll 0 0;
}


/* --------------------------------------
    21.3 Footer - 3
-------------------------------------- */

.sin-foo-social {
	background: #232222 none repeat scroll 0 0;
	border-right: 1px solid #3c3c3c;
	color: #949494;
	float: left;
	font-family: "montserratlight";
	font-size: 17px;
	padding: 50px 40px;
	text-transform: capitalize;
	width: 285px;
}

.sin-foo-social:hover {
	color: #f78432;
}

.sin-foo-social:last-child {
	border: 0 solid;
}

.footer-section-social {
	background: #232222 none repeat scroll 0 0;
}

.sin-foo-social i {
	float: right;
	font-size: 18px;
}

.sin-foo-social:hover {
	background: #141414;
}


/* --------------------------------------
    21.4 Footer - 4
-------------------------------------- */

.footer-social-wrap {
	background: #3c3b3b;
}

.sin-foo-social-two,
.sin-foo-social-four {
	border-right: 1px solid;
	color: #fff;
	float: left;
	font-size: 18px;
	padding: 23px;
	text-align: center;
	width: 25%;
}

.gray-social {
	background: #363636 none repeat scroll 0 0;
}

.foo-5-bg .sin-foo-social-two {
	width: 195px;
}

.sin-foo-social-two:hover,
.sin-foo-social-four:hover {
	background: #f78432;
	color: #fff;
}

.sin-foo-social-two:last-child {
	border-right: 0px solid;
}

.foo-5-bg {
	background: #232222 none repeat scroll 0 0;
	margin: 0 -15px;
}


/* --------------------------------------
    21.5 Footer - 6
-------------------------------------- */

.footer-static {
	font-family: "montserratlight";
	padding: 38px 0 41px;
}

.footer-logo {
	margin-bottom: 23px;
}

.footer-social-6 {
	margin-bottom: 20px;
}

.footer-social-6 a {
	color: #000000;
	display: inline-block;
	font-size: 12px;
	padding: 0 9px;
}

.footer-social-6 a:hover,
.dark-static-foo .footer-social-6 a:hover {
	color: #f78432;
}

.site-url {
	color: #949494;
}

.footer-copyright span {
	color: #949494;
	display: block;
	font-size: 12px;
}

.footer-copyright span:first-child {
	margin-bottom: 5px;
}

.footer-bt {
	border-top: 1px solid #cecece;
}

.footer-section {
	position: relative;
}

.footer-static .scroll-top {
	left: auto;
	right: 100px;
}


/* --------------------------------------
    21.6 Footer - 7
-------------------------------------- */

.dark-static-foo {
	background: #3c3b3b;
}

.dark-static-foo .footer-social-6 a {
	color: #fff;
}


/* --------------------------------------
    22. About Innerpage - 1
-------------------------------------- */

body.page .fullFluide {
	height: auto;
	width: 100%;
}

body.page #header-areaFive {
	position: relative;
}

#header-areaFive ul.nav.navbar-nav li a:hover {
	color: #f96868;
}

.page-title-section {
	height: auto;
	left: 0;
	padding: 73px 0 80px;
	position: absolute;
	top: 109px;
	width: 100%;
}

body.page .page-bg-01 {
	background: url("images/page-title/img-01.jpg") no-repeat scroll 0 0 / cover;
}

body.page .page-bg-02 {
	background: url("images/page-title/img-01.jpg") no-repeat scroll 0 0 / cover;
}

body.page .homeFive.fullFluide {
	height: 37.9%;
}


/* --------------------------------------
    0.4 Page Bread Cumbs CSS
-------------------------------------- */

ul.breadcumbs li {
	display: inline-block;
	padding-right: 10px;
	position: relative;
}

ul.breadcumbs li a {
	color: #fff;
	display: block;
	font-family: 'montserratlight';
}

ul.breadcumbs li::after {
	color: #fff;
	content: "/";
	font-size: 12px;
	left: -10px;
	position: absolute;
	top: 2px;
}

ul.breadcumbs li:first-child::after {
	display: none;
}

.page-title-section h1 {
	font-size: 36px;
}

.page-title-section {
	color: #fff;
}

ul.breadcumbs li a:hover {
	color: #f96868 !important;
}


/* --------------------------------------
    22.1 About Innerpage - 2
-------------------------------------- */

.history-thumb {
	float: left;
	width: 49%;
}

.history-thumb:first-child {
	margin-right: 7px;
	margin-top: 40px;
}


/* --------------------------------------
    22.2 About Innerpage - 3
-------------------------------------- */

.page-title-section {
	height: auto;
	left: 0;
	padding: 78px 0 80px;
	position: relative;
	top: 0;
	width: 100%;
}

#homeSection {
	height: auto;
	position: relative;
}

#header-areaSeven {
	position: relative;
	top: 0;
	width: 100%;
	z-index: 99999;
}

.about-tab-menu li a {
	background: #f3f3f3 none repeat scroll 0 0;
	color: #2f2f2f;
	display: block;
	font-size: 15px;
	font-weight: 700;
	margin: 0 30px;
	padding: 12px 0;
	width: 188px;
}

.about-tab-menu li {
	display: inline-block;
}

.about-tab-menu {
	margin: 0 -30px;
	position: relative;
	text-align: center;
}

.about-tab-menu::after {
	background: #d1d1d1 none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 20%;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	width: 60%;
	z-index: -1;
}

.cart-tickr:hover .cart-tickr {
	color: #fff;
}

.about-tab-menu li.active a {
	background: #e67e22;
	color: #fff;
}

.tab-pane p,
.about-innerpage-text p {
	font-family: 'montserratlight';
}

body.page .page-bg-03 {
	background: url("images/page-title/img-02.jpg") no-repeat scroll 0 0 / cover;
}

body.page.about-page-3 .homeSeven .page-title-overlay::after {
	background: rgba(0, 0, 0, 0.73) none repeat scroll 0 0;
}


/* --------------------------------------
    22.3 About Innerpage - 4
-------------------------------------- */

.about-tab-menu.about-tab-menu-2 li a {
	background: none;
}

.about-tab-menu.about-tab-menu-2 li.active a {
	color: #000;
}

.about-tab-menu.about-tab-menu-2::after {
	display: none;
}

.about-tab-menu.about-tab-menu-2 {
	border-bottom: 8px solid #f2f2f2;
}

.about-tab-menu.about-tab-menu-2 li {
	position: relative;
}

.about-tab-menu.about-tab-menu-2 li::after {
	background: #f78432 none repeat scroll 0 0;
	bottom: -8px;
	content: "";
	height: 8px;
	left: 0;
	position: absolute;
	width: 0%;
	transition.3s;
	visibility: hidden;
}

.about-tab-menu.about-tab-menu-2 li.active::after {
	width: 100%;
	visibility: visible;
}

.page .page-bg-04 {
	background: url("images/page-title/img-02.jpg") no-repeat scroll 0 0/cover;
}

body.about-page-4 #header-areaSeven .mainmenu-area,
body.about-page-3 #header-areaSeven .mainmenu-area {
	background: rgba(0, 0, 0, .8);
}

body.about-page-4 #header-areaSeven .mainmenu-area ul li a:hover {
	color: #f78432;
}

body.about-page-4 .page-title-overlay::after {
	background: rgba(0, 0, 0, 0.73);
}


/* --------------------------------------
    22.4 About Innerpage - 5
-------------------------------------- */

body.page .fullFluide {
	z-index: 999;
}

.innerpage-top-bg {
	background: rgba(0, 0, 0, .76);
}

body.page ul.nav.navbar-nav.tt-u li a,
body.page .homeNine .menu-right span,
body.page .homeNine .menu-right a,
body.page .mainmenu span.search-switch-6 {
	color: #fff;
}

.page .page-bg-05 {
	background: url("images/page-title/img-03.jpg") no-repeat scroll 0 0 / cover;
}

.aboutpageFive .page-title-section,
.aboutpageFive .page-title-section ul.breadcumbs li a,
.aboutpageFive .page-title-section ul.breadcumbs li::after {
	color: #000;
}

.about-section-innerpage {
	position: relative;
}

.about-innerpage-thumb {
	border: 7px solid #fff;
	box-shadow: 4px 12px 10px 0 rgba(0, 0, 0, 0.2);
	left: 0;
	position: absolute;
}

.about-innerpage-text {
	color: #515151;
	font-size: 15px;
	line-height: 24px;
}

.about-innerpage-thumb::after {
	background: #272727 none repeat scroll 0 0;
	content: "";
	height: calc(100% + 90px);
	left: -528px;
	position: absolute;
	top: -45px;
	width: 704px;
	z-index: -1;
}


/* --------------------------------------
    22.5 About Innerpage - 6
-------------------------------------- */

body.page .page-bg-06 {
	background: url("images/page-title/img-01.jpg") no-repeat scroll 0 0 / cover;
}


/* --------------------------------------
    23. Video Section
-------------------------------------- */

.video-text {
	color: #787878;
	line-height: 40px;
	padding-left: 36px;
}

.video-text p,
.video-section-content h4,
.video-section-content p {
	font-family: "montserratlight";
}

.video-text h2.about-title + p {
	margin-bottom: 45px;
}

.video-bg-1 {
	background-image: url(images/video/video-bg-01.jpg);
	left: 0;
}

.video-bg-2 {
	background: url(images/video/video-bg-02.jpg) no-repeat scroll 0 0/cover;
}

.video-section-content h4 {
	color: #ffffff;
	font-size: 19px;
}

.video-section-content p {
	color: #989898;
}

.vid-para-margin h4 + p {
	margin-bottom: 37px;
	display: block;
}

.vid-a-margin > a {
	margin-bottom: 20px;
	display: block;
}


/* --------------------------------------
    24. Testimonial Innerpage - 1
-------------------------------------- */

body.page .page-bg-07 {
	background: url("images/page-title/img-04.jpg") no-repeat scroll 0 0 / cover;
}


/* --------------------------------------
    24.1 Testimonial Innerpage - 2
-------------------------------------- */

body.page.reviews-2 #header-areaSeven .mainmenu-area {
	background: rgba(0, 0, 0, 0.7);
}

body.page .homeNine nav.navigtation .navbar-nav li a {
	color: #fff;
}

body.page .homeNine nav.navigtation .navbar-nav li a:hover {
	color: #f74248;
}


/* --------------------------------------
    24.2 Testimonial Innerpage - 3
-------------------------------------- */

body.page.reviewsPage-3 .page-title-section h1,
body.page.reviewsPage-3 .page-title-section ul li a,
body.page.reviewsPage-3 ul.breadcumbs li::after,
body.page.PortfolioPageThree .page-title-section h1,
body.page.PortfolioPageThree .page-title-section ul li a,
body.page.PortfolioPageThree ul.breadcumbs li::after {
	color: #fff;
}

body.page.reviewsPage-3 .search-form {
	border: 1px solid #fff;
}

body.page.reviewsPage-3 .search-form input[type="text"] {
	color: #fff;
}


/* --------------------------------------
    24.3 Testimonial Innerpage - 4
-------------------------------------- */

.reviewsInnerPage .client-photo-type-two img {
	min-height: 238px;
	width: 100%;
}

.reviewsInnerPage .testimonial-content {
	font-size: 13px;
}

.reviewsInnerPage.testimonial-bg {
	background: url("images/upload/testimonial-bg-03.jpg") no-repeat scroll -250px 0 / cover;
}


/* --------------------------------------
    25. Service Innerpage
-------------------------------------- */

.footerSectionBg {
	background: #2e2d2d none repeat scroll 0 0;
}

.servicePage-5 .sin-service:hover .serviceSicon i {
	color: #f78432;
}

.servicePage-5 .sin-service:hover .serviceSicon {
	border-color: #ffa6a6;
}


/* --------------------------------------
    25.1 Single Service - 1
-------------------------------------- */

.serviceTab ul li a {
	border: 1px solid #d1d1d1;
	color: #050505;
	display: block;
	padding: 20px;
}

.stIcon {
	color: #8c8c8c;
	float: left;
	font-size: 18px;
	margin-right: 20px;
	padding-right: 18px;
	position: relative;
	width: 40px;
}

.stIcon::after {
	background: #d1d1d1 none repeat scroll 0 0;
	content: "";
	height: 303%;
	position: absolute;
	right: 0;
	top: -100%;
	width: 1px;
}

.serviceTab ul li.active .stIcon::after {
	background: #454c54;
}

.serviceTab ul li {
	overflow: hidden;
	margin-bottom: 20px;
}

.serviceTab ul li.active {
	background: #323232;
}

.serviceTab ul li.active a,
.serviceTab ul li.active .stIcon {
	color: #fff;
}

.aboutTabContent h2 {
	color: #4f4d4d;
	font-size: 24px;
}

.tabThumb {
	margin-bottom: 25px;
}

.aboutTabContent p {
	color: #919191;
	font-family: "montserratlight";
	line-height: 26px;
	margin-bottom: 25px;
}

.our-brochour h4 {
	color: #000000;
	margin-bottom: 25px;
	padding-bottom: 12px;
	position: relative;
}

.our-brochour h4::after {
	background: #f96868 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	width: 58px;
}

.down-btn {
	border: 1px solid #d1d1d1;
	color: #050505;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 16px 20px 12px;
}

.down-Icon {
	color: #8c8c8c;
	float: left;
	font-size: 18px;
	margin-right: 20px;
	position: relative;
	width: 35px;
}

a.down-btn:hover {
	color: #050505;
}

.down-Icon::after {
	background: #d1d1d1 none repeat scroll 0 0;
	content: "";
	height: 300%;
	position: absolute;
	right: 0;
	top: -100%;
	width: 1px;
}

.serviceTab {
	margin-bottom: 40px;
}


/* --------------------------------------
    25.2 Single Service - 2
-------------------------------------- */

.sinServiceExcerpt.sin-service {
	margin-left: 30px;
	width: 285px;
	cursor: pointer;
}

.serviceDetailIcon {
	color: #8c8c8c;
	font-size: 30px;
	margin-bottom: 22px;
}

.sinServiceDetail h3 {
	color: #4f4d4d;
	font-size: 24px;
	margin-bottom: 24px;
}

.sinServiceDetail p {
	color: #919191;
	line-height: 24px;
	font-family: "montserratlight";
	margin-bottom: 20px;
}

.sinServiceSlides {
	overflow: hidden;
	position: relative;
}

.ServiceExcerptSlide .btn-slick-next.slick-arrow,
.ServiceExcerptSlide .btn-slick-prev.slick-arrow {
	background: #e8e8e8 none repeat scroll 0 0;
	bottom: 200px;
	color: #000000;
	cursor: pointer;
	font-size: 24px;
	height: 37px;
	line-height: 37px;
	position: absolute;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 37px;
}

.ServiceExcerptSlide .btn-slick-next.slick-arrow:hover,
.ServiceExcerptSlide .btn-slick-prev.slick-arrow:hover {
	background: #414141;
	color: #fff;
}

.btn-slick-next.slick-arrow {
	/*left: auto;*/
	right: 0px;
}

.btn-slick-prev.slick-arrow {
	left: 0px
}


/* --------------------------------------
    26. Team Innerpage - 1
-------------------------------------- */

.teamInnerWrap {
	margin: 0 -15px;
}


/* --------------------------------------
    26.1 Team Innerpage - 2
-------------------------------------- */

.innerProfileWrap .sin-member-profile {
	float: left;
	width: 25%;
}

.innerNavOne .btn-slick-next.slick-arrow,
.innerNavOne .btn-slick-prev.slick-arrow {
	bottom: auto;
	color: #d0d0d0;
	font-size: 36px;
	height: 40px;
	left: -70px;
	margin-top: -25px;
	top: 50%;
	z-index: 9999999;
	cursor: pointer;
}

.innerNavOne .btn-slick-next.slick-arrow {
	left: auto;
	right: -70px;
}

.innerNavOne .btn-slick-next.slick-arrow:hover,
.innerNavOne .btn-slick-prev.slick-arrow:hover {
	color: #555353;
}

.sinClientThumb {
	margin: 0 5px;
	cursor: pointer;
}

.memberThumbnailSlideTwo,
.memberThumbnailSlide {
	margin-top: 100px;
	padding: 0 20px;
}


/* --------------------------------------
    27. Portfolio Innerpage - 2
-------------------------------------- */

.page .page-bg-08 {
	background: url("images/page-title/img-06.jpg") no-repeat scroll 0 0 / cover;
}

.PortfolioPageTwo .menu-style-two ul.nav.navbar-nav li::after {
	background: #e67e22;
}

body.page.PortfolioPageTwo .homeNine nav.navigtation .navbar-nav li a:hover {
	color: #fff;
}

body.page.PortfolioPageTwo .homeNine .search-form {
	border-color: #fff;
}

.search-form input[type="text"] {
	color: #fff;
}

.homeNine .search-form input[type="text"] {
	color: #000;
}

.InnermemberSlide .slick-list {
	padding-top: 12px;
}

.InnermemberSlide.member-slide::after {
	top: 24px;
}


/* --------------------------------------
    27.1 Portfolio Innerpage - 3
-------------------------------------- */

body.page .page-bg-09 {
	background: url("images/page-title/img-05.jpg") no-repeat scroll 0 0 / cover;
}

body.page.PortfolioPageTwo .homeNine .search-form input[type="text"] {
	color: #fff;
}

.portfolioNavOne .owl-controls .owl-nav div {
	left: 0;
}

.portfolioThumbWrap .owl-controls .owl-nav div {
	background: #eaeaea none repeat scroll 0 0;
	color: #000000;
	font-size: 14px;
	height: 46px;
	line-height: 46px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 42px;
	-webkit-transition: .3s;
	transition: .3s;
}

.portfolioThumbWrap .owl-controls .owl-nav div.owl-next {
	left: auto;
	right: 0;
}

.portfolioThumbWrap .owl-controls .owl-nav div:hover {
	background: #424242;
	color: #fff;
}

.portfolioThumbWrap {
	margin-bottom: 40px;
}

.sinPortfolioExcerpt h2 {
	font-size: 18px;
}

.sinPortfolioExcerpt p {
	color: #8f8f8e;
	font-family: 'montserratlight';
	line-height: 24px;
}

.sinPortfolioExcerpt h2 + p {
	color: #868685;
	margin-bottom: 20px;
}

.projectMeta p > span,
.sinPortfolioExcerpt h2 + p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #6c6c6c;
}

.portfolioNavTwo .owl-controls .owl-nav div {
	left: -20px;
}

.portfolioNavTwo .owl-controls .owl-nav div.owl-next {
	left: auto;
	right: -20px;
}

.projectMetaTwo p {
	color: #6c6c6c;
	font-family: 'montserratlight';
}

.projectMetaTwo p > span {
	color: #6c6c6c;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.page-top-04 {
	background: url("images/page-title/img-02.jpg") no-repeat scroll 0 0 / cover;
}


/* --------------------------------------
    28. Blogpage - 2
-------------------------------------- */

.CustomPagination ul {
	padding-bottom: 50px;
}

.CustomPagination ul li {
	display: inline-block;
}

.CustomPagination ul li a {
	color: #6b6b6b;
	display: block;
	padding: 0 9px;
}

.CustomPagination ul li a:hover {
	color: #ca2c2c;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-decoration: underline;
}

.Blogpage-3 .page-title-section h1,
.Blogpage-3 .page-title-section ul li a,
.Blogpage-3 .page-title-section ul li::after {
	color: #000000;
}


/* --------------------------------------
    28.1 Blogpage - 3
-------------------------------------- */

.CustomPagination.PaginationTwo ul li a {
	border: 1px solid;
	color: #838383;
	margin: 0 3px;
	padding: 5px 12px;
}

.CustomPagination.PaginationTwo ul li a:hover {
	color: #f78432;
	border-color: #838383;
	text-decoration: none;
}


/* --------------------------------------
    28.2 Blogpage - 4
-------------------------------------- */

.sidWidSearch input {
	border: medium none;
	float: left;
}

.sinSideWidget {
	overflow: hidden;
}

.sidWidSearch input[type="text"] {
	color: #c5c5c5;
	font-size: 12px;
	padding: 10px;
	width: calc(100% - 40px);
}

.sideSub input[type="submit"] {
	padding: 7px 0;
	position: relative;
	z-index: 888888;
	height: 40px;
	width: 40px;
	opacity: 0;
}

.sidWidSearch {
	border: 1px solid #bcbcbc;
	overflow: hidden;
	padding: 3px;
}

.sideSub {
	position: relative;
}

.sideSub::after {
	background: #f96868 none repeat scroll 0 0;
	color: #fff;
	content: "\f002";
	font-family: fontawesome;
	height: 60px;
	line-height: 62px;
	padding-right: 6px;
	position: absolute;
	right: -5px;
	text-align: center;
	top: -10px;
	width: 45px;
}

.sideSub::before {
	background: #f96868 none repeat scroll 0 0;
	content: "";
	height: 100px;
	position: absolute;
	right: 38px;
	top: -10px;
	-webkit-transform: rotate(23deg);
	transform: rotate(23deg);
	width: 20px;
}

.sidewidget-title {
	color: #0a0a0a;
	font-size: 18px;
	margin-bottom: 33px;
	padding-bottom: 14px;
	position: relative;
	font-family: "montserratsemi_bold";
}

.sidewidget-title::after {
	background: #f96868 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 46px;
}

.sinSideWidget ul li a {
	border-bottom: 1px solid #d2d2d2;
	color: #676767;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-family: 'montserratlight';
}

.sinSideWidget ul li a > span {
	float: right;
}

.entryThumb {
	float: left;
	margin-right: 12px;
}

.sinRecentEntries {
	margin-bottom: 30px;
	overflow: hidden;
}

.entryText h4 {
	color: #181818;
	font-size: 18px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: "montserratsemi_bold";
}

.entryDate {
	color: #afafaf;
	font-size: 12px;
	font-family: 'montserratlight';
}

.entryDate:hover {
	color: #afafaf;
}

.sinSideWidget ul li a:hover {
	color: #f96868;
}

.tags a {
	background: #e4e4e4 none repeat scroll 0 0;
	color: #5b5b5b;
	display: inline-block;
	font-size: 13px;
	margin: 0 5px 10px 0;
	padding: 13px 33px;
	border: 1px solid transparent;
	-webkit-transition: .3s;
	transition: .3s;
}

.tags a:hover {
	border-color: #414141;
	background: #fff;
}


/* --------------------------------------
    28.3 Single Blogpage - 1
-------------------------------------- */

.blogThumb {
	margin-bottom: 25px;
}

.blogQuote {
	border: medium none;
	color: #5f5f5f;
	font-family: "montserratsemi_bold";
	font-size: 16px;
	line-height: 27px;
}

.postShare {
	border-bottom: 1px solid #e2e2e2;
	border-top: 1px solid #e2e2e2;
	display: block;
	padding: 14px 0;
}

.shareTitle {
	color: #000000;
	font-size: 12px;
	font-weight: 400;
	margin-right: 10px;
}

.postShare a {
	color: #000000;
	font-size: 12px;
	padding: 0 7px;
}

.postShare a:hover {
	color: #f78432;
}

.aboutAuthor {
	padding: 14px 0 0 5px;
}

.authorThumb {
	border: 5px solid #fff;
	box-shadow: 0 0 0 1px #000000;
	float: left;
	margin-right: 15px;
}

.authorBio h4 {
	font-size: 14px;
	margin-bottom: 5px;
}

.authorBio p {
	color: #909090;
	font-size: 12px;
	line-height: 22px;
}

.authorLinks {
	display: block;
}

.authorLinks a {
	color: #000000;
	display: inline-block;
	font-size: 12px;
	padding: 0 5px;
}

.authorBio {
	padding: 8px 0;
}


/* --------------------------------------
    29. Comments Area Css
-------------------------------------- */

.commentsSection {
	padding-top: 50px;
}

.commentsCount {
	color: #232323;
	font-size: 18px;
	margin-bottom: 53px;
	font-family: "montserratsemi_bold";
}

.comAuthorPhoto {
	float: left;
	margin-right: 15px;
}

.comAuthorComment h4 {
	color: #232323;
	font-size: 15px;
	margin-bottom: 7px;
}

.comDate,
.comAuthorComment p {
	color: #6b6b6b;
	display: block;
	font-family: "montserratlight";
	font-size: 12px;
}

.comDate {
	margin-bottom: 6px;
}

.comAuthorComment p {
	font-size: 14px;
}

.sinComment {
	position: relative;
}

.replayBtn {
	color: #414141;
	font-family: "montserratlight";
	position: absolute;
	right: 0;
	top: 60%;
}

.replayBtn:hover {
	color: #f78432;
}

.commentsWrap .sinComment {
	margin-bottom: 30px;
}

.commentsWrap .sinComment:last-child {
	margin-bottom: 0;
}


/* --------------------------------------
    29.1 Comment Box CSS
-------------------------------------- */

.inputHalf {
	display: inline-block;
	margin-bottom: 70px;
	padding: 10px 0 10px 3px;
	width: 309px;
}

.commentForm textarea,
.inputHalf {
	border-top: 0px solid;
	border-right: 0px solid;
	border-left: 0px solid;
	border-bottom: 1px solid #bcbcbc;
	font-size: 12px;
	color: #b5b5b5;
}

.commentForm textarea {
	display: block;
	width: 100%;
	resize: none;
	margin-bottom: 60px;
}

input.inputHalf[type="text"] {
	margin-right: 30px;
}

.commentBoxTitle {
	color: #0a0a0a;
	font-size: 18px;
	margin-bottom: 50px;
	padding-bottom: 15px;
	position: relative;
}

.commentBoxTitle::after {
	background: #f96868 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 58px;
}

.commentForm input[type="submit"] {
	background: #f78432 none repeat scroll 0 0;
	border: 5px solid #f98d8d;
	color: #fefefe;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	padding: 12px 55px;
}

.commentBox {
	margin-top: 70px;
}


/* --------------------------------------
    30. Contact Page CSS
-------------------------------------- */

.sinContactItem {
	float: left;
	position: relative;
	text-align: center;
	width: 25%;
}

.sinContactItem i {
	color: #000000;
	display: block;
	font-size: 48px;
	margin-bottom: 16px;
}

.contactItemTitle {
	color: #000000;
	font-size: 18px;
	font-family: 'montserratlight';
}

.contactItemWrap {
	border-color: #333;
	border-style: solid;
	border-width: 1px;
	padding: 26px 0;
}

.sinContactItem > a {
	display: block;
	line-height: 50px;
}

.sinContactItem::after {
	background: #7d7d7d;
	content: "";
	height: 300%;
	position: absolute;
	right: 0;
	top: -100%;
	width: 1px;
}

.sinContactItem:last-child::after {
	display: none;
}

.googleMapSection {
	position: relative;
}

.contactFormSection {
	background: #000000 none repeat scroll 0 0;
	left: 100px;
	position: absolute;
	top: 0;
	width: 424px;
	padding: 50px;
	height: 500px;
}

.contactFformTitle {
	color: #ffffff;
	font-size: 21px;
	margin-bottom: 30px;
	font-family: 'montserratlight';
}

.contactFormSection input,
.contactFormSection textarea {
	display: block;
	background: none;
	border-top: none;
	border-right: none;
	border-left: none;
	resize: none;
	border-bottom: 1px solid #505050;
	padding: 10px;
	display: block;
	width: 100%;
	margin-bottom: 35px;
}

.contactFormSection input[type="submit"] {
	display: inline-block;
	width: auto;
	font-size: 14px;
	font-weight: 700;
	border: 2px solid;
	color: #fff;
	border-radius: 3px;
	padding: 14px 60px;
	margin-top: 40px;
	margin-bottom: 0px;
}


/* --------------------------------------
    30.1 Contact Page CSS -2
-------------------------------------- */

.contactItemWrap.staticLeft {
	border: medium none;
	float: left;
	margin-right: 40px;
	width: 300px;
}

.contactItemWrap.staticLeft .sinContactItem {
	display: block;
	float: none;
	width: 100%;
}

.contactItemWrap.staticLeft .sinContactItem::after {
	display: none;
}

.contactItemWrap.staticLeft .sinContactItem {
	border: 1px solid #7d7d7d;
	margin-bottom: 17px;
	padding: 22px 10px;
}

.contactFormTitleTwo {
	color: #000000;
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 70px;
}

.formElements {
	margin-top: 30px;
}

.formElements input,
.formElements textarea {
	border-color: -moz-use-text-color -moz-use-text-color #7d7d7d;
	border-style: solid;
	border-width: 0 0 1px;
	display: block;
	margin-bottom: 66px;
	padding: 10px;
	resize: none;
	width: 64%;
	font-family: 'montserratlight';
}

.formElements input[type="submit"] {
	display: inline-block;
	margin: 0px;
	width: auto;
	font-weight: 700;
	color: #000000;
	font-size: 14px;
	border: 2px solid;
	padding: 12px 60px;
	border-radius: 3px;
}

.formElements input[type="email"] {
	margin-bottom: 170px;
}

.contactSection {
	padding-top: 60px;
}


/* --------------------------------------
    31. DropDown Menu CSS
-------------------------------------- */

@media only screen and (min-width: 768px) {
	.subMenuItems {
		left: 0;
		opacity: 0;
		position: absolute;
		text-align: left;
		top: 100%;
		visibility: hidden;
		width: 250px;
	}
	.subMenuItems li a {
		background: #2d2d2d none repeat scroll 0 0;
		border-bottom: 1px solid #333;
		display: block;
		padding: 15px 0 15px 20px !important;
	}
/*
	.subMenuItems li:last-child a {
		border-bottom: 0 solid;
	}
*/
	ul.nav.navbar-nav li:hover ul.subMenuItems li {
		margin: 0;
		opacity: 1;
		visibility: visible;
	}
	ul.nav.navbar-nav li ul.subMenuItems li a:hover {
		background: #333;
	}
	.nav.navbar-nav li:hover ul.subMenuItems {
		opacity: 1;
		visibility: visible;
	}
	.nav.navbar-nav ul.subMenuItems,
	ul.nav.navbar-nav li ul.subMenuItems li,
	ul.subMenuItems li {
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	.subrightMenu {
		left: 250px;
		opacity: 0;
		position: absolute;
		top: 0;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		visibility: hidden;
		width: 210px;
	}
	li.dropGrandParent {
		position: relative;
	}
	.subrightMenu li {
		/*        margin-top: -40px !important;*/
		-webkit-transition: .3s;
		transition: .3s;
	}
	ul.subMenuItems li:hover ul.subrightMenu {
		visibility: visible;
		opacity: 1;
	}
	ul.subMenuItems li:hover ul.subrightMenu li {
		margin: 0 !important;
	}
	.menu-style-one .nav.navbar-nav li .subMenuItems li {
		display: block;
	}
	.menu-style-one .nav.navbar-nav li .subMenuItems li::after {
		display: none;
	}
	.subMenuItems li a {
		position: relative;
	}
	.subMenuItems li a i {
		position: absolute;
		right: 20px;
		top: 40%;
	}
	ul.nav.tt-u ul.subMenuItems li a {
		color: #fff !important;
	}
	.menu-style-two .nav.navbar-nav li ul li a {
		color: #fff;
	}
	.menu-style-two .nav.navbar-nav li ul li::after {
		display: none;
	}
	ul.megaMenu {
		background: #333 none repeat scroll 0 0;
		height: 0;
		overflow: hidden;
		position: absolute;
		right: -150%;
		text-align: left;
		top: 100%;
		-webkit-transition: height 0.3s ease-in-out 0s, visibility .3s ease-in-out 0s, opacity .3s ease-in-out 0s;
		transition: height 0.3s ease-in-out 0s, visibility .3s ease-in-out 0s, opacity .3s ease-in-out 0s;
		width: 570px;
		visibility: hidden;
		opacity: 0;
	}
	.MmenuCol {
		float: left;
		text-align: left;
		width: 190px;
	}
	.MmenuCol ul li a {
		display: block;
		padding: 0 0 10px !important;
	}
	.MmenuCol > ul {
		padding: 34px 0 23px 30px;
	}
	.MmenuCol:last-child ul {
		padding: 0 !important;
	}
	ul.nav.navbar-nav li:hover ul.megaMenu {
		height: 220px;
		opacity: 1;
		visibility: visible;
	}
	.menu-style-one .nav.navbar-nav li .MmenuCol li {
		display: block !important;
	}
	.menu-style-one .nav.navbar-nav li .MmenuCol li::after {
		display: none;
	}
}

#header-areaSix nav.navigtation .navbar-nav li ul li::after {
	display: none;
}

/*Read More or less Css Start Here*/
.jrm-truncate{overflow:hidden}.jrm-truncate.jrm-reduced.jrm-textOnly img,.jrm-truncate.jrm-reduced.jrm-textOnly table{display:none}
.jrm-toggle{
border: 3px solid;
color: #0a0a0a;
font-weight: 700;
padding: 5px 15px;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
margin: 24px 0px 0px 0px;
font-size: 12px !important;
}

.fact-contnet .jrm-toggle{
border: 3px solid #fff;
color: #fff;
font-weight: 700;
padding: 5px 15px;
text-transform: uppercase;
cursor: pointer;
display: inline-block;
margin: 24px 0px 0px 0px;
font-size: 12px !important;
}