/*

Theme Name: OCMA

Theme URI: http://www.evolvedesign.ie

Description: Architectural Portfolio Grid Based WordPress Theme.

Version: 1.0

Author: Evolve Design / Mick Brady

Author URI: http://www.evolvedesign.ie

License: GNU General Public License

License URI: License.txt

Tags: fullscreen, black, two-columns, fixed-width, custom-header, custom-background, threaded-comments, custom-menu

*/



/*

==========================================

Theme Styles

========================================== 

*/

html {

  font-size: 100%;

}

* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

body.page-template-home-page-php {

  background-color: #000;

}

/*

==========================================

Header

========================================== 

*/

#header {

  width: 250px;

  background-color: #12252d;

  padding: 20px 20px 0 20px;

  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);

  position: fixed;

  top: 0;

  left: 0;

  bottom: 0;

  color: #ffffff;

  margin-bottom: -7px;

}

.logo_container {

  margin-bottom: 1.2em;

  color: #ffffff;

  text-align: center;

}

.logo_container h1 a {

  color: #ffffff;

}

h2.intro_line {

  text-align: center;

  font-weight: normal;

  font-size: 2.07692307692308em;

  margin-bottom: 1.66666666666667em;

}

h2.intro_line strong {

  color: #ff0099;

}

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

/*

Nav Menu

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

#header .navbar {

  margin-bottom: 3em;

  width: 100%;

  margin-top: 0;

  margin-right: 0em!important;

}

#header .navbar .dropdown-toggle b {

  color: rgba(0, 0, 0, 0.4);

  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) !important;

  margin-left: 5px;

}

#header .navbar-inner {

  background: transparent;

}

#header .nav {

  float: none;

  margin: 0;

}

#header .jqueryslidemenu ul#nav {

  width: 100%;

  margin: 0;

}

/*Top level list items*/

#header .jqueryslidemenu > ul > li {

  float: none!important;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}

#header .jqueryslidemenu > ul > li > a {

  border-bottom: 1px solid rgba(0, 0, 0, 0.2);

  background: transparent!important;

}

/*Top level menu link items style*/

.jqueryslidemenu ul li a {

  text-decoration: none;

  font-weight: 400;

  color: #ffffff !important;

  font-size: 1.15384615384615em;

  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3) !important;

  padding: 10px 5px!important;

  outline: 0;

}

.jqueryslidemenu > ul > li > a:hover {

  background-color: transparent!important;

}

.jqueryslidemenu > ul > li:hover > a {

  background: rgba(0, 0, 0, 0.2) !important;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

  text-shadow: none!important;

}

.navbar .nav .open > .dropdown-toggle {

  background: rgba(0, 0, 0, 0.2) !important;

}

.in .jqueryslidemenu > ul li:hover > a {

  background: #f8f8f8;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  border-bottom: none!important;

}

/*1st sub level menu*/

.jqueryslidemenu ul li ul {

  background: #fff;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

  margin-top: -1px !important;

  padding: 0!important;

  left: 0;

  min-width: 210px;

  display: none;

}

.jqueryslidemenu ul li ul:after {

  display: none;

}

/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li {

  border-bottom: 1px solid #f2f2f2;

}

.in .jqueryslidemenu ul li ul li {

  border-bottom: none;

}

/* Sub level menu links style */

.jqueryslidemenu ul li ul li a {

  height: 30px;

  line-height: 30px;

  padding: 0px 15px!important;

  font-size: 0.86666666666667em;

  color: #333333 !important;

  text-shadow: none!important;

}

.jqueryslidemenu ul li ul li a:hover {

  /*sub menus hover style*/



  color: #ffffff !important;

  background: #ff0099;

  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3) !important;

}

/*For 3rd level in Bootstrap*/

.dropdown-menu .sub-menu,

.dropdown-menu .children {

  left: 100%;

  position: absolute;

  top: 0;

  visibility: hidden;

  margin-top: -1px;

  list-style: none;

}

.dropdown-menu li {

  position: relative;

}

.dropdown-menu li:hover .sub-menu,

.dropdown-menu li:hover .children {

  visibility: visible;

  display: block;

  left: 85%;

}

/* Select Navigation */

.tinynav {

  display: none;

  font-size: 1em;

  margin: 0 auto 1.2em auto;

}

/*

End Nav Menu

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

/*

Filter

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

.filter_list {

  margin-bottom: 1.2em;

}

.filter_list h4 {

  color: #ffffff;

  border-bottom: 1px solid #ffffff;

  font-size: 1em;

}

.filter_list ul {

  list-style: none;

  color: #ffffff;

  margin-left: 0;

}

.filter_list ul li {

  margin-bottom: 0.23076923076923em;

}

.filter_list ul li a {

  color: #ffffff;

  font-size: 0.92307692307692em;

  font-weight: bold;

  outline: 0;

}

.filter_list ul li i {

  font-size: 1.15384615384615em;

  margin-right: 0.38461538461538em;

  opacity: 0.5;

  filter: alpha(opacity=50);

}

.filter_list ul li.active i,

.filter_list ul li:hover i {

  opacity: 1;

  filter: alpha(opacity=100);

}

/*

Header Text

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

#header_bottom {

  position: absolute;

  bottom: 20px;

  width: 100%;

  left: 0;

  right: 0;

  padding: 0 20px;

  text-align: center;

}

#header_bottom p {

  font-size: 0.84615384615385em;

  border-top: 1px solid rgba(0, 0, 0, 0.2);

  padding-top: 15px;

  background: url(images/foot_line.gif) repeat-x top;

}

#header_bottom p a {

  color: inherit;

}

#header_bottom p a:hover {

  text-decoration: underline;

}

#header_bottom img{

	padding-left:8px;

}

#header_bottom a img{

	opacity: 1;

  filter: alpha(opacity=100);

}

#header_bottom a img:hover{

	opacity: 0.5;

  filter: alpha(opacity=50);

}

/*

Social Nav

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

.nav_social li {

  width: 40px;

  height: 40px;

  margin: 0 2px;

  display: inline-block;

  position: relative;

}

.nav_social li a {

  display: block;

  text-indent: -999em;

  width: 20px;

  height: 30px;

  background: url(images/nav_social_icons.png) no-repeat center;

  padding: 0!important;

  margin: 10px auto 0 auto;

  position: relative;

  z-index: 5;

  left: 1px;

  -webkit-transition: none;

  -moz-transition: none;

  -o-transition: none;

  transition: none;

  opacity: 0.5;

  filter: alpha(opacity=50);

}

.nav_social li.n_facebook i {

  background-color: #3B5998;

}

.nav_social li.n_facebook a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.nav_social li.n_facebook a {

  background-position: -440px -40px;

}

.nav_social li.n_twitter i {

  background-color: #33CCFF;

}

.nav_social li.n_twitter a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.nav_social li.n_twitter a {

  background-position: -360px -40px;

}

.nav_social li.n_dribbble i {

  background-color: #C5376D;

}

.nav_social li.n_dribbble a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.nav_social li.n_dribbble a {

  background-position: -320px -40px;

}

.nav_social li.n_flickr i {

  background-color: #FF0084;

}

.nav_social li.n_flickr a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.nav_social li.n_flickr a {

  background-position: -400px -40px;

}

.nav_social li.n_youtube i {

  background-color: #C1302A;

}

.nav_social li.n_youtube a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.nav_social li.n_youtube a {

  background-position: -240px -40px;

}

.nav_social li.n_vimeo i {

  background-color: #1AB7EA;

}

.nav_social li.n_vimeo a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.nav_social li.n_vimeo a {

  background-position: -200px -40px;

}

.nav_social li.n_forrst i {

  background-color: #5B9A68;

}

.nav_social li.n_forrst a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.nav_social li.n_forrst a {

  background-position: 0px -40px;

}

.nav_social li.n_skype i {

  background-color: #00AFF0;

}

.nav_social li.n_skype a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.nav_social li.n_skype a {

  background-position: -280px -40px;

}

.nav_social li.n_google i {

  background-color: #DD4B39;

}

.nav_social li.n_google a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.nav_social li.n_google a {

  background-position: -80px -40px;

}

.nav_social li.n_tumblr i {

  background-color: #343B4A;

}

.nav_social li.n_tumblr a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.nav_social li.n_tumblr a {

  background-position: -120px -40px;

}

.nav_social li.n_linkedin i {

  background-color: #0073B2;

}

.nav_social li.n_linkedin a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.nav_social li.n_linkedin a {

  background-position: -160px -40px;

}

.nav_social li.n_rss i {

  background-color: #FF6600;

}

.nav_social li.n_rss a:hover {

  opacity: 1;

  filter: alpha(opacity=100);

}

.nav_social li.n_rss a {

  background-position: -40px -40px;

}

.nav_social li a:hover {

  background-color: transparent!important;

}

/*

==========================================

Container

========================================== 

*/

#container {

  margin-left: 250px;

  position: relative;

}

/*

==========================================

Supersized

========================================== 

*/

/*

#supersized{

	left: 250px;

}

#supersized li{

	left: 250px;

}*/

#controls {

  position: fixed;

  right: 1.53846153846154em;

  bottom: 1.53846153846154em;

  text-align: center;

}

#controls ul {

  list-style: none;

  margin: 0;

  position: relative;

  bottom: 0;

}

#controls ul li {

  margin-bottom: 1.15384615384615em;

}

