/*
* Theme Name: Gemini
* Theme URI: http://www.starsthemes.com/demo/gemini
* Description: Clean Responsive Template
* Author: StarsThemes
* Author URI: http://www.starsthemes.com
* Version: 1
*/

/* Import Basic Files
================================================== */

@import url("fonts.css");               /* Custom Fonts */
@import url("icons.css");               /* Custom Icons */
@import url("buttons.css");             /* Custom Buttons */
@import url("list.css");             	/* Custom List Styles */
@import url("javascript.css");          /* Javascript Plugins */
@import url("base.css");                /* Reset & Basics */
@import url("skeleton.css");            /* Base 960 Grid */
@import url("layout/boxed.css");               /* Boxed Layout */
@import url("custom.css");              /* Css Styles File for any changes you want to add */

/* Basic Styles
================================================== */
body{
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:400;
}

a, input, textarea, strong, b{
	text-decoration:none !important;
    -webkit-transition: all 0.2s linear;  
    -moz-transition: all 0.2s linear;  
    -o-transition: all 0.2s linear;  
    -ms-transition: all 0.2s linear;  
    transition: all 0.2s linear;  
}

form{
	margin:0;
	padding:0;
}

.sep{
	width:100%;
	height:1px;
	margin:0 0 40px 0;
}



/* Typography
=========================================================*/
h1,
h2,
h3,
h4,
h5,
h6{
	margin:0 0 20px 0;
	font-weight:600;
	line-height:1.4em;
}

h2{
	font-size:36px;
}

h3{
	font-size:30px;
}

h4{
	font-size:20px;
}

h4.section_title{
	margin:0 0 40px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid transparent;
	position:relative;
}

h5{
	font-size:16px;
}

h6{
	font-size:14px;
}


/* Inputs Fields
=========================================================*/
input[type="text"], input[type="password"], input[type="email"], textarea, select{
	width:100%;
	margin:0;
	
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	
	-webkit-appearance:none;

	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;   
	box-sizing: border-box; 
	padding-left:10px;
	padding-right:10px;
}


/* Margins Bottom
=========================================================*/
.nomargin{
	margin-bottom:0 !important;
}

.margin-10{
	margin-bottom:10px !important;
}

.margin-15{
	margin-bottom:15px !important;
}

.margin-20{
	margin-bottom:20px !important;
}

.margin-30{
	margin-bottom:30px !important;
}

.margin-40{
	margin-bottom:40px !important;
}

.margin-50{
	margin-bottom:50px !important;
}

.margin-60{
	margin-bottom:60px !important;
}


/* Header
=========================================================*/
header{
	height:58px;
}

header .logo{
	margin:18px 0 0 0;
	font-size:24px;
	font-weight:700;
	letter-spacing:-1px;
}


/* Footer
=========================================================*/
footer{
	margin:80px 0 0 0;
	padding:40px 0 0 0;
	background:#3a3a3a;
	color:#848686;
}

footer .columns,
footer .column{
	overflow:hidden;
}

footer .box_icon{
	background:#676767 !important;
}

footer .boxes .box h4,
footer .boxes .box h5,
footer .boxes .box p{
	color:#848686 !important;
}

footer #subscribe_form{
	margin:20px 0 0 0;
	height:28px;
	width:100%;
	position:relative;
}


footer #subscribe_form input[type="text"]{
	width:100%;
	padding:5px 40px 5px 9px;
	line-height:16px;
	margin:0;
	position:absolute;
	left:0;
	top:0;
	background:#676767;
	border:none;
	color:#fff;
	
}

footer #subscribe_form input[type="submit"]{
	width:26px;
	height:26px;
	line-height:16px;
	padding:0;
	margin:0;
	background:#676767 url(../images/misc/ico_subscribe.png) center no-repeat;
	cursor:pointer;
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:1px solid #3a3a3a;
	
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}


footer #subscribe_form input.submitter:hover{
	background-color:#000;
	border-color:#000;
}


/* Credits 
=========================================================*/
#credits{
	color:#848686;
	font-size:12px;
}

#credits .container .sixteen{
	position:relative;
	padding:10px 0;
}

#credits strong,
#credits b,
#credits a{
	color:#848686;
}

#credits a:hover,
#credits a:hover strong{
	color:#fff;
}

