@media screen and (min-width:10px) and (max-width:767px) {
	.res {
		float: left !important;
		clear: none !important;
		text-align: left !important;
		width: 71%;
	}

	}


	@import url(css/flexslider.css) screen;
	@import url(css/prettyPhoto.css) screen;
	@import url(css/fhmm.css) screen;
	@import url(css/bbpress.css) screen;
	@import url(css/owl.carousel.css) screen;
	@import url(css/hover_pack.css) screen;
	@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

	/*	################################################################
		1. GENERAL STRUCTURES
	################################################################# */
		* {
			margin: 0;
			padding: 0px;
		}
		body {
			font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
			font-size:13px;
			line-height:20px;
			position:relative;
			background:#efefef;
			color:#656565;
			padding:0;
			margin:0;
		}

		html {
			overflow-x: hidden;
			overflow-y: auto;
		}

		html,
		body {
			height: 100%;
		}

		div.body {
			height: 100%;
			width: 100%;
		}

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

		.hidden { display: none; }
		.alignleft { float: left; }
		.alignright { float: right; }
		.aligncenter {
			margin-left: auto;
			margin-right: auto;
			display: block;
			clear: both;
		}
		.clear {
			clear: both;
			display: block;
			font-size: 0;
			height: 0;
			line-height: 0;
			width:100%;
		}
		::-moz-selection  {
			color: #fff;
			text-shadow:none;
			background:#2B2E31;
		}
		::selection {
			color: #fff;
			text-shadow:none;
			background:#2B2E31;
		}
		*,
		*:after,
		*:before {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			padding: 0;
			margin: 0;
		}
		a {
			color:#0099FF;
			padding: 0;
			margin: 0;
			text-decoration: none;
		}

		a:hover,
		a:focus {
		  text-decoration: none;
		  color:#01090C;
		}
		a img {
			border: none;
			vertical-align: bottom;
		}
		a.remove{
			display:block;
			height:18px;
			width:18px;
			margin:10px;
			padding-left:0 !important;
			text-indent:-9999px;
			background:url(images/remove.png) #01090C;
			border-radius:100px;
			border-style:solid;
			border-width:1px
		}

		h1,h2,h3,h4,h5,h6{
			letter-spacing:0px;
			font-weight:normal;
			position: relative;
			padding: 0 0 10px 0;
			font-weight:normal;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
			line-height:140% !important;
			color:#01090c;
		}

		h1{
			font-size: 22px;
		}

		h2{
			font-size: 20px;
		}

		h3{
			font-size: 18px;
		}

		h4{
			font-size: 16px;
		}

		h5{
			font-size: 14px;
		}

		h6{
			font-size: 13px;
		}
		p,
		pre,
		ul,
		ol,
		dl,
		dd,
		blockquote,
		address,
		table,
		fieldset,
		form
		{ margin-bottom: 20px; text-align:justify;}

		a img {
			border: none;
		}

		ul,
		ol,
		dl { margin-left: 30px; }
		ul,
		ol,
		dl {
		  margin-bottom: 1.25em;
		  font-family: inherit;
		}
		ul, ol {
		  margin-left: 0;
		}
		ul.no-bullet, ol.no-bullet {
			margin-left: 0;
		}
		ul li ul,
		ul li ol {
		  margin-left: 1.25em;
		  margin-bottom: 0;
		}
		ol li ul,
		ol li ol {
		  margin-left: 1.25em;
		  margin-bottom: 0;
		}
		dl dt {
		  margin-bottom: 0.3em;
		  font-weight: bold;
		}
		dl dd {
		  margin-bottom: 0.75em;
		}
		.lead {
			font-family: 'Droid Sans', Arial, Helvetica, sans-serif !important;
			font-size:14px;
			margin:15px 0;
			padding:0;
		}
	p a:hover{
		color:#fff !important;
	}

		section::before,
		section::after {
			position: absolute;
			content: '';
			pointer-post-wraps: none;
		}
		.first {clear:both}
		.last{margin-right:0}

		audio,
		video {
			max-width: 100%;
			height: auto;
		}

		#soundcloud {
			margin-bottom:-5px !important;
		}

		iframe,
		embed,
		object {
			max-width: 100%;
		}

	/*	################################################################
		2. SITE STRUCTURES
	################################################################# */

		.rating i,
		.shop_item .icon-view a,
		.shop_item .icon-link a,
		.portfolio_wrapper span a,
		#timeline .read-more a,
		#timeline .views a,
		#timeline .post-type a,
		#owl-blog .read-more a,
		#owl-blog .views a,
		#owl-blog .post-type a,
		.section-footer .widget-title h3,
		.section-darkbg a:hover,
		.section-darkbg i,
		.section-darkbg h5,
		.section-darkbg h4,
		.section-darkbg h3,
		.section-darkbg h2,
		.section-darkbg h1,
		.section-colorizedbg .servicetitle h3,
		.section-colorizedbg .service-icon i,
		.section-transparentbg .highlight,
		.section-transparentbg .f-element i,
		.section-transparentbg .milestone-details,
		.section-transparentbg i,
		.section-colorizedbg .bigtitle,
		.miniicon span a,
		.social span a,
		.about_widget .social span a,
		.section-transparentbg p,
		.section-transparentbg h4,
		.section-transparentbg h2 {
			color:#ffffff;
		}

		.site-header .social {
			margin:10px 0;
		}
		.tagline,
		.fullnav {
			margin-top:15px;
		}
		.tagline {
			font-style:italic;
		}
		.topbar.whitebg {
			background:#ffffff !important;
			text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
		}
		.topbar.whitebg  a,
		.topbar.whitebg .callus span {
			color:#656565 !important;
		}
		.section-footer.whitebg {
			background:#ffffff;
			border-top-color:#efefef;
		}
		.section-footer.whitebg .widget-title h3 {
			color:#01090C;
		}

	/*	################################################################
		3. HEADER STYLES
	################################################################# */

		.topbar a {
			color:#ffffff;
		}

		.topbar p {
			font-size:12px !important;
			padding: 10px 0 0;
			margin-bottom:10px;
		}

		.topbar .topmenu {
			background:#ffffff;
			background:rgba(255, 255, 255, 0.3);
			display: inline-block;
			margin: 6px 0 0 0;
			padding: 2.2px 5px;
			position: relative;
		}

		.topbar .topflags {
			background:#ffffff;
			background:rgba(255, 255, 255, 0.3);
			display: inline-block;
			margin: 6px 12px 0 0;
			padding: 2.4px 5px;
			position: relative;
		}

		.topbar .topmenu li {
			border-right:1px solid rgba(255, 255, 255, 0.3);
		}

		.topbar .topmenu li {
			float: left;
			line-height: 10px;
			list-style: none;
			padding: 5px 10px;
		}

		.topbar .topflags li {
			float: left;
			line-height: 11px;
			list-style: none;
			padding: 5px 4px 6px;
		}

		.topbar .topflags li a {
			border: 0 none;
			display: block;
			outline: medium none;
		}

		.topbar .topflags li img {
			display: block;
			padding: 0;
		}

		.callus span {
			margin-right:10px;
			color:#ffffff;
		}
		.callus p {
			font-size:12px;
		}

		.header-wrapper {
			background-color:#ffffff;
			border-top:1px solid #ededed;
			border-bottom:1px solid #ededed;
		}

		.site-header{
			padding:0 0 5px;
		}

		.header-image .title-area {
			padding: 0;
		}

		.header-image .site-header .site-title a {
			height:65px;
			min-height:65px;
			padding: 0;
		}

		.scroll {
			margin-top:0;
		}

		.scroll.affix {
			position: fixed;
			top: -1px;
			left: 0;
			width: 100%;
			margin-top:0;
			z-index: 99;
			background:#ffffff;
			background: rgba(255,255,255,1);
			border-bottom: 1px solid #cbc9c9;
		}

	.navbar-nav > li > a {
		border-top: 3px solid #FFFFFF;
		color: #656565;
		font-size: 13px;
		font-weight: 400;
		line-height: 1.573em;
		padding: 20px 10px;
		text-decoration: none;
		font-weight: bold;
	}
	li a i.fa.fa-sign-out
	{
		color:#dc1e7e !important;
	}
	li a:hover i.fa.fa-sign-out
	{
		color:white !important;
	}
	.navbar-nav > li:hover > a,.navbar-nav > li > a:focus
	{
		border-top: 3px solid #dc0f76 !important;
	}
	.navbar-default {
		background: rgba(255, 255, 255, 0);
	  border:0 solid #ffffff;
	  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.065);
	  box-shadow: 0 0 0 rgba(0, 0, 0, 0.065);
	  margin-top: 2.6%;
	  /*float: right;*/
	}
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background:#ffffff;
	}
	.navbar {margin-bottom:0;}
	.navbar-collapse {padding:0 0 0 15px}
	.dropdown-menu {
	  position: absolute;
	  top: 100%;
	  left: 0;
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 160px;
	  padding: 0 0;
	  margin: 5px 0 0;
	  list-style: none;
	  font-size: 13px;
	  background-color: #ffffff;
	  border: 1px solid #efefef;
	  border: 1px solid rgba(0, 0, 0, 0.05);
	  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
	  box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
	  background-clip: padding-box;
	}
	.dropdown-menu > li > a {
		clear: both;
		color: #656565;
		display: block;
		font-weight: normal;
		line-height: 1.42857;
		padding: 8px 15px;
		font-size:12px;
		white-space: nowrap;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus {
	  text-decoration: none;
	  color: #ffffff;
	  background-color: #dc2a84;
	}
	.navbar-nav > li > .dropdown-menu {margin-top:3px}
		.searchicon {
			color: #237DAC;
			z-index: 90;
			float:right;
		}

		#dmsearch {
			float: right !important;
			height: 27px;
			right:0;
			position:absolute;
			margin: 6px 0 0 0 ;
			padding: 0;
		}

		.searchicon:before {
			content: "\f002";
			border-left:1px solid rgba(255, 255, 255, 0.2);
			background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
			color: #FFFFFF !important;
			display: block;
			font-family: 'FontAwesome';
			font-size: 13px;
			font-style: normal;
			font-variant: normal;
			font-weight: normal;
			height: 27px;
			line-height: 27px;
			text-transform: none;
			width: 27px;
		}

		.dmsearch {
			width: 27px;
			z-index: 10;
		}

		.dm-search-container {
			position: absolute;
			right: 0;
			height: 27px;
			width: 0;
			overflow: hidden;
			-webkit-transition: width 200ms;
			-moz-transition: width 200ms;
			transition: width 200ms;
		}

		.dmsearch.dmsearch-open .dm-search-container {
			width: 230px;
		}

		.searchicon,
		input[type="submit"].dmsearch-submit  {
			width: 27px;
			height: 27px;
			display: block;
			position: absolute;
			right: 0;
			top: 0;
			line-height: 27px;
			text-align: center;
			cursor: pointer;
		}

		.searchicon {
			z-index: 90;
		}

		.dmsearch.dmsearch-open .searchicon{
			z-index: 1;
			pointer-events: none;
		}

		input[type="submit"].dmsearch-submit {
			background: transparent;
			color: transparent;
			box-shadow: none;
			border: none;
			padding: 0;
			border-radius: 0;
			outline: none;
			z-index: -1;
		}

		.dmsearch.dmsearch-open input[type="submit"].dmsearch-submit {
			z-index: 90;
		}

		input[type="text"].dmsearch-input {
			border: none;
			outline: none;
			opacity: 0;
			background: #ffffff;
			width: 230px;
			height: 27px;
			margin: 0;
			padding: 2px 7px;
		}

		.dmsearch.dmsearch-open input[type="text"].dmsearch-input {
			opacity: 1;
		}

		::-webkit-input-placeholder {
			color: #aaaaaa;
		}

		:-moz-placeholder {
			color: #aaaaaa;
		}

		::-moz-placeholder {
			color: #aaaaaa;
		}

		:-ms-input-placeholder {
			color: #aaaaaa;
		}

	/*	################################################################
		4. SECTIONS
	################################################################# */

		/* Section Boxed Layout */

		body#boxed #wrapper {
			margin:30px auto !important;
		}

		body#boxed {
		  background: url(sliderimages/01_bg.png) no-repeat center center fixed;
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		}

		/* Section Slider */

		.section-slider {
			background-color:#efefef;
		}

		/* Section Grey */

		.section-grey {
			background-color:#f5f5f5;
			padding:60px 0;
			border-top:1px solid #ededed;
			border-bottom:1px solid #ededed;
		}

		/* Section Dark */

		.section-darkbg {
			background-color:#232527;
			padding:60px 0;
			border-top:1px solid #333333;
			border-bottom:1px solid #1a1a1a;
		}

		/* Section Footer */

		.section-footer {
			background-color: #2c2c2c;
			padding:40px 0;
			border-top:1px solid #1a1a1a;
			border-bottom:1px solid #2a2a2a;
		}

		/* Section copyright */

		.section-copyright {
			background-color: #2e3032;
			padding:10px 0;
			border-top: 1px solid #5a5a5a;
		}

		/* Section White */

		.section-whitebg {
			background-color:#ffffff;
			padding:60px 0;
			border-top:1px solid #ededed;
			border-bottom:1px solid #ededed;
		}

		/* Section Portfolio */

		.section-portfolio {
			background-color:#ffffff;
			padding:30px 0 0;
			border-top:1px solid #ededed;
			border-bottom:1px solid #ededed;
		}

		/* Section White */

		.section-single {
			background-color:#ffffff;
			padding:20px 0;
			border-top:1px solid #ededed;
			border-bottom:3px solid #ededed;
		}

		/* Section Colorized */

		.section-colorizedbg .service_shadow  {
			border-right:1px solid rgba(255,255,255,0.4);
			border-left:2px solid rgba(0,0,0,0.1)
		}

		.section-colorizedbg .service_shadow:first-child {
			border-left:0px solid #dddddd !important;
		}

		.section-colorizedbg .service_shadow:last-child {
			border-right:0px solid #dddddd !important;
		}

		.section-colorizedbg {
		}
		.section-darkbg .section-title hr,
		.section-colorizedbg .servicetitle hr,
		.section-transparentbg .section-title hr {
			background:#ffffff;
		}

		.bg1 {
			background-image:url(demos/bg1.png);
		}

		.bg2 {
			background-image:url(demos/bg2.png);
		}

		.bg3 {
			background-image:url(demos/bg3.png);
		}

		.bg4 {
			background-image:url(demos/transparent-bg.png);
			background-color:rgba(245,245,245,1);
		}

		.bg5 {
			background-image:url(demos/bg5.png);
		}

		.nopad {
			padding-bottom: 0 !important
		}

		.parallax {
			background-attachment: fixed !important;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		.overlay {
			background: url(images/pattern.png) repeat rgba(0,0,0,0.4);
			padding: 60px 0;
		}
	/*	################################################################
		5. SLIDER ELEMENTS
	################################################################# */

		.dm_featured_box_bg{
			width:100%;
			height:600px;
			margin:30px auto 0;
			max-width:1030px;
			background:url(images/service/phone.png) center center no-repeat;
		}

		.dm_featured_box{
			float:left;
			text-align:right;
			width:360px;
			position:relative;
			margin:25px 0;
			list-style:none;
			padding:40px 50px 0 0;
			font-weight:300;
		}

		.dm_featured_box:nth-of-type(2n){
			float:right;
			text-align:left;
			padding:40px 0 0 50px;
		}

		.dm_featured_box:nth-of-type(2n):after{
			left:-85px;
		}

		.dm_featured_box:nth-of-type(2n) .dm_featured_box_icon {
			margin-left:-5px;
		}

		.dm_featured_box .dm_featured_box_icon{
			width:70px;
			height:70px;
			border-radius:200px;
			text-align:center;
			padding-top:21px;
			margin-left:245px;
		}

		.dm_featured_box .dm_featured_box_icon i{
			font-size:30px;
		}

		.dm_featured_box .dm_featured_box-head {
			font-size: 18px;
			font-weight: 600;
			margin: 20px 0 5px;
			padding: 0;
			text-transform: uppercase;
			color: #01090C;
		}

		.boxedcontainer {
			max-width: 1170px;
			margin:auto;
			padding:0px 30px;
		}

		.tp-banner-container{
			width:100%;
			position:relative;
			padding:0;
		}

		.tp-banner{
			width:100%;
			position:relative;
		}

		.tp-banner-fullscreen-container {
			width:100%;
			position:relative;
			padding:0;
		}

		#full-width-slider {
		  width: 100%;
		  color: #000;
		}
		.coloredBlock {
			padding: 12px;
			background: rgba(255,0,0,0.6);
			color: #FFF;
			width: 200px;
			right: 20%;
			bottom: 0;
		}
		.infoBlock {
		  position: absolute;
		  bottom: 0;
		  right: 20%;
		  left: auto;
		  max-width: 25%;
		  padding-bottom: 0;
		  background: #FFF;
		  background: rgba(255, 255, 255, 0.2);
		  overflow: hidden;
		  padding: 20px;
		}
		.infoBlockRightBlack {
		  color: #01090C;
		  background: #ffffff;
		  background: rgba(255,255,255,0.75);
		  right: 20%;
		  left: auto;
		}
		.infoBlock h4 {
		  font-size: 20px;
		  font-weight:bold;
		  line-height: 1.2;
		  margin: 0;
		  padding-bottom: 3px;
		}
		.infoBlock p {
		  font-size: 14px;
		  margin: 4px 0 0;
		}
		.infoBlock a {
		  color: #FFF;
		  text-decoration: underline;
		}

		.fullWidth {
		  max-width: 100%;
		  margin: 0 auto 24px;
		}

		#slider-in-laptop {
		  width: 100%;
		  height: auto;
		  padding: 3% 15% 0 16%;
		  background: none;
		}
		#slider-in-laptop .rsOverflow,
		#slider-in-laptop .rsSlide,
		#slider-in-laptop .rsVideoFrameHolder,
		#slider-in-laptop .rsThumbs {
		  background: #151515;
		}
		.imgBg {
		  position: absolute;
		  left: 0;
		  top: 0;
		  width: 100%;
		  height: auto;
		}
		#slider-in-laptop .rsBullets {
		  bottom: -55px;
		}
		.laptopBg {
		  position: relative;
		  width: 100%;
		  height: auto;
		}
		#slider-in-laptop .rsBullets {
			bottom: -60px;
		}

	/*	################################################################
		6. FOOTERS
	################################################################# */

		.about_skills h4 {
			margin:0 0 5px;
			padding:0;
			text-transform:uppercase;
			font-size: 13px;
			font-weight: 500;
			letter-spacing: 0.65px;
			line-height:1.3 !important;
			padding: 0;
		}

		.general_wrapper {
			margin:15px 0 30px;
		}

		.about_widget .social {
			margin-bottom:20px;
		}

		.about_widget .social span {
			-webkit-border-radius: 500px;
			-moz-border-radius: 500px;
			border-radius: 500px;
			color: #FFFFFF;
			float: right;
			font-size: 21px;
			height: 40px;
			line-height: 40px;
			margin-left: 10px;
			position: relative;
			text-align: center;
			width: 40px;
			z-index: 5;
		}

		.widget-title {
			margin: 15px 0 0;
			padding: 0;
			display:inline-block;
			position: relative;
		}

		.widget-title h3 {
			font-weight: 600;
		}

		.section-footer .widget-title h3 {
			margin-top:0 !important;
		}
		.section-footer .widget-title hr {
			margin: 0 0 15px;
		}

		.section-footer .widget {margin:15px 0;}

		.widget-title hr {
			border: 0 none;
			height:2px;
			background:#ffffff;
			margin: 10px 0;
			width: 100px;
		}

		.section-title {
			padding:20px 0;
		}

		.section-title hr {
			border: 0 none;
			height:2px;
			text-align:left;
			background:#ffffff;
			margin: 20px auto 10px;
			width: 120px;
		}

		.section-title i {
			margin:5px 0;
		}

		.message .lead {
			padding: 0 0 10px 0
		}

		.bigtitle {
			font-weight:600;
			  font-size: 28px;
			letter-spacing: 0.65px;
			text-transform: uppercase;
			margin: 5px 0 0 0;
			padding: 0;
		}

		.section-title hr {
			border: 0 none;
			height:2px;
			background:#01090C;
			margin: 0 auto 10px;
			width: 80px;
		}

		.message {
			padding:60px 0
		}

		.message .leftbutton {
			margin-top:40px;
		}

		.panel-title > a {
		   font-weight: 600;
			margin-bottom: 0;
			color:#01090C;
			padding-bottom: 5px;
		}

		.panel-title > a i {
			padding-right:7px;
		}

		.panel-title {
			font-size: 14px;
			margin-bottom: 0;
			margin-top: 0;
			padding: 0;
		}

		.panel p {
			margin-bottom:0;
		}

		.panel {
			margin-top:15px;
		}

		.panel-heading {
			padding: 13px 15px;
		}

	/*	################################################################
		7. SERVICES AND BOXES
	################################################################# */

		.teammembers {
			border: 1px dashed #CFCFCF;
			margin: 20px 0;
			padding: 15px;
		}

		.teammembers .desc {
			padding-left:15px;
		}

		.teammembers h4 {
			padding:0;
			font-weight:600;
			margin:10px 0 0;
		}

		.teammembers .valign > div {
			/*vertical-align: bottom;*/
		}

		.teammembers p {
			margin-top:10px;
		}

		.teammembers img {
			width:100%;
			height:auto;
			margin:0;
			padding:4px;
		}

		.teammembers .about_skills h4 {
			font-size: 11px;
			line-height: 1 !important;
		}

		.services_lists_boxes {
			margin: 0;
		}

		.services_lists_boxes_icon:after {
			color: #fff;
			z-index: 90;
			font-size: 14px;
			font-family: 'FontAwesome';
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			-webkit-font-smoothing: antialiased;
		}
		.services_lists_boxes_icon:after {
			content: "\f175";
			text-align:center;
			display: inline-block;
			cursor: pointer;
			margin: 20px 0 0;
			width: 120px;
			text-align: center;
			position: relative;
			z-index: 1;
		}
		.services_lists hr {
			margin: -10px 0 10px !important;
		}
		.services_lists hr {
			border: 0 none;
			height:3px;
			margin: 0;
			width: 80px;
		}

		.servicebox {
			margin:20px 0 15px;
			padding:10px 15px;
			text-align:center;
		}

		.servicetitle h3 {
			margin:15px 0 0;
			font-weight:600;
		}

		.service-icon i {
			margin-top:10px;
			margin-bottom:0;
		}

		.servicetitle hr {
			border: 0 none;
			height:2px;
			background:#AAAAAA;
			margin: 0 auto 10px;
			width: 80px;
		}

		.image-caption h3 a,
		.miniservice h4 {
			margin-bottom:0;
			padding-bottom:5px;
			font-weight:600;
		}

		.miniservice .desc {
			padding-top:10px;
			padding-left:10px;
		}

		.miniicon span {
			font-size: 21px !important;
			height: 45px !important;
			line-height: 45px !important;
			position: relative;
			text-align: center;
			width: 45px !important;
		}

		.contact_icons,
		.miniicon span,
		.social span {
			-webkit-border-radius: 500px;
			-moz-border-radius: 500px;
			border-radius: 500px;
			color: #FFFFFF;
			float: left;
			font-size: 15px;
			height: 30px;
			line-height: 30px;
			margin-right: 10px;
			position: relative;
			text-align: center;
			width: 30px;
			z-index: 5;
		}

	/*	################################################################
		8. SHOP AND PORTFOLIO
	################################################################# */

		#owl-editor-picks .shop_item,
		#owl-portfolio .item,
		#owl-blog .item{
			margin: 3px;
		}

		#owl-blog .item img,
		#owl-portfolio .item img{
			display: block;
			width: 100%;
			height: auto;
		}
		#timeline .views,
		#owl-blog .views {
			bottom:62px !important;
		}

		#timeline .post-type,
		#owl-blog .post-type {
			bottom:31px !important;
		}

		#timeline .read-more,
		#timeline .views,
		#timeline .post-type,
		#owl-blog .read-more,
		#owl-blog .views,
		#owl-blog .post-type {
			bottom: 0;
			display: block;
			overflow: hidden;
			position: absolute;
			right: -1px;
			width: 30px;
			height: 30px;
			line-height: 30px;
			text-align: center;
		}

		.image-caption {
			width: 100%;
			padding: 15px 20px;
			min-height:93px;
			background: #EFEFEF;
			border: 1px solid #fefefe;
			border-top: none;
			position: relative;
		}

		.image-caption.shop-style {
			padding:17px 30px 9px;
			text-align:center;
		}
		.image-caption .buttons {
			margin: 10px 0;
			padding:5px 0 15px
		}
		.image-caption .meta {
			padding: 5px 0;
			display: block;
		}

		.image-caption .meta:before {
			content: "\f115";
			padding-right:5px;
			font-family: 'FontAwesome';
		}

		.shop_item img,
		.portfolio_wrapper img {
			width:100%;
			height:auto;
			max-width:100%;
		}
		.portfolio_wrapper .portfolio-title {
			color:#ffffff;
			font-weight:400;
			font-size: 16px;
			margin-bottom:15px;
			text-transform:none;
		}

		.portfolio_wrapper .bigtitle2 {
			font-size: 24px;
			padding-top:30px;
			margin-bottom:20px;
		}

		.portfolio_wrapper .item {
			margin-top:30px
		}

		.masonry .item {margin:0 !important}

		.shop_item .b-link-flow .b-wrapper, .b-link-flow .b-top-line {background-color:rgba(0,0,0,0.4) !important}
		.shop_item .icon-view,
		.shop_item .icon-link {
			margin-top:41% !important;
		}

		.shop_item .icon-view,
		.shop_item .icon-link,
		.portfolio_wrapper .icon-view,
		.portfolio_wrapper .icon-link {
			display: inline-block;
			font-size: 14px;
			height: 30px;
			line-height: 30px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			vertical-align: top;
			width: 30px;
			  background: #17191B;
			  color: #ffffff;
			  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#00a4db), to(#2a2a2a));
			  background-image: -webkit-linear-gradient(top, #17191B, 0%, #2a2a2a, 100%);
			  background-image: -moz-linear-gradient(top, #17191B 0%, #2a2a2a 100%);
			  background-image: linear-gradient(to bottom, #17191B 0%, #2a2a2a 100%);
			  background-repeat: repeat-x;
			  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2a2adb', endColorstr='#2a2a2acc', GradientType=0);
			  border-color: #2a2a2a #2a2a2a #17191B;
			  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
			  *background-color: #17191B;
			  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
			  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
			  border-color: #2a2a2a;
		 }

		.portfolio_wrapper p {margin-top:0 !important;}
		.shop_item .icon-left {bottom:20px;left:20px;position:absolute; font-style:italic;}
		.shop_item .icon-right {bottom:20px;right:20px;position:absolute; font-style:italic;}
		.portfolio_wrapper .icon-left {bottom:20px;left:20px;position:absolute; font-style:italic;}
		.portfolio_wrapper .icon-right {bottom:20px;right:20px;position:absolute; font-style:italic;}

		.isotope-item {
		  z-index: 2;
		}

		.isotope-hidden.isotope-item {
		  pointer-events: none;
		  z-index: 1;
		}
		.section-portfolio .portfolio-filter {
			margin-bottom:30px;
		}
		.portfolio-filter ul {
			list-style:none;
			padding-left:10px;
			text-align:center;

		}
		.portfolio-filter {
			text-align: center;
			margin: 15px 0;
		}
		.portfolio-filter li {
			display: inline;
			margin-right: 5px;
			padding: 0;
		}
		.portfolio-filter li a {
			text-transform:uppercase;
		}
		.portfolio_details {
			margin:20px 0;
		}
		.portfolio_details li {
			color: #01090C;
			list-style: none outside none;
			margin: 10px;
		}
		/**** Isotope CSS3 transitions ****/

		.isotope,
		.isotope .isotope-item {
		  -webkit-transition-duration: 0.8s;
			 -moz-transition-duration: 0.8s;
			  -ms-transition-duration: 0.8s;
			   -o-transition-duration: 0.8s;
				  transition-duration: 0.8s;
		}

		.isotope {
		  -webkit-transition-property: height, width;
			 -moz-transition-property: height, width;
			  -ms-transition-property: height, width;
			   -o-transition-property: height, width;
				  transition-property: height, width;
		}

		.isotope .isotope-item {
		  -webkit-transition-property: -webkit-transform, opacity;
			 -moz-transition-property:    -moz-transform, opacity;
			  -ms-transition-property:     -ms-transform, opacity;
			   -o-transition-property:      -o-transform, opacity;
				  transition-property:         transform, opacity;
		}

		/**** disabling Isotope CSS3 transitions ****/

		.isotope.no-transition,
		.isotope.no-transition .isotope-item,
		.isotope .isotope-item.no-transition {
		  -webkit-transition-duration: 0s;
			 -moz-transition-duration: 0s;
			  -ms-transition-duration: 0s;
			   -o-transition-duration: 0s;
				  transition-duration: 0s;
		}

		div.thumbnails{padding-top:10px;zoom:1}
		div.thumbnails a{float:left;width:30.75%;margin-right:3.8%}
		div.thumbnails a img{width:100%;height:auto}
		div.thumbnails a.last{margin-right:0}
		div.thumbnails a.first{clear:both}
		.shop-right .amount {
			position: relative;
			right: 20px;
			top:38px;
		}

		.price {
			font-size: 28px;
			font-weight: normal;
			margin-bottom: 0;
			overflow: auto;
			padding: 0;
		}

		.price-tax {
			font-size: 12px;
			font-weight: normal;
		}

		.price-new {
			font-size: 25px;
			font-weight: 600;
		}

		.price-old {
			font-size: 17px;
			text-decoration: line-through;
		}

		.shop_item {
			border:1px solid #efefef;
			margin-bottom:30px;
		}
		.shop_desc {
			padding:0 20px 15px;
		}
		.price > .amount {
			font-size: 18px;
			padding:0;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:100;
		}

		.shop_desc h3 {
			font-weight: normal;
			margin: 10px 0 10px;
			padding: 5px 0 10px;
			font-size: 16px !important;
			line-height: 24px !important;
		}

		.shop-top {
			margin-bottom:25px;
			display:block;
		}

		#sidebar .best-rating {
			margin-top:5px;
		}

		.shopping-cart-widget li {
			*zoom: 1;
			margin: 0 0 1em;
			list-style:none;
		}

		.shopping-cart-widget li:before,
		.shopping-cart-widget li:after {
			content: "";
			display: table;
		}

		.shopping-cart-widget li:after {
			clear: both;
		}

		.shopping-cart-widget li img {
			width:60px;
			float: right;
			margin-left: 1em;
		}

		.shopping-cart-widget li .quantity {
			width: auto;
			float: none;
		}

		.shopping-cart-widget li a {
			display: block;
		}

		.shopping-cart-widget li:last-child {
			margin: 0;
			border: none;
		}

	/*	################################################################
		9. POST OPTIONS
	################################################################# */

		.quote-post {
			background:#f5f5f5;
			position: relative;
			padding:20px 10px;
		}
		.quote-post:after {
			font-family: 'FontAwesome';
			content: "\f10e";
			padding-right:20px;
			right:0;
			position:absolute;
			top:50px;
			font-size:600%;
			opacity: 0.2; -moz-opacity: 0.2; filter: alpha(opacity=20);
		}
		.quote-post blockquote {
			border-left:0px solid #fff;
		}
		.blog-media {
		}
		.blog-wrapper .section-title,
		.blog-wrapper #timeline {
			margin:30px 0;
		}
		#timeline .image-caption h3,
		.owlcarousel .image-caption h3,
		.item .image-caption h3 {
			margin: 0;
			padding: 0;
			font-size: 16px;
		}

		.image-caption h3 a {
			color: #01090C
		}

		.image-caption:before {
			content: "";
			display: block;
			position: absolute;
			top: -8px;
			margin-left: 10px;
			width: 8px;
			height: 8px;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			border-bottom: 8px solid #EFEFEF;
			z-index: 11111;
		}

		#contact_page .forum_widget,
		#contact_page .support_widget {
			background:#ffffff;
			border-color:#efefef;
				box-shadow: inset 0 1px 1px #efefef;
				-webkit-box-shadow: inset 0 1px 1px #efefef;
		}

		#contact_page #contact .form-control {
			margin-bottom:10px;
			background-color:#ffffff;
			color:#7D7E7F;
			border:1px solid #efefef;
			box-shadow: inset 0 1px 1px #dddddd;
			-webkit-box-shadow: inset 0 1px 1px #dddddd;
		}

		#contact_page .custom-box p {
			margin-top:0 !important;
			padding-top:0 !important;
		}
		#contact_page .forum_widget p,
		#contact_page .support_widget p {
			margin-top:3px !important;
			padding-top:3px !important;
		}

		#comments_form .form-control {
			margin-bottom:10px;
		}
		#contact .form-control {
			margin-bottom:10px;
			background-color:#2F3133;
			color:#7D7E7F;
			border:1px solid #1a1a1a;
			box-shadow: inset 0 1px 1px #2F3133;
			-webkit-box-shadow: inset 0 1px 1px #2F3133;
		}

		#contact label,
		#contact .form-verif {
			width:45px;
			line-height:2.5;
			float:left;
			margin-right:0;
		}

		#contact fieldset {
			padding:20px;
			border:1px solid #eee;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
		}

		#contact legend {
			padding:7px 10px;
			font-weight:bold;
			color:#000;
			border:1px solid #eee;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			margin-bottom:0 !important;
			margin-bottom:20px;
		}

		#contact span.required{
			font-size: 13px;
			color: #ff0000;
		}

		#message {
			margin: 10px 0;
			padding: 0;
		}

		.error_message {
			display: block;
			height: 22px;
			line-height: 22px;
			background: #FBE3E4 url(images/error.gif) no-repeat 10px center;
			padding: 3px 10px 3px 35px;
			color:#8a1f11;
			border: 1px solid #FBC2C4;
			-webkit-border-radius:5px;
		}

		.loader {
			padding: 0 10px;
		}

		#success_page h1 {
			background: url(images/success.gif) left no-repeat;
			padding-left:22px;
			font-size:21px;
		}

		#contact acronym {
			border-bottom:1px dotted #ccc;
		}

		.custom-box {
			margin-bottom:5px;
			overflow:hidden;
		}

		#responsive_map img{
			max-width:none;
		}
		#responsive_map {
			height: 400px;
			width: 100%;
		}
		#responsive_map div {
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		.gm-style-iw {
			max-width: none !important;
			min-width: none !important;
			max-height: none !important;
			min-height: none !important;
			overflow-y: hidden !important;
			overflow-x: hidden !important;
			line-height: normal !important;
			padding: 5px !important;
		}

		.forum_widget,
		.support_widget {
			position:relative;
			margin-top:10px;
			padding:10px 20px;
			background-color:#2F3133;
			color:#7D7E7F;
			border:1px solid #1a1a1a;
			box-shadow: inset 0 1px 1px #2F3133;
			-webkit-box-shadow: inset 0 1px 1px #2F3133;
		}

		.forum_widget h4,
		.support_widget h4 {
			margin-bottom:3px !important;
			padding-bottom:3px !important;
			font-weight:bold;
		}

		.forum_widget:after {
			content: "\f0c0";
		}

		.support_widget:after {
			content: "\f0e5";
		}
		.forum_widget:after,
		.support_widget:after {
			font-family: 'FontAwesome';
			right:15px;
			top:45px;
			font-size:81px;
			position:absolute
		}
		.forum_widget:after,
		.support_widget:after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
			filter: alpha(opacity=20);
			-moz-opacity: 0.2;
			-khtml-opacity: 0.2;
			opacity: 0.2;
		}

		.contact_details {
			margin-top:5px;
		}

		.post-wrapper-top {
			background-color: #efefef;
			bottom: 0;
			left: 0;
			right: 0;
			top: 0;
			z-index: 0;
			border-bottom: 3px solid #fefefe;
			margin-bottom: 0;
			padding:0;
			position: relative;
			text-align: left;
		}

		.breadcrumb > li + li:before {
			color:#656565;
			font-size:11px;
		}

		.post-wrapper-top h2 {
			border-bottom: 3px solid #fff;
			display: inline-block;
			font-weight:500;
			font-size:1.8em;
			padding: 0 0 20px;
			color:#01090C;
			position: relative;
			margin-bottom:-3px;
		}

		.breadcrumb {
			background-color: rgba(0, 0, 0, 0);
			border-left: 0 solid #656565;
			border-radius: 0;
			font-size:11px;
			font-style:italic;
			color:#656565;
			font-family: 'Droid Serif', Georgia, "Times New Roman", serif !important;
			font-weight:300;
			list-style: none outside none;
			margin: 20px 0 0;
			padding: 0;
			float: right;
		}

		#timeline {
			list-style-type: none;
			margin: 0;
			padding: 0;
			position: relative;
			overflow: hidden;
			background: url(images/timeline.png) repeat-y top center;
		}
		#timeline .timeline-item {
			clear: both;
			margin-bottom: 0;
			width: 50%;
			float: left;
		}

		.blog-wrapper #timeline .post {
			padding:0 0 0 0 ;
		}

		#timeline .post {
			margin: 0 90px 0 0;
			position: relative;
			min-height: 100px;
			background: #fff;
			box-shadow: none;
			border: 0;
			padding: 0 0 20px 0;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			border: 1px solid #efefef;
		}
		#timeline .post-body {
			border-bottom: 0 none;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		#timeline .post-body .blog-title h2 {
			font-size: 17px;
			font-weight:bold;
			margin-bottom:0 !important;
			text-transform:uppercase;
			padding:0 !important;
		}
		#timeline .post-body .blog-title h2 a {
			color: #01090C;
		}
		#timeline .post-body .blog-title {
			margin: 0 20px 10px !important;
		}
		#timeline .post-body .post-text {
			margin: 5px 20px;
		}
		#timeline .post-body a {
			display: block;
			overflow: hidden;
		}
		#timeline .post-title {
			margin-bottom: 12px;
			text-transform: uppercase;
		}
		#timeline .post-info {
			left: 100%;
			margin: 0 11px;
			position: absolute;
			top: 25%;
			width: 160px;
			z-index: 1000;
		}
		#timeline .post-info .info-date {
			font-size: 12px;
			background:#ffffff;
			font-style:italic;
			bottom:-5px;
			font-family: 'Droid Serif', Georgia, "Times New Roman", serif !important;
		}
		#timeline .post-info .box-inner {
			display: block;
			width: 90px;
			margin: 10px auto;
		}
		#timeline .post-info .box-inner img {
			border: 1px solid #efefef;
			padding: 5px;
			background: #fff;
		}
		#timeline .timeline-item:nth-child(2n) {
			float: right;
		}
		#timeline .timeline-item:nth-child(2n) .post {
			margin-left: 90px;
			margin-right: 0;
		}
		#timeline .timeline-item:nth-child(2n) .post-info {
			left: auto;
			right: 100%;
		}

		.fullwidth-post-wrapper p,
		.single-post-wrapper p {
			margin-top:10px;
		}

		.single-post-wrapper .panel-body p {
			margin-top:0;
		}

		.fullwidth-post-wrapper,
		.single-post-wrapper {
			padding-bottom:30px !important;
		}

		.blog-wrap {
			margin:25px 0;
		}

		.blog-wrap h2 a {
			text-decoration: none;
		}

		.blog-wrap div.post-meta {
			font-size: 13px;
			margin: 10px 0;
		}

		.blog-wrap div.post-meta > span {
			display: inline-block;
			padding-right: 8px;
			font-size:13px;
			font-style:italic;
			color:#798184;
			font-family: 'Droid Serif', Georgia, "Times New Roman", serif !important;
			font-weight:300;
		}

		.blog-wrap div.post-meta i {
			margin-right: 3px;
			color:#aaaaaa;
		}

		.blog-wrap div.post-date {
			-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
			box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
			float: left;
			margin-top:25px;
			margin-right: 10px;
			text-align: center;
		}
		.blog-wrap .post-content {
			padding-left:60px;
		}
		.blog-wrap div.post-date span.month {
			border-radius: 0 0 2px 2px;
			color: #FFFFFF;
			font-size: 0.9em;
			padding: 0 10px 2px;
		}
		.blog-wrap h2 {
			font-size: 25px;
			font-weight: 600;
			margin-bottom: 0;
			padding-bottom: 0;
		}
		.blog-tt-columns .blog-wrap h2 {font-size:18px;}
		.blog-wrap p {
			margin: 10px 0 15px;
		}
		.blog-wrap {
			border-bottom: 1px solid #efefef;
			margin-bottom: 50px;
			padding-bottom: 30px;
		}
		.blog-wrap div.post-date span.day {
			/*-moz-border-radius: 2px 2px 0 0;
			-webkit-border-radius: 2px 2px 0 0;
			border-radius: 2px 2px 0 0;*/
			background: #f5f5f5;

			color: #656565;
			display: block;
			font-size: 16px;
			font-weight: 500;
			font-weight: bold;
			padding: 10px;
		}

		.authorbox_wrapper {
			padding:20px;
			border-bottom: 1px solid #EFEFEF;
			margin-bottom: 50px;
		}
		.authorbox_wrapper img {
			margin:0 20px 20px 0;
		}
		.authorbox_wrapper h4 {
			margin-bottom:0;
			padding-bottom:0;
		}
		.authorbox_wrapper p {
			padding-top:5px;
			margin-top:5px;
		}

		#comments_wrapper {margin:60px 0}
		.reviews .comment-list {margin:20px 0 40px}
		.comment-list {
			margin: 60px 0;
			list-style:none;
		}
		.comment-list ul li,
		.comment-list ol li {list-style:none;}
		.comment-avatar {
			margin: 0 20px 0 0;
			float: left;
			height: 70px; width: 70px;
		}
		.comment-content {
		   background: #f5f5f5;
			border: 1px solid #eeeeee;
			margin-bottom: 20px;
			overflow: hidden;
			padding: 20px;
		}
		.comment-author {
			margin-bottom: 10px;
		}
		.comment-meta {
			font-size: 12px;
			color: #aaa;
			padding-left:10px;
		}
		.comment-reply {
			float: right;
			font-size: 12px;
			color: #aaa;
		}
		.leave-comment textarea {
			height: 150px;
		}

	/*	################################################################
		10. SIDEBARS AND WIDGETS
	################################################################# */

		.tagcloud a {
			float: left;
			display: block;
			margin-bottom: 4px;
			margin-right: 4px;
			padding: 5px 10px;
			font-size: 12px !important;
			line-height: 1.4em !important;
			color: #fff !important;
			text-decoration: none;
			font-weight: 300;
			letter-spacing: 1px;
			-webkit-transition: all .4s ease-out;
			-moz-transition: all .4s linear;
			transition: all .4s linear;
		}

		.tagcloud a:hover {
			background: #232527 !important;
			color: #fff !important;
			text-decoration: none;
			-webkit-transition: all .01s ease-out;
			-moz-transition: all .01s linear;
			transition: all .01s linear;
		}

		.twitter-widget {
			padding-left:10px
		}

		.twitter-widget li {
			list-style:none;
			margin-bottom:20px;
		}

		.twitter-widget li:before {
			font-family: 'FontAwesome';
			content: "\f099";
			padding-right:5px;
		}

		.twitter-widget small {
			display:block;
			font-size:11px;
			font-style:italic;
			padding-top:0;
			overflow:hidden
		}

		.twitter-widget small a {
			text-decoration:underline;
		}

		.flickr-gallery li img {
			width:50px !important
		}

		#sidebar {
			padding-bottom:30px;
			padding-top:25px;
		}

		#sidebar .widget {
			border-bottom: 1px solid #EFEFEF;
			margin-bottom: 15px;
			padding-bottom: 15px;
		}

		.footer-links li,
		.categories li {
			-moz-box-sizing: border-box;
			float: left;
			list-style:none;
			padding-bottom: 7px;
			padding-left: 5px;
			width: 100%;
		}

		.footer-links li:before,
		.categories li:before {
			font-family: 'FontAwesome';
			content: "\f105";
			padding-right:5px;
		}
		.widget p
		{
			color:#b7b4b4;
		}
		.footer-links li a,
		.categories li a {
			color:#b7b4b4;
		}

		.recent_posts li {
			list-style:none;
			margin-bottom:20px;
		}

		.recent_posts > li img {
			width: 50px;
		}
		a.readmore {
			text-transform:none;
			display: block;
			font-family: 'Droid Serif', Georgia, "Times New Roman", serif !important;
			font-size:11px;
			font-style:italic;
		}
		.recent_posts img {
			margin: 0 10px 0 0;
		}

		.tabbable .valign h4 {
			font-size: 14px !important;
			margin-bottom: 0 !important;
			padding-bottom: 0 !important;
		}

		.tabbable .valign .recent_post_img {
			width:50px;
		}

		#sidebar .tab-pane {
			padding: 6px 12px;
		}

	/*	################################################################
		11. MODULES
	################################################################# */

		.check li:before {
			content: "\f00c";
			font-family: "FontAwesome";
			font-size: 16px;
			left: 0;
			padding-right:5px;
			position: relative;
			top: 2px;
		}
		.check li {
			list-style:none;
			margin:12px 0 0;
		}
		.check {
			margin-left:0;
			padding-left:0
		}
		.check li a {
			color:#656565;
		}
		.error404 h2 {
			font-size: 260px;
			font-weight: bold;
			line-height: 1;
			text-align: center;
			text-transform: uppercase;
			margin-bottom:0;
			padding-bottom:0;
		}

		.error404 h3 {
			margin-top:0;
			font-size: 30px;
			opacity: 0.2;
			padding-top:0;
			text-align: center;
		}

		.testimonials {
			border: 1px dashed #CFCFCF;
			margin: 20px 0;
			padding: 15px;
			height: 210px;
		}

		.testimonial-footer img {
			width:70px;
		}

		.testimonials:after {
			font-family: 'FontAwesome';
			content: "\f10e";
			padding-right:5px;
			right:20px;
			position:absolute;
			bottom:30px;
			font-size:200%;
			opacity: 0.1; -moz-opacity: 0.1; filter: alpha(opacity=10);
		}

		.testimonials h4 {
			font-size: 14px;
			padding-right: 5px;
			font-weight: 600;
		}

		.testimonials small {
			font-size:11px;
			font-style:italic;
			color:#798184;
			padding:0 10px;
			font-family: 'Droid Serif', Georgia, "Times New Roman", serif !important;
			font-weight:300;
		}

		.testimonials img {
			margin-right:15px;
			width:75px;
			border:0 solid #ffffff !important;
			height:75px;
			margin-top:5px;
			border: medium none;
			display: inline-block;
			image-rendering: optimizequality;
			max-width: 100%;
		}

		.testimonials p {
			margin:15px 0 0
		}

		.testimonial-meta {
			overflow: hidden;
		}

		.clients_wrapper {
			display: table;
			margin: 0 auto;
		}

		.clients{
			list-style:none;
			list-style-position:inside;
			padding:0;
			margin:0;
			width:100%;
		}

		.clients li{
			padding:10px;
			float:left;
			border: 1px dashed #CFCFCF;
			margin:5px;
		}

		.clients li img{
			display:block;
		}

		.percent {
			display: block;
			font-size: 40px;
			letter-spacing: -3px;
			line-height: 210px;
			font-weight:bold;
			position: absolute;
			text-align: center;
			top: -3px;
			color:#424041;
			width: 90%;
			z-index: 10;
		}
		.chart {
			margin-bottom:20px;
		}

		.tab-pane {
			background:#ffffff;
			padding:12px 25px;
			border-left:1px solid #da4691;
			border-right:1px solid #da4691;
			border-bottom:1px solid #da4691;
		}
		.tab-pane p {
		}
		.nav-tabs > li.active > a,
		.nav-tabs > li.active > a:hover,
		.nav-tabs > li.active > a:focus {
			border-top:3px solid transparent;
		}
		.nav-tabs > li > a {
			color:#01090C;
			font-weight:600;
			font-size:14px;
			padding:15px 20px;
			line-height:1.8;
			background:transparent;
			border-top: 3px solid transparent;
		}
		.nav > li > a:hover,
		.nav > li > a:focus {
				background:transparent;
				border-color:transparent;
		}

		.nav-tabs i {
			padding-right:6px
		}

		.highlight {
			font-size: 61px;
			font-weight: 700;
			color:#01090C;
			line-height: 1;
			margin: 30px 0 0;
		}

		.milestone-details {
			font-size: 18px;
			color:#01090C;
			font-weight: 400;
			letter-spacing: -0.5px;
			padding: 10px 0 20px;
		}

		.f-element{
			color:#01090C;
			margin-bottom:20px;
			height: auto;
			text-align: center;
		}

		.f-element i {
			margin-bottom:10px;
			font-size:36px;
		}

		.magnifier {
			background:url(images/magnifier.png) no-repeat center;
			position:absolute;
			top:0;
			z-index:10;
			left:0;
			bottom:0;
			right:0;
			opacity:0;
				-webkit-transition:all .3s ease-in-out;
				-moz-transition:all .3s ease-in-out;
				-ms-transition:all .3s ease-in-out;
				-o-transition:all .3s ease-in-out;
				transition:all .3s ease-in-out;
		}

		.entry {
			position:relative;
			cursor:pointer;
			padding:0;
		}

		.entry:hover .magnifier {
			opacity:1;
		}

		hr.ft {
			padding: 0;
			margin:40px 0;
			border: none;
			border-top: medium double #2b2b2b;
			color: #2b2b2b;
			text-align: center;
		}

		hr.dm4,
		hr.dm3,
		hr.dm2,
		hr.dm {
			padding: 0;
			margin:40px 0;
			border: none;
			border-top: medium double #dcd9d9;
			color: #01090C;
			text-align: center;
		}

		hr.dm4:after,
		hr.dm3:after,
		hr.dm2:after,
		hr.dm:after {
			content: "\f108";
			font-family: 'FontAwesome';
			display: inline-block;
			position: relative;
			top: -0.7em;
			font-size: 1.5em;
			padding: 0 0.85em;
			background: white;
		}


		hr.ft:after {
			content: "\f06c";
			font-family: 'FontAwesome';
			display: inline-block;
			color:#2b2b2b;
			position: relative;
			top: -0.7em;
			font-size: 1.5em;
			padding: 0 0.85em;
			background:#17191B;
		}

		hr.dm4:after {
			content: "\f128";
		}
		hr.dm3:after {
			content: "\f10b";
		}
		hr.dm2:after {
			content: "\f108";
		}

		.carttable img,
		.authorbox_wrapper img,
		.comment img,
		.post-info img,
		.recent_posts li img,
		.flickr-gallery img,
		.testimonials img,
		.teamimg {
			-webkit-transition: opacity 0.2s ease-in-out;
			-moz-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
		}

		.carttable img:hover,
		.authorbox_wrapper img:hover,
		.comment img:hover,
		.post-info img:hover,
		.recent_posts li img:hover,
		.flickr-gallery img:hover,
		.testimonials img:hover,
		.teamimg:hover {
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		  filter: alpha(opacity=60);
		  -moz-opacity: 0.6;
		  -khtml-opacity: 0.6;
		  opacity: 0.6;
		}

		.back-to-top {
			position: relative;
			text-transform:uppercase;
			margin: -25px auto 15px;
			width:30px;
			padding: 5px;
			cursor:pointer;
			border:1px solid #333333;
			text-align:center;
				-webkit-transition: background-color .4s linear, color .4s linear;
				-moz-transition: background-color .4s linear, color .4s linear;
				-o-transition: background-color .4s linear, color .4s linear;
				-ms-transition: background-color .4s linear, color .4s linear;
				transition: background-color .4s linear, color .4s linear;
		}

		.back-to-top:hover {
			background:#232527;
			border:1px solid #333333;
			-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0, 0.6);
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,0,0, 0.6);
		}

		.back-to-top span {
			color: #FFF;
			font-size: 1em;
		}

		.bs-glyphicons {
		  padding-left: 0;
		  padding-bottom: 1px;
		  margin-bottom: 20px;
		  list-style: none;
		  overflow: hidden;
		}
		.bs-glyphicons li {
		  float: left;
		  width: 25%;
		  height: 115px;
		  padding: 10px;
		  margin: 0 -1px -1px 0;
		  font-size: 12px;
		  line-height: 1.4;
		  text-align: center;
		  border: 1px solid #ddd;
		}
		.bs-glyphicons .glyphicon {
		  display: block;
		  margin: 5px auto 10px;
		  font-size: 24px;
		}

	/*	################################################################
		12. ANIMATIONS
	################################################################# */

		[class*=".effect-"] {
		  -webkit-backface-visibility: hidden;
		  -moz-backface-visibility: hidden;
		  backface-visibility: hidden;
		  -webkit-perspective: 1000;
		  -moz-perspective: 1000;
		  perspective: 1000;
		}
		.effect-fade {
		  opacity: 0;
		}
		.effect-fade.in {
		  opacity: 1;
		}
		.effect-slide-left {
		  -webkit-transform: translate3d(-30%, 0, 0);
		  transform: translate3d(-30%, 0, 0);
		  opacity: 0;
		}
		.effect-slide-left.in {
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
		  opacity: 1;
		}
		.effect-slide-right {
		  -webkit-transform: translate3d(30%, 0, 0);
		  transform: translate3d(30%, 0, 0);
		  opacity: 0;
		}
		.effect-slide-right.in {
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
		  opacity: 1;
		}
		.effect-slide-top {
		  -webkit-transform: translate3d(0, -30%, 0);
		  transform: translate3d(0, -30%, 0);
		  opacity: 0;
		}
		.effect-slide-top.in {
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
		  opacity: 1;
		}
		.effect-slide-bottom {
		  -webkit-transform: translate3d(0, 30%, 0);
		  transform: translate3d(0, 30%, 0);
		  opacity: 0;
		}
		.effect-slide-bottom.in {
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
		  opacity: 1;
		}
		.effect-pop {
		  opacity: 0;
		}
		.effect-pop.in {
		  -webkit-animation: pop 0.6s ease-out 0.5s both;
		  -moz-animation: pop 0.6s ease-out 0.5s both;
		  -o-animation: pop 0.6s ease-out 0.5s both;
		  animation: pop 0.6s ease-out 0.5s both;
		  opacity: 1 \9;
		}
		@-webkit-keyframes pop {
		  0% {
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		  }
		  50% {
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
			opacity: 1;
		  }
		  100% {
			opacity: 1;
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		  }
		}
		@-moz-keyframes pop {
		  0% {
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		  }
		  50% {
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
			opacity: 1;
		  }
		  100% {
			opacity: 1;
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		  }
		}
		@-o-keyframes pop {
		  0% {
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		  }
		  50% {
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
			opacity: 1;
		  }
		  100% {
			opacity: 1;
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		  }
		}
		@keyframes pop {
		  0% {
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		  }
		  50% {
			-webkit-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
			opacity: 1;
		  }
		  100% {
			opacity: 1;
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		  }
		}
		.effect-fall {
		  opacity: 0;
		  -webkit-transform: scale(1.5);
		  -ms-transform: scale(1.5);
		  transform: scale(1.5);
		}
		.effect-fall.in {
		  -webkit-transform: scale(1);
		  -ms-transform: scale(1);
		  transform: scale(1);
		  opacity: 1;
		}
		.effect-perspective {
		  -webkit-perspective: 1300px;
		  -moz-perspective: 1300px;
		  perspective: 1300px;
		}
		.effect-helix {
		  -webkit-transform-style: preserve-3d;
		  -moz-transform-style: preserve-3d;
		  transform-style: preserve-3d;
		  opacity: 0;
		  -webkit-transform: rotateY(-180deg);
		  -ms-transform: rotateY(-180deg);
		  transform: rotateY(-180deg);
		}
		.effect-helix.in {
		  opacity: 1;
		  -webkit-transform: rotateY(0);
		  -ms-transform: rotateY(0);
		  transform: rotateY(0);
		}

		.dm-shadow {
			-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
			-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
			box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);
		}

		.rotating {
		  display: inline-block;
		  -webkit-transform-style: preserve-3d;
		  -moz-transform-style: preserve-3d;
		  -ms-transform-style: preserve-3d;
		  -o-transform-style: preserve-3d;
		  transform-style: preserve-3d;
		  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
		  -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
		  -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
		  -o-transform: rotateX(0) rotateY(0) rotateZ(0);
		  transform: rotateX(0) rotateY(0) rotateZ(0);
		  -webkit-transition: 0.5s;
		  -moz-transition: 0.5s;
		  -ms-transition: 0.5s;
		  -o-transition: 0.5s;
		  transition: 0.5s;
		  -webkit-transform-origin-x: 50%;
		}

		.rotating.flip {
		  position: relative;
		}

		.rotating .front, .rotating .back {
		  left: 0;
		  top: 0;
		  -webkit-backface-visibility: hidden;
		  -moz-backface-visibility: hidden;
		  -ms-backface-visibility: hidden;
		  -o-backface-visibility: hidden;
		  backface-visibility: hidden;
		}

		.rotating .front {
		  position: absolute;
		  display: inline-block;
		  -webkit-transform: translate3d(0,0,1px);
		  -moz-transform: translate3d(0,0,1px);
		  -ms-transform: translate3d(0,0,1px);
		  -o-transform: translate3d(0,0,1px);
		  transform: translate3d(0,0,1px);
		}

		.rotating.flip .front {
		  z-index: 1;
		}

		.rotating .back {
		  display: block;
		  opacity: 0;
		}

		.rotating.spin {
		  -webkit-transform: rotate(360deg) scale(0);
		  -moz-transform: rotate(360deg) scale(0);
		  -ms-transform: rotate(360deg) scale(0);
		  -o-transform: rotate(360deg) scale(0);
		  transform: rotate(360deg) scale(0);
		}

		.rotating.flip .back {
		  z-index: 2;
		  display: block;
		  opacity: 1;

		  -webkit-transform: rotateY(180deg) translate3d(0,0,0);
		  -moz-transform: rotateY(180deg) translate3d(0,0,0);
		  -ms-transform: rotateY(180deg) translate3d(0,0,0);
		  -o-transform: rotateY(180deg) translate3d(0,0,0);
		  transform: rotateY(180deg) translate3d(0,0,0);
		}

		.rotating.flip.up .back {
		  -webkit-transform: rotateX(180deg) translate3d(0,0,0);
		  -moz-transform: rotateX(180deg) translate3d(0,0,0);
		  -ms-transform: rotateX(180deg) translate3d(0,0,0);
		  -o-transform: rotateX(180deg) translate3d(0,0,0);
		  transform: rotateX(180deg) translate3d(0,0,0);
		}

		.rotating.flip.cube .front {
		  -webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
		  -moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
		  -ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
		  -o-transform: translate3d(0,0,100px) scale(0.85,0.85);
		  transform: translate3d(0,0,100px) scale(0.85,0.85);
		}

		.rotating.flip.cube .back {
		  -webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
		  -moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
		  -ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
		  -o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
		  transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
		}

		.rotating.flip.cube.up .back {
		  -webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
		  -moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
		  -ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
		  -o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
		  transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
		}

		.hovicon {
			display: inline-block;
			line-height: 80px;
			cursor: pointer;
			margin: 20px;
			width: 80px;
			height: 80px;
			border-radius: 50%;
			text-align: center;
			position: relative;
			text-decoration: none;
			z-index: 1;
			color: #fff;
		}

		.hovicon:after {
			pointer-events: none;
			position: absolute;
			width: 100%;
			height: 100%;
			border-radius: 50%;
			content:'';
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;
			box-sizing: content-box;
		}

		.hovicon:before {
			speak: none;
			font-size: 38px;
			line-height: 80px;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			display: block;
			-webkit-font-smoothing: antialiased;
		}

		.hovicon.effect-1 {
			-webkit-transition: background 0.2s, color 0.2s;
			-moz-transition: background 0.2s, color 0.2s;
			transition: background 0.2s, color 0.2s;
		}

		.hovicon.effect-1:after {
			top: -7px;
			left: -7px;
			padding: 7px;
			box-shadow: 0 0 0 4px #db3a8b;
			-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
			-webkit-transform: scale(.8);
			-moz-transition: -moz-transform 0.2s, opacity 0.2s;
			-moz-transform: scale(.8);
			-ms-transform: scale(.8);
			transition: transform 0.2s, opacity 0.2s;
			transform: scale(.8);
			opacity: 0;
		}

		.hovicon.effect-1.sub-a:hover:after {
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			opacity: 1;
		}

	/*	################################################################
		13. RESPONSIVE ELEMENTS
	################################################################# */

		@media (max-width: 440px) {
			#resphide {
				display:none;
			}
			div#tawkchat-minified-wrapper
			{
				display: none;
			}
			div#tawkchat-minified-box
			{
				display: none;
			}
			.bigtitle
			{
				font-size: 20px;
			}
			#hidecontact{
				display: none;
			}
		}


		@media (max-width: 768px) {

		.navbar-nav > li > a {
			padding:9px 17px;
		}
		.dm_featured_box_bg {
			background:none !important
		}

		.section-colorizedbg .service_shadow {
			border:none !important;
		}

		.tagline,
		#timeline .post,
		.topbar .topmenu,
		.topflags,
		.marketing,
		.callus,
		.title-area {
			float:none;
			clear:both;
			text-align:center;
		}

		#timeline .timeline-item:nth-child(1n) .post,
		#timeline .timeline-item:nth-child(2n) .post {
			margin-left: 0 !important;
			margin-right: 0;
		}

		#dmsearch,
		.flexslider .desc,
		.infoBlock,
		#timeline .timeline-item .post-info {
			display:none !important;
		}

		#timeline .post,
		#timeline .timeline-item:nth-child(1n),
		#timeline .timeline-item:nth-child(2n) {
			float: none;
			width: 100%;
		}
		}

		@media screen and (min-width:960px) and (min-height:660px) {
		  .heroSlider .rsOverflow,
		  .royalSlider.heroSlider {
			  height: 520px !important;
		  }
		}

		@media screen and (min-width:960px) and (min-height:1000px) {
			.heroSlider .rsOverflow,
			.royalSlider.heroSlider {
				height: 660px !important;
			}
		}

		@media screen and (min-width: 0px) and (max-width: 800px) {
		  .royalSlider.heroSlider,
		  .royalSlider.heroSlider .rsOverflow {
			height: 300px !important;
		  }
		  .infoBlock {
			padding: 10px;
			height: auto;
			max-height: 100%;
			min-width: 40%;
			left: 5px;
			top: 5px;
			right: auto;
			font-size: 12px;
		  }
		  .infoBlock h3 {
			 font-size: 14px;
			 line-height: 17px;
		  }
		}

		@media (min-width: 768px) {
		  .bs-glyphicons li {
			width: 12.5%;
		  }
		}
		.the-icons {
			list-style:none;
		}
	@media screen and (max-width: 985px) {
	.site-header .col-lg-9.col-md-9.col-sm-12{
		clear:both;
	}
	}

	@media screen and (min-width: 0px) and (max-width: 10023px) {
	  #up1 {
	display: none !important;
	  }
	  #none {
	display: block !important;
	  }
	}