/*

  Project Name : Multipurpose Extra Large Theme

  Author Company : Sharjeel

  Project Date: 28 sep, 2016

*/



/*------------------------------------------------------------------

[generic Table of contents]



* body



    + #loader





    + .top-bar

        - .right-side

        - .left-side



    + .slider-wrapper

        - header

        - .rider-slider



    + #about

        - .about-content

        - .about-wrapper



    + #services

        - .services-wrapper

        - .skills



    + #portfolio

        - .portfolio-wrapper

            - .portfolio-filter

            - .portfolio-list



    + #team

        - .team-wrapper

        - .testimonial-wrapper



    + #price

        - .price-wrapper



    + #blog

        - .blog-wrapper



    + #client

        - .client-wrapper



    + #contact

        - .contact-wrapper



    + . map-container



    + footer



  -------------------------------------------------------------------*/

@font-face {

	font-family: 'Asap';

	src: local('Asap'), url('../fonts/Asap/Asap-Regular.ttf') format('ttf');

}

@font-face {

	font-family: 'Roboto';

	src: local('Roboto'), url('../fonts/Roboto/Roboto-Regular.ttf') format('ttf');

}

 @media (min-width:1170px) and (max-width: 1199px) {

	.container {

		width: 1100px;

		padding: 0;

		border: 0;

	}

}

.fa:not(.fa-cog) {

	vertical-align: middle;

}

[class*=" imghvr-reveal-"]:before,

[class^=imghvr-reveal-]:before,

[class*=" imghvr-"],

[class^=imghvr-],

[class*=" imghvr-shutter-out-"]:before,

[class^=imghvr-shutter-out-]:before,

[class*=" imghvr-shutter-in-"]:after,

[class*=" imghvr-shutter-in-"]:before,

[class^=imghvr-shutter-in-]:after,

[class^=imghvr-shutter-in-]:before {

	background: #333;

}

[class*=" imghvr-"],

[class^=imghvr-] {

	display: block;

}

[class*=" imghvr-"] a,

[class^=imghvr-] a {

	position: static;

	left: auto;

	top: auto;

	bottom: auto;

	right: auto;

	z-index: auto;

}

.width-100p {

	width: 100%;

}

.table {

	display: table;

	margin-bottom: 0;

	height: 100%;

}

.table-row {

	display: table-row;

}

.table-cell {

	display: table-cell;

}

.align-middle {

	vertical-align: middle;

}

body {

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

	color: #333;

	font-weight: 300;

}

a, a:active, a:visited, a:focus {

	text-decoration: none;

	color: #fff;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	-ms-transition: .5s;

	transition: .5s;

}

a:hover {

	text-decoration: none;

}

h1, h2, h3, h4, h5, h6,

.h1, .h2, .h3, .h4, .h5, .h6 {

	font-family: 'Asap', sans-serif;

	font-weight: 700;

}

h1, h2, h3,

.h1, .h2, .h3 {

	margin-top: 10px;

	margin-bottom: 5px;

}

h4, h5, h6,

.h4, .h5, .h6 {

	margin-top: 10px;

	margin-bottom: 10px;

}

.pd0 {

	padding: 0 !important;

}

.pr0 {

	padding-right: 0 !important;

}

.pl0 {

	padding-left: 0 !important;

}

.pdt0 {

	padding-top: 0 !important;

}

.pdb0 {

	padding-bottom: 0 !important;

}

.pdb60 {

	padding-bottom: 60px !important;

}

.pdm20 {

	padding-bottom: 20px !important;

}

.pdb-50 {

	padding-bottom: 50px !important;

}

.mrt0 {

	margin-top: 0 !important;

}

.mb60 {

	margin-bottom: 60px !important;

}

.mb-50 {

	margin-bottom: 50px !important;

}

a:focus {

	outline: thin dotted;

	outline: 0px auto -webkit-focus-ring-color;

	outline-offset: -2px;

}

.spliter {

	display: inline-block;

	height: 6px;

	border-radius: 10px;

	width: 72px;

	clear: both;

	transition: all 0.2s ease;

}

.cd-primary-nav {

	list-style: none;

}

.invert-btn {

	background: #fff;

	color: #333 !important;

}

.invert-btn:hover {

	border: 1px solid #333 !important;

}

.bottom-40 {

	margin-bottom: 40px;

}

.c-table {

	display: table;

}

.c-row {

	display: table-row;

}

.c-cell {

	display: table-cell;

	vertical-align: middle;

}

.c-btn {

	padding: 10px 25px;

	border: 1px solid #fff;

	border-radius: 25px;

	color: #fff;

	display: inline-block;

	margin-top: 20px;

}

.c-btn:hover,

.c-btn:focus {

	background: #fff;

}

/* ---------------------------------- INNER PAGE SECTION -------------------------------- */

.featured-img {

	float: left;

	width: 100%;

	min-height: 183px;

	position: relative;

	background-size: cover;

}

.sticky + .featured-img,

header[data-position="absolute"] + .featured-img {

	margin-top: 81px;

}

.featured-img .overlay {

	position: absolute;

	width: 100%;

	height: 100%;

	z-index: 0;

	background: rgba(84,79,75,.7);

}

.featured-img .breadcum {

	position: relative;

	z-index: 1;

}

.featured-img .breadcum .h4 {

	color: #fff;

	margin: 65px 0 10px 0;

	font-size: 26px;

}

.featured-img .breadcum ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.featured-img .breadcum ul li {

	display: inline-block;

}

.featured-img .breadcum ul li a, .featured-img .breadcum ul li span {

	color: #fff;

	font-size: 16px;

	font-family: 'Asap', sans-serif;

	font-weight: normal;

	text-decoration: none;

}

.page-content {

	padding: 60px 0;

}

.page-content-wrapper h1 {

	font-size: 38px;

	font-family: 'Roboto', sans-serif;

	font-weight: lighter;

	margin-bottom: 30px;

	margin-top: 0;

	line-height: 23px;

}

.page-content-wrapper .blog-post-holder {

	margin-bottom: 30px;

	border-bottom: 1px solid #d5d5d5;

	padding-bottom: 30px;

}

.page-content-wrapper .blog-post-holder h1,

.page-content-wrapper .blog-post-holder h2,

.page-content-wrapper #comments .h3 {

	font-family: "Roboto", sans-serif;

	font-size: 30px;

	font-weight: lighter;

	line-height: 28px;

	margin-bottom: 24px;

	margin-top: 24px;

}

.page-content-wrapper #comments label {

	display: block;

	font-weight: lighter;

	margin: 5px 0 15px;

}

.page-content-wrapper .blog-post-holder a.readmore {

	border-radius: 25px;

	display: inline-block;

	padding: 8px 15px;

}

.page-content-wrapper .blog-post-holder .meta-item {

	display: inline-block;

	margin: 0 15px;

	font-size: 14px;

}

.page-content-wrapper .blog-post-holder .meta-item a {

	padding-left: 5px;

	text-decoration: none;

}

.page-content-wrapper .blog-post-holder .meta-item:first-child {

	margin-left: 0;

}

.page-content-wrapper .blog-post-holder .meta-item:last-child {

	margin-right: 0;

}

.page-content-wrapper .blog-post-holder.single-post {

	border: 0;

}

.page-content-wrapper .blog-post-holder a.readmore:hover {

	background: #333333;

	color: #fff;

}

.page-content-wrapper a.with-arrow-btn {

	border-radius: 20px;

	color: #fff;

	font-size: 16px;

	width: 200px;

	height: 43px;

	display: inline-block;

	margin-top: 20px;

}

.page-content-wrapper a.with-arrow-btn:hover {

	background: #333333;

}

.page-content-wrapper a.with-arrow-btn span {

	display: inline-block;

	float: left;

	margin: 10px 0 0 28px;

}

.page-content-wrapper a.with-arrow-btn i {

	color: #fff;

	font-size: 40px;

	float: right;

	margin: 2px 6px 0 0;

}

.page-content-wrapper .ms-skin-black-2 .ms-nav-next,

.page-content-wrapper .ms-skin-black-2 .ms-nav-prev {

	height: 35px !important;

	width: 35px !important;

}

.section-wrapper.second-level {

	padding-bottom: 0;

}

.page-content-wrapper .ms-skin-black-2 .ms-nav-next {

	background-position: -90px -108px !important;

}

.page-content-wrapper .ms-skin-black-2 .ms-nav-prev {

	background-position: 59px -31px !important;

}

.section-wrapper .page-content-wrapper .heding-wrapper {

	padding-top: 0;

}

.gray-background .team-holder {

	background: #fff;

}

.page-content-wrapper .inner-string {

	display: inline-block;

	margin: 0 0 30px;

	font-weight: 400;

}

.small-services {

	margin-bottom: 10px;

	padding-left: 9px;

	padding-right: 9px;

	height: 186px;

}

.small-services .gray-background {

	border: 5px solid #fff;

}

.small-services > div {

	height: 100%;

}

.small-services i {

	color: #acacac;

	font-size: 50px;

	padding-top: 40px;

}

.small-services span {

	display: block;

	font-size: 18px;

	padding: 10px 10px 0;

}

.page-content .contact-holder span {

	color: #333333;

}

.page-content .contact-holder .detail-holder a, .page-content .contact-holder .detail-holder a:hover {

	color: #333333 !important;

}

.page-content .contact-holder input {

	width: 100%;

	height: 48px;

	border: 1px solid #d9d9d9;

	color: #333333;

	background: none;

	margin-bottom: 15px;

	padding-left: 20px;

	-webkit-transition: .2s;

	-moz-transition: .2s;

	-o-transition: .2s;

	-ms-transition: .2s;

	transition: .2s;

}

