/* Main font */
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);


/* 
	Main stylesheet

	1. Basics
	2. Spacings
	3. Header
	4. Site search
	5. Main navigation
	6. Teaser
	7. Tagline
	8. Main content
	9. FAQ
	10. Footer
	11. WordPress styles
	12. Contact

*/

/* 1. Basics */

body {
    font: 13px/1.5 'PT Sans', Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
    color: #777;
    background-color: #F9F9F9;
}

a, a:visited {
    text-decoration: none
}

a:hover {
    color: #777;
    text-decoration: none
}

a:hover, a:active, a:focus {
    outline: 0
}

h1 {
    font-size: 25px
}

h2 {
    font-size: 23px
}

h3 {
    font-size: 21px
}

h4 {
    font-size: 19px
}

h5 {
    font-size: 17px
}

h6 {
    font-size: 15px
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Droid Sans', serif !important;
    color: #333
}

ol {
    list-style: decimal;
}

ul {
    list-style: disc;
}

#main-container {
    background: white;
    padding: 15px 35px;
    margin: 0 auto 0 auto;
    box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0
}

div.pp_overlay {
    z-index: 10000 !important
}

div.pp_pic_holder {
    z-index: 10002 !important
}

.nav-tabs > li {
    margin-left: 0;
}

.tab-content > .active {
    margin-top: 5px
}

.btn {
    color: #333 !important
}

.btn-inverse, .btn-warning, .btn-info, .btn-success, .btn-danger {
    color: #fff !important
}

pre span {
    float: left;
    margin-top: 10px;
}

/* 2. Spacings */

li {
    margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
    margin-bottom: 20px;
}

.spacer {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
    height: 35px
}

.clear {
    clear: both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0
}

.colored {
    padding: 3px 7px;
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .35);
    text-transform: uppercase;
    font-weight: bold
}

.colored-alter {
    padding: 3px 7px;
    background: #ab1e1e;
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .35);
    text-transform: uppercase;
    font-weight: bold
}

.vertical-spacer {
    clear: both;
    height: 50px;
    width: 100%;
    display: block;
    float: left
}

#main-navigation, ul#main-navigation > li ul {
    border-bottom: 5px solid
}

#pre-footer {
    border-top: 5px solid
}

/* 3. Header */

#topbar {
    line-height: 42px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 0;
}

#topbar {
    height: 42px;
    background: #111;
    line-height: 42px;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0;
    margin-top: -70px;
    width: 100%;
    position: fixed;
    z-index: 99999;
    margin-bottom: 50px;
}

#topbar p {
    position: relative;
    z-index: 3;
    color: #888
}

#openCloseWrap {
    margin-top: -45px;
    float: right
}

header {
    height: 85px
}

header h1 {
    float: left
}

header p {
    float: right;
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 13px
}

/* 4. Site search */

#sitesearch {
    position: absolute;
    right: 10px;
    z-index: 1;
    top: 9px
}

#sitesearch input {
    font-size: 11px;
    width: 140px;
    background-image: url(images/icons/magnify.png);
    background-repeat: no-repeat;
    background-position: right 8px;
}

/* 5. Main navigation */

#navigation {
    position: relative;
    z-index: 9999
}

#main-navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #222;
    height: 50px;
    position: relative
}

#main-navigation li {
    float: left;
    margin-right: 10px;
    line-height: 40px
}

#main-navigation li a {
    line-height: 50px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'PT Sans', sans-serif;
    color: #f9f9f9;
    display: block;
    padding: 0 20px
}

#main-navigation li a:hover {
    text-decoration: none;
    color: #999
}

#main-navigation li li a {
    line-height: 40px;
    font-size: 11px;
    color: #fff;
    text-align: left;
    padding-left: 0
}

#main-navigation li.current_menu_item a, #main-navigation li.current_menu_item li a:hover, #main-navigation li li.current_menu_item a {
    color: #777
}

#main-navigation li.current_menu_item li a {
    color: #fff
}

ul#main-navigation > li ul.drop {
    margin: 0;
    padding: 0;
    width: auto;
    position: absolute;
    display: none
}

ul#main-navigation > li ul {
    background-color: #222;
    z-index: 999;
    padding: 10px 20px 20px 20px !important;
    width: 200px !important
}

ul#main-navigation > li ul li {
    margin: 0;
    height: 25px
}

ul#main-navigation > li ul.drop ul {
    margin: 0;
    padding: 0;
    width: 120px;
    position: absolute;
    display: none;
    left: 120px;
    top: 0
}

ul#main-navigation > li ul li {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    position: relative;
    width: 100%
}

​
ul#main-navigation li .btn {
    margin-top: -5px
}

/* 6. Teaser */

#teaser {
    padding: 0;
    position: relative;
    float: left;
    margin-bottom: 50px
}

.teaser-flex {
    height: 400px
}

.teaser-flex .flexslider {
    width: 1170px;
    left: 30px;
    clear: both;
    display: block;
    float: left;
    height: 400px;
    top: 0
}

