@charset "UTF-8";
/*

Theme Name: The Circle
Description: Minimal Portfolio Wordpress Theme
Theme URI: http://thedreamthemes.com/demo/thecircle
Author: DreamThemes
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0

*/

*,
*:before,
*:after {
box-sizing: border-box;
}

* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
}

html,
body {
min-height: 100%;
padding: 0;
margin: 0;
overflow-x: hidden;
}

html {
overflow-y: scroll;
}

body {
min-height: 100vh;
position: relative;
background-image: url(images/global_bg.jpg);
background-repeat: repeat;
}

ol,
ul {
list-style: none inside none;
margin: 0;
padding: 0;
}

small {
font-size: 80%;
}

p:empty {
display: none;
}

::-moz-selection{
background: #191919;
color: #fff;
text-shadow: none;
}
::selection {
background: #191919;
color: #fff;
text-shadow: none;
}

object,
embed {
max-width: 100%;
height: auto;
}

figure {
position: relative;
}
figure img,
figure object,
figure embed,
figure video {
max-width: 100%;
display: block;
}

.caps, input[type="submit"],
button,
input[type="button"],
.url-button, .shifter .header .shifter-handle,
.header .header-buttons .dt-prev-link,
.header .header-buttons .dt-next-link, .shifter-navigation .menu li a, .filter-container .portfolio-filter li .filter-button,
.filter-container .portfolio-filter li a, .portfolio-item .project-link .thumb-container .thumb-overlay .project-info-wrap .project-title, .post .post-link .main-post-content .content-align .post-time, .single-post .post-time, .main-content .widget .tp_recent_tweets li a.twitter_time, .adjacent-post-links .dt-adjacent-post .post-transition .dt-align span ~ span, .adjacent-post-links .dt-adjacent-post .post-transition .dt-align span.older-entries:only-child, .adjacent-post-links .dt-adjacent-post .post-transition .dt-align span.newer-entries:only-child, .footer.no-content .copyright {
color: #222;
font-size: 12.003px;
font-size: .75rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}

.sep, .post .post-link .main-post-content .content-align .post-time, .single-post .post-time, #comments {
position: relative;
padding-bottom: 0;
margin-bottom: 1.75em;
}
.sep:after, .post .post-link .main-post-content .content-align .post-time:after, .single-post .post-time:after, #comments:after {
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 1px;
background: none;
content: " ";
}

.table {
display: table;
width: 100%;
position: relative;
}

.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.overflow-wrap {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

mark,
.search-term {
background: #EBE16F;
}

.group:after {
content: "";
display: table;
clear: both;
}

.header, .shifter-navigation, .portfolio-item .project-link .thumb-container .thumb-overlay, .post .post-link .main-post-content, .adjacent-post-links {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}

.header .header-buttons, .header .main-nav-buttons:after, .shifter .header .shifter-handle:after,
.header .header-buttons .dt-prev-link:after,
.header .header-buttons .dt-next-link:after, .header .main-nav-buttons span, .shifter .header .shifter-handle span,
.header .header-buttons .dt-prev-link span,
.header .header-buttons .dt-next-link span, .shifter-navigation .menu-container, .portfolio-item .project-link .thumb-container .thumb-overlay .project-info-wrap, .post .post-link .main-post-content .content-align, .adjacent-post-links .dt-adjacent-post .post-transition .dt-align {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

input[type="submit"],
button,
input[type="button"],
.url-button {
display: inline-block;
border-radius: 4px;
border: 1px solid #313233;
background: none;
color: #313233;
font-weight: 600;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
letter-spacing: 1px;


}
.no-touch input[type="submit"]:hover,
.no-touch button:hover,
.no-touch input[type="button"]:hover,
.no-touch .url-button:hover {
border-color: #797979;
color: #797979;
}
input[type="submit"]:active,
button:active,
input[type="button"]:active,
.url-button:active {
position: relative;
top: 1px;
}

.post-title-no-bg {
margin-bottom: 1.108em;
}

#bg-hook .dt-light-bg {
color: #222;
}

.background--light {
color: #222 !important;
}

#bg-hook .dt-dark-bg {
color: white;
}

.background--dark {
color: white !important;
}

#header-dt .shifter-handle.dt-light-bg:after {
background-position: 0 0;
}
#header-dt .shifter-handle.background--light:after {
background-position: 0 0 !important;
}
#header-dt .shifter-handle.dt-dark-bg:after {
background-position: 0 -50px;
}
#header-dt .shifter-handle.background--dark:after {
background-position: 0 -50px !important;
}
#header-dt .dt-prev-link.dt-light-bg:after {
background-position: -100px 0;
}
#header-dt .dt-prev-link.background--light:after {
background-position: -100px 0 !important;
}
#header-dt .dt-prev-link.dt-dark-bg:after {
background-position: -100px -50px;
}
#header-dt .dt-prev-link.background--dark:after {
background-position: -100px -50px !important;
}
#header-dt .dt-next-link.dt-light-bg:after {
background-position: -150px 0;
}
#header-dt .dt-next-link.background--light:after {
background-position: -150px 0 !important;
}
#header-dt .dt-next-link.dt-dark-bg:after {
background-position: -150px -50px;
}
#header-dt .dt-next-link.background--dark:after {
background-position: -150px -50px !important;
}
#header-dt .dark-logo.dt-light-bg {
display: block;
opacity: 1;
}
#header-dt .background--light .dark-logo {
display: block !important;
opacity: 1 !important;
}
#header-dt .light-logo.dt-light-bg {
display: none;
opacity: 0;
}
#header-dt .background--light .light-logo {
display: none !important;
opacity: 0 !important;
}
#header-dt .dark-logo.dt-dark-bg {
display: none;
opacity: 0;
}
#header-dt .background--dark .dark-logo {
display: none !important;
opacity: 0 !important;
}
#header-dt .light-logo.dt-dark-bg {
display: block;
opacity: 1;
}
#header-dt .background--dark .light-logo {
display: block !important;
opacity: 1 !important;
}

.bg-cover-img .scroll-indicator.dt-light-bg {
background-position: -350px 0;
}

.bg-cover-img .scroll-indicator.background--light {
background-position: -350px 0 !important;
}

.bg-cover-img .scroll-indicator.dt-dark-bg {
background-position: -350px -50px;
}

.bg-cover-img .scroll-indicator.background--dark {
background-position: -350px -50px !important;
}

#footer-dt.dt-light-bg a {
color: #222;
}

#footer-dt .background--light a {
color: #222 !important;
}

#footer-dt.dt-dark-bg a {
color: white;
}

#footer-dt .background--dark a {
color: white !important;
}

#footer-dt.dt-light-bg .mail-link:after {
background-position: -300px 11px;
}

#footer-dt .background--light .mail-link:after {
background-position: -300px 11px !important;
}

#footer-dt.dt-dark-bg .mail-link:after {
background-position: -300px -39px;
}

#footer-dt .background--dark .mail-link:after {
background-position: -300px -39px !important;
}

#footer-dt.dt-light-bg .tel-link:after {
background-position: -250px 9px;
}

#footer-dt .background--light .tel-link:after {
background-position: -250px 9px !important;
}

#footer-dt.dt-dark-bg .tel-link:after {
background-position: -250px -41px;
}

#footer-dt .background--dark .tel-link:after {
background-position: -250px -41px !important;
}

#footer-dt .sep:after, #footer-dt .post .post-link .main-post-content .content-align .post-time:after, .post .post-link .main-post-content .content-align #footer-dt .post-time:after, #footer-dt .single-post .post-time:after, .single-post #footer-dt .post-time:after, #footer-dt #comments:after {
opacity: .5;
}

.no-footer-cover-image #footer-dt .sep:after, .no-footer-cover-image #footer-dt .post .post-link .main-post-content .content-align .post-time:after, .post .post-link .main-post-content .content-align .no-footer-cover-image #footer-dt .post-time:after, .no-footer-cover-image #footer-dt .single-post .post-time:after, .single-post .no-footer-cover-image #footer-dt .post-time:after, .no-footer-cover-image #footer-dt #comments:after {
opacity: 1;
}

#footer-dt.dt-light-bg .sep:after, #footer-dt.dt-light-bg .post .post-link .main-post-content .content-align .post-time:after, .post .post-link .main-post-content .content-align #footer-dt.dt-light-bg .post-time:after, #footer-dt.dt-light-bg .single-post .post-time:after, .single-post #footer-dt.dt-light-bg .post-time:after, #footer-dt.dt-light-bg #comments:after {
background: #b4b4b4;
}

#footer-dt .sep.background--light:after, #footer-dt .post .post-link .main-post-content .content-align .background--light.post-time:after, .post .post-link .main-post-content .content-align #footer-dt .background--light.post-time:after, #footer-dt .single-post .background--light.post-time:after, .single-post #footer-dt .background--light.post-time:after, #footer-dt .background--light#comments:after {
background: #b4b4b4 !important;
}

#footer-dt.dt-dark-bg .sep:after, #footer-dt.dt-dark-bg .post .post-link .main-post-content .content-align .post-time:after, .post .post-link .main-post-content .content-align #footer-dt.dt-dark-bg .post-time:after, #footer-dt.dt-dark-bg .single-post .post-time:after, .single-post #footer-dt.dt-dark-bg .post-time:after, #footer-dt.dt-dark-bg #comments:after {
background: #e2e2e2;
}

#footer-dt .sep.background--dark:after, #footer-dt .post .post-link .main-post-content .content-align .background--dark.post-time:after, .post .post-link .main-post-content .content-align #footer-dt .background--dark.post-time:after, #footer-dt .single-post .background--dark.post-time:after, .single-post #footer-dt .background--dark.post-time:after, #footer-dt .background--dark#comments:after {
background: #e2e2e2 !important;
}

a {
color: #b3b3b3;
text-decoration: none;
-webkit-transition: .2s all ease;
transition: .2s all ease;
letter-spacing:2px;
}
.no-touch a:hover {
color: #2e2e2e;
}

