@charset "UTF-8";

/*
Theme Name: GUTENBERG2-WP
Theme URI: http://mythemepreviews.com/gutenberg2/
Description: GUTENBERG2-WP Wordpress
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Author: Jonathan Atkinson
Author URI: https://cr3ativ.com
Tags: translation-ready, theme-options, featured-images, post-formats

USE THIS STYLE SHEET EXCLUSIVELY FOR GUTENBERG2 WORDPRESS

Copyright 2015 - Jonathan Atkinson
*/

/*------------------------------------------------------------------
[Table of contents]

 1. Reset and Default WP Styling
 2. Typography
 3. Header
 4. Sidebar Styling
 5. Footer
 6. Pagination
 7. Theme Styles
 8. Other Styling
 9. Forms, Inputs & Submits
10. WordPress Default Playlist Styling
11. Pricing Table
12. Map Styling
13. Theme Specific CSS for Cr3ativ Shortcodes Plugin
14. Theme Specific CSS for Cr3ativ Portfolio Plugin
15. Media Queries

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

/* 1 - Reset */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: 0;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
.clear {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
}
.clearbig {
    clear: both;
    display: block;
    font-size: 0;
    height: 40px;
    line-height: 0;
    width: 100%;
}
#sb-nav a {
    border-bottom: none !important;
}
html.mejs-fullscreen #bottom_page_wrap {
    clear: both;
    float: left;
}
html.mejs-fullscreen #bottom_nav_wrap {
    position: relative !important;
}
html.mejs-fullscreen body {
    overflow: hidden;
    position: relative;
    z-index: 3;
    height: 100%;
}
html.mejs-fullscreen {
    height: 100%;
}
img,
img:hover {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.contentsingle2 form {
    display: inline-block;
    margin: 30px 0;
}
html.mejs-fullscreen #nav_wrapper {
    z-index: 0;
}
.fluid-width-video-wrapper {
    position: relative !important;
    z-index: 1 !important;
}
body.home {
    height: 100%;
}
body {
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 1.8em;
    font-weight: 300;
    -webkit-overflow-scrolling: touch;
}
::selection {
    background: #000000;
    /* Safari */
    color: #ffffff;
    text-shadow: none !important;
}
::-moz-selection {
    background: #000000;
    /* Firefox */
    color: #ffffff;
    text-shadow: none !important;
}
img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
    margin-top: 5px;
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both;
}
img.alignleft {
    margin: 5px 40px 10px -60px;
    float: left;
    padding: 0;
}
img.alignright {
    margin: 5px -60px 10px 40px;
    float: right;
    padding: 0;
}
.wp-caption {
    font-style: italic;
    margin: 10px 20px 20px 0;
    text-align: center;
    width: 100% !important;
}
.wp-caption img,
.wp-caption img a {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption .wp-caption-text {
    margin: 0;
    padding: 3px 10px;
    font-style: normal;
    font-size: 12px;
}
.gallery {
    margin-bottom: 1.6em !important;
}
.gallery-caption {
    margin-left: 0;
    font-style: normal;
    font-size: 10px;
}
.gallery-icon img {
    border: 0px solid transparent !important;
    padding: 2px;
}
.gallery-caption,
.bypostauthor {
    margin: 0;
    padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}
pre {
    font-family: monospace;
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 4%;
    position: relative;
}
pre::before {
    clear: both;
    color: #f00;
    content: "You can copy / paste the code below!";
    display: block;
    font-size: 12px;
    margin-bottom: 30px;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption,
th,
td {
    font-weight: 300;
    text-align: left;
}
table {
    margin-bottom: 5%;
    padding: 0;
    width: 100%;
}
table thead th {
    font-weight: 500;
}
table td,
table th {
    padding: 10px;
    font-size: 18px;
}
.slide-out-div table td,
.slide-out-div table th {
    padding: 10px;
    font-size: 14px;
}
tr.odd,
tr.even {
    background-color: transparent;
    clear: none;
    float: none;
    width: 100%;
    padding: 0;
}
thead {
    color: #ffffff;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: auto;
    -webkit-font-smoothing: antialiased;
}
html.home {
    height: 100%;
}
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
  html{height:100%;}
}
a:focus {
    outline: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
a:hover,
a:active {
    outline: none;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    opacity: 1.0;
}
img.left {
    float: left;
    margin: 0 20px 20px 0;
}
img.right {
    float: right;
    margin: 0 20px 20px 0;
}
button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
}
button,
input {
    *overflow: visible;
    line-height: 1.6em;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
b,
strong,
strong a {
    font-weight: 400;
}
em {
    font-style: italic;
}
/* 2 - Typography */

.highlight {
    background-color: #e2f7ff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 3%;
    text-transform: uppercase;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-weight: 600;
}
h1,
h1 a {
    font-size: 50px;
}
h1.site-title,
h1.site-title a {
    color: #ffffff;
    font-size: 42px;
    margin: 0 0 0.2em 0;
}
h2,
h2 a {
    font-size: 40px;
}
h2.title,
h2.title a,
h1.title,
h1.title a {
    font-size: 30px;
    margin: 0 auto 3%;
    max-width: 80%;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: none;
}
.main_center h2.title a,
.main_center h2.title,
.even h2.title a,
.odd h2.title a,
.main_center2 h1,
.main_center2 h2.title,
.main_center2 h2.title a {
    letter-spacing: 3px;
    margin: 0 auto;
    max-width: 80%;
}
.contentsingle h2,
.contentsingle h2 a,
.contentsingle h1,
.contentsingle2 h1 {
    margin: 0 0 3%;
    max-width: 100%;
}
h2.tagline {
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    opacity: 0.7;
    margin: 10px 0 0 0;
}
h3,
h3 a {
    font-size: 30px;
}
h4,
h4 a {
    font-size: 24px;
}
.slide-out-div h4 {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 30px;
    border-top: 1px dotted #454e57;
    padding: 40px 0 0 0;
    width: 100%;
    clear: both;
}
h5,
h5 a {
    font-size: 18px;
}
h6,
h6 a {
    font-size: 16px;
}
span.entry-subtitle,
p.entry-subtitle {
    font-size: 14px !important;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 30px;
    margin-top: 10px;
    opacity: 0.5;
    text-transform: uppercase;
}
p {
    font-size: 20px;
    line-height: 1.6em;
    margin-bottom: 1.4em;
    font-weight: 300;
}
a {
    font-size: 20px;
    text-decoration: none;
    font-weight: 300;
    outline: none;
}
a:hover {
    text-decoration: underline;
}
a.more-link {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    text-decoration: none;
    letter-spacing: 2px;
    background-color: rgba(0, 0, 0, 0.05);
    padding: 8px 25px;
    border-radius: 2px;
    display: inline-block;
    margin-top: 30px;
    opacity: 0.6;
}
a:hover.more-link {
    text-decoration: none;
    opacity: 0.99;
}
hr {
    border: none;
    clear: both;
    margin-bottom: 45px;
    margin-top: 25px;
    width: 40%;
    min-width: 200px;
    border-bottom: 1px dotted #bcc8d3;
}
.contentsingle hr,
.contentsingle2 hr,
.contentsingle3 hr {
    margin: 45px 0 55px;
    width: 100%;
}
.slide-out-div hr {
    border: none;
    clear: both;
    margin: 15px 0 30px 0px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
ul,
ol {
    margin: 0 0 5% 0;
}
ul {
    list-style: disc inside none;
}
ol {
    list-style: decimal inside none;
}
li,
li a {
    font-weight: 300;
    font-size: 20px;
}
ul ul,
ol ol,
ul ol,
ol ul {
    margin: 0.6em 0 1em 1.5em;
}
.fi_page img {
    margin-bottom: 50px;
    margin-top: -80px;
}
/* 3 - Header */

.topmenu {
    width: 100%;
    padding: 20px 0;
    position: fixed;
    z-index: 2;
    height: 60px;
}
#nav_wrapper {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}
#top_logo {
    display: block;
    padding: 120px 0 70px;
    width: 100%;
    position: relative;
}
#top_logo img {
    max-width: 225px;
    height: auto;
}
header {
    width: 100%;
}
.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.webkit .sf-menu {
    line-height: 12px
}
.sf-menu {
    line-height: 14px;
    text-align: center;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em;
    /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width: 100%;
}
.sf-menu li:hover {
    visibility: inherit;
    /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    display: inline-block;
}
.sf-menu a {
    display: block;
    position: relative;
}
.webkit .sf-menu li:hover ul,
.webkit .sf-menu li.sfHover ul {
    left: 0px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: -40px;
    top: 1em;
    /* match top ul list item height */
    z-index: 999999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em;
    /* match ul width */
    top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em;
    /* match ul width */
    top: 0;
}
.sf-menu li a {
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    padding: 0;
    font-weight: 400;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.sf-menu li {
    padding: 0 40px 0 0;
}
.sf-menu li:last-child {
    padding: 0 0 0 0;
}
ul.sf-menu li ul.sub-menu li a {
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    padding: 15px 16px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    text-transform: uppercase;
    font-weight: 500;
}
ul.sf-menu li ul.sub-menu li {
    border-bottom: 1px dotted #454e57;
    min-width: 200px;
    padding: 0px;
}
ul.sf-menu li ul.sub-menu li:last-child {
    border-bottom: 0px solid transparent;
}
ul.sf-menu li ul.sub-menu li:last-child a {
    border-bottom: none;
}
ul.sf-menu li ul.sub-menu li a:hover {
    margin-left: 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
}
.sf-menu li a:hover {
    text-decoration: none;
    display: inline-block;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 400;
}
.sf-menu li ul {
    margin-top: 19px;
    margin-left: 18px;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    outline: 0;
}
ul.sf-menu li ul.sub-menu li.current_page_item a,
ul.sf-menu li.current_page_item a,
ul.sf-menu li ul.sub-menu li.current-menu-item a,
ul.sf-menu li.current-menu-item a,
.sf-menu li a:hover,
ul.sf-menu li ul.sub-menu li a:hover {
    color: #ffffff;
}
/*** arrows **/

.sf-menu a.sf-with-ul {
    min-width: 1px;
    /* trigger IE7 hasLayout so spans position accurately */
}
a > .sf-sub-indicator {
    /* give all except IE6 the correct values */
    top: .8em;
    background-position: 0 -103px;
    /* use translucent arrow for modern browsers*/
    display: none;
}
/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -103px;
    /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
    background-position: 7px 5px;
}
/* apply hovers to modern browsers */

.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active,
.sf-menu ul li:hover > a,
.sf-menu ul li.sfHover > a {
    background-position: -10px 0;
    /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/

.sf-shadow ul {
    padding: 0px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}
ul.sf-menu li ul li a {
    padding: 10px 0 0 0;
    display: block;
    margin-left: 5px;
    margin-bottom: 3px;
}
/* 4 - Sidebar Styling */

.slide-out-div {
    padding: 70px;
    width: 600px;
    display: none;
    z-index: 99 !important;
    height: 100% !important;
    background: rgba(45, 52, 58, 0.98) none repeat scroll 0 0 !important;
}
.slide-out-div,
.slide-out-div p,
.slide-out-div a,
.slide-out-div li,
.slide-out-div li a {
    font-weight: 300;
    font-size: 14px;
}
.slide-out-div.open {
    overflow-x: scroll;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-overflow-scrolling: touch
}
.slide-out-div .tagcloud {
    margin-bottom: 30px;
    display: inline-block;
}
.slide-out-div .handle {
    background-size: 25px 25px !important;
    background-position: 17px center !important;
}
.slide-out-div.open a.handle {
    background: rgba(45, 52, 58, 0) url("img/contact_tab_close.png") no-repeat scroll 20px 20px / 25px auto !important;
    left: 0 !important;
}
.copyright,
.copyright p,
.copyright a {
    font-size: 10px;
}
.copyright {
    padding-bottom: 50px;
    display: block;
    width: 100%;
    clear: both;
    padding-top: 30px;
}
.slide-out-div ul li a,
.slide-out-div ol li a,
.slide-out-div h1,
.slide-out-div h1 a,
.slide-out-div h2,
.slide-out-div h2 a,
.slide-out-div h3,
.slide-out-div h3 a,
.slide-out-div h4,
.slide-out-div h4 a,
.slide-out-div h5,
.slide-out-div h5 a,
.slide-out-div h6,
.slide-out-div h6 a,
.copyright a,
.slide-out-div a,
.slide-out-div label,
.slide-out-div h4,
.topmenu select {
    color: #ffffff;
}
.slide-out-div p,
.slide-out-div ul li a,
.slide-out-div ol li a,
.slide-out-div ul li,
.slide-out-div ol li {
    font-weight: 300;
}
.slide-out-div #wp-calendar caption {
    margin: 0 0 15px;
}
.slide-out-div h1 a:hover,
.slide-out-div h2 a:hover,
.slide-out-div h3 a:hover,
.slide-out-div h4 a:hover,
.slide-out-div h5 a:hover,
.slide-out-div h6 a:hover {
    text-decoration: underline;
}
.slide-out-div .textwidget,
.slide-out-div ul,
.slide-out-div #searchform {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6em;
    margin-bottom: 70px;
}
.slide-out-div li ul,
.slide-out-div li ol {
    margin-bottom: 10px;
}
.slide-out-div input[type="text"],
.slide-out-div input[type="email"] {
    color: #ffffff;
    border: 1px solid #454e57;
    font-size: 15px;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 0.5;
}
.slide-out-div input[type="text"]:focus,
.slide-out-div input[type="email"]:focus {
    opacity: 0.99;
}
/* 5 - Footer */