.slide-left {
    float: left;
    text-align: left;
    width: 54%;
    margin-top: 60px
}

.slide-right {
    float: right;
    text-align: left;
    width: 35%;
    margin-top: 120px;
    margin-right: 50px
}


.slide-right .btn {
    margin-right: 5px !important
}

#teaser h2 {
    font-size: 27px;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: -2px
}

#teaser p {
    font-size: 14px;
    line-height: 22px;
    color: #555
}

.btn {
    font-weight: bold;
    text-transform: uppercase
}

/* 7. Tagline */

#tagline {
    height: 95px;
    text-align: center
}

#tagline p {
    font-size: 21px;
    margin-top: 25px;
    text-align: left;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    margin-right: 16px;
    letter-spacing: -1px;
    color: #111
}

#tagline .btn {
    margin-top: -6px;
    color: #fff
}

.shadow-break {
    float: left;
    width: 100%;
    display: block;
    background: url(images/shadow.png) no-repeat bottom center;
    margin: 0 0 0 17px;
    height: 75px
}

.shadow-break-inverse {
    float: left;
    width: 100%;
    display: block;
    background: url(images/shadow-inverse.png) no-repeat bottom center;
    margin: 0 0 0 17px;
    height: 45px
}

/* 8. Main content */

#main-content {
    min-height: 270px;
    padding-bottom: 25px;
    float: left
}

#main-content h3 {
    font-size: 18px;
    margin-bottom: 5px
}

.box-inner {
    padding: 10px 25px
}

.box-icon {
    float: left;
    margin-right: 10px;
    margin-top: 4px;
    width: 48px;
    height: 48px
}

.content-title {
    margin-bottom: 5px;
    text-align: left;
}

.content-title a {
    font-size: 12px;
}

/* Portfolio styles */

#portfolio-latest, #portfolio-2col, #portfolio-3col, #portfolio-4col {
    text-align: center
}

#portfolio-latest .box-inner, #blog-latest .box-inner {
    padding: 10px 25px
}

.portfolio-item {
    position: relative;
    width: 270px;
    height: 232px;
    margin-bottom: 35px
}

.portfolio-item a {
    width: 100%;
    height: 100%;
    display: block
}

span.over {
    background: rgba(0, 0, 0, .8);
    height: 189px;
    position: absolute;
    width: 221px;
    z-index: 10;
    cursor: pointer
}

.zoom-icon {
    width: 32px !important;
    height: 32px !important;
    position: absolute;
    top: 44%;
    left: 44%;
    border: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    border: 0 !important
}

#portfolio-2col span.over {
    height: 320px;
    width: 520px;
    top: 40px;
    left: 25px
}

#portfolio-2col .zoom-icon {
    left: 47%
}

#portfolio-2col .portfolio-item {
    width: 570px;
    height: 350px
}

#portfolio-2col .portfolio-item a {
    width: 100%;
    height: 100%
}

#portfolio-3col span.over {
    width: 321px;
    height: 196px;
    top: 65px
}

#portfolio-3col .zoom-icon {
    left: 47%
}

#portfolio-3col .portfolio-item {
    width: 370px;
    height: 270px
}

#portfolio-3col .portfolio-item a {
    width: 100%;
    height: 100%
}

#portfolio-4col span.over {
    width: 220px;
    height: 135px
}

#portfolio-4col .zoom-icon {
    left: 44%;
    top: 39%
}

#filters {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0
}

#filters li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 0 12px 0 0
}

#filters li a {
    padding: 3px 10px;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase
}

#filters li a:hover {

}

#filters li a.current {
    color: #111
}

/* Staff styles */

#team img {
    width: 364px;
    height: auto;
    border: 1px solid #E1E1E1;
    padding: 2px
}

.member {
    padding-bottom: 15px;
    border-bottom: 1px dotted #E1E1E1;
    margin-bottom: 45px;
}

.team-member {
    margin-top: 20px
}

.member-name {
    font-size: 18px;
    color: #111
}

.member-name span {
    color: #777;
    font-size: 14px
}

.memberimage {
    position: relative;
    width: 100%;
    height: auto
}

.pagination {
    display: block;
    width: 100%;
    float: left;
    text-align: left;
    margin-left: 30px
}

.blog-meta {
    font-size: 11px;
    margin-bottom: -5px
}

.blog-title {
    margin-bottom: 5px;
    font-weight: normal;
}

.portfolio-title {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 1px;
    margin-top: 10px
}

.portfolio-cat {
    font-size: 12px;
    font-style: italic;
    padding-bottom: 5px
}

#portfolio-2col .portfolio-title {
    float: left;
    margin: 0 0 10px 0
}

#portfolio-2col .portfolio-cat {
    float: right
}

/* Page styles */

#page-title {
    text-align: center
}

#page-title h2 {
    margin-bottom: 5px;
    font-size: 35px;
    letter-spacing: -2px
}

#page-content {
    margin-top: 35px
}

/* Blog styles */

#breadcrumbs {
    margin-top: 25px;
    text-align: center
}

