/* * { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
} */

:focus{outline-width: 0;}
.zoom img {
	max-width: 100%;
	height:auto;
}
canvas {
	max-width: 100%;
	height:auto;
}
		
.zoom a {
	-webkit-transition: opacity 0.3s ease-out;
	   -moz-transition: opacity 0.3s ease-out;
	     -o-transition: opacity 0.3s ease-out;
	    -ms-transition: opacity 0.3s ease-out;
	        transition: opacity 0.3s ease-out;
	
	}

.portfolio-info, .portfolio-types {
	font: 13px/20px "Open Sans", sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
}

.nxt, .prv {
	margin-top:0;
}

/* Image Overlay button color */
	.overlay span {background-color:#afa1c2;}

/* #Lists
================================================== */
#portfolio_carousel	ul, #homepage_carousel ul, ol { margin-bottom: 21px; }
#portfolio_carousel	ul, #homepage_carousel ul { list-style: none outside; }
#portfolio_carousel	ol, #homepage_carousel ol { list-style: decimal; }
#portfolio_carousel	ol, #homepage_carousel ol, #portfolio_carousel ul.square, #homepage_carousel ul.square,
#portfolio_carousel ul.circle, #homepage_carousel ul.circle, #portfolio_carousel ul.disc, #homepage_carousel ul.disc { margin-left: 30px; }
#portfolio_carousel	ul.square, #homepage_carousel ul.square { list-style: square outside; }
#portfolio_carousel	ul.circle, #homepage_carousel ul.circle { list-style: circle outside; }
#portfolio_carousel	ul.disc, #homepage_carousel ul.disc { list-style: disc outside; }
#portfolio_carousel	ul ul, #homepage_carousel ul ul { margin: 7px 0 7px 30px; font-size: 86.666%;  }
#portfolio_carousel	ul ul li, #homepage_carousel ul ul li { margin-bottom: 7px; }
#portfolio_carousel	li, #homepage_carousel li { line-height: 21px; margin-bottom: 14px; }
#portfolio_carousel	ul.large li, #homepage_carousel ul.large li { line-height: 21px; }
#portfolio_carousel	li p, #homepage_carousel li p { line-height: 21px; }
	
	
	
/* WP Default CSS *****************************************/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
	float:none !important;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
	float:none !important;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
	float:none !important;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.bypostauthor {}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/* Page Layouts ***********************************************/
.wrap.boxed,.wrap.boxed-margin {
	position:relative;
	background-color:#f4f4f4;
	width:100%;
	max-width:990px;
	margin:0 auto;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
	
	}
.wrap.boxed-margin {margin:30px auto;}
	
.wrap.wide {
	width:100%;
	position:relative;
	}
	
.band.top_border {
	background:url(../images/main_bg.png) repeat-x transparent ;
	height:6px;
	}
.band.no_border {
	height:1px;
	margin-top:-1px;
	}
	
.band.main {
	background:transparent;
	height:90px;
	position:absolute;
	width:100%;
	}
	
.band.main.sticky {
	z-index:299;
	}
.band.main.sticky.fixed {
	position:fixed;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
			box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}

.wrap.boxed .band.main.sticky.fixed,.wrap.boxed-margin .band.main.sticky.fixed {
	width:990px;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
			box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
	}	
	
.band.title {
	background:transparent ;
	padding-bottom:1px;
	margin-top:90px;
	}

.band.content {
	background:transparent;
	padding:20px 0 40px;
	margin-top:-1px;
	}

/*Content ******************************************************* 
.texts-wrap ul {
	list-style: disc outside none;
    margin:20px 0 10px 40px;
	}
	
.texts-wrap ol {
    margin-left: 40px;
	}
	
.texts-wrap li {
	margin-bottom:5px;
	}

.content a {
	color:#555;
	}
.content a:hover {
	color:#333;
	}
h2.post, h2.featured{
	font-size:20px;
	color:#555;
	font-weight:700;
	line-height:40px;
	margin-bottom:0;	
	}
.content .icons,
h2.featured {
	text-align:center;
	font-size:18px;	
	}
.content .justify{text-align:justify}

.content .box{
	padding:10px;
	}
		
.button {
	margin:10px 0 0;
	}
.box .button{
	margin: 15px 0 10px;
	}
	
.button a,.button a:visited,
a.read-more-link, a.read-more-link:visited,
ul.filter li a,ul.filter li a:visited,
.widget .tabswrap .panel ul.wp-tag-cloud li a,.widget .tabswrap .panel ul.wp-tag-cloud li a:visited,
.pagination a, .pagination a:visited ,.tagcloud a,.tagcloud a:visited{
	background:url(../images/button_bg.png) repeat-x 0 0 #888;
	display:inline-block;
	height:28px;
	line-height:24px;
	color:#e5e5e5;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	padding:0 13px;
	font-weight: 400;
	border-radius:3px;
	border-top:solid 1px #888;
	display:inline-block;
	}


.button a:hover,.tagcloud a:hover,
a.read-more-link:hover,
ul.filter li a:hover{
	background-position: 0 -38px;
	color:#FFF !important;
	text-shadow:1px 1px 2px rgba(0,0,0,.55);
	}
	
.button.center{text-align:center}
.button.right{text-align:right}
.button.left{text-align:left}


.button.small a {
	height:28px;
	line-height:24px;
	}


.button.medium a {
	font-size: 14px;
    height: 32px;
    padding: 4px 15px;
	border-radius:4px;
	line-height:20px;
	}

.button.large a {
	font-size: 16px;
    height: 38px;
    padding: 6px 17px;
	border-radius:5px;
	line-height:23px;
	}

.button.rounded a {
	border-radius:5px;
	}

article .blog-more{
	position:absolute;
	right:0;
	bottom:25px;
	}

/* Title ***********************************************/
h3.bigtitle {
	color: #fff;
	font-size: 20px;
	font-family: Verdana, Georgia,Serif;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}

h1.title,h2.title,h3.title,h4.title,h5.title,h6.title {
	border-bottom:solid 1px #CCC;
    color: #555;
	font-weight:bold;
    text-align: center;
    text-shadow: none;
	}

h1.title {
    font-size: 32px;
    line-height: 28px;
    margin-bottom: 20px;
    padding: 0 0 7px;
	border-width:3px;
	}	
	
h2.title {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 0 0 5px;
	border-width:2px;
	}	
	
h3.title {
    font-size: 16px;
    margin-bottom:15px;
    padding:0 0 4px;
	line-height:22px;
	margin-top: 0;
	height:80px;
	}

h3.title1 {
	font-family: 'cabinregular', sans-serif;
    color: #fff;
	font-weight:bold;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom:15px;
    padding:0 0 4px;
	line-height:22px;
	margin-top: 0;
	}	

h4.title {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px;
    padding: 0 0 4px;
	}	
	
h5.title {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
    padding: 0 0 5px;
	}	
	
h6.title {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px;
    padding: 0 0 5px;
	}	


h1.title span,h2.title span,h3.title span,h4.title span,h5.title span,h6.title span {
	font-weight:400;
	font-size:80%;
	color:#888;
	}
	


/* Carousel ***********************************************/
#portfolio-carousel ul {
	
	padding: 0;
	
}
	
