/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------

General
    - Global

    - Buttons
    - Images
    - Extra
    - Pagination
    - BuddyPress
    - Videos
    - Revolution Slider
    - Flex Slider
    - Fred Carousel
    - Tips
    - PhotoSwipe
    - Fixes
    - Social
    - Forms
    - Mobile Menu
    - JPlayer

Header
    - Main Menu
    - Search

Content
    - Home
        - Services
        - Portfolio
        - Wide Portfolio Grid
        - Clients
        - HtmlBox
    - About US
    - Contact
    - Other Pages

Elements
    - Select

Sidebars
    - Latest Posts Widget
    - Services
    - Portfolio
    - Testimonials
    - Lists (Other Widgets)
    - Calendar
    - Tag Cloud

Shortcodes

Footer
    - Widgets
    - Scroll Up Button
*/

/* ---------------------------------------------------
   General
--------------------------------------------------- */

/* Overrides */

.github-edit {
	background-color:#fdb515;
	padding: 10px 24px;
	color:#fff;
	font-size: 24px;
	position:fixed;
	right: 0;
		-webkit-transition: background-color .2s; /* Safari */
    transition: background-color .2s;

}

.github-edit:hover {
	-webkit-transition: background-color .2s; /* Safari */
    transition: background-color .2s;
	background-color: #003262;
}

.git-message {
	background: #eee;
	padding: 30px;
	margin-bottom: 30px;
}


.gsc-adBlock {
	/* hide adwords in search results*/
	/* display: none; */
}

input#beopen-quick-search-box {
	width: 30%;
	min-width: 200px;
	float: right;
}


* {
    margin: 0;
    padding: 0;
    outline: 0;
}
body,
html {
    height: 100%;
}
html {
	 /* fix no JS scrolling issue
    overflow: hidden;
    */
    overflow: auto;
}
html.beopen-overflow-scroll {
    /* overflow: visible; */
}
body {
    font-size: 15px;
    line-height: 24px;
    font-family: 'Open Sans', arial, sans-serif;
    color: #646B72;
    -webkit-text-size-adjust: none;


}
.beopen-logo-retina {
    width: 50%;
}
img#wpstats {
    display: none;
}
body.home {} #container {
    background: #fff;
 	/* use padding if top banner is active*/
    /* padding-top: 65px!important; */
}
.beopen-grid-margin {
    display: block;
    padding-left: 50px;
    padding-right: 50px;
}
#sidebar .beopen-grid-margin {
    padding: 0px;
}
input.sum,
input.captcha {
    display: inline-block;
    width: 35px;
    margin: 5px;
}
a {
    text-decoration: none;
    font-weight: bold;
}
.ui-dialog,
.ui-widget,
.ui-widget-content,
.ui-corner-all,
.ui-front,
.ui-draggable,
.ui-resizable {
    z-index: 99;
}
.beopen-wrap:before {
    position: absolute;
    font-family: 'fontello';
    font-weight: normal;
    line-height: 30px;
    font-size: 16px;
    z-index: 10;
    display: block;
    color: #ddd;
    right: 0px;
    margin-right: 25px;
    margin-top: 10px;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
}
.search-icon:before {
    content: '\e81b';
}
.email-icon:before {
    content: '\e81d';
}
.company-icon:before {
    content: '\e8c8';
}
.phone-icon:before {
    content: '\e861';
}
.author-icon:before {
    content: '\e817';
}
.url-icon:before {
    content: '\e82f';
}
i.beopen-icon {
    font-family: 'fontello';
    font-style: normal;
    font-size: 30px;
    line-height: 1.2em;
}
.entypo {
    font-family: 'fontello';
    font-size: 52px;
    color: #cdcdcd;
}
.process .entypo {
    line-height: 140px;
}
.feature .entypo {
    color: #fefefe;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1;
}

.three-column { width: 33.3%; float: left; padding: 0 10px;}

@media screen and (max-width: 480px){
	.book-quote {
		width: 100%!important;
		float: left;
	}

	.book-image {
		margin: 0;
		width: 100%!important;
		float: left;
	}
}

@media screen and (max-width: 960px){
	.three-column { width: 100%; float: left; padding: 10px 0; float: left !important; display: inline-block!important;}

	.book-quote {
		width: 50%;
		float: right;
	}

	.inner-column-wrap {
		padding: 20px!important;
	}

	.book-image {
		margin: 0;
	}

	.book-details-head {
		width: 120px!important;
		text-align: left!important;
	}
}




.inner-column-wrap {box-sizing: border-box; border: 1px solid #ddd; padding: 10px;}

ul.book-details { list-style: none; }

.book-details-head {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	width: 50%;
	float: left;
	display: inline-block;
	text-align: right;
	padding-right: 15px;
}

.book-details-info {width: 50%; display: inline-block; }


.three-logo-row {
clear: both;
width: 100%;
display: inline-block;
margin: 0 auto;
float: left;
}

.three-logo-wrap {

	width: 100%;
text-align: center;
}

.two-logos {
height: 150px;
width: 200px;
padding: 10px;
vertical-align: middle;


}

.three-logos {
	height: 75px;
width: 150px;
padding: 10px;
vertical-align: middle;
	}



/* ---------------------------------------------------
   General :: Global
--------------------------------------------------- */
#wpcf7-f3967-o1 p {
    margin: 0;
}
#insightly_web_to_contact label,
#wpcf7-f3967-o1 label,
.mc4wp-form label {
    color: #fff;
}
#insightly_web_to_contact input,
#wpcf7-f3967-o1 input,
.mc4wp-form input {
    padding: 7px;
    margin-bottom: 4px;
}
#insightly_web_to_contact input[type="submit"],
#wpcf7-f3967-o1 input[type="submit"],
.mc4wp-form input[type="submit"] {
    float: right;
    margin-top: 5px;
    background: #444;
    box-shadow: 0px 2px 0px #999;
}
.layout-type-boxed #container {
    max-width: 1280px;
    margin: auto;
    overflow: hidden;
    /*margin-top: 40px;*/

    position: relative;
}
.layout-type-boxed .beopen-limited-width {
    width: 1280px;
    margin: auto;
}
.beopen-boxed-layout {
    overflow: hidden;
}
.beopen-hidden {
    opacity: 0;
    display: none;
}
.beopen-boxed-layout .container {
    width: 980px;
    margin: auto;
    display: block;
}
/* float clearing for IE6 */

* html .clearfix {
    height: 1%;
    overflow: visible;
}
/* float clearing for IE7 */

*+html .clearfix {
    min-height: 1%;
}
/* float clearing for everyone else */

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
.beopen-clear-both {
    clear: both;
}
vid {
    border: 0;
}
hr {
    border-top: 1px solid #fff;
}
/* selection */

*::selection {
    background: #aaa;
    color: #fff;
}
*::-moz-selection {
    background: #aaa;
    color: #fff;
}
*::-webkit-selection {
    background: #aaa;
    color: #fff;
}
/* Global */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', Arial, Verdana, sans-serif;
}
/*h1, h2, h3, h4, h5 { color: #30353e;  }*/

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    color: #30353e;
}
h3 {
    color: #003262;
    font-size: 30px;
    font-weight: 400;
}
blockquote {
    font-style: italic;
    background: #f5f5f5;
    color: #454e5c;
    text-align: left;
    padding: 22px 30px;
    line-height: 2em;
}
blockquote *:last-child {
    margin-bottom: 0px;
}
#recaptcha_table {
    margin-bottom: 10px !important;
}
#intextbox {
    width: auto;
}
/*  ---------------------------    General :: Buttons    --------------------------- */a {
    transition: color 0.2s, background-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s;
    -webkit-transition: color 0.2s, background-color 0.2s;
    -o-transition: color 0.2s, background-color 0.2s;
}
a:hover {
    transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
}
button,
a.button {
    transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    border-radius: 4px;
}
button:hover,
a.button:hover {
    transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
a.readmore {} a.readmore:hover {
    color: #fff;
}
/*  ---------------------------    General :: Images    --------------------------- */
img {
    max-width: 100% !important;
    height: auto !important;
}
img.wpcf7-captchac {
    margin: 0;
}
/* Add Class for Images */

img.alignright {
    float: right;
    margin: 0 0 18px 18px;
}
img.alignleft {
    float: left;
    margin: 0 18px 18px 0;
}
img.aligncenter {
    display: block;
    margin: 18px auto;
}
img.wp-smiley {
    margin: 0px;
}
/* Add HTML5 Class for Images */

figure img {
    height: auto;
    /*border: 1px solid #DDD;*/

    margin: 0 auto;
    display: block;
    border-image: initial;
}
/* Add HTML5 Caption Class for Images */

figure.figure {
    margin: 0 auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
figure.figure figcaption {
    padding: 8px 0px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 18px;
    color: #555;
}
figure.alignright.figure {
    float: right;
    margin: 0 0 18px 18px;
}
figure.alignleft.figure {
    float: left;
    margin: 0 18px 18px 0;
}
figure.aligncenter figcaption {
    text-align: center;
}
/*  ---------------------------    General :: Extra    --------------------------- *//* Sidebar Adjustment */

.sidebar-section {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
}
.sidebar-section h6 strong {
    font-size: 13px;
    font-weight: 600;
    color: #909fa8;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* Footer Nav */

.footer-section {
    padding-bottom: 10px;
    padding-top: 0px;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
}
.footer-nav li {
    display: block;
    float: left;
    font-weight: bold;
    width: 95px;
    font-size: 14px;
}
.footer-nav li a {
    color: #949494;
}
.footer-nav li a:hover {
    color: #6d6d6d;
}
.footer-nav ul.children li {
    display: block;
    float: none;
    font-weight: normal;
    padding-left: 0;
    font-size: 12px;
}
.footer-nav ul.sub-menu li {
    display: block;
    float: none;
    font-weight: normal;
    padding-left: 0;
}
.footer-nav ul.sub-menu li a {
    color: #a8a5a5;
}
.footer-nav ul.sub-menu li a:hover {
    color: #929292;
}
.footer-nav ul.sub-menu li ul.sub-menu li {
    padding-left: 0px;
    font-size: 13px;
}
/* Breadcrumb Adjustment */

ul.breadcrumbs li span {
    padding-left: 3px;
}
ul.breadcrumbs li a {
    padding-left: 0;
    color: #fff;
}
ul.breadcrumbs li a:hover {
    color: #fff;
    text-decoration: underline;
}
ul.breadcrumbs li a.home {
    font-family: 'fontello';
    opacity: 0.7;
    font-size: 12px;
    line-height: 6px;
    text-decoration: none;
    color: #fff;
}
ul.breadcrumbs li a.home:hover {
    opacity: 1;
}
div.breadcrumbs-placeholder {
    display: block;
    width: 100%;
    height: 25px;
    overflow: hidden;
}
/* Comment Textarea Adjustment */

#respond textarea {
    height: 100px;
}
textarea {
    font-family: 'Open Sans';
}
.wp-caption {} .wp-caption-text {} .gallery-caption {} .bypostauthor {} .beopen-framework-video {
    position: absolute;
    width: 100%;
    top: 0px;
}
/*  -------------------------------------------------------
    General :: Pagination
    ---------------------------------------------------- */
.beopen-pagination {
    display: block;
    margin-bottom: 60px;
    font-size: 12px;
}
.page-template-template-blog-masonry-php .beopen-pagination {
    border-top: 1px solid #e7e7e7;
    padding-top: 20px;
    margin-top: 20px;
    clear: both;
}
ul.page-numbers {
    display: block;
    height: 24px;
}
ul.page-numbers li {
    float: left;
    display: block;
    height: 40px;
    color: #999;
    font-size: 12px;
    margin-right: 20px;
    text-align: center;
}
ul.page-numbers li a {
    display: block;
    line-height: 40px;
    color: #30353e;
    width: 40px;
    height: 40px;
    background: #fafafa;
    border-radius: 40px;
    background: transparent;
    border: 1px solid #dfdfdf;
    /* stroke */

    border-radius: 3px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .15);
    /* drop shadow */

    ;
}
ul.page-numbers li:hover a,
ul.page-numbers li a:focus {
    background: rgba(142, 149, 156, 0.10);
    margin-top: 0px;
}
ul.page-numbers li.unavailable a {
    cursor: default;
    color: #999;
}
ul.page-numbers li.unavailable:hover a,
ul.page-numbers li.unavailable a:focus {
    background: transparent;
}
ul.page-numbers li span.current {
    color: #30353e;
    font-weight: bold;
    cursor: default;
    display: block;
    line-height: 40px;
    color: #555;
    width: 40px;
    border-radius: 40px;
}
.beopen-post-pagination {
    border-top: 1px solid #F7F7F7;
    border-bottom: 1px solid #e3e5e7;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: block;
    text-align: right;
}
.beopen-post-pagination .beopen-post-pagination-page {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-left: 5px;
    font-size: 12px;
    font-weight: bold;
}
.beopen-post-pagination a:hover .beopen-post-pagination-page {
    background: #fafafa;
}
.beopen-post-pagination a .beopen-post-pagination-page {
    border: 1px solid #dfdfdf;
    /* stroke */

    border-radius: 3px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .15);
    /* drop shadow */

    color: #30353e;
    font-weight: 300;
}
/*  ---------------------------    General :: BuddyPress    --------------------------- */.padder label + textarea {
    margin-top: 0;
}
.padder #item-body #message-threads .thread-avatar img {
    max-width: 50px;
}
ul.item-list.activity-list li.new_blog_post {
    padding-bottom: 15px;
}
.padder select {
    display: inline-block;
}
.padder div.item-list-tabs {
    margin: 25px 0;
}
.padder form#whats-new-form textarea {
    height: 30px;
}
.padder .button {
    display: inline;
}
/* -----------------------------
   General :: Videos
   ----------------------------- */
.video {
    margin-bottom: 0px;
}
iframe {
    border: 0 !important;
}
.work .video iframe {
    height: 150px;
}
.work .video {
    height: 150px;
}
/* -----------------------------
   General :: Revolution Slider
   ----------------------------- */
.tp-simpleresponsive .caption {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    position: absolute;
}
.slotholder > img {
    max-width: none;
}
.caption.big_white {
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    font-weight: bold;
}
.caption.small_white {
    color: #fff;
    font-size: 20px;
    line-height: 28px;
}
.caption.big_black {
    color: #2c2c2c;
    font-size: 35px;
    line-height: 35px;
    font-weight: bold;
}
.caption.big_black_bg {
    background-color: #2c2c2c;
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    font-weight: bold;
    padding: 5px 10px;
}
.caption.small_black_bg {
    color: #fff;
    font-size: 30px;
    line-height: 38px;
    background-color: #2c2c2c;
    padding: 5px 10px;
}
.caption.big_white_bg {
    background-color: #fff;
    color: #414141;
    font-size: 35px;
    line-height: 35px;
    font-weight: bold;
    padding: 5px 10px 7px;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2);
}
.caption.big_white_bg_2 {
    background-color: #fff;
    color: #414141;
    font-size: 27px;
    line-height: 27px;
    font-weight: bold;
    padding: 5px 10px 7px;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2);
}
.caption.small_white_bg {
    color: #414141;
    font-size: 20px;
    line-height: 28px;
    background-color: #fff;
    padding: 5px 10px 6px;
    -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.2);
}
.caption.boxshadow {
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.caption.noshadow {
    text-shadow: none;
}
.fullwidthabanner ul {
    overflow: inherited;
}
.fullwidthabanner ul li {
    padding: 0;
    background: none;
}
.fullwidthabanner img {
    max-width: none;
    display: block;
}
.bannercontainer {
    width: 100%;
    position: relative;
}
.beopen-section .fullscreenvideo {
    left: 0 !important;
}
.rev_slider {
    position: relative;
    overflow: hidden;
}
.bannercontainer ul {
    overflow: inherit;
}
.bannercontainer li {
    padding: 0;
    background: none;
    list-style: none;
}
.rev_slider img {
    max-width: none;
    display: block;
}
.rev-shadow-top {}
/*************************

    -   NAVIGATION  -

*************************/
/** BULLETS **/

.tpclear {
    clear: both;
}
.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
}
.tp-bullets.hidebullets {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.tp-bullets.simplebullets.navbar {
    border: 1px solid #666;
    border-bottom: 1px solid #444;
    background: url(../assets/boxed_bgtile.png);
    height: 40px;
    padding: 0px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tp-bullets.simplebullets.navbar-old {
    background: url(../assets/navigdots_bgtile.png);
    height: 35px;
    padding: 0px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
body .tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    /*border: 2px solid #fff;*/
    border-radius: 16px;
    width: 16px;
    height: 16px;
    margin-right: 0px;
    float: left;
    margin-top: -10px;
    margin-left: 6px;
}
body .tp-bullets.simplebullets.round .bullet.last {
    margin-right: 6px;
}
.tp-bullets.simplebullets.round-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/bullets.png) no-Repeat bottom left;
    width: 23px;
    height: 23px;
    margin-right: 0px;
    float: left;
    margin-top: -12px;
}
.tp-bullets.simplebullets.round-old .bullet.last {
    margin-right: 0px;
}
/** SQUARE BULLETS **/