.page-content .contact-holder input:focus, .page-content .contact-holder textarea:focus {

	background: #f7f7f7;

	color: #333333;

}

.page-content .contact-holder textarea {

	width: 100%;

	height: 215px;

	border: 1px solid #d9d9d9;

	color: #333333;

	resize: none;

	margin-bottom: 40px;

	padding-left: 20px;

	padding-top: 20px;

	-webkit-transition: .2s;

	-moz-transition: .2s;

	-o-transition: .2s;

	-ms-transition: .2s;

	transition: .2s;

	background: none;

}

.page-content .contact-holder input[type=submit] {

	border-radius: 25px;

	display: inline-block;

	padding: 13px 55px;

	line-height: 16px;

	color: #333333;

	border: 1px solid #d9d9d9;

	background: none;

	width: auto;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	-ms-transition: .5s;

	transition: .5s;

}

.page-content .contact-holder input[type=submit]:hover {

	color: #ffffff;

}

.page-content.contact-wrapper p {

	margin-bottom: 20px;

	color: #333333;

}

.page-content .contact-holder label {

	display: block;

	font-weight: lighter;

	margin: 30px 0 15px;

	color: #333333;

}

.page-content .contact-page-ops span.heading-spn {

	display: block;

	font-size: 26px;

}

.page-content .contact-page-ops span.spliter {

	margin-top: 20px;

	margin-bottom: 40px;

}

.page-content .contact-holder .detail-holder {

	margin-bottom: 52px;

}

