@import url('https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:300,400,500,700,900|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 
====================================================================
	Reset
====================================================================
***/

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

#particles-js{
  width                    : 100%;
  height                   : 100%;
  background-size          : contain;
  padding-bottom           : 0px;
}

/*** 
====================================================================
	Global Settings
====================================================================
***/

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

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

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

h1,h2,h3,h4,h5,h6 {
	position               : relative;
	font-weight            : normal;
	margin                 : 0px;
	background             : none;
    text-align             : left;
}

h1{
    font-family            : 'Raleway', sans-serif;
	font-size              : 40px;
	color                  : white;
	font-weight            : 700;
	line-height            : 1.2em;
}

.orangecolor{
    color                  : #f16225;
}

.orangecolor-animation{
    color                  : #f16225;
    padding-right          : 20px;
}

h2{
    font-size              : 13.7px;
    font-family            : 'Raleway', sans-serif;
    color                  : white;
    font-weight            : 100;
}

textarea{
	overflow               : hidden;
}

p,.text{
    font-family            : 'Raleway', sans-serif;
	font-size              : 13px;
	line-height            : 1.5em;
	font-weight            : 100;
	color                  : white;
	margin                 : 0;
    text-align             : left;
    text-align             : justify;
}

.mention>p{
	color                  : black;
    font-size              : 16px;
    font-weight            : 400;
    line-height: 1.7em;
}

.mention>li{
    color                  : black;
    padding-left           : 25px;
}

h4{
    font-size              : 28px;
    font-family            : 'Raleway', sans-serif;
    color                  : #f16225;
    font-weight            : 600;
    margin-top             : 50px;
    margin-bottom          : 20px;
}

p.description{
    margin-top             : 18px;
}

div.orange-line{
    border-bottom          : 10px solid #f16225;
    width                  : 50px;
    margin-top             : 50px;
}

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

.strike-through{
	text-decoration        : line-through;	
}

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

.page-wrapper{
	position               : relative;
	margin                 : 0 auto;
	width                  : 100%;
	min-width              : 300px;
	overflow               : hidden;
}

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

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

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

/*Btn Style One*/

.btn-style-one{
	position               : relative;
	text-align             : center;
	font-size              : 15px;
	line-height            : 30px;
	padding                : 15px 40px;
	background             : #f16225;
	color                  : #ffffff;
	font-weight            : 600;
	letter-spacing         : .5px;
}

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

/*Btn Style Two*/

.btn-style-two{
	position               : relative;
	text-align             : center;
	font-size              : 15px;
	line-height            : 30px;
	padding                : 15px 40px;
	background             : #333333;
	color                  : #ffffff;
	font-weight            : 600;
	letter-spacing         : .5px;
}

.btn-style-two:hover{
	background             : #f16225;
	color                  : #ffffff;
}

/*Btn Style Three*/

.btn-style-three{
	position               : relative;
	text-align             : center;
	font-size              : 15px;
	line-height            : 30px;
	padding                : 15px 40px;
	background             : #333333;
	color                  : #ffffff;
	font-weight            : 500;
	letter-spacing         : .5px;
}

.btn-style-three:hover{
	background             : #f16225;
	color                  : #ffffff;
}

/*Btn Style Four*/

.btn-style-four{
	position               : relative;
	text-align             : center;
	font-size              : 15px;
	line-height            : 30px;
	padding                : 15px 40px;
	background             : #ffffff;
	color                  : #333333;
	font-weight            : 500;
	letter-spacing         : .5px;
}

.btn-style-four:hover{
	background             : #333333;
	color                  : #ffffff;
}

.theme_color{
	color                  : #f16225;
}

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

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

/*** 

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

***/

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

.scroll-to-top:hover{
	background             : #d1af78;
}

/*** 

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

***/

.main-header{
	position               : relative;
	left                   : 0px;
	top                    : 0px;
	z-index                : 999;
	width                  : 100%;
}

.main-header .header-top{
	position               : relative;
	background-color       : #ffffff;
	z-index                : 999;
}

.main-header .header-top .top-left{
	position               : relative;
	float                  : left;
	padding                : 15px 0px;
}

/*Social Icon One*/
.social-icon-one{
	position               : relative;
}

.social-icon-one li{
	position               : relative;
	float                  : left;
	margin-right           : 30px;

}

.social-icon-one li a{
	position               : relative;
	font-size              : 13px;
	line-height            : 30px;
	display                : inline-block;
	color                  : #888888;
	-webkit-transition     : all 300ms ease;
	-ms-transition         : all 300ms ease;
	-o-transition          : all 300ms ease;
	-moz-transition        : all 300ms ease;
	transition             : all 300ms ease;	
}

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

.main-header .header-top .top-right{
	position               : relative;
	float                  : right;
}

.main-header .header-top .top-right ul li{
	position               : relative;
	float                  : left;
	margin-right           : 20px;
	font-size              : 14px;
	line-height            : 30px;
	color                  : #888888;
	padding                : 15px 0px;
	font-weight            : 400;
}

.main-header .header-top .top-right ul li:last-child{
	margin-right           : 0px;
}

.main-header .header-top .top-right ul li a{
	color                  : #888888;
	font-weight            : 400;
	-webkit-transition     : all 300ms ease;
    -ms-transition         : all 300ms ease;
    -o-transition          : all 300ms ease;
    -moz-transition        : all 300ms ease;
    transition             : all 300ms ease;
}

.main-header .header-top .top-right ul li i{
	position               : relative;
	font-size              : 16px;
	top                    : 1px;
	margin-right           : 10px;
}

.main-header .header-top .top-right ul li a:hover{
	color                  : #f16225;
}

.main-header .header-lower{
    position               : absolute;
    left                   : 0;
    top                    : 100%;
    margin-top             : 65px;
    width                  : 100%;
}

.main-header .main-box{
	position               : relative;
    background             : rgba(0,0,0,.50);
    padding                : 0 40px;
	left                   : 0px;
	top                    : 0px;
	width                  : 100%;
	z-index                : 999;
	-webkit-transition     : all 300ms ease;
	-moz-transition        : all 300ms ease;
	-ms-transition         : all 300ms ease;
	-o-transition          : all 300ms ease;
	transition             : all 300ms ease;
}

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

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

.main-header .nav-toggler button{
	position               : relative;
	display                : block;
	color                  : #444444;
	text-align             : center;
	font-size              : 24px;
	line-height            : 34px;
	font-weight            : normal;
	background             : none;
}

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

.main-menu{
	position               : relative;
	float                  : left;
}

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

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

.main-menu .navigation > li{
	position               : relative;
	float                  : left;
	margin                 : 0 18px;
	padding                : 60px 15px;
	-webkit-transition     : all 300ms ease;
	-moz-transition        : all 300ms ease;
	-ms-transition         : all 300ms ease;
	-o-transition          : all 300ms ease;
	transition             : all 300ms ease;
}

.main-menu .navigation > li:after{
 	 position              : absolute;
	left                   : 50%;
	bottom                 : 0;
	height                 : 2px;
	width                  : 0;
	content                : "";
	background-color       : #f16225;
	-webkit-transition     : all 300ms ease;
	-moz-transition        : all 300ms ease;
	-ms-transition         : all 300ms ease;
	-o-transition          : all 300ms ease;
	transition             : all 300ms ease;
}

.main-menu .navigation > li:last-child{
	margin-right           : 0px;
}

