/*

Theme Name: Imbalance 2

Theme URI: http://www.wpshower.com/

Description: Imbalance 2 turns you Wordpress-based website to an attractive blog, portfolio or even online magazine. This free template designed in strict modern style with a minimalistic touch. Imbalance 2 can easily fresh up your web-magazine or blog. Due to modern flexible features and layout Imbalance 2 fits to almost any project and your visitors won't remain indifferent.

Author: WPSHOWER

Author URI: http://www.wpshower.com

Version: 1.0.3

License: GNU General Public License

License URI: license.txt

Tags: fluid, grid, blog, magazine, imbalance

*/



html, body, form, ul, li, table, td { margin: 0; padding: 0; }





/* STATIC BODY COLOR FOR CATEGORIES */



body.category-5                          /* Identity  */

{

 background-color:#fff !important;



}



body.category-8							  /* Print  */

{

 background-color:#fff !important;



}

body.category-9							  /* Web    */

{

 background-color:#fff !important;



}

body.category-10						 /* Illustration  */

{

 background-color:#fff !important;



}

body.category-11						 /* Packaging  */

{

 background-color:#fff !important;



}

body.category-12						 /* Visual Arts  */

{

 background-color:#fff !important;



}





body.category-54 					     /* View by client  */

{

 /* background-color:#ebecee !important; */

 background-color:#ffffff !important; 



}



body.home                                /* Showcase   */

{

background-color:#ffffff;

/*background: url("images/cc-tile.gif") repeat;*/

}



body.single								 /* Single pages*/

{

/* background-color: #eaedee; */

  background-color: #ffffff;

}





/* End STATIC BODY COLOR FOR CATEGORIES */





body { position: relative; color: #333;

/*background-color: #eaedee;*/

}

body, input, textarea { font-size: 11px; }

a { text-decoration: none; }

a:hover { text-decoration: underline; }

a img { border: 0; }

td { vertical-align: top; }

ul { /*list-style-position: inside;*/

      list-style:none

	 }

h1 { font-size: 24px; }

h2 { font-size: 18px; }

h3 { font-size: 12px; }

blockquote { border-left-width: 3px; border-left-style: solid; margin-left: 7px; padding-left: 20px; font-size: 16px; color: #636363; }

.clear { clear: both; }

.main_separator { color: #dedfe0; }

.wrapper { padding-top: 31px; font-family:Helvetica, sans-serif; }

#header { border-bottom: 1px solid #dedfe0; padding-bottom:20px; }



#header .HomeSlider {

 padding-top:20px;

 width:960px;

 margin:0 auto;

}





#header .HomeSlider .nivo-directionNav a{

 cursor: pointer;

 display: block;

 height: 78px;

 margin: 0;

 position: absolute;

 text-indent: -9999em;

 width: 29px;

}



#header .HomeSlider .nivo-directionNav a.nivo-nextNav {

background: url("images/arrow-right1.png") no-repeat scroll 55% 50% transparent;

}



#header .HomeSlider .nivo-directionNav a.nivo-prevNav{

background: url("images/arrow-left1.png") no-repeat scroll 55% 50% transparent;

}



#site-title {

    float: left;

    font-size: 23px;

    line-height: 27px;

    margin-left: 0px;

    overflow: hidden;

    /*padding-right: 20px;*/

    width: 250px;

}

/*#site-title { float: left; width: 210px; padding-right: 40px; overflow: hidden; line-height: 27px; font-size: 23px; } */

#site-title a { color: #333; font-weight: bold; text-decoration: none; }

#header-left { float: left; width: 210px; padding-right: 40px;}

#header-center { float: left; width: 210px; padding-right: 40px; }

#search { float: right; width: 220px; display:none; }

#header-right { margin: 20px 0 0 10px; }

.contact-info{ font-family:Helvetica; }

