@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "made-font-icons";
	src: url("../fonts/made-font-icons.eot");
	src: url("../fonts/made-font-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/made-font-icons.woff") format("woff"), url("../fonts/made-font-icons.ttf") format("truetype"), url("../fonts/made-font-icons.svg#made-font-icons") format("svg");
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
	font-family: "made-font-icons" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "made-font-icons" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.drop_menu {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	line-height: 1.2;
	color: inherit
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
	margin-top: 18px;
	margin-bottom: 10px;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin-top: 20px;
	margin-bottom: 10px;
}

h1,
.h1 {
	font-size: 60px;
}

h2,
.h2 {
	font-size: 50px;
}

h3,
.h3 {
	font-size: 40px;
}

h4,
.h4 {
	font-size: 30px;
}

h5,
.h5 {
	font-size: 20px;
}

h6,
.h6 {
	font-size: 16px;
}

p {
	line-height: 28px;
	margin: 0 0 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

ol,
ul {
	margin: 0px 20px 25px;
	padding: 0px;
	line-height: 1.9;
}

ul.decimal {
	list-style: decimal;
}

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

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

.icon-arrow-left:before {
	content: "a";
}

.icon-arrow-right:before {
	content: "b";
}

.icon-down-open-big:before {
	content: "a";
}

body {
	font-size: 16px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	opacity: 0;
	filter: alpha(opacity=0);
}

body#slider {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

body.pace-done {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 0.65s;
	-moz-transition: all 0.65s;
	-o-transition: all 0.65s;
	transition: all 0.65s;
}

.header {
	padding: 0 100px 0 58px;
	position: fixed;
	top: 0px;
	z-index: 2000;
	width: 100%;
}

.header .logo,
.overflow .m-logo {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 34px;
	text-transform: uppercase;
	padding: 48px 0 0 0;
}

.header .logo a,
.overflow .m-logo a {
	color: #fff;
	text-decoration: none;
}

.header .logo a:hover,
.overflow .m-logo a:hover {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
}

.header .navigation {
	width: 130px;
	float: right;
	text-align: right;
	padding: 60px 0 0 0;
}

.header .navigation a.drop_menu,
.header .navigation a.grid_menu {
	margin: 0px;
	padding: 0px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	width: 71px;
	font-size: 14px;
	outline: none;
	text-align: left;
	text-decoration: none;
	cursor: context-menu;
	float: right;
	overflow: hidden;
}

.navigation a.grid_menu {
	display: none;
	overflow: hidden;
}

.navigation a.grid_menu svg {
	height: 24px;
	width: 24px;
	fill: #333333;
	cursor: pointer;
	display: none;
}

.header .navigation a.drop_menu,
.header .navigation a.drop_menu i {
	cursor: pointer;
}

.header .navigation a.drop_menu .fa-bars:before {
	content: "\f0c9";
	font-size: 21px;
	position: relative;
	top: 2px;
	margin: 0px 0 0 8px;
}

.header.white {
	z-index: 700;
}

.header.background--light .logo a,
.header.background--light a.drop_menu,
.header.bg-checker-normal .logo a,
.header.bg-checker-normal a.drop_menu {
	color: #333333;
}

.header.background--dark .logo a,
.header.background--dark a.drop_menu {
	color: #ffffff;
}

.header.white a.drop_menu,
.header.white a.grid_menu {
	height: 24px;
	width: 24px;
	margin-left: 8px;
	overflow: hidden;
	text-align: right;
	display: block;
}

.header.white a.grid_menu svg {
	display: block;
}

.header.white a.drop_menu span {
	display: none;
	height: 0px;
	width: 0px;
}

.header .navigation ul {
	display: none;
}

.main-slide h1.background--light, .main-slide h1.background--light a  {
 color: #333;
}

.bg-checker {
	position: fixed;
	height: 100px;
	width: 75%;
	top: 15%;
	left: 10%;
	z-index: 5;
}
/* FULLSCREEN MENU */

.overflow {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 25000;
	display: none;
	overflow: auto;
}

.overflow > * {
	position: absolute;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	display: block;
}

.overflow > .bg-close {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: #111111;
	opacity: 0.90;
	z-index: 10;
}

.overflow .close {
	top: 50px;
	right: 50px;
	z-index: 45;
}

.overflow .m-logo {
	top: 50px;
	left: 50px;
	padding: 0px;
	z-index: 45;
}

.overflow .social {
	position: fixed;
	list-style: none;
	height: 20px;
	width: auto;
	left: 50%;
	bottom: 50px;
	margin: auto;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 45;
}

.overflow .social > ul {
	display: block;
	list-style: none;
	margin: 0px;
}

.overflow .social > ul > li {
	display: block;
	height: auto;
	margin-right: 25px;
	float: left;
}

.overflow .social a {
	display: block;
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
}

.overflow .social > ul > li:last-child {
	margin-right: 0px;
}

.overflow .close:hover,
.overflow > ul > li > a:hover,
.overflow .social a:hover {
	opacity: 0.6;
}

.overflow .close > svg {
	height: 50px;
	width: 50px;
	fill: #ffffff;
	cursor: pointer;
}

.overflow > ul * {
	text-decoration: none;
	list-style: none;
}

.overflow > ul {
	list-style: none;
	height: auto;
	width: 30%;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 50;
	/*	overflow: hidden;*/
}

.overflow > ul > li > a {
	position: relative;
	font-family: "Lato";
	font-size: 38px;
	font-weight: 700;
	color: #ffffff;
}

.overflow > ul > li > a i {
	position: absolute;
	font-size: 16px;
	margin-left: 10px;
	top: 40%
}

.overflow > ul > li ul {
	display: none;
}

.overflow > ul > li ul a {
	font-family: "Lato";
	font-weight: 400;
	font-size: 14px;
}

.overflow > ul > li ul a:hover {
	color: #ffffff;
}

.rl {
	position: relative;
}

.slideone {
	background: url(../images/ritchie-valens-original-site.jpg) #000;
}

.slidetwo {
	background: url(../images/ritchie-valens-photo.jpg) #000;
}

.slidethree {
	background: url(../images/ritchie-valens-discography.jpg) #000; 
}
.main-slide > * {
	height: 100%;
	margin: 0px;
	position: relative;
	text-align: center;
	background-position: center center !important;
	background-size: cover; 
	background-repeat: no-repeat;
}


.main-slide a,
.main-slide a:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	z-index: 900000;
}