.tp-bullets.simplebullets.square .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0px;
    float: left;
    margin-top: -10px;
}
.tp-bullets.simplebullets.square .bullet.last {
    margin-right: 0px;
}
/** SQUARE BULLETS **/

.tp-bullets.simplebullets.square-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0px;
    float: left;
    margin-top: -10px;
}
.tp-bullets.simplebullets.square-old .bullet.last {
    margin-right: 0px;
}
/** navbar NAVIGATION VERSION **/

.tp-bullets.simplebullets.navbar .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/bullet_boxed.png) no-Repeat top left;
    width: 18px;
    height: 19px;
    margin-right: 5px;
    float: left;
    margin-top: 10px;
}
.tp-bullets.simplebullets.navbar .bullet.first {
    margin-left: 0px !important;
}
.tp-bullets.simplebullets.navbar .bullet.last {
    margin-right: 0px !important;
}
/** navbar NAVIGATION VERSION **/

.tp-bullets.simplebullets.navbar-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../assets/navigdots.png) no-Repeat bottom left;
    width: 15px;
    height: 15px;
    margin-left: 5px !important;
    margin-right: 5px !important;
    float: left;
    margin-top: 10px;
}
.tp-bullets.simplebullets.navbar-old .bullet.first {
    margin-left: 0px !important;
}
.tp-bullets.simplebullets.navbar-old .bullet.last {
    margin-right: 0px !important;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
    background: #f6b21a;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
    background-position: bottom left;
}
/*************************************

    -   TP ARROWS   -

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

.tparrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
}
.tparrows.hidearrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    /*opacity: 0;*/
    opacity: 1;
}
.tp-leftarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/large_left.png) no-Repeat top left;
    width: 40px;
    height: 40px;
}
.tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/large_right.png) no-Repeat top left;
    width: 40px;
    height: 40px;
}
.tp-leftarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/small_left.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0px;
    float: left;
    margin-top: -7px;
}
.tp-rightarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/small_right.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0px;
    float: left;
    margin-top: -7px;
}
.tp-leftarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_left.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0px;
    float: left;
    margin-top: -13px;
}
.tp-rightarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_right.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0px;
    float: left;
    margin-top: -13px;
}
.tp-leftarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/small_left_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-right: 6px;
    margin-top: 12px;
}
.tp-rightarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/small_right_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-left: 6px;
    margin-top: 12px;
}
.tp-leftarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrowleft.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-right: 6px;
    margin-top: 10px;
}
.tp-rightarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrowright.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-left: 6px;
    margin-top: 10px;
}
.tp-leftarrow.navbar-old.thumbswitharrow {
    margin-right: 10px;
}
.tp-rightarrow.navbar-old.thumbswitharrow {
    margin-left: 0px;
}
.tp-leftarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0px;
    margin-top: -9px;
}
.tp-rightarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0px;
    margin-top: -9px;
}
.tp-leftarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0px;
    margin-top: -9px;
}
.tp-rightarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0px;
    margin-top: -9px;
}
body .tp-leftarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: transparent;
    width: 40px;
    height: 40px;
}
body .tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: transparent;
    text-align: right;
    width: 40px;
    height: 40px;
}
body .tp-leftarrow.default:before {
    font-family: 'fontello';
    content: '\e889';
    color: #f6b21a;
    font-size: 40px;
}
body .tp-rightarrow.default:after {
    font-family: 'fontello';
    content: '\e88a';
    color: #f6b21a;
    font-size: 40px;
}
/* -----------------------------
   General :: Flexslider
   ----------------------------- */
.work .flex-container {
    width: 205px !important;
}
.fred {
    display: none;
}
.caroufredsel_wrapper .fred {
    display: block;
    margin-bottom: 15px;
}
.caroufredsel_wrapper.grey 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");
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.caroufredsel_wrapper.grey img:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}
/* Browser Resets */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* FlexSlider Necessary Styles

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

.entry-content .flex-container {
    display: block;
    margin-bottom: 20px;
}
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {
    display: block;
}
/* FlexSlider Default Theme

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

.flexslider {
    margin: 0 0 0px;
    position: relative;
    /*border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);*/

    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
.flexslider .slides {
    zoom: 1;
}
.carousel li {
    margin-right: 5px;
}
/* Direction Nav */

.flex-direction-nav {
    *height: 0;
}
.flex-direction-nav a {
    width: 25px;
    height: 24px;
    margin: -10px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 100;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: 45px;
}
.flex-direction-nav .flex-prev {
    left: 45px;
}
.flexslider:hover .flex-next {
    opacity: 0.8;
    right: 0px;
}
.flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 0px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1 !important;
}
.flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
    cursor: default;
}
/* Control Nav */

.flex-control-nav {
    width: 100%;
    position: absolute;
    margin-top: -30px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0;
    }
}
a.flex-prev,
a.flex-next {
    width: 40px;
    height: 40px;
    text-indent: 0px;
    text-align: center;
}
a.flex-prev:after {} a.flex-prev:after {
    font-family: 'fontello';
    content: '\e889';
    color: #fff;
    font-size: 30px;
}
a.flex-next:before {
    font-family: 'fontello';
    content: '\e88a';
    color: #fff;
    font-size: 30px;
}
/* -----------------------------
   General :: Tips
   ----------------------------- */
.tipsy {
    font-size: 14px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}
.tipsy-inner {
    background-color: #dde1e5;
    color: #444;
    max-width: 200px;
    padding: 12px 15px 13px 15px;
    text-align: left;
    border-radius: 5px;
}
/* Rounded corners */

.tipsy-inner {}
/* Uncomment for shadow */

.tipsy-inner {
    /*box-shadow: 0 2px 10px #aaa; -webkit-box-shadow: 0 2px 10px #aaa; -moz-box-shadow: 0 2px 10px #aaa;*/

    ;
}
.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #fff;
}
/* Rules to colour arrows */

.tipsy-arrow-n {
    border-bottom-color: #dde1e5;
}
.tipsy-arrow-s {
    border-top-color: #dde1e5;
}
.tipsy-arrow-e {
    border-left-color: #dde1e5;
}
.tipsy-arrow-w {
    border-right-color: #dde1e5;
}
.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
/*  ---------------------------
    General :: PhotoSwipe
    --------------------------- */
body.ps-active,
body.ps-building,
div.ps-active,
div.ps-building {
    background: #000;
    overflow: hidden;
}
body.ps-active *,
div.ps-active * {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    display: none;
}
body.ps-active *:focus,
div.ps-active *:focus {
    outline: 0;
}
/* Document overlay */

div.ps-document-overlay {
    background: #000;
}
/* UILayer */

div.ps-uilayer {
    background: #000;
    cursor: pointer;
}
/* Zoom/pan/rotate layer */

div.ps-zoom-pan-rotate {
    background: #000;
}
div.ps-zoom-pan-rotate * {
    display: block;
}
/* Carousel */

div.ps-carousel-item-loading {
    background: url(images/photoSwipe/loader.gif) no-repeat center center;
}
div.ps-carousel-item-error {
    background: url(images/photoSwipe/error.gif) no-repeat center center;
}
/* Caption */

div.ps-caption {
    background: #000000;
    background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303130), color-stop(100%, #000101));
    border-bottom: 1px solid #42403f;
    color: #ffffff;
    font-size: 13px;
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    text-align: center;
}
div.ps-caption * {
    display: inline;
}
div.ps-caption-bottom {
    border-top: 1px solid #42403f;
    border-bottom: none;
    min-height: 44px;
}
div.ps-caption-content {
    padding: 13px;
    display: block;
}
/* Toolbar */

div.ps-toolbar {
    background: #000000;
    background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303130), color-stop(100%, #000101));
    border-top: 1px solid #42403f;
    color: #ffffff;
    font-size: 13px;
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    text-align: center;
    height: 44px;
    display: table;
    table-layout: fixed;
}
div.ps-toolbar * {
    display: block;
}
div.ps-toolbar-top {
    border-bottom: 1px solid #42403f;
    border-top: none;
}
div.ps-toolbar-close,
div.ps-toolbar-previous,
div.ps-toolbar-next,
div.ps-toolbar-play {
    cursor: pointer;
    display: table-cell;
}
div.ps-toolbar div div.ps-toolbar-content {
    width: 44px;
    height: 44px;
    margin: 0 auto 0;
    background-image: url(images/photoSwipe/icons.png);
    background-repeat: no-repeat;
}
div.ps-toolbar-close div.ps-toolbar-content {
    background-position: 0 0;
}
div.ps-toolbar-previous div.ps-toolbar-content {
    background-position: -44px 0;
}
div.ps-toolbar-previous-disabled div.ps-toolbar-content {
    background-position: -44px -44px;
}
div.ps-toolbar-next div.ps-toolbar-content {
    background-position: -132px 0;
}
div.ps-toolbar-next-disabled div.ps-toolbar-content {
    background-position: -132px -44px;
}
div.ps-toolbar-play div.ps-toolbar-content {
    background-position: -88px 0;
}
/* Hi-res display */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    div.ps-toolbar div div.ps-toolbar-content {
        -moz-background-size: 176px 88px;
        -o-background-size: 176px 88px;
        -webkit-background-size: 176px 88px;
        background-size: 176px 88px;
        background-image: url(images/photoSwipe/icons@2x.png);
    }
}
/* -----------------------------
   General :: Social
   ----------------------------- */
.preheader {
    display: block;
    padding-bottom: 70px;
}
[class*="socialicon-"] {
    margin-left: 15px;
    width: 1em;
    padding: 0px 1px;
    line-height: 1em;
    color: #fff;
    font-family: "fontello";
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}
[class*="socialicon-"]:first-child {
    margin: 0px;
}
.portfolio [class*="socialicon-"] {} .portfolio [class*="socialicon-"]:hover {} [class*="socialicon-"]:hover {
    color: #fff;
    -moz-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
.socialicon-facebook {} article.team_member:hover .socialicon-facebook,
.socialicon-facebook:hover {
    color: #3b5999;
}
.beopen-social a.socialicon-facebook:hover,
footer .beopen-social a.socialicon-facebook:hover {
    color: #fff;
    background-color: #3b5999;
}
article.team_member:hover .socialicon-linkedin,
.socialicon-linkedin:hover {
    color: #50a2ca;
}
.beopen-social a.socialicon-linkedin:hover,
footer .beopen-social a.socialicon-linkedin:hover {
    color: #fff;
    background-color: #50a2ca;
}
.socialicon-googleplus {
    background-position: -130px 0px;
}
article.team_member:hover .socialicon-googleplus,
.socialicon-googleplus:hover {
    color: #ca402f;
}
.beopen-social a.socialicon-googleplus:hover,
footer .beopen-social a.socialicon-googleplus:hover {
    color: #fff;
    background-color: #ca402f;
}
article.team_member:hover .socialicon-twitter,
.socialicon-twitter:hover {
    color: #03b3ec;
}
.beopen-social a.socialicon-twitter:hover,
footer .beopen-social a.socialicon-twitter:hover {
    color: #fff;
    background-color: #03b3ec;
}
article.team_member:hover .socialicon-dribbble,
.socialicon-dribbble:hover {
    color: #bf386c;
}
.beopen-social a.socialicon-dribbble:hover,
footer .beopen-social a.socialicon-dribbble:hover {
    color: #fff;
    background-color: #bf386c;
}
.socialicon-rss:hover {
    color: #f48128;
}
.beopen-social a.socialicon-rss:hover,
footer .beopen-social a.socialicon-rss:hover {
    color: #fff;
    background-color: #f48128;
}
.beopen-social a.socialicon-pinterest:hover,
footer .beopen-social a.socialicon-pinterest:hover {
    color: #fff;
    background-color: #e85061;
}
.socialicon-pinterest:hover {
    color: #e85061;
}
article.team_member:hover .socialicon-mail,
.socialicon-mail:hover {
    color: #83c129;
}
article.team_member:hover .socialicon-link,
.socialicon-link:hover {
    color: #83c129;
}
/* -----------------------------
   General :: Forms
   ----------------------------- */
.row label {
    display: inline;
}
article form .row {
    padding: 0px;
}
/* -----------------------------
   General :: JPlayer
   ----------------------------- */
.beopen-jp-jplayer.jp-audio {
    display: none;
}
.jp-audio {
    display: block;
    width: 100%;
    height: 60px;
    background: #d5d5d5;
}
.jp-controls {
    list-style: none;
    margin-bottom: 0px;
}
.jp-toggles {
    list-style: none;
}
.jp-controls {
    float: left;
}
.jp-controls li {
    display: block;
    float: left;
}
.jp-controls .jp-play,
.jp-controls .jp-pause {
    display: block;
    font-family: 'fontello';
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 2.5em;
    color: #777;
    line-height: 60px;
}
.jp-controls .jp-stop {
    display: none;
}
.jp-progress {
    display: block;
    margin-left: 60px;
    width: auto;
    margin-right: 60px;
    height: 60px;
    background: #ddd;
    cursor: pointer;
}
.jp-seek-bar {
    display: block;
    background: #ddd;
    height: 60px;
}
.jp-play-bar {
    display: block;
    background: #ccc;
    height: 60px;
}
.jp-time-holder {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin-top: -60px;
    text-align: right;
    padding-right: 75px;
    pointer-events: none;
    font-size: 22px;
}
.jp-current-time {
    display: inline-block;
    font-size: 22px;
    color: #fff;
    padding-right: 5px;
}
.jp-duration {
    display: inline-block;
    font-size: 22px;
}
.jp-volume-bar {
    display: block;
    margin-top: -60px;
    background: #d5d5d5;
    width: 60px;
    height: 60px;
    float: right;
    cursor: pointer;
    color: #fff;
}
.jp-volume-bar-value {
    background: #CACACA;
    display: block;
    height: 60px;
}
.jp-volume-bar-icon {
    display: block;
    position: absolute;
    font-family: 'fontello';
    font-size: 25px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}
/*  ---------------------------
    :: Header
    --------------------------- */
#header {
    width: 100%;
    margin: auto;
    min-height: 133px;
    background: #fff;
}
#header #beopen-responsive {
    display: none;
}
.beopen-not-home #header {} #header-fixed {
    z-index: 8888;
    transition: height 0.3s;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
}
.is-sticky ul#beopen-nav-bar {} ul#beopen-nav-bar > li > a {
    transition: padding-top 0.3s, padding-bottom 0.3s;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
    -o-transition: padding-top 0.3s, padding-bottom 0.3s;
}
ul#beopen-nav-bar > li.active > a {
    overflow: hidden;
}
.is-sticky ul#beopen-nav-bar > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
}
ul#beopen-nav-bar > li.active > a:before {
    transition: margin-bottom 1s;
    -webkit-transition: margin-bottom 1s;
    -moz-transition: margin-bottom 1s;
    -o-transition: margin-bottom 1s;
}
.is-sticky ul#beopen-nav-bar > li.active {} .is-sticky ul#beopen-nav-bar > li.active > a:before {
    margin-bottom: -30px;
    transition: margin-bottom 0.5s;
    -webkit-transition: margin-bottom 0.5s;
    -moz-transition: margin-bottom 0.5s;
    -o-transition: margin-bottom 0.5s;
}
#header.is-sticky #header-fixed {
    width: 100%;
    position: fixed;
    top: 0px;
    border-bottom: 1px solid #e5e9eb;
}
.layout-type-boxed #header.is-sticky #header-fixed {
    width: auto;
}
.is-sticky .header-extra {
    display: none;
}
.is-sticky #inner-header #header-logo-stuff span.slogan {
    display: none;
}
#inner-header {
    max-width: 960px;
    position: relative;
}
#inner-header #header-logo-stuff {
    display: block;
    width: 100%;
    float: left;
}
#inner-header #header-logo-stuff .slogan {
    padding-bottom: 20px;
    display: block;
}
#inner-header #header-logo-stuff span {
    font-size: 12px;
}
#inner-header #logo {
    min-height: 15px;
    display: block;
}
#inner-header #logo a {
    font-size: 38px;
    font-weight: 800;
    position: relative;
    text-decoration: none;
    display: inline-block;
    height: auto;
}
#inner-header #logo a img {
    margin: 0px;
    transition: all 0.2s;
    -webkit-transform-origin: left top;
}
.is-sticky #inner-header #logo a img {
    -webkit-transform: scale(0.8, 0.8);
}
#logo a {
    display: block;
}
.header-extra {
    background-color: #003262;

    border-bottom: #003262 2px solid;
    color: #fff;
    font-size: 13px;
}
.header-extra .header-action {
    /*padding: 8px 0px;*/
}
.header-extra .header-columns {
    /*float: right;
    text-align: right;*/
}
.header-extra .beopen-mini-column {
    background-color: #003262;
    display: inline-block;
    /*border-left: 1px solid #fff;*/
    padding: 8px 6px;
    /*float: right !important;*/
}
.header-extra .beopen-mini-column a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}
.header-extra .beopen-mini-column a:hover {
    color: #f6b21a;
    font-size: 14px;
}
.header-extra .beopen-mini-column a.fa {
    font-weight: normal;
}
.beopen-header-telephone:before {
    font-family: 'fontello';
    content: '\e861';
    font-size: 14px;
    padding-right: 8px;
}
.beopen-header-email:before {
    font-family: 'fontello';
    content: '\e81d';
    font-size: 14px;
    padding-right: 8px;
}
nav#standard {
    margin-top: 40px;
}
/*  ---------------------------    :: Header :: Main Menu    --------------------------- *//*** ESSENTIAL STYLES ***/

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}
/*** DEMO SKIN ***/

