/*-----------------------------------------------------------------------------------



	Theme Name: Black Pearl

	Theme URI: http://themeforest.net/user/PixFlow

	Description: Black Pearl - Modern & Powerful Creative Template

	Author: PixFlow

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

	License: GNU General Public License version 3.0

	License URI: http://www.gnu.org/licenses/gpl-3.0.html

	Version: 1.2

	

	Designed & Handcrafted by PixFlow

	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)



-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/

/*	0.	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-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

/*-----------------------------------------------------------------------------------*/



html

{

  height:100%

}



body

{

  background-color:#fff;

  color:#5c5c5c;

  font-family:'Open Sans', sans-serif;

  font-size:13px;

  font-weight:300;

  height:100%;

  line-height:20px

}



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:#1a1a1a;

  text-decoration:none

}



a:hover

{

  color:#696969;

  text-decoration:underline

}



p

{

  line-height:20px;

  margin-bottom:9px

}



strong

{

  color:#000;

  font-weight:700

}



img

{

  height:auto;

  max-width:100%

}







code,pre { display:block; }





/* Forms */



input[type="text"]:focus, textarea:focus { -moz-outline: 0; outline:0; }



form .btn input[type="submit"]

{

  background:transparent;

  border:0 none;

  cursor:pointer;

  height:100%;

  left:0;

  margin:0;

  padding:0;

  position:absolute;

  top:0;

  width:100%;

  z-index:1000

}



button::-moz-focus-inner

{

  border:none;

  margin:0;

  padding:0

}



/* Visibility */



.visible-phone

{

  display:none!important

}



.visible-tablet

{

  display:none!important

}



.hidden-desktop

{

  display:none!important

}



.hidden

{

  display:none

}



/* Grid System */



.wrap

{

  margin-left:auto;

  margin-right:auto;

  position:relative;

  width:980px

}



[class*="span"]

{

  float:left;

  margin-left:20px

}



.clearfix

{

  zoom:1

}



.clearfix:before,.clearfix:after

{

  content:"";

  display:table

}



.clearfix:after

{

  clear:both

}



.row:before,.row:after

{

  content:"";

  display:table

}



.row:after

{

  clear:both

}



.container

{

  margin-left:auto;

  margin-right:auto;

  width:940px;

  zoom:1

}



.container:before,.container:after

{

  content:"";

  display:table

}



.container:after

{

  clear:both

}



.relative

{

  position:relative

}



.row

{

  margin-left:-20px

}



.span12

{

  width:940px

}



.span11

{

  width:860px

}



.span10

{

  width:780px

}



.span9

{

  width:700px

}



.span8

{

  width:620px

}



.span7

{

  width:540px

}



.span6

{

  width:460px

}



.span5

{

  width:380px

}



.span4

{

  width:300px

}



.span3

{

  width:220px

}



.span2

{

  width:140px

}



.span1

{

  width:60px

}



.offset12

{

  margin-left:980px

}



.offset11

{

  margin-left:900px

}



.offset10

{

  margin-left:820px

}



.offset9

{

  margin-left:740px

}



.offset8

{

  margin-left:660px

}



.offset7

{

  margin-left:580px

}



.offset6

{

  margin-left:500px

}



.offset5

{

  margin-left:420px

}



.offset4

{

  margin-left:340px

}



.offset3

{

  margin-left:260px

}



.offset2

{

  margin-left:180px

}



.offset1

{

  margin-left:100px

}



/* Utility Classes */



.underline

{

  border-bottom:1px solid #b4b4b4;

  display:inline-block

}



.left

{

  float:left!important

}



.right

{

  float:right!important

}



.separator1

{

  background:transparent url(assets/img/separator1.png) repeat-x;

  height:2px

}



.code { 

    background-color:#3E3E3E;

    border:1px solid #4d4d4d;

    padding: 10px 5px;

	color:#CCC;

}



/*WP Classes*/



.alignleft { 

    float: left; 

    margin-right: 10px;

}



.alignright { 

    float: right; 

    margin-left: 10px;

}



.aligncenter {

	margin-left: auto;

	margin-right: auto;

	display: block;

	clear: both;

}



.wp-caption { }

.wp-caption-text{}

.sticky {}

.gallery-caption { margin-left: 0; }

.bypostauthor{}



/* Heading */



h1,h2,h3,h4,h5,h6

{

  color:#262626;

  font-family:Ubuntu, sans-serif;

  font-weight:300

}



h1

{

  font-size:50px;

  line-height:50px;

  margin-bottom:20px;

  text-transform:uppercase

}



h2

{

  font-size:24px;

  line-height:32px;

  margin-bottom:20px;

  text-transform:uppercase

}



h3

{

  font-size:20px;

  line-height:26px;

  margin-bottom:10px

}



h4

{

  font-family:'Open Sans', sans-serif;

  font-size:16px;

  line-height:21px;

  margin-bottom:10px

}



h5

{

  font-family:'Open Sans', sans-serif;

  font-size:13px;

  line-height:21px

}



h6

{

  font-size:12px;

  line-height:21px;

  text-transform:uppercase

}



.heading1

{

  display:block;

  font-size:50px;

  line-height:50px;

  margin-bottom:20px;

  text-transform:capitalize

}



/* Pagination */



.post-pagination{

    display: table;

    margin:20px auto 0;

}



.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: Ubuntu, sans-serif;

}



.post-pagination a{

    text-decoration: none;

}



.post-pagination a:hover,

.post-pagination .this-page

{

    background-color: #f79625;

    color:#FFF;

}



.post-pagination .prev-page-link,

.post-pagination .next-page-link