#credits ul{
	margin:0;
	padding:0;
	position:absolute;
	right:10px;
	top:10px;
}

#credits ul li{
	display:inline;
	margin:0;
}

#credits ul li span.divider{
	padding:0 5px 0 10px;
	color:#fff;
}


/* Page Title 
=========================================================*/
.page_title{
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
	margin:0 0 40px 0;
	padding:25px 0 30px 0;
}

.page_title h2{
	margin:0;
	letter-spacing:-0.04em;
}

.page_title h4{
	margin:5px 0 0 0;
	font-weight:400;
	letter-spacing:-0.05em;
}


/* Framed 
=========================================================*/
.framed{
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.15);

	padding:9px;
	border:1px solid transparent;
	margin:0 0 20px 0;
	background:#fff;
}

.framed.noshadow{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}


/* Full Area
=========================================================*/
.full_area{
	margin:0 0 20px 0;
	max-height:600px;
	overflow:hidden;
}

.full_area.bg{
	background:url(../images/misc/bg_full_area.png);

	-moz-box-shadow: 0 -8px 6px -6px rgba(0, 0, 0, 0.35) inset, 0 8px 6px -6px rgba(0, 0, 0, 0.35) inset;
	-webkit-box-shadow: 0 -8px 6px -6px rgba(0, 0, 0, 0.35) inset, 0 8px 6px -6px rgba(0, 0, 0, 0.35) inset;
	box-shadow: 0 -8px 6px -6px rgba(0, 0, 0, 0.35) inset, 0 8px 6px -6px rgba(0, 0, 0, 0.35) inset;
}


/* Welcome Box
=========================================================*/
.welcome_box{
	margin:20px 0 40px 0;
}

.welcome_box p{
	text-align:center;
	font-size:24px;
	line-height:30px;
	margin:0;
}

.welcome_box strong{
	font-weight:600;
}


/* Call To Action
=========================================================*/
.cta{
	margin:40px 0;
	padding:30px;
	position:relative;
}

.cta h4{
	margin:0 0 5px 0;
}

.cta p{
	margin:0;
	font-size:16px;
	line-height:22px;
}

.cta .button{
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-15px;
}

.cta .button.thin{
	margin-top:-13px;
}

.cta .button.medium{
	margin-top:-19px;
}

.cta .button.large{
	margin-top:-21px;
}


/* Box
=========================================================*/
.boxes{
	margin:0 0 20px 0;
}

.box{
	margin:0 0 20px 0;
	padding:0;
}