#breadcrumbs ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#breadcrumbs ul li {
    padding: 0;
    margin: 0 10px 0 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#breadcrumbs ul li a {
    text-transform: uppercase;
    font-size: 11px
}

#breadcrumbs ul li {
    text-transform: uppercase;
    font-size: 11px
}

#breadcrumbs ul li.arrow {
    font-size: 14px;
    line-height: 18px
}

.post {
    display: block;
    float: left;
    margin-top: 40px
}

.post-title {
    font-size: 21px;
    line-height: 28px;
    margin-bottom: 15px;
    margin-top: -5px
}

.post-meta {
    font-weight: normal;
    line-height: 18px;
    margin: -5px 0 0 0;
    padding: 10px 0;
    font-size: 11px
}

.meta-spacer {
    padding: 0 5px;
    font-size: 13px;
    color: #CCC
}

.post-navigation {
    margin-bottom: 45px;
    clear: both;
    display: block
}

.post .featured-post-image {
    margin-bottom: 15px;
    float: left;
    width: 300px;
    height: 185px;
    margin-right: 20px
}

.entry p {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 23px
}

#sidebar {
    font-size: 12px;
    margin-top: 50px
}

.sidebar-inner {
    padding: 0 0 0 30px;
    border-left: 1px dotted #ccc
}

.left-sidebar .sidebar-inner {
    padding: 0 30px 0 0;
    border-right: 1px dotted #ccc;
    border-left: 0;
    margin-right: 7px
}

#sidebar h4 {
    font-size: 17px;
    margin-bottom: 20px
}

#sidebar .widget {
    margin-bottom: 50px;
    display: block;
    clear: both
}

#sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#sidebar ul li {
    margin: 0 0 -1px 0;
    padding: 0
}

.screen-reader-text {
    display: none
}

#searchform2 input {
    width: 260px
}

#searchform2 .btn {
    margin-top: -9px;
    width: 55px;
    font-size: 10px;
    padding-left: 5px
}

.author-box h4 {
    margin-bottom: 5px;
}

.author-image {
    float: left;
    margin-right: 15px;
    width: 128px;
    height: auto
}

/* 9. FAQ */

#faqholder {
    text-align: center
}

#faqholder dt {
    cursor: pointer;
    font-size: 17px;
    padding: 25px 0;
    color: #111
}

#faqholder dd {
    border: 1px solid #e9e9e9;
    background: #f9f9f9;
    padding: 25px 0;
    width: 65%;
    margin-left: 205px;
    position: relative
}

#faqholder dd p {
    font-size: 13px;
    padding: 0 80px
}

#faqholder dd .colored-alter {
    top: 10px;
    left: 10px;
    position: absolute
}

/* 10. Footer */

#pre-footer {
    background: #191919;
    width: 1170px;
    margin: 0 auto;
    padding: 50px 35px 70px 35px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
}

.footer-title {
    color: white;
    font-size: 17px;
    font-weight: normal
}

#pre-footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.tweet_list {
    font-size: 15px
}

.tweet_list li {
    line-height: 25px
}

.tweet_avatar {
    float: left;
    margin-right: 10px;
    margin-bottom: 30px;
}

#pre-footer ul li {
    margin: 0 0 15px 0;
    padding: 0
}

.tagcloud a {
    float: left;
    height: 24px;
    line-height: 24px;
    position: relative;
    font-size: 11px !important;
    margin-bottom: 10px
}

.tagcloud a {
    margin-left: 15px;
    margin-right: 10px;
    padding: 0 10px 0 12px;
    color: #fff !important;
    background: #555;
    text-decoration: none;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.tagcloud a:before {
    content: "";
    float: left;
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-color: transparent #555 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 12px 0;
}

.tagcloud a:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -moz-box-shadow: -1px -1px 2px #111;
    -webkit-box-shadow: -1px -1px 2px #111;
    box-shadow: -1px -1px 2px #111;
}

.tagcloud a:hover {
    background: #666;
}

.tagcloud a:hover:before {
    border-color: transparent #666 transparent transparent;
}

footer {
    width: 1170px;
    height: 40px;
    margin: 0 auto;
    clear: both;
    font-size: 11px;
    background: #111;
    padding: 10px 35px 19px 35px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    position: relative
}

cite {
    color: #ccc;
}

#copyright {
    margin: 2px 0 0 0;
    float: left;
    line-height: 50px;
    font-size: 11px;
    text-transform: uppercase;
    color: #ccc
}

#copyright a {
    color: #ccc
}

#copyright a:hover {
    color: #888
}

#footer-navigation {
    margin: 15px 0 0 0;
    padding: 0;
    float: right
}

#footer-navigation li.current_menu_item a {
    color: #fff
}

#footer-navigation li {
    margin: 0 35px 0 0;
    padding: 0;
    list-style: none;
    float: left
}

#footer-navigation li a {
    text-transform: uppercase;
    color: #666
}

#footer-navigation li a:hover {
    color: #888
}

