رفتن به مطلب

درخواست افزونه معرفی اعضا


پست های پیشنهاد شده

سلام وقتتون بخیر دوستان عزیزم

من میخوام یه بخش "معرفی اعضا" در سایتم داشته باشم (سایت تجاری هست)،

قسمتی که میخوام داشته باشم شبیه به این چیزی هست که در تصویر می بینید،

یعنی تصویر و یه سری اطلاعات تماس و لینک شبکه های اجتماعی برای هر فرد،

برای این کار افزونه خاصی هست یا باید خودم بنویسم؟

احیاناً در صورتی که همچین افزونه ای نداریم میشه این کد رو از این سایتی که عکسش و قرار دادم کپی کرد؟

کسی میتونه این کار و انجام بده؟

post-9166-0-63230200-1424623892_thumb.pn

لینک به ارسال

البته یه احتمال وجود داره اینکه یا من بد متوجه شدم یا مهدی عزیز ;)

شما میتونید از تن قالب های رایگانی که تو نت وجود داره (اغلب قالب های تک صفحه ای) کدش رو بگیرید و یا با داشتن دانش اندکی از html و css یک چنین چیزی رو توی صفحه اصلیتون(یا هر جا که میخواید ) قرار بدید...

لینک به ارسال

سلام کپی کردن که بعله میشه ولی از این نمونه کد ها زیاده تو نت...

http://tympanus.net/Tutorials/CircleHoverEffects/

http://demo.html5xcss3.com/demo.php?url=http://freshdesignweb.com/demo/2012/09/css3-hover-effects-tutorial/

http://tympanus.net/Tutorials/CircleHoverEffects/index7.html

این 3 تا لینک چندین مدل مختلف داره ، برای لینکشون هم میتونین یه پست معرفی برای هر کدوم از همکاراتون بذارین.

لینک به ارسال

البته یه احتمال وجود داره اینکه یا من بد متوجه شدم یا مهدی عزیز ;)

شما میتونید از تن قالب های رایگانی که تو نت وجود داره (اغلب قالب های تک صفحه ای) کدش رو بگیرید و یا با داشتن دانش اندکی از html و css یک چنین چیزی رو توی صفحه اصلیتون(یا هر جا که میخواید ) قرار بدید...

سلام کپی کردن که بعله میشه ولی از این نمونه کد ها زیاده تو نت...

http://tympanus.net/...leHoverEffects/

http://demo.html5xcs...fects-tutorial/

http://tympanus.net/...cts/index7.html

این 3 تا لینک چندین مدل مختلف داره ، برای لینکشون هم میتونین یه پست معرفی برای هر کدوم از همکاراتون بذارین.

دوستان ضمن تشکر از پاسخ هاتون.

من کدی که میخوام رو از اون سایت کپی کردم،

کدهایی که تو index داشته و کدهای css رو برداشتم مشکلی هم نداشتم برای انجام این کار.

منتهی کدهای css اون قسمت خاصی که من کپی کردم رو نمیتونم پیدا کنم کل کدهای styel.css رو به style.css قالب خودم اضافه میکنم جواب میده منتهی یه خورده ظاهر سایت خودم به هم میریزه اینه که درگیر کرده منو :D

ویرایش شده توسط mohamad javad
لینک به ارسال

دوستان ضمن تشکر از پاسخ هاتون.

من کدی که میخوام رو از اون سایت کپی کردم،

کدهایی که تو index داشته و کدهای css رو برداشتم مشکلی هم نداشتم برای انجام این کار.

منتهی کدهای css اون قسمت خاصی که من کپی کردم رو نمیتونم پیدا کنم کل کدهای styel.css رو به style.css قالب خودم اضافه میکنم جواب میده منتهی یه خورده ظاهر سایت خودم به هم میریزه اینه که درگیر کرده منو :D

مثلاً اگه اون قسمت توی یه div هست با کلاس customclass و یا با آیدی customid شما از توی شیوه نامه اش (style.css) تمام کد هاش رو پاک کنید جز customid و customclass (یعنی درواقع فقط کلاس های مورد استفاده رو نگه دارید)

لینک به ارسال

مثلاً اگه اون قسمت توی یه div هست با کلاس customclass و یا با آیدی customid شما از توی شیوه نامه اش (style.css) تمام کد هاش رو پاک کنید جز customid و customclass (یعنی درواقع فقط کلاس های مورد استفاده رو نگه دارید)

من تمام کلاس هایی که در کد HTML ازش استفاده شده بود رو در شیوه نامه سرچ کردم و اون کلاس رو کپی کردم در شیوه نامه خودم ولی متاسفانه جواب نگرفتم نمیدونم چرا.

نکته ای که هست از بعضی کلاس ها داخل شیوه نامه چندتا وجود داره احتمالش هست به خاطر این باشه که من همه اون چندتا رو کپی میکنم؟

لینک به ارسال

من تمام کلاس هایی که در کد HTML ازش استفاده شده بود رو در شیوه نامه سرچ کردم و اون کلاس رو کپی کردم در شیوه نامه خودم ولی متاسفانه جواب نگرفتم نمیدونم چرا.

نکته ای که هست از بعضی کلاس ها داخل شیوه نامه چندتا وجود داره احتمالش هست به خاطر این باشه که من همه اون چندتا رو کپی میکنم؟

خب باید تمامی کلاس ها رو کپی کنید عملاً دیگه ، البتّه ممکنه بعضی از استایل ها رو از مثلاً body اون سایت بگیره.

اگه آدرس آنلاین بذارید بیشتر میشه کمک کرد.

لینک به ارسال

برادر این کدهای من هست:

کد HTML:


<div class="segment-content">
<div class="heading2"><h2 class="title">معرفی اعضای گروه فنی مهندسی </h2>
<div class="mini-separator center"></div><p class="pitch">APA Technical Group Members</p></div>
<div class="team clearfix">

<div class="fourcol">
<div class="center">
<div class="team-member">
<div class="img-wrap">
<div class="image-area"><a title="Payam Pedram" href="/@team=Payam Pedram"><img class="img-circle" src="images/team/member1.png" alt="Payam Pedram" title="Payam Pedram"></a></div>
<div class="team-member-hover">
<div class="text">Follow Payam on</div>
<div class="social-wrap">
<ul class="social-list clearfix">
<li><a class="facebook" href="https://facebook.com/" target="_blank" title="Follow on Facebook">Facebook</a></li>
<li><a class="twitter" href="#" target="_blank" title="Subscribe to Twitter Feed">Twitter</a></li>
<li><a class="linkedin" href="#" target="_blank" title="View LinkedIn Profile">LinkedIn</a></li>
<li><a class="googleplus" href="#" target="_blank" title="Follow on Google Plus">Google Plus</a></li>
</ul>
</div>
</div>
</div>
<h3><a href="/team/payam-pedram.html">مهندس پیام پدرام</a></h3>
<p class="employee-title">مدیر عامل / کارشناس ارشد فناوری اطلاعات</p>
<div class="bio"><p dir="rtl">BIO</p>
</div>
</div>
</div>
</div>


<div class="fourcol">
<div class="center">
<div class="team-member">
<div class="img-wrap">
<div class="image-area"><a title="Ali Eskandarzadeh" href="/ "><img class="img-circle" src="images/team/member1.png" alt="Ali Eskandarzadeh" title="Ali Eskandarzadeh"></a></div>
<div class="team-member-hover">
<div class="text">Follow Ali on</div>
<div class="social-wrap">
<ul class="social-list clearfix"><li><a class="facebook" href="https://facebook.com/" target="_blank" title="Follow on Facebook">Facebook</a></li><li><a class="twitter" href="#" target="_blank" title="Subscribe to Twitter Feed">Twitter</a></li><li><a class="linkedin" href="#" target="_blank" title="View LinkedIn Profile">LinkedIn</a></li><li><a class="googleplus" href="#" target="_blank" title="Follow on Google Plus">Google Plus</a></li></ul> </div>
</div>
</div>
<h3><a href="/team/ali-eskandarzadeh.html">مهندس علی اسکندرزاده</a></h3>
<p class="employee-title">مدیر بخش فنی / کارشناس شبکه و سخت افزار</p>
<div class="bio"><p>BIO</p>
</div>
</div>
</div>
</div>
<div class="fourcol last">
<div class="center">
<div class="team-member">
<div class="img-wrap">
<div class="image-area"><a title="Armin Tofighjou" href="/@team=janet-jackson"><img class="img-circle" src="images/team/member1.png" alt="Armin Tofighjou" title="Armin Tofighjou"></a></div>
<div class="team-member-hover">
<div class="text">Follow Armin on</div>
<div class="social-wrap">
<ul class="social-list clearfix">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank" title="Follow on Facebook">Facebook</a></li>
<li><a class="twitter" href="#" target="_blank" title="Subscribe to Twitter Feed">Twitter</a></li>
<li><a class="linkedin" href="#" target="_blank" title="View LinkedIn Profile">LinkedIn</a></li>
<li><a class="googleplus" href="#" target="_blank" title="Follow on Google Plus">Google Plus</a></li>
</ul>
</div>
</div>
</div>
<h3><a href="/team/armin-tofighjou.html">مهندس آرمین توفیق جو</a></h3>
<p class="employee-title"> مدیر بخش بازاریابی / کارشناس سخت افزار و متخصص بازاریابی</p>
<div class="bio"><p>BIO<br>BIO2</p>
</div>
</div>
</div>
</div>
<div class="fourcol ">
<div class="center">
<div class="team-member">
<div class="img-wrap">
<div class="image-area"><a title="MohamadJavad Jamshidi" href="/@team=janet-jackson"><img class="img-circle" src="images/team/member1.png" alt="MohamadJavad Jamshidi" title="MohamadJavad Jamshidi"></a></div>
<div class="team-member-hover">
<div class="text">Follow MohamadJavad on</div>
<div class="social-wrap">
<ul class="social-list clearfix">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank" title="Follow on Facebook">Facebook</a></li>
<li><a class="twitter" href="#" target="_blank" title="Subscribe to Twitter Feed">Twitter</a></li>
<li><a class="linkedin" href="#" target="_blank" title="View LinkedIn Profile">LinkedIn</a></li>
<li><a class="googleplus" href="#" target="_blank" title="Follow on Google Plus">Google Plus</a></li>
</ul>
</div>
</div>
</div>
<h3><a href="/team/mohamadjavad-jamshidi.html">مهندس محمدجواد جمشیدی</a></h3>
<p class="employee-title">متخصص بخش فنی و پشتیبانی / کارشناس مخابرات</p>
<div class="bio"><p dir="rtl">امور پشتیبانی فنی<br> بر عهده ایشان میباشد</p>
</div>
</div>
</div>
</div>


<div class="fourcol">
<div class="center">
<div class="team-member">
<div class="img-wrap">
<div class="image-area"><a title="Sam Sirous" href="/@team=janet-jackson"><img class="img-circle" src="images/team/member1.png" alt="Sam Sirous" title="Sam Sirous"></a></div>
<div class="team-member-hover">
<div class="text">Follow Sam on</div>
<div class="social-wrap">
<ul class="social-list clearfix">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank" title="Follow on Facebook">Facebook</a></li>
<li><a class="twitter" href="#" target="_blank" title="Subscribe to Twitter Feed">Twitter</a></li>
<li><a class="linkedin" href="#" target="_blank" title="View LinkedIn Profile">LinkedIn</a></li>
<li><a class="googleplus" href="#" target="_blank" title="Follow on Google Plus">Google Plus</a></li>
</ul>
</div>
</div>
</div>
<h3><a href="/team/sam-sirous.html">مهندس سام سیروس</a></h3>
<p class="employee-title">مدیر بخش توسعه نرم افزار / کارشناس ارشد نرم افزار</p>
<div class="bio"><p>انجام و مشاوره در امور نرم افزاری مشتریان <br>و مراجعان </p>
</div>
</div>
</div>
</div>
<div class="fourcol last">
<div class="center">
<div class="team-member">
<div class="img-wrap">
<div class="image-area"><a title="Hamid Rezaei" href="/@team=janet-jackson"><img class="img-circle" src="images/team/member1.png" alt="Hamid Rezaei" title="Hamid Rezaei"></a></div>
<div class="team-member-hover">
<div class="text">Follow Hamid on</div>
<div class="social-wrap">
<ul class="social-list clearfix">
<li><a class="facebook" href="#" target="_blank" title="Follow on Facebook">Facebook</a></li>
<li><a class="twitter" href="#" target="_blank" title="Subscribe to Twitter Feed">Twitter</a></li>
<li><a class="linkedin" href="#" target="_blank" title="View LinkedIn Profile">LinkedIn</a></li>
<li><a class="googleplus" href="#" target="_blank" title="Follow on Google Plus">Google Plus</a></li>
</ul>
</div>
</div>
</div>
<h3><a href="/team/hamid-rezaei.html">مهندس حمید رضایی</a></h3>
<p class="employee-title"> متخصص توسعه نرم افزار / کارشناس نرم افزار</p>
<div class="bio"><p>BIO</p>
</div>
</div>
</div>
</div>

<div class="fourcol">
<div class="center">
<div class="team-member">
<div class="img-wrap">
<div class="image-area"><a title="Elham Tavakol" href="/@team=Farzad"><img class="img-circle" src="images/team/member1.png" alt="Elham Tavakol" title="Elham Tavakol"></a></div>
<div class="team-member-hover">
<div class="text">Follow Elham on</div>
<div class="social-wrap">
<ul class="social-list clearfix">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank" title="Follow on Facebook">Facebook</a></li>
<li><a class="twitter" href="#" target="_blank" title="Subscribe to Twitter Feed">Twitter</a></li>
<li><a class="linkedin" href="#" target="_blank" title="View LinkedIn Profile">LinkedIn</a></li>
<li><a class="googleplus" href="#" target="_blank" title="Follow on Google Plus">Google Plus</a></li>
</ul>
</div>
</div>
</div>

<h3><a href="/team/elham-tavakol.html">مهندس الهام توکل</a></h3>
<p class="employee-title">متخصص توسعه نرم افزار / کارشناس نرم افزار</p>
<div class="bio"><p>BIO<br>BIO2</p>
</div>
</div>
</div>
</div>
<div class="fourcol">
<div class="center">
<div class="team-member">
<div class="img-wrap">
<div class="image-area"><a title="Member" href="/@team=Farzad"><img class="img-circle" src="images/team/member1.png" alt="Member" title="Member"></a></div>
<div class="team-member-hover">
<div class="text">Follow Member on</div>
<div class="social-wrap">
<ul class="social-list clearfix">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank" title="Follow on Facebook">Facebook</a></li>
<li><a class="twitter" href="#" target="_blank" title="Subscribe to Twitter Feed">Twitter</a></li>
<li><a class="linkedin" href="#" target="_blank" title="View LinkedIn Profile">LinkedIn</a></li>
<li><a class="googleplus" href="#" target="_blank" title="Follow on Google Plus">Google Plus</a></li>
</ul>
</div>
</div>
</div>
<h3><a href="/team/Member.html">Member</a></h3>
<p class="employee-title">Member</p>
<div class="bio"><p>Member</p>
</div>
</div>
</div>
</div>

<div class="clear"></div>
</div><!-- .team -->

محتویات فایل style.css