.box_icon{
	width: 32px;
	height: 32px;
	float:left;
	text-align: center;
	position:relative;

	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.box_icon.square{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.box_icon.round{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.box_icon .icon{
	position:absolute;
	width:16px;
	height:16px;
	top:8px;
	left:8px;
	overflow:hidden;
}

.box_icon .icon span{
	margin:0;
	padding:0;
	font-size:16px;
	color:#fff;
	line-height:16px;
}


.box span.info{
	margin:0 0 10px 0;
	padding:0;
	color:#a0a0a0;
	font-size:12px;
	font-style:italic;
	display:block;
}

.box span.info a{
	color:#a0a0a0;
}

.box .box_text{
	padding:0;
	margin:0;
}

.box .box_text p.nomargin{
	margin:0;
}

.box .box_text.indent{
	margin:0 0 0 45px;
}

.box .box_text.indent h5{
	padding-top:7px;
}

.box .box_text a.more{
	font-weight:600;
}

.box .box_text h4,
.box .box_text h5{
	margin:0 0 10px 0;
}


/* Box Image
=========================================================*/
.box_image a{
	position:relative;
	width:100%;
	float:left;
	overflow:hidden;
}

.box_image img{
	width:100%;
	margin:0;
	padding:0;
	float:left;
}

.box_image a .overlay{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:rgba(0, 0, 0, 0);

    -webkit-transition: all .2s linear;  
    -moz-transition: all .2s linear;  
    -o-transition: all .2s linear;  
    -ms-transition: all .2s linear;  
    transition: all .2s linear; 
}

.box_image a .overlay .box_icon{
	position:absolute;
	top:50%;
	left:50%;
	margin:-16px 0 0 -16px;
	display:none;
}

.box_image a:hover .overlay{
	background:rgba(0, 0, 0, 0.7);
}

.box_image a:hover .overlay .box_icon{
	display:block;
}



.box.centered{
	text-align:center;
	border-bottom:1px solid transparent;
	padding:0 0 40px 0;
}

.box.centered .box_icon{
	margin:0 0 10px 0;
	float:none;
	display:inline-block;
}



/* Recent Works
=========================================================*/
.recent_works{
	margin:0 0 20px 0;
}

.recent_work{
	border-bottom:1px solid transparent;
	margin:0 0 40px 0;
	width:100%;
}

.recent_work.noborder{
	border-bottom:none;
}

.recent_work .box_image{
	margin:0 0 30px 0;
}

.recent_work h5{
	text-align:center;
	margin:0 0 5px 0;
}

.recent_work p{
	text-align:center;
	margin:0 0 30px 0;
	font-size:14px;
	line-height:14px;
	font-style:italic;
}

.single_work .recent_work{
	margin:0;
}



/* Recent Published
=========================================================*/
.recently_published{
	margin:0 0 20px 0;
}

.recent_published{
	margin:0 0 20px 0;
	width:100%;
}

.recent_published h5{
	margin:0 0 5px 0;
}


/* Recent Published
=========================================================*/
.meet_team{
	padding:0 0 20px 1px;
	border-bottom:1px solid transparent;
}


/* Table
=========================================================*/
table.table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    border: medium none;
}

table.table tr th{
	border-top:1px solid transparent;
	border-left:1px solid transparent;
	border-bottom:1px solid transparent;
	padding:5px 10px;
	font-size:14px;
	font-weight:500;
	text-align:left;
}

table.table tr td{
	border-left:1px solid transparent;
	border-bottom:1px solid transparent;
	padding:5px 10px;
	text-align:left;
}

table.table tr th:last-child{
	border-right:1px solid transparent;
}

table.table tr td:last-child{
	border-right:1px solid transparent;
}

table.table tr.alternate td{}

/* Pagination
=========================================================*/
.pagination{
	text-align:center;
}

.pagination .button{
	padding:6px 10px;
}

.pagination span{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:12px;
}

.pagination span.more{
	font-size:18px;
	line-height:18px;
	padding:0 3px;
	font-weight:600;
	color:#acacac;
	letter-spacing:1px;
}

/* Breadcrumbs
=========================================================*/
ul.breadcrumbs{
	display:block;
	font-weight:500;
	border:1px solid transparent;
	color:#555;
	padding:0;
	margin:0 0 20px 0;
	padding:10px 0;
}

ul.breadcrumbs li{
	font-weight:500;
	margin:0 1px 0 0;
	font-size:12px;
	line-height:16px;
	padding:0 5px;
	display:inline;
}

ul.breadcrumbs li a{
	text-align:center;
	margin:0 5px 0 0;
}

ul.breadcrumbs li span{
	vertical-align:text-bottom;
	margin:0 5px 0 0;
}


/* Blockquote
=========================================================*/
blockquote{
	padding:0;
	border:1px solid transparent;
}

.framed blockquote{
	margin:0;
}

blockquote p{
	padding:30px 30px 30px 60px;
	margin:0;
	color:#9e9e9e;
	background-repeat:no-repeat;
	background-position:20px 25px;
	font-size:14px;
	line-height:20px;
}


blockquote.classic{
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:3px solid transparent;
}


/* Info Box
=========================================================*/
.info_box{
	padding:0;
	background:#fff;
	border:1px solid transparent;
}

.framed .info_box{
	margin:0;
}

.info_box p{
	padding:16px 20px 28px 20px;
	margin:0;
	font-size:18px;
	line-height:24px;
	font-weight:600;
}

.info_box.classic{
	border-top:none;
	border-right:none;
	border-bottom:none;
	border-left:3px solid transparent;
}



/* Highlight
=========================================================*/
.highlight{
	padding:1px 5px;
}

.highlight.rounded{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* Dropcaps
=========================================================*/
.dropcaps{
	padding:6px 12px;
	margin:5px 5px 0 0;
	float:left;
	font-size:18px;
	font-weight:600;
}

/* Tooltip
=========================================================*/
.tooltip{
	border-bottom:1px dashed transparent;
	font-weight:600;
}


/* Video
=========================================================*/
.video {
	padding:0 0 67.5% 0;
	margin:0 0 20px 0;
	position: relative;
	overflow: hidden;
	z-index:1;
}

.framed .video{
	margin:0;
}

.video embed, .video iframe, .video object, .video video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index:1;
}

/* Map
=========================================================*/
.map{
	width:100%;
	position:relative;
}

.framed .map{
	margin:0;
}

/* Portfolio
=========================================================*/
.portfolio_filters{
	margin:-20px 0 20px 0;
	background:center left no-repeat;
	padding:0 0 0 30px;
}

.portfolio_filters a.button{
	margin:0 2px 0 0;
}

.portfolio_filters a.button.active,
.portfolio_filters a.button:hover{
	background: #444;
	color: #fff;
	border-color:#323232;
}

.portfolio_items{
	margin:0;
	padding:0;
}

.portfolio_items .column,
.portfolio_items .columns{
	margin:0;
}

/* Icons List
==================================================*/
ul.icons{
	margin:0 0 20px 0;
	padding:0;
}

ul.icons li{
	margin:0;
	font-weight:500;
	margin:0 0 1px 0;
	font-size:12px;
	line-height:16px;
	padding:5px;
	display:block;
	cursor:pointer;
}

ul.icons.icons-social li{
	line-height:32px;
}

ul.icons li span{
	vertical-align:text-bottom;

    -webkit-transition: all 0.2s linear;  
    -moz-transition: all 0.2s linear;  
    -o-transition: all 0.2s linear;  
    -ms-transition: all 0.2s linear;  
    transition: all 0.2s linear;  
}

ul.icons li:hover span{
	opacity:0.5;
}



/* Icons Font List
==================================================*/
ul.font-icons{
	margin:0 0 20px 0;
	padding:0;
}

ul.font-icons li{
	margin:0;
	font-weight:500;
	margin:0 0 1px 0;
	font-size:12px;
	line-height:16px;
	padding:5px;
	display:block;
	cursor:pointer;
}

ul.font-icons li span{
	vertical-align:middle;
	font-size:16px;

   -webkit-transition: all 0.1s ease-in;
   -moz-transition: all 0.1s ease-in;
   -o-transition: all 0.1s ease-in;
   -ms-transition: all 0.1s ease-in;
   transition: all 0.1s ease-in;
}

ul.font-icons li:hover span{
   -webkit-transform: scale(1.5);
   -moz-transform: scale(1.5);
   -o-transform: scale(1.5);
   -ms-transform: scale(1.5);
   transform: scale(1.5);
}



/* Pricing Tables
================================================== */
.pricing_table{
	width:100%;
}

.pricing_table .pricing_table_column{
	width:20%;
	float:left;
	margin:0;
	padding:0;
	position:relative;
}

.pricing_table .pricing_table_column ul{
	margin:0;
	padding:0;
}

.pricing_table .pricing_table_column.selected ul{
	border-right:1px solid transparent;
}

.pricing_table .pricing_table_column ul li{
	position:relative;
	border-left:1px solid transparent;
	border-bottom:1px solid transparent;
	text-align:center;
	font-size:12px;
	height:16px;
	padding:12px 0;
	margin:0;
}

.pricing_table .pricing_table_column ul.noborder li{
	border-left:none;
}

.pricing_table .pricing_table_column.last ul li{
	border-right:1px solid transparent;
}

.pricing_table .pricing_table_column ul li.head{
	height:100px;
	overflow:hidden;
	border-top:1px solid transparent;
	margin:0;
	padding:0;
}

.pricing_table .pricing_table_column ul li.head h6{
	margin:10px 0 0 0;
}

.pricing_table .pricing_table_column ul li.head h4{
	margin:0;
	font-size:30px;
}

.pricing_table .pricing_table_column ul li span{
	margin:0;
	padding:0;
}

.pricing_table .pricing_table_column ul li span.label{
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	float:left;
	font-weight:600;
	display:none;
}

.pricing_table .pricing_table_column ul li.head span{
	font-size:12px;
}


.pricing_table .pricing_table_column ul li.end{
	text-indent:0;
	padding:32px 12px;
	height:auto;
}

.pricing_table .pricing_table_column ul li.end .button{
	margin:0;
}

.pricing_table .pricing_table_column.labels{
	width:20%;
}

.pricing_table .pricing_table_column.labels li{
	text-align:left;
	text-indent:12px;
}

.pricing_table .pricing_table_column.labels ul li.head{
	background:none;
	border-top-color:transparent;
	border-left-color:transparent;
}

.pricing_table .pricing_table_column.labels ul li.end{
	background:none;
	border-bottom-color:transparent;
	border-left-color:transparent;
}


.pricing_table .pricing_table_column.selected{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.pricing_table .pricing_table_column.selected ul{}

.pricing_table .pricing_table_column.selected ul li.head{
	margin-top:-10px;
	padding-top:10px;
}
.pricing_table .pricing_table_column.selected ul li.end{
	padding-top:37px;
	padding-bottom:37px;
}


.pricing_table_clean{
	width:100%;
}

.pricing_table_clean .pricing_table_column{
	width:25%;
	float:left;
	margin:0;
	padding:0;
	position:relative;
}

.pricing_table_clean .pricing_table_column ul{
	margin:0;
	padding:0;
}


.pricing_table_clean .pricing_table_column ul.noborder li{
	border-left:none;
}

.pricing_table_clean .pricing_table_column ul li{
	position:relative;
	border-left:1px solid transparent;
	border-bottom:1px solid transparent;
	text-align:center;
	font-size:12px;
	padding:10px 0;
	margin:0;
}

.pricing_table_clean .pricing_table_column.last ul li{
	border-right:1px solid transparent;
}

.pricing_table_clean .pricing_table_column ul li.head{
	height:100px;
	overflow:hidden;
	border-top:1px solid transparent;
	margin:0;
	padding:0;
}

.pricing_table_clean .pricing_table_column ul li.head h6{
	margin:10px 0 0 0;
}

.pricing_table_clean .pricing_table_column ul li.head h4{
	margin:0;
	font-size:30px;
}

.pricing_table_clean .pricing_table_column ul li.head span{
	font-size:12px;
}


.pricing_table_clean .pricing_table_column ul li.end{
	text-indent:0;
	padding:32px 12px;
}

.pricing_table_clean .pricing_table_column ul li.end .button{
	margin:0;
}

.pricing_table_clean .pricing_table_column.selected{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.pricing_table_clean .pricing_table_column.selected ul{
	border-right:1px solid transparent;
}

.pricing_table_clean .pricing_table_column.selected ul li.head{
	margin-top:-10px;
	padding-top:10px;
}
.pricing_table_clean .pricing_table_column.selected ul li.end{
	padding-top:37px;
	padding-bottom:37px;
}


/* Single Project
=========================================================*/
.single_project_head{
	width:100%;
	border-bottom:1px solid transparent;
	margin:0 0 40px 0;
	float:left;
	padding:0 0 20px 0;
}

.single_project_head .all_projects{
	height:20px;
	background:top left no-repeat;
	float:left;
	padding:0 0 0 30px;
}

.single_project_head .all_projects a{
	font-style:italic;
}

.single_project_head .single_project_arrows{
	float:right;
}

.single_project_head .single_project_arrows a{
	width:16px;
	height:16px;
	float:left;
	text-indent:-9999px;
	margin:2px 0 0 1px;
}

.single_project_head .single_project_arrows a.single_project_prev{
	background-position:top left;
}

.single_project_head .single_project_arrows a.single_project_next{
	background-position:top right;
}

.single_project_head .single_project_arrows a.single_project_prev:hover{
	background-position:bottom left;
}

.single_project_head .single_project_arrows a.single_project_next:hover{
	background-position:bottom right;
}

.single_projects_items img{
	width:100%;
}

/* Contact Form
=========================================================*/
.contact_form{
	margin:0;
	padding:0;
	width:100%;
}

.contact_form fieldset{
	margin:0 3.5% 20px 0;
	padding:0;
	width:31%;
	display:inline-block;
	float:left;
}

.contact_form fieldset.last{
	margin:0 0 20px 0;
}

.contact_form fieldset.full{
	width:100%
}

.contact_form fieldset.half{
	width:48%;
}

.contact_form fieldset.right{
	margin:0;
	float:right;
}

.contact_form fieldset label{
	font-weight:700;
	display:block;
	margin:0 0 10px 0;
	padding:0;
}

.contact_form fieldset label span{
	font-weight:400;
}

.contact_form fieldset textarea{
	resize:vertical;
	height:240px;
 }

.contact_form #contact_response{
	margin:20px 0 0 0;
	font-size:12px;
}



/* Testimonial
=========================================================*/
.testimonials{}

.testimonials .testimonial{
	width:100%;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px solid transparent;
	overflow:hidden;
}

.testimonials .testimonial.last{
	width:100%;
	margin:0;
}

.testimonials .testimonial .image{
	float:left;
	width:60px;
}

.testimonials .testimonial .image img{
	float:left;
	border:1px solid #bbb;
}

.testimonials .testimonial .image .framed{
	float:left;
	padding:3px;
}

.testimonials .testimonial .info{
	margin:0 0 0 60px;
	padding:7px 0 0 0;
}

.testimonials .testimonial .info h5{
	line-height:15px;
	margin:0;
	padding:0;
}

.testimonials .testimonial .info span{
	font-size:12px;
	margin:0;
	padding:0;
}

.testimonials .testimonial p{
	margin:0;
	padding:10px;
	font-size:12px;
	line-height:16px;
}


/* 404 Page
=========================================================*/
#page404{
	background:center no-repeat;
	height:320px;
	width:100%;
	float:left;
	margin:5% 0 25% 0;
	position:relative;
}

#page404_title{
	font-size:100px;
	line-height:100px;
	font-weight:600;
	position:absolute;
	width:100%;
	text-align:center;
	top:110px;
}

#page404_text{
	font-size:20px;
	line-height:20px;
	position:absolute;
	width:100%;
	text-align:center;
	bottom:-80px;
}