.portfolio-carousel {
	margin:0;
    border-radius: 5px;
	float:left;
	position:relative;
	width:100%;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
			box-shadow: 0 0 7px rgba(0,0,0,0.1);
	}
	
.portfolio-carousel h3 {
	
	border-radius:5px 5px 0 0;
	padding:10px 20px;
	margin-bottom:13px;
	
	-webkit-box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
       -moz-box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
			box-shadow: 0 -3px 4px rgba(0,0,0,0.05) inset;
			background: #005a89; /* Old browsers */
    background: -moz-linear-gradient(top,  #005a89 50%, #111c87 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#005a89), color-stop(100%,#111c87)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #005a89 50%,#111c87 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #005a89 50%,#111c87 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #005a89 50%,#111c87 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #005a89 50%,#111c87 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005a89', endColorstr='#111c87',GradientType=0 ); /* IE6-9 */
	}
.portfolio-carousel ul.pc_carousel h3.title {
	background:none;
	border:none;
	border-bottom:solid 1px #CCC;
	font-size:15px;
	margin:0 0 7px;
	
	-webkit-box-shadow: none; 
       -moz-box-shadow: none; 
			box-shadow: none; 
	}
.portfolio-carousel ul.pc_carousel .portfolio-info {
    padding: 3px;
	float:left;
	width:100%;
}

	
.portfolio-carousel .caroufredsel_wrapper,.portfolio-carousel ul.pc_carousel{
	min-height:270px;
	}
	
.portfolio-carousel ul.pc_carousel{
	float: left;
    height: 80px;
	line-height:75px;
	margin:0;
	list-style:none;
	overflow:hidden;
	}	
	

.portfolio-carousel ul.pc_carousel li {
	float: left;
    margin :0 10px ;
	border:none;
	-webkit-box-shadow:none;
       -moz-box-shadow:none;
			box-shadow:none;
	}
	
.portfolio-carousel ul.pc_carousel li .portfolio-thumb{
	width:100%;
	border:solid 1px #ccc;
	padding:5px;
	border-radius:8px;
	}	
		
.portfolio-carousel .nxt,.portfolio-carousel .prv{
	color: #fff;
    cursor: pointer;
    font-family: 'entypo';
    position: absolute;
    text-shadow: none;
    top: 12px;
    width: 15px;
	height:20px;
	line-height:18px;
	font-size:14px;
	text-align:center;
	}
.portfolio-carousel .nxt{
	right: 21px;
	}
.portfolio-carousel .nxt:hover,.portfolio-carousel .prv:hover {
	color:#000;
	}		
.portfolio-carousel  .prv {
	right:38px;
	}

.gsWrapper img, .gsWrapper canvas {max-width:100%}


	
/*Image Titlebar*/

.image_titlebar{
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
	margin: 23px 0 43px;
	
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);	
       -moz-box-shadow: 0 0 5px rgba(0,0,0,.5);	
	        box-shadow: 0 0 5px rgba(0,0,0,.5);	
}
.image_titlebar img{
	float:left;	
}
/* Inside Pages*/