{

    text-indent: -10000px;

    background-image:url(assets/img/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;

}



/*-----------------------------------------------------------------------------------*/

/*	2.	Page Setup

/*-----------------------------------------------------------------------------------*/



#wrap_main,#wrap_intro

{

  background-color:#ececec;

  position:relative

}



.page-background

{

  left:0;

  overflow:hidden;

  position:absolute;

  top:0;

  width:100%

}



.page-background img

{

  position:relative;

  width:100%

}



#wrap_intro

{

  margin-bottom:2px

}



.intro

{

  padding-bottom:45px;

  padding-top:48px

}



.intro h1

{

  margin-bottom:5px

}



.bottom_right

{

  background:transparent url(assets/img/down-right.png);

  bottom:0;

  height:28px;

  position:absolute;

  right:0;

  width:30px

}



.bottom_left

{

  background:transparent url(assets/img/left_bottom.png);

  bottom:0;

  height:25px;

  left:0;

  position:absolute;

  width:22px

}



.top_left

{

  background:transparent url(assets/img/top_left.png);

  height:26px;

  left:0;

  position:absolute;

  top:0;

  width:21px

}



#main

{

  padding-bottom:21px;

  padding-top:42px

}



/*-----------------------------------------------------------------------------------*/

/*	3.	Header & Navigation

/*-----------------------------------------------------------------------------------*/



header .logo

{

  float:left

}



#wrap_header

{

  background:#39393a;

  padding:15px 0

}



.mobile-navigation,.navigation

{

  float:right;

  font-family:"Open Sans", sans-serif

}



.navigation li

{

  display:inline;

  float:left;

  margin-left:10px;

  position:relative

}



.navigation li a

{

  color:#fff;

  display:block;

  font-size:16px;

  margin-top:10px;

  padding:0 7px 7px;

  text-decoration:none

}



.navigation .sfHover a,.navigation li:hover a

{

  float:left

}



.navigation > ul > li.current-menu-item,.navigation > ul > li.current-menu-parent

{

  border-bottom:3px solid #ff9c00

}



.navigation > ul > li.current-menu-item a,.navigation > ul > li.current-menu-parent a

{

  float:left

}



.navigation li ul

{

  border-bottom:5px solid #ff9c00;

  display:block;

  left:0;

  padding-top:13px;

  position:absolute;

  visibility:hidden;

  z-index:9999

}



.navigation li:hover ul

{

  visibility:visible

}



.navigation li ul li

{

  background:#39393a;

  border-bottom:1px solid #545454;

  display:block;

  float:none;

  font-family:Ubuntu, sans-serif;

  font-weight:300;

  height:35px;

  margin:0;

  min-width:210px

}



.navigation li ul li:last-child

{

  border:none

}



.navigation li ul li a

{

  background:none!important;

  color:#fff!important;

  float:none!important;

  font-size:12px;

  line-height:35px;

  margin:0;

  padding:0 3.6842% 0 7.3684%;

  width:88.9474%

}



.navigation li ul li a:hover

{

  color:#ff9c00!important

}



.navigation li ul li ul

{

  left:auto;

  padding-top:0;

  right:-100%;

  top:0;

  visibility:hidden!important

}



.navigation li ul li:hover ul

{

  visibility:visible!important

}



.sf-sub-indicator

{

  display:none

}



.navigation li ul .sf-sub-indicator

{

  background:transparent url(assets/img/plus_gray.png) no-repeat scroll;

  display:block;

  height:13px;

  position:absolute;

  right:10px;

  text-indent:-3000px;

  top:9px;

  width:13px

}



.subnavigation

{

  font-size:13px;

  margin:0 0 27px

}



.subnavigation li

{

  color:#FFF;

  display:block;

  float:left;

  font-family:Ubuntu, sans-serif;

  font-size:13px;

  height:33px;

  line-height:33px;

  margin:10px 8px 0 0;

  text-transform:capitalize

}



.subnavigation a

{

  -moz-transition:all 300ms ease 0;

  -o-transition:all 300ms ease 0;

  -webkit-transition:all 300ms ease 0;

  background:url(assets/img/Plus.png) no-repeat scroll 8px center #515151;

  background-repeat:no-repeat;

  color:#fff!important;

  display:block;

  padding:0 15px 0 33px;

  transition:all 300ms ease 0

}



.subnavigation a:hover

{

  background-color:#434343;

  text-decoration:none

}



.subnavigation a:focus { -moz-outline: 0; outline:0; }



.subnavigation a.current

{

  background:url(assets/img/arrow_down.png) no-repeat scroll 8px center #f79625;

  display:block

}



.mobile-navigation

{

  position:relative

}



.mobile-navigation > a

{

  background:#717171 url(assets/img/navigation_mobile_icon.png) no-repeat center center;

  display:block;

  height:48px;

  width:48px

}



.mobile-navigation > a.active

{

  background-color:#666

}



.mobile-navigation > ul

{

  background-color:#666;

  display:none;

  min-width:170px;

  padding:10px;

  position:absolute;

  right:0;

  z-index:10000

}



.mobile-navigation ul li

{

  background:url(assets/img/white30.png) bottom left repeat-x;

  padding-bottom:1px

}



.mobile-navigation ul li:last-child

{

  background:none

}



.mobile-navigation ul li a

{

  color:#fff;

  display:block;

  font-size:16px;

  height:30px;

  line-height:30px;

  text-decoration:none

}



.mobile-navigation ul li ul

{

  min-width:inherit;

  padding:0 0 0 10%;

  position:static;

  width:90%

}



.mobile-navigation ul li ul a

{

  font-size:12px

}



/*-----------------------------------------------------------------------------------*/

/*	4.	Footer

/*-----------------------------------------------------------------------------------*/



footer

{

  border-top:7px solid #ff9c00

}



footer a

{

  color:#f4f4f4

}



#footer_content

{

  background-color:#39393a

}



#footer_bottom

{

  background-color:#171717;

  line-height:32px;

  padding:7px 0

}



#footer_bottom p

{

  margin:0

}



#top_button

{

  -moz-transition:all 300ms ease 0;

  -o-transition:all 300ms ease 0;

  -webkit-transition:all 300ms ease 0;

  transition:all 300ms ease 0;

  background:#FF9C00 url(assets/img/to_top_arrow.png) center center no-repeat;

  height:31px;

  position:absolute;

  right:0;

  text-decoration:none;

  top:0;

  width:38px;

  z-index:100

}



#top_button:hover

{

  background-color:#ffbc53

}



#footer_content .widget_area

{

  color:#a8a8a8;

  line-height:20px;

  margin-bottom:21px;

  padding-top:35px;

  position:relative

}



#footer_content .widget_area h6,#footer_content .widget_area h5,#footer_content .widget_area h4,#footer_content .widget_area h3,#footer_content .widget_area h2,#footer_content .widget_area h1

{

  color:#fff;

  font-size:16px;

  margin-bottom:15px

}



#footer_content .widget_area .widget

{

  margin-bottom:20px

}



#footer_bottom .copyright

{

  color:#fff;

  line-height:32px

}



footer .social_icons

{

  float:right;

  margin-bottom:0;

  margin-right:30px

}



/*-----------------------------------------------------------------------------------*/

/*	5.	Social Icons

/*-----------------------------------------------------------------------------------*/



.social_icons

{

  margin-bottom:20px

}



.social_icons li

{

  background-color:#313131;

  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(assets/img/icon_twitter.png)

}



.social_icons a.twitter:hover,.social_icons .twitter a:hover

{

  background-color:#00b6c6

}



.social_icons .dribbble a,.social_icons a.dribbble

{

  background-image:url(assets/img/icon_dribbble.png)

}



.social_icons .dribbble a:hover,.social_icons a.dribbble:hover

{

  background-color:#eb1ebd

}



.social_icons .vimeo a,.social_icons a.vimeo

{

  background-image:url(assets/img/icon_vimeo.png)

}



.social_icons .vimeo a:hover,.social_icons a.vimeo:hover

{

  background-color:#2c5edf

}



.social_icons .youtube a,.social_icons a.youtube

{

  background-image:url(assets/img/icon_youtube.png)

}



.social_icons .youtube a:hover,.social_icons a.youtube:hover

{

  background-color:#c81414

}



.social_icons .facebook a,.social_icons a.facebook

{

  background-image:url(assets/img/icon_facebook.png)

}



.social_icons .facebook a:hover,.social_icons a.facebook:hover

{

  background-color:#39599f

}



.social_icons .google a,.social_icons a.google

{

  background-image:url(assets/img/icon_google.png)

}



.social_icons .google a:hover,.social_icons a.google:hover

{

  background-color:#1872bf

}



.social_icons a.digg,.social_icons .digg a

{

  background-image:url(assets/img/icon_digg.png)

}



.social_icons a.digg:hover,.social_icons .digg a:hover

{

  background-color:#b2b2b2

}



.social_icons a.tumblr,.social_icons .tumblr a

{

  background-image:url(assets/img/icon_tumblr.png)

}



.social_icons .tumblr a:hover,.social_icons a.tumblr:hover

{

  background-color:#385a75

}



.social_icons a.linkedin,.social_icons .linkedin a

{

  background-image:url(assets/img/icon_linkedin.png)

}



.social_icons a.linkedin:hover,.social_icons .linkedin a:hover

{

  background-color:#65b7d2

}



.social_icons .forrst a,.social_icons a.forrst

{

  background-image:url(assets/img/icon_forrst.png)

}



.social_icons .forrst a:hover,.social_icons a.forrst:hover

{

  background-color:#1c8328

}



.social_icons .sharethis a,.social_icons a.sharethis

{

  background-image:url(assets/img/icon_sharethis.png)

}



.social_icons .sharethis a:hover,.social_icons a.sharethis:hover

{

  background-color:#3ea04a

}



.social_icons .rss a,.social_icons a.rss

{

  background-image:url(assets/img/icon_rss.png)

}



.social_icons .rss a:hover,.social_icons a.rss:hover

{

  background-color:#f8bc2e

}



.social_icons .quora a,.social_icons a.quora

{

  background-image:url(assets/img/icon_quora.png)

}



.social_icons .quora a:hover,.social_icons a.quora:hover

{

  background-color:#b83600

}



.social_icons .lastfm a,.social_icons a.lastfm

{

  background-image:url(assets/img/icon_lastfm.png)

}



.social_icons .lastfm a:hover,.social_icons a.lastfm:hover

{

  background-color:#f40909

}



.social_icons .flickr a,.social_icons a.flickr

{

  background-image:url(assets/img/icon_flickr.png)

}



.social_icons .flickr a:hover,.social_icons a.flickr:hover

{

  background-color:#ff0084

}



.social_icons .myspace a,.social_icons a.myspace

{

  background-image:url(assets/img/icon_myspace.png)

}



.social_icons .myspace a:hover,.social_icons a.myspace:hover

{

  background-color:#000

}



/*-----------------------------------------------------------------------------------*/

/*	6.	Buttons

/*-----------------------------------------------------------------------------------*/



.btn

{

  background-color:#ff9c00;

  border:0;

  color:#FFF!important;

  cursor:pointer;

  display:inline-block;

  font-family:Ubuntu, sans-serif;

  font-size:13px;

  font-weight:300;

  height:37px;

  line-height:37px;

  margin:0;

  padding:0 10px

}



.btn:hover

{

  text-decoration:none

}



.btn_default

{

  -moz-transition:background 500ms ease-in-out;

  -o-transition:background 500ms ease-in-out;

  -webkit-transition:background 500ms ease-in-out;

  background-repeat:repeat-x;

  font-family:Ubuntu, sans-serif;

  font-size:18px;

  font-weight:300;

  padding:0 25px;

  transition:background 500ms ease-in-out

}



.btn_default:hover

{

  background-color:#ffbc53;

  background-position:0 0

}



.btn_default:active

{

  background-color:#ff9c00

}



.button_tailed

{

  margin-bottom:20px;

  padding-right:0;

  position:relative;

  text-align:center

}



.button_tailed .text

{

  background:#ff9c00 url(assets/img/button_readmore_arrow.png) no-repeat right center!important;

  height:37px;

  line-height:37px;

  padding-right:45px;

  position:relative;

  text-transform:uppercase;

  display:block;

  z-index:100

}



.button_tailed .tail

{

  -moz-transform:rotate(15deg);

  -moz-transform-origin:right top;

  -moz-transition:0.3s ease-out 0s;

  -o-transform:rotate(15deg);

  -o-transform-origin:right top;

  -o-transition:0.3s ease-out 0s;

  -webkit-transform:rotate(15deg);

  -webkit-transform-origin:right top;

  -webkit-transition:0.3s ease-out 0s;

  -ms-transform:rotate(15deg);

  -ms-transform-origin:right top;

  background:url(assets/img/button_tail.png) no-repeat;

  display:block;

  height:12px;

  position:absolute;

  right:0;

  transform:rotate(15deg);

  transform-origin:right top;

  transition:0.3s ease-out 0s;

  width:44px;

  z-index:0

}



.button_tailed:hover span { 

  -moz-transform: rotate(0); 

  -o-transform: rotate(0); 

  -webkit-transform: rotate(0); 

  -ms-transform: rotate(0); 

  transform:rotate(0); 

}



/*-----------------------------------------------------------------------------------*/

/*	7.	Message Box

/*-----------------------------------------------------------------------------------*/



.messageBox

{

  margin-bottom:20px;

  overflow:hidden;

  position:relative

}



.messageBox1,.messageBox2

{

  min-height:124px;

  padding:21px 21px 55px 15px

}



.messageBox1

{

  background:#3e3e3e;

  color:#fff

}



.messageBox2

{

  background:#dfdcdc;

  color:#000

}



.messageBox3

{

  background:#fff;

  min-height:200px

}



.messageBox2 .btn,.messageBox1 .btn

{

  bottom:1px;

  position:absolute;

  right:21px

}



.messageBox2 .btn_default, .messageBox1 .btn_default { 

    bottom:20px;

}



.messageBox3 .text

{

  margin:0;

  padding:21px

}



.messageBox1 .content,.messageBox2 .content,.messageBox3 .head

{

  font-family:Ubuntu, sans-serif;

  font-size:22px

}



.messageBox3 .head

{

  background:#FF9C00;

  color:#fff;

  display:block;

  line-height:42px;

  padding-left:21px

}



/*-----------------------------------------------------------------------------------*/

/*	8.	Lists

/*-----------------------------------------------------------------------------------*/



.plus_list,.arrow3_list,.arrow2_list,.arrow_list,.check_list,.disk_list

{

  font-family:'Open Sans', sans-serif;

  font-size:13px;

  margin-bottom:21px

}



.plus_list li,.arrow3_list li,.arrow2_list li,.arrow_list li,.check_list li,.disk_list li

{

  margin-top: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(assets/img/bullet1.png) no-repeat left 7px;

  padding-left:17px

}



.disk_list li ul li

{

  background-image:url(assets/img/bullet1_sub1.png)

}



.check_list li

{

  background:transparent url(assets/img/bullet2.png) no-repeat left 5px;

  padding-left:23px

}



.arrow_list li

{

  background:transparent url(assets/img/bullet3.png) no-repeat left 5px;

  padding-left:17px

}



.arrow2_list li

{

  background:transparent url(assets/img/bullet4.png) no-repeat left 6px;

  padding-left:21px

}



.arrow2_list li ul li

{

  background-image:url(assets/img/bullet4_sub1.png)

}



.arrow3_list li

{

  background:transparent url(assets/img/bullet5.png) no-repeat left 7px;

  padding-left:17px

}



.plus_list li

{

  background:transparent url(assets/img/bullet6.png) no-repeat left 6px;

  padding-left:21px

}



/*-----------------------------------------------------------------------------------*/

/*	9.	Highlights

/*-----------------------------------------------------------------------------------*/



.highlight_black,.highlight_yellow,.highlight_green,.highlight_purple

{

  padding:2px 4px

}



.highlight_orange

{

  background-color:#ff9c00;

  color:#fff

}



.highlight_green

{

  background-color:#ebd77c;

  color:#000

}



.highlight_black

{

  background-color:#414141;

  color:#FFF

}



.highlight_gray

{

  background-color:#ada8a8;

  color:#4e4e4e

}



/*-----------------------------------------------------------------------------------*/

/*	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:transparent url(assets/img/dropcap1.png) no-repeat scroll left top;

  color:#FFF;

  display:block;

  font-size:29px;

  height:35px;

  line-height:29px;

  margin:3px 8px 0 0;

  width:35px

}



.dropcap3

{

  background:transparent url(assets/img/dropcap2.png) no-repeat scroll left top;

  color:#FFF;

  display:block;

  font-size:29px;

  height:34px;

  line-height:29px;

  margin:3px 8px 0 0;

  width:34px

}



/*-----------------------------------------------------------------------------------*/

/*	11.	Blockquotes & Pullquotes

/*-----------------------------------------------------------------------------------*/



blockquote,.pullquote,.pullquote_right

{

  background:transparent url(assets/img/quote_start.png) no-repeat scroll left top;

  color:#202020;

  font-family:'Open Sans', sans-serif;

  font-size:18px;

  font-style:italic;

  padding:0 26px;

  position:relative

}



blockquote p

{

  color:#a8a8a8;

  font-size:13px;

  margin-bottom:0

}



.pullquote .end,.pullquote_right .end,blockquote .end

{

  background:transparent url(assets/img/quote_end.png) no-repeat scroll;

  bottom:0;

  height:15px;

  position:absolute;

  right:0;

  width:17px

}



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

/*-----------------------------------------------------------------------------------*/



.toggle

{

  padding-bottom:5px

}



.toggle .content_pad

{

  padding-left:30px

}



.toggle_title

{

  color:#202020;

  display:block;

  float:left;

  font-size:14px;

  line-height:21px;

  margin-bottom:0

}



.toggle_title a

{

  line-height:29px

}



.toggle_title a:hover

{

  text-decoration:none

}



.toggle .toggle_title span

{

  background:url(assets/img/toggle_open.png) no-repeat scroll;

  display:block;

  float:left;

  height:29px;

  margin-right:7px;

  width:29px

}



.toggle .toggle_content

{

  margin:21px 0

}



.toggle_closed .toggle_content

{

  display:none

}



.toggle1 .toggle_header

{

  padding:10px 0 9px

}



.toggle_header .media

{

  float:right

}



.toggle_header .media .media_icon

{

  float:left;

  margin-right:15px

}



.toggle_header .media .media_icon img

{

  margin-right:5px

}



.toggle_header .media .media_name,.toggle_header .media .media_count

{

  font-family:Ubuntu, sans-serif;

  font-size:14px

}



.toggle_header .media .media_name

{

  color:#b1b1b1

}



.toggle_header .media .media_count

{

  color:#333

}



.toggle.toggle_closed .toggle_title span

{

  background:url(assets/img/toggle_closed.png) no-repeat scroll!important

}



/*-----------------------------------------------------------------------------------*/

/*	13.	Tabs

/*-----------------------------------------------------------------------------------*/



.tab_head li

{

  float:left

}



.tab_head a

{

  border-bottom:1px solid #a7a7a7;

  color:#626262;

  display:block;

  font-family:Ubuntu, sans-serif;

  font-size:14px

}



.tab_content

{

  margin-top:20px

}



.tab_content p

{

  margin-bottom:0

}



.tab_head a:hover

{

  text-decoration:none

}



.tab1

{

  margin-bottom:20px

}



.tab1 .tab_head a

{

  line-height:41px;

  padding:0 18px

}



.tab1 .tab_head a.selected

{

  background:transparent url(assets/img/tab2_selected.png) no-repeat right top;

  border:none;

  color:#202020;

  height:43px;

  padding:0 5px 0 0

}



.tab1 .tab_head a.selected span

{

  background:transparent url(assets/img/tab2_selected.png) no-repeat left top;

  display:block;

  height:42px;

  padding:0 15px

}



/*-----------------------------------------------------------------------------------*/

/*	14.	Blog

/*-----------------------------------------------------------------------------------*/



.blog_right

{

  float:right!important

}



.blog_right .post_meta

{

  float:right!important

}



#posts .entry

{

  margin-bottom:55px

}



.post_meta .post_icon

{

  background:#ff9c00 url(assets/img/blog_icons.png) no-repeat scroll 0 -45px;

  display:block;

  height:45px;

  margin-bottom:10px;

  width:45px

}



.post_meta .post_icon_video

{

  background-position:0 -90px

}



.post_meta .post_icon_document

{

  background-position:0 -135px

}



.post_meta .post_date

{

  background-color:#FF9C00;

  color:#fff;

  display:block;

  font-family:Ubuntu, sans-serif;

  font-size:21px;

  font-weight:400;

  height:37px;

  line-height:13px;

  margin-bottom:37px;

  padding-top:8px;

  text-align:center;

  text-decoration:none;

  vertical-align:middle;

  width:45px

}



.post_meta .post_date,

.post_meta .post_icon

{

  -moz-transition:all 500ms ease 0;

  -o-transition:all 500ms ease 0;

  -webkit-transition:all 500ms ease 0;

  transition:all 500ms ease 0

}



.post_meta .post_date:hover,

.post_meta .post_icon:hover

{

  background-color:#39393a

}



.post_meta .post_date span

{

  font-size:11px;

  text-transform:uppercase

}



.post_meta .label

{

  color:#000;

  display:block;

  font-size:12px;

  margin-left:0;

  text-align:left;

  text-transform:uppercase

}



.post_meta .info

{

  display:block;

  font-size:12px;

  margin-left:0;

  text-align:left

}



.post_meta .info a

{

  color:#515151

}



.post > .post_meta .info a

{

  font-size:11px

}



.search h2,.archive h2,.blog h2

{

  margin-bottom:2px

}



.post_image

{

  display:block;

  margin-bottom:20px;

  overflow:hidden

}



.post_image img

{

  -webkit-transition: -webkit-transform 4s ease-out 0s;

  -o-transition: -o-transform 4s ease-out 0s;

  -moz-transition: -moz-transform 4s ease-out 0s;

  transition: transform 4s ease-out 0s;

  display:block;

  width:100%

}



.post_image:hover img

{

  -moz-transform:scale(1.15) rotate(-3deg);

  -o-transform:scale(1.15) rotate(-3deg);

  -ms-transform:scale(1.15) rotate(-3deg);

  -webkit-transform:scale(1.15) rotate(-3deg);

  transform:scale(1.15) rotate(-3deg)

}



.post_video

{

  height:0;

  margin-bottom:30px;

  overflow:hidden;

  padding-bottom:50%;

  position:relative

}



.post_video iframe

{

  height:100%;

  left:0;

  position:absolute;

  top:0;

  width:100%

}



.post_title

{

  color:#262626;

  text-decoration:none

}



.post_title:hover

{

  color:#000;

  text-decoration:none

}



#posts .separator

{

  background-color:#a8a8a8;

  height:5px;

  margin-bottom:10px;

  width:245px

}



.page-navigation

{

  margin:20px 0

}



.page-navigation .nav-next

{

  float:left

}



.page-navigation .nav-previous

{

  float:right

}



.page-navigation .btn

{

  display:table;

  margin:0 auto

}





.comment_list .comment

{

  border-bottom:1px solid #dcdcdc;

  margin-bottom:21px;

  padding-bottom:11px

}



.comment_list .comment_image

{

  display:block;

  float:left;

  height:80px;

  padding-right:18px;

  position:relative;

  width:80px

}



.comment_list .comment_image .mask

{

  background:url(assets/img/comment_img_footer.png) no-repeat bottom center transparent;

  bottom:0;

  height:10px;

  position:absolute;

  width:80px;

  z-index:100

}



.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-family:Ubuntu, sans-serif;

  font-size:14px;

  font-style:normal;

  font-weight:300

}