.last {
    margin-right: 0 !important;
}

/* to top button
----------------------------------------------------------------------------------------------------*/

#totop {
    bottom: 50px;
    right: 600px;
    position: absolute;
    visibility: hidden
}

#totop a {
    font-weight: bold;
    font-size: 23px;
    padding-top: 12px;
    color: #555;
    background: #111;
    border: 0;
    background-image: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important
}

/* 11. WordPress styles */

.bypostauthor {
}

.wp-caption {
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

.alignright {
    float: right;
    margin: 5px 2px 0px 10px
}

.alignleft {
    float: left;
    margin: 5px 10px 0px 2px
}

.aligncenter {
    margin: 10px auto
}

.alignright img, .alignleft img, .aligncenter img {
    border: 1px solid #000
}

#respond {
}

.format-status .post-title {
}

.well p {

}

.excerpt p {
    font-size: 21px !important;
    font-weight: normal !important;
    line-height: 29px !important;
    color: #666;
    margin-bottom: 30px
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.previous {
    margin-right: 15px
}

.author-box {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: #f5f5f5 !important;
    margin: 50px 0
}

/*-- WP comments --*/

#comments-title {
    margin: 50px 0 10px 0
}

ul.commentlist {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    text-indent: 0;
    border: 1px solid #E3E3E3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

ul.commentlist li {
}

ul.commentlist li.alt {
}

ul.commentlist li.bypostauthor {
}

ul.commentlist li.byuser {
}

ul.commentlist li.comment-author-admin {
}

ul.commentlist li.comment {
    border-bottom: 1px dotted #ccc;
    padding: 1em;
}

ul.commentlist li div.comment-author {
}

ul.commentlist li div.vcard {
    font: normal 16px georgia, times, serif;
}

ul.commentlist li div.vcard cite.fn {
    font-style: normal;
    font-weight: bold;
}

ul.commentlist li div.vcard cite.fn a.url {
}

ul.commentlist li div.vcard img.avatar {
    border: 1px solid #ccc;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1px 1px 2px 1px;
}

ul.commentlist li div.vcard img.avatar-32 {
}

ul.commentlist li div.vcard img.photo {
}

ul.commentlist li div.vcard span.says {
}

ul.commentlist li div.commentmetadata {
}

ul.commentlist li div.comment-meta {
    font-size: 9px;
}

ul.commentlist li div.comment-meta a {
    color: #ccc;
}

ul.commentlist li p {
    font-size: 11px;
    margin: 0 0 1em;
}

ul.commentlist li ul {
    font-size: 11px;
    list-style: square;
    margin: 0 0 1em 2em;
}

ul.commentlist li div.reply {
    font-size: 11px;
}

ul.commentlist li div.reply a {
    font-weight: bold;
}

ul.commentlist li ul.children {
    list-style: none;
    margin: 1em 0 0;
    text-indent: 0;
}

ul.commentlist li ul.children li {
}

ul.commentlist li ul.children li.alt {
}

ul.commentlist li ul.children li.bypostauthor {
}

ul.commentlist li ul.children li.byuser {
}

ul.commentlist li ul.children li.comment {
}

ul.commentlist li ul.children li.comment-author-admin {
}

ul.commentlist li ul.children li.depth-2 {
    border-left: 1px solid #555;
    margin: 0 0 .25em .25em;
}

ul.commentlist li ul.children li.depth-3 {
    border-left: 1px solid #999;
    margin: 0 0 .25em .25em;
}

ul.commentlist li ul.children li.depth-4 {
    border-left: 1px solid #bbb;
    margin: 0 0 .25em .25em;
}

ul.commentlist li ul.children li.depth-5 {
}

ul.commentlist li ul.children li.odd {
}

ul.commentlist li.even {
    background: #fff;
}

ul.commentlist li.odd {
    background: #f6f6f6;
}

ul.commentlist li.parent {
}

ul.commentlist li.pingback {
    border-bottom: 1px dotted #ccc;
    padding: 1em;
}

ul.commentlist li.thread-alt {
}

ul.commentlist li.thread-even {
}

ul.commentlist li.thread-odd {
}

/* `Comments
----------------------------------------------------------------------------------------------------*/

#commentform input {
    width: 300px;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    padding: 5px;
    margin: 0 0 -10px 0;
    display: block
}

.form-allowed-tags {
    width: 77%;
    font-size: 11px
}

.form-allowed-tags code {
    display: block;
    margin-top: 10px;
    clear: both
}

#commentform label {
    width: 300px;
    margin: 5px 0 5px 0;
    display: inline-block;
    zoom: 1;
    *display: inline;
    cursor: pointer
}

#comment-area {
    margin: 0 0 10px 0;
    width: 735px
}

#comment-area h3 {
    font-size: 19px;
    margin: 40px 0 -5px 0;
}

#comment {
    width: 550px;
    border: 1px solid #E4E4E4;
    border-radius: 3px;
    padding: 10px;
    margin: 3px 0 10px 0
}

#submit {
    width: 136px !important;
    font-size: 13px
}