.about-bg {

	background: url(http://placehold.it/1920x183) center center no-repeat;

}

.portfolio-bg {

	background: url(http://placehold.it/1920x183) center center no-repeat;

}

.price-bg {

	background: url(http://placehold.it/1920x183) center center no-repeat;

}

.team-bg {

	background: url(http://placehold.it/1920x183) center center no-repeat;

}

.services-bg {

	background: url(http://placehold.it/1920x183) center center no-repeat;

}

.contact-bg {

	background: url(http://placehold.it/1920x183) center center no-repeat;

}

.detail-page-feature {

	/*height: 365px;*/

	overflow: hidden;

}

.detail-page-feature img {

	width: 100%;

}

.detail-page p {

	margin: 20px 0;

}

.detail-page .h6 {

	font-size: 18px;

	font-weight: normal;

	margin: 30px 0 0;

}

.page-content .widget .h5 {

	font-size: 26px;

	font-weight: normal;

	margin-top: 0;

}

.page-content aside {

	margin-bottom: 40px;

}

.page-content aside ul {

	list-style: none;

	margin: 10px 0 0 0;

	padding: 0;

}

.page-content aside.services-list ul li {

	padding: 11px 0;

	border-bottom: 1px solid #e9e9e9;

}

.page-content aside.services-list ul li:last-child {

	border-bottom: 0;

}

.services-list li a {

	font-size: 18px;

	text-decoration: none;

	color: #333;

}

.services-list li a i {

	font-size: 16px;

}

.services-list li a i:last-child {

	display: none;

	float: right;

	margin-top: 5px;

}

.services-list li a:hover i:last-child, .services-list li.active a i:last-child {

	display: inline-block;

}

.services-list li a i:first-child {

	padding-right: 10px;

}

aside.recent-post li {

	margin-top: 20px;

}

aside.recent-post li img {

	display: inline-block;

	width: 70px;

	height: 70px;

	float: left;

	margin-right: 15px;

}

aside.recent-post li a:hover {

	color: #333333 !important;

}

aside.recent-post li span.meta-date {

	color: #7d7d7d;

	display: block;

	margin-top: 5px;

}

.testi-author-meta img {

	display: inline-block;

	float: left;

	width: 56px;

	height: 46px;

	border-radius: 3px;

	margin-right: 10px;

}

.testi-author-meta .h2 {

	font-size: 16px;

}

.testi-author-meta .h2 small {

	font-size: 14px;

	display: block;

	font-family: 'Roboto', sans-serif;

	font-weight: lighter;

}

.portfolio-detail-wrapper {

	margin-top: 50px;

	float: left;

	width: 100%;

}

.portfolio-detail-wrapper aside .h6 {

	margin-top: 0;

	margin-bottom: 5px;

}

.portfolio-detail-wrapper aside span {

	display: block;

	margin-bottom: 30px;

}

.want-wrapper {

	padding: 50px 0;

	float: left;

	width: 100%;

}

.want-wrapper .h3 {

	font-size: 30px;

	margin-top: 0;

}

.want-wrapper span {

	font-family: 'Asap', sans-serif;

	font-weight: normal;

}

.want-wrapper a {

	display: inline-block;

	width: 250px;

	height: 53px;

	background: #fff;

	float: right;

	border-radius: 25px;

	text-align: center;

	padding-top: 16px;

	font-family: 'Asap', sans-serif;

	font-weight: normal;

	text-decoration: none;

	color: #333333;

}

.want-wrapper a:hover {

	background: #333333;

	color: #fff;

}

/* ---------------------------------- PAGINATION -------------------------------- */

.pagination ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.pagination ul li {

	display: inline-block;

	margin: 5px 0;

}

.pagination ul li:first-child {

	margin-left: 0;

}

.pagination ul li:last-child {

	margin-right: 0;

}

.pagination ul li a {

	display: inline-block;

	padding: 8px 15px;

	border-radius: 25px;

	text-decoration: none;

}

.pagination ul li a:hover {

	background: #333333;

	color: #fff;

}

.pagination ul li span {

	display: inline-block;

	color: #333;

	padding: 8px 15px;

	border-radius: 25px;

	background: transparent;

	border: 1px solid #333;

}



/* ---------------------------------- TOP BAR ---------------------------------- */

.top-bar {

	height: 41px;

	width: 100%;

}

.top-bar ul {

	list-style: none;

	padding: 0;

	margin: 0;

}

.top-bar ul li {

	display: inline-block;

}

.top-bar ul li a, .top-bar ul li a:active, .top-bar ul li a:visited, .top-bar ul li a:focus {

	color: #fff;

	font-size: 14px;

	text-transform: capitalize;

	text-decoration: none;

	transition: all 0.3s ease 0s;

}

.top-bar ul li a:hover {

	color: #333;

}

.top-bar .left-side, .top-bar .right-side {

	margin: 9px 0 0 0;

}

.top-bar .left-side li {

	padding: 0 10px;

}

.top-bar .left-side li:first-child {

	padding-left: 0;

}

.top-bar .right-side {

	text-align: right;

}

.top-bar .right-side li {

	padding: 0 4px;

}

.top-bar .right-side li:last-child {

	padding-right : 0;

}

/* ---------------------------------- HEADER ---------------------------------- */

.slider-wrapper {

	position: relative;

	width: 100%;

	float: left;

}

.slider-wrapper header {

	height: 81px;

	background: #fff;

	width: 100%;

	position: relative;

	z-index: 999;

	top: 0;

	left: 0;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.slider-wrapper header.sticky {

	position: fixed;

	top: 0;

	width: 100%;

	-webkit-transition: .2s;

	-moz-transition: .2s;

	-o-transition: .2s;

	-ms-transition: .2s;

	transition: .2s;

	background: #fff;

}

.slider-wrapper header .logo-container {

	height: 81px;

}

.slider-wrapper header nav.main-nav {

	display: inline-block;

	float: right;

}

.slider-wrapper header nav.main-nav ul {

	list-style: none;

	margin-bottom: 0;

}

.slider-wrapper header nav.main-nav ul li {

	display: inline-block;

	height: 81px;

	line-height: 81px;

	padding: 0;

	margin: 0 2px;

}

.slider-wrapper header nav.main-nav ul li:last-child {

	margin-right: 0;

}

.slider-wrapper header nav.main-nav > ul > li:hover > a,

.slider-wrapper header nav.main-nav > ul > li.active > a {

	color: #fff !important;

	text-decoration: none;

}

.slider-wrapper header nav.main-nav > ul > li:hover > a,

.slider-wrapper header nav.main-nav > ul > li.active > a {

	border-radius: 10px;

}

.slider-wrapper header nav.main-nav ul li a {

	color: #333;

	font-weight: 400;

	font-size: 15px;

	padding: 0 10px;

	-webkit-transition: .2s;

	-moz-transition: .2s;

	-o-transition: .2s;

	-ms-transition: .2s;

	transition: .2s;

	display: inline-block;

	height: 38px;

	line-height: 38px;

}

.slider-wrapper header nav.main-nav ul li a i::before {

	-webkit-transition: none;

	-moz-transition: none;

	transition: none;

}

.slider-wrapper header.sticky nav.main-nav ul li a {

	color: #333;

}

.slider-wrapper header nav.main-nav ul li .sub {

	position: absolute;

	top: 58px;

	padding-top: 5px;

	display: none;

}

.slider-wrapper header nav.main-nav ul li .sub ul {

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);

	box-shadow: 0 0 10px rgba(0, 0, 0, .2);

}

.slider-wrapper header nav.main-nav ul li:hover .sub {

	display: block;

}

.slider-wrapper header nav.main-nav ul li ul {

	padding-left: 0;

	background: #fff;

}

.slider-wrapper header nav.main-nav ul li ul li {

	white-space: nowrap;

	margin: 0;

	display: block;

	height: auto;

	line-height: normal;

}

.slider-wrapper header nav.main-nav ul li ul li a {

	display: block;

}

.slider-wrapper header nav.main-nav ul li ul li a:hover {

	color: #fff !important;

}

.wrap *, .wrap *::before, .wrap *::after {

	box-sizing: border-box;

	transition: all 0.3s ease 0s;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

.wrap i, .wrap em, .wrap b, .wrap strong, .wrap span {

	transition: none 0s ease 0s;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

.centerer {

	margin: 0 auto;

	max-width: 600px;

	width: 100%;

}

.wrap {

	float: left;

	margin: 5px;

}

.slider-wrapper .rider-slider {

	position: relative;

	top: 0;

	left: 0;

	width: 100%;

}

.slider-wrapper .rider-slider .ms-slide .ms-slide-bgcont::after {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	display: block;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, .6);

}

.slider-wrapper .rider-slider .item {

	position: relative;

}

.slider-wrapper .rider-slider .item img {

	width: 100%;

	height: auto;

}

.slider-wrapper .rider-slider .item .container {

	padding-left: 30px;

}

.slider-wrapper .rider-slider .item .slider-caption {

	position: absolute;

	top: 27%;

	z-index: 999;

	font-family: 'Asap', sans-serif;

}

.slider-wrapper .rider-slider .h1 {

	color: #fff;

	font-size: 42px;

}

.slider-wrapper .rider-slider small {

	color: #fff;

	display: block;

	font-size: 18px;

	font-weight: normal;

	font-family: 'Asap', sans-serif;

}

.slider-wrapper .rider-slider span {

	color: #fff;

	display: block;

	font-weight: normal;

	padding: 5px 0;

	font-size: 42px;

	font-family: 'Asap', sans-serif;

}

.slider-wrapper .rider-slider p {

	color: #fff;

	display: block;

	font-weight: normal;

	font-weight: normal;

	font-family: 'Asap', sans-serif;

}

.slider-wrapper .rider-slider span.spliter {

	height: 5px;

}

.slider-wrapper .rider-slider a {

	border-radius: 25px;

	padding: 8px 30px;

	display: inline-block;

	margin-top: 30px;

	font-family: 'Asap', sans-serif;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	-ms-transition: .5s;

	transition: .5s;

	text-decoration: none;

}

.slider-wrapper .rider-slider a:hover {

	color: #333333 !important;

	background: #fff;

}

header.inner {

	position: relative;

}

/* ---------------------------------- ABOUT US SECTION ---------------------------------- */

#about {

	padding-bottom: 0;

	background: #f0f0f0;

	padding-bottom: 60px;

}

.section-wrapper {

	float: left;

	width: 100%;

	padding-bottom: 40px;

}

.section-wrapper .heding-wrapper, .section-wrapper .container .heding-wrapper {

	padding: 60px 0 30px 0;

	-webkit-font-smoothing: antialiased;

}

.section-wrapper .heding-wrapper span, .section-wrapper .container .heding-wrapper span {

	font-size: 20px;

	font-family: 'Asap', sans-serif;

	font-weight: normal;

	text-transform: uppercase;

}

.section-wrapper .heding-wrapper span i, .section-wrapper .container .heding-wrapper span i {

	margin-right: 15px;

	margin-top: 15px;

}

.section-wrapper .heding-wrapper h2, .section-wrapper .container .heding-wrapper h2 { /* h3 */

	font-family: 'Roboto', sans-serif;

	font-weight: lighter;

	font-size: 38px;

}

.red-banner span {

	color: #fff !important;

}

.red-banner h2 { /* h3 */

	color: #fff !important;

}

.red-banner span.spliter {

	background: #fff;

}

.red-banner-img figure img {

	padding-top: 14%;

}

.box-heding {

	padding-top: 20px;

	padding-bottom: 10px;

}

.box-link a {

	color: #333;

}

.box-link a:hover .icon-center {

	border-radius: 10px;

}

.box-heding > .h3 {

	font-family: 'Roboto', sans-serif !important;

	font-weight: lighter;

	font-size: 22px;

}

.about-section-icons {

	font-size: 30px;

}

.icon-center {

	text-align: center;

	border: 1px solid #888;

	transition: all 0.3s ease !important;

}

.icon-center > .h3 {

	margin-top: 15px;

	margin-bottom: 10px;

	transition: all 0.3s ease !important;

}

.section-wrapper .heding-wrapper p {

	float: left;

	margin-top: 15px;

}

.box-heding span.spliter.white-spliter {

	margin-bottom: 15px;

}

.section-wrapper .about-content .gray-box {

	background: #f7f7f7;

	padding: 15px 30px;

	margin-bottom: 30px;

}

.section-wrapper .about-content .gray-box p {

	margin: 15px 0;

}

.section-wrapper .view-all {

	display: block;

	padding-bottom: 0;

}

.section-wrapper .view-all a {

	margin: 0 6px;

	text-decoration: none;

}

.gradiant-box i {

	font-size: 30px;

	color: #414141;

}

.gradiant-box .heding-wrapper h3 {

	font-size: 22px;

	margin: 15px 0 0 0;

}

.gradiant-box .white-spliter {

	background: #fff;

	width: 50px;

	margin: 15px 0 25px 0;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	-ms-transition: .3s;

	transition: .3s;

}

.gradiant-box-holder:hover .white-spliter {

	width: 100px;

}

.gradiant-box-holder {

	background: none;

	margin-bottom: 20px;

}

.section-wrapper .heding-wrapper a {

	float: left;

}

.section-wrapper .heding-wrapper a {

	transition: all .3s ease 0s;

	color: #333333;

}

.responsive-banner {

	padding-top: 60px;

}

.about-box .h6 {

	font-weight: 300 !important;

	font-size: 16px;

}

.about-box span i {

	font-size: 28px;

}

/* ---------------------------------- FEATURES SECTION -------------------------------- */

.feature-icon {

	font-size: 50px;

	text-align: center;

}

.feature-text .h3 {

	font-family: 'Roboto', sans-serif !important;

	font-size: 22px;

	font-weight: 300;

}

/* ---------------------------------- EXPERENCES SECTION -------------------------------- */

.border-halfside {

	border-right: 1px dashed #efefef;

}

#accordion {

	padding: 30px 0px;

}

.experience-wrapper .panel {

	background: #fff;

	border: 0 !important;

	box-shadow: none !important;

}

.experience-wrapper .panel-default > .panel-heading {

	background: none;

	border-bottom: 0;

	box-shadow: none;

	padding: 0 15px 0 0;

	height: 49px;

	line-height: 49px;

}

.experience-wrapper .panel-default > .panel-heading + .panel-collapse > .panel-body {

	border-top: 0;

}

.panel-group .panel + .panel {

	margin-top: 2px;

}

.panel-group .panel {

	border-radius: 0;

}

.experience-wrapper .panel-title a,

.experience-wrapper .panel-title a:hover {

	color: #333333 !important;

	font-weight: normal;

	font-family: 'Asap', sans-serif;

}

.experience-wrapper .panel-heading {

	padding-right: 0;

	padding-left: 0;

}

.experience-wrapper .panel-heading i {

	color: #fff;

	float: left;

	font-size: 22px;

	-webkit-transition: .2s;

	-moz-transition: .2s;

	-o-transition: .2s;

	-ms-transition: .2s;

	transition: .2s;

	background: #333;

	display: inline-block;

	text-align: center;

	width: 56px;

	height: 49px;

	line-height: 46px;

	margin-right: 20px;

}

.panel-collapse .panel-body {

	margin-left: 60px;

}

.panel-title {

	font-size: 18px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	color: #333333;

}

.panel-title a:hover,

.panel-title a:active,

.panel-title a:focus,

.panel-title a:visited {

	text-decoration: none;

}

.experience-wrapper .panel-collapse.in .panel-heading i {

	font-weight: lighter;

}

.more-about {

	padding-top: 20px;

}

.more-about a {

	border-radius: 25px;

	display: inline-block;

	padding: 10px 50px;

	width: auto;

	color: #fff;

	text-decoration: none;

}

.more-about a:hover {

	background: #333;

}

.about-btn {

	margin-top: 10px;

}

.about-btn a {

	background: #fff;

	border-color: #333;

	color: #333;

}

/* ---------------------------------- SKILLS ---------------------------------- */

.skilk {

	margin-bottom: 0px;

	padding-bottom: 0;

}

.specilize-wrapper .h6 {

	font-size: 20px;

	font-family: 'Asap', sans-serif;

	font-weight: normal;

	margin-top: 0;

	margin-bottom: 30px;

}

.half-container-right {

	float: right;

	width: 585px;

	padding-right: 45px;

}

.half-container-right .row > div {

	padding-left: 45px;

}

.half-container-left .row > div {

	padding-right: 45px;

	padding-top: 20px;

}

.half-container-left {

	float: left;

	width: 100%;

	padding-left: 45px;

}

.skills-slider-holder .span {

	display: block;

}

.skills-slider-holder .rail {

	width: 100%;

	position: relative;

	height: 3px;

	background: #fff;

	margin-bottom: 80px;

}

.skills-slider-holder .rail .skill-bar {

	width: 0;

	height: 100%;

	background: #333;

	float: left;

}

.skills-slider-holder .rail .html-bar.animated {

	width: 90%;

}

.skills-slider-holder .rail .photo-bar.animated {

	width: 95%;

}

.skills-slider-holder .rail .wp-bar.animated {

	width: 70%;

}

.skills-slider-holder .rail .php-bar.animated {

	width: 90%;

}

.skills-slider-holder .rail .skill-tool {

	width: 0;

	float: left;

	height: 100%;

	position: relative;

}

.skills-slider-holder .rail .skill-tool:after {

	position: absolute;

	height: 30px;

	width: 60px;

	border-radius: 3px;

	padding-top: 3px;

	top: -50px;

	left: -45px;

	color: #fff;

	text-align: center;

	background: #474747;

}

.skills-slider-holder .rail .skill-tool.html-tool:after {

	content: '90%';

}

.skills-slider-holder .rail .skill-tool.photo-tool:after {

	content: '95%';

}

.skills-slider-holder .rail .skill-tool.wp-tool:after {

	content: '70%';

}

.skills-slider-holder .rail .skill-tool.php-tool:after {

	content: '90%';

}

.skills-slider-holder .rail .skill-tool:before {

	position: absolute;

	content: '';

	height: 30px;

	width: 60px;

	top: -45px;

	left: -57px;

	color: #fff;

	text-align: center;

	background: url(../images/down-arror.png) no-repeat bottom right;

}

.wahtwedo-tabs-bg {

	margin-top: 50px;

}

/* ---------------------------------- SERVICES SECTION ---------------------------------- */

.gray-background {

	background: #f0f0f0;

	margin-top: 60px;

}

#services {

	padding-bottom: 10px;

}

#services ul::after {

	clear: both;

	content: "";

	display: table;

}

#services .container {

	padding: 0px;

}

#services ul {

	margin: 0 0 50px;

	padding: 0;

}

#services li {

	list-style: outside none none;

	margin: 0 0 30px 0;

	position: relative;

	-webkit-perspective: 400px;

	perspective: 400px;

	overflow: hidden;

}