.comment_list .comment .meta .date

{

  color:#696969;

  display:block;

  font-family:Ubuntu, sans-serif;

  font-size:12px;

  font-weight:300;

  margin-bottom:20px

}



.comment_list .comment .meta .comment-reply-login,.comment_list .comment .meta .comment-reply-link

{

  color:#ff9c00;

  display:block;

  font-family:Ubuntu, sans-serif;

  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-family:Ubuntu, sans-serif;

  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:#fff;

  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:#fff;

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

{

  float:left;

  padding-left:25px

}



#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-family:Ubuntu,sans-serif;

  font-size:14px;

  margin-top:15px

}



#comment_form .AjaxError

{

  color:#A9A9A9

}



#comment_form .AjaxSuccess

{

  color:#fff

}



/*-----------------------------------------------------------------------------------*/

/*	16.	Contact Page

/*-----------------------------------------------------------------------------------*/



#contact_page img

{

  max-width:none!important

}



.contact_map

{

  height:100%;

  width:100%

}



.contact_page

{

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  background:url(assets/img/black70.png);

  filter:alpha(opacity=70);

  margin-top:2px;

  padding:40px 20px 10px;

  width:310px

}



.contact_page h1

{

  color:#fff;

  margin-bottom:5px

}



.contact_page .meta