#page404_button{
	position:absolute;
	width:100%;
	text-align:center;
	bottom:-180px;
}


/* Blog Post
=========================================================*/
.blog_post_info{
	border-bottom:1px solid transparent;
	color:#a9a9a9;
	width:100%;
}

.blog_post_info ul{
	margin:0;
	padding:10px 0;
}

.blog_post_info ul li{
	margin:0 30px 0 0;
	padding:0;
	display:inline;
	font-size:12px;
}

.blog_post_info ul li.nomargin{
	margin:0;
}

.blog_post_info ul li span{
	margin:0 10px 0 0;
	vertical-align:text-bottom;
}

.blog_post_info ul li a{
	color:#a9a9a9;
}

.blog_main .pagination{
	margin-bottom:60px;
}

.single_post .blog_post_info ul{
	padding-bottom:30px;
}

#blog_comments{
	border-bottom:1px solid transparent;
	padding:0 0 30px 0;
}

#blog_comments .comments{
	margin:0;
}

#blog_comments .comments .comment{
	margin:0 0 20px 0;
}

#blog_comments .comments .comment .comment_avatar{
	width:60px;
	float:left;
	padding:5px;
}

#blog_comments .comments .comment .comment_avatar img{
	width:100%;
	float:left;
}

#blog_comments .comments .comment .comment_body{
	margin:0 0 0 90px;
	padding:20px;
}