.main-slide h1 {
	position: absolute;
	width: 90%;
	font-size: 140px;
	color: #fff;
	padding: 0px;
	line-height: 149px;
	margin: 0px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.down_arrow {
	position: absolute;
	bottom: 100px;
	left: 60px;
	color: #cececf;
	font-size: 50px;
}

.light {
	background-image: url(../images/bgWhite.jpg);
	background-repeat: repeat;
}

.page_content {
	padding-top: 51px;
	padding-bottom: 58px;
}

.page_content.contact {
	padding-bottom: 5px;
}

.border_box {
	border-bottom: #e5e5df solid 1px;
	padding-bottom: 61px;
	margin-bottom: 58px;
} 
.border_box h5 {
	margin-bottom: 9px;
	margin-top: 18px;
}

.three_boxes {
	padding-top: 22px;
	padding-bottom: 42px;
	text-align: center;
}

.three_boxes h4 {
	font-size: 25px;
}

.three_boxes h6 {
	margin: 0px 0 31px;
	padding: 0px;
	color: #888888;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.three_boxes .thumb_img {
	padding-bottom: 14px;
}

.three_boxes img {
	display: inline-block;
}

ul.social_media {
	margin: 34px 0 30px 0;
	padding: 0px;
}

ul.social_media li {
	margin: 0px 3px 10px 3px;
	padding: 0px;
	display: inline-block;
	list-style: none;
}

ul.social_media li a {
	padding: 0px;
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 22px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	color: #888888;
	background-color: #f5f5f5;
}

ul.social_media li a:hover {
	background-color: #eeeeee;
}

.clearfix {
	clear: both;
}

.devider {
	border-bottom: #e5e5df solid 1px;
	height: 1px;
	line-height: 1px;
}

.padding_large {
	padding-bottom: 80px!important;
}
/*start portfolio page*/

.portfolio_cover {
	background: url(../images/hi-tone5-large.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
	height: 100%;
	min-height: 600px;
	position: relative;
}

.portfolio_cover .content_box {
	position: absolute;
	width: 79%;
	max-width: 1060px;
	margin: 0 auto;
	left: 11%;
	right: 11%;
	text-align: center;
	bottom: 77px;
}

.common_section {
	padding-top: 59px !important;
}

.portfolio_cover .content_box h1 {
	margin: 0px 0 14px;
	padding: 0px;
	color: #fff;
	line-height: 70px;
}

.single_portfolio .pagination_box .pd_right {
	padding-right: 4px;
}

.single_portfolio .pagination_box .hidden-xs {
	padding-left: 25px;
}

.portfolio_cover .content_box p {
	margin: 0px;
	padding: 0px;
	color: #dbddde;
	font-size: 24px;
}

.portfolio_cover .content_box p a {
	color: #dbddde;
	text-decoration: underline;
}

.portfolio_cover .content_box p a:hover {
	color: #fff;
}

.information_text {
	max-width: 560px;
	margin: 0 auto;
	text-align: center;
}

.information_text h3 {
	line-height: 50px;
	margin-top: 11px;
	padding-bottom: 2px;
}

.information_text h5 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 28px;
}

.information_text ul {
	margin: 26px 0 11px 0;
	padding: 0px;
}

.information_text ul li {
	margin: 0px;
	padding: 0px 10px 6px 10px;
	color: #868686;
	list-style: none;
	display: inline-block;
}

.information_text ul li a {
	color: #868686;
	text-decoration: none;
}

.information_text ul li a:hover {
	color: #333;
	text-decoration: none;
}

.information_text .tags {
	color: #868686;
	padding-bottom: 2px;
}

.information_text .tags a {
	color: #868686;
	text-decoration: none;
}

.information_text .tags a:hover {
	color: #333;
}

.portfolio_main_box {
	padding: 22px 0 40px;
}

.portfolio_main_box .big_img_box {
	padding: 41px 0 0px;
}

.portfolio_main_box .big_img_box span {
	display: block;
	padding-top: 10px;
	padding-bottom: 7px;
	font-size: 14px;
	color: #888888;
	text-align: center;
}

.portfolio_main_box .small_img {
	padding-top: 30px;
	text-align: center;
}

.pagination_box {
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}

.pagination_box a {
	color: #333;
	text-decoration: none;
}

.pagination_box a:hover {
	color: #868686;
	text-decoration: none;
}

.pagination_box .fa {
	font-size: 14px;
}

.pagination_box .pd_right {
	padding-right: 5px;
}

.pagination_box .pd_left {
	padding-left: 5px;
}

.pd_pagination {
	padding-top: 54px;
	padding-bottom: 39px;
}

.next_project_box {
	/*background: url(http://www.understandable.eu/made/images/next_project_bg.jpg) no-repeat center top;*/
	background: url(../images/jukebox_background.jpg) no-repeat center top;
	background-size: cover;
	min-height: 310px; 
/*	padding-top: 75px; min-height: 240px;   juke box   width="253" height="263" background 1000 339    20 12  310 293
	padding-bottom: 75px;*/
	padding-top: 17px;
	padding-bottom: 0px;
	text-align: center;
} 
.next_project_box.about-page {
	/*margin-top: 25px;*/
	margin-top: 25px;
}
.next_project_box .icon {
	position: relative;
	top: 7px;
	left: -6px;
}
.next_project_box img {
	margin:0;
	padding:0;
	vertical-align: middle;
}

.next_project_box p {
	font-size: 14px;
	color: #d0cbb9;
	margin: 0px 0 12px 0;
	padding: 0px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}

.next_project_box h3 {
	color: #fff;
	margin: 0px;
	padding: 0px;
}

.next_project_box h3 a {
	color: #fff;
	text-decoration: none;
}
.next_project_box  a:hover {
	color: #fff;
	text-decoration: none;
}
img.opacity {
	opacity: 0.6;
	filter: alpha(opacity=50);
 	-webkit-transition: opacity 1s linear;
	vertical-align:bottom;
	}	
	
img.opacity:hover {
	opacity: 1;
	filter: alpha(opacity=100);
 	-webkit-transition: opacity 1s linear;
	cursor: pointer;
	}
	
	
/
/* MASONRY GRID */

.masonry {
	position: relative;
	height: auto;
	overflow: hidden;
}

.masonry * {
	display: block;
	clear: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.filter {
	position: fixed;
	top: 0px;
	background: rgba(255, 255, 255, 0.96);
	display: none;
	text-align: center;
	z-index: 999;
	overflow: hidden;
}

.filter.fixed {
	width: 100%;
	left: 0px;
	top: 64px;
}

.filter ul {
	display: inline-block;
	/*	width: 438px;*/
	
	margin: 60px auto 60px auto;
	list-style: none;
	overflow: hidden;
}

.filter ul li {
	float: left;
	/*	margin-right: 10px;*/
}

.filter ul li:last-child {
	margin-right: 0px;
}

.filter ul li a {
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 16px;
	color: #666666;
	text-decoration: none;
}

.filter ul li a.active,
.filter ul li a:hover {
	font-weight: 400;
	color: #333333;
}

.filter.fixed ul {
	margin: 0;
	padding: 20px 5px;
	text-align: center;
}

.filter.fixed ul li {
	display: inline-block;
	*display: inline;
	/*IE7*/
	
	*zoom: 1;
	/*IE7*/
	
	float: none;
	padding: 3px 6px;
}

.masonry .gridm {
	height: auto;
	width: 100%;
	margin-top: 40px;
	overflow: hidden;
	float: left;
}

.masonry .gridm .item {
	position: relative;
	width: 47%;
	margin-bottom: 40px;
	/*    margin: 0px 20px 40px 20px;*/
}

.masonry .gridm .item h3,
.masonry .gridm .item a,
.masonry .gridm .item ul,
.masonry .gridm .item ul li {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	z-index: 10;
	opacity: 0.0;
}

.masonry .gridm .item img {
	height: auto;
	width: 100%;
}

.masonry .gridm .item > a.general {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(255, 255, 255, 0.9);
	display: block;
	z-index: 5;
	opacity: 0.0;
}

.masonry .gridm .item h3 {
	position: absolute;
	top: 43px;
	left: 49px;
	font-family: "Lato";
	font-weight: 700;
}

.masonry .gridm .item h3 a {
	font-size: 28px;
	color: #333333;
	text-decoration: none;
}

.masonry .gridm .item ul {
	position: absolute;
	top: 84px;
	left: 49px;
}

.masonry .gridm .item ul li a {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 16px;
	color: #555555;
	text-decoration: none;
}

.masonry .gridm .item a:hover {
	text-decoration: underline;
}

.filter ul li + li a:before,
.masonry .gridm .item li + li:before {
	content: "/ ";
	margin: 0px 4px;
	float: left;
	color: #666666;
}

.filter.fixed ul li + li a:before {
	content: none;
}

.masonry .gridm .item h3 a:hover {
	text-decoration: none;
}

.masonry .more {
	clear: both;
	padding: 0px 0px 40px;
	text-align: center;
}

.masonry .more a {
	display: inline-block;
	font-family: 'Lato';
	font-weight: 700;
	font-size: 18px;
	color: #333333;
	text-decoration: none
}
/* end portfolio page*/


/*start blog and base page structure*/

.single_content_wrap .blog_post_box h1 {
	margin: 6px 0 34px 0;
}

#bg_contact {
	background: url(../images/bg_contact_header.jpg) 50% 0 no-repeat fixed;

}

#bg_single_post {
	background: url(../images/bg_blog_header.jpg) 50% 0 no-repeat fixed;

}