{

  color:#fff;

  display:block;

  font-size:20px

}



.contact_page .page_intro

{

  margin-bottom:40px

}



.contact_page .title_box

{

  color:#fff;

  display:block;

  font-family:Ubuntu, sans-serif;

  font-size:20px;

  height:30px;

  line-height:30px;

  margin-bottom:20px;

  padding-left:34px;

  text-transform:uppercase

}



.contact_page .info

{

  color:#a9a9a9;

  display:block;

  font-family:Ubuntu, sans-serif;

  font-size:14px;

  margin-bottom:20px

}



.contact_page .info a

{

  color:#a9a9a9

}



.contact_page #respond

{

  margin-bottom:0

}



.contact_page #respond .cancel_reply

{

  display:none;

  margin-top:3px

}



.contact_page #comment_form .text_input

{

  background:#dadada;

  height:30px;

  margin-bottom:10px;

  position:relative;

  width:100%

}



.contact_page #comment_form .textarea_input

{

  background:#dadada;

  position:relative;

  width:100%

}



.contact_page #comment_form .text_input :focus,.contact_page #comment_form .textarea_input:focus

{

  background:#fff

}



.contact_page #comment_form .text_input input[type="text"]

{

  background-color:transparent;

  border:0;

  color:#696969;

  height:30px;

  line-height:30px;

  padding:0 6px;

  width:96.14%

}



.contact_page #comment_form .text_input input,.contact_page #comment_form .textarea_input textarea

{

  -moz-transition:all 500ms ease 0;

  -o-transition:all 500ms ease 0;

  -webkit-transition:all 500ms ease 0;

  transition:all 500ms ease 0

}



.contact_page #comment_form .text_input input:focus,.contact_page #comment_form .textarea_input textarea:focus

{

  background:#fff

}



.contact_page #comment_form .textarea_input textarea

{

  background-color:transparent;

  border:0;

  color:#696969;

  height:203px;

  max-height:203px;

  max-width:100%;

  padding:6px;

  width:96.14%!important

}



.contact_page #comment_form .button_submit

{

  float:left;

  margin-right:20px;

  position:relative

}



.contact_page #comment_form .button_submit input

{

  background:transparent;

  border:none;

  height:32px;

  left:0;

  position:absolute;

  top:0;

  width:125px

}



.contact_page #comment_form .submit_wrap

{

  margin-top:21px

}



.contact_page #comment_form .nameError,.contact_page #comment_form .emailError,.contact_page #comment_form .commentError

{

  background:transparent url(assets/img/form_error.png) no-repeat center center;

  height:14px;

  position:absolute;

  right:5px;

  top:8px;

  width:14px;

  z-index:10

}



.contact_page .icon_pin

{

  background:transparent url(assets/img/icon_pin.png) left center no-repeat

}



.contact_page .icon_phone

{

  background:transparent url(assets/img/icon_phone.png) left center no-repeat

}



.contact_page .icon_note

{

  background:transparent url(assets/img/icon_note.png) left center no-repeat

}



.contact_page textarea

{

  height:150px!important

}



.contact_page #commentform .text_input

{

  background:#dadada;

  height:30px;

  margin-bottom:10px;

  position:relative;

  width:100%

}



.contact_page #commentform .textarea_input

{

  background:#dadada;

  position:relative;

  width:100%

}



.contact_page #commentform .text_input :focus,.contact_page #commentform .textarea_input:focus

{

  background:#fff

}



.contact_page #commentform .text_input input[type="text"]

{

  background-color:transparent;

  border:0;

  color:#696969;

  height:30px;

  line-height:30px;

  padding:0 6px;

  width:96.14%

}



.contact_page #commentform .text_input input,.contact_page #commentform .textarea_input textarea

{

  -moz-transition:all 500ms ease 0;

  -o-transition:all 500ms ease 0;

  -webkit-transition:all 500ms ease 0;

  transition:all 500ms ease 0

}



.contact_page #commentform .text_input input:focus,.contact_page #commentform .textarea_input textarea:focus

{

  background:#fff

}



.contact_page #commentform .textarea_input textarea

{

  background-color:transparent;

  border:0;

  color:#696969;

  height:203px;

  max-height:203px;

  max-width:100%;

  padding:6px;

  width:96.14%!important

}



.contact_page #commentform .button_submit

{

  float:left;

  margin-right:20px;

  position:relative

}



.contact_page #commentform .button_submit input

{

  background:transparent;

  border:none;

  height:32px;

  left:0;

  position:absolute;

  top:0;

  width:125px

}



.contact_page #commentform .submit_wrap

{

  margin-top:21px

}



.contact_page #commentform .nameError,.contact_page #commentform .emailError,.contact_page #commentform .commentError

{

  background:transparent url(assets/img/form_error.png) no-repeat center center;

  height:14px;

  position:absolute;

  right:5px;

  top:8px;

  width:14px;

  z-index:10

}



/*-----------------------------------------------------------------------------------*/

/*	17.	Sidebar & Widgets

/*-----------------------------------------------------------------------------------*/



.sidebar .widget

{

  background:url(assets/img/separator.png) repeat-x left bottom;

  margin-bottom:40px;

  padding-bottom:20px

}



.widget_bp_search

{

  background:none!important;

  padding-bottom:0!important

}



.sidebar h4

{

  font-size:20px;

  margin-bottom:20px;

  text-transform:capitalize

}



.sidebar p

{

  margin-bottom:35px

}



.sidebar .separator

{

  background:url(assets/img/separator.png) repeat-x center center;

  height:4px;

  margin-bottom:40px

}



.sidebar .categoris ul

{

  margin-bottom:35px

}



.sidebar .categoris a

{

  color:#696969;

  display:block;

  margin-bottom:20px

}



.sidebar .categoris a:hover

{

  color:#ff9c00;

  text-decoration:none

}



.sidebar .recent_work

{

  margin-bottom:25px

}



.sidebar .recent_work .image

{

  display:block;

  float:left;

  height:107px;

  margin-bottom:25px;

  margin-right:15px;

  position:relative;

  width:150px

}



.sidebar .image .image_meta

{

  -moz-transition:all 500ms ease 0;

  -o-transition:all 500ms ease 0;

  -webkit-transition:all 500ms ease 0;

  background:#ff9c00 url(assets/img/arrow_recentwork.png) no-repeat center center;

  display:block;

  height:30px;

  position:absolute;

  right:-10px;

  top:70px;

  transition:all 500ms ease 0;

  width:30px

}



.sidebar .image a:hover .image_meta

{

  background:#fff url(assets/img/arrow_recentwork_hover.png) no-repeat center center

}



.sidebar .recent_work span

{

  display:block;

  font-family:Ubuntu, sans-serif;

  font-size:20px;

  margin-bottom:25px

}



.sidebar .twitter_bar

{

  margin-bottom:25px

}



.sidebar .twitter_bar .twit_image

{

  background-color:#ff9c00;

  display:block;

  float:left;

  height:45px;

  margin-right:15px;

  width:45px

}



.sidebar .twitter_bar h5

{

  color:#262626;

  font-weight:500;

  text-transform:uppercase

}



.sidebar .twitter_bar span

{

  display:block;

  margin-bottom:35px

}



.widget .search

{

  max-width:300px

}



.sidebar .search

{

  height:26px;

  position:relative

}



.sidebar .search input[type="submit"]

{

  -moz-transition:background-color 300ms;

  -o-transition:background-color 300ms;

  -webkit-transition:background-color 300ms;

  background:#c3c3c3 url(assets/img/search_btn_black.png) no-repeat center center;

  border:none;

  cursor:pointer;

  height:26px;

  margin-left:-3px;

  padding:0;

  position:absolute;

  right:0;

  top:0;

  transition:background-color 300ms;

  vertical-align:baseline;

  width:10%

}



.sidebar .search input[type="submit"]:hover

{

  background-color:#717171

}



.widget .search form

{

  -moz-transition:all 300ms;

  -o-transition:all 300ms;

  -webkit-transition:all 300ms;

  padding-right:26px;

  position:relative;

  transition:all 300ms

}



.widget .search form.error

{

  -moz-box-shadow:0 0 5px 3px rgba(255,0,0,0.1);

  -webkit-box-shadow:0 0 5px 3px rgba(255,0,0,0.1);

  box-shadow:0 0 5px 3px rgba(255,0,0,0.1)

}



.widget .search input[type="text"] { 

  border: none; 

  -moz-border-radius: 0;

  -webkit-border-radius: 0; 

  border-radius: 0; 

  -moz-box-shadow: none; 

  -webkit-box-shadow: none; 

  box-shadow: none; 

  color: #d4d4d4; 

  height: 16px; 

  padding: 5px 3%; 

  text-indent: 3%; 

  width: 94%

}



.widget .search input[type="text"]:-moz-placeholder

{

  text-indent:3%

}



.widget .search input[type="submit"]

{

  border:none;

  cursor:pointer;

  height:26px;

  padding:0;

  position:absolute;

  right:0;

  top:0;

  width:26px

}



#footer_content .search

{

  height:26px

}



#footer_content .search input[type="text"]

{

  background-color:#575757;

  color:#919191

}



#footer_content .search input[type="submit"]

{

  -moz-transition:background-color 300ms;

  -o-transition:background-color 300ms;

  -webkit-transition:background-color 300ms;

  background:#575757 url(assets/img/search_btn.png) no-repeat center center;

  transition:background-color 300ms

}



#footer_content .search input[type="submit"]:hover

{

  background-color:#717171

}



.widget_categories a

{

  text-decoration:none

}



.widget_categories .cat-item

{

  margin-bottom:10px

}



#footer_content .widget_categories a

{

  padding-left:10px

}



.widget_tag_cloud .tagcloud

{

  margin-left:-7px

}



.widget_tag_cloud .tagcloud:after

{

  clear:both;

  content:"";

  display:table

}



.widget_tag_cloud a

