l/*==================================================


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;


}

 
body.logged-in #nav-container{
	top: 28px !important;
}
body.logged-in .slider-bg, body #slider-container{
	height: 472px;
}

.sub-heading,.not-found{
	margin-top: 50px;
	padding: 20px 40px;
	background: #fff;
}
.post ul{
	list-style: disc;
}
.post ul, .post ol{
	padding-left: 20px;
}
#blog-single article .post h2{
	padding: 0px;
}
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;


}





.comment-count{


	margin-bottom: 10px;


}


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


    1. BACKGROUND STYLES


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





body {


    background-color: #f9f9f9;


    color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;



}








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


    2. GENERIC STYLES


------------------------*/
ul  .sub-menu  {
display:none;
position:absolute;
 background: ;
    margin-top: 2px;
    margin-left: -30px;
    padding: 20px;
    width: 150px;
padding-bottom:15px;
   
}

li .menu-item {
position:relative;
  display:block;
background:#f3f3f3;
width: 150px;

padding:15px;

}


li.menu-item ul li {display:none;}
li.menu-item:hover ul li {display:block;}



* {margin: 0px;}

.ultimate_pro_team_single {
z-index:10000000;
}


#portfolioicon {
   background-image: url('/wp-content/uploads/2014/01/portfolio_icon_bw.png');
   height: 150px;
   width: 150px;
margin-bottom:15px;
}

#portfolioicon:hover {
   background-image: url('/wp-content/uploads/2014/04/portfolio_icon.png');
}

#affiliateicon {
   background-image: url('/wp-content/uploads/2014/01/AFFILIATES_icon_bw.png');
   height: 150px;
   width: 150px;
margin-bottom:15px;
}

#affiliateicon:hover {
   background-image: url('/wp-content/uploads/2014/04/AFFILIATES_icon_color.png');
}

#teamicon {
   background-image: url('/wp-content/uploads/2014/01/TEAM_icon_bw.png');
   height: 150px;
   width: 150px;
margin-bottom:15px;
}

#teamicon:hover {
   background-image: url('/wp-content/uploads/2014/04/TEAM_icon.png');
}

#hometext {
width: 225px;
font-color: #fff;
}


#pad {
padding: 15px;
font-color: #c0bfbf;
}










.wrap {
        color: #373737;
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;

    position: relative;


    width: 940px;


    margin: 0px auto;


}





section {padding-top: 60px;}


#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: 'Open Sans', sans-serif;


    font-weight: 400;


    text-shadow: 0px 1px 3px rgba(0,0,0,.2);


}





h2 { 


    color: #9abab4;


    line-height: 44px; 


    font-size: 30px;


    font-family: 'Open Sans', sans-serif;


    font-weight: bold;


    


    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;


}


.sub-menu{
	display: none;
}
#page-content{
	margin-top: 90px;
}

h5 {


    color: #000000;


    line-height: 14px; 


    font-size: 14px;


    font-weight: normal;


}





strong {font-weight: 700;}





a {


    color: #000000;


    text-decoration: none;


}





a:hover {text-decoration: none;
color:#93a83a;   }





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: 75px;


    background-color: #000000;


    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;


}





nav ul {


    display: block;


    float: right;


    margin-top: 39px;


}





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: #000000;


    line-height: 14px;


    font-size: 14px;


    font-family: 'Open Sans', sans-serif;


    font-weight: 600;


}





nav ul li a:hover {
text-decoration: none;
border-bottom: none;
color:#9abab4;
 }



nav ul li a.active {



    text-decoration: none;


    border-bottom: none;


}





nav ul li a.active {color: #000000;}





.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: 'Open Sans', sans-serif;


    text-shadow: 0px 1px 1px rgba(255,255,255,.3);


    text-decoration: none;


}





.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.twitter {


    width: 12px;


    background: url(../images/social-networks.png) no-repeat 0px 0px;


}


.social-networks li a.facebook {


    width: 5px;


    background: url(../images/social-networks.png) no-repeat 0px -10px;


}