img.avatar {
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #999999;
    float: left;
    margin: 0 7px 0 0;
}

ul.commentlist {
    border: 1px solid #f5f5f5;
    display: block;
    float: left;
    list-style: none;
    margin: 10px 0;
    width: 100%;
    padding: 16px;
}

ul.commentlist li {
    float: left;
    width: 95%;
    display: block;
    margin: 10px 0 10px 0;
    font-size: 12px;
    font-family: Georgia, Times New Roman, Times, serif;
    font-style: italic;
    color: #888888;
}

ul.commentlist li p {
    font-size: 12px;
    font-family: Arial, Tahoma, Helvetica;
    line-height: 20px;
    font-style: normal;
    margin: 10px 0 25px 0;
    overflow: hidden
}

.break-title {
    font-size: 12px;
    text-transform: uppercase;
    clear: both;
    display: block;
    width: 100%;
    border-bottom: 1px dotted #ccc;
    margin: 50px 0;
    letter-spacing: 4px;
    padding-bottom: 5px
}

.break-title.first {
    margin: 0 0 50px 0
}

.break-spacer {
    margin: 15px 0;
    float: left;
    width: 100%
}

/* Social share */

.social-share {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 50px;
}

.social-share ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.social-share ul li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0
}

/* Content shortcodes */

.half, .half-last {
    float: left;
    width: 47%;
    margin: 0px 0;
    margin-right: 6%;
}

.half-last {
    margin-right: 0
}

.third, .third-last {
    float: left;
    width: 29%;
    margin: 0px 0;
    margin-right: 6%;
}

.third-last {
    margin-right: 0
}

.quarter, .quarter-last {
    float: left;
    width: 20%;
    margin: 0px 0;
    margin-right: 6%;
}

.quarter-last {
    margin-right: 0
}


/*--Wp calendar--*/

#wp-calendar {
    border: 1px solid #ddd;
    empty-cells: show;
    font-size: 14px;
    margin: 0;
    width: 100%;
    border-bottom: 15px solid #ddd;
    padding-bottom: 15px;
}

#wp-calendar thead tr {
    background: #ddd
}

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    padding: 3px;
    text-align: center
}

#wp-calendar td {
    color: #aaa;
    font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
    letter-spacing: normal;
    padding: 2px 0;
    text-align: center;
}

#wp-calendar #today {
    background: #ddd;
    color: #111;
}

#wp-calendar caption {
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 0;
    background: #F0F0F0;
    border: 1px solid #DDDDDD;
    border-bottom: 0;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    text-align: center
}

/*
	Caption
*/

.caption {
    z-index: 500;
    position: absolute;
    bottom: -35px;
    left: 0;
    height: 30px;
    padding: 5px 20px 0 20px;
    background: #000;
    background: rgba(0, 0, 0, .5);
    width: 400px;
    font-size: 1.3em;
    line-height: 1.33;
    color: #fff;
    border-top: 1px solid #000;
    text-shadow: none;
}

/* 12. Contact
================================================== */

#contact_form {
    margin-top: 37px;
    text-align: left;
    width: 570px;
}

#contact_form label {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 11px;
    color: #111
}

#contact_form input {
    width: 95%;
    height: 41px;
    margin-bottom: 15px
}

#contact_form textarea {
    width: 95%;
    height: 130px
}

input.error, textarea.error {
    background: #FF8A8A !important;
    border: 1px solid #FF4F4F !important;
    color: white !important
}

.captcha-container {
    margin: 16px 0 10px 0;
    float: left;
    display: block;
    width: 59%
}

#contact_form label.error {
    font-size: 11px;
    font-style: italic
}

.captcha-container span {
    display: block;
    font-size: 12px;
    margin: 0 0 3px;
    float: left;
    line-height: 36px
}

#captcha {
    width: 45px !important;
    margin-top: -4px;
    margin-left: 8px
}

.captcha-input-field {
    height: 30px !important
}

.gmap {
    border: 5px solid white;
    box-shadow: 0 0 10px #AAA;
    -o-box-shadow: 0 0 10px #AAA;
    -moz-box-shadow: 0 0 10px #AAA;
    -ms-box-shadow: 0 0 10px #AAA;
    -webkit-box-shadow: 0 0 10px #AAA;
    display: block;
    padding: 0;
    margin: 42px 0 0 0;
    width: 96%
}

.gmap img {
    width: 100%
}

.form-btn {
    width: 140px !important;
    font-weight: bold;
    margin-top: 12px;
    padding: 1px 0 0 0 !important;
    font-size: 13px !important;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);
    float: right;
    margin-right: 14px
}

/* Pricing boxes */


ul.checked-list {
    list-style: none;
    margin: 0 0 10px 20px;
    padding: 0
}

ul.checked-list li {
    background-image: url(images/bullet.png);
    background-repeat: no-repeat;
    background-position: 0 7px;
    line-height: 30px;
    padding-left: 20px !important;
    font-size: 13px;
    color: #878787;
    margin: 0
}