.social {
    max-width: 1175px;
    margin: 0 auto;
    padding: 60px 0 0 0;
}
#bottom_nav_wrap {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 75px;
    position: fixed;
    bottom: 0;
    z-index: -1;
}
#bottom_nav_wrap,
#bottom_nav_wrap p,
#bottom_nav_wrap a,
#bottom_nav_wrap:hover,
#bottom_nav_wrap ul li,
#bottom_nav_wrap ul li a,
#bottom_nav_wrap ul li a:hover,
#bottom_nav_wrap h1,
#bottom_nav_wrap h2,
#bottom_nav_wrap h3,
#bottom_nav_wrap h4,
#bottom_nav_wrap h5,
#bottom_nav_wrap h6 {
    color: #ffffff;
}
#bottom_nav_wrap ul li a:hover {
    text-decoration: underline;
}
#bottom_nav_wrap hr {
    border: none;
    clear: both;
    margin-bottom: 32px;
    margin-top: 32px;
    width: 65%;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#bottom_nav_wrap p.creativ-shortcode.creativ-shortcode-social-links {
}
#bottom_nav_wrap .ja-social-icon {
    display: inline-block;
    float: none;
}
#bottom_nav_wrap form {
    clear: both;
    width: 100%;
    margin-top: 20px;
}
#bottom_nav_wrap span.wpcf7-form-control-wrap {
    display: inline-block;
    float: none;
    text-align: left;
    width: 40%;
}
#bottom_nav_wrap input {
    display: inline-block;
    float: none;
    width: 100%;
    padding: 11px;
}
#bottom_nav_wrap input[type="submit"] {
    clear: none;
    display: inline;
    float: none;
    margin: 0 0 0 10px;
    max-width: 30%;
    padding: 15px 20px;
    width: 15%;
    color: #ffffff;
}
.accentbottom {
    width: 100%;
    position: relative;
    z-index: 4;
    display: block;
    min-height: 5px;
    background-color: #ffffff;
}
/* 6 - Pagination */