.contact-info a { color: #333333;}

#search label, #search input[type=submit] { display: none; }

#search input[type=text] { width: 200px; padding: 7px 9px; margin: 0; border: 1px solid #dedfe0; background: #fff; font-size: 13px; outline: none; }

#page_search input[type=submit] { display: none; }

.menu ul { list-style-type: none; }

.menu ul li { padding-bottom: 6px; }

.menu ul a { line-height: 13px;  color: #303030; text-decoration: none; font-family:Helvetica;  font-size: 11px; }



/* For Home Boxes Only*/



.home .box .rel p,

.home .box .rel .posted{

	/*display: none !important;*/

}

.box h1 {

    height: 38px;

    overflow: hidden;

    padding: 0;

    margin: 10px 0;

}

/* --End-- */

.box .rel .posted,

.box .rel p{

  display: none !important;

}




.box { width: 210px; margin-bottom: 70px; color: #636363; }

.box .rel { position: relative; }

.box .rel p { margin: 0;  line-height: 14px;}

.box .texts { position: absolute; top: -20px; left: -20px; width: 210px; color: #fff; z-index: 200; opacity: 0; filter: alpha(opacity=0); }

.box .texts .categories a, .box .texts a, .box .texts .posted, .box .texts .posted a { color: #fff; }

.box .texts .transparent img { opacity: 0.1; filter: alpha(opacity=10); }

.box .texts .abs { position: absolute; top: 0;  font-family:Helvetica, sans-serif;}

.box .categories { padding-bottom: 10px; display:none;}

.box .categories a, .box .posted a { color: #a1a1a1; }

/*.box h1 { margin: 0; padding-bottom: 10px; font-size: 16px; }*/

.box h1 {

    font-size: 16px;

    margin: 0;

    padding:10px 0 10px;

}

.box h1 a { color: #333; }

.box .posted { padding-top: 10px; color: #a1a1a1; }

 .box .posted span, .box .posted a

 {

   display:none;

  }

.box img { display: block; }

.fetch { clear: both; width: 460px; margin: 0 auto 40px; background: #f9f9f9; -moz-border-radius: 4px; border-radius: 4px; text-align: center; }

.fetch a { display: block; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #333; text-decoration: none; }

.fetch:hover a { color: #000000; }

#content { padding-bottom: 20px; }

#nav-above { float: left; width:136px; /*210px;*/  padding-right: 40px; text-align: right; color: #636363; margin-left:150px; }

#nav-above a { text-decoration: none; color: #333; }

.nav-previous, .nav-next { display: inline; }

.nav-separator { color: #e5e5e5; }

.post_title { margin-top: 35px; overflow: hidden; }

.post_title h1 { margin: 0 0 10px 250px; font-size: 27px; line-height: 35px; width: 710px; }

.entry-title, .page-title { /*margin-left: 247px;*/ margin-top: 10px; }

.entry-meta { padding-bottom: 30px; color: #636363; display:none; }

.entry-meta a { color: #333; text-decoration: none; }

#wides { clear: both; }

.entry-aside { width: 210px; padding-right: 40px; vertical-align: middle; }

.entry-content-right { width: 710px; font-size: 15px; line-height: 21px; }

.entry-content { width: 710px; margin-left: 250px; font-size: 13px; line-height: 20px; font-weight:normal; }

.entry-utility { padding: 10px 0; display:none;}

.entry-tags { margin: 10px 0; }

.entry-tags span { font-weight: bolder; }

#social { padding: 20px 0 0 0; }

.twitter-share-button { float: left; margin: 2px 20px 0 0; }

.post img, .page img { margin:0; }

p{

	margin:0;

	padding:0;	

}

.post .alignleft, .page .alignleft { float: left; margin-right: 20px; }

.post .alignright, .page .alignright { float: right; margin-left: 20px; }

.post .aligncenter, .page .aligncenter { display: block; clear: both; margin: 20px auto; }

#comments { padding: 0 0 0 246px; width: 714px; display:none; }

#comments-title { font-size: 21px; margin: 40px 0 20px 4px; }

.commentlist { margin: 0; padding: 0; list-style: none; }

.commentlist ul.children { list-style: none; }

.commentlist li > div { position: relative; border-bottom: 1px solid #dedfe0; padding: 30px 0 30px 4px; }

.commentlist li li > div { margin-left: 90px; }

.commentlist li li li > div { margin-left: 180px; }

.commentlist li li li li > div { margin-left: 270px; }

.commentlist li li li li li > div { margin-left: 360px; }

.comment-avatar { position: absolute; top: 30px; left: -96px; }

.comment-content { margin-left: 96px; border-bottom: 1px solid #dedfe0;  }

.comment-author { float: left; width: 210px; padding-right: 40px; font-size: 15px; }

cite { font-style: normal; font-weight: bold; }

.comment-meta { float: left; width: 210px; padding-right: 40px; color: #999999; }

.comment-body { clear: both; padding-top: 7px; font-size: 15px; line-height: 21px; }

#respond { padding-left: 4px; }

li.comment > div { position: relative; }

.reply { position: absolute; top: 30px; right: 20px; }

#reply-title { font-size: 21px; }

.comment-reply-link { display: none; }

.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 460px; margin: 0; padding: 10px 0; }

.comment-form-comment { clear: both; width: 460px; margin: 0; padding: 10px 0; }

input[type="text"], textarea { background: #fff; border: 1px solid #c5c5c5; outline: none; height:20px; color: #6b6b6b; font-family:arial !important;}

#comments input[type="text"] { width: 442px; }

#comments textarea { width: 442px; }

.form-submit { margin-bottom: 40px; }

.form-submit input { width: 460px; padding: 6px 0; color: #fff; font-size: 15px; font-weight: bold; cursor: pointer; border: 0; text-align: center; -moz-border-radius: 4px; border-radius: 4px; }

.recent { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ccc; }

#footer {/*height:100px;*/ border-top: 1px solid #dedfe0;padding: 20px 0 ;  }



#site-info

{

    float: right;

    color: #333333;

    font-size: 11px;

    font-weight: bold;

    text-decoration: none;

}





#site-info a { font-weight:bold; font-size:11px; text-decoration: none; color: #333; }

#footer-left { float: right; width: 210px; padding-right: 40px; }

#footer-right { float: right; width: 210px; }

#infscr-loading { background: none repeat scroll 0 0 #000000; bottom: 40px; color: #FFFFFF; height: 100px; left: 40%; opacity: 0.8; padding: 10px; position: fixed; width: 200px; z-index: 5000; border-radius: 10px; }





/*---------contact page form------------*/

.contact-form

{

  background-color: #EFEFEF;

    margin: 0;

    overflow: hidden;

    padding: 10px 0;

    width:530px;

	float:right;

}


/*
 .contact-form p

 {

  width:300px;

  margin-bottom: 21px;

  }

.contact-form p input

{

 float:right;

 width:200px;

 

}*/



.contact-form p label

{

 float:left;

 width:70px;

  text-align: right;

}





	

	

.contact-form p textarea

{

  /*float:right;*/

 	height: 66px;

    

    margin-top: 20px;

    resize: none;

    width: 250px;

}

.sub-btn {

   	float: right;

    background: url("./images/sub.jpg") no-repeat;

   	height: 26px;

    margin: 0;

	padding: 0 17px 0 0;

    width: 157px;

}



.sub-btn input

{

  background:transparent;

    cursor: pointer;

    text-indent: -9999px;

    width: 157px;

	height:26px;

	border: medium none;

}





.qoute-form div.mmf-response-output {

    margin: 0 0 0 261px !important;

    padding: 0.2em 1em;

}

#mmf-f1-p25-o1 div.mmf-response-output {

    margin: 2em 0.5em 1em;

    padding: 0.2em 1em;

    position: absolute !important;

    top: 236px !important ;

}





 div.mmf-mail-sent-ok {

    border:none !important;

	color: #FF0000;

	height:25px;

   /* float: right;*/

}





div.mmf-validation-errors ,div.mmf-mail-sent-ng  {

   border:none  !important;

	color: #FF0000;

	/*height:25px;

    float: right;*/

    

}

span.mmf-not-valid-tip {

    background: none !important;

    border:none !important;

    font-size: 10pt;

    left: 0 !important;

    padding:0 !important;

   /* position: absolute;*/

    top: 0 !important;

    width: 280px;

    z-index: 100;

	color: #FF0000;

	margin-left:46px !important;

}



.contact-form span.mmf-not-valid-tip {

    background: none repeat scroll 0 0 transparent !important;

    border: medium none !important;

    color: #FF0000;

    font-size: 10pt;

    left: 0 !important;

    margin-left: 1px !important;

    padding: 0 !important;

    top: 24px !important;

    width: 280px;

    z-index: 100;

}



/*---------Endcontact page form------------*/





/*-----------Request a Qoute form -----------*/



.qoute-form

{

  overflow: hidden;

  margin:0px;

}

.qoute-form span.wpcf7-not-valid-tip{

   background: none !important;

    border: medium none !important;

    color: red !important;

    font-size: 11px !important;

    left: 45% !important;

    padding: 0 !important;

    position: absolute !important;

    top: 1px !important;

    width: 200px !important;

    z-index: 100 !important;

	}

.qoute-form .ajax-loader {

    border: none !important;

    margin-left: 120px  !important;

    vertical-align: top  !important;

	margin-top: -20px !important;

}

.qoute-form  span.wpcf7-form-control-wrap{

	position:static !important;

}

.qoute-form .wpcf7-form-control{

	width:100%;

}

.qoute-form h3{

	font-size:16px;

	margin: 0;

    padding: 0;	

}



 .qoute-form p

 {

  	line-height:22px;

	overflow:hidden;

	margin:0 0 10px 0;

    width:720px;

	font-size:11px;

	position:relative;

  }

.qoute-form p input[type='text']

{

float:right;

 width:400px;

 

}





.qoute-form p em{

	 float: right;

    width:410px;

	font-size:10px;

	font-style:normal;

	}



.qoute-form p em input{

	width:11px;

	float:left;

}



.qoute-form p select{

	float:right;

	 width:400px !important;

	 height:22px;	

	 border: 1px solid #C5C5C5;

	color: #6B6B6B;

}	



.qoute-form p em span{

	 display: inline-block;

    float: left;

}





.qoute-form p label

{

 	float: left;

    font-size:11px;

    text-align:left;

    width: 260px;

}









.qoute-form p textarea

{

  	float:right;

  	height: 80px;

    margin-left: 4px;

    resize: none;

    width:400px !important;

}



.qoute-form p strong{

	float:right;

	width:158px;

	background: url("./images/sub.jpg") no-repeat;

    padding: 0;

	height:26px;

	margin:0 0 0 26px;	

}



.qoute-form p strong input{

	margin:0;

	padding:0;

	cursor:pointer;

	width:158px;

	background:transparent;

	height:26px;

	border:none;

	text-indent:-9999px;

	

}

.qoute-form p .wpcf7 img.ajax-loader{

	margin-top: -20px !important;

}



 .qoute-form p .test{

	width:273px;

	height:25px;	

}



.qoute-form p iframe{

	width:273px;

	float:right;

	height:25px;

	margin:0;

	padding:0;	

}





.entry-content-form{

	margin:0!important;

	padding:0;

	width:960px;	

}



/*-----------End Request a Qoute form -----------*/



/*----------------top-nav---*/



ul.menu li.menu-item-183,ul.menu li.menu-item-10

{

 font-weight:bold;

 font-size:12px !important;

 

}

ul.menu li.menu-item-183 a:hover

{

 color:#000000 !important;

}

.contact-info

{

 font-size:11px !important;

}



.textwidget{

	width:210px;

	float:right;	 line-height: 14px;

  

}



.map_part{

	width:300px;

	float:left;	

}



.contact_part{

	width:600px;

	float:right;

	color:#666666;	

}



.contact_part .form_contact{

	float: left;

    margin: 0 0 20px 20px;

    width: 242px;

	position:relative !important;



}

.contact_part .form_contact label{

	width:250px;

	text-align:left;

	font-size:11px;	

}

.contact_part .form_new{

	margin: 0 0 20px 20px;

    width: 510px;

	position:relative !important;

	clear:both;
	height: 3opx;

}





.contact_part .form_new label{

	width:530px;

	text-align:left;

	font-size:11px;	

}



.contact_part .form_new input{

	width:492px;	

}





.contact_part .txt_new{

	 margin: 0 0 20px 20px;

    width: 510px;

	position:relative !important;

}







.contact_part .txt_new label{

	width:530px;

	text-align:left;

	font-size:11px;

}



.contact_part .txt_new textarea{

	width:492px;

	height:176px;	

}



.contact_part .form_contact span{

	font-size:13px;	

}	



.contact_part .form_contact input{

	   width: 230px;

}
.contact_part .form_contact p ,.txt_new p {
    padding: 0px 4px;
    margin-bottom: 0px;
    width: auto;
    /* display: inline; */
}




.map_part p strong{

	color: #666666;

	font-weight:normal;	

}





.mmf-checkbox span.mmf-list-item {

    margin-left: 0.5em;

    width: 200px !important;

}





/********************footer*****************/

.footer-left

{

  float:left;

}

 .footer_ul

{

 float:left;

 width:100%;

}

.footer_ul .widget_text

{

 float:left;

 width:290px;

}

 .footer_ul li.widget_text h2.widgettitle

{

	float:left;

	width:100%;

	color: #333333;

   font-size: 11px;

  font-weight: bold;

  margin:0;

}

 .footer_ul .textwidget

{

 float:left;

 width:100%;

}

.footer_ul li#text-7 h2.widgettitle

{

  padding-bottom:15px;

}

 .footer_ul .textwidget ul

{

 float:left;

 width:100%;

}

 .footer_ul .textwidget ul li

{

 float:left;

 width:100%;

 padding: 0 0 2px 0;

 font:bold 11px arial;

 color:#999999;

}



 .footer_ul .textwidget ul li a

{

 color:#999999;

 text-decoration:none;

}



 .footer_ul .textwidget ul li.gap

{

 padding: 15px 0 15px 0;

}



/***Contact Form error***/

.contact-form span.wpcf7-not-valid-tip{

   /* background: #FFFFFF !important;*/

    border: none !important;

    color: red !important;

    font-size: 11px !important;

    left: 2px !important;

    padding: 2px !important;

    position: absolute !important;

    top: 35px !important;

    width: 200px !important;

    z-index: 100 !important;

	}
.txt_new span.wpcf7-not-valid-tip {
    top: 17px !important;
}
.contact-form span.wpcf7-form-control-wrap{

	position:static !important;

}

div.wpcf7 img.ajax-loader {

    border: none !important;

    margin-left: 120px  !important;

    vertical-align: top  !important;

	margin-top: -20px;

}

.contact-form span.wpcf7-list-item {

    width: 200px !important;

	margin: 0  0 0 5px !important;

}

div.wpcf7-response-output{

	border: none !important;

    color: red;

    margin: 10px 0 !important;

    padding: 0 0 0 70px !important;

	float:left;

}

div.wpcf7-mail-sent-ok{

	color: green;

}

span.red{

	color:red;

}

/************/

.topImageWrapper {
    margin: 0 -20px;
}
.innerImageWrapper.half-img {
    width: 50%;
    box-sizing: border-box;
    margin: 40px 0 0;
    padding: 0 20px;
    float: left;
}
.inr-div {
    height: 325px;
    overflow: hidden;
    display: block;
}
.inr-div img {
    width: 100%;
	min-height: 325px;
}


/************* media ***************/

@media (max-width: 991px) {
.inr-div {height: 257px;}
.inr-div img {min-height: 257px;}
}

@media (min-width: 768px) {
#boxes {margin-top: 40px;}
.home .box{margin-bottom: 40px;}
}


@media (max-width: 767px) {
.inr-div {height: 225px;}
.inr-div img {min-height: 225px;}
.topImageWrapper {margin: 0 0 15px;}
.innerImageWrapper.half-img {width: 100%; margin: 20px 0 0; padding: 0 2%;}
#boxes .box.masonry-brick {height: auto;}
.category-print h1.page-title {margin: 15px 0 0;}
.inr-div {height: auto;}
}

@media (max-width: 575px) {
}