#bg_about_freelance {
	background: url(../images/bg_about.jpg) 50% 0 no-repeat fixed;

}

#bg_about_us {
	background: url(../images/bg_about_us.jpg) 50% 0 no-repeat fixed;

}

#bg_scrapbook {
	background: url(../images/bg_ritchie-valens-scrapbook.gif) 50% 0 no-repeat fixed;

}

#bg_news {
	background: url(../images/bg_what-s-new.jpg) 50% 0 no-repeat fixed;

}
#bg_where-was-ritchie {
	background: url(../images/bg_where-was-ritchie.jpg) 50% 0 no-repeat fixed;

}
#bg_donna {
	background: url(../images/donna_ritchies-girl.jpg) 50% 0 no-repeat fixed;

}

.general_header, .about_header {
	background: url(../images/blog_post_header.jpg) 50% 0 no-repeat fixed;
	min-height: 600px;
	position: relative;
}

.general_header .content_box, .contact_header, .about_header .content_box {
	position: absolute;
	max-width: 1060px;
	margin: 0 auto;
	width: 79%;
	left: 11%;
	right: 11%;
	text-align: center;
	bottom: 77px;
}

.general_header .single_content, .about_header .single_content {
	bottom: 77px!important;
}

.general_header .content_box h1, .about_header .content_box h1 {
	margin: 0px 0 12px;
	padding: 0px;
	color: #fff;
	line-height: 70px;
}

.general_header .content_box p, .about_header .content_box  p {
	margin: 0px 0 0 0;
	padding: 6px 0 0 0;
	color: rgba(255, 255, 255, 0.70);
	font-size: 24px;
}

.general_header .content_box p a, .about_header .content_box p a {
	color: rgba(255, 255, 255, 0.70);
	text-decoration: underline;
}

.general_header .content_box p a:hover, .about_header .content_box p a:hover {
	color: rgba(255, 255, 255, 1);
}

.single_content_wrap .blog_post_box {
	padding-bottom: 22px;
}

.blog_post_box {
	padding-bottom: 22px;
	padding-top: 5px;
}

.reset {
	padding: 0 0 0 0;
}
.bottom_space {
	margin-bottom: 54px;
}
.top_space {
	margin-top: 22px;
}
.blog_post_box h1 {
	margin: 6px 0 25px 0;
	line-height: 60px;
}

.blog_post_box h5 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	line-height: 35px;
	margin-bottom: 24px;
}
.heading-5 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px; 
	margin-top: 3px;
	margin-bottom: 24px;
	padding-left: 0px;
	padding-top: 0px;
}

.blog_post_box .date_text {
	font-size: 24px;
	color: #888;
	margin-bottom: 72px;
}