#pagination {
    width: 705px;
    margin: 0 auto;
}
.pagination {
    clear: both;
    padding: 0 0 90px 0;
    position: relative;
    font-size: 12px;
    text-align: center;
}
#pagination2 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
    margin-top: 0;
    max-width: 705px;
}
.pagination2 {
    clear: both;
    padding: 0;
    position: relative;
    font-size: 12px;
    text-align: center;
    display: block;
    margin-top: -40px;
}
.pagination p,
.pagination2 p {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.pagination span,
.pagination a,
.pagination .current {
    display: inline-block;
    margin: 0px 7px 0 7px;
    padding: 7px 10px;
    text-decoration: none;
    width: auto;
    color: #ffffff;
    line-height: 1em;
    min-width: 25px;
    font-weight: 400;
    border-radius: 2px;
}
.pagination2 a {
    display: inline-block;
    margin: 0px 7px 0 7px;
    padding: 7px 10px;
    text-decoration: none;
    width: auto;
    line-height: 1em;
    min-width: 25px;
    font-weight: 400;
    border-radius: 2px;
}
.pagination a,
.pagination2 a {
    background-color: rgba(255, 255, 255, 0.3);
}
.pagination a,
.pagination a:hover {
    font-size: 12px;
}
.pagination2 a,
.pagination2 a:hover {
    font-size: 12px;
}
.pagination span {
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
}
.pagination .current,
.pagination a:hover {
    color: #ffffff;
}
.pagination2 a:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.navigation_wrapper {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    max-width: 1175px;
}
.navigation {
    width: 100%;
    margin: 0 auto;
    max-width: 705px;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.alignleft a {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    margin-left: 5px;
    opacity: 0.5;
    margin-top: 3px;
}
.alignright a {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    margin-right: 5px;
    opacity: 0.5;
    margin-top: 3px;
}
.alignright a:hover,
.alignleft a:hover {
    text-decoration: none;
    opacity: 1;
}
.wobig {
    font-size: 20px;
    float: left;
    display: inline-block;
    opacity: 0.5;
    line-height: 1em;
    margin-top: 6px;
    font-family: 'dashicons';
}
.alignright .wobig {
    display: inline-block;
    float: right;
    font-size: 20px;
    line-height: 1em;
    opacity: 0.5;
    margin-top: 6px;
}
html.ie .alignright .wobig {
    margin-top: 9px;
}
html.ie9 .alignleft a, html.ie9 .alignright a {
    margin-top: 0;
}

/* 7 - Theme Styles */

.sticky .main_center:before {
    color: #ffffff;
    content: "\f537";
    display: block;
    font-family: 'dashicons';
    font-size: 18px;
    padding: 0px 10px;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
}
.start_post {
    background-color: transparent;
    clear: both;
    float: left;
    width: 100%;
    padding: 0 0 90px 0;
}
#search_wrapper .even,
#search_wrapper .odd {
    padding: 0 0 90px 0;
}
#search .main,
#search .even {
    padding: 0 0 20px 0;
}
#search .main h4 {
    color: #ffffff;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.main_image_home.big:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.main_image_home.big {
    position: relative;
    z-index: -1;
}
#page_wrapper2 {
    position: relative;
    z-index: 5;
    height: 100%;
}
.bdywrapper.home {
    height: 100%;
}
#homepage_overlay {
    height: 100%;
    width: 50%;
    position: absolute;
}
#homepage_textline1 {
    font-weight: 700;
    font-size: 48px;
}
#homepage_textline2 {
    font-weight: 100;
    font-size: 30px;
}
#homepage_table_wrapper {
    display: block;
    width: 50%;
    position: absolute;
    top: 50%;
}
#homepage_textline1,
#homepage_textline2 {
    text-align: right;
    margin-right: 10%;
    margin-bottom: 1%;
}
body.single-format-gallery .contentsingle .jetpack-slideshow,
body.single-format-gallery .contentsingle .tiled-gallery,
body.single-format-gallery .contentsingle .gallery {
    display: none;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.main {
    width: 100%;
    max-width: 1175px;
    margin: 0 auto;
    padding-bottom: 80px;
}
.main_center {
    width: 100%;
    max-width: 1175px;
    margin: 0 auto;
    text-align: center;
    padding: 0 0 30px;
    background-color: #fff;
    position: relative;
}
.main_center2 {
    width: 100%;
    max-width: 1175px;
    margin: 0 auto;
    text-align: center;
    padding: 80px 0;
    background-color: #fff;
}
.main_center3 {
    width: 100%;
    max-width: 1175px;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    background-color: #fff;
}
.main4 {
    width: 100%;
    max-width: 1175px;
    margin: 0 auto;
    padding: 0 70px 50px 70px;
    background-color: #fff;
}
.contentblog {
    width: 705px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}
.contentquote {
    width: 705px;
    margin: 0 auto;
    text-align: center;
}
.contentsingle {
    width: 705px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 80px;
}
.contentsingle2 {
    width: 705px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 0;
    display: inline-block;
}
.contentsingle3 {
    width: 705px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 0;
    display: inline-block;
    padding-bottom: 40px;
}
.content404 {
    width: 705px;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 0;
    display: inline-block;
    min-height: 600px;
    padding: 100px 0 80px 0;
}
.bdywrapper {
    width: 100%;
}
#bdywrapper2 {
    width: 100%;
    padding: 0 0 150px 0;
}
#page_wrapper {
    position: relative;
    z-index: 5;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
    margin-bottom: 260px;
}
.meta_date {
    font-size: 12px;
    letter-spacing: 2px;
    opacity: 0.5;
    text-transform: uppercase;
    font-weight: 400;
}
.posted_details,
.posted_details a {
    border: none;
    font-size: 12px;
    padding: 0;
    font-weight: 400;
    text-transform: uppercase;
}
.metacomments {
    display: inline-block;
    margin-right: 40px;
}
.metacats,
.metacatsport {
    display: inline-block;
}
.social_share_wrapper2 {
    float: right;
}
.metacats a,
.metacats a:hover,
a.socialsharing {
    padding-right: 5px;
}
.featured_image,
.featured_image_gallery {
    clear: both;
    position: relative;
    z-index: 999;
    line-height: 0em;
}
.portfolio_gallery {
    clear: both;
    position: relative;
    z-index: 999;
    margin-bottom: 24px;
    line-height: 0em;
}
.featured_text_quote {
    padding: 20px;
    position: relative;
    text-align: center;
    position: relative;
    z-index: 10;
    margin-top: -10px;
}
.featured_text_link {
    padding: 20px;
    position: relative;
    text-align: center;
    position: relative;
    z-index: 10;
    font-size: 24px;
}
.featured_text_link a {
    font-size: 24px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.featured_text_link a:hover {
    font-size: 24px;
    text-decoration: none;
    opacity: .70;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
.featured_text_quote_title {
    position: relative;
    text-align: center;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.featured_text_quote_title > a {
    font-weight: 400;
}
.featured_text_full {
    width: 100%;
    clear: both;
}
a.titlelink {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 20px 0 10px;
    opacity: 0.6;
    padding: 2px 15px;
    text-align: center;
    text-transform: uppercase;
}
a.titlelink:hover {
    text-decoration: none;
    opacity: 0.99;
}
span.bigger {
    font-size: 140px;
    line-height: 80px;
    margin-right: 30px;
    font-family: Georgia, Times, Times New Roman, serif;
    float: left;
    opacity: .30;
}
span.big {
    font-family: 'Open Sans', sans-serif;
    font-size: 39px;
    font-weight: 600;
    line-height: 59px;
    margin-left: 0;
}
.topmenu {
    animation: moveIn 2s;
    -moz-animation: moveIn 2s;
    -webkit-animation: moveIn 2s;
    -o-animation: moveIn 2s;
}
.main_center,
.main_center2,
.main_center3,
.navigation_wrapper,
.comment_wrapper,
ul#menu-primary,
.portfolio_grid {
    animation: smoothFade 3s;
    -moz-animation: smoothFade 3s;
    -webkit-animation: smoothFade 3s;
    -o-animation: smoothFade 3s;
}
.slide-out-div {
    animation: smoothFade 3.5s;
    -moz-animation: smoothFade 3.5s;
    -webkit-animation: smoothFade 3.5s;
    -o-animation: smoothFade 3.5s;
}
/* Animations */

@keyframes smoothFade {
    0% {
        opacity: 0;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes smoothFade {
    0% {
        opacity: 0;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes smoothFade {
    0% {
        opacity: 0;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes moveIn {
    from {
        top: -100px;
    }
    to {
        top: 0px;
    }
}
@-moz-keyframes moveIn {
    from {
        top: -100px;
    }
    to {
        top: 0px;
    }
}
@-webkit-keyframes moveIn {
    from {
        top: -100px;
    }
    to {
        top: 0px;
    }
}
/* 8 - Other Styling */

.hrr {
    border: none;
    clear: both;
    margin-bottom: 32px;
    margin-top: 32px;
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
}
img {
    border: none;
    height: auto;
}
img.left {
    border: none;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
img.right {
    border: none;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
blockquote,
blockquote p {
    font-family: "Roboto", sans-serif;
    font-size: 36px;
    text-align: center;
    line-height: 1.3em;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
}
cite {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    opacity: 0.6;
}
cite a {
    font-size: 14px;
    font-weight: 500;
}
.slide-out-div ul li cite {
    font-size: 12px;
    margin-bottom: 20px;
    text-align: left;
    text-transform: none;
}
.breakout {
    position: relative;
    display: table;
    width: 100%;
    left: 50%;
}
.breakout > * {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: -50%;
}
.breakout img {
    display: block;
    display: block;
    width: 100%;
    max-width: 1175px;
    min-width: 320px;
    margin: 30px auto 50px;
    height: auto;
}
.breakout .wp-caption {
    width: 100% !important;
    max-width: 1175px;
}
.breakout .wp-caption-text {
    background-color: #fff;
    bottom: 2em;
    left: 2em;
    position: absolute;
    border-radius: 2px;
}
#page_wrapper {
    overflow-x: hidden;
}
.slideshow-window {
    border-radius: 3px !important;
}
/*--------------------Flexislider---------------------------*/

.flex-container a:active,
.slider a:active,
.flex-container a:focus,
.slider a:focus {
    outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
}
.slider {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}
.slider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.slider .slides > li:before {
    content: none;
}
ul.slides li img,
ul.slides li img a {
    width: 100%;
    display: block;
    max-width: 100%;
    height: auto;
}
ul.slides li {
    width: 100%;
    z-index: 2;
    height: auto;
    list-style: none;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    padding: 0;
}
ul.slides li:before {
    content: none;
}
ul.slides {
    list-style: none;
    border: none;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
.no-js .slides > li:first-child {
    display: block;
}
.slider .slides {
    zoom: 1;
}
.flex-container {
    zoom: 1;
    position: relative;
}
.flex-caption {
    background: none;
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    zoom: 1;
}
.flex-caption {
    width: 96%;
    padding: 2%;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    font-size: 14px;
    line-height: 18px;
}
/* Direction Nav */

.slider .flex-direction-nav {
    background: url("img/slider-arrows-horizontal.png") no-repeat scroll -9999px -9999px transparent;
    display: none;
    height: 0;
    list-style: none outside none;
}
.slider:hover .flex-direction-nav {
    display: block;
}
.dynoloop .slider:hover .flex-direction-nav {
    display: none;
}
ul.flex-direction-nav li {
    list-style: none;
    margin-bottom: 0;
}
.flex-direction-nav li a {
    width: 52px;
    height: 52px;
    margin: 22px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -999em;
    -webkit-transition: all 0.0s ease-in;
    -moz-transition: all 0.0s ease-in;
    -o-transition: all 0.0s ease-in;
    transition: all 0.0s ease-in;
}
.flex-direction-nav li .next {
    background: url("img/slider-arrows-horizontal.png") no-repeat scroll 0 -18px transparent;
    height: 18px;
    margin-top: -8px;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 50%;
    width: 13px;
    z-index: 1;
}
.flex-direction-nav li .prev {
    background: url("img/slider-arrows-horizontal.png") no-repeat scroll 0 0 transparent;
    height: 18px;
    left: 10px;
    margin-top: -8px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 13px;
    z-index: 1;
}
/*Control Nav */

.flex-control-nav {
    background: url("img/slider-dots.png") no-repeat scroll -9999px -9999px transparent;
    bottom: 10px;
    line-height: 0;
    list-style: none outside none;
    margin-left: 5px;
    position: absolute;
    z-index: 1;
}
.flex-control-nav li {
    display: inline-block;
    margin: 0 0 0 5px;
}
.flex-control-nav li a {
    background: url("img/slider-dots.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 14px;
    position: relative;
    text-indent: -9999px;
    width: 14px;
    z-index: 50;
}
.flex-control-nav li a.active,
.flex-control-nav li a:hover,
.flex-control-nav li a.flex-active,
.flex-control-nav li a:hover {
    background-position: 0 -14px;
}
.button,
.button_reverse {
    display: inline-block;
    position: relative;
}
.tagcloud a {
    text-decoration: none;
    float: left;
    margin-bottom: 15px;
    margin-top: 0px !important;
    display: block;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    border: none;
    padding: 7px 10px 7px 10px;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.05);
    margin-right: 10px;
    border-radius: 2px;
}
.tagcloud a:hover {
    text-decoration: none;
    float: left;
    margin-bottom: 15px;
    margin-top: 0px !important;
    display: block;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    border: none;
    padding: 7px 10px 7px 10px;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.3);
}
object,
embed,
video,
iframe {
    max-width: 100%;
}
/* 9 - Forms, Inputs & Submits */

textarea {
    margin-bottom: 0;
    padding: 10px;
    font-size: 18px;
    outline: none;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    border-width: 1px;
    border-style: solid;
    border-color: #eee #eee #ddd;
    width: 85%;
    font-weight: 300;
    border-radius: 2px;
    color: inherit;
    float: right;
    font-family: 'Roboto', sans-serif;
    -webkit-appearance: none;
}
#respond textarea,
#respond input[type=text],
#respond input[type=email],
#respond input[type=email] {
    background-color: #ffffff;
}
#respond textarea {
    margin-bottom: 1.6em;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=password],
input[type=number] {
    width: 100%;
    padding: 10px;
    font-size: 18px;
    outline: none;
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    border: none;
    font-weight: 300;
    border-width: 1px;
    border-style: solid;
    border-color: #eee #eee #ddd;
    border-radius: 2px;
    color: inherit;
    font-family: 'Roboto', sans-serif;
    -webkit-appearance: none;
}
input[type=date] {
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Roboto', sans-serif !important;
    padding: 10px !important;
    font-size: 18px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #eee #eee #ddd !important;
    border-radius: 2px !important;
}
input.wpcf7-form-control.wpcf7-file {
    font-size: 16px;
}
.wpcf7-form-control.wpcf7-checkbox,
.wpcf7-form-control.wpcf7-radio {
    display: inline-block;
    margin-top: 10px;
}
.wpcf7-form-control.wpcf7-acceptance,
.wpcf7-form-control.wpcf7-file {
    margin-top: 18px;
}
.wpcf7-form-control.wpcf7-select {
    margin-top: 4px;
}
.wpcf7-form-control.wpcf7-quiz {
    display: block;
    width: 348px;
}
span.wpcf7-list-item {
    display: block;
    margin-left: 0;
}
select {
    float: left;
    clear: both;
    width: 100%;
    margin: 20px 0;
}
select {
    background-image: url('img/icon_select.png');
    background-repeat: no-repeat;
    background-position: 320px center;
    -webkit-appearance: none
    /* this is required for Webkit browsers */
    ;
    -moz-appearance: none
    /* this is not supported currently */
    ;
    appearance: none;
    max-width: 348px;
    border-radius: 0;
    padding: 10px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    border: none;
    font-weight: 300;
    border-width: 1px;
    border-style: solid;
    border-color: #eee #eee #ddd;
    border-radius: 2px;
    color: inherit;
    font-family: 'Roboto', sans-serif;
}
input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
    width: 348px;
}
.contentsingle2 form.contact-form.commentsblock {
    width: 100%;
}
.contentsingle2 form.contact-form.commentsblock input[type=submit] {
    float: left;
    margin-top: 20px !important;
    width: 100%;
}
.contact-form input[type=email],
.contact-form input[type=text] {
    width: 100% !important;
    margin-bottom: 0 !important;
    max-width: 100% !important;
}
.contact-form textarea {
    width: 100% !important;
}
.contact-form label {
    font-weight: 500 !important;
}
.grunion-radio-label.radio {
    width: 100%;
}
.contact-form label.checkbox,
.contact-form label.radio {
    font-weight: normal !important;
    margin-right: 10px;
}
.contact-form input[type=checkbox],
.contact-form input[type=radio] {
    margin-top: 8px;
    margin-right: 5px;
}
form.contact-form.commentsblock div {
    float: left;
    clear: both;
    width: 100%;
}
input[type=submit] {
    text-decoration: none;
    float: right;
    margin-bottom: 15px;
    margin-top: 0px !important;
    display: block;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    border: none;
    padding: 15px 20px;
    border-radius: 2px;
    color: #ffffff;
    text-transform: uppercase;
    width: 80%;
}
#respond input[type="submit"] {
    width: 85%;
}
input[type=submit]:hover {
    text-decoration: none;
    border: none;
    color: #ffffff;
}
input#author,
input#email,
input#url {
    float: right;
    width: 85%;
}
span.wpcf7-list-item-label {
    font-size: 16px;
}
span.wpcf7-form-control-wrap {
    float: right;
    width: 80%;
}
p.comment-form-author,
p.comment-form-email,
p.comment-form-url,
p.comment-form-comment {
    display: inline-block;
    width: 100%;
}
p.comment-form-comment {
    margin-bottom: 0;
}
.logged-in-as,
.logged-in-as a {
    font-size: 16px;
}
.social input[type="text"],
.social input[type="email"],
.social textarea,
.social input[type="text"]:focus,
.social input[type="email"]:focus,
.social textarea:focus {
    width: 96%;
}
input:focus {
    outline: none;
}
.comment_wrapper {
    width: 100%;
    max-width: 1175px;
    margin: 0 auto;
}
.comment_wrapper_main {
    width: 100%;
    margin: 0 auto;
    max-width: 705px;
}
#commentform {
    margin: 0px;
    float: left;
    width: 100%;
    margin-top: 35px;
    padding-bottom: 60px;
}
#form_wrapper {
    width: 100%;
    min-height: 150px;
    margin-bottom: 30px;
    padding-left: 20px;
}
div.wpcf7 {
    padding: 0px 0 0 !important;
}
.wpcf7-form textarea {
    float: left;
    width: 100%;
}
.wpcf7-form p {
    clear: both;
    display: inline-block;
    width: 100%;
}
span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 transparent !important;
    left: 8px !important;
    border: none !important;
    top: -5px !important;
    color: transparent !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 0 !important;
    clear: both !important;
}
div.wpcf7-validation-errors {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #FF675B !important;
    clear: both !important;
    font-size: 14px !important;
}
div.wpcf7-mail-sent-ok {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #26AE90 !important;
    font-size: 14px !important;
    clear: both !important;
}
div.wpcf7 img.ajax-loader {
    float: left !important;
    clear: both !important;
    height: auto !important;
    width: auto !important;
}
#commentform input.error,
#commentform textarea.error,
.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid {
    border: 1px solid #FF675B;
    box-shadow: none;
}
div.error {
    display: block;
    clear: both;
    color: #FF675B;
    width: 85%;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    float: right;
}
label.error {
    clear: both;
}
p.comment-notes {
    font-size: 16px;
    padding-bottom: 30px;
}
p.form-submit {
    margin: 0;
}
.textwidget div.wpcf7-validation-errors {
    border: none !important;
    font-size: 13px !important;
    margin: -15px 0 0 !important;
    padding: 0 !important;
    width: 85%;
}
.textwidget div.wpcf7-mail-sent-ok {
    border: none !important;
    font-size: 13px !important;
    margin: -15px 0 0 !important;
    padding: 0 !important;
    width: 85%;
}
span.wpcf7-not-valid-tip {
    display: none;
}
label {
    font-size: 16px;
    display: inline-block;
    float: left;
    font-weight: 500;
    margin-top: 10px;
}
.comment-subscription-form .subscribe-label {
    float: none;
    font-size: 12px;
    font-weight: 400;
    margin: 0 10px;
}
.comment-subscription-form {
    clear: both;
    display: block;
    float: right;
    line-height: 1.2em;
    margin: 0;
    width: 85%;
}
#subForm {
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
}
.form_submit {
    border: none;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    display: block;
    padding: 5px;
}
.comment_wrapper_main_right {
    width: 680px;
}
#post_comment_wrapper {
    display: block;
    clear: both;
    margin-top: 25px;
}
/****** START OF Post comment styling by jonathan **/