img {
max-width: 100%;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}

html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
textarea {
font-family: 'Raleway', sans-serif;
font-weight: 400;
line-height: 28px;
line-height: 1.75em;
color: #000;
letter-spacing:2px;
}

b,
strong {
font-weight: 600;
color: #191919;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 28px 0;
margin-bottom: 1.75em;
letter-spacing:2px;
}

p {
margin: 0 0 28px 0;
margin-bottom: 1.75em;
font-size:15px;
letter-spacing:1px;
}

h1,
.h1 {
font-size: 37.897px;
font-size: 2.368rem;
line-height: 1.108em;
margin-bottom: 0.7388em;
}

h2,
.h2 {
font-size: 28.430px;
font-size: 1.777rem;
line-height: 1.477em;
margin-bottom: 0.984em;
}

h3,
.h3 {
font-size: 21.328px;
font-size: 1.333rem;
line-height: 1.312em;
margin-bottom: 1.312em;
}

h4,
.h4 {
font-size: 16px;
font-size: 1rem;
line-height: 1.75em;
}

h5,
.h5,
h6,
.h6 {
font-size: 15px;
font-size: 0.938rem;
line-height: 1.866em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 300;
color: #2d2d2d;
letter-spacing:2px;
}

fieldset {
margin: 0 0 1.75em 0;
padding: 0;
border: none;
}

input,
textarea {
padding: 8px 10px;
}

input,
textarea,
select {
margin: 0;
border-radius: 2px;
outline: none;
}

select,
input,
textarea,
button {
font-family: inherit;
font-size: 100%;
}

select {
max-width: 600px;
padding: 4px 4px 4px 0;
border: 1px solid #e3e5e5;
background: white;
}

label {
display: inline-block;
margin-bottom: 5px;
}

label,
input[type=button],
input[type=submit],
button {
cursor: pointer;
}

.main-search-submit:active {
position: static;
top: 0;
}

input[type="submit"] {
display: inline;
vertical-align: top;
}

input[type="submit"],
button,
input[type="button"] {
border-radius: 2px;
}

input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
input[type="text"],
textarea {
width: 100%;
appearance: none;
line-height: 1;
}

input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
textarea {
padding: 10px 8px;
max-width: 520px;
display: block;
border-radius: 2px;
border: 1px solid #d7d7d7;
background: white;
}

input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
textarea,
select {
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
textarea:focus,
select:focus {
box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.008);
border-color: #bebebe;
}

.touch.shifter-open,
.touch .shifter-open {
overflow: hidden !important;
}

.shifter-open .change-dt-page *,
.shifter-open .change-dt * {
pointer-events: none !important;
}

.change-dt-page {
display: block;
position: relative;
left: 0;
top: 0;
min-height: 100%;
overflow: hidden;
z-index: 1;
}

.change-dt-page,
.change-dt {
-webkit-transform: translate3D(0px, 0px, 0px);
-ms-transform: translate3D(0px, 0px, 0px);
transform: translate3D(0px, 0px, 0px);
}

.change-dt-page,
.change-dt,
.shifter-navigation {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.main-container {
position: relative;
margin: 0 auto;
}
.main-container,
.main-container .main-content {
background: white;
}
.header-no-dt .main-container,
.main-container .header-no-dt .main-content, .header-no-dt
.main-container .main-content,
.main-container .main-content .header-no-dt .main-content {
background-color: transparent;
}

body.page-template-template-portfolio-php .main-container .main-content {
position: relative;
min-width:100%;
margin: 0;
padding: 0;
z-index: 10;
}

body.page-template-template-portfolio-php .filter-container {
display:block;
}

.filter-container {
display:none;
}

body.page-template-template-portfolio-php .header-no-dt .main-container .main-content {
padding-top: 0px!important;
}

.main-container .main-content {
position: relative;
max-width: 1060px;
margin: 0 auto;
padding: 7em 2.5em 5.25em;
z-index: 10;
}


body.page-template-template-portfolio-php .header-no-dt .main-container .main-content {
padding-top: 0px!important;
}

.page-template-template-portfolio-php .main-container .main-content,
.tax-portfolio_category .main-container .main-content {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}

.page-content,
.blog-container,
.page-container,
.single-portfolio-container {
margin: 0 auto;
}

body.blog .blog-container {
text-align:center;
}

.blog-container {
text-align:left;
}

.page-container > .page-content {
padding-left: 0;
padding-right: 0;
}

.page-content {
width: 100%;
}

.page-template-template-page-with-sidebar-php .page-content {
width: 70%;
float: left;
padding-right: 1.875em;
}

.sidebar {
width: 25%;
float: right;
}

.header {
position: fixed;
padding: 10px;
z-index: 2;

}

body.page-template-template-portfolio-php .header {
top: 60px;
}
@media only screen and (max-width: 800px) {
#header-dt .header.header-no-dt {
position: relative;
}
.header-no-dt .main-container .main-content {
padding-top: 0px!important;
}
#toggle_nav {
position: absolute!important;
}

.active_menu .header-menu-mobile {
width: 100%!important;
}

nav li {
text-align: center!important;
}

nav {
width:100%;
}


.footer-social {
text-align: center;
width: 100%;
}

.filter-container .portfolio-filter {
text-align: center;
}

.filter-container .portfolio-filter li .filter-button, .filter-container .portfolio-filter li a {
display:block!important;
}

.filter-container {
width: 100%;
}

.filter-container .portfolio-filter {
width: 100%;
}

body.page-template-template-portfolio-php .header {
top: 0px;
}

body.page-template-template-portfolio-php .flex-nav-prev {
display:none;
}

body.page-template-template-portfolio-php .flex-nav-next {
display:none;
}



.scrollToTop {
bottom:60px!important;
}
.element {
position: relative;
margin-top: 10px!important;
margin-left:10px!important;
}

.map-header{
width:100%!important;
}

.info-template{
width:100%!important;
}

}
.header .dt-logo {
float: left;
position: relative;
padding: 0.625em 0;
z-index: 9;
}
.header .dt-logo a {
display: block;
vertical-align: top;
}

.header .dt-logo img {
display: block;
max-width: 150px;
}
#header-dt .header .dt-logo img.max-size-header {
width: auto;
}
.header .dt-logo .textual-logo {
display: block;
margin: 0 auto;
color: #222;
font-style: italic;
font-size: 28.430px;
font-size: 1.777rem;
line-height: 1.477em;
}
.header.headhesive .dark-logo {
max-height: 45px;
}
.header.headhesive .dark-logo.max-size-fixed-bar {
width: auto;
}
.header.headhesive .light-logo {
display: none !important;
}
.header.headhesive .main-nav-buttons, .shifter .header.headhesive .shifter-handle,
.header.headhesive .header-buttons .dt-prev-link,
.header.headhesive .header-buttons .dt-next-link {
color: #222 !important;
}
.header.headhesive .textual-logo {
color: #222 !important;
}
.header .header-buttons {
position: absolute;
right: 35px;
max-width: 150px;
height: 36px;
top: 40px;
}
.header .main-nav-buttons, .shifter .header .shifter-handle,
.header .header-buttons .dt-prev-link,
.header .header-buttons .dt-next-link {
display: block;
position: relative;
float: right;
padding: 5px 0;
margin-left: 20px;
height: 36px;
font-size: 14px;
font-weight: 600;
color: #222;
z-index: 99999;
cursor: pointer;
content: '';
line-height: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity ease .2s;
transition: opacity ease .2s;
}
.no-touch .header .main-nav-buttons:hover, .no-touch .shifter .header .shifter-handle:hover, .shifter .no-touch .header .shifter-handle:hover,
.no-touch .header .header-buttons .dt-prev-link:hover,
.no-touch .header .header-buttons .dt-next-link:hover {
opacity: .7 !important;
}
.header .main-nav-buttons:after, .shifter .header .shifter-handle:after,
.header .header-buttons .dt-prev-link:after,
.header .header-buttons .dt-next-link:after {
position: absolute;
top: 18px;
right: 0;
width: 15px;
height: 11px;
background: url("images/main.png") no-repeat 0 0;
content: '';
}
.header .main-nav-buttons span, .shifter .header .shifter-handle span,
.header .header-buttons .dt-prev-link span,
.header .header-buttons .dt-next-link span {
display: block;
margin-right: 25px;
}
.shifter .header .shifter-handle {
opacity: 0.3;
}
.header .header-buttons .dt-prev-link:after {
left: 0;
background-position: -100px 0;
}
.header .header-buttons .dt-prev-link span {
margin-right: 0;
margin-left: 17px;
}
.header .header-buttons .dt-next-link:after {
width: 9px;
background-position: -150px 0;
}
.header .header-buttons .dt-next-link span {
margin-right: 16px;
}

.header.headhesive {
position: fixed;
top: 0;
left: 0;
background: #fff;
background: rgba(255, 255, 255, 0.96);
z-index: 99;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}

.bg-img-container {
position: relative;
}
.bg-img-container,
.bg-img-container .site-header-bg-img {
height: 600px;
height: 86vh;
}
.bg-img-container .site-header-bg-img {
position: fixed;
top: 0;
width: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
z-index: -10;
}
.touch .bg-img-container .site-header-bg-img {
position: absolute;
}
.bg-img-container .main-title {
position: absolute;
bottom: 40px;
bottom: 2.5rem;
left: 0;
max-width: 800px;
padding: 0 40px;
padding: 0 2.5rem;
margin-bottom: 0;
font-size: 37.897px;
font-size: 2.369rem;
line-height: 1.266em;
font-weight: 500;
font-style: italic;
text-align: left;
color: #222;
}
.bg-img-container .main-title:before {
position: relative;
content: "\2014";
}