.sf-menu {
    float: right;
    margin-bottom: 0px;
}
.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    min-width: 12em;
    /* allow long menu items to determine submenu width */

    *width: 12em;
    /* no auto sub width for IE7, see white-space comment below */

    ;
}
.sf-menu a {
    padding: .75em 1em;
    text-decoration: none;
    zoom: 1;
    /* IE7 */

    padding: 7px 15px 5px 15px;
    font-size: 12px;
    font-weight: 600;
}
.sf-menu > li > a {
    /*font-size: 14px;*/

    font-size: 12px;
    font-weight: 600;
    /*line-height: 38px;

    padding: 40px 17px 35px 17px;*/

    padding: 30px 10px;
    text-transform: uppercase;
}
.sf-menu li {
    white-space: nowrap;
    /* no need for Supersubs plugin */

    *white-space: normal;
    /* ...unless you support IE7 (let it wrap) */

    -webkit-transition: background .2s;
    transition: background .2s;
}
ul.sf-menu > li:hover,
ul.sf-menu > li.sfHover {
    background: #fff;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
    background: #eee;
    /* only transition out, not in */

    -webkit-transition: none;
    transition: none;
}
.sf-menu ul a {
    color: #333;
}
/*** arrows (for all except IE7) **/

.sf-arrows .sf-with-ul {
    /*padding-right: 2.5em;*/

    padding-right: 24px;
    *padding-right: 1em;
    /* no CSS arrows for IE7 (lack pseudo-elements) */

    ;
}
/* styling for both css and generated arrows */

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 57%;
    right: 1em;
    margin-top: -9px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */

    border: 3px solid transparent;
    border-top-color: #dFeEFF;
    /* edit this to suit design (no rgba in IE8) */

    border-top-color: rgba(255, 255, 255, .5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: #5e5e5e;
    /* IE8 fallback colour */

    ;
}
/* styling for right-facing arrows */

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color: #aaa;
}
a#responsive-trigger {
    margin-right: 20px;
    margin-top: -10px;
    display: none;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 23px;
    position: absolute;
    top: 50%;
    right: 0px;
    z-index: 1000;
}
/*  ---------------------------
    :: Header :: Search
    --------------------------- */
