/* ============== RESET ============== */

html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section
{
    display: block;
}

html, body
{
    height: 100%;
}

body
{
    line-height: 23px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #787878;
}

ol, ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

a:active, a:focus
{
    outline: none;
}

*:focus
{
    outline: none;
}

/* ============== / RESET ============== */

/* ============== STANDARD SETTINGS ============== */

*
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.gap-1
{
    padding: 85px 0;
}

.gap-2
{
    padding: 85px 0 0;
}

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

.tb-cell
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

h1
{
    font-size: 36px;
    line-height: 74px;
}

h2
{
    font-size: 28px;
    line-height: 52px;
}

h3
{
    font-size: 24px;
    line-height: 32px;
}

h4
{
    font-size: 22px;
    line-height: 28px;
}

h5
{
    font-size: 20px;
    line-height: 28px;
}

h6
{
    font-size: 18px;
    line-height: 24px;
}

h1, h2, h3, h4, h5, h6 {
		margin: 0 0 20px 0;
		font-weight: 300;
		color: #404040;
		font-weight: 600;
	}

a
{
    text-decoration: none;
    color: inherit;
}

p
{
    margin: 0 0 20px 0;
}

.p0
{
    margin: 0 0 0 0;
}

.p-but
{
    margin: 0 0 5px 0;
}

body > section
{
    position: relative;
    overflow: hidden;
}

.bg-1
{
    background-color: #f0f0f0;
}

#bg-fade
{
    z-index: 9993;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    position: fixed;
    background: #fff;
    overflow: auto;
}

#window
{
    z-index: 9997;
    display: none;
    width: 100%;
}

.video-bg
{
    bottom: 0;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: auto;
    z-index: 1;
}

.address
{
    font-size: 16px;
    line-height: 140%;
}

.address a, .linktext a
{
    color: #404040;
}

.big-size
{
    font-size: 72px;
    letter-spacing: 4px !important;
    font-weight: 600;
}

.lsp
{
    letter-spacing: 2px !important;
}

.general-color, #desktop-menu > ul > li:hover > a, #desktop-menu > ul > .current_menu_item > a, .contentbox-1 div, .contentbox-2 div, .button-1:hover, .featured .button-1, .icon-1:hover, #tweets-container li a, #portfolio-categories .active a, #portfolio-categories ul li a:hover, .post-element > header > h5:hover, .widget a:hover, .info-post-header a:hover, .comment-body a:hover, .address a:hover, .linktext a:hover
{
    color: #ffc807 !important;
}

.general-bg, .contentbox-1:hover div, .contentbox-2:hover div, .slogan, .button-2:hover, .widget_tag_cloud a:hover, .slideshow-post .rslides_nav:hover, .slideshow-portfolio .rslides_nav:hover, #blog-navi a:hover, #comment-form input[type="submit"]:hover, .quote:hover, .social-like:hover
{
    background-color: #ffc807 !important;
}

.general-border, #desktop-menu ul li a:hover, #desktop-menu > ul > .current_menu_item > a, .contentbox-1 div, .contentbox-2 div, .featured, .featured ul li, .pricing-table .button-1:hover, .featured .button-1, #portfolio-categories .active a, #portfolio-categories ul li a:hover, #contact-form input[type="text"]:focus, #contact-form textarea:focus, .error-input, .text-edit blockquote, #comment-form textarea:focus, #comment-form input[type="text"]:focus, .active-tab
{
    border-color: #ffc807 !important;
}

*::-moz-selection
{
    color: #fff;
    background-color: #ffc807 !important;
}

::selection
{
    color: #fff;
    background-color: #ffc807 !important;
}

.button-1
{
    padding: 12px 30px;
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: color 0.2s, background-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s;
    -webkit-transition: color 0.2s, background-color 0.2s;
    -ms-transition: color 0.2s, background-color 0.2s;
}

.button-1:hover
{
    background-color: #fff;
}