.ss_button {

  width: 40px;

  height: 40px;

  line-height: 36px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  display: block;

  vertical-align: middle;

  text-align: center;

  color: #ffffff;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.7);

  border: #fff 2px solid;

  border: rgba(255, 255, 255, 0.7) 2px solid;

  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  font-size: 1.23076923076923em;

  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);

  outline: 0!important;

}

.ss_button:hover {

  background-color: #000000;

  border: #ffffff 2px solid;

  color: #ffffff;

  text-decoration: none;

}

.ss_button > i {

  display: none;

  margin: 0 auto;

}

.ss_button > i:first-child {

  display: block;

}

.ss_button.ql_toggle > i {

  display: block;

}

.ss_button.ql_toggle > i:first-child {

  display: none;

}

#controls #jp_play_pause {

  font-size: 1.69230769230769em;

}

#slide-list {

  padding: 9px 0;

  float: right;

  position: absolute;

  right: 20px;

  top: 10px;

  margin-left: 0!important;

}

#slide-list ol {

  position: relative;

  bottom: 0;

}

#slide-list li {

  list-style: none;

  width: 14px;

  height: 14px;

  float: left;

  margin: 0 0 0 8px;

}

#slide-list li a {

  width: 40px;

  height: 40px;

  line-height: 36px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  display: block;

  vertical-align: middle;

  text-align: center;

  color: #ffffff;

  background-color: rgba(0, 0, 0, 0.7);

  border: #fff 2px solid;

  border: rgba(255, 255, 255, 0.7) 2px solid;

  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  font-size: 1.23076923076923em;

  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);

  outline: 0!important;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.7) !important;

  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  width: 10px;

  height: 10px;

  border-width: 1px;

  text-indent: -9999px;

}

#slide-list li.current-slide a,

ul#slide-list li.current-slide a:hover {

  background-color: rgba(255, 255, 255, 0.5) !important;

}

#slide-list li a:hover {

  cursor: pointer;

}

/* Thumbnail Tray

	----------------------------*/#ss_thumb_tray {

  position: fixed;

  z-index: 3;

  bottom: 120px;

  left: 5%;

  background: rgba(0, 0, 0, 0.5);

  height: 120px;

  width: 90%;

  overflow: hidden;

  text-align: center;

  -moz-box-shadow: 0px 0px 4px #000000 inset, 0px 0px 1px rgba(255, 255, 255, 0.3);

  -webkit-box-shadow: 0px 0px 4px #000000 inset, 0px 0px 1px rgba(255, 255, 255, 0.3);

  box-shadow: 0px 0px 4px #000000 inset, 0px 0px 1px rgba(255, 255, 255, 0.3);

  border: 1px solid #000;

  margin-bottom: -3px;

}

#thumb-back,

#thumb-forward {

  position: absolute;

  z-index: 5;

  bottom: 42px;

  height: 100%;

  width: 40px;

  text-align: center;

  background: rgba(0, 0, 0, 0.4);

  bottom: 0;

  top: 0;

}

#thumb-back i,

#thumb-forward i {

  top: 45%;

  position: relative;

}

#thumb-back {

  left: 0;

}

#thumb-forward {

  right: 0;

}

#thumb-back:hover,

#thumb-forward:hover {

  cursor: pointer;

  background-color: rgba(256, 256, 256, 0.1);

  color: #fff;

}

#thumb-back:hover {

  border-right: 1px solid rgba(256, 256, 256, 0.2);

}

#thumb-forward:hover {

  border-left: 1px solid rgba(256, 256, 256, 0.2);

}

ul#thumb-list {

  display: inline-block;

  list-style: none;

  position: relative;

  left: 0px;

  padding: 0 0px;

  margin-top: 10px;

  margin-left: 0;

}

ul#thumb-list li {

  background: #111;

  list-style: none;

  display: inline;

  width: 130px;

  height: 90px;

  overflow: hidden;

  float: left;

  margin: 0 5px;

  position: relative;

  border: 1px solid #000;

  -moz-box-shadow: 0px 1px 3px #000;

  -webkit-box-shadow: 0px 1px 3px #000;

  box-shadow: 0px 1px 3px #000;

}

ul#thumb-list li img {

  width: 150px;

  height: auto;

  opacity: 0.5;

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

  filter: alpha(opacity=60);

}

ul#thumb-list li.current-thumb img,

ul#thumb-list li:hover img {

  opacity: 1;

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

  filter: alpha(opacity=100);

}

ul#thumb-list li:hover {

  cursor: pointer;

}

.slide_caption {

  z-index: 2;

  position: absolute;

  bottom: 15px;

  right: 7.69230769230769em;

  padding: 10px 15px;

  text-align: right;

  color: #ffffff;

  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);

  background-color: rgba(0, 0, 0, 0.7);

  max-width: 40%;

}

.slide_caption h2 {

  color: #ffffff;

  font-size: 2.53846153846154em;

  font-weight: bold;

}

.slide_caption p {

  font-size: 1.07692307692308em;

}

/*

==========================================

Video Background

========================================== 

*/

#video_bck {

  height: 100%;

  left: 0;

  margin: 0;

  position: relative;

  top: 0;

  width: 100%;

  z-index: 0;

}

#video_wrapper {

  height: 100%;

  width: 100%!important;

  overflow: hidden;

}

/*

==========================================

jPlayer

========================================== 

*/

#jquery_jplayer_1 {

  width: 0;

  height: 0;

  display: none;

}

#jp_interface_1 a {

  display: none;

}

/*

==========================================

Flex Slider

========================================== 

*/

.home_page_slider {

  margin-bottom: 4.61538461538462em;

}

.home_page_slider .flex-direction-nav {

  bottom: 80px;

}

.flexslider {

  overflow: hidden;

}

.flex-control-nav {

  top: 20px;

  bottom: inherit;

  right: 20px;

  width: auto;

  z-index: 2;

}

.flex-control-nav li {

  width: 14px;

  height: 14px;

  float: left;

  margin: 0 0 0 8px;

}

.flex-control-nav li a {

  width: 40px;

  height: 40px;

  line-height: 36px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  display: block;

  vertical-align: middle;

  text-align: center;

  color: #ffffff;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.7);

  border: #fff 2px solid;

  border: rgba(255, 255, 255, 0.7) 2px solid;

  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  font-size: 1.23076923076923em;

  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);

  outline: 0!important;

  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  width: 10px;

  height: 10px;

  border-width: 1px;

  left: 0;

  right: 0;

}

.flex-control-nav li a.flex-active,

.flex-control-nav li a:hover {

  background-color: rgba(255, 255, 255, 0.5);

}

.flex-direction-nav {

  position: absolute;

  right: 1.53846153846154em;

  bottom: 0;

  z-index: 2;

}

.flex-direction-nav li {

  margin-bottom: 1.15384615384615em;

}

.flex-direction-nav li a {

  width: 40px;

  height: 40px;

  line-height: 36px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  display: block;

  vertical-align: middle;

  text-align: center;

  color: #ffffff;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.7);

  border: #fff 2px solid;

  border: rgba(255, 255, 255, 0.7) 2px solid;

  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  font-size: 1.23076923076923em;

  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);

  outline: 0!important;

}

.flex-direction-nav li a:hover {

  background-color: #000000;

  border: #ffffff 2px solid;

  color: #ffffff;

}

.flexslider .slides li img {

  margin-bottom: -1px;

}

/*

==========================================

Content

========================================== 

*/

/*

Service Home

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

.service_wrap {

  margin-bottom: 4.61538461538462em;

}

.service_item h3 {

  border-bottom: 1px solid #dcdcdc;

  padding-bottom: 7px;

}

.service_item .service_icon i {

  line-height: 2em;

  font-size: 1.6em;

  color: #fff;

  width: 2em;

  height: 2em;

  display: block;

  -webkit-transition: all 200ms linear;

  -moz-transition: all 200ms linear;

  -o-transition: all 200ms linear;

  transition: all 200ms linear;

  background-color: #ff0099;

  -webkit-border-radius: 1em;

  -moz-border-radius: 1em;

  border-radius: 1em;

  text-align: center;

  margin: 0 auto;

}

.service_item:hover .service_icon i {

  line-height: 1.2em;

  font-size: 2.6em;

  color: #ff0099;

  height: 1.6em;

  width: 1.6em;

  background-color: transparent;

}

/*

Banner Call to Action

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

.banner_cta > div {

  background-color: #f7f6f6;

  padding: 2.5em 2em;

  position: relative;

}

.banner_cta > div .span2 {

  text-align: center;

}

.banner_cta > div a.btn {

  padding: 1em 1.8em;

  margin-top: 0.9em;

  text-align: center;

  font-size: 1.23076923076923em;

}

/*

Services Circles

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

.circle_service h3 {

  text-align: center;

  font-size: 1.375em;

  margin-bottom: 0.5em;

  -webkit-transition: all 300ms linear;

  -moz-transition: all 300ms linear;

  -o-transition: all 300ms linear;

  transition: all 300ms linear;

}

.circle_service .circle_icon {

  width: 12.5em;

  height: 12.5em;

  -webkit-border-radius: 7em;

  -moz-border-radius: 7em;

  border-radius: 7em;

  background-color: #e0dede;

  text-align: center;

  margin: 0 auto 0.625em auto;

  -webkit-transition: all 300ms linear;

  -moz-transition: all 300ms linear;

  -o-transition: all 300ms linear;

  transition: all 300ms linear;

}

.circle_service .circle_icon i {

  line-height: 1.8em;

  font-size: 7em;

  color: #fff;

  -webkit-transition: all 300ms linear;

  -moz-transition: all 300ms linear;

  -o-transition: all 300ms linear;

  transition: all 300ms linear;

}

.circle_service:hover h3 {

  color: #ff0099;

}

.circle_service:hover .circle_icon {

  background-color: #ff0099;

  -webkit-transform: scale(1.1);

  -moz-transform: scale(1.1);

  -ms-transform: scale(1.1);

  -o-transform: scale(1.1);

  transform: scale(1.1);

}

.circle_service:hover .circle_icon i {

  font-size: 10em;

  line-height: 1.3em;

  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);

}

/*

Read More Button

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

.read-more i {

  font-size: 0.84615384615385em;

  margin-left: 0.18181818181818em;

}

.read-more:hover i:before {

  text-decoration: none;

}

/*

==========================================

Footer

========================================== 

*/