.pricing-list {
    list-style: none;
    margin: 35px 0 0 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 11px
}

.pricing-list li {
    margin: 8px 0 0 0;
    padding: 8px 0 0 0;
    border-top: 1px dashed #ccc
}

.pricing-list li:last-child {
    margin: 8px 0 !important;
    padding: 8px 0 !important;
    border-bottom: 1px dashed #ccc
}

.featured-box .pricing-list li {
    border-top: 1px dashed #444
}

.featured-box .pricing-list li:last-child {
    border-bottom: 1px dashed #444
}

.pricing-box {
    margin: 50px 0 50px 157px;
    float: right
}

.price-box {
    width: 300px;
    min-height: 400px;
    background: #e9e9e9;
    text-align: left;
    float: left;
    position: relative;
    box-shadow: 0 0 8px rgba(0, 0, 0, .50);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .50);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .50);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, .50);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, .50);
}

.vertical-adjust {
    margin-bottom: 20px
}

.table, td, th {
    text-align: center !important;
}

.center {
    text-align: center
}

.pricing-intro {
    margin-bottom: 50px
}

.pricing-intro p {
    padding: 0 180px
}

.featured-box {
    position: relative;
    z-index: 5;
    margin: 0;
    width: 320px;
    background: #333;
    box-shadow: 0 0 8px rgba(0, 0, 0, .50);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .50);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .50);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, .50);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, .50);
    min-height: 500px;
    margin-top: -21px
}

.featured-box .price-box-header h4 {
    color: #f5f5f5;
    text-shadow: none
}

table .colored {
    float: left;
}

.price-box-header {
    padding: 60px 30px 5px 30px;
    text-align: center
}

.price-box-header h4 {
    font-size: 31px;
    font-weight: bold;
    margin-bottom: 11px;
    letter-spacing: -1px;
    text-transform: uppercase
}

.price-box-description {
    font-size: 11px !important;
    color: #878787;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    font-weight: bold
}

.price-box-body {
    padding: 12px 10px 15px 10px;
    text-align: center
}

.price-box-body p {
    font-size: 16px;
    color: #878787;
    font-style: italic;
    font-family: Georgia, TImes, Times New Roman, serif;
    padding: 0 20px
}

.price-box-price {
    height: 100px;
    width: 100px;
    text-align: center;
    border-radius: 75px;
    -webkit-border-radius: 75px;
    -moz-border-radius: 75px;
    -ms-border-radius: 75px;
    -o-border-radius: 75px;
    position: absolute;
    top: -45px;
    left: 104px;
}

.featured-box .price-box-price {
    left: 109px
}

.featured-box .price-box-header {
    padding: 74px 30px 5px 30px
}

.price-box-price p {
    font-size: 35px;
    line-height: 99px;
    color: white;
    margin-bottom: 0;
    font-weight: bold;
    letter-spacing: 2px
}

.price-box-footer {
    padding: 15px 10px;
    text-align: center
}

.price-box-body ul {
    list-style: none
}

.left-align {
    text-align: left !important
}

.pricing-icon {
    margin-top: 3px
}