.button-2, #comment-form input[type="submit"]
{
    padding: 12px 30px;
    display: inline-block;
    background-color: #404040;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    border: none;
    cursor: pointer;
}

.button-2.read-more
{
    padding: 6px 10px !important;
    margin-top: 10px;
}

.dlButton 
{
    font-size: 18px;
    text-align: left;
    line-height: 16px;
    color: #fff;
    text-decoration: none;
    padding: 8px 25px 8px 15px;
    margin: 0 0;
    z-index: 5;
    position: relative;
    border: 2px solid #fff;
    -webkit-border-radius: 350px;
    -moz-border-radius: 350px;
    border-radius: 350px;
    transform: translate3d(0px, 0px, 0px);
    display: inline-block;
    background-color:#404040;
    transition: color 0.3s, background-color 0.3s !important;
    -webkit-transition: color 0.3s, background-color 0.3s !important;
}

.dlButton:hover 
{
    background:  #ffc807;
    color: #fff;
}

.dlButton i 
{
    float: left;
    font-size: 30px;
    margin-right: 18px;
    margin-top: 2px;
}

.dlButton .dlButtonWrap 
{
    font-size: 12px;
    float: right;
}

.dlButton .dlButtonSmall 
{
    font-size: 18px;
}

.slideshow-post .rslides_nav, #blog-navi a, .slideshow-portfolio .rslides_nav
{
    background-color: #404040;
    color: #fff;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: background-color 0.2s, opacity 0.2s;
    -moz-transition: background-color 0.2s, opacity 0.2s;
    -webkit-transition: background-color 0.2s, opacity 0.2s;
    -ms-transition: background-color 0.2s, opacity 0.2s;
    display: block;
    position: absolute;
    top: 45%;
    z-index: 3;
    font-size: 16px;
}

.slideshow-post .rslides_nav, .slideshow-portfolio .rslides_nav
{
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
}

