/*==================================================
Item: 
Author: http://themeforest.net/user/navigator
Only At: ThemeForest.net


	* * * CONTENTS * * *

	0. HTML5 RESET
	
	1. BACKGROUND STYLES
	
	2. GENERIC STYLES
	
	3. HEADER STYLES
        3.0 Main navigation
        3.1 Logo + Social Networks
        3.2 Slider
	
	4. CONTENT STYLES
        4.0 Buttons + UL
        4.1 Services
        4.2 Testimonials
        4.3 Top Header Bg
        4.4 Image Ovelay
        4.5 Blog
        4.6 Blog Single
        4.7 Comments
        4.8 Blockquote
        4.9 Team
        4.10 Google Map
        4.11 Contact Form
        4.12 Subscribe Form
	
	5. FOOTER STYLES
	

==================================================*/

/*------------------------
    0. HTML5 RESET
------------------------*/
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article, aside, details, figcaption, figure, hgroup, header, menu, nav, section, footer {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
/*------------------------
    1. BACKGROUND STYLES
------------------------*/
 body {
    background-color: #f5f5f5;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
    font-size: 14px;
}
/*------------------------
    2. GENERIC STYLES
------------------------*/
 .wrap {
    position: relative;
    width: 940px;
    margin: 0px auto;
    text-align: center;
}
section {
    padding-top: 40px;
}
#part-1 section {
    padding-top: 50px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
h1 {
    margin: 10px 0px 30px;
    color: #404749;
    line-height: 40px;
    font-size: 40px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
    -moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
    -webkit-text-shadow: 0px 1px 3px rgba(0, 0, 0, .2);
}
h2 {
    color: #fff;
    color: rgba(255, 255, 255, .85);
    line-height: 44px;
    font-size: 44px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-align: center;
    letter-spacing: -1px;
}
h3, h4 {
    color: #404749;
    line-height: 20px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    text-transform: uppercase;
}
h4 {
    color: #b0b7b9;
    line-height: 24px;
    font-size: 16px;
}
h5 {
    color: #f3f7f9;
    line-height: 14px;
    font-size: 14px;
    font-weight: normal;
}
strong {
    font-weight: 700;
}
a {
    color: #de5434;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
ul {
    list-style: none;
}
img {
    display: block;
}
.img_container {
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}
.img_container.left {
    margin: 7px 20px 7px 0px;
}
.img_container.right {
    margin: 7px 0px 7px 20px;
}
p {
    margin-bottom: 10px;
}
p.single {
    width: 60%;
    margin: 20px auto;
    text-align: center;
}
.half, .third, .fourth, .fifth, .sixth, .two-third {
    position: relative;
    float: left;
    margin-right: 4%;
}
.half {
    width: 48%;
}
.third {
    width: 30.66%;
}
.fourth {
    width: 22%;
}
.fifth {
    width: 16.8%;
}
.sixth {
    width: 13.33%;
}
.two-third {
    width: 65.33%;
}
.last {
    margin-right: 0px;
    clear: right;
}
.bottom-space {
    margin-bottom: 20px;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
/*------------------------
    3. HEADER STYLES
------------------------*/

/*  3.0 Main navigation
============================================*/
 #nav-container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-color: #de5434;
    border-bottom: 1px solid #c64f34;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, .15);
    z-index: 10000;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .15);
}
nav ul {
    display: block;
    float: right;
    margin-top: 19px;
}
nav ul li {
    float: left;
    margin-right: 30px;
}
nav ul li.last {
    margin-right: 0px;
}
nav ul li a {
    display: block;
    padding-bottom: 2px;
    color: #f2c6bf;
    line-height: 13px;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
nav ul li a:hover, nav ul li a.active {
    text-decoration: none;
    border-bottom: 1px dotted #f2c6bf;
}
nav ul li a.active {
    color: #fff;
}
.responsive-nav-btn {
    display: none;
    position: absolute;
    top: 17px;
    right: 0px;
    width: 20px;
    height: 15px;
    background: url(../images/responsive-nav.png);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -khtml-opacity: 0.85;
    -moz-opacity: 0.85;
    opacity: 0.85;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.responsive-nav-btn:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
/*  3.1 Logo + Social Networks
============================================*/
 a.logo {
    float: left;
    margin-top: 14px;
    color: #8d321e;
    line-height: 22px;
    font-size: 22px;
    font-family: 'Titillium Web', sans-serif;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, .3);
    text-decoration: none;
    -moz-text-shadow: 0px 1px 1px rgba(255, 255, 255, .3);
    -webkit-text-shadow: 0px 1px 1px rgba(255, 255, 255, .3);
}
.social-networks {
    float: left;
    margin: 20px 0px 0px 25px;
}
.social-networks li {
    float: left;
    margin-right: 8px;
}
.social-networks li a {
    display: block;
    height: 10px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.social-networks li a:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
.social-networks li a.num-1 {
    width: 10px;
    background: url(../images/social-networks.png) no-repeat 0px 0px;
}
.social-networks li a.num-2 {
    width: 16px;
    background: url(../images/social-networks.png) no-repeat 0px -10px;
}
.social-networks li a.num-3 {
    width: 16px;
    background: url(../images/social-networks.png) no-repeat 0px -20px;
}
.social-networks li a.behance {
    width: 16px;
    background: url(../images/social-networks.png) no-repeat 0px -30px;
}
/*  3.2 Slider
============================================*/
 .slider-bg {
    position: absolute;
    width: 100%;
    height: 500px;
    background: url(../images/slider-bg1.jpg) repeat top center;
    background-attachment: fixed !important;
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .1);
}
#slider-container {
    position: relative;
    height: 500px;
}
#default-slider > li {
    display: none;
    overflow: hidden;
}
#default-slider > li div {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 40%;
}
#default-slider > li div p {
    margin: 20px 0px;
    line-height: 24px;
    font-size: 14px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, .4);
    -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, .4);
    -webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, .4);
}
#default-slider > li img {
    position: absolute;
    right: 0px;
    top: 70px;
}
.control-nav {
    position: absolute;
    left: 50%;
    bottom: 40px;
    z-index: 100;
}
.control-nav li {
    float: left;
    overflow: hidden;
}
.control-nav a {
    float: left;
    margin-right: 8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url("../images/slider-button.png") no-repeat;
}
.control-nav a:hover {
    background-position: 0 -16px;
}
.control-nav a.active-slide {
    background-position: 0 -32px;
}
/*------------------------
    4. CONTENT STYLES
------------------------*/

