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

    Theme Name: Skadi - Creative Multi-Purpose WordPress Theme
    Theme URI: http://www.demo.alessioatzeni.com/skadi/
    Description: Skadi Theme for photostudio, creative or digital agency, frelancers, business. Based on a unique, clean & minimal design and packed with a tons of cool features.
    Author: Alessio Atzeni
    Author URI: http://www.alessioatzeni.com
    Version: 1.1.5
    License: GNU General Public License version 3.0 & Envato Regular/Extended License
    License URI:  http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses

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

    0.  Font-Family Elements Setup
    1.  Document Setup - Basic Style
    2.  Typography
    3.  Margins / Padding Value / Shadow / Special Classes
    4.  Header Section
    5.  Mobile Navigation
    6.  Revolution Slider Setup Graphics
    7.  Full-Width Image
    8.  Full Area / Section Title Page
    9.  Special Heading
    10. Team and Single Post Team
    11. Portfolio and Single Post Portfolio
    12. Navigation Projects / Navigation Posts
    13. Map Area and Contact Form
    14. Latest Post and Blog Style
    15. Comments Portfolio / Team / Posts
    16. Sidebar
    17. Big Twitter Feed Area
    18. Footer
    19. Back to Top
    20. Error Page
    21. Archives / Sitemap Template
    22. Widgets
    23. Isotope Portfolio Filtering Settings
    24. Animation Preloader Settings
    25. Fancybox Settings
    26. Gallery Settings
    27. Shortcodes
    28. Animation Modules Settings
    29. Font Icons
    30. Flex Slider Settings
    31. Media Queries

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

/*-----------------------------------------------------------------------------------*/
/*  0.  Font-Family Elements Setup
/*-----------------------------------------------------------------------------------*/
body,
input,
button,
select,
textarea,
.gallery-caption {
    font-family: 'Raleway', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
header #logo a,
#footer-credits,
#menu ul a,
#creative-menu ul a,
#navigation-mobile li a,
#image-static .page-caption,
#image-static .entry-meta.entry-header,
#title-page .page-caption,
#title-page .entry-meta.entry-header {
    font-family: 'Raleway', sans-serif;
}

/*-----------------------------------------------------------------------------------*/
/*  1.  Document Setup - Basic Style
/*-----------------------------------------------------------------------------------*/

html {
    width: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body,
#main {
    background: #FFFFFF;
}

#main.sticky-header-enabled {
    padding-top: 80px;
}

.main-content {
    position: relative;
}

/* Boxed Layout */
.wrap_all.boxed {
    position: relative;
    margin: 0 auto;
    width: 1170px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.wrap_all.boxed .sticky-header {
    max-width: 1170px;
}

.wrap_all.boxed .container {
    padding-right: 30px;
    padding-left: 30px;
}

.wrap_all.boxed #main.sticky-header-enabled {
    padding-top: 80px;
}

/* Section Fluid */
.container-fluid,
.container {
    position: relative;
    z-index: 20;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

section > .container-fluid > .row {
    margin-left: 0;
    margin-right: 0;
}

/* Default Settings */
body {
    overflow-x: hidden;
    color: #2D3C48;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px; 
}

a {
    color: #0DCBC0;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: color 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out 0s;
}

a:hover,
a:active,
a:focus {
    outline: 0;
    color: #818B92;
    text-decoration: none;
}

a img {
    border: none;
}

strong {
    font-weight: 600;
}

p {
    margin: 0.85em 0;
}

ul, ol {
    margin: 0 0 20px 30px;
    padding: 0;
}

ul {
    list-style: disc inside;
}

ol {
    list-style: decimal inside;
}

li {
    line-height: 30px;
}

.hidden {
    display: none;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}

.textalignleft {
    text-align: left;
}

.textaligncenter {
    text-align: center;
}

.textalignright {
    text-align: right;
}

img.alignleft {
    float: left;
    margin: 20px 25px 20px 0;
}

img.alignright {
    display: block;
    margin: 20px 0 20px 25px;
}

img.aligncenter {
    display: block;
    clear: both;
    margin: 0 auto;
}

img.alignnone {
    display: block;
    margin: 20px 0;
}

.img-full-responsive {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
}

.wp-caption {
    margin: 10px 20px 20px 20px;
    max-width: 100%;
    text-align: center;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.wp-caption.aligncenter {
    margin: 20px auto;
}

.wp-caption.alignleft {
    margin-left: 0;
}

.wp-caption.alignright {
    margin-right: 0;
}

.wp-caption.alignnone {
    margin-left: 0;
}

.wp-caption img,
.wp-caption img a {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption
.wp-caption-text {
    margin: 0;
    padding: 5px;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 13px;
}

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 24px;
}

abbr[title],
acronym[title],
dfn[title] {
    border-bottom: 1px dotted #666;
    cursor: help;
}

.through {
    text-decoration: line-through;
}

input, button, select, textarea {
    outline: 0;
    font-weight: 500;
}

input[type="text"],
input[type="email"],
textarea {
    -webkit-appearance: none;
}

input:focus, 
textarea:focus,
input[type="text"]:focus {
    outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
    width: auto !important;
}

input::input-placeholder,
textarea::input-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

code,
pre {
    padding: 0 3px 2px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #232527;
    font-size: 12px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    border: 1px solid #dde4e9;
    background-color: #F6F6F6;
    color: #232527;
    white-space: nowrap;
}

pre {
    display: block;
    margin: 30px;
    padding: 15px;
    border: 1px solid #dde4e9;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #FCFCFC;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 12px;
    line-height: 20px;
}

pre code {
    padding: 0;
    border: 0;
    background-color: transparent;
    color: inherit;
    white-space: pre;
    white-space: pre-wrap;
}

.pre-scrollable {
    overflow-y: scroll;
    max-height: 340px;
}

.sticky {
}

.bypostauthor {
}

.gallery-caption {
    margin-left: 0;
    font-style: italic;
}

/*-----------------------------------------------------------------------------------*/
/*  2.  Typography
/*-----------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px 0;
    color: #2D3C48;
    font-weight: 700;
    line-height: 1.4em;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}


/*-----------------------------------------------------------------------------------*/
/*  3.  Margins / Padding Value / Shadow / Special Classes
/*-----------------------------------------------------------------------------------*/

/* Font Color */

.white > * {
    color: #FFFFFF !important;
}

/* Font Weight */

.text-ultra-light > * {
    font-weight: 100 !important;
}

.text-light > * {
    font-weight: 200 !important;
}

.text-book > * {
    font-weight: 300 !important;
}

.text-normal > * {
    font-weight: 400 !important;
}

.text-medium > * {
    font-weight: 500 !important;
}

.text-semi-bold > * {
    font-weight: 600 !important;
}

.text-bold > * {
    font-weight: 700 !important;
}

.text-extra-bold > * {
    font-weight: 800 !important;
}

.text-ultra-bold > * {
    font-weight: 900 !important;
}

/* Font Style */

.italic {
    font-style: italic !important;  
}

.uppercase {
    text-transform: uppercase !important;
}

.text-normal {
    text-transform: none !important;
}

/* Padding */

.no-padding {
    padding: 0;
}

.small-padding {
    padding: 40px 0 40px;
}

.default-padding {
    padding: 70px 0 70px;
}

.default-padding-mod {
    padding: 70px 0 40px;
}

.default-padding-mod-center {
    padding: 100px 0 70px;
}

.large-padding {
    padding: 100px 0 100px;
}

/* Shadow */

.shadow-on {
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12),
        inset 0px -1px 3px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12),
        inset 0px -1px 3px rgba(0, 0, 0, 0.12);
}

/* Margin */

.margin-0 {
    margin-bottom: 0 !important;
}

.margin-10 {
    margin-bottom: 10px !important;
}

.margin-15 {
    margin-bottom: 15px !important;
}

.margin-20 {
    margin-bottom: 20px !important;
}

.margin-30 {
    margin-bottom: 30px !important;
}

.margin-40 {
    margin-bottom: 40px !important;
}

.margin-50 {
    margin-bottom: 50px !important;
}

.margin-60 {
    margin-bottom: 60px !important;
}

.margin-70 {
    margin-bottom: 70px !important;
}

.margin-80 {
    margin-bottom: 80px !important;
}

.margin-90 {
    margin-bottom: 90px !important;
}

.margin-100 {
    margin-bottom: 100px !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

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

.no-margin {
    margin: 0 !important;
}

.iconalignleft,
.iconaligncenter,
.iconalignright {
    display: block !important;
}

.iconalignleft {
    text-align: left;
}

.iconaligncenter {
    text-align: center;
}

.iconalignright {
    text-align: right;
}

/* Single Image Alignment and Simple Opacity Hover Class */

.single-image img.alignleft {
    float: left;
    margin: 0;
}

.single-image img.alignright {
    float: right;
    margin: 0;
}

.single-image img.aligncenter {
    display: block;
    clear: both;
    margin: 0 auto;
}

.single-image img.opacity-hover {
    opacity: 0.5 !important;
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
    -moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
    -webkit-backface-visibility: hidden; /* Prevents Flickr Image On Chrome and Safari */
}

.single-image:hover img.opacity-hover {
    opacity: 1 !important;
}

/*-----------------------------------------------------------------------------------*/
/*  4.  Header Section
/*-----------------------------------------------------------------------------------*/

header {
    position: relative;
    z-index: 7000;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #444649;
    background: #2D3032;
}

header #logo a {
    display: inline-block;
    margin-left: 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    line-height: 80px;
}

header #logo a:hover,
header #logo a:focus,
header #logo a:active {
    color: #0DCBC0;
}

#logo a img {
    margin-top: 5px;
    max-width: 100%;
    vertical-align: text-top;
    opacity: 1;
    -moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
    -webkit-backface-visibility: hidden; /* Prevents Flickr Image On Chrome and Safari */
    -webkit-transition: opacity 0.3s ease-in-out 0s;
    transition: opacity 0.3s ease-in-out 0s;
}

#logo a:hover img,
#logo a:focus img,
#logo a:active img {
    opacity: 0.65;
}

#logo img.retina {
    display: none;
}

/* Navigation */

.no-social-btn #menu {
    margin-right: 10px;
}

#menu {
    float: right;
    margin-right: 30px;
}

/* Sub-Menu */

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

#menu ul li {
    position: relative;
    z-index: 40;
    float: left;
    margin-left: 30px;
    line-height: 80px;
}

#menu ul li:last-child {
    margin-right: 0;
}

#menu ul li:last-child a {
    padding-right: 0;
}

#menu > ul > li:after {
    position: absolute;
    top: 0;
    left: -18px;
    color: #C8C9C9;
    content: "/";
    font-size: 12px;
}

#menu > ul > li:first-child:after,
#menu ul .sub-menu li:after {
    display: none;
}

#menu ul a {
    position: relative;
    display: block;
    padding: 0 10px;
    color: #C8C9C9;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
}

#menu ul li:hover { visibility: inherit; }

#menu ul ul {
    position: absolute;
    top: -9999em;
    width: 230px !important;
}

#menu ul ul li {
    width: 100%;
}

#menu ul li:hover ul,
#menu ul li.sfHover ul {
    top: 80px;
    left: 0;
    z-index: 99;
    margin-left: -10px;
}

#menu ul a:hover,
#menu ul li.sfHover a,
#menu ul li.current-cat a,
#menu ul li.current_page_item a,
#menu ul li.current-menu-item a,
#menu ul li.current-page-ancestor a,
#menu ul li.current-menu-ancestor a {
    color: #FFFFFF;
}

#menu ul li:hover li ul,
#menu ul li.sfHover li ul,
#menu ul li li:hover li ul,
#menu ul li li.sfHover li ul,
#menu ul li li li:hover li ul,
#menu ul li li li.sfHover li ul {
    top: -9999em;
}

#menu ul li li:hover ul,
#menu ul li li.sfHover ul,
#menu ul li li li:hover ul,
#menu ul li li li.sfHover ul,
#menu ul li li li li:hover ul,
#menu ul li li li li.sfHover ul {
    top: -1px;
    left: 238px !important;
}

#menu .menu-overflow-width {
    margin-left: -468px !important;
}

#menu ul ul {
    padding: 0;
    border: 1px solid #444649;
    border-top: none;
    background: #2D3032;
}

#menu ul ul li {
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #444649;
    background: none;
    line-height: 25px;
}

#menu ul ul li:first-child {
    border-top: none;
}

#menu ul ul ul li:first-child a {
    border-top: 1px solid #444649;
}

#menu ul .sub-menu li a {
    position: relative;
    padding: 14px 20px 15px !important;
    color: #C8C9C9 !important;
    text-transform: none;
    font-size: 13px;

    -webkit-transition: background 0.15s ease-in-out 0s;
    transition: background 0.15s ease-in-out 0s;
}

#menu ul .sub-menu li a:hover,
#menu ul .sub-menu li.sfHover > a {
    background: #323537;
    color: #FFFFFF !important;
}

#menu ul .sub-menu li a i.circle {
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -6px 0 0;
    width: 10px;
    height: 10px;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: transparent;
    opacity: 0.35;

    -webkit-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#menu ul .sub-menu li.sfHover a i.circle,
#menu ul .sub-menu li a:hover i.circle {
    opacity: 1;
}

.sub-menu.sf-js-enabled,
.sub-menu.superfish {
    -webkit-backface-visibility: hidden; /* Prevents Flickr Text On Safari/Google Chrome */
}

/* Sticky Header */

header.sticky-header {
    position: fixed;
}

header.sticky-header #menu ul .sub-menu li a {
    padding: 14px 20px 15px !important;
    line-height: 24px;
}

/* Social Buttons Mode*/

body.modal-open, 
.modal-open .navbar-fixed-top, 
.modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.modal-backdrop {
    z-index: 10000;
}
.modal-backdrop.in {
    opacity: 0.85;
}
.modal {
    z-index: 10050;
}

#social-btn-header {
    position: relative;
    display: block;
    float: right;
    margin-right: -15px;
    padding: 0;
    width: 80px;
    height: 80px;
    border-left: 1px solid #444649;
    background: transparent;
    color: #FFFFFF;

    -webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
    transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
}

#social-btn-header i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    font-size: 16px;
}

#social-btn-header:hover {
    background: #0DCBC0;
    color: #2D3032;
}

.social-content.center {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 246px; /* Change This Value for a different Layout on Social Buttons */
    height: auto;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

a.cube-animation {
    display: block;
    float: left;
    margin: 1px;
    opacity: 0;

    -webkit-perspective: 9999px;
    -webkit-perspective-origin: 50% 50%;
    perspective: 9999px;
    perspective origin: 50% 50%;

}

.cube {
    position: relative;
    display: block;
    float: left;
    width: 80px;
    height: 80px;

    -webkit-transition: -webkit-transform .33s;
    transition: transform .33s; /* Animate the transform properties */

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d; /* <-NB */
}

/* Rotate the cube */
.cube:hover {
    -webkit-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg); /* Text bleed at 90º */
}

.cube i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    color: #FFF;
    font-size: 24px;
}

/* Position the faces */
.cube .flippety {
    display: block;
    height: 80px;
    background: #0DCBC0;
    -webkit-transform: translateZ(40px);
    -ms-transform: translateZ(40px);
    transform: translateZ(40px);
}

.cube .flop {
    display: block;
    height: 80px;
    background-color: #2D3032;
    -webkit-transform: rotateX(-90deg) translateZ(-40px);
    -ms-transform: rotateX(-90deg) translateZ(-40px);
    transform: rotateX(-90deg) translateZ(-40px);
}

/* Fallback */

.no-js .animated-content a.cube-animation,
.no-csstransitions .animated-content a.cube-animation {
    opacity: 1; 
}

.lt-ie9 .animated-content a.cube-animation {
    opacity: 1;
    transform: none !important;
    animation: none !important;
}

body.ie.windows .cube,
.no-csstransforms3d .cube {
    background-color: #0DCBC0;

    -ms-transform: none;
    transform: none;

    -webkit-transition: background 0.215s ease-in-out 0s;
    transition: background 0.215s ease-in-out 0s;
}

body.ie.windows .cube:hover,
.no-csstransforms3d .cube:hover {
    background-color: #2D3032;
}

.no-csstransforms3d .cube .flippety,
.no-csstransforms3d .cube .flop {
    background: transparent;
}

.no-csstransforms3d .cube .flop {
    display: none;
}

body.ie.windows .cube .flop,
body.ie.windows .cube .flippety {
    background: transparent;
    -ms-transform: none;
    transform: none;
}

/* Creative Menu */

.sticky-header.creative-mode {
    border-bottom: 1px solid #444649;
}

.gn-menu-main,
.gn-menu-main ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* icon-only trigger (menu item) */

li.gn-trigger {
    float: right;
    border-left: 1px solid #444649;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

header.no-social-btn .gn-icon-menu {
    margin-right: -15px;
}

.gn-icon-menu {
    position: relative;
    display: block;
    padding: 0 30px;
    width: auto;
    height: 80px;
    background: transparent;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;

    -webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
    transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
}

.gn-icon-menu .cont {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 80px;
}

.gn-icon-menu .cont i {
    margin-right: 10px;
    vertical-align: text-bottom;
    font-size: 20px;
}

.no-touch .gn-menu-main .gn-icon-menu:hover,
.no-touch .gn-menu-main .gn-icon-menu.gn-selected {
    background: #0DCBC0;
    color: #2D3032;
}

.gn-menu-main:after {
    display: table;
    clear: both;
    content: "";
}

.gn-menu-wrapper {
    position: fixed;
    top: 79px;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 60px;
    border-top: 1px solid #444649;
    border-left: 1px solid #444649;
    background: #2D3032;
    -webkit-transition: -webkit-transform 0.3s, width 0.3s;
    transition: transform 0.3s, width 0.3s;

    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px);
}

body.admin-bar .gn-menu-wrapper { 
    top: 111px !important; 
}

.gn-scroller {
    position: absolute;
    overflow-y: scroll;
    width: 370px;
    height: 100%;
}

.gn-menu {
    text-align: left;
}

.gn-menu li {
    border-bottom: 1px solid #444649;
}

.gn-menu li a {
    position: relative;
    display: block;
    padding: 0 0 0 25px;
    height: 80px;
    background: transparent;
    color: #C8C9C9;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 80px;

    -webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
    transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
}

.gn-menu li .sub-menu li {
    border-top: 1px solid #444649;
    border-bottom: none;
}

.gn-menu li .sub-menu li a {
    padding-left: 40px;
    background: transparent;
    color: #C8C9C9;
    text-transform: none;
    font-weight: 300;
}

.gn-menu li li .sub-menu li a {
    padding: 0 0 0 65px;
} 

.gn-menu li a:hover,
.gn-menu li .sub-menu li a:hover,
.gn-menu li.sfHover a,
.gn-menu li.current-cat a,
.gn-menu li.current_page_item a,
.gn-menu li.current-menu-item a,
.gn-menu li.current-page-ancestor a,
.gn-menu li.current-menu-ancestor a {
    background: #0DCBC0;
    color: #FFFFFF;
}

.gn-menu li.has-ul a .cont {
    position: absolute;
    top: 0;
    right: 31px;
    width: 80px;
    height: 80px;
    border-left: 1px solid #444649;
    background: transparent;
}

.gn-menu li.has-ul a .cont i.circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -9px;
    width: 16px;
    height: 16px;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;   
    background: transparent;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.gn-menu li a .cont i.circle:after { 
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: transparent;
    content: "";

    -webkit-transition: background 0.1s linear 0s;
    transition: background 0.1s linear 0s;

    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.gn-menu li a:hover .cont i.circle:after,
.gn-menu li.has-ul.open a .cont i.circle:after,
.gn-menu li.sfHover a .cont i.circle:after,
.gn-menu li.current-cat a .cont i.circle:after,
.gn-menu li.current_page_item a .cont i.circle:after,
.gn-menu li.current-menu-item a .cont i.circle:after,
.gn-menu li.current-page-ancestor a .cont i.circle:after,
.gn-menu li.current-menu-ancestor a .cont i.circle:after,
.gn-menu li.current-menu-item a .cont i.circle:after,
.gn-menu .sub-menu li.has-ul a:hover .cont i.circle:after,
.gn-menu .sub-menu li.has-ul.open a .cont i.circle:after {
    background: #FFFFFF;
}

.gn-menu li.has-ul.open a .cont,
.gn-menu .sub-menu li.has-ul.open a .cont {
    background: #0DCBC0;
}

.gn-menu .sub-menu li.has-ul a .cont {
    background: transparent;
    color: #C8C9C9;
}

.gn-menu .sub-menu li.has-ul a .cont i.circle:after {
    background: transparent;
}


/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

body.opera .gn-menu-wrapper.gn-open-all,
body.opera .gn-menu-wrapper.gn-open-part {
    transform: translateX(14px);
}

body.windows .gn-menu-wrapper.gn-open-all,
body.windows .gn-menu-wrapper.gn-open-part {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}

.gn-menu-wrapper.gn-open-all {
    width: 340px;
}

/*-----------------------------------------------------------------------------------*/
/*  5.  Mobile Navigation
/*-----------------------------------------------------------------------------------*/

#mobile-nav,
#navigation-mobile {
    display: none;
}

header.no-social-btn .menu-nav {
    margin-right: -15px;
}

.menu-nav {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    border-left: 1px solid #444649;
    background: transparent;

    -webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
    transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
}

.menu-nav:hover,
.menu-nav.open {
    background: #0DCBC0;
}

.menu-nav .menu-icon {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -8px -8px 0 0;
    width: 16px;
    height: 16px;
    background: url(_include/img/menu-mobile.png) 0 0 no-repeat;
    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.menu-nav.open .menu-icon {
    background-position: 0 -16px;
    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#navigation-mobile {
    position: relative;
    z-index: 21;
    display: none;
    border-bottom: 1px solid #444649;
    background: #212426;
}

#menu-nav-mobile {
    margin: 0;
    padding: 10px 0;
}

#menu-nav-mobile li {
    border-top: 2px solid #444649;
    list-style: none;
}

#navigation-mobile li:first-child {
    border-top: none;
}

#navigation-mobile li a {
    position: relative;
    display: block;
    padding: 15px 0;
    color: #C8C9C9;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
}

#menu-nav-mobile ul.sub-menu {
    position: relative;
    top: auto;
    margin: 0;
    width: auto;
    background: transparent;
}

#menu-nav-mobile ul.sub-menu li {
    margin-top: 0;
    height: auto;
    border-top: 2px solid #444649;
}

#menu-nav-mobile .sub-menu li a {
    padding-left: 20px;
    color: #818B92;
}

#navigation-mobile li.has-ul.open > a,
#navigation-mobile li a:hover,
#menu-nav-mobile .sub-menu li a:hover {
    color: #FFFFFF;
}

#navigation-mobile li.has-ul .cont {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;

    -webkit-transition: color 0.1s linear 0s;
    transition: color 0.1s linear 0s;
}

#navigation-mobile li.has-ul .cont:hover i,
#navigation-mobile .sub-menu li.has-ul .cont:hover i  {
    color: #FFFFFF;
}