.shifter-navigation {
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
min-height: 100%;
padding: 2.5em;
background: rgba(34, 34, 34, 0.9);
opacity: 0.1;
pointer-events: none;
z-index: 99998;
-webkit-transform: translate3D(0px, -100%, 0px);
-ms-transform: translate3D(0px, -100%, 0px);
transform: translate3D(0px, -100%, 0px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

.shifter-open .shifter-navigation {
pointer-events: all;
z-index: 1\9;
}

.shifter-close {
display: block;
position: absolute;
padding: 12px;
width: 17px;
height: 17px;
top: 1.75em;
right: 1.75em;
box-sizing: content-box;
background-image: url("images/main.png");
background-repeat: no-repeat;
background-position: -38px -38px;
opacity: .7;
z-index: 99999;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all ease .4s;
transition: all ease .4s;
}
.no-touch .shifter-close:hover {
opacity: 1;
}

.shifter-navigation .menu {
text-align: center;
}
.shifter-navigation .menu li {
display: inline-block;
padding: 0 0.9375em;
vertical-align: top;
list-style: none;
}
.shifter-navigation .menu li.parent {
position: relative;
}
.shifter-navigation .menu li.parent > a {
position: relative;
padding-right: 18px;
}
.shifter-navigation .menu li.parent > a:after {
content: " ";
text-indent: -9999px;
position: absolute;
margin: 11px 0 0 7px;
width: 12px;
height: 7px;
background: url("images/main.png") no-repeat -400px 0;
opacity: .5;
-webkit-transition: .2s all ease;
transition: .2s all ease;
}
.shifter-navigation .menu li a {
display: block;
position: relative;
font-size: 14px;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.15em;
margin-right: -0.15em;
color: #9e9e9e;
}
.shifter-navigation .menu li a:hover {
color: white;
}
.shifter-navigation .menu li a:hover:after {
opacity: 1;
}
.shifter-navigation .menu li.current-menu-item > a,
.shifter-navigation .menu li .sub-menu .current-menu-item > a {
color: #fff;
}
.shifter-navigation .menu li .sub-menu {

display: none;
position: absolute;
margin: 0;
padding-top: 14px;
min-width: 130px;
text-align: left;
z-index: 9999;
}
.shifter-navigation .menu li .sub-menu li {
display: block;
padding: 0;
margin-left: 0;
}
.shifter-navigation .menu li .sub-menu li a {
display: block;
color: #999;
font-size: 12.003px;
font-size: 0.75rem;
font-weight: 600;
text-transform: none;
letter-spacing: normal;
white-space: nowrap;
-webkit-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.shifter-navigation .menu li .sub-menu li a:hover {
color: #fff;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}

.copyright {
left: 3.076em;
bottom: 3.076em;
margin-bottom: 0;
font-size: 13px;
font-size: 0.812rem;
text-align:center;
}

.pf-gallery-container {
position: relative;
width: 100%;
margin: 0;
padding: 0;
}
.pf-gallery-container .portfolio-gallery {
width: 100%;
}

.filter-container {
position: absolute;
top: 0;
}
.filter-container .portfolio-filter {
float: left;
position: relative;
padding: 0 40px;
z-index: 998;
top: 25px;
}
.filter-container .portfolio-filter li {
float: none;
}
.filter-container .portfolio-filter li.filter-category {
opacity: 1;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.filter-container .portfolio-filter li .filter-button,
.filter-container .portfolio-filter li a {
display: table-cell;
vertical-align: middle;
padding: 0;
font-weight: 300;
line-height: 22px;
color: #FFFFFF;
font-size: 13px;
letter-spacing: 2px;
}
.filter-container .portfolio-filter li .filter-button {
position: relative;
padding-right: 3.166em;
z-index: 999;
-webkit-tap-highlight-color: transparent;
}
.filter-container .portfolio-filter li .filter-button:after {
position: absolute;
right: 15px;
top: 13px;
width: 11px;
height: 12px;
background: url("images/main.png") no-repeat -200px -49px;
content: " ";
text-indent: -9999px;
}
.filter-container .portfolio-filter li .filter-button:hover {
font-weight: 600;
}
.filter-container .portfolio-filter li .filter-button.filter-active:after {
top: 14px;
background-position: -200px 0;
}
.filter-container .portfolio-filter li a:hover {
font-weight: 600;
}
.filter-container .portfolio-filter li.active a, .filter-container .portfolio-filter li.active a:hover {
font-weight: 600;
}

.dreamthemes-grid-sizer,
.portfolio-gallery .isotope-item {
width: 25%;
}

.portfolio-gallery .isotope-item {
height: 238px;
padding:5px;
}
.portfolio-gallery .isotope-item.horizontal {
width: 50%;
}
.portfolio-gallery .isotope-item.vertical {
height: 476px;
}
.portfolio-gallery .isotope-item.x4standard {
width: 50%;
height: 476px;
}

.portfolio-item {
float: left;
padding: 0;
overflow: hidden;
}
.portfolio-item .project-link {
display: block;
}
.portfolio-item .project-link,
.portfolio-item .project-link .thumb-container,
.portfolio-item .project-link .preview-img {
height: 100%;
}

.portfolio-item .project-link .thumb-container {
position: relative;
overflow: hidden;
}
.portfolio-item .project-link .thumb-container .preview-img {
background-size: cover;
background-position: 50% 50%;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.portfolio-item .project-link .thumb-container .thumb-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
background-color: white;
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0px, -100%, 0px);
transform: translate3d(0px, -100%, 0px);
}
.portfolio-item .project-link .thumb-container .thumb-overlay .project-info-wrap {
width: 100%;
position: absolute;
padding: 0 1.666em;
margin-bottom: 0;
z-index: 2;
opacity: 0;
text-align: center;
}
.portfolio-item .project-link .thumb-container .thumb-overlay .project-info-wrap .project-title {
margin-bottom: 0;
font-size: 0.8125em;
line-height: 1.769em;
font-weight: 700;
color: #4b4b4b;
}
.portfolio-item .project-link .thumb-container .thumb-overlay .project-info-wrap .project-categories {
font-size: 0.875em;
line-height: 1.785em;
font-style: italic;
color: #959595;
}

.isotope-gallery {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-property: height, width;
transition-property: height, width;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}

.single-portfolio-container {
position: relative;
margin-bottom: 1.75em;
}

.project-meta {
padding: 3.5em 0 0;
}
.project-meta .meta-column {
float: left;
width: 100%;
text-align: center;
}
.project-meta .meta-column:last-child {
margin-right: 0 !important;
padding-right: 0 !important;
}
.project-meta .meta-column span:first-child {
display: block;
font-size: 14px;
text-align:left;
font-weight: 300;
color: #818181;

}
.project-meta .meta-column .url-button {
padding: 8px 24px;
margin-top: 5px;
}
.project-meta.dt-1-cols .meta-column {
width: 100%;
}
.project-meta.dt-2-cols .meta-column {
width: 50%;
padding: 0 1%;
}
.project-meta.dt-3-cols .meta-column {
width: 32%;
margin-right: 2%;
}
.project-meta.dt-4-cols .meta-column {
width: 25%;

}

.blog-with-sidebar {
float: left;
width: 70%;
padding-right: 1.875em;
}

.post {
display: block;
}
.post.odd-post .main-post-content, .post.even-post .post-featured-img {
float: left;
}
.post.even-post .main-post-content, .post.odd-post .post-featured-img {
float: right;
}
.post .post-link {
display: block;
height: 13em;
color: #808080;
margin-bottom: 50px;
}
.post .post-link,
.post .post-link .post-featured-img,
.post .post-link .post-title {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.no-touch .post .post-link:hover {
color: #808080;
}
.no-touch .post .post-link:hover .post-featured-img {
opacity: .6;
}
.no-touch .post .post-link:hover .post-title {
color: #838383 !important;
}
.post .post-link .main-post-content,
.post .post-link .post-featured-img {
width: 100%;
height: 100%;
}
.post .post-link .main-post-content {
}
.post .post-link .main-post-content .content-align .post-title {
margin-bottom: 0;
line-height: 1.301em;
color: #222;
font-weight: 300;
}
.post .post-link .main-post-content .content-align .post-time {
display: block;
color: #959595;
}
.post .post-link .main-post-content .content-align .excerpt-content p {
margin-bottom: 1.312em;
}
.post .post-link .main-post-content .content-align .read-more {
text-transform: capitalize; 
font-size: 14px;
font-size: 0.875rem;
line-height: 1.785em;
text-transform: none;
letter-spacing: normal;
color: #222;
text-align: center;
font-weight: 400;
}
.post .post-link .post-featured-img {
position: relative;
background-size: cover;
background-position: 50% 50%;
}

.single-post .post {
float: none;
width: 100%;
margin-left: 0;
margin-bottom: 0;
}
.single-post h1 {
margin-bottom: 0.369em;
}
.single-post .post-time {
display: block;
color: #818181;
}

.sticky h2,
.sticky .excerpt-content {
font-weight: bold;
font-style: italic;
color: #131313;
}

.bypostauthor {
overflow: visible;
}

.blog-pager {
display: none;
}

#comments {
margin-top: 5.25em;
padding-top: 1.75em;
margin-bottom: 0;
text-transform: none;
}
#comments:after {
width: 100px;
top: 0;
height: 4px;
background: #e4e4e4;
}
#comments span {
font-weight: 600;
}

.commentlist {
margin: 0 0 3.5em 0;
}
.commentlist li {
position: relative;
list-style-type: none;
clear: both;
}
.commentlist li[class*=depth-] {
margin-top: 1.1em;
}
.commentlist li.depth-1 {
margin-left: 0;
margin-top: 0;
}
.commentlist li:not(.depth-1) {
margin-left: 1.875em;
margin-top: 0;
padding-bottom: 0;
}
.commentlist li:last-child {
margin-bottom: 0;
}
.commentlist li ul {
margin: 0;
}
.commentlist li .comment-body {
margin-bottom: 1.75em;
padding: 0.937em 0.937em 0 0.625em;
border: 1px solid #eee;
background: #fff;
}
.commentlist li .comment-body .comment-author + .help {
margin: 0;
margin-left: 4.375em;
}
.commentlist li .comment-body .vcard {
margin-left: 4.375em;
margin-bottom: 0.937em;
}
.commentlist li .comment-body .vcard .avatar {
position: absolute;
left: 1.25em;
margin-top: 5px;
padding: 2px;
border: 1px solid #EDEFEE;
background: #fff;
}
.commentlist li .comment-body .vcard cite.fn {
display: inline-block;
margin-top: -4px;
font-style: normal;
}
.commentlist li .comment-body .vcard time a {
color: #999;
text-decoration: none;
}
.no-touch .commentlist li .comment-body .vcard time a:hover {
text-decoration: underline;
}
.commentlist li .comment-body .vcard .comment-meta {
font-size: 12px;
}
.commentlist li .comment-body .vcard .comment-meta .comment-reply-link {
text-decoration: none;
}
.commentlist li .comment-body .comment_content {
margin-left: 4.375em;
}
.commentlist li .comment-body .comment_content p {
font-size: 1em;
}

#respond {
padding: 0 1.562em 1.25em 0;
}
.post-content + #respond {
margin-top: 0.937em;
}
.comment-body + #respond {
padding: 0;
}
#respond #reply-title {
margin-bottom: 0.4em;
text-transform: none;
font-size: 1.562rem;
}
#respond #reply-title #cancel-comment-reply-link {
display: block;
}
#respond form[method=post] label,
#respond form[method=post] .required {
display: none;
}
#respond input[type=text],
#respond input[type=email],
#respond input[type=url],
#respond textarea {
padding: 8px 10px;
}
#respond #comment {
width: 100%;
max-width: 600px;
height: 180px;
}
#respond input[type=text],
#respond input[type=email],
#respond input[type=url] {
max-width: 300px;
}