.blog_post_box .date_text a {
	color: #888;
	text-decoration: underline;
}

.blog_post_box .date_text a:hover {
	color: #333;
	text-decoration: none;
}

.highlight_text {
	background-color: #fff198;
}

.element_box {
	padding: 0 0 0 0;
}

.single_img_box {
	padding: 0px 0 36px;
	text-align: center;
}
.single_img_box.m-11 {
	margin-bottom: 11px;
}

.single_img_box span {
	display: block;
	padding-top: 12px;
	font-size: 14px;
	color: #888888;
	text-align: center;
}

.common_border {
	border-top: #e5e5df solid 1px;
	padding: 33px 0 25px 0;
}

.single_content_table .common_border {
	padding-bottom: 21px;
}

.heading_space {
	padding-top: 6px;
} 
.pull_top {
	margin-top: 25px;
}

.hd_margen {
	margin: 0 0 27px 0;
}

.heading_one {
	margin-bottom: 26px;
}

.heading_two {
	margin-bottom: 28px;
}

.heading_three {
	margin-bottom: 31px;
}

.heading_four {
	margin-bottom: 35px;
}

.heading_five {
	margin-bottom: 33px;
}

.quote_text {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-style: italic;
	color: #888;
	font-size: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 43px;
	position: relative;
	left: -90px;
}

.gray_box {
	padding: 36px 40px 38px 40px;
	background-color: #f5f5f5;
	line-height: 19px;
	margin-bottom: 15px;
	font-family: "Courier New", Courier, monospace;
}

.gray_box span {
	display: block;
	line-height: 27px;
	padding: 0 39px 0 39px;
}

.style_margen {
	margin: 0 0 39px 0  !important;
}

.common_border h4.style_margen2 {
	margin: 0 0 26px 0;
}

.col-sm-offset-1 .common_border ul {
	margin-bottom: 22px;
}

.col-sm-offset-1 ul.tag_list {
	margin-bottom: 31px;
}

.style_margen2 {
	margin: 0 0 25px 0;
}

.margen_btm_less {
	margin-bottom: 5px !important;
}

.single_content_table {
	padding-bottom: 21px;
}

.qoute_posting {
	padding-top: 6px;
}

.qoute_posting h5 {
	font-size: 21px;
	color: #888;
	margin: 0px;
	line-height: 33px;
	padding: 0px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-style: italic;
}

ul.tag_list {
	margin: 30px 0 31px 0;
	padding: 0px;
}

ul.tag_list li {
	list-style: none;
	display: inline-block;
	margin: 0px 6px 10px 0;
	padding: 0px;
	font-size: 14px;
}

ul.tag_list li a {
	list-style: none;
	display: inline;
	color: #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	padding: 5px 9px;
	background-color: #ffffff;
	border: #e5e5df solid 1px;
}

ul.tag_list li a:hover {
	color: #333;
	border: #333 solid 1px;
}

.icon_md {
	position: relative;
	float: left;
	left: 0px;
	margin-right: 3px;
	font-size: 19px!important;
	top: 1px;
}

.form_box {
	padding: 68px 0 70px 0;
}

.form_box.contact {
	padding-top: 29px
}

.form_box h3 {
	margin: 0px;
	padding: 0px;
}

.form_box.contact h3 {
	margin: 30px 0px
}

.form_box .top_row_heading {
	padding-bottom: 31px;
}

.single_content_comment {
	float: left;
} 
.single_content_icons {
	float: right;
}

.form_box .input_box {
	padding-bottom: 13px;
}

.single_content_wrap .form_box .input_box {
	padding-bottom: 15px;
}

.single_content_wrap .form_box .input_box:first-child {
	padding-bottom: 9px;
}

.single_content_wrap .form_box.contact .input_box:first-child {
	padding-bottom: 15px;
}

.form_box .input {
	background-color: #f5f5f5;
	border: none;
	width: 100%;
	border: #f5f5f5 solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #888888;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	padding: 18px 20px 18px 20px;
}

.form_box .input:focus {
	background-color: #ffffff;
	border: #edede9 solid 1px;
	outline: none;
}

.form_box .notify_box {
	font-size: 14px;
	margin-top: 13px;
}

.form_box .notify_box .check_button {
	padding-bottom: 7px;
}

.form_box .post_btn {
	margin-top: 15px;
	text-align: right;
}
.btn.btn-reverse, .post_btn .btn.btn-default {
	padding: 10px 19px 8px !important;
	margin-bottom: 0;
	min-width:150px;
	position:relative;   
	font-weight: 900;  
	text-align: center;
	opacity: 1.0;
}
.btn.btn-reverse:hover {
	opacity: 0.8;
}
.btn.tweet {
	background-color: #00adf2;
	border-color: #00adf2
}
.btn.fb {
	background-color: #3b5998;
	border-color: #3b5998;
}
.post_btn .btn.btn-default {
	opacity: 0.5; 
}
.post_btn .btn.btn-default:hover {
	opacity: 1.0; 
}
/* Base for label styling */

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 23px;
	cursor: pointer;
}
/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 13px;
	height: 13px;
	border: 1px solid #c1c1c1;
	background: #f2f2f2;
	border-radius: 3px;
}
/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;
	top: -4px;
	left: 1px;
	font-size: 16px;
	color: #00adf2;
	transition: all .2s;
}
/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}

[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}
/* disabled checkbox */

[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
}

[type="checkbox"]:disabled:checked + label:after {
	color: #999;
}

[type="checkbox"]:disabled + label {
	color: #aaa;
}
/* accessibility */

[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {}
/* hover style just for information */

label:hover:before {}
/* MAPS */

#map {
	height: 345px;
	width: 100%;
}

ul.social_icon_two {
	margin: 12px 0 0px 0;
	padding: 0px;
	text-align: right;
}

ul.social_icon_two li {
	margin: 0px 0px 5px 5px;
	padding: 0px;
	display: inline-block;
	list-style: none;
}

ul.social_icon_two li a {
	padding: 0px;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: #fff;
	background-color: #eeeeee;
}

ul.social_icon_two a.twitter {
	background-color: #55acee;
}

ul.social_icon_two a.facebook {
	background-color: #3b5998;
}

ul.social_icon_two a.google {
	background-color: #fb4834;
}