#navigation-mobile li.has-ul .cont i {
    position: absolute;
    top: 50%;
    right: 0px;
    margin: -8px 0 0 0;
    color: #444444;
    font-size: 20px;
    
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}

#navigation-mobile li.has-ul.open .cont i {
    color: #FFFFFF;

    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#navigation-mobile .sub-menu li.has-ul .cont i {
    color: #444444;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
#navigation-mobile .sub-menu li.has-ul.open .cont i {
    color: #FFFFFF;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*-----------------------------------------------------------------------------------*/
/*  6.  Revolution Slider Setup Graphics
/*-----------------------------------------------------------------------------------*/

.main-content .container-fluid .revolution_slider_container {
    margin-right: -30px;
    margin-left: -30px;
}

.fullwidthbanner ul li {
    list-style: none;
}

.rev_slider_wrapper:hover .tparrows {
    opacity: 0.8;
}

.tp-bullets.simplebullets.round .bullet {
    margin-top: 0;
    margin-left: 20px;
    width: 11px;
    height: 11px;
    background-color: #FFFFFF;
    background-image: none;
    -webkit-transition: background 0.15s ease-in-out 0s;
    transition: background 0.15s ease-in-out 0s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tp-bullets.simplebullets.round .bullet.first {
    margin-left: 0 !important;
}
.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 0 !important;
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
    background-color: #0DCBC0;
}

.tparrows:before {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    width: 70px;
    text-align: center;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    font-size: 32px;
    font-family: 'Icons';
}

.tparrows:before {
    margin-top: 23px;
}

.tp-leftarrow.default {
    position: relative;
    top: 50% !important;
    z-index: 100;
    width: 70px;
    height: 70px;
    background-color: none;
    background-image: none;
    color: #FFFFFF;
    cursor: pointer;
}

.tp-rightarrow.default {
    position: relative;
    top: 50% !important;
    z-index: 100;
    width: 70px;
    height: 70px;
    background-color: none;
    background-image: none;
    color: #FFFFFF;
    cursor: pointer;
}

.tparrows {
    position: relative;
    top: 50% !important;
    z-index: 100;
    width: 70px;
    height: 70px;
    background-color: none;
    background-image: none;
    color: #FFFFFF;
    opacity: 0.8;
    cursor: pointer;
}

.tp-leftarrow:before {
    content: "\e1c8";
}

.tp-rightarrow:before {
    content: "\e1cb";
}

.tparrows:hover {
    opacity: 0.8 !important;
}

.tp-bannertimer {
    z-index: 20;    
}

.tp-caption.fullscreenvideo iframe {
    border: none;   
}
                    
/*-----------------------------------------------------------------------------------*/
/*  7.  Full-width Image
/*-----------------------------------------------------------------------------------*/

#image-static {
    position: relative;
    overflow: hidden;
}

.overlay-bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #0DCBC0;
    opacity: 0.70;
}

.overlay-bg-fill {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #0DCBC0;
}

.fullimage-container {
    position: relative;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;   
}

.fullimage-container.titlize {
    height: auto;   
}

.section-overlay-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#image-static .pagize {
    position: relative;
    z-index: 2;
}

#image-static h2 {
    margin-bottom: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: -2px;
    font-weight: 700;
    font-size: 60px;
    line-height: 1em;
}

#image-static .page-caption,
#image-static .entry-meta.entry-header {
    margin-top: 5px;
    margin-bottom: 0;
    color: #FFFFFF;
    letter-spacing: -1px;
    font-weight: 300;
    font-size: 28px;
    line-height: 1.4em;
}

#image-static .entry-meta.entry-header a {
    color: #FFFFFF;
    font-weight: 300;
    
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

#image-static .entry-meta.entry-header a:hover {
    opacity: 0.75;  
}

.divider-page {
    display: inline-block;
    width: 50px;
    height: 6px;
    background: #FFFFFF;
    margin-top: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  8.  Full Area / Section Title Page 
/*-----------------------------------------------------------------------------------*/

/* Full Area */
.section-full-area .scroll-btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 100;
    display: block;
    width: 32px;
    height: 32px;
    margin-left: -16px;
}

.section-full-area .scroll-btn i.circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    width: 16px;
    height: 16px;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.section-full-area .scroll-btn i.circle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: transparent;
    content: "";

    -webkit-transition: background 0.1s ease-in-out 0s;
    transition: background 0.1s ease-in-out 0s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.section-full-area .scroll-btn:hover i.circle:after {
    background: #FFFFFF;
}

.main-content.section-full-area {
    height: 600px;
    position: relative;
    width: 100%;
}

.container.full-screen {
    height: 100%;
}

.main-content.section-full-area.big-view .container .row.content-full-screen {
    position: absolute;
    top: 50%;
    width: 100%;
}

.main-content.section-full-area.big-view .container .row.content-full-screen.center-layout {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto !important;
}

.main-content.section-full-area.small-view .container .row.content-full-screen,
.main-content.section-full-area.small-view .container .row.content-full-screen.center-layout {
    position: relative;
}

.wrap_all.boxed .container.full-screen {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

/* Section Title Page */

#title-page {
    position: relative;
    overflow: hidden;
}

#title-page .pagize {
    position: relative;
    z-index: 2;
    padding-top: 100px;
    padding-bottom: 100px;
}

#title-page h2 {
    margin-bottom: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: -2px;
    font-weight: 700;
    font-size: 60px;
    line-height: 1em;
}

#title-page .page-caption,
#title-page .entry-meta.entry-header {
    margin-top: 5px;
    margin-bottom: 0;
    color: #FFFFFF;
    letter-spacing: -1px;
    font-weight: 300;
    font-size: 28px;
    line-height: 1.4em;
}

#title-page .entry-meta.entry-header a {
    color: #FFFFFF;
    font-weight: 300;
    
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

#title-page .entry-meta.entry-header a:hover {
    opacity: 0.75;  
}

.fullimage-container.titlize .container-fluid.pagize {
    padding-left: 30px;
    padding-right: 30px;
}

/* Video Background */

.video-section-container {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
}

.video-section-container .video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    width: 100%;
}

.video-section-container .video-wrap .mejs-container {
    height: auto !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: none !important;
}

.video-section-container .mobile-video-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.video-section-container .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
}

/*-----------------------------------------------------------------------------------*/
/*  9.  Special Heading
/*-----------------------------------------------------------------------------------*/

.special-heading > * {
    margin: 0;
}

.special-heading.italic > * {
    font-style: italic;
}

.decorative {
    background: #2C3C48;
    display: inline-block;
    height: 6px;
    margin-top: 15px;
    position: relative;
    width: 50px;
}

/*-----------------------------------------------------------------------------------*/
/*  10. Team and Single Post Team 
/*-----------------------------------------------------------------------------------*/

#team-filter-mobile.mobile-filter {
    display: none;
}

#team-filter.desktop-filter {
    display: block;
}

#team-filter.desktop-filter,
#team-filter-mobile.mobile-filter {
    padding-bottom: 40px;
}

#team-filter .team-right ul {
    margin: 0;
    padding: 0;
}

#team-filter .team-right ul li {
    display: inline-block;
    margin-left: 20px;
    list-style: none;
}

#team-filter .team-right ul li:first-child {
    margin-left: 0;
}

#team-filter .team-right ul li a {
    color: #C8C9C9;
    display: block;
    font-weight: 500;
    padding: 10px 20px;
    border: 2px solid #EBEDEF;
    background: transparent;

    -webkit-transition: border 0.3s ease 0s, color 0.3s ease 0s;
    transition: border 0.3s ease 0s, color 0.3s ease 0s;
}

#team-filter .team-right ul li a:hover,
#team-filter .team-right ul li a.selected {
    color: #2D3C48;
    border-color: #0DCBC0;
}

#team-people {
    margin-right: 13px;
    margin-left: 13px;
}

#team-people .single-people.col-md-3,
#team-people .single-people.col-md-4,
#team-people .single-people.col-md-6 {
    padding-right: 2px;
    padding-left: 2px;
}

#people img {
    width: 100%;
}

#people {
    margin: 0;
    padding: 0;
}

#people li {
    float: left;
    margin-bottom: 4px;
    list-style: none;
}

.single-people {
    position: relative;
    overflow: hidden;
}

.single-people .hover-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.single-people .hover-wrap img {
    position: relative;
    width: 100%;
}

.single-people .team-name {
    position: absolute;
    top: 0;
    z-index: 3;
    display: block;
    float: left;

    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    border: 0px solid rgba(255, 255, 255, 0.1);

    opacity: 0;

    -webkit-transition: opacity 0.3s ease 0s, border 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, border 0.3s ease 0s;
}

.single-people .team-name .va {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.single-people .team-name .va .team-title {
    display: block;
}

.single-people .hover-wrap:hover .team-name,
.single-people .hover-wrap:active .team-name,
.single-people .hover-wrap:focus .team-name {
    opacity: 1;
    border-width: 10px;
}

.single-people .team-name .va h3:after {
    position: relative;
    display: block;
    margin: 10px 0 0 0;
    width: 55px;
    height: 4px;
    background: #FFFFFF;
    content: "";
}

.single-people .team-name .va h3 {
    margin-bottom: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1em;
}

.single-people .team-name h4 {
    margin: 10px 0 0;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    opacity: 0.75;
}

/*-----------------------------------------------------------------------------------*/
/*  11. Portfolio and Single Post Portfolio
/*-----------------------------------------------------------------------------------*/

/* Portfolio Fluid */

.portfolio-full .container-fluid,
.portfolio-full .container-fluid .col-md-12,
.portfolio-full .row.portfolio-full-width .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}

.portfolio-full .container-fluid .row {
    margin: 0;
}

.portfolio-full .item-project.col-full-3,
.portfolio-full .item-project.col-full-4,
.portfolio-full .item-project.col-full-6 {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* 6 Columns */
.portfolio-full .item-project.col-full-1 {
    width: 16.6667%;
}
/* 5 Columns */
.portfolio-full .item-project.col-full-2 {
    width: 20%;
}
/* 4 Columns */
.portfolio-full .item-project.col-full-3 {
    width: 25%;
}
/* 3 Columns */
.portfolio-full .item-project.col-full-4 {
    width: 33.3333%;
}
/* 2 Columns */
.portfolio-full .item-project.col-full-6 {
    width: 50%;
}

/* Portfolio Filter for Wall Effects */

#portfolio-filter-mobile.mobile-filter {
    display: none;
}

#portfolio-filter.desktop-filter {
    display: block;
}

#portfolio-filter.desktop-filter {
    padding-bottom: 40px;
}
#portfolio-filter-mobile.mobile-filter {
    padding-bottom: 20px;
}

#portfolio-filter .portfolio-right ul {
    margin: 0;
    padding: 0;
}

#portfolio-filter .portfolio-right ul li {
    display: inline-block;
    margin-left: 20px;
    list-style: none;
}

#portfolio-filter .portfolio-right ul li:first-child {
    margin-left: 0;
}

#portfolio-filter .portfolio-right ul li a {
    color: #C8C9C9;
    display: block;
    font-weight: 500;
    padding: 10px 20px;
    border: 2px solid #EBEDEF;
    background: transparent;

    -webkit-transition: border 0.3s ease 0s, color 0.3s ease 0s;
    transition: border 0.3s ease 0s, color 0.3s ease 0s;
}

#portfolio-filter .portfolio-right ul li a:hover,
#portfolio-filter .portfolio-right ul li a.selected {
    color: #2D3C48;
    border-color: #0DCBC0;
}

#portfolio-filter ul.option-set li.has-items {
    display: inline-block;
}

#portfolio-filter ul.option-set li {
    display: none;
}

.portfolio-full #portfolio-filter.desktop-filter,
.portfolio-full #portfolio-filter-mobile.mobile-filter {
    padding: 40px 0 38px;
    background: #212426;
}

.portfolio-full #portfolio-filter .portfolio-right ul {
    text-align: center;
}

.portfolio-full #portfolio-filter .portfolio-right ul li a {
    display: block;
    color: #FFFFFF;
    font-weight: 500;
    padding: 10px 20px;
    border: 2px solid #FFFFFF;
    background: transparent;

    -webkit-transition: border 0.3s ease 0s, color 0.3s ease 0s;
    transition: border 0.3s ease 0s, color 0.3s ease 0s;
}

.portfolio-full #portfolio-filter .portfolio-right ul li a:hover,
.portfolio-full #portfolio-filter .portfolio-right ul li a.selected {
    border-color: #0DCBC0;
}

.portfolio-full  #portfolio-filter .col-md-12 {
    margin: 0 auto;
    padding: 0 30px !important;
    max-width: 1170px;
}

.portfolio-full #portfolio-filter-mobile.mobile-filter .dropmenu {
    margin: 0;
    border: 2px solid #444649;
}

.portfolio-full #portfolio-filter-mobile.mobile-filter .dropmenu p {
    padding: 16px 0 13px 13px;
    color: #FFFFFF;
}

.portfolio-full #portfolio-filter-mobile.mobile-filter .dropmenu-active {
    border: 2px solid #444649;
    border-top: 2px solid #444649;
    background: #212426;
}

.portfolio-full #portfolio-filter-mobile.mobile-filter .dropmenu-active ul li a {
    color: #C8C9C9;
}

.portfolio-full #portfolio-filter-mobile.mobile-filter .dropmenu-active ul li a:hover {
    color: #FFFFFF;
}

/* Projects */

.portfolio-full #portfolio-projects {
    margin-right: 0;
    margin-left: 0;
}

#portfolio-projects {
    margin-right: 13px;
    margin-left: 13px;
}

#portfolio-projects .item-project.col-md-3,
#portfolio-projects .item-project.col-md-4,
#portfolio-projects .item-project.col-md-6 {
    padding-right: 2px;
    padding-left: 2px;
}

#projects img {
    width: 100%;
}

#projects {
    margin: 0;
    padding: 0;
}

#projects li {
    float: left;
    margin-bottom: 4px;
    list-style: none;
}

.item-project {
    position: relative;
    overflow: hidden;
}

.item-project .hover-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.item-project .hover-wrap img {
    position: relative;
    width: 100%;
}

.grid-portfolio .item-project .project-name,
.masonry-portfolio .item-project .project-name {
    position: absolute;
    top: 0;
    z-index: 3;
    display: block;
    float: left;
    
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    border: 0px solid rgba(255, 255, 255, 0.1);
    
    opacity: 0;

    -webkit-transition: opacity 0.3s ease 0s, border 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, border 0.3s ease 0s;
}

.item-project .project-name .va,
.item-project .project-name .va {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.item-project .project-name .va .project-title {
    display: block;
}

.grid-portfolio .item-project .hover-wrap:hover .project-name,
.grid-portfolio .item-project .hover-wrap:active .project-name,
.grid-portfolio .item-project .hover-wrap:hover .project-name,
.masonry-portfolio .item-project .hover-wrap:hover .project-name,
.masonry-portfolio .item-project .hover-wrap:hover .project-name,
.masonry-portfolio .item-project .hover-wrap:focus .project-name {
    opacity: 1;
    border-width: 10px;
}

.item-project .project-name .va .project-title h3:after {
    position: relative;
    display: block;
    margin: 10px 0 0 0;
    width: 55px;
    height: 4px;
    background: #FFFFFF;
    content: "";
}

.item-project .project-name .va h3 {
    margin-bottom: 0;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1em;
}

.item-project .project-name h4 {
    margin: 10px 0 0;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
    opacity: 0.75;
}

.item-project i {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 40px;
    height: 40px;
    background: #0DCBC0;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
    opacity: 0;

    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;

    -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}

.item-project .hover-wrap:hover i,
.item-project .hover-wrap:active i,
.item-project .hover-wrap:focus i {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    opacity: 1;
}

.item-project .cont:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    width: 50px;
    height: 50px;
    border: 2px solid #0DCBC0;
    background: #0DCBC0;
    content: "";

    opacity: 0.55;

    -webkit-transition: -webkit-transform 0.3s ease 0.02s;
    transition: transform 0.3s ease 0.02s;

    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.item-project .cont:before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    width: 60px;
    height: 60px;
    border: 2px solid #0DCBC0;
    background: #0DCBC0;
    content: "";

    opacity: 0.25;

    -webkit-transition: -webkit-transform 0.3s ease 0.04s;
    transition: transform 0.3s ease 0.04s;

    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.item-project .hover-wrap:hover .cont:after,
.item-project .hover-wrap:active .cont:after,
.item-project .hover-wrap:focus .cont:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.item-project .hover-wrap:hover .cont:before,
.item-project .hover-wrap:active .cont:before,
.item-project .hover-wrap:focus .cont:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* Project Wall Effects */ 

.portfolio-full #projects li {
    float: left;
    margin-bottom: 0;
    list-style: none;
}

/* Full Area  Columns and Hover */

.portfolio-full .list-portfolio .item-project.col-full-area {
    width: 100%;
}
.portfolio-full .list-portfolio .item-project .bg {
    height: 660px;
}

.portfolio-full .list-portfolio .item-project .project-name {
    position: absolute;
    top: 0;
    z-index: 3;
    display: block;
    float: left;
    padding: 20px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    text-align: center;
    opacity: 1;
}

.portfolio-full .list-portfolio .item-project .project-name .va {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
}

.portfolio-full .list-portfolio .item-project .project-name .va .project-title {
    width: 70%;
    text-align: left;
}

.portfolio-full .list-portfolio .item-project .project-name .va .project-title h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 72px;
    line-height: 1em;
}

.portfolio-full .list-portfolio .item-project .project-name .va .project-title h3:after {
    position: relative;
    display: block;
    margin: 16px 0 0 0;
    width: 55px;
    height: 6px;
    background: #FFFFFF;
    content: "";
}

.portfolio-full .list-portfolio .item-project .project-name .va .project-title h4 {
    margin-top: 20px;
}

.portfolio-full .list-portfolio .item-project .cont {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 218px;
    height: 100%;
    background: #0DCBC0;
    color: #FFFFFF;
    text-align: center;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;

    -webkit-transform: translateX(218px);
    -ms-transform: translateX(218px);
    transform: translateX(218px);
}

.portfolio-full .list-portfolio .item-project .cont:after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    width: 268px;
    height: 100%;
    background: #0DCBC0;
    content: "";

    opacity: 0.55;

    -webkit-transition: -webkit-transform 0.3s ease 0.02s;
    transition: transform 0.3s ease 0.02s;

    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px);
}

.portfolio-full .list-portfolio .item-project .cont:before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 4;
    width: 318px;
    height: 100%;
    background: #0DCBC0;
    content: "";

    opacity: 0.25;

    -webkit-transition: -webkit-transform 0.3s ease 0.02s;
    transition: transform 0.3s ease 0.02s;

    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    transform: translateX(300px);
}


.portfolio-full .list-portfolio .item-project .cont i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    background: transparent;
    font-size: 24px;
}

.portfolio-full .list-portfolio .item-project .hover-wrap:hover .cont,
.portfolio-full .list-portfolio .item-project .hover-wrap:active .cont,
.portfolio-full .list-portfolio .item-project .hover-wrap:focus .cont,
.portfolio-full .list-portfolio .item-project .hover-wrap:hover .cont:after,
.portfolio-full .list-portfolio .item-project .hover-wrap:active .cont:after,
.portfolio-full .list-portfolio .item-project .hover-wrap:focus .cont:after,
.portfolio-full .list-portfolio .item-project .hover-wrap:hover .cont:before,
.portfolio-full .list-portfolio .item-project .hover-wrap:active .cont:before,
.portfolio-full .list-portfolio .item-project .hover-wrap:focus .cont:before {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

/* Portfolio Pagination */

.portfolio-pagination-wrap {
    margin-top: 50px;
}

.portfolio-pagination-wrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.portfolio-pagination-wrap ul li {
    float: left;
}

.portfolio-pagination-wrap ul li > a,
.portfolio-pagination-wrap ul li > span.current,
.portfolio-pagination-wrap ul li > span.expand {
    display: block;
    padding: 10px 20px;
    border: 2px solid #EBEDEF;
    background: transparent;
    color: #2D3C48;
    opacity: 1;
    margin-right: 5px;
    margin-bottom: 5px;

    -webkit-transition: border 0.3s ease 0s;
    transition: border 0.3s ease 0s;
}

/* Porfolio Pagination Full */
.portfolio-full .portfolio-pagination-wrap {
    background: #212426;
    padding: 50px 0;
    margin: 0;
}

.portfolio-full .portfolio-pagination-wrap ul {
    text-align: center;
}

.portfolio-full .portfolio-pagination-wrap ul li {
    float: none;
    display: inline-block;
}

.portfolio-full .portfolio-pagination-wrap ul li > a,
.portfolio-full .portfolio-pagination-wrap ul li > span.current,
.portfolio-full .portfolio-pagination-wrap ul li > span.expand {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

.portfolio-pagination-wrap ul li > a:hover,
.portfolio-full .portfolio-pagination-wrap ul li > a:hover {
    border-color: #0DCBC0;
}

.portfolio-pagination-wrap ul li > span.current,
.portfolio-full .portfolio-pagination-wrap ul li > span.current {
    background: #0DCBC0;
    border-color: #0DCBC0;
    color: #FFFFFF;
}


/*-----------------------------------------------------------------------------------*/
/*  12. Navigation Projects / Navigation Posts
/*-----------------------------------------------------------------------------------*/

/* Navigation Project Posts and Team Posts*/

.post-type-navi  {
    position: absolute;
    top: 50%;
    z-index: 20;
    margin: -35px 0 0;
    width: 100%;
}

.post-type-navi .prev a, 
.post-type-navi .next a {
    position: fixed;
    display: block;
    width: 160px;
    height: 68px;
    background: #2D3032;

    -webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s;
}

.post-type-navi .prev a {
    left: -130px;
    text-align: right;
}
.post-type-navi .prev a:hover,
.post-type-navi .prev a:focus,
.post-type-navi .prev a:active {
    left: 0;
}

.post-type-navi .next a {
    right: -130px;
}
.post-type-navi .next a:hover,
.post-type-navi .next a:focus,
.post-type-navi .next a:active {
    right: 0;
}

.post-type-navi .prev a span, 
.post-type-navi .next a span {
    display: inline-block;
    padding: 0 0 0 30px;
    color: #FFFFFF;
    line-height: 68px;
}

.post-type-navi .prev a span {
    padding: 0 30px 0 0;
}

/* Navigation Blog Posts */

.main-content-navi {
    background: #212426;
}

.navigation-projects {
    position: relative;
}

.navigation-projects ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.navigation-projects ul li {
    display: inline-block;
    margin: 2px;
    list-style: none;
}

.navigation-projects ul li.prev a,
.navigation-projects ul li.next a,
.navigation-projects ul li.back-page a{
    position: relative;
    display: block;
    padding: 12px 20px;
    border: 2px solid #FFFFFF;
    background: transparent;
    color: #FFFFFF;
    opacity: 1;
    
    -webkit-transition: border 0.3s ease 0s;
    transition: border 0.3s ease 0s;
}

.navigation-projects ul li.prev a:hover,
.navigation-projects ul li.next a:hover,
.navigation-projects ul li.back-page a:hover {
    border-color: #0DCBC0;
}

/* Navigation Boxed Layout */
.wrap_all.boxed .post-type-navi {
    display: none;
}

.wrap_all.boxed .main-content-navi.team,
.wrap_all.boxed .main-content-navi.portfolio,
.wrap_all.boxed .main-content-navi.blog {
    display: block;
}

/* Navigation Mobile Team / Portfolio Single Post */
.main-content-navi.team.mobile,
.main-content-navi.portfolio.mobile,
.main-content-navi.blog.mobile {
    display: none;
}

/*-----------------------------------------------------------------------------------*/
/*  13. Map Area and Contact Form
/*-----------------------------------------------------------------------------------*/

#map-area,
.az-map {
    width: 100%;
}

#map-area img,
.az-map img {
    max-width: none !important;
}

.main-content .container-fluid .az-map {
    margin-right: -30px;
    margin-left: -30px;
    width: auto !important;
}

.map {
    height: 520px;
}

/* Contact Form Styles */

.wpcf7-form {
    margin-bottom: 0;
}

.wpcf7-form p {
    margin-top: 0;
}

.wpcf7 p.quote-budget {
    overflow: visible;
}

.wpcf7-form-control-wrap.budget {
    display: inline-block;
    margin-bottom: 0;
    width: 50%;
}

span.wpcf7-form-control-wrap {
    display: block;
    margin: 15px 0;
}

.wpcf7 .watermark {
    color: #BCBCC4 !important;
}

.wpcf7 input, 
.wpcf7 textarea {
    margin: 0;
    padding: 15px;
    height: auto;
    border: 2px solid #D8DADC;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #BCBCC4;
    font-size: 16px;
    resize: none;
    -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
}

.wpcf7 input:focus, 
.wpcf7 textarea:focus {
    border-color: #0DCBC0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #2D3C48;
}

.wpcf7 input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
}

.wpcf7 textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 8px;
    width: 100%;
    resize: vertical;
}