.widget {
padding: 0 0;
margin: 0 0 3.5em;
}
.widget:before, .widget:after {
content: " ";
display: table;
}
.widget:after {
clear: both;
}
.widget .widgettitle {
margin-bottom: 1.4em;
font-size: 19.995px;
font-size: 1.25rem;
line-height: 1.400em;
}
.widget li {
margin-bottom: 0.75em;
}
.widget li ul {
margin-top: 0.75em;
padding-left: 1em;
}

.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a,
.widget_links li a,
.widget_pages li a,
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget_rss li a,
.widget_meta li a {
display: block;
}

.widget_search .search-form .field {
width: 100%;
}

.widget .menu > li {
padding: 0;
}

.widget .menu .current-menu-item a:after {
display: none;
}

.widget_fastflickrwidget .flickr_photo {
-webkit-transition: 0.4s -webkit-transform ease, 0.4s opacity ease;
transition: 0.4s transform ease, 0.4s opacity ease;
opacity: 0.8;
position: relative;
}
.no-touch .widget_fastflickrwidget .flickr_photo:hover {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
z-index: 10;
}

#wp-calendar thead {
border-bottom: 1px solid #222;
}
#wp-calendar th,
#wp-calendar tbody td {
padding: 3px 6px;
text-align: center;
}
#wp-calendar th {
font-weight: 400;
}
#wp-calendar tfoot td {
padding-top: 3px;
}
#wp-calendar caption {
margin-bottom: 0.750em;
font-size: 19.995px;
font-size: 1.25rem;
font-weight: 400;
text-align: center;
}

.main-content .widget .tp_recent_tweets {
float: none;
clear: none;
}
.main-content .widget .tp_recent_tweets li {
background-image: url("images/main.png");
background-repeat: no-repeat;
background-position: -400px -41px;
padding-left: 1.562em;
padding-bottom: 1.25em;
float: none;
clear: none;
line-height: 1.75em;
white-space: -moz-pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word;
}
.main-content .widget .tp_recent_tweets li:last-child {
padding-bottom: 0;
}
.main-content .widget .tp_recent_tweets li a {
font-weight: normal;
}
.main-content .widget .tp_recent_tweets li a.twitter_time {
color: #999;
font-style: normal;
font-weight: normal;
}
.no-touch .main-content .widget .tp_recent_tweets li a.twitter_time:hover {
color: #2e2e2e;
}

.the-content {
font-size: 1.062em;
}

.the-content img,
.post-content img {
margin-bottom: 1.75em;
}

.the-content p a:last-child img,
.post-content p a:last-child img {
margin-bottom: 0;
}

.the-content ul,
.the-content ol,
.the-content table,
.the-content dl {
margin: 1.75em 0;
}
.the-content ul,
.the-content ol {
margin-right: 2.2em;
}
.the-content ul li,
.the-content ol li {
margin-bottom: 0.75em;
}
.the-content ul {
list-style-type: square;
}
.the-content ul ul {
margin-left: 1.75em;
}
.the-content ol {
list-style-type: decimal;
}
.the-content ol ol {
margin-left: 1.75em;
}
.the-content blockquote {
margin: 0;
margin-left: 28px;
font-style: italic;
}
.the-content blockquote:before {
float: left;
margin-left: -.7em;
padding: 0 5px 0 0;
font-family: Georgia, serif;
font-size: 2.75em;
opacity: 0.8;
content: "“";
}
.the-content dl {
margin: 1.75em 0 1.75em;
}
.the-content dl dt {
margin-top: 1.25em;
font-weight: 500;
}
.the-content dl dd {
margin-top: 0.5em;
font-style: italic;
}
.the-content table {
border: 1px solid #e9e9e9;
border-collapse: collapse;
background: #fff;
text-shadow: none;
}
.the-content table tr:nth-of-type(odd) {
background-color: #eff3f4;
}
.the-content table th,
.the-content table td {
padding: 0.562em 1.375em;
border: 1px solid #e9e9e9;
}
.the-content table th {
text-transform: uppercase;
font-weight: normal;
}
.the-content table caption {
font-size: 19.995px;
font-size: 1.25rem;
font-weight: bold;
}
.the-content pre {
overflow-x: auto;
white-space: pre-wrap;
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
width: 99%;
word-wrap: break-word;
overflow: auto;
overflow-y: hidden;
border-left: 6px solid #F5D995;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
background: #fff url("images/pre-code-bg.png") repeat left top;
text-shadow: none;
}
.the-content pre code {
margin: 0 0 0 2.5em;
padding: 1.125em 0;
display: block;
color: #443325;
}
.the-content video {
display: block;
margin: 1.75em 0;
max-width: 100%;
}
.the-content object {
display: block;
margin: 1.75em 0;
max-width: 100%;
}

img.alignright,
.wp-caption.alignright {
float: right;
margin: 0 0 1em 1em;
}

img.alignleft,
.wp-caption.alignleft {
float: left;
margin: 0 1em 1em 0;
}

img.aligncenter,
.wp-caption.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

a img.alignright {
float: right;
margin: 0 0 1em 1em;
}

a img.alignleft {
float: left;
margin: 0 1em 1em 0;
}

a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
width: auto !important;
max-width: 100% !important;
margin-bottom: 1.75em;
text-shadow: none;
text-align: center;
font-style: italic;
}
.wp-caption img,
.wp-caption img a {
margin: 0 !important;
padding: 0;
border: 0 none;
}
.wp-caption .wp-caption-text {
padding: 0 4px 5px;
margin: 0;
}

