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
{ 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
}

/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup
/*-----------------------------------------------------------------------------------*/

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

ol,ul
{
  list-style:none
}

blockquote,q
{
  quotes:none
}

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



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

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

p
{
  line-height:25px;
  margin:1px;
  color:#000000;
  font-family:"Times New Roman", Times, serif;
  font-size:14px;
   
  }

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

img
{
  max-width: 100%;
}

.container
{
  margin:0 auto;
  padding:0 0px;
  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:
}

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

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:-15px;
}

.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;
	margin:0px;}

.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;
}

/*-----------------------------------------------------------------------------------*/
/*	2.	Header Styles
/*-----------------------------------------------------------------------------------*/

.contact-section
{
	border-bottom: 1px solid ;
	padding: 0px 0;
	background-color:;
}

.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: 0px;
}

#logo
{
  float:left;
}

.navigation,
.mobile-navigation
{
float:left;
  margin-top:0px;
  line-height:0px;
  background-color:#4682B4;
  width:1349px;
}


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

.sf-menu li.active a {
	color:#FFFBF0;
	float:left;
}

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

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

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

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

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

.sf-menu ul li a {
	padding:12px 20px 12px 15px;
	min-width: 40px;
	background-color:#87CEFA;
	
	
	
	
	
}

.sf-menu > li {
	float:left;
	padding: 0 14px;
	margin-left:20px;
}

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

.sf-menu ul > li:hover  a {
color:#FFFFFF;
background-color:#4682B4;
}

.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:#FFFFFF;
 padding:16px 7px;
}

.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:url('../images/search_button.png') no-repeat center;
  border:medium none;
  cursor:pointer;
  height:24px;
  margin:0;
  padding:0;
  width:26px
}

.search input[type="submit"]:hover
{
  background:url('../images/search_button_hover.png') no-repeat 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
}

/*-----------------------------------------------------------------------------------*/
/*	3.	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:url('../images/footer_arrow_left_norm.png');
  display:inline-block;
  height:22px;
  width:22px
}

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

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

.widget_latest_works .arrows .arrow_right:hover
{
  background: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;
}

/*-----------------------------------------------------------------------------------*/
/*	4.	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;
}

/*-----------------------------------------------------------------------------------*/
/*	5.	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
}

/*-----------------------------------------------------------------------------------*/
/*	6.	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: 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;
}

/*-----------------------------------------------------------------------------------*/
/*	7.	Separators
/*-----------------------------------------------------------------------------------*/

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

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

.separator3
{
  background: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
}

/*-----------------------------------------------------------------------------------*/
/*	8.	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: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:url('../images/bullet5.png') no-repeat left 5px;
  padding-left:23px
}

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

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

.arrow3_list li
{
  background: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:url('../images/bullet6.png') no-repeat left 6px;
  padding-left:21px
}

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

/*-----------------------------------------------------------------------------------*/
/*	9.	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
}

/*-----------------------------------------------------------------------------------*/
/*	10.	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:url('../images/dropcap1.png') no-repeat left top;
  color:#FFF;
  display:block;
  font-size:29px;
  line-height:36px;
  width:35px; margin-left:0; margin-right:8px; margin-top:3px; margin-bottom:0
}

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

/*-----------------------------------------------------------------------------------*/
/*	11.	Blockquotes & pullquotes
/*-----------------------------------------------------------------------------------*/

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

blockquote
{
  margin-bottom:21px
}

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

.pullquote .end,.pullquote_right .end,blockquote .end
{
  background:url('../images/quote_end.png') no-repeat;
  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%
}

/*-----------------------------------------------------------------------------------*/
/*	12.	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;
}

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

/*-----------------------------------------------------------------------------------*/
/*	13.	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.html) no-repeat scroll!important
}

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

/*-----------------------------------------------------------------------------------*/
/*	14.	Tabs
/*-----------------------------------------------------------------------------------*/

.tab_head li
{
  float:left
}

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

.tab_content
{
  padding: 15px 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: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: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
}

/*-----------------------------------------------------------------------------------*/
/*	15.	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:10px 0 0px;
  text-align:center;
  margin-left:0px;
}

#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
}

/*-----------------------------------------------------------------------------------*/
/*	16.	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
}

/*-----------------------------------------------------------------------------------*/
/*	17.	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: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
}

/*-----------------------------------------------------------------------------------*/
/*	15.	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: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.html) 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
}

/*-----------------------------------------------------------------------------------*/
/*	19.	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:url('../images/table2_head.png') repeat-x;
  color:#fff;
  text-align:center;
  font-size:12px;
  font-weight:700;
  line-height:48px; padding-left:21px; padding-right:21px; padding-top:0; padding-bottom:0
}


.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:url('../images/table3_head.png') repeat-x;
  color:#FFF;
  text-align:center;
  font-size:12px;
  font-weight:700;
  line-height:48px; padding-left:21px; padding-right:21px; padding-top:0; padding-bottom:0  
}

.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
}

/*-----------------------------------------------------------------------------------*/
/*	20.	Sidebars & widgets
/*-----------------------------------------------------------------------------------*/

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