{

  -moz-border-radius:0 3px 3px 0;

  -webkit-border-radius:0 3px 3px 0;

  background:url(assets/img/tag-bg.png) no-repeat scroll left center;

  border-radius:0 3px 3px 0;

  color:#FFF;

  display:block;

  float:left;

  font-size:13px!important;

  height:26px;

  line-height:23px;

  margin:0 0 10px 7px;

  padding:0 20px

}



.widget_tag_cloud a:hover

{

  color:#262626;

  text-decoration:none

}



.flickr_container

{

  margin-left:-5px

}



.flickr_container:after

{

  clear:both;

  content:"";

  display:table

}



.flickr_container .flickr_badge_image

{

  float:left;

  height:75px;

  margin:0 0 5px 5px;

  padding:5px;

  position:relative;

  width:75px

}



.flickr_badge_image .hover_image

{

  left:5px;

  position:absolute;

  top:5px

}



.widget_bp_twitter_widget .widget-title

{

  float:left

}



.widget_bp_twitter_widget .arrows

{

  float:right

}



.widget_bp_twitter_widget .arrow_next,.widget_bp_twitter_widget .arrow_previous

{

  display:inline-block;

  height:11px;

  width:14px

}



.widget_bp_twitter_widget .arrow_next

{

  background:transparent url(assets/img/twitter_arrow_next.png);

  margin-left:21px

}



.widget_bp_twitter_widget .arrow_previous

{

  background:transparent url(assets/img/twitter_arrow_previous.png)

}



.widget_bp_twitter_widget .twitter_update_list

{

  color:#a8a8a8;

  margin-bottom:8px

}



.widget_bp_twitter_widget .twitter_separator

{

  background:transparent url(assets/img/twitter_separator.png);

  height:3px

}



.widget_bp_twitter_widget .join

{

  display:block;

  font-family:Ubuntu, sans-serif;

  margin-top:5px;

  text-decoration:none

}



.widget_bp_advertisement_widget .item

{

  float:left;

  margin:0 10px 10px 0

}



.widget_bp_recent_works_widget .image

{

  display:block;

  float:left;

  margin-bottom:25px;

  margin-right:15px;

  position:relative

}



.widget_bp_recent_works_widget .item a

{

  font-family:Ubuntu,sans-serif;

  font-size:20px;

  text-decoration:none

}



.widget_bp_recent_works_widget .item_button

{

  -moz-transition:all 500ms ease 0;

  -o-transition:all 500ms ease 0;

  -webkit-transition:all 500ms ease 0;

  background:url(assets/img/arrow_recentwork.png) no-repeat scroll center center #FF9C00;

  display:block;

  height:30px;

  position:absolute;

  right:-10px;

  top:70px;

  transition:all 500ms ease 0;

  width:30px

}



.widget_bp_recent_works_widget .image:hover .item_button

{

  background:url(assets/img/arrow_recentwork_hover.png) no-repeat scroll center center #FFF

}



.widget_bp_contactinfo_widget .info

{

  margin-bottom:15px

}



.widget_bp_contactinfo_widget .title

{

  margin-bottom:0!important;

  text-transform:uppercase

}



.widget_bp_contact_widget .cancel-comment-reply

{

  margin-bottom:20px

}



.widget_bp_contact_widget .cancel-comment-reply a

{

  color:#ff9c00;

  font-family:Ubuntu, sans-serif;

  font-weight:300;

  text-decoration:none

}



.widget_bp_contact_widget .btn{

    margin-bottom:0;

}



.widget_bp_contact_widget #comment_form .submit_wrap

{

  float:left

}



.widget_bp_contact_widget #comment_form .text_input

{

  background:#fff;

  border-bottom:3px solid #ccc;

  height:24px;

  margin-bottom:10px;

  max-width:370px;

  padding:0 1%;

  position:relative;

  width:98%

}



.widget_bp_contact_widget #comment_form .text_input input[type="text"]

{

  background-color:transparent;

  border:0;

  color:#a8a8a8;

  height:24px;

  line-height:24px;

  padding:0;

  width:100%

}



.widget_bp_contact_widget #comment_form .textarea_input

{

  background:#fff;

  border-bottom:3px solid #ccc;

  margin-bottom:10px;

  max-width:370px;

  padding:6px 1%;

  position:relative;

  width:98%

}



.widget_bp_contact_widget #comment_form .textarea_input textarea

{

  background-color:transparent;

  border:0;

  color:#a8a8a8;

  max-width:100%;

  resize:none;

  width:100%

}



.widget_bp_contact_widget #comment_form .form_errors

{

  border:0;

  float:left

}



.widget_bp_contact_widget #comment_form .form_errors li

{

  background:transparent url(images/form_error.png) no-repeat left center;

  padding-left:21px

}



.widget_bp_contact_widget #comment_form .btn

{

  float:left;

  padding-left:25px

}



.widget_bp_contact_widget .text_input span,.widget_bp_contact_widget .textarea_input span

{

  background:url(assets/img/form_error.png) no-repeat scroll center center transparent;

  height:14px;

  position:absolute;

  right:5px;

  top:5px;

  width:14px;

  z-index:10

}



#footer_content .widget_bp_contact_widget .text_input,#footer_content .widget_bp_contact_widget .textarea_input textarea,#footer_content .widget_bp_contact_widget .textarea_input

{

  background:#4f4f4f;

  border-bottom:3px solid #242424

}



#footer_content .widget_bp_contact_widget .textarea_input textarea

{

  border-bottom:none

}



.widget_nav_menu > div > ul > li

{

  background:url(assets/img/bg_widget_list.png) repeat-x scroll 0 bottom transparent;

  padding-bottom:1px;

  position:relative

}



.widget_nav_menu li a

{

  display:block;

  padding:7px 0 6px 20px;

  text-decoration:none

}



.widget_nav_menu li:before

{

  color:#545454;

  content:"·";

  font-family:"Times New Roman",sans-serif;

  font-size:46px;

  left:4px;

  position:absolute;

  top:7px

}



.widget_nav_menu a:hover,.widget_nav_menu .current-menu-item > a

{

  -moz-transition:background 200ms ease-in-out 0;

  -o-transition:background 200ms ease-in-out 0;

  -webkit-transition:background 200ms ease-in-out 0;

  background-color:#FBFBFB;

  transition:background 200ms ease-in-out 0

}



#footer_content .widget_nav_menu a:hover,#footer_content .widget_nav_menu .current-menu-item > a

{

  background-color:#000

}



/*-----------------------------------------------------------------------------------*/

/*	18.	Portfolio

/*-----------------------------------------------------------------------------------*/



.portfolio .navigation li ul li

{

  background:#464646

}



#wrap_intro.portfolio

{

  background-color:#39393A;

  padding-bottom:15px

}



.portfolio .intro

{

  padding-bottom:0;

  padding-top:30px

}



.portfolio .intro h1

{

  color:#fff;

  font-size:80px;

  line-height:80px

}



.portfolio .intro .meta

{

  color:#f79625;

  display:block

}



.portfolio #gallery .item_image

{

  display:block

}



.portfolio #gallery .item_image img

{

  width:293px

}



#portfolio_styles

{

  float:right;

  margin-bottom:30px

}



#portfolio_styles a

{

  background-color:#;

  display:block;

  float:left;

  height:42px;

  margin-right:12px;

  width:42px

}



#portfolio_styles a:focus { -moz-outline: 0; outline:0; }



#portfolio_styles a.current

{

  background-color:#f79625!important

}



#portfolio_styles #gallery_artistic

{

  background:#d6d6d6 url(assets/img/icon_artistic.png) no-repeat center

}



#portfolio_styles #gallery_artistic.current

{

  background-image:url(assets/img/icon_artistic_hover.png)

}



#portfolio_styles #gallery_fix

{

  background:#d6d6d6 url(assets/img/icon_standard.png) no-repeat center

}



#portfolio_styles #gallery_fix.current

{

  background-image:url(assets/img/icon_standard_hover.png)

}



.gallery .item

{

  display:block;

  float:left;

  margin:10px;

  overflow:hidden;

  position:relative

}



.gallery_fix .item_image_wrap

{

  height:260px!important

}



.gallery .item_image_wrap

{

  position:relative

}



.gallery .item_image img

{

  display:block

}



.gallery .item .frame_overlay

{

  -khtml-opacity:0.00;

  -moz-opacity:0.00;

  -moz-transition:all 500ms ease 0s;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -o-transition:all 500ms ease 0s;

  -webkit-transition:all 500ms ease 0s;

  background:#fff;

  filter:alpha(opacity=0);

  height:100%;

  left:0;

  opacity:0.00;

  position:absolute;

  top:0;

  transition:all 500ms ease 0s;

  width:100%

}



.gallery .item:hover .frame_overlay

{

  -khtml-opacity:0.5;

  -moz-opacity:0.5;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  filter:alpha(opacity=50);

  opacity:0.5

}



.item_meta

{

  -moz-transition:all 500ms ease 0s;

  -o-transition:all 500ms ease 0s;

  -webkit-transition:all 500ms ease 0s;

  bottom:-100%;

  font-family:Ubuntu, sans-serif;

  font-weight:500;

  padding:25px 11.11%;

  position:absolute;

  text-decoration:none;

  text-transform:uppercase;

  transition:all 500ms ease 0s;

  width:77.8%

}



.item_meta:hover

{

  text-decoration:none

}



.item_meta,.item_meta .meta_bg

{

  background-color:#232323

}



.item_meta .meta_bg

{

  bottom:0;

  height:100%;

  left:0;

  position:absolute;

  width:100%;

  z-index:0

}



.portfolio-slider .item_hover,.isotope .item:hover .item_hover,.jcarousel .item:hover .item_hover,.jcarousel-container .item:hover .item_hover

{

  bottom:0

}



.item_meta .description,.item_meta .separator,.item_meta .category

{

  position:relative;

  z-index:1

}



.item_meta .description,.item_meta .separator,.item_meta .category,.item_meta .meta_bg

{

  -moz-transition: all 500ms ease 0s;

  -o-transition: all 500ms ease 0s;

  -webkit-transition: all 500ms ease 0s;

  transition: all 500ms ease 0s

}



.item_meta .description

{

  color:#fff;

  display:block;

  font-size:20px;

  margin-bottom:15px

}