.gallery {
float: left;
margin-bottom: 1.75em !important;
}
.gallery br {
display: none;
}
.gallery .gallery-item {
margin: 0 !important;
width: 100%;
float: left;
position: relative;
overflow: hidden;
}
.gallery .gallery-item img {
margin: 0 !important;
padding: 0;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.gallery .gallery-item .gallery-icon {
margin-top: 0 !important;
width: 100%;
position: relative;
overflow: hidden;
}
.gallery .gallery-item .gallery-icon a {
display: block;
border: none;
margin: 0;
padding: 0;
}
.gallery .gallery-item .gallery-icon a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(255, 255, 255, 0.5);
opacity: 0;
content: "";
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.no-touch .gallery .gallery-item .gallery-icon a:hover:after {
opacity: 1;
padding: 0;
}
.gallery .gallery-item .gallery-icon img {
display: block;
border: none !important;
}
.gallery .gallery-item .gallery-caption {
width: 100%;
position: absolute;
bottom: 0;
background: #000;
background: rgba(0, 0, 0, 0.5);
padding: 3px 5px;
color: #fff;
}

.gallery-columns-2 .gallery-item {
width: 50% !important;
}

.gallery-columns-3 .gallery-item {
width: 33.3% !important;
}

.gallery-columns-4 .gallery-item {
width: 25% !important;
}

.gallery-columns-5 .gallery-item {
width: 20% !important;
}

.gallery-columns-6 .gallery-item {
width: 16.666% !important;
}

.gallery-columns-7 .gallery-item {
width: 14.285% !important;
}

.gallery-columns-8 .gallery-item {
width: 12.5% !important;
}

.gallery-columns-9 .gallery-item {
width: 11.111% !important;
}

.item-title,
.search-results p {
text-align: center;
}

.search-post-title {
text-align: center;
margin: 0;
}
.search-post-title a {
    display: block;
    padding: 10px 0;
    text-align: center;
    color: #000;
}
.no-touch .search-post-title a:hover {
color:#2d2d2d;
}
.search-post-title:first-child a {
}
.search-post-title:last-child a {
border-bottom: none;
}

.not-found {
text-align: center;
}

.adjacent-post-links .dt-adjacent-post {
display: block;
color: #222;
}
.adjacent-post-links .dt-adjacent-post,
.adjacent-post-links .dt-adjacent-post .post-transition {

}
.no-touch .adjacent-post-links .dt-adjacent-post:not(.dt-no-link):hover {
opacity: .75;
}
.adjacent-post-links .dt-adjacent-post .post-transition {
width: 100%;
height: 100%;
position: relative;
}
.adjacent-post-links .dt-adjacent-post .post-transition .dt-align {
padding: 2.5em;
}
.adjacent-post-links .dt-adjacent-post .post-transition .dt-align span {
display: block;
position: relative;
}
.adjacent-post-links .dt-adjacent-post .post-transition .dt-align span:first-child {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.785em;
font-style: italic;
text-transform: capitalize;
color: #959595;
}
.adjacent-post-links .dt-adjacent-post .post-transition .dt-align span ~ span, .adjacent-post-links .dt-adjacent-post .post-transition .dt-align span.older-entries:only-child, .adjacent-post-links .dt-adjacent-post .post-transition .dt-align span.newer-entries:only-child {
line-height: 18px;
line-height: 1.5em;
font-weight: 600;
}
.adjacent-post-links .dt-adjacent-post .post-transition .dt-align span.older-entries:only-child, .adjacent-post-links .dt-adjacent-post .post-transition .dt-align span.newer-entries:only-child {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.785em;
text-transform: none;
letter-spacing: normal;
color: #222;
text-align: left;
}
.adjacent-post-links .dt-adjacent-post.dt-prev-post {
    text-align: center;
}

.adjacent-post-links .dt-adjacent-post.dt-prev-post span {
text-align: right;
}
.adjacent-post-links .dt-adjacent-post.dt-next-post {
    text-align: center;
}

.adjacent-post-links .dt-adjacent-post.dt-next-post span {
text-align: left;
}
.adjacent-post-links .dt-adjacent-post.dt-no-link {
}
.adjacent-post-links .dt-adjacent-post.dt-no-link.dt-prev-post {
float: left;
}
.adjacent-post-links .dt-adjacent-post.dt-no-link.dt-next-post {
float: right;
}

.footer {
position: relative;
padding: 5.25em 2.5em 5.25em 2.5em;
text-align: center;
}
.footer.no-content .copyright {
position: static;
text-align: center;
color: #3c3c3c;
}
.footer > div {
width:100%;
}
.footer > div .dt-contact-details:only-child {
padding-bottom: 0;
}
.footer .dt-contact-details {
padding-bottom: 3.5em;
}
.footer .dt-contact-details .contact-column {
float: left;
width: 100%;
padding-top: 3.5em;
padding-bottom: 3.5em;
text-align: center;
opacity: 0;
-webkit-transform: translate3d(0px, -50px, 0px);
transform: translate3d(0px, -50px, 0px);
}
.footer .dt-contact-details .contact-column:last-child {
margin-right: 0 !important;
padding-right: 0 !important;
}
.no-touch .footer .dt-contact-details .contact-column:hover .contact-icon {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
.no-touch .footer .dt-contact-details .contact-column:hover .contact-text {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
.footer .dt-contact-details .contact-column .contact-icon,
.footer .dt-contact-details .contact-column .contact-text {
-webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.footer .dt-contact-details .contact-column .contact-icon {
display: block;
height: 40px;
margin: 0 auto;
background-image: url("images/main.png");
}
.footer .dt-contact-details .contact-column .contact-icon.tel-icon {
width: 34px;
background-position: -250px 0;
}
.footer .dt-contact-details .contact-column .contact-icon.mail-icon {
width: 34px;
background-position: -300px 0;
}
.footer .dt-contact-details .contact-column .contact-icon.address-icon {
width: 34px;
background-position: -350px 0;
}
.footer .dt-contact-details .contact-column .contact-text {
display: block;
font-style: italic;
font-weight: 600;
color: #222;
}
.footer .
.dt-1-cols .contact-column {
width: 100%;
}
.footer .dt-contact-details.dt-2-cols .contact-column {
width: 50%;
padding-left: 1%;
padding-right: 1%;
}
.footer .dt-contact-details.dt-3-cols .contact-column {
width: 32%;
padding-right: 2%;
box-sizing: content-box;
}
.footer .dt-contact-details + .menu-container {
margin-bottom: 1.75em;
}
.footer .menu {
text-align: center;
opacity: 0;
}
.footer .menu li {
display: inline-block;
padding: 0 0.9375em;
vertical-align: top;
list-style: none;
}
.footer .menu li a {
display: block;
position: relative;
padding: 2px 0;
font-size: 14px;
font-size: 0.875rem;
font-weight: 600;
font-style: italic;
letter-spacing: .2em;
color: #222;
}
.no-touch .footer .menu li a:hover {
opacity: .5;
}

.soliloquy-container img {
margin-bottom: 0;
}

html #swipebox-caption,
#swipebox-action {
border-color: transparent !important;
}

html #swipebox-action {
top: -50px;
bottom: auto !important;
}
html #swipebox-action.visible-bars {
top: 0;
bottom: auto !important;
}
html #swipebox-action.force-visible-bars {
top: 0 !important;
bottom: auto !important;
}

html #swipebox-caption {
bottom: -50px;
top: auto !important;
}
html #swipebox-caption.visible-bars {
bottom: 0;
top: auto !important;
}
html #swipebox-caption.force-visible-bars {
bottom: 0 !important;
top: auto !important;
}

.metaslider img {
margin-bottom: 0;
}
.metaslider ol, .metaslider ul {
margin: auto;
line-height: 0;
}
.metaslider .flex-direction-nav a {
margin: -17px 0 0;
opacity: .4;
border-radius: 50px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
background: #fefefe;
}
.metaslider .flex-direction-nav a.flex-next {
background-position: 100% 0;
right: 10px;
}
.metaslider .flex-direction-nav a.flex-next:after {
margin-left: -2px;
border-top: 6px solid transparent;
border-left: 6px solid #333;
border-bottom: 6px solid transparent;
}
.metaslider .flex-direction-nav a.flex-prev {
left: 10px;
}
.metaslider .flex-direction-nav a.flex-prev:after {
margin-left: -4px;
border-top: 6px solid transparent;
border-right: 6px solid #333;
border-bottom: 6px solid transparent;
}
.metaslider .flex-direction-nav a:after {
content: "";
position: absolute;
display: block;
top: 50%;
left: 50%;
margin-top: -6px;
width: 0;
height: 0;
}
.metaslider .flexslider:hover .flex-next {
opacity: 0.7;
right: 10px;
}
.metaslider .flexslider:hover .flex-prev {
opacity: 0.7;
left: 10px;
}
.metaslider .flex-control-paging li {
margin-bottom: 0;
}
.metaslider .flex-control-paging li a {
background: #c5c5c5;
box-shadow: none;
}
.metaslider .flex-control-paging li a.flex-active {
background: #2e2e2e;
}

.cycloneslider.cycloneslider-template-standard {
margin-bottom: 3.5em;
}
.cycloneslider.cycloneslider-template-standard .cycloneslider-pager {
bottom: -30px;
}
.cycloneslider.cycloneslider-template-standard .cycloneslider-pager span {
background: #e0e0e0;
box-shadow: none;
}
.cycloneslider.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active {
background-color: #2e2e2e;
}

.mapp-layout {
border: none !important;
margin: 0 0 1.75em 0 !important;
}
.mapp-layout .mapp-map-links {
background-color: none !important;
border: none !important;
}

.wpcf7 p {
margin-bottom: 1.75em;
}
.wpcf7 .wpcf7-form-control-wrap {
display: inline !important;
}
.wpcf7 div.wpcf7-response-output {
margin: 2em 0 1em;
}
.wpcf7 span.wpcf7-not-valid-tip {
z-index: 100;
background: none;
border: none;
font-size: 0.875em;
width: 200px;
padding: 0;
color: #e44141;
}
.slide-out-div .wpcf7 .wpcf7-response-output, .dropdown-page .wpcf7 .wpcf7-response-output {
padding: 0;
}
.slide-out-div .wpcf7 .wpcf7-mail-sent-ok, .dropdown-page .wpcf7 .wpcf7-mail-sent-ok {
border: none;
color: #70c949;
}
.slide-out-div .wpcf7 .wpcf7-mail-sent-ng, .dropdown-page .wpcf7 .wpcf7-mail-sent-ng {
border: none;
color: #e44141;
}
.slide-out-div .wpcf7 .wpcf7-spam-blocked, .dropdown-page .wpcf7 .wpcf7-spam-blocked {
border: none;
color: #ffa500;
}
.slide-out-div .wpcf7 .wpcf7-validation-errors, .dropdown-page .wpcf7 .wpcf7-validation-errors {
border: none;
color: #f4e50f;
}

html[lang] {
margin-top: 0 !important;
}

/* Media Queries */

@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
.search-container a:after,
.contents .widget .tp_recent_tweets li,
.shifter-close,
.shifter-navigation .menu li.parent > a:after,
.main-nav-buttons:after,
.shifter .header .shifter-handle:after,
.header .header-buttons .dt-prev-link:after,
.header .header-buttons .dt-next-link:after,
.filter-container .portfolio-filter li .filter-button:after,
.filter-container .portfolio-filter li .filter-button.filter-active:after,
.contact-icon,
.main-content .widget .tp_recent_tweets li {
background-image: url("images/main_@2x.png") !important;
background-size: 500px 200px !important;
}

input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
textarea {
border: 1px solid #e3e5e5;
}

input[type="text"]:focus,
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
textarea:focus,
select:focus {
border-color: #cecece;
}