.sidebar .pagination_container
{
  background:url('../images/lsidebar_end.png') no-repeat right top;
  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:url('../images/portfolio_sidebar_column.png') repeat-y right;
  height:32px
}

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

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

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

.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: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%
}

/********************************************* New Widgets ****************************************************/

.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
{
  /*margin-bottom:45px*/
}

.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:#eee url('../images/arrow_portfolio_detail_prev.png') no-repeat center;
  
}

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

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

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

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

.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
}

/*-----------------------------------------------------------------------------------*/
/*	21.	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.html) 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
}

.gallery3
{
  margin-left:-20px
}

.gallery3 .item
{
  float:left;
  margin-bottom:21px;
  margin-left:15px;
  position:relative;
}

.gallery3 .item .item_image
{
  display:block;
}

.gallery3 .item .frame_hover
{
  background:url('../images/white_bg_transparent60.png');
  display:none;
  height:152px;
  left:0;
  position:absolute;
  top:0;
  width:220px
}

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

/*-----------------------------------------------------------------------------------*/
/*	22.	Contact Page
/*-----------------------------------------------------------------------------------*/

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

.contact_map img
{
  max-width: none;
}

/*-----------------------------------------------------------------------------------*/
/*	23.	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: url('../images/hover_icon.png') no-repeat center;
	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;
}

/*-----------------------------------------------------------------------------------*/
/*	24.	Taglines
/*-----------------------------------------------------------------------------------*/

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

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

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

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

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

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

/*-----------------------------------------------------------------------------------*/
/*	25.	Portfolio Pages Styles
/*-----------------------------------------------------------------------------------*/

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

/*-----------------------------------------------------------------------------------*/
/*	26.	Other/Custom Styles
/*-----------------------------------------------------------------------------------*/

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

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

.tag
{
  background:url('../images/folder_black.png') no-repeat left center;
  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 left center;
  padding-left: 26px
}

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

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

.blog_category li
{
  background: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:url('../images/arrow1_right.png') no-repeat 10px center; 
}

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

/*-----------------------------------------------------------------------------------*/
/*	27.	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: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
}

/*-----------------------------------------------------------------------------------*/
/*	28.	Story Box Styles
/*-----------------------------------------------------------------------------------*/

.story_box .head
{
  text-decoration:none
}

.story_box .head img
{
  margin-right:10px
}

.story_box p
{
  margin-bottom:0
}

.story_box h5
{
  margin-bottom:10px
}

.story_box a
{
  color:#bd0671;
  text-decoration:none!important
}

.story_box a:hover
{
  color:#ea59ae
}

/*-----------------------------------------------------------------------------------*/
/*	29.	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 .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 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
}


/*-----------------------------------------------------------------------------------*/
/*	30.	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;
}

/*-----------------------------------------------------------------------------------*/
/*	31.	Slogan
/*-----------------------------------------------------------------------------------*/

.slogan
{
  color:#666;
  font-size:15px;
  font-weight:300;
  line-height:67px;
  margin-left:50px;
  text-align:justify;
  text-transform:uppercase
}

/*-----------------------------------------------------------------------------------*/
/*	32.	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:#eee url('../images/arrow_next.png') no-repeat center;
  cursor:pointer; height:30px; position:absolute; right:55px; top:-40px; width:30px; background-color:#eee; background-repeat:no-repeat
}

.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;
}

/*-----------------------------------------------------------------------------------*/
/*	33.	About Page
/*-----------------------------------------------------------------------------------*/

.about-content
{
	margin-right: 90px;
	margin-left: 80px;
	text-align: center;
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 50px;
}
.contact-content
{
	text-align: justify;
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 30px;
	margin-left: 20px;
}

.why-content
{
	margin-right: 90px;
	margin-left: 80px;
	text-align: center;
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 50px;
}

.why-content ul
{
  margin-top:5px;
  opacity: 0.8;
  margin-bottom:10px;
  text-align: justify
}

.why-content li
{
  background:url('../images/bullet.png') no-repeat left 2px;
  padding-left:17px

}

.main
{
	margin-left: 50px;
	margin-bottom: 50px;	
}

.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:url('../images/search_button.png') no-repeat center;
  border:medium none;
  cursor:pointer;
  height:24px;
  margin:0;
  padding:0;
  width:26px
}

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

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


.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;
}