/*  4.0 Buttons + UL
============================================*/
 .btn {
    display: inline-block;
    margin: 15px 7px 15px 0px;
    padding: 8px 10px;
    background: transparent;
    color: #de5434;
    line-height: 16px;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid #de5434;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.btn:hover {
    background: #de5434;
    color: #fff;
    text-decoration: none;
}
ul.pluses {
    margin: 20px 0px 20px 10px;
}
ul.pluses li::before {
    content: "+";
    margin-right: 10px;
    color: #de5434;
}
ul.pluses li {
    margin: 0px 0px 2px 0px;
    color: #808789;
}
/*  4.1 Services
============================================*/
 .services {
    margin-bottom: 60px;
    padding: 50px 0px;
    background: #fff;
    box-shadow: 0px 0px 3px rgba(51, 51, 51, .07);
    border-top: 1px solid #afafaf;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    -moz-box-shadow: 0px 0px 3px rgba(51, 51, 51, .07);
    -webkit-box-shadow: 0px 0px 3px rgba(51, 51, 51, .07);
}
.service {
    text-align: center;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.service:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
.service img {
    display: inline;
    margin-bottom: 15px;
}
.service h3 {
    margin-bottom: 15px;
    pointer-events: none;
}
.service:hover h3 {
    color: #de5434;
}
.service p {
    margin: 0px;
    padding: 0px 7px;
    pointer-events: none;
}
/*  4.2 Testimonials
============================================*/
 .testimonials {
    padding-top: 10px;
    margin: 20px auto;
    overflow: hidden;
}
.testimonials li {
    display: inline;
}
.testimonials li > blockquote {
    position: relative;
    margin: 0px;
    padding: 15px;
    background: #e0e4e6 url(../images/quotes.png) no-repeat 93% 83%;
    color: #707779;
    font-size: 13px;
    font-style: italic;
    text-align: center;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
    -webkit-text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}
.testimonials li:hover blockquote {
    margin: -10px 0px 30px 0px;
}
.testimonials li > blockquote::after {
    bottom: -24px;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: solid transparent;
    border-top-color: #e0e4e6;
    border-width: 12px;
    left: 50%;
    margin-left: -12px;
}
.testimonials .client-data {
    margin-top: 20px;
    text-align: center;
}
.testimonials .client-data li {
    display: inline-block;
    vertical-align: middle;
    line-height: 0px;
}
.testimonials .client-data li img {
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.testimonials .client-data li h5, .testimonials .client-data li span {
    display: block;
    margin-left: 10px;
    color: #404749;
    line-height: 15px;
    font-size: 15px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
}
.testimonials .client-data li span {
    margin-top: 5px;
    color: #909799;
    line-height: 12px;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}
/*  4.3 Top Header Bg
============================================*/
 #parts > li:not(:first-child) {
    padding-top: 48px;
}
.top-header {
    padding: 48px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .07);
    -moz-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .07);
    -webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .07);
}
#part-2 .top-header {
    background: url(../images/top-header-1.jpg) no-repeat 0 0;
}
#part-3 .top-header {
    background: url(../images/top-header-2.jpg) no-repeat 0 0;
}
#part-4 .top-header {
    background: url(../images/top-header-3.jpg) no-repeat 0 0;
}
#part-5 .top-header {
    background: url(../images/top-header-4.jpg) no-repeat 0 0;
}
/*  4.4 Image Ovelay
============================================*/
 a .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-shadow: inset 0px 0px 150px rgba(0, 0, 0, .9);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -moz-box-shadow: inset 0px 0px 150px rgba(0, 0, 0, .9);
    -webkit-box-shadow: inset 0px 0px 150px rgba(0, 0, 0, .9);
}
a .overlay:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
a .overlay span {
    position: absolute;
    top: -20px;
    left: 15px;
    color: #fff;
    color: rgba(255, 255, 255, .8);
    line-height: 14px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a .overlay:hover span {
    top: 15px;
}
/*  4.5 Blog
============================================*/
 .blog-container {
    position: relative;
    margin: 40px auto 30px auto;
    width: 100%;
    height: 340px;
    border-bottom: 1px dashed #c0c7c9;
    overflow: hidden;
}
.blog {
    position: absolute;
    top: 0px;
    font-size: 0px;
    text-align: center;
}
.blog > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0px 38px 40px 0px;
    width: 288px;
    height: 300px;
    overflow: hidden;
}
.blog > li.last, .blog > li:last-child {
    margin-right: 0px;
}
.blog > li a .overlay {
    width: 288px;
    height: 150px;
}
.blog > li > div {
    position: absolute;
    top: 150px;
    background: #fff;
    text-align: left;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.blog > li > div:hover {
    top: 0px;
}
.blog > li h5 {
    padding: 15px;
    background: #404749;
}
.blog > li .description {
    padding: 4px 15px;
    background: #fff;
    color: #404749;
    font-size: 12px;
}
.blog > li .description li {
    margin: 5px 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #f0f5f7;
}
.blog > li .description li:last-child {
    margin: 0px;
    border-bottom: none;
}
.blog > li .description span {
    color: #b0b7b9;
}
.blog > li p {
    padding: 10px 15px;
    background: #e7eaec;
    height: 150px;
    line-height: 21px;
    font-size: 13px;
    color: #404749;
}
.blog-control ul {
    margin: 30px 0px;
    text-align: center;
    overflow: hidden;
}
.blog-control ul li {
    display: inline-block;
    margin-right: 15px;
}
.blog-control ul li:last-child {
    margin-right: 0px;
}
.blog-control ul li a.btn {
    margin: 0px;
    padding: 4px 8px;
}
.blog-control ul li a.btn.active {
    background: #de5434;
    color: #fff;
}
/*  4.6 Blog Single
============================================*/
 a.blog-close {
    position: absolute;
    top: 18px;
    right: 0px;
    display: block;
    background: url(../images/blog-close.png) no-repeat 0px 0px;
    width: 14px;
    height: 14px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-image: url(../images/blog-close.png);
}
a.blog-close:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}
#blog-single {
    padding-top: 48px;
}
#blog-single .top-header {
    background: url(../images/top-header-2.jpg) no-repeat 0 0;
}
#blog-single img.main {
    width: 670px;
    height: auto;
}
#blog-single article {
    float: left;
    margin-top: 50px;
    width: 940px;
    background-color: #fff;
    overflow: hidden;
}
#blog-single article section {
    padding: 40px;
}
#blog-single article header {
    margin-bottom: 30px;
}
#blog-single article header span {
    padding: 3px 5px;
    background: #de5434;
    color: #fff;
    font-size: 11px;
}
#blog-single article header h1 {
    margin: 0 0 7px 0;
    font-family: 'Lora', serif;
    font-size: 34px;
    font-weight: 700;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
}
#blog-single article .intro {
    padding-bottom: 20px;
    margin: 0 0 25px 0;
    color: #707779;
    line-height: 26px;
    font-size: 18px;
    font-weight: 600;
    text-shadow: none;
    border-bottom: 1px solid #e7eaec;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
}
#blog-single article footer {
    margin: 0 0 40px 0;
    padding: 20px 40px;
    background: #e2e7ea;
    text-align: left;
    overflow: hidden;
}
#blog-single article footer .prev {
    padding-left: 15px;
    background: url(../images/prev-next.png) no-repeat top left;
}
#blog-single article footer .next {
    padding-right: 15px;
    background: url(../images/prev-next.png) no-repeat bottom right;
}
#blog-single aside {
    float: right;
    margin: 50px 0px;
    width: 230px;
}
#blog-single aside .article-data {
    margin-bottom: 50px;
    text-align: right;
}
#blog-single aside .article-data li {
    margin-bottom: 16px;
    color: #373a3c;
    font-size: 13px;
    font-weight: 600;
}
#blog-single aside .article-data li h6 {
    position: relative;
    margin-top: 2px;
    color: #c7cacc;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    border-top: 1px solid #e7eaec;
}
#blog-single aside .share li {
    display: inline-block;
    margin: 0 0 0 5px;
}
#blog-single aside .share li a {
    display: block;
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#blog-single aside .share li a.twitter {
    background: url(../images/share.png) no-repeat 0px 0px;
}
#blog-single aside .share li a.twitter:hover {
    background: url(../images/share.png) no-repeat 0px -24px;
}
#blog-single aside .share li a.google-plus {
    background: url(../images/share.png) no-repeat 0px -48px;
}
#blog-single aside .share li a.google-plus:hover {
    background: url(../images/share.png) no-repeat 0px -72px;
}
#blog-single aside .share li a.facebook {
    background: url(../images/share.png) no-repeat 0px -96px;
}
#blog-single aside .share li a.facebook:hover {
    background: url(../images/share.png) no-repeat 0px -120px;
}
/*  4.7 Comments
============================================*/
 #blog-single article h2 {
    padding: 0px 40px;
    color: #404749;
    line-height: 30px;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
}
ul#comments, #disqus_thread {
    padding: 0px 40px;
    margin: 20px 0px 40px 0px;
}
.dsq-brlink {
    display: none;
}
ul#comments li {
    margin-top: 12px;
    padding-top: 25px;
    border-top: 1px solid #f0f5f7;
    overflow: hidden;
}
ul#comments li p {
    line-height: 19px;
    font-size: 13px;
}
ul#comments ul.children {
    margin: 22px 0px 0px 45px;
}
ul#comments ul.children li {
    margin: 0px;
}
ul#comments .author img.avatar {
    float: left;
    height: 35px;
    width: 35px;
    margin-top: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