.page_title {
	
	}

.page_title h2 {
	color: #FFF !important;
    font-size: 30px;
    font-weight: 300;
    margin:20px 70px 20px 0;
    opacity: 0.75;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	line-height:36px;
	}

/*Pagination*/
.pagination{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:20px;
	}
	
.pagination.pages{
	font-weight:400;
	}	

.pagination.pages span{
	font-weight:700;
	margin:auto 5px;
	}	

.pagination.pages a span{
	margin:auto 0px;
	}	
		
				
/* Gallery *******************************************************/

#gallery-1 {
	margin: auto;
}
#gallery-1 .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 25%;
}
#gallery-1 img {
	border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
	margin-left: 0;
}
				



/* PORTFOLIO ******************************************************/

.zoom img{
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
	
	}
	
ul.portfolio {
	float:left;
	-webkit-transition: height 0.4s ease-out;
	   -moz-transition: height 0.4s ease-out;
	     -o-transition: height 0.4s ease-out;
	    -ms-transition: height 0.4s ease-out;
	        transition: height 0.4s ease-out;
	}
.portfolio li {
	background:#FFF;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding:10px;
	position:relative;
	border-radius:8px;
	
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.1);
       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.1);
			box-shadow: 0 0 7px rgba(0,0,0,0.1);
			
	}

.portfolio li p{
	color:#555;
	border-top: 1px solid #CCCCCC;
    color: #555;
    float: left;
    width: 100%;
	padding:10px 0 0;
	}
	