#blog_comments .comments .comment .comment_body .comment_meta{
	font-size:12px;
	color:#a9a9a9;
}

#blog_comments .comments .comment .comment_body .comment_meta a{
	color:#a9a9a9;
}

#blog_comments .comments .comment .comment_body p{
	font-size:14px;
}


#blog_comments .comments .comment .comment_replies{
	margin:20px 0 0 90px;
}

#blog_comments .comments .comment .comment_replies ul{
	margin-left:0;
}

#blog_reply_form{
}

#blog_reply_form fieldset{
	width:300px;
	margin:0 0 20px 0;
}

#blog_reply_form fieldset label{
	margin:0 0 10px 0;
}

#blog_reply_form fieldset.full{
	width:100%;
}

#blog_reply_form fieldset textarea{
	resize:vertical;
	height:240px;
}

.advertise .framed{
	width:125px;
	float:left;
	margin:0 0 10px 0;
}

.advertise .framed.right{
	float:right;
}

.advertise .framed img{
	width:100%;
	float:left;
}

.social_widget a span{
	margin:0 5px 5px 0;
	float:left;
}

.search_box{
	width:100%;
	height:40px;
	position:relative;
}


.search_box input[type="text"]{
	width:100%;
	padding:10px 50px 10px 10px;
	position:absolute;
	left:0;
	top:0;
	background:#fff;
}