.wpcf7 .wpcf7-submit {
    display: inline-block;
    padding: 16px 24px;
    width: auto;
    border: none;
    background-color: #0DCBC0;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
    font-size: 14.5px;
    cursor: pointer;
    
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-submit:focus,
.wpcf7 .wpcf7-submit:active {
    opacity: 0.9;
}

.wpcf7-form.invalid input.wpcf7-not-valid,
.wpcf7-form.invalid textarea.wpcf7-not-valid,
.wpcf7-form input:focus:invalid:focus,
.wpcf7-form textarea:focus:invalid:focus {
    border-color: #0DCBC0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wpcf7-form.invalid span.wpcf7-not-valid-tip {
    display: none;
}

.wpcf7 .wpcf7-response-output {
    margin: 0;
    padding: 0;
}

.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-mail-sent-ok {
    border: none;
}

.wpcf7 img.ajax-loader {
    margin-left: 15px;
    width: auto;
}

.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " ";
    font-size: 0;
}

.col-md-6.col-md-offset-3 .wpcf7 input,
.col-md-6.col-md-offset-3 .wpcf7-form-control-wrap.budget,
.col-md-8.col-md-offset-2 .wpcf7 input,
.col-md-8.col-md-offset-2 .wpcf7-form-control-wrap.budget {
    width: 100%;
}

/* Bootstrap Select */

.bootstrap-select.btn-group {
    height: 54px;
}

.bootstrap-select {
    float: none;
    margin: 0;
}

.btn-group.bootstrap-select {
    display: block;
}

.bootstrap-select .custom-select {
    margin: 0;
    padding: 12px 15px;
    width: 100%;
    height: auto;
    border: 2px solid #D8DADC;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #BCBCC4;
    font-size: 16px;
    resize: none;
    -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -webkit-appearance: none;
}

.bootstrap-select .custom-select:focus {
    border-color: #0DCBC0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #2D3C48;
}

.bootstrap-select.btn-group .custom-select .plus-select {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 18px;
    height: 18px;
    background: url(_include/img/plus_select.png) no-repeat;
    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.bootstrap-select.btn-group.open .custom-select .plus-select {
    background-position: 0 -18px;
    -webkit-transition: -webkit-transform 250ms ease-out 0s;
    transition: transform 250ms ease-out 0s;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.bootstrap-select.btn-group > .disabled, 
.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group[class*="span"] .custom-select {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0 0 0;
    min-width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu dt {
    display: block;
    padding: 3px 20px;
    cursor: default;
}

.bootstrap-select.btn-group .div-contain {
    overflow: hidden;
}

.bootstrap-select.btn-group .dropdown-menu li > a.opt {
    padding-left: 35px;
}

.bootstrap-select.btn-group .dropdown-menu li > a {
    display: block;
    clear: both;
    padding: 15px;
    min-height: 20px;
    white-space: nowrap;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}

.bootstrap-select.btn-group .dropdown-menu li {
    border-bottom: 1px solid #D8DADC;
    line-height: 0;
}

.bootstrap-select.btn-group .dropdown-menu li:last-child {
    border-bottom: none;
}

.bootstrap-select.btn-group.open .dropdown-toggle {
    border-color: #0DCBC0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    margin: -15px 0 0;
    padding: 0;
    min-width: 160px;
    border-top: none;
    border-right: 2px solid #D8DADC;
    border-bottom: 2px solid #D8DADC;
    border-left: 2px solid #D8DADC;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    list-style: none outside none;
}

.dropdown-menu > li > a {
    color: #2D3C48;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background-color: #F8F9F9;
    background-image: none;
    color: #2D3C48;
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/*-----------------------------------------------------------------------------------*/
/*  14. Latest Post and Blog Style
/*-----------------------------------------------------------------------------------*/

#latest-posts {
    margin: 0;
    padding: 0;
}

#latest-posts article {
    margin-bottom: 30px;
}

#latest-posts li {
    float: left;
    list-style: none;
}

.post-thumb {
    position: relative;
    overflow: hidden;   
}

.post-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.post-thumb .hover-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.post-thumb .hover-wrap .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(0,0,0,0.75);
    border: 0 solid rgba(255, 255, 255, 0.1);
    opacity: 0;
    
    -webkit-transition: opacity 0.3s ease 0s, border 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, border 0.3s ease 0s;
}

.post-thumb .hover-wrap:hover .overlay,
.post-thumb .hover-wrap:active .overlay,
.post-thumb .hover-wrap:focus .overlay {
    opacity: 1;
    border-width: 10px;
}

.post-thumb .overlay .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: transparent;

    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;

    -webkit-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}

.post-thumb .overlay .circle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -31px 0 0 -31px;
    width: 62px;
    height: 62px;
    border: 10px solid #FFFFFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: transparent;
    content: "";
    opacity: 0.15;

    -webkit-transition: -webkit-transform 0.3s ease 0.02s;
    transition: transform 0.3s ease 0.02s;

    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
}

.post-thumb .overlay .circle:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -38px 0 0 -38px;
    width: 76px;
    height: 76px;
    border: 10px solid #FFFFFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: transparent;
    content: "";
    opacity: 0.05;

    -webkit-transition: -webkit-transform 0.3s ease 0.04s;
    transition: transform 0.3s ease 0.04s;

    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
}

.post-thumb:hover .overlay .circle,
.post-thumb:active .overlay .circle,
.post-thumb:focus .overlay .circle {
    -webkit-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

.post-thumb:hover .overlay .circle:after,
.post-thumb:active .overlay .circle:after,
.post-thumb:focus .overlay .circle:after,
.post-thumb:hover .overlay .circle:before,
.post-thumb:active .overlay .circle:before,
.post-thumb:focus .overlay .circle:before {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.post-thumb .hover-wrap i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    color: #FFFFFF;
    font-size: 16px;

    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


#latest-posts .post-thumb,
#latest-posts .audio-thumb,
#latest-posts .video-thumb {
    margin-bottom: 20px;
}

#latest-posts .entry-meta.entry-header {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 2px solid #EBEDEF;
}

#latest-posts .post-name .entry-title {
    font-size: 24px;
    text-transform: uppercase;
}

#latest-posts .post-name .entry-title a {
    color: #2D3C48;
    font-weight: 700; 
}

#latest-posts .post-name .entry-title a:hover {
    color: #0DCBC0; 
}

.entry-meta.entry-header,
.entry-meta.entry-header a {
    color: #818B92;
}

.entry-meta.entry-header a:hover,
.entry-meta.entry-header a:active,
.entry-meta.entry-header a:focus {
    color: #0DCBC0;
}

#latest-posts .post-link,
#latest-posts .post-quote {
    margin-bottom: 20px;
    padding: 50px 20px;
    background: #0DCBC0;
    text-align: center;

    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}

#latest-posts .post-link:hover,
#latest-posts .post-quote:hover {
    background-color: #2D3032;
}

#latest-posts .post-link .entry-title a,
#latest-posts .post-quote .entry-title a,
#latest-posts .post-quote .entry-title {
    color: #FFFFFF;
    font-weight: 700;
}

#latest-posts .post-link .entry-title,
#latest-posts .post-quote .entry-title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 28px;
}

#latest-posts .post-link p,
#latest-posts .post-quote p {
    margin: 0;
}

#latest-posts .post-link .link-source a,
#latest-posts .post-quote .quote-source a {
    color: #FFFFFF; 
}

/* Standard Blog */

.standard-blog article {
    margin-bottom: 50px;
}

.standard-blog article:last-child {
    margin-bottom: 0;   
}

.standard-blog .post-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: 2px solid #EBEDEF;
}

.standard-blog article:last-child .post-container {
    padding: 0;
    border-bottom: none;    
}

.standard-blog .post-thumb,
.standard-blog .video-thumb,
.standard-blog .audio-thumb {
    margin-bottom: 20px;
}

.standard-blog .post-name .entry-title {
    text-transform: uppercase;
    font-size: 36px;
}

.standard-blog .post-name .entry-title a {
    color: #2D3C48;
    font-weight: 700;   
}

.standard-blog .post-name .entry-title a:hover {
    color: #0DCBC0; 
}

.standard-blog .more-link {
    display: block;
    margin-top: 30px;   
}

.standard-blog .post-link,
.standard-blog .post-quote {
    margin-bottom: 20px;
    padding: 50px 20px;
    background: #0DCBC0;
    text-align: center;

    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}

.standard-blog .post-link:hover,
.standard-blog .post-quote:hover {
    background-color: #2D3032;
}

.standard-blog .post-link .entry-title a,
.standard-blog .post-quote .entry-title a,
.standard-blog .post-quote .entry-title {
    color: #FFFFFF;
    font-weight: 700;
}

.standard-blog .post-link .entry-title,
.standard-blog .post-quote .entry-title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 28px;
}

.standard-blog .post-link p,
.standard-blog .post-quote p {
    margin: 0;
}

.standard-blog .post-link .link-source a,
.standard-blog .post-quote .quote-source a {
    color: #FFFFFF; 
}

/* Masonry Blog */

.masonry-blog article .item-blog {
    display: none;
}

.masonry-blog article {
    margin-bottom: 30px;
}

.masonry-blog .post-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 2px solid #EBEDEF;
}

.masonry-blog .post-thumb,
.masonry-blog .video-thumb,
.masonry-blog .audio-thumb {
    margin-bottom: 20px;
}

.masonry-blog .post-name .entry-title {
    text-transform: uppercase;
    font-size: 24px;
}

.masonry-blog .post-name .entry-title a {
    color: #2D3C48;
    font-weight: 700;   
}

.masonry-blog .post-name .entry-title a:hover {
    color: #0DCBC0; 
}

.masonry-blog .more-link {
    display: block;
    margin-top: 10px;   
}

.masonry-blog .post-link,
.masonry-blog .post-quote {
    margin-bottom: 20px;
    padding: 50px 20px;
    background: #0DCBC0;
    text-align: center;

    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}

.masonry-blog .post-link:hover,
.masonry-blog .post-quote:hover {
    background-color: #2D3032;
}

.masonry-blog .post-link .entry-title a,
.masonry-blog .post-quote .entry-title a,
.masonry-blog .post-quote .entry-title {
    color: #FFFFFF;
    font-weight: 700;
}

.masonry-blog .post-link .entry-title,
.masonry-blog .post-quote .entry-title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 28px;
}

.masonry-blog .post-link p,
.masonry-blog .post-quote p {
    margin: 0;
}

.masonry-blog .post-link .link-source a,
.masonry-blog .post-quote .quote-source a {
    color: #FFFFFF; 
}

/* Center Blog */

.center-blog article {
    margin-bottom: 80px;
}

.center-blog article:last-child {
    margin-bottom: 0;   
}

.center-blog .post-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 60px;
    border-bottom: 2px solid #EBEDEF;
}

.center-blog article:last-child .post-container {
    padding: 0;
    border-bottom: none;    
}

.center-blog .post-thumb,
.center-blog .video-thumb,
.center-blog .audio-thumb {
    margin-bottom: 20px;
}

.center-blog .post-name {
    margin-bottom: 30px;
}

.center-blog .post-name .entry-title {
    margin: 30px 0 10px; 
    text-align: center;
    text-transform: uppercase;
    font-size: 36px;
}

.center-blog .post-name .entry-title a {
    color: #2D3C48;
    font-weight: 700; 
}

.center-blog .post-name .entry-title a:hover {
    color: #0DCBC0; 
}

.center-blog .entry-content,
.center-blog .entry-meta.entry-header {
    text-align: center;
}

.center-blog .more-link {
    display: block;
    margin-top: 40px;   
}

.center-blog .post-link,
.center-blog .post-quote {
    margin-bottom: 20px;
    padding: 50px 20px;
    background: #0DCBC0;
    text-align: center;

    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}

.center-blog .post-link:hover,
.center-blog .post-quote:hover {
    background-color: #2D3032;
}

.center-blog .post-link .entry-title a,
.center-blog .post-quote .entry-title a,
.center-blog .post-quote .entry-title {
    color: #FFFFFF;
    font-weight: 700;
}

.center-blog .post-link .entry-title,
.center-blog .post-quote .entry-title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 28px;
}

.center-blog .post-link p,
.center-blog .post-quote p {
    margin: 0;
}

.center-blog .post-link .link-source a,
.center-blog .post-quote .quote-source a {
    color: #FFFFFF; 
}


/* Single Post */

#blog.single-post article {
    border-bottom: none;
    background: none;
}

#blog .entry-meta.entry-footer span {
    display: block; 
}

#blog.single-post .post-thumb,
#blog.single-post .audio-thumb,
#blog.single-post .video-thumb,
#blog.single-post .post-quote,
#blog.single-post .post-link {
    margin-bottom: 30px;
}

#blog.single-post .entry-meta.entry-footer {
    padding-top: 20px;
}

#blog.single-post .post-quote,
#blog.single-post .post-link {
    padding: 60px 30px 50px;
    border: 2px solid #E5E5E5;
    text-align: center;
}

#blog.single-post .post-quote .entry-title,
#blog.single-post .post-link .entry-title {
    padding: 0;
    text-transform: uppercase;
    font-size: 24px !important;
}

#blog.single-post .link-source a,
#blog.single-post .quote-source {
    font-weight: 500;
    font-size: 16px;
}

#blog.single-post .link-source a + a,
#blog.single-post .quote-source a {
    margin-left: 10px;
    font-weight: 500;
    font-size: 16px;
}

/* Search Results */

.standard-blog .no-results .entry-title,
.masonry-blog .no-results .entry-title,
.center-blog .no-results .entry-title {
    font-size: 26px !important;
}

.no-results .entry-title {
    margin-bottom: 0;
}

.no-results .entry-title,
.no-results .entry-content {
    padding: 0;
}

.masonry-blog .no-results,
.center-blog .no-results {
    text-align: center; 
}

/*-----------------------------------------------------------------------------------*/
/*  15. Comments Portfolio / Team / Posts
/*-----------------------------------------------------------------------------------*/

/* Post Portfolio */
.comment-area {
    padding: 80px 0 50px;
    padding-bottom: 70px;
    background: #F5F5F5;
}

#comments {
}

.comments-title, 
.pings-title, 
#reply-title {
    margin: 0;
    padding: 0 0 25px;
    border-bottom: 2px solid #E5E5E5;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
}

.comment-form {
    margin-top: 30px;   
}

.commentlist,
.pinglist {
    margin: 20px 0 40px;
    list-style-type: none;
}

.divider-comment {
    display: block;
    margin-bottom: 50px;
    color: #DFDFDF;
    text-align: center;
    font-size: 32px;
}

.comment-section {
    padding: 30px 30px 20px;
}

.comment-body {
    padding-bottom: 20px;
    border-bottom: 2px solid #E5E5E5;
}

.comment-side {
    float: left;
    margin: 0 30px 0 0;
}

.comment-side .avatar {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
}

.comment .comment-cont {
    margin-left: 80px;
}

.comment-author cite, 
.comment-author cite a {
    color: #2D3C48;
    font-weight: 500;
    font-size: 24px;
}

.comment-author cite a:hover {
    color: #0DCBC0;
}

.comment-meta, 
.comment-meta a {
    color: #818B92;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.comment-meta a:hover {
    color: #0DCBC0;
}

.comment-meta {
    margin: 8px 0 15px;
}

.children {
    margin: 0;
    padding: 0;
    list-style: none;
}

.children .comment {
    padding-left: 60px;
}

.comment-author {
    position: relative;
}

.badge_author {
    position: absolute;
    top: 12px;
    right: 10px;
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 999px;
    border-radius: 999px;
    background: #0DCBC0;
    opacity: 0.5;
}

.nocomments {
    padding: 20px 30px 20px;
}

/* Comment Form */

#commentform p {
    overflow: hidden;
    margin: 0 0 35px 0;
}

#commentform label, 
#commentform span.required {
    position: relative;
    top: 16px;
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
}

#commentform span.required {
    top: 0;
    color: #0DCBC0;
    font-size: 12px;
}

#commentform input, 
#commentform textarea {
    margin: 0;
    padding: 15px;
    height: auto;
    border: 2px solid #E5E5E5;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #BCBCC4;
    font-size: 16px;
    resize: none;
    -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -webkit-appearance: none;
}

#commentform input:focus,
#commentform textarea:focus {
    border-color: #DFDFDF;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #2D3C48;
}

#commentform input {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 20px;
    width: 50%;
}

#commentform textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    resize: vertical;
}

#commentform #submit {
    display: inline-block;
    padding: 16px 24px;
    width: auto;
    border: none;
    background-color: #0DCBC0;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
    font-size: 14.5px;
    cursor: pointer;
    
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

#commentform #submit:hover {
    opacity: 0.9;
}


/*-----------------------------------------------------------------------------------*/
/*  16. Sidebar
/*-----------------------------------------------------------------------------------*/

#sidebar,
.sidebar_content {
    font-size: 14px;
    line-height: 20px;
}

.sidebar_content {
    margin-top: 11px;
}

/* Right Sidebar - Left Content */

#blog .col-md-9.left_side {
    float: left;
}

#blog .col-md-3.right_side {
    float: right;
}

/* Left Sidebar - Right Content */

#blog .col-md-3.left_side {
    float: left;
}

#blog .col-md-9.right_side {
    float: right;
}

/*-----------------------------------------------------------------------------------*/
/*  17. Big Twitter Feed Area
/*-----------------------------------------------------------------------------------*/

#twitter-feed-slide .slides > li {
    display: none;
}

#twitter-feed .tweet_list,
#twitter-feed-slide .tweet_list {
    margin: 0;
    padding: 0;
}

#twitter-feed .tweet_list li,
#twitter-feed-slide .tweet_list li {
    list-style: none;
    text-align: center;
}

#twitter-feed .tweet_list li .tweet_text,
#twitter-feed-slide .tweet_list li .tweet_text {
    display: block;
    font-size: 22px;
    line-height: 1.5em;
}

#twitter-feed .tweet_list li .tweet_time a,
#twitter-feed-slide .tweet_list li .tweet_time a {
    display: inline-block;
    margin-top: 22px;
    color: #818B92;
    font-size: 16px;
}

/*-----------------------------------------------------------------------------------*/
/*  18. Footer
/*-----------------------------------------------------------------------------------*/

footer {
    position: relative;
    float: left;
    width: 100%;
    background: #212426;
}

.footer-widgets {
    padding: 70px 0 30px;
    border-top: 1px solid #444649;
}

.footer-widgets .container-fluid .row {
    margin: 0;
}

/* Footer Credits */

#footer-credits {
    position: relative;
    padding: 20px 0 20px;
    border-top: 1px solid #444649;
    background: #2D3032;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
}

#footer-credits a {
    font-weight: 600;
}

#footer-credits .copyright {
    float: left;
    margin: 0;
    width: 49%;
}

#footer-credits .credits {
    float: right;
    margin: 0;
    width: 49%;
    text-align: right;
}

#footer-credits p a {
    color: #0DCBC0;
}

#footer-credits p a:hover {
    color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------*/
/*  19. Back to Top
/*-----------------------------------------------------------------------------------*/

#back-to-top {
    display: block;
    overflow: hidden;
    padding-top: 0px;
    width: 100%;
    height: 0px;
    background: #2D3032;
    text-align: center;

    -webkit-transition: all 0.8s ease 0s;
    transition: all 0.8s ease 0s;
}

#back-to-top.opened {
    padding-top: 40px;
    height: 100px;
}

#back-to-top i {
    color: #FFFFFF;
    font-size: 24px;
    opacity: 1;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

#back-to-top:hover i {
    opacity: 0.6;
}

/*-----------------------------------------------------------------------------------*/
/*  20. Error Page
/*-----------------------------------------------------------------------------------*/

#error-page {
    background: #F7F7F7;
}

#error-page.main-content.section-full-area.small-view {
    height: 600px !important;
}

#error-page.main-content.section-full-area.small-view .row.content-full-screen {
    top: 50% !important;
}

#error-page.error-404-image {
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

#error-page .error-btn .cont {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -75px;
    min-height: 150px;
    width: 150px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #0DCBC0;
    color: #FFFFFF;
    opacity: 0.85;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-transition: opacity 0.5s ease 0.2s;
    transition: opacity 0.5s ease 0.2s;
}

#error-page .error-btn:hover .cont,
#error-page .error-btn:focus .cont,
#error-page .error-btn:active .cont{
    color: #FFFFFF;
    opacity: 1;
}

#error-page .error-btn .cont:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -85px 0 0 -85px;
    width: 170px;
    height: 170px;
    border: 10px solid #0DCBC0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: transparent;
    content: "";
    opacity: 0.55;

    -webkit-transition: -webkit-transform 0.3s ease 0.02s;
    transition: transform 0.3s ease 0.02s;

    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
}

#error-page .error-btn .cont:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -95px 0 0 -95px;
    width: 190px;
    height: 190px;
    border: 10px solid #0DCBC0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: transparent;
    content: "";
    opacity: 0.25;

    -webkit-transition: -webkit-transform 0.5s ease 0.04s;
    transition: transform 0.5s ease 0.04s;

    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
}