.comment_wrapper li.even,
.comment_wrapper li.odd {
    padding-bottom: 0;
    float: none !important;
}
.comment_title {
    border: none;
    font-size: 24px;
    padding-top: 60px;
    font-weight: 500;
    text-transform: uppercase;
    float: left;
    width: 100%;
}
.comment_title hr {
    text-align: left;
    float: left;
    width: 100%;
    margin-top: 20px;
}
#reply-title > a {
    font-size: 30px;
    font-weight: 600;
}
h3#reply-title {
    margin: 0;
}
.comment-author-avatar {
    float: left;
    margin-right: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.comment-author-avatar img.avatar {
    border-radius: 100px !important;
}
.comment-main {
    overflow: hidden;
}
.comment-content {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    width: 100%;
}
.cancel-comment-reply {
    margin-top: 5px;
}
.comment-meta {
    margin-bottom: 10px;
    margin-top: -5px;
}
.comment-author {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}
.comment-date {
    clear: both;
    display: block;
    float: left;
    font-size: 12px;
    margin-top: -18px;
}
.comment-date a {
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
    opacity: 0.5;
    letter-spacing: 1px;
    font-weight: 500;
}
.comment-date a:hover {
    text-decoration: none;
    opacity: 1.0;
    font-size: 10px;
}
.comment-meta .button a.comment-reply-link,
a#cancel-comment-reply-link {
    font-size: 12px;
    display: inline;
    float: none;
    padding: 8px 12px;
    border-radius: 2px;
    background-color: #ffffff !important;
    font-weight: 300;
    text-transform: capitalize;
    -webkit-transition: all 0.0s ease-in;
    -moz-transition: all 0.0s ease-in;
    -o-transition: all 0.0s ease-in;
    transition: all 0.0s ease-in;
}
.comment-meta .button a.comment-reply-link:hover,
a#cancel-comment-reply-link:hover {
    color: #ffffff;
    text-decoration: none;
}
a#cancel-comment-reply-link {
    float: right;
}
.comment-meta .button {
    float: right;
    margin-top: 8px;
}
ul.children {
    list-style: none;
    margin-left: 58px;
}
ul.children li {
    padding-right: 0;
    padding-bottom: 0;
    width: 100%;
}
ul.children li .comment-main .comment-date {
    margin-top: -12px;
}
.comment {
    display: block;
    width: 100%;
    padding-top: 20px;
}
.commentlist {
    width: 100%;
}
.commentlist li {
    margin-bottom: 30px;
    position: relative;
    list-style: none;
    background: none;
    border: none;
    clear: both;
    margin-bottom: 15px;
    padding: 20px 0x;
}
.commentlist li:last-child {
    border-bottom: 1px dotted #bcc8d3;
}
.commentlist li ul.children li:last-child {
    border-bottom: none;
}
.commentlist ul {
    float: none;
    position: relative;
}
.fn {
    margin-left: 5px;
}
.reply {
    float: right;
}
.commentlist p {
    font-size: 16px;
    margin: 15px 0 30px 0;
    font-weight: 400;
}
#respond {
    clear: both;
    padding-top: 60px;
}
.required {
    margin-right: 10px;
    color: #FF675B;
}
/* 10 - WordPress Default Playlist Styling */

