﻿/*
Theme Name: Fanollywood
Author: JuTech.co
Author URI: https://www.jutech.co/
Description:  Fanollywood is a responsive WordPress theme exclusively created by DesignNCode.co. This theme is based on Bootstrap 3.3.7 CSS framework and using MatchHeightJS & OwlCarousel JS third party jQuery plugins.
Version: 1.0
License: JuTech.co's License

This theme is licensed under JuTech.co's License.
Do not use it without valid permission.
*/

*{
	margin:0 auto;
	text-decoration:none !important;
	outline:none !important;
}

html, body{
	overflow-x:hidden;
}

body{
	background:url(images/background/body.jpg) center top fixed no-repeat;
	background-size:cover;
	font-family:'Montserrat', Verdana, Geneva, Tahoma, sans-serif;
	font-weight:400;
	font-size:16px;
	color:rgba(37, 37, 37, 0.94);
	line-height:25px;
}

img{
	width:auto;
	max-width:100%;
	height:auto;
	border:0;
}

ul, ol{
	margin:0;
	padding:0;
	list-style:none;
}

ol{
	list-style:decimal inside;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	font-weight:700;
	font-size:20px;
	color:#333;
	line-height:30px;
}

p{
	margin:0;
	padding:0;
}

blockquote{
	margin:0;
	padding:0;
	border:none;
}

a,
a:hover,
a:visited{
	color:#007ee5;
}

.clearme{
	clear:both;
}

/* owl-carousel */

.owl-carousel .owl-wrapper:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

.owl-carousel{
	display:none;
	position:relative;
	width:100%;
	-ms-touch-action:pan-y;
}