.item_meta:hover .description

{

  color:#894d06

}



.item_meta .separator

{

  border-bottom:3px solid #894d06;

  margin-bottom:10px

}



.item_meta:hover .separator

{

  border-bottom:3px solid #fff

}



.item_meta .category

{

  color:#894d06

}



.item_meta:hover .category

{

  color:#fff

}



.portfolio .portfolio_image

{

  margin-bottom:45px

}



.portfolio .portfolio_image .separator

{

  background-color:#A8A8A8;

  height:5px;

  margin-bottom:20px;

  width:245px

}



.portfolio .portfolio_image p

{

  margin-top:55px

}



.portfolio .content

{

  position:relative

}



.portfolio .content .navigator

{

  display:block;

  float:right;

  margin-bottom:20px;

  margin-top:-10px

}



.portfolio .content .navigator .icon

{

  -moz-transition:all 300ms ease 0;

  -o-transition:all 300ms ease 0;

  -webkit-transition:all 300ms ease 0;

  display:block;

  float:right;

  height:42px;

  margin-left:2px;

  transition:all 300ms ease 0;

  width:42px

}



.portfolio .content .navigator .previous

{

  background:url(assets/img/arrow_back.png) no-repeat center center scroll transparent;

  background-color:#a8a8a8

}



.portfolio .content .navigator .next

{

  background:url(assets/img/arrow_next.png) no-repeat center center scroll transparent;

  background-color:#a8a8a8

}



.portfolio .content .navigator .return_back

{

  background:url(assets/img/icon_standard.png) no-repeat center center scroll transparent;

  background-color:#a8a8a8

}



.portfolio .content .navigator .previous:hover

{

  background:url(assets/img/arrow_back_hover.png) no-repeat center center scroll transparent;

  background-color:#ff9c00;

  cursor:pointer

}



.portfolio .content .navigator .next:hover

{

  background:url(assets/img/arrow_next_hover.png) no-repeat center center scroll transparent;

  background-color:#ff9c00;

  cursor:pointer

}



.portfolio .content .navigator .return_back:hover

{

  background:url(assets/img/icon_standard_hover.png) no-repeat center center scroll transparent;

  background-color:#ff9c00;

  cursor:pointer

}



.related_project

{

  margin-bottom:10px

}



.related_project .title h2

{

  margin-bottom:10px

}



.related_project .title .separator

{

  background-color:#A8A8A8;

  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

}



/*-----------------------------------------------------------------------------------*/

/*	19.	Home Page Template

/*-----------------------------------------------------------------------------------*/



.home_slogan

{

  background:#39393a;

  color:#e5e5e5;

  font-family:Ubuntu, sans-serif;

  font-size:48px;

  font-weight:300;

  line-height:67px;

  padding:50px 16%;

  text-align:center;

  text-transform:uppercase

}



.quote_slogan_start

{

  background:url(assets/img/quote_sepecial_start.png) transparent no-repeat;

  display:inline-block;

  height:33px;

  width:27px

}



.quote_slogan_end

{

  background:url(assets/img/quote_sepecial_end.png) transparent no-repeat;

  display:inline-block;

  height:21px;

  width:27px

}





.latest_blog_post

{

  margin-bottom:10px;

  margin-top:80px

}



.latest_blog_post .box

{

  display:block;

  margin-bottom:25px;

  overflow:hidden;

  position:relative

}



.latest_blog_post .box .image

{

  display:block;

  margin-bottom:15px;

  overflow:hidden

}



.latest_blog_post .box img

{

  -webkit-transition: -webkit-transform 4s ease-out 0s;

  -o-transition: -o-transform 4s ease-out 0s;

  -moz-transition: -moz-transform 4s ease-out 0s;

  transition: transform 4s ease-out 0s;

  display:block;

  width:100%;

  z-index:50

}



.latest_blog_post .box .image:hover img { 

  -moz-transform: scale(1.15) rotate(-3deg);

  -o-transform: scale(1.15) rotate(-3deg); 

  -ms-transform: scale(1.15) rotate(-3deg); 

  -webkit-transform: scale(1.15) rotate(-3deg);  

  transform:scale(1.15) rotate(-3deg); 

}



.latest_blog_post .box .meta

{

  background-color:#ff9c00;

  color:#fff;

  display:block;

  font-family:Ubuntu, sans-serif;

  font-size:21px;

  height:37px;

  left:0;

  line-height:13px;

  margin-bottom:37px;

  padding-top:8px;

  position:absolute;

  text-align:center;

  top:20px;

  vertical-align:middle;

  width:45px;

  z-index:150

}



.latest_blog_post .box.no-media .meta { 

    position:static;

    margin-bottom:0;

    margin-right:8px;

    float:left;



}



.latest_blog_post .box .meta span

{

  font-size:11px;

  text-transform:uppercase

}



.latest_blog_post h2

{

  margin-bottom:5px

}



.latest_blog_post .separator

{

  background-color:#A8A8A8;

  height:5px;

  margin-bottom:15px;

  width:245px

}



.latest_blog_post .no-media .separator {

    display:inline-block;

}



.latest_blog_post .title

{

  color:#262626;

  text-decoration:none

}



.latest_blog_post .title:hover

{

  color:#000

}



.latest_blog_post .post_video{

    padding-bottom: 43%;

    margin-bottom:15px;

}



.portfolio-slider

{

  margin-bottom:40px

}



.portfolio-slider .item_meta:hover .meta_bg

{

  bottom:-100%

}



.portfolio-slider .item_meta

{

  background-color:transparent

}



.portfolio-slider .item_meta:hover .separator

{

  background:#000

}



.portfolio-slider .item_meta:hover .description,.portfolio-slider .item_meta:hover .category

{

  color:#000

}



.awesome-slider

{

  cursor:url(assets/img/cusor-move.ico), move;

  height:420px;

  overflow:hidden;

  position:relative

}



.awesome-slider .slide

{

  height:100%;

  width:100%

}



.awesome-slider.slider-container .slide

{

  position:absolute;

  top:0;

  z-index:100

}



.awesome-slider .slide:after

{

  clear:both;

  content:"";

  display:table

}



.awesome-slider.slider-container .slide-item,.awesome-slider.slider-container .slide-meta

{

  height:520px;

  position:relative;

  width:50%

}



.awesome-slider .slide-meta

{

  float:left

}



.awesome-slider .slide-item

{

  float:right

}



.awesome-slider .slide-item iframe { 

    max-width: 100%; 

    display:none;

}



.awesome-slider .meta

{

  padding:0 14%;

  width:72%

}



.awesome-slider .slide-bg

{

  height:100%;

  left:0;

  overflow:hidden;

  position:absolute;

  top:0;

  width:100%;

  z-index:-100

}



.awesome-slider .slide-bg img

{

  display:none;

  position:absolute

}



.awesome-slider .slide-meta .title

{

  font-size:50px;

  line-height:50px;

  margin-bottom:10px

}



.awesome-slider .link_button

{

  background-color:#555;

  clear:right;

  color:#000;

  display:block;

  float:left;

  padding:6px 28px;

  text-decoration:none

}



.awesome-slider .link_button:active

{

  padding:3px 25px;

  border:3px solid #555;

  background-color:transparent;

}



.awesome-slider .navigator

{

    position:absolute;

    bottom:10px;

    right:10px;

    height:30px;

    z-index:1000;

}



.awesome-slider .button

{

  -moz-transition:all 300ms ease 0;

  -o-transition:all 300ms ease 0;

  -webkit-transition:all 300ms ease 0;

  display:block;

  float:right;

  height:30px;

  margin-left:2px;

  transition:all 300ms ease 0;

  opacity: 0.5;

  width:30px

}



.awesome-slider .btn_previous:hover,

.awesome-slider .btn_next:hover{

    opacity: 1;

}



.awesome-slider .btn_previous

{

  background:url(assets/img/arrow_back.png) no-repeat center center scroll transparent;

  background-color:#fff

}



.awesome-slider .btn_next

{

  background:url(assets/img/arrow_next.png) no-repeat center center scroll transparent;

  background-color:#fff

}



/*-----------------------------------------------------------------------------------*/

/*	20.	About Page Template

/*-----------------------------------------------------------------------------------*/



.page-template-template-about-php .main-head

{

  background:url(assets/img/corner_top_left.png) no-repeat left top;

  height:27px;

  position:absolute;

  top:-27px;

  width:100%

}



.page-template-template-about-php .main-head div

{

  background:#ececec;

  height:100%;

  margin-left:22px

}



.page-template-template-about-php #wrap_main

{

  margin-top:285px;

  position:relative

}



.page-template-template-about-php .heading h1

{

  color:#262626;

  font-weight:300!important;

  line-height:70px;

  margin-bottom:80px;

  text-align:center

}



.page-template-template-about-php .heading p

{

  margin-bottom:65px

}



.our_team .item

{

  display:block;

  max-width:370px;

  overflow:hidden;

  position:relative

}



.our_team .item_image img

{

  display:block

}



.our_team .item .frame_overlay

{

  -khtml-opacity:0.00;

  -moz-opacity:0.00;

  -moz-transition:all 500ms ease 0;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  -o-transition:all 500ms ease 0;

  -webkit-transition:all 500ms ease 0;

  background:#fff;

  filter:alpha(opacity=0);

  height:100%;

  left:0;

  opacity:0.00;

  position:absolute;

  top:0;

  transition:all 500ms ease 0;

  width:100%

}



.our_team .item:hover .frame_overlay

{

  -khtml-opacity:0.5;

  -moz-opacity:0.5;

  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  filter:alpha(opacity=50);

  opacity:0.5

}



.our_team .item .item_meta

{

  padding:65% 11.11%

}



/*-----------------------------------------------------------------------------------*/

/*	21.	jCarousel

/*-----------------------------------------------------------------------------------*/



.jcarousel-container

{

  margin-bottom:85px

}



.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:transparent url(assets/img/slider_arrow_next_hover.png) no-repeat;

  cursor:pointer;

  height:40px;

  position:absolute;

  right:13px;

  top:-65px;

  width:21px

}



.jcarousel-next-horizontal:hover

{

  background:transparent url(assets/img/slider_arrow_next.png) no-repeat

}