.mejs-container {
    background: transparent !important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3) !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    border-radius: 0 !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important;
    border-radius: 0px !important;
}
.mejs-controls .mejs-time-rail span {
    border-radius: 0 !important;
}
.mejs-container .mejs-controls {
    border-top: 0px solid rgba(0, 0, 0, 0);
}
.mejs-container .mejs-controls .mejs-time {
    padding: 9px 3px 0 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important;
}
.wp-playlist-light {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.wp-playlist-item-artist {
    color: #FFFFFF;
    font-size: 11px !important;
    text-transform: none !important;
}
.wp-playlist-item-album {
    font-style: normal !important;
    color: #ffffff;
}
.wp-playlist-caption .wp-playlist-item-title {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #ffffff;
}
a.wp-playlist-caption,
a.wp-playlist-caption span.wp-playlist-item-title {
    font-size: 12px !important;
    font-weight: 400 !important;
}
a.wp-playlist-caption:hover {
    border-bottom: 0px solid transparent !important;
}
.wp-playlist-item {
    border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    margin-top: -1px;
    border-bottom: 0 solid rgba(0, 0, 0, 0) !important;
}
.wp-playlist-item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.wp-playlist-item-length {
    top: 20px !important;
    right: 10px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}
.wp-playlist-tracks,
.wp-playlist-caption {
    text-align: left;
    margin-top: 0px !important;
}
.wp-playlist-tracks {
    margin-top: 0px !important;
    padding-top: 0px;
}
.wp-playlist {
    padding: 0px !important;
    border: 0 solid rgba(0, 0, 0, 0) !important;
}
.wp-playlist-light .wp-playlist-item {
    padding: 20px 10px 20px 10px !important;
    font-weight: 400;
    text-transform: uppercase;
}
.wp-playlist-current-item {
    margin-bottom: 0 !important;
    padding: 10px !important;
    background: rgb(165, 165, 165);
    background: -moz-linear-gradient(top, rgba(165, 165, 165, 1) 0%, rgba(191, 191, 191, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(165, 165, 165, 1)), color-stop(100%, rgba(191, 191, 191, 1)));
    background: -webkit-linear-gradient(top, rgba(165, 165, 165, 1) 0%, rgba(191, 191, 191, 1) 100%);
    background: -o-linear-gradient(top, rgba(165, 165, 165, 1) 0%, rgba(191, 191, 191, 1) 100%);
    background: -ms-linear-gradient(top, rgba(165, 165, 165, 1) 0%, rgba(191, 191, 191, 1) 100%);
    background: linear-gradient(to bottom, rgba(165, 165, 165, 1) 0%, rgba(191, 191, 191, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a5a5a5', endColorstr='#bfbfbf', GradientType=0);
    border-radius: 2px 2px 0 0;
    height: 80px !important;
}
.mejs-controls .mejs-button button {
    margin: 7px 9px !important;
}
.mejs-poster img {
    display: block !important;
}
#topmenu select {
    visibility: hidden;
}
/* 11 - Pricing Table */

.pricetable {
    width: 100% !important;
    margin: 0 auto !important;
    margin-bottom: 40px !important;
    margin-top: 40px !important;
    background: transparent !important;
    background: transparent !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    padding: 0px !important;
}
.pricetable .pricetable-button-container {
    margin-top: 0;
    padding: 0 30px;
}
.pricetable .pricetable-inner {
    border-radius: 0px 0px 0px 0px !important;
    background: none repeat scroll 0 0 #ffffff !important;
    border: 1px solid transparent !important;
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) !important;
}
.pricetable .pricetable-column.pricetable-featured {
    border-radius: 0px 0px 0px 0px !important;
    border: 0px solid transparent !important;
    -moz-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.1);
    background: none repeat scroll 0 0 #ffffff !important;
    padding: 0px !important;
}
.pricetable .pricetable-column.pricetable-featured .pricetable-column-inner {
    background: none repeat scroll 0 0 #ffffff !important;
}
.pricetable .pricetable-column.pricetable-featured .pricetable-column-inner .pricetable-header,
.pricetable .pricetable-column.pricetable-featured .pricetable-column-inner .pricetable-header .pricetable-price {
    color: #ffffff !important;
}
.pricetable .pricetable-header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03) !important;
    color: #ffffff !important;
}
.pricetable .pricetable-column.pricetable-featured h4.pricetable-price {
    border-color: transparent !important;
}
/* @group Headers */