ul#comments .author .data {
    margin-left: 45px;
}
ul#comments .author .data a.author_name {
    color: #101719;
}
ul#comments .author .data small {
    display: block;
    margin: 2px 0px 20px;
    color: #b0b7b9;
    line-height: 10px;
    font-size: 10px;
    text-transform: uppercase;
}
#blog-single article .h-info {
    padding: 0px 40px;
    color: #b0b7b9;
    line-height: 17px;
    font-size: 13px;
}
#blog-single #contact {
    padding: 0px 40px;
    margin: 30px 0px 40px;
}
/*  4.8 Blockquote
============================================*/
 #blog-single blockquote {
    margin: 30px 0px 30px 10px;
    padding: 0px 20px;
    border-left: 2px solid #de5434;
}
#blog-single blockquote p {
    padding: 0px;
    color: #707779;
    line-height: 26px;
    font-size: 18px;
    font-family: Georgia, serif;
}
#blog-single blockquote cite {
    margin: 0px;
    color: #b0b7b9;
}
/*  4.9 Team
============================================*/
 .team {
    margin: 60px 0px;
    overflow: hidden;
}
.team > li {
    position: relative;
    height: 300px;
    overflow: hidden;
}
.team > li img {
    display: block;
}
.team > li div::before {
    content: " ";
    position: absolute;
    border: solid transparent;
    border-bottom-color: #fff;
    border-width: 20px;
    left: 50%;
    margin: -50px 0 0 -20px;
    pointer-events: none;
}
.team > li div {
    position: absolute;
    bottom: -100px;
    height: 180px;
    padding: 20px;
    background: #fff;
    pointer-events: none;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.team > li:hover div {
    bottom: 0px;
}
.team > li div h3 {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.team > li:hover div h3 {
    color: #de5434;
}
.team > li div span {
    display: block;
    color: #b0b7b9;
    line-height: 25px;
    font-size: 13px;
    text-align: center;
}
.team > li div p {
    margin-top: 15px;
    color: #505759;
    line-height: 18px;
    font-size: 12px;
    text-align: left;
}
.social-networks.person {
    float: none;
    margin: 13px 0 0 0;
    line-height: 0px;
    text-align: center;
}
.social-networks.person li {
    float: none;
    margin-right: 10px;
    display: inline-block;
}
.social-networks.person li a {
    width: 13px;
    height: 13px;
    pointer-events: auto;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=30);
    -khtml-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.social-networks.person li a:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=700);
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
}
.social-networks.person li a.twitter {
    background: url(../images/social-networks-person.png) no-repeat 0px -0px;
}
.social-networks.person li a.linkedin {
    background: url(../images/social-networks-person.png) no-repeat 0px -13px;
}
.social-networks.person li a.email {
    background: url(../images/social-networks-person.png) no-repeat 0px -26px;
}
/*  4.10 Google Map
============================================*/
 #map {
    margin: 60px 0px;
    width: 100%;
    height: 300px;
}
#map img {
    max-width: none;
}
/*  4.11 Contact Form
============================================*/
 .contact-row {
    margin: 50px 0px;
    overflow: hidden;
}
#contact {
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}
#contact fieldset {
    margin: 0px 0px 15px;
    line-height: 0px;
}
#contact input[type=text], #contact textarea {
    margin: 0px;
    padding: 13px;
    width: 100%;
    background-color: #e7eaec;
    color: #707779;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border: 1px solid #e7eaec;
    outline: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}