#error-page .error-btn:hover .cont:after,
#error-page .error-btn:active .cont:after,
#error-page .error-btn:focus .cont:after,
#error-page .error-btn:hover .cont:before,
#error-page .error-btn:active .cont:before,
#error-page .error-btn:focus .cont:before {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

#error-page .error-btn .error-title {
    width: 150px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -75px;
    line-height: 50px;
    font-size: 40px;

    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*-----------------------------------------------------------------------------------*/
/*  21. Archives / Sitemap Template
/*-----------------------------------------------------------------------------------*/

.widget_archives ul {
    margin-left: 30px !important;
}

.widget_archives ul li {
    list-style: disc !important;    
}

.widget.widget_archives {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.widget.widget_archives .widget_title h4 {
    margin-bottom: 10px;
}

.widget.widget_archives .widget_title h4 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
}

.widget.widget_archives li a {
    margin-left: 0;
}


/*-----------------------------------------------------------------------------------*/
/*  22. Widgets
/*-----------------------------------------------------------------------------------*/

.widget {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 2px solid #EBEDEF;
}

.widget:last-child {
    border: none;
    padding-bottom: 0;
}

.widget ul {
    margin: 0;
    padding: 0;
}

.widget ul li {
    list-style: none;
}

.widget ul.children,
.widget ul.sub-menu {
    padding-left: 20px;
}

.widget-title {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
}

/* Calendar */

.widget_calendar {
    position: relative;
}

.widget_calendar table {
    width: 100%;
    border-collapse: collapse;
}

.widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th {
    text-align: center;
}

.widget_calendar table tbody td {
    padding: 4px;
    border: 0px;
    color: #666666;
    font-size: 11px;
}

.widget_calendar table tbody tr td:first-child {
    border-left: 0px;
}

.widget_calendar table tbody tr:nth-child(2n+1) {
    background-color: #f0f0f0;
}

.widget_calendar table th {
    padding-bottom: 10px;
    border-bottom: 0px;
    color: #999999;
    text-align: center!important;
}

.widget_calendar table #prev {
    position: relative;
    z-index: 2;
    padding: 10px 0px 0px 0px;
    text-align: left;
}

.widget_calendar table #next {
    position: relative;
    z-index: 2;
    padding: 10px 0px 0px 0px;
    text-align: right;
}

.widget_calendar caption {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    text-align: center;
}

/* Search */

.widget_search form {
    margin: 0;
}

#searchform input[type="text"],
.widget_search form input[type="text"] {
    margin: 0;
    padding: 15px;
    width: 100%;
    height: auto;
    border: 2px solid #EBEDEF;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #BCBCC4;
    font-size: 16px;
    resize: none;
    -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -webkit-appearance: none;
}

#searchform input[type="text"]:focus,
.widget_search form input[type="text"]:focus {
    border-color: #DFDFDF;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #56646F;
}

/* RSS Widget */

.rsswidget img {
    display: none;
}

/* Tag Cloud */

.widget.widget_tag_cloud {
    float: left;
}

.tagcloud a {
    float: left;
    margin: 0 3px 4px 0;
    padding: 8px 12px;
    width: auto;
    border: 2px solid #0DCBC0;
    background: transparent;
    color: #0DCBC0;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px !important;
    cursor: pointer;
    -webkit-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s;
    -webkit-appearance: none;
}

.tagcloud a:hover,
.tagcloud a:active,
.tagcloud a:focus {
    background: #0DCBC0;
    color: #FFFFFF;
}

/* Twitter Widget */

.az_widget_twitter li:first-child {
    margin-top: 0;  
}

.az_widget_twitter li {
    margin-top: 20px;
    line-height: 24px;
}

.tweet_timestamp > a {
    display: block;
    margin-top: 6px;
    color: #56646F !important;
    font-weight: 500;
    font-size: 13px;
}

/* Flickr Widget */

.widget_quick-flickr-widget ul {
    margin: 20px 0 0 0;
    padding: 0;
}

.widget_quick-flickr-widget ul li {
    position: relative;
    display: inline-block;
    margin: 0 3px 3px 0;
    list-style: none;
}

.widget_quick-flickr-widget ul li a {
    display: block;
    
    opacity: 1;
    
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

.widget_quick-flickr-widget ul li a:hover {
    opacity: 0.35;
}

.widget_quick-flickr-widget ul li a img {
    width: 84px !important;
    height: 84px;
    -moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
}

/* Dribbble Widget */

.dribbble-widget ul {
    margin: 0;
    padding: 0;
}

.dribbble-widget ul li {
    position: relative;
    display: inline-block;
    margin: 0 3px 3px 0;
    list-style: none;
}

.dribbble-widget ul li a {
    display: block;
    
    opacity: 1;
    
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

.dribbble-widget ul li a:hover {
    opacity: 0.35;
}


.dribbble-widget ul li a img {
    width: 84px !important;
    height: 84px;
    -moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
}

/* Social Widget */

.social_widget a {
    position: relative;
    float: left;
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    border: 2px solid #0DCBC0;
    background-color: transparent;
    -webkit-transition: background 0.15s ease-in-out 0s;
    transition: background 0.15s ease-in-out 0s;
}

.social_widget a i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    color: #0DCBC0;
    font-size: 16px;
    -webkit-transition: color 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out 0s;
}

.social_widget a:hover {
    background-color: #0DCBC0;
}

.social_widget a:hover i {
    color: #FFFFFF;
}

/***** Footer Area Widgets ******/

.footer-widgets .widget {
    border-color: #717580;
}

.footer-widgets {
    color: #FFFFFF;
    font-size: 14px;
}

.footer-widgets h3 {
    margin-bottom: 25px;
    color: #717580;
    text-transform: uppercase;
    font-weight: 500 !important;
    font-size: 16px;
}

.footer-widgets a:hover {
    color: #FFFFFF;
}

/* Search */

.footer-widgets .widget_search form {
    margin: 0;
}

.footer-widgets .widget_search #searchform input[type="text"],
.footer-widgets .widget_search .widget_search form input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 15px;
    width: 100%;
    height: auto;
    border: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #171717;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444444;
    font-size: 16px;
    resize: none;
    -webkit-transition: color 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out 0s;
}

.footer-widgets .widget_search #searchform input[type="text"]:focus,
.footer-widgets .widget_search .widget_search form input[type="text"]:focus {
    color: #FFFFFF;
}

/* Dribbble Widget */

.footer-widgets .dribbble-widget ul {
    margin: 20px 0 0 0;
}

/* Footer Twitter Widget */

.footer-widgets .az_widget_twitter li:first-child {
    margin-top: 0;  
}

.footer-widgets .az_widget_twitter li {
    margin-top: 20px;
}

.footer-widgets .tweet_timestamp > a {
    display: block;
    margin-top: 0;
    color: #717580 !important;
    font-size: 13px;
}

/* Footer Calendar Widget */

.footer-widgets .widget_calendar table tbody tr:nth-child(2n+1) {
    background-color: #171717;
}

.footer-widgets .widget_calendar table tbody td {
    color: #F0F0F0;
}

.footer-widgets .widget_calendar table th {
    color: #FFFFFF;
}

/* Social Widget */

.widget.social_widget {
    float: left;
    width: 100%;
}

.footer-widgets .social_widget a {
    color: #FFFFFF;
}

.footer-widgets .social_widget a:hover {
    color: #67C0B9;
}

/* Flickr & Dribbble Widget */

.footer-widgets .widget_quick-flickr-widget ul li a img,
.footer-widgets .dribbble-widget ul li a img {
    width: 87px !important;
    height: 87px;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */
}

.footer-widgets .widget_quick-flickr-widget ul li,
.footer-widgets .dribbble-widget ul li {
    margin: 0 3px 3px 0;
}

/*-----------------------------------------------------------------------------------*/
/*  23. Isotope Portfolio Filtering Settings
/*-----------------------------------------------------------------------------------*/

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    z-index: 1;
    pointer-events: none;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/*-----------------------------------------------------------------------------------*/
/*  24. Animation Preloader Settings
/*-----------------------------------------------------------------------------------*/

.animation-enabled .wrap_all {
    opacity: 0;
}

#jpreOverlay,
#jSplash {
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0 !important;
    background: #FFFFFF;
}

#jpreSlide {
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
}

#jpreLoader {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
}

#jprePercentage {
    top: -54px;
    left: 50%;
    z-index: 800;
    margin: 0 0 0 -75px;
    width: 150px;
    height: 100px !important;
    background: #0DCBC0;
    color: #FFFFFF;
    text-align: center;
    font-weight: 500;
    
    font-size: 48px;
    line-height: 100px;
}

#jpreBar {
    height: 4px !important;
    background: #FFFFFF;
    display: none;
}

@-moz-keyframes spinningH {
    from {
        -moz-transform: rotateX(0deg) rotateY(0deg);
    }
    to{
        -moz-transform: rotateX(360deg) rotateY(360deg);
    }
}

@-webkit-keyframes spinningH {
    from {
        -webkit-transform: rotateX(0deg) rotateY(0deg);
    }
    to{
        -webkit-transform: rotateX(360deg) rotateY(360deg);
    }
}

@-o-keyframes spinningH {
    from {
        -o-transform: rotateX(0deg) rotateY(0deg);
    }
    to{
        -o-transform: rotateX(360deg) rotateY(360deg);
    }
}

@-ms-keyframes spinningH {
    from {
        -ms-transform: rotateX(0deg) rotateY(0deg);
    }
    to{
        -ms-transform: rotateX(360deg) rotateY(360deg);
    }
}

@keyframes spinningH {
    from {
        transform: rotateX(0deg) rotateY(0deg);
    }
    to{
        transform: rotateX(360deg) rotateY(360deg);
    }
}

#container {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-perspective : 1000px;
    -moz-perspective    : 1000px;
    -ms-perspective     : 1000px;
    perspective         : 1000px;

    -webkit-perspective-origin  : 50% 50%;
    -moz-perspective-origin     : 50% 50%;
    -ms-perspective-origin      : 50% 50%;
    perspective-origin          : 50% 50%;
}

.animate-cube {
    -webkit-animation : spinningH 1.5s infinite linear;
    -moz-animation    : spinningH 1.5s infinite linear;
    -o-animation      : spinningH 1.5s infinite linear;
    -ms-animation     : spinningH 1.5s infinite linear;
    animation         : spinningH 1.5s infinite linear;
}

body.ie.windows .animate-cube {
    -ms-animation: none;
    animation: none;
}

#cube {
    position: absolute;
    margin: -16px 0 0 -16px;
    top: 50%;
    left: 50%;
    height: 32px;
    width: 32px;

    -webkit-transition  : -webkit-transform 0.1s linear;
    transition          : transform 0.1s linear;

    -webkit-transform-style : preserve-3d;
    -moz-transform-style    : preserve-3d;
    -ms-transform-style     : preserve-3d;
    transform-style         : preserve-3d;
}

#cube>div {
    position: absolute;
    height: 16px;
    width: 16px;
    padding: 15px;
    opacity: 1;
}

#cube div:nth-child(1) {
    -webkit-transform : translateZ(16px);
    -ms-transform     : translateZ(16px);
    transform         : translateZ(16px);
    background-color: #0DCBC0;
    border: 1px solid #FFFFFF;
}

#cube div:nth-child(2) {
    -webkit-transform : rotateY(90deg) translateZ(16px);
    -ms-transform     : rotateY(90deg) translateZ(16px);
    transform         : rotateY(90deg) translateZ(16px);
    background-color: #0DCBC0;
    border: 1px solid #FFFFFF;
}

#cube div:nth-child(3) {
    -webkit-transform : rotateY(180deg) translateZ(16px);
    -ms-transform     : rotateY(180deg) translateZ(16px);
    transform         : rotateY(180deg) translateZ(16px);
    background-color: #0DCBC0;
    border: 1px solid #FFFFFF;
}

#cube div:nth-child(4) {
    -webkit-transform : rotateY(-90deg) translateZ(16px);
    -ms-transform     : rotateY(-90deg) translateZ(16px);
    transform         : rotateY(-90deg) translateZ(16px);
    background-color: #0DCBC0;
    border: 1px solid #FFFFFF;
}

#cube div:nth-child(5) {
    -webkit-transform : rotateX(-90deg) translateZ(16px) rotate(180deg);
    -ms-transform     : rotateX(-90deg) translateZ(16px) rotate(180deg);
    transform         : rotateX(-90deg) translateZ(16px) rotate(180deg);
    background-color: #0DCBC0;
    border: 1px solid #FFFFFF;
}

#cube div:nth-child(6)  {
    -webkit-transform : rotateX(90deg) translateZ(16px);
    -ms-transform     : rotateX(90deg) translateZ(16px);
    transform         : rotateX(90deg) translateZ(16px);
    background-color: #0DCBC0;
    border: 1px solid #FFFFFF;
}

/* Fallback IE */

body.ie.windows #cube div {
    display: block;
    -ms-transform     : none;
    transform         : none;
}

body.ie.windows #cube div:nth-child(2),
body.ie.windows #cube div:nth-child(3),
body.ie.windows #cube div:nth-child(4),
body.ie.windows #cube div:nth-child(5),
body.ie.windows #cube div:nth-child(6) {
    display: none;
}

/*-----------------------------------------------------------------------------------*/
/*  25. Fancybox Settings
/*-----------------------------------------------------------------------------------*/

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: transparent;
    color: #FFFFFF;
    text-shadow: none;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    margin: 0;
    padding: 15px;
    color: #444;
    white-space: nowrap;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('_include/img/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 8060;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('_include/img/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    z-index: 8040;
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.fancybox-nav {
    position: absolute;
    top: 40%;
    z-index: 8040;
    width: 20%;
    height: 20%;
    background: transparent url('_include/img/fancybox/blank.gif'); /* helps IE */
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    z-index: 8040;
    visibility: hidden;
    margin-top: -18px;
    width: 36px;
    height: 34px;
    cursor: pointer;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    overflow: visible !important;
    max-width: 99999px;
    max-height: 99999px;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8010;
    display: none;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.85);
}

.fancybox-overlay-fixed {
    position: fixed;
    right: 0;
    bottom: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    position: relative;
    z-index: 8050;
    visibility: hidden;
    text-shadow: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
}

.fancybox-title-inside-wrap {
    padding: 14px 0;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    right: 50%;
    bottom: 0;
    z-index: 8050;
    margin-bottom: -35px;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    -webkit-border-radius: 15px;
            border-radius: 15px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    color: #FFF;
    text-shadow: 0 1px 2px #222;
    white-space: nowrap;
    font-weight: 500;
    line-height: 24px;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #FFFFFF;
}

.fancybox-title-inside-wrap {
    padding-top: 14px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
    color: #fff;
}

.fancybox-wrap .counter-img {
    float: right;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 26px;
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('_include/img/fancybox/fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('_include/img/fancybox/fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}

/*-----------------------------------------------------------------------------------*/
/*  26. Gallery Images Settings
/*-----------------------------------------------------------------------------------*/

.az-gallery-image {
    margin-left: 13px;
    margin-right: 13px;
}

.az-gallery-image ul {
    margin: 0;
    padding: 0;
}

.az-gallery-image li {
    float: left;
    list-style: none;
    margin-bottom: 4px;
}

.az-gallery-image .item-gallery.col-md-3, 
.az-gallery-image .item-gallery.col-md-4, 
.az-gallery-image .item-gallery.col-md-6 {
    padding-left: 2px;
    padding-right: 2px;
}

/* Gallery Fluid */

.gallery-full .container-fluid,
.gallery-full .container-fluid .col-md-12,
.gallery-full .row.gallery-full-width .col-md-12 {
    padding-right: 0;
    padding-left: 0;
}

.gallery-full .container-fluid .row {
    margin: 0;
}

.gallery-full .item-gallery.col-full-3,
.gallery-full .item-gallery.col-full-4,
.gallery-full .item-gallery.col-full-6 {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.gallery-full .az-gallery-image {
    margin-left: 0px;
    margin-right: 0px;
}

.gallery-full .az-gallery-image li {
    float: left;
    margin-bottom: 0;
    list-style: none;
}

/* 6 Columns */
.gallery-full .item-gallery.col-full-1 {
    width: 16.6667%;
}
/* 5 Columns */
.gallery-full .item-gallery.col-full-2 {
    width: 20%;
}
/* 4 Columns */
.gallery-full .item-gallery.col-full-3 {
    width: 25%;
}
/* 3 Columns */
.gallery-full .item-gallery.col-full-4 {
    width: 33.3333%;
}
/* 2 Columns */
.gallery-full .item-gallery.col-full-6 {
    width: 50%;
}

/* Gallery Hover */
.az-gallery-image .fancy-wrap-gal {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.az-gallery-image .fancy-wrap-gal img {
    position: relative;
    width: 100%;
}

.az-gallery-image .fancy-wrap-gal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(0,0,0,0.75);
    border: 0 solid rgba(255, 255, 255, 0.1);
    opacity: 0;
    
    -webkit-transition: opacity 0.3s ease 0s, border 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, border 0.3s ease 0s;
}

.az-gallery-image .fancy-wrap-gal:hover .overlay,
.az-gallery-image .fancy-wrap-gal:active .overlay,
.az-gallery-image .fancy-wrap-gal:focus .overlay {
    opacity: 1;
    border-width: 10px;
}

.az-gallery-image .fancy-wrap-gal .overlay .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: transparent;

    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;

    -webkit-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}

.az-gallery-image .fancy-wrap-gal .overlay .circle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -31px 0 0 -31px;
    width: 62px;
    height: 62px;
    border: 10px solid #FFFFFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: transparent;
    content: "";
    opacity: 0.15;

    -webkit-transition: -webkit-transform 0.3s ease 0.02s;
    transition: transform 0.3s ease 0.02s;

    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
}

.az-gallery-image .fancy-wrap-gal .overlay .circle:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -38px 0 0 -38px;
    width: 76px;
    height: 76px;
    border: 10px solid #FFFFFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: transparent;
    content: "";
    opacity: 0.05;

    -webkit-transition: -webkit-transform 0.3s ease 0.04s;
    transition: transform 0.3s ease 0.04s;

    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
}