/* --- Default fonts to be used unless overridden by user in theme options panel --*/
@font-face {
font-family: "yekan";
font-style: normal;
font-weight: normal;
src: url("fonts/yekan.eot#iefix") format("embedded-opentype"), url("fonts/yekan.woff") format("woff"), url("fonts/yekan.ttf") format("truetype"), url("fonts/yekan.svg#CartoGothicStdBook") format("svg");

}
/* --------- Reset default browser CSS. http://meyerweb.com/eric/tools/css/reset/index.html ----------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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 { border: 0;
/* TODO - revisit. Leads to lots of inheritance and overriding. See csswizardry for better reset. font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; */
margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus {
/* remember to define focus styles! */
outline: 0; }
body { background: #fff; }
ol, ul { list-style: none; }
nav ul { list-style: none; }
table {
/* tables still need 'cellspacing="0"' in the markup */
border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; display: block; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }
/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
/*----------- Clearfix for floats ----------- */
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }
/*--------- General ------------ */
body { color: #56595c; font: 12px/24px Tahoma; font-weight: 400; font-style: normal; }
#container { width: 100%; clear: both; }
body.boxed { height: 100%; width: 100%; }
.boxed #container { max-width: 1180px; width: 96%; margin: 0px auto; box-shadow: 1px 1px 10px rgba(0, 0, 0, .3); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .3); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .3); }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.hidden { display: none; visibility: hidden; }
.invisible { visibility: hidden; }
div.search h3{ font-size: 20px;
line-height: 22px;
padding-bottom: 15px;
padding-top: 45px;}
/*--------- Alignment ------------ */
.center { text-align: center; position: relative; margin-left: auto; margin-right: auto; }
.left { text-align: left; }
.right { text-align: right; }
.alignleft { float: left; margin: 0 20px 5px 0; }
.alignright { float: right; margin: 0 0 0 20px; }
.aligncenter { display: block; margin: 0 auto 20px auto; clear: both; }
.block, .alignnone { display: block; margin: 0 0 20px 0; }
/*------------------- Basic Styling ------------------------------------*/
/* Heading styling */
h1, h2, h3, h4, h5, h6 { font-family: 'Arvo', 'Open Sans', Arial, Verdana, sans-serif; font-style: normal; font-weight: 500; padding: 0; color: #494D4E; }
h1 { font-size: 40px; line-height: 48px; }
h2 { font-size: 28px; line-height: 25px; }
h3 { font-size: 20px; line-height: 22px;padding-bottom:15px; }
h4 { font-size: 18px; line-height: 20px; }
h5 { font-size: 18px; line-height: 20px; }
h6 { font-size: 16px; line-height: 18px; }
h1, h2 { margin-bottom: 5px; }
h3, h4, h5, h6 { margin-bottom: 10px; }
.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6, .dark-bg a { color: #fafafa !important; }
.dark-bg p, .dark-bg div { color: #e5e5e5; }
/* List Style */
ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ol { list-style-position: outside; list-style-type: decimal; }
ol ol { list-style: upper-roman; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: upper-alpha; }
ol ol ol ol ol { list-style: lower-alpha; }
ul { margin: 0 0 20px 18px; }
ol { margin: 0 0 20px 28px; }
ul li { margin: 5px;line-height:10px; }
ol li { margin: 5px;font-family:yekan;font-size:16px;padding-top:15px; }
ul ol, ol ul, ol ol, ul ul { margin-bottom: 0; }
dl { margin: 0 0 18px 3px; }
dl dt { font-weight: bold; margin: 12px 0 0 0; }
dl dd { margin: 6px 0 0 24px; }
.small { font-size: 12px; }
.large { font-size: 14px; }
cite, em, i { font: italic 13px/20px 'Arvo', Georgia, Times, serif; }
/* Paragraphs */
p {
/* 12px */
/* 20px */
margin: 0 0 20px 0;
font-family:yekan;font-size:15px;
}
div.bio p {
/* 12px */
/* 20px */
margin: 0 0 20px 0;
font-family:tahoma;font-size:11px;
}

p:empty { display: none; }
/* Input Boxes */
input, textarea { display: block; padding: 5px; border: 1px solid #DEDEDE; font-family: inherit; }
/* Abbreviations */
abbr[title], dfn[title] { border-bottom: 0; cursor: auto; }
/*---------------- Media Styles ------------ */
img { display: block; height: auto; }
img.alignleft, .wp-caption.alignleft { margin: 5px 20px 10px 0; }
img.alignright, .wp-caption.alignright { margin: 5px 5px 10px 20px;; }
img.aligncenter, .wp-caption.aligncenter { display: block; margin: 0 auto; }
img.alignnone, .wp-caption.alignnone { display: block; margin: 5px 0 20px 0; }
.entry-content img, .comment-content img { overflow: hidden; }
.entry-content .thumbnail.large { float: none; margin: 0; padding: 0; width: 620px; }
/*------------------- Image captions --------- */
.wp-caption { max-width: 98%; /* To help prevent overflow of images and captions */; }
.wp-caption .wp-caption-text, .entry-caption { color: #220e10; font-size: 18px; font-style: italic; font-weight: 300; text-align: center; }
.wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; }
/* ------------ Image Frame Styles ---------------- */
.image-box { display: block; }
.custom-img.image-box, .photo-frame.image-box { display: table; /* Use sparingly to avoid firefox max-width issue */
}
.client-info .image-area { background-color: transparent; }
.image-area { position: relative; /* line-height: 0; */
}
.image-area a { display: block; text-decoration: none; color: #fff; }
.image-overlay { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 100%;
filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
.image-area .image-overlay { background: url(images/thumbnail-hover.png) no-repeat scroll 50% 50% transparent; }
.rounded-img { border-radius: 50%; }
/*---------- Image Info Hover --------------------------*/
.image-info { display: block; z-index: 120; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;
background: #dc4637; background: rgba(220, 70, 55, 0.7); opacity: 0; filter: alpha(opacity=0); }
.image-info h3 { position: relative; top: 20%; padding: 10px; margin: 0; font-size: 18px; font-weight: 500; line-height: 28px; }
.image-info:hover h3 a { color: #fff !important; }
.image-info .image-info-buttons { position: absolute; /* center the buttons */ width: 48px; margin: 0 auto; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; }
.image-info a.lightbox-link { float: left; margin: 0; text-align: center; background-image: url(images/icons/zoom-icon.png); background-position: 0 0; background-repeat: no-repeat; }
.image-info .terms { position: relative; top: 20%; display: block; }
.type-portfolio .image-info .terms { display: none; }
.image-info .terms a { position: relative; display: inline; zoom: 1; font-size: 13px; line-height: 22px; color: #fff !important; }
.image-info a.lightbox-link { padding: 14px; z-index: 110;
/* IE */ }
.image-info a.lightbox-link span { display: block; text-indent: -9999px; height: 22px; width: 22px;
background-image: url(images/icons/zoom-icon.png); background-position: 0 0; background-repeat: no-repeat; }
/*----------- Links ---------------- */
a, a:active, a:visited { color: #dc4637; text-decoration: none; }
a:hover { color: #888; text-decoration: none; }
/*----------------------- Table Styling --------- */
table { border: 1px solid #ddd; line-height: 20px; margin: 5px 0 15px 0; text-align: left; padding: 0; }
thead, th { font-weight: bold; line-height: 20px; }
table .even { background: #e5e5e5; }
tr { border-bottom: 1px solid #ccc; }
th, td { padding: 10px; vertical-align: middle; }
th { background: #dc4637; color: #fff; }
/*----------------- Code and Pre Styling ---------------- */
code, .code, pre, .pre { font: normal 13px/1.6 Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", monospace, Courier, "Courier New"; }
pre, .pre { display: block; overflow: auto; clear: both; padding: 10px; color: #555;
background: #FFF; border: 1px solid #e5e5e5; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -o-pre-wrap; width: 90%;
border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left: 6px solid #E9E7E0; }
code, .code { background-color: #f9f9f9; }
.code { background: url("images/bg-pre.gif") repeat scroll 0 0 #FFF; padding: 19px 10px; }
/* --------- Read More Link ------------------ */
a.more-link { margin-top: 10px !important; text-transform: uppercase; letter-spacing: 1.2px;
background: url(images/arrow-more.png) right center no-repeat; padding-right: 25px;
-moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
a.more-link:hover { padding-right: 30px; }
div.more-link { clear: both; padding-top: 20px; }
/* ----------- Header Styling -------------------------*/
#header { display: block; position: relative; z-index: 600; /* Higher than the sidebar widget and widget container, sliders */
margin: 0; padding: 0; width: 100%; background: #fff;
}
#header > .inner { position: relative; }
#header > .inner > .wrap { position: relative; min-height: 100px; }
#site-logo { position: relative; display: inline-block; float: left; left: 0; top: 30px; margin: 0 30px 0 0; }
#site-logo a, #sticky-site-logo a { font-size: 28px; color: #494D4E; line-height: 36px; direction: ltr; display: block; text-align: left; /* Do not let logo get bigger than the header */;
font-family: 'Arvo', 'Open Sans', Arial, Helevtica, Verdana, sans-serif; }
#site-logo a img { max-height: 100%; max-width: 100%; }
#site-logo a img.retina-logo { display: none; }
#site-description { margin: 0; }
#header .button.get-app { position: absolute; top: 25px; right: 0; }
#header.sticky { position: fixed; z-index: 999; width: 100%; border-bottom: 1px solid #CCC;
-webkit-box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3); -moz-box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3); box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.3); }
#header.sticky .wrap { min-height: 0; }
#header.sticky #site-logo, #header.sticky #primary-menu { top: 0; float: left !important; display: inline-block !important; }
#header.sticky .button.get-app, #header.sticky .social-container { display: none; }
.boxed #header.sticky { max-width: 1180px; width: 96%; }
.admin-bar #header.sticky { top: 28px; }
#container, #header { background-color: #f1f3f4; background: url(images/bg-repeat.jpg); }
/* --------- Header Styling - Social Container ------------------ */
#contact-header { position: absolute; top: 20px; right: 0; }
#contact-header ul { margin: 0; padding: 8px 0; border-top: 1px solid #999; border-bottom: 1px solid #999; color: #083643; }
#contact-header li { display: inline; padding-left: 10px; margin: 0 0 0 10px; border-left: 1px solid #999; }
#contact-header li:first-child { padding: 0; margin: 0; border: none; }
#contact-header span:before { padding-right: 10px; }
.social-container { position: absolute; top: 30px; right: 0; }
.social-container ul { margin: 0; }
.social-container li { float: left; padding: 0; margin: 2px 5px; vertical-align: top; list-style: none outside none; color: #083643; }
.social-container li a { display: block; float: left; margin: 0; padding: 0; width: 33px; height: 33px; text-indent: -9999px; /* Hide the text */
-moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.social-container a { background-image: url("images/social-icons/social-widget.png"); background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; }
.social-container a:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.social-container .rss-feed a { background-position: -683px 0; }
.social-container .facebook a { background-position: 0 0; }
.social-container .twitter a { background-position: -170px 0px; }
.social-container .linkedin a { background-position: -554px 0px; }
.social-container .googleplus a { background-position: -42px 0px; }
.social-container .dribbble a { background-position: -426px 0px; }
.social-container .behance a { background-position: -212px 0px; }
.social-container .youtube a { background-position: -126px 0px; }
.social-container .pinterest a { background-position: -85px 0; }
.social-container .vimeo a { background-position: -896px 0; }
.social-container .flickr a { background-position: -512px 0; }
/* ------------ Main content area styling -----------------------------*/
/* Content */
#content { float: left; padding: 20px 0; }
#main .inner { display: block; }
/*----------- Breadcrumb trail ---------- */
#breadcrumbs { margin: 0 0 20px 0; color: #9A9A9A; font-size: 13px; }
#breadcrumbs .sep { margin: 0 2px; }
/*--------- Post List Styling ------------ */
.post-list .byline span i { display: none; }
#content div.post-list .hentry { padding: 15px 0; margin: 0; }
#content div.post-list .hentry .entry-title, ul.post-list li .entry-title { font-size: 16px; }
#content div.post-list .hentry .entry-title a { color: #545454; }
#content div.post-list .hentry .entry-summary { margin-top: 10px; }
#content div.post-list .thumbnail { display: block; float: left; margin: 0 10px 5px 0; }
ul.post-list { margin: 0; padding: 0; list-style: none; }
ul.post-list li { padding: 14px 0 15px; margin: 0; background: none !important; border-top: 1px dotted #aaa; overflow: hidden; }
ul.post-list li:first-child { border-top: 0 !important; padding-top: 0 !important; }
ul.post-list .thumbnail { display: block; max-width: 100%; }
ul.post-list .image-area { float: left; }
ul.post-list .image-area { margin: 0 15px 5px 0; background: #FEFEFE; }
ul.post-list.medium-size .image-area { margin: 0 15px 5px 0; background: #FEFEFE; }
#sidebars-footer .widget ul.post-list .image-area { padding: 0; background: none; border: 1px solid #bbb; }
ul.post-list .image-area img { width: 90px; }
ul.post-list.medium-size .image-area img { width: 121px; }
.widget ul.post-list .thumbnail { padding: 0; border: none; }
ul.post-list .entry-title a, .post-list .entry-title a:hover, .post-list .entry-title a:visited { font-style: normal; border: none;
-webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
ul.post-list .published, ul.post-list .byline, ul.post-list .entry-meta { font-size: 12px; line-height: 20px; font-family: 'Arvo'; font-style: normal; }
ul.post-list .entry-meta, .post-list .byline { color: #757777; margin-top: 10px; border-bottom: 0; text-transform: none; }
#footer ul.post-list .entry-meta, #footer .post-list .byline { color: #888; }
ul.post-list .entry-summary { margin-top: 10px !important; }
ul.post-list .published { margin-right: 10px; background: none; padding-right: 10px; border-right: 1px solid #888; }
#footer ul.post-list .published { border-color: #aaa; }
.widget ul.post-list .published { margin-right: 0; padding-right: 0; border: none; }
.widget ul.post-list .published:after { content: '//'; padding-left: 5px; margin-right: 5px; }
/*------------ Widget Styling ----------- */
.widget { margin: 0 0 20px 0; overflow: hidden; direction:rtl; }
.widget ul { list-style: none; }
.widget li { padding: 12px 0; -moz-transition: padding 0.3s ease-in-out; -o-transition: padding 0.3s ease-in-out; -webkit-transition: padding 0.3s ease-in-out; transition: padding 0.3s ease-in-out; }
.widget li { padding-left: 18px; background: url('images/icons/bullet.png') no-repeat 4px 20px; border-top: 1px dotted #aaa;line-height: 18px; }
#footer .widget li { background-image: url('images/icons/bullet-footer.png'); background-repeat: no-repeat; border-top: 1px solid #555557; }
.widget li:first-child { border: none !important; padding-top: 0; background-position: 4px 8px; }
#footer .widget li:first-child { border: none; }
.widget ul li:hover { padding-left: 22px; }
.widget ul.post-list li:hover { padding-left: 0; }
.widget li:hover { }
.widget-title { color: #56595c; font-size: 24px; font-weight: 500; padding: 0 0 10px 0;
margin-bottom: 20px; border-bottom: 1px dotted #aaa; }
.widget .post-list .entry-text-wrap { float: none; }
/*---------------- Post Snippets ----------------------------------------------*/
.post-snippets-title { margin-bottom: 15px; word-spacing: 0; }
.post-snippets .hentry .entry-title { word-spacing: 0; margin: 0; }
.post-snippets .hentry .entry-title a { color: #666; font-size: 16px; display: block; }
.post-snippets .hentry .entry-summary { margin-top: 10px !important; }
.post-snippets .byline { font-size: 11px; color: #888; margin: 0 10px; padding-top: 10px; border-top: 1px dashed #ccc; font-family: 'Arvo', Georgia, Times, serif; }
.post-snippets .published { margin-right: 10px; padding-right: 10px; border-right: 1px solid #aaa; }
.byline span i { color: #dc4637; padding-right: 5px; }
.byline span:hover i { color: #888; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
/*----------------- Entry Content Styling ---------- */
.entry-content { margin-top: 20px; }
/*----- Required WP styling ---- */
.bypostauthor { }
.sticky { }
.sticky .entry-snippet { background: none; border-right: 5px solid #dc4637; padding: 12px; }
/*--------------- Generic Post and Archive Title Styling ---------------- */
.post h1.entry-title { margin: 0; color: #666; }
#content .hentry h2.entry-title { margin: 0; }
#content .hentry h2.entry-title a { color: #494D4E; margin: 0; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#content .hentry h2.entry-title a:hover { color: #dc4637; }
#content .hentry .entry-summary { margin-top: 25px; }
#content .taglist { display: inline-block; padding-left: 40px; background: url(images/icons/tag-icon.png) 0 4px no-repeat; }
#content .taglist .post_tag { }
#content .taglist i { display: inline-block; }
.entry-snippet { width: 100%; float: left; }
#content .hentry .entry-meta { padding-top: 20px; border-top: 1px dotted #AAA; margin-top: 25px; color: #56595c; font-style: normal; margin-bottom: 20px; }
.single-post #content .hentry .entry-meta { }
.entry-meta span { display: inline-block; padding: 0; margin: 2px 1px 2px 0; }
/* Right margin IE fix for inline-block */
.entry-meta span a, .entry-header span a { -moz-transition: 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-family: 'Arvo'; font-weight: 300; }
.entry-meta span a:hover, .entry-header span a:hover { color: #BBB !important; }
.entry-meta span.author { border: none; padding-left: 0; }
.entry-meta span.author:after, .entry-meta span.published:after, .entry-meta span.category:after { content: '/'; padding-left: 9px; padding-right: 8px; }
/* Accounting for 1px extra right margin */
.entry-header { float: left; position: absolute; left: 0; height: 100px; width: 100px; }
.entry-header .published { position: relative; font-size: 32px; line-height: 48px; text-transform: uppercase; padding: 20px;
border-radius: 50px; display: block; color: #Fefefe; background: #dc4637;
background: -moz-linear-gradient(top, #20bdca 0%, #dc4637 100%); background: -webkit-linear-gradient(top, #20bdca 0%, #dc4637 100%); background: -o-linear-gradient(top, #20bdca 0%, #dc4637 100%); background: -ms-linear-gradient(top, #20bdca 0%, #dc4637 100%); background: linear-gradient(to bottom, #20bdca 0%, #dc4637 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20bdca', endColorstr='#dc4637', GradientType=0);
}
abbr.published { cursor: default; }
.entry-header .published abbr span { display: block; text-align: center; }
.entry-header .published abbr span.month { font-size: 20px; line-height: 26px; font-weight: 300; }
.entry-header .published abbr span.date { font-size: 32px; line-height: 38px; }
.entry-header .comments-link { display: block; margin-top: 15px; text-align: center; }
.entry-header .comments-link a { font-size: 12px; font-family: 'Arvo', Georgia, Times, serif; font-weight: 300; font-style: normal; text-decoration: underline; }
/* Loop Meta */
.loop-meta { }
.loop-description { }
/* Tag/Category/Taxonomy Term Cloud widget */
.term-cloud { margin: 0; padding: 0 4px 10px; }
/*------------- Loop Navigation - Next/Previous Links ------------- */
.loop-nav { border-top: 1px dotted #AAA; margin-top: 25px; padding-top: 25px; }
.loop-nav a { font-size: 14px; }
.loop-nav .previous { }
.loop-nav .next { margin-top: 20px; }
.loop-nav a, .loop-nav a:active, .loop-nav a:visited { color: #666; }
.loop-nav a:hover { color: #dc4637; }
/* The next and previous portfolio entries in a single portfolio page */
.single-portfolio .loop-nav { clear: both; font-weight: 600; }
/*-------------- Gallery Styling - Credit: Twenty Thirteen Theme ---------- */
.wp-smiley { margin: 0; }
.gallery:after { clear: both; }
.gallery:before, .gallery:after { content: ""; display: table; }
.gallery { margin-bottom: 20px; margin-left: -4px; }
.gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; }
dl.gallery-item dt { margin: 0; }
.gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; }
.gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; }
/* Account for 4px margin on the right when calculating width */
.gallery-columns-2 .gallery-item { width: 49%; width: -webkit-calc(50% -4px); width: calc(50% -4px); }
.gallery-columns-3 .gallery-item { max-width: 31%; max-width: -webkit-calc(33% -4px); max-width: calc(33% -4px); }
.gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% -4px); max-width: calc(25% -4px); }
.gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% -4px); max-width: calc(20% -4px); }
.gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% -4px); max-width: calc(16.7% -4px); }
.gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% -4px); max-width: calc(14.28% -4px); }
.gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% -4px); max-width: calc(12.5% -4px); }
.gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% -4px); max-width: calc(11.1% -4px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; }
.gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; font-style: italic;
font-weight: 300; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute;
bottom: 0; left: 0; text-align: left; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; }
.gallery-caption:before { box-shadow: 0 -10px 15px #000 inset; content: ""; height: 100%; min-height: 49px;
position: absolute; left: 0; top: 0; width: 100%; }
.gallery-item:hover .gallery-caption { opacity: 1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }
/** --------------------- Default Archive List styles ------------------------ **/
#content.default-list .hentry { margin-bottom: 80px; padding: 0; position: relative; }
#content.default-list .hentry.first { }
.default-list .image-area { margin-bottom: 20px; }
.default-list .entry-text-wrap { width: 100%; clear: both; }
.default-list .image-area { display: block; margin: 0; }
.default-list .thumbnail { float: none; margin: 0; padding: 0; }
.default-list img { width: 100%; }
/** ---------------------------- Grid List styles -------------------------------- **/
.start-row { clear: both; border-bottom: 1px solid #eee; }
/* ----------- Single Post Styling ------------ */
.single img.featured { margin-bottom: 20px; width: 100%; }
.single .featured-slider-container { margin-bottom: 40px; }
.single .thumbnail-slider-container { margin-bottom: 20px; }
/* The thumbnails sizes and frame sizes for grid layout are managed under a common grid framework used for portfolio pages below */
/*------------------- In Page Page Links Styling ----------------- */
.page-links, .pagination { clear: both; margin: 60px 0 60px 0; text-transform: uppercase; }
.page-links a, .pagination a, .pagination span.current, .page-links a:visited,
.pagination a:visited { padding: 10px 15px; margin: 0 2px; text-align: center; text-decoration: none; color: #fff;
-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.page-links a, .pagination a, .pagination span.current, .page-links a:visited, .pagination a:visited { background: #dc4637; }
.pagination span.current { color: #f8f2f2; background: #858585; }
.page-links a:hover, .pagination a:hover { background: #858585 !important; color: #f8f2f2; }
.page-links a:active, .pagination a:active { position: relative; }
.pagination span.pages { float: right; }
.ajax-portfolio .pagination { visibility: hidden; margin: 0; }
.pagination li{ list-style: none outside none;
margin: 5px;float:right;font-family: yekan;}
/** ----------------------- Sidebar Widget Styling ---------------------------------- **/
.sidebar { }
.sidebar li > a, .sidebar li > a:active, .sidebar li > a:visited { color: #55585b;
-webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;font-size:16px; }
.sidebar li > a:hover { color: #dc4637; }
.sidebar-right-nav, .sidebar-left-nav { position: relative; display: block; min-height: 230px; margin-top: 40px; }
.sidebar-right-nav { float: right !important; }
.sidebar-left-nav { float: left; }
.sidebar-right-nav div, .sidebar-left-nav div { position: relative; z-index: 2; /* Make sure the widgets themselves have higher priority in rendering */
}
#sidebar-after-singular .post-list li, #sidebar-primary .post-list li { padding: 16px 0; }
.sidebar ul.post-list .entry-meta, .sidebar .post-list .byline { margin-top: 6px !important; }
.sidebar .hentry .entry-summary { margin-top: 5px !important; }
/* Custom Singular Widgets Styling */
#sidebar-after-singular { margin-top: 0; }
#sidebar-after-singular .widget { float: none; clear: both; border-top: 1px dotted #AAA; margin: 20px 0 0 0; margin-bottom: 0; padding: 25px 0; padding-bottom: 25px; }
/*------------------- Posts List for Widgets etc.-------------- */
.widget ol, .widget ul { margin: 0; }
.widget ol li, .widget ul li { margin: 0;font-family:yekan; }
ul.post-list { margin: 0; }
ul.post-list .entry-title a, ul.post-list .entry-title a:active, ul.post-list .entry-title a:visited { color: #55585b !important; }
#footer ul.post-list .entry-title a, #footer ul.post-list .entry-title a:active, #footer ul.post-list .entry-title a:visited { color: #B3B3B1 !important; }
#footer ul.post-list li a:hover, #footer ul.post-list li .entry-title a:hover { color: #DBDBD9 !important; }
ul.post-list li { margin: 0; }
/*--------- Footer Widget Area ------------ */
#footer { border-bottom: 1px solid #555557; background: #353739; }
#footer .inner { color: #bbb; display: block; padding-top: 0; padding-bottom: 0; /* Helps the area not show up with its background painted if there are no widgets in footer area */ }
#footer a, #footer a:visited { color: #B3B3B1; font-style: normal; }
#sidebars-footer { clear: both; margin: 0; padding: 50px 0 40px 0; }
#sidebars-footer .widget-title { color: #e5e5e5; border-bottom: 1px solid #555557; }
#footer .widget_text a.small, #footer .widget_text a.small:visited { color: #dc4637; }
#footer .widget_text a.small:hover { color: #e5e5e5 !important; }
/*--------- Footer ------------ */
#footer-bottom { clear: both; width: 100%; padding: 0; margin: 0 auto; color: #b3b3b1; border-top: none; margin: 0 auto; overflow: hidden; background-color: #353739; }
#footer-bottom .inner { overflow: hidden; position: relative; }
#footer a:active, #footer a:hover, #footer-bottom a:active, #footer-bottom a:hover { color: #DBDBD9; }
#footer-bottom .social-container { position: relative; top: 25px; left: 0; }
#footer-bottom .social-container a { background-image: url("images/social-icons/social-widget.png"); opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
#footer-bottom .social-container a:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
#footer-bottom-text { display: inline; margin: 0; padding: 35px 0 25px; float: left; }
/*--------- Page Templates ------------ */
/*-------------- starter1 styles -------------- */
.starter1 .entry-text-wrap { width: 390px; }
.starter1 .entry-text-wrap.nothumbnail { width: 620px !important; }
/*----------- Custom Home Pages - Default Styling --------------- */
#slider-area { clear: both; margin: 0 auto; width: 100%; background: #3F3B39; }
#slider-area .image-area { background: none; box-shadow: none; border: none; }
/* ------------------ Header Area Styling ---------------------*/
#title-area { display: block; padding: 40px 0 25px; background: #dc4637; }
#title-area h1, #title-area h2 { color: #F9F9F9; }
#title-area p { width: 60%; color: #f8f8f8; font-size: 18px; line-height: 26px; font-weight: 500; }
#custom-title-area { overflow: hidden; clear: both; }
#title-area #text-3 { margin-bottom: 30px; }
#title-area a, #title-area a:active, #title-area a:visited { color: #dc4637; }
#title-area a:hover { color: #666; }
/*---------- Advanced Home Page styles ----------------------------------*/
.advanced1 .post-list li .hentry { float: left; width: 210px; padding: 0 !important; }
ul.advanced1 a img { padding: 2px; }
/*-------------- Portfolio Templates -------------- */
#portfolio-full-width .entry-text-wrap, #portfolio-template .entry-text-wrap, .post-snippets .hentry .entry-text-wrap { text-align: left; padding-top: 10px; }
#portfolio-full-width .entry-title, #portfolio-template .entry-title, .post-snippets .hentry .entry-title { font-size: 18px; line-height: 28px; letter-spacing: 0; font-weight: 500; }
#portfolio-full-width .portfolio .entry-summary, #portfolio-template .portfolio .entry-summary,
.post-snippets .hentry .entry-summary { color: #888; padding: 10px 0; border-top: 1px solid #C9C9C9; margin: 10px 0 0; }
#portfolio-template .hfeed .clear { padding: 25px 0; }
#portfolio-full-width .hfeed .clear { padding: 35px 0; }
#portfolio-full-width .thumbnail, #portfolio-template .thumbnail, .post-snippets img { width: 100%; }
/*----------- Portfolio Isotope support ------- */
ul.image-grid { list-style-type: none; margin: 0; }
ul.image-grid li, div.image-grid div.hentry, .post-snippets div.hentry {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
ul.image-grid img { width: 100%; }
#portfolio-filter { list-style-type: none; margin: 40px 0 40px 0; padding-bottom: 30px; border-bottom: 1px solid #C9C9C9; text-align: left; }
#portfolio-template #portfolio-filter { margin-top: 15px; }
#content #portfolio-items { margin-bottom: 60px; }
#portfolio-filter li { display: inline-block; margin: 0 0px 0 0; }
#portfolio-filter li:after { content: '/'; }
#portfolio-filter li:first-child { margin: 0 20px 0 0; }
#portfolio-filter .filter-text { font-size: 13px; }
#portfolio-filter li:first-child:after, #portfolio-filter li:last-child:after { content: ''; }
#portfolio-filter a { color: #777; text-transform: none; display: inline-block; cursor: pointer; padding: 0 8px; font-size: 16px; text-transform: none; letter-spacing: 1px; font-weight: 500;
-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
font-family: 'Arvo', 'Open Sans', Arial, Verdana, sans-serif; }
#portfolio-filter a:hover { color: #dc4637; }
/*----------- Portfolio Single Post ------- */
.portfolio-info { margin: 10px 0; }
.portfolio-label { text-transform: uppercase; display: block; color: #999790; border-top: 1px dashed #b3b0a8; padding: 0; margin: 0; }
.portfolio-sidebar p { margin: 15px 0 5px; font-size: 14px; font-weight: 600; color: rgb(85, 80, 80); }
.portfolio-description { margin-top: 30px; margin-bottom: 30px; font-size: 13px; }
.portfolio-description .portfolio-label { margin-top: 10px;; }
/*---------- Full Width Snippets of Posts, raw HTML etc. ---------- */
.post-snippets .clear { margin: 20px 0; display: block; height: 1px; }
/* ----------- Miscelleneous ------------- */
#sitemap-template h2, #archives-template h2, .archive h2 { font-size: 38px; line-height: 50px; }
/*--------------------------------------------------------------------*/
/* SHORTCODES
/*--------------------------------------------------------------------*/
/*----------------- Highlighting --------------- */
.highlight1 { background: #ffff99; }
.highlight2 { background: #555; color: #FFF; }
/*----------------------- Pull Quotes --------- */
.pullquote { font: normal 16px/30px 'Arvo', Georgia, Times, serif; font-weight: normal; margin: 0; padding: 0; color: #555; }
.quote-wrap.alignleft { float: left; width: 230px; margin: 0 20px 0 0; border-top: 1px solid #555; padding: 2px 0; }
.quote-wrap.alignleft .pullquote { border-top: 1px dotted #555; padding-top: 14px; }
.quote-wrap.alignright { float: right; width: 230px; margin: 0 0 0 20px; border-top: 1px solid #555; padding: 2px 0; }
.quote-wrap.alignright .pullquote { border-top: 1px dotted #555; padding-top: 14px; }
.quote-wrap.alignnone { border-top: 1px solid #555; border-bottom: 1px solid #555; padding: 2px 0; }
.quote-wrap.alignnone .pullquote { border-top: 1px dotted #555; border-bottom: 1px dotted #555; padding-top: 21px; padding-bottom: 21px; }
blockquote { font: normal 16px/30px 'Arvo', Georgia, Times, serif; font-weight: normal; color: #555; padding: 5px 15px 5px 50px;
background: url("images/quote.png") no-repeat scroll 0 0 transparent; overflow: hidden; }
blockquote .author, blockquote em, blockquote i, blockquote cite { color: #555; font-style: normal; font-size: 11px; font-weight: 400; }
blockquote.alignleft { margin: 0px 20px 0 0; width: 230px; }
blockquote.alignright { margin: 0px 0 0 20px; width: 230px; }
blockquote p { margin-bottom: 10px; }
.dark-bg blockquote, .dark-bg blockquote > p { color: #eeeeee; }
/*--------------------- Begin Typography: List Styles ----------------- */
ul.list1, ul.list2, ul.list3, ul.list4, ul.list5, ul.list6, ul.list7, ul.list8, ul.list9, ul.list10, ul.list11, ul.list12,
ul.list13, list-none { position: relative; overflow: hidden; margin: 5px 0px 5px 4px; }
ul.list1 li, ul.list2 li, ul.list3 li, ul.list4 li, ul.list5 li, ul.list6 li, ul.list7 li, ul.list8 li, ul.list9 li,
ul.list10 li, ul.list11 li, ul.list12 li, ul.list13 li, ul.list-none li { margin: 0 0 5px 0; padding: 0 0 2px 28px; list-style: none outside none; }
ul.list1 li { background: url('images/icons/bullet-arrow.png') no-repeat -2px 5px; padding-left: 20px; }
ul.list2 li { background: url(images/icons/check.png) no-repeat scroll 3px 5px transparent; }
ul.list3 li { background: url(images/icons/fugue/arrow.png) no-repeat scroll 0 3px transparent; }
ul.list4 li { background: url(images/icons/fugue/heart.png) no-repeat scroll 0 3px transparent; }
ul.list5 li { background: url(images/icons/fugue/light-bulb.png) no-repeat scroll 0 3px transparent; }
ul.list6 li { background: url(images/icons/fugue/share.png) no-repeat scroll 0 3px transparent; }
ul.list7 li { background: url(images/icons/fugue/sticky-note-pin.png) no-repeat scroll 0 3px transparent; }
ul.list8 li { background: url("images/icons/fugue/medal.png") no-repeat scroll right 3px transparent;
font-family: tahoma;
font-size: 12px;
line-height: 20px;
padding-right: 20px; }
ul.list9 li { background: url(images/icons/fugue/fire.png) no-repeat scroll 0 3px transparent; }
ul.list10 li { background: url(images/icons/fugue/star.png) no-repeat scroll 0 3px transparent; }
ul.list11 li { background: url(images/icons/fugue/feed.png) no-repeat scroll 0 3px transparent; }
ul.list12 li { background: url(images/icons/fugue/balloon-twitter.png) no-repeat scroll 0 3px transparent; }
ul.list13 li { background: url(images/icons/fugue/card-address.png) no-repeat scroll 0 3px transparent; }
ul.list-none li { position: relative; overflow: hidden; }
/** ---------------------------------- RSS Block --------------- */
.rss-block { background: #EAEAFF; border: 1px solid #CCCCFF; padding: 10px; margin: 10px 0; clear: both;
font: normal 13px/1.5 'Arvo', Georgia, Times, serif; word-spacing: 2px;
-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
/** ---------------------------------- Paypal Donate Button --------------- */
.donate-button, .donate-button-plus { display: block; text-indent: -9999px; }
.donate-button-plus { background: url(images/btn_donateCC_LG.gif) no-repeat scroll 0 3px transparent; width: 155px; height: 55px; }
.donate-button { background: url(images/btn_donate_LG.gif) no-repeat scroll 0 3px transparent; width: 100px; height: 36px; }
/*---------------- Typography - Dropcaps ---------- */
.dropcap1 { font-size: 36px; line-height: 40px; }
.dropcap1 { margin: 0 12px 0 0; color: #666; text-shadow: 1px 1px 4px #888; -moz-text-shadow: 1px 1px 4px #888; -webkit-text-shadow: 1px 1px 4px #888; }
.dropcap2, .dropcap3, .dropcap4, .dropcap5 { float: left; text-align: center; font-size: 24px; line-height: 40px; }
.dropcap2, .dropcap3, .dropcap4, .dropcap5 { width: 42px; height: 42px; margin: 5px 10px 0 0;
background-color: #dc4637; background-repeat: no-repeat; color: #fff; text-shadow: 0px 0px 1px #fff; -moz-text-shadow: 0px 0px 1px #fff; -webkit-text-shadow: 0px 0px 1px #fff; }
.dropcap2 { background-image: url("images/dropcap1.png"); }
.dropcap3 { background-image: url("images/dropcap2.png"); }
.dropcap4 { background-image: url("images/dropcap3.png"); }
.dropcap5 { background-image: url("images/dropcap4.png"); }
/*----------------------- Divider Styling --------------------------------------------*/
.divider { position: relative; display: block; clear: both; border-bottom: 1px solid #e0e0e0; width: 100%; padding-top: 19px; margin-bottom: 40px; margin-top: 40px; }
.divider-space { position: relative; display: block; clear: both; width: 100%; padding-top: 20px; margin-bottom: 20px; margin-top: 20px; }
.divider-line { position: relative; display: block; clear: both; border-bottom: 1px solid #bbb; width: 100%; margin-bottom: 19px; line-height: 0; }
.divider-fancy { position: relative; display: block; clear: both; width: 100%; margin-top: 60px; margin-bottom: 39px; height: 1px;
background: url('images/border-gradient.png') no-repeat center center; }
.header-fancy { padding: 0 10px; display: block; clear: both; width: 100%; margin-top: 35px; margin-bottom: 40px;
background: url('images/content-horizontal-seperator.png') no-repeat center center;
text-align: center; height: 28px; text-transform: uppercase; font-size: 12px; letter-spacing: 3px; }
.header-fancy span { display: inline-block; padding: 4px 16px;
background-image: none !important; background-color: #dc4637; color: #fff; font-size: 12px; word-spacing: 3px; }
.mini-separator { height: 1px; width: 105px; background-color: #aaa; }
.mini-separator-thick { height: 4px; width: 85px; background-color: #777; margin-top: 20px; }
.heading2 .mini-separator { margin-bottom: 20px; }
h3.fancy-header { font-size: 24px; line-height: 36px; letter-spacing: 1px; color: #fefefe; font-weight: 300; background-color: #dc4637;
text-align: center; margin: 0 auto; display: inline-block; padding: 5px 40px; }
.top-of-page { position: relative; text-align: right; font-size: 10px; margin-bottom: 25px; line-height: 1.2; }
.top-of-page a, .top-of-page a:active, .top-of-page a:visited { color: #999; }
.top-of-page a:hover { color: #dc4637; }
/*-------------------- Box Styles ---------- */
.message-box { padding: 25px 55px 5px 25px !important; margin: 20px 0 !important; background: #EEE; word-spacing: 1px;
-moz-border-radius: 5px; -webkit-border-radius: 2px; border-radius: 2px; color: #555; overflow: auto; position: relative; }
.message-box .contents { margin: 0 0 15px 0; }
.message-box code { background: transparent; margin: 0 2px; }
.message-box .title { text-transform: uppercase; margin: 0 0 5px 0; font-size: 14px; }
.message-box p { margin: 0 0 10px 0; }
.message-box a.close { position: absolute; right: 20px; top: 40%; }
.message-box a.close i { color: #999; font-size: 24px; }
.info { background: #E8F8FF; border: 1px solid #c6ebfb; }
.note { background: #FEFED6; border: 1px solid #EDED03; }
.attention { background: #F0F4F9; border: 1px solid #C9B8BD; }
.warning { background: #FCF5E2; border: 1px solid #F4DC9D; }
.tip { background: #FAF2EF; border: 1px solid #ECCDC1; }
.success { background: #E8F8D8; border: 1px solid #cae88c; }
.errors { background: #FFF4F4; border: 1px solid #ffd9d9; }
.box-frame, .box-frame2 { position: relative; border: 1px solid #d9d9d9; margin: 20px 0; background: #FAFAFA;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); }
.box-frame { padding: 20px; }
.box-frame2 .box-header { font-size: 16px; border-bottom: 1px solid #D1D1D1; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
background-color: #FFF; padding: 8px 30px; text-shadow: 0 1px #eee; text-align: center;
-moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0;
background-image: -moz-linear-gradient(top, white, #F1F1F1); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F1F1F1), color-stop(1, white)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1'); }
.box-frame2 .box-contents { padding: 10px 20px; }
.threecol .box-frame2 .box-contents { padding: 15px 10px; }
.fourcol .box-frame2 .box-contents { padding: 20px; }
/*---------------- Column shortcodes ------------------------------------------------------------------------------------*/
/* ------- Based on the 1140px Grid V2 by Andy Taylor \ http://cssgrid.net ------ */
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, modiran { margin-right: 3.8%; float: left; min-height: 1px; }
.onecol { width: 4.85%; }
.twocol { width: 13.45%; }
.threecol { width: 22.05%; }
.fourcol { width: 30.75%; }
.fivecol { width: 39.45%; }
.modiran { width: 45.50%; float:left}
.sixcol { width: 48%; }
.sevencol { width: 56.75%; }
.eightcol { width: 65.4%; }
.ninecol { width: 74.05%; }
.tencol { width: 82.7%; }
.elevencol { width: 91.35%; }
.twelvecol, .fullwidth { width: 100%; float: left; }
.last { margin-right: 0px !important; }
.segment, .segment-content { position: relative; }
.segment { padding: 70px 0; margin: 0;
background-repeat: no-repeat; background-size: cover; background-position: center center; }
.first-segment { border-top: 10px solid #eaeaea; }
.first-segment.regular-heading { padding-top: 60px; }
.last-segment { border-bottom: 10px solid #eaeaea; }
.segment .floating-text { position: absolute; top: 0; left: 50%; right: 50%; /* Align in the center and leave position to individual elements */
overflow: hidden; }
/*--------- No margin columns ----*/
.zero-margin { margin-left: 0; }
.threecol.zero-margin { width: 25%; }
.fourcol.zero-margin { width: 33.3%; }
.sixcol.zero-margin { width: 50%; }
/* Dual margin columns with margins on both sides used mainly for drawing middle lines/borders */
.threecol.dual-margin, .fourcol.dual-margin, .sixcol.dual-margin { padding-right: 1.9%; padding-left: 1.9%; margin: 0; }
.dual-margin.first, .dual-margin:first-child { padding-left: 0; }
.dual-margin.last, .last.dual-margin, .dual-margin:last-child { padding-right: 0; }
.mini-column, .maxi-column { float: left; position: relative; }
.mini-column { width: 16.8%; margin-right: 4%; }
.maxi-column { width: 79.2%; }
/*---------- Grid for portfolio items and posts grid layout ------------------*/
.image-grid .sixcol, .image-grid .fourcol, .image-grid .threecol { padding: 0 !important; margin: 0;
margin-right: 1.9% !important; margin-bottom: 22px; }
/* Count the last column too for now */
.image-grid .sixcol { width: 48%; }
.image-grid .fourcol { width: 31.2%; }
.image-grid .threecol { width: 22.9%; }
/*----- Rounded portfolio changes -----*/
ul.image-grid.rounded .portfolio img, ul.image-grid.rounded .portfolio .image-info { border-radius: 50%; }
ul.image-grid.rounded .portfolio .image-info h3 a { max-width: 80%; text-align: center; margin: 0 auto; }
ul.image-grid.rounded li.fourcol.portfolio-item { width: 26%; margin-right: 10.8% !important; margin-bottom: 40px !important; }
ul.image-grid.rounded li.fourcol.portfolio-item:nth-child(3n+3) { margin-right: 0 !important; }
/* --------- No margin column styling for portfolio items -------------- */
.sixcol.zero-margin { width: 50%; }
.fourcol.zero-margin { width: 33.3%; }
.threecol.zero-margin { width: 24.96%; }
#content .zero-margin { margin-right: 0 !important; }
/* --------- Toggle ------------------------*/
.toggle { position: relative; margin: 0; background: white; }
.toggle.first { margin-top: 25px; }
.toggle.get-code { padding-bottom: 15px; border-bottom: 1px solid #eee; background: #FEFEFE; }
.toggle-label { cursor: pointer; background: url("images/toggle-button-plus.png") no-repeat scroll right bottom #f8f8f8;
padding: 15px 25px 15px 15px; margin: 1px 0; border: 1px solid #eee; font-size: 14px; }
.toggle-label:hover { background-color: #fafafa; }
.active-toggle .toggle-label { background-image: url("images/toggle-button-minus.png"); margin-bottom: 0; border-bottom: 0; }
.active-toggle .toggle-label:hover { background-color: #fafafa; }
.toggle-content { display: none; padding: 15px 0 10px 40px; border: 1px solid #eee; clear: both; overflow: hidden; }
/* jQuery Tabs */
/* root element for tabs */
.tabs { list-style: none; margin: 0 !important; padding: 0; }
/* single tab */
.tabs li { float: left; padding: 0; margin: 0 2px -1px 0 !important; background: white; height: 30px; border-radius: 0; }
/* single tab */
.tabs li:first-child { margin-left: 0 !important; }
.tabs a { display: block; height: 24px; text-align: center; text-decoration: none; padding: 4px 20px 0; margin: 0; position: relative;
background: #F7F7F7; vertical-align: middle; color: #666 !important; border: 1px solid #DDD; }
.tabs a:active { outline: none; }
.tabs a:hover { background: #Fff; }
.tabs .current, .tabs .current:hover, .tabs li.current a { cursor: default !important; color: #555 !important; background: #fff;
padding: 4px 20px 0; border-top: 2px solid #dc4637; border-bottom: none; }
.panes { clear: both; }
/* initially all panes are hidden */
.panes .pane { padding: 20px; border: 1px solid #DDD; display: block; background: #fff;
-moz-box-shadow: 1px 1px 1px #eee; -webkit-box-shadow: 1px 1px 1px #eee; box-shadow: 1px 1px 1px #eee;
-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
/*---------- Form Styles with Contact Form 7 support ------- */
input, textarea { background: #FDFDFD; color: #48484A; border: solid 1px #E7E7E7; padding: 10px 10px;
/* box-shadow: inset 0 0 10px #EAEAEA; */ }
input, textarea {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
height: auto;
font-size: 14px; line-height: 24px; }
input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"],
input[type="date"], input[type="file"], textarea {
-moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;
}
input:focus, textarea:focus { border: 1px solid rgba(70, 165, 213, 0.8); /* box-shadow: 0 0 2px rgba(220, 70, 55, 0.6); */ }
input[type="radio"], input[type="checkbox"] { display: inline; }
input[type="submit"], input[type="file"] { width: auto; }
input[type="number"], input[type="date"] { padding: 10px 10px; height: auto; }
input[type="number"], input[type="date"], input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="range"], textarea { width: 300px; max-width: 100%; }
::-webkit-input-placeholder { text-transform: none; color: #b2b2b1;; font-size: 14px; line-height: 14px; font-style: normal; -webkit-font-smoothing: antialiased; }
::-moz-placeholder { /* Firefox 19+ */ text-transform: none; color: #b2b2b1; font-size: 14px; line-height: 14px; font-style: normal; }
:-ms-input-placeholder { text-transform: none; color: #b2b2b1; font-size: 14px; line-height: 14px; font-style: normal; }
/* Helps make the height of input boxes uniform across browsers */
input[type="submit"], input[type="text"], input[type="email"], input[type="url"],
input[type="tel"], input[type="number"], input[type="date"], input[type="file"] {
line-height: normal !important;
}
/* Let button styles handle border radius */
input[type="submit"] { border-radius: 0; }
/* Removes inner padding and border in Firefox 4+.*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* Select box styling */
select {
display: block;
outline: none;
width: 300px;
border: 1px solid #e7e7e7;
/* padding: 10px 5px 10px 10px; */
margin: 0;
max-width: 100%;
font-family: inherit;
color: inherit;
background-image: url(images/select.png);
background-position: center left;
background-repeat: no-repeat;
background-color: white;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 35px;
font-size: 14px;
line-height: 14px;
}
select[multiple] { background: none; height: auto; }
/*---------- Form Styles ------- */
.contact-form { margin-bottom: 25px; }
#content .contact-form { }
#content .contact-form input, #content .contact-form textarea { background: #FDFDFD; color: #48484A; border: solid 1px #DDD;
box-shadow: inset 0 0 10px #EAEAEA; border-radius: 5px; padding: 10px;margin:5px; }
#content .contact-form input, #content .contact-form textarea, #footer .contact-form input, #footer .contact-form textarea {
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;
height: auto; line-height: 24px;font-family:tahoma; }
#content .contact-form textarea { height: 150px; }
#content .contact-form input[type=text]:focus,
#content .contact-form input[type=email]:focus,
#content .contact-form input[type=password]:focus,
#content .contact-form input[type=url]:focus,
#content .contact-form input[type=number]:focus,
#content .contact-form textarea:focus {
background: #fff;
}
#content .contact-form .human-check label { display: inline-block; }
#content .contact-form .human-check input { display: inline-block; margin-left: 15px; font-style: normal; }
#content .contact-form fieldset p { display: inline-block; margin-right: 2%; width: 48%; position: relative; }
#content .contact-form fieldset p.human-check { display: block; clear: both; }
#content .contact-form fieldset p.text-area { display: block; width: 98%; }
.contact-form .text-input { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#footer .contact-form .text-input, #footer .contact-form textarea { width: 100%; font-size: 14px; padding: 10px;
float: left; background: #606163; border-color: #606163; margin-bottom: 10px; color: #cdcdcd; }
#footer .sixcol .contact-form p { width: 46%; margin: 0 2% 0 0; float: left; }
#footer .contact-form textarea { height: 100px; }
.contact-form textarea { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.contact-form label { text-transform: uppercase; display: block; font-size: 16px; }
.contact-form label { display: none; /* Hide the labels */ }
.contact-form label.form-error, label.form-error { float: left; color: #EB6666; font-style: normal; font-size: 13px;
text-transform: none; display: block; margin-bottom: 10px;
}
.success-msg { margin-bottom: 20px; font-weight: 500; }
div.form-error { display: none; }
input.form-error { border: 1px dotted rgb(221, 30, 14); margin-bottom: 10px !important; }
#commentform label { display: none; }
#commentform input[type="text"], #commentform textarea { padding: 10px; margin: 0; height: auto;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
background-color: #fff; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box;
-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, .06); / -webkit-box-shadow : 0 - 1 px 0 rgba ( 0, 0, 0, .06 ); box-shadow: 0 -1px 0 rgba(0, 0, 0, .06);
line-height: 24px; }
#commentform input[type="text"] { float: left; width: 38%; margin-right: 2%; margin-bottom: 15px; }
#commentform textarea { width: 80%; clear: both; }
p.comment-form-author, p.comment-form-email { }
.layout-1c #commentform textarea { width: 50%; height: 98px; }
p.form-allowed-tags { display: none; }
/* --------- Read More Link -----------------------------------*/
.read-more { margin-top: 30px; display: block; }
.read-more a { color: #dc4637; }
/* ---------- Slogans ------------- */
/*--------------- Image shortcodes --------------- */
.photo-frame, .item img, .item-page img{ padding: 4px; border: 1px solid #ddd; border-radius: 4px;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);display:inline; }
/*--------------------------------------------------------------------*/
/* LAYOUTS
/*--------------------------------------------------------------------*/
/*------------------ Post Level Layouts ---------------------------------------------------------*/
.layout-default #content { float: left; }
.layout-1c #content { margin: 0; }
/* As of now, we are hiding sidebars in the one column post layout but that can be changed */
.layout-1c .sidebar-left-nav { clear: left; float: left; }
.layout-1c .sidebar-right-nav { clear: none; float: right; }
.layout-1c .sidebar-left-nav, .layout-1c .sidebar-right-nav { width: 470px; margin-top: 25px; padding: 5px 0 0 5px; }
/* Two column layout with content to the right and sidebars on left */
.layout-2c-r #content { float: right; margin-bottom: 40px; }
/* Two column layout with content to the left and sidebars on right - Theme default layout */
.layout-2c-l #content { float: left; }
/*--------------------------------------------------------------------*/
/* WIDGETS STYLING
/*--------------------------------------------------------------------*/
/*--------- 125x125 Advertisement Styling --------- */
#advertisement-125 { padding: 0; overflow: hidden; }
#advertisement-125 a { display: block; float: left; padding: 0; margin: 10px 9px 0 9px; }
#advertisement-125 img { padding: 2px; background: #FEFEFE; border: 1px solid #ccc; width: 125px; height: 125px; }
/*----------- Twitter Widget with Jtwt Jquery Plugin -------- */
.widget.twitter-widget ul li:hover { padding-left: 0; }
.widget.twitter-widget a { color: #dc4637; }
.widget.twitter-widget a:hover { color: #666; }
#jtwt { list-style: none; }
#jtwt li.jtwt_tweet { background: none; padding: 12px 0; clear: both; border-bottom: 1px dashed #bbb; overflow: hidden; }
#jtwt li.jtwt_tweet:last-child { padding-bottom: 0; border-bottom: none; }
.jtwt_picture { float: left; margin: 0px 6px 0 0; }
p.jtwt_tweet_text { margin-bottom: 5px; float: right; }
#footer p.jtwt_tweet_text { color: #b6c8c9; }
.jtwt_tweet a { color: #9e9e9b; }
#footer .jtwt_tweet a { color: #dedede; }
#footer .jtwt_tweet a:hover { color: #fff; }
#jtwt .jtwt_date { font: normal 13px/24px 'Arvo', Georgia, Times, serif; }
#twitter-footer { margin-top: 10px; }
/*---------- Social List ---------- */
ul.social-list { list-style: none; margin: 0; display: block; }
ul.social-list.center { margin: 5px auto; }
ul.social-list li { padding: 0; list-style: none; margin: 0 10px 10px 0; background: none !important; display: inline-block; float: left; }
ul.social-list li:last-child { margin-right: 0; }
ul.social-list a { display: block; width: 32px; height: 32px; text-indent: -9999px; margin-right: 2px;
background: url('images/social-icons/social-widget.png') no-repeat 0 0;
-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.widget ul.social-list a { background-image: url('images/social-icons/social-widget.png'); opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.widget ul.social-list li { border: none !important; padding-left: 0 !important; }
.widget ul.social-list a:hover { opacity: 1.0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.social-list .facebook { background-position: 0 0; }
.social-list .twitter { background-position: -170px 0; }
.social-list .youtube { background-position: -127px 0; }
.social-list .flickr { background-position: -512px 0; }
.social-list .linkedin { background-position: -554px 0; }
.social-list .googleplus { background-position: -42px 0; }
.social-list .rss { background-position: -684px 0; }
/* ------ Nav menu widget --------*/
.widget.widget_nav_menu ul li:hover, .widget.widget_rss ul li:hover { padding-left: 18px; }
.widget.widget_nav_menu ul li:hover > a { padding-left: 4px; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
/*--------- Featured List ------------ */
#featured-sources { border: solid 1px #cacaca; background-color: #e5e5e5; padding: 35px 0 45px; }
#featured-sources .heading2 { margin-bottom: 35px; }
#featured-sources .heading2 .title { background: url(images/icons/featured-icon.png) no-repeat 0 2px transparent; display: inline; padding-left: 40px; }
.featured-list img { margin: 0 auto; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
.featured-list img:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.widget .featured-list img { margin-right: 60px; margin-bottom: 20px; float: left; }
/* ----- Links list aka linked list --------------*/
ul.linked-list { list-style: none; }
ul.linked-list li { padding: 8px 0 0; background: none; }
ul.linked-list li:first-child { padding-top: 0; }
ul.linked-list li a { -moz-transition: padding 0.3s ease-in-out; -o-transition: padding 0.3s ease-in-out; -webkit-transition: padding 0.3s ease-in-out; transition: padding 0.3s ease-in-out; }
ul.linked-list li a:hover { padding-left: 6px; }
.widget ul.linked-list li:hover { padding-left: 0; }
/*-------------- Search Widget ----------------- */
.widget-search { margin: 0 0 20px; padding: 0; }
.widget-search h3 { display: none; }
.search-form { position: relative; max-width: 233px; border: none;
-moz-box-shadow: 0 0 3px rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 1); box-shadow: 0 0 3px rgba(255, 255, 255, 1); width: 100%; }
#footer .search-form { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.search-form label { display: none; }
.search-form .search-text { display: block; position: relative; right: 0; width: 100%; height: 35px; margin: 0; border: none;
padding: 5px 5px 5px 30px; font-size: 13px; line-height: 24px; font-weight: 500; color: #777777; background-color: #Fbfbfb; border-bottom: 1px solid rgba(196, 196, 196, 0.4);
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 24px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-moz-box-shadow: inset 0px 1px 2px rgba(79, 79, 79, 0.5); box-shadow: inset 0px 1px 2px rgba(79, 79, 79, 0.5);
-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.search-form .search-text:focus { color: #696969; background-color: #fff; font-style: normal; }
.search-form .search-submit.button { }
.search-form .submit { background: url(images/icons/search-icon.png) no-repeat center transparent !important; display: block;
margin: 0; padding: 5px 5px 5px 28px; position: absolute; left: 0; top: 0; border: none; cursor: pointer; height: 35px;
-moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.search-form .submit:hover { background-color: transparent !important; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
/* Text Widget */
#widget-text { margin: 0 0 20px 0; }
/*------------- Flickr Widget -------------- */
#flickr-widget { margin: 10px 0 0 0; }
#flickr-widget .flickr_badge_image { float: left; line-height: 100%; margin: 0 6px 6px 0; }
#footer #flickr-widget .flickr_badge_image { margin: 0 10px 10px 0; }
#flickr-widget .flickr_badge_image img { display: block; width: 75px; height: 75px;
-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
#flickr-widget .flickr_badge_image img:hover { background-color: #f4f4f4; border: 4px solid #DC4637;
opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
/* ------------ Author Widget ------ */
.author-widget .widget-title { border-bottom: none; }
#author-widget .avatar-wrap { float: left; margin-right: 40px; }
#author-widget .avatar-wrap img { border-radius: 50%; }
#author-widget .author-name { font-size: 18px; line-height: 22px; font-family: 'Arvo'; font-weight: 500; margin-right: 10px; }
/* Make an exception for author widget */
#sidebar-after-singular .author-widget { }
#sidebar-after-singular #author-widget { padding: 0; }
/* Calendar Widget */
.widget_calendar caption { margin-bottom: 10px; font-weight: 600; }
/*--------- Contact Info Widget ---------- */
.widget .contact-info p { margin-bottom: 10px; }
.contact-info p span { display: block; padding-left: 30px; font-size: 14px; }
.contact-info .name { }
.contact-info .street1, .contact-info .email, .contact-info .phone, .contact-info .fax { background-image: url('images/icons/widget-sprite.png'); background-repeat: no-repeat; }
.contact-info .street1 { background-position: -102px 1px; }
.contact-info .email { background-position: -50px -52px; }
.contact-info .phone { background-position: -75px -27px; }
.contact-info .mini-separator { margin-bottom: 30px; }
/* ---------- Recent Comments ---------- */
ul#recentcomments li.recentcomments { background: url(images/icons/comment-icon-sidebar.png) left center no-repeat transparent; padding-left: 26px; }
ul#recentcomments li.recentcomments:first-child { background-position: 0 5px; }
ul#recentcomments li.recentcomments a { display: inline !important; padding: 0; margin: 0; color: #dc4637; font-style: normal; }
ul#recentcomments .recentcomments a:hover { color: #666; }
#footer ul#recentcomments .recentcomments a:hover { color: #DBDBD9; }
ul#recentcomments li.recentcomments, ul#recentcomments .recentcomments a.url { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
/* ------------ Tag Cloud ----------------*/
.tagcloud a { display: inline; color: #55585b; float: left; padding: 2px 6px; margin: 0 5px 5px 0; font-size: 11px !important; text-transform: uppercase; line-height: 20px; background-color: #ddd;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.tagcloud a:hover, #footer .tagcloud a:hover { color: #fff !important; background-color: #dc4637; }
#footer .tagcloud a { background-color: #657375; }
/*--------------------------------------------------------------------*/
/* COMMENTS STYLING
/*--------------------------------------------------------------------*/
/* Post page comments styling */
#comments-number, #reply-title { font-size: 36px; clear: both; line-height: 74px; }
#comments-number { line-height: 74px; }
#reply-title { line-height: 42px; }
#comments-number .number { font-size: 32px; letter-spacing: 1px; color: #fff; background: url(images/icons/bubble-big.png) no-repeat 0 0 transparent; display: block; text-align: center; float: left; padding: 0; margin-right: 15px; width: 65px; }
.comments-header { background: none; padding: 0; }
#reply-title { background: none; padding-left: 0; }
#cancel-comment-reply-link { text-transform: none; margin: 0 0 0 10px; }
ol.comment-list, .comment ol.children { list-style: none outside none; margin: 25px 0 0; clear: both; }
.comment ol.children { margin-left: 40px; margin-top: 40px; /* Keep this value same as margin set between list elements. See next element */
}
.comment ol.children li { margin-left: 15px; }
.comment-list .line { display: none; }
.comment ol.children li .line { display: block; position: absolute; width: 15px; height: 1px; border-bottom: 1px solid #EFEFEF; margin: 35px 0 0 -15px; }
li.comment, li.trackback, li.pingback { margin: 0 0 40px 0; }
li .comment-text-wrap { width: 100%; /* Helps avoid setting individual values for each layout */
}
.comment-list li li .comment-text-wrap { }
.comment-meta-section { display: block; position: relative; }
.comment-wrap { position: relative; }
.comment-list .avatar-wrap {
display: block; float: left; height: 80px; width: 80px; position: relative; margin-right: 50px; }
.comment-list .pingback .avatar-wrap { margin-right: -78px; }
.comment-list .avatar { width: 80px; height: 80px; border-radius: 50%; }
.comment-text-wrap { display: block; }
.comment-text-wrap .entry-content { margin: 0; padding: 0; }
.comment-box-wrap { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
background-color: #fff; display: block; position: relative; padding: 20px; overflow: hidden;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .06); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .06); box-shadow: 0 1px 0 rgba(0, 0, 0, .06);
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.comment-arrow { position: absolute; top: 30px; left: 111px; height: 0; width: 0; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid transparent; z-index: 10; }
.pingback .comment-arrow { display: none; }
.comment-box-wrap .comment-text p:last-child { margin-bottom: 0; }
.comment-meta { margin-bottom: 10px; }
.comment-byline { display: inline; overflow: hidden; }
.comment-byline abbr[title], .comment-byline dfn[title] { border-bottom: 0; cursor: auto; }
.comment-meta .published { padding: 2px 0; line-height: 32px; }
.comment-author { display: block; float: left; margin-right: 10px; }
.comment-author cite { font-size: 24px; line-height: 32px; display: block; font-style: normal; font-family: 'Arvo'; }
a.comment-reply-link, a.comment-reply-link:visited, a.comment-edit-link, a.comment-edit-link:visited { margin: 0 0 0 3px; color: #f4f4f4; padding: 2px 10px; background-color: #db4537;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
float: right; font-family: 'Arvo'; }
a.comment-reply-link:hover, a.comment-edit-link:hover { color: #fff; }
.comment-list li li .avatar-wrap { background: url('images/comment-arrow4.png') no-repeat bottom center transparent; }
.comment-list li li li .comment-text-wrap { }
.comment-list li li li .avatar-wrap { background: url('images/comment-arrow3.png') no-repeat bottom center transparent; }
.comment-list li li li li .comment-text-wrap { }
.comment-list li li li li .avatar-wrap { background: url('images/comment-arrow4.png') no-repeat bottom center transparent; }
.comment-list li li li li li .comment-text-wrap { background-color: #f7f7f7; }
.comment-list li li li li li .avatar-wrap { background: url('images/comment-arrow3.png') no-repeat bottom center transparent; }
.comment-list li li li li li li .comment-text-wrap { background-color: #e9e9e9; }
.comment-list li li li li li li .avatar-wrap { background: url('images/comment-arrow4.png') no-repeat bottom center transparent; }
#comments-template { margin: 0; }
.comments-wrap { border-top: 1px dotted #AAA; }
#comments { margin-top: 0; padding-top: 45px; max-width: 820px; }
.layout-1c #comments { max-width: 1020px; }
#respond { margin-top: 25px; padding-top: 25px; border-top: 1px dotted #AAA; }
#respond .comment-notes { display: none; }
/* ------ Video styling --------------*/
#content .video-box { margin-bottom: 15px; }
.video-play-button { background: url(images/video-play-button.png) center center no-repeat; width: 64px; height: 64px;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.video-play-button:hover { background-image: url(images/video-play-hover.png); }
/*--------------------------------------------------------------------*/
/* Responsive Flex Slider Styles
/*--------------------------------------------------------------------*/
/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * */
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* FlexSlider Necessary Styles *********************************/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; /*-webkit-backface-visibility: hidden; */ }
/* Causes issues with fixed backgrounds in Chrome/Safari */
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No Javascript Fallback */
/* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme *********************************/
.flexslider { background: transparent; padding: 0; max-width: 100%; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 2s ease 1s; -moz-transition: all 2s ease 1s; transition: all 2s ease 1s; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px }
.flexslider .slides > li { margin: 0; position: relative; }
.flexslider .slides .image-area { float: none; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display: block; }
/* Caption styles */
.flex-caption { position: absolute; left: 150px; bottom: 30%; width: 35%; max-width: 450px; z-index: 89; }
.flex-caption a, .flex-caption .flex-summary { background: #000; opacity: 0.5; filter: alpha(opacity=55); /*IE*/ }
.flex-caption a { display: inline !important; font-size: 36px; font-weight: 500; line-height: 50px; color: #EFEFEF !important; padding: 2px 15px; }
.flex-caption .flex-summary { color: #ccc; margin-top: 5px; padding: 10px 15px 10px 15px; margin: 10px 0 0; font-size: 18px; text-transform: uppercase; line-height: 26px; }
/* Direction Nav */
.flex-direction-nav { *height: 0; }
.flex-direction-nav { display: block; }
.flex-direction-nav li { margin: 0; }
.flex-direction-nav a { display: block; position: absolute; text-indent: -9999px; background-color: #888; /* IE */ background-color: rgba(77, 76, 76, 0.6); height: 25px; width: 25px;
-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.flex-direction-nav .flex-next { right: 10px; bottom: 10px; }
.flex-direction-nav .flex-prev { right: 40px; bottom: 10px; }
.flex-direction-nav a:hover { background-color: #666; /* IE */ background-color: rgba(51, 51, 51, 0.8); }
.flex-direction-nav .flex-prev span, .flex-direction-nav .flex-next span { top: 5px; right: 9px; position: absolute; display: block; height: 12px; width: 8px;
background-image: url("images/sliders/arrows-sliders.png"); background-position: right bottom; }
.flex-direction-nav .flex-next span { background-position: right bottom; }
.flex-direction-nav .flex-prev span { background-position: left bottom; }
/* Control Nav */
.flex-control-nav { display: block; width: 100%; position: absolute; bottom: 0; text-align: center; }
#slider-area .flex-control-nav { bottom: 0; }
.segment .flex-control-nav { bottom: 0; }
.flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-paging li a { width: 11px; height: 11px; display: block; cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active { background-color: #fafafa; /* IE */ background-color: rgba(255, 255, 254, 0.9); }
.flex-control-paging li a { background-color: #ddd; /* IE */ background-color: rgba(218, 218, 218, 0.8); width: 14px; height: 14px; border-radius: 14px; }
.flex-control-nav li a.flex-active, .flex-control-nav li a:hover { background-color: #fafafa; /* IE */ background-color: rgba(255, 255, 254, 0.9); }
ol.flexlite-control-nav.flexlite-control-paging { display: none; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.flex-control-thumbs .flex-active { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); cursor: default; }
.segment .flex-control-nav li a { width: 20px; height: 20px; }
.segment .flex-control-nav li a:hover, .segment .flex-control-nav li a.flex-active { background-color: #dc4637; }
/* ----- Inline flex slider styling ----------*/
.flex-slider-container.loading { background: #202834 url(images/sliders/ajax-loader.gif) no-repeat 50% 50%; }
.flex-slider-container .flexslider { -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }
.flex-slider-container.loading .flexslider { visibility: hidden; opacity: 0; }
/* --------- Slider Area styling ------ */
#slider-area .flex-direction-nav a { width: 40px; height: 40px; bottom: 50%; top: 45%; }
#slider-area .flex-direction-nav .flex-next span, #slider-area .flex-direction-nav .flex-prev span { height: 18px; width: 12px; top: 10px; left: 14px; }
#slider-area .flex-direction-nav .flex-next span { background-position: right top; }
#slider-area .flex-direction-nav .flex-prev span { background-position: left top; }
#slider-area .flexslider .flex-next { right: 0; }
#slider-area .flexslider .flex-prev { right: inherit; }
#slider-area .widget { margin-bottom: 0; }
#slider-area .widget-title { display: none; }
/* ------- Revolution Slider styling --------- */
#slider-area .rev_slider_wrapper { border-bottom: none; }
.tp-bullets.simplebullets.round .bullet { background-image: url(images/sliders/bullet.png); }
.tp-rightarrow.default, .tp-leftarrow.default { width: 60px; height: 60px; }
.tp-rightarrow.default { background-image: url(images/sliders/large_right.png); }
.tp-leftarrow.default { background-image: url(images/sliders/large_left.png); }
.rev_slider_wrapper .tp-leftarrow:hover, .rev_slider_wrapper .tp-rightarrow:hover { background-position: bottom left; }
@media only screen and (max-width: 767px) {
.tp-bullets .bullet { display: none; }
.tp-caption .button { padding: 5px 8px; font-size: 12px; }
#home2-heading .heading2 h2 { font-size: 28px; line-height: 36px; }
}
@media only screen and (max-width: 479px) {
.tp-bullets { display: none; }
.tp-caption .button { padding: 4px 6px; font-size: 11px; }
.tparrows { display: none; }
}
/*--------------------------------------------------------------------*/
/* OTHER SLIDERS - NIVO, ANYTHING
/*--------------------------------------------------------------------*/
/* === The Nivo Slider styles - do not modify unless you know what you are doing == */
/* === For customization, see below === */
.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0;
padding: 0; margin: 0; z-index: 6; display: none; background: white; filter: alpha(opacity=0); opacity: 0; }
/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }
/* Caption styles - customized */
.nivo-caption { position: absolute; left: 150px; bottom: 35%; color: #EFEFEF; font-weight: normal;
width: 40%; max-width: 400px; z-index: 8; overflow: hidden; display: none;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.nivo-caption .nivo-summary { margin: 15px 0 0; text-transform: uppercase; font-size: 18px; line-height: 26px; padding: 5px 15px; }
.nivo-caption a { padding: 6px 15px; }
.nivo-caption .nivo-summary, .nivo-caption a { background: #333; opacity: 0.6; -moz-opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }
.nivo-html-caption { display: none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
.nivo-prevNav { left: 0px; }
.nivo-nextNav { right: 0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align: center; padding: 15px 0; }
.nivo-controlNav a { cursor: pointer; }
.nivo-controlNav a.active { font-weight: bold; }
/* ===== Nivo Slider Custom styles - modify below if required === */
#nivo-slider-wrap { position: relative; background: #202834 url(images/sliders/ajax-loader.gif) no-repeat 50% 50%; }
#nivo-slider { position: relative; margin: 0 auto; display: block; color: black;
height: auto; overflow: hidden;
-webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }
#nivo-slider.loading { height: 500px; visibility: hidden; opacity: 0; }
.nivo-caption h3 { margin: 0; }
.nivo-caption a { font-size: 32px; line-height: 1.3em; margin: 0; color: #EFEFEF !important; }
#nivo-slider a { border: 0; }
.nivo-controlNav { position: absolute; left: 50%; bottom: -5px; z-index: 8; margin-left: -30px; }
.nivo-controlNav a { display: block; width: 15px; height: 15px; border-radius: 15px; margin-right: 8px; float: left;
text-indent: -9999px; background-color: #bbb; /* IE */ background: rgba(180, 180, 180, 0.7); }
.nivo-controlNav a.active, .nivo-controlNav a:hover { background: rgba(255, 255, 255, 0.8); }
.nivo-directionNav a { display: block; text-indent: -9999px; border: 0; width: 40px; height: 40px; bottom: 50%; top: 45%; background-color: #888; /* IE */ background: rgba(77, 76, 76, 0.6);
position: absolute; z-index: 9; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a:hover { background-color: #666; /* IE */ background: rgba(51, 51, 51, 0.8); }
a.nivo-nextNav { right: 0; }
a.nivo-prevNav { left: 0; }
.nivo-directionNav .nivo-prevNav span, .nivo-directionNav .nivo-nextNav span { position: absolute; height: 18px; width: 12px; top: 10px; left: 14px; display: block;
background-image: url("images/sliders/arrows-sliders.png"); }
.nivo-directionNav .nivo-nextNav span { background-position: right top; }
.nivo-directionNav .nivo-prevNav span { background-position: left top; }
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com by Steven Wanderski
*/
/** RESET AND LAYOUT ===================================*/
.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }
/** THEME ===================================*/
.bx-wrapper .bx-viewport { border: solid #fff 5px; left: -5px; background: #fff; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;
background: url(images/sliders/bx_loader.gif) center center no-repeat #fff; }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0;
-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #dc4637; }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0;
background: url(images/sliders/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0;
background: url(images/sliders/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background-color: #888; /* IE */ background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.carousel-container .bx-wrapper .bx-prev, .carousel-container .bx-wrapper .bx-next { background-image: url('images/sliders/carousel-nav.png'); }
.carousel-container .bx-wrapper .bx-prev { background-position: 0px 0px; margin-right: 6px; }
.carousel-container .bx-wrapper .bx-next { background-position: -42px -0px; }
.carousel-container .bx-wrapper .bx-prev:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.carousel-container .bx-wrapper .bx-next:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
.carousel-container .bx-wrapper .bx-controls-direction { position: absolute; display: block; top: auto; bottom: -35px; margin-left: 5px; list-style: none; }
.carousel-container .bx-wrapper .bx-controls-direction a { display: inline-block; width: 32px; height: 26px; text-indent: -9999px; cursor: pointer;
-webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
/* Preload of carousel */
.carousel-wrap.loading { background: #f5f5f5 url(images/sliders/preloader.gif) no-repeat 50% 50%; height: 160px; overflow: hidden; }
.carousel-container { -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; }
.carousel-wrap.loading .carousel-container { visibility: hidden; opacity: 0; }
.carousel-container { padding-bottom: 40px; }
/*--------- Isotope Portfolio Filtering ------------- */
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; }
/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* infinite scroll loading message styling */
#infscr-loading { position: fixed; text-align: center; bottom: 30px; left: 42%; z-index: 100; background: white;
background: hsla(0, 0%, 100%, 0.9); padding: 20px; color: #222; font-size: 15px; font-weight: bold;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#infscr-loading img { float: left; width: auto !important; }
#infscr-loading div { float: left; padding-left: 10px; }
/*----------------------------------- Dropdown Menus ---------------------------------------------------*/
.dropdown-menu-wrap > ul.menu { margin: 0 auto; }
.dropdown-menu-wrap > ul.menu > li { display: inline-block; }
.dropdown-menu-wrap ul { list-style-type: none; }
.dropdown-menu-wrap ul li { position: relative; float: right; margin: 0; }
.dropdown-menu-wrap ul li a { text-decoration: none; display: block; text-transform: none;font-family:tahoma;text-align:right; }
/* Primary menu dropdown styling*/
.dropdown-menu-wrap ul.nav-child { position: absolute; top: -9999em; width: 180px; background: #4E5052; z-index: 9999; padding: 0; margin: 0; }
.dropdown-menu-wrap ul.nav-child li { width: 100%; border-top: 1px solid #5e5f61; border-bottom: 1px solid #3d3f41; }
.dropdown-menu-wrap ul.nav-child li a { color: #EEE; font-size: 13px; font-weight: 400; padding: 10px 20px; }
.dropdown-menu-wrap ul.nav-child li:hover, .dropdown-menu-wrap ul.nav-child li.sfHover {
background: #5E5F61; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; -ms-transition: background-color 0.3s linear; transition: background-color 0.3s linear; }
.dropdown-menu-wrap ul.nav-child > li:hover > a { color: #fff; }
/* First dropdown */
.dropdown-menu-wrap > ul.menu > li:hover > ul.nav-child { left: 0;
-moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
/* All except first drop-down, the ones that come up on the right */
.dropdown-menu-wrap ul.nav-child li:hover > ul.nav-child { left: 181px; top: 0; border: none; }
/* Primary menu styling*/
#primary-menu { padding: 0; position: relative; right: 0; bottom: 0; display: inline-block; float: left; margin-right: 215px; }
#primary-menu > ul.menu > li.current-menu-ancestor > a, #primary-menu > ul.menu > li.current-menu-item > a { }
#primary-menu > ul.menu > li.current-menu-ancestor > ul.nav-child { }
#primary-menu > ul.menu > li.active { }
#primary-menu > ul.menu > li > a { font-size: 16px; font-weight: 400; font-family: 'Arvo'; color: #666; padding: 0 18px 0;
display: block; float: left; text-transform: none; line-height: 100px; }
#primary-menu ul > li.sfHover > a, #primary-menu ul li a:hover { }
/* Primary menu dropdown styling*/
#primary-menu > ul.menu > li:hover > ul.nav-child { top: 96px; border-top: 4px solid #dc4637; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
#header.sticky #primary-menu { margin: 0; padding: 0; }
#header.sticky #primary-menu > ul.menu > li > a { line-height: 50px; font-size: 16px; }
#header.sticky #primary-menu > ul.menu > li:hover > ul.nav-child { top: 46px; }
/* --------- Mobile Menu - styling properties in responsive.css and used when needed only ---------- */
#mobile-menu { display: none; }
#mobile-menu-toggle { display: none; }
#mobile-menu-toggle i { font-size: 24px; }
#mobile-menu li span i { font-size: 10px; color: #bbb; float: right; line-height: 24px;margin-left:15px; }
/*---- Lava Lamp Effect ---- */
#primary-menu .hover-bg { position: absolute; bottom: 0; width: 0; height: 0; font-size: 0; line-height: 0; overflow: visible !important;
border-width: 0 0 4px; border-color: #DC4637; border-style: solid; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*---------- Rounded css3 buttons ------- */
.rounded-button { display: inline-block; position: relative; background: #52b3e3; background: -webkit-gradient(linear, left top, left bottom, from(#dc4637), to(#52b3e3)); background: -webkit-linear-gradient(top, #dc4637, #52b3e3); background: -moz-linear-gradient(top, #dc4637, #52b3e3); background: -ms-linear-gradient(top, #dc4637, #52b3e3); background: -o-linear-gradient(top, #dc4637, #52b3e3);
padding: 5px 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: white !important; text-decoration: none; vertical-align: middle;
-webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; }
.rounded-button:hover { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.rounded-button:active { background: #327ba8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
/* ------------ Home Page / Services Styling ------------- */
.segment.grey-bg { background: #e6e8eb; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #edeff2), color-stop(100%, #e2e4e6));
background: linear-gradient(to bottom, #edeff2 0%, #e2e4e6 100%); background: -moz-linear-gradient(top, #edeff2 0%, #e2e4e6 100%); background: -webkit-linear-gradient(top, #edeff2 0%, #e2e4e6 100%); }
span.action-link a { border-bottom: 1px dashed #aaa; color: #666; font-weight: 500; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
span.action-link a:hover { color: #dc4637; }
div.service-box1, div.service-box2 { text-align: center; padding: 20px 10px 0; position: relative; }
div.service-box1 { padding-bottom: 20px; }
div.service-box1 a, div.service-box2 a { color: #777; }
div.service-box2.service-rounded h2 a { color: #4c4f50; font-size: 22px; }
div.service-box2:hover h2 a { color: #dc4637; }
div.service-box1:hover { background-color: #dc4637; -moz-transition: background-color .3s ease-in-out;
-webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; }
div.service-box1:hover, div.service-box1:hover a, div.service-box1:hover h3 { color: #FFFFFF; }
div.service-box1:hover a { background-color: #444; }
div.service-box1 h3, div.service-box2 h2 { font-size: 24px; }
div.service-box1 img, div.service-box1 h3, div.service-box2 img, div.service-box2 h2 { display: block; margin: 0 auto 20px auto; }
img.replacer { opacity: 0; /* Hide the replacer initially */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
div.service-box1:hover img.hideOnHover, div.service-box2:hover img.hideOnHover { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
div.service-box1:hover img.replacer, div.service-box2:hover img.replacer { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
div.service-img-wrap { position: relative; margin: 0 auto; }
#content img.hideOnHover { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; }
img.replacer, img.hideOnHover { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity;
-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }
div.service-box2 img.replacer, div.service-box2 img.hideOnHover { -webkit-transition-duration: 1.2s; -moz-transition-duration: 1.2s; -o-transition-duration: 1.2s; -ms-transition-duration: 1.2s; transition-duration: 1.2s; }
div.service-box2.service-rounded img.replacer, div.service-rounded img.hideOnHover { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -ms-transition-duration: 0.4s; transition-duration: 0.4s; }
.folded-edge { position: absolute; background-color: #f9f9f9; width: 20px; height: 18px; right: 0; bottom: 0; }
div.service-box1:hover .folded-edge { background-position: 0 0;
-moz-transition: background-position .1s ease-in-out; -webkit-transition: background-position .1s ease-in-out; -o-transition: background-position .1s ease-in-out; transition: background-position .1s ease-in-out; }
.service-box3 { float: left; width: 100%; border-top: 5px solid #c8c7bb;
-webkit-transition: border 0.4s ease-in; -moz-transition: border 0.4s ease-in; -o-transition: border 0.4s ease-in; transition: border 0.4s ease-in; }
.service-box3:hover { border-color: #dc4637; -webkit-transition: border 0.3s ease-in; -moz-transition: border 0.3s ease-in; -o-transition: border 0.3s ease-in; transition: border 0.3s ease-in; }
.service-box3 h3 { padding-top: 15px; margin-bottom: 15px; }
.service-box4 h3 { font-size: 20px; margin: 10px 0px; }
#services-rounded .service-box4 h2 { font-size: 14px; color: #444; text-transform: uppercase; }
#services-rounded .service-box4:hover h2 { color: #dc4637; }
.service-box4 img { margin: 0 auto; margin-bottom: 30px; background: #ccc; border-radius: 70px; }
.service-box4 .img-wrap { height: 140px; width: 140px; background: #eaeaea; border-radius: 70px; }
#services-home3 .heading2 { margin-bottom: 60px; }
.services-in-images .service-box4:hover img { opacity: 0.6 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; filter: alpha(opacity=60) !important; }
#services-rounded .service-box4:hover img { transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); }
#services-rounded .mini-separator, .service-box2 .mini-separator { margin: 0 auto; }
#services-rounded p, .service-box2 p { margin-top: 20px; }
.service-box4 [class^="icon-"] { font-size: 64px; }
.service-box4:hover img { background-color: #dc4637; }
.service-box4 img, .service-stat img, .service-box4 h2, .service-stat h3, .service-box4 h3, .service-box4 [class^="icon-"] {
-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;
font-size: 30px;
line-height: 42px;
}
.service-box3 p a, .service-box4 p a { text-transform: none; letter-spacing: 0px; }
.service-box3:hover p a, .service-box4:hover p a { color: #888; }
/* ------ Headings -------- */
.heading2 { text-align: center; margin: 0 auto 60px; }
.heading2 .title { font-size: 38px; line-height: 52px; }
/* Thinner headings */
.heading2 .title.separator { padding-bottom: 40px; text-transform: uppercase; background: url(images/separator-fancy.png) no-repeat center bottom transparent; margin-bottom: 40px; }
.heading2 .pitch { font-size: 14px; line-height: 24px; word-spacing: 0; margin: 0 auto; max-width: 60%; }
.heading2 .button { margin-top: 60px; }
.heading2 .button-section { margin-top: 60px; }
.heading2 .button-section .button, .heading2 .button-section span { margin-top: 0; }
/* ------ Slogan Headings ------*/
.slogan .heading2 { margin-bottom: 0; }
.slogan h2, .slogan h1, .slogan h3 { margin: 0 auto; }
.segment.slogan { padding: 205px 0; }
/* ----- Revolution Slider -------- */
.rev_slider_wrapper .tp-leftarrow.large { z-index: 100; cursor: pointer; position: relative; background: url(images/sliders/large_left.png) no-repeat top left;
width: 22px; height: 34px; margin-left: 20px; margin-top: -20px; }
.rev_slider_wrapper .tp-rightarrow.large { z-index: 100; cursor: pointer; position: relative; background: url(images/sliders/large_right.png) no-repeat top left;
width: 23px; height: 34px; margin-left: -20px; margin-top: -20px; }
.rev_slider_wrapper .tp-leftarrow:hover, .rev_slider_wrapper .tp-rightarrow:hover { background-position: bottom left; }
/*------- Miscelleneous ------------- */
.circle { display: inline-block; width: 100px; height: 100px; font-size: 16px; color: #fff; line-height: 100px; text-align: center;
background: #aaa; margin: 0 10px; padding: 0; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
.circle.small { font-size: 13px; width: 50px; height: 50px; border-radius: 25px; line-height: 50px; }
.circle.tiny { font-size: 11px; width: 30px; height: 30px; border-radius: 25px; line-height: 30px; }
.rounded-bg { display: inline-block; margin: 15px 30px; padding: 10px; float: left; background: #aaa; color: #333;
border-radius: 50%; font-weight: 700; line-height: 20px; width: 20px; height: 20px; }
/*------------------- Button Styles --------- */
/* ----- ---- --- -- - Default buttons - -- --- ---- ----- */
button, .button, .btn, .button:active, .button:visited, input[type="button"], input[type="submit"], input[type="reset"], .readmore-link {
/* display: inline-block; */ padding: 2px 10px; margin: 0; cursor: pointer; text-align: center; vertical-align: middle;
font-size:16px; line-height: 24px; font-weight: 400; color: #494d4e !important;font-family:yekan;
background-color: #ced0d6;; border: 1px solid #bbbbbb; border-color: #e7e8eb #b9bbc0 #b9bbc0 #e7e8eb;
}
.button::-moz-focus-inner, input[type="submit"].button::-moz-focus-inner { padding: 0; border: 0; }
.button img { display: inline-block !important; border: none; vertical-align: middle; width: auto !important; }
/* ----- ---- --- -- - Small buttons - -- --- ---- ----- */
.button.small { padding: 5px 10px; font-size: 12px; line-height: 22px; }
.button.small [class^="icon-"], .button.small [class*=" icon-"] { margin-top: 0; }
/* ----- ---- --- -- - Large buttons - -- --- ---- ----- */
.button.large { padding: 12px 20px; font-size: 16px; line-height: 28px; }
.button.large.rounded { border-radius: 36px; }
.button.small.rounded { border-radius: 30px; }
.button.rounded { border-radius: 36px; }
.button.large [class^="icon-"], .button.large [class*=" icon-"] { margin-top: 2px; padding-left: 10px; }
.button [class^="icon-"], .button [class*=" icon-"] { padding: 8px; }
.button.default [class^="icon-"], .button [class*=" icon-"] { font-size: 11px; }
/*---------- - Color Variations --------------- */
.button.cyan, .button.blue, .button.orange, .button.red, .button.green, .button.teal, .button.black, .button.pink { color: #fff !important; }
.button.blue.active, .button.orange.active, .button.red.active, .button.green.active, .button.teal.active, .button.black.active, .button.pink.active { color: #fafafa; /* IE */ color: rgba(255, 255, 255, 0.75) !important;; }
.button.cyan { background-color: #57C0DC !important;; border-color: #61CFEC #48A7C0 #48A7C0 #61CFEC; }
.button.blue { background-color: #46A5D5 !important;; border-color: #37B4EE #1C8BBE #1C8BBE #37B4EE; }
.button.orange { background-color: #E87151 !important;; border-color: #F88F73 #CA5A3B #CA5A3B #F88F73; }
.button.red { background-color: #DA4F49 !important;; border-color: #EC5E58 #C4403A #C4403A #EC5E58; }
.button.green { background-color: #00A57D !important;; border-color: #07B98E #028866 #028867 #07B98E; }
.button.teal { background-color: #28c2ba !important;; border-color: #2dcdc5 #23b1aa #20a59e #2dcdc5; }
.button.black { background-color: #363636 !important;; border-color: #222222 #222222 #000000; }
.button.pink { background-color: #dd5679 !important;; border-color: #f0678a #c64a6a #c64a6a #f0678a; }
.button.trans { color: #fff !important; background-color: #fff; /* IE */ background-color: rgba(0, 0, 0, 0) !important; border-color: #eee; border: 1px solid rgba(255, 255, 255, 0.8) !important; }
.button.trans:hover { background-color: #f9f9f9; /* IE */ background-color: rgba(255, 255, 255, 0.1) !important; }
button.default, .button.default, input[type="submit"], input[type="reset"], button[type="submit"],.comments-link, { border: 1px solid rgba(162, 163, 167, .1); background-color: #abaeb2;
background-image: -moz-linear-gradient(bottom, #c1c3c7 0%, #d7d9dd 100%); background-image: -webkit-linear-gradient(bottom, #c1c3c7 0%, #d7d9dd 100%); background-image: linear-gradient(bottom, #c1c3c7 0%, #d7d9dd 100%); text-shadow: 0 1px 0 rgba(255, 255, 255, .35); /* drop shadow */; }
.button.disabled, .button[disabled] { color: #333333; background-color: #e6e6e6 !important; }
.button:hover, .button:active, button:hover, button:active, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {
-webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.button:hover, .button:active, button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
background-image: -moz-linear-gradient(bottom, #c7c9cd 0%, #e0e2e5 100%); background-image: -webkit-linear-gradient(bottom, #c7c9cd 0%, #e0e2e5 100%); background-image: linear-gradient(bottom, #c7c9cd 0%, #e0e2e5 100%);
}
.button:active, button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active {
background-image: -moz-linear-gradient(bottom, #b9bbc0 0%, #cfd1d4 100%); background-image: -webkit-linear-gradient(bottom, #b9bbc0 0%, #cfd1d4 100%); background-image: linear-gradient(bottom, #b9bbc0 0%, #cfd1d4 100%);
}
.button.cyan:hover, button.cyan:hover, .button.blue:hover, button.blue:hover, .button.orange:hover, button.orange:hover, .button.red:hover, button.red:hover,
.button.green:hover, button.green:hover, .button.teal:hover, button.teal:hover, .button.black:hover, button.black:hover, .button.pink:hover, button.pink:hover { color: #fff !important;; background-color: #4b4b4b !important; border-color: #4b4b4b !important; background-image: none;
-webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
#footer .button:hover, #footer button:hover, #footer input[type="button"]:hover, #footer input[type="submit"]:hover, #footer input[type="reset"]:hover {
background-color: #4D5A5C !important; border-color: #4D5A5C !important; }
#button-gallery .button { margin-left: 10px; margin-bottom: 10px; }
.portfolio-link .button { line-height: 30px; padding: 4px 20px; margin-bottom: 30px; }
.button.get-app { font-size: 16px; padding: 0; border: 4px solid #e7e7e7; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; display: inline-block; /* prevents bg color from leaking outside the border */;
}
.button.get-app i { padding: 0 26px;
-moz-box-shadow: inset -1px 0 0 rgba(0, 0, 0, .06); -webkit-box-shadow: inset -1px 0 0 rgba(0, 0, 0, .06); box-shadow: inset -1px 0 0 rgba(0, 0, 0, .06);
display: table-cell; vertical-align: middle; /* prevents bg color from leaking outside the border */;
border-top-left-radius: 5px; border-bottom-left-radius: 5px;
background: url(images/icons/btn-iphone-icon.png) no-repeat center center #bdbdbd; background-color: rgba(0, 0, 0, .06); }
.button.get-app span { padding: 12px 15px; display: table-cell; vertical-align: middle;font-family:"yekan"; }
.contact-form .button { display: block; clear: both; font-size: 18px; line-height: 18px; }
.contact-form .button i.send { background: url(images/icons/send-icon.png) no-repeat 0 0 transparent; display: inline-block; margin-left: 10px; height: 17px; width: 17px; }
/* -------- Icomoon font integration ----------- */
ul#recentcomments li.recentcomments:after { font-family: 'icomoon'; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; }
/* --------- Mailchimp integration ---------- */
div.mc_merge_var, div.mc_signup_submit { display: inline-block; margin-top: 10px; }
#mc_signup_form .mc_var_label { font-size: 14px; display: block; margin-bottom: 5px; }
#mc_signup_form .mc_input { display: inline-block; padding: 8px; margin: 0 15px 0 0; line-height: 20px; }
#footer #mc_signup_form .mc_input { background: #686868; border: 1px solid #444; }
input#mc_signup_submit { color: #ffffff !important;; background-color: #dc4637 !important;; border-color: #37b4ee #1c8bbe #1c8bbe #37b4ee; padding: 8px 30px; margin: 0; }
#mc-indicates-required { margin: 10px 0 0; display: none; }

/*---------- Misc Home Page Styling ----------------------------*/
.testimonials2-slider-container blockquote { padding: 75px 65px 0; margin: 0; text-align: left; background: url("images/quote1.png") no-repeat scroll 50% 15px transparent; }
.testimonials2-slider-container blockquote > p { margin: 0 0 20px; text-align: center; font-size: 30px; line-height: 42px; font-style: normal; font-weight: 300; }
.testimonials2-slider-container .footer, .testimonials3-slider-container .footer { display: block; font-family: 'Arvo', 'Open Sans', Arial, Verdana, sans-serif;
font-size: 20px; line-height: 28px; font-style: normal; margin: 0 auto; text-align: center; }
.testimonials2-slider-container .footer p { color: #1CA5B1; display: inline-block; }
.testimonials2-slider-container .footer img { border-radius: 50%; border: 4px solid #9b9194; max-width: 80px;}
.dark-bg .testimonials2-slider-container .footer p { color: #A3C6CE; }
.testimonials2-slider-container .footer span { display: inline; position: relative; top: 30px; vertical-align: top; color: #A3C6CE;}
.testimonials2-slider-container blockquote .footer > p > b { font-weight: normal; text-transform: none; }
.testimonials2-slider-container .flex-direction-nav a { background: transparent; width: 30px; height: 30px; }
.testimonials2-slider-container .flex-direction-nav .flex-next { right: 0; top: 45%; }
.testimonials2-slider-container .flex-direction-nav .flex-prev { left: 0; bottom: 50%; }
.testimonials2-slider-container .flex-direction-nav span { background-image: url("images/sliders/slider-testimonial-nav.png"); position: absolute; display: block; height: 19px; width: 14px; }
.testimonials2-slider-container .flex-direction-nav .flex-prev span {
background-position: left bottom; }
.testimonials2-slider-container .flex-direction-nav .flex-next span {
background-position: right bottom; }
#purchase-action { padding: 30px 0; }
#purchase-action h2 { margin: 0; font-weight: 400; font-size: 28px; }
#purchase-action .button { margin-top: 10px; }
#our-premium-clients .heading2 { margin-bottom: 60px; }
#our-premium-clients img.photo-frame { margin: 15px 0; border-radius: 0; border: none; padding: 0; }
#home-intro h2 { text-transform: uppercase; }
#home-intro h2, #home-intro p { max-width: 370px; }
#home-intro h2 span { color: #dc4637; }
#home-intro .intro-img { position: relative; bottom: 0px; margin-left: auto; margin-right: auto; margin-bottom: -60px; z-index: 99; }
#home-intro { padding-bottom: 0; }
#services-home { padding-top: 120px; border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E0e0e0; }
#team-intro h2 { color: #dbdbdb; }
#team-intro p { color: #aaa; }
#team-intro .fourcol { padding-top: 80px; }
#team-intro .eightcol { position: relative; }
#team-intro .poster1 { position: relative; left: 100px; top: -15px; }
#team-intro .poster2 { position: absolute; top: 0; right: 0; }
#services-icon-list { border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E0E0E0; }
#services-icon-list div.icon { float: left; display: inline; font-size: 40px; color: #dc4637; margin-top: 10px; width: 60px; }
#services-icon-list h3 { display: inline; font-size: 20px; line-height: 38px; color: #2a2d31; }
#services-icon-list .sub { color: #dc4637; font-family: 'Arvo'; font-style: normal; font-size: 12px; line-height: 22px; }
#services-icon-list p { margin: 0; }
.action-call { padding: 35px 0; background: #ededed; border-top: 1px solid #E3E3E3; }
.action-call h2 { margin: 0; text-align: center; }
#app-features { padding: 80px 0; z-index: 2; }
#app-features .aside { color: #db4637; font-weight: 500; }
#app-features h3 { font-size: 36px; line-height: 48px; margin-bottom: 20px; }
#app-features .sixcol.reverse { float: right; direction:rtl;}
#app-features .sixcol.no-margin { margin-right: 0; direction:rtl; }
#app-features .feature { margin-bottom: 100px; overflow: hidden; }
#app-features .feature.last { margin-bottom: 0; }
#app-features .feature img { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95);
-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
#app-features .feature img:hover { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); }

#featured-app { overflow: hidden; background-color: #176b73;
-moz-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3); -webkit-box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3); box-shadow: inset 0 1px 3px rgba(15, 79, 84, .3); }
#featured-app .fivecol, #featured-app .sevencol { float: right; }
#featured-app .fivecol.no-margin .modiran.no-margin { margin-right: 0; direction:rtl;}
#featured-app .app-screenshot { position: absolute; top: 500px; left: 80px;
-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
#featured-app .app-screenshot.visible { top: 0; }
#feature-pointers img { position: absolute; opacity: 0; }
#feature-pointers img.feature1 { top: 62px; left: 390px; }
#feature-pointers img.feature2 { top: 160px; left: 10px; }
#feature-pointers img.feature3 { top: 300px; left: 370px; }
#feature-pointers img.feature4 { top: 310px; left: 10px; }
#featured-app h2 { font-size: 36px; line-height: 50px; color: #f5f3f3; }
#featured-app p { color: #cdcdca; }
#featured-app .text { padding: 30px 0 35px; }
#featured-app .button { border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.features-list-alternate .icon { font-size: 28px; line-height: 36px; float: left; margin-right: 22px; color: #dc4637; }
.features-list-alternate p { margin-bottom: 60px; }
.features-list-alternate .iphone-slider-container { margin-top: -350px; }
/* TODO: Remove references to iphone-slider-container - kept for compatibility to previous versions of theme */
.smartphone-slider, .iphone-slider-container { position: relative; margin: 0 auto; }
.smartphone-slider .flex-slider-container.loading, .iphone-slider-container .flex-slider-container.loading { background-color: #333; }
.smartphone-slider .flex-slider-container, .iphone-slider-container .flex-slider-container { position: absolute; overflow: hidden; }
.iphone-slider-container { max-width: 450px; }
.galaxys4-slider-container { max-width: 331px; }
.htcone-slider-container { max-width: 331px; }
.iphone-slider-container .flex-slider-container { top: 19%; left: 14%; width: 71.78%; height: 65%; }
.galaxys4-slider-container .flex-slider-container { top: 9.2%; left: 4.8%; width: 90.8%; height: 81.6%; }
.htcone-slider-container .flex-slider-container { top: 9.5%; left: 6.5%; width: 87%; height: 76.4%; }
#home2-heading { padding: 100px 0 280px; }
#home2-heading .heading2 { max-width: 545px; }
#home2-heading .heading2 h2 { color: #fff; background: rgba(220, 70, 55, 0.7); padding: 2px 10px;
display: inline; /* To achieve margin between lines */ }
/* -------- Other Pages styling ----------*/
#column-shortcode-section p { color: #fff; line-height: 80px; background: #dc4637; text-align: center; margin: 0; }
#column-shortcode-section .divider-space { margin: 0; }
#pricing-contact { padding-top: 20px; /* stroke */ /* layer fill content */; }
#pricing-contact h2 { float: right; font-size: 38px; line-height: 60px; }
#contact-us-section { padding-bottom: 30px; }
#careers-segment .flexslider .img-wrap { padding: 8px; background: #fafafa; }
#contact-sidebar .label { font-size: 20px; font-weight: 600; text-transform: uppercase; margin-top: 50px; }
.employee-title { padding: 2px 8px; font-weight: bold; color: #747d84; display: inline-block; margin-bottom: 10px;font-family:yekan;direction:rtl;font-size:12px; }
#blog-header { padding: 80px 0; }
#blog-header h1 { color: #f4f4f4; font-size: 48px; line-height: 52px; }
#blog-header p { color: #dadada; font-size: 18px; line-height: 28px; max-width: 400px; }
/* ---- Pricing page ------- */
#pricing-faq { border: 1px solid #9bc1cb; background-color: #bdd7db; }
#pricing-faq h4 { font-size: 26px; line-height: 40px; }
#pricing-faq-header { margin-bottom: -25px; text-align: center; position: relative; z-index: 10; /* stroke */ /* layer fill content */; }
#pricing-action .heading2 { margin-bottom: 0; }
#pricing-header h1 { color: #E0E3E8; font-size: 48px; line-height: 60px; }
#pricing-header .details { color: #fff; margin-bottom: 30px; }
/* ----- Our team -------- */
#team-page-slogan { padding-top: 20px; }
#team-info-header { position: relative; height: 310px; }
#team-info-header blockquote, #about-us-header blockquote { font-size: 36px; line-height: 48px; color: #e0e3e8; background: none; }
#team-info-header blockquote { position: absolute; left: 20%; top: 60px; width: 60%; padding: 0; margin: 0; }
.team .clear { margin: 20px 0; display: block; height: 1px; }
.team-member h3 { margin-bottom: 0; font-size: 18px; line-height: 26px; }
.team-member h3 a { color: #666; }
.team-member:hover h3 a { color: #dc4637; }
.team-member .image-area { background-color: transparent; }
.team-member .img-wrap { position: relative; margin: 0 auto 10px; display: inline-block; overflow: hidden; }
.team-member .img-wrap:hover { overflow: hidden; }
.team-member .img-wrap p { margin: 0; }
.team-member img { margin: 0 auto; border-radius: 50%; }
.team-member:hover a { color: #888; }
.team-member .aligncenter { margin-bottom: 0; }
.team-member img, .team-member 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; transition: all 0.4s ease-in-out; }
.team-member .mini-separator { margin-left: auto; margin-right: auto; }
.team-member .team-member-hover { display: block; position: absolute; top: 0; margin: 0 auto; text-align: center; background: rgba(220, 70, 55, 0.7); color: white;
width: 100%; height: 100%; z-index: 230; border-radius: 50%;
opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.team-member .img-wrap:hover .team-member-hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
-moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.team-member-hover .text { position: relative; top: 40%; font-size: 18px; }
.team-member p:last-child.bio { margin-bottom: 0; }
.team-member-hover .social-wrap { position: relative; top: 50%; }
.team-member-hover .social-list { position: relative; display: inline-block; top: 40%; margin: 0 auto; }
.team-member-hover .social-list a { background-image: url('images/social-icons/social-light.png'); }
/* Keeping all home and other pages styling together */
@media only screen and (max-width : 1024px) {
}
@media only screen and (max-width: 959px) {
#featured-app #feature-pointers img { display: none; }
}
@media only screen and (max-width: 767px) {
#purchase-action h2 { text-align: center; }
#featured-sources .twocol { width: 46%; margin-right: 3%; }
.client-info .twocol { width: 33.3%; }
#our-premium-clients .twocol { width: 30%; margin-right: 3.2%; }
.testimonials2-slider-container blockquote { padding: 80px 0 0; }
.testimonials2-slider-container blockquote > p { font-size: 16px !important; line-height: 28px !important; }
.testimonials2-slider-container .footer, .testimonials3-slider-container .footer {
font-size: 14px; line-height: 24px; }
.testimonials2-slider-container .flex-direction-nav { display: none; }
#app-features .feature img { margin-bottom: 50px; }
#featured-app .app-screenshot { position: relative; left: 0; top: 100px; margin-bottom: -630px; }
#featured-app .app-screenshot.visible { position: relative; top: 0; left: 0; margin-bottom: -240px; }
#home-alternate .sixcol, #home-alternate .threecol { margin-bottom: 0; }
.features-list-alternate .iphone-slider-container, .features-list-alternate .smartphone-slider { margin-top: 0; }
#home2-heading { padding: 80px 0px; }
}
@media only screen and (max-width: 479px) {
#blog-header h1 { font-size: 36px; line-height: 48px; }
#blog-header p { font-size: 14px; line-height: 24px; }
}
/* ---------- Pricing table --------- */
.pricing-table { padding: 0; margin: 0; }
.pricing-table .pricing-plan { padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-o-transition: all 0.1s ease-in-out 0s; -webkit-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -webkit-border-radius: 6px 6px 0 0/8px 8px 0 0; -moz-border-radius: 6px 6px 0 0/8px 8px 0 0; border-radius: 6px 6px 0 0/8px 8px 0 0; background-color: #fff; border: solid 6px #e5e8e9; }
.pricing-table .pricing-plan:hover { background: #fff; }
.pricing-table .pricing-plan.best-selling { background: #fff; margin-top: -24px; padding: 0; border-right: 1px solid #d9dee1;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05), 0px 0px 0px rgba(0, 0, 0, 0); }
.pricing-table .pricing-plan.best-selling:hover { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0); }
.pricing-table .pricing-plan.best-selling .most-desired { font-size: 18px; text-transform: uppercase; color: #87949B; letter-spacing: 2px; text-align: center; margin-bottom: 10px; }
.pricing-table .top-header { padding: 20px 0; background-color: #393939;
background-image: -webkit-linear-gradient(top, #494747, #323131); background-image: -moz-linear-gradient(top, #494747, #323131); background-image: linear-gradient(to bottom, #494747, #323131); }
.pricing-table .popular .top-header {
background-color: #dc4637;
background-image: -webkit-linear-gradient(top, #ef5646, #dc4637); background-image: -moz-linear-gradient(top, #ef5646, #dc4637); background-image: linear-gradient(to bottom, #ef5646, #dc4637); }
.pricing-table .top-header .tagline { color: #EEE; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0; }
.pricing-table .pricing-plan .plan-header { padding: 30px 0 10px; }
.pricing-table .pricing-plan .plan-header img { margin: 0 auto; }
.pricing-table .pricing-plan h3 { color: #f1f1f1; font-size: 30px; line-height: 36px; letter-spacing: 2px; margin: 0; }
.pricing-table .pricing-plan h4 { color: #f1f1f1; font-size: 18px; line-height: 28px; margin: 0; }
.pricing-table .plan-details { margin: 0; padding: 0; }
.pricing-table .plan-details li { display: block; font-size: 14px; line-height: 24px; color: #526066; text-align: center; border-top: 1px dotted #AAA; margin: 0 auto; padding: 6px; }
.pricing-table .plan-details li:first-child { border: none; }
.pricing-table .plan-details li i { color: #dc4637; margin-right: 6px; }
.pricing-table .plan-details li i.tick { padding: 5px 7px; height: 10px; background: url(images/icons/tick.png) no-repeat 0 7px transparent; }
.pricing-table .plan-details li i.cross { padding: 5px 5px; background: url(images/icons/cross.png) no-repeat 0 7px transparent; }
.pricing-table .plan-details li s { color: #b4c9d3; }
.pricing-table .plan-details .highlight1 { background: #EDFCFF; padding: 2px; }
.pricing-table .plan-details li.free-plan-desc { border-top: 1px dotted #AAA; border-bottom: 1px dotted #AAA; margin: 12px auto; }
.pricing-table .plan-details li.free-plan-desc span { font-size: 12px; color: #dc4637; font-weight: 600; }
.pricing-table .purchase { text-align: center; padding: 20px 0; }
.pricing-table .purchase .button { border: 4px solid #f3f3f3; /* stroke */; }
.pricing-table .purchase .button, .pricing-table .plan-details li { width: 80%; max-width: 190px; box-sizing: border-box; }
/* ---------- Animation effects ---------- */
.delay1 { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; }
.delay2 { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; }
.delay3 { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s; }
#title-area .inner, #custom-title-area .inner, #content, .sidebar-right-nav, .sidebar-left-nav {
-webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
/* Delay should come after transition specified above for opacity */
#title-area .inner, #custom-title-area .inner { transition-delay: 0.7s; -webkit-transition-delay: 0.7s; }
#content { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }
.sidebar-left-nav, .sidebar-right-nav { transition-delay: 1.5s; -webkit-transition-delay: 1.5s; }
/*---- Back to top button --------*/
#go-to-top {
position: fixed;
bottom: 20px;
right: 20px;
text-indent: -999em; /* Hide text */
color: white;
background-color: rgba(0, 0, 0, 0.3);
background-image: url(images/back-to-top.png);
padding: 0;
height: 50px;
width: 50px;
opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);
z-index: 999;
display: none;
-webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out;
}
#go-to-top:hover {
opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90);
background-color: rgba(0, 0, 0, 0.6);
}

.create, .category-name , .createdby, .hits{font-family:tahoma;font-size:10px;float:right;color:#666666;}
.readmore{ font-size: 14px;
font-family:yekan;
line-height: 14px;
margin: 0;
padding: 8px 12px;
position: relative;}

.tooltip-inner {
max-width: 200px;
padding: 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}

.tooltip.top .tooltip-arrow {
border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
border-bottom-color: #000000;
}
.banneritem{padding-top:20px;}
div.item {
margin: 0 0 30px 0;
border-bottom: 1px dashed #CCCCCC;
}

div.items-row {
margin: 0 0 30px 0;
}
.items-more .nav-stacked > li {
list-style: circle outside none;
margin: 0 10px 10px 0;
}
#form-login-username input[type="text"],textarea, input{
width:190px;
border-radius: 10px;
}
li.cbLostLoginLi a{font-family:tahoma;
font-size:11px;}

یکی از دوستان اگر بتونه اون قسمت از css که مربوط به این کد HTML من هست رو از داخل این فایل style برام بیرون بکشه واقعاً ممنونش میشم :wub:

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...