@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
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, a, nav, section, summary, time, mark, audio, video 
{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	
html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;}
textarea:focus, input:focus, a, div, img { outline: none; }
 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}
*, *:before, *:after{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#373d48; font-size:14px; font-family: 'Georgia-regularregular'; font-weight:400; line-height:18px; background:#fcfcfc;}
body.home{ background:url(../images/bg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;}

h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:normal;}
h1{ font-size:50px; line-height:54px; color:#000; text-align:center; position:relative; margin:0 0 25px; padding:0 0 23px;}
.home h1{ color:#fff; margin:0 0 54px;}
h1:before{ content:''; height:5px; width:175px; background:#f2df6d; position:absolute; left:50%; margin-left:-88px; bottom:0;}
.home h1:before{ background:#fff;}
h2{ font-size:30px; line-height:34px; margin:0 0 15px;}
h3{ font-size:26px; line-height:30px; margin:0 0 15px;}
h4{ font-size:24px; line-height:28px; margin:0 0 15px;}
h5{ font-size:22px; line-height:26px; margin:0 0 15px;}
h6{ font-size:20px; line-height:24px; margin:0 0 15px;}

p{ color:#373d48; font-size:16px; font-weight:400; line-height:24px; margin-bottom:30px; font-family: 'Georgia-regularregular';}

ul{ margin:20px 20px; padding:0;}
ul li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style:none;}
.alternate{ background:#ececec; }

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px 10px 20px; border-left:2px solid #1589cb;}
blockquote p{ font-size:13px; font-weight:400; line-height:17px; margin-bottom:15px; position:relative; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none;}

/* 4. Link
------------------------------------------------------------------------------*/
a{color:#202020; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
a:hover{color:#ebcd18;}
a:active, a.current {color: #e8941a;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
.errorlist{ margin:0 0 10px;}
.errorlist li{ color:red;}
.center-box form p.login-signup{ margin:0;}
form legend{ font-size: 22px; line-height: 26px; text-align: center; display: block; margin: 0 0 20px; font-weight: 700;}
form ul{ padding:0; margin:0;}
form ul li{ padding:0; margin:15px 0 0; list-style:none;}
form ul li.select{ height:38px;}
form ul li:first-child{ margin:0;}
form ul li label, .control-group label, .form-group label{ font-size:18px; line-height:22px; display:block; margin:0 0 10px;}
form .control-group{ margin:15px 0 0;}
form .control-group.error .help-inline strong{ color:red; font-weight: 400; font-size: 13px; line-height: 14px;}
form .form-actions{ margin:15px 0 0;}
form ul li .ddcommon{ width:100% !important;}
form ul li .dd .ddChild li{ margin:0;}
form ul li .dd .ddTitle .ddTitleText{ padding:0;}
form ul li .dd .divider{ border:0;}
form ul li .borderRadiusTp .ddTitle{ border-color: #66afe9; outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ font-size:14px; line-height:18px; font-family: 'Georgia-regularregular';}
textarea{ border:1px solid #dedede; padding:5px 15px; color:#666666; font-size:14px; height:100px; resize:none; font-family: 'Georgia-regularregular'; line-height:18px; width:100%;}

input[type="submit"], input[type="button"], input[type="reset"], button{ background:#343433; font-family: 'Georgia-Bold'; cursor:pointer; color:#fff; border:none; font-size:14px; line-height:18px; display:block; padding:10px; max-width:100%; width:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
input[type="submit"]:hover, input[type="button"]:hover, button:hover{ background: #f2df6d; color: #000;}

.form-group .controls .django-ckeditor-widget{ width:100%;}
.form-group .controls .cke_editor_id_description{ width:100% !important;}

::-webkit-input-placeholder{color:#000; opacity:1;}
:-moz-placeholder { /* Firefox 18- */ color:#000;  opacity:1;}
::-moz-placeholder {  /* Firefox 19+ */ color:#000;  opacity:1;}
:-ms-input-placeholder { color:#000; opacity:1;}


/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
table tr td a.btn{ background:#202020; color: #fff; padding:2px 5px; font-size: 12px; line-height: 14px; margin: 0 5px 0 0;}
table tr td a.btn:hover{ background:#f2df6d; color: #202020;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
img.align-left{ float:left; margin:0 25px 20px 0; padding:5px; border:1px solid rgba(0,0,0,0.3); max-width:100%; display:block;}
img.align-right{ float:right; margin:0 0 20px 25px; padding:5px; border:1px solid rgba(0,0,0,0.3); max-width:100%; display:block;}
#wrapper{ width:100%;}
.container{ max-width:1240px; width:100%;}
#content-area{ padding:55px 0 20px;}
#content-area1{ padding:55px 0 10px;}
.content-left{ width:67%; float:left;}
.content-right{ width:30%; float:right;}

/* common css */
.black-btn, ul .endless_more{ background:#343433; color:#fff; display:inline-block; padding:12px 32px;}
.black-btn span{ text-transform:uppercase; font-size:13px; line-height:16px; display:block; background:url(../images/arrow.png) no-repeat right center; padding:0 25px 0 0;}
.black-btn:hover, ul .endless_more:hover{ background:#f2df6d; color:#000;}
.black-btn:hover span{ background:url(../images/arrow-black.png) no-repeat right center;}
.endless_container{ clear: both; text-align:center; margin:0 0 15px;}

.back-btn{ background:#343433; color:#fff; display:inline-block; padding:12px 32px; margin: 0 0 25px;}
.back-btn span{ text-transform:uppercase; font-size:13px; line-height:16px; display:block; background:url(../images/arrow-back.png) no-repeat left center; padding:0 0 0 25px;}
.back-btn:hover{ background:#f2df6d; color:#000;}
.back-btn:hover span{ background:url(../images/arrow-back-hover.png) no-repeat left center;}

/* header */
header{ width:100%; height:auto; background:#fff; padding:30px 0; border-bottom:2px solid #f3df6e;}
header a.logo{ display:block; float:left; width:160px;}
header a.logo img{ display:block; max-width:100%; margin:0;}

/* navigation */
.navigation{ float:right; padding:0; margin:0 20px 0 0;}
.navigation li{ padding:0; margin:0; background:none; float:left; list-style:none; font-size:14px; line-height:18px; margin:0 0 0 2px; position: relative;}
.navigation li:first-child{ margin:0;}
.navigation li a{ text-transform:uppercase; padding:11px 20px; display:block; color:#000;}
.navigation li a img{ border-radius:50%; height:20px; width:20px; vertical-align:middle; margin:0 5px 0 0; position:relative; top:-2px;}
.navigation li a.current{ background:#f2df6d;}
.navigation li a:hover{ background:#000; color:#fff;}
.navigation li ul{ position: absolute; left: 0; top: 60px; width: 220px; z-index: 9999; padding: 0; margin: 0; background: #f5f5f5; border: 1px solid #dddddd; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden;}
.navigation li ul li{ width:100%; margin: 0; border-top: 1px solid #dddddd;}
.navigation li ul li:first-child{ border:0;}
.navigation li ul li a{ display:block; padding: 8px 10px; font-size: 13px; line-height: 16px;}
.navigation li:hover ul{ top:40px; opacity: 1; visibility: visible;}
.mobile-nav, .menu-icon{ display:none;}

/* header */
header .social-icon{ float:right; margin:0 0 10px; }
header .social-icon a{ display:block; float:left; width:30px; height:30px; margin-left:10px; position:relative; top:0; background-size:cover !important;}
header .social-icon a:first-child{ margin:0;}
header .social-icon a:hover{ top:-5px;}
header .social-icon a.google{ background:url(../images/google-plus.png) no-repeat;}
header .social-icon a.linkedin{ background:url(../images/linkedin.png) no-repeat;}
header .social-icon a.twitter{ background:url(../images/twitter.png) no-repeat;}
header .social-icon a.facebook{ background:url(../images/facebook.png) no-repeat;}
header .header-right{ float:right;}
header .header-right .hedaer-bottom{ clear:both; float:left;}
header .header-right #cities{ float:right; width:200px;}

/* client-logo */
.client-logo{ margin:0 0 60px; position:relative;}
.client-logo .no-slider .owl-controls{ display: none;}
.client-logo .no-slider .owl-stage{ margin:0;}
.client-logo img{ max-width:100%; display:block; margin:0;}
.client-logo img:hover{ -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.client-logo .owl-prev{ position:absolute; left:-30px; top:50%; background:url(../images/prev-icon.png) no-repeat; height:60px; width:60px; margin-top:-30px; text-indent:-9999px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.client-logo .owl-prev:hover{ background-position:left bottom;}
.client-logo .owl-next{ position:absolute; right:-30px; top:50%; background:url(../images/next-icon.png) no-repeat; height:60px; width:60px; margin-top:-30px; text-indent:-9999px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.client-logo .owl-next:hover{ background-position:left bottom;}
.client-logo .owl-dots{ display:none;}

.desc-popup{ width:400px; height:400px; overflow-x: hidden; display:none;}
.desc-popup-inner{ width:100%;}
.desc-popup img{ display:block; margin:0 auto 10px; max-width:100%;}
.desc-popup .desc p{ margin:0 0 15px; }

/* projects */
.projects{ position:relative;}
.projects .owl-prev{ position:absolute; left:-30px; top:50%; background:url(../images/prev-icon.png) no-repeat; height:60px; width:60px; margin-top:-30px; text-indent:-9999px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.projects .owl-prev:hover{ background-position:left bottom;}
.projects .owl-next{ position:absolute; right:-30px; top:50%; background:url(../images/next-icon.png) no-repeat; height:60px; width:60px; margin-top:-30px; text-indent:-9999px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.projects .owl-next:hover{ background-position:left bottom;}
.projects .owl-dots{ display:none;}
.projects .item{ padding:0 0 25px;}
.projects .item .title{ display:block; background:#fff; padding:30px;}
.projects .item .title span{ display:block; font-size:25px; line-height:28px; color:#000; padding:0 0 17px; position:relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.projects .item .title span:before{ content:''; background:#202020; width:60px; height:3px; position:absolute; left:0; bottom:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.projects .item .image{ width:100%; display: block; background:#000;}
.projects .item .image img{ max-width:100%; display:block; margin:0;}
.projects .item .desc{ background:#fff; padding:31px 30px 50px; position:relative;}
.projects .item .desc .link{ font-size:22px; line-height:26px; background:url(../images/more.png) no-repeat right center; padding:0 10px 0 0; display:block; margin:0 0 10px;}
.projects .item .desc .sub-title{ font-size:18px; line-height:22px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.projects .item .desc p{ font-size:18px; line-height:22px; margin:0 0 25px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.projects .item .desc .comment{ font-size:18px; line-height:22px; padding:0 0 0 33px; display:block; float:left; background:url(../images/comment-icon-white.png) no-repeat left 6px;}
.projects .item .desc .like-unlike{ background:#202020; position:absolute; right:0; bottom:-25px; padding:11px 20px 11px 25px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.projects .item .desc .like-unlike a{ float:left; color:#fff; font-size:18px; line-height:28px; padding:0 0 0 32px;}
.projects .item .desc .like-unlike em{ float:left; height:28px; width:2px; background:#fff; margin:0 15px;}
.projects .item .desc .like-unlike .like{ background:url(../images/like.png) no-repeat 0 3px;}
.projects .item .desc .like-unlike .unlike{ background:url(../images/unlike.png) no-repeat 0 6px;}
.projects .item .desc .like-unlike .neutral{ background:url(../images/neutral.png) no-repeat 0 6px;}
.projects .item:hover .title span{ color:#ebcd18; }
.projects .item:hover .title span:before{ background:#ebcd18;}
.projects .item:hover .desc .link{ color:#ebcd18;}
.projects .item:hover .desc .sub-title{ color:#ebcd18;}
.projects .item:hover .desc p{ color:#ebcd18;}
.projects .item:hover .desc .like-unlike{ background:#ebcd18; }

/* welcome-block */
.welcome-block{ text-align:center; max-width:900px; width:100%; margin:0 auto; padding:0 0 100px;}
.welcome-block p{ display:inline-block; text-align:justify;}
.welcome-block p a{ display:inline-block; color:#fff; background:#000; padding:0 5px; line-height:normal; margin:0 0 5px;}
.welcome-block p a:hover{ background:#f2df6d; color:#000;}
.welcome-block .black-btn{display: none;}

/* question-tab */
.question-tab-new{ margin:0 0 15px;}
.question-tab{ padding:0;}
.question-tab .tab{ border-bottom:5px solid #f2df6d; padding:0; margin:0 0 0; text-align:center; position:relative;}
.question-tab .tab:before{ position:absolute; width:100%; height:100%; bottom:0; left:0; background:url(../images/tab-shadow.png) no-repeat bottom center; content:'';}
.question-tab .tab li{ padding:0; margin:0; background:none; list-style:none; display:inline-block; margin:0 1px; position:relative;}
.question-tab .tab li a{ display:block; background:#6a6a6a; color:#fff; font-size:17px; line-height:20px; padding:17px 40px;}
.question-tab .tab li.active{ z-index:1;}
.question-tab .tab li.active:before{ content:''; background:#f2df6d; height:5px; position:absolute; top:-5px; left:0; width:100%;}
.question-tab .tab li.active a{ background:#f2df6d; color:#000000;}
.question-tab .tab a.latest-comment-btn{ background:#94c746; display:block; color:#fff; font-size:17px; line-height:20px; padding:17px 40px; display:inline-block; position:relative;}

/* question-box */
.question-box-inner-bg{ background: url(../images/bg.jpg) no-repeat center center; background-size: cover; padding: 50px 0;}
.question-box{ padding:0; margin:0; background:none; max-width:1060px; width:100%; margin:0 auto 0;}
.question-box-archives{ margin-bottom:0;}
.question-box li{ padding:0; margin:0 0 30px 3.5%; background:#fff; list-style:none; float:left; width:31%; box-shadow:0 0 11px rgba(0,0,0,0.11); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; position:relative;}
.question-box li.hidden{ opacity:0; visibility:hidden; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); position:absolute;}
.question-box li.hidden.active{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); position:static;}
.question-box li:nth-child(3n+1){ margin-left:0; clear:both;}
.question-box li .image{ width:100%;}
.question-box li .image a{ display:block;}
.question-box li .image img{ display:block; margin:0 auto; max-width:100%; width:100%;}
.question-box li .name{ background:#fff; padding:15px 25px 25px;}
.question-box li .name .name-left{ float:left; padding:10px; width:85%;}
.question-box li .name .name-left span, .question-box li .title span{ font-size:17px; line-height:20px; font-weight:normal; display:block; margin:0 0 5px;}
.question-box li .name .name-left strong{ font-size:13px; line-height:14px; font-weight:normal; display:block; font-family: 'Georgia-Bold';}
.question-box li .name .logo{ float:left; width:15%;}
.question-box li .name .logo a{ display: block;}
.question-box li .name .logo img{ display:block; margin:0 auto; max-width:100%;}
.question-box li .name p{ clear:both; width:100%; font-size:14px; line-height:18px; padding:0; margin:5px 0 0;}
.question-box li .title{ padding:15px 25px 15px; background:#f2f2f2; min-height:74px;}
.question-box li .inner-title{ padding:0 0 25px;}
.question-box li .title a{ font-size:15px; line-height:22px; padding:0; margin:0; display: block;}
.question-box li .like-unlike{ background:#202020; padding:10px 10px 10px 15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block; float:left;}
.question-box li .like-unlike a{ float:left; color:#fff; font-size:15px; line-height:18px; padding:0 0 0 20px; background-size:15px !important;}
.question-box li .like-unlike em{ float:left; height:18px; width:2px; background:#fff; margin:0 10px;}
.question-box li .like-unlike .like{ background:url(../images/like.png) no-repeat 0 1px;}
.question-box li .like-unlike .unlike{ background:url(../images/unlike.png) no-repeat 0 2px;}
.question-box li .like-unlike .neutral{ background:url(../images/neutral.png) no-repeat 0 2px;}
.question-box li .like-unlike .comment{ background:url(../images/comment-icon-white.png) no-repeat 0 2px;}
.question-box li .like-unlike .answer{ background:url(../images/answer-icon.png) no-repeat 0 2px;}
.question-box li .bottom-btn{ right:20px; width:auto;}
.question-box li .bottom-btn a, .question-box li .title a.black-btn{ color:#fff; padding:3px 10px 5px; border-radius:3px; margin:0 5px 0 0; font-size:12px; line-height:16px; width:68px;}
.question-box li .bottom-btn a:hover, .question-box li .title a.black-btn:hover{ background:#f2df6d; color:#000;}
.question-box.question-box-more .name{ background:#f2f2f2; padding:25px;}
.question-box.question-box-more .name .name-left{ padding-top:0;}
.question-box.question-box-more .title{ background:#fff;}
.question-box.question-box-more li{ background: #f2f2f2;}

.question-box li .title a.black-btn{ background: #efefef url(../images/flag1.png) no-repeat center center; background-size: 18px; text-indent: -9999px; width: 40px; padding: 8px; margin: 10px 0 0;}
.question-box li .title a.black-btn:hover{ background: #f2df6d url(../images/flag1.png) no-repeat center center; background-size: 18px;}

.question-box.no-question li, .question-box.question-box-archives li{ width:100%; margin:0; background:rgba(247, 247, 247, 0.96); border:1px solid #ececec; box-shadow:none;}
.question-box.no-question li p, .question-box.question-box-archives li p{ padding:10px; text-align:center; margin:0;}

/* question-tab */
.question-tab .question-btn{ text-align:center; margin:0 0 60px;}
.question-tab .question-btn span{ background:#f2df6d; height:5px; width:100%; display:block; margin:20px 0;}
.question-tab .question-btn a.learn-more{ display:inline-block; background:#f2df6d; font-size:13px; line-height:16px; color:#000; font-family: 'Georgia-Bold'; padding:12px 25px; text-transform:uppercase;}
.question-tab .question-btn a.learn-more:hover{ background:#343433; color:#fff;}
.question-tab .question-btn a.archives{ display:inline-block; background:#343433; font-size:13px; line-height:16px; color:#fff; font-family: 'Georgia-Bold'; padding:12px 25px; text-transform:uppercase;}
.question-tab .question-btn a.archives:hover{ background:#f2df6d; color:#000;}

/* latest-comment */
.latest-comment{ display:none; width:600px;}
.latest-comment h2{ text-align:center; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0 0 8px; margin: 0 0 15px;}
.latest-comment ul{ padding:0; margin:0; background:none; max-height:320px; overflow:hidden; overflow-y:scroll;}
.latest-comment ul li{ padding:10px 0; margin:0; background:none; list-style:none; width:100%; float:left; border-top: 1px solid rgba(0,0,0,0.1);}
.latest-comment ul li:first-child{ margin:0; padding-top:0; border:0;}
.latest-comment ul li .image{ float:left; width:100px; margin:0 10px 0 0;}
.latest-comment ul li .image img{ display:block; max-width:100%; margin:0 auto;}
.latest-comment ul li .desc{ float:left; width:470px;}
.latest-comment ul li .desc span{ font-size:20px; line-height:24px; display:block;}
.latest-comment ul li .desc em{ display:block; font-size:14px; line-height:18px; font-style:normal;}
.latest-comment ul li .desc span strong{ display:inline-block; font-size:14px; line-height:18px; font-weight:normal; font-family: 'Georgia-Bold';}
.latest-comment ul li .desc p{ font-size:14px; line-height:18px; padding:0; margin:0;}

.login-link{ text-align:center; margin:0 0 30px;}
.login-link a{ background:#343433; color:#fff; padding:5px 10px 7px; border-radius:3px; margin:0 5px;}
.login-link a:hover{ background:#f2df6d; color:#000;}

.center-box{ max-width:900px; width:100%; margin:0 auto;}
.center-box p{ text-align:center;}
.center-box form{ max-width:950px; margin:0 auto;}
.center-box form img{ display: block; margin:10px 0 15px;}

.question{ max-width:1060px; width:100%; margin:0 auto 50px; border-bottom:2px solid #f3df6e; padding: 0 0 50px;}
.question .question-top{ margin: 0 0 40px;}
.question .question-top .avatar{ width: 100px; border-radius: 50%; float: left; margin: 0 50px 0 0;}
.question .question-top .avatar img{ max-width: 100%; display: block; margin: 0; border-radius: 50%;}
.question .question-top .avatar.avatar-right{ float: right; margin: 0;}
.question .question-top .like-unlike-outer{ float: left; margin: 15px 25px 0 0;}
.question .question-top .like-unlike-outer .from-name, .question .question-top .social-share-outer .date-end{ display: block; font-size: 14px; line-height: 18px; font-weight: 700; color: #343433;}
.question .question-top .like-unlike{ background:#a7a7a7; padding:10px 10px 10px 15px; float: none; margin: 0 0 10px;}
.question .question-top .like-unlike a{ float:left; color:#fff; font-size:15px; line-height:18px; padding:0 0 0 20px;}
.question .question-top .like-unlike em{ float:left; height:18px; width:2px; background:#fff; margin: 0 10px;}
.question .question-top .like-unlike .like{ background:url(../images/like.png) no-repeat 0 1px; background-size:15px;}
.question .question-top .like-unlike .unlike{ background:url(../images/unlike.png) no-repeat 0 2px; background-size:15px;}
.question .question-top .like-unlike .neutral{ background:url(../images/neutral.png) no-repeat 0 2px; background-size:15px;}
/*.question .question-top .social-share{ float: left; margin: 10px 0 0;}*/
.question .question-top .social-share{ background:#a7a7a7; padding:10px 10px 10px 15px; float: left; margin: 15px 0 0;}
.question .question-top .social-share span{ float:left; color:#fff; font-size:15px; line-height:18px; padding:0 0 0 20px; background-size:15px !important;}
.question .question-top .social-share em{ float:left; height:18px; width:2px; background:#fff; margin: 0 10px;}
.question .question-top .social-share .facebook-share{ background:url(../images/facebook-share.png) no-repeat 0 center;}
.question .question-top .social-share .twitter-share{ background:url(../images/twitter-share.png) no-repeat 0 center;}
.question .question-top .social-share .google-share{ background:url(../images/google-share.png) no-repeat 0 center;}
.question .question-top .social-share .linkedin-share{ background:url(../images/linkedin-share.png) no-repeat 0 center;}
.question .question-top .social-share-outer{ float: left; margin:15px 0 0 5px;}
.question .question-top .social-share-outer .social-share{ float:none; margin:0 0 10px;}

.question .question-bottom{ text-align:left; margin:0 0 15px;}
.question .question-bottom p{ font-size: 20px; line-height: 30px; text-align: left; /*display:inline;*/}
.question .question-bottom > a{display:none;}
.question .question-bottom .black-btn{display:none;}

/*.question .question-bottom p a, .question .question-bottom a{ display:inline-block; color:#fff; background:#000; padding:0 5px; line-height:normal; margin:0 0 5px; display:inline; font-size: 20px; line-height: normal;}
*/
.question .question-bottom p a:hover, .question .question-bottom a:hover{ background:#f2df6d; color:#000;}

.proposition-page{ margin-bottom:35px;}
.question-slider{ margin: 0;}
.question-slider h2{ text-align:center;}
.question-slider .question-box{ max-width:100%;}
.question-slider .question-box li{ width:100%; margin: 0 0 5px;}
.question-slider .owl-prev{ position:absolute; left:-30px; top:50%; background:url(../images/prev-icon.png) no-repeat; height:40px; width:40px; margin-top:-20px; text-indent:-9999px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: 40px;}
.question-slider .owl-prev:hover{ background-position:left bottom;}
.question-slider .owl-next{ position:absolute; right:-30px; top:50%; background:url(../images/next-icon.png) no-repeat; height:40px; width:40px; margin-top:-20px; text-indent:-9999px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: 40px;}
.question-slider .owl-next:hover{ background-position:left bottom;}
.question-slider .owl-dots{ display:none;}
.question-slider .question-box.no-slider .owl-controls{ display: none;}
.question-slider .question-box.no-slider .owl-stage{ margin:0;}
.read-more-box{ text-align: center;}
.old-proposition .question-slider-carousel.question-box li{ background:#fff;}

.question-list{ padding: 0; margin: 0 0 40px; background: none;}
.question-list > li{ padding: 0; margin: 0; list-style: none; background: rgba(247, 247, 247, 0.96); padding: 20px; margin: 40px 0 0; border-bottom:2px solid #afafaf;}
.question-list > li:first-child{ margin:0;}
.question-list > li.hidden{ opacity:0; visibility:hidden; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); position:absolute; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.question-list > li.hidden.active{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); position:static;}
.question-list > li.no-item{ text-align:center; width:auto; padding:10px;}
.question-list > li.no-item p{ padding:0; margin:0;}
.question-list .question-list-top{ margin: 0 0 30px;}
.question-list .question-list-top .avatar{ width: 100px; border-radius: 50%; float: left; margin: 0 50px 0 0;}
.question-list .question-list-top .avatar img{ max-width: 100%; display: block; margin: 0; border-radius: 50%;}
.question-list .question-list-top .avatar.avatar-right{ float:right; margin:0;}
.question-list .question-list-top .like-unlike{ background:#a7a7a7; padding:10px 10px 10px 15px; float: left; margin: 25px 25px 0 0; position: relative; z-index: 1;}
.question-list .question-list-top .like-unlike a{ float:left; color:#fff; font-size:15px; line-height:18px; padding:0 0 0 20px;}
.question-list .question-list-top .like-unlike em{ float:left; height:18px; width:2px; background:#fff; margin: 0 10px;}
.question-list .question-list-top .like-unlike .like{ background:url(../images/like.png) no-repeat 0 1px; background-size:15px;}
.question-list .question-list-top .like-unlike .unlike{ background:url(../images/unlike.png) no-repeat 0 3px; background-size:15px;}
.question-list .question-list-top .like-unlike .neutral{ background:url(../images/neutral.png) no-repeat 0 3px; background-size:15px;}
.question-list .question-list-top .like-unlike-outer{ float: left; }
.question-list .question-list-top .like-unlike-outer .from-name{ display: block; font-size: 14px; line-height: 35px; font-weight: 700; color: #343433; clear:both;}


/*.question-list .question-list-top .social-share{ float: left; margin: 13px 0 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; visibility: hidden; opacity: 0; left: -100px; position: relative;}
.question-list .question-list-top .social-share.active{ opacity:1; visibility: visible; left: 0;}*/
.question-list .question-list-top .social-share{ background:#a7a7a7; padding:10px 10px 10px 15px; float: left; margin: 25px 25px 0 0; position: relative; z-index: 1;}
.question-list .question-list-top .social-share span{ float:left; color:#fff; font-size:15px; line-height:18px; padding:0 0 0 20px; background-size:15px !important;}
.question-list .question-list-top .social-share em{ float:left; height:18px; width:2px; background:#fff; margin: 0 10px;}
.question-list .question-list-top .social-share .facebook-share{ background:url(../images/facebook-share.png) no-repeat 0 center;}
.question-list .question-list-top .social-share .twitter-share{ background:url(../images/twitter-share.png) no-repeat 0 center;}
.question-list .question-list-top .social-share .google-share{ background:url(../images/google-share.png) no-repeat 0 center;}
.question-list .question-list-top .social-share .linkedin-share{ background:url(../images/linkedin-share.png) no-repeat 0 center;}

.question-list .question-list-bottom{ border-bottom: 2px solid #f3df6e; padding: 0 0 25px; margin: 0 0 15px;}

.black-btn-outer{ position:relative; overflow:hidden; margin:5px 0;}
.black-btn-outer .black-btn{ position:relative; z-index:11;}
.black-btn-outer.black-btn-outer-auto .share-btn a{ width:auto;}
.share-btn{ background:#969696; padding:7px 15px 7px 15px; margin: 0; position: relative; z-index: 1; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; visibility: hidden; opacity: 0; left: -300px; position:absolute; top:0;}
.share-btn.active{ left:141px; opacity:1; visibility:visible;}
.share-btn a{ float:left; color:#fff; font-size:12px; line-height:28px; background-size:20px !important; width:20px; height:28px;}
.share-btn .write-answer, .share-btn .write, .share-btn .write-denoncer{ width:auto;}
.share-btn .write-answer, .share-btn .write, .share-btn .denoncer{ width:auto;}
.share-btn .write-answer:hover{ color:#000;}
.write-denoncer{ background:url(../images/flag.png) no-repeat center; text-indent: -9999px; width: 20px;}
.share-btn em{ float:left; height:28px; width:2px; background:#fff; margin: 0 15px;}
.share-btn .facebook-share{ background:url(../images/facebook-share.png) no-repeat 0 center;}
.share-btn .twitter-share{ background:url(../images/twitter-share.png) no-repeat 0 center;}
.share-btn .google-share{ background:url(../images/google-share.png) no-repeat 0 center;}
.share-btn .linkedin-share{ background:url(../images/linkedin-share.png) no-repeat 0 center;}
.share-btn .like{ background:url(../images/like.png) no-repeat 0 3px;}
.share-btn .unlike{ background:url(../images/unlike.png) no-repeat 0 6px;}
.share-btn .neutral{ background:url(../images/neutral.png) no-repeat 0 6px;}
.black-btn-outer.setting-btn .share-btn a{ width:auto;}
.black-btn-outer.setting-btn .black-btn{ background:#343433 url(../images/settings.png) no-repeat center center !important; background-size:20px; display:block; width:40px; height:42px; margin:0;}
.black-btn-outer.setting-btn .share-btn.active{ left:70px;}

.write-answer-form{ max-width: 100%; padding: 20px; width: 100%; margin: 0; display:none; background: #f2f2f2; margin: 20px 0 0; border: 1px solid #dcdcdc; position:relative;}
.write-answer-form .close-form{ position:absolute; right:3px; top:2px; font-weight:700; font-size:16px;}

.discussions{ padding:0; margin:0;}
.discussions li{ background: rgba(247, 247, 247, 0.56); padding: 20px; margin: 40px 0 0; border:1px solid #f2f2f2; padding:20px; float:left; width:100%; list-style:none;}
.discussions li:first-child{ margin:0;}
.discussions li h5{ background:#ececec; padding:10px;}
.discussions li h5 em{ display:inline-block; width: 30px;}
.discussions li .desc{ margin:0 0 20px;}
.discussions li .desc p{ margin:20px 0 0;}
.discussions li .desc p:first-child{ margin:0;}
.discussions li .comment-box{}
.discussions li .comment-box{ background:#ececec; padding:10px;}
.discussions li .comment-box .comment-box-up{}
.discussions li .comment-box .comment-box-left{ float:left;}
.discussions li .comment-box .comment-box-left a{ margin:0 0 0 20px; display:block; float:left; padding:10px;}
.discussions li .comment-box .comment-box-left a.active{ background:#fff;}
.discussions li .comment-box .comment-box-left a span{ font-size:14px; line-height:20px; padding:0 0 0 25px; display:block; color:#343433;}
.discussions li .comment-box .comment-box-left a:hover span{ color:#000;}
.discussions li .comment-box .comment-box-left a:first-child{ margin:0;}
.discussions li .comment-box .comment-box-left a.comment-link span{ background:url(../images/comment-icon1.png) no-repeat left center; background-size:20px;}
.discussions li .comment-box .comment-box-left a.questions-link span{ background:url(../images/question-icon.png) no-repeat left center; background-size:20px;}
.discussions li .comment-box .comment-box-right{ float:right;}
.discussions li .comment-box .comment-box-right a{ margin:0; display:block; float:left; padding:10px;}
.discussions li .comment-box .comment-box-right a span{font-size:14px; line-height:20px; padding:0 0 0 25px; display: block; color:#343433;}
.discussions li .comment-box .comment-box-right a.version-link span{ background:url(../images/version-icon.png) no-repeat left center; background-size:20px;}
.discussions li .comment-box .comment-box-right a:hover{ color:#000;}
.discussions li .comment-box .comment-box-bottom{ }
.discussions li .comment-box .comment-box-bottom .comment-box-inner{background:#fff; padding:10px; display: none;}
.discussions li .comment-box .comment-box-bottom form{ background:none; padding:0; margin:0 0 15px; border:0; position:relative;}
.discussions li .comment-box .comment-box-bottom form ul li{ padding:0; margin:15px 0 0; background:none; border:0;}
.discussions li .comment-box .comment-box-bottom form ul li:first-child{ margin:0;}
.discussions li .comment-box .comment-box-bottom form .close-form{ position: absolute; right: 3px; top: 2px; font-weight: 700; font-size: 16px; display: none;}
.discussions li .authors-commnet{ background: #ececec; padding: 10px; margin: 0 0 10px;}
.discussions li .authors-commnet > a{ font-size:14px; line-height: 18px; display: inline-block; margin: 8px 0 8px;}
.discussions li .authors-commnet > a:hover{ color:#000;}
.discussions li .authors-commnet .authors-commnet-box{ background:#fff; padding: 10px; display: none;}
.discussions li .authors-commnet .authors-commnet-box p{ margin: 0; padding: 0;}
.discussions li .no-commnet{}
.discussions li .no-commnet p{ margin: 0; padding: 0;}

.not-visible{ background:rgba(247, 247, 247, 0.56); padding: 15px; margin: 0 0 25px; display: none; border: 1px solid #f2f2f2;}
.not-visible .black-btn{ padding:2px 15px;}

.comment-option{ padding:10px 0 0;}
.comment-option .setting-btn{ background:#343433 url(../images/settings.png) no-repeat center center; color:#fff; font-size:14px; padding:5px; display: inline-block; background-size:17px; margin:0 0 5px; height:34px; width:40px;}
.comment-option .comment-option-outer{ display: none;}
.comment-option a.black-btn{ padding:6px 15px; float:left; margin:0 3px 0 0;}
.comment-option .form-left{ float: left; width:100%; margin:5px 0 0;}
.comment-option .form-left input[type="submit"]{ padding:6px 15px; width:auto; font-family:'Georgia-regularregular'; float:left; margin:0 10px 0 0;}
.comment-option .form-left select{ float: left; padding:5px 10px;}
.comment-option .form-left label{ float: left; line-height:30px; margin:0 10px 0 0;}
.comment-option .form-left input[type="number"]{ padding:4px 10px; width:auto; font-family:'Georgia-regularregular'; float:left; margin:0 10px 0 0;}

.gray-box{ background:rgba(247, 247, 247, 0.56); border:1px solid #f2f2f2; padding:15px; margin:0 0 25px;}
.gray-box h3{ border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0 0 8px;}
.interventions .latest-comment{ display:block; width:100%;}
.interventions .latest-comment ul{ max-height:inherit; overflow:inherit;}
.interventions .latest-comment ul li .image{ width:25%; margin:0 5% 0 0;}
.interventions .latest-comment ul li .desc{ width:70%;}
.interventions ul.ui-tabs-nav{ padding:0; margin:0; background:none; float:left; width:100%; margin:0 0 20px;}
.interventions ul.ui-tabs-nav li{ padding:0; margin:0; text-align:center; list-style:none; background:none; float:left; width:50%;}
.interventions ul.ui-tabs-nav li a{ display: block; font-size:14px; line-height:18px; padding:8px 5px; background:#f2df6d;}
.interventions ul.ui-tabs-nav li a:hover{ background:#a7a7a7; color:#000;}
.interventions ul.ui-tabs-nav li.ui-tabs-active a{ background:#000; color:#fff;}
.interventions .ui-tabs-panel{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; clear: both; height: 300px; overflow-x: auto;}
.signup{}
.signup form label{ font-size:16px; line-height:20px; display:block; margin:0 0 10px;}
.signup form label input{ position:relative; top:2px; margin:0 10px 0 0;}
.signup form input[type="submit"]{ max-width:120px;}

/* footer */
footer{ width:100%; height:auto; background:#fff; border-top:2px solid #f3df6e; padding:28px 0 34px 0;}
footer ul{ margin:0 0 18px; padding:0; text-align:center;}
footer ul li{ margin:0 0 0 36px; padding:0; list-style:none; background:none; display:inline-block; position:relative;}
footer ul li:first-child{ margin-left:0;}
footer ul li:first-child:before{ display:none;}
footer ul li:before{ content:''; position:absolute; display:block; left:-22px; background:url(../images/footer-link.png) no-repeat; height:6px; width:6px; top:10px;}
footer ul li a{ display:block; font-size:20px; line-height:24px; color:#202020;}
footer p{ text-align:center; margin:0; padding:0; font-size:18px; line-height:22px;}

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices, .stButton .stButton_gradient{ height: 22px !important;}
.stButton .stBubble_count{ height: 41px !important;}

.messages{ position:absolute; left:0; top:0; padding:0; margin:0; text-align:center; text-align:center; width:100%;}
.messages li{ padding:2px 0;}
.messages .success{ background:green; color:#fff;}

.table-outer{ margin:0 0 30px;}
.table-outer form{ max-width:250px; float:right; width:100%; margin:0 0 15px;}
.pagination{ padding:0; margin:0;}
.pagination a{ background:#343433; color:#fff; padding:4px 8px 6px; border-radius:3px; margin:0 3px; display:inline-block; font-size:13px; line-height:14px;}
.pagination a:hover{ background:#f2df6d; color:#000;}
.pagination a:first-child{ margin-left:0;}



.profile-page .align-center{ display:block; margin:0 auto; max-width:200px; width:100%; margin:0 auto 20px; padding:5px; border:1px solid rgba(0,0,0,0.3);}


.text-light, .text-light p, .text-light span,  .text-light li {color:white; font-size: 16px;}

.grey-line {
	background-color: #cccccc;
}

.widgets-bar {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	background-color: #969696;
}

.widgets-bar li {
	float:left;
	padding: 0;
	margin: 0;
	font-size: 15px;
	line-height: 39px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
}

.widgets-bar li a {
	color:white;
}

.widgets-bar li .facebook-share::before,
.widgets-bar li .twitter-share::before,
.widgets-bar li .google-share::before,
.widgets-bar li .linkedin-share::before,
.widgets-bar li .like::before,
.widgets-bar li .unlike::before,
.widgets-bar li .neutral::before,
.widgets-bar li .write-denoncer::before {
	content: "";
	display: inline-block;
	position: relative;
	height: 28px;
	width: 32px;
	top:8px;
	left: 0;
	text-indent: initial;
}

.widgets-bar li .facebook-share::before {
	background:url(../images/facebook-share.png) no-repeat center; 
	background-size: 20px 20px;
}

.widgets-bar li .twitter-share::before {
	background:url(../images/twitter-share.png) no-repeat center;
	background-size: 20px 20px;
}
.widgets-bar li .google-share::before {
	background:url(../images/google-share.png) no-repeat center;
	background-size: 20px 20px;
}
.widgets-bar li .linkedin-share::before {
	background:url(../images/linkedin-share.png) no-repeat center;
	background-size: 20px 20px;
}
.widgets-bar li .like::before {
	background:url(../images/like.png) no-repeat center;
	background-size: 20px 20px;
}
.widgets-bar li .unlike::before {
	background:url(../images/unlike.png) no-repeat center;
	background-size: 20px 20px;
}
.widgets-bar li .neutral::before {
	background:url(../images/neutral.png) no-repeat center;
	background-size: 20px 20px;
}
.widgets-bar li .write-denoncer::before {
	background:url(../images/flag.png) no-repeat center;
	background-size: 20px 20px;
}

.widgets-bar li .write-denoncer {
	background:none;
	text-indent: 0;
}

.widgets-bar li .write-denoncer:hover::after {
	content: "Dénoncer";
}



.widgets-bar > li::after {
	content: "";
	background-color: white;
  	position: relative;
	width: 2px;
	height: 28px;
	top: 7px;
	bottom: 2px;
	left:10px;
  	display: inline-block;

}

.widgets-bar > li:last-child::after {
	display: none;
}


.from-name{ background: rgba(247, 247, 247, 0.56); padding: 10px; margin: 0 0 20px; border: 1px solid #f2f2f2; display: block; margin: 5px 0 0;}

.inner-desc span {
	font-size: 18px;
}

.inner-desc:before {
	content: '';
    background: #202020;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 10px;
}

.answered-logo {
	float: left;
	padding-right: 10px;
}

img {
    max-width: 100%;
    height: auto !important;
}