.metaslider .flex-control-paging li a {
background: #e0e0e0;
box-shadow: none;
}

}
@media screen and (max-width: 1281px) {
.main-container .main-content {
padding-top: 5.25em;
padding-bottom: 3.5em;
}
.header-no-dt .main-container .main-content {
padding-top: 3.5em;
}
}
@media screen and (max-width: 1050px) {
.bg-img-container .main-title {
font-size: 35.528px;
font-size: 2.221rem;
line-height: 1.182em;
}
}
@media only screen and (max-width: 960px) {
.header.headhesive .dt-logo {
padding: 0;
}

.shifter-navigation .menu {
max-width: 300px;
margin: 0 auto;
text-align: center;
}
.shifter-navigation .menu li {
display: block;
padding: 0.25em 0;
vertical-align: top;
}
.shifter-navigation .menu li .sub-menu {
position: relative;
padding-top: 0.25em;
padding-bottom: 0.25em;
text-align: center;
}

.filter-container .portfolio-filter li a {
padding-left: 1em;
padding-right: 1em;
}
}
@media screen and (max-width: 960px) and (max-height: 550px) {
.shifter-navigation .menu-container {
position: static;
top: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-top: 1.75em;
margin-bottom: 1.75em;
}

.copyright {
position: static;
left: auto;
bottom: auto;
margin-bottom: 0;
text-align: center;
}
}
@media only screen and (max-width: 800px) {
.post .post-link {
height: auto;
}
.post .post-link .main-post-content,
.post .post-link .post-featured-img {
width: 100%;
}
.post .post-link .main-post-content {
height: auto;
margin-bottom: 1.75em;
}
.post .post-link .post-featured-img {
height: 25em;
margin-bottom: 1.75em;
}
.post .post-link .main-post-content {
padding: 0;
}
.post .post-link .main-post-content .content-align {
position: static;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.post .post-link .main-post-content .content-align .read-more {
font-weight: 600;
}

.post:last-child .post-link .main-post-content {
margin-bottom: 0;
}
}
@media only screen and (max-width: 710px) {
.main-container .main-content {
padding-top: 4.375em;
padding-bottom: 2.625em;
}
.header-no-dt .main-container .main-content {
padding-top: 2.625em;
}

.project-meta {
padding-top: 2.625em;
}

.page-template-template-page-with-sidebar-php .page-content,
.blog-with-sidebar {
width: 100%;
float: none;
padding-right: 0;
}

.page-template-template-page-with-sidebar-php .sidebar,
.sidebar {
width: 100%;
float: none;
}

.bg-img-container .main-title {
font-size: 28.430px;
font-size: 1.777rem;
line-height: 1.231em;
}
.bg-img-container .main-title:before {
display: none;
}

.single-portfolio .post-title,
.single-post h1 {
font-size: 28.430px;
font-size: 1.777rem;
line-height: 1.477em;
margin-bottom: 0.984em;
}
}
@media screen and (max-width: 700px) {
.post .post-link .post-featured-img {
height: 21.875em;
}

.footer {
padding-top: 3.5em;
padding-bottom: 3.5em;
}
.footer .dt-contact-details {
padding-bottom: 1.75em;
}
}
@media only screen and (max-width: 600px) {
.copyright-align {
padding-left:4px;
}
.footer-social {
padding-left:0 !important;
}
.copyright {
padding-left:0;
}
.header .dt-logo {
padding: 0;
}

.bg-img-container,
.bg-img-container .site-header-bg-img {
height: 90vh;
}

.main-container .main-content,
.header,
.footer,
.adjacent-post-links .dt-adjacent-post .post-transition .dt-align {
padding-left: 1.875em;
padding-right: 1.875em;
}

.shifter-navigation {
padding: 1.875em;
}

.header .header-buttons {
right: 1.875em;
}

.bg-img-container .main-title {
padding: 0 1.875rem;
bottom: 1.25rem;
}

.pf-gallery-container {
padding: 0 1.25em;
}

.shifter-close {
top: 1.125em;
right: 1.125em;
}

.copyright {
left: 2.307em;
bottom: 2.307em;
}

.footer {
padding-top: 1.75em;
padding-bottom: 1.75em;
}
.footer .dt-contact-details {
padding-bottom: 1.75em !important;
}
.footer .dt-contact-details .contact-column {
width: 100% !important;
padding-top: 1.75em;
padding-bottom: 0;
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.footer .menu {
opacity: 1;
}
}
@media only screen and (max-width: 580px) {
#header-dt .dt-prev-link,
#header-dt .dt-next-link {
display: none;
}

.single-portfolio .headhesive .dt-logo,
.single .headhesive .dt-logo {
visibility: hidden;
}

.project-meta {
padding: 0;
}
.project-meta .meta-column {
width: 100% !important;
padding-bottom: 0.875em !important;
}

.info-template .meta-column {
width: 100% !important;
padding-bottom: 0.875em !important;
}

.post .post-link .post-featured-img {
height: 17.5em;
}
}
@media only screen and (max-width: 470px) {
.main-container .main-content {
padding-top: 3.5em;
padding-bottom: 1.75em;
}
.header-no-dt .main-container .main-content {
padding-top: 1.75em;
}

.pf-gallery-container {
padding: 0 0.625em;
}

.post .post-link .main-post-content .content-align .post-title {
font-size: 21.328px;
font-size: 1.333rem;
line-height: 1.312em;
}
}
@media only screen and (max-width: 380px) {
.main-container .main-content,
.header,
.footer,
.adjacent-post-links .dt-adjacent-post .post-transition .dt-align {
padding-left: 1.333em;
padding-right: 1.333em;
}

.shifter-navigation {
padding: 1.333em;
}

.header .header-buttons {
right: 1.333em;
}

.bg-img-container .main-title {
padding: 0 1.333rem;
}

.shifter-close {
top: 0.5em;
right: 0.5em;
}

.copyright {
left: 1.538em;
bottom: 1.538em;
}
}
@media only screen and (max-width: 350px) {
.post .post-link .post-featured-img {
height: 15em;
}

.gallery .gallery-item {
margin: 0 0 20px 0 !important;
width: 100% !important;
float: none;
}
}

@media only screen and (max-width: 555px) {
.dreamthemes-grid-sizer,
.portfolio-gallery .isotope-item,
.portfolio-gallery .isotope-item.horizontal,
.portfolio-gallery .isotope-item.x4standard {
width: 100%;
}

.portfolio-gallery .isotope-item,
.portfolio-gallery .isotope-item.horizontal,
.portfolio-gallery .isotope-item.x4standard {
height: 390px;
}

.portfolio-gallery .isotope-item.vertical {
height: 780px;
}
}
@media only screen and (min-width: 556px) and (max-width: 850px) {
.dreamthemes-grid-sizer,
.portfolio-gallery .isotope-item {
width: 50%;
}

.corner-stamp{
min-height:320px;
}

.portfolio-gallery .isotope-item.horizontal,
.portfolio-gallery .isotope-item.x4standard {
width: 100%;
}

.portfolio-gallery .isotope-item,
.portfolio-gallery .isotope-item.horizontal {
height: 300px;
}

.portfolio-gallery .isotope-item.vertical,
.portfolio-gallery .isotope-item.x4standard {
height: 600px;
}
}
@media only screen and (min-width: 851px) and (max-width: 1200px) {
.dreamthemes-grid-sizer,
.portfolio-gallery .isotope-item {
width: 33.333%;
}


.portfolio-gallery .isotope-item.horizontal {
width: 66.666%;
}

.portfolio-gallery .isotope-item.x4standard {
width: 66.666%;
}

.portfolio-gallery .isotope-item,
.portfolio-gallery .isotope-item.horizontal {
height: 290px;
}

.portfolio-gallery .isotope-item.vertical,
.portfolio-gallery .isotope-item.x4standard {
height: 580px;
}
}

@-webkit-keyframes tinywiggle{
25%, 50%, 75%, 100%{
-webkit-transform-origin: top center;
transform-origin: top center;
}
25%{
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
50%{
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
75%{
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
}
100%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes tinywiggle {
25%, 50%, 75%, 100% {
-webkit-transform-origin: top center;
transform-origin: top center;
}
25% {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
}
50% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
75% {
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}

.current-menu-item a {
color:#fff;
font-weight: 600;
}

nav li {
line-height: 22px;
font-size: 18px;
text-transform: uppercase;
font-weight: 300;
text-align: left;
padding-top: 7px;
}

nav li a {
color:#fff;
}  

nav li a:hover {
font-weight: 600;
color:#fff!important;
} 


.overlay12 {
opacity:0;
width:100%;
height:100%;
position:absolute;
z-index:2;
background:-webkit-gradient(linear, left top, right bottom, color-stop(30%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
background:-webkit-gradient(linear,15.85% -9.15%,84.15% 109.15%,color-stop(rgba(255, 255, 255, 0),0.3),color-stop(rgba(255, 255, 255, 1),1));
background:-webkit-linear-gradient(-60deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);
background:   -moz-linear-gradient(-60deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);
background:     -o-linear-gradient(-60deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);
background:        linear-gradient(-60deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);
background:-webkit-gradient(linear,-9.15% 9.15%,109.15% 90.85%,color-stop(rgba(255, 255, 255, 0),0.3),color-stop(rgba(255, 255, 255, 1),1));
background:-webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);
background:   -moz-linear-gradient(330deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);
background:     -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);
background:        linear-gradient(330deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);
background:-webkit-gradient(linear,84.15% 109.15%,15.85% -9.15%,color-stop(rgba(255, 255, 255, 0),0.3),color-stop(rgba(255, 255, 255, 1),1));
background:-webkit-linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);
background:   -moz-linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);
background:     -o-linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);
background:        linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ff0000',GradientType=1 );
-webkit-transition:opacity 0.5s ease;
-moz-transition:opacity 0.5s ease;
-o-transition:opacity 0.5s ease;
transition:opacity 0.5s ease;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0);
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
}

.no-touch .portfolio-item .project-link:hover .overlay12 {
opacity:1;
-webkit-transition:opacity 0.5s ease;
-moz-transition:opacity 0.5s ease;
-o-transition:opacity 0.5s ease;
transition:opacity 0.5s ease;
}

.overlay-title {
bottom: 5px;
right: 0;
position: absolute;
padding: 10px 20px;
font-weight:400;
font-size: 20px;
line-height: 20px;
font-style: normal;
text-align: right;
color:#000;

}

.overlay-categ{
font-weight: 300;
bottom: 0;
right: 0;
position: absolute;
padding: 20px 20px;
font-size: 15px;
line-height: 15px;
font-style: normal;
text-align: right;
color:#000;
letter-spacing:1px;

}

.header-buttons nav li:after{
content:'';
position:absolute;
border-top:1px solid black;
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
transform:rotate(-10deg);
width: 63px;
right: 0;
margin-top: 37px;
}

.header-menu{
max-width: 300px;
position: fixed;
right: 35px;
z-index: 2;
top: 15px;
}


.filter-title {
padding-bottom:20px;
}

.filter-title h3 {
top: 20px;
left: 0;
position: absolute;
padding: 10px 10px;
font-weight:400;
font-size: 1.5em;
line-height: 1em;
font-style: normal;
text-align: left;

}

.filter-title h3:after{
content:'';
position:absolute;
border-top:1px solid black;
-webkit-transform:rotate(-10deg);
-moz-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
-o-transform:rotate(-10deg);
transform:rotate(-10deg);
width: 63px;
left: 10px;
margin-top: 30px;
}


nav {
/* position: fixed; */
display: table;
/* width: 50.5%; */
height: 100%;
top: 0;
right: 0;
/* background-color: #212121; */
/* background-repeat: no-repeat; */ 
/* background-position: center; */
/* opacity: 0; */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

/* background-size: cover; */
-webkit-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-moz-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-o-transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
transition: opacity 0.75s cubic-bezier(0.230, 1.000, 0.320, 1.000);

}

.header-menu-mobile{
opacity:0;
width: 0%;
height: 100vh;
position: fixed;
right: 0;
background-color: rgba(0, 0, 0, 0.88);
z-index: 999;
padding-top: 50px;
top: 0;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
-webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-moz-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-o-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.icon-bar {
display: block;
height: 3px;
border-radius: 1px;
background-color: #000;
margin: 4px;
}

.m1 {
width: 30px;
}

.m2 {
width: 25px;
}

.m3 {
width: 20px;
}

.icon-bar + .icon-bar {
margin-top: 3px;
}

#toggle_nav {
z-index: 9999;
position: fixed;
cursor: pointer;
right: 2em;
padding: 10px 0;
display: block;
top: 3em;
}

#mobile_menu nav li:after{

}