.footer_wrap {

  background-color: #fff;

  margin-top: 0.5em;

  margin-left: 225px;

}

footer .widget {

  margin-top: 2em;

}

footer h4 {

  color: #fff;

  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);

  position: relative;

  border-bottom: 1px solid #ff0099;

  padding-bottom: 0.35714285714286em;

  margin-bottom: 0.8em;

  font-size: 1.15384615384615em;

}

footer p,

footer ul,

footer ol {

  font-size: 0.92307692307692em;

  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);

  color: #ffffff;

}

footer a:hover {

  text-decoration: underline;

  color: inherit;

}

footer ul,

footer ol {

  list-style: none;

  margin-left: 0;

}

footer ul li,

footer ol li {

  border-bottom: rgba(255, 255, 255, 0.2) 1px dotted;

  padding: 0.45714285714286em 0;

}

footer ul li > a,

footer ol li > a {

  display: block;

  padding: 2px 0;

  color: #ffffff;

  -webkit-transition: all 100ms linear;

  -moz-transition: all 100ms linear;

  -o-transition: all 100ms linear;

  transition: all 100ms linear;

}

footer ul li > a:hover,

footer ol li > a:hover {

  display: block;

  padding: 2px 0;

  color: #ffffff;

  margin-left: 1em;

}

footer .widget ul li:first-child {

  border-top: none;

}

footer .widget ul li ul li:last-child {

  border: none;

}

footer .widget ul li ul {

  margin-left: 30px;

  margin-bottom: 0;

  margin-top: 0!important;

}

footer .widget ul li ul,

#sidebar .widget ul li ul li ul {

  display: none;

}

footer .hasChildren span {

  float: right;

  background: url(images/sidebar_menu_arrow.png) no-repeat !important;

  width: 7px!important;

  height: 7px!important;

  margin-top: 5px;

}

/*-----------Recent & Popular Posts Widget-----------------*/

.widget_recent_posts ul li,

.widget_popular_posts ul li {

  margin-bottom: 0.6em;

  min-height: 55px;

}

.widget_recent_posts ul li .recent-post-img,

.widget_popular_posts ul li .recent-post-img {

  position: relative;

  float: left;

  margin-right: 10px;

}

.widget_recent_posts ul li .recent-post-img a,

.widget_popular_posts ul li .recent-post-img a {

  display: block;

}

.widget_recent_posts ul li .recent-post-img span,

.widget_popular_posts ul li .recent-post-img span {

  box-shadow: 0 0px 1px rgba(255, 255, 255, 0.7) inset;

  -moz-box-shadow: 0 0px 1px rgba(255, 255, 255, 0.7) inset;

  -webkit-box-shadow: 0 0px 1px rgba(255, 255, 255, 0.7) inset;

  position: absolute;

  width: 50px;

  height: 50px;

  display: block;

  top: 1px;

  left: 1px;

}

.widget_recent_posts ul li .recent-post-img img,

.widget_popular_posts ul li .recent-post-img img {

  border: #000 1px solid;

}

.widget_recent_posts ul li h6,

.widget_popular_posts ul li h6 {

  font-weight: bold;

  font-size: 0.8695652173913em;

}

.widget_recent_posts ul li h6 a,

.widget_popular_posts ul li h6 a {

  color: #fff;

}

.widget_recent_posts ul li h6 a:hover,

.widget_popular_posts ul li h6 a:hover {

  text-decoration: none;

  color: #d7d7d7;

}

.widget_recent_posts ul li time,

.widget_popular_posts ul li time {

  font-size: 0.95652173913043em;

  color: #e0e0e0;

}

/*-----------Testimonials Widget-----------------*/

footer .widget_testimonials ul li {

  display: block;

}

footer .widget_testimonials ul li cite {

  color: #919090;

  background: url(images/cite_testimonial.png) no-repeat;

  background-position: 0 1px;

  padding-left: 25px;

  margin-top: 0.6em;

  display: block;

}

footer .widget_testimonials ul li cite a {

  color: #919090;

}

footer .widget_testimonials .testimonials_nav {

  float: right;

  position: relative;

}

footer .widget_testimonials .testimonials_nav a {

  background: url(images/footer_icons.png) no-repeat;

  width: 21px;

  height: 21px;

  display: block;

  text-indent: -9999px;

  float: left;

  margin-left: 10px;

}

footer .widget_testimonials .testimonials_nav a.prev {

  background-position: 0 -33px;

}

footer .widget_testimonials .testimonials_nav a.next {

  background-position: 0 -64px;

}

/*-----------Twitter Widget-----------------*/

footer .twitter_widget .twitter li {

  background: url(images/footer_twitter_icon.png) no-repeat;

  background-position: 0 center;

  padding-left: 27px;

  padding-bottom: 5px;

  padding-top: 5px;

}

footer .twitter_widget .twitter li a:hover {

  margin-left: 0;

}

/*-----------Contact Info Widget-----------------*/

.contact_info .contact_info li {

  padding-left: 25px;

}

.contact_info .contact_info li.address {

  background: url(images/address_icon.png) no-repeat 0 center;

}

.contact_info .contact_info li.phone {

  background: url(images/phone_icon.png) no-repeat 0 center;

}

.contact_info .contact_info li.email {

  background: url(images/email_icon.png) no-repeat 0 center;

}

/*-----------Social Widget-----------------*/

footer .social a {

  margin: 7px 7px 7px 0;

}

/*Quick Contact													*/

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

footer .quick_contact .form {

  position: relative;

}

footer .quick_contact .form input {

  width: 100%;

  height: 2.5em;

  border: none;

  outline: none;

  line-height: 2.5em;

  padding: 0 10px;

  color: #a5a4a4;

  margin: 5px 0;

  font-size: 0.75em;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0px rgba(255, 255, 255, 0.1);

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0px rgba(255, 255, 255, 0.1);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0px rgba(255, 255, 255, 0.1);

  background: #2b2b2b;

  /* for non-css3 browsers */

  background: rgba(0, 0, 0, 0.25);

  /* for webkit browsers */



  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

footer .quick_contact .form input#quick_name {

  margin-top: 0;

}

footer .quick_contact .form .error {

  border-bottom: #F00 2px solid;

}

footer .quick_contact .form span {

  top: 7px;

  position: absolute;

  left: 15px;

  color: #898888;

  font-size: 0.7em;

  margin: 0;

}

footer .quick_contact .form span.email-span {

  top: 39px;

}

footer .quick_contact .form textarea {

  height: 9.16666666666667em;

  width: 100%;

  font-size: 0.75em;

  border: none;

  outline: none;

  padding: 10px;

  margin: 5px 0;

  color: #a5a4a4;

  overflow: auto;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0px rgba(255, 255, 255, 0.1);

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0px rgba(255, 255, 255, 0.1);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset, 0 1px 0px rgba(255, 255, 255, 0.1);

  background: #2b2b2b;

  /* for non-css3 browsers */

  background: rgba(0, 0, 0, 0.25);

  /* for webkit browsers */



  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

footer .quick_contact .form .send {

  font-size: 0.70em;

  float: right;

  margin-top: 0.8em;

}

footer .name-error,

footer .email-error,

footer .comments-error {

  display: none;

  position: absolute;

  left: 175px;

}

footer .name-error {

  top: 2px;

}

footer .email-error {

  top: 37px;

}

footer .comments-error {

  top: 73px;

}

footer .mesage {

  color: #fff;

  text-shadow: 0 1px 0 #000000;

}

/*

==========================================

Sub Footer

========================================== 

*/

.sub_footer_wrap {

  background-color: #fff;

  padding: 1em 0;

  margin-top: 2em;

}

.sub_footer_wrap p {

  font-size: 0.76923076923077em;

  margin: 0;

  padding: 0.5em 0px;

}

.sub_footer_wrap a:hover {

  color: #ffffff;

  text-decoration: none;

}

/*-----------Sub Footer Menu-----------------*/

.sub_footer_menu {

  list-style: none;

  float: right;

  margin: 0;

}

.sub_footer_menu li {

  float: left;

  margin-left: 0.625em;

}

.sub_footer_menu li a {

  color: inherit;

  font-size: 0.76923076923077em;

}

/*

==========================================

Blog

========================================== 

*/

/*Post										*/

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

article {

  position: relative;

}

.post_content {

  padding: 1.53846153846154em;

}

.entry {

  position: relative;

}

/*Page Title 								*/

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

.page_title {

  margin-bottom: 4em;

  text-align: center;

  border-bottom: #e8e8e8 1px solid;

}

.page_title h2 {

  margin-bottom: 0.17857142857143em;

  font-size: 2.46153846153846em;

}

.page_title p {

  font-style: italic;

  color: #a2a2a2;

  text-align: center;

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

}

.archive .page_title {

  margin-top: 1.53846153846154em;

}

/*Breadcrumbs								*/

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

#breadcrumbs {

  text-align: left;

  font-size: 0.76923076923077em;

}