.portfolio a {
	display: block;
	text-decoration: none;
	position:relative;
	overflow:hidden
	}
	
.portfolio a h4 {
	font-size:15px;
	text-align:center;
	font-weight:700;
	padding:0
	}
	
.portfolio img {
	display: block;
	}
.portfolio a.zoom:hover img,.content article figure a.zoom:hover img {
	-webkit-transform:scale(1.2) rotate(6deg);
	   -moz-transform:scale(1.2) rotate(6deg);
	     -o-transform:scale(1.2) rotate(6deg);
	    -ms-transform:scale(1.2) rotate(6deg);
	        transform:scale(1.2) rotate(6deg);
	}

.portfolio-thumb {
	width:100%;
	-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.2);
       -moz-box-shadow: 0 0 7px rgba(0,0,0,0.2);
			box-shadow: 0 0 7px rgba(0,0,0,0.2);
	}

.portfolio-thumb a{
	border-radius:5px;
	border: 1px solid #ccc;
	}
	
.portfolio-info{padding:10px}
.portfolio-info a{}


/* Related Portfolio */
#related-portfolio {
	float: left;
	margin: 20px 0 0;
	}
ul.related-portfolio {
	margin:6px 0 0 0;
	}
#related-portfolio .eleven .info-p4col h3.title {
	font-size: 13px;
	}




/* FILTER *********************************************/
ul.filter {
	float: left;
	margin: 6px 0 16px;
	width: 100%;
	}
.filter li {
	float: left;
	margin: 0 5px 10px 0;
	display:none;
	}
.filter li:last-child {
	margin: 0 0 10px 0;
	}

.portfolio .portfolio-info a.read-more-link{
	margin-top:10px;
	}
	
	
ul.filter li a:hover ,
ul.filter li.current a{
	opacity:1;
	color:#fff
	}


.portfolio-types {
	color: #999;
    float: left;
    font-size: 11px;
    padding:0 0 10px;
	margin:0;
    width: 100%;
	white-space:nowrap;
	overflow:hidden;
	text-shadow: none;
	}

/* PORTFOLIO DETAILS*/
.portfolio_detail_image a img {
	}
.portfolio_details {
	border-bottom: 1px solid #CCC;
    margin: 10px 0;
    padding-bottom: 10px;
	}
.portfolio_details .pdw{
	margin: 3px 0;
	}
.portfolio_details .pdw span.p_label{
	color: #888;
	}

.portfolio_details .pdw  span.p_text{
	color: #666;
    font-weight: 700;
	}

/*p1col*/
.portfolio.p1col li{width:940px;height:auto !important}
.thumb-p1col {width:67%;}
.thumb-p1col  a{width:100%;}
.info-p1col {float:left;width:32%;margin-left:1%;}
.info-p1col p {
	padding:0;
	}

.portfolio.p1col li a{
	float:left;
	display:inline-block;
	}
.portfolio.p1col li a.portfolio-title{
	float:left;
	width:100%;
	}
.portfolio.p1col li a.portfolio-title h4{
    text-align: left;
	margin-bottom:0;
	}
.info-p1col .portfolio-types {}


/*p2col*/
.portfolio.p2col li{width:460px}
.portfolio.p2col li:nth-child(2n){margin-right:0;}

.portfolio.p2col li a.portfolio-title h3,
.portfolio.p3col li a.portfolio-title h3,
.portfolio.p4col li a.portfolio-title h3
	{
    margin: 5px 0;
	text-align:center !important;
	
	} 

.info-p2col .portfolio-types,.info-p3col .portfolio-types ,.info-p4col .portfolio-types {text-align:center}
.info-p2col p ,.info-p3col p,.info-p4col p{
    margin-bottom: 10px;
	}

.portfolio .info-p2col a.read-more-link,
.portfolio .info-p3col a.read-more-link,
.portfolio .info-p4col a.read-more-link{
    margin: 12px auto 0;
	position:relative;
	bottom:auto;
	right:auto;
	display:inline-block;
}