.jcarousel-prev-horizontal

{

  background:transparent url(assets/img/slider_arrow_prev_hover.png) no-repeat;

  cursor:pointer;

  height:40px;

  position:absolute;

  right:53px;

  top:-65px;

  width:21px

}



.jcarousel-prev-horizontal:hover

{

  background:transparent url(assets/img/slider_arrow_prev.png) no-repeat

}



/*-----------------------------------------------------------------------------------*/

/*	22.	Special Intro

/*-----------------------------------------------------------------------------------*/



.special_intro{

    margin-bottom:20px;

}



.special_intro .titles

{

  margin-bottom:18px;

  padding-right:8px;

  position:relative

}



.special_intro .titles li

{

  border-bottom:#a8a8a8 solid 1px;

  margin-left:10px;

  position:relative

}



.special_intro .titles li .circle

{

  background:transparent url(assets/img/circle_gray.png) no-repeat center center;

  color:#ECECEC;

  display:block;

  float:right;

  font-family:Ubuntu,sans-serif;

  font-size:19px;

  font-weight:500;

  height:28px;

  line-height:25px;

  margin-right:30px;

  text-align:center;

  width:27px

}



.special_intro .titles a.selected .circle,.special_intro .titles li:hover .circle

{

  background:transparent url(assets/img/circle_black.png) no-repeat center center

}



.special_intro .titles li a

{

  color:#a8a8a8;

  display:block;

  font-family:Ubuntu, sans-serif;

  font-size:24px;

  font-weight:300;

  line-height:25px;

  padding-bottom:10px;

  padding-top: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: #262626; -moz-outline: 0; outline: 0; text-decoration: none; }



.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(assets/img/hover_li_aboutus.png) no-repeat 0 10px transparent;

  background-position:0 17px;

  border-right:4px solid #262626;

  height:100%;

  position:absolute;

  right:0;

  top:0;

  width:4px

}



/*-----------------------------------------------------------------------------------*/

/*	23.	Icon Set

/*-----------------------------------------------------------------------------------*/



[class^="icon-"],[class*=" icon-"]

{

  background-image:url(assets/img/glyphicons-halflings.png);

  background-position:14px 14px;

  background-repeat:no-repeat;

  display:inline-block;

  height:14px;

  line-height:14px;

  margin-right:.3em;

  margin-top:2px;

  vertical-align:text-top;

  width:14px

}



[class^="icon-"]:last-child,[class*=" icon-"]:last-child

{

  margin-left:0

}



.icon-white

{

  background-image:url(assets/img/glyphicons-halflings-white.png)

}



.icon-glass

{

  background-position:0 0

}



.icon-music

{

  background-position:-24px 0

}



.icon-search

{

  background-position:-48px 0

}



.icon-envelope

{

  background-position:-72px 0

}



.icon-heart

{

  background-position:-96px 0

}



.icon-star

{

  background-position:-120px 0

}



.icon-star-empty

{

  background-position:-144px 0

}



.icon-user

{

  background-position:-168px 0

}



.icon-film

{

  background-position:-192px 0

}



.icon-th-large

{

  background-position:-216px 0

}



.icon-th

{

  background-position:-240px 0

}



.icon-th-list

{

  background-position:-264px 0

}



.icon-ok

{

  background-position:-288px 0

}



.icon-remove

{

  background-position:-312px 0

}



.icon-zoom-in

{

  background-position:-336px 0

}



.icon-zoom-out

{

  background-position:-360px 0

}



.icon-off

{

  background-position:-384px 0

}



.icon-signal

{

  background-position:-408px 0

}



.icon-cog

{

  background-position:-432px 0

}



.icon-trash

{

  background-position:-456px 0

}



.icon-home

{

  background-position:0 -24px

}



.icon-file

{

  background-position:-24px -24px

}



.icon-time

{

  background-position:-48px -24px

}



.icon-road

{

  background-position:-72px -24px

}



.icon-download-alt

{

  background-position:-96px -24px

}



.icon-download

{

  background-position:-120px -24px

}



.icon-upload

{

  background-position:-144px -24px

}



.icon-inbox

{

  background-position:-168px -24px

}



.icon-play-circle

{

  background-position:-192px -24px

}



.icon-repeat

{

  background-position:-216px -24px

}



.icon-refresh

{

  background-position:-240px -24px

}



.icon-list-alt

{

  background-position:-264px -24px

}



.icon-lock

{

  background-position:-287px -24px

}



.icon-flag

{

  background-position:-312px -24px

}



.icon-headphones

{

  background-position:-336px -24px

}



.icon-volume-off

{

  background-position:-360px -24px

}



.icon-volume-down

{

  background-position:-384px -24px

}



.icon-volume-up

{

  background-position:-408px -24px

}



.icon-qrcode

{

  background-position:-432px -24px

}



.icon-barcode

{

  background-position:-456px -24px

}



.icon-tag

{

  background-position:0 -48px

}



.icon-tags

{

  background-position:-25px -48px

}



.icon-book

{

  background-position:-48px -48px

}



.icon-bookmark

{

  background-position:-72px -48px

}



.icon-print

{

  background-position:-96px -48px

}



.icon-camera

{

  background-position:-120px -48px

}



.icon-font

{

  background-position:-144px -48px

}



.icon-bold

{

  background-position:-167px -48px

}



.icon-italic

{

  background-position:-192px -48px

}



.icon-text-height

{

  background-position:-216px -48px

}



.icon-text-width

{

  background-position:-240px -48px

}



.icon-align-left

{

  background-position:-264px -48px

}



.icon-align-center

{

  background-position:-288px -48px

}



.icon-align-right

{

  background-position:-312px -48px

}



.icon-align-justify

{

  background-position:-336px -48px

}



.icon-list

{

  background-position:-360px -48px

}



.icon-indent-left

{

  background-position:-384px -48px

}



.icon-indent-right

{

  background-position:-408px -48px

}



.icon-facetime-video

{

  background-position:-432px -48px

}



.icon-picture

{

  background-position:-456px -48px

}



.icon-pencil

{

  background-position:0 -72px

}



.icon-map-marker

{

  background-position:-24px -72px

}



.icon-adjust

{

  background-position:-48px -72px

}



.icon-tint

{

  background-position:-72px -72px

}



.icon-edit

{

  background-position:-96px -72px

}



.icon-share

{

  background-position:-120px -72px

}



.icon-check

{

  background-position:-144px -72px

}



.icon-move

{

  background-position:-168px -72px

}



.icon-step-backward

{

  background-position:-192px -72px

}



.icon-fast-backward

{

  background-position:-216px -72px

}



.icon-backward

{

  background-position:-240px -72px

}



.icon-play

{

  background-position:-264px -72px

}



.icon-pause

{

  background-position:-288px -72px

}



.icon-stop

{

  background-position:-312px -72px

}



.icon-forward

{

  background-position:-336px -72px

}



.icon-fast-forward

{

  background-position:-360px -72px

}



.icon-step-forward

{

  background-position:-384px -72px

}



.icon-eject

{

  background-position:-408px -72px

}



.icon-chevron-left

{

  background-position:-432px -72px

}



.icon-chevron-right

{

  background-position:-456px -72px

}



.icon-plus-sign

{

  background-position:0 -96px

}



.icon-minus-sign

{

  background-position:-24px -96px

}



.icon-remove-sign

{

  background-position:-48px -96px

}



.icon-ok-sign

{

  background-position:-72px -96px

}



.icon-question-sign

{

  background-position:-96px -96px

}



.icon-info-sign

{

  background-position:-120px -96px

}



.icon-screenshot

{

  background-position:-144px -96px

}



.icon-remove-circle

{

  background-position:-168px -96px

}



.icon-ok-circle

{

  background-position:-192px -96px

}



.icon-ban-circle

{

  background-position:-216px -96px

}



.icon-arrow-left

{

  background-position:-240px -96px

}



.icon-arrow-right

{

  background-position:-264px -96px

}



.icon-arrow-up

{

  background-position:-289px -96px

}



.icon-arrow-down

{

  background-position:-312px -96px

}



.icon-share-alt

{

  background-position:-336px -96px

}



.icon-resize-full

{

  background-position:-360px -96px

}



.icon-resize-small

{

  background-position:-384px -96px

}



.icon-plus

{

  background-position:-408px -96px

}



.icon-minus

{

  background-position:-433px -96px

}



.icon-asterisk

{

  background-position:-456px -96px

}



.icon-exclamation-sign

{

  background-position:0 -120px

}



.icon-gift

{

  background-position:-24px -120px

}



.icon-leaf

{

  background-position:-48px -120px

}



.icon-fire

{

  background-position:-72px -120px

}



.icon-eye-open

{

  background-position:-96px -120px

}



.icon-eye-close

{

  background-position:-120px -120px

}



.icon-warning-sign

{

  background-position:-144px -120px

}



.icon-plane

{

  background-position:-168px -120px

}



.icon-calendar

{

  background-position:-192px -120px

}



.icon-random

{

  background-position:-216px -120px

}



.icon-comment

{

  background-position:-240px -120px

}



.icon-magnet

{

  background-position:-264px -120px

}



.icon-chevron-up

{

  background-position:-288px -120px

}



.icon-chevron-down

{

  background-position:-313px -119px

}



.icon-retweet

{

  background-position:-336px -120px

}



.icon-shopping-cart

{

  background-position:-360px -120px

}



.icon-folder-close

{

  background-position:-384px -120px

}



.icon-folder-open

{

  background-position:-408px -120px

}



.icon-resize-vertical

{

  background-position:-432px -119px

}



.icon-resize-horizontal

{

  background-position:-456px -118px

}



.icon-hdd

{

  background-position:0 -144px

}



.icon-bullhorn

{

  background-position:-24px -144px

}



.icon-bell

{

  background-position:-48px -144px

}



.icon-certificate

{

  background-position:-72px -144px

}



.icon-thumbs-up

{

  background-position:-96px -144px

}



.icon-thumbs-down

{

  background-position:-120px -144px

}



.icon-hand-right

{

  background-position:-144px -144px

}



.icon-hand-left

{

  background-position:-168px -144px

}



.icon-hand-up