#beopen-quick-search {
    background: #f3f3f3;
    border-radius: 32px;
    width: 28px;
    height: 28px;
    font-family: 'fontello';
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #acacac;
    float: right;
    margin-top: 45px;
    cursor: pointer;
    margin-left: 15px;
}
#beopen-quick-search:hover {
    color: #fff;
}
#beopen-quick-search-box:focus {
    border: 1px solid #ebebeb;
    box-shadow: none;
    outline: 0px;
}
#beopen-quick-search-container {
    max-height: 0;
    overflow: hidden;
    /* Set our transitions up. */

    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s;
}
#beopen-quick-search-container form {
    /*margin-top: 20px;*/
}
table.gsc-search-box tbody tr td {
    padding: 1px;
}
table.gsc-search-box td.gsc-input {
    padding: 5px;
    line-height: 0.8;
    vertical-align: top;
}
input.gsc-search-button {
    width: auto !important;
    height: auto !important;
}
#beopen-quick-search-container.beopen-open {
    max-height: 100px;
}
/*  -------------------------
    :: Content
  ------------------------- */.topbar {
    display: block;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    color: #fff;
    min-height: 45px;
}
#main-content {
    display: block;
    margin: 60px 0px 80px 0px;
}
.beopen-start-content {
    margin-top: 67px;
}
.topbar > .row {
    padding-left: 15px;
    padding-right: 15px;
}
.topbar h1 {
    float: left;
    line-height: 45px;
    padding-top: 22px;
    padding-bottom: 22px;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    margin: 0px;
    /*text-transform: uppercase;*/

    margin-right: 10px;
}
.topbar ul.breadcrumbs {
    margin-top: 30px;
    float: right;
}
._blog > .row {
    display: block;
}
.homepage {
    background: none !important;
}
#main {} .project-selector,
#content {
    padding-right: 30px;
}
article.contact,
article.page,
article.post {
    padding: 20px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 10px;
}
.hcenter {
    display: block;
    margin: auto;
}
.single-portfolio_item article.portfolio_item {
    display: block;
    margin: auto;
}
article.contact {
    padding-right: 20px;
    padding-top: 0px;
    background-color: transparent;
}
article h1 {
    margin-bottom: 20px;
}
article.page h1 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #eee;
}
article.page .row h1,
article.page .row h2 {
    margin-bottom: 10px;
}
article.page .row h1 {
    padding: 0px;
    border: 0px;
    color: #222;
}
.entry-preview-multimedia {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}
article .entry-images img {
    margin: 0px;
    border-radius: 4px;
    display: block;
    position: relative;
}
figure.beopen {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.entry-images .over-block {
    display: block;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    z-index: 1000;
    margin-top: 20px;
    margin-left: 5px;
    border-radius: 0px 5px 5px 0px;
}
.entry-images .over-block .post-picture {
    display: block;
    width: 20px;
    height: 20px;
    background: url(images/picture.png) no-repeat;
}
.entry-images .over-block .post-gallery {
    display: block;
    width: 20px;
    height: 20px;
    background: url(images/gallery.png) no-repeat;
}
article.sticky header,
article.sticky .entry-content {
    padding: 10px 20px;
    background: #f4f4f4;
}
.entry-images figure.beopen img {
    width: auto;
}
article.sticky header {
    border-top: 3px solid #42b6e3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-bottom: 5px;
}
article.sticky .entry-content {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 20px;
}
article.sticky .entry-content p:last-child {
    margin-bottom: 0px;
}
article header h1 {
    margin-bottom: 0px;
    padding-bottom: 15px;
}
article header h2 {
    margin-top: 0px;
    margin-bottom: 1px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}
article .post-meta {} article footer {
    border-top: 1px solid #e7e7e7;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    display: block;
}
article .entry-images {
    display: block;
    margin-bottom: 15px;
}
article .entry-content {
    font-size: 15px;
    line-height: 28px;
    display: block;
}
article .entry-content h3 {
    font-size: 16px;
    font-weight: 600;
    color: #909fa8;
    margin-top: 30px;
}
article .metainfo {
    min-height: 30px;
    display: block;
    line-height: 20px;
    padding: 6px 0;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px;
    width: 100%;
}
article .metainfo [class*="socialicon-"] {
    color: #d2d5d7;
    border-radius: 40px;
    background-color: #eee;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: auto;
    margin-bottom: 20px;
    display: none;
}
article .metainfo.noborder {
    border: 0;
    background: transparent;
}
article .metainfo .media,
article .metainfo .date,
article .metainfo .author,
article .metainfo .cats,
article .metainfo .tags,
article .metainfo .comments {
    display: inline-block;
}
article .metainfo > * {
    border-right: 1px solid #c9cdd0;
    padding-right: 30px;
    margin-right: 30px;
    color: #334146;
    text-transform: uppercase;
}
article .metainfo > *:last-child {
    border-right: 0px;
}
article .metainfo .meta-icon {
    font-family: 'Fontello';
    font-size: 12px;
    margin-right: 10px;
    color: #909fa8;
}
article .metainfo .meta-title {
    color: #909fa8;
    font-size: 13px;
    letter-spacing: 1px;
    margin-right: 7px;
    font-weight: 400;
}
article .metainfo .tags .meta-title {
    margin-right: 17px;
}
body article .metainfo .meta-value {
    font-weight: 600;
    color: #334146;
}
article .metainfo .date-all {
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 600;
}
article .metainfo .date {} article .metainfo .date .date-day {
    display: block;
    font-size: 36px;
    font-weight: 700;
    height: 30px;
}
article .metainfo .date .date-month {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    height: 30px;
}
article .metainfo .date .date-year {
    display: block;
    font-size: 12px;
}
article .metainfo .author img.avatar {
    border-radius: 40px;
    margin-bottom: 5px;
}
article .metainfo .author a {
    font-size: 13px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
article .portfolio-details {
    color: #7d8695;
    font-size: 14px;
    min-height: 30px;
    display: block;
    line-height: 20px;
    padding: 27px 0px;
    padding-bottom: 0px;
    margin: 27px 0px;
    border-top: 2px solid #f4f4f4;
    border-bottom: 2px solid #f4f4f4;
}
article .portfolio-details .date,
article .portfolio-details .author,
article .portfolio-details .tags,
article .portfolio-details .likes {
    display: block;
    padding: 0px;
    padding-right: 5px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}
.portfolio-details .date:before,
.portfolio-details .author:before,
.portfolio-details .tags:before,
.portfolio-details .likes:before {
    font-family: 'fontello';
    font-size: 15px;
    padding-right: 15px;
    color: #adb5c3;
    font-weight: 300;
}
article .portfolio-details .date:before {
    content: '\e868';
}
article .portfolio-details .author:before {
    content: '\e817';
}
article .portfolio-details .tags:before {
    content: '\e834';
}
article .metainfo .date {} article .metainfo .author {} article .metainfo .tags {} article .cats {
    padding-bottom: 0px;
}
article .cats a {
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #909fa8;
    letter-spacing: 1px;
}
article .cats a:hover {
    text-decoration: underline;
}
article .metainfo .comments {} article .metainfo .comments span {} .portfolio-details .likes {} .portfolio-details .likes:before {
    font-family: 'fontello';
    content: '\e81e';
    color: #e9785e;
}
.portfolio-details .likes a {} .portfolio-details .likes a:hover span,
.portfolio-details .likes a:hover {
    opacity: 0.6;
}
.portfolio-details .beopen-love {
    display: inline-block;
    padding: 0px;
}
.portfolio-details .beopen-love a {
    display: inline-block;
    border-radius: 30px;
    padding: 3px;
    background: #e9785e;
    line-height: 7px;
    height: 15px;
    margin-left: 14px;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
}
[class*="socialicon-"] {
    margin-top: -9px;
    color: #7C8485;
}
.alternative-row {
    background: #eaf2f5;
    padding: 80px 0;
    color: #8e959c;
    font-size: 18px;
    line-height: 30px;
    box-shadow: 0px 0px 5px -1px rgba(201, 212, 216, 0.9) inset;
    -moz-box-shadow: 0px 0px 5px-1px rgba(201, 212, 216, 0.9) inset;
    -webkit-box-shadow: 0px 0px 5px -1px rgba(201, 212, 216, 0.9) inset;
    -o-box-shadow: 0px 0px 5px -1px rgba(201, 212, 216, 0.9) inset;
}
.with-sidebar {} body.tag .post-box article,
body.category .post-box article,
body.author .post-box article,
.with-sidebar article.page,
.with-sidebar article.post {
    margin-right: 25px;
}
.sidebar-left.with-sidebar article.page,
.sidebar-left.with-sidebar article.post {
    margin-left: 15px;
}
.caroufredsel_wrapper {
    cursor: url(../images/hand-grab.png), auto !important;
}
.pagination {
    display: none;
    text-align: center;
    height: 17px;
    margin-top: 20px;
    padding-top: 5px;
    padding-bottom: 30px;
}
.pagination a {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 6px;
    border-radius: 16px;
}
.pagination a span {
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}
.rs-carousel-item {
    width: 295px;
    float: left;
}
.beopen-client.rs-carousel-item {
    width: auto;
    padding-top: 10px;
}
.last-posts.rs-carousel-item a.fixedsize {
    display: block;
    line-height: 0px;
}
.last-posts.rs-carousel-item a.fixedsize {
    margin-bottom: 20px;
}
.last-posts.rs-carousel-item h3 {
    margin-bottom: 8px;
}
.jc-next,
.jc-previous {
    display: none !important;
    background-color: #fff;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    float: right;
    height: 43px;
    width: 40px;
    position: absolute;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    z-index: 1000;
    top: 50%;
    margin-top: -20px;
}
.jc-previous {
    left: 0;
}
.jc-previous:hover {
    background-position: 0px -46px;
}
.jc-next {
    right: 0;
    background-position: right 0px;
}
.jc-next:hover {
    background-position: right -46px;
}
/*  -------------------------
    :: Content :: Homepage
  ------------------------- */.beopen-section h2.headline {
    text-align: center;
}
.home-inner-section {
    /*padding-top: 30px; */

    display: block;
}
.beopen-section h2 span.title {
    color: #45555f;
    font-size: 30px;
    font-weight: 400;
}
.beopen-section h2 span.title:after {
    content: ' ';
    position: absolute;
    left: 50%;
    margin-left: -10px;
    margin-top: 51px;
    width: 20px;
    height: 13px;
    border-bottom: 2px solid #e5e9eb;
}
.beopen-section span.subtitle {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    line-height: 1.8em;
    color: #909fa8;
    margin-top: 23px;
    margin-bottom: 2px;
}
p.subtitle {
    font-size: 12px;
    margin-bottom: 0px;
}
.beopen-related h2.headline,
.beopen-section h2.headline {
    margin-top: 0px;
    /*margin-bottom: 70px;*/

    margin-bottom: 40px;
}
.beopen-related h2 {
    text-transform: uppercase;
}
.beopen-section .beopen-extra-style {} .beopen-home img {
    max-width: 200%;
}
.after-slider-separator {
    display: none;
    height: 10px;
    width: 100%;
}
.beopen-home {
    width: 100%;
    display: block;
    min-height: 20px;
    color: #8e959c;
    padding: 0px 0px;
    background-position: center bottom;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
.statement strong {
    color: #49bed8;
}
.row .columns.feature {
    padding: 30px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
}
.feature h3 {
    color: #45555f;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.feature .centered {
    display: block;
    width: 100%;
    text-align: center;
}
.feature a.service-button {
    margin: auto;
    margin-top: 20px;
    margin-right: 2px;
    text-align: center;
}
.row.collapse .columns.process {
    padding: 0px;
    padding-left: 30px;
    padding-right: 30px;
}
.row .columns.feature .service-bg {
    display: block;
    margin: auto;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 10px;
    border-radius: 80px;
    text-align: center;
    overflow: hidden;
    cursor: default;
}
.row .columns.feature:hover .service-bg {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.attachment-services-thumbnail {
    border-radius: 160px;
}
.row .columns.feature .service-bg img {
    vertical-align: middle;
}
.beopen-grid-container {
    margin: 0px 20px;
    display: block;
}
.work i {
    font-size: 11px;
    display: block;
}
.work h2 {
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 1px;
    color: #fff;
    padding-bottom: 0px;
    margin: 0 !important;
}
.work p {
    font-size: 12px;
}
.process img {
    border-radius: 40px;
}
.glass-bg {
    /*background: url(../../images/glass-bg.png) no-repeat center top;*/

    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.work a .glass-bg {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    z-index: 101;
    opacity: 0;
}
.work a .info {
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    text-align: center;
    width: 100%;
    padding-bottom: 16px;
}
.work a .see-more {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    text-align: center;
    color: #fff;
    font-size: 60px;
}
.beopen .see-more {
    opacity: 0;
    -webkit-transform: scale(0.01, 0.01);
    transform: scale(0.01, 0.01);
    -webkit-transition: -webkit-transform 0.2s, opacity 0.1s;
    transition: transform 0.2s, opacity 0.1s;
}
.beopen:hover .see-more {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.work .info {
    border: 1px solid #e5e9eb;
    border-top: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 20px;
}
.work:hover a .see-more {
    opacity: 1;
}
figure.beopen img {
    width: 100%;
}
.work figure.beopen {
    position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    margin-bottom: 25px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) inset;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) inset;
    -o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25) inset;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.work a .solid-bg {
    background-color: #000;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    top: 0px;
    -webkit-transform: rotate(0deg);
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.work img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 5px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.work .button {
    padding-top: 7px;
    padding-bottom: 7px;
    background: #fff;
    color: #30353e;
    font-size: 12px;
    text-transform: uppercase;
    border: 0;
    margin: 0;
    margin: auto;
    font-weight: 700;
    text-shadow: 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px transparent;
    -moz-box-shadow: 0px 0px 0px transparent;
    -webkit-box-shadow: 0px 0px 0px transparent;
    -o-box-shadow: 0px 0px 0px transparent;
}
.no-touch .work a:hover .solid-bg {
    opacity: 0.3 !important;
}
.no-touch .work a:hover .info {
    display: block;
}
.work a:hover .glass-bg {
    opacity: 1;
}
.work a .info h3,
.work a .info i,
.work a .info p {
    color: #45555f;
    padding-left: 30px;
    padding-right: 30px;
}
.work a .info h3 {
    font-size: 15px;
    line-height: 1.4em;
    font-weight: 600;
    padding: 0px;
    padding-top: 15px;
    padding-bottom: 0px;
    margin-bottom: 2px;
    margin-top: 0px;
}
.work a .info span.text {
    color: #fff !important;
    display: block;
    padding-bottom: 15px;
}
a .imgHover {
    display: block;
    overflow: hidden;
}
a .imgHover .hover-glow {
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: #36b8d4;
    opacity: 0;
}
a .imgHover .hover-link-icon {
    display: block;
    position: absolute;
    width: 115px;
    height: 115px;
    opacity: 0;
}
a .imgHover .hover-link-bg {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: 0;
    border-radius: 40px;
}
.no-touch a:hover .imgHover .hover-glow {
    opacity: 1;
}
a:hover .hover-link-icon {
    opacity: 1;
}
.no-touch a:hover .hover-link-bg {
    filter: alpha(opacity=100);
    opacity: 1;
}
.process-bg {
    border-radius: 70px;
    display: block;
    width: 70px;
    height: 70px;
    margin: auto;
    float: left;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: default;
}
.columns.process:hover .process-bg {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.process-bg .entypo {
    font-size: 32px;
    line-height: 70px;
}
.process-bg img {
    padding-top: 7px;
}
.process {
    padding-top: 20px;
    display: block;
    overflow: hidden;
}
.process:first-child {
    background-position: 60px 70px;
}
.process:last-child {
    background-position: -640px 70px;
}
.process h3 {
    margin: 3px;
    margin-left: 80px;
    margin-right: 0px;
    margin-bottom: 15px;
    padding-top: 25px;
    font-size: 16px;
    font-weight: 700;
    color: #45555f;
}
.process p {
    margin-left: 80px;
}
.process,
.process p {
    font-size: 14px;
    line-height: 26px;
}
.processes .pbox {
    display: block;
    text-align: center;
    width: 205px;
    position: absolute;
    z-index: 3;
    margin-top: -7px;
}
.processes .pbox2 {
    display: block;
    text-align: center;
    width: 205px;
    position: absolute;
    z-index: 3;
    margin-top: -7px;
}
.processes .pbox2 h3 {
    padding: 10px 15px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    opacity: 0.2;
}
.three.columns.carousels .last-posts {
    width: 290px;
}
.three.columns.carousels .last-posts img {
    display: none;
}
.last-posts .beopen-latest-posts-preview {
    font-family: 'fontello';
    font-size: 4em;
    color: #fff;
    display: block;
    width: auto;
    height: 155px;
    line-height: 155px;
    text-align: center;
    background-color: #ddd;
    border-radius: 5px;
}
.last-posts .beopen-grid-container {
    min-height: 60px;
    padding-bottom: 20px;
    display: block;
    background: #fff;
    border-radius: 5px;
}
.last-posts article .metainfo {
    margin-bottom: 0px;
}
.last-posts .content {
    padding: 0px;
}
.last-posts .flex-container {
    margin-bottom: 20px;
}
.last-posts .attachment-latest-posts-thumbnail {
    border-radius: 5px;
    width: 100%;
}
.last-posts h2 {
    margin: 0px;
}
.last-posts p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 18px;
}
.last-posts .over-block {
    color: #fff;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    margin-top: -25px;
    right: 40px;
    border: 4px solid #fff;
    border-radius: 50px;
    font-family: 'fontello';
    line-height: 42px;
    font-size: 18px;
    z-index: 100;
    text-align: center;
}
.last-posts span.mini-meta {
    font-size: 13px;
    font-style: italic;
    display: block;
    padding-bottom: 5px;
}
.last-posts a img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.last-posts a .see-more {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    text-align: center;
    color: #fff;
    font-size: 60px;
}
.last-posts:hover a .see-more {
    opacity: 1;
}
.last-posts a .solid-bg {
    background-color: #000;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 99;
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    top: 0px;
    -webkit-transform: rotate(0deg);
    border-radius: 5px;
}
.no-touch .last-posts:hover a .solid-bg {
    opacity: 0.3;
}
.no-touch .last-posts a:hover img {
    opacity: 0.8;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.last-posts a.readmore {
    font-size: 11px;
    padding: 5px 16px 5px 16px;
}
.last-posts h3 a {
    color: #45555f;
    margin: 0px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5em;
    margin-top: 0px;
}
.last-posts h3 a img {
    display: block;
}
.last-posts h3:hover {
    color: #fff;
}
.shadow-top {
    position: absolute;
    background-repeat: no-repeat;
    background-position: top center;
    height: 42px;
    width: 100%;
    left: 0px;
    margin-top: -25px;
    z-index: 100;
}
.shadow-bottom {
    position: absolute;
    background-repeat: no-repeat;
    background-position: top center;
    height: 42px;
    width: 100%;
    left: 0px;
    margin-top: -18px;
    z-index: 100;
}
/* MOTTO */
/* CALL TO ACTION */

.row .columns.call_to_action .inner-calltoaction {
    margin: 0px 15px;
}
.row .columns.call_to_action .inner-calltoaction {
    padding-top: 20px;
    padding-bottom: 20px;
}
.be-call-to-action-icon-bg {
    background: #f5f5f5;
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 15px;
    text-align: center;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */

    -webkit-transform: rotate(45deg);
}
.be-call-to-action-icon {
    display: inline-block;
    font-family: 'fontello';
    font-size: 20px;
    line-height: 60px;
    color: #ccc;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */

    -webkit-transform: rotate(-45deg);
}
.inner-calltoaction p {
    margin-bottom: 0px;
}
.motto {
    font-size: 36px;
    font-weight: 100;
    text-align: center;
    padding-left: 35px !important;
    padding-right: 35px !important;
    box-sizing: border-box;
}
.motto {
    line-height: 1.4;
    padding-top: 10px;
    padding-bottom: 10px;
}
.motto strong {
    font-weight: 500;
}
.call_to_action_text {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.5em;
    display: block;
    color: #45555f;
    margin: 0px 30px;
    text-align: center;
    clear: both!important;
}
.inner-calltoaction {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
.call_to_action .text-right {} .inner-calltoaction .button {
    font-size: 15px;
    font-weight: 700;
    line-height: 40px;
    padding-left: 60px;
    padding-right: 40px;
    color: #fff;
    text-shadow: none;
    margin: 0px 30px;
    margin-bottom: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.inner-calltoaction .button:before {
    content: "\e601";
    font-family: 'beopen-alia';
    font-size: 32px;
    color: #fff;
    font-weight: 100;
    position: absolute;
    display: inline-block;
    margin-left: -35px;
    opacity: 0.7;
}
.inner-calltoaction .button:active {
    margin-top: 1px;
}
.motto strong {
    text-shadow: 2px 2px 0px #f6f6f6;
}
.beopen-home .motto h3 {
    margin: 0px;
}
/*  -------------------------

    :: Content :: Home :: Services
  ------------------------- */.feature h2 {} .feature img {
    margin-bottom: 10px;
}
.feature a {
    text-align: center;
}
.feature,
.feature p {
    text-align: center;
    font-size: 14px;
    line-height: 26px;
}
.feature {
    border: 1px solid transparent;
}
.feature:hover {}
/*  -------------------------

    :: Content :: Home :: Portfolio
  ------------------------- */.work h3 {
    margin: 3px;
    margin-left: 0px;
    margin-right: 0px;
}
.be-portfolio-title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    padding: 20px 40px;
    opacity: 0;
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
}
.be-portfolio-title:after {
    display: inline-block;
    position: absolute;
    content: '\e85b';
    margin-top: -20px;
    padding: 20px 25px;
    margin-left: 40px;
    font-size: 26px;
    font-family: 'fontello';
    font-weight: normal;
}
.roundabout-in-focus:hover .be-portfolio-title {
    opacity: 1;
}
.portfolio_round .home-inner-section {
    display: block;
    overflow: hidden;
    height: 340px;
    width: 100%;
    display: block;
}
.roundabout-holder {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 500px;
    width: 75%;
    display: block;
    margin: auto;
}
.roundabout-moveable-item {
    height: 400px;
    width: 600px;
    cursor: pointer;
    background-color: #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.browser-buttons {
    display: block;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 5px;
    border-bottom: 1px solid #ddd;
}
.browser-buttons .browser-button {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #fff;
    margin-left: 10px;
}
.roundabout-in-focus {
    cursor: auto;
}
.beopen-portfolio-grid {
    margin: 0px;
}
.beopen-portfolio-grid li {
    display: block;
    width: 250px;
    height: 250px;
    float: left;
    overflow: hidden;
}
.beopen-portfolio-grid li img {
    max-width: none !important;
    max-width: 100% !important;
}
.beopen-portfolio-grid-gallery {
    position: relative;
    margin: 0px;
}
.beopen-portfolio-grid-gallery li {
    position: absolute;
}
.beopen-portfolio-grid-gallery li img {
    z-index: 0;
    position: absolute;
    width: 250px;
    height: 250px;
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    -webkit-transition-duration: 3s, 8s;
    -moz-transition-property: opacity, -moz-transform;
    -moz-transition-duration: 3s, 8s;
    -ms-transition-property: opacity, -ms-transform;
    -ms-transition-duration: 3s, 8s;
    -o-transition-property: opacity, -o-transform;
    -o-transition-duration: 3s, 8s;
    transition-property: opacity, transform;
    transition-duration: 3s, 8s;
}
.beopen-portfolio-grid-gallery li img {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
}
.beopen-portfolio-grid-gallery li:nth-child(2n+1) img {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
}
.beopen-portfolio-grid-gallery li:nth-child(3n+1) img {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
}
.beopen-portfolio-grid-gallery li:nth-child(4n+1) img {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
}
.beopen-portfolio-grid-gallery li img.beopen-focused {
    opacity: 1;
    -webkit-transform: scale(1.5) translate(0px);
    -moz-transform: scale(1.5) translate(0px);
    -ms-transform: scale(1.5) translate(0px);
    -o-transform: scale(1.5) translate(0px);
    transform: scale(1.5) translate(0px);
}
.beopen-table-full {
    display: table;
    width: 100%;
    height: 100%;
}
.beopen-table-cell-middle {
    display: table-cell;
    vertical-align: middle;
}
.beopen-portfolio-grid-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.beopen-portfolio-grid figcaption {
    display: block;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.beopen-portfolio-grid li a figure {
    position: absolute;
    width: 250px;
    height: 250px;
    display: block;
    overflow: hidden;
    transition: border 0.3s, -webkit-transform 0.3s, z-index 0.3s;
}
.beopen-portfolio-grid li a:hover figure figcaption {
    opacity: 1;
}
.beopen-portfolio-grid li a:hover .beopen-portfolio-grid-overlay {
    opacity: 0.6;
}
.beopen-portfolio-grid li a figure img {
    transition: border 0.3s, -webkit-transform 0.3s, z-index 0.3s;
}
.beopen-portfolio-grid li a:hover figure img {
    -webkit-transform: scale(1.3);
}
.beopen-portfolio-grid li a:hover figure {
    z-index: 100;
    overflow: hidden;
}
.layout-type-boxed .beopen-portfolio-more {
    padding: 8px 28px;
    font-size: 14px;
}
/*  -------------------------

    :: Content :: Home :: Wide Portfolio Grid
  ------------------------- */.beopen-wide-portfolio-grid {
    list-style: none;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    transition: opacity 0.5s;
    text-align: center;
    display: block;
}
.beopen-wide-portfolio-grid:hover {
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.beopen-wide-portfolio-grid li {
    background: #fff;
    display: inline-block;
    position: relative;
    width: 12.5%;
    margin-top: -10px;
}
.beopen-wide-portfolio-grid li a,
.beopen-wide-portfolio-grid li a img {
    display: block;
    position: relative;
}
.beopen-wide-portfolio-grid li a {
    overflow: hidden;
}
.beopen-wide-portfolio-grid li a > div {
    position: absolute;
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.beopen-wide-portfolio-grid li a > div.custom-hover-object {
    position: absolute;
    background: #333;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
}
.beopen-portfolio-more-container {
    display: block;
    width: 100%;
    text-align: center;
    padding: 50px 0px;
    padding-bottom: 0px;
    clear: both;
}
.beopen-portfolio-more {
    padding: 17px 60px;
    font-size: 15px;
    letter-spacing: 1px;
}
.mc4wp-form label {
    color: #fff;
}
.mc4wp-form input[type=submit] {
    background: #eee;
    box-shadow: 0px 2px 0px #ccc;
    color: #003262;
}
.mc4wp-form input[type=submit]:hover {
    background: #bbb;
    box-shadow: 0px 2px 0px #999;
    color: #003262;
}
/*  -------------------------

    :: Content :: Home :: Clients
  ------------------------- */
.beopen-client {
    display: table-cell;
    vertical-align: middle;
    height: 80px;
}
.beopen-client img {
    display: block;
    margin: auto;
    vertical-align: middle;
    max-height: 70px;
    width: auto;
}
.grey .beopen-client img {
    max-height: 40px;
}
.beopen-client img {
    opacity: 0.4;
    margin-left: 10px;
    margin-right: 10px;
}
.beopen-client img:hover {
    opacity: 1;
}

.carousels.platinum .beopen-client img {
    max-width: 250px !important;
}
.carousels.gold .beopen-client img, .carousels.silver .beopen-client img {
    max-width: 125px !important;
}

.beopen-section [class*="widget_"],
.beopen-section .flickr,
.beopen-section .widget_text,
.beopen-section .widget_recent_entries,
.beopen-section .widget_meta,
.beopen-section .widget_pages,
.beopen-section .widget_archive,
.beopen-section .widget_links,
.beopen-section .widget_categories,
.beopen-section .widget_tag_cloud {
    margin: 0px;
    padding: 0px;
    padding-left: 15px !important;
}
.beopen-section [class*="widget_"] h6,
.beopen-section .flickr h6,
.beopen-section .widget_text h6,
.beopen-section .widget_recent_entries h6,
.beopen-section .widget_meta h6,
.beopen-section .widget_pages h6,
.beopen-section .widget_archive h6,
.beopen-section .widget_links h6,
.beopen-section .widget_categories h6,
.beopen-section .widget_tag_cloud h6 {
    margin-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EEE;
}
.beopen-section [class*="widget_"] h6 strong,
.beopen-section .flickr h6 strong,
.beopen-section .widget_text h6 strong,
.beopen-section .widget_recent_entries h6 strong,
.beopen-section .widget_meta h6 strong,
.beopen-section .widget_pages h6 strong,
.beopen-section .widget_archive h6 strong,
.beopen-section .widget_links h6 strong,
.beopen-section .widget_categories h6 strong,
.beopen-section .widget_tag_cloud h6 strong {
    padding-right: 13px;
}
/*  -------------------------

    :: Content :: Home :: HtmlBox
  ------------------------- */.htmlbox {} .innerhtmlbox {
    padding: 0px 15px;
}
/*  -------------------------

    :: Content :: Home :: FeatureBox
  ------------------------- */.innerShadow {
    border-bottom: 1px solid #e5e9eb;
}
.featurebox {
    padding: 0px 10px !important;
}
.featurebox h2 {
    font-size: 30px;
}
.featurebox .description {
    font-size: 14px;
    line-height: 26px;
}
.featurebox > a.button {
    margin-top: 20px;
}
.beopen-section .featurebox {
    padding: 0px 30px !important;
}
.featurebox .beopen-frame-featurebox-website {
    display: block;
    width: 380px;
    height: 374px;
    text-align: center;
    background: url(images/attachedImageFrame1.png) no-repeat center bottom;
    display: table-cell;
    vertical-align: bottom;
}
.featurebox .beopen-frame-featurebox-phone {
    display: block;
    width: 390px;
    height: 394px;
    text-align: center;
    background: url(images/attachedImageFrame2.png) no-repeat center bottom;
    display: table-cell;
    vertical-align: bottom;
}
.featurebox .beopen-frame-featurebox-phone img,
.featurebox .beopen-frame-featurebox-website img {
    vertical-align: bottom;
}
.entypo-option {
    font-family: 'fontello';
    font-size: 100px;
    line-height: 1em;
    color: #6aad05;
}
/*  -------------------------

    :: Content :: Home :: OptionsBox
  ------------------------- */.options_box h2 {
    padding-bottom: 30px;
}
.options_box h2:after {
    content: '';
    border-bottom: 1px solid #fff;
    position: absolute;
    display: block;
    width: 30px;
    left: 50%;
    margin-left: -15px;
    margin-top: 20px;
    height: 1px;
}
.options_box .description {
    font-size: 24px;
    line-height: 1.7em;
    display: block;
}
.options_box .row {
    margin: 0px 0px;
}
/*  -------------------------
    :: Content :: Masonry
  ------------------------- */.masonry {
    padding-right: 0px;
}
.masonry article.post {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.isotope article {} .masonry {
    display: block;
    width: 100%;
}
.masonry .masonry-item {
    min-width: 200px;
    width: 33.3% !important;
    overflow: hidden;
}
.masonry .masonry-item article {
    padding: 0px;
}
.masonry .masonry-item article footer {
    border: 0;
    padding-bottom: 20px;
}
.masonry article header {} .masonry article header h2 {
    font-size: 26px;
    line-height: 1.3em;
    margin-bottom: 10px;
}
.masonry article .metainfo > * {
    border-right: 0px;
    margin-bottom: 5px;
}
/*  -------------------------
    :: Content :: Portfolio
  ------------------------- */.row.portfolio {
    margin-top: 45px;
}
#portfolio-items {
    display: none;
}
#portfolio-filter {
    margin-bottom: 0px;
    display: none;
    width: 100%;
    min-height: 30px;
    border-radius: 2px;
}
#portfolio-sizes {
    margin-bottom: 0px;
    display: inline-block;
    min-height: 30px;
    border-radius: 5px;
    float: right;
    border: 1px solid #c8cfdb;
    padding: 0px 5px;
}
#portfolio-sizes a {
    display: inline-block;
    font-size: 32px;
    line-height: 50px;
    height: 50px;
    color: #c8cfdb;
    padding: 0px 20px;
    font-family: 'beopen-alia';
}
#portfolio-sizes a:hover,
#portfolio-sizes a#beopen-portfolio-size-selected {
    color: #42b6e3;
}
#portfolio-sizes a.beopen-portfolio-column-2:before {
    content: "\e606";
}
#portfolio-sizes a.beopen-portfolio-column-3:before {
    content: "\e605";
}
#portfolio-sizes a.beopen-portfolio-column-4:before {
    content: "\e604";
}
.portfolio_count {
    font-weight: 400;
}
div#portfolios {
    clear: both;
    display: block;
    margin: 0px 0px;
}
#portfolios article {
    margin-bottom: 20px;
    position: absolute;
}
#portfolios article .see-more {
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 100%;
}
#portfolios .see-more span {
    color: #fff;
    font-size: 80px;
    line-height: 140px;
    display: block;
}
#portfolios article:hover .see-more span {} #portfolios.beopen-grid-4 article .see-more span {
    font-size: 60px;
    line-height: 100px;
}
#portfolios article .see-more h3 {
    font-size: 26px;
    font-weight: 400;
}
#portfolios.beopen-grid-3 article .see-more h3 {
    font-size: 22px;
    font-weight: 400;
}
#portfolios.beopen-grid-4 article .see-more h3 {
    font-size: 20px;
    font-weight: 400;
}
.portfolio-footer {
    display: block;
    width: 100%;
    text-align: right;
    color: #b2b2b2;
    padding: 0px 10px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 100000;
}
.portfolio-footer .count-hearts {
    font-size: 16px;
    font-weight: 600;
}
.portfolio-footer .entypo {
    font-size: 20px;
    line-height: 2em;
    padding-right: 5px;
    margin-top: 2px;
}
#portfolios article:hover .portfolio-footer .entypo {
    color: #e9785e;
}
div.portfolio figure.beopen {
    margin-bottom: 0px;
}
figure:hover figcaption {
    opacity: 1;
}
article.portfolio_item img {
    border-radius: 4px;
    overflow: hidden;
    display: block;
}
article.portfolio_item p {
    margin: 0px 0px;
}
div.portfolio-info {
    transition: background 0.5s;
    -moz-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    -o-transition: background 0.5s;
    text-align: center;
}
.no-touch article.portfolio_item:hover div.portfolio-info {
    display: block;
}
article.portfolio_item a {} article.portfolio_item a .glass-bg {
    background: transparent;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    z-index: 101;
}
article.portfolio_item a .solid-bg {
    background-color: #000;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    z-index: 50;
    border-radius: 4px;
}
div.portfolio article figure.beopen img {
    width: 100%;
}
.no-touch article.portfolio_item a:hover .solid-bg {
    opacity: 0.3 !important;
}
.no-touch article.portfolio_item a:hover .glass-bg {
    opacity: 0.4;
}
article.portfolio_item a span.text {
    color: #fff !important;
    display: block;
    padding-bottom: 15px;
}
article.portfolio_item a span.zoom {
    background: url(images/zoom.png) no-repeat;
    width: 12px;
    height: 12px;
    display: block;
    margin: 10px auto;
}
article.portfolio_item a .button {
    padding-top: 7px;
    padding-bottom: 7px;
    background: #fff;
    color: #30353e;
    font-size: 12px;
    text-transform: uppercase;
    border: 0;
    margin: 0;
    margin: auto;
    font-weight: 700;
    text-shadow: 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px transparent;
    -moz-box-shadow: 0px 0px 0px transparent;
    -webkit-box-shadow: 0px 0px 0px transparent;
    -o-box-shadow: 0px 0px 0px transparent;
}
article.portfolio_item a:active .button {
    margin-top: 3px;
}
article.portfolio_item a h3 {
    color: #fff;
    padding: 0px;
    display: inline;
    padding-bottom: 5px;
}
.no-touch div.portfolio_item:hover .portfolio-info {
    background-position: center top;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
article.portfolio_item {
    transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
}
article.portfolio_item .metainfo {
    padding-bottom: 5px;
}
article.portfolio_item .rightalign {
    text-align: right;
    padding-top: 5px;
}
article.portfolio_item .metainfo .portfolio-all {
    float: right;
}
article.portfolio_item .metainfo a[rel="prev"] {
    display: block;
    float: left;
    height: 25px;
    padding: 5px;
    padding-left: 25px;
    padding-right: 15px;
}
article.portfolio_item .metainfo a[rel="next"] {
    display: block;
    float: left;
    height: 25px;
    padding: 5px;
    padding-left: 15px;
    padding-right: 25px;
    background-position: right top;
}
article.portfolio_item .metainfo .author,
article.portfolio_item .metainfo .tags,
article.portfolio_item .metainfo .date {
    float: none;
}
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
.portfolio-header {
    color: #777;
    margin-bottom: 40px;
}
.portfolio-header h2 {
    font-size: 39px;
    font-weight: 700;
    color: #adb5c3;
}
.portfolio-line {
    border-bottom: 1px solid #e8e8e8;
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 20px;
}
.portfolio .entry-images {
    margin-bottom: 30px;
}
.portfolio-navigation {
    display: inline-block;
    float: right;
    line-height: 30px;
    min-height: 35px;
    text-align: right;
    border: 1px solid #c8cfdb;
    border-radius: 5px;
    padding: 0px 8px;
}
.portfolio-navigation a {
    color: #c8cfdb;
    display: inline-block;
    height: 46px;
    width: 46px;
    margin: 0 auto;
    text-align: center;
}
.portfolio-navigation a:hover {
    opacity: 0.9;
}
.portfolio-navigation a:before {
    font-family: 'fontello';
    line-height: 46px;
    font-size: 20px;
}
.portfolio-navigation .portfolio-all:before {
    content: '\e804';
}
.portfolio-navigation .portfolio-all:hover {} .portfolio-navigation a[rel="next"] {} .portfolio-navigation a[rel="next"]:before {
    content: '\e886';
}
.portfolio-navigation a[rel="prev"] {} .portfolio-navigation a[rel="prev"]:before {
    content: '\e885';
}
.portfolio-navigation a[rel="prev"] span,
.portfolio-navigation a[rel="next"] span {
    font-family: 'fontello';
}
.portfolio-navigation a[rel="prev"] span {} .portfolio-navigation a[rel="prev"]:hover span {} .portfolio-navigation a[rel="next"] span {} .portfolio-navigation a[rel="next"]:hover span {} .portfolio-navigation a[rel="prev"]:hover,
.portfolio-navigation a[rel="next"]:hover {} .project-sidebar p:last-child {
    margin-bottom: 0px;
}
.project-sidebar {} .project-sidebar h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 22px;
    color: #334146;
    text-transform: uppercase;
}
.project-sidebar p {
    font-size: 14px;
    line-height: 26px;
    color: #717987;
}
/*

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

    :: Content :: Contact

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

*/