#breadcrumbs a {

  color: #999999;

}

#breadcrumbs a:hover {

  text-decoration: none;

  color: #232323;

}

#breadcrumbs span {

  color: #BCBBBB;

}

/*Post Title 							*/

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

.entry h3 {

  font-size: 2em;

  margin-bottom: 0.3em;

}

.entry h3 a {

  color: inherit;

}

.entry h3 a:hover {

  color: #ff0099;

}

/*Post Icon 							*/

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

.post_icon {
  /*position: absolute;
  left: 0;
  top: -6em;
  z-index: 2;*/
  display:none;
}

.post_icon .icon_wrap {

  width: 40px;

  height: 40px;

  line-height: 36px;

  -webkit-border-radius: 20px;

  -moz-border-radius: 20px;

  border-radius: 20px;

  display: block;

  vertical-align: middle;

  text-align: center;

  color: #ffffff;

  background-color: #000;

  background-color: rgba(0, 0, 0, 0.7);

  border: #fff 2px solid;

  border: rgba(255, 255, 255, 0.7) 2px solid;

  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);

  font-size: 1.23076923076923em;

  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);

  outline: 0!important;

  margin-bottom: 0.38461538461538em;

}

.post_icon i {

  line-height: 1.7em;

  font-size: 1.375em;

  color: #fff;

}

.post_icon .icon_arrow {

  position: relative;

  bottom: 0;

  height: 1.15384615384615em;

}

.post_icon .icon_arrow span {

  position: absolute;

  bottom: 0;

  left: 10%;

}

/*Post Controls 							*/

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

.post .controls {

  position: absolute;

  top: -9em;

  right: 0;

  z-index: 2;

}

.post .controls ul li {

  margin-bottom: 0.6em;

}

/*Image Post Slider							*/

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

.post .flexslider .flex-direction-nav {

  display: none;

}

/*Image Post Slider							*/

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

.single .flexslider .flex-direction-nav {

  display: block;

}

/*Image Post								*/

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

.img_post {

  margin-bottom: 0em;

  overflow: hidden;

  position: relative;

}

.img_post a {

  display: block;

  text-align: center;

}

.img_post a img,

.img_post img {

  width: 100%;

  vertical-align: bottom;

}

/*Metadata 									*/

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

.metadata {

  margin: 0 0 0.6em 0;

  overflow: hidden;

}

.metadata .dl-horizontal dt {

  width: 22%;

  line-height: 1.55em;

  font-size: 0.84615384615385em;

}

.metadata .dl-horizontal dd {

  margin-left: 25%;

  font-size: 0.84615384615385em;

  color: #a6a5a5;

  line-height: 1.55em;

}

.metadata .dl-horizontal dd a {

  font-size: inherit;

  color: #a6a5a5;

}

.metadata ul {

  margin: 0;

}

.metadata ul li {

  list-style: none;

  /*padding-left:22px;*/



  font-size: 0.84615384615385em;

  margin: 0.38461538461538em 0;

  margin-right: 1.18181818181818em;

  color: #a6a5a5;

  font-style: italic;

  float: left;

}

.metadata ul li strong {

  color: #333333;

  font-style: normal;

}

.metadata ul li i {

  margin-right: 0.45454545454545em;

  font-size: 1.18181818181818em;

}

.metadata ul li:hover i {

  color: #ff0099;

}

.metadata ul li a {

  color: #a6a5a5;

}

.metadata ul li a:hover {

  color: #ff0099;

  text-decoration: none;

}

.metadata hr {

  margin: 0;

}

/*Fancy Tags for posts													*/

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

ul.fancy_tags {

  margin-top: 15px;

  clear: both;

  margin-left: 0;

}

ul.fancy_tags li {

  display: inline-block;

  margin: 0 0.90909090909091em 0.90909090909091em 0;

  float: left;

  border: none;

  font-size: 0.84615384615385em;

}

ul.fancy_tags li a {

  background-color: #dcdcdc;

  display: inline-block;

  padding: 3px 6px;

  color: #7f7f7f;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);

  font-weight: bold;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);

  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);

  outline: none;

}

ul.fancy_tags li a:hover {

  color: #4a4a4a;

  text-decoration: none;

  background-color: #cfcfcf;

  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2) inset;

  -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2) inset;

  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2) inset;

}

ul.fancy_tags li a:active {

  color: #4a4a4a;

  text-decoration: none;

  background-color: #cfcfcf;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;

}

/*Pagination															*/

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

.pagination a:hover {

  color: #ffffff;

}

/*More Link 															*/

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

.more-link {

  background-color: #ff0099;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  color: #fff;

  font-size: 0.84615384615385em;

  font-weight: bold;

  padding: 0.27272727272727em 0.54545454545455em;

  -webkit-transition: all 200ms linear;

  -moz-transition: all 200ms linear;

  -o-transition: all 200ms linear;

  transition: all 200ms linear;

}

.more-link:hover {

  color: #ff0099;

  background-color: #ffffff;

  text-decoration: none;

}

.more-link i {

  margin-left: 0.45454545454545em;

  font-weight: normal;

}

/*Edit Button															*/

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

a.post-edit-link {

  background: url(images/edit_entry_btn.png) no-repeat;

  height: 22px;

  width: 100px;

  display: block;

  text-indent: 28px;

  color: #8a8989;

  text-shadow: 0 1px 0 #fdfdfd;

  margin-top: 10px;

}

a.post-edit-link:hover {

  color: #656565;

  text-decoration: none;

}

/*Social Buttons															*/

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

.social_btns_e > div {

  float: left;

}

/*

==========================================

Default Format

========================================== 

*/

.default_format {

  min-height: 105px;

  background-color: #eeeeee;

}

.inner_shadow_format {

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;

}

/*

==========================================

Post Quote

========================================== 

*/

.post_icon i.quote-icon {

  line-height: 1.2em;

  font-size: 3.23076923076923em;

}

.post-quote .quote_content blockquote p {

  font-size: 1.61538em;

  line-height: 1.25em;

}

.quote_wrap {

  background-color: #ff0099;

  min-height: 300px;

}

.quote_wrap .quote_content blockquote {

  border: none;

  margin: 0;

}

.quote_wrap .quote_content blockquote p {

  color: #ffffff;

  font-size: 3.46153846153846em;

  margin-right: 60px;

  margin-left: 25px;

}

.quote_wrap .quote_content blockquote small {

  color: #ffffff;

  font-size: 1.92307692307692em;

  font-style: italic;

  text-align: right;

  margin-right: 60px;

}

.quote_wrap .quote_content blockquote small cite {

  font-style: italic;

}

/*

==========================================

Post Image

========================================== 

*/

.post-image .flex-container {

  margin-bottom: 0;

}

/*

==========================================

Post Audio

========================================== 

*/

.audio_wrap {

  position: relative;

  min-height: 500px;

}

.AudioPlayerV1 {

  position: absolute;

  top: 45%;

  left: 28%;

}

/*

==========================================

Post Video

========================================== 

*/

.post_video {

  height: 300px;

}

/*

==========================================

Pages

========================================== 

*/

.page #container {

  padding: 0;

}

.content_wrap {

  margin: 1.53846em auto;

  width: 90%;

}

/*===========================================================================*/

/*About Us																	 */

/*===========================================================================*/

.about_us .person_item img {

  max-width: 100%;

}

/*

==========================================

Comments

========================================== 

*/

#comments {

  padding: 1.53846em;

}

#comments h4 {

  font-size: 1.30769230769231em;

  border-bottom: 1px solid #eeeeee;

  padding-bottom: 5px;

}

.commentlist {

  margin-left: 0;

}

#comments ol.commentlist li {

  list-style: none;

  margin-bottom: 50px;

}

#comments .comment {

  margin-bottom: 40px;

}

#comments .comment-author {

  text-align: center;

}

#comments .comment-author div.inner-gravatar {

  border: #fff 1px solid;

  text-shadow: 0 1px 0 #fff;

  background: #e7e7e7;

  /* for non-css3 browsers */



  position: relative;

  -webkit-box-shadow: 0 0px 8px rgba(180, 180, 180, 0.6);

  -moz-box-shadow: 0 0px 8px rgba(180, 180, 180, 0.6);

  box-shadow: 0 0px 8px rgba(180, 180, 180, 0.6);

  width: 80px;

  height: 80px;

  margin: 0 auto;

  overflow: hidden;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

#comments .comment-author div.inner-gravatar div {

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;

  width: 80px;

  height: 80px;

  z-index: 10;

  position: absolute;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

#comments .comment-author img {

  z-index: 5;

}

#comments .comment-author cite {

  font-weight: bold;

  margin-top: 4px;

  font-size: 0.84615384615385em;

  display: block;

}

#comments .comment-author cite,

#comments .comment-author cite a {

  color: #757575;

  font-weight: normal;

}

#comments .comment-author .comment-meta a {

  color: #aeaeae;

  font-size: 10px;

}

ol.commentlist li .comment-entry {

  /*border:#c5c5c5 1px solid;*/



  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  border-radius: 5px ;

  margin: 0;

  text-shadow: 0 1px 0 #fff;

  background: #f1f0f0;

  /* for non-css3 browsers */



  position: relative;

}