.main-menu .navigation > li > a{
	position               : relative;
	display                : block;
	color                  : #ffffff;
	text-align             : center;
	line-height            : 20px;
	letter-spacing         : 0px;
	opacity                : 1;
	font-weight            : 400;
	font-size              : 15px;
	-webkit-transition     : all 300ms ease;
	-moz-transition        : all 300ms ease;
	-ms-transition         : all 300ms ease;
	-o-transition          : all 300ms ease;
	transition             : all 300ms ease;
}

.main-menu .navigation > li.dropdown:hover > a:after,
.main-menu .navigation > li.current.dropdown > a:after,
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
	color                  : #f16225;
	opacity                : 1;
}

.main-menu .navigation > li.current:after,
.main-menu .navigation > li:hover:after{
  	width                  : 100%;
	left                   : 0;
}

.main-menu .navigation > li > a:before{
	position               : absolute;
	right                  : -25px;
	top                    : 0;
	height                 : 20px;
	width                  : 1px;
	content                : "";
  	background-color       : #444444;
}

.main-menu .navigation > li:last-child > a:before{
	display                : none;
}

.main-menu .navigation > li.dropdown > a{
	padding-right          : 15px;
}

.main-menu .navigation > li.dropdown > a:after{
	position               : absolute;
	top                    : 0;
	right                  : 0;
	font-size              : 15px;
	line-height            : 20px;
	color                  : #ffffff;
	font-weight            : 400;
	font-family            : "FontAwesome";
	content                : "\f107";
	-moz-transition        : all 300ms ease;
	-webkit-transition     : all 500ms ease;
	-ms-transition         : all 300ms ease;
	-o-transition          : all 300ms ease;
	transition             : all 300ms ease;
}

.main-menu .navigation > li > ul{
	position               : absolute;
	left                   : 0px;
	top                    : 120%;
	width                  : 240px;
	padding                : 0px;
	z-index                : 100;
	display                : none;
	background             : #ffffff;
	border-top             : 2px solid #f16225;
	-moz-transition        : all 300ms ease;
	-webkit-transition     : all 500ms ease;
	-ms-transition         : all 300ms ease;
	-o-transition          : all 300ms ease;
	transition             : all 300ms ease;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li{
	position               : relative;
	width                  : 100%;
	border-bottom          : 1px solid rgba(0,0,0,0.10);
}

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

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

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

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

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

.main-menu .navigation > li > ul > li > ul{
	position               : absolute;
	left                   : 100%;
	top                    : 20px;
	width                  : 240px;
	padding                : 0px;
	z-index                : 100;
	display                : none;
	background             : #ffffff;
	border-top             : 2px solid #f16225;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul > li{
	position               : relative;
	width                  : 100%;
	border-bottom          : 1px solid rgba(0,0,0,0.10);
}

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

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

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

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

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

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

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

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position               : absolute;
	right                  : 15px;
	top                    : 7px;
	width                  : 36px;
	height                 : 32px;
	text-align             : center;
	color                  : #ffffff;
	line-height            : 32px;
	font-size              : 20px;
	font-weight            : normal;
	border                 : 1px solid #ffffff;
	background-size        : 20px;
	cursor                 : pointer;
	z-index                : 5;
	display                : none;
}

.search-box-outer{
	position               : relative;
    float                  : right;
    color                  : #ffffff;
    margin-left            : 25px;
    padding                : 60px 0px;
}

.main-header .search-box-btn{
	position               : relative;
	display                : block;
	width                  : 100%;
	font-size              : 15px;
	line-height            : 20px;
	color                  : #d9d9d9;
	padding                : 0px;
	margin                 : 0px;
	cursor                 : pointer;
	background             : none;
	-moz-transition        : all 300ms ease;
	-webkit-transition     : all 300ms ease;
	-ms-transition         : all 300ms ease;
	-o-transition          : all 300ms ease;
	transition             : all 300ms ease;
}

.main-header .search-box-btn:hover{
	color                  : #f16225;
}

.main-header .dropdown-menu{
	top                    : 76px;
	right                  : 0;
	border                 : 0;
	border-top             : 3px solid #f16225;
	padding                : 0px;
	width                  : 280px;
	-webkit-border-radius  : 0px;
	-moz-border-radius     : 0px;
	-ms-border-radius      : 0px;
	-o-border-radius       : 0px;
	border-radius          : 0px;
}

.main-header .search-box-outer .dropdown-menu > li{
	padding                : 0px;
	border                 : none;
	background             : none;
}

.main-header .search-panel .form-container{
	padding                : 25px 20px;
}

.main-header .search-panel .form-group{
	position               : relative;
	margin                 : 0px;	
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
	display                : block;
	width                  : 100%;
	line-height            : 24px;
	padding                : 7px 40px 7px 15px;
	height                 : 40px;
	color                  : #000000;
	border                 : 1px solid #e0e0e0;
	background             : #ffffff;	
	-moz-transition        : all 300ms ease;
	-webkit-transition     : all 300ms ease;
	-ms-transition         : all 300ms ease;
	-o-transition          : all 300ms ease;
	transition             : all 300ms ease;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color           : #f16225;	
}

.main-header .search-panel .search-btn{
	position               : absolute;
	right                  : 0px;
	top                    : 0px;
	width                  : 40px;
	height                 : 40px;
	text-align             : center;
	color                  : #555555;
	font-size              : 12px;
	background             : none;
	cursor                 : pointer;
	-moz-transition        : all 300ms ease;
	-webkit-transition     : all 300ms ease;
	-ms-transition         : all 300ms ease;
	-o-transition          : all 300ms ease;
	transition             : all 300ms ease;
}

.main-header .search-panel .search-btn:hover{
	color                  : #f16225;
}

/*** 

====================================================================
			Sidebar Navigation style
====================================================================

***/

/*** 

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

***/

.has-side-nav .page-wrapper{
	padding-left           : 300px;
}

.hidden-bar .nav-toggler{
	position               : absolute;
	right                  : -78px;
	top                    : 30px;
	width                  : 48px;
	height                 : 42px;
	background             : #f56b12 url(../images/icons/menu-btn.png) center center no-repeat;
	cursor                 : pointer;	
}

.hidden-bar .nav-toggler .hidden-bar-opener{
	position               : relative;
	display                : block;
	width                  : 48px;
	height                 : 42px;
	background             : none;
}

.hidden-bar{
	position               : fixed;
	top                    : 0;
	width                  : 300px;
	height                 : 100%;
	background             : #ffffff;
	z-index                : 9999;
	transition             : all 700ms ease;
	-webkit-transition     : all 700ms ease;
	-ms-transition         : all 700ms ease;
	-o-transition          : all 700ms ease;
	-moz-transition        : all 700ms ease;
    letter-spacing         : .2rem;
    box-shadow             : 0.5em 0em 0.5em rgba(0, 0, 0, .1);
}

.hidden-bar .logo-box{
	position               : relative;
	text-align             : left;
}

.logo-box{
    padding-bottom         : 50px;
}

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

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

.hidden-bar.left-align {
	left                   : 0px;
}

.visible-sidebar .hidden-bar.left-align{
	left                   : 0px;
}

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

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

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

.hidden-bar .hidden-bar-closer,
.hidden-bar .nav-toggler{
	display                : none;
}

.hidden-bar-wrapper {
	height                 : 100%;
	padding                : 80px 50px 50px;
}

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