.slideshow-post:hover .rslides_nav, .slideshow-portfolio:hover .rslides_nav
{
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

#blog-navi a
{
    position: static;
    display: inline-block;
}

.slideshow-post .prev, .slideshow-portfolio .prev
{
    left: 20px;
}

.slideshow-post .next, .slideshow-portfolio .next
{
    right: 20px;
}

.icon-1
{
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    font-size: 13px;
    transition: color 0.2s, background 0.2s;
    -webkit-transition: color 0.2s, background 0.2s;
    -moz-transition: color 0.2s, background 0.2s;
    -ms-transition: color 0.2s, background 0.2s;
    cursor: pointer;
    margin: 5px;
    text-align: center;
    background-color: #444;
}

.icon-1:hover
{
    background-color: #fff;
}

.icon-2
{
    width: 45px;
    height: 45px;
    display: inline-block;
    line-height: 45px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    font-size: 13px;
    transition: color 0.2s, background 0.2s;
    -webkit-transition: color 0.2s, background 0.2s;
    -moz-transition: color 0.2s, background 0.2s;
    -ms-transition: color 0.2s, background 0.2s;
    cursor: pointer;
    margin: 5px;
    text-align: center;
}

.icon-2:hover
{
    background-color: #fff;
    color: #404040;
}

header.row
{
    padding: 0 10px;
}

/* ============== / STANDARD SETTINGS ============== */

/* ======== EDITOR STYLES ======== */

.text-edit img, .comment-body img
{
    max-width: 100%;
    height: auto;
}

.text-edit
{
    line-height: 22px;
}

.text-edit blockquote, .comment-body blockquote
{
    padding-left: 35px;
    border-left: 3px solid;
    margin: 35px 0;
    font-style: italic;
}

.text-edit ul, .comment-body ul
{
    margin: 30px 30px;
}

.text-edit ul li, .comment-body ul li
{
    margin-bottom: 10px;
    padding-left: 20px;
    list-style-type: disc;
}

.text-edit ol, .comment-body ol
{
    margin: 10px 20px;
    list-style: decimal;
}

.text-edit dl, .comment-body dl
{
    margin: 10px 0;
}

.text-edit dl dd, .comment-body dl dd
{
    margin-left: 20px;
    font-style: italic;
}

.text-edit strong, .comment-body strong
{
    font-weight: 600;
}

.text-edit pre, .comment-body pre
{
    word-wrap: break-word;
    padding: 15px;
    overflow: auto;
    background-color: #eee;
}

em
{
    font-style: italic;
}

.text-edit q, .comment-body q
{
    font-style: italic;
    padding-left: 20px;
}

.text-edit ol li ol, .comment-body  ol li ol
{
    list-style: upper-alpha;
}

.wp-caption-text
{
    font-size: 11px;
    width: 100%;
}

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

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

img.aligncenter
{
    display: block;
    margin: 10px auto;
}

.alignright
{
    float: right;
}

.alignleft
{
    float: left;
}

.aligncenter
{
    text-align: center;
}

.push-left
{
    float: left;
}

.push-right
{
    float: right;
}

sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup
{
    top: -0.5em;
}

sub
{
    bottom: -0.25em;
}

code
{
    font-family: courier;
    white-space: nowrap;
    background-color: #F7F7F9;
    color: #DD1144;
    padding: 2px 4px;
    border: 1px solid #E1E1E8;
}

address
{
    font-style: italic;
}

.text-edit ol li ol li ol, .comment-body ol li ol li ol
{
    list-style: lower-alpha;
}

.wp-caption
{
    max-width: 100% !important;
    text-align: center;
}

.text-edit table, .comment-body table
{
    margin: 1em;
    border-collapse: collapse;
}

.text-edit td, .text-edit th, .comment-body td, .comment-body th
{
    padding: .3em;
    border: 1px #ccc solid;
}

.clearfix
{
    clear: both;
}

.rslides li:first-child
{
    position: relative;
    display: block;
}

.rslides, .rslides_tabs
{
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

.rslides li
{
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    margin: 0 !important;
    padding: 0 !important;
    list-style-type: none !important;
}

.rslides_tabs li
{
    display: inline-block;
}

.rslides_tabs
{
    text-align: center;
}

.parallax
{
    background-attachment: fixed !important;
    background-size: cover !important;
}

header.row h1, header.row h2, header.row h3, header.row h4, header.row h5, header.row h6
{
    letter-spacing: 4px;
}

/* ======== / EDITOR STYLES ======== */

/* ======== HOME ======== */

#home
{
    width: 100%;
    height: 100%;
    color: #fff;
    background-image: url(assets/img/welcome.jpg);
}

@media (max-width: 768px)
{
  #home
  {
    background-image: url(assets/img/welcome_mobile.jpg);
  }
}

#home .tb
{
    position: relative;
    z-index: 3;
}

#home h1, #home h6
{
    color: #fff;
}

#home h1
{
    letter-spacing: 4px;
}

#home h6
{
    letter-spacing: 2px;
}

#home h1
{
    font-size: 72px;
    margin-bottom: 50px;
}

#home h6
{
    font-size: 14px;
    margin-bottom: 50px;
    font-weight: normal;
}

.slider-current
{
    opacity: 1 !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
}

.bg-slider
{
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    position: absolute !important;
    z-index: 2 !important;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    background-attachment: fixed;
}

#bg1
{
    background-image: url(assets/img/1170x750.gif);
}

#bg2
{
    background-image: url(assets/img/1170x750.gif);
}

#bg3
{
    background-image: url(assets/img/1170x750.gif);
}

/* ======== / HOME ======== */

/* ======== MAIN MENU ======== */

#main-menu
{
    background-color: #fff;
    border-bottom: 2px solid #f3f3f3;
    height: 83px;
    width: 100%;
    z-index: 9991;
    position: absolute;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    display: block !important;
    transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}

.sticky-wrapper
{
    height: auto !important;
}

#mobile-menu
{
    position: absolute;
    top: 83px;
    background-color: #404040;
    width: 100%;
}

#mobile-menu ul li a
{
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #555;
}

#mobile-menu ul li a:hover
{
    color: #fff;
}

#mobile-menu-container
{
    display: none;
}

#mobile-menu-button
{
    width: 80px;
    height: 83px;
    position: absolute;
    right: 0;
    line-height: 83px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    z-index: 5;
}

#logo-container
{
    margin-top: 26px;
}

#logo-container h3
{
    font-size: 24px !important;
    letter-spacing: 2px;
    font-weight: 400;
}

#desktop-menu > ul
{
    text-align: right;
    position: relative;
}

#desktop-menu > ul > li
{
    display: inline-block;
    margin-right: 25px;
    position: relative;
}

#desktop-menu ul > li .sub-menu
{
    position: absolute;
    text-align: left;
    background-color: #404040;
    display: none;
}

#desktop-menu .sub-menu a:hover
{
    color: #fff;
}

#desktop-menu .sub-menu .current_menu_item
{
    color: #fff;
}

#desktop-menu .sub-menu li
{
    position: relative;
}

.sub-menu .sub-menu
{
    left: 155px;
    top: 0;
}

#desktop-menu > ul > li .sub-menu > li > a
{
    display: block;
    padding: 10px 15px;
    max-width: 155px;
    min-width: 155px;
    transition: color 0.2s, background 0.2s;
    -webkit-transition: color 0.2s, background 0.2s;
    -moz-transition: color 0.2s, background 0.2s;
    -ms-transition: color 0.2s, background 0.2s;
}

#desktop-menu ul > li:hover > .sub-menu
{
    display: block;
}

#desktop-menu > ul > li > a
{
    display: block;
    height: 83px;
    line-height: 84px;
    text-align: center;
    padding: 0 10px;
    color: #404040;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    font-size: 11px;
}

#desktop-menu > ul > li:last-child
{
    padding: 0 0 0 10px;
    margin-right: 0;
}

#desktop-menu > ul > li:last-child:after
{
    content: "";
}

#desktop-menu > ul > li > a:hover, #desktop-menu > ul > .current_menu_item > a
{
    border-bottom: 2px solid;
}

#desktop-menu > ul > li:after
{
    content: ".";
    position: absolute;
    top: 24px;
    font-size: 24px;
    right: -15px;
    color: #404040;
    font-family: sans-serif;
}

/* ======== / MAIN MENU ======== */

/* ======== EXAMPLE SECTIONS ======== */

#parallax1
{
    background: url(assets/img/efficiency.jpg);
}

#parallax2
{
    background: url(assets/img/features.jpg);
}

#parallax3
{
    background: url(assets/img/1170x750.gif);
}

#parallax4
{
    background: url(assets/img/contact.jpg);
}

/* ======== / EXAMPLE SECTIONS ======== */

/* ======== SHORTCODES ======== */

.pricing-table, .pricing-table .button-1
{
    border: 1px solid #dddddd;
}

.contact-info
{
    color: #fff;
    text-align: center;
}

.tabs
{
    font-size: 13px;
}

.tabs > ul
{
    position: relative;
    top: 1px;
    list-style: none;
    margin: 0 !important;
    padding: 0 !inportant;
}

.tabs > ul li
{
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.tabs > ul li i
{
    font-size: 16px;
}

.tabs > ul li a
{
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    color: inherit !important;
}

.tabs > ul li i
{
    margin: 0 5px;
}

.active-tab
{
    background-color: #fff !important;
    border-left: 1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
    border-top: 2px solid;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    font-weight: 600;
}

.tab-content
{
    padding: 15px 20px;
    border: 1px solid #eee;
    clear: both;
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#contact-form input[type="text"], #contact-form textarea
{
    width: 100%;
    display: block;
    margin-bottom: 14px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #ddd;
    height: 50px;
    padding: 10px;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

#contact-form textarea
{
    margin-bottom: 24px;
    height: 170px;
    max-width: 100%;
}

.contact-info div
{
    width: 68px;
    height: 68px;
    line-height: 68px;
    border: 1px solid;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 24px;
    margin: 0 auto 30px;
}

.contact-info p
{
    margin-bottom: 0;
}

.pricing-table
{
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.pricing-table .button-1
{
    color: inherit;
    transition: color 0.2s, border-color 0.2s;
    -moz-transition: color 0.2s, border-color 0.2s;
    -webkit-transition: color 0.2s, border-color 0.2s;
    -ms-transition: color 0.2s, border-color 0.2s;
}

.pricing-table ul
{
    margin: 0 !important;
}

.pricing-table h5
{
    margin-bottom: 0;
}

.times
{
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0px;
}

.price
{
    font-size: 26px;
    font-weight: bold;
    margin: 10px 0;
}

.pricing-table ul li
{
    list-style-type: none !important;
    margin: 0 !important;
    padding: 15px 10px !important;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #dddddd;
}

.pricing-table ul li:first-child
{
    border-width: 2px;
    font-size: 20px;
}

.pricing-table ul li:last-child
{
    border-bottom: none;
}

.contentbox-1
{
    padding-left: 95px;
    position: relative;
    margin-bottom: 60px;
}

.contentbox-1:hover div
{
    color: #fff !important;
}

.contentbox-1 div
{
    position: absolute;
    width: 64px;
    height: 64px;
    border: 1px solid;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    left: 0;
    line-height: 64px;
    text-align: center;
    font-size: 20px;
    transition: color 0.2s, background 0.2s;
    -webkit-transition: color 0.2s, background 0.2s;
    -moz-transition: color 0.2s, background 0.2s;
    -ms-transition: color 0.2s, background 0.2s;
}

.contentbox-2 div
{
    margin: 0 auto 30px;
    width: 64px;
    height: 64px;
    border: 1px solid;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 64px;
    text-align: center;
    font-size: 24px;
    transition: color 0.2s, background 0.2s;
    -webkit-transition: color 0.2s, background 0.2s;
    -moz-transition: color 0.2s, background 0.2s;
    -ms-transition: color 0.2s, background 0.2s;
}

.contentbox-2:hover div
{
    color: #fff !important;
}

.contentbox-2
{
    text-align: center;
}

.white
{
    color: #fff !important;
}

.countdown.white h6
{
    color: inherit !important;
}

.countdown i
{
    font-size: 30px;
}

.count
{
    display: block;
    font-size: 60px;
    margin: 40px 0;
}

.countdown
{
    text-align: center;
    padding: 25px;
    background: url(assets/img/opacity.png);
}

.client
{
    text-align: center;
    padding: 75px 25px;
    background: url(assets/img/opacity.png);
}

.team-member
{
    text-align: center;
    overflow: hidden;
}

.team-social
{
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.team-network
{
    position: absolute;
    top: 35%;
    padding: 0 8px;
    text-align: center;
    width: 100%;
    opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    z-index: 5;
}

.team-member h1, .team-member h2, .team-member h3, .team-member h4, .team-member h5, .team-member h6
{
    margin: 30px 0;
}

.team-member .info-team
{
    display: inline-block;
    padding: 2px 20px;
    background-color: #444444;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    transition: color 0.2s, background 0.2s;
    -webkit-transition: color 0.2s, background 0.2s;
    -moz-transition: color 0.2s, background 0.2s;
    -ms-transition: color 0.2s, background 0.2s;
}

.team-member .info-team:hover
{
    color: #444444;
    background-color: transparent;
}

#twitter-plugin
{
    color: #fff;
    text-align: center;
}

#twitter-plugin ul
{
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
}

#twitter-plugin ul li
{
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.text-tweet
{
    margin-bottom: 25px;
}

.date-tweet
{
    font-size: 12px;
    font-weight: 600;
}

#twitter-icon
{
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: 1px solid;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 25px;
    margin: 0 auto 45px;
}

#twitter-plugin .rslides_nav {
		display: block;
		width: 30px;
		height: 30px;
		line-height: 26px;
		border: 1px solid;
		text-align: center;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		font-size: 16px;
		display: inline-block;
		cursor: pointer;
		margin: 0 5px;
		
	}

#portfolio-categories
{
    text-align: center;
    margin: 60px 10px 60px 10px;
}

#portfolio-categories ul
{
    margin: 0 !important;
}

#window header.row
{
    padding: 50px 0 40px;
}

#portfolio-categories ul li
{
    display: inline-block;
    list-style: none;
    padding: 0 !important;
    margin: 0 10px 20px 0 !important;
    text-align: center;
}

#portfolio-categories ul li a
{
    padding: 10px !important;
    border-bottom: 2px solid transparent;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
}

.isotope-item
{
    width: 24.96%;
    background-color: #404040;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 2;
}

.isotope-item a
{
    display: block;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

.portfolio-meta ul li
{
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.portfolio-meta ul
{
    margin-bottom: 30px;
}

.info-work
{
    position: absolute;
    top: 0;
    z-index: 1;
    color: #fff;
    left: 0;
    width: 100%;
    height: 100%;
}

.info-work .tb-cell
{
    height: 100%;
}

.text-work
{
    top: -100%;
    position: relative;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
}

.portfolio-close
{
    width: 30px;
    height: 30px;
    color: #404040;
    margin: auto;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    position: relative;
    top: -50px;
    font-size: 15px;
}

.info-work p
{
    margin-bottom: 0;
    font-style: italic;
}

.info-work h5
{
    color: inherit;
}

.icon-work
{
    color: #404040;
    font-size: 16px;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background-color: #fff;
    margin: 0 auto 20px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transition: opacity 0.2s ease-in 0.2s;
    -moz-transition: opacity 0.2s ease-in 0.2s;
    -ms-transition: opacity 0.2s ease-in 0.2s;
    -webkit-transition: opacity 0.2s ease-in 0.2s;
}

.isotope-item:hover > a .icon-work
{
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
}

.isotope-item > a img
{
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    position: relative;
    z-index: 2;
}

#portfolio-shortcode
{
    padding-top: 80px;
}

#portfolio-container
{
    overflow: hidden;
}

#fail-message, #success-message
{
    display: none;
}

.isotope-item:hover > a img
{
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
}

#portfolio-categories .active a
{
    border-bottom: 2px solid;
}

.slogan
{
    padding: 50px 20px;
    color: #fff;
    text-align: center;
}

.slogan h1, .slogan h2, .slogan h3, .slogan h4, .slogan h5, .slogan h6
{
    color: inherit;
    letter-spacing: 3px;
    margin-bottom: 0;
}

.divider-1
{
    height: 2px;
    width: 55px;
    background-color: #404040;
    margin: auto;
}

.divider-2, .divider-3
{
    height: 1px;
    width: 100%;
    background-color: #ddd;
    margin: 90px 0;
}

.divider-4
{
    height: 1px;
    width: 55px;
    background-color: #ddd;
    margin: 30px auto 40px;
}

.divider-3
{
    margin: 60px 0 !important;
}

.toggle
{
    font-size: 13px;
    margin-bottom: 10px;
}

.toggle-title
{
    background-color: #fff;
    height: 54px;
    border: 1px solid #ddd;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: normal;
    font-style: normal;
}

.toggle-title-text
{
    height: 54px;
    padding: 15px 60px 10px 20px;
    overflow: hidden;
}

.toggle-title-text i
{
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px;
}

.toggle-title-text h6
{
    font-size: 13px;
}

.column
{
    margin-bottom: 50px;
}

.alert
{
    padding: 9px 28px 8px 20px;
    border: 1px solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    margin-bottom: 7px;
    font-size: 13px;
}

.close-alert
{
    position: absolute;
    right: 15px;
    top: 12px;
    cursor: pointer;
    font-size: 12px;
}

.alert-1
{
    color: #c4a21b;
    border-color: #f5dc7d;
    background-color: #fcf7d9;
}

.alert-2
{
    color: #8fa442;
    border-color: #c2d288;
    background-color: #e3ebc6;
}

.alert-3
{
    color: #528da9;
    border-color: #9ac9df;
    background-color: #d8ecf5;
}

.alert-4
{
    color: #b3696c;
    border-color: #f7c7c9;
    background-color: #f9e5e6;
}

.toggle-arrow
{
    width: 45px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
    color: #404040;
}

.toggle-content
{
    padding: 15px 20px;
    border-top: none;
    display: none;
    line-height: 22px;
}

/* ======== / SHORTCODES ======== */

/* ======== BLOG & PAGE ======== */

#head-page
{
    padding: 180px 0 90px;
    text-align: center;
    letter-spacing: 4px;
}

#page-content
{
    padding-bottom: 85px;
}

.post-element header .media
{
    margin-bottom: 35px;
}

.post-element > header > h5:hover
{
    transition: color 0.2s;
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -ms-transition: color 0.2s;
}

.slideshow-post, .slideshow-portfolio
{
    position: relative;
}

.post-element header
{
    margin-bottom: 30px;
}

.info-post-header
{
    font-size: 12px;
}

.info-post-header a
{
    transition: color 0.2s;
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -ms-transition: color 0.2s;
}

#list-comments .comment-body
{
    padding: 30px 30px 10px 110px;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    position: relative;
    margin-bottom: 20px;
    min-height: 107px;
}

.fn
{
    color: #404040;
}

.comment-body a
{
    transition: color 0.2s;
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -ms-transition: color 0.2s;
}

.comment-author
{
    margin-bottom: 10px;
}

#comment-form input[type="text"]
{
    width: 100%;
}

.field
{
    width: 32.6%;
    float: left;
}

.margin-field
{
    margin: 0 1% !important;
    position: relative;
}

#comment-form textarea
{
    width: 100%;
    display: block;
    height: 175px;
    max-width: 100% !important;
    margin-top: 15px;
}

#comment-form textarea, #comment-form input[type="text"]
{
    display: block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border: 1px solid #ddd;
    padding: 10px;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

#comment-form input[type="text"]
{
    height: 50px;
}

#list-comments .children
{
    border-left: 1px solid #ddd;
    padding-left: 50px;
}

#list-comments .avatar
{
    position: absolute;
    left: 20px;
}

.info-post-header i
{
    margin: 0 8px;
}

#blog-navi
{
    margin-top: -50px;
}

.quote
{
    background-color: #404040;
    padding: 45px;
    transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    display: block;
}

.quote:hover .q-author
{
    color: #fff;
}

.q-author
{
    transition: color 0.2s;
    -moz-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -ms-transition: color 0.2s;
}

.quote h4
{
    color: #fff;
}

#author-post
{
    border: 1px solid #ddd;
    padding: 20px 20px 10px 20px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    min-height: 85px;
}

#author-post img
{
    margin: 0 30px 10px 0;
}

#author-post h5
{
    margin-bottom: 15px;
}

#social-post
{
    margin-top: 50px;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#social-post .social-field:first-child
{
    width: 58% !important;
    text-align: left;
    padding: 15px 22px;
    left: 0;
}

.social-field
{
    padding: 15px 0;
    float: left;
    width: 7%;
    text-align: center;
    position: relative;
    display: block;
    transition: color 0.2s, background-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s;
    -webkit-transition: color 0.2s, background-color 0.2s;
    -ms-transition: color 0.2s, background-color 0.2s;
}

a.social-field:hover
{
    color: #fff;
}

.social-fb:hover
{
    background-color: #3C5B9B;
}

.social-twitter:hover
{
    background-color: #2DAAE1;
}

.social-dribbble:hover
{
    background-color: #F874A4;
}

.social-linkedin:hover
{
    background-color: #0173B2;
}

.social-google:hover
{
    background-color: #F63E28;
    border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
}

.tooltip-1 {
		display: block;
		padding: 5px;
		font-size: 12px;
		color: #fff;
		background-color: #404040;
		position: absolute;
		top: -40px;
		left: -10px;
		z-index: 10;
		display: none;
		margin: auto;
		min-width: 80px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}

.tooltip-1 .fa-caret-down
{
    color: #404040;
    position: absolute;
    font-size: 30px;
    bottom: -15px;
    left: 40%;
}

.social-field:hover .tooltip-1
{
    display: block;
}

/* ======== / BLOG ======== */

/* ======== WIDGETS ======== */

.widget
{
    margin-bottom: 50px;
}

.widget > header
{
    background: url(assets/img/line.png);
    background-repeat: repeat-x;
    background-position: 0 15px;
}

.widget a
{
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
}

.widget > header > h6
{
    background-color: #fff;
    display: inline-block;
    padding-right: 20px;
}

.widget_recent_entries ul, .widget_categories ul
{
    border: 1px solid #ddd;
}

.widget_recent_entries ul li, .widget_categories ul li
{
    padding: 15px 20px;
    border-bottom: 1px solid #ddd;
}

.widget_recent_entries ul li:before, .widget_categories ul li:before
{
    content: "\f105";
    font-size: 14px;
    font-family: FontAwesome;
    margin-right: 15px;
}

.widget_recent_entries ul li span
{
    font-size: 10px;
    margin-left: 10px;
}

.widget_recent_entries ul li:last-child, .widget_categories ul li:last-child
{
    border-bottom: none;
}

.search-widget
{
    width: 100%;
    height: 45px;
    background-color: #fff;
    border: 1px solid #ddd;
    position: relative;
    padding: 0 55px 0 18px;
}

.widget_tag_cloud a
{
    padding: 6px 10px;
    color: #fff;
    margin: 0 0 3px 0;
    font-size: 11px;
    background-color: #404040;
    display: inline-block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
}

.widget_tag_cloud a:hover
{
    color: #fff !important;
}

.search-widget input[type="submit"]
{
    position: absolute;
    right: 10px;
    top: 6px;
    background-color: transparent;
    z-index: 2;
    border: none;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.search-widget input[type="text"]
{
    width: 100%;
    margin-top: 12px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: #b0b0b0;
    border: none;
}

.search-button
{
    position: absolute;
    right: 20px;
    top: 14px;
    font-size: 13px;
    z-index: 1;
    color: #444444;
}

/* ======== / WIDGETS ======== */

/* ======== FOOTER ======== */

#foot-page
{
    background-color: #404040;
    color: #fff;
    text-align: center;
    padding: 85px 0 70px;
}

#copyright
{
    margin: 30px 0;
}

#backtop, #social
{
    width: 45px;
    height: 45px;
    line-height: 42px;
    border: 1px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: auto;
    font-size: 18px;
    cursor: pointer;
}

#foot-icons a
{
    margin: 0 6px;
    font-size: 18px;
}

#foot-icons a i, #backtop, #social
{
    transition: color 0.2s, background-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s;
    -webkit-transition: color 0.2s, background-color 0.2s;
    -ms-transition: color 0.2s, background-color 0.2s;
}

#backtop:hover, #social:hover
{
    background-color: #fff;
    color: #404040;
}

/* ======== / FOOTER ======== */

/* ======== Improvements ======== */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .parallax {
        background-attachment: scroll !important;
        background-position: center top !important;
        background-size: cover !important;
    }
}

@media only screen and (max-width : 767px) {
    .parallax {
        background-attachment: scroll !important;
        background-position: center top !important;
        background-size: cover !important;
    }
}