.ie8 ol.commentlist li .comment-entry {

  width: 100%;

}

ol.commentlist li .comment-entry div.inner-comment {

  padding: 29px;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

}

.ie8 ol.commentlist li .comment-entry,

.ie7 ol.commentlist li .comment-entry {

  float: right;

  border: #cacaca 1px solid;

  margin: 0;

  background-color: #f3f3f3;

  /* for non-css3 browsers */



  position: relative;

}

ol.commentlist .comment-entry span.arrow_comment {

  /*background:url(images/comment_arrow.png) no-repeat;*/



  display: block;

  position: absolute;

  width: 31px;

  height: 28px;

  top: 17px;

  left: -22px;

}

.ie7 ol.commentlist .comment-entry span.arrow_comment,

.ie8 ol.commentlist .comment-entry span.arrow_comment {

  background: none;

}

.comment-meta {

  float: left;

  margin-left: 10px;

  margin-top: 5px;

  font-size: 11px;

  color: #c3c3c3;

}

.comment-meta a {

  font-size: 11px;

  color: #c3c3c3;

}

.comment-meta a:hover {

  text-decoration: underline;

}

.reply {

  float: right;

  clear: right;

}

.comment-reply-link {

  width: 54px;

  height: 23px;

  display: block;

  color: #7e7e7e;

  font-size: 11px;

  text-align: center;

  text-shadow: 0 1px 0 #fff;

  margin: 10px 0;

  line-height: 20px;

}

#comments ul.children {

  margin-left: 25px;

  margin-top: 20px;

  margin-bottom: 10px;

}

/*===========================================================================*/

/*Comments	Form															 */

/*===========================================================================*/

#respond {

  padding: 1.53846em;

}

#respond h4 {

  font-size: 1.30769230769231em;

  border-bottom: 1px solid #eeeeee;

  padding-bottom: 5px;

}

#respond .input {

  margin: 10px 15px 10px 0;

}

#respond .l_input {

  margin-right: 0;

}

#respond input {

  font-size: inherit;

  height: 1.92307692307692em;

}

#respond input:focus {

  outline: none;

  -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3) inset;

  -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3) inset;

  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3) inset;

  background: #fafafa;

}

#respond .input label {

  color: #8c8b8b;

  font-size: 13px;

  margin-bottom: 5px;

  display: block;

}

#respond textarea {

  min-width: 400px;

  height: 150px;

}

#respond textarea:focus {

  outline: none;

  -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3) inset;

  -moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3) inset;

  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3) inset;

  background: #fafafa;

}

#respond .add-on {

  color: #fff;

  background-color: #ff0099;

  border-color: #ff0099;

  text-shadow: none;

  height: 1.92307692307692em;

  width: 1.92307692307692em;

}

#respond .form-actions {

  background-color: transparent;

  border: none;

}

input.btn[type="submit"] {

  height: 2em;

}

#respond #submit-respond {

  height: 2em;

}

#respond #submit-respond {

  font-size: 0.84615384615385em;

}

#respond .controls {

  position: relative;

  top: 0;

}

/*

==========================================

Sidebar

========================================== 

*/

#sidebar {

  position: relative;

}

.left #sidebar {

  float: left;

}

/*

Widgets

--------------------------------

*/

#sidebar .widget {

  margin-bottom: 3.125em;

  position: relative;

  margin-left: 1.25em;

}

#sidebar #sidebar_mid div.bt {

  height: 1px;

}

#sidebar .widget h4 {

  position: relative;

  border-bottom: 1px solid #ff0099;

  padding-bottom: 0.35714285714286em;

  margin-bottom: 0.8em;

  font-size: 1em;

}

#sidebar .widget ul,

#sidebar .widget ol {

  margin-left: 0px;

  margin-bottom: 0;

  font-size: 0.84615384615385em;

}

#sidebar .widget .pagenav,

#sidebar .widget .linkcat {

  list-style: none;

}

#sidebar .widget ul li {

  list-style: none;

  border-bottom: #DFDFDF 1px dotted;

}

#sidebar .widget ul li:first-child {

  border-top: none;

}

#sidebar .widget ul li > a {

  color: inherit;

  padding: 0.63636363636364em 0;

  display: block;

}

#sidebar .widget ul li > a:hover {

  color: #ff0099;

}

#sidebar .widget ul li ul {

  margin-left: 30px;

  margin-bottom: 0;

  margin-top: 0!important;

}

#sidebar .widget ul li ul {

  font-size: inherit;

}

#sidebar .widget ul li ul li:last-child {

  border-bottom: none;

}

#sidebar .widget ul li ul,

#sidebar .widget ul li ul li ul {

  display: none;

}

#sidebar .hasChildren span {

  float: right;

  background: url(images/sidebar_menu_arrow.png) no-repeat !important;

  width: 7px!important;

  height: 7px!important;

  margin-top: 5px;

}

/*

Twitter Widget

--------------------------------

*/

#sidebar .twitter_widget ul li {

  background: url(images/twitter_side_icon.png) no-repeat 0 center;

  margin-bottom: 20px;

  min-height: 20px;

  padding: 5px 0px 5px  28px;

  border: none;

}

#sidebar .twitter_widget ul li:last-child {

  margin-bottom: 0px;

}

#sidebar .twitter_widget ul li a {

  display: inline;

  background: none!important;

  padding: 0!important;

}

/*

Ad Widget

--------------------------------

*/

#sidebar .ad_125 h4 {

  margin-bottom: 17px;

}

#sidebar .ad_125 a {

  margin: 4px;

  display: inline-block;

}

#sidebar .ad_125 a:hover img {

  opacity: 0.8;

}

/*

Recent Comments Widget

--------------------------------

*/

#sidebar .widget_recent_comments ul#recentcomments {

  margin-top: 17px;

}

#sidebar .widget_recent_comments ul li {

  background: url(images/comment_side_icon.png) 0 center no-repeat;

  padding-left: 28px;

  margin-bottom: 10px;

  border: none;

  color: #434343;

}

#sidebar .widget_recent_comments ul li a {

  display: inline;

  background: none;

  padding: 0;

}

/*

Tag Widget

--------------------------------

*/

#sidebar .widget_tag ul.wp-tag-cloud {

  margin-top: 20px;

}

#sidebar .widget_tag ul li {

  display: inline-block;

  margin: 0 0.90909090909091em 0.90909090909091em 0;

  float: left;

  border: none;

}

#sidebar .widget_tag ul li a {

  background-color: #dcdcdc;

  display: inline-block;

  padding: 3px 6px;

  color: #7f7f7f;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);

  font-weight: bold;

  font-size: 0.92307692307692em!important;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);

  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3);

  outline: none;

}

#sidebar .widget_tag ul li a:hover {

  color: #4a4a4a;

  text-decoration: none;

  background-color: #cfcfcf;

  -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2) inset;

  -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2) inset;

  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2) inset;

}

#sidebar .widget_tag ul li a:active {

  color: #4a4a4a;

  text-decoration: none;

  background-color: #cfcfcf;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;

}

/*

Subscribe & Twitter Buttons Widget

--------------------------------

*/

#sidebar .rss_tw_btn a.suscribe_btn {

  background: url(images/suscribe_btn.png) no-repeat;

  display: block;

  width: 122px;

  height: 32px;

  float: left;

  margin-right: 8px;

}

#sidebar .rss_tw_btn a.twitter_btn {

  background: url(images/twitter_btn.png) no-repeat;

  display: block;

  width: 122px;

  height: 32px;

  float: left;

  text-indent: -999em;

}

#sidebar .rss_tw_btn a:hover {

  opacity: 0.9;

}

.rss_tw_btn a.suscribe_btn {

  background: url(images/suscribe_btn.png) no-repeat;

  display: block;

  width: 122px;

  height: 32px;

  float: left;

  margin-right: 10%;

  text-indent: -999em;

}

.rss_tw_btn a.twitter_btn {

  background: url(images/twitter_btn.png) no-repeat;

  display: block;

  width: 122px;

  height: 32px;

  float: left;

}

.rss_tw_btn a:hover {

  opacity: 0.9;

}

/*

Search Widget

--------------------------------

*/

.widget_search {

  position: relative;

}

.widget_search #s {

  background: #fafafa;

  border: 1px solid #dfdfdf;

  width: 100%;

  height: 30px;

  display: block;

  padding: 0 40px 0 10px;

  line-height: 32px;

  color: #858585;

  -webkit-border-radius: 15px;

  -moz-border-radius: 15px;

  border-radius: 15px;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0px rgba(255, 255, 255, 0.1);

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0px rgba(255, 255, 255, 0.1);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0px rgba(255, 255, 255, 0.1);

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.widget_search #searchsubmit {

  background: url(images/search_btn.png) no-repeat;

  border: none;

  width: 17px;

  height: 17px;

  display: block;

  text-indent: -9999px;

  position: absolute;

  right: 15px;

  top: 7px;

  cursor: pointer;

  line-height: 0;

}

/*

Calendar Widget

--------------------------------

*/

/*http://johnsardine.com/download/dl-html-css/pretty-little-calendar-css3/*/

#wp-calendar {

  color: #666;

  font-size: 12px;

  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);

  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);

}

#wp-calendar a {

  color: #467b89;

}