.pricetable h3.pricetable-name,
.pricetable h4.pricetable-price {
    /* Override the post content height */
    line-height: 1 !important;
    margin: 0 !important;
    font-family: 'Open Sans', sans-serif !important;
}
.pricetable h3.pricetable-name {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    text-align: left;
    padding: 10px 30px !important;
}
.pricetable .pricetable-featured h3.pricetable-name {
    background-color: rgba(0, 0, 0, 0.2) !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 10px 30px !important;
}
.pricetable h4.pricetable-price {
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    padding: 30px 30px 0;
    text-align: left;
    background-color: transparent;
    border-width: 0px 0px;
}
.pricetable .pricetable-featured h4.pricetable-price {
    color: #F07057;
    font-size: 72px;
    font-style: normal;
    font-weight: 400;
    padding: 30px 30px 0;
    text-align: left;
}
.pricetable .pricetable-featured .pricetable-header p {
    font-weight: 400;
    text-align: left;
    font-size: 12px;
    color: #ffffff;
    margin: 0;
    padding: 10px 30px 40px 30px;
    text-transform: uppercase;
}
.pricetable .pricetable-header p {
    font-weight: 400;
    text-align: left;
    font-size: 12px;
    margin: 0;
    padding: 10px 30px 40px 30px;
    text-transform: uppercase;
}
.pricetable .pricetable-column.pricetable-standard {
    border-right: 1px solid transparent;
}
.pricetable .pricetable-button-container .pricetable-noise {
    padding: 15px 20px;
}
/* @end */

/* @group Features */

.pricetable .pricetable-feature {
    border-bottom: 1px dotted #bcc8d3;
    border-top: 0 dashed transparent;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 20px 30px;
    text-align: left;
    text-transform: uppercase;
}
.pricetable .pricetable-feature:last-child {
    border-bottom: 0px dotted transparent;
}
.pricetable .pricetable-feature small {
    font-size: 12px;
    opacity: 0.7;
}
/* @end */

/* @group Button */