.hidden-bar .side-menu {
	background-color       : transparent;
	padding                : 0;
	font-size              : 15px;
	text-align             : left;
    font-family            : 'Raleway', sans-serif;
}

.hidden-bar .side-menu ul.navigation{
	position               : relative;
	border-top             : none;
}

.hidden-bar .side-menu ul.navigation > li > ul,
.hidden-bar .side-menu ul.navigation > li > ul > li > ul{
	display                : none;
	border-top             : none;
}

.hidden-bar .side-menu ul li{
	position               : relative;
	display                : block;
	border-bottom          : 1px solid rgba(0,0,0,0.125) !important;	
}

.hidden-bar .side-menu ul.navigation > li > ul > li:first-child{
	border-top             : none;
}

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

.hidden-bar .side-menu ul li a {
	background             : transparent;
	color                  : #353535;
	display                : block;
	font-weight            : 600;
	text-transform         : capitalize;
	padding                : 12px 15px;
	position               : relative;
	line-height            : 24px;
	transition             : all 0.3s ease;
	-moz-transition        : all 0.3s ease;
	-webkit-transition     : all 0.3s ease;
	-ms-transition         : all 0.3s ease;
	-o-transition          : all 0.3s ease;
}

.hidden-bar .side-menu ul.navigation > li > ul > li > a,
.hidden-bar .side-menu ul.navigation > li > ul > li > ul > li > a{
	text-transform         : capitalize;
	padding-left           : 24px;
	font-size              : 14px;
}

.hidden-bar .side-menu ul.navigation > li.dropdown > a{
	font-size              : 15px;
}

.hidden-bar .side-menu ul li a:hover,
.hidden-bar .side-menu ul > li.current > a,
.hidden-bar .side-menu ul > li > ul > li.current > a,
.hidden-bar .side-menu ul.navigation > li > ul > li > a:hover,
.hidden-bar .side-menu ul.navigation > li.active > a {
	color                  : #f16225;
}

.hidden-bar .social-links{
	position               : absolute;
	bottom                 : 50px;
	left                   : 0px;
	width                  : 100%;
	padding                : 0px 10px;
	text-align             : center;
	font-size              : 15px;
	line-height            : 20px;
	color                  : #353535;
}

.hidden-bar .social-links li{
	position               : relative;
	display                : inline-block;
	line-height            : 24px;
	margin                 : 0px 2px;	
}

.hidden-bar .social-links li a{
	display                : block;
	color                  : #353535;
	width                  : 50px;
	height                 : 50px;
	text-align             : center;
	line-height            : 50px;
	border-radius          : 50%;
	transition             : all 500ms ease;
}

.hidden-bar .social-links li a:hover{
	color                  : #ffffff;
	background             : #212121;	
}

.hidden-bar .search-box{
	position               : absolute;
	bottom                 : 10px;
	left                   : 0px;
	width                  : 100%;
	padding                : 0px 10px;
	text-align             : center;
	font-size              : 13px;
	line-height            : 20px;
	color                  : #353535;
}

.hidden-bar .search-box .form-group{
	position               : relative;
	margin                 : 0px;	
}

.hidden-bar .search-box .form-group input[type="text"],
.hidden-bar .search-box .form-group input[type="search"]{
	position               : relative;
	display                : block;
	font-size              : 15px;
	line-height            : 22px;
	color                  : #ffffff;
	padding                : 10px 20px;
	padding-right          : 50px;
	width                  : 100%;
	background-color       : #353535;
	height                 : 44px;
	border                 : 1px solid transparent;
	transition             : all 500ms ease;
	-moz-transition        : all 500ms ease;
	-webkit-transition     : all 500ms ease;
	-ms-transition         : all 500ms ease;
	-o-transition          : all 500ms ease;
}

.hidden-bar .search-box .form-group input:focus{
	border-color           : #333333;
}

.hidden-bar .search-box .form-group button{
	position               : absolute;
	right                  : 0;
	top                    : 0;
	height                 : 44px;
	line-height            : 44px;
	width                  : 50px;
	background             : none;
	font-size              : 16px;
	color                  : #ffffff;
	font-weight            : 400;
	transition             : all 500ms ease;
	-moz-transition        : all 500ms ease;
	-webkit-transition     : all 500ms ease;
	-ms-transition         : all 500ms ease;
	-o-transition          : all 500ms ease;
}

.nav-bar .layer {
    margin-top             : 5px;
    text-align             : right;
}

.ml-auto, .mx-auto {
    margin-left            : auto!important;
    text-align             : right;
}

/*** 

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

***/

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

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

.main-slider .tp-dottedoverlay{
	position               : absolute;
	left                   : 0;
	top                    : 0;
	height                 : 100%;
	width                  : 100%;
}

.main-slider h1{
    font-size              : 55px;
	line-height            : 55px;
	color                  : #ffffff;
    font-family            : 'Oswald', sans-serif;
    font-weight            : 700;
    text-transform         : uppercase;
    text-align             : center;
}

.productions{
    color                  : #f16225;
}

.main-slider h2{
    font-size              : 12px;
    line-height            : 19px;
	line-height            : 1em;
	color                  : #ffffff;
	font-weight            : 400;
    letter-spacing         : 4px;
    text-align             : center;
}

/*** 

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

***/

.sec-title{
	position              : relative;
	margin-bottom         : 20px;
}

.sec-title .title{
	position              : relative;
	display               : block;
	font-size             : 14px;
	line-height           : 25px;
	color                 : #f16225;
	font-weight           : 400;
	font-style            : italic;
}

.sec-title .title:before{
	position              : relative;
	display               : inline-block;
	left                  : 0;
	top                   : 0px;
	width                 : 130px;
	height                : 1px;
	background-color      : #f16225;
	content               : "";
	vertical-align        : middle;
	margin-right          : 10px;
}

.sec-title h2{
	position              : relative;
	font-size             : 40px;
	color                 : #333333;
	font-weight           : 700;
	line-height           : 1.2em;
}

.sec-title-two{
	position              : relative;
	margin-bottom         : 50px;
}

.sec-title-contact > h2{
    position              : relative;
	margin-bottom         : 50px;
    font-size             : 40px;
	color                 : #333333;
	font-weight           : 700;
	line-height           : 1.2em;
}

.sec-title-two > .title{
	position              : relative;
	display               : inline-block;
	font-size             : 14px;
	line-height           : 25px;
	padding               : 0 30px;
	color                 : #f16225;
	font-weight           : 400;
	font-style            : italic;
}

.sec-title-two > .title:before{
	position              : absolute;
	display               : inline-block;
	left                  : 0;
	width                 : 100%;
	height                : 1px;
	background-color      : #f16225;
	content               : "";
	top                   : 14px;
}

.sec-title-two > h2{
	position              : relative;
	font-size             : 40px;
	color                 : #333333;
	font-weight           : 700;
	line-height           : 1.2em;
}

.sec-title-two > p{
	font-size             : 14px;
	line-height           : 24px;
	color                 : #666666;
	font-weight           : 400;
	margin-top            : 20px;
}

.sec-title.light h2,
.sec-title-two.light h2{
	color                 : #ffffff;
}

.sectioncontact{
    color                 : #ffffff;
}

/*** 

====================================================================
					Info Banner
====================================================================

***/

.info-banner{
	position              : relative;
	background            : #1c1c1c;
	padding               : 140px 0 0px;
}