ul.social_icon_two a.linkdin {
	background-color: #0976b4;
}

ul.social_icon_two a.pinterest {
	background-color: #cc2127;
}

ul.social_icon_two li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	/* For IE8 and earlier */
}

.commnent_main_box {
	padding: 0px 0 8px;
}

.commnent_main_box ul {
	padding: 0px;
	margin: 0px;
}

.commnent_main_box ul li {
	padding: 0px 0 27px;
	margin: 0px 0 40px;
	list-style: none;
	border-bottom: #e5e5df solid 1px;
}

.commnent_main_box ul li:last-child {
	padding: 0px 0 1px;
	margin: 0px;
	border-bottom: none;
}

.commnent_main_box ul li .avtaar {
	width: 50px;
	float: left;
	margin-right: 20px;
}

.commnent_main_box ul li .avtaar img {
	width: 50px;
	height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.commnent_main_box ul li .dtl_box {
	width: 90%;
	float: left;
}

.commnent_main_box ul li .dtl_box h6 {
	margin: 0px 0 22px;
	padding: 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.commnent_main_box ul .qst_column p,
.commnent_main_box ul li .user_rpl p {
	margin: 0 0 7px 0;
}

.commnent_main_box ul li .user_rpl h6 {
	margin: 0px 0 22px;
}

.commnent_main_box ul li .dtl_box h6 a span {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #333;
}

.commnent_main_box ul li .dtl_box h6 a span:hover {
	text-decoration: underline;
}

.commnent_main_box ul li .dtl_box h6 a {
	color: #888;
	text-decoration: none;
}

.commnent_main_box ul li a.reply {
	text-decoration: none;
	display: inline-block;
	margin-top: 10px;
}

.commnent_main_box ul li a.reply:hover {
	text-decoration: underline;
}

.commnent_main_box ul li .dtl_box .qst_column {
	padding-bottom: 20px;
}

.single_content_wrap .commnent_main_box ul li:first-child .dtl_box .qst_column {
	padding-bottom: 27px;
}

.single_content_wrap .commnent_main_box ul li .dtl_box .reply_column {
	padding-top: 40px;
}

.commnent_main_box ul li .dtl_box .reply_column {
	padding-top: 30px;
	border-top: #e5e5df solid 1px;
}

.commnent_main_box ul li .dtl_box .reply_column .user_rpl {
	width: 88%;
	float: left;
} 
.search_input {
	border: none;
	margin-top: 17px;
	min-width: 300px;
	padding: 12px 24px 12px 24px;
	background: #fff;
	background: rgba(255, 255, 255, 0.3);
	font-size: 18px;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.search_input:focus {
	outline: none;
	background: #fff;
	color: #333;
} 

.blog_search_content {
	padding: 9px 0 0;
	text-align: center;
}

.blog_search_content .search_input {
	border: #f5f5f5 solid 1px;
	margin-top: 18px;
	min-width: 300px;
	padding: 11px 24px 11px 24px;
	background: #f5f5f5;
	font-size: 18px;
	color: #888;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.blog_search_content .search_input:focus {
	outline: none;
	border: #dddddd solid 1px;
}

.slider_box {
	padding: 80px 0 0 0;
	position: relative;
}

.slider_box ul li {
	list-style: none;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	top: auto;
	bottom: 40px;
	left: 0;
	z-index: 3;
	overflow: hidden;
	text-decoration: none;
	height: 36px;
	width: 36px;
	background-color: rgba(51, 51, 51, 0.5);
}

.callbacks_nav:hover {
	background-color: rgba(51, 51, 51, 1);
}

.callbacks_nav:active {
	opacity: 1.0;
}

.callbacks_nav.next {
	left: auto;
	right: 40px;
}

.callbacks_nav.next:before {
	content: "\f054";
	font-family: "FontAwesome";
	font-size: 18px;
	color: rgba(255, 255, 255, 1);
	position: absolute;
	display: inline-block;
	padding: 6px 13px 5px 13px;
}

.callbacks_nav.prev {
	left: auto;
	background-position: left top;
	right: 77px;
}

.callbacks_nav.prev:before {
	content: "\f053";
	font-family: "FontAwesome";
	font-size: 18px;
	color: rgba(255, 255, 255, 1);
	position: absolute;
	display: inline-block;
	padding: 6px 16px 5px 10px;
}

.content_list {
	padding: 20px 0 3px;
}

.content_list ul {
	margin: 0px;
	padding: 0px;
}

.content_list ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.content_list.about_page > ul  > li {
	width: 760px;
	padding: 0 0 10px 0;
}
.content_list.blog_page ul li {
	
	margin: 0px 0 92px;
	padding: 0px 0 10px;
	border-bottom: #e5e5df solid 1px;
	list-style: none;
}
.content_list.about_page ul li#slider-post, .content_list.about_page ul li.about_post{
	width:960px;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 14px;
	padding-left: 0;
	padding-right: 0;
}
.content_list.about_page ul li {
	margin: 0px auto 92px auto;
	border-bottom: #e5e5df solid 1px;
	list-style: none;
}
#blogpost-slider{
	padding-top: 60px;
}
#blogpost-slider ul li{
	margin-bottom:0;
	border-bottom:none;
}
.content_list ul li h3 {
	margin: 0px 0 10px;
	padding: 0px;
	font-size: 36px;
	line-height: 46px;
} 
.content_list ul li h3 a {
	color: #333333;
	text-decoration: none;
}

.content_list ul li h3 a:hover {
	color: rgba(51, 51, 51, 0.8);
	text-decoration: none;
}