#map_canvas {
    width: 100%;
    height: 400px;
    margin-bottom: 65px;
}
#map_canvas_shadow {
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0.1);
    height: 10px;
    position: absolute;
    z-index: 1;
    margin-top: 390px;
}
#map_canvas_replacement {
    display: block;
    width: 100%;
    height: 60px;
}
.beopen-contact-form {
    margin-top: 20px;
}
textarea {
    height: 100px;
}
.page-template-template-contact-php .topbar {
    margin-bottom: 0px;
}
#content.rightfade {
    display: block;
    border-right: 1px solid #e7e7e7;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 30px;
}
.contact-sidebar {
    line-height: 30px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 30px;
    padding-top: 0px;
    margin-bottom: 40px;
}
button.send-message {
    line-height: 22px;
}
span.send-message {
    display: none;
}
/*  -------------------------
    :: Content :: Other Pages
  ------------------------- */.wider_blog {} ._blog {} .row.beopen-single {} .page ._blog .beopen-page-full {
    padding-top: 30px;
    min-height: 300px;
}
#sidebar {
    border-left: 1px solid #e7e7e7;
}
section#respond,
section#comments {
    padding-top: 0px;
}
ol.commentlist {
    border-top: 1px solid #eee;
}
section#comments p {
    margin-bottom: 25px;
}
section#comments article p {
    color: #454e5c;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
}
section#respond {
    margin-top: 20px;
}
section h3 {
    color: #999;
}
section#comments ol,
section#comments ul {
    list-style-type: none;
}
section ol.commentlist {
    margin: 0px;
}
section > ol.commentlist > li {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 5px;
}
section ol.commentlist article {
    padding-top: 20px;
    padding-bottom: 20px;
}
section ol.commentlist ul.children {
    margin-bottom: 0px;
}
section ol.commentlist ul.children li {
    margin-left: 70px;
    padding-bottom: 0px;
    border-top: 1px solid #eee;
}
section#comments .comment-reply-link,
section#comments .comment-edit-link {
    padding-left: 18px;
    float: right;
}
section#comments .comment-reply-link:hover,
section#comments .comment-edit-link:hover {
    text-decoration: underline;
}
section#comments .fn {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #454e5c;
    position: relative;
    line-height: 5px;
}
#comments time {
    font-size: 14px;
    color: #8e959c;
    background-repeat: no-repeat;
    display: block;
}
section.comment {
    padding-top: 15px;
}
section#comments .avatar {
    float: left;
    border-radius: 50px;
}
section#comments .notice,
section#comments header,
section#comments section {
    margin-left: 70px;
}
section#comments header {} section#comments .notice {
    font-weight: bold;
    font-style: italic;
}
section#comments .num {
    font-size: 48px;
    line-height: 50px;
    color: #f2f2f2;
    font-weight: 400;
    position: absolute;
    right: 0;
    margin-right: 40px;
}
section#comments h3 {
    padding-bottom: 0px;
}
section#comments a {} #commentform p {
    margin-bottom: 10px;
}
#commentform p.comment-notes {
    padding-bottom: 20px;
}
#commentform label {
    font-size: 13px;
    display: none;
}
#commentform .row .eight.columns textarea {
    height: 180px;
}
#commentform #submit {} .author-box {
    display: block;
    border-top: 1px solid #e3e5e7;
    border-bottom: 1px solid #e3e5e7;
    padding-bottom: 30px;
    min-height: 110px;
    background-repeat: no-repeat;
    background-position: right bottom;
    border-radius: 2px;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.author-box h3.title {
    padding-bottom: 0px;
}
.author-box h3.title a {
    font-weight: 700;
    color: #454e5c;
}
.author-picture-box {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    border-radius: 80px;
    margin-top: 30px;
}
.author-picture-box img {
    border-radius: 90px;
}
.author-description {
    padding-top: 5px;
    display: block;
    font-size: 15px;
    color: #454e5c;
}
.author-description p:last-child {
    margin-bottom: 0px;
}
/*  -------------------------
    :: Content :: Search Page
  ------------------------- */.post-box {
    margin-left: 0px;
}
.beopen-single .post-box {
    padding-right: 15px;
}
.beopen-single #content {}
/*  -------------------------
    :: Content :: About us
  ------------------------- */article.team_member {
    min-height: 420px;
    padding-bottom: 70px;
}
article.team_member figure.beopen {
    margin-bottom: 20px;
}
div.member-header {
    display: block;
    margin-bottom: 20px;
    color: #454e5c;
    text-align: center;
}
h3.member-name {
    display: block;
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 5px;
    font-weight: 700;
    color: #454e5c;
    margin-bottom: 0px;
}
span.member-job {
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    padding-bottom: 8px;
}
div.member-social {
    display: block;
    min-height: 45px;
    text-align: center;
}
article.team_member {
    color: #454e5c;
    font-size: 14px;
    line-height: 24px;
}
article.team_member p {
    margin-bottom: 20px;
}
article.team_member:hover {
    color: #454e5c;
}
article.team_member [class*="socialicon-"] {
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    width: 30px;
    height: 30px;
    margin-left: 0px;
    margin-right: 4px;
    margin-bottom: 10px;
    border-radius: 40px;
    text-align: center;
    display: inline-block;
    background-color: #999;
}
article.team_member:hover [class*="socialicon-"] {
    color: #fff !important;
}
article.team_member:hover [class*="socialicon-"] {
    background-color: #666;
}
article.team_member [class*="socialicon-"]:hover {
    background: #434343;
}
article.team_member {
    transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    position: relative;
    z-index: 1;
}
.member-size {
    padding: 80px 0 10px;
    position: relative;
}
.member-size-big h3.member-name {
    font-size: 24px;
    padding-bottom: 13px;
    margin-top: 30px;
}
.member-size-big .member-job {
    font-size: 18px;
    padding-bottom: 10px;
}
.member-size-big article.team_member {
    font-size: 16px;
    line-height: 28px;
}
.member-size article.team_member figure.beopen {
    padding: 0px 15%;
}
.member-size-big article.team_member figure.beopen {
    padding: 0px 15%;
}
article.team_member img {
    border-radius: 500px;
}
.member-size-big article.team_member p {
    margin-bottom: 30px;
}
/*  -------------------------
    Elements :: Select
  ------------------------- */.dk_container a:hover {}