.search_box input[type="submit"]{
	width:40px;
	height:36px;
	padding:0;
	margin:0;
	background:url(../images/white/ico_search.png) center no-repeat transparent;
	cursor:pointer;
	position:absolute;
	right:1px;
	top:1px;
	z-index:1;
	border:none;      
}


/* Media Queries
=========================================================*/
/* All Higher than 960px */
@media only screen and (min-width: 960px) {
	
}

/* All Smaller than 960px */
@media only screen and (max-width: 959px) {}

/* All Mobile Devices */
@media only screen and (max-width: 767px) {
	.cta .button{
		position:inherit;
		right:auto;
		float:left;
		margin:30px 0 0 0 !important;
	}
	
	header{
		height:auto;
		padding:0 0 20px 0;
		text-align:center;
	}
	
	header .logo{
		font-size:36px;
		margin:20px 0;
		padding:0;
	}


	#credits .container .sixteen{
		position:relative;
		padding-bottom:30px;
		text-align:center;
	}
	
	#credits ul{
		width:100%;
		text-align:center;
		margin:0;
		top:auto;
		bottom:10px;
	}

	.pricing_table .pricing_table_column{
		width:100%;
		border-right:1px solid transparent;
		margin:0 0 20px 0;
	}
	
	.pricing_table .pricing_table_column  ul li{
		height:auto;
	}
	
	.pricing_table .pricing_table_column ul li span.label{
		display:block;
	}
	
	.pricing_table .pricing_table_column.labels{
		display:none;
	}
	
	.pricing_table .pricing_table_column.selected,
	.pricing_table_clean .pricing_table_column.selected{
		border-right:none;
	}

	.pricing_table .pricing_table_column.selected ul li.head,
	.pricing_table_clean .pricing_table_column.selected ul li.head{
		margin-top:0;
		padding-top:0;
	}
	.pricing_table .pricing_table_column.selected ul li.end{
		padding-top:32px;
		padding-bottom:32px;
	}

	.pricing_table_clean .pricing_table_column{
		width:100%;
		margin:0 0 20px 0;
		border-right:1px solid transparent;
	}

	.pricing_table .pricing_table_column.last ul li,
	.pricing_table_clean .pricing_table_column.last ul li{
		border-left:1px solid transparent;
		border-right:none;
	}


	.contact_form fieldset{
		width:100%;
	}
	
	.map{
		height:200px !important;
	}
	
	.blog_post_info ul li{
		margin:0 0 10px 0;
		display:block;
	}
	.advertise .framed{
		width:180px;
	}


	#blog_comments .comments .comment .comment_avatar{
		width:30px;
	}

	#blog_comments .comments .comment .comment_body,
	#blog_comments .comments .comment .comment_replies{
		margin-left:60px;
	}
}