/* iPhone (portrait) */
@media (max-width: 767px) {

    .teaser-flex .flexslider {
        width: 280px !important;
        left: -35px !important;
        clear: both !important;
        display: block !important;
        float: left !important;
        height: auto !important;
        top: 0 !important
    }

    .pricing-box {
        margin: 100px 0 0 0;
        float: none
    }

    .featured-box {
        position: relative;
        z-index: 5;
        margin: 0 0 0 -19px;
        width: 250px;
        background: #333;
        box-shadow: 0 0 8px rgba(0, 0, 0, .50);
        -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .50);
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .50);
        -ms-box-shadow: 0 0 8px rgba(0, 0, 0, .50);
        -o-box-shadow: 0 0 8px rgba(0, 0, 0, .50);
        min-height: 500px;
        margin-top: 0;
        margin-bottom: 80px
    }

    .featured-box .price-box-price {
        left: 77px
    }

    .price-box {
        pointer-events: none
    }

    .price-box {
        width: 246px;
        margin-left: -17px;
        margin-bottom: 85px
    }

    .price-box-price {
        left: 74px
    }

    .box-inner, #portfolio-latest .box-inner, #blog-latest .box-inner {
        padding: 10px 0px
    }

    #sliderWrap, #sitesearch, .slide-left, .over, #sidebar, #comment-area, .social-share {
        display: none
    }

    #main-container {
        background: white;
        padding: 15px 35px;
        margin: 0 auto;
        box-shadow: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0
    }

    .shadow-break, .shadow-break-inverse {
        width: 100%;
        margin: 0 0 0 -35px
    }

    header {
        text-align: center
    }

    header h1 {
        float: none
    }

    header p {
        float: left;
        margin-top: -5px;
        text-transform: uppercase;
        font-size: 11px;
        display: block;
        margin-bottom: 22px;
        margin-left: 10px
    }

    .slide-right {
        float: none;
        text-align: center;
        width: 100%;
        margin-top: 45px;
        margin-right: 0
    }

    .slide-right .btn {
        margin-right: 5px
    }

    #tagline {
        min-height: 215px;
        text-align: center;
        display: block;
        clear: both;
        float: left
    }

    #tagline p {
        text-align: center;
        margin-right: 0
    }

    #main-content {
        float: none;
        text-align: center
    }

    #portfolio-latest .portfolio-item {
        margin-left: -7px;
        margin-bottom: 40px;
        width: 220px
    }

    #portfolio-gallery .portfolio-item {
        margin-left: -7px;
        margin-bottom: 40px;
        width: 220px
    }

    #portfolio-3col .portfolio-item, #portfolio-2col .portfolio-item, #portfolio-4col .portfolio-item {
        height: auto
    }

    .portfolio-item a {
        pointer-events: none !important
    }

    #portfolio-2col .portfolio-title, #portfolio-2col .portfolio-cat {
        float: none
    }

    #pre-footer, footer {
        width: 210px
    }

    .footer-widget {
        display: block;
        clear: both;
        float: left;
        margin-bottom: 20px;
        text-align: center
    }

    #copyright {
        width: 100%;
        text-align: center
    }

    #footer-navigation {
        margin: 20px 0 0 0;
        float: left;
        text-align: center
    }

    #footer-navigation li {
        margin: 0 10px 0 0;
        float: none;
        display: inline-block
    }

    blockquote p {
        font-size: 12px
    }

    .tagcloud a {
        margin-left: 30px;
        margin-right: 10px
    }

    .post {
        float: none
    }

    .post .featured-post-image {
        width: 200px;
        height: auto
    }

    #faqholder dd {
        width: 100%;
        margin-left: 0
    }

    #faqholder dd p {
        padding: 0 30px
    }

    #contact_form {
        width: 100%
    }

    .captcha-container {
        margin: 16px 0 10px 22px;
        float: none;
        display: block;
        width: 100%
    }

    .form-btn {
        float: none;
        margin-right: 0;
        margin-left: 32px
    }

    .gmap {
        margin: 42px 0 0 -17px;
        width: 96%;
    }

    .box-icon {
        float: none;
        margin-right: 10px;
        margin-top: 0px;
        margin-bottom: 8px
    }

}