#services li .normal {

	font-size: 50px;

	height: 100%;

	text-align: center;

	width: 100%;

}

#services li .normal img {

	border-radius: 4px;

}

#services li a {

	display: inline-block;

	text-decoration: none;

	vertical-align: top;

}

#services .info {

	text-align: center;

	padding: 0;

	border-radius: 4px;

}

#services .info small {

	display: block;

	text-align: center;

	font-family: "Roboto", sans-serif;

	color: #fff;

}

#services li .h4 {

	color: rgba(255, 255, 255, 0.9);

	font-size: 21px;

	margin: 15px 0px;

	color: #fff;

	font-family: "Roboto", sans-serif;

}

#services li span {

	color: #fff;

	font-size: 18px;

	line-height: 1.5;

	margin: 2px 0px;

	font-family: "Roboto", sans-serif;

}

/* ---------------------------------- PORTFOLIO SECTION ---------------------------------- */

.portfolio-wrapper {

	position: relative;

}

.portfolio-wrapper ul {

	list-style: none;

	text-align: center;

	margin: 0;

	padding: 0;

}

.portfolio-wrapper ul li {

	display: inline-block;

	margin: 0 25px;

	line-height: 15px;

}

.portfolio-wrapper ul li a {

	font-size: 20px;

	font-family: 'Asap', sans-serif;

	text-decoration: none;

	color: #333333;

}

.portfolio-wrapper ul li span.spliter {

	width: 0;

}

.portfolio-wrapper ul li:hover span.spliter, .portfolio-wrapper ul li.active span.spliter {

	width: 100%;

}

.portfolio-wrapper #portfolio-list {

	margin: 30px 0 0 0;

}

.portfolio-wrapper #portfolio-list img {

	width: 100%;

}

.portfolio-wrapper #portfolio-list > div {

	padding: 2px;

	overflow: hidden;

}

.portfolio-wrapper #portfolio-list .portfolio-holder {

	position: relative;

}

.portfolio-wrapper #portfolio-list .portfolio-holder [class*=" imghvr-"],

.portfolio-wrapper #portfolio-list .portfolio-holder [class^=imghvr-],

.portfolio-wrapper #portfolio-list .portfolio-holder [class*=" imghvr-"] figcaption,

.portfolio-wrapper #portfolio-list .portfolio-holder [class^=imghvr-] figcaption {

	background: transparent;

}

.portfolio-wrapper #portfolio-list .portfolio-holder [class*=" imghvr-"]:before,

.portfolio-wrapper #portfolio-list .portfolio-holder [class^=imghvr-]:before {

	background: rgba(0, 0, 0, .5);

}

.portfolio-wrapper #portfolio-list .portfolio-holder .overlay h3 {

	color: #fff;

	font-size: 26px;

	text-align: center;

	margin-top: 30%;

}

.portfolio-wrapper #portfolio-list .portfolio-holder .overlay h3 small {

	color: #fff;

	font-size: 18px;

	display: block;

	margin-bottom: 5px;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	-ms-transition: .5s;

	transition: .5s;

}

.portfolio-wrapper #portfolio-list .h3,

.portfolio-wrapper #portfolio-list small {

	color: #fff;

	text-transform: uppercase;

}

.portfolio-wrapper #portfolio-list small {

	display: block;

}

.mask a.fancybox {

	font-size: 18px;

}

.fancybox i.fa {

	font-size: 18px;

}

.view-fourth .mask a.fancybox {

	position: absolute;

	bottom: 0;

	right: 0;

	display: inline-block;

	height: 44px;

	width: 44px;

	background: #333;

	text-align: center;

	line-height: 44px;

	color: #ffffff !important;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	-ms-transition: .3s;

	transition: .3s;

}

.portfolio-wrapper #portfolio-list .view {

	margin: auto;

}

.portfolio-wrapper a {

	color: #fff;

}

.portfolio-wrapper #portfolio-list a {

	text-transform: none;

}

.portfolio-wrapper #portfolio-list a:hover small {

	color: #333 !important;

}

.portfolio-wrapper #portfolio-list .portfolio-holder a.fancybox,

.portfolio-wrapper #portfolio-list .portfolio-holder a.fancybox:hover {

	position: absolute;

	bottom: -100%;

	right: -100%;

	display: inline-block;

	height: 44px;

	width: 44px;

	text-align: center;

	line-height: 44px;

	color: #fff !important;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	-ms-transition: .3s;

	transition: .3s;

}

.portfolio-wrapper #portfolio-list .portfolio-holder:hover a.fancybox {

	bottom: 0;

	right: 0;

}

/* ---------------------------------- TEAM SECTION ---------------------------------- */

#team {

	padding-bottom: 0;

}

.team-holder {

	-webkit-transition: .4s;

	-moz-transition: .4s;

	-o-transition: .4s;

	-ms-transition: .4s;

	transition: .4s;

	border-radius: 5px;

	overflow: hidden;

	margin-bottom: 30px;

	padding-bottom: 15px;

	background: #f0f0f0;

}

.team-holder:hover {

	box-shadow: 3px 3px 5px #d3d2d0;

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

}

.team-wrapper {

	padding-bottom: 30px;

}

.team-holder img {

	border-top-right-radius: 5px;

	border-top-left-radius: 5px;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	-ms-transition: .3s;

	transition: .3s;

}

.team-holder .h6 {

	font-size: 20px;

	font-weight: normal;

	margin: 15px 0 0 0;

}

.team-holder .h6 a {

	color: #333333;

}

.team-holder .h6 small {

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

	color: #333333;

	font-weight: lighter;

	display: block;

	margin: 10px 0 0 0;

}

.team-holder .spliter {

	width: 35px;

	margin: 15px 0 15px 0;

	background: #acacac;

}

.team-holder:hover .spliter {

	width: 70px;

}

.team-box a {

	color: #333;

}

/* ---------------------------------- TESTMONIALS SECTION ---------------------------------- */

.testimonial-wrapper {

	width: 100%;

	position: relative;

	background: url(http://placehold.it/1920x1280) center center no-repeat;

	background-size: cover;

	background-attachment: fixed;

	float: left;

}

.testimonial-wrapper .overlay {

	width: 100%;

	background: rgba(0, 0, 0, .5);

	z-index: 1;

	padding: 100px 0;

}

.testimonial-wrapper .author {

	vertical-align: top;

}

.testimonial-wrapper .h2 {

	margin-top: 0;

}

.testimonial-wrapper .h2 small {

	color: #fff;

	display: block;

	font-family: 'Roboto', sans-serif;

	font-size: 16px;

	font-weight: lighter;

	margin-top: 15px;

}

.testimonial-wrapper .spliter {

	width: 35px;

	margin: 15px 0 28px 0;

}

.testimonial-wrapper p {

	color: #fff;

}

.testimonial-wrapper .avatar {

	border-radius: 50%;

	width: 70px;

	height: 70px;

	overflow: hidden;

	margin-right: 30px;

}

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

	.testimonial-wrapper .c-table,

	.testimonial-wrapper .c-row,

	.testimonial-wrapper .c-cell {

		display: block;

	}

	.testimonial-wrapper .author {

		margin-bottom: 20px;

	}

	.testimonial-wrapper .overlay {

		padding: 50px 0;

	}

	.feature-text {

		text-align: center;

	}

}

/* ---------------------------------- PRICE SECTION ---------------------------------- */

.big-wrapper {

	padding: 0;

	position: relative;

}

.big-wrapper:hover {

	z-index: 1;

}

.big-wrapper:hover .price-holder {

	-ms-transform: scale(1.1);

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	transform: scale(1.1);

	position: relative;

	z-index: 999;

	-webkit-transition: transform .2s ease-out;

	-moz-transition: transform .2s ease-out;

	-o-transition: transform .2s ease-out;

	-ms-transition: transform .2s ease-out;

	transition: transform .2s ease-out;

}

.price-holder {

	border: 1px solid #cdcdcd;

	border-radius: 3px;

	background: #f8f8f8;

	overflow: hidden;

	-webkit-transition: transform .2s ease-out;

	-moz-transition: transform .2s ease-out;

	-o-transition: transform .2s ease-out;

	-ms-transition: transform .2s ease-out;

	transition: transform .2s ease-out;

}

.price-holder:nth-of-type(2) {

	border-right: 0;

	border-left: 0;

}

.big-wrapper:hover .price-holder:nth-of-type(2) {

	border-right: 1px solid #cdcdcd;

	border-left: 1px solid #cdcdcd;

}

.big-wrapper:hover .price-holder {

	box-shadow: 2px 2px 5px #d3d2d0;

	background: #fff;

}

.price-holder.heding-wrapper {

	padding: 40px 0;

}

.price-holder.heding-wrapper span {

	font-size: 16px;

}