.az-gallery-image .fancy-wrap-gal:hover .overlay .circle,
.az-gallery-image .fancy-wrap-gal:active .overlay .circle,
.az-gallery-image .fancy-wrap-gal:focus .overlay .circle {
    -webkit-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

.az-gallery-image .fancy-wrap-gal:hover .overlay .circle:after,
.az-gallery-image .fancy-wrap-gal:active .overlay .circle:after,
.az-gallery-image .fancy-wrap-gal:focus .overlay .circle:after,
.az-gallery-image .fancy-wrap-gal:hover .overlay .circle:before,
.az-gallery-image .fancy-wrap-gal:active .overlay .circle:before,
.az-gallery-image .fancy-wrap-gal:focus .overlay .circle:before {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.az-gallery-image .fancy-wrap-gal .overlay i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    color: #FFFFFF;
    font-size: 16px;

    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

}

/*-----------------------------------------------------------------------------------*/
/*  27. Shortcodes
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  0-1.    Buttons
/*-----------------------------------------------------------------------------------*/

.button-main {
    display: inline-block;
    padding: 16px 20px;
    
    border: 2px solid #0DCBC0;
    background-color: transparent;
    color: #0DCBC0;
    vertical-align: middle;
    text-align: center;
    font-weight: 500;
    line-height: 1em;
    cursor: pointer;
    
    -webkit-transition: background 0.1s linear, color 0.1s linear;
    transition: background 0.1s linear, color 0.1s linear;
}

/*--- Hover/Active/Focus State ---*/

.button-main:hover,
.button-main:active,
.button-main:focus {
    background-color: #0DCBC0;
    color: #FFFFFF;
}

/* --- Button Sizes --- */

.button-main.button-large {
    padding: 20px 32px;
    font-size: 18px;
}

.button-main.button-small {
    padding: 10px 18px;
    font-size: 12px;
}

.button-main.button-mini {
    padding: 4px 12px;
    font-size: 11px;
}

.button-main.button-block {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
}

.demo.button-main,
.button-main + .button-main {
    margin-right: 10px;
    margin-bottom: 15px;
}

/*--- Inverted ---*/

.button-main.inverted {
    background-color: #0DCBC0;
    color: #FFFFFF;
}

.button-main.inverted:hover,
.button-main.inverted:active,
.button-main.inverted:focus {
    background-color: transparent;
    color: #0DCBC0;
}

/*--- With Icon ---*/

.button-main i {
    position: relative;
    top: 1px;
    left: -2px;
    margin-right: 5px;
}

/*--- Custom Buttons ---*/

.button-main.custom-button-color {
    color: #FFFFFF;
    opacity: 1;

    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.button-main.custom-button-color:hover,
.button-main.custom-button-color:active,
.button-main.custom-button-color:focus {
    color: #FFFFFF;
    opacity: 0.9;
}

.button-main.custom-button-color.inverted {
    background: transparent !important;
    opacity: 1;

    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}


.button-main.custom-button-color.inverted:hover,
.button-main.custom-button-color.inverted:active,
.button-main.custom-button-color.inverted:focus {
    opacity: 0.9;
}

/*-----------------------------------------------------------------------------------*/
/*  0-2.    Box Icon
/*-----------------------------------------------------------------------------------*/

.box {
    display: block;
    padding: 10px;
    text-align: center;
}

.box-text {
    -webkit-backface-visibility: hidden;
}

a .box-text > p {
    color: #2D3C48;
}

.box h4 {
    margin-bottom: 0;
    font-weight: 700;
}

/* Box Circle Icon */
.box .icon.circle-mode-box + .box-text > h4 {
    margin-bottom: 20px;
}

.box .icon.circle-mode-box {
    position: relative;
    display: inline-block;
    margin-bottom: 35px;
    width: 50px;
    height: 50px;
    background: #0DCBC0;
    color: #FFFFFF;

    -webkit-border-radius: 4px;
    border-radius: 4px;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.box .icon.circle-mode-box:after {
    content: "";
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #0DCBC0;
    height: 64px;
    width: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;

    opacity: 0;

    -webkit-transform: scale(0.5) rotate(0deg);
    -ms-transform: scale(0.5) rotate(0deg);
    transform: scale(0.5) rotate(0deg);

    -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
}

.box .icon.circle-mode-box i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    font-size: 24px;

    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.box:hover .icon.circle-mode-box:after,
.box:active .icon.circle-mode-box:after,
.box:focus .icon.circle-mode-box:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    opacity: 1;
}

.box.listed-left .icon.circle-mode-box {
    left: 10px;
}

.box.listed-right .icon.circle-mode-box {
    left: -10px;
}

/* Box Standard Icons */

.box.standard-icon i {
    margin-right: 8px;
    vertical-align: -2px;
    font-size: 22px;
}

/* Box Only Icons */

.box .icon.icon-only-mode-box {
    margin-bottom: 20px;
    color: #0DCBC0;
    font-size: 36px;
}

.box.listed-left.only-icon .icon.icon-only-mode-box,
.box.listed-right.only-icon .icon.icon-only-mode-box {
    margin-bottom: 0;
}

/* Box Icons Left and Right with Circle and Icons Only */

.box.listed-left {
    display: block;
    padding: 30px 0;
    text-align: left;
}

.box.listed-left .icon{
    float: left;
    text-align: center;
}

.box.listed-right {
    display: block;
    padding: 30px 0;
    text-align: right;
}

.box.listed-right .icon {
    float: right;
    text-align: center;
}

.box.listed-left.circle-icon .box-text {
    padding-left: 100px;
}

.box.listed-right.circle-icon .box-text {
    padding-right: 100px;
}

.box.listed-left.only-icon .box-text {
    padding-left: 60px;
}

.box.listed-right.only-icon .box-text {
    padding-right: 60px;
}

/* Boxed Version */

.box.boxed-version {
    position: relative;
    display: block;
    margin: 30px 0;
    padding: 30px 30px 20px;
    border: 1px solid #EDEDED;
    background: #FFFFFF;
    text-align: center;
}

.box.boxed-version .icon-boxed {
    margin-bottom: 20px;
}

.box.boxed-version .icon-boxed i {
    color: #0DCBC0;
    vertical-align: middle;
    font-size: 32px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-3.    Dropdown
/*-----------------------------------------------------------------------------------*/

.dropmenu {
    position: relative;
    overflow: hidden;
    margin: 20px 0 30px;
    width: 263px;
    height: 48px;
    border: 2px solid #DFDFDF;
    line-height: 1;
    cursor: pointer;
    
    -webkit-transition: border 0.1s linear 0s;
    transition: border 0.1s linear 0s;
}

.dropmenu p {
    display: block;
    margin: 0;
    padding: 16px 0 16px 16px;
    color: #2D3C48;
    font-weight: 500;
    font-size: 14px;
}

.dropmenu i {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
    color: #BDC3C7;
    font-size: 20px;
    -webkit-transition: all 0.15s ease-in-out 0s;
    transition: all 0.15s ease-in-out 0s;
}

.dropmenu:hover,
.dropmenu:hover,
.dropmenu.open {
    border-color: #C5C5C5;
}


.dropmenu.open i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dropmenu-active {
    position: absolute;
    top: 46px;
    z-index: 10;
    display: none;
    width: 263px;
    border: 2px solid #DFDFDF;
    border-top: 2px solid #C5C5C5;
    background: #FFFFFF;
    color: #56646F;
}

.dropmenu-active ul {
    margin: 0;
    padding: 0;
}

.dropmenu-active ul li {
    display: block;
    list-style: none;
}

#portfolio-filter .dropmenu-active ul.option-set li.has-items {
    display: block !important;
}

.dropmenu-active ul li a {
    display: block;
    padding: 8px 0 8px 16px;
    color: #C8C9C9;
    font-size: 14px;
}

.dropmenu-active ul li a:hover {
    color: #2D3C48;
}

.dropmenu-active ul li:first-child a {
    padding-top: 16px;
}

.dropmenu-active ul li:last-child a {
    padding-bottom: 16px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-4.    Accordion and Toggle
/*-----------------------------------------------------------------------------------*/

.panel {
    border: none;
    background: transparent;
    margin-bottom: 1px;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion-group {
    margin-bottom: 4px;
    border: none;
}

.accordion-heading {
    border-bottom: 0 none;
}

.accordion-heading .accordion-toggle {
    position: relative;
    display: block;
    padding: 15px 15px 15px 25px;
    background: #F5F5F5;
    color: #2D3C48;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;

    -webkit-transition: background 0.3s linear 0s;
    transition: background 0.3s linear 0s;
}

.accordion-heading:hover .accordion-toggle,
.accordion-heading .accordion-toggle.active {
    background: #EBEDEF;
}

.accordion-toggle {
    cursor: pointer;
}

.accordion-heading .accordion-toggle.inactive {
    border-bottom: none;
}

.accordion-heading.accordionize .accordion-toggle span,
.accordion-heading.togglize .accordion-toggle span {
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -8px 0 0 0;
    color: #BDC3C7;
    font-size: 20px;
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}

.accordion-heading.accordionize .accordion-toggle.active span,
.accordion-heading.togglize .accordion-toggle.active span {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion-heading.togglize .accordion-toggle span {
    margin: -8px 0 0 0;
    font-size: 20px;
}

.accordion-heading.togglize .accordion-toggle.active span {
    opacity: 0;
}

.accordion-heading.togglize .accordion-toggle.active span + span {
    opacity: 1;
}

.accordion-inner {
    margin-top: 0;
    padding: 15px 25px 17px;
    border: none;
    background: #FBFBFB;
}

/*-----------------------------------------------------------------------------------*/
/*  0-5.    Alerts
/*-----------------------------------------------------------------------------------*/

.alert {
    margin-bottom: 20px;
    padding: 15px 35px 15px 15px;
    border: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #F39C12;
}

.alert,
.alert h4 {
    color: #FFFFFF;
}

.alert h4 {
    margin-bottom: 5px;
}

.alert .close {
    position: relative;
    top: 4px;
    right: -22px;
    color: #FFFFFF;
    text-shadow: none;
    line-height: 20px;
    opacity: 0.5;
    -webkit-transition: opacity 0.1s linear 0s;
    transition: opacity 0.1s linear 0s;
}

.alert .close:hover {
    opacity: 1;
}

.alert-standard {
    background-color: #EFF0F2;
    color: #56646F;
}

.alert-standard .close {
    color: #BDC3C7;
}

.alert-success {
    background-color: #2ECC71;
}

.alert-danger,
.alert-error {
    background-color: #E74C3C;
}

.alert-info {
    background-color: #3498DB;
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert-block > ul {
    margin-bottom: 0;
}

.alert-block > p {
    margin: 0;
}

.alert-block p + p {
    margin-top: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-6.    Tabs
/*-----------------------------------------------------------------------------------*/

.nav {
    margin-bottom: 0px;
    margin-left: 0;
    list-style: none;
}

.nav > li > a {
    display: inline-block;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #2D3C48;
    
    font-weight: 700;
    font-size: 18px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    display: block;
    background: #EBEDEF;
    text-decoration: none;
}

.nav > li > a > img {
    max-width: none;
}

.nav > .pull-right {
    float: right;
}

.nav-tabs {
    margin-top: 0;
    *zoom: 1;
}

.nav-tabs:before,
.nav-tabs:after {
    display: table;
    content: "";
    line-height: 0;
}

.nav-tabs:after {
    clear: both;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs > li {
    float: left;
    margin: 0 0 0 0;
    border-bottom: none;
    border-left: none;
    background: #FBFBFB;
}

.nav-tabs > li > a {
    margin: 0;
    padding: 15px;
    border: none;
    line-height: 20px;
    
    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    border: none;
    background: #EBEDEF;
    color: #2D3C48; 
}

.tabbable {
    *zoom: 1;
}

.tabbable:before,
.tabbable:after {
    display: table;
    content: "";
    line-height: 0;
}

.tabbable:after {
    clear: both;
}

.tab-content {
    overflow: auto;
    padding: 20px;
    background: #FBFBFB;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}


/*-----------------------------------------------------------------------------------*/
/*  0-7.    Blockquotes
/*-----------------------------------------------------------------------------------*/

blockquote {
    margin: 30px 15px;
    padding-left: 15px;
    border-left: 3px solid #DFDFDF;
    font-style: italic;
}

blockquote p {
    margin: 0;
    padding: 0;
    color: #A8A9A9;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-8.    Tooltip
/*-----------------------------------------------------------------------------------*/

.tooltip {
    position: absolute;
    z-index: 999;
    display: block;
    visibility: visible;
    font-weight: 500;
    font-size: 14px;
    opacity: 0;
}

.tooltip.in {
    opacity: 1;
}

.tooltip.top {
    margin-top: -5px;
}

.tooltip.right {
    margin-left: 15px;
}

.tooltip.bottom {
    margin-top: 5px;
}

.tooltip.left {
    margin-left: -15px;
}

.tooltip-inner {
    padding: 12px;
    max-width: 300px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #0DCBC0;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #0DCBC0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -10px;
    border-width: 10px 10px 10px 0;
    border-right-color: #0DCBC0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -10px;
    border-width: 10px 0 10px 10px;
    border-left-color: #0DCBC0;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -10px;
    border-width: 0 10px 10px;
    border-bottom-color: #0DCBC0;
}

/*-----------------------------------------------------------------------------------*/
/*  0-9.    Highlights
/*-----------------------------------------------------------------------------------*/

.color-text {
    color: #0DCBC0;
}

.highlight-text {
    padding: 0 4px;
    background-color: #0DCBC0;
    color: #FFFFFF;
}

/*-----------------------------------------------------------------------------------*/
/*  0-10.   Dropcap
/*-----------------------------------------------------------------------------------*/

.dropcap {
    display: block;
    float: left;
    margin: 4px 12px 0 0;
    color: #2D3C48;
    font-weight: 500;
    font-size: 38px;
    line-height: 38px;
}

.dropcap-color {
    display: block;
    float: left;
    margin: 4px 12px 0 0;
    color: #0DCBC0;
    font-weight: 500;
    font-size: 38px;
    line-height: 38px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-11.   Video Embed Iframe / Audio
/*-----------------------------------------------------------------------------------*/

iframe, object, embed {
    max-width: 100%;
    border: none;
}

.videoWrapper,
.video-container,
.audio-container {
    margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-12.   Progress Bar and Circular Graph
/*-----------------------------------------------------------------------------------*/

.progress-bar {
    float: none;
    margin: 10px 0;
    width: auto;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #EBEDEF;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress {
    position: relative;
    margin: 0;
    height: 46px;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #EBEDEF;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar .bar {
    float: left;
    width: 0;
    height: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #0DCBC0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    font-size: 12px;

    -webkit-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}

.progress .field {
    position: absolute;
    left: 20px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 46px;
}

.progress .field i {
    margin-right: 10px;
    vertical-align: -2px;
    font-size: 16px;
}

.progress-circle {
    margin: 30px 0;
    text-align: center;
}

/* Circular Graph */

.easyPieChart {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    
    color: #2D3C48;
    text-align: center;
    font-weight: 700;
}

.easyPieChart .field-icon,
.easyPieChart .field-text,
.easyPieChart .percentage.no-field {
    display: block;
    vertical-align: 0;
}

.easyPieChart .field-icon {
    margin-top: 2px;
    font-size: 36px;
}

.easyPieChart .field-text {
    font-size: 20px;
    font-weight: 700;
}

.easyPieChart .percentage.no-field {
    font-size: 48px;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}


/*-----------------------------------------------------------------------------------*/
/*  0-13.   Lightbox Images and Video Fancybox
/*-----------------------------------------------------------------------------------*/

.lightbox {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
 
.fancy-wrap.hidden {
    display: none;
}

.fancy-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.fancy-wrap img {
    position: relative;
    width: 100%;
}

.fancy-wrap .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(0,0,0,0.75);
    border: 0 solid rgba(255, 255, 255, 0.1);
    opacity: 0;
    
    -webkit-transition: opacity 0.3s ease 0s, border 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, border 0.3s ease 0s;
}

.fancy-wrap:hover .overlay,
.fancy-wrap:active .overlay,
.fancy-wrap:focus .overlay {
    opacity: 1;
    border-width: 10px;
}

.fancy-wrap .overlay .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    width: 48px;
    height: 48px;
    border: 2px solid #FFFFFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: transparent;

    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;

    -webkit-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}

.fancy-wrap .overlay .circle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -31px 0 0 -31px;
    width: 62px;
    height: 62px;
    border: 10px solid #FFFFFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: transparent;
    content: "";
    opacity: 0.15;

    -webkit-transition: -webkit-transform 0.3s ease 0.02s;
    transition: transform 0.3s ease 0.02s;

    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
}

.fancy-wrap .overlay .circle:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -38px 0 0 -38px;
    width: 76px;
    height: 76px;
    border: 10px solid #FFFFFF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: transparent;
    content: "";
    opacity: 0.05;

    -webkit-transition: -webkit-transform 0.3s ease 0.04s;
    transition: transform 0.3s ease 0.04s;

    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg);
}

.fancy-wrap:hover .overlay .circle,
.fancy-wrap:active .overlay .circle,
.fancy-wrap:focus .overlay .circle {
    -webkit-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

.fancy-wrap:hover .overlay .circle:after,
.fancy-wrap:active .overlay .circle:after,
.fancy-wrap:focus .overlay .circle:after,
.fancy-wrap:hover .overlay .circle:before,
.fancy-wrap:active .overlay .circle:before,
.fancy-wrap:focus .overlay .circle:before {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.fancy-wrap .overlay i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    color: #FFFFFF;
    font-size: 16px;

    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

}

/*-----------------------------------------------------------------------------------*/
/*  0-14.   Pricing Tables
/*-----------------------------------------------------------------------------------*/

.pricing-table {
    display: inline-block;
    overflow: hidden;
    margin: 20px 0 14px;
    width: 100%;
}

.pricing-table h5 {
    display: block;
    margin: 0;
    padding: 17px 0;
    width: 100%;
    border: 1px solid #DFDFDF;
    text-align: center;
    text-transform: uppercase;
}

.pricing-table .price {
    display: block;
    padding: 17px 0;
    width: 100%;
    border: 1px solid #DFDFDF;
    border-top: none;
    color: #2D3C48;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
}

.pricing-table .price span {
    display: block;
    font-weight: 500;
    font-size: 12px;
}

.pricing-table ul {
    margin: 0;
    padding: 0;
    border-right: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
}

.pricing-table li {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #DFDFDF;
    text-align: center;
    font-size: 16px;
}

.pricing-table li:last-child {
    border-bottom: none;
}

.pricing-table .confirm {
    display: block;
    padding: 16px 0;
    width: 100%;
    background: #7A8499;
    
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    
    -webkit-transition: opacity 0.15s ease-in-out 0s;
    transition: opacity 0.15s ease-in-out 0s;
}

.pricing-table.selected {
    margin-top: 0;
}

.pricing-table.selected h5 {
    padding: 27px 0;
}

.pricing-table.selected .price {
    background: #0DCBC0;
    color: #FFFFFF;
}

.pricing-table.selected .price span {
    color: #FFFFFF;
}

.pricing-table.selected li {
    font-weight: 700;
}

.pricing-table.selected .confirm {
    padding: 24px 0;
    background: #0DCBC0;
}

.pricing-table .confirm:hover,
.pricing-table.selected .confirm:hover {
    opacity: 0.90;
}

/*-----------------------------------------------------------------------------------*/
/*  0-15.   Divider
/*-----------------------------------------------------------------------------------*/

.divider {
    position: relative;
    margin: 30px 0 36px;
    width: 100%;
}

.divider.short {
    margin: 30px auto 36px;
    width: 75px;
}

.divider.fat-solid-div {
    border-bottom: 2px solid #EBEDEF;
}

.divider.thin-solid-div {
    border-bottom: 1px solid #EBEDEF;
}

.divider.dotted-div {
    border-bottom: 1px dotted #EBEDEF;
}

.divider.double-div {
    border-bottom: 7px double #EBEDEF;
}

.blank_divider {
    width: 100%;
    height: 20px;
}


/*-----------------------------------------------------------------------------------*/
/*  0-16.   Media Elements
/*-----------------------------------------------------------------------------------*/

audio, canvas, video {
    outline: none;
}

.mejs-container {
    position: relative;
    min-width: 150px;
    width: 100% !important;
    outline: none;
    background: none;
    vertical-align: top;
    text-align: left;
    text-decoration: none;
    font-family: sans-serif;
}

.me-plugin {
    position: absolute;
}

.mejs-embed, .mejs-embed body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

.mejs-container-fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%;
    background: #000000;
}

/* Start: LAYERS */
.mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.mejs-poster img {
    display: block;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border: 0;
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.mejs-overlay-play {
    width: 100% !important;
    height: 100% !important;
    cursor: pointer;
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    background-color: rgba(0,0,0,0.5);
    background-image: url(_include/img/mediaelement/bigplay.png);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: background 0.15s ease-in-out 0s;
    transition: background 0.15s ease-in-out 0s;
}

.mejs-overlay:hover .mejs-overlay-button {
    background-color: #0DCBC0;
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin: -40px 0 0 -40px;
    width: 80px;
    height: 80px;
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background: #3A3C3D url(_include/img/mediaelement/loading.gif) 50% 50% no-repeat;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    padding: 10px;
    width: 100%;
    height: 50px;
    background: #171717;
    list-style: none;
}

.mejs-container .mejs-controls div {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 32px;
    height: 30px;
    list-style-type: none;
    font-size: 11px;
    font-family: sans-serif;
    line-height: 11px;
}

.mejs-controls .mejs-button button {
    position: absolute;
    display: block;
    margin: 7px 7px 0 9px;
    padding: 0;
    width: 15px;
    height: 16px;
    border: 0;
    background: transparent url(_include/img/mediaelement/controls.png) no-repeat;
    text-decoration: none;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
}

/* End: CONTROL BAR */

/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
    display: block;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 8px 8px 5px 10px;
    /*width: auto;*/
    height: 17px;
    color: #FFFFFF;
    text-align: center;
}

.mejs-container .mejs-controls .mejs-time span {
    display: block;
    float: left;
    margin: 2px 2px 0 2px;
    width: auto;
    color: #DDDDDD;
    font-size: 11px;
    line-height: 12px;
}

.mejs-time.mejs-currenttime-container {
    display: none !important;
}
/* End: Time (current / duration) */


/* Start: Play/pause */
.mejs-container .mejs-controls .mejs-playpause-button {
    width: 30px;
    background: none;
    cursor: pointer;
}

.mejs-controls .mejs-playpause-button button {
    margin: 7px 8px;
}

.mejs-controls .mejs-play button {
    background-position: 0 0;
}

.mejs-controls .mejs-play:hover button {
    background-position: 0 -32px;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}

.mejs-controls .mejs-pause:hover button {
    background-position: 0 -48px;
}
/* End: Play/pause */


/* Stop */
.mejs-controls .mejs-stop button {
    background-position: -112px 0;
}

.mejs-controls .mejs-stop:hover button {
    background-position: -112px -32px;
}
/* End: Play/pause */

/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
    width: 200px;
}

.mejs-controls .mejs-time-rail span {
    position: absolute;
    display: block;
    width: 180px;
    height: 7px;
    background: #000000;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 11px 8px 0 10px;
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    z-index: 1;
    width: 100%;
    background: #373A3A;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    width: 0;
    background: #373A3A;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    z-index: 1;
    width: 0;
    background: #0DCBC0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    position: absolute;
    top: 1px;
    z-index: 1;
    display: none;
    margin: 0;
    width: 5px;
    background: transparent;
    text-align: center;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    top: -26px;
    display: none !important;
    margin-left: -18px;
    width: 36px;
    height: 17px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #C2C8CF;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    color: #111;
    text-align: center;
}

.mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float {
    display: none !important;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    left: 0;
    display: block;
    margin: 3px;
    width: 30px;
    text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    top: 17px;
    left: 13px;
    display: block;
    width: 0;
    height: 0;
    border: solid 4px #C2C8CF;
    border-color: #C2C8CF transparent transparent transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: 0;
}

/*.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
    visibility:visible;*/
/* End: Progress bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px;
}
/* End: Fullscreen */


/* Start: Mute/Volume */
.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}

.mejs-controls .mejs-mute button:hover {
    background-position: -16px -48px;
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}

.mejs-controls .mejs-unmute button:hover {
    background-position: -16px -32px;
}

.mejs-controls .mejs-volume-button {
    position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    position: absolute;
    top: -68px;
    left: 1px;
    z-index: 1;
    display: none;
    margin: 0;
    width: 32px;
    height: 68px;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #171717;
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
/*.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
    display: block;*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    top: 8px;
    left: 13px;
    margin: 0;
    padding: 0;
    width: 7px;
    height: 46px;
    background: #373A3A;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    top: 6px;
    left: 13px;
    margin: 0px;
    width: 7px;
    height: 50px;
    background: #0DCBC0;
    background-position: bottom;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    top: 16px;
    left: 14px;
    margin: 0;
    width: 5px;
    height: 5px;
    background: transparent;
}


/* horizontal version */

.mejs-controls div.mejs-horizontal-volume-slider {
    position: relative;
    width: 62px;
    height: 26px;
    background: none;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    top: 11px;
    left: 0;
    margin: 0;
    padding: 1px;
    width: 50px;
    height: 7px;
    background: #373A3A;
    font-size: 1px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    top: 11px;
    left: 0;
    padding: 0;
    width: 50px;
    height: 7px;
    background: #0DCBC0;
    font-size: 1px;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}

/* End: Mute/Volume */

/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
    position: relative;
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0;
}

.mejs-controls .mejs-captions-button:hover button {
    background-position: -48px -32px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    position: absolute;
    right: -10px;
    bottom: 30px;
    visibility: hidden;
    overflow: hidden;
    padding: 10px;
    width: 130px;
    height: 100px;
    border: solid 1px transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #3A3C3D;
}
/*.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
    visibility: visible;*/

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    display: block;
    overflow: hidden;
    margin: 0 0 6px 0;
    padding: 0;
    color: #fff;
    list-style-type: none !important;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    float: left;
    clear: both;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    float: left;
    padding: 4px 0 0 0;
    width: 100px;
    font-size: 10px;
    font-family: sans-serif;
    line-height: 15px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    margin: 0 0 5px 0;
    font-size: 10px;
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 10000px;
    -xborder-right: solid 1px #FFFFFF;
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    overflow: hidden;
    border: 0;
    background: #3A3C3D;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    display: block;
    padding: 5px;
    border-right: solid 1px #313335;
    border-right: solid 1px rgba(49, 51, 53, .7);
    border-bottom: solid 1px #313335;
    border-bottom: solid 1px rgba(49, 51, 53, .7);
    color: #fff;
    font-size: 11px;
    cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #2D3C48;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    display: block;
    margin: 0 0 3px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    display: block;
    margin: 3px 0 4px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 12px;
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: center;
    /*font-weight: bold;*/
    font-size: 12px;
    line-height: 22px;
}

.mejs-captions-layer  a {
    color: #fff;
    text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
    font-weight: normal;
    font-size: 20px;
}

.mejs-captions-position {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
}

.mejs-captions-position-hover {
    bottom: 45px;
}

.mejs-captions-text {
    padding: 5px 7px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #3a3c3d;
    background: rgba(58, 60, 61, 0.8);
}
/* End: TRACK (Captions and Chapters) */

.mejs-clear {
    clear: both;
}

/* Start: ERROR */
.me-cannotplay {
}

.me-cannotplay a {
    color: #fff;
    font-weight: bold;
}

.me-cannotplay span {
    display: block;
    padding: 15px;
}
/* End: ERROR */


/* Start: Loop */
.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px;
}

.mejs-controls .mejs-loop-off:hover button {
    background-position: -64px -48px;
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0;
}

.mejs-controls .mejs-loop-on::hover button {
    background-position: -64px -32px;
}
/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-off:hover button {
    background-position: -80px -48px;
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0;
}

.mejs-controls .mejs-backlight-on:hover button {
    background-position: -80px -32px;
}
/* End: backlight */


/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0;
}

.mejs-controls .mejs-picturecontrols-button:hover {
    background-position: -96px -32px;
}
/* End: picture controls */


/* context menu */
.mejs-contextmenu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
 /* make sure it shows on fullscreen */
    padding: 10px;
    width: 150px;
    border: solid 1px #999;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
}

.mejs-contextmenu .mejs-contextmenu-separator {
    margin: 5px 6px;
    height: 1px;
    background: #333;
    font-size: 0;
}

.mejs-contextmenu .mejs-contextmenu-item {
    padding: 4px 6px;
    color: #333;
    font-size: 12px;
    font-family: sans-serif;
    cursor: pointer;
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff;
}


/* Start: SourceChooser */
.mejs-controls .mejs-sourcechooser-button {
    position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px -32px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    position: absolute;
    right: -10px;
    bottom: 26px;
    visibility: hidden;
    overflow: hidden;
    padding: 10px;
    width: 130px;
    height: 100px;
    border: solid 1px transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #3A3C3D;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    display: block;
    overflow: hidden;
    margin: 0 0 6px 0;
    padding: 0;
    color: #fff;
    list-style-type: none !important;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    float: left;
    clear: both;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    float: left;
    padding: 4px 0 0 0;
    width: 100px;
    font-size: 10px;
    font-family: sans-serif;
    line-height: 15px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-17.   Social Profiles
/*-----------------------------------------------------------------------------------*/

.social-icons {
    margin: 20px 0 0;
}

.social-icons.textalignleft li:first-child {
    margin-left: 0;
}

.social-icons.textalignright li:last-child {
    margin-right: 0;
}

.social-icons li {
    display: inline-block;
    margin: 0 10px 5px 10px;
    list-style: none outside none;
}

.social-icons li a {
    position: relative;
    display: block;
}

.social-icons li a i {
    color: #CFCFCF;
    font-size: 24px;
    
    -webkit-transition: color 0.15s ease-in-out 0s;
    transition: color 0.15s ease-in-out 0s;
}

.social-icons li a:hover i {
    color: #0DCBC0; 
}

/*-----------------------------------------------------------------------------------*/
/*  0-18.   Icon Style & Icons Example for Demo Content Only
/*-----------------------------------------------------------------------------------*/

.icon-sh {
    display: block;
}

.no-border {
    display: inline-block;
}

.border-circle,
.border-square,
.border-diamond {
    display: inline-block;
    padding: 25px;
    border: 2px solid #2D3C48;
}

.no-border,
.border-circle,
.border-square,
.border-diamond {
    margin: 10px;
}

.border-circle {
    -webkit-border-radius: 999px;
    border-radius: 999px;
}

.border-diamond {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.border-diamond i {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);   
}

/* Demo */
.icons-example ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

.icons-example ul li {
    display: inline-block;
    margin: 0 5px 5px 0;
    list-style: none;
    cursor: pointer;
}

.icons-example ul li a {
    position: relative;
    display: block;
    width: 66px;
    height: 66px;
    color: #C6C9CB;
    background: transparent;

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s, -webkit-transform 0.3s ease 0s;
    transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s, transform 0.3s ease 0s;
}

.icons-example ul li a:hover {
    background: #212426;
    color: #FFFFFF;

    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.icons-example ul li a i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    font-size: 24px;
}

/*-----------------------------------------------------------------------------------*/
/*  0-19.   Testimonial Slider
/*-----------------------------------------------------------------------------------*/

.az-testimonials.flexslider .az-testimonials-container .slides > li {
    position: relative;
    display: none;
}

.az-testimonials.flexslider .az-testimonials-container {
    position: relative;
}

.az-testimonials.flexslider .az-testimonial-quote:before {
    content: "“";
}

.az-testimonials.flexslider .az-testimonial-quote:after {
    content: "”";
}

.az-testimonials.flexslider .az-testimonial-image {
    position: relative;
    display: block;
    margin: 0 auto 30px;
    padding: 2px;
    width: 100px;
    height: 100px;
    border: 3px solid #CFCFCF;
    -webkit-border-radius: 999px;
    border-radius: 999px;
}

.az-testimonials.flexslider .az-testimonial-quote {
    margin: 0 auto 30px;
    width: 80%;
    text-align: center;
    font-style: italic;
    font-size: 24px;
    line-height: 1.6em;
}

.az-testimonials.flexslider .az-testimonial-source {
    display: block;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}

.az-testimonials.flexslider .flex-control-nav {
    position: relative;
    display: block;
    margin: 0 auto !important;
    width: auto;
    text-align: center;
}

.az-testimonials.flexslider .flex-control-nav li {
    display: inline-block;
    margin: 0 8px;
    text-indent: -9999px;
    opacity: 1 !important;
}
.az-testimonials.flexslider .flex-control-nav li a {
    display: block;
    width: 16px;
    height: 16px;
    background: transparent;
    border: 2px solid #CFCFCF;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-indent: -999em;
    cursor: pointer;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.az-testimonials.flexslider .flex-control-nav li a:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;

    background: transparent;
    -webkit-border-radius: 1px;
    border-radius: 1px;

    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transition: background 0.3 ease 0s;
    transition: background 0.3s ease 0s;
}

.az-testimonials.flexslider .flex-control-nav li a.flex-active:after, 
.az-testimonials.flexslider .flex-caption,
.az-testimonials.flexslider .flex-control-nav li a:hover:after {
    background: #CFCFCF;
}

.testimonial-builder.white .az-testimonials.flexslider .flex-control-nav li a,
.testimonial-builder.white .az-testimonials.flexslider .az-testimonial-image {
    border-color: #FFFFFF;
}
.testimonial-builder.white .az-testimonials.flexslider .flex-control-nav li a.flex-active:after, 
.testimonial-builder.white .az-testimonials.flexslider .flex-caption,
.testimonial-builder.white .az-testimonials.flexslider .flex-control-nav li a:hover:after {
    background: #FFFFFF;
}

/*-----------------------------------------------------------------------------------*/
/*  0-20.   Social Share
/*-----------------------------------------------------------------------------------*/

.az-social-share iframe {
    max-width: none;
}

.az-social-share .fb-like {
    width: 107px;
}

.az-social-share.single-post {
    margin-top: 50px;
    padding: 50px 0;
    border-top: 2px solid #EBEDEF;
    border-bottom:  2px solid #EBEDEF;
}

/*-----------------------------------------------------------------------------------*/
/*  0-21.   Count Number
/*-----------------------------------------------------------------------------------*/

.counter-number {
    margin: 30px 0;
    text-align: center;
}

.counter-number .number-field {
    display: block;
    margin-top: 15px;
    font-weight: 700;
    font-size: 18px;
}

.counter-number .number-value {
    color: #2D3C48;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
}

.counter-number .count-number-icon {
    margin-bottom: 25px;
    color: #0DCBC0;
    font-size: 36px;
}

/*-----------------------------------------------------------------------------------*/
/*  28. Animation Modules Settings
/*-----------------------------------------------------------------------------------*/

/* Fade In */

.fade_in.animate {
    -webkit-animation: fadeIn 0.65s ease forwards;
    -moz-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
    to { opacity: 1; }
}

@-moz-keyframes fadeIn {
    to { opacity: 1; }
}

@keyframes fadeIn {
    to { opacity: 1; }
}

/* Move Left */

.move_left.animate {
    -webkit-transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    transform: translateX(-200px);

    -webkit-animation: moveLeft 0.65s ease forwards;
    -moz-animation: moveLeft 0.65s ease forwards;
    animation: moveLeft 0.65s ease forwards;
}

@-webkit-keyframes moveLeft {
    to { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes moveLeft {
    to { opacity: 1; -moz-transform: translateX(0); }
}

@keyframes moveLeft {
    to { opacity: 1; transform: translateX(0); }
}

/* Move Right */

.move_right.animate {
    -webkit-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);

    -webkit-animation: moveLeft 0.65s ease forwards;
    -moz-animation: moveLeft 0.65s ease forwards;
    animation: moveLeft 0.65s ease forwards;
}

@-webkit-keyframes moveRight {
    to { opacity: 1; -webkit-transform: translateX(0); }
}

@-moz-keyframes moveRight {
    to { opacity: 1; -moz-transform: translateX(0); }
}

@keyframes moveRight {
    to { opacity: 1; transform: translateX(0); }
}


/* Move Up */

.move_up.animate {
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);

    -webkit-animation: moveUp 0.65s ease forwards;
    -moz-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
    to { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes moveUp {
    to { opacity: 1; -moz-transform: translateY(0); }
}

@keyframes moveUp {
    to { opacity: 1; transform: translateY(0); }
}

/* Scale Up */

.scale_up.animate {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);

    -webkit-animation: scaleUp 0.65s ease-in-out forwards;
    -moz-animation: scaleUp 0.65s ease-in-out forwards;
    animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
    to { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes scaleUp {
    to { opacity: 1; -moz-transform: scale(1); }
}

@keyframes scaleUp {
    to { opacity: 1; transform: scale(1); }
}

/* Little Bounce */

.little_bounce.animate {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    
    -webkit-animation: popUp .8s ease-in forwards;
    -moz-animation: popUp .8s ease-in forwards;
    animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
    70% { opacity: .8; -webkit-transform: scale(1.1); -webkit-animation-timing-function: ease-out; }
    100% { opacity: 1; -webkit-transform: scale(1); }
}

@-moz-keyframes popUp {
    70% { opacity: .8; -moz-transform: scale(1.1); -moz-animation-timing-function: ease-out; }
    100% { opacity: 1; -moz-transform: scale(1); }
}

@keyframes popUp {
    70% { opacity: .8; transform: scale(1.1); animation-timing-function: ease-out; }
    100% { opacity: 1; transform: scale(1); }
}

.js .animated-content {
    opacity: 0;
}

.no-js .animated-content,
.no-csstransitions .animated-content {
    opacity: 1; 
}

.lt-ie9 .animated-content {
    opacity: 1;
    -ms-transform: none !important;
    transform: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

/*-----------------------------------------------------------------------------------*/
/*  29. Font Icons ( Entypo and Custom Social Icons - LineIcons - SteadyIcons )
/*-----------------------------------------------------------------------------------*/

/* Entypo + Custom Social Icons */
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'Icons';
    src:url('_include/css/fonts/Icons.eot');
    src:url('_include/css/fonts/Icons.eot?#iefix') format('embedded-opentype'),
        url('_include/css/fonts/Icons.woff') format('woff'),
        url('_include/css/fonts/Icons.ttf') format('truetype'),
        url('_include/css/fonts/Icons.svg#Icons') format('svg');
}

[class^="font-"], [class*=" font-"] {
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'Icons';
    line-height: 1;
    speak: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-icon-phone:before {
    content: "\e0f3";
}
.font-icon-mobile:before {
    content: "\e0f4";
}
.font-icon-mouse:before {
    content: "\e0f5";
}
.font-icon-directions:before {
    content: "\e0f6";
}
.font-icon-mail:before {
    content: "\e0f7";
}
.font-icon-paperplane:before {
    content: "\e0f8";
}
.font-icon-pencil:before {
    content: "\e0f9";
}
.font-icon-feather:before {
    content: "\e0fa";
}
.font-icon-paperclip:before {
    content: "\e0fb";
}
.font-icon-drawer:before {
    content: "\e0fc";
}
.font-icon-reply:before {
    content: "\e0fd";
}
.font-icon-reply-all:before {
    content: "\e0fe";
}
.font-icon-forward:before {
    content: "\e0ff";
}
.font-icon-user:before {
    content: "\e100";
}
.font-icon-users:before {
    content: "\e101";
}
.font-icon-user-add:before {
    content: "\e102";
}
.font-icon-vcard:before {
    content: "\e103";
}
.font-icon-export:before {
    content: "\e104";
}
.font-icon-location:before {
    content: "\e105";
}
.font-icon-map:before {
    content: "\e106";
}
.font-icon-compass:before {
    content: "\e107";
}
.font-icon-location-2:before {
    content: "\e108";
}
.font-icon-target:before {
    content: "\e109";
}
.font-icon-share:before {
    content: "\e10a";
}
.font-icon-sharable:before {
    content: "\e10b";
}
.font-icon-heart:before {
    content: "\e10c";
}
.font-icon-heart-2:before {
    content: "\e10d";
}
.font-icon-star:before {
    content: "\e10e";
}
.font-icon-star-2:before {
    content: "\e10f";
}
.font-icon-thumbs-up:before {
    content: "\e110";
}
.font-icon-thumbs-down:before {
    content: "\e111";
}
.font-icon-chat:before {
    content: "\e112";
}
.font-icon-comment:before {
    content: "\e113";
}
.font-icon-quote:before {
    content: "\e114";
}
.font-icon-house:before {
    content: "\e115";
}
.font-icon-popup:before {
    content: "\e116";
}
.font-icon-search:before {
    content: "\e117";
}
.font-icon-flashlight:before {
    content: "\e118";
}
.font-icon-printer:before {
    content: "\e119";
}
.font-icon-bell:before {
    content: "\e11a";
}
.font-icon-link:before {
    content: "\e11b";
}
.font-icon-flag:before {
    content: "\e11c";
}
.font-icon-cog:before {
    content: "\e11d";
}
.font-icon-tools:before {
    content: "\e11e";
}
.font-icon-trophy:before {
    content: "\e11f";
}
.font-icon-tag:before {
    content: "\e120";
}
.font-icon-camera:before {
    content: "\e121";
}
.font-icon-megaphone:before {
    content: "\e122";
}
.font-icon-moon:before {
    content: "\e123";
}
.font-icon-palette:before {
    content: "\e124";
}
.font-icon-leaf:before {
    content: "\e125";
}
.font-icon-music:before {
    content: "\e126";
}
.font-icon-music-2:before {
    content: "\e127";
}
.font-icon-new:before {
    content: "\e128";
}
.font-icon-graduation:before {
    content: "\e129";
}
.font-icon-book:before {
    content: "\e12a";
}
.font-icon-newspaper:before {
    content: "\e12b";
}
.font-icon-bag:before {
    content: "\e12c";
}
.font-icon-airplane:before {
    content: "\e12d";
}
.font-icon-lifebuoy:before {
    content: "\e12e";
}
.font-icon-eye:before {
    content: "\e12f";
}
.font-icon-clock:before {
    content: "\e130";
}
.font-icon-microphone:before {
    content: "\e131";
}
.font-icon-calendar:before {
    content: "\e132";
}
.font-icon-bolt:before {
    content: "\e133";
}
.font-icon-thunder:before {
    content: "\e134";
}
.font-icon-droplet:before {
    content: "\e135";
}
.font-icon-cd:before {
    content: "\e136";
}
.font-icon-briefcase:before {
    content: "\e137";
}
.font-icon-air:before {
    content: "\e138";
}
.font-icon-hourglass:before {
    content: "\e139";
}
.font-icon-gauge:before {
    content: "\e13a";
}
.font-icon-language:before {
    content: "\e13b";
}
.font-icon-network:before {
    content: "\e13c";
}
.font-icon-key:before {
    content: "\e13d";
}
.font-icon-battery:before {
    content: "\e13e";
}
.font-icon-bucket:before {
    content: "\e13f";
}
.font-icon-magnet:before {
    content: "\e140";
}
.font-icon-drive:before {
    content: "\e141";
}
.font-icon-cup:before {
    content: "\e142";
}
.font-icon-rocket:before {
    content: "\e143";
}
.font-icon-brush:before {
    content: "\e144";
}
.font-icon-suitcase:before {
    content: "\e145";
}
.font-icon-cone:before {
    content: "\e146";
}
.font-icon-earth:before {
    content: "\e147";
}
.font-icon-keyboard:before {
    content: "\e148";
}
.font-icon-browser:before {
    content: "\e149";
}
.font-icon-publish:before {
    content: "\e14a";
}
.font-icon-progress-3:before {
    content: "\e14b";
}
.font-icon-progress-2:before {
    content: "\e14c";
}
.font-icon-brogress-1:before {
    content: "\e14d";
}
.font-icon-progress-0:before {
    content: "\e14e";
}
.font-icon-sun:before {
    content: "\e14f";
}
.font-icon-sun-2:before {
    content: "\e150";
}
.font-icon-adjust:before {
    content: "\e151";
}
.font-icon-code:before {
    content: "\e152";
}
.font-icon-screen:before {
    content: "\e153";
}
.font-icon-light-bulb:before {
    content: "\e155";
}
.font-icon-credit-card:before {
    content: "\e156";
}
.font-icon-database:before {
    content: "\e157";
}
.font-icon-voicemail:before {
    content: "\e158";
}
.font-icon-clipboard:before {
    content: "\e159";
}
.font-icon-cart:before {
    content: "\e15a";
}
.font-icon-box:before {
    content: "\e15b";
}
.font-icon-ticket:before {
    content: "\e15c";
}
.font-icon-rss:before {
    content: "\e15d";
}
.font-icon-signal:before {
    content: "\e15e";
}
.font-icon-thermometer:before {
    content: "\e15f";
}
.font-icon-droplets:before {
    content: "\e160";
}
.font-icon-layout-3:before {
    content: "\e161";
}
.font-icon-statistics:before {
    content: "\e162";
}
.font-icon-pie:before {
    content: "\e163";
}
.font-icon-bars:before {
    content: "\e164";
}
.font-icon-graph:before {
    content: "\e165";
}
.font-icon-lock:before {
    content: "\e166";
}
.font-icon-lock-open:before {
    content: "\e167";
}
.font-icon-logout:before {
    content: "\e168";
}
.font-icon-login:before {
    content: "\e169";
}
.font-icon-checkmark:before {
    content: "\e16a";
}
.font-icon-cross:before {
    content: "\e16b";
}
.font-icon-minus:before {
    content: "\e16c";
}
.font-icon-plus:before {
    content: "\e16d";
}
.font-icon-cross-2:before {
    content: "\e16e";
}
.font-icon-minus-2:before {
    content: "\e16f";
}
.font-icon-plus-2:before {
    content: "\e170";
}
.font-icon-cross-3:before {
    content: "\e171";
}
.font-icon-minus-3:before {
    content: "\e172";
}
.font-icon-plus-3:before {
    content: "\e173";
}
.font-icon-erase:before {
    content: "\e174";
}
.font-icon-blocked:before {
    content: "\e175";
}
.font-icon-info:before {
    content: "\e176";
}
.font-icon-info-2:before {
    content: "\e177";
}
.font-icon-question:before {
    content: "\e178";
}
.font-icon-help:before {
    content: "\e179";
}
.font-icon-warning:before {
    content: "\e17a";
}
.font-icon-cycle:before {
    content: "\e17b";
}
.font-icon-cw:before {
    content: "\e17c";
}
.font-icon-ccw:before {
    content: "\e17d";
}
.font-icon-shuffle:before {
    content: "\e17e";
}
.font-icon-arrow:before {
    content: "\e17f";
}
.font-icon-arrow-2:before {
    content: "\e180";
}
.font-icon-retweet:before {
    content: "\e181";
}
.font-icon-loop:before {
    content: "\e182";
}
.font-icon-history:before {
    content: "\e183";
}
.font-icon-back:before {
    content: "\e184";
}
.font-icon-switch:before {
    content: "\e185";
}
.font-icon-list:before {
    content: "\e186";
}
.font-icon-add-to-list:before {
    content: "\e187";
}
.font-icon-layout:before {
    content: "\e188";
}
.font-icon-list-2:before {
    content: "\e189";
}
.font-icon-text:before {
    content: "\e18a";
}
.font-icon-text-2:before {
    content: "\e18b";
}
.font-icon-document:before {
    content: "\e18c";
}
.font-icon-docs:before {
    content: "\e18d";
}
.font-icon-landscape:before {
    content: "\e18e";
}
.font-icon-pictures:before {
    content: "\e18f";
}
.font-icon-video:before {
    content: "\e190";
}
.font-icon-music-3:before {
    content: "\e191";
}
.font-icon-folder:before {
    content: "\e192";
}
.font-icon-archive:before {
    content: "\e193";
}
.font-icon-trash:before {
    content: "\e194";
}
.font-icon-upload:before {
    content: "\e195";
}
.font-icon-download:before {
    content: "\e196";
}
.font-icon-disk:before {
    content: "\e197";
}
.font-icon-install:before {
    content: "\e198";
}
.font-icon-cloud:before {
    content: "\e199";
}
.font-icon-upload-2:before {
    content: "\e19a";
}
.font-icon-bookmark:before {
    content: "\e19b";
}
.font-icon-bookmarks:before {
    content: "\e19c";
}
.font-icon-book-2:before {
    content: "\e19d";
}
.font-icon-play:before {
    content: "\e19e";
}
.font-icon-pause:before {
    content: "\e19f";
}
.font-icon-record:before {
    content: "\e1a0";
}
.font-icon-stop:before {
    content: "\e1a1";
}
.font-icon-next:before {
    content: "\e1a2";
}
.font-icon-previous:before {
    content: "\e1a3";
}
.font-icon-first:before {
    content: "\e1a4";
}
.font-icon-last:before {
    content: "\e1a5";
}
.font-icon-resize-enlarge:before {
    content: "\e1a6";
}
.font-icon-resize-shrink:before {
    content: "\e1a7";
}
.font-icon-volume:before {
    content: "\e1a8";
}
.font-icon-sound:before {
    content: "\e1a9";
}
.font-icon-mute:before {
    content: "\e1aa";
}
.font-icon-flow-cascade:before {
    content: "\e1ab";
}
.font-icon-flow-branch:before {
    content: "\e1ac";
}
.font-icon-flow-tree:before {
    content: "\e1ad";
}
.font-icon-flow-line:before {
    content: "\e1ae";
}
.font-icon-flow-parallel:before {
    content: "\e1af";
}
.font-icon-arrow-left-big-flat:before {
    content: "\e1b0";
}
.font-icon-arrow-down-big-flat:before {
    content: "\e1b1";
}
.font-icon-arrow-up-big-flat:before {
    content: "\e1b2";
}
.font-icon-arrow-right-big-flat:before {
    content: "\e1b3";
}
.font-icon-arrow-left-small-flat:before {
    content: "\e1b4";
}
.font-icon-arrow-down-small-flat:before {
    content: "\e1b5";
}
.font-icon-arrow-up-small-flat:before {
    content: "\e1b6";
}
.font-icon-arrow-right-small-flat:before {
    content: "\e1b7";
}
.font-icon-arrow-left-circle:before {
    content: "\e1b8";
}
.font-icon-arrow-down-circle:before {
    content: "\e1b9";
}
.font-icon-arrow-up-circle:before {
    content: "\e1ba";
}
.font-icon-arrow-right-circle:before {
    content: "\e1bb";
}
.font-icon-arrow-left-triangle:before {
    content: "\e1bc";
}
.font-icon-arrow-down-triangle:before {
    content: "\e1bd";
}
.font-icon-arrow-up-triangle:before {
    content: "\e1be";
}
.font-icon-arrow-right-triangle:before {
    content: "\e1bf";
}
.font-icon-arrow-left-simple-round:before {
    content: "\e1c0";
}
.font-icon-arrow-down-simple-round:before {
    content: "\e1c1";
}
.font-icon-arrow-up-simple-round:before {
    content: "\e1c2";
}
.font-icon-arrow-right-simple-round:before {
    content: "\e1c3";
}
.font-icon-arrow-left-simple-thin-round:before {
    content: "\e1c4";
}
.font-icon-arrow-down-simple-thin-round:before {
    content: "\e1c5";
}
.font-icon-arrow-up-simple-thin-round:before {
    content: "\e1c6";
}
.font-icon-arrow-right-simple-thin-round:before {
    content: "\e1c7";
}
.font-icon-arrow-left-simple-thin:before {
    content: "\e1c8";
}
.font-icon-arrow-down-simple-thin:before {
    content: "\e1c9";
}
.font-icon-arrow-up-simple-thin:before {
    content: "\e1ca";
}
.font-icon-arrow-right-simple-thin:before {
    content: "\e1cb";
}
.font-icon-arrow-left-big:before {
    content: "\e1cc";
}
.font-icon-arrow-down-big:before {
    content: "\e1cd";
}
.font-icon-arrow-up-big:before {
    content: "\e1ce";
}
.font-icon-arrow-right-big:before {
    content: "\e1cf";
}
.font-icon-arrow-menu:before {
    content: "\e1d0";
}
.font-icon-ellipsis:before {
    content: "\e1d1";
}
.font-icon-dots:before {
    content: "\e1d2";
}
.font-icon-dot:before {
    content: "\e1d3";
}
.font-icon-social-zerply:before {
    content: "\e01b";
}
.font-icon-social-youtube:before {
    content: "\e017";
}
.font-icon-social-yelp:before {
    content: "\e01d";
}
.font-icon-social-yahoo:before {
    content: "\e01e";
}
.font-icon-social-wordpress:before {
    content: "\e01f";
}
.font-icon-social-virb:before {
    content: "\e020";
}
.font-icon-social-vimeo:before {
    content: "\e021";
}
.font-icon-social-viddler:before {
    content: "\e022";
}
.font-icon-social-twitter:before {
    content: "\e023";
}
.font-icon-social-tumblr:before {
    content: "\e024";
}
.font-icon-social-stumbleupon:before {
    content: "\e025";
}
.font-icon-social-soundcloud:before {
    content: "\e073";
}
.font-icon-social-skype:before {
    content: "\e074";
}
.font-icon-social-share-this:before {
    content: "\e075";
}
.font-icon-social-quora:before {
    content: "\e076";
}
.font-icon-social-photobucket:before {
    content: "\e078";
}
.font-icon-social-paypal:before {
    content: "\e079";
}
.font-icon-social-myspace:before {
    content: "\e026";
}
.font-icon-social-linkedin:before {
    content: "\e027";
}
.font-icon-social-last-fm:before {
    content: "\e028";
}
.font-icon-social-instagram:before {
    content: "\e029";
}
.font-icon-social-grooveshark:before {
    content: "\e02a";
}
.font-icon-social-google-plus:before {
    content: "\e02b";
}
.font-icon-social-github:before {
    content: "\e02c";
}
.font-icon-social-forrst:before {
    content: "\e02d";
}
.font-icon-social-flickr:before {
    content: "\e02e";
}
.font-icon-social-facebook:before {
    content: "\e02f";
}
.font-icon-social-evernote:before {
    content: "\e030";
}
.font-icon-social-envato:before {
    content: "\e031";
}
.font-icon-social-email:before {
    content: "\e032";
}
.font-icon-social-dribbble:before {
    content: "\e033";
}
.font-icon-social-digg:before {
    content: "\e034";
}
.font-icon-social-deviant-art:before {
    content: "\e035";
}
.font-icon-social-blogger:before {
    content: "\e036";
}
.font-icon-social-behance:before {
    content: "\e037";
}
.font-icon-social-bebo:before {
    content: "\e038";
}
.font-icon-social-addthis:before {
    content: "\e07a";
}
.font-icon-social-500px:before {
    content: "\e07b";
}
.font-icon-social-pinterest:before {
    content: "\e077";
}
.font-icon-align-right:before {
    content: "\e000";
}
.font-icon-align-left:before {
    content: "\e001";
}
.font-icon-align-justify:before {
    content: "\e002";
}
.font-icon-align-center:before {
    content: "\e003";
}
.font-icon-group:before {
    content: "\e004";
}
.font-icon-grid:before {
    content: "\e005";
}
.font-icon-grid-large:before {
    content: "\e006";
}

/* LineIcons */
/* LineIcons */
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'LineIcons';
    src:url('_include/css/fonts/LineIcons.eot');
    src:url('_include/css/fonts/LineIcons.eot?#iefix') format('embedded-opentype'),
        url('_include/css/fonts/LineIcons.ttf') format('truetype'),
        url('_include/css/fonts/LineIcons.woff') format('woff'),
        url('_include/css/fonts/LineIcons.svg#LineIcons') format('svg');
}

[class^="lineicons-"], [class*=" lineicons-"] {
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'LineIcons';
    line-height: 1;
    speak: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lineicons-heart:before {
    content: "\e602";
}
.lineicons-cloud:before {
    content: "\e603";
}
.lineicons-star:before {
    content: "\e604";
}
.lineicons-tv:before {
    content: "\e605";
}
.lineicons-sound:before {
    content: "\e606";
}
.lineicons-video:before {
    content: "\e607";
}
.lineicons-trash:before {
    content: "\e608";
}
.lineicons-user:before {
    content: "\e609";
}
.lineicons-key:before {
    content: "\e60a";
}
.lineicons-search:before {
    content: "\e60b";
}
.lineicons-eye:before {
    content: "\e60c";
}
.lineicons-bubble:before {
    content: "\e60d";
}
.lineicons-stack:before {
    content: "\e60e";
}
.lineicons-cup:before {
    content: "\e60f";
}
.lineicons-phone:before {
    content: "\e610";
}
.lineicons-news:before {
    content: "\e611";
}
.lineicons-mail:before {
    content: "\e612";
}
.lineicons-like:before {
    content: "\e613";
}
.lineicons-photo:before {
    content: "\e614";
}
.lineicons-note:before {
    content: "\e615";
}
.lineicons-food:before {
    content: "\e616";
}
.lineicons-tshirt:before {
    content: "\e617";
}
.lineicons-fire:before {
    content: "\e618";
}
.lineicons-clip:before {
    content: "\e619";
}
.lineicons-shop:before {
    content: "\e61a";
}
.lineicons-calendar:before {
    content: "\e61b";
}
.lineicons-wallet:before {
    content: "\e61c";
}
.lineicons-vynil:before {
    content: "\e61d";
}
.lineicons-truck:before {
    content: "\e61e";
}
.lineicons-lab:before {
    content: "\e631";
}
.lineicons-location:before {
    content: "\e62f";
}
.lineicons-clock:before {
    content: "\e61f";
}
.lineicons-world:before {
    content: "\e627";
}
.lineicons-settings:before {
    content: "\e630";
}
.lineicons-camera:before {
    content: "\e628";
}
.lineicons-paperplane:before {
    content: "\e620";
}
.lineicons-params:before {
    content: "\e621";
}
.lineicons-tag:before {
    content: "\e629";
}
.lineicons-lock:before {
    content: "\e62a";
}
.lineicons-banknote:before {
    content: "\e622";
}
.lineicons-data:before {
    content: "\e623";
}
.lineicons-pen:before {
    content: "\e62c";
}
.lineicons-music:before {
    content: "\e624";
}
.lineicons-megaphone:before {
    content: "\e625";
}
.lineicons-diamond:before {
    content: "\e62d";
}
.lineicons-bulb:before {
    content: "\e62b";
}
.lineicons-display:before {
    content: "\e62e";
}
.lineicons-study:before {
    content: "\e626";
}

/* Steady Icons */
@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'SteadyIcons';
    src:url('_include/css/fonts/SteadyIcons.eot');
    src:url('_include/css/fonts/SteadyIcons.eot?#iefix') format('embedded-opentype'),
        url('_include/css/fonts/SteadyIcons.ttf') format('truetype'),
        url('_include/css/fonts/SteadyIcons.woff') format('woff'),
        url('_include/css/fonts/SteadyIcons.svg#SteadyIcons') format('svg');
}

[class^="steadyicons-"], [class*=" steadyicons-"] {
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'SteadyIcons';
    line-height: 1;
    speak: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.steadyicons-envelope:before {
    content: "\e603";
}
.steadyicons-email:before {
    content: "\e604";
}
.steadyicons-files:before {
    content: "\e605";
}
.steadyicons-uniE606:before {
    content: "\e606";
}
.steadyicons-file-settings:before {
    content: "\e607";
}
.steadyicons-file-add:before {
    content: "\e608";
}
.steadyicons-file:before {
    content: "\e609";
}
.steadyicons-align-left:before {
    content: "\e60a";
}
.steadyicons-align-right:before {
    content: "\e60b";
}
.steadyicons-align-center:before {
    content: "\e60c";
}
.steadyicons-align-justify:before {
    content: "\e60d";
}
.steadyicons-file-broken:before {
    content: "\e60e";
}
.steadyicons-browser:before {
    content: "\e60f";
}
.steadyicons-windows:before {
    content: "\e610";
}
.steadyicons-window:before {
    content: "\e611";
}
.steadyicons-folder:before {
    content: "\e612";
}
.steadyicons-folder-add:before {
    content: "\e613";
}
.steadyicons-folder-settings:before {
    content: "\e614";
}
.steadyicons-folder-check:before {
    content: "\e615";
}
.steadyicons-wifi-low:before {
    content: "\e616";
}
.steadyicons-connection-25:before {
    content: "\e618";
}
.steadyicons-connection-50:before {
    content: "\e619";
}
.steadyicons-connection-75:before {
    content: "\e61a";
}
.steadyicons-connection-full:before {
    content: "\e61b";
}
.steadyicons-list:before {
    content: "\e61c";
}
.steadyicons-grid:before {
    content: "\e61d";
}
.steadyicons-uniE61E:before {
    content: "\e61e";
}
.steadyicons-battery-charging:before {
    content: "\e61f";
}
.steadyicons-battery-empty:before {
    content: "\e620";
}
.steadyicons-battery-25:before {
    content: "\e621";
}
.steadyicons-battery-50:before {
    content: "\e622";
}
.steadyicons-battery-75:before {
    content: "\e623";
}
.steadyicons-battery-full:before {
    content: "\e624";
}
.steadyicons-settings:before {
    content: "\e625";
}
.steadyicons-arrow-left:before {
    content: "\e626";
}
.steadyicons-arrow-up:before {
    content: "\e627";
}
.steadyicons-arrow-down:before {
    content: "\e628";
}
.steadyicons-arrow-right:before {
    content: "\e629";
}
.steadyicons-reload:before {
    content: "\e62a";
}
.steadyicons-refresh:before {
    content: "\e62b";
}
.steadyicons-mute:before {
    content: "\e62d";
}
.steadyicons-microphone:before {
    content: "\e62e";
}
.steadyicons-microphone-off:before {
    content: "\e62f";
}
.steadyicons-book:before {
    content: "\e630";
}
.steadyicons-checkmark:before {
    content: "\e631";
}
.steadyicons-checkbox-checked:before {
    content: "\e632";
}
.steadyicons-checkbox:before {
    content: "\e633";
}
.steadyicons-paperclip:before {
    content: "\e634";
}
.steadyicons-download:before {
    content: "\e635";
}
.steadyicons-tag:before {
    content: "\e636";
}
.steadyicons-trashcan:before {
    content: "\e637";
}
.steadyicons-search:before {
    content: "\e638";
}
.steadyicons-zoom-in:before {
    content: "\e639";
}
.steadyicons-zoom-out:before {
    content: "\e63a";
}
.steadyicons-chat:before {
    content: "\e63b";
}
.steadyicons-chat-1:before {
    content: "\e63c";
}
.steadyicons-chat-2:before {
    content: "\e63d";
}
.steadyicons-chat-3:before {
    content: "\e63e";
}
.steadyicons-comment:before {
    content: "\e63f";
}
.steadyicons-calendar:before {
    content: "\e640";
}
.steadyicons-bookmark:before {
    content: "\e688";
}
.steadyicons-email2:before {
    content: "\e689";
}
.steadyicons-heart:before {
    content: "\e641";
}
.steadyicons-enter:before {
    content: "\e642";
}
.steadyicons-cloud:before {
    content: "\e643";
}
.steadyicons-book2:before {
    content: "\e644";
}
.steadyicons-star:before {
    content: "\e645";
}
.steadyicons-clock:before {
    content: "\e646";
}
.steadyicons-printer:before {
    content: "\e647";
}
.steadyicons-home:before {
    content: "\e648";
}
.steadyicons-flag:before {
    content: "\e649";
}
.steadyicons-meter:before {
    content: "\e64a";
}
.steadyicons-switch:before {
    content: "\e64b";
}
.steadyicons-forbidden:before {
    content: "\e64c";
}
.steadyicons-lock:before {
    content: "\e64d";
}
.steadyicons-unlocked:before {
    content: "\e64e";
}
.steadyicons-unlocked2:before {
    content: "\e64f";
}
.steadyicons-users:before {
    content: "\e650";
}
.steadyicons-user:before {
    content: "\e651";
}
.steadyicons-users2:before {
    content: "\e652";
}
.steadyicons-user2:before {
    content: "\e653";
}
.steadyicons-bullhorn:before {
    content: "\e654";
}
.steadyicons-share:before {
    content: "\e655";
}
.steadyicons-screen:before {
    content: "\e68a";
}
.steadyicons-phone:before {
    content: "\e68b";
}
.steadyicons-phone-portrait:before {
    content: "\e656";
}
.steadyicons-phone-landscape:before {
    content: "\e657";
}
.steadyicons-tablet:before {
    content: "\e658";
}
.steadyicons-tablet-landscape:before {
    content: "\e659";
}
.steadyicons-laptop:before {
    content: "\e65a";
}
.steadyicons-camera:before {
    content: "\e65b";
}
.steadyicons-microwave-oven:before {
    content: "\e65c";
}
.steadyicons-credit-cards:before {
    content: "\e65d";
}
.steadyicons-calculator:before {
    content: "\e65e";
}
.steadyicons-bag:before {
    content: "\e65f";
}
.steadyicons-diamond:before {
    content: "\e660";
}
.steadyicons-drink:before {
    content: "\e661";
}
.steadyicons-shorts:before {
    content: "\e662";
}
.steadyicons-vcard:before {
    content: "\e663";
}
.steadyicons-sun:before {
    content: "\e664";
}
.steadyicons-bill:before {
    content: "\e665";
}
.steadyicons-coffee:before {
    content: "\e666";
}
.steadyicons-uniE667:before {
    content: "\e667";
}
.steadyicons-newspaper:before {
    content: "\e668";
}
.steadyicons-stack:before {
    content: "\e669";
}
.steadyicons-map-marker:before {
    content: "\e66a";
}
.steadyicons-map:before {
    content: "\e68c";
}
.steadyicons-support:before {
    content: "\e68d";
}
.steadyicons-uniE66B:before {
    content: "\e66b";
}
.steadyicons-barbell:before {
    content: "\e66c";
}
.steadyicons-stopwatch:before {
    content: "\e66d";
}
.steadyicons-atom:before {
    content: "\e66e";
}
.steadyicons-syringe:before {
    content: "\e66f";
}
.steadyicons-health:before {
    content: "\e670";
}
.steadyicons-bolt:before {
    content: "\e671";
}
.steadyicons-pill:before {
    content: "\e672";
}
.steadyicons-bones:before {
    content: "\e673";
}
.steadyicons-lab:before {
    content: "\e674";
}
.steadyicons-clipboard:before {
    content: "\e675";
}
.steadyicons-mug:before {
    content: "\e676";
}
.steadyicons-bucket:before {
    content: "\e677";
}
.steadyicons-select:before {
    content: "\e678";
}
.steadyicons-graph:before {
    content: "\e679";
}
.steadyicons-crop:before {
    content: "\e67a";
}
.steadyicons-image:before {
    content: "\e67b";
}
.steadyicons-cube:before {
    content: "\e67c";
}
.steadyicons-bars:before {
    content: "\e67d";
}
.steadyicons-chart:before {
    content: "\e67e";
}
.steadyicons-pencil:before {
    content: "\e67f";
}
.steadyicons-type:before {
    content: "\e682";
}
.steadyicons-box:before {
    content: "\e683";
}
.steadyicons-archive:before {
    content: "\e602";
}
.steadyicons-wifi-mid:before {
    content: "\e684";
}
.steadyicons-wifi-full:before {
    content: "\e685";
}
.steadyicons-connection-empty:before {
    content: "\e617";
}
.steadyicons-volume:before {
    content: "\e686";
}
.steadyicons-volume-increase:before {
    content: "\e687";
}
.steadyicons-volume-decrease:before {
    content: "\e62c";
}
.steadyicons-eyedropper:before {
    content: "\e681";
}
.steadyicons-measure:before {
    content: "\e680";
}

/*-----------------------------------------------------------------------------------*/
/*  30. Flex Slider Settings
/*-----------------------------------------------------------------------------------*/
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block;width: 100%;}
.flexslider .slides.round img {-webkit-border-radius: 0; border-radius: 0;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after { display: block; visibility: hidden; clear: both; height: 0;content: "."; line-height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative;  zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.loading {margin:0 auto;min-height:350px; background: url("../../images/loading.html") no-repeat center center;}
.carousel li {margin-right: 5px;}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { left: 0;opacity: 1;}
  .flex-direction-nav .flex-next { right: 0;opacity: 1;}
}

/*-----------------------------------------------------------------------------------*/
/*  31. Media Queries
/*-----------------------------------------------------------------------------------*/

@media (min-width: 1300px) and (max-width: 1599px) {
    /* Portfolio Columns */
    .portfolio-full .item-project.col-full-1 {
        width: 20%;
    }

    /* Gallery Columns */
    .gallery-full .item-gallery.col-full-1 {
        width: 20%;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    /* Portfolio Columns */
    .portfolio-full .item-project.col-full-1,
    .portfolio-full .item-project.col-full-2 {
        width: 25%;
    }

    /* Gallery Columns */
    .gallery-full .item-gallery.col-full-1,
    .gallery-full .item-gallery.col-full-2 {
        width: 25%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Reset Margin Row */
    section > .container > .row,
    footer .container > .row,
    #navigation-mobile .container-fluid .row,
    .main-content.section-full-area.small-view .container .row.content-full-screen {
        margin-left: 0;
        margin-right: 0;
    }
    
    section.section-full-area > .container.full-screen > .row.content-full-screen {
        margin-left: -15px;
        margin-right: -15px;
    }

    /* Boxed Layout */
    .wrap_all.boxed {
        width: 90%;
    }

    .wrap_all.boxed .sticky-header {
        width: 100%;
    }

    .wrap_all.boxed .container {
        padding-right: 15px;
        padding-left: 15px;
        max-width: none;
    }

    .wrap_all.boxed .portfolio-full #portfolio-filter .col-md-12,
    .wrap_all.boxed .portfolio-full #portfolio-filter-mobile .col-md-12 {
        max-width: none;
    }

    /* Header */
    header,
    header.sticky-header {
        position: relative;
        height: 80px;
    }

    header #logo a,
    header #menu ul a,
    header.sticky-header #logo a, 
    header.sticky-header #menu ul a {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 80px;
    }

    #main.sticky-header-enabled,
    .wrap_all.boxed #main.sticky-header-enabled {
        padding-top: 0;
    }

    header #logo a {
        font-size: 24px;
    }

    header #logo a img {
        margin-top: 0px;
    }

    header .col-md-3 {
        float: left;
        width: 60%;
    }

    header .col-md-9 {
        float: left;
        width: 40%;
    }

    /* Menu - Mobile Menu */
    #menu,
    #creative-menu {
        display: none;
    }

    #mobile-nav {
        display: block;
        float: right;
    }

    #navigation-mobile .container-fluid .row {
        margin-right: 0;
        margin-left: 0;
    }
    
    /* Portfolio, Team and Blog Columns */
    .single-people.col-md-3,
    .single-people.col-md-4,
    .item-project.col-md-3,
    .item-project.col-md-4,
    .item-blog.col-md-3,
    .item-blog.col-md-4,
    .masonry-blog article.col-md-3,
    .masonry-blog article.col-md-4 {
        width: 33.3333%;
    }

    .portfolio-full .item-project.col-full-1,
    .portfolio-full .item-project.col-full-2,
    .portfolio-full .item-project.col-full-3,
    .portfolio-full .item-project.col-full-4 {
        width: 33.3333%;
    }
    
    .single-people.col-md-6,
    .item-project.col-md-6,
    .item-blog.col-md-6,
    .masonry-blog article.col-md-6 {
        width: 50%;
    }

    .portfolio-full .item-project.col-full-6 {
        width: 50%;
    }

    /* Gallery Columns */
    .item-gallery.col-md-3,
    .item-gallery.col-md-4 {
        width: 33.3333%;
    }

    .gallery-full .item-gallery.col-full-1,
    .gallery-full .item-gallery.col-full-2,
    .gallery-full .item-gallery.col-full-3,
    .gallery-full .item-gallery.col-full-4 {
        width: 33.3333%;
    }

    .item-gallery.col-md-6 {
        width: 50%;
    }

    .gallery-full .item-gallery.col-full-6 {
        width: 50%;
    }

    /* Full Portfolio List */
    .portfolio-full .list-portfolio .item-project .bg {
        height: 460px;
    }
    .portfolio-full .list-portfolio .item-project .project-name .va .project-title h3 {
        font-size: 60px;
    }

    /* Portfolio Filter */
    .portfolio-full #portfolio-filter .col-md-12,
    .portfolio-full #portfolio-filter-mobile .col-md-12 {
        max-width: 970px;
    }

    /* Contact Map */
    .map {
        height: 420px;
    }

    /* Navigation Team / Portfolio Single Post */
    .post-type-navi {
        display: none;
    }

    .main-content-navi.team.mobile,
    .main-content-navi.portfolio.mobile,
    .main-content-navi.blog.mobile {
        display: block;
    }

    /* Footer */
    .footer-widgets.no-back {
        border-top: 1px solid #444649;
    }

    #footer-credits .copyright,
    #footer-credits .credits {
        float: left;
        width: 100%;
        text-align: left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Reset Margin Row */
    section > .container > .row,
    footer .container > .row,
    #navigation-mobile .container-fluid .row,
    .main-content.section-full-area.small-view .container .row.content-full-screen {
        margin-left: 0;
        margin-right: 0;
    }
    
    section.section-full-area > .container.full-screen > .row.content-full-screen {
        margin-left: -15px;
        margin-right: -15px;
    }

    /* Boxed Layout */
    .wrap_all.boxed {
        width: 90%;
    }

    .wrap_all.boxed .container {
        padding-right: 15px;
        padding-left: 15px;
        max-width: none;
    }

    .wrap_all.boxed .portfolio-full #portfolio-filter .col-md-12,
    .wrap_all.boxed .portfolio-full #portfolio-filter-mobile .col-md-12 {
        max-width: none;
    }
    
    /* Header */
    header,
    header.sticky-header {
        position: relative;
        height: 80px;
    }

    header #logo a,
    header #menu ul a,
    header.sticky-header #logo a, 
    header.sticky-header #menu ul a {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 80px;
    }

    #main.sticky-header-enabled,
    .wrap_all.boxed #main.sticky-header-enabled {
        padding-top: 0;
    }

    header #logo a {
        font-size: 24px;
    }

    header #logo a img {
        margin-top: 0px;
    }

    header .col-md-3 {
        float: left;
        width: 60%;
    }

    header .col-md-9 {
        float: left;
        width: 40%;
    }

    /* Menu - Mobile Menu */
    #menu,
    #creative-menu {
        display: none;
    }

    #mobile-nav {
        display: block;
        float: right;
    }

    #navigation-mobile .container-fluid .row {
        margin-right: 0;
        margin-left: 0;
    }
    
    /* Portfolio, Team and Blog Columns */
    .single-people.col-md-3,
    .single-people.col-md-4,
    .single-people.col-md-6,
    .item-project.col-md-3,
    .item-project.col-md-4,
    .item-project.col-md-6,
    .item-blog.col-md-3,
    .item-blog.col-md-4,
    .item-blog.col-md-6,
    .masonry-blog article.col-md-3,
    .masonry-blog article.col-md-4,
    .masonry-blog article.col-md-6 {
        width: 50%;
    }

    .portfolio-full .item-project.col-full-1,
    .portfolio-full .item-project.col-full-2,
    .portfolio-full .item-project.col-full-3,
    .portfolio-full .item-project.col-full-4,
    .portfolio-full .item-project.col-full-6 {
        width: 50%;
    }

    /* Gallery Columns */
    .item-gallery.col-md-3,
    .item-gallery.col-md-4,
    .item-gallery.col-md-6 {
        width: 50%;
    }

    .gallery-full .item-gallery.col-full-1,
    .gallery-full .item-gallery.col-full-2,
    .gallery-full .item-gallery.col-full-3,
    .gallery-full .item-gallery.col-full-4,
    .gallery-full .item-gallery.col-full-6 {
        width: 50%;
    }

    /* Full Portfolio List */
    .portfolio-full .list-portfolio .item-project .bg {
        height: 400px;
    }
    .portfolio-full .list-portfolio .item-project .project-name .va .project-title h3 {
        font-size: 42px;
    }
    .portfolio-full .list-portfolio .item-project .cont {
        width: 168px;
        -webkit-transform: translateX(168px);
        -ms-transform: translateX(168px);
        transform: translateX(168px);
    }
    .portfolio-full .list-portfolio .item-project .cont:after {
        width: 218px;
        -webkit-transform: translateX(218px);
        -ms-transform: translateX(218px);
        transform: translateX(218px);
    }
    .portfolio-full .list-portfolio .item-project .cont:before {
        width: 268px;
        -webkit-transform: translateX(268px);
        -ms-transform: translateX(268px);
        transform: translateX(268px);
    }
    
    /* Contact Form and Comment */
    .wpcf7 input,
    .wpcf7 .wpcf7-submit,
    .wpcf7-form-control-wrap.budget,
    #searchform input[type="text"],
    .widget_search form input[type="text"] {
        width: 100%;
    }
    
    #commentform input {
        margin-right: 0;
        width: 100%;
    }

    #commentform label,
    #commentform span.required {
        top: 0;
    }

    #commentform #submit {
        width: 100%;
    }

    .children .comment {
        padding-left: 0;
    }
    
    #commentform p {
        margin-bottom: 15px;    
    }
    
    #commentform .logged-in-as,
    #commentform .comment-form-url,
    #commentform .comment-form-comment {
        margin-bottom: 30px;    
    }
    
    #commentform p.form-submit {
        margin: 0;  
    }
    
    #commentform #submit {
        margin-bottom: 20px;    
    }
    
    /* Sidebar */
    .col-md-3 > #sidebar,
    .col-md-3 > .sidebar {
        margin-top: 30px;
        padding-top: 50px;
        border-top: 3px solid #EBEDEF;
    }
    
    .col-md-3 > .sidebar {
        margin-top: 50px;   
    }

    .sidebar_content {
        margin-top: 0;
    }
    
    #blog .col-md-9.right_side {
        float: left;
    }
    
    #blog .col-md-9,
    #blog .col-md-3 {
        width: 100%;    
    }

    /* Portfolio and Team Filter Dropdown */
    #portfolio-filter-mobile .dropdown,
    #team-filter-mobile .dropdown {
        width: 100%;
    }

    .dropmenu,
    .dropmenu-active {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    #portfolio-filter-mobile.mobile-filter,
    #team-filter-mobile.mobile-filter {
        display: block;
    }

    #portfolio-filter.desktop-filter,
    #team-filter.desktop-filter {
        display: none;
    }

    .portfolio-full #portfolio-filter-mobile .col-md-12 {
        max-width: 750px;
        margin: 0 auto;
        padding:  0 15px;
    }

    /* Contact Map */
    .map {
        height: 420px;
    }

    /* Back to Top */
    #back-to-top {
        display: none !important;
    }

    /* Navigation Team / Portfolio Single Post */
    .post-type-navi {
        display: none;
    }

    .main-content-navi.team.mobile,
    .main-content-navi.portfolio.mobile,
    .main-content-navi.blog.mobile {
        display: block;
    }

    /* Footer */
    .footer-widgets,
    .footer-widgets.no-back {
        border-top: 1px solid #444649;
    }

    #footer-credits .copyright,
    #footer-credits .credits {
        float: left;
        width: 100%;
        text-align: left;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    /* Reset Margin Row */
    section > .container > .row,
    footer .container > .row,
    #navigation-mobile .container-fluid .row,
    .main-content.section-full-area.small-view .container .row.content-full-screen {
        margin-left: 0;
        margin-right: 0;
    }
    
    section.section-full-area > .container.full-screen > .row.content-full-screen {
        margin-left: -15px;
        margin-right: -15px;
    }

    /* Boxed Layout */
    .wrap_all.boxed {
        width: 90%;
    }

    .wrap_all.boxed .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    /* Header */
    header,
    header.sticky-header {
        position: relative;
        height: 80px;
    }

    header #logo a,
    header #menu ul a,
    header.sticky-header #logo a, 
    header.sticky-header #menu ul a {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 80px;
    }

    #main.sticky-header-enabled,
    .wrap_all.boxed #main.sticky-header-enabled {
        padding-top: 0;
    }

    header #logo a {
        font-size: 24px;
    }

    header #logo a img {
        margin-top: 0px;
    }

    header .col-md-3 {
        float: left;
        width: 60%;
    }

    header .col-md-9 {
        float: left;
        width: 40%;
    }

    /* Menu - Mobile Menu */
    #menu,
    #creative-menu {
        display: none;
    }

    #mobile-nav {
        display: block;
        float: right;
    }
    
    /* Portfolio, Team and Blog Columns */
    .single-people.col-md-3,
    .single-people.col-md-4,
    .single-people.col-md-6,
    .item-project.col-md-3,
    .item-project.col-md-4,
    .item-project.col-md-6,
    .item-blog.col-md-3,
    .item-blog.col-md-4,
    .item-blog.col-md-6,
    .masonry-blog article.col-md-3,
    .masonry-blog article.col-md-4,
    .masonry-blog article.col-md-6 {
        width: 100%;
    }

    .portfolio-full .item-project.col-full-1,
    .portfolio-full .item-project.col-full-2,
    .portfolio-full .item-project.col-full-3,
    .portfolio-full .item-project.col-full-4,
    .portfolio-full .item-project.col-full-6 {
        width: 100%;
    }

    /* Gallery Columns */
    .item-gallery.col-md-3,
    .item-gallery.col-md-4,
    .item-gallery.col-md-6 {
        width: 100%;
    }

    .gallery-full .item-gallery.col-full-1,
    .gallery-full .item-gallery.col-full-2,
    .gallery-full .item-gallery.col-full-3,
    .gallery-full .item-gallery.col-full-4,
    .gallery-full .item-gallery.col-full-6 {
        width: 100%;
    }

    /* Full Portfolio List */
    .portfolio-full .list-portfolio .item-project .bg {
        height: 400px;
    }
    
    .portfolio-full .list-portfolio .item-project .project-name .va .project-title h3 {
        font-size: 42px;
    }

    .portfolio-full .list-portfolio .item-project .project-name .va .project-title {
        width: 80%;
    }
    
    .portfolio-full .list-portfolio .item-project .cont i {
        font-size: 16px;
        top: 0;
        left: 0;
        margin: 0;
        opacity: 1;

        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;      

        -webkit-transition: -webkit-transform 0.3s ease 0.06s;
        transition: transform 0.3s ease 0.06s;
    }
    
    .portfolio-full .list-portfolio .item-project .cont {
        width: 40px;
        height: 40px;
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }
    
    .portfolio-full .list-portfolio .item-project .cont:after {
        width: 50px;
        height: 50px;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }
    
    .portfolio-full .list-portfolio .item-project .cont:before {
        width: 60px;
        height: 60px;
        -webkit-transform: translateX(60px);
        -ms-transform: translateX(60px);
        transform: translateX(60px);
    }
    
    /* Contact Form and Comment */
    .wpcf7 input,
    .wpcf7 .wpcf7-submit,
    .wpcf7-form-control-wrap.budget,
    #searchform input[type="text"],
    .widget_search form input[type="text"] {
        width: 100%;
    }
    
    #commentform input {
        margin-right: 0;
        width: 100%;
    }

    #commentform label,
    #commentform span.required {
        top: 0;
    }

    #commentform #submit {
        width: 100%;
    }

    .children .comment {
        padding-left: 0;
    }
    
    #commentform p {
        margin-bottom: 15px;    
    }
    
    #commentform .logged-in-as,
    #commentform .comment-form-url,
    #commentform .comment-form-comment {
        margin-bottom: 30px;    
    }
    
    #commentform p.form-submit {
        margin: 0;  
    }
    
    #commentform #submit {
        margin-bottom: 20px;    
    }
    
    /* Sidebar */
    .col-md-3 > #sidebar,
    .col-md-3 > .sidebar {
        margin-top: 30px;
        padding-top: 50px;
        border-top: 3px solid #EBEDEF;
    }
    
    .col-md-3 > .sidebar {
        margin-top: 50px;   
    }

    .sidebar_content {
        margin-top: 0;
    }
    
    #blog .col-md-9,
    #blog .col-md-3 {
        width: 100%;    
    }

    /* Portfolio and Team Filter Dropdown */
    #portfolio-filter-mobile .dropdown,
    #team-filter-mobile .dropdown {
        width: 100%;
    }

    .dropmenu,
    .dropmenu-active {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    #portfolio-filter-mobile.mobile-filter,
    #team-filter-mobile.mobile-filter {
        display: block;
    }

    #portfolio-filter.desktop-filter,
    #team-filter.desktop-filter {
        display: none;
    }

    .portfolio-full #portfolio-filter-mobile .col-md-12 {
        padding:  0 15px;
    }

    /* Contact Map */
    .map {
        height: 420px;
    }
    
    /* Section Title Page */
    #title-page .pagize,
    .fullimage-container {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    #title-page h2,
    #image-static h2 {
        font-size: 40px;
    }

    #title-page .page-caption,
    #title-page .entry-meta.entry-header,
    #image-static .page-caption,
    #image-static .entry-meta.entry-header {
        font-size: 26px;
    }

    /* Back to Top */ 
    #back-to-top {
        display: none !important;
    }

    /* Navigation Team / Portfolio Single Post */
    .post-type-navi {
        display: none;
    }

    .main-content-navi.team.mobile,
    .main-content-navi.portfolio.mobile,
    .main-content-navi.blog.mobile {
        display: block;
    }

    .footer-widgets,
    .footer-widgets.no-back {
        border-top: 1px solid #444649;
    }

    /* Mobile Padding Class */
    .mobile-padding {
        padding: 200px 0 !important;
    }

    /* Special Heading */
    .special-heading > h1 {
        font-size: 36px;
    }

    /* Footer */
    #footer-credits .copyright,
    #footer-credits .credits {
        float: left;
        width: 100%;
        text-align: left;
    }
}