/* One container to bind them... */

.dk_container {
    border: 1px solid #c8cfdb;
    border-radius: 5px;
    font-weight: bold;
    line-height: 50px;
    border-radius: 5px;
    text-transform: uppercase;
    width: 100%;
}
.dk_container:focus {
    outline: 0;
}
.dk_container a {
    cursor: pointer;
    text-decoration: none;
}
/* Opens the dropdown and holds the menu label */

.dk_toggle {
    /**

     * Help: Arrow image not appearing

     * Try updating this property to your correct dk_arrows.png path

     */

    padding: 0px 45px 0px 5px;
    height: 50px;
    -webkit-transition: border-color .5s;
    -moz-transition: border-color .5s;
    -o-transition: border-color .5s;
    transition: border-color .5s;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
.dk_toggle:before {
    position: absolute;
    font-family: 'beopen-alia';
    font-size: 32px;
    font-weight: normal;
    line-height: 50px;
    content: '\e602';
    z-index: 10;
    display: block;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
}
.dk_toggle span {
    margin-left: 50px;
}
.dk_toggle:hover {}
/* Applied when the dropdown is focused */

.dk_focus .dk_toggle {} .dk_focus .dk_toggle {}
/* Applied whenever the dropdown is open */

.dk_open {
    /**

     * Help: Dropdown menu is covered by something

     * Try setting this value higher

     */

    z-index: 10000;
}
.dk_open .dk_toggle {}
/* The outer container of the options */

.dk_options {
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
}
.dk_options a {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    padding: 13px 20px;
    color: #999;
    padding-left: 55px;
}
.dk_options a:before {
    font-family: 'beopen-alia';
    font-size: 32px;
    font-weight: normal;
    line-height: 26px;
    content: '\e603';
    display: block;
    position: absolute;
    left: 13px;
}
.dk_options li:first-child a {
    border-top: 1px solid #eee;
}
.dk_options li:last-child a {
    border-bottom: none;
}
.dk_options a:hover,
.dk_options .dk_option_current a {
    color: #fff;
    text-decoration: none;
}
/* Inner container for options, this is what makes the scrollbar possible. */

.dk_options_inner {
    margin-bottom: 0px;
    color: #fff;
    max-height: 250px;
    list-style-type: none;
}
/* Set a max-height on the options inner */

.dk_options_inner,
.dk_touch .dk_options {
    max-height: 250px;
}
.dk_container {
    display: none;
    float: left;
    position: relative;
}
.dk_container a {
    outline: 0;
}
.dk_toggle {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    position: relative;
    zoom: 1;
}
.dk_open {
    position: relative;
    z-index: 10;
}
.dk_open .dk_options {
    display: block;
}
.dk_open .dk_label {
    color: inherit;
}
.dk_options {
    display: none;
    margin-top: 1px;
    position: absolute;
    right: 0;
    width: 100%;
}
.dk_options a,
.dk_options a:link,
.dk_options a:visited {
    display: block;
}
.dk_options_inner {
    overflow: auto;
    position: relative;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #c8cfdb;
    border-top: 0px;
    margin-left: -1px;
    margin-right: -1px;
}
.dk_touch .dk_options {
    overflow: hidden;
}
.dk_touch .dk_options_inner {
    max-height: none;
    overflow: visible;
}
/*

.dk_fouc select {

  position: relative;

  top: -99999em;

  visibility: hidden;

}

*/
/*  -------------------------
    :: Sidebars
  ------------------------- */#sidebar {
    padding: 0px !important;
}
.widget {
    padding-top: 10px;
}
#sidebar .widget {
    padding: 5px 15px;
}
#sidebar .widget ul,
#sidebar .widget ol {
    margin-bottom: 10px;
    margin-left: 15px;
}
.widget h6 {
    color: #c8c8c8;
    margin-bottom: 20px;
}
#sidebar a {} #sidebar a:hover {} aside p {
    line-height: inherit;
}
/*  -------------------------
    :: Sidebars :: Search Widget
  ------------------------- */input#s {
    width: 100%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    position: relative;
    margin-bottom: 15px;
    padding-right: 35px;
    display: block;
}
input#searchsubmit {
    background: url(images/searchbutton.png) no-repeat;
    border: 0px;
    height: 36px;
    width: 36px;
    background-color: #36b8d4;
    line-height: 20px;
    padding: 0px;
    -moz-box-shadow: 0 !important;
    -webkit-box-shadow: 0 !important;
    box-shadow: 0 !important;
    border: 0px !important;
}
input#searchsubmit:hover {
    background-position: 0px -30px;
}
.divider {
    background: none;
    display: none;
}
.widget_search .sidebar-section {
    margin: 0px;
}
.widget_search .sidebar-section .row {
    padding: 0px;
}
.widget_search .sidebar-section form {
    margin: 0px;
}
.widget_text .sidebar-section,
.widget_recent_entries .sidebar-section,
.widget_meta .sidebar-section,
.widget_pages .sidebar-section,
.widget_archive .sidebar-section,
.widget_links .sidebar-section,
.widget_categories .sidebar-section,
.widget_tag_cloud .sidebar-section {
    padding-top: 0px;
    margin-bottom: 10px;
}
.sidebar-section:hover {
    opacity: 1;
}
/*  -------------------------
    :: Sidebars :: Latest Posts Widget
  ------------------------- */.footer-section .last-posts .imgHover,
.sidebar-section .last-posts .imgHover {
    width: 50px;
    height: 50px;
    float: left;
    border: 0px;
}
.footer-section .last-posts .sidebar-section .last-posts {
    min-height: 70px;
    margin-bottom: 0px;
    padding: 0px;
}
.footer-section .last-posts a,
.sidebar-section .last-posts a {
    margin-left: 60px;
    margin-bottom: 5px;
    display: block;
}
.footer-section .last-posts h3,
.sidebar-section .last-posts h3 {
    color: #888;
    padding: 0px;
    border: 0;
    font-size: 12px;
    font-weight: 600;
    margin: 0px;
    background-color: transparent;
    min-height: 0px;
    line-height: 18px;
}
.footer-section .last-posts a:hover h3,
.sidebar-section .last-posts a:hover h3 {
    color: #77c831;
}
.footer-section .last-posts span,
.sidebar-section .last-posts span {
    font-size: 10px;
    color: #bbb;
}
.beopen-sc .last-posts {
    padding: 0px !important;
    margin-right: 25px !important;
    width: 209px !important;
}
.beopen-section .last-posts {
    float: left;
    position: relative;
}
/*  -------------------------
    :: Sidebars :: Services
  ------------------------- */.footer-section .service,
