/*Theme Name: PrancisTheme URI: http://themeforest.net/user/iWebStudio/portfolioAuthor: iWebStudioAuthor URI: http://themeforest.net/user/iWebStudio/portfolioDescription: Prancis is a responsive one page wordpress theme for corporate businessVersion: 1.0.0Tags: theme-options, translation-readyLicense: Split GPL LicenseLicense URI: license.txt*//* === fontawesome === */@import url('css/font-icons.css');/* === fontawesome === */@import url('css/font-awesome.css');/* === animations === */@import url('css/animate.css');/* Table of content *//*===================================1. General2. Home3. Navigation4. Section: Spacer5. Section: Team6. Section: Services7. Section: Works8. Section: Contact9. Inner10. Blog11. Footer12. Align & Misc==================================== *//* ===================================1. General==================================== */body{	background-image: url(images/background/bg2.jpg);	background-repeat:no-repeat;	background-position: top center;	background-color:none;	background-attachment:fixed;	margin:0;	padding:0;}*,*:after,*:before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box;	padding: 0;	margin: 0;}.inner-wrapp{	width:980px;	padding:0 0 0 0;}.inner-wrapp .row{	padding-bottom:30px;}.row .row{	margin-bottom:0;}img{	max-width:100%;	height:auto;}.max-video{	width:100%;	height:250px;}/* ===================================2. Home==================================== */#home{	width:100%;	height:748px;	margin:0;	padding:0;}#home h1, #home h2, #home h3, #home h4, #home h5, #home h6{	color:#fff;}.bg-slider{	background-position: top center;	background-repeat: no-repeat;	background-color:none;	background-attachment:fixed;		width:100%;	height:748px;	position:absolute;	margin:0;}#welcome{	float:left;	width:100%;	margin-top:120px;	color:#fff;	font-family:'Open Sans', Arial, sans-serif;	text-align:center;}#welcome h1{	color:#fff;	margin-top:20px;	text-transform:uppercase;	font-size:66px;	letter-spacing:-4px;}#welcome h1 strong {	font-weight:700;}.intro_text {	margin:40px 0 30px 0;}.intro_text h5 {	font-family: 'Noto Serif', serif;	font-style:italic;	font-weight:400;	font-size:20px;}.slide {	position: relative;	margin: 0;	width: 100%;}.content {	padding-top:0;}.content-top{	padding-top:0px;}.content-bottom, .content.blog {	padding-bottom:40px;}.inner-wrapp{	background:#fff;	margin:0 auto;}.inner-spacer {	margin:0 auto;	padding:70px 0 40px;}.content-top .inner-wrapp{	padding-top:0;}.content-bottom .inner-wrapp{	padding-bottom:0;}/* home nav============================ */.nav-container .home{	float:left;}.nav-container .navbar-inner a.home{	margin:0;	font-size:13px;	font-weight:600;	text-transform:uppercase;}.nav-container a.home{	margin:0;	text-align:center;	color:#fff;	}.nav-container a.home:hover {	text-decoration:none;}.logo a{	display:block;	margin-top:90px;}/* ===================================3. Navigation==================================== */.nav-container {	width:100%;	margin:0;	padding:0;}.navbar-inner{	background:#262626;	width:100%;	z-index: 1000;	padding:20px 0 20px;	margin:0;	position: relative;}.nav-container .row, .navbar-inner .row{	margin-bottom:0;}.navbar-inner ul li a{	color:#fff;}nav {	z-index: 1000;	padding:0;	margin:0;	position: relative;}nav li {	list-style: none;	color:#fff;}nav li a{	text-decoration: none;	color:#fff;	font-size:13px;	font-weight:600;	text-transform:uppercase;	display: inline-block;	padding:0;}nav li a:hover,nav li a.selected{	text-decoration:none;}nav {	float:right;	width:auto;	}nav li {	float:left;	margin-left:25px;}.nav-fixed {	position: fixed;	top:0;}.sticky {	position: fixed;	top: 0;		width:100%;	animation:thedrop 1s 1;	-moz-animation:thedrop 1s 1;	-webkit-animation:thedrop 1s 1;}.sticky .nav-above {	position: absolute;	top:0;	left:0;	right:0;	height:auto;}/* ===================================4. Section: Spacer==================================== */section.spacer {	color:#fff;	margin:0 auto;	text-align:center;}section.spacer h2,section.spacer h3,section.spacer h4,section.spacer h5,section.spacer h6 {	color:#fff;}section.spacer .inner-spacer {	width:100%;	height:auto;	margin:0;	}/* Testimonial============================ */ul.client-testimoni{	width:100%;	margin-left:10% auto !important;	margin-right:10% auto !important;	min-height:130px;}ul.client-testimoni li {	margin-left:10% auto !important;	margin-right:10% auto !important;	padding:0 !important;}.testimonial h3{	font-weight:normal;	color:#fff;}.testimonial p{	color:#eee;	font-size:30px;	line-height:1.5em;}.testimonial span.author,.testimonial span.company {	margin:0;	padding:0;	color:#fff;}.testimonial span.author,.testimonial span.company {	margin:0;	padding:0;	font-size:14px;	text-align:right;	color:#b2b2b2;}.testimonial span.company {	color:#ccc;	margin-left:10px;}/* Twitter============================ */.twitter, .tweeple {	text-align:center;	margin:20px 0 0;}.twitter ul, .tweeple .tweeple-inner ul.tweets {	float:left;	width:100%;	text-align:center;	list-style:none;	margin:0;	padding:0;}.twitter ul li, ul.tweets li.tweet .tweet-text{	display: inline-block;	list-style:none;	margin:0 0 20px;	padding:0 0 0 34px;	font-size:20px;	line-height:1.5em;	color: black;}.twitter ul li:before, ul.tweets li.tweet:before {	font-family: 'Icons';	speak: none;	font-style: normal;	font-weight: normal;	font-variant: normal;	text-transform: none;	line-height: 1;	-webkit-font-smoothing: antialiased;	content: "\e02a";	margin-right:20px;}/* ===================================5. Section: Team==================================== */ul.team-list{	background:#a2a2a2;	width:100%;	margin:20px 0 0 0;	padding:0;	list-style:none;}ul.team-list li{    float:left;	position:relative;	margin:0;	padding:0;	background:#d8dce0;}.team-frame{	border:5px solid #b9bbbe;	position:absolute;	width:100%;	height:100%;  -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;          box-sizing: border-box;}.avatar-wrapp, .detail-person{    float:left;	text-align:center;	height:auto;	display:block;	margin:0;	padding:0;	list-style:none;}.avatar-wrapp img{	margin-bottom:-5px;	padding:0;}.detail-person{	height:232px;	/* padding:55px 0 55px 0;*/	padding: 0;	font-size:13px;	background:#f5f4f2;	}.detail-person .liketable{	display: table;	height: 232px;}.detail-person .liketablecell{	display: table-cell;	vertical-align: middle;}.detail-person h5{	font-size:22px;	text-transform:uppercase;	margin-bottom:5px;}.detail-person h6{	margin-bottom:20px;	font-size:14px;	font-weight:normal;}.detail-person a {	z-index:100;	position:relative;	cursor:pointer;	margin:0 5px;}.detail-person a:hover {	text-decoration:none;	color:#010101;}.team-emal{	width:100%;	padding:6px 9px 10px 9px;  -webkit-border-radius: 140px;     -moz-border-radius: 140px;          border-radius: 140px;	}.team-info img{	left:0;}.team-info h4{	margin-top:45%;}ul.team-list li{	width:50%;}.avatar-wrapp, .detail-person{	width:50%;}/* ===================================6. Section: Services==================================== */#services h3 img{	margin-right:10px;}.box {	width:100%;	padding:20px;	background:#fff;}.box.active {	-webkit-transition: all 0.2s ease;	-moz-transition: all 0.2s ease-in-out;	-o-transition: all 0.2s ease-in-out;	-ms-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;}.box.active,.box.active h6 {	color:#fff;}.box.active i {	color:#fff;}.box.active a {	color:#fff;	font-weight:600;}.box h6 {	margin-top:20px;	text-transform:uppercase;}/* ===================================7. Section: Works==================================== */.og-grid {	list-style: none;	padding:0;	margin: 0;	width: 100%;	text-align:center;}.og-grid li {	display: inline-block;	padding:0;	vertical-align: top;	height: auto;}.og-grid li > a{	border: 10px solid #d8dce0;	position: relative;	overflow:hidden;	display: block;	color:#fff;	margin: 0;	padding:0;}.og-grid li > a img {	outline: none;	color:#fff;	margin: 0 0 -5px 0;	padding:0;}.og-expander {	position: absolute;	background: #f7f7f7;	-moz-box-shadow: inset 0 0 5px #888;	-webkit-box-shadow: inset 0 0 5px#888;	box-shadow: inner 0 0 5px #888;		top: auto;	left: 0;	width: 100%;	margin-top: 20px;	text-align: left;	height: 0;	overflow: hidden;	display:block;}.og-expander-inner {	padding:40px 0 40px 0;	height: 100%;}.og-close {	position: absolute;	width: 40px;	height: 40px;	top: 20px;	right: 20px;	cursor: pointer;}.og-close::before,.og-close::after {	content: '';	position: absolute;	width: 100%;	top: 50%;	height: 1px;	background: #888;	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	transform: rotate(45deg);}.og-close::after {	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg);}.og-close:hover::before,.og-close:hover::after {	background: #333;}.og-fullimg,.og-details {	width: 50%;	float: left;	height: 100%;	overflow: visible;	position: relative;}.og-details {	padding:0 80px 0 40px;}.og-fullimg {	text-align: center;}.og-fullimg img {	display: inline-block;	max-height: 100%;	max-width: 100%;	background-color:#d8dce0;	padding:20px;	position:relative;}.og-details h3 {	padding: 40px 0 10px;	margin-bottom: 10px;}.og-details p {	font-size: 14px;	line-height: 22px;	color: #6e6e6e;}.og-details a {	-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}.og-details a:link{	color:#fff;}.og-details a:hover {	text-decoration:none;	background:#171717;	color: #fff;}.og-loading {	width: 20px;	height: 20px;	border-radius: 50%;	background: #ddd;	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;	position: absolute;	top: 50%;	left: 50%;	margin: -25px 0 0 -25px;	-webkit-animation: loader 0.5s infinite ease-in-out both;	-moz-animation: loader 0.5s infinite ease-in-out both;	animation: loader 0.5s infinite ease-in-out both;}@-webkit-keyframes loader {	0% { background: #ddd; }	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }}@-moz-keyframes loader {	0% { background: #ddd; }	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }}@keyframes loader {	0% { background: #ddd; }	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }}@media screen and (max-width: 830px) {	.og-expander h3 { font-size: 32px; }	.og-expander p { font-size: 13px; }	.og-expander a { font-size: 12px; }}@media screen and (max-width: 650px) {	.og-fullimg { display: none; }	.og-details { float: none; width: 100%; }	}/* ===================================8. Section: Contact==================================== *//* Contact and comment form=====================================  */.boxed {	width:100%;	overflow:hidden;	padding:0;	margin:-40px 0 0 0;}#contact .row, #contact .grid_6{	overflow:visible;}.contact-form {	padding:30px 25px 0;	margin:0;	float:left;	width:50%;      padding-bottom: 500em;      margin-bottom: -500em;}ul.listForm{	width:100%;	margin:0;	padding:0 !important;	list-style:none;}ul.listForm li {	margin-top: 0 !important;	margin-bottom: 30px !important;}.commentformbox {	width:100%;}ul.commentlistForm li {	margin-top: 0 !important;	margin-bottom: 30px !important;}.listForm label,.commentlistForm label  {	float:left;	width:100%;	font-size:13px;	text-transform:uppercase;	font-weight:600;	color:#323232;	margin-bottom:10px;}.listForm label span,.commentlistForm label span{	margin:3px 0px 0px 10px;	font-weight:normal;	line-height:1.5em;	font-size:11px;	color:#6d6d6d;}.contactInput, input#email, input#name {	width:100%;	border:1px solid #fff;	padding:10px;	background:#f4f4f4;	color:#6d6d6d;}input.contactInput {	border:1px solid #fff;	background:#f4f4f4;	}.contactTextarea, .contactForm textarea{	width:100%;	height:145px;	border:1px solid #fff;	padding:10px;	background:#f4f4f4;	color:#6d6d6d;	font-size:13px;}form#contactform input[type="text"]:focus,#contactform input[type="email"]:focus, {	-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}	.contactInput:focus, input#emai:focus, input#name:focus,.contactTextarea:focus, .contactForm textarea:focus{	color:#6d6d6d;	-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}ul.contact-list{	padding:0;}ul.contact-list h6 {	color:#fff;	text-transform:uppercase;}ul.contact-list li{	margin:20px 0 20px 0;	padding:0;	font-size:14px;	line-height:24px;	color:#a4a49e;}ul.commentlistForm{	float:left;    width: 100%;    *width: 100%;	}.contact-info {	float:left;	height:100%;	overflow:hidden;	background:#3d3d3d;    width: 50%;    *width: 50%;	margin:0;	padding:10px 25px;	color:#ddd;      padding-bottom: 500em;      margin-bottom: -500em;}/* Validation form=============================== */.validation {	display:none;	margin-top: 15px;}#sendmessage {	border:1px solid #e6e6e6;	background:#f6f6f6;	display:none;	text-align:center;	padding:15px 12px 15px 65px;	margin:10px 0;	font-weight:600;	margin-bottom:30px;}#sendmessage.show,.show  {	display:block;}/* ===================================9. Inner==================================== *//*Page=========================== *//* Headline page============================ */.inner-wrapp .headline-page {	width:100%;	margin:0 auto;	margin-bottom:40px;	background:#4f4f4f;	overflow:hidden;}.page .inner-wrapp .headline-page .headline-left,.page .inner-wrapp .headline-page .headline-right {	width:50%;	display:inline-block;	float:left;	color:#fff;	padding:35px 20px 40px;      padding-bottom: 500em;      margin-bottom: -500em;}.sectionpage .inner-wrapp .headline-page .headline-left, .sectionpage .inner-wrapp .headline-page .headline-right {	width:50%;	display:inline-block;	float:left;	color:#fff;	padding:100px 20px 40px;	color:#ddd;      padding-bottom: 500em;      margin-bottom: -500em;}.content-bottom .inner-wrapp .headline-page .headline-left, .content-top .inner-wrapp .headline-page .headline-left,.content-bottom .inner-wrapp .headline-page .headline-right,.content-top .inner-wrapp .headline-page .headline-right {	width:50%;	display:inline-block;	float:left;	color:#fff;	padding:100px 20px 40px;	color:#ddd;      padding-bottom: 500em;      margin-bottom: -500em;}.blog .headline-page .left {	padding-top:34px;}.blog .headline-page .right {padding-top:34px;}.content-top .headline-page{	margin-bottom:20px;}.headline-page h3 {	font-size:48px;	line-height:1.5em;	letter-spacing:-2px;}.headline-page .headline-left h3 {	color:#fff;}.headline-page p{	color:#a4a49e;	margin-top:30px;	font-size:18px;	text-transform:uppercase;}/* ===================================10. Blog==================================== */.inner-wrapp.nopaddingtop {	padding:0 0 60px 0;}.boxedpost {	background:#fff;	margin:-40px 0 40px 0;    overflow:hidden;	float:left;    overflow: hidden;}.boxedwrap {    float:left;    background: #3d3d3d;    position: relative;    right:70%;}.boxedwrap.right {    float:right;    background: #3d3d3d;    position: relative;    left:70%;}.blogpage {	float:left;	height:100%;	background:#fff;	overflow:hidden;    width: 70%;	margin:0;	padding-top:40px;    padding-bottom: 500em;      margin-bottom: -500em;}.boxedpost .boxedblogpage.left {	margin:0;	padding-top:40px;    float: left;    width: 70%;    position: relative;    left: 70%;  }.boxedpost .boxedblogpage.right {	margin:0;	padding-top:40px;    float: left;    width: 70%;    position: relative;    right:70%;  }.post-type-wrapper {	margin:0 auto; width:100%; overflow:hidden;}article{	position:relative;	width:100%;	padding-left:10px;	padding-right:10px;	margin-bottom:40px;	border-bottom:1px solid #d8d8d8;}article .flex_wrapper {	float:left;	display:block;	max-width:100%;	padding:0;}article.noborder {	border-bottom:none;}article.nomargin {	margin-bottom:0;}article.single {	position:relative;	width:100%;	padding-bottom:0;	padding-left:25px;	padding-right:25px;	margin-bottom:30px;	border-bottom:none;}article.single .flexslider img {	max-width:100%;	height:auto;}article h4 a{	color:#010101;}.post-type{	width:100%;	text-align:center;	padding:10px 0;	color:#fff;	-moz-border-radius: 2px;	-webkit-border-radius: 2px;	border-radius: 2px;	}.post-article{	float:left;}.post-article h4 a{	font-weight:700;}article .post-article h4 a:hover {	text-decoration:none;	color:#010101;}.post-article iframe, .featured-image{	margin-bottom:30px;}/* gallery post format */.flex-direction-nav .flex-prev:before {	content: "\f053";	font-size:2em;  font-weight: normal;  color:#fff;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;	font-family: FontAwesome;}.flex-direction-nav .flex-next:before {	content: "\f054";	font-size:2em;  font-weight: normal;  color:#fff;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;	font-family: FontAwesome;}.flex-direction-nav a {	margin: 0; display: block;position: absolute; top: 50%; cursor: pointer;	opacity:0;z-index:999;		/* For IE 5-7 */	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);	/* For IE 8 8 */	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";		-webkit-transition: all 200ms ease-in-out;    -moz-transition: all 200ms ease-in-out;    -o-transition: all 200ms ease-in-out;    transition: all 200ms ease-in-out;	}.flex-direction-nav a:hover {	text-decoration:none;}.flexslider:hover .flex-direction-nav a {	opacity:1; 	/* For IE 5-7 */	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);	/* For IE 8 8 */	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	}.flex-direction-nav .flex-next {		right:10px;}.flex-direction-nav .flex-prev {left:10px;}.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}.meta-post{	float:left;	width:100%;	margin:0 0 20px 0;	padding:0;}.meta-post span {	font-size:12px;	font-weight:600;}.meta-post span a:hover {	text-decoration:none;	color:#010101;}.post-article{    width:100%;}.pagination{	width:100%;	background:#4d4d4d;	color:#aaa;	float:left;	margin:0;	padding:20px 30px 20px;}.pagination a,.pagination span {    display: block;    float: left;    margin: 0 7px 0 0;    padding: 7px 15px 6px 15px;    color: #a8a8a8;}.pagination a.inactive {	color:#ddd;}.pagination a.inactive:hover{	text-decoration:none;	background:#010101;	color:#fff;}.pagination span.current{	color:#fff;	background:#a4a49e;	cursor:default;}/* Aside - widget====================== */aside{	float:left;	height:100%;	overflow:hidden;	background:#3d3d3d;    width: 30%;	margin:0;	padding:40px 30px;	color:#bbb;      padding-bottom: 500em;      margin-bottom: -500em;}.boxedpost .aside_left.single {	background:#3d3d3d;	padding:40px 30px;	color:#bbb;    float: left;    width: 30%;    position: relative;    left: 70%;}.boxedpost .aside_right.single {	background:#3d3d3d;	padding:40px 30px;	color:#bbb;    float: left;    width: 30%;    position: relative;    right: 70%;}.grid_4 aside{	float:left;	height:100%;	overflow:hidden;	background:#3d3d3d;    width: 100%;	margin:0;	padding:40px 30px;	color:#bbb;      padding-bottom: 500em;      margin-bottom: -500em;}aside .widget h6,.aside.single .widget h6,.aside_left.single .widget h6,.aside_right.single .widget h6  {	text-transform:uppercase;	color:#fff;}.widget{	margin-bottom:40px;}form#search-form input[type="text"] {	border:1px solid #fff;	width:100%;}form#search-form input[type="text"]:focus {		-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;}.widget ul.cat li a:before,.widget.widget_categories ul li a:before {  font-family: FontAwesome;  font-weight: normal;  font-style: normal;  text-decoration: inherit;  -webkit-font-smoothing: antialiased;  *margin-right: .3em;  content: "\f105";  margin-right:10px;}ul.cat li a, .widget ul li a {	text-decoration:none;	color:#ccc;}ul.cat li a:hover, .widget ul li a:hover {	text-decoration:none;}ul.cat li{	padding-left:0;}ul.latest {	float:left;	width:100%;	margin-top:10px;}ul.latest li{	float:left;	width:100%;	border-bottom:1px solid #474747;	margin-bottom:20px;}ul.latest li  h6 a{	color:#010101;}.flickr_badge img {    width:45px;    height: 45px;    float: left;	margin: 0 9px 10px 0;}.author-box{	float:left;	padding:30px 30px 0 25px;	width:100%;	background:#ccc;	margin-bottom:40px;	position:relative;}.author-box h6 a:hover {	text-decoration:none;	color:#010101;}.comment-wrapp{	width:100%;	padding-left:25px;	padding-right:30px;	margin-bottom:10px;}.boxed .blogpage .comment-wrapp{	width:100%;	padding-left:0;	padding-right:0;	margin-bottom:10px;}.content.blog.fullwidth .comment-wrapp{	width:100%;	padding-left:0;	padding-right:0;	margin-bottom:10px;}.comment-wrapp h5,.commentformbox h5 {	margin-bottom:20px;}.comment-media p{	padding-bottom:10px;}.comment-media .comment-media{	float:right;	margin-bottom:0;	margin-top:20px;	padding:20px 0 0 0;	border-top: 1px solid #eee;  -webkit-box-shadow: none;     -moz-box-shadow: none;          box-shadow: none;	}.comment_container .comment_list, .comment_container .comment_list .children {	list-style-type: none;	list-style-position: outside;	}.comment_list {	padding-top: 15px;	}.comment {	margin: 15px 0 0;	}.comment:first-child {	margin-top: 0;	}.comment .children {	margin: 15px 0 0 25px;	padding: 0 0 0 35px;}.comment:first {	margin-top: 0;	}.single_comment {	display: block;	overflow: hidden;	position: relative;	padding: 25px 0 0 0;	border-top: 1px solid #e5e5e5;}.avatar-comment,.comment_list img.avatar {	float:left;	width: 10.982905982905983%;	margin-right: 2.564102564102564%;	display:block;}.comment-body{	float:left;		width: 86.45299145299145%;}.comment-body h6 {	font-size:14px;	font-weight:600;}.comment-body h6 a:hover{	text-decoration:none;	color:#010101;}.leave-comment input, .leave-comment textarea{	margin-bottom:30px;}/* ===================================11. Footer==================================== */footer{	float:left;	width:100%;	background:#262626;	color:#797979;	margin:0;	padding:40px 0 40px 0;	position:relative;}/* Social network ============================ */ul.social-network{	float:left;	width:100%;	text-align:center;	list-style:none;	margin:0;	padding:0;}ul.social-network li{	display: inline-block;	margin:0 10px 0 10px;	padding:0;	position:relative;	-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;	-ms-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}ul.social-network li a {	color:#ddd;}span.copyright{	float:left;	width:100%;	font-size:13px;	text-align:center;	margin-top:20px;}/* Tooltip============================ */#tooltip{    text-align: center;    color: #fff;    position: absolute;    z-index: 100;    padding: 3px 10px 3px 10px;	-moz-border-radius: 2px;	-webkit-border-radius: 2px;	border-radius: 2px;		}#tooltip:after{	width: 0;	height: 0;	border-left: 5px solid transparent;	border-right: 5px solid transparent;	border-top: 5px solid;	content: '';	position: absolute;	left: 55%;	bottom: -10px;	margin-left: -10px;} #tooltip.top:after{	border-top-color: transparent;	top: -20px;	bottom: auto;} #tooltip.left:after{	left: 10px;	margin: 0;} #tooltip.right:after{	right: 10px;	left: auto;	margin: 0;}		#tooltip{    background: #232323;}#tooltip:after{	border-top:10px solid #232323;}#tooltip.top:after{	border-bottom: 10px solid #232323;}/* ===================================12. Align & Misc==================================== */.aligncenter{	text-align:center;}.alignleft{	float:left;}.alignright{	float:right;}img.alignleft{	margin:0 20px 20px 0;}img.alignright{	margin:0 0 20px 20px;}.floatleft {	float:left;}.floatright {	float:right;}/* Misc============================ */.clear {	clear:both;}.clear-top{	margin-top:0;}.clear-bottom{	margin-bottom:0;}.image-caption{	cursor:pointer;	position:absolute;	width:100%;	height:100%;	padding:40% 10% 0 10%;	display:block;	top:0;	left:0;	text-align:center;	z-index:20;	opacity:0; 	filter: alpha(opacity=0);	/* For IE 5-7 */	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);	/* For IE 8 8 */	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";		-webkit-transition: all 0.4s ease-in-out;	-moz-transition: all 0.4s ease-in-out;	-o-transition: all 0.4s ease-in-out;	-ms-transition: all 0.4s ease-in-out;	transition: all 0.4s ease-in-out;	color:#fff;	font-size:18px;	}.image-caption:hover{	opacity:0.95; 	filter: alpha(opacity=85);	/* For IE 5-7 */	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);	/* For IE 8 8 */	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";		}.image-caption h3, .image-caption h4, .image-caption h5, .image-caption h6{	color:#fff;}.circle{  -webkit-border-radius: 100%;     -moz-border-radius: 100%;          border-radius: 100%;	  }.marginbottom20 {	margin-bottom:20px;}