.price-holder.heding-wrapper span.spliter {

	width: 35px;

}

.big-wrapper:hover .price-holder.heding-wrapper span.spliter {

	width: 75px;

}

.price-holder.heding-wrapper .h3 {

	margin: 20px 0 10px;

	font-family: 'Roboto', sans-serif;

	font-weight: lighter;

	font-size: 32px;

}

.price-holder.heding-wrapper ul {

	list-style: none;

	margin: 25px 0;

	padding: 0;

}

.price-holder.heding-wrapper ul li {

	border-bottom: 1px solid #fff;

	padding: 10px 15px;

	background: #efefef;

}

.price-holder.heding-wrapper a {

	display: inline-block;

	padding: 13px 55px;

	background: none;

	border-radius: 25px;

	border: 1px solid #333333;

	color: #333333;

	float: none;

	text-decoration: none;

}

.big-wrapper:hover a {

	color: #ffffff !important;

}

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

	.price-holder {

		margin-bottom: 10px;

	}

	.big-wrapper:hover .price-holder {

		-webkit-transform: none;

		-moz-transform: none;

		transform: none;

	}

}

/* ---------------------------------- BLOG SECTION ---------------------------------- */

section#blog {

	padding-bottom: 30px;

}

.blog-content {

	overflow: hidden;

	border-top-right-radius: 5px;

	border-top-left-radius: 5px;

	margin-bottom: 30px;

}

.blog-content img {

	border-radius: 5px;

}

.blog-content .img-holder {

	position: relative;

}

.blog-content .img-holder .overlay {

	background: rgba(0, 0, 0, .5);

	position: absolute;

	top: 0;

	left: -100%;

	height: 100%;

	width: 100%;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	-ms-transition: .3s;

	transition: .3s;

}

.blog-content:hover .img-holder .overlay {

	left: 0;

}

.blog-content .img-holder .author {

	position: absolute;

	bottom: 25px;

	right: -100%;

	height: auto;

	width: 100%;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	-ms-transition: .3s;

	transition: .3s;

}

.blog-content:hover .img-holder .author {

	right: 0;

}

.blog-content .img-holder .author span {

	height: 53px;

	width: 61px;

	border-radius: 2px;

	font-size: 30px;

	display: inline-block;

	line-height: 55px;

	margin-bottom: 20px;

	color: #fff;

}

.blog-content .img-holder .author-link, .blog-content .img-holder .author-link a {

	color: #fff;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	-ms-transition: .3s;

	transition: .3s;

}

.blog-content .img-holder .author-link a:hover {

	color: #fff;

	text-decoration: underline;

}

.blog-content .blog-ceontent-holder {

	padding-bottom: 30px;

	border-bottom: 1px solid #d5d5d5;

	margin-bottom: 20px;

}

.blog-content .h4 {

	font-size: 20px;

	font-weight: normal;

	margin: 35px 0 20px;

}

.blog-content .h4 a:hover {

	color: #333 !important;

}

.blog-content .date {

	float: left;

	display: inline-block;

	color: #8d8d8d;

}

.blog-content .comments {

	float: right;

	display: inline-block;

	color: #8d8d8d;

}

/* ---------------------------------- CLIENT SECTION ---------------------------------- */

.client-wrapper img {

	border: 1px solid #c7c7c7;

	border-radius: 5px;

	margin: 0px 0px;

	text-align: center;

}

/* ---------------------------------- CONTACT SECTION ---------------------------------- */

.contact-background {

	padding: 0;

	width: 100%;

	position: relative;

	background: url(http://placehold.it/1900x700) center center no-repeat;

	background-size: cover;

	background-attachment: fixed;

	float: left;

}

.contact-background .overlay {

	background: rgba(0, 0, 0, 0.5);

	padding: 0 0 40px 0;

}

.section-wrapper.contact-background .heding-wrapper span,  .section-wrapper.contact-background .heding-wrapper h2 {

	color: #fff;

}

.contact-holder input {

	width: 100%;

	height: 48px;

	border: 2px solid #fff;

	background: none;

	margin-bottom: 15px;

	padding-left: 20px;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	-ms-transition: .5s;

	transition: .5s;

}

.contact-holder input:focus {

	background: #fff;

	color: #333;

}

::-webkit-input-placeholder {

	color: #fff;

	opacity: 1;

}

::-moz-placeholder {

	color: #fff;

	opacity: 1;

}

:-ms-input-placeholder {

	color: #fff;

	opacity: 1;

}

input:-moz-placeholder {

	color: #fff;

	opacity: 1;

}

::-webkit-textarea-placeholder {

	color: #fff;

	opacity: 1;

}

::-moz-placeholder {

	color: #fff;

	opacity: 1;

}

:-ms-textarea-placeholder {

	color: #fff;

	opacity: 1;

}

textarea:-moz-placeholder {

	color: #fff;

	opacity: 1;

}

.contact-holder textarea {

	width: 100%;

	height: 190px;

	border: 2px solid #fff;

	resize: none;

	margin-bottom: 30px;

	padding-left: 20px;

	padding-top: 20px;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	-ms-transition: .5s;

	transition: .5s;

	background: none;

}

.contact-holder textarea:focus {

	background: #fff;

	color: #333;

}

.contact-holder input[type=submit] {

	border-radius: 25px;

	display: inline-block;

	padding: 13px 55px;

	line-height: 16px;

	color: #fff;

	border: 2px solid #fff;

	background: none;

	width: auto;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	-ms-transition: .5s;

	transition: .5s;

}

.contact-holder input[type=submit]:hover {

	color: #fff;

}

.contact-holder .detail-holder {

	color: #fff;

	margin-bottom: 60px;

}

.contact-holder .detail-holder a {

	color: #fff !important;

}

.contact-holder .detail-holder i {

	color: #fff;

}

.contact-holder .left-detail {

	padding-right: 25px;

	width: 50px;

	text-align: center;

}

.contact-holder .left-detail .spliter {

	margin-top: 10px;

}

.mask h3 {

	font-size: 21px;

}

/* ---------------------------------- MAP SECTION ---------------------------------- */

#map-canvas {

	width: 100%;

	height: 230px;

	float: left;

}

/* ---------------------------------- FOOTER SECTION ---------------------------------- */

footer {

	height: auto;

	width: 100%;

	background: #424242;

	float: left;

	padding: 60px 0 60px 0;

}

footer .footer-left span {

	display: inline-block;

	color: #fff;

	margin-top: 40px;

}

footer .footer-left {

	margin-top: 0px;

}

footer ul {

	list-style: none;

	padding: 0;

	margin: 0;

}

footer .h3 {

	color: #fff;

	font-weight: normal;

	margin-top: 10px;

	margin-bottom: 20px;

}

footer a {

	color: #fff;

	text-decoration: none;

}

footer a:hover {

	text-decoration: none;

}

footer .footer-left ul {

	padding: 0;

	margin: 0;

	list-style: none;

	text-align: left;

	margin-top: 15px;

}

footer ul li {

	padding: 3px 0;

}

footer .footer-left ul li {

	display: inline-block;

	margin-left: 5px;

}

footer .footer-left ul li:first-child {

	margin-left: 0;

}

footer ul.footer-thumb li {

	display: inline-block;

}

footer ul li img {

	display: inline-block;

	margin: 0 2px 2px;

	height: 188px;

	width: 247px;

}

footer .footer-left ul li a {

	width: 34px;

	height: 34px;

	border-radius: 2px;

	font-size: 18px;

	background: #707070;

	color: #fff;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	-ms-transition: .3s;

	transition: .3s;

	display: inline-block;

	text-align: center;

	line-height: 35px;

	margin-top: 5px;

	text-decoration: none;

}

footer .footer-left ul li a:hover {

	color: #fff !important;

}

.botton-bar {

	padding: 40px 0;

	width: 100%;

	background: #333333;

	text-align: center;

	color: #fff;

	float: left;

}

.botton-bar a {

	color: #fff;

}

/* ---------------------------------- SCROLL TO TOP ---------------------------------- */

a.scrollToTop {

	width: 50px;

	height: 50px;

	text-align: center;

	background: #fff;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

	position: fixed;

	bottom: 15px;

	right: 40px;

	display: none;

	border-radius: 25px;

	font-size: 32px;

	line-height: 32px;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	-o-transition: .5s;

	-ms-transition: .5s;

	transition: .5s;

	z-index: 9999;

}

.scrollToTop:hover {

	text-decoration: none;

	color: #fff !important;

	border-color: #fff;

}

/* ---------------------------------- ANIMATION ---------------------------------- */

.animate-in {

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	-ms-transition: .3s;

	transition: .3s;

}

.bottom-out {

	margin-top: 200px;

}

.bottom-out.animated {

	margin-top: 20px;

}

.fade-in {

	opacity: 0;

	margin-top: -20px;

}

.fade-in.animated {

	opacity: 1;

	margin-top: 0px;

}

.scale-less {

	opacity: 0;

	-ms-transform: scale(.8);

	-webkit-transform: scale(.8);

	-moz-transform: scale(.8);

	transform: scale(.8);

}

.scale-less.animated {

	opacity: 1;

	-ms-transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	transform: scale(1);

}

.left-out {

	margin-left: -100%;

	opacity: 0;

}

.left-out.animated {

	margin-left: 0;

	margin-top: -181px;

	opacity: 1;

}

.right-out {

	margin-right: -100%;

	opacity: 0;

}

.right-out.animated {

	margin-right: -70px;

	margin-top: -202px;

	opacity: 1;

}

.move-up {

	margin-top: 30px;

	opacity: 0;

}

.move-up.animated {

	margin-top: 0;

	opacity: 1;

}