.sidebar-section .service {
    padding: 10px 0px;
}
.sidebar-section .service-bg,
.footer-section .service-bg {
    float: left;
    display: block;
    margin: auto;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    overflow: hidden;
    margin-top: 0px;
    position: relative;
    background-color: #f5f5f5;
}
.sidebar-section .service-bg img,
.footer-section .service-bg img {
    margin: auto;
}
.footer-section .service .entypo,
.sidebar-section .service .entypo {
    font-size: 20px;
    line-height: 40px;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 1;
}
.footer-section .service h3,
.sidebar-section .service h3 {
    color: #444;
    font-size: 16px;
    font-weight: 600;
    padding-left: 55px;
    padding-right: 5px;
    padding-bottom: 0px;
}
.footer-section .service .service-text,
.sidebar-section .service .service-text {
    color: #777;
    padding-left: 55px;
    padding-right: 5px;
    text-align: left !important;
}
.footer-section .service h3 {
    color: #aaa;
}
/*  -------------------------
    :: Sidebars :: Portfolio
  ------------------------- */.widget_portfolio_widget {
    padding-bottom: 40px;
}
footer .portfolio,
.sidebar-section .portfolio {
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 0px;
}
footer .portfolio a,
.sidebar-section .portfolio a {
    display: inline-block;
}
footer .portfolio .imgHover,
.sidebar-section .portfolio .imgHover {} footer .portfolio .hover-link-icon,
.sidebar-section .portfolio .hover-link-icon {} footer .portfolio .hover-link-bg,
.sidebar-section .portfolio .hover-link-bg {
    margin-left: 35px;
}
footer .portfolio .hover-link-bg .entypo,
.sidebar-section .portfolio .hover-link-bg .entypo {
    line-height: 110px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
footer .portfolio:hover .hover-link-bg,
.sidebar-section .portfolio:hover .hover-link-bg {
    opacity: 1;
}
/*  -------------------------
    :: Sidebars :: Testimonials
  ------------------------- */.testimonials {
    padding-bottom: 0px;
}
.testimonial {
    display: block;
    float: left;
}
.testimonial.rs-carousel-item {
    width: 490px;
    max-width: 100%;
}
.sidebar-section .testimonial,
.three.columns .testimonial {
    margin-right: 15px;
}
.twelve.columns .testimonial {
    width: 1000px;
}
.sidebar-section .testimonial {
    width: 205px;
}
.testimonial .words {
    display: block;
    line-height: 20px;
    margin: 5px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 40px;
    padding: 20px 30px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 28px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.testimonial .triangle {
    width: 0px;
    height: 0px;
    margin-left: 30px;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent rgba(0, 0, 0, 0.1);
}
.row .three.columns .testimonial .words {
    font-size: 16px;
    line-height: 28px;
}
.testimonial .from {
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    font-size: 16px;
    line-height: 20px;
    color: #454e5c;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 40px 0px;
}
.testimonial .from img {
    width: 60px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 15px;
    border-radius: 60px;
}
.testimonial p {} .testimonial .person {
    font-size: 11px;
    font-weight: bold;
    padding-top: 8px;
    line-height: 20px;
    display: block;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}
.testimonial .person-group {
    font-size: 13px;
    padding-top: 7px;
    display: block;
}
.twelve.columns > .fred > .testimonial,
.twelve.columns > .caroufredsel_wrapper > .fred > .testimonial {
    width: 960px;
}
/*  -------------------------
    :: Sidebars :: Lists
    ------------------------- */.widget_rss ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_categories ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_archive ul,
.widget_meta ul,
ul.blogroll {
    list-style-type: none;
    margin-left: 0;
}
.widget_rss ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_archive ul li,
.widget_meta ul li,
ul.blogroll li {
    padding-bottom: 1px;
    font-size: 13px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    display: block;
}
.widget_recent_entries ul li a:hover:before {
    text-decoration: none;
}
.widget_rss ul li a,
.widget_nav_menu ul li a,
.widget_pages ul li a,
.widget_categories ul li a,
.widget_recent_entries ul li a,
.widget_archive ul li a,
.widget_meta ul li a,
ul.blogroll li a {
    color: #4b4b4b;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.widget_rss > ul li:first-child a,
.widget_nav_menu > ul li:first-child a,
.widget_pages > ul li:first-child a,
.widget_categories > ul li:first-child a,
.widget_recent_entries > ul li:first-child a,
.widget_archive > ul li:first-child a,
.widget_meta > ul li:first-child a,
ul.blogroll li:first-child a {
    padding-top: 0px;
}
.widget_recent_comments ul li {
    padding-left: 32px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    color: #909fa8;
}
.widget_recent_comments ul li a {
    color: #4b4b4b;
    font-weight: 600;
}
.widget_recent_comments ul li:before {
    content: '\e848';
    font-family: 'fontello';
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    margin-top: 7px;
    margin-left: -30px;
    color: #535c69;
}
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.widget_pages ul li a:hover,
.widget_categories ul li a:hover,
.widget_recent_entries ul li a:hover,
.widget_archive ul li a:hover,
.widget_meta ul li a:hover,
ul.blogroll li a:hover {
    padding-left: 5px;
}
.widget_pages ul li ul.children {
    margin-bottom: 0px;
}
.widget_pages ul li ul li a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px;
}
.widget_nav_menu ul li ul.sub-menu,
.widget_pages ul li ul.children,
.widget_categories ul li ul.children {
    border-top: 1px solid #eee;
    margin-bottom: 0px;
    margin-top: 10px;
}
.widget_nav_menu ul li ul.sub-menu li:last-child,
.widget_pages ul li ul.children li:last-child,
.widget_categories ul li ul.children li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}
.widget_nav_menu ul li ul li,
.widget_pages ul li ul li,
.widget_categories ul li ul li {
    padding-left: 15px;
    font-size: 13px;
}
/*  -------------------------
    :: Sidebars :: Calendar
    ------------------------- */.widget_calendar #wp-calendar caption {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #bbb;
    background-color: #4a4a4a;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.widget_calendar table thead,
.widget_calendar table tfoot {
    background-color: transparent;
}
.widget_calendar table {
    width: 100%;
    border-spacing: 5px;
}
.widget_calendar table thead tr th,
table tfoot tr td {
    padding: 6px 0px 6px !important;
    color: #c3c3c3;
    text-align: center;
    font-size: 11px;
    font-weight: 800;
}
.widget_calendar table thead tr th,
.widget_calendar table tfoot tr th,
.widget_calendar table tbody tr td,
.widget_calendar table tr td,
.widget_calendar table tfoot tr td {
    border: 0px;
}
.widget_calendar table td a {
    background-color: #f9f9f9;
    border-radius: 3px;
    padding: 2px 4px;
}
.widget_calendar table tfoot {
    margin-top: 20px;
}
.widget_calendar table tfoot td a {
    display: block;
    width: 100%;
}
.widget_calendar table tbody tr th,
.widget_calendar table tbody tr td {
    padding: 3px 0px 4px;
    color: #c3c3c3;
    text-align: center;
}
.widget_calendar table tbody tr td {
    font-size: 14px;
    font-weight: 600;
    color: #858585;
}
table tbody tr:nth-child(even) {
    background-color: transparent;
}
/*  -------------------------

    :: Sidebars :: Tag Cloud
  ------------------------- */.tags {
    padding-bottom: 20px;
    padding-bottom: 10px;
}
.tagcloud {
    font-size: 0;
}
.tags a,
.tagcloud a {
    position: relative;
    display: inline-block;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 16px;
    color: #334146;
    position: relative;
    text-align: center;
    text-decoration: none;
    border-radius: 4px 4px 5px 5px;
    cursor: pointer;
    padding: 10px 15px 10px;
    -webkit-appearance: none;
    margin-right: 0px;
    background: #FAFAFA;
    border: 1px solid rgba(0, 0, 0, 0.03);
    margin-bottom: 10px;
    margin-right: 10px;
}
.tags a {
    padding: 9px 14px 9px;
}
.tagcloud a:hover {} footer .tags a,
footer .tagcloud a {
    background: #4a4a4a;
    border: 0px;
}
/*  -------------------------
    :: Shortcodes
  ------------------------- */article .row {
    margin: 0px 0px;
    padding: 0px 15px;
}
article.page .columns {
    display: block;
    padding-left: 0px;
}
pre,
code {
    font-weight: normal;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    word-wrap: break-word;
    clear: both;
}
pre {
    display: block;
    padding: 8.5px;
    margin: 0 0 9px;
    font-size: 12px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #444444;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
code {
    display: inline-block;
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
.github-btn {
    height: 20px;
    overflow: hidden
}
.gh-btn,
.gh-count,
.gh-ico {
    float: left
}
.gh-btn,
.gh-count {
    padding: 2px 5px 2px 4px;
    color: #333;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 3px
}
.gh-btn {
    background-color: #e6e6e6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#eaeaea));
    background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
    background-image: -moz-linear-gradient(top, #fafafa, #eaeaea);
    background-image: -ms-linear-gradient(#fafafa, #eaeaea);
    background-image: -o-linear-gradient(#fafafa, #eaeaea);
    background-image: linear-gradient(#fafafa, #eaeaea);
    background-repeat: no-repeat;
    border: 1px solid #d4d4d4;
    border-bottom-color: #bcbcbc
}
.gh-btn:hover,
.gh-btn:focus,
.gh-btn:active {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    border-color: #518cc6 #518cc6 #2a65a0;
    background-color: #3072b3
}
.gh-btn:hover,
.gh-btn:focus {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -webkit-linear-gradient(#599bdc, #3072b3);
    background-image: -moz-linear-gradient(top, #599bdc, #3072b3);
    background-image: -ms-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3)
}
.gh-btn:active {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, .1)
}
.gh-ico {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    vertical-align: 3px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTMycHgiIGhlaWdodD0iNjZweCIgdmlld0JveD0iMCAwIDEzMiA2NiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTMyIDY2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMzMzMzMzIiBkPSJNMzMsMS44Yy0xNy43LDAtMzIsMTQuMy0zMiwzMmMwLDE0LjEsOS4yLDI2LjEsMjEuOSwzMC40DQoJYzEuNiwwLjMsMi4yLTAuNywyLjItMS41YzAtMC44LDAtMi44LDAtNS40Yy04LjksMS45LTEwLjgtNC4zLTEwLjgtNC4zYy0xLjUtMy43LTMuNi00LjctMy42LTQuN2MtMi45LTIsMC4yLTEuOSwwLjItMS45DQoJYzMuMiwwLjIsNC45LDMuMyw0LjksMy4zYzIuOSw0LjksNy41LDMuNSw5LjMsMi43YzAuMy0yLjEsMS4xLTMuNSwyLTQuM2MtNy4xLTAuOC0xNC42LTMuNi0xNC42LTE1LjhjMC0zLjUsMS4yLTYuMywzLjMtOC42DQoJYy0wLjMtMC44LTEuNC00LjEsMC4zLTguNWMwLDAsMi43LTAuOSw4LjgsMy4zYzIuNi0wLjcsNS4zLTEuMSw4LTEuMWMyLjcsMCw1LjUsMC40LDgsMS4xYzYuMS00LjEsOC44LTMuMyw4LjgtMy4zDQoJYzEuNyw0LjQsMC42LDcuNywwLjMsOC41YzIuMSwyLjIsMy4zLDUuMSwzLjMsOC42YzAsMTIuMy03LjUsMTUtMTQuNiwxNS44YzEuMSwxLDIuMiwyLjksMi4yLDUuOWMwLDQuMywwLDcuNywwLDguOA0KCWMwLDAuOSwwLjYsMS45LDIuMiwxLjVDNTUuOCw1OS45LDY1LDQ3LjksNjUsMzMuOEM2NSwxNi4xLDUwLjcsMS44LDMzLDEuOHoiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBkPSJNOTksMS44Yy0xNy43LDAtMzIsMTQuMy0zMiwzMmMwLDE0LjEsOS4yLDI2LjEsMjEuOSwzMC40DQoJYzEuNiwwLjMsMi4yLTAuNywyLjItMS41YzAtMC44LDAtMi44LDAtNS40Yy04LjksMS45LTEwLjgtNC4zLTEwLjgtNC4zYy0xLjUtMy43LTMuNi00LjctMy42LTQuN2MtMi45LTIsMC4yLTEuOSwwLjItMS45DQoJYzMuMiwwLjIsNC45LDMuMyw0LjksMy4zYzIuOSw0LjksNy41LDMuNSw5LjMsMi43YzAuMy0yLjEsMS4xLTMuNSwyLTQuM2MtNy4xLTAuOC0xNC42LTMuNi0xNC42LTE1LjhjMC0zLjUsMS4yLTYuMywzLjMtOC42DQoJYy0wLjMtMC44LTEuNC00LjEsMC4zLTguNWMwLDAsMi43LTAuOSw4LjgsMy4zYzIuNi0wLjcsNS4zLTEuMSw4LTEuMWMyLjcsMCw1LjUsMC40LDgsMS4xYzYuMS00LjEsOC44LTMuMyw4LjgtMy4zDQoJYzEuNyw0LjQsMC42LDcuNywwLjMsOC41YzIuMSwyLjIsMy4zLDUuMSwzLjMsOC42YzAsMTIuMy03LjUsMTUtMTQuNiwxNS44YzEuMSwxLDIuMiwyLjksMi4yLDUuOWMwLDQuMywwLDcuNywwLDguOA0KCWMwLDAuOSwwLjYsMS45LDIuMiwxLjVjMTIuNy00LjIsMjEuOS0xNi4yLDIxLjktMzAuNEMxMzEsMTYuMSwxMTYuNywxLjgsOTksMS44eiIvPg0KPC9zdmc+DQo=);
    background-size: 40px 20px;
    background-repeat: no-repeat;
    background-position: 0 0
}
.gh-btn:hover .gh-ico,
.gh-btn:focus .gh-ico,
.gh-btn:active .gh-ico {
    background-position: -20px 0
}
.gh-count {
    position: relative;
    display: none;
    margin-left: 4px;
    background-color: #fafafa;
    border: 1px solid #d4d4d4
}
.gh-count:hover,
.gh-count:focus {
    color: #4183C4
}
.gh-count:before,
.gh-count:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}
.gh-count:before {
    top: 50%;
    left: -3px;
    margin-top: -4px;
    border-width: 4px 4px 4px 0;
    border-right-color: #fafafa
}
.gh-count:after {
    top: 50%;
    left: -4px;
    z-index: -1;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #d4d4d4
}
.github-btn-large {
    height: 30px
}
.github-btn-large .gh-btn,
.github-btn-large .gh-count {
    padding: 3px 10px 3px 8px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 4px
}
.github-btn-large .gh-ico {
    width: 20px;
    height: 20px;
    background-size: 40px 20px
}
.github-btn-large .gh-btn:hover .gh-ico,
.github-btn-large .gh-btn:focus .gh-ico,
.github-btn-large .gh-btn:active .gh-ico {
    background-position: -20px 0
}
.github-btn-large .gh-count {
    margin-left: 6px
}
.github-btn-large .gh-count:before {
    left: -5px;
    margin-top: -6px;
    border-width: 6px 6px 6px 0
}
.github-btn-large .gh-count:after {
    left: -6px;
    margin-top: -7px;
    border-width: 7px 7px 7px 0
}
.full_width {
    width: 100%;
}
.clear {
    clear: both;
    margin: 5px 0;
}
.dropcap {
    display: block;
    float: left;
    font-size: 34px;
    line-height: 1;
    margin: 0 10px 0 0;
}
.beopen-progressbar {
    height: 35px;
    line-height: 35px;
    width: 200px;
    display: block;
    background: #7995d5;
    height: 35px;
    position: relative;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    line-height: 35px;
}
.beopen-progressbar span {
    position: absolute;
    top: 0px;
    right: 10px;
    color: #fff;
}
.beopen-progressbar-description {
    font-size: 12px;
    color: #8e959c;
    line-height: 16px;
    display: block;
    padding-top: 4px;
    margin-bottom: 13px;
}
.pricing_table {
    margin-bottom: 20px;
    display: block;
    padding: 40px;
}
.pricing_table .plan:first-child {} .plan {
    display: block;
    padding: 0px !important;
    margin: 0px;
}
.plan-inner {
    margin: 0px 10px;
    background-color: #fff;
    box-shadow: 0px 2px 0px rgba(142, 149, 156, 0.1);
    transition: margin-top 0.2s linear, margin-bottom 0.2s linear;
    -webkit-transition: margin-top 0.2s linear, margin-bottom 0.2s linear;
}
.plan-inner:hover {
    margin-top: -13px;
    margin-bottom: 13px;
}
.plan.featured .plan-inner {
    border: 4px solid #eee;
    margin-top: -3px;
    margin-bottom: 3px;
}
.plan.featured .plan-inner:hover {
    margin-top: -16px;
    margin-bottom: 16px;
}
.plan .plan_top {
    text-align: center;
    color: #777;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eeeff0;
    border: 1px solid #eee;
}
.plan.featured .plan_top {
    color: rgba(255, 255, 255, 0.5);
}
.plan h3 {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-transform: uppercase;
}
.plan .plan_top .plan_price {
    display: inline;
    font-size: 48px;
    line-height: 1.2em;
    color: #fff;
    font-weight: 300;
}
.plan .plan_top .plan_period {
    display: block;
    font-size: 20px;
    line-height: 26px;
    color: #8e959c;
    font-weight: 300;
}
.plan ul {
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    color: #555;
}
.plan li {
    width: 100%;
    display: block;
    padding: 10px 30px;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #8e959c;
    border: 1px solid #eee;
    border-top: 0px;
    text-align: center;
}
.plan li strong {
    color: #30353e;
    font-weight: 500;
}
.plan li:nth-child(odd) {
    background-color: #fdfdfd;
}
.plan.featured li {} .plan .plan_bottom {
    text-align: center;
    padding: 20px 0px;
    display: block;
    border: 1px solid #eee;
    border-top: 0px;
}
/* Alerts ---------------------- */

div.alert-message {
    display: block;
    padding: 18px 12px 18px;
    padding-right: 50px;
    font-weight: 600;
    font-size: 18px;
    color: white;
    background-color: #30c7f8;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 12px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 0px rgba(0, 0, 0, 0.1);
    position: relative;
}
div.alert-message .box-icon {
    display: block;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    width: 60px;
    height: 100%;
    bottom: 0px;
    margin-top: -18px;
    margin-left: -12px;
    text-align: center;
    line-height: 60px;
}
div.alert-message .box-icon i.beopen-icon:before {
    font-family: 'fontello';
    content: '\e82b';
    font-size: 20px;
    color: #fff;
    font-style: normal;
    font-weight: normal;
}
div.alert-message.success .box-icon i.beopen-icon:before {
    content: '\e802';
}
div.alert-message.warning .box-icon i.beopen-icon:before {
    content: '\e84b';
}
div.alert-message.error .box-icon i.beopen-icon:before {
    content: '\e875';
}
div.alert-message p {
    margin: 0px;
    margin-left: 65px;
}
div.alert-message.success {
    background-color: #9be433;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
div.alert-message.success .box-icon {
    background-position: -48px -8px;
}
div.alert-message.warning {
    background-color: #ebc83a;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
div.alert-message.warning .box-icon {
    background-position: -88px -8px;
}
div.alert-message.error {
    background-color: #ff4e36;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
div.alert-message.error .box-icon {
    background-position: -128px -8px;
}
div.alert-message a.close {
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    top: 15px;
    right: 12px;
    text-align: center;
}
div.alert-message a.close:hover,
div.alert-box a.close:focus {
    opacity: 0.4;
}
div.alert-message a.close span {
    color: #30c7f8;
    background-color: #fff;
    display: block;
    width: 16px;
    height: 16px;
    font-size: 21px;
    line-height: 14px;
    border-radius: 2px;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
    margin: auto;
    margin-top: 7px;
}
div.alert-message.success a.close span {
    color: #9be433;
}
div.alert-message.warning a.close span {
    color: #ebc83a;
}
div.alert-message.error a.close span {
    color: #ff4e36;
}
/* Accordion ---------------------- */

ul.accordion {
    margin: 0 0 22px 0;
}
ul.accordion > li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
ul.accordion > li .title {
    cursor: pointer;
    padding: 20px 0px;
    margin: 0;
    position: relative;
    -webkit-transition: 0.15s background linear;
    -moz-transition: 0.15s background linear;
    -o-transition: 0.15s background linear;
    transition: 0.15s background linear;
    padding-left: 60px;
    font-size: 16px;
}
ul.accordion > li .title h1,
ul.accordion > li .title h2,
ul.accordion > li .title h3,
ul.accordion > li .title h4,
ul.accordion > li .title h5 {
    margin: 0;
}
ul.accordion > li .title:before {
    color: #8e959c;
    font-family: 'fontello';
    content: '\e823';
    display: block;
    width: 40px;
    height: 40px;
    font-size: 18px;
    position: absolute;
    line-height: 40px;
    background-color: #fff;
    border-radius: 50px;
    text-align: center;
    margin-top: -12px;
    margin-left: -60px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}
ul.accordion > li .content {
    display: none;
    padding: 0px 0px 20px 60px;
}
ul.accordion > li.active {} ul.accordion > li.active .title {
    padding-top: 20px;
}
ul.accordion > li.active .title:before {
    content: '\e826';
}
ul.accordion > li.active .content {
    height: auto;
    display: block;
}
/* Toggle ------------------------- */

.toggle {
    clear: both;
}
div.toggle {
    border-radius: 3px;
}
div.toggle {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
div.toggle .title {
    cursor: pointer;
    padding: 15px;
    margin: 0;
    position: relative;
    -webkit-transition: 0.15s background linear;
    -moz-transition: 0.15s background linear;
    -o-transition: 0.15s background linear;
    transition: 0.15s background linear;
    padding-left: 60px;
    font-size: 16px;
}
div.toggle .title h1,
div.toggle .title h2,
div.toggle .title h3,
div.toggle .title h4,
div.toggle .title h5 {
    margin: 0;
    color: #454e5c;
}
div.toggle .title:before {
    color: #8e959c;
    font-family: 'fontello';
    content: '\e823';
    display: block;
    width: 40px;
    height: 40px;
    font-size: 18px;
    position: absolute;
    line-height: 40px;
    background-color: #fff;
    border-radius: 50px;
    text-align: center;
    margin-top: -12px;
    margin-left: -60px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}
div.toggle .content {
    display: none;
    padding: 0px 0px 20px 60px;
}
div.toggle.active {} div.toggle.active .title {
    padding-top: 20px;
}
div.toggle.active .title:before {
    content: '\e826';
}
div.toggle.active .content {
    display: block;
}
div.divider {
    display: block;
    height: 10px;
    clear: both;
    border-top: 1px dotted #ccc;
}
ul.icons {
    list-style-type: none;
}
ul.icons i.icon-ok {
    padding-right: 28px;
}
ul.icons i.icon-ok:before {
    font-family: 'fontello';
    content: '\e802';
}
/* Twitter Shortcode */

.tweet_list {
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
}
.tweet_list li {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.5em;
    padding-left: 0px;
    list-style-type: none;
    font-size: 13px;
}
.tweet_list li:before {
    font-family: 'fontello';
    content: '\e8fe';
    padding-right: 10px;
}
.tweet_list li a {} .tweet_list .tweet_even {} .tweet_list .tweet_avatar {
    padding-right: .5em;
    float: left;
}
.tweet_list .tweet_avatar img {
    vertical-align: middle;
}
/*  -------------------------
    :: Footer
  ------------------------- */
.footer {
    font-size: 12px;
    line-height: 16px;
    display: block;
    width: 100%;
    clear: both;
}
.footer a:hover {
    text-decoration: none;
}
.footer #bottom-footer * {
    color: #bbb;
    font-size: 13px;
}
.footer #inner-footer {
    padding-top: 40px;
    display: block;
    margin: auto;
}
.footer ul,
.footer ol {
    font-size: 15px;
    line-height: 24px;
}
.footer ul.menu,
.footer ol.menu {
    list-style: none;
}
.footer h6 strong {
    font-size: 13px;
    font-weight: 700;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.footer #inner-footer #top-footer {
    display: block;
    padding-bottom: 20px;
}
.footer #inner-footer #logo-footer {
    font-size: 22px;
    color: #aaa;
    margin-bottom: 10px;
}
.footer #inner-footer #bottom-footer {
    display: block;
    padding: 20px 0px;
    clear: both;
    background-color: #252525;
    font-size: 14px;
    line-height: 25px;
}
.footer #inner-footer #bottom-footer .links {
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
@media screen and (min-width:768px) {
    .footer #inner-footer #bottom-footer .links {
        text-align:right;
    }
}
.footer #inner-footer #bottom-footer .links a {} .footer #inner-footer #bottom-footer .links a:hover {
    color: #fff;
}
.footer #inner-footer #bottom-footer .attribution {
    margin: 0px;
}
.footer #inner-footer #bottom-footer span.separator {
    padding-left: 7px;
    padding-right: 7px;
}
.footer p {
    font-size: 14px;
}
/*  -------------------------
    :: Footer :: Widgets
  ------------------------- */ul.photo-list {
    list-style-type: none;
    line-height: 0px;
    font-size: 0px;
}
ul.photo-list li {
    padding: 0px 5px 5px 0px;
    background: none;
    display: inline-block;
    vertical-align: top;
}
ul.photo-list a {
    height: auto;
    width: auto;
    text-indent: 0;
    border: 0px;
    background: none;
}
footer ul.blogroll li {
    border: 0px;
    margin-left: -10px;
}
footer ul.blogroll li a {
    color: #868787;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 23px;
    display: block;
    background-position: 5px 4px;
}
footer ul.blogroll li a:hover {
    padding-left: 29px;
    background-position: 11px 4px;
}
footer ul.blogroll li:hover {
    background-color: #3c3e3f;
}
.footer-section h3 span.subtitle {
    display: none;
}
footer .widget_pages ul li a,
footer .widget_categories ul li a,
footer .widget_recent_entries ul li a,
footer .widget_archive ul li a,
footer .widget_meta ul li a,
footer ul.blogroll li a {
    color: #666;
    border-color: #373737;
}
footer .textwidget {
    line-height: 2em;
}
/*  -------------------------
    :: Footer :: Scroll Up Button
  ------------------------- */#beopen-scroll-up-button {
    display: none;
    position: fixed;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    z-index: 10000;
    right: 40px;
    bottom: 40px;
    transition: opacity 0.2s, display 1s;
    opacity: 0;
    background: #777;
}
#beopen-scroll-up-button.active {
    display: block;
    opacity: 0.5;
}
#beopen-scroll-up-button:active {
    opacity: 1;
}
.beopen-social a[class*="socialicon-"] {
    color: #fff;
    background-color: #4a4a4a;
    border-radius: 3px;
    display: inline-block;
    width: 40px;
    line-height: 40px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 15px;
}
article.contact h2 {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    color: #aaa;
}
/* MOBILE RULES */