.content_list ul li h4 {
	margin: 25px 0 24px;
	padding: 0px;
	line-height: 35px;
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.content_list ul li h5 {
	margin: 0px 0 20px;
	padding: 0px;
	line-height: 1.2;
	font-size: 22px;
	color: #888;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-style: italic;
}

.content_list ul li h5 a {
	color: #888;
	text-decoration: none;
}

.content_list ul li h5 a:hover {
	color: #888;
	text-decoration: underline;
}

.content_list ul li p {
	margin-bottom: 22px;
}

.content_list ul li .rd_margen {
	margin-bottom: 20px;
}

.content_list ul li a.read_more {
	color: #333;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-decoration: none;
}

.content_list ul li a.read_more:hover {
	color: #888;
}

.content_list ul li .date_and_comment {
	font-size: 14px;
	color: #888;
}

.content_list ul li .date_and_comment a {
	color: #333;
	text-decoration: none;
}

.content_list ul li .date_and_comment a:hover {
	color: #888;
	text-decoration: none;
}

.content_list ul li .date_and_comment span {
	float: right;
}

.content_list ul li .quote_box {
	position: relative;
	left: -100px;
	margin-right: -100px;
}

.content_list ul li .quote_box p a {
	color: #333;
	text-decoration: none;
}

.content_list ul li .quote_box h4 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 30px;
	line-height: 42px;
	margin: 0px 0 10px;
	padding: 0px;
}

.content_list ul li .quote_box p {
	font-size: 18px;
	margin-bottom: 25px;
}

.pull_pagination {
	margin-bottom: 15px;
}
/* end blog page*/
/* ABOUT PAGE */
.about_page {
	padding-top: 0;
	margin-top: -10px;
}
.about_page .p-0 {
	padding-left: 0;
	padding-right: 0; 
}
.about_page .our_culture .p-0 {
	padding-left: 0 !important;
	padding-bottom: 18px;
}
.about_page .p-0:nth-child(2){
	padding-left: 40px;
}
.about_page > ul > li {
	margin-bottom: 52px !important;
	padding-bottom: 30px;
}
.about_page > ul > li.mb-60 {
	margin-bottom: 60px !important;
}
.about_page > ul > li.pb-60 {
	padding-bottom: 60px !important;
}
.about_page > ul > li.pb-31 {
	padding-bottom: 31px !important;
}
.about_page > ul > li.no-border { 
	border-bottom: none;
}
.about_page > ul .no-padding {
	padding-bottom: 0px !important;
}
.about_page > ul > li.mb-31 {
	margin-bottom: 31px !important;
}
.about_page > ul .no-margin {
	margin-bottom: 0px !important;
}
.about_page .two_columns {
	overflow: hidden;
}
.about_page .two_columns h4 {
	padding-top: 0;
	margin-top: 0;
} 
/* PERSONALITY BOX */

.about_page > ul > li > .personality {
	display: block; 
	text-align: center;
	height: auto;
	padding: 0 0 0 0;
/*	margin: 20px auto 60px auto;*/
	overflow: hidden;
}

.about_page > ul > li > .personality .person {
	position: relative;
	background-color: #444444;
	overflow: hidden;
	margin: 0;
	padding: 0;
	opacity: 1;
}

.about_page > ul > li > .personality .person > * {
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 1;
	z-index: 0;
	text-align: left;
}

.about_page > ul > li > .personality .person img {
	width: 100%;
	height: auto;
	position: static;
}