#wp-calendar caption {

  background: #383838;

  color: #e0e0e0;

  font-size: 14px;

  padding: 10px 0;

  text-align: center;

  text-shadow: 0 -1px 0 #000000;

  -webkit-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0, 0, 0, 0.3);

  box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0, 0, 0, 0.3);

  border: 1px solid #373737;

  z-index: -99;

}

#wp-calendar thead th {

  font-size: 8px;

  padding: 5px 0;

  color: #666;

  text-transform: uppercase;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

  border-bottom: 1px solid #bbbbbb;

  background: #f7f7f7;

  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));

  background: -moz-linear-gradient(top, #f7f7f7, #f1f1f1);

}

#wp-calendar tbody td {

  color: #666;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

  padding: 8px;

  text-align: center;

  font-weight: bold;

  border: 1px solid;

  border-color: #fff #bbbbbb #bbbbbb #fff;

  background: #ededed;

  background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));

  background: -moz-linear-gradient(top, #ededed, #dedede);

}

#wp-calendar tbody td.pad {

  background: #f5f5f5;

  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));

  background: -moz-linear-gradient(top, #f5f5f5, #ececec);

}

#wp-calendar tfoot {

  color: #e0e0e0;

  font-size: 12px;

  text-align: center;

}

#wp-calendar tfoot tr {

  background: #f5f5f5;

  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));

  background: -moz-linear-gradient(top, #f5f5f5, #ececec);

}

#wp-calendar tfoot td {

  padding: 10px 10px;

}

#wp-calendar tfoot a {

  color: #666;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

}

#wp-calendar tfoot td#prev {

  text-align: left;

}

#wp-calendar tfoot td#next {

  text-align: right;

}

#wp-calendar #today {

  color: #fff;

  border: 1px solid #467b89;

  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);

  background: #6eafbf;

  background: -moz-radial-gradient(50% 50% 0deg, ellipse cover, #6eafbf, #569eb1);

  background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569eb1));

}

/*

Post Tabs Widget

--------------------------------

*/

.widget_post_tabs ul li {

  border-bottom: none!important;

  outline: none;

}

.widget_post_tabs ul li > a {

  padding: 8px 12px!important;

  outline: none;

}

.widget_post_tabs .nav-tabs {

  border-bottom: 1px solid #EBEBEB;

}

.widget_post_tabs .nav-tabs > .active > a {

  font-weight: bold;

  background-color: #f6f6f6;

  border-color: #EBEBEB #EBEBEB transparent;

}

.widget_post_tabs .tab-content {

  padding: 0.625em;

  background-color: #f6f6f6;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

.widget_post_tabs .tab-content ul li,

.widget_popular_posts ul li {

  margin-bottom: 0.6em;

  min-height: 5.45454545454545em;

}

.widget_post_tabs .tab-content ul li .recent-post-img,

.widget_popular_posts ul li .recent-post-img {

  position: relative;

  float: left;

  margin-right: 10px;

}

.widget_post_tabs .tab-content ul li .recent-post-img a,

.widget_popular_posts ul li .recent-post-img a {

  display: block;

  padding: 0!important;

}

.widget_post_tabs .tab-content ul li h6,

.widget_popular_posts ul li h6 {

  font-weight: bold;

  font-size: 0.8695652173913em;

}

.widget_post_tabs .tab-content ul li h6 a,

.widget_popular_posts ul li h6 a {

  color: #575757;

  padding: 0;

}

.widget_post_tabs .tab-content ul li h6 a:hover,

.widget_popular_posts ul li h6 a:hover {

  text-decoration: none;

  color: #000;

}

.widget_post_tabs .tab-content ul li time,

.widget_popular_posts ul li time {

  font-size: 0.95652173913043em;

  color: #909090;

}

/*

==========================================

Portfolio

========================================== 

*/

#portfolio_container {

  background-color: #FFF;

}

#portfolio_container .ql_filter {

  display: none;

}

.portfolio_item {

  width: 400px;

  float: left;

  overflow: hidden;

  height: auto;

}

.portfolio_item a {

  display: block;

  position: relative;

  width: 100%;

  height: 100%;

}

.portfolio_item img {

  width: 100%;

  margin: 0;

  height: auto;

  vertical-align: bottom;

}

.portfolio_item a .ql_hover {

  width: 100%;

  height: 100%;

  display: none;

  position: absolute;

  background: rgb(18, 37, 45); /* Fall-back for browsers that don't support rgba */

  background: rgba(18, 37, 45, .8);

  color: #ffffff;

  text-align: center;

  text-shadow: 1px 1px #12252d;

  padding:10px;

}

.portfolio_item a:hover .ql_hover {

  display: block;

}

.portfolio_item .ql_hover > .ql_hover_content {

  display: table;

  height: 100%;

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

}

.portfolio_item .ql_hover > .ql_hover_content > div {

  display: table-cell;

  vertical-align: middle;
  /*padding-left: 4%!important; Check for Chrome browsers*/

}

.portfolio_item .ql_hover h2 {

  color: inherit;

  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  font-weight:400!important;

}

.portfolio_item .ql_hover .portfolio_cats {

  position: absolute;

  bottom: 10px;

  font-size: 0.84615384615385em;

  width: 100%;

  color: #eeeeee;

}

.portfolio_item .da-animate {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

/* Initial state classes: */

.da-slideFromTop {

  left: 0px;

  top: -100%;

}

.da-slideFromBottom {

  left: 0px;

  top: 100%;

}

.da-slideFromLeft {

  top: 0px;

  left: -100%;

}

.da-slideFromRight {

  top: 0px;

  left: 100%;

}

/* Final state classes: */

.da-slideTop {

  top: 0px;

}

.da-slideLeft {

  left: 0px;

}

/*Portfolio Style 2 */

.pfolio2 .portfolio_item a img {

  opacity: 0.4;

  filter: alpha(opacity=40);

}

.pfolio2 .portfolio_item a:hover img {

  opacity: 1;

  filter: alpha(opacity=100);

}

.pfolio2 .portfolio_item a .ql_hover {

  width: 100%;

  height: 60px;

  bottom: -60px;

  left: 0!important;

  display: block;

  position: absolute;

  background-color: rgba(0, 0, 0, 0.7) !important;

  color: #ffffff;

  text-align: left;

  -webkit-transition: all 200ms linear;

  -moz-transition: all 200ms linear;

  -o-transition: all 200ms linear;

  transition: all 200ms linear;

}

.pfolio2 .portfolio_item a:hover .ql_hover {

  display: block;

  bottom: 0;

}

.pfolio2 .portfolio_item .ql_hover > .ql_hover_content {

  display: table;

  height: 100%;

  position: absolute;

  width: 100%;

  padding: 0 10px;

}

.pfolio2 .portfolio_item .ql_hover > .ql_hover_content > div {

  display: table-cell;

  vertical-align: middle;

}

.pfolio2 .portfolio_item .ql_hover h2 {

  color: inherit;

  margin-bottom: 0;

  font-size: 1.30769230769231em;

  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);

}

.pfolio2 .portfolio_item .ql_hover .portfolio_cats {

  position: relative;

  font-size: 0.84615384615385em;

  color: #eeeeee;

  bottom: 0;

}

/* Initial state classes: */

.pfolio2 .da-slideFromTop {

  bottom: 0;

  top: auto;

}

.pfolio2 .da-slideFromBottom {

  bottom: 0;

  top: auto;

}

.pfolio2 .da-slideFromLeft {

  bottom: 0;

  top: auto;

}

.pfolio2 .da-slideFromRight {

  bottom: 0;

  top: auto;

}

/* Final state classes: */

.pfolio2 .da-slideTop {

  bottom: 0;

  top: auto;

}

.pfolio2 .da-slideLeft {

  bottom: 0;

  top: auto;

}

/*

Portfolio Single

------------------------

*/

#portfolio_content {

  padding: 20px;

}

.portfolio_post {

  border-right: 1px #eeeeee solid;

  padding-right: 2.5641%;

  margin-bottom: 0;

}

.portfolioItem_sidebar ul li {

  margin-bottom: 0.76923076923077em;

}

.custom_cats {

  margin-bottom: 1.53846153846154em;

}

.page-template-portfolio-3columns-php header,

.page-template-portfolio-2columns-php header,

.page-template-portfolio-4columns-php header,

.page-template-portfolio-1column-php header {

  margin-bottom: 0;

}

.portfolio_page h2 {

  margin-bottom: 25px;

}

/*

Sort Buttons

--------------------------------

*/

ul.source {

  margin-bottom: 1.25em;

  margin-left: 0;

  overflow: hidden;

}

ul.source li {

  display: inline;

  margin-right: 15px;

  position: relative;

  float: left;

}

ul.source li a {

  display: block;

  color: #929292;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  font-size: 0.6875em;

  font-weight: bold;

  padding: 0.27272727272727em 0.54545454545455em;

  outline: none;

}

ul.source li a:hover {

  color: #ff0099;

}

ul.source li.active a {

  background-color: #ff0099;

  color: #fff;

}

ul.source li.active a:hover {

  color: #ff0099;

  background-color: #ffffff;

  text-decoration: none;

}

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

ul.portfolio_items {

  display: block;

  letter-spacing: -4px;

  list-style-type: none;

  margin: 0;

  padding: 0;

  word-spacing: -4px;

}

ul.portfolio_items li {

  list-style: none;

  display: inline-block;

  letter-spacing: normal;

  padding: 0;

  position: relative;

  vertical-align: top;

  word-spacing: normal;

}

ul.portfolio_items li .portfolio_img_wrap {

  position: relative;

}