@media (max-width: 480px) {
    /* Reset Margin Row */
    section > .container > .row,
    footer .container > .row,
    #navigation-mobile .container-fluid .row,
    .main-content.section-full-area.small-view .container .row.content-full-screen {
        margin-left: 0;
        margin-right: 0;
    }
    
    section.section-full-area > .container.full-screen > .row.content-full-screen {
        margin-left: -15px;
        margin-right: -15px;
    }

    /* Boxed Layout */
    .wrap_all.boxed {
        margin: 0;
        width: 100%;
    }

    .wrap_all.boxed .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .wrap_all.boxed #portfolio-filter.desktop-filter, 
    .wrap_all.boxed #portfolio-filter-mobile.mobile-filter {
        padding-right: 0;
        padding-left: 0;
    }
    
    /* Header */
    header,
    header.sticky-header {
        position: relative;
        height: 80px;
    }

    header #logo a,
    header #menu ul a,
    header.sticky-header #logo a, 
    header.sticky-header #menu ul a {
        padding-top: 0;
        padding-bottom: 0;
        line-height: 80px;
    }

    #main.sticky-header-enabled,
    .wrap_all.boxed #main.sticky-header-enabled {
        padding-top: 0;
    }

    header #logo a {
        font-size: 24px;
    }

    header #logo a img {
        margin-top: 0px;
    }

    header .col-md-3 {
        float: left;
        width: 40%;
    }

    header .col-md-9 {
        float: left;
        width: 60%;
    }

    /* Menu - Mobile Menu */
    #menu,
    #creative-menu {
        display: none;
    }

    #mobile-nav {
        display: block;
        float: right;
    }

    /* Portfolio, Team and Blog Columns */
    .single-people.col-md-3,
    .single-people.col-md-4,
    .single-people.col-md-6,
    .item-project.col-md-3,
    .item-project.col-md-4,
    .item-project.col-md-6,
    .item-blog.col-md-3,
    .item-blog.col-md-4,
    .item-blog.col-md-6,
    .masonry-blog article.col-md-3,
    .masonry-blog article.col-md-4,
    .masonry-blog article.col-md-6 {
        width: 100%;
    }

    .portfolio-full .item-project.col-full-1,
    .portfolio-full .item-project.col-full-2,
    .portfolio-full .item-project.col-full-3,
    .portfolio-full .item-project.col-full-4,
    .portfolio-full .item-project.col-full-6 {
        width: 100%;
    }

    /* Gallery Columns */
    .item-gallery.col-md-3,
    .item-gallery.col-md-4,
    .item-gallery.col-md-6 {
        width: 100%;
    }

    .gallery-full .item-gallery.col-full-1,
    .gallery-full .item-gallery.col-full-2,
    .gallery-full .item-gallery.col-full-3,
    .gallery-full .item-gallery.col-full-4,
    .gallery-full .item-gallery.col-full-6 {
        width: 100%;
    }

    /* Full Portfolio List */
    .portfolio-full .list-portfolio .item-project .bg {
        height: 400px;
    }
    
    .portfolio-full .list-portfolio .item-project .project-name .va .project-title h3 {
        font-size: 42px;
    }

    .portfolio-full .list-portfolio .item-project .project-name .va .project-title {
        width: 100%;
    }
    
    .portfolio-full .list-portfolio .item-project .cont i {
        font-size: 16px;
        top: 0;
        left: 0;
        margin: 0;
        opacity: 1;

        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;

        -webkit-transition: -webkit-transform 0.3s ease 0.06s;
        transition: transform 0.3s ease 0.06s;
    }
    
    .portfolio-full .list-portfolio .item-project .cont {
        width: 40px;
        height: 40px;
        -webkit-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }
    
    .portfolio-full .list-portfolio .item-project .cont:after {
        width: 50px;
        height: 50px;
        -webkit-transform: translateX(50px);
        -ms-transform: translateX(50px);
        transform: translateX(50px);
    }
    
    .portfolio-full .list-portfolio .item-project .cont:before {
        width: 60px;
        height: 60px;
        -webkit-transform: translateX(60px);
        -ms-transform: translateX(60px);
        transform: translateX(60px);
    }

    /* Mobile Special Heading */

    .mobile-special-heading > *{
        font-size: 2.6em !important;
        line-height: 1em !important;
    }
    
    /* Contact Form and Comment */ 
    .wpcf7 input,
    .wpcf7 .wpcf7-submit,
    .wpcf7-form-control-wrap.budget,
    #searchform input[type="text"],
    .widget_search form input[type="text"] {
        width: 100%;
    }

    #commentform input {
        margin-right: 0;
        width: 100%;
    }

    #commentform label,
    #commentform span.required {
        top: 0;
    }

    #commentform #submit {
        width: 100%;
    }

    .comment-section {
        padding-right: 0;
        padding-left: 0;
    }

    .children .comment {
        padding-left: 0;
    }
    
    #commentform p {
        margin-bottom: 15px;    
    }
    
    #commentform .logged-in-as,
    #commentform .comment-form-url,
    #commentform .comment-form-comment {
        margin-bottom: 30px;    
    }
    
    #commentform p.form-submit {
        margin: 0;  
    }
    
    #commentform #submit {
        margin-bottom: 20px;    
    }

    .comment-side {
        display: none;
    }

    .comment .comment-cont {
        margin-left: 0;
    }
    
    /* Sidebar */
    .col-md-3 > #sidebar,
    .col-md-3 > .sidebar {
        margin-top: 30px;
        padding-top: 50px;
        border-top: 3px solid #EBEDEF;
    }
    
    .col-md-3 > .sidebar {
        margin-top: 50px;   
    }

    .sidebar_content {
        margin-top: 0;
    }
    
    #blog .col-md-9,
    #blog .col-md-3 {
        width: 100%;    
    }

    /* Portfolio and Team Filter Dropdown */
    #portfolio-filter-mobile .dropdown,
    #team-filter-mobile .dropdown {
        width: 100%;
    }

    .dropmenu,
    .dropmenu-active {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    #portfolio-filter-mobile.mobile-filter,
    #team-filter-mobile.mobile-filter {
        display: block;
    }

    #portfolio-filter.desktop-filter,
    #team-filter.desktop-filter {
        display: none;
    }

    .portfolio-full #portfolio-filter-mobile .col-md-12 {
        padding:  0 15px;
    }

    /* Contact Map */
    .map {
        height: 300px;
    }

    /* Section Title Page */
    #title-page .pagize,
    .fullimage-container {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    #title-page h2,
    #image-static h2 {
        font-size: 36px;
    }

    #title-page .page-caption,
    #title-page .entry-meta.entry-header,
    #image-static .page-caption,
    #image-static .entry-meta.entry-header {
        font-size: 22px;
    }

    /* Testimonial */
    .az-testimonials.flexslider .az-testimonial-quote {
        font-size: 18px;
    }

    .az-testimonials.flexslider .az-testimonial-source {
        font-size: 14px;
    }

    /* Back to Top */
    #back-to-top {
        display: none !important;
    }

    /* Navigation Team / Portfolio Single Post */
    .post-type-navi {
        display: none;
    }

    .main-content-navi.team.mobile,
    .main-content-navi.portfolio.mobile,
    .main-content-navi.blog.mobile {
        display: block;
    }

    .footer-widgets,
    .footer-widgets.no-back {
        border-top: 1px solid #444649;
    }

    /* Mobile Padding Class */
    .mobile-padding {
        padding: 100px 0 !important;
    }

    /* Special Heading */
    .special-heading > h1 {
        font-size: 36px;
    }

    /* FancyBox */
    .fancybox-nav span {
        visibility: visible;
    }

    .fancybox-title {
        display: none;
    }

    /* Footer */
    #footer-credits .copyright,
    #footer-credits .credits {
        float: left;
        width: 100%;
        text-align: left;
    }
}