.header-menu-mobile  #menu-main {

padding: 0 40px;;
display: table-cell;
width: 100%;
text-align: center;
vertical-align: middle;
opacity: 0;
-webkit-transform: translateX(50px);
-moz-transform: translateX(50px);
-ms-transform: translateX(50px);
-o-transform: translateX(50px);
transform: translateX(50px);
-webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-moz-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-o-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.active_menu #menu-main {

opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);  
}

.menu-mobile-container{
float: left;
padding: 8px 0 0 10px;
}

.active_menu .change-dt-page{
-webkit-transform: translate(-50%);
-moz-transform: translate(-50%);
-ms-transform: translate(-50%);
-o-transform: translate(-50%);
transform: translate(-50%); 
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-moz-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-o-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

.active_menu .header{
-webkit-transform: translate(-100%);
-moz-transform: translate(-100%);
-ms-transform: translate(-100%);
-o-transform: translate(-100%);
transform: translate(-100%); 
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-moz-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-o-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}




#toggle_nav p{
float: left;
margin: 0;
color:#222;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
font-size: 14px;
padding-top: 7px;
}

#toggle_nav i {
opacity:0;
}


#toggle_nav .active_menu i {
color:#fff;
font-size: 25px;
opacity:1;
position: absolute;
margin-top: -19px;
}

#toggle_nav .active_menu span {
opacity:0;
}

.active_menu #toggle_nav  .menu-text {
opacity:0;
}









.active_menu .header-menu-mobile{
opacity: 1;
width: 50%;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);  
}


.single-portfolio-container h1 span {
font-size: 15px;
line-height: 15px;
}

/* de aici am inceput */

.dt-contact-details  {
display:none;
}

.scrollToTop{
z-index:9999999;
position: fixed;
right: 50%;
bottom: 30px;
width: 30px;
height: 30px;
cursor: pointer;
display: none;
font-size: 1em;
line-height: 27px;
color: #FFF;
background-color: #000;
border-radius: 50%;
text-align: center;
margin-right: -20px;
padding-left: 2px;
}

.scrollToTop:hover{
text-decoration:none;
color:#bfbfbf!important;
}

#loader1 {
background: #ffffff;
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 9999999999999;
}

#asante {
background: rgba(255, 255, 255, 0.0);
bottom: 0;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 9999999999999;
}

.spinner {
width: 40px;
height: 40px;
top:50%;
left:50%;
position: absolute;
margin: 0 auto;
margin-top:-20px;
margin-left:-20px;
}

.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
0%, 100% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% { 
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}

.nextprev {
font-size: 15px;
float:right;
padding: 10px 0;
}
.nextprev span {
color:#3c3c3c;
}

.single-portfolio-container .post-title-no-bg {
margin-bottom:0;
} 

.new-label {
width: 40px;
height: 37px;
background-color: #222;
font-weight:600;
color: #fff;
font-size: 10px;
padding: 5px 0px 0px 6px;
position: absolute;
z-index: 999;
right: 0px;
margin: 10px;
}

.footer-social a {
border-radius: 50px;
color: #fff;
padding-right: 6px;
}

.footer-social a:hover{
color:#fff!important;
}

.footer-social {
float: left;
padding-left: 40px;
position: absolute;
bottom:30px;
z-index: 99999999999999;
color: #fff;
}

.copyright-align {
clear: both;
}

.post-transition span {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.785em;
text-transform: none;
letter-spacing: normal;
color: #222;
text-align: left;
font-weight: 600;
font-style: italic;
}

.nextprev a {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.785em;
text-transform: none;
letter-spacing: normal;
color: #222;
text-align: left;
font-weight: 600;
font-style: italic;
}






.animated-container {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-moz-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-o-transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
transition: all 1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
opacity:0;
}




.animation-left {
opacity:1!important;
-webkit-transform: translateX(0)!important;
-moz-transform: translateX(0)!important;
-ms-transform: translateX(0)!important;
-o-transform: translateX(0)!important;
transform: translateX(0)!important;
}





.animation {
opacity:1!important;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}


.info-template {
background-color:#000;
padding: 3.5em 3.5em 3.5em;
margin: 30px 0;
width: 35%;
float: left;

}

.info-template .meta-column {
float: none;;
width: 100%;
text-align: left;
color:white;
}


.info-template .meta-column h2{
color:white;
}

.info-template .meta-column h2:after{
border:1px solid #fff;
}

.info-template .meta-column:last-child {
margin-right: 0 !important;
padding-right: 0 !important;
}

.info-template .meta-column span:first-child {
display: block;
font-size: 14px;
text-align:left;
font-weight: 400;
font-style: italic;
color: #818181;
}

.info-template .meta-column .url-button {
padding: 8px 24px;
margin-top: 5px;
}

.info-template .meta-column {
width: 100%;
margin-right: 2%;
}

h2.info-title {
font-weight: 400;
font-size: 1.5em;
line-height: 1em;
font-style: normal;
}

.info-template i {
font-size: 20px;
}

.bg-1 {
background-color: rgb(235, 235, 235);
}

.bg-2 {
background-color:rgb(225, 225, 225);
}

.bg-3 {
background-color: rgb(215, 215, 215);
}

#map-canvas {
width: 100%;
height: 497px;
-webkit-filter: grayscale(90%);
-moz-filter: grayscale(90%);
-ms-filter: grayscale(90%);
-o-filter: grayscale(90%);
filter: grayscale(90%);
filter: url(images/grayscale.svg#greyscale);
filter: gray;
}

.map-header{
position:relative;
padding: 2em 0 0;
width:65%;
float:left;
}

/* woocommerce */


body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product {margin: 0 1% 20px 1% !important;}

body.woocommerce ul.products li.product a img, body.woocommerce-page ul.products li.product a img{display:block!important; margin:0 auto 15px auto !important; float:left;}

body.woocommerce .products .star-rating, body.woocommerce-page .products .star-rating{margin:5px auto !important;}

body.woocommerce .page-numbers li a {
color: #000!important;
}

body.woocommerce .page-numbers li a:hover {
color: #000!important;
}



@media (min-width:801px){

body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product {width: 31.33333% !important;}

}

@media (max-width:800px){
.woocommerce-ordering {
margin-right: 0px;
float: left!important;
}

body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product {width: 100% !important;}

body.woocommerce ul.products li.product, body.woocommerce-page ul.products li.product {margin: 30px 0 !important;}
.woocommerce-page table.shop_table,
.woocommerce-page table.shop_table thead,
.woocommerce-page table.shop_table tbody,
.woocommerce-page table.shop_table th,
.woocommerce-page table.shop_table td,
.woocommerce-page table.shop_table tr {
display: block;
}

.woocommerce-page table.shop_table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}

.woocommerce-page table.shop_table tr {
/*border: 1px solid #d2d3d3; */
}

.woocommerce-page table.shop_table td {
border: 1px solid #d2d3d3;
position: relative;
padding-left: 30% !important;
height: 60px;
}

.woocommerce-page table.shop_table {
border: none;
}

.woocommerce-page table.shop_table td.product-spacer {
border-color: #FFF;
height: 10px;
}

.woocommerce-page table.shop_table td:before {
position: absolute;
top: 6px;
left: 6px;
width: 25%;
padding-right: 10px;
white-space: nowrap;
}

.woocommerce-page table.shop_table td.product-remove:before {
content: "DELETE";
}

.woocommerce-page table.shop_table td.product-thumbnail:before {
content: "IMAGE";
}

.woocommerce-page table.shop_table td.product-name:before {
content: "PRODUCT";
}

.woocommerce-page table.shop_table td.product-price:before {
content: "PRICE";
}

.woocommerce-page table.shop_table td.product-quantity:before {
content: "QUANTITY";
}

.woocommerce-page table.shop_table td.product-subtotal:before {
content: "SUBTOTAL";
}

.woocommerce-page table.shop_table td.product-total:before {
content: "TOTAL";
}