.pricetable .pricetable-button-container a,
.pricetable .pricetable-button-container a .pricetable-gradient,
.pricetable .pricetable-button-container a .pricetable-noise {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.pricetable .pricetable-button-container a {
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    border: 0px solid transparent;
    /* Soften the border */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
}
.pricetable .pricetable-featured .pricetable-button-container {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 0px solid transparent;
}
.pricetable .pricetable-featured .pricetable-button-container a .pricetable-gradient {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.pricetable .pricetable-button-container a .pricetable-gradient {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}
.topmenu select {
    display: none;
}
/* 12 -  Map Styling */

.mapp-iw .mapp-links a {
    font-size: 10px;
}
.mapp-layout p {
    font-size: 14px;
}
.mapp-iw .mapp-title {
    font-weight: 400 !important;
    font-size: 18px;
    margin-bottom: 10px;
}
.mapp-layout {
    border: 1px solid #d4d4d4;
    margin: 0 0 30px 0 !important;
}
/* 13 - Theme Specific CSS for Cr3ativ Shortcode Plugin */

body .creativ-shortcode-button-colour-theme,
body .creativ-shortcode-button {
    color: #ffffff!important;
    border: 0px solid transparent!important;
    font-weight: 500;
    padding: 15px 20px;
    text-transform: uppercase;
}
body .creativ-shortcode-button-colour-theme:hover,
body .creativ-shortcode-button:hover {
    color: #FFFFFF!important;
    border: 0px solid transparent!important;
    text-decoration: none;
}
body .creativ-shortcode-button-edge-rounded {
    border-radius: 2px;
}
body .creativ-shortcode-button-size-large {
    font-size: 14px;
}
body .creativ-shortcode-button:active {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset;
    top: 0;
}
body .creativ-shortcode-toggle-active {
    border-color: #bcc8d3!important;
    background-color: transparent !important;
}
body .creativ-shortcode-toggle .creativ-shortcode-toggle-content p,
body .creativ-shortcode-toggle .creativ-shortcode-toggle-content a,
.creativ-shortcode .creativ-shortcode-tabpane p,
.creativ-shortcode .creativ-shortcode-tabpane a {
    font-size: 16px;
}
body .creativ-shortcode-toggle .creativ-shortcode-toggle-content {
    border-top: 1px solid #bcc8d3!important;
}
body .creativ-shortcode-toggle {
    border: 1px solid #bcc8d3 !important;
    border-radius: 3px;
    margin: 9px 0 0 !important;
}
body .creativ-shortcode-toggle:hover {
    background-color: transparent;
}
body .creativ-shortcode-tab-buttons {
    top: 2px;
    z-index: 1;
}
body .creativ-shortcode-tab-buttons a {
    border-color: #bcc8d3 #bcc8d3 #bcc8d3!important;
}
body .creativ-shortcode-tab-buttons a.active,
body .creativ-shortcode-tab-buttons a:hover {
    background-color: transparent;
}
body .creativ-shortcode-tabpane {
    border: 1px solid #bcc8d3!important;
    border-radius: 0 3px 3px;
}
body .creativ-shortcode-tab-buttons a {
    border-radius: 3px 3px 0 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.ja-social-icon:hover {
    color: #FFF !important;
}
body .creativ-shortcode-alertbox {
    border: 0px solid transparent !important;
    padding: 10px 30px !important;
    text-align: left !important;
    border-radius: 3px !important;
}
body .creativ-shortcode-alertbox-colour-theme p,
body .creativ-shortcode-alertbox-colour-theme a,
body .creativ-shortcode-alertbox-colour-theme a:hover {
    color: #ffffff !important;
}
.creativ-shortcode-alertbox a,
.creativ-shortcode-alertbox a:hover,
.creativ-shortcode-alertbox p {
    font-size: 16px !important;
    font-weight: 400 !important;
}
.creativ-shortcode-alertbox a,
.creativ-shortcode-alertbox a:hover {
    text-decoration: underline;
}
body .creativ-shortcode-alertbox i {
    display: inline !important;
    font-size: 15px !important;
    margin-right: 15px;
}
body .creativ-shortcode-pullleft {
    font-weight: 500;
    font-size: 24px;
    margin-left: -60px;
}
body .creativ-shortcode-pullright {
    font-weight: 500;
    font-size: 24px;
    margin-right: -60px;
}
body .creativ-shortcode-alertbox-colour-yellow {
    background-color: #f8f387;
}
body .creativ-shortcode-alertbox-colour-green,
body .creativ-shortcode-button-colour-green {
    background-color: #67d5a2;
}
body .creativ-shortcode-pullleft-colour-green,
body .creativ-shortcode-pullright-colour-green {
    color: #67d5a2;
}
body .creativ-shortcode-alertbox-colour-blue,
body .creativ-shortcode-button-colour-blue {
    background-color: #2679f4;
}
body .creativ-shortcode-pullleft-colour-blue,
body .creativ-shortcode-pullright-colour-blue {
    color: #2679f4;
}
body .creativ-shortcode-alertbox-colour-red,
body .creativ-shortcode-button-colour-red {
    background-color: #f0385f;
}
body .creativ-shortcode-pullleft-colour-red,
body .creativ-shortcode-pullright-colour-red {
    color: #f0385f;
}
body .creativ-shortcode-button-colour-orange {
    background-color: #faa80f;
}
body .creativ-shortcode-pullleft-colour-yellow,
body .creativ-shortcode-pullright-colour-yellow {
    color: #faa80f;
}
body .creativ-shortcode-button-colour-purple {
    background-color: #7419cf;
}
.creativ-shortcode-alertbox-colour-green.creativ-shortcode-alertbox p,
.creativ-shortcode-alertbox-colour-green.creativ-shortcode-alertbox a,
.creativ-shortcode-alertbox-colour-blue.creativ-shortcode-alertbox p,
.creativ-shortcode-alertbox-colour-blue.creativ-shortcode-alertbox a,
.creativ-shortcode-alertbox-colour-red.creativ-shortcode-alertbox p,
.creativ-shortcode-alertbox-colour-red.creativ-shortcode-alertbox a {
    color: #ffffff !important;
}
body .creativ-shortcode-toggle h3.creativ-shortcode-toggle-heading {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
body .creativ-shortcode-toggle h3.creativ-shortcode-toggle-heading .toggle-down,
body .creativ-shortcode-toggle h3.creativ-shortcode-toggle-heading .toggle-up {
    opacity: 0.3;
}
body .creativ-shortcode-button,
.ja-social-icon {
    -webkit-transition: background 0s ease 0s;
    -moz-transition: background 0s ease 0s;
    -o-transition: background 0s ease 0s;
    transition: background 0s ease 0s;
}
/* 14 - Theme Specific CSS for Cr3ativ Portfolio Plugin */

.portfolio_share .social_share_wrapper2 {
    float: none;
    text-align: center;
}
.portfolio_comments .metacomments {
    display: inline-block;
    margin-right: 0px;
}
.cr3ativeportfolio_custom_meta,
.cr3ativeportfolio_custom_meta a,
.cr3ativeportfolio_custom_meta ul li,
.cr3ativeportfolio_custom_meta ul li a,
.cr3ativeportfolio_custom_meta p {
    font-size: 16px;
    font-weight: 400;
}
.cr3ativeportfolio_custom_tax a,
.cr3ativeportfolio_custom_tax {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1em;
    margin-bottom: 3px;
    opacity: 0.5;
}
.cr3ativeportfolio_custom_intro p {
    font-size: 16px;
}
.cr3ativeportfolio_custom_intro {
    clear: both;
    display: block;
    margin: 0 0 30px;
    padding: 10px 0 0 0;
    width: 100%;
}
.cr3ativeportfolio_custom_info {
    clear: both;
    display: block;
    width: 100%;
    margin-top: 60px;
}
.cr3ativeportfolio_skills {
    clear: both;
    display: block;
    width: 100%;
}
.cr3ativeportfolio_left {
    float: left;
    width: 33%;
    padding-right: 1%;
}
li.cr3ativeportfolio_portfolio-item {
    float: left;
    margin-bottom: 0;
    margin-right: 0;
    overflow: hidden;
    position: relative;
    width: 25%;
}
.portfolio_grid {
    display: block;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    max-width: 1175px;
    text-align: center;
    background-color: #ffffff;
}
ul.cr3ativ_portfolio_widget_wrapper {
    width: 101%;
}
.portfolio_grid h6 {
    margin: 0 auto;
    max-width: 100%;
    padding: 30px;
}
/* 15 - START OF MEDIA QUERIES */

@media only screen and (max-width: 1024px) {
    .metacats,
    .metacatsport,
    .social_share_wrapper2 {
        display: block;
        width: 100%;
        float: left;
    }
    .embed-container {
        position: relative;
        padding-bottom: 52.25%;
        /* 16/9 ratio */
        padding-top: 30px;
        /* IE6 workaround*/
        height: 0;
        overflow: hidden;
    }
    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    img {
        -ms-interpolation-mode: bicubic;
    }
    .bdywrapper,
    #bdywrapper2,
    .social,
    #pagination {
        margin: 0 auto;
        width: 911px;
    }
    .breakout img {
        max-width: 911px;
    }
    .breakout .wp-caption-text {
        left: 7em;
    }
    .bdywrapper.home {
        width: 100%;
    }
    html,
    body {
        height: auto;
    }
    html.home,
    body.home {
        height: 100%;
    }
}
@media only screen and (max-width: 768px) {
    .contentblog,
    .contentquote,
    .contentsingle,
    .comment_wrapper_main,
    .navigation,
    .contentsingle2,
    .contentsingle3,
    .content404 {
        width: 80%;
    }
    .navigation_wrapper {
        padding: 20px 0;
    }
    .breakout img {
        max-width: 680px;
    }
    ul#menu-primary {
        display: none;
    }
    img.alignleft,
    img.alignright {
        margin: 10px 0px 30px 0px;
        float: none;
        padding: 0px;
        width: 100%;
    }
    .topmenu select {
        background-image: url("img/hamburger.png");
        background-position: 36px center;
        background-size: 20px 20px;
        border: 0 none;
        display: block;
        float: left;
        font-size: 16px;
        font-weight: 400;
        margin: -20px 0;
        min-height: 59px;
        min-width: 92%;
        padding: 18px 10px 18px 70px;
        width: 92%;
        border-radius: 0;
    }
    .topmenu select:focus {
        outline-width: 0;
    }
    .bdywrapper,
    #bdywrapper2,
    .social,
    #pagination {
        width: 680px;
    }
    .wpcf7-form p {
        margin-bottom: 0;
    }
    label {
        float: left;
        width: 100%;
    }
    span.wpcf7-form-control-wrap {
        float: left;
        width: 100%;
    }
    input[type="submit"] {
        margin-top: 30px !important;
        width: 100%;
    }
    #bottom_nav_wrap input[type="submit"] {
        margin-top: 0 !important;
    }
    input#author,
    input#email,
    input#url,
    textarea,
    #respond input[type="submit"],
    .comment-subscription-form,
    .cr3ativeportfolio_left {
        width: 100%;
        float: none;
    }
    p.comment-form-author,
    p.comment-form-email,
    p.comment-form-url,
    p.comment-form-comment {
        margin-bottom: 0;
    }
    input[type="submit"] {
        margin-top: 10px !important;
    }
    body .creativ-shortcode-pullleft {
        margin-left: 0;
    }
    body .creativ-shortcode-pullright {
        margin-right: 0;
    }
    #bottom_nav_wrap div.wpcf7 img.ajax-loader {
        display: none;
    }
    .pricetable .pricetable-column.pricetable-standard.pricetable-last, .pricetable .pricetable-column.pricetable-standard.pricetable-before-featured, .pricetable .pricetable-column.pricetable-featured, .pricetable .pricetable-column.pricetable-standard {
        width: 100% !important;
        float: left;
        clear: both;
        margin-bottom: 50px;
    }
    .pricetable h4.pricetable-price {
        font-size: 60px;
        padding: 30px 30px 0;
    }
    .pricetable .pricetable-featured h4.pricetable-price {
        font-size: 72px;
        padding: 30px 30px 0;
    }
    .pricetable .pricetable-header p, .pricetable h4.pricetable-price, .pricetable h3.pricetable-name, .pricetable .pricetable-feature {
        text-align: center !important;
    }
    .pricetable .pricetable-column.pricetable-featured {
        margin: 0 0 50px 0;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    }
    .pricetable .pricetable-column.pricetable-standard {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    }
    .pricetable .pricetable-button-container {
        margin-bottom: 30px;
    }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
    
    .pricetable h4.pricetable-price {
        font-size: 55px;
        padding: 15px 15px 0;
    }
    .pricetable .pricetable-featured h4.pricetable-price {
        font-size: 70px;
        padding: 15px 15px 0;
    }
    .topmenu select {
        min-width: 91.7%;
        width: 91.7%;
    }
    li.cr3ativeportfolio_portfolio-item {
        width: 50%;
    }
}
@media only screen and (max-device-width: 667px) {
    
    .bdywrapper,
    #bdywrapper2,
    .social,
    #pagination {
        width: 600px;
    }
    .breakout img {
        max-width: 600px;
    }
    .slide-out-div {
        width: 500px;
    }
    .pricetable h4.pricetable-price {
        font-size: 50px;
    }
    .pricetable .pricetable-featured h4.pricetable-price {
        font-size: 65px;
    }
    .topmenu select {
        min-width: 90.9%;
        width: 90.9%;
    }
    #bottom_nav_wrap span.wpcf7-form-control-wrap {
        width: 80%;
    }
    #bottom_nav_wrap input[type="submit"] {
        margin-top: 20px !important;
        margin-left: 0;
        width: 80%;
        max-width: 80%;
    }
    #bottom_nav_wrap {
        padding-bottom: 40px;
    }
    #bottom_nav_wrap .textwidget {
        font-size: 16px;
        line-height: 1.4em;
    }
}

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

    .bdywrapper,
    #bdywrapper2,
    .social,
    #pagination {
        width: 565px;
    }
    .breakout img {
        max-width: 565px;
    }
    .slide-out-div {
        width: 450px;
    }
    .pricetable h4.pricetable-price {
        font-size: 40px;
    }
    .pricetable .pricetable-featured h4.pricetable-price {
        font-size: 50px;
    }
    .pricetable .pricetable-button-container .pricetable-noise {
        padding: 15px 5px;
    }
    #homepage_textline1 {
        font-size: 42px;
    }
    .topmenu select {
        min-width: 90.4%;
        width: 90.4%;
    }
}

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

    .bdywrapper, 
    #bdywrapper2, 
    .social, 
    #pagination {
    width: 425px;
    }
    .breakout img {
        max-width: 425px;
    }
    .slide-out-div {
        width: 320px;
    }
    .pricetable h4.pricetable-price {
        font-size: 40px;
    }
    .pricetable .pricetable-featured h4.pricetable-price {
        font-size: 50px;
    }
    .pricetable .pricetable-button-container .pricetable-noise {
    padding: 15px 5px;
    }
    .topmenu select {
        min-width: 87.2%;
        width: 87.2%;
    }
    body .creativ-shortcode-tab-buttons a {
        padding: 0 15px !important;
        font-size: 14px !important;
    }
    .contentsingle2 td {
        width: 180px;
    }
    #homepage_table_wrapper, #homepage_overlay {
        width: 60%;
    }
}