.about_page > ul > li > .personality .person * {
	transition: opacity .25s ease-in-out; 
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.about_page > ul > li > .personality .person .details {
	height: auto;
	width: 100%;
	top: auto;
	bottom: 20px;
	padding-left: 30px;
	z-index: 5;
	overflow: hidden;
	opacity: 0;
}

.about_page > ul > li > .personality .person:hover img {
	opacity: 0.6;
}

.about_page > ul > li > .personality .person:hover .details {
	opacity: 1;
}

.about_page > ul > li > .personality .details > * {
	font-style: normal;
	color: #ffffff;
}

.about_page > ul > li > .personality .details h3 {
	font-family: "Lato";
	font-size: 20px;
	font-weight: 700;
	line-height: 23px;
	margin: 0px;
}

.about_page > ul > li > .personality .details p {
	font-family: "Lato";
	font-size: 16px;
	font-weight: 400;
	line-height: 23px; 
	margin-top: 0px;
	margin-bottom: 16px ;
}

.about_page > ul > li > .personality .details ul,
.about_page > ul > li > .personality .details li {
	display: block;
	list-style: none;
	margin: 0px;
	float: left;
}

.about_page > ul > li > .personality .details li {
	margin-right: 20px;
	border-bottom: none;
}

.about_page > ul > li > .personality .details li:last-child {
	margin-right: 0px;
}

.about_page > ul > li > .personality .details li a {
	font-size: 22px;
	color: #ffffff;
}

.about_page > ul > li > .personality .details li a:hover {
	opacity: 0.6;
}

/* SEVICES BOXES */
.about_page > ul > li > .services { 
	overflow: hidden; 
	text-align: center;
	padding: 0 0 0 0;  
} 
.about_page > ul > li > .services, .client-box-2 ul {	
	border: solid 1px #e5e5df;
	border-bottom: none;
	border-right: none;	
	overflow: hidden;
}
.about_page > ul > li > .services > div { 
	margin: 0 0 0 0;
	padding: 60px 40px 29px;
	text-align: center;
	background-color: #ffffff;
	border: solid 1px #e5e5df;
	border-top: none;
	border-left: none; 
}
.about_page > ul > li > .services * {
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}
.about_page > ul > li > .services .icon {
	height: 100px;
/*	width: 100px;*/
	width: 200px;
	margin: 0px auto 36px auto;
	text-align: center; 
	border-radius: 50%;
	color: #ffffff;
}
.about_page > ul > li > .services .icon i {
	font-size: 50px; 
	line-height: 100px;
}
.about_page > ul > li > .services > div h5 {
	font-family: "Lato";
	font-weight: 700;
	font-size: 18px;
	font-style: normal;
	color: #333;
	margin-bottom: 29px;
}
.about_page > ul > li > .services > div p {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 14px; 
	line-height: 27px;
}
.about_page .services > div:hover {
	background-color: #333333;
}
.about_page .services div:hover h5, .about_page .services div:hover p { 
	color: #ffffff;
}
.strategy {
	background-color: #D7604A;
}
.analytics {
	background-color: #EA8231;
}
.development {
	background-color: #3B65A3;
}
.marketing {
	background-color: #5963C4;
}
.social-media {
	background-color: #6EA5C4;
}
.packaging {
	background-color: #79aa97;
} 
/* SERVICES TEXT*/
.two_columns.services-2 {
	padding-top:18px;
	padding-bottom: 43px;
}
.two_columns.services-2 ul { 
	list-style: none;
	padding-right: 38px;
/*	padding: 0px;*/
/*	margin: 21px 0 30px;*/
}
.two_columns.services-2 ul:last-child {
	padding-right: 0;
}
.two_columns.services-2 ul li {
	padding: 0;
	margin: 0;
	line-height: 28px;
	border-bottom: none;
}
.two_columns.services-2 ul li:before {
	content: '- ';
}
/* CLIENTS */ 
.about_page .clients .row-cl {
	width: auto; 
	margin-left: -20px;
	margin-right: -60px;
	margin-bottom: -40px;
	overflow: hidden;
}
.about_page .clients .row-cl-2 {
	width: auto;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.about_page .clients ul {
/*	margin-left: 0px;*/
/*	margin: 6px 0 0 0;*/
	padding: 6px 0 0 0;
}
.about_page .clients ul li {
	list-style: none;
	padding-bottom: 40px; 
	padding-right: 40px;
	padding-top: 0;
	margin: 0;
	line-height: 28px;
	border-bottom: none; 
}
.about_page .clients ul li img {
	width: 100%; 
}
.about_page .client-box-2 {  
	padding-top: 27px;
	padding-bottom: 7px; 
	overflow: hidden;
}
.about_page .client-box-2 > div {
	padding: 0;
}
.about_page .client-box-2 h4 {
	margin-bottom: 50px !important;
}
.about_page .client-box-2 ul  { 
/*	margin-top: 30px;*/
	border: solid 1px #e5e5df;
	border-left: none; 
	border-top: none;
}
.about_page .client-box-2 ul li {
	margin-bottom: 0px;
	padding: 40px 40px 40px 40px;
	border: solid 1px #e5e5df;
	border-right: none;
	border-bottom: none;
}
 
	.slider_box, .about_page ul > li .single_img_box, .about_page ul .personality, .about_page ul .services, .about_page ul .client-box-2 {
		width: 960px;
		margin: 0 auto;
	}
/* BUTTONS */
.about_page > ul > li.buttons { 
	padding-bottom: 0px; 
	margin-bottom: 30px !important;
	border-top: solid 1px #e5e5df;
	border-bottom: none;
}
 
.about_page > ul > li.buttons .buttons-group:first-child {
	margin-top: 60px;
}
.about_page > ul > li.buttons-2 {
	padding-bottom: 29px;
}
.about_page > ul > li.alerts {
	padding-top: 10px;
	padding-bottom: 39px;
}
.about_page > ul > li.panels {
	padding-top: 8px;
	padding-bottom: 0px;
	border-bottom: none;
}
 
.footer {
	background-color: #f5f5f5;
	padding: 35px 60px 17px 60px;
	font-size: 14px;
	line-height: 24px;
	color: #888888;
}

.footer a {
	color: #888888;
/*	text-decoration: underline;*/
	text-decoration:none;
	}

.footer a:hover {
	color: #666;
}

.footer .clm_box {
	width: 17.7%;
}

.footer .website-link {
	padding-left: 21px;
}

.footer .ft_last_box {
	width: 30%;
	text-align: right;
	float: right;
	padding-right: 13px;
}

.footer ul.ft_media {
	margin: 15px 0 0px 0;
	padding: 0px;
}

.footer ul.ft_media li {
	margin: 0px 8px 10px 8px;
	padding: 0px;
	display: inline-block;
	list-style: none;
	font-size: 22px;
	color: #888888;
}

.footer ul.ft_media li a:hover {
	color: #666666;
}

@media (max-width: 700px) {
	.masonry .gridm .item {
		width: 45%;
	}
}

@media (max-width: 479px) {
	.bg-checker {
		top: 40%;
	}
	.overflow .close {
		top: 10px;
		right: 10px;
	}
	.overflow .m-logo {
		top: 10px;
		left: 10px;
	}
	.overflow .social {
		bottom: 20px;
	}
	.overflow .social > ul > li {
		margin-right: 10px;
	}
	.overflow .social > ul > li > a {
		font-size: 16px;
	}
	.overflow > ul {
		bottom: auto;
		height: auto;
		width: 60%;
	}
	.overflow > ul > li {
		margin-bottom: 5px;
	}
	.overflow > ul > li > a {
		font-size: 18px;
	}
	.overflow > ul > li > a i {
		font-size: 10px;
	}
	.overflow > ul > li ul {
		display: none;
		margin-bottom: 10px;
	}
	.overflow > ul > li ul li {
		line-height: 23px;
	}
	.overflow > ul > li ul a {
		font-size: 13px
	}
	.masonry .gridm .item {
		width: 100%;
	}
	.commnent_main_box ul li .dtl_box {
		width: 100%!important;
	}
	.commnent_main_box ul li .dtl_box .reply_column .user_rpl {
		width: 100%!important;
	}
	.commnent_main_box ul li .avtaar img {
		margin-bottom: 10px;
	}
}

@media (max-width: 767px) {
	.main-slide h1 {
		width: 85%;
		font-size: 70px;
		line-height: 79px;
	}
	.down_arrow {
		position: absolute;
		bottom: 20px;
		left: 0px;
		width: 100%;
		text-align: center;
	}
	.border_box {
		border-bottom: #e5e5df solid 1px;
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
	.mobile_pull {
		margin-bottom: 30px;
	}
	.row {
		margin-right: -10px;
		margin-left: -10px
	}
	.col-xs-1,
	.col-sm-1,
	.col-md-1,
	.col-lg-1,
	.col-xs-2,
	.col-sm-2,
	.col-md-2,
	.col-lg-2,
	.col-xs-3,
	.col-sm-3,
	.col-md-3,
	.col-lg-3,
	.col-xs-4,
	.col-sm-4,
	.col-md-4,
	.col-lg-4,
	.col-xs-5,
	.col-sm-5,
	.col-md-5,
	.col-lg-5,
	.col-xs-6,
	.col-sm-6,
	.col-md-6,
	.col-lg-6,
	.col-xs-7,
	.col-sm-7,
	.col-md-7,
	.col-lg-7,
	.col-xs-8,
	.col-sm-8,
	.col-md-8,
	.col-lg-8,
	.col-xs-9,
	.col-sm-9,
	.col-md-9,
	.col-lg-9,
	.col-xs-10,
	.col-sm-10,
	.col-md-10,
	.col-lg-10,
	.col-xs-11,
	.col-sm-11,
	.col-md-11,
	.col-lg-11,
	.col-xs-12,
	.col-sm-12,
	.col-md-12,
	.col-lg-12 {
		padding-right: 10px;
		padding-left: 10px;
	}
	.hidden-xs {
		display: none;
	}
	.general_header .content_box h1 {
		font-size: 40px;
		line-height: 53px;
		margin-bottom: 6px;
	}
	.portfolio_cover .content_box h1 {
		font-size: 40px;
		line-height: 54px;
	}
	.portfolio_cover .content_box p {
		font-size: 20px;
	}
	.pagination_box {
		font-size: 15px;
	}
	.next_project_box {
		min-height: 310px;
/*		padding-top: 55px;
		padding: 55px 20px 52px 20px;
		padding-bottom: 52px;*/
		padding-top: 17px;
	    padding-bottom: 0px;

	} 
	.quote_text {
		left: 0px;
	}
	.general_header .content_box p {
		font-size: 20px;
	}
	ul.social_icon_two {
		margin: 12px 0 0px 0;
		padding: 0px;
		text-align: left;
	}
	.form_box .post_btn {
		text-align: left;
		padding-top: 20px;
	}
	.mo_margen {
		margin-bottom: 15px;
	}
	.commnent_main_box ul li .dtl_box {
		width: 73%;
	}
	.commnent_main_box ul li .dtl_box .reply_column .user_rpl {
		width: 74%;
	}
	.search_input {
		min-width: 200px;
	}
	.slider_box {
		padding: 22px 0 0 0;
	}
	.personality, .about_page .services, .about_page .client-box-2 {
		padding-left: 0;
		padding-right: 0; 
	}
	.callbacks_nav.next {
		right: 30px;
	}
	.callbacks_nav.prev {
		right: 67px;
	}
	.callbacks_nav {
		bottom: 30px;
	}
	.content_list ul li .quote_box {
		left: 0px;
	}
	.content_list ul li .date_and_comment {
		position: relative;
	}
	.content_list ul li .date_and_comment span {
		float: none;
		display: block;
	}
	.content_list ul li .date_and_comment .total_comment {
		position: absolute;
		bottom: 0;
		right: 0px;
	}
	.content_list ul li .quote_box {
		left: 0px;
		margin-right: 0px;
	} 
	.footer {
		padding: 35px 20px 35px 20px;
		text-align: center;
	}
	.footer .clm_box {
		width: inherit;
	}
	.footer .ft_last_box {
		width: inherit;
		padding-top: 15px;
		text-align: center;
		float: none;
	}
	.footer ul.ft_media li {
		margin: 0px 6px 10px 6px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.commnent_main_box ul li .dtl_box {
		width: 87%;
	}
	.commnent_main_box ul li .dtl_box .reply_column .user_rpl {
		width: 84%;
	}
	.content_list ul li .quote_box {
		left: -50px;
	}
	.quote_text {
		left: 0px;
	}
	.content_list ul li .quote_box {
		left: 0px;
		margin-right: 0px;
	}
	.footer .clm_box {
		width: 50%;
	}
	.footer .ft_last_box {
		width: 50%;
		padding-right: 53px;
	}
	.footer {
		padding: 34px 20px 18px 20px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.footer ul.ft_media li {
		margin: 0px 4px 10px 4px;
	}
}

@media (max-width: 1255px) {
	.header {
		padding: 0 20px 0 20px;
	}
	.header .logo {
		padding-top: 0px;
		padding: 8px 0 8px 0;
	}
	.header .navigation {
		padding: 23px 0 0 0;
	}
	.header.white,
	.header.bg-checker-normal {
		background-color: #ffffff;
	}
	.header.background--dark {
		background-color: transparent;
	}
}
@media (max-width: 1500px) {
	.blog_post_box {
		padding-bottom: 44px;
	} 
}

@media (min-width: 1439px) {
	.footer .clm_box {
		width: 240px;
	}
	.footer .col-sm-3 {
		width: 306px;
	}
	.footer {
		padding: 35px 40px 17px 60px;
	} 
}

@media (min-width: 1500px) {
	.container {
		width: 1200px
	}
	.footer .ft_last_box {
		padding-right: 20px;
	}
	.footer .clm_box {
		width: 224px;
	}
	.footer .col-sm-3 {
		width: 292px;
	}
	.footer .website-link {
		width: 310px;
	}
	.blog_post_box,
	.common-post-content {
		width: 800px;
		margin: 0 auto !important; 
		float: none;
	}
	.footer {
		padding: 35px 53px 17px 60px;
	}
}

@media (max-width: 568px) {
	.main-slide h1 {
		width: 80%;
		font-size: 50px;
		line-height: 69px;
	}
	.single_content_icons {
		float: none;
		margin-bottom: 23px;
	}
	.single_content_comment {
		float: none;
	}
	.single_content_wrap .form_box .input_box:first-child textarea {
		height: 140px;
	}
	.pagination_box a span {
		display: none;
	}
	.footer ul.ft_media li {
		margin: 0px 4px 10px 5px;
	}
	.filter {
		position: fixed;
		top: 64px;
	}
	.masonry .gridm {
		margin-top: 64px;
	} 
}

@media (max-width: 970px) { 
/*luk*/
	.page_about_content {
		padding-bottom: 5px;
	}
	.about_page > ul > li > div p, .about_page > ul > li > div > div {
		padding-right: 0;
		padding-left: 0;
	}
	.about_page > ul > li {
		padding-left: 0;
		padding-right: 0;
	}     
	.slider_box, .about_page ul > li .single_img_box, .about_page ul > li .personality, .about_page ul > li .services, .about_page ul > li .client-box-2 {
		width: auto; 
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.about_page > ul > li.alerts {
		padding-bottom: 39px !important;
	}
	.about_page .p-0:nth-child(2){
		padding-left: 0;
	}
	.clients .row-cl { 
		margin-right: -50px; 
		overflow: hidden;
	}
}

@media (max-width: 330px) {
	.portfolio_cover .content_box {
		left: 0;
	}
}

#intro {
	height: 600px;
	margin: 0 auto;
	padding: 0;
}

.smallfont{
	font-size:small;
}