/* Mobile Devices */
@media only screen and (max-width: 479px) {
	.advertise .framed{
		width:125px;
	}
}

/* Tablet Landscape */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.slide_boxed .flex-direction-nav { 
		display: none; 
	}
	.advertise .framed{
		width:93px;
	}

	#blog_comments .comments .comment .comment_avatar{
		width:40px;
	}

	#blog_comments .comments .comment .comment_body,
	#blog_comments .comments .comment .comment_replies{
		margin-left:70px;
	}
}

/* Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#blog_comments .comments .comment .comment_avatar{
		width:40px;
	}

	#blog_comments .comments .comment .comment_body,
	#blog_comments .comments .comment .comment_replies{
		margin-left:70px;
	}
}


/* Retina Display */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	.single_project_head .all_projects{
		background-size:20px 20px;
	}
	
	.single_project_head .single_project_arrows a{
		background-size:32px 32px;
	}
	
	blockquote p{
		background-size:30px 24px;
	}

	.portfolio_filters{
		background-size:20px 18px;
	}
	
	.search_box input[type="submit"]{
		background-size:16px 16px;
	}

	#page404{
		background-size:300px 300px;
		margin-bottom:50%;
	}

	footer #subscribe_form input[type="submit"]{
		background-size:6px 10px;
	}
}