{

  background-position:-192px -144px

}



.icon-hand-down

{

  background-position:-216px -144px

}



.icon-circle-arrow-right

{

  background-position:-240px -144px

}



.icon-circle-arrow-left

{

  background-position:-264px -144px

}



.icon-circle-arrow-up

{

  background-position:-288px -144px

}



.icon-circle-arrow-down

{

  background-position:-312px -144px

}



.icon-globe

{

  background-position:-336px -144px

}



.icon-wrench

{

  background-position:-360px -144px

}



.icon-tasks

{

  background-position:-384px -144px

}



.icon-filter

{

  background-position:-408px -144px

}



.icon-briefcase

{

  background-position:-432px -144px

}



.icon-fullscreen

{

  background-position:-456px -144px

}



/*-----------------------------------------------------------------------------------*/

/*	24.	Alerts

/*-----------------------------------------------------------------------------------*/



.alert

{

  color:#fff;

  cursor:pointer;

  font-family:Ubuntu, sans-serif;

  font-size:16px;

  height:55px;

  line-height:55px;

  margin-bottom:7px;

  padding-left:15%;

  text-align:center;

  width:85%

}



.alert_info

{

  background:#9e9e9e url(assets/img/icon_info_alert.png) no-repeat 13px center

}



.alert_danger

{

  background:#2893b2 url(assets/img/icon_danger_alert.png) no-repeat 13px center

}



.alert_success

{

  background:#93b228 url(assets/img/icon_success_alert.png) no-repeat 13px center

}



.alert_warning

{

  background:#ff5a5a url(assets/img/icon_warning_alert.png) no-repeat 13px center

}



/*-----------------------------------------------------------------------------------*/

/*	25.	 WP Gallery Shortcode 

/*-----------------------------------------------------------------------------------*/



.gallery .gallery-icon img{

    border:5px solid #FFF !important;

}



/*-----------------------------------------------------------------------------------*/

/*	26.	 Tagline

/*-----------------------------------------------------------------------------------*/



.tagline

{

    padding: 30px 0;

    background-color: #ff9c00;/* Color */

    margin-top:-1px;

    border-bottom: 5px solid #ffbc53;/* Color */

}



.tagline p

{

    font-size:20px;

    color:#fff;

    max-width:740px;

    float:left;

    font-weight:bold;

    margin-bottom:0;

}



.tagline .link_button

{



    clear:right;

    color:#fff;

    display:block;

    float:right;

    padding:5px 25px;

    text-decoration:none;

    font-size:16px;

    background-color:#1a1a2f;

    border:3px solid #1a1a2f;

    margin-top:2px;

}



.tagline .link_button:active

{

    border-color:#1a1a2f;

    background-color:transparent;

    color:#fff

}



/*-----------------------------------------------------------------------------------*/

/*	27.	 Testimonial

/*-----------------------------------------------------------------------------------*/



.testimonial .content

{

    background-color:#dbdcdc;

    padding: 25px 20px 20px 25px;

    position: relative;

    margin-bottom: 25px;

    font-size: 12px;

    font-style: italic;

    color: #5f5f5f;

}



.testimonial .content .bottom

{

    background: transparent url(assets/img/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:#ff9c00; /* 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;

}



/*-----------------------------------------------------------------------------------*/

/*	28.	 Seperator

/*-----------------------------------------------------------------------------------*/



.separator2

{

    height:4px;

    background: url(assets/img/separator2.png) repeat-x;

    margin: 20px 0;

}



/*-----------------------------------------------------------------------------------*/

/*	29.	 Text Box

/*-----------------------------------------------------------------------------------*/



.text_box .title

{

    font-size:24px;

    line-height: 24px;

    margin-bottom: 10px;

    color:#262626;

}



.text_box .separator

{

    background-color:#bcbcbc;

    height:5px;

    margin-bottom:20px;

    max-width:325px

}



/*-----------------------------------------------------------------------------------*/

/*	30.	 Link Tags

/*-----------------------------------------------------------------------------------*/



.link_tag

{

    color:#fff;

    font-family:'Open Sans', sans-serif;

    font-size:20px;

    min-height:55px;

    line-height:55px;

    margin-bottom:15px;

    padding-left:20%;

    width:80%;

    background: transparent 10px center no-repeat;

    display:block;

    text-transform: uppercase;

}



.link_tag:hover

{

    color:#fff;

}



.icon_camera

{

    background-color: #ff9c00; /* Color */

    background-image: url(assets/img/icon_camera.png);

    background-position: 8px center;

}



.icon_mic

{

    background-color: #ffbc53; /* Color */

    background-image: url(assets/img/icon_mic.png);

}



.icon_ipad

{

    background-color: #939393;

    background-image: url(assets/img/icon_ipad.png);

}



/*-----------------------------------------------------------------------------------*/

/*	31.	 Photobox

/*-----------------------------------------------------------------------------------*/



.photobox .four_items img,

.photobox .three_items img

{

    width:49%;

    margin-right: 1%;

    float:left;

    margin-bottom: 4px;

}



.photobox .two_items img,

.photobox .single_item img

{

    width:100%;

    margin-bottom: 4px;

}



/*-----------------------------------------------------------------------------------*/

/*	32.	 Topic

/*-----------------------------------------------------------------------------------*/



.topic .post_icon

{

    background:#ff9c00 url(assets/img/blog_icons.png) no-repeat scroll 0 -45px; /* Color */

    display:block;

    height:45px;

    margin-bottom:10px;

    width:45px;

    margin-bottom:20px;

}



.topic .post_icon_video

{

    background-position:0 -90px

}



.topic .title

{

    font-size:28px;

    color:#454545;

    font-family:Ubuntu, sans-serif;

    font-weight:bolder;

    line-height: 28px;

    margin-bottom:5px;

    max-width:245px;

    text-transform: uppercase;

}



.topic .separator

{

    max-width:245px;

    height:5px;

    background: #bcbcbc;

    margin-bottom: 20px;

}



.topic .content

{

    color:#696969;

    margin-bottom: 20px;

}



.topic .more-link

{

    color:#6d6d6d;

    font-style:italic;

}



/*-----------------------------------------------------------------------------------*/

/*	33.	 Accordion

/*-----------------------------------------------------------------------------------*/



.accordion .accordion_title

{

    background: transparent url(assets/img/accordion_line.png) left center repeat-x;

    color:#454545;

    display:block;

    float:none;

    text-align:center;

    font-size:16px;

    margin-bottom:0

}



.accordion .accordion_title a

{

    background:url(assets/img/accordion_closed.png) left center no-repeat scroll #ececec; /* Color */

    height:29px;

    padding-left: 35px;

    padding-right: 10px;

    text-transform: uppercase;

}



.accordion .accordion_content

{

    margin:0;

    text-align: center;

}



.accordion .accordion_content

{

    display:none

}



.accordion .accordion_header

{

    padding:10px 0 8px

}



.accordion .accordion_open .accordion_title a

{

    background:url(assets/img/accordion_open.png) left center no-repeat scroll #ececec /* Color */

}



/*-----------------------------------------------------------------------------------*/

/*	34.	 Team View

/*-----------------------------------------------------------------------------------*/



.team_detail .head

{

    margin-bottom: 20px;

}



.team_detail .image

{

    position:relative;

}



.team_detail .image img

{

    width:100%;

    -moz-transition:all 500ms ease;

    -o-transition:all 500ms ease;

    -webkit-transition:all 500ms ease;

    transition:all 500ms ease;

}





.team_detail .image:hover img

{

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

    filter: gray; /* IE6-9 */

    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}



.team_meta

{

    bottom:0;

    font-weight:500;

    padding:25px 11.11%;

    position:absolute;

    text-decoration:none;

    text-transform:uppercase;

    transition:all 500ms ease 0s;

    width:77.8%;

    background-color:#ff9c00;

    color:#000;

}



.team_detail .no-image .team_meta

{

    position:relative;

}



.team_meta .description

{

    font-size:48px;

    line-height:50px;

}



.team_meta .separator

{

    border-bottom:5px solid #000;

    margin:10px 0 20px 0;

}



.team_meta .social_icons

{

    margin-bottom: 0;

}



.team_meta .social_icons a

{

    background-color:#000;

    margin-bottom: 5px;

}



.team_detail .content

{

    position:relative;

}



.team_detail .content p

{

    text-align: justify;

}



.team_detail  .content .title

{

    font-size:48px;

    line-height:48px;

    float:left;

    font-weight:500;

    color:#000;

    max-width:245px;

}



.team_detail .content .info {

    margin:20px 0 30px 0;

}



.team_detail .content .separator

{

    border-bottom:1px solid #000;

    margin:10px 0;

    max-width:245px;

}



.team_detail .content .team_twitter

{

    text-transform:uppercase;

    color:#000;

    font-weight:500;

    font-size:15px;

}



.team_detail .content .team_twitter a

{

    text-decoration:underline;

}



.team_detail .content .twitter_address

{

    text-transform:uppercase;

    color:#000;

    font-weight:500;

    font-size:15px;

}



.team_detail .content .twitter_address a

{

    text-decoration:underline;

}





.team_detail .content .navigator

{

    float:right;

}



.team_detail .content .navigator .icon

{

    -moz-transition:all 300ms ease 0;

    -o-transition:all 300ms ease 0;

    -webkit-transition:all 300ms ease 0;

    display:block;

    float:right;

    height:42px;

    margin-left:2px;

    transition:all 300ms ease 0;

    width:42px

}



.team_detail .content .navigator .previous

{

    background:url(assets/img/arrow_back.png) no-repeat center center scroll transparent;

    background-color:#d6d6d6

}



.team_detail .content .navigator .next

{

    background:url(assets/img/arrow_next.png) no-repeat center center scroll transparent;

    background-color:#d6d6d6

}



.team_detail .content .navigator .previous:hover

{

    background:url(assets/img/arrow_back_hover.png) no-repeat center center scroll transparent;

    background-color:#ff9c00;

    cursor:pointer

}



.team_detail .content .navigator .next:hover

{

    background:url(assets/img/arrow_next_hover.png) no-repeat center center scroll transparent;

    background-color:#ff9c00;

    cursor:pointer

}

.nocomments {
	Display: none;
}