/*

	Theme Name: HAXON
	Theme URI: http://demo.sacredpixel.com/wp/haxon/
	Author: PixFlow
	Author URI: http://themeforest.net/user/PixFlow
	Description: Haxon is a responsive business wordpress theme with unlimited colors and clean design.
	Version: 1.4
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: black, blue, green, brown, pink, purple, red, white, yellow, four-columns, right-sidebar, flexible-width, custom-colors, theme-options, translation-ready
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

*/

/*-----------------------------------------------------------------------------------*/
/*		CSS Reset
/*-----------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,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
{
  border:0;
  font:inherit;
  font-size:100%;
  margin:0;
  padding:0;
  vertical-align:baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
  display:block
}

/*-----------------------------------------------------------------------------------*/
/*		Document Setup
/*-----------------------------------------------------------------------------------*/

body
{
  background-color:#FFFFFF;
  color:#666;
  font-family:'Open Sans', sans-serif;
  font-size:12px;
  line-height:21px
}

ol,ul
{
  list-style:none
}

blockquote,q
{
  quotes:none
}

blockquote:before,blockquote:after,q:before,q:after
{
  content:none
}

table
{
  border-collapse:collapse;
  border-spacing:0
}

a
{
  color:#009cff;
  text-decoration:none
}

a:hover
{
  color: rgba(0,156,255,0.6);
}

p
{
  line-height:21px;
  margin-bottom:15px;
    font-size: 16px;
    line-height: 1.8;
}

strong
{
  color:#000;
  font-weight:700
}

img
{
  max-width: 100%;
}

.container
{
  margin:0 auto;
  padding:0 10px;
  width:940px
}

.clear,.container:after,.parentclear:before,.parentclear:after,.row:before,.row:after
{
  content:"\0020";
  display:block;
  height:0;
  overflow:hidden;
  visibility:hidden;
  width:0
}

.clear,.container:after,.row:after,.parentclear:after
{
  clear:both
}

.row,.parentclear
{
  zoom:1
}

.underline
{
  border-bottom:1px solid #b4b4b4;
  display:inline-block
}

.left
{
  float:left!important
}

.right
{
  float:right!important
}

.middle
{
  float: none;
  margin: 0 auto;
}

.hidden
{
  display:none
}

.no_border
{
  border:none!important
}

textarea,input[type="text"]
{
  
  font-size:14px;
  outline:none
}

h1
{
  font-size:36px;
  line-height:42px;
  margin-bottom:10px
}

h2
{
  font-size:30px;
  line-height:36px;
  margin-bottom:10px
}

h3
{
  font-size:24px;
  line-height:30px
}

h4
{
  font-size:18px;
  line-height:24px
}

h5
{
  font-size:14px;
  line-height:21px;
  text-transform:uppercase
}