.info-banner .content-box{
	position              : relative;
	text-align            : center;
	max-width             : 840px;
	margin                : 0 auto;
}

.info-banner .content-box h3{
	position              : relative;
	font-size             : 30px;
	line-height           : 45px;
	color                 : #777777;
	font-weight           : 400;
}

/*** 

====================================================================
					Intro Section
====================================================================

***/

.intro-section{
	position              : relative;
	background-color      : #f9f9f9;
}	

.intro-section .outer-container{
	position              : relative;
	min-height            : 250px;
}

.intro-section .image-column{
	position              : absolute;
	float                 : left;
	left                  : 0px;
	top                   : 0px;
	width                 : 50%;
	height                : 100%;
	background-repeat     : no-repeat;
	background-position   : center left;
	background-size       : cover;	
}

.intro-section .image-column .image-box{
	position              : relative;
	display               : none;
}

.intro-section .image-column .image-box img{
	position              : relative;
	display               : block;
	width                 : 100%;
}

.intro-section .content-column .inner-box{
	position              : relative;
	max-width             : 600px;
	float                 : left;
	padding               : 150px 100px 130px;
}

.intro-section .content-column{
	position              : relative;
	float                 : right;
	width                 : 50%;
}

.intro-section .content-column .inner-box .text{
	position              : relative;
}

.intro-section .content-column .inner-box .text p{
	position              : relative;
	font-size             : 14px;
	line-height           : 24px;
	color                 : #666666;
	margin-bottom         : 20px;
}

/*** 

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

***/

.news-section{
	position              : relative;
	padding               : 150px 0 0px;
	background-color      : #333333;
}

.news-block{
	position              : relative;
}

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

.news-block .image-box{
	position              : relative;
	overflow              : hidden;
	background            : #0b0b0b;
}

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

.news-block .inner-box:hover .image-box img{
	-ms-transform         : scale(1.1,1.1);
	transform             : scale(1.1,1.1);
	opacity               : 0.50;
}

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

.news-block .lower-content .date{
	display               : block;
	padding-left          : 20px;
	font-size             : 12px;
	line-height           : 1.2em;
	color                 : #ffffff;
	font-weight           : 400;
	margin-bottom         : 18px;
}

.news-block .lower-content h3{
	position              : relative;
	font-size             : 18px;
	line-height           : 23px;
	color                 : #ffffff;
	font-weight           : 500;
	margin-bottom         : 10px;
}

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

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

.news-block .lower-content .info{
	position              : relative;
}

.news-block .lower-content .info li{
	position              : relative;
	display               : inline-block;
	font-size             : 12px;
	line-height           : 20px;
	color                 : #888888;
	margin-right          : 13px;
}

.news-block .lower-content .info li i{
	margin-right          : 5px;
}

.news-block .lower-content .info li:first-child i{
	color                 : #d9416f;
}

.news-block .lower-content .info li:last-child i{
	color                 : #f16225;
}

.news-block .lower-content .info li span{
	color                 : #888888;
	-webkit-transition    : all 200ms ease;
	-moz-transition       : all 200ms ease;
	-ms-transition        : all 200ms ease;
	-o-transition         : all 200ms ease;
	transition            : all 200ms ease;
}

.news-block .lower-content .info li a{
	color                 : #888888;
	-webkit-transition    : all 200ms ease;
	-moz-transition       : all 200ms ease;
	-ms-transition        : all 200ms ease;
	-o-transition         : all 200ms ease;
	transition            : all 200ms ease;
}

.news-block .lower-content .info li:hover span{
	color                 : #ffffff;
}

.news-carousel .owl-dots{
	display               : none;
}

.news-carousel .owl-nav{
	position              : absolute;
	left                  : 0;
	top                   : 50%;
	margin-top            : -25px;
	width                 : 100%;
}

.news-carousel .owl-nav .owl-prev,
.news-carousel .owl-nav .owl-next{
	position              : absolute;
	width                 : 50px;
	height                : 50px;
	line-height           : 50px;
	font-size             : 20px;
	text-align            : center;
	margin-bottom         : 10px;
	color                 : #666666;
	-webkit-border-radius : 50%;
	-moz-border-radius    : 50%;
	-ms-border-radius     : 50%;
	-o-border-radius      : 50%;
	border-radius         : 50%;
	border                : 1px solid #3d3d3d;
	-webkit-transition    : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	-moz-transition       : all 300ms ease;
	transition            : all 300ms ease;
}

.news-carousel .owl-nav .owl-prev{
	left                  : -135px;
}

.news-carousel .owl-nav .owl-next{
	right                 : -135px;
	left                  : auto;
}

.news-carousel .owl-nav .owl-prev:hover,
.news-carousel .owl-nav .owl-next:hover{
	background-color      : #ffffff;
}

.news-section.style-two{
	background-color      : #ffffff;
	padding-bottom        : 100px;
}

.news-section.style-two .news-block{
	margin-bottom         : 45px;
}

.news-section.style-two .news-block h3 a,
.news-section.style-two .news-block h3{
	color                 : #333333;
}

.blog-detail .news-block .date,
.blog-list .news-block .date,
.news-section.style-two .news-block .date{
	position              : relative;
	display               : inline-block;
	font-size             : 12px;
	line-height           : 15px;
	padding               : 5px 20px; 
	color                 : #ffffff;
	background-color      : #333333;
	font-weight           : 400;
	margin-bottom         : 12px;
}

.news-section.style-two .news-block .lower-content li a{
	color                 : #888888;
}

.news-section.style-two .news-block h3 a:hover,
.news-section.style-two .news-block .lower-content li:hover a{
	color                 : #f16225;
}

.news-section.style-two .styled-pagination{
	margin-top            : 55px;
}

.blog-list .news-block{
	margin-bottom         : 55px;
}

.blog-list .news-block h3 a,
.blog-list .news-block h3{
	color                 : #333333;
	font-size             : 25px;
	margin-bottom         : 30px;
}

.blog-list .news-block .date{
	margin-bottom         : 25px;
}

.blog-list .news-block .lower-content{
	padding-top           : 30px;
}

.blog-list .news-block .lower-content .info li:hover a{
	color                 : #f16225;
}

.blog-list .news-block p{
	font-size             : 14px;
	line-height           : 24px;
	color                 : #666666;
	font-weight           : 400;
	margin-bottom         : 20px;
}

/*** 

====================================================================
				Gallery Full Width Section
====================================================================

***/

.gallery-full-width{
	position              : relative;
	padding               : 0px 0px 0px;
	background-color      : #333333;
}

.gallery-full-width .inner-container{
	position              : relative;
}

.gallery-full-width .sec-title{
	float                 : left;
	margin-bottom         : 50px;
}

.gallery-full-width .filters{
	float                 : right;
	margin-top            : 20px;
}

.gallery-full-width .filters .filter-tabs{
 	position              : relative;
 	display               : inline-block;
 	max-width             : 675px;
 	margin                : 0 auto;
 	border-bottom         : 1px solid #494949;
}

.gallery-full-width .filters li{
	position              : relative;
	float                 : left;
	font-size             : 14px;
	color                 : #aaaaaa;
	line-height           : 15px;
	font-weight           : 400;
	cursor                : pointer;
	padding               : 0 30px;
    border-right          : 1px solid #666666;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
	margin-bottom         : 24px;
}

