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

Big Boom Template v1.01
Made by Suelo. 

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

/*
			1.  Document Setup
			2.  Wrap
			3.  Header
			4.  Homepage
			5.  Gallery
			6.  Blog Feed
			7.  Footer 
			8.  Slider
			9.  Forms
			10. Links & Buttons
			11. Subpage
			12. Sidebar
			13. E-commerce
			14. Media Queries
			
*/

/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 1.  DOCUMENT SETUP
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */


	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select, button {margin:0;padding:0;outline:0;border:0;background:transparent;vertical-align:baseline;font-size:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{§ght:1;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}del{text-decoration:line-through;}hr{clear:both;margin:0;padding:0;height:1px;border:0;background:transparent;color:transparent;}mark{background-color:#ffffb3;font-style:italic;}input,select{vertical-align:middle;}ins{background-color:red;color:white;text-decoration:none;}ol,ul{list-style:none;}table{border-spacing:0;border-collapse:collapse;}

	.clear{display:block;visibility:hidden;clear:both;overflow:hidden;width:0;height:0;}.clearfix:after{display:block;visibility:hidden;clear:both;width:0;height:0;content:' ';font-size:0;line-height:0;line-line-line-line-line-line-;}* html .clearfix,:first-child+html .clearfix{zoom:1;}

    html {
        overflow-x: hidden;
        width: 100%;
        height: 100%;
    }
	
    body {
	overflow-x: hidden;
	overflow-y: auto;
	font: 13px Trebuchet MS, Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	}
	
	a, a > * {
		color: inherit;
		text-decoration: none;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
	}
	
    p, pre, dl, dd, blockquote, address, table, fieldset, form {
	    margin-bottom: 20px; 
    }

    img {
        display: block;
        max-width: 100%;
        height: auto;
        -webkit-backface-visibility: hidden;
    }

    object, video {
        display: block;
        height: auto;
    }
	
	#content a {
		font-weight: bold;
	}
	
	/* ----  Paragraph
 	----------------------------------------------------------------------------- */	
	
	p {
		font-weight: normal;
		line-height: 20px;
	}
	
	p > span {
		font-size: 12px;
		font-weight: bold;
	}
	
	p2 {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	/* ----  Basic styles
 	----------------------------------------------------------------------------- */	
	
	.text-center { text-align: center;}
	.text-left { text-align: center;}
	.text-right { text-align: center;}
	.f-left { float: left; }
	.f-right { float: right; }
		
	/* ----  Headers
 	----------------------------------------------------------------------------- */	
		
	h1 { font-size: 36px; }
	h2 { font-size: 26px;}
	h3 { font-size: 20px;}
	h4 { font-size: 14px;}
	h5 { font-size: 12px;}
	
	h2,h3 { font-weight: normal; }
	
	h1 { margin-bottom: 28px;  }
	h2 { margin-bottom: 24px; }
	h3 { margin-bottom:20px; }
	h4 { margin-bottom:16px; }
	h5 { margin-bottom:12px; }

	
	/* ----  Lists
 	----------------------------------------------------------------------------- */	
	
	ul.arrow,
	ul.check {
		margin-bottom: 20px;
	}
	
	ul.arrow li,
	ul.check li {
		padding: 10px 0px;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	ul.arrow li:last-child,
	ul.check li:last-child {
		border-bottom: none;
	}
	
	ul.arrow li:before,
	ul.check li:before {
		font-family: "FontAwesome"; 
		font-weight: normal;
		margin-right: 10px;
		font-size: 10px;
		content:'\f0da';
	}
	
	ul.arrow li:first-child,
	ul.check li:first-child {
		padding-top: 0;
	}
	
	ul.arrow li:before { content:'\f0da'; }
	ul.check li:before { content:'\f00c'; }
	
	
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 2.  Wrap
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */

	
	#body-wrapper {
        position: relative;
        background: rgb(255,255,255);
    }
	
    .container {
        position: relative;
        margin: 0 auto;
        padding: 0;
        max-width: 940px;
    }
	
    .container:after {
		content: "\0020";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
    }
	
	.center {
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
	}
	
	/* ----  Columns 
 	----------------------------------------------------------------------------- */	
 
	#main {
        float: left;
        width: 71.5%; 
    }
    #sidebar {
        float: right;
		width: 25.5%; 
    }
	
	.fullwidth {
		position: relative;
	}

    .one-half  { width: 49%; }
    .one-third { width: 32%; }
    .two-third { width: 64%; }
    .one-fourth { width: 23.5%; }
    .three-fourth { width: 74.5%; }
    .one-fifth { width: 18.4%; }
    .two-fifth { width: 38.8%; }
    .three-fifth { width: 59.2%; }
    .four-fifth { width: 79.6%; }
	.one-sixth { width: 15%; }

    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .three-fifth,
    .four-fifth,
	.one-sixth {
        position: relative;
        float: left;
        margin-right: 2%;
	}

    .last-in-row,
	.two-in-row div:nth-child(2n),
	.three-in-row div:nth-child(3n), 
	.four-in-row div:nth-child(4n) {
        clear: right;
        margin-right: 0!important;
    }

    hr {
        display: block;
    }

	.sep1 { height: 1px; background-color:rgb(235,235,235); }
    .sep10   { height: 10px; }
    .sep20   { height: 20px; }
    .sep30   { height: 30px; }
    .sep40   { height: 40px; }
    .sep50   { height: 50px; }
    .sep60   { height: 60px; }
    .sep70   { height: 70px; }
    .sep80   { height: 80px; }
    .sep90   { height: 90px; }
    .sep100  { height: 100px; }
	
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 3.  HEADER
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
	
	
	 #top-left {
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
	height: 100%;
	border-top: solid 0px;
	}
	
	#top-right {
		padding-top:35px;
		padding-bottom: 40px;
	}
	
	.logo {
		display: inline-block;
	}
	
	/* ---- Responsive navigation
	 ----------------------------------------------------------------------------- */	
	
	.tinynav {
		padding: 15px;
		font-size: 15px;
		display: none;
		border: rgb(235,235,235) 1px solid;
	}
	
	/* ---- Header - type 1
	 ----------------------------------------------------------------------------- */	
	
	/* ---- 1 - Main Menu ---- */		
	 
	.header-one ul#main-menu {
		position: relative;
		font-size: 14px;
		font-weight: bold;
		float: left;
		padding-top: 7px;
		border-right: rgb(235,235,235) 1px solid;
	}
	
	.header-one ul#main-menu a {
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}

	.header-one ul#main-menu > li {
		position: relative;
		float:left;
		margin-right: 40px;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	.header-one ul#main-menu > li > ul {
		position: relative;
		font-size: 11px;
		font-weight: bold;
		margin-top: 10px;
	}
	
	.header-one ul#main-menu > li > ul > li {
		position: relative;
		margin-top: 6px;
		margin-right: -10px;
	}
	
	/* ---- 1 - Social Icons ---- */			
	 
	.header-one ul.top-social {
		padding-left: 13px;
		float: left;
	}
	
	/* ---- Header - type 2
	 ----------------------------------------------------------------------------- */
	
	/* ---- 2 - Main Menu ---- */		
	 
	.header-two ul#main-menu {
		position: relative;
		margin-top: 20px;
		padding-right: 10px;
		font-size: 14px;
		font-weight: bold;
		float:left;
		border-right: rgb(235,235,235) 1px solid;
	}

	.header-two ul#main-menu a {
		color: inherit;
		text-decoration:none;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}

	.header-two ul#main-menu > li {
		position:relative;
		float:left;
		padding: 15px 10px;
		margin-right: 5px;
		max-width: 80px;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	.header-two ul#main-menu > li > a > span {
		clear: both;
		font-size: 10px;
		display:block;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	.header-two ul#main-menu > li:hover > a {
		color: rgb(255,255,255);
	}

	.header-two ul#main-menu > li > ul {
		position: absolute;
		font-size: 11px;
		font-weight: bold;
		top: 100%;
		left: 0px;
		padding-top: 3px;
		opacity: 0;
		visibility: hidden;
		z-index: 9999;
	}
	
	.header-two ul#main-menu > li:hover > ul {
		visibility: visible;
		opacity: 1;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	.header-two ul#main-menu > li > ul > li:hover ul {
		visibility: visible;
		opacity: 1;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	.header-two ul#main-menu > li > ul li {
		position: relative;
		padding: 7px;
		margin-bottom: 3px;
		width: 120px;
		color: rgb(255,255,255);
	}
	
	.header-two ul#main-menu > li > ul li:hover {
		margin-left: 3px;
		atransition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	.header-two ul#main-menu > li > ul ul {
		position: absolute;
		left: 100%;
		top: 0px;
		padding-left: 3px;
		opacity: 0;
		visibility: hidden;
		z-index: 9999;
	}
	
	/* ---- 2 - Social Icons ---- */			
	 
	.header-two ul.top-social {
		padding-top: 32px;
		margin-left: 13px;
		max-width: 140px;
		height: 60px;
		float:left;
	}
	
	/* ---- Header - type 3
	 ----------------------------------------------------------------------------- */
	
	/* ---- 3 - Main Menu ---- */		
	 
	.header-three ul#main-menu {
		position: relative;
		margin-top: 20px;
		padding-right: 10px;
		font-size: 14px;
		font-weight: bold;
		float:left;
		border-right: rgb(235,235,235) 1px solid;
	}

	.header-three ul#main-menu a {
		color: inherit;
		text-decoration:none;
	}
	

	.header-three ul#main-menu > li {
		position:relative;
		float:left;
		padding: 15px 10px;
		margin-right: 5px;
		max-width: 80px;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
	}
	
	.header-three ul#main-menu > li > a > span {
		clear: both;
		font-size: 10px;
		display:block;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
	}
	
	.header-three ul#main-menu > li:hover > a {
		color: rgb(255,255,255);
	}

	.header-three ul#main-menu > li > ul {
		position: absolute;
		top: 100%;
		left: 0px;
		background-color: rgb(255,255,255);
		border: 2px solid;
		box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;
		font-size: 11px;
		font-weight: bold;
		padding: 14px;
		width: 230px;
		opacity: 0;
		visibility: hidden;
		z-index: 9999;
	}
	
	.header-three ul#main-menu > li:hover > ul {
		visibility: visible;
		opacity: 1;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
	}
	
	.header-three ul#main-menu > li > ul > li {
		position: relative;
		margin-bottom: 9px;
		padding-bottom: 9px;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	.header-three ul#main-menu > li > ul > li.extended {
		position: relative;
		margin-bottom: 9px;
		padding-bottom: 9px;
		font-weight: normal;
		line-height: 18px;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	.header-three ul#main-menu > li > ul > li.extended h4 {
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 13px;
	}
	
	.header-three ul#main-menu > li > ul > li.extended > i {
		float: left;
		font-size: 40px;
		margin-top: 3px;
		margin-right: 14px;
		width:40px;
		height:40px;
		text-align: center;
	}
	
	.header-three ul#main-menu > li > ul > li.extended img {
		float: left;
		margin-top: 3px;
		margin-right: 14px;
		width:40px;
	}

	.header-three ul#main-menu > li > ul > li.extended p {
		margin-bottom: 8px;
	}
	
	.header-three ul#main-menu > li > ul > li.extended a.go {
		margin-bottom: 0px;
	}
	
	.header-three ul#main-menu > li > ul > li:last-child,
	.header-three ul#main-menu > li > ul > li.extended:last-child {
		margin-bottom: 0px;
		border: none;
		padding-bottom: 0px;
	}
	
	.header-three ul#main-menu > li > ul li:hover {
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
	}
	
	/* ---- 3 - Social Icons ---- */			
	 
	.header-three ul.top-social {
		padding-top: 32px;
		margin-left: 13px;
		max-width: 140px;
		height: 60px;
		float:left;
	}
		
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 4.  HOME PAGE
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
	
	
	/* ---- Services
	 ----------------------------------------------------------------------------- */
	
	.box-service-one {
		position: relative;
		box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;
		min-height: 120px;
		text-align:center;
		border: rgb(235, 235, 235) 1px solid;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
	}
	
	.box-service-one i {
		display: block;
		font-size: 46px;
		font-weight: bold;
		font-weight: 100;
		margin-bottom: 10px;
	}
	
	.box-service-one h3 {
		padding-top: 20px;
		padding-bottom: 20px;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	.box-service-one ul {	
		margin-left: 20px;
		margin-right: 20px;
		text-align: left;
		line-height: 22px;
	}
	
	.box-service-one i.hover-arrow {
		position:absolute;
		bottom: -12px;
		left: 50%;
		font-size: 18px;
		line-height: 0px;
		margin-left: -5px;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		overflow: hidden;
		visibility: hidden;
		opacity: 0;
	}
	
	.box-service-one:hover i.hover-arrow {
		visibility: visible;
		opacity: 1;
		overflow: visible;
	}
	
	.box-service-one p {
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

	/* ---- Service Banners
	 ----------------------------------------------------------------------------- */
	
	.service-banner .service-photo {
		overflow: hidden;
		background-color: rgb(0,0,0);
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	.service-banner img {
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		opacity: .2;
	}
	
	.service-banner:hover img {
		transform: scale(2) rotate(20deg);
		opacity: .3;
	}
	
	.service-banner .service-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 24px;
	color: rgb(255,255,255);
	padding: 10px;
	margin: 15px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	}
	
	.service-banner:hover .service-title {
		background-color: rgba(0,0,0,0.7);
	}
	
	.service-banner a {
		font-weight: normal !important;
	}
	
	.service-banner a:hover {
		color: inherit !important;
	}
	
	/* ---- Info Text
	 ----------------------------------------------------------------------------- */	
	 
	 .info-text {
		border-left: solid 3px;
		border-top: rgb(235, 235, 235) 1px solid;
		border-bottom: rgb(235, 235, 235) 1px solid;
		box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.info-text  > i {
		float: left;
		font-size: 56px;
		display: block;
		width: 100px;
		margin-top: 5px;
		text-align: center;
	}

	.info-text span.promo-big {
		display: block;
		margin-left: 100px;
		font-size: 33px;
		font-weight: normal;
		clear: right;
	}
	
	.info-text span.promo-small {
		margin-left: 100px;
		font-size: 20px;
		font-weight: normal;
		margin-top: 5px;
		display: block;
	}
	
	a.important-link {
		text-decoration: underline;
		font-weight: bold;
	}
	
	a.important-link:hover {
		text-decoration: none;
	}
	
	/* ---- Project Carousel
	 ----------------------------------------------------------------------------- */	
	 
	 .project-carousel {
        width: auto !important;
    }

    .project-carousel div {
        position: relative;
        overflow: hidden;
        width: inherit;
    }
	
    .project-carousel li {
        position: relative;
        display: block;
        float: left;
        overflow: hidden;
        margin: 0 20px 0 0;
        width: 300px;
    }
	
	.project-carousel .project-image {
	}
	
	.jcarousel-next, .jcarousel-prev {
        position: absolute;
        top: 97px;
        right: 20px;
        z-index: 999;
        display: block;
        margin-top: -37px;
        width: 40px !important;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
        opacity: 0;
        transition: all 0.2s linear;
    }
	
    .jcarousel-next i,
    .jcarousel-next i:hover,
    .jcarousel-prev i,
    .jcarousel-prev i:hover {
        color: rgb(255,255,255);
    }
    .jcarousel-prev {
        left: 20px;
    }
    .project-carousel:hover .jcarousel-next, .project-carousel:hover .jcarousel-prev {
        background: rgb(0,0,0);
        opacity: 0.5;
    }
	.jcarousel-next i, .jcarousel-prev i {
		display:inline-block !important;
		margin-top: 13px;
	}
    .project-carousel:hover .jcarousel-next:hover, .project-carousel:hover .jcarousel-next:focus, .project-carousel:hover .jcarousel-next:active,
    .project-carousel:hover .jcarousel-prev:hover, .project-carousel:hover .jcarousel-prev:focus, .project-carousel:hover .jcarousel-prev:active {
        background: rgb(0,0,0);
        opacity: 0.8;
    }
    .jcarousel-next-disabled, .jcarousel-next-disabled:hover, .jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
    .jcarousel-prev-disabled, .jcarousel-prev-disabled:hover, .jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
        display: none !important;
        cursor: auto;
    }
	
	/* ---- Partners logos
	 ----------------------------------------------------------------------------- */	
	
	.partners-logos li {
		text-align:center;
		padding-top: 10px;
		padding-bottom: 10px;		
		opacity: 0.4;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	.partners-logos li:hover {
		opacity:0.9;
	}
	
	.partners-logos img {
		display: inline-block;
	}
	
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 5.  GALLERY
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */	
	
	
	/* Projects Feed
	-----------------------------------------------------*/	
	
	.projects-feed {
		overflow: hidden;
	}
	
	.projects-feed > div {
		margin-bottom: 20px;
		overflow: hidden;
	}

	.single-project .project-image {
		position: relative;
		height: 100%;
		overflow: hidden;
	}
	
    .project-image img {
        position: relative;
        display: block;
		max-width:100%;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
    }
	
	.project-image:hover img {
		transform:scale(1.2,1.2)
    }
	
	.project-info
	{
		box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;
		border-bottom: rgb(235, 235, 235) 1px solid;
		border-left: rgb(235, 235, 235) 1px solid;
		border-right: rgb(235, 235, 235) 1px solid;
		width: 100%;
		padding-top:13px;
		padding-bottom:12px;
		overflow:auto;
	}	
	
	.short-info {
		font-size:11px;
		font-weight:bold;
	}
	
	.short-info i {
		color:rgb(201,201,201);
		margin-right:6px;
	}
	
	.project-info span.short-info {
		margin-left: 20px; 
		float:left;
	}
	
	.project-info a.view-it {
		margin-right: 20px;
		float: right;
	}
	
	.project-info-top
	{
		box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;
		border-top: rgb(235, 235, 235) 1px solid;
		border-left: rgb(235, 235, 235) 1px solid;
		border-right: rgb(235, 235, 235) 1px solid;
		width: 100%;
		font-size:11px;
		font-weight:bold;
		padding-top:13px;
		padding-bottom:12px;
		overflow:auto;
	}	
	
	.project-info-top span.short-info {
		margin-right: 20px; 
		float:right;
	}
	
	.project-info-top a.back-to-list {
		margin-left: 20px; 
		float:left;
	}
	
	.project-info-top a.view-it:hover i {
		margin-right: 11px;
	}
	
	div.project-image-mask {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: rgba(15,15,15,0.5);
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		z-index: 2;
		visibility: hidden;
		opacity: 0;
		overflow:hidden
	}
	
	.project-image:hover div.project-image-mask {
		opacity: 1;
		overflow: visible;
		visibility: visible;
	}
	
	a.project-zoom {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -20px;
		margin-left: -20px;
		border-radius: 50%;
		color: rgb(255,255,255);
		font-size: 15px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		z-index: 3;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	a.project-zoom:hover {
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin-top: -25px;
		margin-left: -25px;
		color: rgb(255,255,255) !important;
	}
	
	a.project-zoom i {
		display: inline-block !important;
		margin-left: -2px;
		margin-top: 12px;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	a.project-zoom:hover i {
		margin-top: 16px;
	}
	
	/* Single project
	-----------------------------------------------------*/
	
	table.project-details {
		width: 100%;
		font-size: 11px;
	}
	
	table.project-details td {
		width: 50%;
		padding: 6px 12px;
		line-height: 20px;
	}
	
	table.project-details i {
		color: rgb(201,201,201);
		font-size: 11px;
		margin-right: 10px;
	}
	
	table.project-details tr td:first-child {
		font-weight: bold;
		width: 50%;
		border-right: rgb(235, 235, 235) 1px solid;
		text-align: right;
	}
	
	table.project-details tr:first-child td {
		padding-top: 12px;
	}
	
	table.project-details tr:last-child td {
		padding-bottom: 12px;
	}
	
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 6.  BLOG 
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */	
	
	.blog-post {
		margin-bottom: 20px;
	}
	
	.blog-post-info {
		box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;
		display:block;
		border-bottom: rgb(235, 235, 235) 1px solid;
		border-left: rgb(235, 235, 235) 1px solid;
		border-right: rgb(235, 235, 235) 1px solid;
		width: 100%;
		font-size:11px;
		font-weight:bold;
		padding-top:13px;
		overflow:auto;
	}	
	
	.blog-post-info i
	{
		color:rgb(201,201,201) !important;
		margin-right:6px;
	}
	
	.read-it {
		float: right;
		margin-right: 20px;
		margin-bottom:  12px;
	}

	.blog-post-info h5,
	.blog-post-info h2 {
		margin-left: 20px;
		margin-right: 20px;
		clear: both;
		font-weight: bold;
	}

	.blog-post-info h2 {
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 13px; !important;
	}
	
	.blog-post-info p {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.blog-post-info span.short-info {
		margin-left: 20px; 
		margin-bottom: 12px;
		float:left;
	}
	
	.type-and-date {
		position: absolute;
		top: 40px;
		left: -40px;
	}
	
	.type-and-date .type {
		position: relative;
		float: left;
		width: 40px;
		height: 40px;
		font-size: 18px;
		color: rgb(255,255,255);
		display: block;
	}
	
	.type-and-date .type i {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -9px;
		margin-top: -9px;
	}
	
	.type-and-date .date {
		position: relative;
		float: left;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 8px;
		height: 32px;
		font-size: 18px;
		color: rgb(255,255,255);;
		display: block;
		font-weight: bold;
	}
	
	.post-opened h2 {
		font-weight: bold;
	}
	
	.post-opened .photo,
	.post-opened .video {
		margin-bottom: 20px;
	}
	
	.post-meta-info {
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 20px;
		padding: 15px 0;
		border-bottom: rgb(235, 235, 235) 1px solid;
		border-top: rgb(235, 235, 235) 1px solid;
	}
	
	.post-meta-info span.short-info {
		margin-right: 20px; 
		float: left;
	}
	
	.author-avatar {
		width: 100px;
		float: left;
	}
	
	.author-content {
		overflow: auto;
	}
	
	.author-content ul.social-icons {
		margin-top: 10px;
	}
	
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ----7.  FOOTER
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */	
	
	
	div#footer-first-row {
		border-top: 10px solid;
		padding-top: 20px;
		margin-bottom: 20px;
	}
	
	section.footer-widget ul, p  {
	font-size: 13px;
	}
	
	footer {
		margin-top: 30px;
		font-size: 11px;
	}
	
	section.footer-widget {
		margin-bottom: 10px;
	}

	/* ----  Menu
 	----------------------------------------------------------------------------- */		
	
	section.footer-widget ul {
		font-weight: bold;
		margin-top: 10px;
	}
	
	section.footer-widget ul li {
		margin-top: 6px;
	}
	
	section.footer-widget ul li a {
		text-decoration:none;
	}
	
	section.footer-widget ul li a:hover {
		padding-left: 5px;
	}
	
	/* ----  Simple text
 	----------------------------------------------------------------------------- */	
	
	section.footer-widget p {
		font-weight: normal;
		line-height: 18px;	
		margin-bottom: 8px;
	}
	
	section.footer-widget p > i {
		float: left;
		font-size: 40px;
		margin-top: 3px;
		margin-right: 14px;
		width:40px;
		height:40px;
		text-align: center;
		line-height: 0px;
	}
	
	.about-us-widget img {
		float: left;
		margin-top: 3px;
		margin-right: 14px;
		width:40px;
	}

	.about-us-widget a.go {
		margin-left: 54px;
	}
	
	/* ----  Newsletter
 	----------------------------------------------------------------------------- */	
	
	div.newsletter {
		position:relative;
		width: 100%;
	}
	
	div.newsletter input[type="text"] {
		margin-bottom: 10px;
		width: 100%;
	}
	
	div.newsletter input[type="checkbox"] {
		margin-right: 4px;
		margin-top: -5px;
	}
	
	div.newsletter a
	{
		text-decoration: underline;
	}
	
	/* ----  Flickr 
 	----------------------------------------------------------------------------- */	
	
	.photo-stream a {
		margin-right: 5%;
		margin-bottom:5%;
		display: inline-block;
		width: 21%;
		height: 21%;
	}
	
	.photo-stream a:nth-child(4n+2) {
		margin-right: 0;
	}
	
	.photo-stream img:hover {
		opacity: 0.6;
	}
	
	/* ----  Twitter widget (speech bubble)
 	----------------------------------------------------------------------------- */		
	
	.twitter-widget {
		position: relative;
		margin-bottom: 20px;
	}
	
	.twitter-widget .twitter-widget-content {
		border: 1px solid rgb(235,235,235);
		padding: 13px 0;
		font-size: 11px;
	}
	
	.twitter-widget .twitter-widget-content > i {
		width: 50px;
		text-align: center;
		float:left;
		display: inline;
		font-size: 13px;
	}
	
	.twitter-widget .twitter-widget-content .tweet {
		margin-left: 50px;
		margin-right: 20px;
	}
	
	.twitter-widget .twitter-widget-content  .tweet_time {
		float:right;
		margin-left: 20px;
	}
	
	.twitter-widget .twitter-speech-bubble {
		background-image: url(../images/twitter-widget-bubble.png);
		width: 13px;
		height: 13px;
		position: absolute;
		bottom: -12px;
		right: 10px;
	}
	
	.tw-big .twitter-widget-content {
		padding: 30px 0;
		font-size: 15px;
	}
	
	.tw-big .twitter-widget-content > i {
		width: 90px;
		text-align: center;
		float:left;
		display: inline;
		font-size: 40px;
	}
	
	.tw-big .twitter-widget-content  .tweet_time {
		float: none;
		font-size:12px;
		margin-left: 0;
		display: block;
		margin-bottom:5px;
	}
	
	/* ----  Second row
 	----------------------------------------------------------------------------- */	
	
	div#footer-second-row {
		background:rgb(30,30,30);
		min-height: 80px;
	}
	
	/* ----  Contact 
 	----------------------------------------------------------------------------- */	
	
	ul#contact-info {
		color: rgb(255,255,255);
		font-size: 13px;
		font-weight: bold;
		border-top: 4px solid;
		padding-top: 30px;
		padding-bottom: 30px;
		float: left;
		display:inline-block;
		margin-top: -4px;
	}
	
	ul#contact-info li {
		float:left;
		margin-right:30px;
	}
	
	ul#contact-info li > i {
		display: inline-block !important;
		width: 21px;
		color: rgb(114,114,114);
	}
	
	ul#contact-info a.go {
		margin-left: 21px;
	}
	
	/* ----  Social icons
 	----------------------------------------------------------------------------- */	
	
	ul.footer-social {
		float:right;
		margin-top: 30px;
		margin-bottom: 30px;
		display: inline-block;
	}
	 
	 /* ----  Copyright
 	----------------------------------------------------------------------------- */	
	 
	div#footer-copyright {
		background: rgb(20,20,20);
		border-top: rgb(50,50,50) 1px solid;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	span.copyright {
		color: rgb(186,186,186);
		font-size: 11px;
		font-weight: normal;
	}
	
	span.copyright a {
		color: rgb(255,255,255);
		font-weight: bold;
	}
		
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 8.  SLIDER
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
	
	#slider ul.slides,
	#slider ul.slides li,
	#slider-fullwidth ul.slides,
	#slider-fullwidth ul.slides li   {
		max-height: 500px;
		overflow: hidden;
	}

	/* ----  Slide content
 	----------------------------------------------------------------------------- */	
	
	.flexslider .slide-container {
		position:absolute;
		bottom: 0px;
		left: 0px; 
		width: 100%;
	}
	
	.flexslider .slide-content {
		position: absolute;
		bottom: 0px;
		left: 0px;
		margin: 40px;
		white-space: pre-line;
	}
	
	.fullwidth .flexslider .slide-content {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	
	.flexslider .title-of-slide {
		color: rgb(255,255,255);
		padding-left: 15px;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-right: 15px;
		background-color: rgba(0,0,0,0.8);
		font-size: 70px;
		display:inline-block;
	}
	
	.flexslider .title-of-slide > i {
		display: inline-block;
		width: 70px;
		height: 70px;
		font-size: 70px;
		margin-right: 10px;
		text-align: center;
	}
	
	.flexslider .slide-description {
		color: rgb(255,255,255);
		font-size: 30px;
		padding: 15px 12px 15px 12px;
		display:inline-block;
		margin: 0;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	.flexslider .slide-description:hover {
		padding: 15px 30px;
	}
	 
	 

/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 9. FORMS
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */	 

	/* labels Styles
	-----------------------------------------------------*/
	
	label {
	  vertical-align: middle;
	  display: block;
	  font-size: 12px;
	  font-weight: bold;
	  margin-bottom: 5px;
	}
	
	label.error {
		color: rgb(204,0,0);
		margin-top: -10px;
		margin-bottom: 10px;
		font-size: 11px;
	}
	
	/* Input Styles
	-----------------------------------------------------*/
	
	input[type="text"],
	input[type="email"] {
	  outline: none;
	  border: 1px solid rgb(190,190,190);
	  border-bottom: 1px solid rgb(235,235,235);
	  border-right: 1px solid rgb(235,235,235);
	  box-sizing:border-box;
  	  -moz-box-sizing:border-box;
  	  -webkit-box-sizing:border-box;
	  -webkit-box-shadow: inset 1px 1px 1px rgb(220,220,220);
	  -moz-box-shadow: inset 1px 1px 1px rgb(220,220,220);
	  box-shadow: inset 1px 1px 1px rgb(220,220,220);
	  margin-bottom: 15px;
	  height: 32px;
	  padding: 0 10px;
	  vertical-align: middle;
	  font-size: 11px;
	  line-height: 28px;
	  width: 200px;
	}
	
	textarea {
	  font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	  -webkit-box-shadow: inset 1px 1px 1px #e3e3e3;
	  -moz-box-shadow: inset 1px 1px 1px #e3e3e3;
	  box-shadow: inset 1px 1px 1px #e3e3e3;
	  width: 98%;
	  padding: 5px 10px;
	  margin-bottom: 15px;
	  resize: none;
	  font-size: 11px;
	  line-height: 20px;
	  border: 1px solid #c0c0c0;
	  border-bottom: 1px solid #e6e6e6;
	  border-right: 1px solid #e6e6e6;
	  box-sizing:border-box;
  	  -moz-box-sizing:border-box;
  	  -webkit-box-sizing:border-box;
	}
	
	.input-submit {
		position:absolute !important;
		right: 5px;
		top: 4px;
		margin: 0px !important;
	}	 
	
	/* Select
	-----------------------------------------------------*/
	
	.select-wrapper {
		position: relative;
		width: 200px;
		border: 1px solid rgb(235,235,235);
	}
	
	.select-wrapper .sbSelector {
		display: block;
		padding: 10px;
	}
	
	.select-wrapper .sbSelector:after {
		position:absolute;
		right: 14px;
		top: 10px;
		font-family: "FontAwesome"; 
		font-weight: normal;
		margin-left: 13px;
		font-size: 11px;
		content:'\f0d7';
	}
	
	.select-wrapper ul {
		position: absolute;
		top: 100% !important;
		left: -1px;
		width: 100%;
		background: rgb(255,255,255);
		border-bottom: 1px solid rgb(235,235,235);
		border-left: 1px solid rgb(235,235,235);
		border-right: 1px solid rgb(235,235,235);
		z-index: 9997;
	}

	.select-wrapper ul li {
		border-top: 1px solid rgb(235,235,235);
		padding:7px 10px;
	}
	
	.select-wrapper ul li:last-child {
		margin-bottom: 0 !important;
	}


/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 10. LINKS & BUTTONS
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */

	.button-rounded,
	.button-defalut {
		display: inline-block;
		margin: 0px 15px 15px 0px;
	}
	
	/* Links #1
	-----------------------------------------------------*/

	a.more {
		font-size:11px;
		font-weight:bold;
	}
	
	a.more i {
		color:rgb(201,201,201) !important;
		margin-right:6px;
	}
	
	a.more,
	a.more i {
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	a.more:hover i {
		margin-right: 12px;
	}
	
	/* Links #2
	-----------------------------------------------------*/
	
	a.go {
		margin-bottom: 10px;
		font-size: 10px;
		font-weight: bold;
		clear: both;
		display: block;
	}
	
	a.go i {
		margin-left: 4px;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
	}
	
	a.go:hover i {
		margin-left: 9px;
	}
	
	/* Buttons - rounded
	-----------------------------------------------------*/
	
	.button-rounded {
		position: relative;
		width: 26px;
		height: 26px;
		border-radius: 50%;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		cursor: pointer;
		font-size:12px;
		text-align: center;
	}
	
	.button-rounded > i {
		position: absolute;
		display: inline-block !important;
		color: rgb(255,255,255) !important;
		top: 50%;
		left: 50%;
		margin-left:-6px;
		margin-top: -6px;
		width: 12px;
		height: 12px;
	}

	.br-big {
		width: 50px !important;
		height: 50px !important; 
	}
	
	.br-big i {
		width: 18px;
		height: 18px;
		font-size: 18px;
		margin-left:-9px;
		margin-top: -9px;
	}

	/* Buttons - defalut
	-----------------------------------------------------*/
	
	.button-defalut {
		position: relative;
		padding: 12px;
		font-size: 13px;
		text-align:center;
		color: rgb(255,255,255) !important;
		cursor: pointer;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
	}
	
	.bd-small {
		padding: 7px !important;
		font-size: 11px !important;
	}
	
	.button-defalut i {
		margin-right: 8px;
	}
	
	/* Social icons
	-----------------------------------------------------*/
	
	ul.social-icons {
		position: relative;
		font-size: 16px;
	}
	
	ul.social-icons li {
		max-width: 100%;
		float:left;
		width: 32px;
		height: 32px;
		display: inline-block;
	}
	
	ul.social-icons li a {
		transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
	}
	
	ul.social-icons li i {
		display: inline-block;
		margin-top: 8px;
	}
	
	.bg-social-icon {
		border-radius: 16px;
		width: 0px;
		height: 0px;
		text-align: center;
		display: block;
		transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
		-moz-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
		-webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
		-o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
	}
	
	ul.social-icons li:hover .bg-social-icon {
		width: 32px;
		height: 32px;
	}
	
	ul.social-icons li:hover a {
		color: rgb(255, 255, 255) !important;
	}
	
	.grey-to-white a {
		color: rgb(201, 201, 201);
	}
	
	.white-to-white a {
		color: rgb(255, 255, 255);
	}
	
	/* Colors
	-----------------------------------------------------*/

	.orange-to-darkgrey  { background-color: rgb(255,132,0); }
	.blue-to-darkgrey 		{ background-color: rgb(65,154,241); }
	.green-to-darkgrey    { background-color: rgb(143,194,62); }
	.red-to-darkgrey 		{ background-color: rgb(217,66,66); }
	.violet-to-darkgrey 	{ background-color: rgb(150,91,200); }
	.pink-to-darkgrey 		{ background-color: rgb(240,100,166); }
	.yellow-to-darkgrey   { background-color: rgb(255,186,0); }
	.tan-to-darkgrey 		{ background-color: rgb(196,149,94); }
	.grey-to-darkgrey 		{ background-color: rgb(140,140,140); }
	
	.darkgrey-to-orange:hover { background-color: rgb(255,132,0); }
	.darkgrey-to-blue:hover 	{ background-color: rgb(65,154,241); }
	.darkgrey-to-green:hover   { background-color: rgb(143,194,62); }
	.darkgrey-to-red:hover		{ background-color: rgb(217,66,66); }
	.darkgrey-to-violet:hover 	{ background-color: rgb(150,91,200); }
	.darkgrey-to-pink:hover 	{ background-color: rgb(240,100,166); }
	.darkgrey-to-yellow:hover 	{ background-color: rgb(255,186,0); }
	.darkgrey-to-tan:hover 		{ background-color:  rgb(196,149,94); }
	.darkgrey-to-grey:hover     { background-color:  rgb(140,140,140); }
	
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 11.  SUBPAGE
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
	
	.container .the-title-content {
		padding: 0 20px;
		
	}
		
	/* Title - type 1
	-----------------------------------------------------*/		
	
	#the-title-one {
		background-color: rgb(249,249,249);
		border-top: rgb(235,235,235) 1px solid;
		border-bottom: rgb(235,235,235) 1px solid;
		padding-bottom: 30px;
		padding-top: 30px;
		text-align: center;
	}
	
	#the-title-one h1 {
		margin-bottom: 0 !important;
	}
	
	/* Title - type 2
	-----------------------------------------------------*/		
	
	#the-title-two {
		padding-bottom: 50px;
		padding-top: 50px;
	}
	
	#the-title-two h1 {
		color: rgb(255,255,255);
		font-size: 60px;
		margin-bottom: 0px;
	}
	
	#the-title-two span {
		font-size: 30px;
		font-weight: bold;
	}
	
	/* Title - type 3
	-----------------------------------------------------*/		
	
	#the-title-three {
		background-size: cover;
		background-position: center;
		padding-bottom: 35px;
		padding-top: 25px;
		overflow: hidden;
	}
	
	#the-title-three img.the-title-bg {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#the-title-three .the-title-content {
		white-space: pre-line;
	}
	
	#the-title-three h1 {
		color: rgb(255,255,255);
		font-size: 60px;
		padding: 15px;
		background-color: rgba(0,0,0,0.8);
		display: inline-block;
		font-weight: normal;
		margin-bottom: 0px;
	}
	
	#the-title-three span {
		color: rgb(255,255,255);
		display: inline-block;
		font-size: 30px;
		font-weight: normal;
		padding: 10px;
	}
	
	/* Breadcumbs
	-----------------------------------------------------*/		
	
	.breadcumbs {
		font-size: 11px;
		margin-top: 4px;
		clear: both;
	}
	
	.breadcumbs a {
		margin-right: 10px;
		font-weight: normal;
	}
	
	.breadcumbs a:after {
		font-family: "FontAwesome"; 
		font-weight: normal;
		margin-left: 13px;
		font-size: 9px;
		content:'\f0da';
	}
	
	.breadcumbs a.home,
	.breadcumbs a.current  {
		font-weight: bold;
	}
	
	.breadcumbs a.current {
		cursor: default;
	}
	
	.breadcumbs a.current:after {
		content: none;
	}
	
	#content .breadcumbs {
		padding-bottom: 20px;
		margin-top: 0px !important;
		margin-bottom: 20px;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	/* Blockquote
	-----------------------------------------------------*/
	
	blockquote {
		font-size: 16px;
		padding: 30px;
		border-left: 3px solid;
		border-top: rgb(235, 235, 235) 1px solid;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	blockquote .author {
		display: block;
		clear: both;
		font-size: 11px;
		margin-top: 12px;
		padding-top: 10px;
		border-top: rgb(235, 235, 235) 1px solid;
	}
	
	/* Filter
	-----------------------------------------------------*/
	
	.filter ul {
		position: relative;
		font-size: 14px;
		font-weight: bold;
		color: rgb(150,150,150);
		margin-top: 10px;
		margin-bottom: 10px;
		border-bottom: rgb(235,235,235) 1px solid;
		display: inline-block;
		width: 100%;
	}
	
	.filter ul li {
		position: relative;
		float: left;
		padding: 14px;
		border-top: rgb(235,235,235) 1px solid;
		border-left: rgb(235,235,235) 1px solid;
	}
	
	.filter ul li:last-child {
		border-right: rgb(235,235,235) 1px solid;
	}
	
	.filter ul li.active {
		border-top: 2px solid;
		border-left: 2px solid;
		border-right: 2px solid;
		padding: 13px;
		cursor: default;
	}
	
	.filter ul li.active a {
		cursor: default;
	}
	
	.filter ul li.active:last-child {
		border-right: 2px solid;
	}
	
	/* Tabs
	-----------------------------------------------------*/
	
	.tabs ul {
		position: relative;
		font-size: 14px;
		font-weight: bold;
		color: rgb(150,150,150);
		border-bottom: rgb(235,235,235) 1px solid;
		display: inline-block;
		width: 100%;
	}
	
	.tabs ul li {
		position: relative;
		float: left;
		padding: 14px;
		border-top: rgb(235,235,235) 1px solid;
		border-left: rgb(235,235,235) 1px solid;
	}
	
	.tabs ul .ui-tabs-active {
		border-top: 2px solid;
		border-left: 2px solid;
		border-right: 2px solid;
		padding: 13px;
		cursor: default;
	}
	
	.tabs ul .ui-tabs-active a {
		cursor: default;
	}
	
	.tabs ul .ui-tabs-active:last-child {
		border-right: 2px solid;
	}
	
	.tabs ul li:last-child {
		border-right: rgb(235,235,235) 1px solid;
	}
	
	.tab-content {
		width: 100%;
		border-left: rgb(235,235,235) 1px solid;
		border-right: rgb(235,235,235) 1px solid;
		border-bottom: rgb(235,235,235) 1px solid;
		box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;
		overflow: auto;
	}
	
	.tab-content p {
		margin: 15px;
	}

		
	/* Accordion
	-----------------------------------------------------*/
	
	.accordion {
		padding-bottom: 0 !important;
	}
	
	.accordion h5 {
		padding-top: 15px;
		padding-bottom: 15px;
		border-top: rgb(235,235,235) 1px solid;
		margin-bottom: 0px !important;
		cursor: pointer;
	}
	
	.accordion h5:first-child {
		border-top: none;
		padding-top: 0;
	}
	
	.accordion h5:last-child {
		padding-bottom: 0;
	}
	
	.accordion div {
		padding-top: 15px;
		border-top: rgb(235,235,235) 1px solid;
	}
	
	span.ui-accordion-header-icon {
		position: relative;
		display: block;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		float: left;
		margin-top: -3px;
		margin-right: 7px;
		text-align: center;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
	}
	
	span.ui-accordion-header-icon:after  {
		font-family: "FontAwesome";
		font-weight: normal;
		font-size: 11px;
		color: rgb(255,255,255);
		content: '\f067';
		position: relative;
		top: 3px;
	}
	
	.ui-accordion-header-active span.ui-accordion-header-icon:after {
		content: '\f068';
	}
			
	
	/* Pagination
	-----------------------------------------------------*/
	
	.pagination {
		text-align: center;
	}
	
	.pagination ul {
		position: relative;
		font-size: 14px;
		font-weight: bold;
		color: rgb(150,150,150);
		margin-top: 10px;
		margin-bottom: 10px;
		display: inline-block;
	}
	
	.pagination li {
		position: relative;
		float: left;
		padding: 15px 35px;
		border-left: rgb(235,235,235) 1px solid;
		border-bottom: rgb(235,235,235) 1px solid;
		border-top: rgb(235,235,235) 1px solid;
	}
	
	.pagination li.active {
		border: 2px solid;
		padding-bottom: 13px;
		cursor: default;
	}
	
	.pagination li:last-child {
		border-right: rgb(235,235,235) 1px solid;
	}
	
	/* Bordered box
	-----------------------------------------------------*/
	
	.border-box > * {
		padding: 18px 20px;
	}
	
	.border-box {
		margin-bottom: 20px;
		border: rgb(235, 235, 235) 1px solid;
		box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;
	}
	
	.border-box h4 {
		border-bottom: rgb(235, 235, 235) 1px solid;
		margin-bottom: 0px !important;
	}
	
	.border-box > *:last-child {
		margin-bottom: 0px !important;
	}
	
	.important-box {
		border: 2px solid;
	}
	
	/* Pricing tables
	-----------------------------------------------------*/
	
	.column {
		float: left;
		box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;
		font-size: 12px;
		text-align: center;
	}
	
	.five-cols .column  { width: 20%; }
    .four-cols .column  { width: 25%; }
    .three-cols .column { width: 33.33%; }
    .two-cols .column   { width: 50%; }
    .one-cols .column   { width: 100%; }
	
	/* 1- Pricing table - defalut ----- */
	
	.pricing-table-defalut .column {
		border-bottom: rgb(235, 235, 235) 1px solid;
		border-top: rgb(235, 235, 235) 1px solid;
		border-left: rgb(235, 235, 235) 1px solid;
	}
	
	.pricing-table-defalut .premium {
		border: rgb(235, 235, 235) 2px solid;
	}
	
	.pricing-table-defalut .column:last-child {
		border-right: rgb(235, 235, 235) 1px solid;
	}
	
	.pricing-table-defalut .features-list {
		font-weight: bold;
		margin-top: 126px;
	}
	
	.pricing-table-defalut .features-list li {
		text-align: right !important;
	}
	
	.pricing-table-defalut .column-title {
		height: 125px;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	.pricing-table-defalut h1 {
		padding-top: 20px;
		font-size: 20px;
		margin-bottom: 0px !important;
	}
	
	.pricing-table-defalut .price {
		display: block;
		font-size: 40px;
	}
	
	.pricing-table-defalut .type {
		display: block;
		font-weight: bold;
	}
	
	.pricing-table-defalut li {
		padding: 15px;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	.pricing-table-defalut li:last-child {
		border-bottom: none;
	}
	
	.pricing-table-defalut .column-end {
		border-top: rgb(235, 235, 235) 1px solid;
		padding-top: 15px;
	}
	
	/* 1- Pricing table - simple ----- */
	
	.pricing-table-simple .column {
		background-color: rgb(25,25,25);
		border-right: rgb(235, 235, 235) 2px solid;
		color: rgb(255,255,255);
	}
	
	.pricing-table-simple .column:last-child {
		border-right: none;
	}

	.pricing-table-simple .column-title {
		height: 125px;
		border-bottom: rgb(60,60,60) 1px solid;
	}
	
	.pricing-table-simple h1 {
		color: rgb(255,255,255);
		padding-top: 20px;
		font-size: 20px;
		margin-bottom: 0px !important;
	}
	
	.pricing-table-simple .premium h1 {
		color: rgb(45,45,45);
	}
	
	.pricing-table-simple .price {
		display: block;
		font-size: 40px;
	}
	
	.pricing-table-simple .premium .price {
		color: rgb(255,255,255);
	}
	
	.pricing-table-simple .type {
		display: block;
		font-weight: bold;
		color: rgb(120,120,120);
	}
	
	.pricing-table-simple .premium .type {
		color: rgb(45,45,45);
	}
	
	.pricing-table-simple li {
		padding: 15px;
		border-top: rgb(60,60,60) 1px solid;
	}
	
	.pricing-table-simple li:nth-child(2n-1) {
		background-color: rgb(40,40,40);
	}
	
	.pricing-table-simple .column-end {
		border-top: rgb(60,60,60) 1px solid;
		padding-top: 15px;
	}
	
	/* Contact
	-----------------------------------------------------*/
	
	table.our-adress {
		width: 100%;
		font-size: 11px;
	}
	
	table.our-adress td {
		padding: 6px;
		line-height: 20px;
	}
	
	table.our-adress i {
		color: rgb(201,201,201);
		font-size: 11px;
		margin-right: 10px;
	}
	
	table.our-adress tr td:first-child {
		width:15px;
		font-weight: bold;
		text-align: right;
	}
	
	table.our-adress a {
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
	}
	
	/* Comments
	-----------------------------------------------------*/
	
	ul.comments-list {
		position: relative;
	}
	
	ul.comments-list li {
		position: relative;
		margin-bottom: 20px;
	}
	
	.comments textarea {
		width: 100%;
	}
	
	ul.comment-children {
		position: relative;
		margin-left: 100px;
		margin-top: 20px;
	}
	
	.comment-avatar {
		position: relative;
		width: 80px;
		height: 80px;
		float: left;
	}
	
	ul.comment-children .comment-content {
		background: rgb(251,251,251);
	}
	
	.comment-content {
		position: relative;
		margin-left: 100px;
		padding: 20px;
		border: rgb(235, 235, 235) 1px solid;
	}
	
	.comment-content p {
		margin-bottom: 0 !important;
	}
	
	.comment-meta {
		position: relative;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: rgb(235, 235, 235) 1px solid;
		overflow: auto;
	}
	
	.comment-author {
		position: relative;
		font-size: 14px;
		font-weight:bold;
	}
	
	.comment-date,
	.reply {
		float: right;
		margin-left: 20px;
	}
	
	/* Contact
	-----------------------------------------------------*/
	
	#google-map { 
		height: 400px;
		width: 100%;
		font-size: 16px;
		color: rgb(60,60,60);
		font-weight: bold;
	}
	
	#google-map span { 
		font-size: 11px;
		display:block;
	}
	
	#google-map img { 
		max-width: none;
	}
	
	/* Team members
	-----------------------------------------------------*/
	
	.team-member {
		margin-bottom: 20px;
	}
	
	.member-info h4 {
		padding: 20px;
		margin: 0px;
	}
	
	.member-title {
		font-size: 11px;
		display: block;
	}
	
	}	
	.member-info {
		display: block;
		border-left: rgb(235, 235, 235) 1px solid;
		border-right: rgb(235, 235, 235) 1px solid;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	.member-info p {
		margin-left: 20px;
		margin-right: 20px;
		padding: 20px 0px;
		border-bottom: rgb(235, 235, 235) 1px solid;
		border-top: rgb(235, 235, 235) 1px solid;
	}
	
	.member-info ul.social-icons {
		margin:-10px 20px 10px;
	}
	
	/* Sitemap
	-----------------------------------------------------*/

	.sitemap ul {
		position: relative;
		width: 100%
	}
	
	.sitemap > ul > li {
		font-size: 14px;
		margin-bottom: 20px;
		width: 20%;
		float: left;
	}
	
	.sitemap > ul > li:nth-child(6n) {
		clear:left;
	}
	
	.sitemap > ul > li > ul {
		margin-top: 15px; 
	}
	
	.sitemap li li {
		display: block;
		font-size: 11px;
		margin-bottom: 6px;
	}
	
	.sitemap ul li li li {
		padding-left: 10px;
		font-size: 10px;
	}
	
	.sitemap ul ul a:hover {
		padding-left:4px;
	}
	
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 12.  SIDEBAR
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
	
	.sidebar-widget {
		position: relative;
		margin-bottom: 20px;
	}
	
	.sidebar-widget > div {
		position: relative;
	}
	
	.sidebar-widget ul li:last-child {
		margin-bottom: 0px;
		border-bottom: none;
		padding-bottom: 0px;
	}
	
	/* Categories widget
	-----------------------------------------------------*/

	.widget-categories > ul {
		font-size: 11px;
		font-weight: bold;
	}
	
	.widget-categories > ul > li {
		position: relative;
		margin-bottom: 9px;
		padding-bottom: 9px;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	.widget-categories > ul > li li {
		position: relative;
		left: 15px;
		margin-top: 8px;
	}
	
	.widget-categories li.active > a {
		cursor: default;
	}
	
	/* Serach widget
	-----------------------------------------------------*/
	
	.widget-search {
		margin-bottom: 20px;
	}
	
	.widget-search input {
		margin-bottom: 0px !important;
		width: 100%;
	}
	
	.search-form {
		position: relative;
		width: 100%;
		height: 100%;
	}	
	
	/* Recent posts widget
	-----------------------------------------------------*/
	
	.widget-recent-posts > ul {
		position: relative;
		font-size: 13px;
		font-weight: bold;
	}
	
	.widget-recent-posts > ul li {
		position: relative;
		font-size: 13px;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	.widget-recent-posts > ul li:after {
		content: ""; clear: both; display: block;
	}
	
	.widget-recent-posts > ul li img {
		width: 60px;
		float: left;
		margin-right: 15px;
		display: inline-block;
	}
	
	.widget-recent-posts > ul li a {
		margin-top: 5px;
	}
	
	.widget-recent-posts > ul li span {
		font-weight: normal;
		font-size: 10px;
		display: block;
		margin-top:2px;
	}
	
	/* Flickr widget (sidebar)
	-----------------------------------------------------*/
	
	.widget-flickr {
		margin-bottom: 12px;
	}
	
	/* Twitter widget (extended)
	-----------------------------------------------------*/
	
	.widget-twitter-extended ul {
		position: relative;
		font-size: 11px;
	}

	.widget-twitter-extended ul li {
		position: relative;
		margin-bottom: 15px;
		padding-bottom: 18px;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
   .widget-twitter-extended .tweet_time {
	    display:block;
		margin-bottom: 3px;
	}
	
	
	/* Tabs widget 
	-----------------------------------------------------*/
	
	.widget-tabs {
		margin-bottom: 20px;
	}
	
	.widget-tabs ul {
		font-size: 11px !important;
	}
	
	.widget-tabs ul li {
		padding: 10px !important;
	}
	
	
	/* Accordion widget 
	-----------------------------------------------------*/
	
	.widget-accordion h5 {
		font-size: 11px !important;
	}
	
	/* Shopping Cart widget 
	-----------------------------------------------------*/
	
	.widget-shopping-cart .cart-products-number {
		display: block;
		font-weight: bold;
	}
	
	.widget-shopping-cart .cart-products-sum {
		display: block;
		font-weight: normal;
		font-size: 40px;
		margin-bottom: 7px;
	}
	
	.widget-shopping-cart button {
		margin-bottom: 0 !important;
	}
	
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 13. E-COMMERCE
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */ 
	
	.shop-search input {
		outline: none;
		border: none;
		background-color: rgb(255,255,255);
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-webkit-box-shadow: inset 1px 1px 1px rgb(220,220,220);
		-moz-box-shadow: inset 1px 1px 1px rgb(220,220,220);
		box-shadow: inset 1px 1px 1px rgb(220,220,220);
		margin: 15px;
		height: 60px;
		padding: 0 15px;
		vertical-align: middle;
		font-size: 24px;
		line-height: 28px;
		width: 910px;
	}
	
	.shop-search .search-submit {
		position: absolute;
		right: 20px;
		top: 20px;
		margin: 0px !important;
	}
	
	/* Products grid
	-----------------------------------------------------*/
	
	ul.products-list-gird {
		width: 100%;
	}
	
	ul.products-list-gird li { 
		border: rgb(235, 235, 235) 1px solid;
		box-sizing:border-box;
  		-moz-box-sizing:border-box;
  		-webkit-box-sizing:border-box;
		padding-bottom: 20px;
		margin-bottom: 2%;
		transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-webkit-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
	}
	
	ul.products-list-gird li > * { 
		padding: 0 20px;
	}
	
	ul.products-list-gird li .product-photo {
		width: 100%;
		padding: 0 !important;
	}
	
	ul.products-list-gird li .product-photo {
		margin: 2% 2% 20px 2%;
		width: 96%;
		clear: both;
		display: block;
	}
	
	.product-title {
		margin-bottom: 0px !important;
	}
	
	.product-price {
		margin-bottom: 0px;
		font-size: 35px;
	}
	
	.product-submit .button-rounded {
		margin: 0 !important;
	}
	
	/* Product details
	-----------------------------------------------------*/
	
	.product-gallery ul.slides,
	.product-gallery ul.slides li  {
		height: 300px;
		overflow: hidden;
	}
	
	.product-details .product-title {
		padding: 0px !important;
		margin-bottom: 20px !important;
		font-weight: bold;
	}
	
	.product-basics ul {
		padding: 15px 0;
		border-top: rgb(235, 235, 235) 1px solid;
		border-bottom: rgb(235, 235, 235) 1px solid;
		margin-bottom: 15px;
	}
	
	.product-basics li {
		margin-bottom: 7px;
	}
	
	.product-basics li:last-child {
		margin-bottom: 0px;
	}
	
	.product-label {
		font-weight: bold;
		display:block;
		float: left;
		width: 50%;
	}
	
	.product-configuration {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	.product-submit .quantity {
		float: left;
		margin-right: 15px;
	}
	
	.quantity label {
		float: left;
		margin-top: 12px; 
		margin-right: 10px;
	}
	
	.quantity input {
		width: 50px;
		height:42px;
		text-align: center;
		font-size: 12px;
	}
	
	table.specyfication {
		width: 100%;
		margin-bottom: 0px;
	}
	
	table.specyfication td {
		width: 50%;
		padding: 15px;
	}
	
	table.specyfication td:first-child {
		font-weight: bold;
	}
	
	table.specyfication tr {
		border-bottom: rgb(235, 235, 235) 1px solid;
	}
	
	table.specyfication tr:last-child {
		border-bottom: none;
	}
	
	/* Alerts
	-----------------------------------------------------*/
	
	.alert {
		padding: 12px;
		margin-bottom: 20px;
		border: solid 2px;
		color: rgb(60,60,60);
	}
	
	.alert i {
		margin-right: 10px;
	}
	
	.alert strong {
		margin-right: 7px;
	}
	
	.alert-success    { border-color: rgb(143,194,62); }
	.alert-info          { border-color: rgb(65,154,241); }
	.alert-warning    { border-color: rgb(255,132,0); }
	.alert-error 		{ border-color: rgb(217,66,66); }
	
	.alert-success i, .alert-success strong    { color: rgb(143,194,62); }
	.alert-info i, .alert-info strong          { color: rgb(65,154,241); }
	.alert-warning i, .alert-warning strong    { color: rgb(255,132,0); }
	.alert-error i, .alert-error strong 		{ color: rgb(217,66,66); }
	
	
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* ---- 14. MEDIA QUERIES 
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */


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

    .container {
        max-width: 708px;
    }
	
	ul#main-menu {
		border-right: none !important;
	}
	
	ul#main-menu li:last-child {
		margin-right: 0px !important;
	}
	
	.header-two ul#main-menu li,
	.header-three ul#main-menu li {
		margin-right: 0px !important;
	}
	
	ul.top-social {
		display: none;
	}
	
	.flexslider .title-of-slide {
		font-size: 45px;
	}
	
	.flexslider .title-of-slide > i {
		width: 45px;
		height: 45px;
		font-size: 45px;
	}
	
	.flexslider .slide-description {
		font-size: 25px;
	}
	
	div.info-text i {
		width: 80px;
		font-size:45px;
	}
	
	div.info-text span.promo-big {
		margin-left: 80px;
		font-size: 24px;
	}
	
	div.info-text span.promo-small {
		margin-left: 80px;
		font-size: 15px;
	}
	
	
	.pricing-table-defalut h1,
    .pricing-table-simple h1 {
		font-size: 16px;
	}
	
	.pricing-table-defalut .price,
	.pricing-table-simple .price {
		font-size: 35px;
	}

	ul#contact-info {
		text-align: left;
		float: none;
		padding-bottom: 0px;
		margin-top: -4px;
	}
	
	ul.footer-social {
		float: none;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.twitter-widget-content  .tweet_time {
		display: block;
		float: none;
		margin-left: 0px;
	}
	
}


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

	.header-one ul#main-menu > li {
		margin-bottom: 20px;
	}

	.header-one ul#main-menu > li:last-child {
		margin-bottom: 0px;
	}

    .project-carousel li {
        width: 226px;
        margin-right: 15px;
    }
	
	.shop-search input {
		width: 678px;
	}
	
	.pagination li {
		padding: 15px 25px;
	}
	
	#google-map { height: 300px; }

}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { 

    .inline-border:before, .inline-border:after {
        width: 10%;
    }

    .container {
        width: 440px;
    }
	
	#main-menu {
		display: none;
	}
	
	.tinynav {
		display: block;
		width: 70%;
		margin: 0 auto;
	}
	
    #main {
        margin-bottom: 40px;
    }
	
    #main, #sidebar {
        width: 100%;
    }
	
	#top-left {
		padding-bottom: 0px;
	}
	
	#top-right,
	#main-menu {
		padding: 0 !important;
	}

	#slider {
		display: none;
	}

    .one-half       { width: 49%; }
    .one-third      { width: 100%; }
    .two-third      { width: 100%; }
    .one-fourth     { width: 49%; }
    .three-fourth   { width: 100%; }
    .one-fifth      { width: 49%; }
    .two-fifth      { width: 49%; }
    .three-fifth    { width: 100%; }
    .four-fifth     { width: 100%; }
    .one-sixth      { width: 49%; }
    .five-sixth     { width: 100%; }

    .one-fourth:nth-child(2n+2),
	.one-fifth:nth-child(2n+2),
	.two-fifth:nth-child(2n+2),
	.one-sixth:nth-child(2n+2) {
        margin-right: 0;
    }

    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .three-fifth,
    .four-fifth,
    .one-sixth,
    .five-sixth {
        margin-bottom: 30px;
    }

    .sep10   { height: 10px; }
    .sep20   { height: 20px; }
    .sep30   { height: 30px; }
    .sep40   { height: 25px; }
    .sep50   { height: 30px; }
    .sep60   { height: 40px; }
    .sep70   { height: 45px; }
    .sep80   { height: 50px; }
    .sep90   { height: 60px; }
    .sep100  { height: 50px; }

    .pricing-table-defalut.five-cols .column  { width: 49%; }
    .pricing-table-defalut.four-cols .column  { width: 49%; }
    .pricing-table-defalut.three-cols .column { width: 49%; }
    .pricing-table-defalut.two-cols .column   { width: 49%; }
    .pricing-table-defalut.one-cols .column   { width: 100%; }

    .pricing-table-simple.five-cols .column  { width: 49%; }
    .pricing-table-simple.four-cols .column  { width: 49%; }
    .pricing-table-simple.three-cols .column { width: 49%; }
    .pricing-table-simple.two-cols .column   { width: 49%; }
    .pricing-table-simple.one-cols .column   { width: 100%; }
	
	.pricing-table-defalut .features-list,
    .pricing-table-simple .features-list {
		display: none;
	}
	
	#the-title-two h1,
	#the-title-three h1 {
		font-size: 45px;
	}
	
	#the-title-two span,
	#the-title-three span {
		font-size: 20px;
	}
	
	.project-carousel li {
        width: 210px;
        margin-right: 15px;
    }
	
	.shop-search input {
		width: 410px;
	}
	
	ul#contact-info {
		text-align: center;
	}
	
	ul#contact-info li {
		text-align: left;
		display: block;
		float: none;
		margin-bottom: 15px;
	}
	
	section.footer-widget {
		margin-bottom: 20px;
	}
	
	ul.comment-children {
		margin-left: 0px;
	}
	
	.comment-avatar {
		display: none;
	}
	
	.comment-content {
		margin-left: 0px;
	}
	
	.pagination li {
		padding: 15px 18px;
	}
	
	.tabs ul li,
	.filter ul li {
		font-size: 11px;;
		padding: 8px;
	}
	
	.tabs ul .ui-tabs-active,
	.filter ul li.active {
		padding: 7px;
	}
}


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

    .container {
        width: 270px;
    }
	
	#main-menu {
		display: none;
	}
	
	.tinynav {
		display: block;
		width: 100%;
	}

    .one-half       { width: 100%; }
    .one-third      { width: 100%; }
    .two-third      { width: 100%; }
    .one-fourth     { width: 100%; }
    .three-fourth   { width: 100%; }
    .one-fifth      { width: 100%; }
    .two-fifth      { width: 100%; }
    .three-fifth    { width: 100%; }
    .four-fifth     { width: 100%; }
    .one-sixth      { width: 49%; }
    .five-sixth     { width: 100%; }


    .project-carousel li {
        width: 280px;
    }
	
	.partners-logos {
		text-align: center;
	}

    .pricing-table-defalut.five-cols .column  { width: 100%; }
    .pricing-table-defalut.four-cols .column  { width: 100%; }
    .pricing-table-defalut.three-cols .column { width: 100%; }
    .pricing-table-defalut.two-cols .column   { width: 100%; }
    .pricing-table-defalut.one-cols .column   { width: 100%; }

    .pricing-table-simple.five-cols .column  { width: 100%; }
    .pricing-table-simple.four-cols .column  { width: 100%; }
    .pricing-table-simple.three-cols .column { width: 100%; }
    .pricing-table-simple.two-cols .column   { width: 100%; }
    .pricing-table-simple.one-cols .column   { width: 100%; }
	
	.shop-search input {
		width: 250px;
		font-size: 18px;
	}
	
	.author-avatar {
		width: 240px;
		float: none;
	}
	
	.pagination li {
		padding: 15px 9px;
	}
	
	.post-meta-info {
		text-align:center;
	}

	.reply {
		display: block;
		clear: right;
		margin-top: 7px;
	}

}