.social-networks li a.dribbble {


    width: 10px;


    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);


}





#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);


}





#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, #submit {


    display: inline-block;


    margin: 15px 7px 15px 0px;


    padding: 8px 10px !important;


    background: transparent;


    color: #fff !important;


    line-height: 16px;


    font-size: 14px !important;


    font-weight: 700;


    border: 2px solid #fff !important;


    -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: #000000;


    color: #000;


    text-decoration: none;


}





ul.pluses {margin: 20px 0px 20px 10px;}





ul.pluses li::before {


    content: "+"; 


    margin-right: 10px;


    color: #fff;


}





ul.pluses li {


    margin: 0px 0px 2px 0px;


    color: #808789;


}








/*  4.1 Services


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





.services {


    margin-bottom: 30px;


    padding: 40px 0px;


    background: #fff;


    


    border-top: 1px solid #e5e5e5;


    border-bottom: 1px solid #e5e5e5;


    overflow: hidden;


}


.services .service:last-child{


	clear: right;


	margin-right: 0px;


}


.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=20)";


        filter: alpha(opacity=20);


    -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: #000000;}





.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:nth-child(3n){


	clear: right;


	margin-right: 0px;


}


.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;


}





.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: 'Open Sans', 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);


}





#part-2 .top-header {background-color: #ffc905;}


#part-3 .top-header {background-color: #93aa32;}


#part-4 .top-header {background-color: #9ebdb7;}


#part-5 .top-header {background-color: #dedee0;}








/*  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;


}





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: 40px 0px 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 !important;


}





.blog-control ul li a.btn.active {


    background: #fff;


    color: #fff !important;


}


.post-type-archive-portfolio .pagination{


	float: none;


	margin: 20px auto;


	max-width: 940px;


	float: none;


}


.all{


	text-align: center;	


}


.all .btn{


	margin: 0px;


}


table{


	width: 100%;


}


table, td, th, caption{


	
	text-align:;


	padding: 0px;


	color: #707779;


}

#antable{ margin-left:auto;
margin-right:auto;}



caption{


	background: #E2E7EA;


	font-weight: 700;


}


.widget  {


	color: #707779; 


}


#blog-single #commentform .h-info{


	padding: 0px;


}


/*  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;


}





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);


}





#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 , div.articles{


    float: left;


    margin-top: 50px;


    width: 670px;


    background-color: #fff;


    overflow: hidden;


}


div.articles{


	background: none;


	margin-top: 0px;


}


#blog-single div.articles article footer{


	margin-bottom: 0px;


}


.archive_sidebar{


	margin-top: 50px;


}


.pagination{


	margin: 40px 0 0 0;


padding: 20px 40px;


background: #fff;


text-align: center;


margin-top: 50px;


overflow: hidden;


width: 100%;


float: left;


}


.pagination a, .pagination span{


	display: inline-block;


	padding: 4px 8px;


	border-radius: 3px;


	font-weight: bold;


}


.pagination a:hover{


	text-decoration: none;


}


.f_archive{


	overflow: hidden;


	margin-top: 20px;


	padding: 13px 0px;


	position: absolute;


	bottom: 0px;


	right: 0px;


}


article header span a{


	color: #fff;


}


#blog-single article section {padding: 40px;}





#blog-single article header {margin-bottom: 30px;}





#blog-single article header span {


    padding: 3px 5px;


    background: #fff;


    color: #fff;


    font-size: 11px;


}





#blog-single article header h1, #page-content h1 {


    margin: 0 0 7px 0;


    font-family: 'Open Sans', sans-serif;


    font-size: 34px;


    font-weight: 400;


    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;


}





#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, .f_archive .next {


    padding-right: 15px;


    background: url(../images/prev-next.png) no-repeat bottom right;


}





#blog-single aside, .sidebar {


    float: right;


    margin: 50px 0px 0px 0px;


    width: 230px;


}


#blog-single .sidebar {


	margin-top: 0px;


}


#blog-single .sidebar aside{


	margin: 0px 0px 30px 0px;


}


#blog-single aside .article-data {


    margin-bottom: 50px;


    text-align: left;


}





#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;}


h1.widget-title{


	


	margin-bottom: 15px;


	margin-bottom: 15px;


	color: #404749;


	line-height: 30px;


	font-size: 20px;


	text-shadow: 0px 0px 0px #ccc;


	font-weight: 400;


	text-align: left;


}


/*  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, ul#comments .author .data small .comment_id {


    display: block;


    margin: 2px 0px 20px;


    color: #b0b7b9;


    line-height: 10px;


    font-size: 10px;


    text-transform: uppercase;


}


ul#comments .author .data small .comment_id{


	margin-bottom: 0px;


	display: inline-block;


}


#blog-single article .h-info {


	padding: 0px 40px;


    color: #b0b7b9;


    line-height: 17px;


    font-size: 13px;


}


#commentform .h-info{


	padding: 0px;


}


#blog-single #contact, #commentform{


    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 #fff;


}





#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: #efefef;


    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: #fff;}





.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: center;


}





.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, .row{


    margin: 50px 0px;


    overflow: hidden;


}





#contact , #commentform, .wpcf7-form{


    margin-top: 20px;


    position: relative;


    overflow: hidden;


}





#contact fieldset , #commentform  fieldset, .wpcf7-form fieldset{


    margin: 0px 0px 15px;


    line-height: 0px;


}





#contact input[type=text], .wpcf7-form input[type=text], .wpcf7-form input[type=email],


#contact textarea, .wpcf7-form textarea, #commentform  input[type=text], #commentform textarea, .search-field {


    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, #commentform textarea, .wpcf7-form textarea{


    min-height: 121px;


    -moz-resize: vertical;


    resize: vertical;


}





#contact input[type=text]:focus, .wpcf7-form input[type=text]:focus, 


.wpcf7-form textarea:focus, .wpcf7-form input[type=email]:focus,


#contact textarea:focus , #commentform input[type=text]:focus, 


#commentform textarea:focus{


    background-color: #fff;


    color: #404749;


}





#contact input[type=submit], #commentform input[type=submit], .wpcf7-form input[type=submit] {


    margin: 0px;


    width: 100%;


    background: #606769;


    border-color: #606769 !important;


    color: #fff !important;


}





#contact input[type=submit]:hover , #commentform input[type=submit]:hover, .wpcf7-form input[type=submit]:hover{


    background: #505759 !important;


    border-color: #505759 !important;


}





.contact-row h3, .row h3 {


    padding-bottom: 5px;


    margin-bottom: 15px;


    text-align: left;


    border-bottom: 1px solid #dcdcdc;


}


span.wpcf7-not-valid-tip {


	top: 0;


left: 0;


width: 100%;


height: 100%;


background: none;


border-radius: 3px;


text-indent: -99999px;


}


span.wpcf7-form-control-wrap{


	display: block;


}


.contact-row p,


.contact-info {color: #707779;}





#contact #confirm-message, #commentform #confirm-message {


    padding-bottom: 20px;


    border-bottom: 1px solid #dcdcdc;


}





#contact #confirm-message h4, #commentform #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,  #commentform  #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);}


#subscribe :-moz-placeholder { /* Firefox 18- */ color: rgba(0,0,0,.7);}


#subscribe ::-moz-placeholder {  /* Firefox 19+ */ color: rgba(0,0,0,.7);}


#subscribe :-ms-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: #fff;


    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);


}


.video-container {


	position: relative;


	padding-bottom: 56.25%;


	padding-top: 30px;


	height: 0;


	overflow: hidden;


}

.video-container iframe,  


.video-container object,  


.video-container embed {


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


}


#flickrs li{


	list-style: none;


	float: left;


	opacity: 0.5;


}


#flickrs li:hover{


	opacity: 1;

}