.scale-big {

	opacity: 1;

	-ms-transform: scale(.9);

	-webkit-transform: scale(.9);

	-moz-transform: scale(.9);

	transform: scale(.9);

}

.scale-big.animated {

	-ms-transform: scale(1);

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	transform: scale(1);

	opacity: 1;

}

.small-spliter {

	width: 50px;

}

.small-spliter.animated {

	width: 20px;

}

/* ---------------------------------- CUSTOM MEDIA QUERY ---------------------------------- */

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

	.img-responsive {

		width: 100%;

	}

	.slider-wrapper header nav.main-nav {

		margin-right: 75px;

	}

	.section-wrapper .about-wrapper .about-box h6 {

		padding: 0;

	}

	.skills .skills-wrapper #skill-one.circle {

		margin-left: 50px;

	}

	.skills .skills-wrapper #skill-five.circle {

		margin-right: 50px;

	}

}



@media (min-width: 1171px) {

	footer .container {

		width: 1400px;

	}

}



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

	.slider-wrapper header nav.main-nav ul li {

		padding: 0 15px;

	}

	.half-container-left, .half-container-right {

		width: 50%;

	}

	.slider-wrapper header nav.main-nav {

		display: none;

	}

}

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

	.half-container-left, .half-container-right {

		width: 100%;

	}

	.half-container-right, .half-container-left {

		padding-left: 0;

		padding-right: 0;

	}

	.half-container-right .row > div, .half-container-left .row > div {

		padding-left: 30px;

		padding-right: 30px;

	}

	.yellow-background {

		float: left;

		width: 100%;

	}

	footer {

		text-align: left;

	}

	footer div {

		float: none;

	}

	footer .footer-left ul {

		text-align: left;

	}

	.container {

		overflow: hidden;

	}

}

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

	.top-bar .left-side, .top-bar .right-side {

		text-align: center;

	}

	.top-bar {

		height: auto;

		padding-bottom: 10px;

	}

	.left-out.animated {

		margin-left: -50px;

		margin-top: -181px;

	}

	.right-out.animated {

		margin-right: -50px;

		margin-top: -202px;

	}

	.price-holder:nth-of-type(2) {

		border-right: 1px solid #cdcdcd;

		border-left: 1px solid #cdcdcd;

		border-bottom: 0;

		border-top: 0;

	}

	.big-wrapper:hover .price-holder:nth-of-type(2) {

		border-bottom: 1px solid #cdcdcd;

		border-top: 1px solid #cdcdcd;

	}

	.page-slider {

		margin-bottom: 40px;

	}

	.page-content.contact-wrapper p {

		margin-top: 20px;

	}

	.detail-page-feature {

		height: auto;

	}

	.want-wrapper, .want-wrapper .animate-in.animated {

		text-align: center;

	}

	.want-wrapper a {

		float: none;

		margin-top: 20px;

	}

	.slider-wrapper .rider-slider .h1 {

		margin-top: 7% !important;

	}

	.slider-wrapper .rider-slider small {

		margin-top: 10% !important;

	}

	.slider-wrapper .rider-slider span {

		margin-top: 15% !important;

	}

	.slider-wrapper .rider-slider p {

		margin-top: 8% !important;

	}

	.slider-wrapper .rider-slider span.spliter {

		margin-top: 11% !important;

	}

	.slider-wrapper .rider-slider a {

		margin-top: 14% !important;

		font-size: 12px !important;

		padding: 5px 10px !important;

		font-size: 12px !important;

		padding: 5px 10px !important;

		left: 0 !important;

		width: 60px;

		right: 0 !important;

		margin: 70px auto !important;

	}

	.slider-wrapper .rider-slider .last-slide .h1 {

		left: auto !important;

		right: 50px !important;

	}

	.slider-wrapper .rider-slider .last-slide small {

		left: auto !important;

		right: 50px !important;

	}

	.slider-wrapper .rider-slider .last-slide span {

		left: auto !important;

		right: 50px !important;

	}

	.slider-wrapper .rider-slider .last-slide p {

		left: auto !important;

		right: 50px !important;

	}

	.slider-wrapper .rider-slider .last-slide span.spliter {

		left: auto !important;

		right: 50px !important;

	}

	.slider-wrapper .rider-slider .last-slide a {

		left: auto !important;

		right: 50px !important;

	}

}

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

	.mac {

		width: 250px;

	}

	.laptop {

		width: 150px;

	}

	.ipad {

		width: 70px;

	}

}

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

	.services-content .overlap h4 small {

		font-size: 14px;

	}

	.services-content .overlap h4 {

		font-size: 22px;

		margin-left: 15px;

	}

	.services-content .overlap span {

		font-size: 12px;

		padding: 4px 12px;

	}

	.services-content:hover .overlap span {

		margin-left: 15px

	}

	.section-wrapper .heding-wrapper h3 {

		font-size: 24px;

	}

	.testimonial-wrapper .h2 {

		font-size: 30px;

	}

	.slider-wrapper .rider-slider small, .slider-wrapper .rider-slider p {

		font-size: 14px !important;

	}

	.slider-wrapper .rider-slider a {

		font-size: 12px !important;

		padding: 5px 10px !important;

	}

	.ms-nav-prev, .ms-nav-next {

		display: none !important;

	}

	.page-content-wrapper h1 {

		font-size: 28px;

	}

}

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

	.contact-holder .detail-holder {

		margin-bottom: 25px;

	}

}

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

	.container {

		overflow: hidden;

	}

}

/*********************************** tabber *****************************************/

.clear-class {

	clear: both;

}

.adds {

	margin-top: 0%;

}

.adds .tab-content {

	padding: 30px 0% 50px;

}

.adds .tab-content p {

	font-family: "Asap", sans-serif;

	font-weight: normal;

	color: #fff;

	line-height: 1.6em;

}

.adds .tab-content h4 {

	font-family: "Asap", sans-serif;

	font-weight: normal;

	color: #666666;

	line-height: 2.2em;

}

.adds .tab-content ul li {

	font-family: "Asap", sans-serif;

	font-weight: normal;

	color: #666666;

	line-height: 1.6em;

	margin-left: 10px;

}

.adds .nav-tabs {

	border-bottom: 0px;

	margin: 0 auto;

	padding-top: 60px;

}

.adds .nav-tabs li {

	display: inline-block;

	float: none;

}

.adds .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {

	background-color: #474747;

	border-radius: 0px;

	color: #ffffff;

	font-family: "Asap", sans-serif;

	font-weight: normal;

	letter-spacing: 0.1em;

	border: 2px solid #474747;

}

.adds .nav-tabs > li > a {

	border: 2px solid #ffffff;

	border-radius: 0px;

	line-height: 1.42857;

	margin: 0 5px;

	color: #333333;

	font-family: "Asap", sans-serif;

	font-weight: normal;

	letter-spacing: 0.1;

	background: #fff;

}

.adds .nav-tabs > li > a:hover {

	background: #474747;

	color: #fff;

}

.border-left {

	background-color: #fff;

}

/* ===== about us page styling here ======== */

.skills-slider-holder span {

	color: #fff;

}

/* ======= blog page start here ========= */

.page-content-wrapper .blog-post-holder .meta-item a {

	color: #333;

}

.page-content-wrapper .blog-post-holder h1,

.page-content-wrapper .blog-post-holder h2 a {

	color: #333;

}

/* ======= blog Details left bar page start here ========= */

.recent-post-content a {

	color: #333;

}

aside.recent-post li {

	margin-top: 20px;

	clear: both;

	padding-bottom: 20px;

}

/* ========  index main page for selection temlate section =========== */

.bg-body {

	background: url(../images/background.jpg) center fixed;

}

.indx-h1 {

	color: #fff;

}

.indx-h2 {

	text-align: center;

}

.show-big {

	width: 100%;

	overflow: hidden;

	display: block;

}

.show-big img {

	transition: all .3s ease 0s;

}

.show-big img:hover {

	-ms-transform: scale(1.2);

	-webkit-transform: scale(1.2);

	-moz-transform: scale(1.2);

	transform: scale(1.2);

}

/* ================ Sharjeel Responsive Styling ================= */

.col-footer {

	text-align: left;

}

/*------- Just Navigation ----------- */

@media (min-width:1025px) and (max-width:1199px) {

	.slider-wrapper header nav.main-nav {

		margin-right: 0px;

	}

	.slider-wrapper header nav.main-nav ul li {

		margin: 0 5px;

	}

	.slider-wrapper header nav.main-nav ul li a {

		padding: 0 7px;

	}

}

@media (min-width:320px) and (max-width:1024px) {

	.wrap {

		float: none;

		margin: 10px 0px !important;

	}

	.cd-primary-nav {

		padding: 100px 0;

	}

	.cd-primary-nav a {

		width: 100%;

		height: auto;

	}

	.cd-primary-nav li {

		margin: 0 !important;

	}

}

/* ========== End Navigation styling here ================ */

/* ========== Start all other responsiveness ============= */

@media (min-width:1170px) and (max-width:1199px) {

	.red-banner-img figure img {

		padding-top: 25%;

	}

}

@media (min-width:992px) and (max-width:1169px) {

	.red-banner-img figure img {

		padding-top: 39%;

	}

}