ul.portfolio_items li a.portfolio_img {

  position: relative;

  clear: both;

  z-index: 1;

}

.shadow_portfolio {

  float: left;

  z-index: 0;

  position: absolute;

  bottom: 0;

  left: 0;

}

/*

#content .portfolio_items a.more-link:hover{

	color:#656565;

	text-decoration:none;

}

*/

#content .portfolio_items .portfolio_info p {

  color: #AAAAAA;

}

/*1 Column-------------------------------------------------------*/

ul.portfolio1 li {

  margin-bottom: 30px;

}

ul.portfolio1 li .portfolio_img span {

  position: absolute;

  width: 700px;

  height: 490px;

  display: none;

  z-index: 10;

  top: 0px;

  left: 0px;

}

ul.portfolio1 li a.portfolio_img img {

  position: relative;

}

ul.portfolio1 li a.portfolio_img {

  width: 700px;

  height: 490px;

  display: block;

}

ul.portfolio1 li .portfolio_img_wrap {

  width: 700px;

  height: 490px;

}

ul.portfolio1 .portfolio_info a.more-link {

  margin-top: 0!important;

  left: 0px!important;

}

/*2 Columns-------------------------------------------------------*/

ul.portfolio2 li {

  margin-bottom: 30px;

  /*float:left;	*/



  width: 320px;

  margin-right: 30px;

}

ul.portfolio2 li .portfolio_img span {

  position: absolute;

  width: 320px;

  height: 225px;

  display: none;

  z-index: 10;

  top: 0px;

  left: 0px;

}

ul.portfolio2 li a.portfolio_img img {

  position: relative;

}

ul.portfolio2 li a.portfolio_img {

  width: 320px;

  height: 225px;

  display: block;

}

ul.portfolio2 li .portfolio_img_wrap {

  width: 320px;

  height: 225px;

}

ul.portfolio2 .portfolio_info a.more-link {

  margin-top: 0!important;

  left: 0px!important;

}

/*3 Columns-------------------------------------------------------*/

ul.portfolio3 li {

  margin-bottom: 30px;

  /*float:left;	*/



  width: 205px;

  margin-right: 25px;

}

ul.portfolio3 li .portfolio_img span {

  position: absolute;

  width: 205px;

  height: 150px;

  display: none;

  z-index: 10;

  top: 0px;

  left: 0px;

}

ul.portfolio3 li a.portfolio_img img {

  position: relative;

}

ul.portfolio3 li a.portfolio_img {

  width: 205px;

  height: 150px;

  display: block;

}

ul.portfolio3 li .portfolio_img_wrap {

  width: 205px;

  height: 150px;

}

ul.portfolio3 .portfolio_info h3 {

  font-size: 15px;

}

ul.portfolio3 .portfolio_info a.more-link {

  margin-top: 0!important;

  left: 0px!important;

}

ul.portfolio3 .portfolio_img span.zoom {

  bottom: -2px;

}

/*4 Columns-------------------------------------------------------*/

ul.portfolio4 li {

  margin-bottom: 20px;

  /*float:left;	*/



  width: 195px;

  margin-right: 30px;

}

ul.portfolio4 li .portfolio_img span {

  position: absolute;

  width: 195px;

  height: 130px;

  display: none;

  z-index: 10;

  top: 0px;

  left: 0px;

}

ul.portfolio4 li a.portfolio_img img {

  position: relative;

}

ul.portfolio4 li a.portfolio_img {

  float: left;

  width: 195px;

  height: 130px;

}

ul.portfolio4 li .portfolio_img_wrap {

  float: left;

  width: 195px;

  height: 145px;

}

ul.portfolio4 .portfolio_info {

  float: left;

  width: 195px;

}

ul.portfolio4 .portfolio_info h3 {

  font-size: 13px;

}

ul.portfolio4 .portfolio_info a.more-link {

  margin-top: 0!important;

  left: 0px!important;

}

ul.portfolio4 .portfolio_img span.zoom {

  bottom: -2px;

}

.single-portfolio .img_post a {

  display: block;

  margin-bottom: -2px;

}

/*

==========================================

Masonry

========================================== 

*/

#masonry_container {

  margin: 0 auto;

}

.masonry_item {

  width: 290px;

  margin-right: 20px;

  margin-bottom: 20px;

  float: left;

  background-color: #f1f1f1;

}

.masonry_item .masonry_desc {

  padding: 15px;

  border-bottom: 2px solid #ff0099;

}

.masonry_item .masonry_desc h4 {

  color: #575757;

  margin-bottom: 0.3em;

}

/*===========================================================================*/

/*Default Images Classes													 */

/*===========================================================================*/

.sticky,

.bypostauthor,

.gallery-caption {

  display: normal;

}

.alignnone {

  margin: 1em 1em 1em 0;

}

.aligncenter,

div.aligncenter {

  display: block;

  margin: .5em auto;

}

.alignright {

  float: right;

  margin: 0 0 1em 1em;

}

.alignleft {

  float: left;

  margin: 0 1em 1em 0;

}

.aligncenter {

  display: block;

  margin: 1em auto;

}

img[class*="align"],

img[class*="wp-image-"] {

  max-width: 100%;

  height: auto;

}

img.wp-smiley {

  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;

}

img.alignright {

  margin-left: 1em 0 1em 1em;

}

img.alignleft {

  margin: 1em 1em 1em 0;

}

img.aligncenter {

  display: block;

  margin: 1em auto;

}

img#wpstats {

  display: block;

  margin: 0 auto;

}

img[class*="align"],

img[class*="wp-image-"],

.gallery .gallery-icon img {

  border: none;

}

.wp-caption {

  margin-bottom: 1em;

  margin-left: 0;

  max-width: 96%;

  text-align: center;

}

.wp-caption img {

  display: block;

  margin: 0 auto;

}

.wp-caption-text {

  position: relative;

  font-size: .8em;

}

/*===========================================================================*/

/*Defaul WP Gallery															 */

/*===========================================================================*/

.gallery {

  margin: 0 auto;

}

.gallery .gallery-item {

  margin: 0;

  float: left;

  text-align: center;

  width: 29%!important;

  margin-left: 7px;

  margin-right: 7px;

}

.gallery a img {

  border: none;

}

.gallery-columns-4 .gallery-item {

  width: 21%!important;

  margin-left: 7px;

  margin-right: 7px;

}

.gallery-columns-4 .gallery-item img {

  height: auto;

}

@media only screen and (max-width: 480px) {

  .gallery-columns-2 .gallery-item {

    width: 50%;

  }

  .gallery-columns-2 .gallery-item img {

    width: 100%;

    height: auto;

  }

}

/*

==========================================

Global Styles

========================================== 

*/

.box_b {

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);

  /*padding: 5px;*/



  margin-bottom: 0.6em;

  border: 3px solid #fff!important;

}

.cool_divider {

  background: url(images/line_divider.png) bottom repeat-x;

  padding-bottom: 3px;

  border: none;

  margin: 2em 0;

}

.line_title {

  background: url(images/line_title.png) center no-repeat;

  border: none;

  text-align: center;

}

.line_title span {

  padding: 0 1em;

  background-color: #ffffff;

}

.in_shadow {

  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) inset;

  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) inset;

  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) inset;

}

.full_pattern {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 1;

}

.preloader {

  background: url(images/preloader.gif) center center no-repeat #000000;

  position: absolute;

  width: 100%;

  height: 100%;

  display: block;

}

/*Call To Action Button													*/

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

.btn-cta {

  background-color: #cf3600 !important;

  background-image: none;

  color: #ffffff;

  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) inset;

  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) inset;

  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) inset;

  border: none;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);

  font-weight: bold;

}

.btn-cta:hover {

  color: #ffffff;

  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);

  opacity: 0.9;

  filter: alpha(opacity=90);

}

/*More Link 															*/

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

.simple_btn {

  background-color: #ff0099;

  -webkit-border-radius: 3px;

  -moz-border-radius: 3px;

  border-radius: 3px;

  color: #fff;

  font-size: 0.6875em;

  font-weight: bold;

  padding: 0.27272727272727em 0.54545454545455em;

}

.simple_btn:hover {

  color: #ff0099;

  background-color: #ffffff;

  text-decoration: none;

}

.simple_btn i {

  margin-left: 0.45454545454545em;

  font-weight: normal;

}

.triangle-up {

  width: 0;

  height: 0;

  border-left: 1.15384615384615em solid transparent;

  border-right: 1.15384615384615em solid transparent;

  border-bottom: 1.15384615384615em solid #ffffff;

}

.accordion-group {

  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(255, 255, 255, 0.5) inset;

  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(255, 255, 255, 0.5) inset;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 -1px 0px rgba(255, 255, 255, 0.5) inset;

  background-color: #f8f8f8;

  background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));

  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);

  background-image: -o-linear-gradient(top, #ffffff, #eeeeee);

  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);

  border-bottom-color: #bbb;

}

#submit-form {

  height: 3em!important;

}

/*

// LARGE DESKTOP & UP

// ------------------

*/

@media (min-width: 1200px) {

  .jqueryslidemenu ul li ul.children {

    display: none;

  }

  .flexslider .slides li img {

    width: 100%;

  }

  /*

  	Audio Player

  	========================================== 

  	*/

  .AudioPlayerV1 {

    width: 670px!important;

  }

  .APV1_container {

    width: 473px!important;

  }

  /*

  	Video Player

  	========================================== 

  	*/

  .format-video #post_video {

    height: 376px;

  }

}