/* iPhone (landscape) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    header p {
        margin-left: 95px
    }

    #navigation {
        margin-left: 78px
    }

    .shadow-break, .shadow-break-inverse {
        width: 100%;
        margin: 0 0 0 -35px
    }

    .price-box {
        width: 320px;
        margin-left: 26px
    }

    .price-box-price, .featured-box .price-box-price {
        left: 111px
    }

    .box-icon {
        float: none;
        margin-right: 10px;
        margin-top: 0px;
        margin-bottom: 8px
    }

    #tagline {
        min-height: 155px
    }

    .content-title {
        text-align: center
    }

    #portfolio-latest .portfolio-item {
        margin-left: 0;
        margin-bottom: 75px;
        width: 360px
    }

    #portfolio-gallery .portfolio-item {
        margin-left: 0;
        margin-bottom: 75px;
        width: 370px
    }

    #pre-footer, footer {
        width: 370px
    }

    #footer-navigation {
        margin: 20px 0 0 25px
    }

    .post .featured-post-image {
        width: 370px;
        height: auto
    }

    .gmap {
        width: 96%
    }

    .captcha-container {
        margin: 16px 0 10px 4px;
        float: none;
        display: block;
        width: 47%
    }

    .form-btn {
        float: none;
        margin-right: 0;
        margin-left: 224px;
        margin-top: -94px
    }

    #searchform2 .btn {
        margin-top: 0
    }

}

/* iPad (portrait) */
@media (min-width: 768px) and (max-width: 979px) {


    .box-inner, #portfolio-latest .box-inner, #blog-latest .box-inner {
        padding: 10px 0px
    }

    .pricing-intro {
        margin-top: 56px
    }

    .price-box {
        width: 320px;
        margin-left: 26px
    }

    .pricing-box {
        margin: 50px 0 50px 30px;
        float: left
    }

    .price-box {
        width: 233px;
        margin-left: 0px
    }

    .price-box-price {
        left: 67px
    }

    .price-box-header h4 {
        font-size: 25px
    }

    .featured-box .price-box-price {
        left: 65px
    }

    .price-box {
        pointer-events: none
    }

    .featured-box {
        min-height: 525px
    }

    .teaser-flex .flexslider {
        width: 748px !important;
        left: 8px !important;
        height: auto !important;
    }

    .teaser-flex {
        height: 250px;
        margin-top: 27px
    }

    #sliderWrap, #sitesearch, .slide-left, .over, #sidebar, #totop a {
        display: none
    }

    #main-container {
        background: white;
        padding: 15px 12px;
        margin: 0 auto;
        box-shadow: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0
    }

    ul.commentlist {
        width: 93%
    }

    .shadow-break, .shadow-break-inverse {
        width: 100%;
        margin: 0 0 0 10px
    }

    .span12 .shadow-break, .span12 .shadow-break-inverse {
        width: 100%;
        margin: 0 0 0 1px
    }

    header {
        text-align: center
    }

    header h1 {
        float: none
    }

    header p {
        float: none;
        margin-top: -5px;
        text-transform: uppercase;
        font-size: 11px;
        display: block;
        margin-bottom: 22px;
        margin-left: 10px
    }

    .slide-right {
        float: none;
        text-align: center;
        width: 100%;
        margin-top: 45px;
        margin-right: 0
    }

    #navigation nav {
        text-align: center;
        margin-left: 256px
    }

    .slide-right .btn {
        margin-right: 5px
    }

    #tagline {
        height: 80px;
        text-align: center;
        display: block;
        clear: both;
        float: left
    }

    #tagline p {
        text-align: center;
        margin-right: 0
    }

    #main-content {
        float: none;
        text-align: left
    }

    #portfolio-latest .portfolio-item {
        margin-left: 24px;
        margin-bottom: 40px;
        width: 220px
    }

    #portfolio-gallery .portfolio-item {
        margin-left: 26px;
        margin-bottom: 40px;
        width: 220px
    }

    #portfolio-3col .portfolio-item, #portfolio-2col .portfolio-item, #portfolio-4col .portfolio-item {
        height: auto
    }

    .portfolio-item a {
        pointer-events: none !important
    }

    #portfolio-2col .portfolio-title, #portfolio-2col .portfolio-cat {
        float: none
    }

    #pre-footer, footer {
        width: 678px
    }

    .footer-widget {
        display: block;
        clear: none;
        float: left;
        margin-bottom: 20px;
        text-align: left;
        width: 210px
    }

    #copyright {
        width: 100%;
        text-align: center
    }

    #footer-navigation {
        margin: 0;
        float: none;
        text-align: center;
        display: block;
        clear: both;
        padding-top: 15px
    }

    #footer-navigation li {
        margin: 0 10px 0 0;
        float: none;
        display: inline-block
    }

    blockquote p {
        font-size: 12px
    }

    .tagcloud a {
        margin-left: 30px;
        margin-right: 10px
    }

    .post {
        float: none;
        width: 730px;
        text-align: left
    }

    .full-width .span6, .full-width .span8 {
        width: 730px;
    }

    .post .featured-post-image {
        width: 200px;
        height: auto
    }

    #faqholder dd {
        width: 100%;
        margin-left: 0
    }

    #faqholder dd p {
        padding: 0 30px
    }

    #contact_form {
        width: 100%
    }

    .captcha-container {
        margin: 16px 0 10px 0;
        float: left;
        display: block;
        width: 50%
    }

    .form-btn {
        float: none;
        margin-right: 0;
        margin-left: 32px
    }

    .gmap {
        margin: 42px 0 0 0;
        width: 96%;
    }

    .entry p {
        font-size: 12px
    }

    .post-meta {
        padding: 0px 0 10px 0
    }

    #searchform2 .btn {
        margin-top: 0
    }

}

/* iPad (landscape) */
@media (min-width: 979px) and (max-width: 1025px) {

    #main-container {
        padding: 15px 18px
    }

    .pricing-box {
        margin: 50px 0 50px 32px
    }

    .options-panel-closed {
        display: none !important
    }

    #main-navigation li {
        margin-right: 10px;
        margin-left: 10px
    }

    .flexslider {
        width: 385px !important;
        height: 239px !important;
        left: 82px !important;
        top: 79px !important
    }

    #teaser {
        margin-bottom: -40px
    }

    .parallax, .static {
        margin-bottom: 40px !important
    }

    .teaser-flex .flexslider {
        width: 940px !important;
        height: auto !important;
        left: 20px !important;
        top: 0 !important
    }

    .slide-right {
        margin-top: 81px
    }

    .portfolio-item {
        margin-right: -64px
    }

    #pre-footer, footer {
        width: 906px
    }

    #totop {
        right: 484px
    }

    #portfolio-3col .portfolio-item {
        width: 350px;
        height: 270px
    }

    #portfolio-3col span.over {
        width: 300px;
        height: 185px;
        top: 65px
    }

    #portfolio-2col .portfolio-item {
        width: 510px;
        height: 350px
    }

    #portfolio-2col span.over {
        height: 283px;
        width: 461px
    }

    .post {
        float: none
    }

    #comment-area {
        width: 94%
    }

    .gmap {
        margin: 42px 0 0 101px;
        width: 96%
    }

    .da-arrows span.da-arrows-next {
        right: 0 !important
    }

    .footer-widget {
        margin-left: 0
    }

    .post-meta {
        padding: 0px 0 10px 0
    }

    #searchform2 .btn {
        margin-top: 0
    }

    #contact_form {
        width: 460px
    }

    .gmap {
        margin: 42px 0 0 0;
        width: 96%
    }

}

/* desktop (1025 to 1200) */
@media only screen and (min-width: 1025px) and (max-width: 1230px) {

}