/* p3col*/
.portfolio.p3col li{width:300px}

.portfolio.p3col li:nth-child(3n) { margin-right: 0; }


/*p4col*/
.portfolio.p4col li{width:220px}
.portfolio.p4col li:nth-child(4n) { margin-right: 10px; }

.eleven.p4col li{width:145px}

.embeded-video {display:none}



/* Overlay */
.overlay {
	background:rgba(0,0,0,.5);
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
	opacity:0;
	overflow:hidden;

	}

.overlay span{
	background: url(../images/overlay.png) no-repeat scroll 0 0 #000;
    display: block;
    height: 40px;
    position: absolute;
    width: 40px;
	opacity:0;
	top:44%;
	border-radius:5px;
	}
.overlay span:hover{
	-webkit-box-shadow:0 0 10px rgba(255,255,255,.3);
	   -moz-box-shadow:0 0 10px rgba(255,255,255,.3);
	        box-shadow:0 0 10px rgba(255,255,255,.3);
	}	
.overlay span.ov-lb{}
.overlay span.ov-ol{background-position:-80px 0}
.overlay span.ov-to{background-position:-40px 0}
.overlay span.ov-vd{background-position:-120px 0}

.overlay:hover span.ov-lb,
.overlay:hover span.ov-ol,
.overlay:hover span.ov-to {/*top: 45%;opacity:1;*/}


/* Project Navigation */

.project-nav{
	position: absolute;
    right: 0;
    top: 24px;
	}

.project-nav a .ibox:before {
	color: #BBB;
    display: block;
    height: 25px;
    line-height: 23px;
    margin: 0;
    width: 25px;
	font-size:18px;
	
	}
.project-nav a:hover .ibox:before {
	color: #FFF;
	}
	
.project-nav .nav-icon {
	background:url("../images/bg_off.png") repeat scroll 0 0 transparent;
	display: block;
	float: left;
	margin:0 10px 9px 0;
	width:25px;
	height:25px;
	border-radius:5px;
}

.project-nav .nav-icon a{
	border-radius:5px;
	text-align:center;
	display:inline-block;
	width:25px;
	height:25px;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
       -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
			box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
}
.project-nav .nav-icon a:hover{
	background:url("../images/bg_on.png") repeat scroll 0 0 transparent;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
       -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
	
}



/* 404 Error */
.error404i {margin:50px 0;}
.error404i h3{margin-bottom:20px;}
.error404i h4{}

/* Misc **********************************************************/
.textlarge{font-size:large}
.textmedium{font-size:medium}
.center {text-align:center}
.hide {display:none}