/*

// LPortrait tablet to landscape and desktop

// ------------------

*/

@media (min-width: 979px) and (max-width: 1199px) {

  /*

  	Audio Player

  	========================================== 

  	*/

  .AudioPlayerV1 {

    width: 540px!important;

    left: 20%;

  }

  .APV1_container {

    width: 343px!important;

  }

  /*

  	Video Player

  	========================================== 

  	*/

  .format-video #post_video {

    height: 303px;

  }

  /*2 Columns-------------------------------------------------------*/

  ul.portfolio2 li {

    width: 434px;

    margin-right: 3%;

  }

  /*3 Columns-------------------------------------------------------*/

  ul.portfolio3 li {

    width: 283px;

  }

  /*4 Columns-------------------------------------------------------*/

  ul.portfolio4 li {

    width: 206px;

  }

  /*Fold Corner						 								*/

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

  .fold_corner2 {

    background: url("images/diagonal_white2.png") no-repeat scroll right 120px;

  }

}

@media (min-width: 768px) and (max-width: 978px) {

  body {

    position: relative;

  }

  #controls {

    position: absolute;

  }

  #header {

    position: relative;

    right: 0;

    width: 100%;

    /*margin-bottom: 1.53846153846154em;*/

  

  }

  #header .navbar {

    display: none;

  }

  .tinynav {

    display: block;

  }

  #nav {

    display: none;

  }

  .filter_list > ul > li {

    float: left;

    margin-right: 1.53846153846154em;

  }

  #header_bottom {

    position: relative;

    margin-top: 2.5em;

  }

  #container {

    margin-left: 0;

  }

  .footer_wrap {

    margin-left: 0px;

  }

  /*

  	Audio Player

  	========================================== 

  	*/

  .AudioPlayerV1 {

    width: 540px!important;

    left: 20%;

  }

  .APV1_container {

    width: 343px!important;

  }

  /*

  	Content

  	========================================== 

  	*/

  .service_item .service_icon i {

    line-height: 1.8em;

    font-size: 1.5em;

    width: 1.8em;

    height: 1.8em;

    -webkit-border-radius: 0.9em;

    -moz-border-radius: 0.9em;

    border-radius: 0.9em;

  }

  .service_item:hover .service_icon i {

    line-height: 0.8em;

    font-size: 1.9em;

    height: 1.3em;

    width: 1.3em;

  }

  .metadata ul li {

    float: left;

  }

  /*

  	Video Player

  	========================================== 

  	*/

  .format-video #post_video {

    height: 232px;

  }

  /*2 Columns-------------------------------------------------------*/

  ul.portfolio2 li {

    width: 332px;

    margin-right: 3%;

  }

  /*3 Columns-------------------------------------------------------*/

  ul.portfolio3 li {

    width: 216px;

  }

  /*4 Columns-------------------------------------------------------*/

  ul.portfolio4 li {

    width: 159px;

  }

  /*Fold Corner						 								*/

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

  .fold_corner2 {

    background: url("images/diagonal_white2.png") no-repeat scroll right 80px;

  }

}

/*

// Landscape phone to portrait tablet

// ------------------

*/

@media (min-width: 481px) and (max-width: 767px) {

  #wrap {

    display: block;

  }

  body {

    padding: 0;

  }

  body {

    position: relative;

  }

  #controls {

    position: absolute;

  }

  #header {

    position: relative;

    right: 0;

    width: 100%;

    /*margin-bottom: 1.53846153846154em;*/

  

  }

  #header .navbar {

    display: none;

  }

  .tinynav {

    display: block;

  }

  #nav {

    display: none;

  }

  .filter_list > ul > li {

    float: left;

    margin-right: 1.53846153846154em;

  }

  #header_bottom {

    position: relative;

    margin-top: 2.5em;

  }

  #container {

    margin-left: 0;

  }

  .footer_wrap {

    margin-left: 0px;

  }

  /*

  	Audio Player

  	========================================== 

  	*/

  .AudioPlayerV1 {

    left: 18%;

  }

  /*

  	Content

  	--------------------------------

  	*/

  .circle_service .circle_icon {

    height: 9em;

    width: 9em;

    -webkit-border-radius: 4.5em;

    -moz-border-radius: 4.5em;

    border-radius: 4.5em;

  }

  .circle_service .circle_icon i {

    font-size: 5em;

    line-height: 1.9em;

  }

  .circle_service:hover .circle_icon i {

    font-size: 7em;

    line-height: 1.3em;

  }

  .metadata ul li {

    float: left;

  }

  h1 {

    font-size: 1.7em;

  }

  h2 {

    font-size: 1.45em;

  }

  h3 {

    font-size: 1.075em;

  }

  /*

  	Footer

  	--------------------------------

  	*/

  .footer_wrap {

    padding: 0 1.25em;

  }

  .sub_footer_wrap {

    padding: 1em;

  }

  /*

  	Sidebar

  	--------------------------------

  	*/

  #sidebar .widget {

    margin-left: 0em;

  }

  /*

  	Video Player

  	========================================== 

  	*/

  .format-video #post_video {

    height: 370px;

  }

  .portfolio_post {

    border-right: none;

    padding-right: 0;

  }

  /*2 Columns-------------------------------------------------------*/

  ul.portfolio2 li,

  ul.portfolio3 li,

  ul.portfolio4 li {

    width: 100%;

    margin-right: 0;

  }

}

/*

// Landscape phones and down

// ------------------

*/

@media (max-width: 480px) {

  #wrap {

    display: block;

  }

  body {

    padding: 0;

  }

  body {

    position: relative;

  }

  #controls {

    position: absolute;

  }

  #ss_thumb_tray {

    width: 70%;

    left: 10%;

  }

  #header {

    position: relative;

    right: 0;

    width: 100%;

    /*margin-bottom: 1.53846153846154em;*/

  

  }

  #header .navbar {

    display: none;

  }

  .tinynav {

    display: block;

  }

  #nav {

    display: none;

  }

  .filter_list > ul > li {

    float: left;

    margin-right: 1.53846153846154em;

  }

  #header_bottom {

    position: relative;

    margin-top: 2.5em;

  }

  #container {

    margin-left: 0;

  }

  /*

  	Footer

  	--------------------------------

  	*/

  .footer_wrap {

    margin-left: 0px;

  }

  /*

  	Content

  	--------------------------------

  	*/

  .circle_service .circle_icon {

    height: 9em;

    width: 9em;

    -webkit-border-radius: 4.5em;

    -moz-border-radius: 4.5em;

    border-radius: 4.5em;

  }

  .circle_service .circle_icon i {

    font-size: 5em;

    line-height: 1.9em;

  }

  .circle_service:hover .circle_icon i {

    font-size: 7em;

    line-height: 1.3em;

  }

  .metadata ul li {

    float: left;

  }

  h1 {

    font-size: 1.5em;

  }

  h2 {

    font-size: 1.25em;

  }

  h3 {

    font-size: 0.875em;

  }

  /*

  	Footer

  	--------------------------------

  	*/

  .footer_wrap {

    padding: 0 1.25em;

  }

  .sub_footer_wrap {

    padding: 1em;

  }

  /*

  	Sidebar

  	--------------------------------

  	*/

  #sidebar .widget {

    margin-left: 0em;

  }

  /*

  	Audio Player

  	========================================== 

  	*/

  .AudioPlayerV1 {

    width: 269px!important;

    left: 10%;

  }

  .APV1_container {

    width: 72px!important;

  }

  /*

  	Video Player

  	========================================== 

  	*/

  .format-video #post_video {

    height: 201px;

  }

  .format-quote .quote_content blockquote > p {

    font-size: 2.30769230769231em;

  }

  .portfolio_post {

    border-right: none;

    padding-right: 0;

  }

  /*2 Columns-------------------------------------------------------*/

  ul.portfolio2 li,

  ul.portfolio3 li,

  ul.portfolio4 li {

    width: 100%;

    margin-right: 0;

  }

}

/*

==========================================

LESS Variables and Mixins

========================================== 

*/

.clearfix {

  *zoom: 1;

}

.clearfix:before,

.clearfix:after {

  display: table;

  content: "";

  line-height: 0;

}

.clearfix:after {

  clear: both;

}

.hide-text {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}

.input-block-level {

  display: block;

  width: 100%;

  min-height: 30px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

@media print {

  * {

    background: transparent !important;

    color: black !important;

    text-shadow: none !important;

    filter: none !important;

    -ms-filter: none !important;

  }

  a,

  a:visited {

    color: #444 !important;

    text-decoration: underline;

  }

  a[href]:after {

    content: " (" attr(href) ")";

  }

  abbr[title]:after {

    content: " (" attr(title) ")";

  }

  .ir a:after,

  a[href^="javascript:"]:after,

  a[href^="#"]:after {

    content: "";

  }

  pre,

  blockquote {

    border: 1px solid #999;

    page-break-inside: avoid;

  }

  thead {

    display: table-header-group;

  }

  tr,

  img {

    page-break-inside: avoid;

  }

  @page  {

    margin: 0.5cm;

  }

  p,

  h2,

  h3 {

    orphans: 3;

    widows: 3;

  }

  h2,

  h3 {

    page-break-after: avoid;

  }

}

/*Remove code background*/

code {

    background-color: #fff;

    border: 0px solid #E1E1E8;

    color: #DD1144;

    padding: 2px 4px;

}
/*Remove filter from People Page*/
body.page-id-3546 .filter_list { display: none !important; }