@media (min-width:992px) and (max-width:1199px) {

	.section-wrapper .heding-wrapper p {

		float: none;

	}

	#services ul {

		margin-left: 20px;

	}

	.half-container-right {

		float: left;

		width: 100%;

		padding-right: 0px;

	}

	.half-container-right .row > div {

		padding-left: 15px;

	}

	.half-container-left1 {

		width: 100%;

	}

	.adds .nav-tabs > li > a {

		margin-right: 0px;

		padding: 5px 10px;

	}

	.mask h3 a small {

		font-size: 14px !important;

	}

	.team-holder a img {

		width: 100%;

	}

	/* ==== about us page ======= */

	.page-content-wrapper h1 {

		line-height: 35px;

	}

	.col-small {

		width: 100%;

	}

	/* ==== Blog with left bar page ======= */

	.detail-page-feature {

		height: auto;

	}

	/* ===== Price Page ===== */

	.half-container-left {

		width: 100% !important;

	}

	.section-wrapper .page-content-wrapper .heding-wrapper {

		padding-top: 30px;

		margin-bottom: 10px;

	}

	footer .footer-left ul li:first-child {

		margin-left: 5px;

	}

	.adds .nav-tabs {

		width: 53%;

	}

	#services li span {

		font-size: 16px;

	}

	.nav-tabs>li {

		margin-right: 10px;

	}

}

@media (min-width:768px) and (max-width:991px) {

	.section-wrapper .heding-wrapper p {

		float: none;

	}

	.sm-col {

		width: 100%;

		padding-left: 0;

	}

	.half-container-right1 {

		padding-bottom: 2%;

	}

	.sm-portfolio:before {

		content: normal !important;

	}

	.sm-portfolio:after {

		clear: none !important;

	}

	.colSm-right {

		width: 100%;

	}

	.adds {

		margin-top: 3%;

		padding-left: 15px;

	}

	.adds .nav-tabs {

		border-bottom: 0px;

		text-align: center;

	}

	.colSm-right .half-container-left1 {

		padding-bottom: 2%;

		float: left;

		width: auto;

	}

	.colSm-6 {

		width: 50%;

		margin-bottom: 20px;

		padding-left: 10px !important;

		padding-right: 10px !important;

	}

	.colSm-6 .view {

		float: none;

	}

	.section-wrapper {

		padding-bottom: 0px;

	}

	#services ul {

		margin: 0px 0 20px;

	}

	.col-clearFix {

		display: table;

		content: " ";

		clear: both;

	}

	/* ==== about us page ======= */

	.page-content-wrapper h1 {

		line-height: 35px;

	}

	.col-small {

		width: 100%;

	}

	.about-skills {

		margin-top: 20px;

	}

	/* ======= blog page start here ========= */

	.detail-page-feature {

		height: auto;

	}

	/* ======= blog Details left bar page start here ========= */

	.aside.recent-post li {

		margin-top: 20px;

		clear: both;

		padding-bottom: 20px;

	}

	/* ======= blog Details Right bar page start here ========= */

	.right-blogSide li a img {

		float: none;

	}

	.border-halfside {

		border-right: none;

	}

	.box-heding > h3 {

		font-size: 20px;

	}

	.red-banner-img figure img {

		padding-top: 10px;

		margin-bottom: 40px;

	}

	.client-wrapper img {

		margin-bottom: 15px;

	}

	.contact-holder .detail-holder {

		margin-bottom: 20px;

	}

	.contact-detail {

		margin-bottom: 40px;

	}

	.first-nav {

		padding-top: 15px;

	}

}

@media (min-width:480px) and (max-width:767px) {

	.cd-primary-nav {

		padding: 145px 0 !important;

	}

	.section-wrapper .heding-wrapper p {

		float: none;

	}

	.half-container-right1 {

		padding-bottom: 2%;

	}

	.sm-col {

		padding-left: 0;

	}

	.sm-portfolio:before {

		content: normal !important;

	}

	.sm-portfolio:after {

		clear: none !important;

	}

	.colSm-right {

		width: 100%;

	}

	.adds {

		margin-top: 0%;

		padding-left: 0px;

	}

	.adds .nav-tabs {

		border-bottom: 0px;

		margin-bottom: 30px;

	}

	.colSm-right .half-container-left1 {

		padding-bottom: 2%;

		float: left;

	}

	.adds .tab-content {

		padding: 0% 0px 0px 0%;

		margin: 0 0 50px 0;

	}

	.skilk {

		padding-bottom: 0 !important;

	}

	.colSm-6 {

		width: 50%;

		margin-bottom: 20px;

		padding-left: 10px !important;

		padding-right: 10px !important;

		float: left;

	}

	.colSm-6 .view {

		float: none;

	}

	.section-wrapper {

		padding-bottom: 20px;

	}

	.contact-background {

		padding-bottom: 0;

	}

	#services ul {

		margin: 0px 0 20px;

	}

	.team-holder {

		margin-left: 10px;

		margin-right: 10px;

	}

	.slider-wrapper .rider-slider small, .slider-wrapper .rider-slider p {

		font-size: 14px !important;

		left: 0 !important;

		right: 0 !important;

		text-align: center;

		margin-top: 6% !important;

	}

	.slider-wrapper .rider-slider small {

		margin-top: 2% !important;

		text-align: center;

	}

	.slider-wrapper .rider-slider .h1 {

		left: 0 !important;

		right: 0;

		margin-top: 1% !important;

		text-align: center;

	}

	.slider-wrapper .rider-slider span {

		margin-top: 11% !important;

		text-align: center;

		left: 0 !important;

		right: 0;

	}

	.slider-wrapper .rider-slider span.spliter {

		margin-top: 11% !important;

		text-align: center;

		left: 0 !important;

		right: 0 !important;

		width: 70px;

		margin: 13% auto !important;

	}

	.slider-wrapper .rider-slider a {

		font-size: 12px !important;

		padding: 5px 10px !important;

		left: 0 !important;

		width: 60px;

		right: 0 !important;

		margin: 70px auto !important;

	}

	.slider-wrapper .rider-slider a {

		font-size: 12px !important;

		padding: 5px 10px !important;

		font-size: 12px !important;

		padding: 5px 10px !important;

		left: 0 !important;

		width: 60px;

		right: 0 !important;

		margin: 72px auto !important;

	}

	.sm-portfolio:before {

		content: normal !important;

	}

	.sm-portfolio:after {

		clear: none !important;

	}

	.adds .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {

		padding: 5px 5px;

	}

	.adds .nav-tabs > li > a {

		padding: 5px 5px;

	}

	.adds .nav-tabs > li > a {

		margin: 1px !important;

	}

	.half-container-right .row > div, .half-container-left .row > div {

		padding-left: 15px;

		padding-right: 15px;

	}

	.specilize-wrapper .h6 {

		margin-bottom: 20px;

	}

	/* ==== about us page ======= */

	.page-content-wrapper h1 {

		line-height: 35px;

	}

	.col-small {

		width: 100%;

	}

	.about-skills {

		margin-top: 20px;

	}

	/* ======= blog page start here ========= */

	.page-content-wrapper .blog-post-holder h2 a {

		font-size: 28px;

	}

	.pagination ul li a {

		padding: 5px 7px;

	}

	.pagination ul li span {

		padding: 5px 7px;

	}

	/* ===== Price Page ===== */

	.section-wrapper .page-content-wrapper .heding-wrapper {

		padding-top: 30px;

	}

	.border-halfside {

		border-right: none;

	}

	.col-clearFix {

		display: table;

		content: " ";

		clear: both;

	}

	.red-banner-img figure img {

		padding-top: 10px;

		margin-bottom: 40px;

	}

	.col-footer a img.img-responsive {

		width: 60%;

	}

	.client-wrapper img {

		margin-bottom: 15px;

	}

	.adds .tab-content p {

		text-align: left;

	}

}

@media (min-width:320px) and (max-width:479px) {

	.cd-primary-nav {

		padding: 145px 0 !important;

	}

	.slider-wrapper header figure a img {

		width: 90%;

	}

	.ms-slide-layers {

		display: none;

	}

	.more-about a {

		padding: 10px 10px;

	}

	.section-wrapper .heding-wrapper p {

		float: none;

	}

	.half-container-right1 {

		padding-bottom: 2%;

	}

	.sm-col {

		padding-left: 0;

	}

	.sm-portfolio:before {

		content: normal !important;

	}

	.sm-portfolio:after {

		clear: none !important;

	}

	.colSm-right {

		width: 100%;

	}

	.adds {

		margin-top: 0;

		padding-left: 0px;

	}

	.adds .nav-tabs {

		border-bottom: 0px;

		margin: 0% 0 30px 0%;

		width: 100%;

		padding-bottom: 10px;

	}

	.nav-tabs > li {

		margin-bottom: -1px;

		float: none !important;

	}

	.colSm-right .half-container-left1 {

		padding-bottom: 2%;

		float: left;

	}

	.adds .tab-content {

		padding: 0% 0px 0px 0%;

		margin: 0% 0 50px 0;

	}

	.colSm-6 {

		width: 100%;

		margin-bottom: 10px;

		padding-left: 10px !important;

		padding-right: 10px !important;

		float: left;

	}

	.colSm-6 .view {

		float: none;

	}

	.section-wrapper {

		padding-bottom: 20px;

	}

	.contact-background {

		padding-bottom: 0;

	}

	#services ul {

		margin: 0px 0 20px;

	}

	.team-holder {

		width: 100%;

	}

	.slider-wrapper .rider-slider small, .slider-wrapper .rider-slider p {

		font-size: 14px !important;

		left: 0 !important;

		right: 0 !important;

		text-align: center;

	}

	.slider-wrapper .rider-slider small {

		margin-top: 10% !important;

		text-align: center;

	}

	.slider-wrapper .rider-slider .h1 {

		left: 0 !important;

		right: 0;

		margin-top: 7% !important;

		text-align: center;

	}

	.slider-wrapper .rider-slider span {

		margin-top: 15% !important;

		text-align: center;

		left: 0 !important;

		right: 0;

	}

	.slider-wrapper .rider-slider span.spliter {

		margin-top: 11% !important;

		text-align: center;

		left: 0 !important;

		right: 0 !important;

		width: 70px;

		margin: 13% auto !important;

	}

	.slider-wrapper .rider-slider a {

		font-size: 12px !important;

		padding: 5px 10px !important;

		left: 0 !important;

		width: 60px;

		right: 0 !important;

		margin: 70px auto !important;

	}

	.slider-wrapper .rider-slider a {

		font-size: 12px !important;

		padding: 5px 10px !important;

		font-size: 12px !important;

		padding: 5px 10px !important;

		left: 0 !important;

		width: 60px;

		right: 0 !important;

		margin: 80px auto !important;

	}

	.sm-portfolio:before {

		content: normal !important;

	}

	.sm-portfolio:after {

		clear: none !important;

	}

	.adds .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {

		padding: 5px 2px;

		font-size: 12px;

	}

	.adds .nav-tabs > li > a {

		padding: 5px 2px;

		font-size: 12px;

	}

	.adds .nav-tabs > li > a {

		margin: 1px !important;

		margin-bottom: 5px !important;

	}

	.skilk {

		padding-bottom: 0 !important;

	}

	.client-wrapper img {

		margin: 5px 0px;

	}

	.half-container-right .row > div, .half-container-left .row > div {

		padding-left: 15px;

		padding-right: 15px;

	}

	.portfolio-wrapper ul li {

		margin: 0 17px;

	}

	.panel-collapse .panel-body {

		margin-left: 0;

	}

	.specilize-wrapper .h6 {

		margin-bottom: 20px;

	}

	.section-wrapper .heding-wrapper span {

	}

	/* ==== about us page ======= */

	.page-content-wrapper h1 {

		line-height: 35px;

	}

	.col-small {

		width: 100%;

	}

	.about-skills {

		margin-top: 20px;

	}

	/* ======= blog page start here ========= */

	.page-content-wrapper .blog-post-holder h1 {

		font-size: 28px;

		line-height: 34px;

	}

	.pagination ul li a {

		padding: 7px 10px;

	}

	.pagination ul li span {

		padding: 7px 10px;

	}

	.page-content-wrapper .blog-post-holder .meta-item {

		margin: 0 5px;

	}

	/* ===== Price Page ===== */

	.section-wrapper .page-content-wrapper .heding-wrapper {

		padding-top: 0;

		margin-bottom: 10px;

	}

	.border-halfside {

		border-right: none;

	}

	.col-clearFix {

		display: table;

		content: " ";

		clear: both;

	}

	.red-banner-img figure img {

		padding-top: 10px;

		margin-bottom: 40px;

	}

}