/*================================================== */
/* SKELECTON RESPONSIVE */
/*================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
		.container .one-fifth.column                { width: 133px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column,
		.container .one-fifth.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column,
		.container .one-fifth.column { width: 420px; }
    }




/*******************************************************************/
/* Custom Media Queries (RESPONSIVE) */
/*******************************************************************/

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.social ul li{margin:6px 0 0 0}
		
		#commentform p.onethird ,#commentform p textarea{width:100%}
		#commentform p label {width:13%}
		#commentform p input {width:87%}
		
		.wrap.boxed .band.main.sticky.fixed,.wrap.boxed-margin .band.main.sticky.fixed {
			width:100%;
		}
		
		
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.slider_shadow.shadow1 {margin: -71px 0 0;}
		.slider_shadow.shadow2 {margin: -46px 0 0;}
		.slider_shadow.shadow3 {margin: -60px 0 0;}
		.slider_shadow.shadow4 {margin: -62px 0 0;}
		.slider_shadow.shadow5,
		.slider_shadow.shadow6 {margin: -253px 0 0 -17px;}
		.slider_shadow.shadow5 img,
		.slider_shadow.shadow6 img {max-width:102%;}
		
		.sf-menu a.sf-with-ul {padding:10px 9px}
		a > .sf-sub-indicator {right:6px}
		.sf-menu{font-size:14px !important}
		
		.search_text:focus {width:70px;}
		
		ul.p3col li {width:240px}
		
		.portfolio.p1col li{width:748px}
		.thumb-p1col {width:60%;}
		.info-p1col {float:left;width:39%;}

		.portfolio.p2col li{width:364px;}
		.portfolio.p3col li,.portfolio.p4col li{width:236px}
		
		.portfolio.p4col li:nth-child(3n) { margin-right: 0; }
		.portfolio.p4col li:nth-child(4n) { margin-right: 20px; }
		.portfolio.p4col li:nth-child(12n) { margin-right: 0}
		
		.portfolio-carousel .caroufredsel_wrapper {min-height:240px;}
		.clients-carousel .caroufredsel_wrapper{min-height:65px;}
	
		
		/* SHORTCODES */
		.plan .price {font-size:28px}
		.plan .plan-head h3 {font-size:14px}
		.hr_shadow{background: url(../images/shadow748.png) no-repeat center top;}
		
		.widget .tab a{padding:5px 7px !important;font-size:11px !important;}
		.widget .tab:last-child a{width:43px !important; padding: 5px 8px !important;}
		
		.recent-portfolio ul li {width:47%;}
		a.mini-thumb img {width:85px;}
		footer .widget .recent-portfolio ul li {width:44%;}
		footer .widget .recent-portfolio ul li .post-thumbnail a.mini-thumb img {width: 65px;}


	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
	    .texts-wrap .column, .texts-wrap .columns {margin-top:10px;}

		.respo_menu{display:block;}
		
		.wrap.boxed-margin{margin:0 auto;}
		
		nav.main ul{display:none;}
		nav.main {margin-right:0;}
		.top_search{margin-top:21px;margin-left:10px}
		.band.main.sticky.fixed .top_search{margin-top:3px;}
		.band.main.sticky.fixed .respo_menu{margin-top:4px;}
		
		.navbar {
			position: absolute;
			right:0;
			top: 8px;
		}
		
		.search_text:focus {width:60px;}
	
		
		.page_title h2 {margin:10px 0}
		.project-nav {bottom:2px;}
		.project-nav .nav-icon:last-child{margin-right:5px}
		
		figure{margin-bottom: 10px;}

		
		
		ul.flex-direction-nav li a{top:31%}
		ul.flex-direction-nav li a.flex-next{right:9px}
		ul.flex-direction-nav li a.flex-prev{left:9px}
		
		.nivo-caption {opacity:0;line-height:13px;font-size:11px;}
		.nivoSlider:hover .nivo-caption{opacity:1}
		
		/*Slider Shadow off in small devices */
		.slider_shadow{display:none}
		
		.band.twitter{height:110px;}
		
		.tweet {height:80px;}
		
		
		.tweet ul.tweet_list li {height: 82px;}
		
		.content .box {margin:10px 0;}
		
		.clients #nxt {right:10px}
		.clients #prv {right:26px}
		
		footer.footer{padding-bottom:21px;}
		footer .copyright {font-size:11px;text-align:center;width:100%}
		.social ul li{float:none;display:inline-block}
		.social{float:none;text-align:center;}
		.seven .social{margin-top:-14px;}
		
		
		.flex_caption{display:none}

		article .blog-more{
			position:static;
			margin:20px 0 5px;
			}
		
		

		
		#crumbs {display:none}
			
		.portfolio.p1col li{width:420px}
		.thumb-p1col {width:100%;}
		.info-p1col {width:99%}
		
		.portfolio.p1col li a{float:none;}
		
		.portfolioDDDD .info-p1col a.read-more-link{
			margin: 12px auto 0;
			width: 100px;
			position:relative;
			bottom:auto;
			right:auto;
			
		}
		article .blog-more.button.right,.portfolio .info-p1col .button.right {text-align:center}
		
		.portfolio.p2col li{width:420px}
		
		.portfolio.p3col li,.portfolio.p4col li{width:200px}
		.portfolio.p3col li:nth-child(2n),.portfolio.p4col li:nth-child(2n) { margin-right: 0; }
		.portfolio.p3col li:nth-child(3n),.portfolio.p4col li:nth-child(3n) { margin-right: 20px; }
		.portfolio.p3col li:nth-child(6n),.portfolio.p4col li:nth-child(6n) { margin-right: 0; }
	
		
		.thumb-p1col a .overlay:hover span.ov-to {top: 40%;opacity:1;}
		
		footer .widget .recent-portfolio ul li,.recent-portfolio ul li {margin: 0 7px 13px;width: 30%;}
		footer .widget .recent-portfolio ul li .post-thumbnail a.mini-thumb img,a.mini-thumb img  {width:115px;}
		.recent-portfolio ul li:nth-child(2n) {margin-right:7px;}
		.widget .recent-portfolio {padding:10px 0}
		
		/* SHORTCODES */
		.pricing-table {padding-top:0;}
		.pricing-table.col-2 .plan,
		.pricing-table.col-3 .plan,
		.pricing-table.col-4 .plan,
		.pricing-table.col-5 .plan {
			width:100%;
			margin-bottom:20px;
		}
		.plan.feat {margin-top:20px;}
		.plan:last-child {margin-bottom:0 !important;}
		.member {margin-bottom:25px;}
		.hr_shadow{background: url(../images/shadow420.png) no-repeat center top;}
		
		footer .gototop {margin: 20px auto 25px;}
		
		article .button.right {text-align:center}
		
		.clients-carousel, .portfolio-carousel {margin-bottom:20px;}
		
		.tab a {font-size:12px;padding:6px 10px;}
		
		div.adbox{margin:20px 0 !important;}
		
		.adbox {text-align:center}
		.adbox .icon_wrap{clear: both;margin-top: 5px;width: 100%;}
		.adbox .text_wrap{margin: 5px 0;width: 100%;}	
		.adbox .button{margin: 15px 0 5px;text-align: center;width: 100%;}
		
		.comments{margin-bottom:20px;}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
			
		article figure {width:auto}
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

	
			
		ul.flex-direction-nav li a{display:none}
		
		.band.twitter{height:135px;}
		.tweet {height:112px;}
		.tweet ul.tweet_list li {height:102px;}
		

		.roundabout {width:275px;}
		.roundabout ul{margin-left:105px}
		.roundabout img{width:70%}
		
	
		.social_icons .icon a {margin:5px 0px;width:19px;}
		
		.sub_header .slogan, .sub_header .right_sub_text {font-size:11px}
		
		.portfolio.p1col li,
		.portfolio.p2col li,
		.portfolio.p3col li,
		.portfolio.p4col li{width:300px;height: auto !important;}
		
		
		footer .widget .recent-portfolio ul li,.recent-portfolio ul li {margin: 0 7px 13px;width: 45%;}
		footer .widget .recent-portfolio ul li .post-thumbnail a.mini-thumb img,a.mini-thumb img {width:125px;}
		footer .widget .recent-cap{height:90%;width:92.5%}
		
		/* SHORTCODES */
		.pricing-table.col-2 .plan,
		.pricing-table.col-3 .plan,
		.pricing-table.col-4 .plan,
		.pricing-table.col-5 .plan {
			width:300px
		}
		.hr_shadow{background: url(../images/shadow300.png) no-repeat center top;}
		
		#commentform p label {width:18%}
		#commentform p input {width:82%}
		
	}
	
	
	/* Responsive CSS for Nivo Slider ***********************************/
	@media only screen and (max-width: 767px) {
		.nivo-prevNav {left:5px;top:40% !important}
		.nivo-nextNav {top:40% !important;right:5px !important}
		}
	@media only screen and (max-width: 479px) {
		.nivo-directionNav{display:none}
		}