.gallery-full-width .filters li:before{
	position              : absolute;
	content               : "";
	left                  : 50%;
	bottom                : -25px;
	margin-left           : -5px;
	width                 : 0;
	height                : 0;
	border-left           : 5px solid transparent;
	border-right          : 5px solid transparent;
	border-bottom         : 0px solid #d1af78;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.gallery-full-width .filters li.active:before,
.gallery-full-width .filters li:hover:before{
	border-bottom         : 8px solid #f16225;
}

.gallery-full-width .filters li:last-child{
	border-right          : 0;
}

.gallery-full-width .filters li.active,
.gallery-full-width .filters li:hover{
	color                 : #f16225;
}

.gallery-full-width .filters li:after{
	position              : absolute;
	bottom                : -25px;
	height                : 1px;
	width                 : 0;
	left                  : 0;
	right                 : 0;
	margin                : 0 auto;
	content               : "";
	background-color      : #f16225;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.gallery-full-width .filters li.active:after,
.gallery-full-width .filters li:hover:after{
	width                 : 50px;
}

.gallery-item{
	position              : relative;
	padding               : 0 0px;
	margin-bottom         : 0px;
}

.gallery-full-width .big-column{
	position              : relative;
	float                 : left;
	width                 : 50%;
}

.gallery-full-width .medium-column{
	position              : relative;
	float                 : left;
	width                 : 33.33333%;
}

.gallery-full-width .small-column{
	position              : relative;
	width                 : 25%;
	float                 : left;
}

.gallery-item .inner-box{
	position              : relative;
}

.gallery-item .image-box{
	position              : relative;
	text-align            : center;
}

.gallery-item .image-box img{
	display               : block;
	width                 : 100%;
	height                : auto;
}

.gallery-item .overlay-box{
	position              : absolute;
	left                  : 0;
	bottom                : 0;
	width                 : 100%;
	height                : auto;
	border                : 10px solid transparent;
	overflow              : hidden;
}

.gallery-item:hover .overlay-box{
  	-webkit-animation     : jump 900ms ease 0s normal ;
 	animation             : jump 900ms ease 0s normal ;
}

.gallery-item .overlay-box .content{
	position              : relative;
	left                  : 0;
	width                 : 100%;
	max-width             : 350px;
	margin                : 0 auto;
	background-color      : #e9e9e9;
	padding               : 25px 15px 15px;
	text-align            : center;
	z-index               : 9;
	-webkit-transform     : translateY(110%);
	-moz-transform        : translateY(110%);
	-ms-transform         : translateY(110%);
	-o-transform          : translateY(110%);
	transform             : translateY(110%);
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.gallery-item:hover .overlay-box .content{
	-webkit-transform     : translateY(0);
	-moz-transform        : translateY(0);
	-ms-transform         : translateY(0);
	-o-transform          : translateY(0);
	transform             : translateY(0);
}	


.gallery-item .overlay-box .content .icon{
	font-size             : 22px;
	display               : block;
	margin-bottom         : 5px;
	color                 : #333333;
	font-weight           : 600;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.gallery-item .overlay-box .content .icon:hover{
	color                 : #f16225;
}

.gallery-item .overlay-box .content h3{
	position              : relative;
	display               : block;
	font-size             : 18px;
	line-height           : 24px;
	color                 : #333333;
	font-weight           : 400;
	margin-bottom         : 10px;
}

.gallery-item .overlay-box .content h3 a{
	color                 : #333333;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.gallery-item .overlay-box .content h3 a:hover{
	color                 : #f16225;
}


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

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

.gallery-full-width.alternate{
	background-color      : #ffffff;
}

.gallery-full-width.alternate .filters li.active:after, 
.gallery-full-width.alternate .filters li:hover:after{
	background-color      : #333333;
}

.gallery-full-width.alternate .filters li.active:before, 
.gallery-full-width.alternate .filters li:hover:before{
	border-bottom         : 8px solid #333333;
}

.gallery-full-width.alternate .filters li,
.gallery-full-width.alternate .filters .filter-tabs{
	border-color          : #d1d1d1;
}

/*** 

====================================================================
				Gallery Section
====================================================================

***/

.gallery-section{
	position              : relative;
	padding               : 150px 30px 120px;
}

.gallery-section .inner-container{
	position              : relative;
}

.gallery-section .sec-title{
	float                 : left;
	margin-bottom         : 50px;
}

.gallery-section .filters{
	float                 : right;
	margin-top            : 20px;
}

.gallery-section .filters .filter-tabs{
 	position              : relative;
 	display               : inline-block;
 	max-width             : 675px;
 	margin                : 0 auto;
 	border-bottom         : 1px solid #d1d1d1;
}

.gallery-section .filters li{
	position              : relative;
	float                 : left;
	font-size             : 14px;
	color                 : #aaaaaa;
	line-height           : 15px;
	font-weight           : 400;
	cursor                : pointer;
	padding               : 0 20px;
    border-right          : 1px solid #e8e8e8;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
	margin-bottom         : 24px;
}

.gallery-section .filters li:before{
	position              : absolute;
	content               : "";
	left                  : 50%;
	bottom                : -25px;
	margin-left           : -5px;
	width                 : 0;
	height                : 0;
	border-left           : 5px solid transparent;
	border-right          : 5px solid transparent;
	border-bottom         : 0px solid #d1af78;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.gallery-section .filters li.active:before,
.gallery-section .filters li:hover:before{
	border-bottom         : 8px solid #333333;
}

.gallery-section .filters li:last-child{
	border-right          : 0;
}

.gallery-section .filters li.active,
.gallery-section .filters li:hover{
	color                 : #f16225;
}

.gallery-section .filters li:after{
	position              : absolute;
	bottom                : -25px;
	height                : 1px;
	width                 : 0;
	left                  : 0;
	right                 : 0;
	margin                : 0 auto;
	content               : "";
	background-color      : #333333;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.gallery-section .filters li.active:after,
.gallery-section .filters li:hover:after{
	width                 : 50px;
}

.gallery-item{
	position              : relative;
	padding               : 0 0px;
	margin-bottom         : 0px;
}

.gallery-full-width .big-column{
	position              : relative;
	float                 : left;
	width                 : 50%;
}

.gallery-full-width .medium-column{
	position              : relative;
	float                 : left;
	width                 : 33.33333%;
}

.gallery-full-width .small-column{
	position              : relative;
	width                 : 25%;
	float                 : left;
}

.gallery-item-two.mix{
	display               : none;
}

.gallery-item-two{
	position              : relative;
	margin-bottom         : 30px;
}

.gallery-item-two .inner-box{
	position              : relative;
}

.gallery-item-two .image-box{
	position              : relative;
	text-align            : center;
}

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

.gallery-item-two .overlay-box{
	position              : absolute;
	left                  : 0;
	bottom                : 0;
	width                 : 100%;
	height                : auto;
	border                : 10px solid transparent;
}

.gallery-item-two:hover .overlay-box{

}

.gallery-item-two .overlay-box .content{
	position              : relative;
	left                  : 0;
	width                 : 100%;
	bottom                : 0;
	max-width             : 350px;
	margin                : 0 auto;
	background-color      : #ffffff;
	padding               : 25px 15px 15px;
	text-align            : center;
	z-index               : 9;
	opacity               : 0;
	visibility            : hidden;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.gallery-item-two:hover .overlay-box .content{
	bottom                : -40px;
	visibility            : visible;
	opacity               : 1;
}

.gallery-item-two .overlay-box .content .icon{
	font-size             : 22px;
	display               : block;
	margin-bottom         : 5px;
	color                 : #333333;
	font-weight           : 600;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.gallery-item-two .overlay-box .content .icon:hover{
	color                 : #d1af78;
}

.gallery-item-two .overlay-box .content h3{
	position              : relative;
	display               : block;
	font-size             : 18px;
	line-height           : 24px;
	color                 : #333333;
	font-weight           : 400;
	margin-bottom         : 10px;
}

.gallery-item-two .overlay-box .content h3 a{
	color                 : #333333;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.gallery-item-two .overlay-box .content h3 a:hover{
	color                 : #f16225;
}

/*** 

====================================================================
				Logos Section
====================================================================

***/

.logos-section{
	position              : relative;
	background-color      : #f16225;
}

.logos-section .logos-slide{
	position              : relative;
}

.logos-section .logos-slide .image-box{
	position              : relative;
	text-align            : center;
	border-right          : 1px solid #ffffff;
}

.logos-section .logos-slide .image-box img{
	max-width             : 100%;
	width                 : auto;
	display               : inline-block;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.logos-section .logos-slide .image-box:hover img{
	-webkit-transform     : scale(1.2);
	-moz-transform        : scale(1.2);
	-ms-transform         : scale(1.2);
	-o-transform          : scale(1.2);
	transform             : scale(1.2);
}

.logos-section.style-two{
	background-color      : #333333;
}

.logos-section.style-two .logos-slide .image-box{
	border-right          : 1px solid #b7b7b7;
}

.logos-section.style-two .logos-slide .image-box img{
	opacity               : .20;
}

.logos-section.style-two .logos-slide .image-box:hover img{
	opacity               : 1;
}

/*** 

====================================================================
				Subscribe Section
====================================================================

***/

.subscribe-section{
	position              : relative;
	padding               : 95px 0;
}

.subscribe-section.no-pd-top{
	padding-top           : 0;
}

.subscribe-form{
	position              : relative;
	max-width             : 670px;
	margin                : 0 auto;
}

.subscribe-form .form-group{
	position              : relative;
	display               : block;
	margin                : 0;
	width                 : 100%;
	z-index               : 1;
	padding-right         : 203px;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group input[type="url"],
.subscribe-form .form-group select,
.subscribe-form .form-group textarea{
	position              : relative;
	display               : block;
	width                 : 100%;
	line-height           : 30px;
	font-size             : 15px;
	color                 : #888888;
	font-weight           : 400;
	padding               : 14px 20px;
	background            : #f6f6f6;
	border                : 1px solid #e7e7e7;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form button{
	position              : absolute;
	right                 : 0;
	top                   : 0;
	min-width             : 200px;
    line-height           : 30px;
}

.subscribe-form .form-group input[type="text"]:focus,
.subscribe-form .form-group input[type="email"]:focus,
.subscribe-form .form-group input[type="url"]:focus,
.subscribe-form .form-group select:focus,
.subscribe-form .form-group textarea:focus{
	border-color          : #333333;
}

.subscribe-section.style-two{
	background-color      : #f2f2f2;
}

.subscribe-section.style-two .title-column h2{
	color                 : #333333;
}

/***

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

***/

.main-footer{
	position              : relative;
	background-color      : #ffffff;
	border-top            : 1px solid #ececec;
    background-color      : #333333;
}

.main-footer .widgets-section{
	position              : relative;
	padding               : 100px 0px 60px;
}

.main-footer .footer-column{
	position              : relative;
}

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

.main-footer .footer-logo{
	position              : relative;
	display               : inline-block;	
	margin-top            : -45px;
	margin-bottom         : 20px;
}

.main-footer .footer-logo img{
	display               : block;
	max-width             : 100%;	
}

.main-footer .footer-column .widget-title{
	position              : relative;
	font-size             : 25px;
	color                 : #ffffff;
	font-weight           : 400;
	margin-bottom         : 30px;
}

.main-footer .about-widget{
	position              : relative;
}

.main-footer .footer-column .text{
	font-size             : 14px;
	line-height           : 24px;
	color                 : #ffffff;
	font-weight           : 400;
	margin-bottom         : 20px;
}

.main-footer .social-icon-two li a{
    color                 : #f16225;
}

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

.social-icon-two li{
	position              : relative;
	display               : inline-block;
	margin-right          : 18px;
}

.social-icon-two li:last-child{
	margin-right          : 0;
}

.social-icon-two li a{
	position              : relative;
	display               : inline-block;
	color                 : #111111;
	font-size             : 14px;
	line-height           : 24px;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

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

/*=== links Widget ===*/
.main-footer .links-widget{
	position              : relative;
}

.main-footer .links-widget .list li{
	position              : relative;
	display               : block;
	margin-bottom         : 10px;
}

.main-footer .links-widget .list li a{
	position              : relative;
	display               : inline-block;
	font-size             : 14px;
	line-height           : 24px;
	color                 : #ffffff;
	text-transform        : capitalize;
	-webkit-transition    : all 200ms ease;
	-moz-transition       : all 200ms ease;
	-ms-transition        : all 200ms ease;
	-o-transition         : all 200ms ease;
	transition            : all 200ms ease;
}

.main-footer .links-widget .list li a:hover{
	color                 : #f16225;
}

/*=== Footer Bottom ===*/

.main-footer .footer-bottom{
	position              : relative;
	padding               : 30px 0px;
    background-color      : #333333;
}

.main-footer .footer-bottom .copyright-text{
	position              : relative;
	text-align            : center;
}

.main-footer .footer-bottom p{
	line-height           : 20px;
	font-size             : 14px;
	color                 : #888888;
	font-weight           : 400;
}

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

.main-footer .footer-bottom p a:hover{
	text-decoration       : underline;
	color                 : #f16225;
}

/***

==================================================================
			Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
	position              : relative;
	padding               : 150px 0 110px;
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	position              : relative;
	margin-bottom         : 40px;
}

.sidebar-side .default-sidebar{
	position              : relative;
}

.sidebar-widget{
    position              : relative;
    margin-bottom         : 50px;
    background-color      : #ffffff;
    border                : 1px solid #f3f3f3;
}

.sidebar-side .sidebar-widget:last-child{
	margin-bottom         : 0;
}

.sidebar-page-container .sidebar-title{
	position              : relative;
	margin-bottom         : 25px;
}

.sidebar-page-container .sidebar-title h3{
	position              : relative;
	font-size             : 19px;
	color                 : #333333;
	line-height           : 30px;
	font-weight           : 700;
}

/*Search Box Widget*/

.sidebar .search-box{
	position              : relative;
	padding               : 30px 40px;
}

.sidebar .search-box .form-group{
	position              : relative;
	margin                : 0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position              : relative;
	display               : block;
	font-size             : 15px;
	line-height           : 30px;
	color                 : #333333;
	padding               : 14px 25px;
	padding-right         : 56px;
	width                 : 100%;
	background-color      : #f8f8f8;
	font-style            : italic;
	height                : 60px;
	border                : 1px solid transparent;
	transition            : all 500ms ease;
	-moz-transition       : all 500ms ease;
	-webkit-transition    : all 500ms ease;
	-ms-transition        : all 500ms ease;
	-o-transition         : all 500ms ease;
}

.sidebar .search-box .form-group input:focus{
	border-color          : #333333;
}

.sidebar .search-box .form-group button{
	position              : absolute;
	right                 : 0;
	top                   : 0;
	height                : 60px;
	line-height           : 60px;
	width                 : 56px;
	background-color      : #333333;
	font-size             : 18px;
	color                 : #ffffff;
	font-weight           : 400;
	transition            : all 500ms ease;
	-moz-transition       : all 500ms ease;
	-webkit-transition    : all 500ms ease;
	-ms-transition        : all 500ms ease;
	-o-transition         : all 500ms ease;
}

.sidebar .search-box .form-group button:hover{
	background-color      : #f16225;
	color                 : #333333;
}

/*=== Testimonial Widget ===*/

.testimonial-widget{
	position              : relative;
	padding               : 45px 50px ;
}

.testimonial-block-two{
	position              : relative;
	text-align            : center;
}

.testimonial-block-two .thumb{
	position              : relative;
	height                : 115px;
	width                 : 115px;
	margin                : 0 auto 10px;
	overflow              : hidden;
	border-radius         : 50%;
}

.testimonial-block-two .thumb img{
	display               : block;
	width                 : 100%;
}

.testimonial-block-two h3{
	display               : block;
	font-size             : 17px;
	line-height           : 25px;
	color                 : #333333;
	font-weight           : 700;
	margin-bottom         : 15px;
}

.testimonial-block-two p{
	font-size             : 14px;
	line-height           : 24px;
	color                 : #666666;
	margin-bottom         : 20px;
}

.testimonial-block-two .social-icon{
	position              : relative;
	display               : block;
}

.testimonial-block-two .social-icon li{
	display               : inline-block;
	margin-right          : 17px;
}

.testimonial-block-two .social-icon li a{
	font-size             : 14px;
	line-height           : 20px;
	color                 : #111111;
	font-weight           : 400;
	-webkit-transition    : all 300ms ease;
	-moz-transition       : all 300ms ease;
	-ms-transition        : all 300ms ease;
	-o-transition         : all 300ms ease;
	transition            : all 300ms ease;
}

.testimonial-block-two .social-icon li:hover a{
	color                 : #f16225;
}

/*** 

====================================================================
				Contact Page Section
====================================================================

 ***/

 .contact-page-section{
 	position             : relative;
 	background-color     : #fbfbfb;
 }

 .contact-page-section:before{
 	position             : absolute;
 	left                 : 37.5%;
 	height               : 100%;
 	width                : 20.5%;
 	background           : #333333;
 	content              : "";
 }


 .contact-page-section .info-column{
 	position             : relative;
 	float                : left;
 	width                : 20.5%;
 	background-color     : #333333;
 	padding              : 180px 0 120px;
 	margin-left          : 37.5%;
 }
 
 .contact-page-section .info-column .inner-column{
 	position             : relative;
 	width                : 100%;
}

 .contact-page-section .info-box{
 	position             : relative;
 	text-align           : center;
 	margin-bottom        : 60px;
 	display              : block;
 	width                : 100%;
 }

 .contact-page-section .info-box h4{
 	position             : relative;
 	font-size            : 18px;
 	line-height          : 25px;
 	color                : #ffffff;
 	font-weight          : 500;
 	margin-bottom        : 20px;
 }

 .contact-page-section .info-box p{
 	position             : relative;
 	font-size            : 14px;
 	line-height          : 24px;
 	color                : #888888;
 	font-weight          : 400;
 }

 .contact-page-section .info-box p a{
 	color                : #888888;
 	-webkit-transition   : all 300ms ease;
 	-moz-transition      : all 300ms ease;
 	-ms-transition       : all 300ms ease;
 	-o-transition        : all 300ms ease;
 	transition           : all 300ms ease;
 }

 .contact-page-section .info-box p a:hover{
 	color                : #d1af78;
 }

 .contact-page-section .form-column{
 	position             : relative;
 	width                : 42%;
 	float                : right;
 	padding-left         : 60px;
	padding-right        : 15px;
 }

 .contact-page-section .form-column .inner-column{
 	position             : relative;
 	padding              : 200px 0 230px;
 	max-width            : 630px;
}

 .contact-page-section .form-column h3{
 	position             : relative;
 	font-size            : 24px;
 	line-height          : 30px;
 	color                : #333333;
 	font-weight          : 500;
 	margin-bottom        : 20px;
}

.sidebar-page-container .comment-form{
 	position             : relative;
}

.contact-form .row{
	margin               : 0 -10px;
}

.contact-form .form-group{
	position             : relative;
	padding              : 0 10px;
	margin-bottom        : 30px;	
}

.contact-form .form-group:last-child{
	margin-bottom        : 0;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position              : relative;
    display               : block;
    width                 : 100%;
    font-size             : 14px;
    color                 : #888888;
    line-height           : 20px;
    padding               : 15px 20px;
	height                : 52px;
    border                : 1px solid #e1e1e1;
    font-weight           : 400;
    background-color      : transparent;
    -webkit-transition    : all 300ms ease;
    -ms-transition        : all 300ms ease;
    -o-transition         : all 300ms ease;
    -moz-transition       : all 300ms ease;
    transition            : all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color          : #f16225;
}

.contact-form .form-group textarea{
	height                : 118px;
	resize                : none;
}

.contact-form .form-group label.error{
	display               : block;
	font-size             : 13px;
	text-transform        : capitalize;
	font-weight           : 500;
	padding-top           : 10px;
	color                 : #ff0000;
}

.contact-form button{
	min-width             : 160px;
	padding               : 15px 50px;
}

.contact-page-section .map-column{
 	position              : absolute;
 	left                  : 0;
 	top                   : 0;
 	height                : 100%;
 	width                 : 37.5%;
 }
 
 .contact-page-section .map-outer{
 	position              : relative;
 	height                : 100%;
 	width                 : 100%;
}

 .contact-page-section .map-canvas{
	height                : 100%;
	width                 : 100%;
}

/*** 

====================================================================
				Error Page Section
====================================================================

 ***/

.error-page-section{
	position              : relative;
	padding               : 440px 0 226px;
	background-position   : center center;
	background-repeat     : no-repeat;
	background-size       : cover;
	text-align            : center;
	overflow              : hidden;
}

.error-page-section:before{
	position              : absolute;
	left                  : 0;
	top                   : 0;
	height                : 100%;
	width                 : 100%;
	background-color      : #000000;
	opacity               : .45;
	content               : '';
}

.error-page-section h1{
	position              : relative;
	display               : block;
	font-size             : 250px;
	line-height           : 1em;
	color                 : #ffffff;
	font-weight           : 600;
}

.error-page-section h2{
	position              : relative;
	font-size             : 35px;
	color                 : #ffffff;
	line-height           : 1.2em;
	margin-bottom         : 20px;
	font-weight           : 500;
}

.error-page-section p{
	position              : relative;
	display               : block;
	font-size             : 14px;
	line-height           : 24px;
	color                 : #ffffff;
	margin-bottom         : 25px;
}

.error-page-section a{
	position              : relative;
	display               : inline-block;
	color                 : #333333;
	padding               : 15px 60px;
}


.snow-animation {
  // min-height           : 100vh;
  min-height              : 150px;
  position                : relative;
  overflow                : hidden;
  display                 : flex;
  justify-content         : center;
  align-content           : center;
    background-color      : #333333;
}

.snow {
  position                : absolute;
  min-width               : 100vw;
  min-height              : 100vh;
  height                  : 100%;
  width                   : 100%;
  top                     : 0;
  left                    : 0;
}

.snow .svg {
  position                : absolute;
  width                   : 100%;
  height                  : 100%;
}

#snow-top-layer {
  transform               : translateY(-768px);
  animation               : fall 22.5s infinite linear;
}

#snow-bottom-layer {
  transform               : translateY(-768px);
  animation               : fall 45s infinite linear;
}

@keyframes fall {
  100% {
    transform             : translateY(0);
  }
  
}

.highlight {
  display                 : inline-block;
  color                   : #343434;
  transition              : color 250ms, text-shadow 250ms;
  text-decoration         : none;
  text-shadow             : 0px 1px 0px white;
  position                : relative;
  z-index                 : 0;
}

.highlight::after {
  position                : absolute;
  z-index                 : -1;
  bottom                  : -5px;
  left                    : 50%;
  transform               : translateX(-50%);
  content                 : "";
  width                   : 100%;
  height                  : 3px;
  background-color        : #343434;
  transition              : all 250ms;
}

.highlight:hover {
  color                   : white;
  text-shadow             : 0px 1px 0px black;
}

.highlight:hover::after {
  height                  : 105%;
  width                   : 105%;
}

/*** 

====================================================================
				Animation Coeur
====================================================================

 ***/

@-moz-keyframes heartbeat-loader {
  0% {
    -moz-transform       : rotate(45deg) scale(1);
    transform            : rotate(45deg) scale(1);
  }
  14% {
    -moz-transform       : rotate(45deg) scale(1.3);
    transform            : rotate(45deg) scale(1.3);
  }
  28% {
    -moz-transform       : rotate(45deg) scale(1);
    transform            : rotate(45deg) scale(1);
  }
  42% {
    -moz-transform       : rotate(45deg) scale(1.3);
    transform            : rotate(45deg) scale(1.3);
  }
  70% {
    -moz-transform       : rotate(45deg) scale(1);
    transform            : rotate(45deg) scale(1);
  }
}
@-webkit-keyframes heartbeat-loader {
  0% {
    -webkit-transform    : rotate(45deg) scale(1);
    transform            : rotate(45deg) scale(1);
  }
  14% {
    -webkit-transform    : rotate(45deg) scale(1.3);
    transform            : rotate(45deg) scale(1.3);
  }
  28% {
    -webkit-transform    : rotate(45deg) scale(1);
    transform            : rotate(45deg) scale(1);
  }
  42% {
    -webkit-transform    : rotate(45deg) scale(1.3);
    transform            : rotate(45deg) scale(1.3);
  }
  70% {
    -webkit-transform    : rotate(45deg) scale(1);
    transform            : rotate(45deg) scale(1);
  }
}

@keyframes heartbeat-loader {
  0% {
    -moz-transform       : rotate(45deg) scale(1);
    -ms-transform        : rotate(45deg) scale(1);
    -webkit-transform    : rotate(45deg) scale(1);
    transform            : rotate(45deg) scale(1);
  }
  14% {
    -moz-transform       : rotate(45deg) scale(1.3);
    -ms-transform        : rotate(45deg) scale(1.3);
    -webkit-transform    : rotate(45deg) scale(1.3);
    transform            : rotate(45deg) scale(1.3);
  }
  28% {
    -moz-transform       : rotate(45deg) scale(1);
    -ms-transform        : rotate(45deg) scale(1);
    -webkit-transform    : rotate(45deg) scale(1);
    transform            : rotate(45deg) scale(1);
  }
  42% {
    -moz-transform       : rotate(45deg) scale(1.3);
    -ms-transform        : rotate(45deg) scale(1.3);
    -webkit-transform    : rotate(45deg) scale(1.3);
    transform            : rotate(45deg) scale(1.3);
  }
  70% {
    -moz-transform       : rotate(45deg) scale(1);
    -ms-transform        : rotate(45deg) scale(1);
    -webkit-transform    : rotate(45deg) scale(1);
    transform            : rotate(45deg) scale(1);
  }
}

.heartbeat-loader:not(:required) {
  -moz-animation         : heartbeat-loader 1300ms ease 0s infinite normal;
  -webkit-animation      : heartbeat-loader 1300ms ease 0s infinite normal;
  animation              : heartbeat-loader 1300ms ease 0s infinite normal;
  display                : inline-block;
  position               : relative;
  overflow               : hidden;
  text-indent            : -9999px;
  width                  : 36px;
  height                 : 36px;
  -moz-transform         : rotate(45deg) scale(1);
  -ms-transform          : rotate(45deg) scale(1);
  -webkit-transform      : rotate(45deg) scale(1);
  transform              : rotate(45deg) scale(1);
  -moz-transform-origin  : 50% 50%;
  -ms-transform-origin   : 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin       : 50% 50%;
}
.heartbeat-loader:not(:required):after, .heartbeat-loader:not(:required):before {
  position               : absolute;
  content                : "";
  background             : #f16225;
}
.heartbeat-loader:not(:required):before {
  -moz-border-radius-topleft: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius : 12px;
  -moz-border-radius-bottomleft: 12px;
  -webkit-border-bottom-left-radius: 12px;
  border-bottom-left-radius: 12px;
  top                    : 12px;
  left                   : 0;
  width                  : 36px;
  height                 : 24px;
}

.heartbeat-loader:not(:required):after {
  -moz-border-radius-topleft: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius : 12px;
  -moz-border-radius-topright: 12px;
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  top                    : 0;
  left                   : 12px;
  width                  : 24px;
  height                 : 12px;
}

/*** 

====================================================================
				Animation Mouse Scroll
====================================================================

 ***/

.animation-mouse-scroll {
  position               : relative;
  min-height             : 100vh;
  display                : flex;
  align-items            : center;
  justify-content        : center;
  padding                : 12rem 2rem;
  color                  : white;
  background: {
    image                : linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%), url('https://source.unsplash.com/random/1920x1080/?sky');
    blend-mode           : multiply;
    size                 : cover;
  }
}

.mouse {
  max-width              : $mouse-width;
  width                  : 20%;
  height                 : auto;
}

.scroll {
  animation-name         : scroll;
  animation-duration     : 1.5s;
  animation-timing-function: cubic-bezier(0.650, -0.550, 0.250, 1.500);
  animation-iteration-count: infinite;
  transform-origin       : 50% 20.5px;
  will-change            : transform, opacity;
  opacity                : 1;
}

.scroll-link {
  position               : absolute;
  bottom                 : 1rem;
  left                   : 50%;
  transform              : translateX(-50%);
}

@keyframes scroll {

  0%, 20% {
    transform            : translateY(0) scaleY(1);
  }

  100% {
    transform            : translateY(36px) scaleY(2);
    opacity              : 0;
  }

}

/*** 

====================================================================
				Animation Transition Gallery
====================================================================

 ***/

#projets .image-box img{
	max-width            : 100%;
	width                : auto;
	display              : inline-block;
    opacity              : 1;
	-webkit-transition   : all 300ms ease;
	-moz-transition      : all 300ms ease;
	-ms-transition       : all 300ms ease;
	-o-transition        : all 300ms ease;
	transition           : all 300ms ease;
}

#projets .image-box:hover img{
	opacity              : .5;
}