h6
{
  font-size:12px;
  line-height:21px;
  text-transform:uppercase
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a
{
  color:#202020
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover
{
  text-decoration:none
}

.row
{
  margin-bottom:21px;
  margin-left:-20px
}

.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12
{
  float:left;
  margin-left:20px;
  position:relative
}

.colored
{
  color:#009cff
}

.span1
{
  width:60px
}

.span2
{
  width:140px
}

.span3
{
  width:220px
}

.span4
{
  width:300px
}

.span5
{
  width:380px
}

.span6
{
  width:460px
}

.span7
{
  width:540px
}

.span8
{
  width:620px
}

.span9
{
  width:700px
}

.span10
{
  width:780px
}

.span11
{
  width:860px
}

.span12
{
  width:940px
}

/* Visibility */

.visible-phone     { display: none !important; }
.visible-tablet    { display: none !important; }
.visible-desktop   { }
.hidden-phone      { }
.hidden-tablet     { }
.hidden-desktop    { display: none !important; }

.round
{
  -moz-border-radius:0 15px;
  -webkit-border-radius:0 15px 0 15px;
  border-radius:0 15px 0 15px
}

.round_image
{
  -moz-border-radius:0 15px;
  -webkit-border-radius:0 15px 0 15px;
  border:3px solid #fff;
  border-radius:0 15px 0 15px;
  box-shadow:1px 1px 1px 1px #cecfcf
}

#main
{
  margin:42px 0 21px
}

.more_link:hover
{
	text-decoration:none;
}

/*-----------------------------------------------------------------------------------*/
/*		Header Styles
/*-----------------------------------------------------------------------------------*/

.contact-section
{
	border-bottom: 1px solid #e5e5e5;
	padding: 4px 0;
}

.contact-section .contact-text
{
	float: left;
}

.contact-section .social_icons
{
	float:right;
}

.contact-section .social_icons
{
	margin-bottom: 0;
}

.contact-section .contact-text
{
	margin-top: 6px;
	margin-right: 20px;
	color: #cbcbcb;
}

.contact-section .contact-text a
{
	color: #cbcbcb;
}

#header
{
  padding-top: 19px;
}

#logo
{
  float:left;
}

.navigation,
.mobile-navigation
{
  float:right;
}

.sf-menu li.active {
/*border-bottom:5px solid #009cff;*/
}

.sf-menu li.active a {
	color:#000!important;
	float:left;
}

.sf-menu li.active > a {
	border-bottom:4px solid #009cff;
}
.sf-menu li.active ul a {
	color:#999!important;
}

.sf-menu li.active ul li a:hover{
	background-color:#009cff;
	color: #fff !important;
}

.sf-menu,.sf-menu * {
	list-style:none;
}

.sf-menu li {
  display:block;
  position:relative;
}

.sf-menu ul {
  background:#303030;
  display:block;
  left:10px;
  margin-top:5px;
  position:absolute;
  visibility:hidden;
  z-index:9999;
  opacity: 0.9;
}

.sf-menu ul li a {
	padding:12px 30px 12px 15px;
	min-width: 140px;
}

.sf-menu > li {
	float:left;
	padding: 0 10px;
}

.sf-menu ul > li:hover {
	background-color:#009cff;
}

.sf-menu ul > li:hover  a {
	color:#fff;
}

.sf-menu li:hover>a {
color:#009CFF;
}

.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {
display:block;
}

.sf-menu a {
display:block;
position:relative;
font-size:14px;
text-decoration:none;
color:#999;
 padding:16px 7px;
 white-space:nowrap;
}

.sf-menu ul ul {
top:0;
left:100%;
}

.sf-menu a.sf-with-ul {
min-width:1px;
}

.sf-sub-indicator {
position:absolute;
display:block;
right:.75em;
top:.9em;
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:none;
}

/* End of New Nav */

#intro .login
{
  -moz-transition:background 500ms;
  -o-transition:background 500ms;
  -webkit-transition:background 500ms;
  background:#790047 url(images/login_arrow.png) no-repeat 90% center;
  border-bottom:1px solid #520231;
  color:#fff;
  display:block;
  float:right;
  height:24px;
  line-height:24px;
  margin:8px 15px;
  padding-left:10px;
  text-align:left;
  text-decoration:none;
  transition:background 500ms;
  width:90px
}

#intro .login:hover
{
  background:#620039 url(images/login_arrow_hover.png) no-repeat 90% center
}

#intro
{
  background:#f7f7f7;
}

.search
{
  float:right;
  height:24px;
  margin:8px 0;
  max-width:190px;
  width:100%;
  border-radius: 3px;
}

.search input
{
  float:left;
  font-size:12px
}

.search input[type="text"]
{
  background-color:transparent;
  border:none;
  color:#767676;
  height:22px;
  padding:1px 5px;
  max-width:150px;
  width:100%;
  text-align: right;
}

.search input[type="submit"]
{
  background:transparent url(images/search_button.png) no-repeat center center;
  border:none;
  cursor:pointer;
  height:24px;
  margin:0;
  padding:0;
  width:26px
}

.search input[type="submit"]:hover
{
  background:transparent url(images/search_button_hover.png) no-repeat center center;
}

#intro h2
{
  color:#8b8b8b;
  display:inline-block;
  float:left;
  font-size:20px;
  margin-right: 15px;
  line-height:42px;
  margin-bottom:0;
  padding-right:52px
}

.subnavigation
{
  float:left;
  font-size:14px
}

.subnavigation li
{
  display:block;
  float:left;
  margin-left:10px;
  padding: 7px 0;
}

.subnavigation li.current
{
	border-bottom: 2px solid #009cff;
}

.subnavigation li.current a
{
  color:#009cff
}

.subnavigation li a:hover
{
  color:#009cff;
  padding:0 10px
}

.subnavigation a
{
  color:#8d8d8d;
  display:block;
  padding:0 10px;
  font-size: 13px;
  font-weight: 400;
}

.subnavigation a:hover
{
  text-decoration:none
}

/*Mobile Navigation*/

.mobile-navigation {
    position:relative;
}

.mobile-navigation > a{
    display:block;
    width: 73px;
    height:78px;
    background:#e5e5e5 url(images/mobile_menu.png) no-repeat center center;
}

.mobile-navigation > a.active{
    background:#fff url(images/mobile_menu_hover.png) no-repeat center center;
}

.mobile-navigation > ul {
    background-color:#fff;
    padding:20px 10px;
    position:absolute;
    right:0;
    min-width:170px;
    display:none;
    z-index:100;
	opacity: 0.9;
}

.mobile-navigation ul li {
    border-bottom:1px solid #ccc;
    padding-bottom: 1px;
}

.mobile-navigation ul li:last-child{
    border:none;
}

.mobile-navigation ul li a{
    font-size:16px;
    line-height:30px;
    display:block;
    height:30px;
    text-decoration:none;
    color:#999;
}

.mobile-navigation ul li a:active{
	color:#999
}

.mobile-navigation ul li ul {
    padding:0 0 0 10%;
    min-width: inherit;
    width:90%;
    position:static;
}

.mobile-navigation ul li ul a {
    font-size:12px;
}


/*-----------------------------------------------------------------------------------*/
/*		Footer Styles & footer widgets
/*-----------------------------------------------------------------------------------*/

#footer
{
  background:#eee;
  position:relative;
  z-index:1
}

#top_button
{
	background-image:url(images/top-button-arrow.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #009cff;
	width:66px;
	height:63px;
	float:right;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	text-decoration:none;
	-moz-transition:all 300ms ease 0s;
	-o-transition:all 300ms ease 0s;
	-webkit-transition:all 300ms ease 0s;
	transition:all 300ms ease 0s;
}

#top_button:hover
{
  background-color: #fff;
  background-image:url(images/top-button-arrow-hover.png);
}

#footer .widget_area
{
  margin-bottom:21px;
  padding-top:35px
}

#footer .widget_area h4
{
  color:#313131;
  margin-bottom:40px;
  font-weight: 700;
}

#footer .widget_area a
{
  color:#434343
}

#footer .widget_area a:hover
{
  color:#666
}

.link-widget .separator
{
  background:#d7d7d7;
  height:1px;
  margin-bottom: 10px;
}

.widget_latest_works .item
{
  margin:10px 0
}

.widget_latest_works .item a
{
  text-decoration:none
}

.widget_latest_works .item img
{
  float:left;
  margin-right:12px
}

.widget_latest_works .item .title
{
  color:#434343;
  font-size:12px
}

.widget_latest_works .item .counter
{
  color: #434343;
  font-size:12px;
  font-weight: 400;
}

.widget_latest_works .arrows
{
  margin-top:20px;
}

.widget_latest_works .arrows .arrow_left
{
  background:transparent url(images/footer_arrow_left_norm.png);
  display:inline-block;
  height:22px;
  width:22px
}

.widget_latest_works .arrows .arrow_left:hover
{
  background:transparent url(images/footer_arrow_left_hover.png)
}

.widget_latest_works .arrows .arrow_right
{
  background:transparent url(images/footer_arrow_right_norm.png);
  display:inline-block;
  height:22px;
  width:22px
}

.widget_latest_works .arrows .arrow_right:hover
{
  background:transparent url(images/footer_arrow_right_hover.png)
}

#footer .link
{
  color:#fff;
  display:block;
  font-size:12px;
  margin-bottom: 15px
}

#footer .recent_news
{
  color:#434343;
  line-height: 22px;
}

.contact_info
{
	font-weight: 400;
}

#footer .contact_info .head
{
  color:#434343;
  font-size:14px
}

#footer .contact_info .info
{
  color:#434343;
  font-size:12px
}

#footer .foot
{
  background-color: #009cff;
  line-height: 63px;
}

#footer #footer-logo
{
	float:left;
	margin-right: 30px;
}

#footer .copyright
{
	color: #fff;
	font-weight: 400;
	float: left;
}

/*-----------------------------------------------------------------------------------*/
/*		Buttons
/*-----------------------------------------------------------------------------------*/

.button
{
	display:inline-block;
	margin-bottom: 20px;
	text-align:center;
	background-color: #bbb;
	color: #fff;
	transition: all 150ms ease-in 0s;
	-moz-transition: all 150ms ease-in 0s;
	-webkit-transition: all 150ms ease-in 0s;
	-o-transition: all 150ms ease-in 0s;
}

.small
{
	padding: 5px 15px; 
	font-size: 14px;
}

.medium
{
	padding: 8px 20px; 
	font-size: 16px;
}

.large
{
	padding: 10px 22px; 
	font-size: 18px;
}

.button:hover
{
  background-color: #009cff;
  color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*		Message Boxes
/*-----------------------------------------------------------------------------------*/

.messageBox
{
  margin-bottom:42px;
  overflow:hidden;
  position:relative
}

.messageBox1
{
  background:#009cff;
  color:#fff;
  min-height:124px;
  padding:21px 21px 55px 15px
}

.messageBox2
{
  background:#fff;
  color:#666;
  min-height:200px
}

.messageBox3
{
  background:#fff;
  min-height:200px
}

.messageBox3 .head
{
  color:#fff;
}

.messageBox2 .button,.messageBox1 .button
{
  background-color: #fff;
  color: #000;
  position: absolute;
  bottom: 0;
  left: 15px;
}

.messageBox2 .text,.messageBox3 .text
{
  margin:0;
  padding:21px
}

.messageBox1 .text,.messageBox2 .head,.messageBox3 .head
{
  
  font-size:27px;
  font-weight: 300;
}

.messageBox2 .head
{
  background:#545454;
  color:#fff;
  display:block;
  line-height:42px;
  padding-left:21px
}

.messageBox3 .head
{
  background:#00b4ff;
  display:block;
  line-height:42px;
  padding-left:21px
}

/*-----------------------------------------------------------------------------------*/
/*		Testimonial Boxes
/*-----------------------------------------------------------------------------------*/

.testimonial .content
{
	background-color:#eee;
	padding: 25px 20px 20px 25px;
	position: relative;
	margin-bottom: 25px;
	font-size: 12px;
	font-style: italic;
	color: #5f5f5f;
}

.testimonial .content .bottom
{
	background: transparent url(images/testimonial_bottom.png);
	width:24px;
	height:24px;
	position: absolute;
	bottom:-24px;
	left:0;
}

.testimonial .meta
{
	padding: 0 10px 0 25px;	
	text-align:center;
}

.testimonial .meta .name
{
	border-bottom: 1px solid #d0d0d0;
	text-transform: uppercase;
	color:#009CFF; /* Color */
	font-size:14px;
	font-weight: bold;
	line-height: 20px;
	padding-bottom: 2px;
	
}

.testimonial .meta .info
{
	color:#7c7c7c;
	font-size: 12px;
	text-transform: lowercase;
	letter-spacing: 4px;
}

/*-----------------------------------------------------------------------------------*/
/*		Separators
/*-----------------------------------------------------------------------------------*/

.separator
{
  background:#b0b0b0;
  height:1px
}

.separator1
{
  background: #cbcbcb;
  width: 100%;
  height:1px
}

.separator3
{
  background:transparent url(images/separator3.png) repeat-x;
  height:5px
}

.separator_title
{
  margin-bottom:8px;
  margin-top:13px;
  position:relative
}

.separator_title span
{
  background:#f6f6f6;
  color:#261f23;
  
  font-size:21px;
  padding-right:10px;
  position:absolute;
  top:-11px
}

/*-----------------------------------------------------------------------------------*/
/*		Lists
/*-----------------------------------------------------------------------------------*/

.plus_list,.arrow3_list,.arrow2_list,.arrow_list,.check_list,.disk_list
{
  font-size:14px;
}

.plus_list li,.arrow3_list li,.arrow2_list li,.arrow_list li,.check_list li,.disk_list li
{
  margin-bottom:5px
}

.plus_list li ul li,.arrow3_list li ul li,.arrow2_list li ul li,.arrow_list li ul li,.check_list li ul li,.disk_list li ul li
{
  color:#6b6b6b
}

.disk_list li
{
  background:transparent url(images/bullet1.png) no-repeat left 7px;
  padding-left:17px
}

.disk_list li ul li
{
  background-image:url(images/bullet1_sub1.png)
}

.check_list li
{
  background:transparent url(images/bullet5.png) no-repeat left 5px;
  padding-left:23px
}

.arrow_list li
{
  background:transparent url(images/bullet3.png) no-repeat left 5px;
  padding-left:17px
}

.arrow2_list li
{
  background:transparent url(images/bullet4.png) no-repeat 4px 6px;
  padding-left:21px
}

.arrow3_list li
{
  background:transparent url(images/bullet2.png) no-repeat left 7px;
  padding-left:17px
}

.arrow3_list li ul li
{
  background-image:url(images/bullet2_sub1.png)
}

.plus_list li
{
  background:transparent url(images/bullet6.png) no-repeat left 6px;
  padding-left:21px
}

.plus_list li ul li
{
  background-image:url(images/bullet6_sub1.png)
}

/*-----------------------------------------------------------------------------------*/
/*		Text Highlights
/*-----------------------------------------------------------------------------------*/

.highlight_black,.highlight_yellow,.highlight_green,.highlight_purple
{
  padding:2px 4px
}

.highlight_yellow
{
  background-color:#fc0;
  color:#474747
}

.highlight_green
{
  background-color:#ebd77c;
  color:#000
}

.highlight_black
{
  background-color:#000;
  color:#FFF
}

.highlight_purple
{
  background-color:#906;
  color:#FFF
}

/*-----------------------------------------------------------------------------------*/
/*		Dropcaps
/*-----------------------------------------------------------------------------------*/

.dropcap,.dropcap2,.dropcap3
{
  color:#000;
  float:left;
  text-align:center
}

.dropcap
{
  display:block;
  font-size:40px;
  line-height:42px;
  margin:0 8px 0 0
}

.dropcap2
{
  background:transparent url(images/dropcap1.png) no-repeat scroll left top;
  color:#FFF;
  display:block;
  font-size:29px;
  line-height:36px;
  margin:3px 8px 0 0;
  width:35px
}

.dropcap3
{
  background:transparent url(images/dropcap2.png) no-repeat scroll left top;
  color:#FFF;
  display:block;
  font-size:29px;
  line-height:35px;
  margin:3px 8px 0 0;
  width:34px
}

/*-----------------------------------------------------------------------------------*/
/*		Blockquotes & pullquotes
/*-----------------------------------------------------------------------------------*/

blockquote,.pullquote,.pullquote_right
{
  background:transparent url(images/quote_start.png) no-repeat scroll left top;
  color:#202020;
  
  font-size:18px;
  font-style:italic;
  padding:21px 35px;
  position:relative
}

blockquote
{
  margin-bottom:21px
}

blockquote p
{
  color:#202020;
  font-size:18px;
  margin-bottom:0
}

.pullquote .end,.pullquote_right .end,blockquote .end
{
  background:transparent url(images/quote_end.png) no-repeat scroll;
  bottom:0;
  height:22px;
  position:absolute;
  right:0;
  width:28px
}

.pullquote_right,.pullquote
{
  display:inline-block;
  margin:10px 0;
  width:31.11%
}

.pullquote
{
  float:left;
  margin-right:1.2%
}

.pullquote_right
{
  float:right;
  margin-left:1.2%
}

/*-----------------------------------------------------------------------------------*/
/*		Paginations
/*-----------------------------------------------------------------------------------*/

/* Pagination */

.post-pagination{
    margin:40px 0 20px;
}

.post-pagination span,
.post-pagination a{
    display: inline-block;
    padding: 3px;
    margin: 0 2px 2px 0;
    text-align: center;
    min-width: 34px;
    height:34px;
    line-height: 34px;
    background-color: #dfdfdf;
    color:#767676;
    font-family: 'Open Sans', sans-serif;
}

.post-pagination a{
    text-decoration: none;
}

.post-pagination a:hover,
.post-pagination .this-page
{
    background-color: #009cff;
    color:#FFF;
}

.post-pagination .prev-page-link,
.post-pagination .next-page-link
{
    text-indent: -10000px;
    background-image:url(images/pagination-next-prev.png);
}

.post-pagination .prev-page-link{
    background-position: 0 -40px;
}

.post-pagination .prev-page-link:hover{
    background-position: -40px -40px;
}

.post-pagination .next-page-link:hover{
    background-position: -40px 0;
}

/*-----------------------------------------------------------------------------------*/
/*		Accordions
/*-----------------------------------------------------------------------------------*/

.accordion
{
  padding-bottom:5px;
  background-color: #EEEEEE;
  margin-bottom: 3px;
}

.accordion .content_pad
{
  padding-left:22px;
  padding-right:30px;
}

.accordion_title
{
  color:#202020;
  display:block;
  float:left;
  font-size:14px;
  line-height:21px;
  margin-bottom:0
}

.accordion_title a
{
  /*color:#202020*/
}

.accordion_title a:hover
{
  text-decoration:none
}

.accordion .accordion_title span
{
  display:block;
  float:left;
  margin-right:7px
}

.accordion .accordion_content
{
  margin-top: 5px; 
  margin-bottom: 20px;
}

.accordion1 .accordion_header
{
  padding:10px 10px 9px
}

.accordion_header .media
{
  float:right
}

.accordion_header .media .media_icon
{
  float:left;
  margin-right:15px
}

.accordion_header .media .media_icon img
{
  margin-right:5px
}

.accordion_header .media .media_name,.accordion_header .media .media_count
{ 
  font-size:14px
}

.accordion_header .media .media_name
{
  color:#b1b1b1
}

.accordion_header .media .media_count
{
  color:#333
}

.accordion1 .accordion_title span,.accordion1 .accordion_closed
{
  height:23px;
  width:23px
}

.accordion1 .accordion_closed
{
  /*background:transparent url(images/toggle-plus.png) no-repeat scroll!important*/
  font-size: 30px;
  text-align: center;
}

.accordion1 .accordion_title span
{
  font-size: 30px;
  text-align: center;
}

.accordion2 .accordion_header
{
  padding:7px 0 6px
}

.accordion2 .accordion_title span,.accordion2 .accordion_closed
{
  height:29px;
  width:29px
}

.accordion2 .accordion_closed
{
  background:transparent url(images/accordion2_closed.png) no-repeat scroll!important
}

.accordion2 .accordion_title span
{
  background:transparent url(images/accordion2_open.png) no-repeat scroll
}

/*-----------------------------------------------------------------------------------*/
/*		Tabs
/*-----------------------------------------------------------------------------------*/

.tab_head li
{
  float:left
}

.tab_head a
{
  border-bottom:1px solid #009cff;
  color:#626262;
  display:block;
  font-size:14px
}

.tab_content
{
  padding: 20px 0 15px;
}

.tab_head a:hover
{
  text-decoration:none
}

.tab_head .selected .tab_end,.tab_head .selected .tab_text
{
  display:block;
  float:left
}

.tab1 .tab_head a
{
  line-height:40px;
  padding:0 18px
}

.tab1 .tab_last .selected .tab_end,.tab1 .tab_last .selected .tab_text
{
  background-image:url(images/tab1_selected_last.png)!important
}

.tab1 .tab_head .selected .tab_end,.tab1 .tab_head .selected .tab_text
{
  background:transparent url(images/tab1_selected.png) no-repeat left top;
  height:41px
}

.tab1 .tab_head .selected
{
  border:none;
  padding:0
}

.tab1 .tab_head .selected .tab_text
{
  color:#202020;
  line-height:41px;
  padding:0 9px 0 17px
}

.tab1 .tab_head .selected .tab_end
{
  background-position:right top;
  width:11px
}

.tab2 .tab_head a
{
  line-height:38px;
  padding:0 18px
}

.tab2 .tab_last .selected .tab_end,.tab2 .tab_last .selected .tab_text
{
  background-color: #009cff;/*background-image:url(images/tab2_selected_last.png)*/!important
}

.tab2 .tab_head .selected .tab_end,.tab2 .tab_head .selected .tab_text
{
  background-color: #009cff;/*transparent url(images/tab2_selected.png) no-repeat left top;*/
  height:39px
}

.tab2 .tab_head .selected
{
  border:none;
  padding:0
}

.tab2 .tab_head .selected .tab_text
{
  color:#FFFFFF;
  line-height:39px;
  padding:0 17px 0 16px
}

.tab2 .tab_head .selected .tab_end
{
  background-position:right top;
  width:5px
}

.tab3 .tab_head a
{
  line-height:41px;
  padding:0 18px
}

.tab3 .tab_head .selected .tab_end,.tab3 .tab_head .selected .tab_text
{
  background:transparent url(images/tab3_selected.png) no-repeat left top;
  height:42px
}

.tab3 .tab_head .selected
{
  border:none;
  padding:0
}

.tab3 .tab_head .selected .tab_text
{
  color:#202020;
  line-height:42px;
  padding:0 0 0 18px
}

.tab3 .tab_head .selected .tab_end
{
  background-position:right top;
  width:38px
}

/*-----------------------------------------------------------------------------------*/
/*		Home Navigation
/*-----------------------------------------------------------------------------------*/

#home-navigation
{
  background:#fff;
  color:#666;
  min-height:340px;
  position: relative;
}

#home-navigation .tab-head-background
{
	background-color: #393939;
	height: 52px; /* Initial height */
	width: 100%;
	position: absolute;
	top: 0;	
}

#home-navigation .wrapper
{
  position:relative;
  width:100%;
}

#home-navigation .tab_head
{
  display:table;
  table-layout:fixed;
  width:100%
}

#home-navigation .head_row
{
  display:table-row
}

#home-navigation .head_cell
{
  display:table-cell
}

#home-navigation .head_cell a
{
  border:0;
  background-color: #393939;
}

#home-navigation .tab .selected
{
  /*background: url(images/home_tab.png) no-repeat center bottom;
  padding:0 0 6px;
  outline: none;*/
}

#home-navigation .tab_head span
{
  color:#fff;
  display:block;
  font-size:16px;
  height:52px;
  line-height:52px;
  text-align:center;
  width:100%
}

#home-navigation .tab_head span:hover
{
  color:#009cff
}

#home-navigation .tab .selected span
{
  background-color:#009cff;	
  color:#fff
}

#home-navigation .tab .tab_text
{
  float:none;
  font-size:18px
}

#home-navigation .heading
{
  margin:20px 0 42px;
  text-align:center
}

#home-navigation .heading h3
{
  color:#585858;
  font-size:30px;
  margin:0
}

#home-navigation .heading p
{
  color:#7c7c7c;
  font-size:16px;
  margin:0
}

#home-navigation .steps_container
{
  overflow:hidden
}

#home-navigation .steps .circle
{
	display:block;
	height:80px;
	padding-top:50px;
	position:relative;
	width:130px;
	outline:none;
	text-decoration: none;
	margin: 0 auto 20px;
}

#home-navigation .steps .circle .outer-border
{
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	border: 3px solid #009cff;
	height:124px;
	width: 124px;
	position: absolute;
	top:0;
	left:0;
}

#home-navigation .steps .hover{
	transition: transform 150ms ease-in 0s;
	-moz-transition: -moz-transform 150ms ease-in 0s;
	-webkit-transition: -webkit-transform 150ms ease-in 0s;
	-o-transition: all 150ms ease-in 0s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#009cff;
}

#home-navigation .steps .circle:hover .hover
{
  -moz-transform:scale(0.9);
  -ms-transform:scale(0.9);
  -o-transform:scale(0.9);
  -webkit-transform:scale(0.9);
  background-color:#009cff;
  transform:scale(0.9);
}


#home-navigation .steps .icon
{
  display:block;
  height:100%;
  position:absolute;
  top:0;
  width:100%;
  z-index:10
}

#home-navigation .steps .title
{
  color:#4c4c4c;
  display:block;
  font-size:24px;
  text-align:center;
  margin-bottom: 20px;
}

#home-navigation .steps .text
{
	text-align:center;
}

#home-navigation .steps .listen_icon .icon
{
  background:url(images/icon_listen.png) no-repeat center
}

#home-navigation .steps .share_icon .icon
{
  background:url(images/icon_share.png) no-repeat center
}

#home-navigation .steps .buy_icon .icon
{
  background:url(images/icon_buy.png) no-repeat center
}

#home-navigation .steps .download_icon .icon
{
  background:url(images/icon_download.png) no-repeat center
}

#home-navigation .steps .instagram_icon .icon
{
  background:url(images/icon-instagram.png) no-repeat center
}

#home-navigation .steps .comment_icon2 .icon
{
  background:url(images/icon-comment.png) no-repeat center
}

#home-navigation .steps .plus_icon .icon
{
  background:url(images/icon-plus.png) no-repeat center
}

#home-navigation .steps .camera_icon .icon
{
  background:url(images/icon-camera.png) no-repeat center
}

.tab_review .content .meta
{
  margin-bottom:21px
}

.tab_review h4
{
  margin-bottom:5px
}

.tab_review .white_tags
{
  display:inline-block;
  margin-right:15px
}

.tab_review .post_date
{
  float:right
}

.tab_review .post_date .day
{
  color:#b2b1b2;
  display:inline-block;
  float:left;
  font-size:36px;
  height:42px;
  line-height:42px;
  margin-right:5px
}

.tab_review .post_date .month
{
  color:#a6a6a6;
  display:inline-block;
  
  font-size:14px;
  height:42px;
  line-height:17px;
  padding-top:5px;
  width:35px
}

#home-navigation .round_image
{
  box-shadow:none
}

/*-----------------------------------------------------------------------------------*/
/*		Error Page Styles
/*-----------------------------------------------------------------------------------*/

.error
{
  color:#251f23;
  display:block;
  font-size:150px;
  padding:42px 0
}

.error .colored
{
  color:#009cff
}

.error_text
{
  color:#131313;
  display:block;
  font-size:18px;
  margin:42px 0
}

.list_head
{
  color:#131313;
  display:block;
  font-size:14px;
  margin-bottom:21px
}

/*-----------------------------------------------------------------------------------*/
/*		Blog
/*-----------------------------------------------------------------------------------*/

.blog1 .post_head
{
  float:left;
  color: #2c2c2c;
  font-weight: 400;
  font-size:32px;
  line-height:32px;
  margin-bottom:20px;
  max-width:530px;
  text-decoration:none
}

.blog1 .post_date
{
  float:right
}

.blog1 .post_date .day
{
  color:#515151;
  display:inline-block;
  float:left;
  font-size:36px;
  height:42px;
  line-height:42px;
  margin-right:5px
}

.blog1 .post_date .month
{
  color:#a6a6a6;
  display:inline-block;
  
  font-size:14px;
  height:42px;
  line-height:17px;
  padding-top:5px;
  width:35px;
  text-transform: uppercase;
}

.blog1 .post_image
{
  margin-bottom:27px;
  max-width:770px;
  position:relative
}

.blog1 .post_image img
{
  display:block
}

.blog1 .post_image .image_meta
{
  background:#261f23;
  color:#fff;
  font-size:18px;
  height:27px;
  left:0;
  line-height:27px;
  min-width:110px;
  position:absolute;
  text-align:center;
  top:25px;
  z-index:100
}

.blog1 .post_image .hover
{
  background:transparent url(images/white_bg_transparent60.png);
  display:none;
  left:0;
  height:100%;
  position:absolute;
  top:0;
  width:100%
}

.blog1 .post_meta
{
  margin-bottom:20px
}

.blog1 .author, .blog1 .tag2
{
  margin-right:42px
}

.blog1 .content
{
	font-size: 14px;
	font-weight: 300;
	color: #5c5c5c;
	line-height: 22px;
	margin-bottom: 20px;
}

.blog1 .separator
{
  margin:15px 0 30px;
}

.blog1 .pagination_container
{
  margin-bottom:21px
}

.blog1 .share
{
  margin-right:30px
}

.blog1 .separator_title
{
  margin-bottom:32px;
  margin-top:42px
}

.comment_list .comment
{
  border-bottom:1px solid #dcdcdc;
  margin-bottom:21px;
}

.comment_list .comment-date
{
	font-size: 11px;
	color: #adadad;
}

.comment_list .comment_image
{
  display:block;
  float:left;
  height:80px;
  padding-right:18px;
  position:relative;
  width:80px
}

.comment_list .comment_image img
{
  display:block;
  position:absolute
}

.comment_list .comment .meta
{
  float:left;
  margin-bottom:15px;
  padding-right:17px
}

.comment_list .comment .meta .says,.comment_list .comment .meta cite
{
  color:#262626;
  
  font-size:14px;
  font-style:normal;
  font-weight:300
}

.comment_list .comment .meta .date
{
  color:#696969;
  display:block;
  
  font-size:12px;
  font-weight:300;
  margin-bottom:20px
}

.comment_list .comment .meta .comment-reply-login,.comment_list .comment .meta .comment-reply-link
{
  display:block;
  font-size:12px;
  font-weight:300;
  text-decoration:none
}

.comment_list li ul
{
  margin-left:30px
}

#blog_detail_comment h2
{
  margin-bottom:10px
}

#blog_detail_comment .post_title
{
  color:#262626;
  text-decoration:none
}

#blog_detail_comment .separator
{
  background-color:#A8A8A8;
  height:5px;
  margin-bottom:20px;
  width:245px
}

/*-----------------------------------------------------------------------------------*/
/*		Respond & Contact form
/*-----------------------------------------------------------------------------------*/

#respond_wrap
{
  margin-bottom:21px
}

#respond .cancel-comment-reply
{
  margin-bottom:20px
}

#respond #cancel-comment-reply-link
{
  font-size:13px;
  
  font-weight:300;
  text-decoration:none
}

#respond_wrap h4
{
  margin-bottom:10px
}

#commentform
{
  margin-bottom:20px
}

#commentform .submit_wrap
{
  float:left
}

#commentform .text_input
{
  background:#eee;
  height:38px;
  margin-bottom:10px;
  padding:0 1%;
  width:40%
}

#commentform .text_input input[type="text"]
{
  background-color:transparent;
  border:0;
  color:#a8a8a8;
  height:38px;
  line-height:30px;
  padding:0;
  width:100%
}

#commentform .textarea_input
{
  background:#eee;
  margin-bottom:10px;
  max-width:100%;
  padding:6px 1%;
  width:80%
}

#commentform .textarea_input textarea
{
  background-color:transparent;
  border:0;
  color:#a8a8a8;
  max-width:100%;
  width:100%
}

#commentform .form_errors
{
  border:0;
  float:left
}

#commentform .form_errors li
{
  background:transparent url(images/form_error.png) no-repeat left center;
  padding-left:21px
}

#commentform .button #submit 
{
  background: transparent;
  border: none;
  color:#fff;
}

#comment_form .loader
{
  background:url(assets/img/Loading24_white.gif) no-repeat;
  height:24px;
  margin-top:15px;
  width:24px
}

#comment_form .AjaxError,#comment_form .AjaxSuccess
{
  font-size:14px;
  margin-top:15px
}

#comment_form .AjaxError
{
  color:#A9A9A9
}

#comment_form .AjaxSuccess
{
  color:#fff
}

/*-----------------------------------------------------------------------------------*/
/*		Tables
/*-----------------------------------------------------------------------------------*/

.price_table
{
  width:100%
}

.price_table .tcol
{
  float:left;
  width:156.66px;
  margin-bottom: 21px;
}

.price_table .tcol h3
{
  margin-bottom:18px
}

.price_table .table_head
{
  background:#6c686a;
  border-left:1px solid #6D6B6C;
  border-right:1px solid #625F60;
  height:104px
}

.price_table .table_head p
{
  color:#FFF;
  
  font-size:25px;
  font-weight:700;
  text-align:center
}

.price_table .first_col .table_head
{
  border-radius:10px 0 0 0
}

.price_table .first_col .table_head h3
{
  border-radius:10px 0 0 0
}

.price_table .first_col .table_foot
{
  border-radius:0 0 0 10px
}

.price_table .last_col .table_head
{
  border-radius:0 10px 0 0
}

.price_table .last_col .table_head h3
{
  border-radius:0 10px 0 0
}

.price_table .last_col .table_foot
{
  border-radius:0 0 10px 0
}

.price_table .featured
{
  border-radius:0 0 10px 10px;
  box-shadow:0 0 20px rgba(0,0,0,0.15);
  position:relative;
  z-index:1
}

.price_table .featured .table_head
{
  background:#97055a;
  border-radius:10px 10px 0 0;
  padding-bottom:15px
}

.price_table .featured .table_head h3
{
  background:#5a0e3c;
  border-radius:10px 10px 0 0;
  margin-top:-15px;
  padding-top:15px
}

.price_table .featured .table_foot
{
  border-radius:0 0 10px 10px;
  padding-bottom:25px
}

.price_table .table_head .price
{
  color:#FFF;
  
  font-size:42px;
  font-weight:700;
  line-height:21px;
  margin:0
}

.price_table .table_head .unit
{
  font-size:28px
}

.price_table .table_head .rate
{
  color:#FFF;
  font-size:10px;
  line-height:21px;
  margin:2px 0 0
}

.price_table li
{
  border:1px solid #D0D0D0;
  color:#2A3445;
  padding:10px;
  text-align:center
}

.price_table .first_col li
{
  text-align:left
}

.price_table li.odd
{
  background-color:#E1E2E3
}

.price_table li.even
{
  background-color:#FFF
}

.price_table .table_foot
{
  border:1px solid #D0D0D0;
  height:32px;
  padding:11px;
  text-align:center
}

.price_table .table_head h3
{
  background:#434244;
  color:#fff;
  font-size:12px;
  height:30px;
  line-height:30px;
  text-align:center
}

.price_table .button1
{
  background:#2f292d;
  font-size:12px
}

.price_table .button1:hover
{
  background:#4f474c!important
}

.table_black1
{
  width:100%
}

.table_black1 thead .column0
{
  text-align:left
}

.table_black1 thead tr
{
  border-left:1px solid #d0d0d0;
  border-right:1px solid #d0d0d0;
  height:48px
}

.table_black1 thead th
{
  background:transparent url(images/table2_head.png) repeat-x;
  color:#fff;
  padding:0 21px;
  text-align:center;
  font-size:12px;
  font-weight:700;
  line-height:48px;
}


.table_black1 tfoot th,.table_black1 tbody th,.table_black1 tbody td
{
  border:1px solid #e4e4e4;
  color:#555;
  padding:10px 21px
}

.table_black1 tbody td
{
  color:#333;
  text-align:center
}

.table_black1 tbody tr:hover
{
  background-color:#ededed
}

.table_black1 tbody th
{
  
  font-weight:700;
  text-align:left
}

.table_black1 .empty
{
  background:none!important;
  border:none!important
}

.table_black1 tbody tr.odd
{
  background:#f2f2f2
}

.table_black1 tbody tr.even
{
  background:#f7f7f7;
  border-top:solid 1px #fefefe
}

.table_black2
{
  width:100%
}

.table_black2 thead .column0
{
  text-align:left
}

.table_black2 thead tr
{
  border-left:1px solid #d0d0d0;
  border-right:1px solid #d0d0d0;
  height:48px
}

.table_black2 thead th
{
  background:transparent url(images/table3_head.png) repeat-x;
  color:#FFF;
  padding:0 21px;
  text-align:center;
  font-size:12px;
  font-weight:700;
  line-height:48px;  
}

.table_black2 tfoot th,.table_black2 tbody th,.table_black2 tbody td
{
  border:1px solid #e0e0e0;
  border-top:1px solid #fff;
  color:#555;
  padding:10px 21px
}

.table_black2 tbody th
{
  
  font-weight:700;
  text-align:left
}

.table_black2 tbody td
{
  text-align:center
}

.table_black2 tfoot tr.odd th,.table_black2 tbody tr.odd
{
  background:#f2f2f2
}

.table_black2 tfoot tr.even th,.table_black2 tbody tr.even
{
  background:#e7e7e7 url(images/table3_highlight.png) repeat-x left top
}

.table_black2 .empty
{
  background:none!important;
  border:none!important
}

/*-----------------------------------------------------------------------------------*/
/*		Sidebars & widgets
/*-----------------------------------------------------------------------------------*/

.sidebar
{
  margin-top:-42px;
  max-width:350px;
}

.sidebar .pagination_container
{
  background:transparent url(images/lsidebar_end.png) right top no-repeat;
  height:142px;
  padding-top:21px;
  position:relative;
  margin: 0 auto;
  max-width:100%;
  width:280px
}

.widget
{
	margin-bottom: 40px;
}

.widget-text .button
{
	margin-bottom; 0;
}

.sidebar_pad
{
  margin-left:15px
}

.right_sidebar
{
  padding:42px 0 0 20px;
}

.right_sidebar_after
{
  bottom:-142px;
  content:" ";
  display:block;
  height:142px;
  left:0;
  position:absolute;
  width:280px
}

.right_sidebar .arrow2_list a
{
  color:#666;
  text-decoration:none
}

.right_sidebar .arrow2_list li
{
  font-size:12px
}

.right_sidebar .arrow2_list li:hover a
{
  color:#009cff;
}

.right_sidebar .arrow2_list li:hover
{
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  width:80%; 
}

.right_sidebar .widget-title
{
  color:#009cff;
  display:block;
  font-size:18px;
  font-weight: 400;
  margin-bottom: 20px;
}

.flickr_badge_image .hover_image
{
  left:4px;
  position:absolute;
  top:4px
}

.flickr_container .flickr_badge_image
{
  float:left;
  height:75px;
  margin:0 0 5px 5px;
  padding:4px;
  position:relative;
  width:75px
}

.flickr_container
{
  margin-left:-5px
}

.sidebar_flickr
{
  margin:21px 0
}

.latest_works
{
  margin-bottom:21px
}

.latest_works img
{
  float:left;
  margin-right:10px
}

.latest_works a
{
  text-decoration:none
}

.latest_works span
{
  color:#a9a9a9;
  font-style:italic
}

.portfolio_sidebar .pagination
{
  margin:0 auto
}

.portfolio_sidebar li:first-child
{
  background:transparent url(images/portfolio_sidebar_column.png) right repeat-y;
  height:32px
}

.portfolio_sidebar li:first-child div
{
  background:none
}

.portfolio_sidebar li
{
  background:transparent url(images/separator.png) repeat-x left bottom;
  height:59px
}

.portfolio_sidebar div
{
  background:transparent url(images/portfolio_sidebar_column.png) right repeat-y;
  height:47px;
  padding:10px 0 0 21px
}

.portfolio_sidebar .title
{
  color:#202020
}

.portfolio_sidebar a.title:hover
{
  text-decoration:none
}

.portfolio_sidebar .date
{
  color:#7e7e7e;
  display:block;
  margin-top:-2px
}

.portfolio_sidebar li:hover div
{
  background-image:none
}

.portfolio_sidebar li.current div
{
  background:transparent url(images/arrow1_right.png) no-repeat 21px 16px;
  padding-left:33px
}

#newsletter_form
{
  margin:0 0 21px 15px
}

#newsletter_form .text_input,#newsletter_form .newsletter
{
  background:#d7d7d7;
  border-bottom:1px solid #f6f6f6;
  border-left:1px solid #b7b7b7;
  border-right:1px solid #b4b3b3;
  border-top:1px solid #909090;
  height:32px;
  margin-bottom:21px;
  width:90%
}

#newsletter_form .newsletter,#newsletter_form .text_input input[type="text"]
{
  border:0;
  box-shadow:1px 1px 1px 0 #b1b1b1 inset;
  color:#989898;
  height:31px;
  line-height:31px;
  padding:0 6px;
  width:93%
}

#newsletter_form .text_input input[type="text"]
{
  background-color:transparent
}

#newsletter_form .newsletter
{
  border-bottom:1px solid #f6f6f6;
  border-left:1px solid #b7b7b7;
  border-right:1px solid #b4b3b3;
  border-top:1px solid #909090;
  font-size:14px;
  margin-bottom:21px;
  padding:5px;
  width:90%
}

.text-widget
{
	font-weight: 400;
}

.text-widget .title
{
	font-size: 20px;
	color: #535353;
	margin-bottom: 35px;
}

.text-widget .content
{
	color:#8a8a8a;
	font-size: 14px;
}

.portfolio .portfolio_image h2
{
  margin-bottom: 32px;
}

.portfolio .portfolio_image .separator
{
  margin-bottom:20px;
}

.portfolio .portfolio_image p
{
  margin-top:55px
}

.portfolio .portfolio-content
{
  margin-top: 55px;
}

.portfolio .portfolio-content h2
{
  margin-bottom: 20px;
}

.portfolio .navigator
{
  display:block;
  float:left;
  margin-bottom:20px;
  margin-right: 20px;
}

.portfolio .navigator .icon
{
  -moz-transition:all 300ms ease 0s;
  -o-transition:all 300ms ease 0s;
  -webkit-transition:all 300ms ease 0s;
  display:block;
  float:right;
  height:42px;
  margin-left:2px;
  transition:all 300ms ease 0s;
  width:42px
}

.portfolio .navigator .previous
{
  background:url(images/arrow_portfolio_detail_prev.png) no-repeat center center scroll transparent;
  background-color:#eee
}

.portfolio .navigator .next
{
  background:url(images/arrow_portfolio_detail_next.png) no-repeat center center scroll transparent;
  background-color:#eee
}

.portfolio .navigator .return_back
{
  background:url(assets/img/icon_standard.png) no-repeat center center scroll transparent;
  background-color:#a8a8a8
}

.portfolio .navigator .previous:hover
{
  background:url(images/arrow_portfolio_detail_prev_hover.png) no-repeat center center scroll transparent;
  background-color:#009cff;
  cursor:pointer
}

.portfolio .navigator .next:hover
{
  background:url(images/arrow_portfolio_detail_next_hover.png) no-repeat center center scroll transparent;
  background-color:#009cff;
  cursor:pointer
}

.portfolio .nav-text
{
	float: left;
	font-size: 15px;
	line-height: 42px;
	color: #aaa;
}

.related_project
{
  margin-bottom:10px
}

.related_project .heading
{
  font-size: 20px;
  margin-bottom:15px
}

.related_project .title .separator
{
  height:5px;
  margin-bottom:20px;
  width:245px
}

.single-portfolio .jcarousel-container
{
  margin-bottom:0
}

.related_project .item
{
  display:block;
  max-width:270px;
  overflow:hidden;
  position:relative
}

.related_project .item img
{
  display:block
}

/*-----------------------------------------------------------------------------------*/
/*		Galleries
/*-----------------------------------------------------------------------------------*/

.gallery1
{
  margin-left:-20px
}

.gallery1 .item
{
  float:left;
  margin-bottom:42px;
  margin-left:20px;
  width:270px
}

.gallery1 .item_image_wrap
{
  /*height:187px;*/
  margin-bottom:21px;
  position:relative;
  width:270px
}

.gallery1 .item_image
{
  display:block;
  /*height:187px;*/
  overflow:hidden;
  position:relative;
  width:270px
}

.gallery1 h4 a
{
  -moz-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0;
  -o-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0;
  -webkit-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0;
  color:#b8066e;
  transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0
}

.gallery1 h4 a:hover
{
  color:#ea59ae
}

.gallery1 .item .frame_hover
{
  bottom:3px;
  display:none;
  height:70px;
  left:3px;
  position:absolute;
  width:70px
}

.gallery2 .item
{
  width:370px;
  max-width:100%;
}

.gallery2 .item .item_image
{
  display:block;
  overflow:hidden;
  position:relative
}

.gallery2 .item .frame_hover
{
  background:transparent url(images/portfolio_hover_camera.png) no-repeat center center;
  bottom:3px;
  display:none;
  height:70px;
  left:3px;
  position:absolute;
  width:70px
}

.gallery2 .item h4
{
  margin-bottom:5px
}

.gallery2 .item h4 a
{
  -moz-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0;
  -o-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0;
  -webkit-transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0;
  color:#C09;
  transition:all 300ms cubic-bezier(0.215,0.61,0.355,1) 0
}

.gallery2 h4 a:hover
{
  color:#ea59ae
}

.portfolio .separator1
{
	max-width:1140px;
}

/*-----------------------------------------------------------------------------------*/
/*		Contact Page
/*-----------------------------------------------------------------------------------*/

.contact_map
{
  height:350px;
  width:100%;
  max-width:100%
}

.contact_map img
{
  max-width: none;
}

/*-----------------------------------------------------------------------------------*/
/*		Item Boxes
/*-----------------------------------------------------------------------------------*/

.item_box
{
	background-color: #f0f0f0;
	border-bottom: 2px solid #dcdcdc;
	-moz-transition:all 300ms ease 0s;
	-o-transition:all 300ms ease 0s;
	-webkit-transition:all 300ms ease 0s;
	transition:all 300ms ease 0s;
}

.item_box .item_image
{
	position: relative;
}

.item_box .item_image img
{
	display: block;
	width:100%;
}

.item_box .item_image .frame_overlay
{
	background: rgba(0,156,255,0.7);
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	-khtml-opacity:0.00;
	-moz-opacity:0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0.00;
	-moz-transition:all 300ms ease 0s;
	-o-transition:all 300ms ease 0s;
	-webkit-transition:all 300ms ease 0s;
	transition:all 300ms ease 0s;
}

.item_box .item_image .hover_icon
{
	background: transparent url(images/hover_icon.png) center no-repeat;
	height:62px;
	width:62px;
	display:block;
	position: absolute;
	top: 35%;
	left:50%;
	margin-top: -31px;
	margin-left: -31px;
	-khtml-opacity:0.00;
	-moz-opacity:0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0.00;
	-moz-transition:all 1000ms ease-in-out 0s;
	-o-transition:all 1000ms ease-in-out 0s;
	-webkit-transition:all 1000ms ease-in-out 0s;
	transition:all 500ms ease-in-out 0s;
}

.item_box .content
{
	padding: 15px;
	display: block;
}


.item_box .content .title
{
	line-height: 18px;
	font-weight: 400;
	color: #666;
	font-size: 17px;
}

.item_box .content .text
{
	margin-bottom: 0;
}

.item_box:hover
{
	background-color: #009cff;
	border-bottom: 2px solid #009cff;
}

.item_box:hover .item_image .hover_icon
{
	top:50%;
	-khtml-opacity:1.00;
	-moz-opacity:1.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1.00;
}

.item_box:hover .title
{
	color:#fff;
}

.item_box:hover .text
{
	color:#ababab;
}

.item_box:hover .frame_overlay
{
	-khtml-opacity:1.00;
	-moz-opacity:1.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1.00;
}

/*-----------------------------------------------------------------------------------*/
/*		Taglines
/*-----------------------------------------------------------------------------------*/

.tagline
{
  padding:25px;
  background-color: #FFFFFF;
}

.tagline .content
{
	max-width: 650px;
	width: 100%;
	float: left;		
}

.tagline .title
{
  color:#FFFFFF;
  font-size:29px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 10px;
  max-width:100%;
}

.tagline .subtitle
{
  color:#FFFFFF;
  font-size:19px;
  font-weight: 400;
  max-width:100%;
}

.tagline .button
{
  float:right;
  margin: 10px 15px 0 0;
  background-color:#FFFFFF;
}

.tagline .button:hover
{
  background-color: rgba(50,50,50,0.7)
}

/*-----------------------------------------------------------------------------------*/
/*		Portfolio Pages Styles
/*-----------------------------------------------------------------------------------*/

.portfolio_single
{
  margin-top: -10px;
}

/*-----------------------------------------------------------------------------------*/
/*		Other/Custom Styles
/*-----------------------------------------------------------------------------------*/

.share
{
  background:transparent url(images/share_icon.png) left center no-repeat;
  color:#666;
  font-size:14px;
  padding-left:22px;
  text-decoration:none!important
}

.like
{
  background:transparent url(images/icon_heart.png) left center no-repeat;
  color:#666;
  font-size:14px;
  padding-left:24px;
  text-decoration:none
}

.tag
{
  background:transparent url(images/folder_black.png) left center no-repeat;
  color:#666;
  display:inline-block;
  font-size:14px;
  padding-left:20px
}

.tag2
{
  color:#666;
  display:inline-block;
  font-size:12px;
  background: url("images/icon_tag.png") no-repeat scroll left center transparent;
  padding-left: 26px;
}

.author
{
  background:transparent url(images/icon_author.png) left center no-repeat;
  color:#666;
  display:inline-block;
  font-size:12px;
  padding-left:22px
}

.comment_icon
{
  background:transparent url(images/icon_comment.png) left 4px no-repeat;
  color:#666;
  display:inline-block;
  font-size:12px;
  padding-left:23px
}

.blog_category li
{
  background:transparent url(images/separator.png) repeat-x left bottom
}

.blog_category a
{
  color:#666;
  display:block;
  padding:11px 0 10px
}

.blog_category a:hover
{
  text-decoration:none
}

.blog_category .current a,.blog_category .hover a
{
  background:transparent url(images/arrow1_right.png) no-repeat 10px center
}

.blog_category .current a
{
  color:#a00560;
  padding-left:21px
}

/*-----------------------------------------------------------------------------------*/
/*		Blog Detail Styles
/*-----------------------------------------------------------------------------------*/

.rightside_content
{
  float:right;
}

.latest_blogs li:first-child div
{
  padding-top:0
}

.latest_blogs li
{
  padding-right:30px
}

.latest_blogs div
{
  background:transparent url(images/separator.png) repeat-x left bottom;
  padding-top:20px;
  padding-bottom:20px;
}

.latest_blogs li:last-child div
{
	background: none;
}

.latest_blogs .title
{
  color:#7e7e7e;
  /*font-family:Muli, sans-serif;*/
  font-size:16px
}

.latest_blogs a.title:hover
{
  text-decoration:none
}

.latest_blogs .date
{
  -moz-transition:background 500ms;
  -o-transition:background 500ms;
  -webkit-transition:background 500ms;
  background:#fff;
  border: 2px solid #b7b7b7;
  color:#b7b7b7;
  display:block;
  float:left;
  font-size:14px;
  height:60px;
  margin:0 20px 0 5px;
  padding:10px 0;
  text-align:center;
  transition:background 500ms;
  width:70px
}

.latest_blogs .date .day
{
  display:block;
  font-size:36px;
  height:25px;
  text-align:center;
  width:70px
}

.latest_blogs li:hover .date
{
  background:#009cff;
  color: #fff;
  border: 2px solid #009cff;
}

.latest_blogs li.current .date
{
  background:#009cff
}

.latest_blogs li.current .title
{
  color:#b2066b
}

.latest_blogs p
{
  margin-bottom:0
}

/*-----------------------------------------------------------------------------------*/
/*		Social Icons
/*-----------------------------------------------------------------------------------*/

.social_icons
{
  margin-bottom:15px
}

.social_icons li
{
  margin-right:4px;
  float:left
}

.social_icons a
{
  -moz-transition:all 300ms ease 0s;
  -o-transition:all 300ms ease 0s;
  -webkit-transition:all 300ms ease 0s;
  background-repeat:no-repeat;
  display:block;
  float:left;
  height:33px;
  margin-right:4px;
  text-indent:-9999999px;
  transition:all 300ms ease 0s;
  width:33px
}

.social_icons li a{
    margin-right:0;
}

.social_icons a:hover
{
  background-position:-33px 0
}

.social_icons a.twitter,.social_icons .twitter a
{
  background-image:url(images/socials/twitter.png)
}

.social_icons a.twitter:hover,.social_icons .twitter a:hover
{
  background-color:#00c0ff
}

.social_icons .dribbble a,.social_icons a.dribbble
{
  background-image:url(images/socials/dribbble.png)
}

.social_icons .dribbble a:hover,.social_icons a.dribbble:hover
{
  background-color:#ff4393
}

.social_icons .vimeo a,.social_icons a.vimeo
{
  background-image:url(images/socials/vimeo.png)
}

.social_icons .vimeo a:hover,.social_icons a.vimeo:hover
{
  background-color:#00c0ff
}

.social_icons .youtube a,.social_icons a.youtube
{
  background-image:url(images/socials/youtube.png)
}

.social_icons .youtube a:hover,.social_icons a.youtube:hover
{
  background-color:#d90000
}

.social_icons .facebook a,.social_icons a.facebook
{
  background-image:url(images/socials/facebook.png)
}

.social_icons .facebook a:hover,.social_icons a.facebook:hover
{
  background-color:#36457c
}

.social_icons .google a,.social_icons a.google
{
  background-image:url(images/socials/googleplus.png)
}

.social_icons .google a:hover,.social_icons a.google:hover
{
  background-color:#d93f2f
}

.social_icons a.digg,.social_icons .digg a
{
  background-image:url(images/socials/digg.png)
}

.social_icons a.digg:hover,.social_icons .digg a:hover
{
  background-color:#e2ae8c
}

.social_icons a.tumblr,.social_icons .tumblr a
{
  background-image:url(images/socials/tumblr.png)
}

.social_icons .tumblr a:hover,.social_icons a.tumblr:hover
{
  background-color:#293147
}

.social_icons a.linkedin,.social_icons .linkedin a
{
  background-image:url(images/socials/linkedin.png)
}

.social_icons a.linkedin:hover,.social_icons .linkedin a:hover
{
  background-color:#316e99
}

.social_icons .forrst a,.social_icons a.forrst
{
  background-image:url(images/socials/forrst.png)
}

.social_icons .forrst a:hover,.social_icons a.forrst:hover
{
  background-color:#435622
}

.social_icons .rss a,.social_icons a.rss
{
  background-image:url(images/socials/rss.png)
}

.social_icons .rss a:hover,.social_icons a.rss:hover
{
  background-color:#cc5403
}

.social_icons .lastfm a,.social_icons a.lastfm
{
  background-image:url(images/socials/lastfm.png)
}

.social_icons .lastfm a:hover,.social_icons a.lastfm:hover
{
  background-color:#cc0d03
}

.social_icons .flickr a,.social_icons a.flickr
{
  background-image:url(images/socials/flickr.png)
}

.social_icons .flickr a:hover,.social_icons a.flickr:hover
{
  background-color:#cdcdcd
}

.social_icons .myspace a,.social_icons a.myspace
{
  background-image:url(images/socials/myspace.png)
}

.social_icons .myspace a:hover,.social_icons a.myspace:hover
{
  background-color:#070707
}

/***** New *****/

.social_icons .behance a,.social_icons a.behance
{
  background-image:url(images/socials/behance.png)
}

.social_icons .behance a:hover,.social_icons a.behance:hover
{
  background-color:#000
}

.social_icons .deviantart a,.social_icons a.deviantart
{
  background-image:url(images/socials/deviantart.png)
}

.social_icons .deviantart a:hover,.social_icons a.deviantart:hover
{
  background-color:#3e462d
}

.social_icons .dropbox a,.social_icons a.dropbox
{
  background-image:url(images/socials/dropbox.png)
}

.social_icons .dropbox a:hover,.social_icons a.dropbox:hover
{
  background-color:#2fa4ff
}

.social_icons .evernote a,.social_icons a.evernote
{
  background-image:url(images/socials/evernote.png)
}

.social_icons .evernote a:hover,.social_icons a.evernote:hover
{
  background-color:#90c500
}

.social_icons .github a,.social_icons a.github
{
  background-image:url(images/socials/github.png)
}

.social_icons .github a:hover,.social_icons a.github:hover
{
  background-color:#1e1e1e
}

.social_icons .instagram a,.social_icons a.instagram
{
  background-image:url(images/socials/instagram.png)
}

.social_icons .instagram a:hover,.social_icons a.instagram:hover
{
  background-color:#b28c56
}

.social_icons .picassa a,.social_icons a.picassa
{
  background-image:url(images/socials/picassa.png)
}

.social_icons .picassa a:hover,.social_icons a.picassa:hover
{
  background-color:#754a43
}

.social_icons .pintrest a,.social_icons a.pintrest
{
  background-image:url(images/socials/pintrest.png)
}

.social_icons .pintrest a:hover,.social_icons a.pintrest:hover
{
  background-color:#ba0000
}

.social_icons .reddit a,.social_icons a.reddit
{
  background-image:url(images/socials/reddit.png)
}

.social_icons .reddit a:hover,.social_icons a.reddit:hover
{
  background-color:#9ebcbf
}

.social_icons .skype a,.social_icons a.skype
{
  background-image:url(images/socials/skype.png)
}

.social_icons .skype a:hover,.social_icons a.skype:hover
{
  background-color:#2fa4ff
}

.social_icons .soundcloud a,.social_icons a.soundcloud
{
  background-image:url(images/socials/soundcloud.png)
}

.social_icons .soundcloud a:hover,.social_icons a.soundcloud:hover
{
  background-color:#ff6000
}

.social_icons .xing a,.social_icons a.xing
{
  background-image:url(images/socials/xing.png)
}

.social_icons .xing a:hover,.social_icons a.xing:hover
{
  background-color:#7ba32f
}

.social_icons .yahoo a,.social_icons a.yahoo
{
  background-image:url(images/socials/yahoo.png)
}

.social_icons .yahoo a:hover,.social_icons a.yahoo:hover
{
  background-color:#541e6d
}


/*-----------------------------------------------------------------------------------*/
/*		Special Intro
/*-----------------------------------------------------------------------------------*/

.special_intro{
    margin-bottom:20px;
	margin-top: 45px;
}

.special_intro .titles
{
  margin-bottom:18px;
  padding-right:8px;
  position:relative
}

.special_intro .titles li
{
  border-bottom:#e6e6e6 solid 1px;
  margin-left:10px;
  position:relative
}

.special_intro .titles li .circle
{
  
  color:#ECECEC;
  display:block;
  float:right;
  font-family:'Open Sans',sans-serif;
  font-size:19px;
  font-weight:500;
  height:28px;
  line-height:25px;
  margin-right:30px;
  text-align:center;
  width:27px
}

.special_intro .titles li a
{
  color:#e2e2e2;
  display:block;
  font-family:'Open Sans', sans-serif;
  font-size:24px;
  font-weight:300;
  line-height:25px;
  padding-bottom:10px;
  padding-top:10px;
  padding-left: 10px;
}

.special_intro .titles li:last-child
{
  border-bottom:none
}

.special_intro .titles li:hover
{
  color:#262626;
  cursor:pointer
}

.special_intro .titles a.selected, .special_intro .titles li:hover a 
{ 
	color: #afafaf;
	-moz-outline: 0;
	outline: 0;
	text-decoration: none;
}

.special_intro .titles a.selected
{
	background-color: #f5f5f5!important;
	font-weight: 400;
}

.special_intro .titles li:hover a
{
	background-color: #f8f8f8;
}

.special_intro .head,.our_team .head
{
  color:#333;
  display:block;
  font-size:48px;
  line-height:60px;
  margin-bottom:20px;
  text-transform:capitalize
}

.special_intro .span8,.special_intro .span8 .description
{
  height:195px;
  overflow-y:auto
}

.special_intro .span8
{
  overflow:hidden
}

.special_intro .description .image
{
  margin:0 10px 10px 0
}

.special_intro .span8 h1
{
  line-height:35px;
  margin-bottom:35px;
  margin-top:5px
}

.special_intro .line
{
  /*background:url(images/hover_li_arrow.png) no-repeat transparent;*/
  background-position:0 18px;
  border-left:2px solid #dfdfdf;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  width:6px
}

.special_intro .heading
{
  display:block;
  font-size:30px;
  line-height:30px;
  margin-bottom:20px;
  font-weight: 300;
  text-transform:capitalize;
  color: #009cff;
}

/*-----------------------------------------------------------------------------------*/
/*		Slogan
/*-----------------------------------------------------------------------------------*/

.slogan
{
  color:#666;
  font-size:48px;
  font-weight:300;
  line-height:67px;
  padding:30px 16%;
  text-align:center;
  text-transform:uppercase
}

.quote_slogan_start
{
  background:url(images/quote_sepecial_start.png) transparent no-repeat;
  display:inline-block;
  height:33px;
  width:27px
}

.quote_slogan_end
{
  background:url(images/quote_sepecial_end.png) transparent no-repeat;
  display:inline-block;
  height:21px;
  width:27px
}

/*-----------------------------------------------------------------------------------*/
/*		jCarousel
/*-----------------------------------------------------------------------------------*/

.jcarousel .item_image img
{
  width:100%
}

.jcarousel .jcarousel-container-horizontal
{
  max-width:100%;
  position:relative
}

.jcarousel-clip-horizontal
{
  overflow:hidden
}

.jcarousel .jcarousel-item-horizontal
{
  margin-right:20px
}

.jcarousel-next-horizontal
{
  background-image: url(images/arrow_back.png);
  background-repeat: no-repeat;
  background-color: #eee;
  background-position: center;
  cursor:pointer;
  height:30px;
  position:absolute;
  right:21px;
  top:-40px;
  width:30px
}

.jcarousel-next-horizontal:hover
{
  background-image:url(images/arrow_back_hover.png)
}

.jcarousel-prev-horizontal
{
  background:url(images/arrow_next.png);
  background-repeat: no-repeat;
  background-color: #eee;
  background-position: center;
  cursor:pointer;
  height:30px;
  position:absolute;
  right:55px;
  top:-40px;
  width:30px
}

.jcarousel-prev-horizontal:hover
{
  background-image:url(images/arrow_next_hover.png)
}

.about_page_carousel .jcarousel-prev-horizontal,
.about_page_carousel .jcarousel-next-horizontal
{
	top: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*		About Page
/*-----------------------------------------------------------------------------------*/

.about-content
{
	text-align: center;
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 100px;
}

.member
{
	margin-bottom: 35px;
}

.member .member-image
{
	margin-bottom:20px;
	position: relative;
}

.member .member-image img
{
	display:block;
}

.member .member-image .overlay
{
	width:100%;
	height: 100%;
	position:absolute;
	left:0;
	top:0;
	background: #009cff;
	opacity:0;
	-moz-transition:all 300ms ease 0s;
	-o-transition:all 300ms ease 0s;
	-webkit-transition:all 300ms ease 0s;
	transition:all 300ms ease 0s;	
}

.member .member-image:hover .overlay
{
	opacity:0.5;	
}

.member .title
{
	margin-bottom: 15px;
}

.member .title h4
{
	color: #009cff;
	font-size: 19px;
	font-weight: 700;
}

.member .subtitle
{
	color: #000;
	font-size: 14px;
	font-weight: 700;
}

.member .text
{
	color:#616161;
	font-weight: 300;
	font-size: 12px;
	margin-bottom: 10px;
}

.member .separator
{
	background: #919191;
	margin-bottom: 10px;
}

.member .links
{
	font-size: 13px;
	font-weight: 300;
}

.member .links a
{
	color: #616161;
}

.member .links a:hover
{
	color: #009cff;
}
/****************** member view *******************/

.member-view .member .title
{
	margin-bottom: 35px;
}

.member-view .member .title h1
{
	font-size: 46px;
	line-height: 46px;
	color: #141414;
	font-weight: 700;
	margin-bottom: 7px;
}

.member-view .member .title .separator2
{
	height: 5px;
	max-width: 175px;
	width: 100%;
	background-color: #a0a0a0;
	margin-bottom: 7px;
}

.member-view .member .title .subtitle
{
	font-size: 27px;
	font-weight: 300;
	color: #141414;
	line-height:27px;
}

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

div .searchbox
{
  float:right;
  height:24px;
  margin:8px 0;
  max-width:190px;
  width:100%;
  border-radius: 3px;
}

div .searchbox input
{
  float:left;
  font-size:12px
}

div .searchbox input[type="text"]
{
  background-color:transparent;
  border:none;
  color:#767676;
  height:22px;
  padding:1px 5px;
  max-width:150px;
  width:100%;
  text-align: right;
}

div .searchbox input[type="submit"]
{
  background:transparent url(images/search_button.png) no-repeat center center;
  border:none;
  cursor:pointer;
  height:24px;
  margin:0;
  padding:0;
  width:26px
}

div .searchbox input[type="submit"]:hover
{
  background:transparent url(images/search_button_hover.png) no-repeat center center;
}

/*************************** WordPress Styles *************************/

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}

.wpcf7-text,
.wpcf7-textarea{
	background-color:#eee;
	border:0;
	color:#a8a8a8;	
	line-height:30px;
	margin-bottom:10px;
	padding:0 1%;
	max-width:98%
}

.wpcf7-text{
	height:38px;
	width: 320px;
}

.wpcf7-textarea{
	width: 630px;
	max-height: 130px;
	padding-bottom: 5px;
}

.wpcf7-submit
{
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	font-weight: 300;
	padding: 5px 15px; 
	font-size: 14px;
	background-color: #bbb;
	color: #fff;
}

.wpb_call_to_action .button
{
  background-color: #fff;
  color: #000;
}