/*
 *	Table of Contents:
 *
 *	1. Inits
 *	2. Wrapper
 *	3. Search Form
 *	4. Header
 *	5. Page Sidebars
 *	6. Page
 *	7. Section
 * 	8. Services
 *	9. Counters
 *	10. Team Members
 *	11. Testimonials
 *	12. Clients
 *	13. About Me Image
 *	14. Skills
 *	15. Hobbies
 *	16. Personal Information
 *	17. Gallery Images
 *	18. Portfolio
 *	19. Portfolio Single
 *	20. Pricing
 *	21. Half Boxes
 *	22. Blog Posts
 *	23. Blog Sidebar
 *	24. Contact
 *	25. Footer
 *	26. Page Light Background
 *	27. Themes
 *	28. Media Queries
 *
*/


/*
===============================================
			1. Inits
===============================================
*/

body{
	letter-spacing: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.8;
	color: #5c0226;
	background: #5c0226;
	font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.bg2{
	/*background: #1d1d1d;*/
	background: #5c0226;
}

body.with_bg_image{
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
}

body.with_bg_image.image1{
	background-image:url(../img/page_bg.jpg);
}

body.with_bg_image.image3{
	background-image:url(../img/page_bg3.jpg);
}

body.with_bg_image.image4{
	background-image:url(../img/page_bg4.jpg);
}

body.with_bg_image.image2{
	background-image:url(../img/contact_bg.jpg);
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Montserrat', sans-serif;
	line-height: 1;
	text-transform: normal;
	font-weight: 700;
	margin-top: 0;
	letter-spacing: 2px;
}

h1 {
	font-size: 45px;
}

h2{
	font-size: 33px;
}

h3 {
	font-size: 23px;
}

h4 {
	font-size: 18px;
}

h5{
	font-size: 16px;
}

h6{
	font-size: 12px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

img{
	border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.button{
	display: inline-block;
	padding: 15px 30px;
	border-radius: 100px;
	background: transparent;
	border:2px solid #ffffff;
	text-transform: uppercase;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none !important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.button.small{
	padding: 10px 20px;
}

.button.large{
	padding: 20px 40px;
}

.button.dark{
	border:2px solid #333333;
	color: #333333;
}

.button.light:hover{
	background: #ffffff !important;
	color: #333333 !important;
}

.button:hover{
	border-color: transparent !important;
	color: #ffffff !important;
}

.uppercase{
	text-transform: uppercase;
}

.clear{
	clear: both;
}

.nopadding{
	padding: 0 !important;
}

.nopaddingtop{
	padding-top: 0 !important;
}

.nopaddingbottom{
	padding-bottom: 0 !important;
}

.nopaddingleft{
	padding-left: 0 !important;
}

.nopaddingright{
	padding-right: 0 !important;
}

.nomargin{
	margin: 0 !important;
}

.nomarginbottom{
	margin-bottom: 0 !important;
}

.pl30{
	padding-left: 30px !important;
}

.mb30{
	margin-bottom: 30px !important;
}

.mb50{
	margin-bottom: 50px !important;
}

.mt30{
	margin-top: 30px !important;
}

.mt50{
	margin-top: 50px !important;
}

.pt50{
	padding-top: 50px !important;
}

.pb50{
	padding-bottom: 50px !important;
}

.mr5{
	margin-right: 5px !important;
}

.mr10{
	margin-right: 10px !important;
}

.mb10{
	margin-bottom: 10px !important;
}

.ml60{
	margin-left: 60px !important;
}

.mr60{
	margin-right: 60px !important;
}

.mt100{
	margin-top: 100px !important;
}

.mtb00{
	margin-bottom: 100px !important;
}

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

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

a{
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

a.facebook_bg:hover{
	background: #3B5999 !important;
	color: #ffffff !important;
}

a.wordpress_bg:hover{
	background: #0076A8 !important;
	color: #ffffff !important;
}

a.twitter_bg:hover{
	background: #00BAFF !important;
	color: #ffffff !important;
}

a.googleplus_bg:hover{
	background: #D94835 !important;
	color: #ffffff !important;
}

a.youtube_bg:hover{
	background: #C8302D !important;
	color: #ffffff !important;
}

a.github_bg:hover{
	background: #7197B0 !important;
	color: #ffffff !important;
}

a.dribbble_bg:hover{
	background: #E44D87 !important;
	color: #ffffff !important;
}

a.flickr_bg:hover{
	background: #0062DD !important;
	color: #ffffff !important;
}

a.tumblr_bg:hover{
	background: #35506B !important;
	color: #ffffff !important;
}

a.vk_bg:hover{
	background: #476C98 !important;
	color: #ffffff !important;
}

a.skype_bg:hover{
	background: #00A8E9 !important;
	color: #ffffff !important;
}

a.pinterest_bg:hover{
	background: #C7212D !important;
	color: #ffffff !important;
}

a.instagram_bg:hover{
	background: #BFB4A4 !important;
	color: #ffffff !important;
}

a.linkedin_bg:hover{
	background: #007BB6 !important;
	color: #ffffff !important;
}

a.email_bg:hover{
	background: #111111 !important;
	color: #ffffff !important;
}

a.facebook:hover{
	color: #3B5999 !important;
}

a.wordpress:hover{
	color: #0076A8 !important;
}

a.twitter:hover{
	color: #00BAFF !important;
}

a.googleplus:hover{
	color: #D94835 !important;
}

a.youtube:hover{
	color: #C8302D !important;
}

a.github:hover{
	color: #7197B0 !important;
}

a.dribbble:hover{
	color: #E44D87 !important;
}

a.flickr:hover{
	color: #0062DD !important;
}

a.tumblr:hover{
	color: #35506B !important;
}

a.vk:hover{
	color: #476C98 !important;
}

a.skype:hover{
	color: #00A8E9 !important;
}

a.pinterest:hover{
	color: #C7212D !important;
}

a.instagram:hover{
	color: #BFB4A4 !important;
}

a.linkedin:hover{
	color: #007BB6 !important;
}

.accordion{
	color: #333333;
}

.accordion .panel{
	border-radius: 0;
	background: transparent;
	border:1px solid #ffffff;
}

.accordion .panel + .panel{
	margin-top: 20px;
}

.accordion .panel .panel-heading a{
	display: block;
	font-weight: 400;
	text-decoration: none;
	padding: 15px;
	background: #ffffff;
}

.accordion .panel .panel-heading a i.icon{
	float: right;
}

.accordion .panel .panel-heading a:hover,
.accordion .panel.active .panel-heading a{
	color: #ffffff;
}

.accordion .panel .panel-heading{
	background: transparent;
	padding: 0;
}

.accordion .panel .panel-collapse{
	color: #ffffff;
	font-size: 16px;
}

.tabs .nav-tabs li a{
	border-radius: 0;
	font-size: 16px;
	color: #ffffff !important;
}

.tabs .nav-tabs li a:hover,
.tabs .nav-tabs li.active a{
	color: #ffffff !important;
}

.tabs .tab-content > div{
	padding: 15px;
	font-size: 16px;
}

.alert{
	border-radius: 0;
}

.alert .close_alert_btn{
	font-size: 15px;
	display: inline-block;
	margin-top: 5px;
	text-decoration: none;
}

.countdown_timers {
  overflow: visible;
  display: table;
  margin: 0 auto;
}

.countdown_timers > .simply-section {
  width: 130px;
  height: 130px;
  line-height: 130px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  position: relative;
  margin: 10px;
  border-radius: 100%;
}

.countdown_timers > .simply-section > div .simply-amount{
	font-size: 40px;
}

.countdown_timers > .simply-section > div .simply-amount {
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.countdown_timers > .simply-section > div .simply-word{
    position: absolute;
    left: 0;
    bottom: -45px;
    text-align: center;
    width: 100%;
    color: #ffffff;
}

.slideshow_slider .owl-controls .owl-nav{
	margin: 0;
}

.slideshow_slider .owl-controls .owl-nav .owl-prev,
.slideshow_slider .owl-controls .owl-nav .owl-next{
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	font-size: 30px;
	color: #999999;
	border-radius: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.slideshow_slider:hover .owl-controls .owl-nav .owl-prev,
.slideshow_slider:hover .owl-controls .owl-nav .owl-next{
	background: rgba(255, 255, 255, 0.1);
}

.slideshow_slider .owl-controls .owl-nav .owl-prev:hover,
.slideshow_slider .owl-controls .owl-nav .owl-next:hover{
	background: rgba(255, 255, 255, 0.25);
}

.slideshow_slider .owl-controls .owl-nav > div:hover{
	color: #000;
}

.slideshow_slider .owl-controls .owl-nav i{
	position: absolute;
	top: 50%;
	width: 50px;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slideshow_slider .owl-controls .owl-nav .owl-prev i{
	left: 0;
}

.slideshow_slider .owl-controls .owl-nav .owl-next i{
	right: 0;
}

.slideshow_slider .owl-controls .owl-nav .owl-prev{
	left: 0;
}

.slideshow_slider .owl-controls .owl-nav .owl-next{
	right: 0;
}

.pagination_box{
	margin: 50px 0;
	text-align: center;
}

.pagination{
	margin: 0;
}

.pagination li.active a,
.pagination li:hover a{
	border:1px solid transparent;
	color: #ffffff !important;
}

.pagination li a{
	font-size: 18px;
	padding: 15px 25px;
	border:1px solid #dedede;
	background: transparent;
	color: #999999 !important;
	border-radius: 0 !important;
}

.typography_buttons.dark{
	padding:50px;
	background:#1d1d1d;
}

.typography_buttons.light{
	padding:50px;
	background:#ffffff;
}

#preloader{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: #5c0226;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

#preloader.hide{
	top: -100%;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}

#preloader img{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.lines_separator{
	margin: 25px 0;
}

.owl-carousel.dark_controls .owl-dots .owl-dot span{
	background: transparent;
	border:1px solid #999999;
}

.owl-carousel.dark_controls .owl-dots .owl-dot.active span,
.owl-carousel.dark_controls .owl-dots .owl-dot:hover span{
	background: #111111;
	border:1px solid transparent;
}

/* bg slideshow */
.bg_slideshow .swiper-slide{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.bg_slideshow .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}

.bg_slideshow.vertical_slider .swiper-slide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.bg_slideshow .swiper-slide .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
}

.bg_slideshow .swiper-slide .overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	content: '';
	background: rgba(0, 0, 0, 0.2);
}

.bg_slideshow .swiper-slide .details{
	position: absolute;
	left: 50%;
	top: 80%;
	color: #ffffff;
	text-align: center;
	z-index: 4;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.bg_slideshow .swiper-slide .details .inner{
	position: relative;
	overflow: hidden;
}

.bg_slideshow .swiper-slide .details:before{
	position: absolute;
	left: -18%;
	top: 50%;
	width: 2px;
	height: 0%;
	background: rgba(255, 255, 255, 0.5);
	content: '';
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.bg_slideshow.center_slider .swiper-slide{
	opacity: 1;
	visibility: visible;
}

.bg_slideshow.center_slider .swiper-slide .details{
	width: 90%;	
}

.bg_slideshow.center_slider .swiper-slide .details .title{
	font-size: 30px;
}

.bg_slideshow.center_slider .swiper-slide .details:before,
.bg_slideshow.center_slider .swiper-slide .details:after{
	display: none;
}

.bg_slideshow .swiper-slide .details:after{
	position: absolute;
	right: -18%;
	top: 50%;
	width: 2px;
	height: 0%;
	background: rgba(255, 255, 255, 0.5);
	content: '';
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.bg_slideshow .swiper-slide .details .title,
.bg_slideshow .swiper-slide .details .subtitle{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.bg_slideshow .swiper-slide .details .title{
	font-size: 32px;
	margin: 0;
	font-family: 'Playfair Display', sans-serif;
	-webkit-transform: translateY(-150%);
	-ms-transform: translateY(-150%);
	transform: translateY(-150%);
}

.bg_slideshow .swiper-slide .details .subtitle{
	font-weight: 400;
	-webkit-transform: translateY(150%);
	-ms-transform: translateY(150%);
	transform: translateY(150%);
}

.bg_slideshow .swiper-slide.active .details .title,
.bg_slideshow .swiper-slide.active .details .subtitle{
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.bg_slideshow .swiper-slide .details .lines_separator{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.bg_slideshow .swiper-slide.active .details .lines_separator{
	opacity: 1;
	visibility: visible;
}

.bg_slideshow .swiper-slide.active .details:before{
	left: -15%;
	height: 150%;
	top: -30%;
}

.bg_slideshow .swiper-slide.active .details:after{
	right: -15%;
	height: 150%;
	top: -30%;
}

.fullscreen_background_image{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
    background-image:url(../img/bg/2.jpg);
}

.fullscreen_video_wrapper{
	position: relative;
}

.fullscreen_background_image .overlay,
.fullscreen_video_wrapper .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	content: '';
	left: 0;
	top: 0;
}

.fullscreen_background_image .overlay .inner,
.fullscreen_video_wrapper .overlay .inner{
	position: absolute;
	left: 50%;
	top: 50%;
	border:3px solid #ffffff;
	padding: 30px;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.fullscreen_background_image .overlay .inner .title,
.fullscreen_video_wrapper .overlay .inner .title{
	margin: 0;
	font-family: 'Playfair Display', sans-serif;
	font-size: 50px;
}

.fullscreen_background_image .overlay .inner .subtitle,
.fullscreen_video_wrapper .overlay .inner .subtitle{
	font-weight: 400;
}

a.swiper-nav{
	font-size: 25px;
	color: rgba(255, 255, 255, 0.75);
	width: 60px;
	height: 60px;
	color: #999;
	line-height: 60px;
	text-align: center;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	z-index: 3;
	text-decoration: none;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

a.swiper-nav span{
	display: inline-block;
	position: relative;
	padding: 0 7px;
}

a.swiper-nav span:before{
	position: absolute;
	left: 0;
	top: -15px;
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);
	content: '';
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

a.swiper-nav span:after{
	position: absolute;
	right: 0;
	top: 15px;
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);
	content: '';
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

a.swiper-nav.arrow-left span:before{
	top: 15px;
}

a.swiper-nav.arrow-left span:after{
	top: -15px;
}

a.swiper-nav:hover{
	border-color:#ffffff;
	color: #ffffff;
}

a.swiper-nav.arrow-left{
	left: -60px;
}

a.swiper-nav.arrow-right{
	right: -60px;
}

a.swiper-nav:hover span:before,
a.swiper-nav:hover span:after{
	background: #ffffff;
}

a.swiper-nav:hover span:before{
	top: -5px;
}

a.swiper-nav:hover span:after{
	top: 5px;
}

a.swiper-nav.arrow-left:hover span:before{
	top: 5px;
}

a.swiper-nav.arrow-left:hover span:after{
	top: -5px;
}

.bg_slideshow .swiper-pagination .swiper-pagination-bullet{
	cursor: pointer;
    border: 1px solid #fff;
    opacity: 1;
    background: transparent;
    width: 12px;
    height: 12px;
}

.bg_slideshow .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #ffffff;
}

/*
===============================================
			2. Wrapper
===============================================
*/
#wrapper{
	position: relative;
	margin: 60px 0;
	color: #ffffff;
	z-index: 2;
}

.page_box_outer > .inner > .container,
.page_box_outer > .inner > .container-fluid{
	padding: 0 60px;
}

/*
===============================================
			3. Search Form
===============================================
*/
#search_form{
	position: fixed;
	left: 60px;
	top: 60px;
	bottom: 60px;
	right: 60px;
	background: rgba(0, 0, 0, 0.9);
	content: '';
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

#search_form.visible{
	z-index: 50;
	opacity: 1;
	visibility: visible;
}

#search_form input{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80%;
	padding: 25px;
	content: '';
	background: transparent;
	border:none;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 2px;
	border-bottom: 2px solid rgba(255,255,255,0.5);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*
===============================================
			4. Header
===============================================
*/
header{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 15;
	height: 60px;
	width: 100%;
	background: #5c0226;
}

header ul.navigation{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 0;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

header ul.navigation li{
	display: inline-block;
	position: relative;
}

header .mobile_logo{
	display: none;
}

header .mobile_nav_toggle{
	display: none;
	height: 28px;
	z-index: 500;
	position: fixed;
	right: 15px;
	top: 15px;
}

header .mobile_nav_toggle span{
	position: relative;
	display: inline-block;
	width: 30px;
	height: 2px;
	background: #a1a1a1;
}

header .mobile_nav_toggle span:before{
	position: absolute;
	display: inline-block;
	top: -10px;
	left: 0;
	background: #a1a1a1;
	z-index: 1;
	width: 30px;
	height: 2px;
	content: '';
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

header .mobile_nav_toggle span:after{
	position: absolute;
	display: inline-block;
	bottom: -10px;
	left: 0;
	background: #a1a1a1;
	z-index: 1;
	width: 30px;
	height: 2px;
	content: '';
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

header .mobile_nav_toggle:hover span,
header .mobile_nav_toggle:hover span:before,
header .mobile_nav_toggle:hover span:after,
header .mobile_nav_toggle.active span,
header .mobile_nav_toggle.active span:before,
header .mobile_nav_toggle.active span:after{
	background: #ffffff;
}

header .mobile_nav_toggle:hover span:before,
header .mobile_nav_toggle.active span:before{
	top: -6px;
}

header .mobile_nav_toggle:hover span:after,
header .mobile_nav_toggle.active span:after{
	bottom: -6px;
}

header ul.navigation li.logo,
header .mobile_logo{
	opacity: 0.75;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

header ul.navigation li.logo:hover,
header .mobile_logo:hover{
	opacity: 1;
}


header ul.navigation.mobile{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index:400;
	opacity: 1;
	visibility: visible;
	background: #1d1d1d;
	color: #ffffff;
	text-align: center;
	overflow: auto;
	padding: 30px 0;
}

header ul.navigation.mobile li{
	display: block;
}

header ul.navigation.mobile li.logo{
	display: none;
}

header ul.navigation.mobile > li + li{
	margin-top: 30px;
}

header ul.navigation.mobile > li > a{
	border-bottom: 2px solid #ffffff;
}

header ul.navigation.mobile li .dropdown{
	display: block;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	opacity: 1;
	visibility: visible;
	width: 100%;
	background: transparent;
	border:none !important;
	text-align:center;
}

header ul.navigation.mobile li .dropdown li{
	border: none;
}

header ul.navigation li a{
    display: inline-block;
    font-size: 11px;
    padding: 0 10px;
    line-height: 60px;
    text-decoration: none;
    color: #999999;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

header ul.navigation li a i{
	display: inline-block;
	margin-left: 5px;
}

header ul.navigation li .dropdown{
	display: block;
	position: absolute;
	left: 0;
	top: 80%;
	width: 200px;
	background: #5c0226;
	content: '';
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

header ul.navigation li:hover .dropdown{
	top: 100%;
	opacity: 1;
	visibility: visible;
	z-index: 10;
}

header ul.navigation li .dropdown li{
	display: block;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

header ul.navigation li .dropdown li a{
	display: block;
	padding: 15px;
	line-height: normal;
}

/*
===============================================
			5. Page Sidebars
===============================================
*/
.left_page_sidebar{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 7;
	height: 100%;
	width: 60px;
	background: #5c0226;
}

.left_page_sidebar .titles{
    position: fixed;
    margin: 0;
    top: calc(50% - 30px);
    left: 30px;
    font-weight: normal;
    font-size: 15px;
    line-height: 60px;
    height: 60px;
    color: #999999;
    z-index: 15;
    transform-origin: center center;
	-webkit-transform: translateX(-50%) rotate(-90deg);
	-ms-transform: translateX(-50%) rotate(-90deg);
	transform: translateX(-50%) rotate(-90deg);
}

.left_page_sidebar .titles a{
	color: #999999;
	text-decoration: none;
}

.left_page_sidebar .titles .sep{
	width: 2px;
	display: inline-block;
	height: 35px;
	background: #999999;
	margin: 0 15px;
	-webkit-transform: translate(0, 12px) rotate(30deg);
	-ms-transform: translate(0, 12px) rotate(30deg);
	transform: translate(0, 12px) rotate(30deg);
}

.right_page_sidebar{
	position: fixed;
	right: 0;
	top: 0;
	z-index: 7;
	width: 60px;
	height: 100%;
	background: #5c0226;
	text-align: center;
}

.goto_top_btn{
	display: inline-block;
	color: #999999;
	width: 50px;
	height: 50px;
	line-height: 50px;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	text-align: center;
	border-radius: 100%;
	border: 1px solid transparent;
	position: fixed;
	text-decoration: none !important;
	top: 50%;
	right: 5px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.goto_top_btn.vis{
	visibility: visible;
	opacity: 1;
	z-index: 55;
}

.goto_top_btn:hover{
	border-color:#ffffff;
	color: #ffffff;
}

/*
===============================================
			6. Page
===============================================
*/
.page_title{
	position: relative;
	text-align: center;
	padding-bottom: 100px;
	padding-top: 50px;
}

.page_title.bg_image{
	background-image:url(../img/top_cover.jpg);
	height: 600px;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
}

.page_title.bg_image .overlay{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 5;
}

.page_title.bg_image .overlay .inner{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 95%;
	z-index: 6;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page_title .title{
	font-size: 60px;
	font-family: 'Playfair Display', serif;
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative;
}

.page_title .title a{
	color: #ffffff;
	text-decoration: none;
}

.page_title .title:after{
	position: absolute;
	left: calc(50% - 25px);
	bottom: 0;
	background: rgba(255, 255, 255, 0.2);
	height: 2px;
	width: 50px;
	content: '';
}

.page_title .subtitle{
	font-weight: normal;
	line-height: 1.3;
}

.page_box_outer > .inner.fixed{
	position: fixed;
	left: 60px;
	top: 60px;
	right: 60px;
	bottom: 60px;
	overflow: auto;
}

.page_box_outer > .overlay{
	position: fixed;
	left: 60px;
	top: 60px;
	right: 60px;
	bottom: 60px;
	background: rgba(0, 0, 0, 0.75);
	content: '';
	z-index: 5;
}

.page_box_outer > .inner{
	position: relative;
	z-index: 5;
	padding: 0 15px;
}

.page_box_outer.has_bg_image{
	position: fixed;
	left: 60px;
	top: 60px;
	right: 60px;
	bottom: 60px;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
}

.page_box_outer.has_bg_image.image{
	background-image:url(../img/page_bg.jpg);
}

/*
===============================================
			7. Section
===============================================
*/
.section + .section{
	margin-top: 100px;
}

.section:last-child{
	margin-bottom: 100px;
}

.section_title{
	margin-bottom: 50px;
	text-align: center;
}

.section_title .lines_separator{
	margin: 0;
}

.who_we_are{
	font-size: 15px;
}

.who_we_are .text{
	text-align: center;
	margin-top: 50px;
}

.who_we_are .text p{
	margin: 0;
}

.who_we_are .text .bold{
	font-size: 18px;
	font-weight: bold;
}

/*
===============================================
			8. Services
===============================================
*/
.section.services{
	padding: 50px;
	background: #ffffff;
	color: #333333;
}

/* theme1 */
.services.theme1 .item_outer{
	padding: 0;
	padding-left: 50px;
	padding-bottom: 30px;
}

.services.theme1 .item{
	position: relative;
}

.services.theme1 .item .overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.services.theme1 .item:hover .overlay{
	background: rgba(0, 0, 0, 0.25);
}

.services.theme1 .item .overlay .title{
	margin: 0;
	position: absolute;
	bottom: 60px;
	left: -35px;
	font-weight: normal;
	background: rgba(255,255,255,0.8);	
	color: #333333;
	padding: 10px;
	text-transform: uppercase;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.services.theme1 .item_outer.right{
	padding-left: 0;
	padding-right: 50px;
}

.services.theme1 .item_outer.right .item .overlay .title{
	left: auto;
	right: -35px;
}

.services.theme1 .item_outer.center{
	padding: 0 25px;
}

.services.theme1 .item_outer.center .item .overlay .title{
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.services.theme1 .item:hover .overlay .title{
	bottom: 35px;
	background: rgba(255,255,255,1);
}

/* theme2 */
.services.theme2 .item{
	text-align: center;
	padding-bottom: 30px;
}

.services.theme2 .item i{
	font-size: 80px;
	display: inline-block;
	margin-bottom: 30px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.services.theme2 .item .title{
	margin-bottom: 20px;
}

/* theme3 */
.services.theme3 .image{
	position: relative;
}

.services.theme3 .image .overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index: 3;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.services.theme3 .image:hover .overlay{
	background: rgba(0, 0, 0, 0.2);
}

.services.theme3 .image .overlay .title a{
	color: #ffffff;
	text-decoration: none;
	word-wrap: break-word;
}

.services.theme3 .image .overlay .title{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 5;
	padding: 30px;
	padding-top: 100px;
	text-align: center;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=0 );
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.services.theme3 .image:hover .overlay .title{
	padding-bottom: 50px;
}

.services.theme3 .image .title{
	margin: 0;
	font-size: 40px;
	font-family: 'Playfair Display', sans-serif;
}

/*
===============================================
			9. Counters
===============================================
*/
.counters{
	background: #ffffff;
	color: #333333;
	padding: 50px;
}

.counters .item + .item{
	border-left: 1px solid #ededed;
}

.counters .item{
	text-align: center;
	position: relative;
	padding: 30px 0;
}

.counters .item i{
	display: inline-block;
	font-size: 50px;
	color: rgba(0, 0, 0, 0.2);
	margin: 25px 0;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.counters .title{
	margin: 0;
}

.counters .subtitle{
	letter-spacing: 2px;
}

/*
===============================================
			10. Team Members
===============================================
*/
/* theme1 */
.team_members.theme1 .member{
	position: relative;
}

.team_members.theme1 .member .overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	content: '';
	z-index: 5;
	overflow: hidden;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.team_members.theme1 .member:hover .overlay{
	background: rgba(0, 0, 0, 0.2);
}

.team_members.theme1 .member .image{
	position: relative;
}

.team_members.theme1 .member .overlay .inner{
	position: absolute;
	left: 30px;
	bottom: 30px;
	z-index: 6;
}

.team_members.theme1 .member .overlay .position{
	background: #1d1d1d;
	color: #ffffff;
	padding: 4px 12px;
	font-size: 11px;
	display: inline-block;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.team_members.theme1 .member .overlay .social_icons{
	position: absolute;
	right: -30px;
	bottom: 30px;
	width: 30px;
	font-size: 0;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.team_members.theme1 .member:hover .overlay .social_icons{
	right: 30px;
	opacity: 1;
	visibility: visible;
	z-index: 7;
}

.team_members.theme1 .member .overlay .social_icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	color: #ffffff;
	font-size: 16px;
	border-radius: 100%;
	text-decoration: none;
}

.team_members.theme1 .member .overlay .social_icons span{
	opacity: 0;
	transition-property: opacity;
	transition-duration: 0.3s;
}

.team_members.theme1 .member:hover .overlay .social_icons span:nth-child(1){
	transition-delay: 0.1s;
	transition-timing-function: linear;
	opacity: 1;
}

.team_members.theme1 .member:hover .overlay .social_icons span:nth-child(2){
	transition-delay: 0.2s;
	transition-timing-function: linear;
	opacity: 1;
}

.team_members.theme1 .member:hover .overlay .social_icons span:nth-child(3){
	transition-delay: 0.3s;
	transition-timing-function: linear;
	opacity: 1;
}

.team_members.theme1 .member:hover .overlay .social_icons span:nth-child(4){
	transition-delay: 0.4s;
	transition-timing-function: linear;
	opacity: 1;
}

.team_members.theme1 .member:hover .overlay .social_icons span:nth-child(5){
	transition-delay: 0.5s;
	transition-timing-function: linear;
	opacity: 1;
}

.team_members.theme1 .member:hover .overlay .social_icons span:nth-child(6){
	transition-delay: 0.6s;
	transition-timing-function: linear;
	opacity: 1;
}

.team_members.theme1 .member:hover .overlay .social_icons span:nth-child(7){
	transition-delay: 0.7s;
	transition-timing-function: linear;
	opacity: 1;
}

.team_members.theme1 .member:hover .overlay .social_icons span:nth-child(8){
	transition-delay: 0.8s;
	transition-timing-function: linear;
	opacity: 1;
}

.team_members.theme1 .member:hover .overlay .social_icons span:nth-child(9){
	transition-delay: 0.9s;
	transition-timing-function: linear;
	opacity: 1;
}

.team_members.theme1 .member:hover .overlay .social_icons span:nth-child(10){
	transition-delay: 1s;
	transition-timing-function: linear;
	opacity: 1;
}

.team_members.theme1 .member .overlay .social_icons a + a{
	margin-top: 5px;
}

/* theme2 */
.team_members.theme2 .member{
	padding: 0;
}

.team_members.theme2 .member .image{
	position: relative;
	overflow: hidden;
}

.team_members.theme1 .member .image img{
	width: 100%;
}

.team_members.theme2 .member .image .overlay{
	position: absolute;
	left: 0;
	top: 18%;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c022600', endColorstr='#a6000000',GradientType=0 );
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.team_members.theme2 .member:hover .image .overlay{
	top: 0;
}

.team_members.theme2 .member .image .overlay .inner{
	position: absolute;
	left: 0;
	bottom: -35%;
	z-index: 6;
	padding: 20px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.team_members.theme2 .member .image .overlay .inner .name{
	font-weight: 400;
	margin-bottom: 5px;
}

.team_members.theme2 .member .image .overlay .inner .position{
	font-size: 15px;
	margin-bottom: 15px;
	letter-spacing: 2px;
	position: relative;
	padding-bottom: 10px;
}

.team_members.theme2 .member .image .overlay .inner .position:after{
	width: 0;
	height: 1px;
	left: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.2);
	content: '';
	position: absolute;
	-webkit-transition: all 450ms linear;
	-moz-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear;
}

.team_members.theme2 .member:hover .image .overlay .inner .position:after{
	transition-delay: 0.3s;
	width: 100%;
}

.team_members.theme2 .member .image .overlay .inner .icons{
	position: relative;
	-webkit-transform: translateY(40px);
	-ms-transform: translateY(40px);
	transform: translateY(40px);
	-webkit-transition: all 450ms linear;
	-moz-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear;
}

.team_members.theme2 .member:hover .image .overlay .inner .icons{
	transition-delay: 0.3s;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.team_members.theme2 .member .image .overlay .inner .icons a{
	color: #a1a1a1;
	text-decoration: none;
	display: inline-block;
	font-size: 17px;
}

.team_members.theme2 .member .image .overlay .inner .icons a + a{
	margin-left: 10px;
}

.team_members.theme2 .member:hover .image .overlay .inner{
	bottom: 0;
}

/*
===============================================
			11. Testimonials
===============================================
*/
.testimonials_box{
	padding: 50px;
	background: #ffffff;
	color: #333333;
}

.testimonials_slider .item{
	text-align: center;
	padding-bottom: 50px;
}

.testimonials_slider .item .text{
	position: relative;
	text-align: center;
	font-size: 17px;
	padding-bottom: 15px;
	margin-bottom: 50px;
	border-bottom: 1px solid #dedede;
}

.testimonials_slider .item img{
	width: auto;
	max-width: 100%;
}

.testimonials_slider .item .text .arrow {
	position: absolute;
	background: #ffffff;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.testimonials_slider .item .text .arrow:after,
.testimonials_slider .item .text .arrow:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.testimonials_slider .item .text .arrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}

.testimonials_slider .item .text .arrow:before {
	border-color: rgba(237, 237, 237, 0);
	border-top-color: #dedede;
	border-width: 21px;
	margin-left: -21px;
}

.testimonials_slider .item .bottom{
	text-align: left;
	display: inline-block;
	padding-left: 100px;
	min-height: 80px;
	position: relative;
}

.testimonials_slider .item .bottom img{
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
}

.testimonials_slider .item .bottom .source{
	margin-bottom: 5px;
	margin-top: 10px;
}

.testimonials_slider .item .bottom .from{
	font-size: 15px;
}

/*
===============================================
			12. Clients
===============================================
*/
.clients_list .item{
	padding: 30px;
}

.clients_list.theme1 .row:first-child{
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.clients_list.theme1 .row .item + .item{
	border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.clients_list .item{
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.clients_list .item:hover{
	background: rgba(0,0,0,0.15);
}

.clients_list .item img{
	display: block;
	width: initial !important;
	width: auto !important;
	max-width: 100%;
	overflow: hidden;
	margin: auto;
	cursor: pointer;
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter: gray;
  	-webkit-filter: grayscale(1);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.clients_list .item:hover {
	opacity: 1;
}

.clients_list .item:hover img {
	filter: none;
	-webkit-filter: grayscale(0);
}

/*
===============================================
			13. About Me Image
===============================================
*/
.about_me_image{
	position: relative;
}

.about_me_image img{
	border:10px solid #ffffff;
}

.about_me_image .overlay{
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	background: rgba(0, 0, 0, 0.25);
}

.about_me_image .overlay .inner{
	position: absolute;
	left: 0;
	bottom: 50px;
	width: 100%;
	text-align: center;
	letter-spacing: 4px;
}

.about_me_image .overlay .inner .name{
	margin-bottom: 20px;
}

.about_me_image .overlay .inner .description{
	margin: 0;
}

/*
===============================================
			14. Skills
===============================================
*/
.skills_list .skill{
	position: relative;
}

.skills_list .skill + .skill{
	margin-top: 40px;
}

.skills_list .skill .bar_outer{
	background: rgba(255, 255, 255, 0.2);
	height: 1px;
}

.skills_list .skill .bar_outer .bar_inner{
	background: rgba(255, 255, 255, 0.7);
	height: 1px;
	width: 0;
}

.skills_list .skill .percentage{
	position: absolute;
	right: 0;
	top: -5px;
	background: #5c0226;
	font-size: 12px;
	color: #ffffff;
	display: inline-block;
	padding: 0 5px;
	width: 40px;
	text-align: center;
}

/*
===============================================
			15. Hobbies
===============================================
*/
.hobbies_list .item + .item{
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	margin-top: 20px;
}

.hobbies_list .item .title{
	margin: 0;
}

/*
===============================================
			16. Personal Information
===============================================
*/
.personal_information{
	text-align: center;
}

.personal_information .row:nth-child(1) .item{
	padding-bottom: 20px;
}

.personal_information .row:nth-child(2) .item{
	padding-top: 20px;
}

.personal_information .item .title{
	color: #a1a1a1;
}

.personal_information .item .text{
	letter-spacing: 2px;
	font-family: 'Montserrat', sans-serif;
}

.personal_information .item .text a{
	color: #ffffff;
}

/*
===============================================
			17. Gallery Images
===============================================
*/
.gallery_items.clear:after{
	clear: both;
	content: '';
	display: block;
}

.gallery_items .item{
	position: relative;
	float: left;
}

.gallery_items.albums .item .side_item{
	position: absolute;
	top: 5px;
	height: calc(100% - 10px);
	width: 20px;
	z-index: -1;
	content: '';
	background: rgba(255,255,255,0.15);
	border-top: 1px solid rgba(255,255,255,0.4);
	border-bottom: 1px solid rgba(255,255,255,0.4);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.gallery_items.albums .item .side_item.prev{
	left: -5px;
	border-left: 1px solid rgba(255,255,255,0.4);
}

.gallery_items.albums .item .side_item.next{
	right: -5px;
	border-right: 1px solid rgba(255,255,255,0.4);
}

.gallery_items.albums .item:hover .side_item.prev{
	left: -15px;
}

.gallery_items.albums .item:hover .side_item.next{
	right: -15px;
}

.gallery_items .item .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
}

.gallery_items .item .image{
	position: relative;
}

.gallery_items.no_overflow_items .item .image{
	overflow: hidden;
}

.gallery_items .item .overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	content: '';
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.gallery_items .item:hover .overlay{
	opacity: 1;
	visibility: visible;
	z-index: 5;
}

.gallery_items .item .overlay .icons{
	position: absolute;
	left: 50%;
	top: 50% !important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.gallery_items .item .overlay .icon{
	display: inline-block;
	color: #dedede;
	border:2px solid #ffffff;
	text-decoration: none;
	font-size: 25px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 100%;
	text-align: center;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.gallery_items.small_icons .item .overlay .icons .icon{
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
}

.gallery_items .item .overlay .icon:nth-of-type(1){
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
}

.gallery_items .item:hover .overlay .icon:nth-of-type(1),
.gallery_items .item:hover .overlay .icon:nth-of-type(2){
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.gallery_items .item .overlay .icon:nth-of-type(2){
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
}

.gallery_items .item .overlay .icon + .icon{
	margin-left: 15px;
}

.gallery_items.small_icons .item .overlay .icon + .icon{
	margin-left: 5px;
}

.gallery_items .item .overlay .icon:hover{
	background: #ffffff;
	color: #111111;
}

.gallery_page{
	padding-bottom: 0 !important;
}

.gallery_items.horizontal .item .image,
.gallery_items.vertical .item .image{
	height: 100%;
}

.gallery_items.with_padding .item{
	padding: 20px;
}

.gallery_items.cols_6 .item{
	width: 16.6667%;
}

.gallery_items.cols_4 .item{
	width: 25%;
}

.gallery_items.cols_3 .item{
    width: 33.3333%;
}

.gallery_items.cols_2 .item{
    width: 50%;
}

.gallery_items.cols_1 .item{
	width: 100%;
}

.gallery_items .item .image .overlay .titles{
	position: absolute;
	left: 15px;
	bottom: 15px;
	z-index: 5;
}

.gallery_items .item .image .overlay .titles .title{
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.gallery_items .item .image .overlay .titles .title a{
	color: #ffffff;
	text-decoration: none;
}

.gallery_items .item:hover .image .overlay .titles .title{
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.gallery_items .item .image .overlay .titles .subtitle{
	-webkit-transform: translateX(-40px);
	-ms-transform: translateX(-40px);
	transform: translateX(-40px);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.gallery_items .item:hover .image .overlay .titles .subtitle{
	transition-delay: 0.1s;
	transition-timing-function: linear;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

/*
===============================================
			18. Portfolio
===============================================
*/
.portfolio_grid_filter{
	text-align: center;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
	font-size: 0;
}

.portfolio_grid_filter li{
	position: relative;
	font-size: 13px;
	display: inline-block;
	padding: 10px 15px;
	letter-spacing: 3px;
	color: #777777;
	cursor: pointer;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.portfolio_grid_filter li:hover,
.portfolio_grid_filter li.active{
	color: #ffffff;
}

.portfolio_grid_filter li:after{
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	content: '';
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.portfolio_grid_filter li.active:after,
.portfolio_grid_filter li:hover:after{
	opacity: 1;
	visibility: visible;
	z-index: 5;
}

/*
===============================================
			19. Portfolio Single
===============================================
*/

.portfolio_single .page_title{
	padding-bottom: 0 !important;
}

.portfolio_single .top_image{
	height: 600px;
	background-image:url(../img/portfolio/top.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box;
    position: relative;
}

.portfolio_single .top_image .info{
	position: absolute;
	left: 30px;
	bottom: 30px;
	max-width: 350px;
	height: auto;
	background: #0C0C0C;
	padding: 30px;
}

.portfolio_single .top_image .info .item + .item{
	margin-top: 15px;
}

.portfolio_single .top_image .info .item .name{
	color: #999999;
	letter-spacing: 2px;
}

.portfolio_single .top_image .info .item .value{
	letter-spacing: 3px;
	color: #555555;
}

.portfolio_single .top_image .info .item .value a{
	color: #ffffff;
}

.portfolio_single .top_image .social_icons{
	position: absolute;
	right: 30px;
	bottom: 30px;
	font-size: 0;
	background: #0C0C0C;
	padding: 30px;
}

.portfolio_single .top_image .social_icons a{
	display: inline-block;
	font-size: 25px;
	color: #ffffff;
	text-decoration: none;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
}

.portfolio_single .top_image .social_icons a + a{
	margin-left: 10px;
}

.portfolio_single .project_description{
	color: #999999;
	text-align: center;
}

.similar_projects_wrapper > .title{
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.similar_projects .item{
	padding: 5px !important;
}

.portfolio_single .project_actions{
	padding-top: 50px;
}

.portfolio_single .project_actions > div{
	text-align: center;
	padding: 0;
}

.portfolio_single .project_actions > div a{
	color: #999999;
	padding: 50px 15px;
	font-size: 30px;
	display: block;
	text-decoration: none;
}

.portfolio_single .project_actions > div a:hover{
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}

/*
===============================================
			20. Pricing
===============================================
*/
.pricing_tables .item_outer{
	padding-bottom: 30px;
}

.pricing_tables .item_outer .item{
	border:2px solid #ffffff;
	padding: 30px;
	text-align:center;
}

.pricing_tables .item_outer .item .title{
	margin-bottom: 50px;
	font-family: 'Playfair Display', sans-serif;
}

.pricing_tables .item_outer .item .price{
	margin-bottom: 50px;
}

.pricing_tables .item_outer .item .features{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	margin-bottom: 50px;
}

.pricing_tables .item_outer .item .features li{
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
}

/*
===============================================
			21. Half Boxes
===============================================
*/
.half_boxes .item .arrow{
	position: absolute;
	top: 50%;
	z-index: 5;
	background: #ffffff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.half_boxes .item .arrow.left{
	right: 0;
}

.half_boxes .item .arrow.left:after{
	right: 100%;
	border-right-color: #ffffff;
}

.half_boxes .item.bg2 .arrow.left:after{
	border-right-color: #f5f5f5;
}

.half_boxes .item .arrow.right{
	left: 0;
}

.half_boxes .item .arrow.right:after{
	left: 100%;
	border-left-color: #ffffff;
}

.half_boxes .item .arrow.right:after{
	border-left-color: #f5f5f5;
}

.half_boxes .item.bg2 .arrow{
	background: #f5f5f5;
}

.half_boxes .item .arrow:after {
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(237, 237, 237, 0);
	border-width: 30px;
	margin-top: -30px;
}

.half_boxes .item{
	padding: 0;
	background: #ffffff;
}

.half_boxes .item.bg2{
	background: #f5f5f5;
}

.half_boxes .item .image{
	position: relative;
	padding: 0;
}

.half_boxes .item .image .overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.half_boxes .item:hover .image .overlay{
	opacity: 1;
	visibility: visible;
	z-index: 3;
}

.half_boxes .item .body{
	position: relative;
	padding: 50px;
	color: #333333;
}

.half_boxes .item .body .title{
	text-transform: uppercase;
	line-height: 1.2;
	word-wrap: break-word;
}

.half_boxes .item .body .title a{
	color: #333333;
	text-decoration: none;
}

.half_boxes .item .body .name{
	color: #999999;
	letter-spacing: 2px;
	font-family: 'Montserrat', sans-serif;
}

.team_half_box > .title{
	text-align: center;
	margin-bottom: 50px;
}

/* centered page box */
.center_page{
	height: calc(100vh - 120px);
}

.page_404{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 0;
	width: 60%;
	text-align: center;
	padding: 150px;
	background: #ffffff;
	color: #333333;
	text-align: center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page_404 .title{
	font-size: 100px;
}

.page_404 .htitle{
	margin-bottom: 50px;
}

.page_404 .description{
	font-weight: 300;
	font-family: 'Raleway', sans-serif;
	line-height: 1.2;
}

.page_404 .social_icons{
	margin-top: 50px;
}

.page_404 .social_icons a{
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 100%;
	border:2px solid #dedede;
	color: #555555;
	text-decoration: none;
}

.page_404 .social_icons a:hover{
	color: #111111;
	border:2px solid transparent;
}

.page_404 .social_icons a + a{
	margin-left: 15px;
}

/*
===============================================
			22. Blog Posts
===============================================
*/
.blog_posts .post{
	text-align:center;
}
.blog_posts .post.single{
	text-align: left;
}

.blog_posts .post + .post{
	margin-top: 100px;
}

.blog_posts.grid .post + .post{
	margin-top: 0;
	margin-bottom: 100px;
}

.blog_posts.grid .post .bottom .separator{
	height: 30px;
}

.blog_posts .post .top{
	position: relative;
}

.blog_posts .post .top .video_overlay{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: rgba(0, 0, 0, 0.25);
}

.blog_posts .post .top .video_overlay a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 100px;
	z-index: 6;
	text-decoration: none;
	color: #999999;
	line-height: 100%;
}

.blog_posts .post .top:hover .video_overlay a{
	color: #ffffff;
}

.blog_posts .post .top .video_overlay a i{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 7;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.blog_posts .post .top blockquote{
	border:2px solid #ffffff;
	padding: 30px;
	margin-bottom: 0;
}

.blog_posts .post .top blockquote .quote_icon{
	font-size: 30px;
}

.blog_posts .post .top blockquote .source{
	color: #999999;
	font-style: italic;
}

.blog_posts .post .bottom{
	background: #ffffff;
	color: #333333;
	padding: 30px;
}

.blog_posts .post .bottom .title{
	margin-bottom: 30px;
}

.blog_posts .post .bottom .title a{
	color: #333333;
	text-decoration: none;
	line-height: 1.2;
}

.blog_posts .post .bottom .meta{
	margin-bottom: 15px;
	color: #777777;
	font-size: 15px;
	text-align: center;
}

.blog_posts .post .bottom .meta .item{
	display: inline-block;
}

.blog_posts .post .bottom .meta a{
	color: #777777;
	text-decoration: none;
}

.blog_posts .post .bottom .meta i{
	margin-right: 5px;
}

.blog_posts .post .bottom .meta .item + .item{
	margin-left: 10px;
}

.blog_posts .post .bottom .separator{
	width: 1px;
	height: 50px;
	margin: 20px auto;
	display: block;
	background: rgba(0, 0, 0, 0.15);
}

.blog_posts .post .bottom .excerpt{
	margin-top: 15px;
	font-size: 15px;
}

.blog_posts .post .bottom .actions{
	margin-top: 30px;
}

.blog_posts .post .post_body{
	font-size: 15px;
	text-align: left;
}

.blog_posts .post .post_body .gallery_items{
	background: #f5f5f5;
	margin: 30px 0;
}

.blog_posts .post .post_body p{
	margin: 20px 0;
}

.blog_posts .post .tags{
	margin: 30px 0;
	text-align: left;
}

.blog_posts .post .tags a{
	background: #f5f5f5;
	color: #555555;
	padding: 5px 10px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

.blog_posts .post .tags a + a{
	margin-left: 5px;
}

.blog_posts .post .tags a:hover{
	color: #ffffff;
}

.blog_posts .post .share{
	padding: 15px 0;
	margin: 30px 0;
	border-top: 2px solid #333333;
	border-bottom: 2px solid #333333;
}

.blog_posts .post .share:after{
	clear: both;
	display: block;
	content: '';
}

.blog_posts .post .share .title{
	margin: 0;
	margin-top: 10px;
}

.blog_posts .post .share .icons a{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	border:2px solid #f5f5f5;
	text-decoration: none;
	text-align:center;
	color: #555555;
}

.blog_posts .post .share .icons a:hover{
	border-color: transparent;
}

.blog_posts .post .share .icons a + a{
	margin-left: 15px;
}

.blog_posts .post .about_author{
	position: relative;
	background: #111111;
	padding: 30px;
	margin: 30px 0;
	color: #ffffff;
}

.blog_posts .post .about_author:after{
	clear: both;
	display: block;
	content: '';
}

.blog_posts .post .about_author img{
	float: left;
	width: 150px;
}

.blog_posts .post .about_author .body{
	padding-left: 180px;
}

.blog_posts .post .about_author .body .icons{
	margin-top: 10px;
}

.blog_posts .post .about_author .body .icons a{
	color: #a1a1a1;
	text-decoration: none;
}

.blog_posts .post .about_author .body .icons a + a{
	margin-left: 15px;
}

.blog_posts .post #comments{
	text-align: left;
	margin: 40px 0;
}

.blog_posts .post #comments > .title{
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ededed;
}

.blog_posts .post #comments .comments_list{
	padding: 0;
	margin: 0;
	list-style: none;
}

.blog_posts .post #comments .comments_list .comment .comment_inner{
	position: relative;
	padding: 25px 0;
	border-bottom: 1px solid #f4f4f4;
}

.blog_posts .post #comments .comments_list .comment .comment_inner img{
	position: absolute;
	left: 0;
	top: 25px;
	width: 80px;
	height: 80px;
}

.blog_posts .post #comments .comments_list .comment .comment_inner .body{
	padding-left: 100px;
}

.blog_posts .post #comments .comments_list .comment .comment_inner .body .name{
	margin-bottom: 5px;
}

.blog_posts .post #comments .comments_list .comment .comment_inner .body .date{
	color: #999999;
	font-style: italic;
	margin-bottom: 10px;
}

.blog_posts .post #comments .comments_list .comment .comment_inner .body .text{
	margin-bottom: 15px;
}

.blog_posts .post #comments .comments_list .comment .children{
	padding: 0;
	margin: 0;
	list-style: none;
	padding-left: 100px;
}

.blog_posts .post .comment_form{
	text-align: left;
}

.blog_posts .post .comment_form .title{
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ededed;
}

.blog_posts .post .comment_form .form .input{
	margin-bottom: 20px;
}

.blog_posts .post .comment_form .form .input input,
.blog_posts .post .comment_form .form .input textarea{
	padding: 10px;
	width: 100%;
	border: 2px solid #ededed;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.blog_posts .post .comment_form .form .input textarea{
	min-height: 150px;
}

.blog_posts .post .comment_form .form .input input:hover,
.blog_posts .post .comment_form .form .input textarea:hover,
.blog_posts .post .comment_form .form .input input:focus,
.blog_posts .post .comment_form .form .input textarea:focus{
	border:2px solid #111111;
}

/*
===============================================
			23. Blog Sidebar
===============================================
*/
.blog_sidebar .widgetbox{
	background: #ffffff;
	color: #333333;
	padding: 30px;
}

.blog_sidebar .widgetbox > .title{
	margin-bottom: 30px;
}

.blog_sidebar .widgetbox + .widgetbox{
	margin-top: 30px;
}

.blog_sidebar .widgetbox.search form input{
	width: 100%;
	border:2px solid #bebebe;
	padding: 10px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.blog_sidebar .widgetbox.search form input:hover,
.blog_sidebar .widgetbox.search form input:focus{
	border-color:#111111;
}

.blog_sidebar .widgetbox ul.categories{
	list-style: none;
	padding: 0;
	margin: 0;
}

.blog_sidebar .widgetbox ul.categories li{
	display: block;
}

.blog_sidebar .widgetbox ul.categories li + li{
	margin-top: 15px;
}

.blog_sidebar .widgetbox ul.categories li a{
	display: block;
	color: #333333;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
}

.blog_sidebar .widgetbox ul.categories li a .total{
	display: inline-block;
	float: right;
	background: #ededed;
	font-size: 11px;
	padding: 2px 10px;
	text-align:center;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.blog_sidebar .widgetbox ul.categories li a:hover .total{
	color: #ffffff;
}

.blog_sidebar .widgetbox .social_icons a{
	display: inline-block;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #666666;
	text-align: center;
	font-size: 16px;
	border-radius: 100%;
	text-decoration: none;
}

.blog_sidebar .widgetbox .recent_posts .post{
	position: relative;
}

.blog_sidebar .widgetbox .recent_posts .post + .post{
	margin-top: 30px;
}

.blog_sidebar .widgetbox .recent_posts .post img{
	float: left;
	width: 100px;
}

.blog_sidebar .widgetbox .recent_posts .post .body{
	padding-left: 120px;
}

.blog_sidebar .widgetbox .recent_posts .post .title{
	margin-bottom: 5px;
	line-height: 1.2;
}

.blog_sidebar .widgetbox .recent_posts .post a{
	text-decoration: none;
	color: #333333;
}

.blog_sidebar .widgetbox .recent_posts .post .date{
	color: #999999;
}

.blog_sidebar .widgetbox .flickr_social_stream:after{
	content: '';
	clear: both;
	display: block;
}

.blog_sidebar .widgetbox .flickr_social_stream > div{
	width: 33.3333%;
	float: left;
}

.blog_sidebar .widgetbox .flickr_social_stream > div img{
	width: 100%;
}

.blog_sidebar .widgetbox .tags a{
	display: inline-block;
	padding: 9px 12px;
	border:2px solid #dedede;
	text-decoration: none;
	margin-bottom: 5px;
	margin-right: 2px;
	color: #888888;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

.blog_sidebar .widgetbox .tags a:hover{
	color: #ffffff;
	border-color: transparent;
}

/*
===============================================
			24. Contact
===============================================
*/
.contact_page_box > .title{
	margin-bottom: 30px;
}

.contact_info{
	background: #ffffff;
	color: #333333;
	padding: 30px;
	text-align: center;
}

.contact_info .item{
	font-size: 15px;
}

.contact_info .item a{
	color: #333333;
}

.contact_info .item i{
	font-size: 25px;
}

.contact_info .item + .item{
	margin-top: 30px;
}

.contact_form .inputfield{
	width: 100%;
	margin-bottom: 20px;
	border: 2px solid #ffffff;
	background: transparent;
	color: #ffffff;
	padding: 10px;
	letter-spacing: 1px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.contact_form .inputfield:hover,
.contact_form .inputfield:focus{
	background: #ffffff;
	color: #333333;
}

.contact_form .inputfield.contains_error{
	border:2px solid #ff0000;
}

.contact_form textarea{
	min-height: 180px;
}

.contact_form button{
	background: transparent;
	margin-bottom: 30px;
}

.contact_form .messages{
	border-top:1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.contact_form .messages.visible{
	opacity: 1;
	visibility: visible;
	z-index: 5;
}

.google_map{
	display: block;
	height: 500px;
	color: #333333;
}

.google_map_box .theme{
	display: none;
}

/*
===============================================
			25. Footer
===============================================
*/
footer{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 15;
	width: 100%;
	padding: 0 60px;
	background: #5c0226;
	color: #999999;
	height: 60px;
	line-height: 60px;
}

footer:after{
	clear: both;
	display: block;
	content: '';
}

footer .copyright{
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 2px;
	font-family: 'Montserrat', sans-serif;
}

footer .copyright,
footer .copyright a{
	color: #999999;
}

footer .copyright a:hover{
	color: #ffffff;
}

footer .social_icons{
	font-size: 0;
	padding-top: 6px;
}

footer .social_icons a{
	display: inline-block;
	font-size: 15px;
	color: #999999;
	text-align: center;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 100%;
	text-decoration: none;
}

footer .social_icons a + a{
	margin-left: 5px;
}

/*
===============================================
			26. Page Light Background
===============================================
*/
.page_box_outer.light_bg{
	color: #333333;
}

.page_box_outer.light_bg > .overlay{
	background: rgba(255,255,255,0.75);
}

.page_box_outer.light_bg .about_me_image{
	color: #ffffff;
}

.page_box_outer.light_bg .personal_information .item .title{
	color: #5c0226;
}

.page_box_outer.light_bg .personal_information .item .text,
.page_box_outer.light_bg .personal_information .item a{
	color: #666666;
}

.page_box_outer.light_bg .skills_list .skill .bar_outer{
	background: rgba(0, 0, 0, 0.2);
}

.page_box_outer.light_bg .hobbies_list .item + .item{
	border-color: rgba(0, 0, 0, 0.2);
}

.page_box_outer.light_bg .gallery_items.albums .item .side_item.prev,
.page_box_outer.light_bg .gallery_items.albums .item .side_item.next{
	border-color: rgba(0, 0, 0, 0.4);
}

.page_box_outer.light_bg .portfolio_grid_filter li{
	color: #777777;
	border-color: rgba(0, 0, 0, 0.1);
}

.page_box_outer.light_bg .portfolio_grid_filter li:hover,
.page_box_outer.light_bg .portfolio_grid_filter li.active{
	color: #5c0226;
}

.page_box_outer.light_bg .portfolio_single .project_description{
	color: #666666;
}

.page_box_outer.light_bg .team_members.theme1 .member .overlay .inner .name{
	color: #ffffff;
}

.page_box_outer.light_bg .pricing_tables .item_outer .item{
	border-color: #333333;
}

.page_box_outer.light_bg .pricing_tables .item_outer .item .actions a,
.page_box_outer.light_bg .project_actions a{
	border-color: #333333;
	color: #333333;
}

.page_box_outer.light_bg .team_members.theme2 .member .image .overlay .inner{
	color: #ffffff;
}

.page_box_outer.light_bg .accordion .panel{
	border-color: #333333;
}

.page_box_outer.light_bg .accordion .panel .panel-collapse{
	color: #333333;
}

.page_box_outer.light_bg .accordion .panel .panel-heading a{
	background: transparent;
}

.page_box_outer.light_bg .tabs .nav-tabs li a{
	color: #333333 !important;
}

.page_box_outer.light_bg .tabs .nav-tabs li a:hover,
.page_box_outer.light_bg .tabs .nav-tabs li.active a{
	color: #ffffff !important;
}

.page_box_outer.light_bg .pagination li a{
	color: #333333 !important;
	border-color:#ffffff;
}

.page_box_outer.light_bg .pagination li a:hover,
.page_box_outer.light_bg .pagination li.active a{
	color: #ffffff !important;
	border-color: transparent;
}

.page_box_outer.light_bg:not(.single_post) .page_title .title:after{
	background: rgba(0, 0, 0, 0.2);
}

.page_box_outer.single_post.light_bg .page_title .subtitle{
	color: #ffffff;
}

/*
===============================================
			27. Themes
===============================================
*/

/* THEME 1 */

body.theme1 .left_page_sidebar a:hover,
body.theme1 header ul.navigation li .dropdown li a:hover,
body.theme1 header ul.navigation li:hover > a,
body.theme1 header ul.navigation li.active > a,
body.theme1 .counters .item:hover i,
body.theme1 .services.theme2 .item:hover i,
body.theme1 .gallery_items .item .image .overlay .titles .title a:hover,
body.theme1 .half_boxes .item .body .title a:hover,
body.theme1 .services.theme3 .image .overlay .title a:hover,
body.theme1 .blog_posts .post .bottom .title a:hover,
body.theme1 .blog_sidebar .widgetbox ul.categories li a:hover,
body.theme1 .blog_sidebar .widgetbox .recent_posts .post a:hover,
body.theme1 .page_title .title a:hover,
body.theme1 .blog_posts .post .bottom .meta a:hover{
	color:#ffebeb;
}

.theme_configs .themes .theme1,
body.theme1 .button:hover,
body.theme1 .team_members.theme1 .member:hover .overlay .position,
body.theme1 .portfolio_grid_filter li:after,
body.theme1 .countdown_timers > .simply-section,
body.theme1 .tabs .nav-tabs li.active a,
body.theme1 .tabs .nav-tabs li a:hover,
body.theme1 .pagination li.active a,
body.theme1 .pagination li:hover a,
body.theme1 .blog_sidebar .widgetbox ul.categories li a:hover .total,
body.theme1 .blog_sidebar .widgetbox .tags a:hover,
body.theme1 .blog_posts .post .tags a:hover,
body.theme1 .skills_list .skill .bar_outer .bar_inner{
	background: #ffebeb;
}

body.theme1 .accordion .panel .panel-heading a:hover,
body.theme1 .accordion .panel.active .panel-heading a{
	background: #5c0226 !important;
}

body.theme1 header ul.navigation li .dropdown{
	border-top:1px solid #ffebeb;
}

/* THEME 2 */

body.theme2 .left_page_sidebar a:hover,
body.theme2 header ul.navigation li .dropdown li a:hover,
body.theme2 header ul.navigation li:hover > a,
body.theme2 header ul.navigation li.active > a,
body.theme2 .counters .item:hover i,
body.theme2 .services.theme2 .item:hover i,
body.theme2 .gallery_items .item .image .overlay .titles .title a:hover,
body.theme2 .half_boxes .item .body .title a:hover,
body.theme2 .services.theme3 .image .overlay .title a:hover,
body.theme2 .blog_posts .post .bottom .title a:hover,
body.theme2 .blog_sidebar .widgetbox ul.categories li a:hover,
body.theme2 .blog_sidebar .widgetbox .recent_posts .post a:hover,
body.theme2 .page_title .title a:hover,
body.theme2 .blog_posts .post .bottom .meta a:hover{
	color:#0087e0;
}

.theme_configs .themes .theme2,
body.theme2 .button:hover,
body.theme2 .team_members.theme1 .member:hover .overlay .position,
body.theme2 .portfolio_grid_filter li:after,
body.theme2 .countdown_timers > .simply-section,
body.theme2 .tabs .nav-tabs li.active a,
body.theme2 .tabs .nav-tabs li a:hover,
body.theme2 .pagination li.active a,
body.theme2 .pagination li:hover a,
body.theme2 .blog_sidebar .widgetbox ul.categories li a:hover .total,
body.theme2 .blog_sidebar .widgetbox .tags a:hover,
body.theme2 .blog_posts .post .tags a:hover,
body.theme2 .skills_list .skill .bar_outer .bar_inner{
	background: #0087e0;
}

body.theme2 .accordion .panel .panel-heading a:hover,
body.theme2 .accordion .panel.active .panel-heading a{
	background: #0087e0 !important;
}

body.theme2 header ul.navigation li .dropdown{
	border-top:1px solid #0087e0;
}

/* THEME 3 */

body.theme3 .left_page_sidebar a:hover,
body.theme3 header ul.navigation li .dropdown li a:hover,
body.theme3 header ul.navigation li:hover > a,
body.theme3 header ul.navigation li.active > a,
body.theme3 .counters .item:hover i,
body.theme3 .services.theme2 .item:hover i,
body.theme3 .gallery_items .item .image .overlay .titles .title a:hover,
body.theme3 .half_boxes .item .body .title a:hover,
body.theme3 .services.theme3 .image .overlay .title a:hover,
body.theme3 .blog_posts .post .bottom .title a:hover,
body.theme3 .blog_sidebar .widgetbox ul.categories li a:hover,
body.theme3 .blog_sidebar .widgetbox .recent_posts .post a:hover,
body.theme3 .page_title .title a:hover,
body.theme3 .blog_posts .post .bottom .meta a:hover{
	color:#A08600;
}

.theme_configs .themes .theme3,
body.theme3 .button:hover,
body.theme3 .team_members.theme1 .member:hover .overlay .position,
body.theme3 .portfolio_grid_filter li:after,
body.theme3 .countdown_timers > .simply-section,
body.theme3 .tabs .nav-tabs li.active a,
body.theme3 .tabs .nav-tabs li a:hover,
body.theme3 .pagination li.active a,
body.theme3 .pagination li:hover a,
body.theme3 .blog_sidebar .widgetbox ul.categories li a:hover .total,
body.theme3 .blog_sidebar .widgetbox .tags a:hover,
body.theme3 .blog_posts .post .tags a:hover,
body.theme3 .skills_list .skill .bar_outer .bar_inner{
	background: #A08600;
}

body.theme3 .accordion .panel .panel-heading a:hover,
body.theme3 .accordion .panel.active .panel-heading a{
	background: #A08600 !important;
}

body.theme3 header ul.navigation li .dropdown{
	border-top:1px solid #A08600;
}

/* THEME 4 */

body.theme4 .left_page_sidebar a:hover,
body.theme4 header ul.navigation li .dropdown li a:hover,
body.theme4 header ul.navigation li:hover > a,
body.theme4 header ul.navigation li.active > a,
body.theme4 .counters .item:hover i,
body.theme4 .services.theme2 .item:hover i,
body.theme4 .gallery_items .item .image .overlay .titles .title a:hover,
body.theme4 .half_boxes .item .body .title a:hover,
body.theme4 .services.theme3 .image .overlay .title a:hover,
body.theme4 .blog_posts .post .bottom .title a:hover,
body.theme4 .blog_sidebar .widgetbox ul.categories li a:hover,
body.theme4 .blog_sidebar .widgetbox .recent_posts .post a:hover,
body.theme4 .page_title .title a:hover,
body.theme4 .blog_posts .post .bottom .meta a:hover{
	color:#0B7900;
}

.theme_configs .themes .theme4,
body.theme4 .button:hover,
body.theme4 .team_members.theme1 .member:hover .overlay .position,
body.theme4 .portfolio_grid_filter li:after,
body.theme4 .countdown_timers > .simply-section,
body.theme4 .tabs .nav-tabs li.active a,
body.theme4 .tabs .nav-tabs li a:hover,
body.theme4 .pagination li.active a,
body.theme4 .pagination li:hover a,
body.theme4 .blog_sidebar .widgetbox ul.categories li a:hover .total,
body.theme4 .blog_sidebar .widgetbox .tags a:hover,
body.theme4 .blog_posts .post .tags a:hover,
body.theme4 .skills_list .skill .bar_outer .bar_inner{
	background: #0B7900;
}

body.theme4 .accordion .panel .panel-heading a:hover,
body.theme4 .accordion .panel.active .panel-heading a{
	background: #0B7900 !important;
}

body.theme4 header ul.navigation li .dropdown{
	border-top:1px solid #0B7900;
}

/* THEME 5 */

body.theme5 .left_page_sidebar a:hover,
body.theme5 header ul.navigation li .dropdown li a:hover,
body.theme5 header ul.navigation li:hover > a,
body.theme5 header ul.navigation li.active > a,
body.theme5 .counters .item:hover i,
body.theme5 .services.theme2 .item:hover i,
body.theme5 .gallery_items .item .image .overlay .titles .title a:hover,
body.theme5 .half_boxes .item .body .title a:hover,
body.theme5 .services.theme3 .image .overlay .title a:hover,
body.theme5 .blog_posts .post .bottom .title a:hover,
body.theme5 .blog_sidebar .widgetbox ul.categories li a:hover,
body.theme5 .blog_sidebar .widgetbox .recent_posts .post a:hover,
body.theme5 .page_title .title a:hover,
body.theme5 .blog_posts .post .bottom .meta a:hover{
	color:#5c0226;
}

.theme_configs .themes .theme5,
body.theme5 .button:hover,
body.theme5 .team_members.theme1 .member:hover .overlay .position,
body.theme5 .portfolio_grid_filter li:after,
body.theme5 .countdown_timers > .simply-section,
body.theme5 .tabs .nav-tabs li.active a,
body.theme5 .tabs .nav-tabs li a:hover,
body.theme5 .pagination li.active a,
body.theme5 .pagination li:hover a,
body.theme5 .blog_sidebar .widgetbox ul.categories li a:hover .total,
body.theme5 .blog_sidebar .widgetbox .tags a:hover,
body.theme5 .blog_posts .post .tags a:hover,
body.theme5 .skills_list .skill .bar_outer .bar_inner{
	background: #5c0226;
}

body.theme5 .accordion .panel .panel-heading a:hover,
body.theme5 .accordion .panel.active .panel-heading a{
	background: #5c0226 !important;
}

body.theme5 header ul.navigation li .dropdown{
	border-top:1px solid #5c0226;
}

/* THEME 6 */

body.theme6 .left_page_sidebar a:hover,
body.theme6 header ul.navigation li .dropdown li a:hover,
body.theme6 header ul.navigation li:hover > a,
body.theme6 header ul.navigation li.active > a,
body.theme6 .counters .item:hover i,
body.theme6 .services.theme2 .item:hover i,
body.theme6 .gallery_items .item .image .overlay .titles .title a:hover,
body.theme6 .half_boxes .item .body .title a:hover,
body.theme6 .services.theme3 .image .overlay .title a:hover,
body.theme6 .blog_posts .post .bottom .title a:hover,
body.theme6 .blog_sidebar .widgetbox ul.categories li a:hover,
body.theme6 .blog_sidebar .widgetbox .recent_posts .post a:hover,
body.theme6 .page_title .title a:hover,
body.theme6 .blog_posts .post .bottom .meta a:hover{
	color:#CE2F86;
}

.theme_configs .themes .theme6,
body.theme6 .button:hover,
body.theme6 .team_members.theme1 .member:hover .overlay .position,
body.theme6 .portfolio_grid_filter li:after,
body.theme6 .countdown_timers > .simply-section,
body.theme6 .tabs .nav-tabs li.active a,
body.theme6 .tabs .nav-tabs li a:hover,
body.theme6 .pagination li.active a,
body.theme6 .pagination li:hover a,
body.theme6 .blog_sidebar .widgetbox ul.categories li a:hover .total,
body.theme6 .blog_sidebar .widgetbox .tags a:hover,
body.theme6 .blog_posts .post .tags a:hover,
body.theme6 .skills_list .skill .bar_outer .bar_inner{
	background: #CE2F86;
}

body.theme6 .accordion .panel .panel-heading a:hover,
body.theme6 .accordion .panel.active .panel-heading a{
	background: #CE2F86 !important;
}

body.theme6 header ul.navigation li .dropdown{
	border-top:1px solid #CE2F86;
}

/* THEME 7 */

body.theme7 .left_page_sidebar a:hover,
body.theme7 header ul.navigation li .dropdown li a:hover,
body.theme7 header ul.navigation li:hover > a,
body.theme7 header ul.navigation li.active > a,
body.theme7 .counters .item:hover i,
body.theme7 .services.theme2 .item:hover i,
body.theme7 .gallery_items .item .image .overlay .titles .title a:hover,
body.theme7 .half_boxes .item .body .title a:hover,
body.theme7 .services.theme3 .image .overlay .title a:hover,
body.theme7 .blog_posts .post .bottom .title a:hover,
body.theme7 .blog_sidebar .widgetbox ul.categories li a:hover,
body.theme7 .blog_sidebar .widgetbox .recent_posts .post a:hover,
body.theme7 .page_title .title a:hover,
body.theme7 .blog_posts .post .bottom .meta a:hover{
	color:#111111;
}

.theme_configs .themes .theme7,
body.theme7 .button:hover,
body.theme7 .team_members.theme1 .member:hover .overlay .position,
body.theme7 .portfolio_grid_filter li:after,
body.theme7 .countdown_timers > .simply-section,
body.theme7 .tabs .nav-tabs li.active a,
body.theme7 .tabs .nav-tabs li a:hover,
body.theme7 .pagination li.active a,
body.theme7 .pagination li:hover a,
body.theme7 .blog_sidebar .widgetbox ul.categories li a:hover .total,
body.theme7 .blog_sidebar .widgetbox .tags a:hover,
body.theme7 .blog_posts .post .tags a:hover,
body.theme7 .skills_list .skill .bar_outer .bar_inner{
	background: #111111;
}

body.theme7 .accordion .panel .panel-heading a:hover,
body.theme7 .accordion .panel.active .panel-heading a{
	background: #111111 !important;
}

body.theme7 header ul.navigation li .dropdown{
	border-top:1px solid #111111;
}

/* THEME 8 */

body.theme8 .left_page_sidebar a:hover,
body.theme8 header ul.navigation li .dropdown li a:hover,
body.theme8 header ul.navigation li:hover > a,
body.theme8 header ul.navigation li.active > a,
body.theme8 .counters .item:hover i,
body.theme8 .services.theme2 .item:hover i,
body.theme8 .gallery_items .item .image .overlay .titles .title a:hover,
body.theme8 .half_boxes .item .body .title a:hover,
body.theme8 .services.theme3 .image .overlay .title a:hover,
body.theme8 .blog_posts .post .bottom .title a:hover,
body.theme8 .blog_sidebar .widgetbox ul.categories li a:hover,
body.theme8 .blog_sidebar .widgetbox .recent_posts .post a:hover,
body.theme8 .page_title .title a:hover,
body.theme8 .blog_posts .post .bottom .meta a:hover{
	color:#EF6309;
}

.theme_configs .themes .theme8,
body.theme8 .button:hover,
body.theme8 .team_members.theme1 .member:hover .overlay .position,
body.theme8 .portfolio_grid_filter li:after,
body.theme8 .countdown_timers > .simply-section,
body.theme8 .tabs .nav-tabs li.active a,
body.theme8 .tabs .nav-tabs li a:hover,
body.theme8 .pagination li.active a,
body.theme8 .pagination li:hover a,
body.theme8 .blog_sidebar .widgetbox ul.categories li a:hover .total,
body.theme8 .blog_sidebar .widgetbox .tags a:hover,
body.theme8 .blog_posts .post .tags a:hover,
body.theme8 .skills_list .skill .bar_outer .bar_inner{
	background: #EF6309;
}

body.theme8 .accordion .panel .panel-heading a:hover,
body.theme8 .accordion .panel.active .panel-heading a{
	background: #EF6309 !important;
}

body.theme8 header ul.navigation li .dropdown{
	border-top:1px solid #EF6309;
}

/* THEME 9 */

body.theme9 .left_page_sidebar a:hover,
body.theme9 header ul.navigation li .dropdown li a:hover,
body.theme9 header ul.navigation li:hover > a,
body.theme9 header ul.navigation li.active > a,
body.theme9 .counters .item:hover i,
body.theme9 .services.theme2 .item:hover i,
body.theme9 .gallery_items .item .image .overlay .titles .title a:hover,
body.theme9 .half_boxes .item .body .title a:hover,
body.theme9 .services.theme3 .image .overlay .title a:hover,
body.theme9 .blog_posts .post .bottom .title a:hover,
body.theme9 .blog_sidebar .widgetbox ul.categories li a:hover,
body.theme9 .blog_sidebar .widgetbox .recent_posts .post a:hover,
body.theme9 .page_title .title a:hover,
body.theme9 .blog_posts .post .bottom .meta a:hover{
	color:#25A38A;
}

.theme_configs .themes .theme9,
body.theme9 .button:hover,
body.theme9 .team_members.theme1 .member:hover .overlay .position,
body.theme9 .portfolio_grid_filter li:after,
body.theme9 .countdown_timers > .simply-section,
body.theme9 .tabs .nav-tabs li.active a,
body.theme9 .tabs .nav-tabs li a:hover,
body.theme9 .pagination li.active a,
body.theme9 .pagination li:hover a,
body.theme9 .blog_sidebar .widgetbox ul.categories li a:hover .total,
body.theme9 .blog_sidebar .widgetbox .tags a:hover,
body.theme9 .blog_posts .post .tags a:hover,
body.theme9 .skills_list .skill .bar_outer .bar_inner{
	background: #25A38A;
}

body.theme9 .accordion .panel .panel-heading a:hover,
body.theme9 .accordion .panel.active .panel-heading a{
	background: #25A38A !important;
}

body.theme9 header ul.navigation li .dropdown{
	border-top:1px solid #25A38A;
}

/* THEME 10 */

body.theme10 .left_page_sidebar a:hover,
body.theme10 header ul.navigation li .dropdown li a:hover,
body.theme10 header ul.navigation li:hover > a,
body.theme10 header ul.navigation li.active > a,
body.theme10 .counters .item:hover i,
body.theme10 .services.theme2 .item:hover i,
body.theme10 .gallery_items .item .image .overlay .titles .title a:hover,
body.theme10 .half_boxes .item .body .title a:hover,
body.theme10 .services.theme3 .image .overlay .title a:hover,
body.theme10 .blog_posts .post .bottom .title a:hover,
body.theme10 .blog_sidebar .widgetbox ul.categories li a:hover,
body.theme10 .blog_sidebar .widgetbox .recent_posts .post a:hover,
body.theme10 .page_title .title a:hover,
body.theme10 .blog_posts .post .bottom .meta a:hover{
	color:#A2121D;
}

.theme_configs .themes .theme10,
body.theme10 .button:hover,
body.theme10 .team_members.theme1 .member:hover .overlay .position,
body.theme10 .portfolio_grid_filter li:after,
body.theme10 .countdown_timers > .simply-section,
body.theme10 .tabs .nav-tabs li.active a,
body.theme10 .tabs .nav-tabs li a:hover,
body.theme10 .pagination li.active a,
body.theme10 .pagination li:hover a,
body.theme10 .blog_sidebar .widgetbox ul.categories li a:hover .total,
body.theme10 .blog_sidebar .widgetbox .tags a:hover,
body.theme10 .blog_posts .post .tags a:hover,
body.theme10 .skills_list .skill .bar_outer .bar_inner{
	background: #A2121D;
}

body.theme10 .accordion .panel .panel-heading a:hover,
body.theme10 .accordion .panel.active .panel-heading a{
	background: #A2121D !important;
}

body.theme10 header ul.navigation li .dropdown{
	border-top:1px solid #A2121D;
}


/*
===============================================
			28. Media Queries
===============================================
*/

@media only screen and (min-width: 1200px){
	.container {
	    min-width: 970px;
	    max-width: 1170px;
	    width: auto;
	}
}

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

	.gallery_items .item .overlay .icon{
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 20px;
	}

	.gallery_items .item .overlay .icons{
		top:40%;
	}

	.gallery_items.cols_4 .item{
		width: 50%;
	}

	.gallery_items.cols_3 .item{
	    width: 50%;
	}

}

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

	#wrapper{
		margin-bottom: 0 !important;
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	}

	.left_page_sidebar,
	.right_page_sidebar{
		display: none;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
	}

	.page_box_outer > .overlay{
		left: 0;
		right: 0;
		bottom: 0;
	}

	.page_box_outer > .inner > .container,
	.page_box_outer > .inner > .container-fluid{
		padding: 0;
	}

	.bg_slideshow .swiper-slide.active .details:before,
	.bg_slideshow .swiper-slide.active .details:after{
		height: 100%;
		top: 0%;
	}

	.gallery_items .item{
		width: 50%;
	}

	.gallery_items.cols_4 .item{
		width: 50%;
	}

	.gallery_items.cols_3 .item{
	    width: 50%;
	}

	.services.theme1 .item_outer{
		padding: 0 !important;
	}

	.services.theme1 .item .overlay .title{
		left: 50% !important;
		right: auto !important;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	}

	.personal_information .row .item{
		padding-top: 0 !important;
		padding-bottom: 20px;
	}

	.services.theme2 .item{
		margin-bottom: 30px;
	}

	.hobbies_outer{
		margin-top: 60px;
	}

	.pricing_tables .item_outer + .item_outer{
		margin-top: 30px; 
	}

	.services.theme3 .item_outer{
		margin-bottom: 30px;
	}

	.half_boxes .item .arrow.left{
		left: 50%;
		right: 0;
		top: 100%;
	}

	.half_boxes .item .arrow.left:after{
		margin-top: -60px;
		border-right-color: transparent;
		border-bottom-color: #ffffff;
		right: calc(100% - 30px);
	}

	.half_boxes .item.bg2 .arrow.left:after{
		border-bottom-color: #f5f5f5;
	}

	.half_boxes .item .arrow.right{
		left: 0;
		right: 50%;
		top: 0;
	}

	.half_boxes .item .arrow.right:after{
		border-left-color: transparent;
		border-top-color: #ffffff;
		margin-top: 0px;
		left: calc(100% - 30px);
	}

	.half_boxes .item.bg2 .arrow.right:after{
		border-top-color: #f5f5f5;
	}

	.page_404{
		padding: 30px;
	}

	.page_404 .title{
		font-size: 30px;
	}

	.countdown_timers > .simply-section{
		float: none;
		display: inline-block;
	}

	.goto_top_btn{
		border-color: transparent;
		background: #ffffff;
		color: #333333;
		right: 30px;
		bottom: 30px;
		top: auto;
		left: auto;
	}

	.goto_top_btn:hover{
		background: #5c0226;
		color: #ffffff;
	}

	.typography_buttons a{
		margin-bottom: 20px;
		margin-left: 20px;
	}

	.blog_sidebar{
		margin-top: 60px;
	}

	.contact_page_box{
		margin-bottom: 60px;
	}

	.team_members.theme1 .member{
		margin-bottom: 30px;
	}

	header .navigation{
		opacity: 0;
		visibility: hidden;
		z-index: -1;
	}

	header .navigation > li.logo{
		display: none;
	}

	header .mobile_logo{
		display: inline-block;
		margin-left: 15px;
		margin-top: 15px;
	}

	header .mobile_nav_toggle{
		display: inline-block;
	}

	footer{
		z-index: 7;
		position: relative;
		height: auto;
		line-height: 1.8;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		padding: 30px;
		text-align: center;
	}

	footer .copyright{
		margin-bottom: 30px;
	}

	footer .copyright,
	footer .social_icons{
		float: none !important;
		display: block;
	}

	.page_box_outer{
		padding: 0 15px;
	}

}

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

	.page_title .title{
		font-size: 35px;
	}

	.bg_slideshow .swiper-slide .details .title,
	.fullscreen_background_image .overlay .inner .title,
	.fullscreen_video_wrapper .overlay .inner .title{
		font-size: 25px;
	}

	.bg_slideshow .swiper-slide .details .subtitle,
	.fullscreen_background_image .overlay .inner .subtitle,
	.fullscreen_video_wrapper .overlay .inner .subtitle{
		font-size: 13px;
	}

	.bg_slideshow .swiper-slide .details:before,
	.bg_slideshow .swiper-slide .details:after{
		display: none;
	}

	a.swiper-nav.arrow-left{
		left: 0;
	}

	a.swiper-nav.arrow-right{
		right: 0;
	}

	.portfolio_grid_filter li{
		display: block;
	}

	.portfolio_single .top_image .info{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		display: inline-block;
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.portfolio_single .top_image .social_icons{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		display: inline-block;
		margin-left: 15px;
		margin-right: 15px;
	}

	.portfolio_single .top_image{
		text-align: center;
	}

	.team_members.theme2 .member .image .overlay .inner{
		bottom: -23%;
	}

	.page_404{
		width: calc(100% - 30px);
	}

	.accordion .panel .panel-heading a span.text{
		display: inline-block;
		max-width: 90%;
	}

	.tabs .nav-tabs li{
		display: block;
		float: none;
	}

	.pagination{
		display: block;
		margin: 0;
	}

	.pagination li{
		display: block;
		width: 100%;
		float: none;
		margin: 0;
	}

	.pagination li a{
		margin: 0;
		display: block;
		float: none;
		width: 100%;
	}

	.blog_posts.grid .post + .post{
		margin-top: 100px;
		margin-bottom: 0;
	}

	.blog_posts .post .bottom .meta .item{
		display: block;
	}

	.blog_posts .post .bottom .meta .item + .item{
		margin-top: 10px;
	}

	.blog_posts .post .share .title{
		display: block;
		float: none !important;
		text-align: center;
		margin-bottom: 30px;
	}

	.blog_posts .post .share .icons{
		float: none !important;
		text-align: center;
	}

	.blog_posts .post .tags{
		text-align: center;
	}

	.blog_posts .post .about_author{
		text-align: center;
	}

	.blog_posts .post .about_author img{
		float: none;
	}

	.blog_posts .post .about_author .body{
		padding: 0;
		margin-top: 30px;
	}

}

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


	.gallery_items.cols_4 .item{
		width: 100%;
	}

	.gallery_items.cols_3 .item{
	    width: 100%;
	}

	.gallery_items.cols_2 .item{
	    width: 100%;
	}

}


.theme_configs{
	position: fixed;
	left: -158px;
	top: 15%;
	z-index: 300;
}

.theme_configs.visible{
	display: block !important;
	visibility: visible !important;
}

.theme_configs .body {
	display: inline-block;
	float: left;
	width: 158px;
	border: 1px solid #ededed;
	padding: inherit;
	background: #ffffff;
	text-align: center;
	word-wrap: break-word;
}

.theme_configs .body .head_title,
.theme_configs .body .title{
	width: 100%;
	padding: 4px;
	border-bottom: 1px solid #ededed;
}

.theme_configs .body .head_title{
	background: #f5f5f5;
}

.theme_configs .body .box{
	display: block;
	width: 100%;
	padding: 10px;
	float: left;
}

.theme_configs .btn{
	display: inline-block;
	height: 34px;
	width: 34px;
	line-height: 23px;
	background: #f5f5f5;
	border-radius: 0;
	font-size: 25px;
	cursor: pointer;
	text-align: center;
	float: left;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.theme_configs .box.themes div{
	display: block;
	width: 63px;
	height: 20px;
	margin-bottom: 10px;
	cursor: pointer;
	float: left;
	opacity: 0.7;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.theme_configs .box.themes div:nth-child(9),
.theme_configs .box.themes div:last-child{
	margin-bottom: 0;
}

.theme_configs .box.themes div:nth-child(2n+0){
	margin-left: 10px;
}

.theme_configs .box.themes div:hover{
	opacity: 1;
}

.theme_configs .box.themes div:hover,
.theme_configs .box.themes div.active{
	opacity: 1;
}

.theme_configs .box.themes div > span{
	display: block;
	width: 100%;
	padding: 5px;
	margin-bottom: 5px;
}

.successmsg {
	font-size:12px;
	border-bottom:2px solid #d2d2d2;
	border-top:2px solid #d2d2d2;
	border-left:2px solid #d2d2d2;
	border-right:2px solid #d2d2d2;
	
	padding:15px 8px 15px 45px;
	
	position:relative;
	vertical-align:middle;
	cursor:pointer;
	background-position:12px 12px;
	background-repeat:no-repeat;
	background-color:#e1f1c0 ;
	border-color:#b5d56d ;
	color:#62a426 ;
	background-position:left middle;
	list-style-position:inside;
	list-style-type:inherit;
	margin:0;
}

.errormsg {
	font-size:16px;
	border-bottom:2px solid #d2d2d2;
	border-top:2px solid #d2d2d2;
	border-left:2px solid #d2d2d2;
	border-right:2px solid #d2d2d2;
	padding:15px 8px 15px 45px;
	position:relative;
	vertical-align:middle;
	cursor:pointer;
	background-position:12px 12px;
	background-repeat:no-repeat;
	background-color:#ffcbca ;
	border-color:#eb979b ;
	color:#9b4449 ;
	background-position:left middle;
	list-style-position:inside;
	list-style-type:inherit;
	margin:0;
}