/* ===== Sidebar ===== */

.st-content {

	overflow-y: scroll;

	background: #f3efe0;

}

.st-content,

.st-content-inner {

	position: relative;

}

.st-container {

	position: fixed;

	left: 0;

	top: 0;

	width: 0;

	height: 100%;

	z-index: 13330;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

	color: #fff;

}

.st-menu-open.st-container {

	width: 100%;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.st-pusher {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	perspective: 1333px;

	background: rgba(0,0,0,0.2);

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.st-menu-open .st-pusher {

	opacity: 1;

	visibility: visible;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}

.st-menu {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 100;

	visibility: hidden;

	width: 300px;

	height: 100%;

	background: #474747;

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

	padding: 20px 10px;

}

.st-menu::after {

	position: absolute;

	top: 0;

	right: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.2);

	content: '';

	opacity: 1;

	-webkit-transition: opacity 0.5s;

	transition: opacity 0.5s;

}

.st-menu-open .st-menu::after {

	width: 0;

	height: 0;

	opacity: 0;

	-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;

	transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;

}

.st-menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.st-menu h2 {

	margin: 0;

	padding: 1em;

	color: rgba(0,0,0,0.4);

	text-shadow: 0 0 1px rgba(0,0,0,0.1);

	font-weight: 300;

	font-size: 2em;

}

.st-menu ul li a {

	display: block;

	padding: 1em 1em 1em 1.2em;

	outline: none;

	box-shadow: inset 0 -1px rgba(0,0,0,0.2);

	color: #f3efe0;

	text-transform: uppercase;

	text-shadow: 0 0 1px rgba(255,255,255,0.1);

	letter-spacing: 1px;

	font-weight: 400;

	-webkit-transition: background 0.3s, box-shadow 0.3s;

	transition: background 0.3s, box-shadow 0.3s;

}

.st-menu ul li:first-child a {

	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);

}

.st-menu ul li a:hover {

	background: rgba(0,0,0,0.2);

	box-shadow: inset 0 -1px rgba(0,0,0,0);

	color: #fff;

}

/* ===== Effect: Slide in on top ===== */

.st-effect-1.st-menu {

	visibility: visible;

	-webkit-transform: translate3d(-100%, 0, 0);

	transform: translate3d(-100%, 0, 0);

}

.st-effect-1.st-menu-open .st-effect-1.st-menu {

	visibility: visible;

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.st-effect-1.st-menu::after {

	display: none;

}

.toggle-panel {

	position: absolute;

	left: 306px;

	top: 3px;

	width: 35px;

	height: 35px;

	line-height: 35px;

	z-index: 133300;

	text-align: center;

	color: #474747;

	font-size: 25px;

	cursor: pointer;

}

/*

@-webkit-keyframes rotating /* Safari and Chrome  {

	from {

		-ms-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-webkit-transform: rotate(0deg);

		-o-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	to {

		-ms-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-webkit-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@keyframes rotating {

	from {

		-ms-transform: rotate(0deg);

		-moz-transform: rotate(0deg);

		-webkit-transform: rotate(0deg);

		-o-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	to {

		-ms-transform: rotate(360deg);

		-moz-transform: rotate(360deg);

		-webkit-transform: rotate(360deg);

		-o-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

.rotating {

	background: #fff;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	-webkit-animation: rotating 2s linear infinite;

	-moz-animation: rotating 2s linear infinite;

	-ms-animation: rotating 2s linear infinite;

	-o-animation: rotating 2s linear infinite;

	animation: rotating 2s linear infinite;

}*/





/* ===== PLAGINS COLORS ===== */

.rider-slider:hover .ms-skin-black-2 .ms-nav-next,

.rider-slider:hover .ms-skin-black-2 .ms-nav-prev {

	opacity: 0.25 !important;

	-webkit-transition: opacity 0.5s ease 0.2s;

	transition: opacity 0.5s ease 0.2s;

}

.rider-slider .ms-skin-black-2 .ms-nav-next,

.rider-slider .ms-skin-black-2 .ms-nav-prev {

	opacity: 0 !important;

	-webkit-transition: opacity 0.5s ease 0.2s;

	transition: opacity 0.5s ease 0.2s;

}

.rider-slider:hover .ms-skin-black-2 .ms-nav-next:hover,

.rider-slider:hover .ms-skin-black-2 .ms-nav-prev:hover {

	opacity: 1 !important;

	-webkit-transition: opacity 0.5s ease;

	transition: opacity 0.5s ease;

}

/* ===== FORM ALERT ===== */

.form-alert {

	position: fixed;

	left: 0;

	top: 0;

	display: table;

	width: 100%;

    height: 100%;

    z-index: 100000;

	background: rgba(0, 0, 0, .2);

}

.form-alert .c-row {

	display: table-row;

}

.form-alert .c-cell {

	text-align: center;

}

.form-alert .alert-content {

	display: inline-block;

	background: #fff;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);

	box-shadow: 0 0 10px rgba(0, 0, 0, .2);

	padding: 20px;

}

/* ===== Wide/Boxed ===== */

body.boxed .boxed-wrapper {

	left: auto;

	max-width: 1170px;

	width: 100%;

	margin: auto;

	float: none;

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);

	box-shadow: 0 0 10px rgba(0, 0, 0, .2);

}

body.boxed {

	background-attachment: fixed;

}

body .boxed-wrapper {

	background-color: #fff;

}

body.boxed header {

	max-width: 1170px;

	left: auto;

}

.buttons-list {

	text-align: center;

	font-size: 0;

}

.buttons-list .item {

	display: inline-block;

	vertical-align: middle;

	width: 100px;

	padding: 5px 10px;

	border: 2px solid #fff;

	cursor: pointer;

	font-size: 16px;

	text-transform: uppercase;

	margin: 0 5px;

	-webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.buttons-list .item.active {

	background: #fff;

	color: #474747;

	-webkit-transition: all 0.2s ease;

	transition: all 0.2s ease;

}

.section-title {

	text-transform: uppercase;

	font-size: 18px;

	margin: 30px 0 10px 0;

	text-align: center;

}

.items-switcher {

	font-size: 0;

	text-align: center;

}

.items-switcher .item {

	width: 34px;

	height: 24px;

	display: inline-block;

	vertical-align: middle;

	margin: 5px;

	cursor: pointer;

}

.items-switcher .item.active {

	border: 2px solid #fff;

}

.patterns-list .item.active,

.backgrounds-list .item.active {

	border-color: #e53838;

}

body[data-bg-type="background"] .patterns-list .item,

body[data-bg-type="pattern"] .backgrounds-list .item {

	border: 0;

}

body[data-bg-type="background"] {

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

}

.colors-list .item.red {

	background: #e53838;

}

.colors-list .item.blue {

	background: #00a4e4;

}

.colors-list .item.orange {

	background: #db5940;

}

.colors-list .item.green {

	background: #66aa33;

}

.colors-list .item.violet {

	background: #8f499c;

}

.slider-wrapper header[data-position="absolute"] {

	position: absolute;

}

.boxed-pattern,

.boxed-background {

	display: none;

}

body.boxed .boxed-pattern,

body.boxed .boxed-background {

	display: block;

}

.boxed-pattern .item {

	background-repeat: no-repeat;

	background-position: center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

}

.g-recaptcha {

	margin-bottom: 40px

}