@media (max-width: 320px) {
    /* Boxed Layout */
    .wrap_all.boxed {
        margin: 0;
        width: 100%;
    }

    .wrap_all.boxed .container {
        padding-right: 15px;
        padding-left: 15px;
    }

    .wrap_all.boxed #portfolio-filter.desktop-filter, 
    .wrap_all.boxed #portfolio-filter-mobile.mobile-filter {
        padding-right: 0;
        padding-left: 0;
    }

}

/* DEMO ONLY CODE */
.col-md-9.mod {
    margin-left: -15px;
    margin-right: 15px;
    padding-right: 0;
    padding-left: 0;
}

#shortcodes-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

#shortcodes-nav li {
    position: relative;
    margin: 0;
    border-bottom: 1px solid #DFDFDF;
}

#shortcodes-nav li:after {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #CFCFCF;
    content: "";
    font-size: 14px;
    font-family: 'Icons';
}

#shortcodes-nav li a {
    position: relative;
    left: 0;
    display: block;
    padding: 10px 0;
    color: #2D3C48;
    text-indent: 30px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#shortcodes-nav li a:hover {
    left: 10px;
    color: #0DCBC0;
}

#shortcodes-nav li.current_page_item a {
    color: #0DCBC0;
}

@media (min-width: 320px) and (max-width: 990px) {
    .col-md-9.mod {
        margin-right: -15px;
        margin-left: -15px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .col-md-3.mod {
        margin-right: 0px;
        margin-left: 0px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-md-3.mod > #sidebar {
        margin-top: 50px;
    }
}
/* END DEMO ONLY */

/* iPad Portrait & Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
    .fullimage-container {
        background-attachment: scroll !important;   
    }
    
    #content .main-content.image-cont {
        background-attachment: scroll !important;   
    }
}

/* iPhone 5 Portrait & Landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
    .fullimage-container {
        background-attachment: scroll !important;   
    }
    
    #content .main-content.image-cont {
        background-attachment: scroll !important;   
    }
}

/* iPhone Portrait & Landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .fullimage-container {
        background-attachment: scroll !important;   
    }
    
    #content .main-content.image-cont {
        background-attachment: scroll !important;   
    }
}


/* Retina Display */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-moz-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx) {
        
    header #logo a img.standard {
        display: none;
    }

    header #logo a img.retina {
        display: inline-block;
    }

    .menu-nav .menu-icon {
        background-image: url(_include/img/menu-mobile_@2x.png);
        background-size: 16px 32px;
    }

    .bootstrap-select.btn-group .custom-select .plus-select {
        background-image: url(_include/img/plus_select_@2x.png);
        background-size: 18px 36px;
    }

    .mejs-overlay-button {
        background-image: url(_include/img/mediaelement/bigplay_@2x.png);
        background-size: 32px 32px;
    }

    .mejs-controls .mejs-button button {
        background-image: url(_include/img/mediaelement/controls.png);
        background-size: 50px 64px;
    }
}