@media only screen and (max-width: 1280px) {
    .layout-type-boxed .beopen-limited-width {
        width: 100%;
    }
}
@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .masonry article .metainfo .date {
        margin-right: 0px;
    }
    .masonry article .metainfo .date .year {
        display: none !important;
    }
}
@media only screen and (min-width: 1024px) {
    .featurebox .beopen-image-left .columns,
    .featurebox .beopen-image-right .columns {
        display: table-cell;
        vertical-align: middle;
        float: none !important;
    }
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
    nav#standard .sf-menu > li > a {} .sf-menu {
        /*float: none;*/

        float: right;
    }
    nav#standard .sf-arrows > li > a.sf-with-ul {
        padding-left: 6px;
        padding-right: 6px;
    }
    nav#standard .sf-arrows .sf-with-ul:after {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .header-extra div.columns {
        padding: 0;
        background: #003262;
    }
    div.topbar h1 {
        float: none;
        text-align: center;
    }
    ul.breadcrumbs {
        display: none;
    }
    .wpbdp-bar .wpbdp-main-links {
        float: none;
        text-align: center;
    }
    form#wpbdmsearchform {
        margin: 0;
    }
    form#wpbdmsearchform #intextbox {
        padding: 5px;
        margin: 10px;
    }
    form#wpbdmsearchform input {
        float: left;
    }
    .project-selector,
    #content {
        padding-right: 15px;
    }
    .project-sidebar {
        margin-top: 40px;
    }
    .beopen-wide-portfolio-grid li {
        width: 50%;
    }
    .beopen-portfolio-more-container {
        padding-top: 20px;
    }
    [class*="column"] + [class*="column"].end {
        float: none;
    }
    .layout-type-boxed #container {
        margin-top: 0px;
    }
    .header-extra .header-columns {
        float: none;
        text-align: center;
        /*border-bottom: 1px solid #fff;*/
    }
    .header-extra .beopen-mini-column {
        border: 0px;
    }
    .header-extra .header-action {
        text-align: center;
    }
    #main-content {
        margin-top: 20px;
        margin-bottom: 0;
    }
    #sidebar .widget {
        padding-bottom: 0;
    }
    .da-thumbs li {
        width: 25%;
    }
    .footer h6 strong {
        font-size: 16px;
    }
    .footer .textwidget ul {
        font-size: 14px !important;
        margin-left: 20px;
    }
    .call_to_action_text,
    .inner-calltoaction .button {
        margin: 0;
    }
    .inner-calltoaction .button {
        line-height: 25px;
        padding-left: 30px;
        padding-right: 15px;
    }
    h2.headline {
        font-size: 20px;
    }
    #inner-header {
        margin-top: 0px;
    }
    #inner-header #logo a img {
        /*margin-top: 5px;*/

        max-width: 85% !important;
        float: left;
    }
    .roundabout-moveable-item {
        height: 150px;
        width: 300px;
    }
    .portfolio_round .home-inner-section {
        height: 80%;
    }
    .portfolio-round {
        height: 140px;
    }
    .be-portfolio-title {
        font-size: 14px;
        padding: 10px 20px;
        margin-top: 0px;
    }
    .be-portfolio-title:after {
        display: none;
    }
    a#responsive-trigger {
        display: block;
    }
    nav#standard {
        display: none;
        margin-top: 0;
    }
    nav#standard .sf-menu {
        float: none;
    }
    nav#standard .sf-menu li {
        width: 100%;
    }
    nav#standard .sf-menu li a {
        padding: 10px;
        border-top: 1px solid #e5e9eb;
    }
    nav#standard .sf-menu ul ul li a {
        padding-left: 20px;
    }
    nav#standard .sf-menu ul {
        box-shadow: none;
        position: relative;
    }
    nav#standard .sf-menu ul ul {
        top: 0;
        left: 0;
    }
    nav#standard #beopen-quick-search {
        float: none;
        margin: auto;
        margin-bottom: 20px;
        display: none;
    }
    #beopen-quick-search-container {
        max-height: none;
    }
    .beopen-grid-container {
        margin: 0px 15px;
    }
    .process {
        background: transparent;
    }
    #beopen-style-selector {
        display: none !important;
    }
    .call_to_action a.button {} section ol.commentlist ul.children li {
        padding-left: 10px;
    }
    .masonry .masonry-item {
        width: 100% !important;
    }
    .after-slider-separator {
        display: none;
    }
    span.send-message {
        margin-left: 10px;
    }
    .triangle-bottom {
        display: none;
    }
    .with-sidebar article.page,
    .with-sidebar article.post {
        padding-left: 0px;
        padding-right: 0px;
    }
    .metainfo .date .year {
        display: none !important;
    }
    article .metainfo .date,
    article .metainfo .author,
    article .metainfo .cats,
    article .metainfo .tags,
    article .metainfo .comments {} article .metainfo {
        background: none;
    }
    article .metainfo {
        min-height: 50px;
    }
    article .metainfo .date {
        padding-bottom: 5px;
    }
    article .metainfo .author {} article .metainfo .cats {} article .metainfo .comments {} .beopen-single .post-box {
        border-right: 0px;
        padding-right: 0px;
        padding-top: 10px;
    }
    .author-picture-box {} .author-description {
        margin-left: 0px;
        margin-top: 10px;
    }
    ._blog > .row {} .topbar {
        padding-left: 10px;
        padding-right: 10px;
    }
    .beopen-start-content {
        margin-top: 10px;
    }
    .topbar > .row {
        padding-left: 5px;
        padding-right: 5px;
    }
    ._blog {
        background: transparent;
    }
    .rightfade {
        background: transparent;
        padding-right: 0px;
    }
    .dk_container {
        margin-bottom: 10px;
    }
    .dk_options {
        position: static;
        margin-top: 0px;
    }
    .page-template-template-blog aside#sidebar,
    .single aside#sidebar {
        display: none;
    }
    .wpbdp-bar form.wpbdp-search-form {
        width: 100%;
    }
}
.rev_slider_wrapper .rev_slider .riscv {
    background: rgba(246,178,26, .8);
    border-color: #fbeed5;
}
.rev_slider_wrapper .rev_slider .riscv * {
    line-height: 32px;
    color: #2a3172;
    font-size: 24px;
    font-family: "Open Sans", sans-serif;
}
.rev_slider_wrapper .rev_slider .riscv a,
.rev_slider_wrapper .rev_slider .riscv strong {
    color: #003262;
    font-weight: 700;
}
@media only screen and (max-width: 480px) {
  .rev_slider_wrapper .rev_slider .riscv,
  .rev_slider_wrapper .rev_slider .riscv * {
    font-size:10px!important;
    line-height:13px!important;
  }
}

.rev_slider_wrapper .rev_slider .riscv a.button {
    transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    display: inline-block;
    font-size: 13px;
    line-height: 24px;
    font-family: 'Open Sans', Arial;
    color: #fff;
    position: relative;
    text-align: center;
    text-decoration: none;
    border-radius: 4px 4px 5px 5px;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    margin-right: 0px;
    padding: 5px 20px 5px;
    background: #0789cb;
    box-shadow: 0px 2px 0px #066ea4;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-radius: 4px;
    background: #003262;
    box-shadow: 0px 2px 0px #0e0d3d;
    margin:15px 0!important;
    float:right;
}
.rev_slider_wrapper .rev_slider .riscv a.button:hover,
.rev_slider_wrapper .rev_slider .riscv a.button:focus,
.rev_slider_wrapper .rev_slider .riscv a.button:active {
    background: #3b7ea1;
    box-shadow: 0 2px 0px #0e0d3d;
}
/* Very Small screens */
@media only screen and (max-width: 500px) {
    .wpbdp-bar form.wpbdp-search-form {
        width: 100% !important;
    }
    form#wpbdmsearchform input[type=text] {
        min-width: 185px;
        margin: 5px !important;
    }
    form#wpbdmsearchform input[type=submit] {
        margin: 1px;
    }
    #wpbdp-bar-view-listings-button, a.advanced-search-link {
        display: none !important;
    }
}
@media only screen and (max-width: 320px) {
    .portfolio_tag {
        float: none;
    }
}

.twitterwidget iframe, .twitterwidget iframe[style] {
    width: 100% !important;
    max-width: 100% !important;
}
.screen-reader-text {
    display: none !important;
}
.wpbdp-bar {
    padding: 10px 10px 0;
}
.wpbdp-listing-single .main-image img {
    border: none !important;
}
.wpbdp-listing-excerpt.sticky {
    background: none !important;
    border-bottom: dotted 1px #ddd !important;
}
.wpbdp-listing-single .extra-images {
	display: none !important;
}
.wpbdp-listing-single .listing-title {
	background: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.wpbdp-listing .contact-form {
	padding-left: 0 !important;
}
.wpbdp-listing .contact-form h3 {
	margin-left: 0 !important;
}

form#wpbdmsearchform {
    text-align: right !important;
}
form#wpbdmsearchform .wpbdp-search-filter>div.label label {
    color: #fff;
    margin-bottom: 0;
    padding: 5px 0;
    display: block;
}
form#wpbdp-search-form br, form#wpbdmsearchform br {
    display: none;
}
form#wpbdp-search-form input[type=text], form#wpbdmsearchform input[type=text] {
    margin-right: 10px;
    background: #fff;
    max-height: 36px;
    padding: 10px;
    border-color: #666;
}
form#wpbdp-search-form input[type="reset"] {
    background: #aaa;
    box-shadow: 0px 2px 0px #666;;
}
form#wpbdmsearchform a.advanced-search-link {
    font-size: 100% !important;
}
#wpbdp-search-form-wrapper h3 {
    display: none;
}
.wpbdp-listing-excerpt .listing-actions br {
    display: none;
}

.top-bar p {
    padding:0;
    margin:0;
}

.section-feed {

}
.feed img {
    width:100%;
    height:auto;

}
.feed + .feed {
    margin-top:30px;
}
.feed h2 {
    font-size:24px;
    line-height:1;
    color:#30353e;
    margin:0 0 15px 0;
}
.feed h2 a {
    font-weight:400;
}
.feed--news {

}
.feed--events {

}
.feed--workshops {

}
.feed__footer {
    margin-top:30px;
}
.feed__footer .button {
    float:right;
}
.feed__item {
    border-bottom:1px solid #ccc;
    margin-bottom:15px;
    padding-bottom:15px;
}
.feed__item:last-child {
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0;
}

@media screen and (min-width:768px) {
    .feed__item--left {
        padding-left:0;
        padding-right:0;
    }
    .feed__item--right {
        padding-left:0;
        padding-right:0;
    }
}
.feed__item--news {

}
.feed__item--events {

}
.feed__item--workshops {

}
.feed__item--image {
    /*border:1px solid #e9e9e9;*/
    margin-bottom:10px;
}
.feed__item--title {

}
.feed__item--title h4 {
    font-size:17px;
    color:#003262;
    margin:0;

}
.feed__item--title h4 a {
    /*color:#003262;*/
    font-weight:inherit;
}
.feed__item--date {
    font-size:13px;
    color:#646b72;
    font-weight:700;
    text-transform: uppercase;
}
.feed__item--date .meta-icon {
    top: -1px;
    position: relative;
    font-family: 'Fontello';
    font-size: 12px;
    margin-right: 7px;
    color: #909fa8;
}
.feed__item--date .meta-title {
    color: #909fa8;
    font-size: 13px;
    letter-spacing: 1px;
    margin-right: 7px;
    font-weight: 400;
}
.feed__item--date .meta-value {
    font-weight: 600;
    color: #334146;
    font-size: 13px;
    letter-spacing: 1px;
}
.feed__item--excerpt {
    font-size:15px;
    line-height:1.3;
    color:#646b72;
    margin-top:10px;
}

.section-about {
    background-color:white;
    padding:60px 0;
}
.section-feed {
    padding:60px 0;
    background-color:#e9e9e9;
}
.section-members {
    padding:60px 0;
    background-color:white;
}
.section-members .section__ctas {
    margin:15px 0 0;
}
.section-members .section__ctas .button + .button {
    margin-left: 10px;
}
.member-carousels {
    margin:15px 0;
}
.member-carousels h2 {
    font-size: 24px;
    line-height: 1;
}
.footer .social-links {
    margin:15px 0;
}
.footer .social-links a {
    font-size:20px;
}

.member-list__group.platinum {
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #ccc;
}
.member-list__group h2 {

}
.member-list__item {
    margin:15px 0;
    min-height:60px;
    float:left!important;
}
.member-list__img {

}
.member-list__img img {
    width:100%;
    height:auto;
}
.member-list__title {
    font-size:16px;
    line-height:1;
    margin:0;
}
.member-list__type {
    font-size:14px;
    line-height:1;
    text-transform:uppercase;
}