@media only screen and (max-device-width: 414px) and (orientation: portrait) {
 
    .topmenu select {
        min-width: 85.2%;
        width: 85.2%;
    }  
    .bdywrapper, 
    #bdywrapper2, 
    .social, 
    #pagination {
        width: 400px;
    }
    .breakout img {
        max-width: 400px;
    }
    .content404 {
        width: 80%;
    }
    #homepage_table_wrapper, #homepage_overlay {
        width: 65%;
    } 
    li.cr3ativeportfolio_portfolio-item {
        width: 50%;
    }
    .contentsingle2 form, .wpcf7-form-control.wpcf7-quiz {
        width: 100%;
    }
        
}
@media only screen and (max-device-width: 375px) and (orientation: portrait) {
 
    .topmenu select {
        min-width: 83.6%;
        width: 83.6%;
    }    
    .content404 {
        width: 80%;
    }
    #homepage_table_wrapper, #homepage_overlay {
        width: 65%;
    } 
    .bdywrapper, #bdywrapper2, .social, #pagination {
        width: 375px;
    }
    body .creativ-shortcode-tab-buttons a {
        padding: 0 10px !important;
    }
    #respond textarea {
        width: 100%;
    }
    textarea, input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=number], .wpcf7-form textarea, .wpcf7-form-control.wpcf7-quiz, input[type="submit"] {
        width: 95%;
    }
    select {
    background-position: 250px center;
    max-width: 95%;
}
    input[type=submit] {
        float: left;
    }
    #bottom_nav_wrap .textwidget {
        width: 80%;
        margin: 0 auto;
    }
}

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

    .topmenu select {
        min-width: 80.9%;
        width: 80.9%;
    }  
    .slide-out-div {
        padding: 70px 40px;
        width: 250px;
    }
    #homepage_table_wrapper, #homepage_overlay {
        width: 70%;
    }
    .bdywrapper, #bdywrapper2, .social, #pagination {
        width: 320px;
    }
    h2.title, h2.title a, h1.title, h1.title a {
        font-size: 24px;
    }
    p, body {
        font-size: 18px;
    }
    .alignleft a, .alignright a {
        margin-top: 5px;
    }
    body .creativ-shortcode-tab-buttons a {
        padding: 0 5px !important;
    }
    h1, h1 a {
        font-size: 40px;
    }
    h2, h2 a {
        font-size: 30px;
    }
    h3, h3 a {
        font-size: 25px;
    }
    h4, h4 a {
        font-size: 20px;
    }
    li.cr3ativeportfolio_portfolio-item {
        width: 100%;
    }
    select {
        background-position: 205px center;
        max-width: 243px;
    }
}
/*  END OF MEDIA QUERIES */