.owl-carousel .owl-wrapper{
	display:none;
	position:relative;
	-webkit-transform:translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer{
	overflow:hidden;
	position:relative;
	width:100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight{
	transition:height 500ms ease-in-out;
	-webkit-transition:height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float:left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor:pointer;
}

.owl-controls{
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

.grabbing{ 
    cursor:url(grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
}

/* wraper_footer_twitter */

.wraper_footer_twitter{
	width:100%;
	height:auto;
	background:rgba(0,0,0,0.7);
}

.wraper_footer_twitter > .container{
	padding-top:60px;
	padding-bottom:70px;
}

.footer_twitter{
	position:relative;
	z-index:99;
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}

.footer_twitter .user{
	display:inline-block;
	vertical-align:top;
	width:auto;
	max-width:100%;
	height:auto;
	margin:0px 0px 20px 0px;
}

.footer_twitter .user span{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	font-weight:700;
	font-size:18px;
	color:#fff;
	line-height:28px;
}

.footer_twitter .user span[data-scribe="element:screen_name"]{
	color:#007ee5;
}

.footer_twitter .user img{
	margin:0px 0px 15px 0px;
	border:3px #fff solid;
	border-radius:50%;
	box-shadow:0px 2px 1px rgba(0,0,0,0.7);
}

.footer_twitter .tweet{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0px 0px 20px 0px;
	font-weight:400;
	font-size:15px;
	color:#ccc;
	line-height:25px;
}

.footer_twitter .tweet a{
	color:#fff;
	text-decoration:underline !important;
}

.footer_twitter .timePosted{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0px 0px 20px 0px;
	text-transform:uppercase;
	font-weight:700;
	font-size:16px;
	color:#fff;
	line-height:25px;
}

.footer_twitter .timePosted a{
	color:#fff;
}

.footer_twitter .interact{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	font-size:0;
}

.footer_twitter .interact > a{
	display:inline-block;
	vertical-align:top;
	width:32px;
	height:32px;
	margin:0px 5px 0px 5px;
	padding:0;
	background:#007ee5;
	border:none;
	border-radius:50%;
}

.footer_twitter .interact > a i{
	font-size:18px;
	color:#fff;
	line-height:32px;
}

/* wraper_footer_copyright */

.wraper_footer_copyright{
	width:100%;
	height:auto;
	background:#000;
}

.wraper_footer_copyright > .container{
	padding-top:18px;
	padding-bottom:15px;
}

.footer_copyright{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}

.footer_copyright > *:last-child{
	margin-bottom:0 !important;
}

.footer_copyright p{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	font-weight:400;
	font-size:14px;
	color:#ccc;
	line-height:22px;
}

/* main */

.main{
	width:100%;
	height:auto;
}

/* HOME PAGE */

/* wraper_home_box */

.wraper_home_box{
	width:100%;
	height:auto;
	background:rgba(0,0,0,0.7);
}

.wraper_home_box > .container{
	padding-top:60px;
    padding-left:30px;
	padding-bottom:10px;
	padding-right:30px;
}

.home_box{
	margin-right:-30px;
    margin-left:-30px
}

.home_box > [class*='col-']{
	padding-right:30px;
    padding-left:30px;
}

.home_box_item{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 60px 0px;
	text-align:center;
}

.home_box_item > .holder{
	position:relative;
	z-index:99;
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
}

.home_box_item > .holder > img{
	width:100%;
	float:left;
}

.home_box_item > .holder > .pic{
	position:absolute;
	top:0;
	left:-50%;
	z-index:1;
	width:200%;
	height:auto;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.home_box_item > .holder:hover > .pic{
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
}

.home_box_item > .holder > .pic img{
	width:100%;
	float:left;
}

.home_box_item > .holder > .data{
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	width:100%;
	height:auto;
	padding:15px 15px 15px 15px;
	background:rgba(0,0,0,0.8);
}

.home_box_item > .holder > .data > *:last-child{
	margin-bottom:0 !important;
}

.home_box_item > .holder > .data h4{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0px 0px 20px 0px;
	text-transform:uppercase;
	font-weight:700;
	font-size:20px;
	color:#fff;
	line-height:30px;
}

.home_box_item > .holder > .overlay{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:3;
	width:auto;
	height:auto;
	padding:20px;
	background:rgba(0,0,0,0.7);
	opacity:0;
	visibility:hidden;
	transform:scale(2);
	-webkit-transform:scale(2);
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.home_box_item > .holder:hover > .overlay{
	opacity:1;
	visibility:visible;
	transform:scale(1);
	-webkit-transform:scale(1);
}

.home_box_item > .holder > .overlay > .table{
	display:table;
	table-layout:fixed;
	width:100%;
	height:100%;
	margin:0;
}

.home_box_item > .holder > .overlay > .table > .table-cell{
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}

.home_box_item > .holder > .overlay .btn{
	display:inline-block;
	vertical-align:top;
	width:50px;
	height:50px;
	padding:0;
	background:#007ee5;
	border:none;
	border-radius:50%;
}

.home_box_item > .holder > .overlay .btn i{
	font-size:28px;
	color:#fff;
	line-height:50px;
}

/* wraper_home_seen */
.wraper_top_home{
	width:100%;
	height:auto;
	background:rgba(0, 0, 0, 0.7);
}

.wraper_top_home > .container{
    padding-top: 45px;
    padding-bottom: 0px;
}

.wraper_home_seen{
	width:100%;
	height:auto;
	background:rgba(0, 0, 0, 0.86);
}

.wraper_home_seen > .container{
	padding-top:50px;
	padding-bottom:60px;
}

.home_seen_title{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 50px 0px;
	text-align:center;
}

.home_seen_title > *:last-child{
	margin-bottom:0 !important;
}

.home_seen_title h3{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0px 0px 20px 0px;
	text-transform:uppercase;
	font-weight:700;
    font-size: 30px;
	color:#fff;
	line-height:50px;
}

.home_top_title{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
	text-align:center;
}

.home_top_title > *:last-child{
	margin-bottom:0 !important;
}

.home_top_title h3{
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:auto;
	margin:0px 0px 0px 0px;
	text-transform:uppercase;
	font-weight:700;
    font-size:30px;
	color:#fff;

}
.home_seen_box{
	position:relative;
	z-index:99;
	width:100%;
	height:auto;
	float:center;
}

.home_seen_box_item{
	width:182px;
	height:auto;
	float:left;
	text-align:center;
}

.home_seen_box_item > .holder{
	position:relative;
	width:100%;
	height:auto;
	float:center;
}

.home_seen_box_item > .holder > .pic{
	width:100%;
	height:auto;
	float:center;
}

.home_seen_box_item > .holder > .pic > .table{
	display:table;
	table-layout:fixed;
	width:100%;
	height:100%;
	margin:0;
}

.home_seen_box_item > .holder > .pic > .table > .table-cell{
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}

.home_seen_box_item > .holder > .pic img{
	max-height:182px;
}

/* 404 ERROR PAGE */

/* wraper_error_main */

.wraper_error_main{
	width:100%;
	height:auto;
	background:#fff;
}

.wraper_error_main > .container{
	padding-top:70px;
	padding-bottom:50px;
}

.error_main{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
}

.error_main img{
	display:inline-block;
	vertical-align:top;
	width:auto;
}