#contact textarea {
    min-height: 121px;
    -moz-resize: vertical;
    resize: vertical;
}
#contact input[type=text]:focus, #contact textarea:focus {
    background-color: #fff;
    color: #404749;
}
#contact input[type=submit] {
    margin: 0px;
    width: 100%;
    background: #606769;
    border-color: #606769;
    color: #fff;
}
#contact input[type=submit]:hover {
    background: #505759;
    border-color: #505759;
}
.contact-row h3 {
    padding-bottom: 5px;
    margin-bottom: 15px;
    text-align: left;
    border-bottom: 1px solid #dcdcdc;
}
.contact-row p, .contact-info {
    color: #707779;
}
#contact #confirm-message {
    padding-bottom: 20px;
    border-bottom: 1px solid #dcdcdc;
}
#contact #confirm-message h4 {
    padding: 8px 0px 20px 40px;
    background: url("../images/form-ok.png") no-repeat 0px 4px;
    font-weight: 600;
    text-align: left;
    text-transform: none;
}
#contact #confirm-message p {
    padding-left: 40px;
}
/*  4.12 Subscribe Form
============================================*/
 #subscribe {
    margin: 6px auto;
    width: 235px;
    overflow: hidden;
}
#subscribe input {
    float: left;
    padding: 8px;
    width: 200px;
    height: 32px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .3);
    color: #404749;
    color: rgba(0, 0, 0, .8);
    font-size: 14px;
    font-weight: 400;
    border: none;
    outline: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#subscribe input[type=text]:focus {
    background-color: rgba(255, 255, 255, .4);
}
#subscribe input[type=submit] {
    background-color: #404749;
    background-color: rgba(0, 0, 0, .3);
    background-image: url(../images/subscribe-plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    width: 32px;
    cursor: pointer;
}
#subscribe input[type=submit]:hover {
    background-color: rgba(0, 0, 0, .4);
}
#subscribe ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .5);
}
#confirm-subscribe {
    padding: 5px 0px;
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-weight: 600;
}
/*------------------------
    5. FOOTER STYLES
------------------------*/
 footer {
    margin-top: 70px;
    text-align: center;
}
#footer-top, #footer-bottom {
    padding: 35px 0px;
    background-color: #808789;
    color: #fff;
    color: rgba(255, 255, 255, .5);
}
#footer-bottom {
    padding: 20px 0px;
    background-color: #404749;
    color: #a0a7a9;
    font-size: 12px;
}
#footer-top h4 {
    color: #fff;
    color: rgba(255, 255, 255, .7);
    font-family: Courgette, serif;
}
img.image2 {
    max-width: 100%;
    width:auto;
}
#subscribe ::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(0, 0, 0, .7);
}
#subscribe :-moz-placeholder {
    /* Firefox 18- */
    color: rgba(0, 0, 0, .7);
}
#subscribe :-ms-input-placeholder {
    color: rgba(0, 0, 0, .5);
}