.woocommerce .quantity,
.woocommerce #content .quantity,
.woocommerce-page .quantity,
.woocommerce-page #content .quantity {
margin: 0;
}

.woocommerce-page table.cart td.actions,
.woocommerce-page #content table.cart td.actions {
text-align: left;
border:0;
padding-left: 6px !important;
}

.woocommerce-page table.cart td.actions .button.alt,
.woocommerce-page #content table.cart td.actions .button.alt {
float: left;
margin-top: 10px;
}

.woocommerce-page table.cart td.actions div,
.woocommerce-page #content table.cart td.actions div,
.woocommerce-page table.cart td.actions input,
.woocommerce-page #content table.cart td.actions input {
margin-bottom: 10px;
}

.woocommerce-page .cart-collaterals .cart_totals {
float: left;
width: 100%;
text-align: left;
}

.woocommerce-page .cart-collaterals .cart_totals th,
.woocommerce-page .cart-collaterals .cart_totals td {
border:0 !important;
}

.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
.woocommerce-page .cart-collaterals .cart_totals table tr.total td {
padding-left: 6px !important;
}

.woocommerce-page table.shop_table tr.cart-subtotal td,
.woocommerce-page table.shop_table tr.shipping td,
.woocommerce-page table.shop_table tr.total td,
.woocommerce-page table.shop_table.order_details tfoot th,
.woocommerce-page table.shop_table.order_details tfoot td {
padding-left: 6px !important;
border:0 !important;
}

.woocommerce-page table.shop_table tbody {
padding-top: 10px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
float: none;
width: 100%;
}

.woocommerce .order_details ul,
.woocommerce-page .order_details ul,
.woocommerce .order_details,
.woocommerce-page .order_details {
padding:0;
}

.woocommerce .order_details li,
.woocommerce-page .order_details li {
clear: left;
margin-bottom: 10px;
border:0;
}

#content table.cart td.actions .button,
.woocommerce #content table.cart td.actions .input-text,
.woocommerce #content table.cart td.actions input,
.woocommerce table.cart td.actions .button,
.woocommerce table.cart td.actions .input-text,
.woocommerce table.cart td.actions input,
.woocommerce-page #content table.cart td.actions .button,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions input,
.woocommerce-page table.cart td.actions .button,
.woocommerce-page table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions input {
width: 100%;
}

#content table.cart td.actions .coupon .button,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon input,
.woocommerce table.cart td.actions .coupon .button,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon input,
.woocommerce-page #content table.cart td.actions .coupon .button,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon input,
.woocommerce-page table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon input {
width: 48%;
}

#content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
margin-top: 1.5em;
}

#content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
margin-bottom: 1em;
}

.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
display: none;
}

.cart_item input {
float:none;
margin-left:20px;
}

.cart_item td span {
padding-left: 30px!important;
}

.shop_table .actions{
height: 200px!important;
}

.shop_table .actions input{
float:left!important;
}

}

.woocommerce ul.products li.product .onsale {
/*margin:0!important;*/
}

.woocommerce span.onsale {
width: 46px;
height: 37px;
background-color: #222;
font-weight: 400;
color: #FFFFFF;
font-size: 10px;
padding: 5px 0px 0px 7px;
position: absolute;
z-index: 999;
margin: 5px;
-webkit-font-smoothing: antialiased;
text-transform: uppercase;
letter-spacing: 1px;}

.woocommerce .price {    
position: relative;
float: left;
clear: both;
font-size: 15px;
line-height: 15px;
font-family: "Open Sans", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 400;
color: #3c3c3c;
}

.woocommerce .product>a>h3 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: .1em;
display: table-cell;
vertical-align: middle;
background: white;
font-weight: 600;
line-height: 28px;
color: #4b4b4b;
clear: both;
float:left;
}

.woocommerce .add_to_cart_button {   
position: relative;
float: left;
clear: both;
border: 1px solid;
border-radius: 2px;
padding: 1px 10px;
margin-top: 13px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
color: #222;
}

.woocommerce button.single_add_to_cart_button.button.alt {
padding: 5px 10px;
font-size: 12px;
margin-left: 15px;
}

.woocommerce .quantity {
width: 60px;
}

.woocommerce ins {
text-decoration: none;
color: #222;
margin-left: 10px;
}

.woocommerce div[itemprop="description"] p {
clear: both;
}

.woocommerce a.button.add_to_cart_button.product_type_simple:hover {
color: #aaaaaa;
}

.woocommerce ins:hover {
color: #aaaaaa;
}

.woocommerce input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]) {
padding: 7px 8px;
max-width: 520px;
display: block;
border-radius: 2px;
border: 1px solid #d7d7d7;
background: white;
float: left;
}

.woocommerce textarea {
padding: 7px 8px;
max-width: 520px;
display: block;
border-radius: 2px;
border: 1px solid #d7d7d7;
background: white;
float: left;
}

.woocommerce .product_meta span {
padding-right: 15px;

}
.woocommerce .product_meta {
position: absolute;
padding-top: 15px;
}

p.woocommerce-result-count {
padding-left: 7px;
}

form.woocommerce-ordering {
margin-right: 10px;
}
.woocommerce input.button {
padding: 5px 10px;
font-size: 12px;
letter-spacing: 1px;
}
.wc-proceed-to-checkout a {
border: 1px solid;
padding: 8px 10px;
font-size: 12px;
border-radius: 2px;
text-transform: uppercase;
letter-spacing: 1px;
}
input#coupon_code {
width: 150px;
text-align: center;
height: 35px;
margin-right: 10px;
}

.woocommerce .wc-tabs{
display: none;
}
.single-product .woocommerce-tabs{
padding-top: 90px;
}
nav.woocommerce-breadcrumb {
padding-bottom: 15px;
}
a.added_to_cart.wc-forward {
float: left;
position: relative;
clear: both;
border: 1px solid;
border-radius: 2px;
padding: 1px 10px;
margin-top: 13px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
color: #3fce35;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.woocommerce-message {
padding: 10px 0;
margin: 10px 0; 
}
.woocommerce-message .button {
float: left;
color: #3fce35;
border: 1px solid #3fce35;
letter-spacing: 1px; 
text-transform: uppercase;
padding: 0 10px; 
border-radius: 2px; 
font-size: 12px;
margin-right: 10px; 
}
.nextprev a:hover {
color: red;
}
.nextprev a.dt-prev-link.main-nav-buttons span:hover {
color: #bfbfbf;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-weight: 600;
}
.nextprev a.dt-next-link.main-nav-buttons span:hover {
color: #bfbfbf;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-weight: 600;
}


/* menu */

/*
* jQuery FlexSlider v2.5.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 and later license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
* 
*/
/* ====================================================================================================================
* FONT-FACE
* ====================================================================================================================*/
@font-face {
font-family: 'flexslider-icon';
src: url('fonts/flexslider-icon.eot');
src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}
/* ====================================================================================================================
* RESETS
* ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
}
/* ====================================================================================================================
* BASE STYLES
* ====================================================================================================================*/
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
}
/* ====================================================================================================================
* DEFAULT THEME
* ====================================================================================================================*/
.flexslider {
margin: 0px auto 0;
background: #ffffff;
position: relative;
zoom: 1;
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {

}
.flex-direction-nav a.flex-next:before {
display: inline-block; font-family:FontAwesome; content:"\f178";  font-size: 20px; padding-left: 10px;
}

.flex-direction-nav a.flex-prev:before {
display: inline-block; font-family:FontAwesome; content:"\f177";  font-size: 20px; padding-left: 10px;
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}

.mainSlider {
width: 100%;
overflow: hidden;
position: fixed!important;
}

.slider-container {
position: fixed;
z-index: 99999;
width: 100%;
}

.slide-img {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
/* ====================================================================================================================
* RESPONSIVE
* ====================================================================================================================*/
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}

/* END FLEX SLIDER */

.flex-active-slide {
-webkit-transform: scale(1)!important;
-moz-transform: scale(1)!important;
-ms-transform: scale(1)!important;
-o-transform: scale(1)!important;
transform: scale(1)!important;

-webkit-transition: opacity 1.6s ease-out, -webkit-transform 7.2s linear;
-moz-transition: opacity 1.6s ease-out, -moz-transform 7.2s linear;
-o-transition: opacity 1.6s ease-out, -o-transform 7.2s linear;
transition: opacity 1.6s ease-out, transform 7.2s linear;

}


.flexslider .slide-img {

-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);

-webkit-transition: opacity 0, -webkit-transform 0;
-moz-transition: opacity 0, -moz-transform 0;
-o-transition: opacity 0, -o-transform 0;
transition: opacity 0, transform 0;


}

.demo {
position: absolute;
z-index: 20;
text-align: center;
width: 100%;
top: 45%;
display:block!important;

-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-moz-transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
-o-transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000); 
transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
opacity:0;

}





.active_site {
height:0!important;
-webkit-transition: all 1s ease .15s;
-moz-transition: all 1s ease .15s;
-o-transition: all 1s ease .15s;
-ms-transition: all 1s ease .15s;
transition: all 1s ease .15s;

}

.enter_site {
border: none;
text-transform: none;
border-bottom: 1px solid #333;
}

.enter_site:hover {
color:#333;
}

button:focus {outline:0;}


#toggle_nav span {
display: block;
height: 2px;
background-color: #000;
margin-bottom: 8px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}

#toggle_nav:hover span{
background-color:#737373!important;
width:38px !important;
}	

#toggle_nav .line1 {
width: 38px;
}

#toggle_nav .line2 {
width: 28px;
}

#toggle_nav .line3 {
width: 18px;
}

#btn-menu .line1 {
width: 38px;
}

#btn-menu .line2 {
width: 28px;
}

#btn-menu .line3 {
width: 18px;
}

.corner-stamp {

}

.element {
position: relative;
margin-top: 90px;
margin-left: 200px;
}

iframe {
margin-top: 20px;
width:100%;
}

.fourofour {
font-size:150px;
}