/* Kit Name: Metro Vibes Kit URI: http://pixelkit.com/kits/metro-ui-kit Description: 100+ elements Version: 1.0 Author: PixelKit Author URI: http://pixelkit.com CSS STRUCTURE: 1. GENERAL TYPOGRAPHY - Fonts - Global Reset - General Styles - Clear Floats - Typography - Buttons - Custom checkboxes, radios - Ribbons - Badges - Rating Stars 2. PAGE ITEMS, WIDGETS - Services - Services Style 1 - Services Style 2, Services Style 3 - About Us Items - Table Pricing - Sidebar widgets - Widget Categories - Widget Latest Stories, Latest Comments - Widget Tags - Widget Flickr - Widget Text - Widget Calendar - Widget Join Us - Widget Twitter - Full width widgets - Widget Partners - Widget Caption - Widget Portfolio Filter - Widget Question - Post Items - Post Item Labels - Post Items Default Style - Post Items Style 2 - Post Items Style 3 - Post Items Style 4 - Post Items Style 5 - Post Quotes - Post Images - Post Video, Post Audio - Post Intro Text - Popular Post Items - Comments - Forms - Comment Form - Contact Form - Survey Form - Payment Form - Login Form - Newsletter Form, Search Form - Pagination - Dividers - Tabs - Tabs Style 1 - Tabs Style 2 - Toggles - Pull Quotes - Info Boxes - Filters - Checkbox Filter, Radiobox Filter - Filter Results - Sliders - Grid Gallery - Main Slider - Footers - Footer Style 1 - Footer Style 2 3. INDEX PAGE - Header (Kit Name) - Main Menu - User Menu - Contact Form styled - Login Form styled - Search Form styled - Progress Bars - Scroll Bars - Simple Message Field - Avatar Placeholder - Widget Profile - Widget Trade - Widget Social Buttons - Widget Weather - Widget Stats - Image Slider - Notifications /*===================================================*/ /* 1. GENERAL TYPOGRAPHY */ /*===================================================*/ /*-----------------------------------*/ /* Fonts */ /*-----------------------------------*/ @import url(http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800); /*-----------------------------------*/ /* Global Reset */ /*-----------------------------------*/ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0} ::-moz-selection { background: #aba98c; color: #000; text-shadow: none; } ::selection { background: #aba98c; color: #333; text-shadow: none; } a:hover, a:focus { color: #8D8569; text-decoration: none; } a:active{background-color: transparent;} input, textarea, input[type="submit"]:focus, div { outline: 0 none; font-family: 'Open Sans', sans-serif; } button, input, select, textarea {vertical-align: top; margin: 0;} .alpha{margin-left:0 !important;} .omega{margin-right:0 !important;} .no-radius{ -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } /*-----------------------------------*/ /* Typography */ /*-----------------------------------*/ h1, h2, h3, h4, h5, h6 { color: #5c5146; font-weight: 400; letter-spacing: -1px; line-height:1.2em; margin-bottom:.8em; } h4, h5, h6{color: #e86741;} h1{font-size:27px} h2{font-size:24px} h3{font-size:21px} h4{font-size:19px} h5{font-size:17px} h6{font-size:15px} em{font-style: italic;} strong{font-weight: 700;} small{font-size: 85%;} i{ position: relative; top: 0; left: 0; display: inline-block; overflow: hidden; text-decoration: none; font-style: normal; background-repeat: no-repeat; margin-right: 15px; } p{ line-height: 19px; margin-bottom: 16px; } .margin-10{margin-bottom:10px;} .margin-20{margin-bottom:20px;} .margin-30{margin-bottom:30px;} .margin-40{margin-bottom:40px;} .margin-50{margin-bottom:50px;} /*-----------------------------------*/ /* Buttons */ /*-----------------------------------*/ /* foo classes */ .buttons-wrap{margin-bottom: 30px;} .buttons-wrap .inner{padding: 49px 43px 27px;} .buttons{margin-bottom:26px;} .tabs_framed.styled .buttons{margin-bottom:14px;} .buttons .btn{margin-right:10px; margin-bottom:10px;} @media (min-width: 992px) and (max-width: 1199px){ .tabs_framed.styled .buttons .btn{margin-right:0;} } @media (max-width:479px){ .buttons-wrap .inner{padding: 26px 20px 5px;} } /* end foo classes */ .btn:hover, .btn:focus { -webkit-transition: background-position .0s linear; -moz-transition: background-position .0s linear; -o-transition: background-position .0s linear; transition: background-position .0s linear; } .btn:active, .btn.active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { background-color: transparent; color:#fff; } .btn span, .btn input{ display: block; height: 45px; line-height: 41px; border: 1px solid #c44a28; padding: 0 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 1px 2px 5px rgba(154,125,108,0.6); -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 1px 2px 5px rgba(154,125,108,0.6); box-shadow: inset 0 1px 1px rgba(255,255,255,0.5), 1px 2px 5px rgba(154,125,108,0.6); font-size: 16px; font-weight: 400; color: #fff; white-space: nowrap; text-shadow:none; background: rgb(233,106,70); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZTdlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZTk2YTQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0NTgzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(237,231,230) 0%, rgb(233,106,70) 2%, rgb(228,88,53) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,231,230)), color-stop(2%,rgb(233,106,70)), color-stop(100%,rgb(228,88,53))); background: -webkit-linear-gradient(top, rgb(237,231,230) 0%,rgb(233,106,70) 2%,rgb(228,88,53) 100%); background: -o-linear-gradient(top, rgb(237,231,230) 0%,rgb(233,106,70) 2%,rgb(228,88,53) 100%); background: -ms-linear-gradient(top, rgb(237,231,230) 0%,rgb(233,106,70) 2%,rgb(228,88,53) 100%); background: linear-gradient(to bottom, rgb(237,231,230) 0%,rgb(233,106,70) 2%,rgb(228,88,53) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede7e6', endColorstr='#e45835',GradientType=0 ); } .btn:hover span, .btn.hover span, .btn:focus span, .btn:hover input, .btn.hover input, .btn:focus input{ background: rgb(238,135,101); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZTdlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZWU4NzY1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0NTgzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(237,231,230) 0%, rgb(238,135,101) 2%, rgb(228,88,53) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(237,231,230)), color-stop(2%,rgb(238,135,101)), color-stop(100%,rgb(228,88,53))); background: -webkit-linear-gradient(top, rgb(237,231,230) 0%,rgb(238,135,101) 2%,rgb(228,88,53) 100%); background: -o-linear-gradient(top, rgb(237,231,230) 0%,rgb(238,135,101) 2%,rgb(228,88,53) 100%); background: -ms-linear-gradient(top, rgb(237,231,230) 0%,rgb(238,135,101) 2%,rgb(228,88,53) 100%); background: linear-gradient(to bottom, rgb(237,231,230) 0%,rgb(238,135,101) 2%,rgb(228,88,53) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ede7e6', endColorstr='#e45835',GradientType=0 ); } .btn.active span, .btn:active span, .btn.active input, .btn:active input{ -webkit-box-shadow: inset 0 1px 3px rgba(96,96,96,0.6); -moz-box-shadow: inset 0 1px 3px rgba(96,96,96,0.6); box-shadow: inset 0 1px 3px rgba(96,96,96,0.6); background: rgb(228,88,53); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NTgzNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOTZhNDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(228,88,53) 0%, rgb(233,106,70) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(228,88,53)), color-stop(100%,rgb(233,106,70))); background: -webkit-linear-gradient(top, rgb(228,88,53) 0%,rgb(233,106,70) 100%); background: -o-linear-gradient(top, rgb(228,88,53) 0%,rgb(233,106,70) 100%); background: -ms-linear-gradient(top, rgb(228,88,53) 0%,rgb(233,106,70) 100%); background: linear-gradient(to bottom, rgb(228,88,53) 0%,rgb(233,106,70) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45835', endColorstr='#e96a46',GradientType=0 ); } .btn-blue span, .btn-blue input{ border: 1px solid #457b9a; background: rgb(103,151,180); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNjc5N2I0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1ODdhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(204,204,204) 0%, rgb(103,151,180) 2%, rgb(85,135,167) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(204,204,204)), color-stop(2%,rgb(103,151,180)), color-stop(100%,rgb(85,135,167))); background: -webkit-linear-gradient(top, rgb(204,204,204) 0%,rgb(103,151,180) 2%,rgb(85,135,167) 100%); background: -o-linear-gradient(top, rgb(204,204,204) 0%,rgb(103,151,180) 2%,rgb(85,135,167) 100%); background: -ms-linear-gradient(top, rgb(204,204,204) 0%,rgb(103,151,180) 2%,rgb(85,135,167) 100%); background: linear-gradient(to bottom, rgb(204,204,204) 0%,rgb(103,151,180) 2%,rgb(85,135,167) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#5587a7',GradientType=0 ); } .btn-blue:hover span, .btn-blue:focus span, .btn-blue:hover input, .btn-blue:focus input{ background: rgb(112,161,193); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNzBhMWMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1ODdhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(204,204,204) 0%, rgb(112,161,193) 2%, rgb(85,135,167) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(204,204,204)), color-stop(2%,rgb(112,161,193)), color-stop(100%,rgb(85,135,167))); background: -webkit-linear-gradient(top, rgb(204,204,204) 0%,rgb(112,161,193) 2%,rgb(85,135,167) 100%); background: -o-linear-gradient(top, rgb(204,204,204) 0%,rgb(112,161,193) 2%,rgb(85,135,167) 100%); background: -ms-linear-gradient(top, rgb(204,204,204) 0%,rgb(112,161,193) 2%,rgb(85,135,167) 100%); background: linear-gradient(to bottom, rgb(204,204,204) 0%,rgb(112,161,193) 2%,rgb(85,135,167) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#5587a7',GradientType=0 ); } .btn-blue.active span, .btn-blue:active span, .btn-blue.active input, .btn-blue:active input{ background: rgb(85,134,166); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1ODZhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Nzk3YjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(85,134,166) 0%, rgb(103,151,181) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(85,134,166)), color-stop(100%,rgb(103,151,181))); background: -webkit-linear-gradient(top, rgb(85,134,166) 0%,rgb(103,151,181) 100%); background: -o-linear-gradient(top, rgb(85,134,166) 0%,rgb(103,151,181) 100%); background: -ms-linear-gradient(top, rgb(85,134,166) 0%,rgb(103,151,181) 100%); background: linear-gradient(to bottom, rgb(85,134,166) 0%,rgb(103,151,181) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5586a6', endColorstr='#6797b5',GradientType=0 ); } .btn-green span, .btn-green input{ border: 1px solid #419c5c; background: rgb(93,193,125); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNWRjMTdkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiYjU2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(244,244,244) 0%, rgb(93,193,125) 2%, rgb(75,181,107) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(244,244,244)), color-stop(2%,rgb(93,193,125)), color-stop(100%,rgb(75,181,107))); background: -webkit-linear-gradient(top, rgb(244,244,244) 0%,rgb(93,193,125) 2%,rgb(75,181,107) 100%); background: -o-linear-gradient(top, rgb(244,244,244) 0%,rgb(93,193,125) 2%,rgb(75,181,107) 100%); background: -ms-linear-gradient(top, rgb(244,244,244) 0%,rgb(93,193,125) 2%,rgb(75,181,107) 100%); background: linear-gradient(to bottom, rgb(244,244,244) 0%,rgb(93,193,125) 2%,rgb(75,181,107) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4bb56b',GradientType=0 ); } .btn-green:hover span, .btn-green:focus span, .btn-green:hover input, .btn-green:focus input{ background: rgb(75,181,107); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjNjNjYzdhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRiYjU2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(99,204,122) 2%, rgb(75,181,107) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(2%,rgb(99,204,122)), color-stop(100%,rgb(75,181,107))); background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(99,204,122) 2%,rgb(75,181,107) 100%); background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(99,204,122) 2%,rgb(75,181,107) 100%); background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(99,204,122) 2%,rgb(75,181,107) 100%); background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(99,204,122) 2%,rgb(75,181,107) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4bb56b',GradientType=0 ); } .btn-green.active span, .btn-green:active span, .btn-green.active input, .btn-green:active input{ background: rgb(75,180,107); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiYjQ2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZWMxN2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(75,180,107) 0%, rgb(94,193,126) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(75,180,107)), color-stop(100%,rgb(94,193,126))); background: -webkit-linear-gradient(top, rgb(75,180,107) 0%,rgb(94,193,126) 100%); background: -o-linear-gradient(top, rgb(75,180,107) 0%,rgb(94,193,126) 100%); background: -ms-linear-gradient(top, rgb(75,180,107) 0%,rgb(94,193,126) 100%); background: linear-gradient(to bottom, rgb(75,180,107) 0%,rgb(94,193,126) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb46b', endColorstr='#5ec17e',GradientType=0 ); } .btn-lime span, .btn-lime input{ border: 1px solid #687925; background: rgb(208,244,115); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZjQ3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjOWFiMzMxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhhYTYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(208,244,115) 0%, rgb(154,179,49) 2%, rgb(138,166,35) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(208,244,115)), color-stop(2%,rgb(154,179,49)), color-stop(100%,rgb(138,166,35))); background: -webkit-linear-gradient(top, rgb(208,244,115) 0%,rgb(154,179,49) 2%,rgb(138,166,35) 100%); background: -o-linear-gradient(top, rgb(208,244,115) 0%,rgb(154,179,49) 2%,rgb(138,166,35) 100%); background: -ms-linear-gradient(top, rgb(208,244,115) 0%,rgb(154,179,49) 2%,rgb(138,166,35) 100%); background: linear-gradient(to bottom, rgb(208,244,115) 0%,rgb(154,179,49) 2%,rgb(138,166,35) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0f473', endColorstr='#8aa623',GradientType=0 ); } .btn-lime:hover span, .btn-lime:focus span, .btn-lime:hover input, .btn-lime:focus input{ background: rgb(208,244,115); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZjQ3MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjOWNiZjM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhhYTYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(208,244,115) 0%, rgb(156,191,53) 2%, rgb(138,166,35) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(208,244,115)), color-stop(2%,rgb(156,191,53)), color-stop(100%,rgb(138,166,35))); background: -webkit-linear-gradient(top, rgb(208,244,115) 0%,rgb(156,191,53) 2%,rgb(138,166,35) 100%); background: -o-linear-gradient(top, rgb(208,244,115) 0%,rgb(156,191,53) 2%,rgb(138,166,35) 100%); background: -ms-linear-gradient(top, rgb(208,244,115) 0%,rgb(156,191,53) 2%,rgb(138,166,35) 100%); background: linear-gradient(to bottom, rgb(208,244,115) 0%,rgb(156,191,53) 2%,rgb(138,166,35) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0f473', endColorstr='#8aa623',GradientType=0 ); } .btn-lime.active span, .btn-lime:active span, .btn-lime.active input, .btn-lime:active input{ background: rgb(137,165,35); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5YTUyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YWI0MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(137,165,35) 0%, rgb(154,180,49) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(137,165,35)), color-stop(100%,rgb(154,180,49))); background: -webkit-linear-gradient(top, rgb(137,165,35) 0%,rgb(154,180,49) 100%); background: -o-linear-gradient(top, rgb(137,165,35) 0%,rgb(154,180,49) 100%); background: -ms-linear-gradient(top, rgb(137,165,35) 0%,rgb(154,180,49) 100%); background: linear-gradient(to bottom, rgb(137,165,35) 0%,rgb(154,180,49) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89a523', endColorstr='#9ab431',GradientType=0 ); } .btn-yellow span, .btn-yellow input{ border: 1px solid #ccaa4d; background: rgb(236,204,103); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZWNjYzY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4YzI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(236,204,103) 2%, rgb(232,194,85) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(2%,rgb(236,204,103)), color-stop(100%,rgb(232,194,85))); background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(236,204,103) 2%,rgb(232,194,85) 100%); background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(236,204,103) 2%,rgb(232,194,85) 100%); background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(236,204,103) 2%,rgb(232,194,85) 100%); background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(236,204,103) 2%,rgb(232,194,85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8c255',GradientType=0 ); } .btn-yellow:hover span, .btn-yellow:focus span, .btn-yellow:hover input, .btn-yellow:focus input{ background: rgb(236,204,103); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZjRlMDZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U4YzI1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(244,224,107) 2%, rgb(232,194,85) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(2%,rgb(244,224,107)), color-stop(100%,rgb(232,194,85))); background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(244,224,107) 2%,rgb(232,194,85) 100%); background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(244,224,107) 2%,rgb(232,194,85) 100%); background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(244,224,107) 2%,rgb(232,194,85) 100%); background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(244,224,107) 2%,rgb(232,194,85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8c255',GradientType=0 ); } .btn-yellow.active span, .btn-yellow:active span, .btn-yellow.active input, .btn-yellow:active input{ background: rgb(232,193,85); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4YzE1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGNjNjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(232,193,85) 0%, rgb(237,204,103) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(232,193,85)), color-stop(100%,rgb(237,204,103))); background: -webkit-linear-gradient(top, rgb(232,193,85) 0%,rgb(237,204,103) 100%); background: -o-linear-gradient(top, rgb(232,193,85) 0%,rgb(237,204,103) 100%); background: -ms-linear-gradient(top, rgb(232,193,85) 0%,rgb(237,204,103) 100%); background: linear-gradient(to bottom, rgb(232,193,85) 0%,rgb(237,204,103) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8c155', endColorstr='#edcc67',GradientType=0 ); } .btn-pink span, .btn-pink input{ border: 1px solid #b03540; background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZjE1ZjY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlNGQ1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(194,141,141) 0%, rgb(241,95,103) 2%, rgb(238,77,85) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(194,141,141)), color-stop(2%,rgb(241,95,103)), color-stop(100%,rgb(238,77,85))); background: -webkit-linear-gradient(top, rgb(194,141,141) 0%,rgb(241,95,103) 2%,rgb(238,77,85) 100%); background: -o-linear-gradient(top, rgb(194,141,141) 0%,rgb(241,95,103) 2%,rgb(238,77,85) 100%); background: -ms-linear-gradient(top, rgb(194,141,141) 0%,rgb(241,95,103) 2%,rgb(238,77,85) 100%); background: linear-gradient(to bottom, rgb(194,141,141) 0%,rgb(241,95,103) 2%,rgb(238,77,85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C28D8D', endColorstr='#ee4d55',GradientType=0 ); } .btn-pink:hover span, .btn-pink:focus span, .btn-pink:hover input, .btn-pink:focus input{ background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmY3YTdhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlNGQ1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(194,141,141) 0%, rgb(255,122,122) 2%, rgb(238,77,85) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(194,141,141)), color-stop(2%,rgb(255,122,122)), color-stop(100%,rgb(238,77,85))); background: -webkit-linear-gradient(top, rgb(194,141,141) 0%,rgb(255,122,122) 2%,rgb(238,77,85) 100%); background: -o-linear-gradient(top, rgb(194,141,141) 0%,rgb(255,122,122) 2%,rgb(238,77,85) 100%); background: -ms-linear-gradient(top, rgb(194,141,141) 0%,rgb(255,122,122) 2%,rgb(238,77,85) 100%); background: linear-gradient(to bottom, rgb(194,141,141) 0%,rgb(255,122,122) 2%,rgb(238,77,85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C28D8D', endColorstr='#ee4d55',GradientType=0 ); } .btn-pink.active span, .btn-pink:active span, .btn-pink.active input, .btn-pink:active input{ background: rgb(238,77,85); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNGQ1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTYwNjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(238,77,85) 0%, rgb(241,96,103) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(238,77,85)), color-stop(100%,rgb(241,96,103))); background: -webkit-linear-gradient(top, rgb(238,77,85) 0%,rgb(241,96,103) 100%); background: -o-linear-gradient(top, rgb(238,77,85) 0%,rgb(241,96,103) 100%); background: -ms-linear-gradient(top, rgb(238,77,85) 0%,rgb(241,96,103) 100%); background: linear-gradient(to bottom, rgb(238,77,85) 0%,rgb(241,96,103) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C28D8D', endColorstr='#f16067',GradientType=0 ); } .btn-brown span, .btn-brown input{ border: 1px solid #594e43; background: rgb(101,91,80); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1NWI1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MzQ5M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(101,91,80) 0%, rgb(83,73,62) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(101,91,80)), color-stop(100%,rgb(83,73,62))); background: -webkit-linear-gradient(top, rgb(101,91,80) 0%,rgb(83,73,62) 100%); background: -o-linear-gradient(top, rgb(101,91,80) 0%,rgb(83,73,62) 100%); background: -ms-linear-gradient(top, rgb(101,91,80) 0%,rgb(83,73,62) 100%); background: linear-gradient(to bottom, rgb(101,91,80) 0%,rgb(83,73,62) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#655b50', endColorstr='#53493e',GradientType=0 ); } .btn-brown:hover span, .btn-brown:focus span, .btn-brown:hover input, .btn-brown:focus input{ background: rgb(131,122,112); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzN2E3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MzQ5M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(131,122,112) 0%, rgb(83,73,62) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(131,122,112)), color-stop(100%,rgb(83,73,62))); background: -webkit-linear-gradient(top, rgb(131,122,112) 0%,rgb(83,73,62) 100%); background: -o-linear-gradient(top, rgb(131,122,112) 0%,rgb(83,73,62) 100%); background: -ms-linear-gradient(top, rgb(131,122,112) 0%,rgb(83,73,62) 100%); background: linear-gradient(to bottom, rgb(131,122,112) 0%,rgb(83,73,62) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#837a70', endColorstr='#53493e',GradientType=0 ); } .btn-brown.active span, .btn-brown:active span, .btn-brown.active input, .btn-brown:active input{ -webkit-box-shadow: inset 0 1px 3px rgba(55, 55, 55, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(55, 55, 55, 0.6); box-shadow: inset 0 1px 3px rgba(55, 55, 55, 0.6); background: rgb(81,68,57); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxNDQzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NTViNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgb(81,68,57) 0%, rgb(101,91,80) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(81,68,57)), color-stop(100%,rgb(101,91,80))); background: -webkit-linear-gradient(top, rgb(81,68,57) 0%,rgb(101,91,80) 100%); background: -o-linear-gradient(top, rgb(81,68,57) 0%,rgb(101,91,80) 100%); background: -ms-linear-gradient(top, rgb(81,68,57) 0%,rgb(101,91,80) 100%); background: linear-gradient(to bottom, rgb(81,68,57) 0%,rgb(101,91,80) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#514439', endColorstr='#655b50',GradientType=0 ); } .btn-small span, .btn-small input{ height: 32px; line-height: 30px; padding: 0 14px; font-size: 14px; } .btn-large span, .btn-large input{ height: 51px; line-height: 47px; padding: 0 23px; font-size: 18px; } .btn-left, .btn-right{ background-image: url(images/buttons.png) !important; } .btn-left span, .btn-left input, .btn-right span, .btn-right input{ filter:none !important; background-image: url(images/buttons.png) !important; background-repeat: no-repeat; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; height: 45px; line-height: 43px; border: 0 none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-left{padding-right: 30px;} .btn-left span{padding-left: 35px; padding-right: 0;} .btn-right{padding-right: 35px;} .btn-right span{padding-left: 30px; padding-right: 0;} .btn-right{background-position: right -55px !important;} .btn-right span{background-position: left -5px !important;} .btn-left{background-position: right -155px !important;} .btn-left span{background-position: left -105px !important;} .btn-icon i{ width: 19px; height: 19px; background: url(images/icons/sign-in.png) 0 0 no-repeat; vertical-align: middle; margin-right: 13px; } /*-----------------------------------*/ /* Custom checkboxes, radios */ /*-----------------------------------*/ .custom-checkbox,.custom-radio {position:relative;} .custom-checkbox label::selection, .custom-radio label::selection {background: transparent; color: inherit;} .custom-checkbox input, .custom-radio input {position:absolute; top:3px; left:13px; margin:0; border:none; width:1px; height:1px; display:none;} .custom-checkbox input {left:4px;} .checkbox-middle .custom-checkbox input {left:13px; top:2px;} .checkbox-large .custom-checkbox input {left:13px; top:3px;} .ie8 .custom-checkbox input, .ie8 .custom-radio input {display:block;} .custom-checkbox label.focus,.custom-radio label.focus {outline: 0;} .custom-checkbox label,.custom-radio label { display:block; position:relative; height:22px; line-height:22px; padding-left:34px; margin-bottom:13px; cursor:pointer; color:#8e8071; background-repeat:no-repeat; background-position:0 0; background-image: url(images/styled_checkbox.png); } .custom-radio label { height:24px; line-height:24px; margin-bottom:11px; background-image: url(images/styled_radiobutton.png); } .custom-checkbox label.checked,.custom-radio label.checked { background-position:0 -100px; } .checkbox-large .custom-checkbox label, .checkbox-large.checkbox-white .custom-checkbox label, .checkbox-large.checkbox-noText .custom-checkbox label { height: 26px; line-height: 26px; padding-left:65px; background-image: url(images/styled_checkbox_large.png); } .checkbox-large.checkbox-white .custom-checkbox label{background-image: url(images/styled_checkbox_large2.png);} .checkbox-large.checkbox-noText .custom-checkbox label{background-image: url(images/styled_checkbox_large3.png);} .checkbox-red .custom-checkbox label{background-image: url(images/styled_checkbox2.png);} .checkbox-filled .custom-checkbox label{background-image: url(images/styled_checkbox3.png);} .radio-red .custom-radio label{background-image: url(images/styled_radiobutton2.png);} .radio-filled .custom-radio label{background-image: url(images/styled_radiobutton3.png);} /*-----------------------------------*/ /* Ribbons */ /*-----------------------------------*/ .ribbons{text-align: center; padding-bottom: 14px;} .ribbon{ display: inline-block; width:56px; padding-bottom:20px; background-image:url(images/ribbons.png); background-repeat: no-repeat; background-position: -60px bottom; position: relative; top:-3px; } .ribbon span{ display:block; width:56px; padding-top:16px; background-image:url(images/ribbons.png); background-repeat: no-repeat; background-position: 0 top; } .ribbon.ribbon-blue span{background-position: -120px top;} .ribbon.ribbon-blue{background-position: -180px bottom;} .ribbon em, .ribbon strong{ display: block; font-style: normal; font-size: 13px; font-weight: 700; color: #c2f3de; text-align: center; text-transform: uppercase; padding: 0 5px; } .ribbon strong{ font-size: 18px; color: #fff; } .ribbon-blue em{color: #b4d6ec;} /*-----------------------------------*/ /* Badges */ /*-----------------------------------*/ .badge:empty {display: inline-block;} .badge{ position: relative; width:59px; height:59px; background-image:url(images/badge.png); background-repeat: no-repeat; background-position: 0 0; padding: 0; background-color: transparent; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; top:0; right:0; } .badge.badge-large{ width:76px; height:75px; background-image:url(images/badge-large.png); } /*-----------------------------------*/ /* Rating Stars */ /*-----------------------------------*/ .rate{ display: inline-block; width: 116px; height: 18px; background-image:url(images/icons/rating.png); background-repeat: no-repeat; background-position: center 0; margin-top: 2px; } .rate.rate-1{background-position:center -20px;} .rate.rate-2{background-position:center -40px;} .rate.rate-3{background-position:center -60px;} .rate.rate-4{background-position:center -80px;} .rate.rate-5{background-position:center -100px;} .rating {display: inline-block; width: 125px; margin-bottom: 18px;} .rating span.star{display:inline-block; width:20px; height:18px; margin-right: 4px; background-repeat: no-repeat;} .rating span.off{background-image: url(images/icons/star_off.png);} .rating span.on, .rating span.star:hover, .rating span.over{background-image: url(images/icons/star_on.png); cursor:pointer;} /*===================================================*/ /* 2. PAGE ITEMS, WIDGETS */ /*===================================================*/ .content, .sidebar{padding: 50px 0;} #middle{position: relative; z-index: 0;} #middle.sidebar_left > .container > .row > .col-sm-8{float:right;} .boxed { background: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26); -moz-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26); box-shadow: 0 0 12px rgba(58, 51, 46, 0.26); margin-bottom:30px; position: relative; z-index: 0; } .line-left{border-left: 3px solid #ebc85e;} .line-top{border-top: 3px solid #ebc85e;} /*-----------------------------------*/ /* Services */ /*-----------------------------------*/ .service_list .service_item{position:relative; margin-bottom:30px;} .service_list .service_desc p{font-size: 15px; font-style: italic; color: #8e8071; line-height: 23px; margin-bottom: 10px;} .service_list .service_meta_bot{margin-top: 25px;} .service_list .link-more{font-size:15px; font-weight:700; color:#e86741; text-transform: uppercase;} /* Services Style 1 */ .service_list_1 .inner{padding: 39px 30px 41px; text-align: center;} .service_list_1 .service_img{margin-bottom: 17px;} .service_list_1 .service_title h2{margin-bottom: 19px;} .service_list_1 .service_title h2 a{font-size: 25px; color: #5c5146;} /* Services Style 2, Services Style 3 */ .service_list_2 .service_item, .service_list_3 .service_item .service_title h2{background: #5c5146;} .service_list_2 .service_item.red, .service_list_3 .service_item.red .service_title h2{background: #e55e3a;} .service_list_2 .service_item.yellow, .service_list_3 .service_item.yellow .service_title h2{background: #ebc85e;} .service_list_2 .service_item.blue, .service_list_3 .service_item.blue .service_title h2{background: #5e90af;} .service_list_2 .service_item.purple, .service_list_3 .service_item.purple .service_title h2{background: #755782;} .service_list_2 .service_item.green, .service_list_3 .service_item.green .service_title h2{background: #4daf7b;} .service_list_2 .service_title h2, .service_list_3 .service_title h2{padding: 32px 10px 33px 90px; margin-bottom: 0;} .service_list_2 .service_img, .service_list_3 .service_img{position: absolute; top:26px; left: 25px;} .service_list_2 .service_title h2 a, .service_list_3 .service_title h2 a{font-size: 23px; font-weight:700; color: #fff;} .service_list_2 .service_desc{padding: 0 27px 26px 36px;} .service_list_3 .service_desc{padding: 32px 27px 27px 36px;} .service_list_2 .service_desc p{color: #fff;} .service_list_2 .service_meta_bot, .service_list_3 .service_meta_bot{display: none;} /*-----------------------------------*/ /* About Us Items */ /*-----------------------------------*/ .team-box{ position: relative; text-align: center } .team-image{ padding-top: 40px; margin-bottom: 18px; } .team-image img{ display: block; width: 112px; height: 112px; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .team-text{padding: 0 30px 24px;} .team-text h4{ font-size: 25px; color: #5c5146; margin-bottom: 19px; } .team-text p{ font-size: 15px; font-style: italic; color: #8e8071; line-height: 23px; margin-bottom: 10px; } .team-box .team-contact { background:#f6f1ed; padding: 16px 0; } .team-box .team-contact a{ display:inline-block; margin:0 5px; vertical-align: middle;} .team-box .team-contact a span { display:block; width: 27px; height: 27px; overflow:hidden; text-indent: -1000px; } .team_link { background-image:url(images/icons/team-contact.png); background-repeat: no-repeat; background-position: 0 0; opacity:.8; } .team_link:hover {opacity:1;} .team_link_2 {background-position:0 -27px;} .team_link_3 {background-position:0 -54px;} /*-----------------------------------*/ /* Table Pricing */ /*-----------------------------------*/ .pricing_box {padding-top: 9px; text-align: center;} .pricing_box.price_style2{padding-top: 11px;} .price_col_head .badge {display: none;} .col_active .price_col_head .badge {display: block; position:absolute;} .pricing_box li.price_col { display: inline-block; width:220px; padding:0; margin:0 -4px; text-align:center; vertical-align: top; } .price_col { position:relative; z-index:2; } .price_col.last { z-index:1; } .price_col_head { position:relative; background:#847a6e; color:#fff; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .price_col_head .price { display:block; padding:0; color:#fff; font-size:37px; font-weight: 700; height: 52px; line-height: 52px; letter-spacing: -1px; -webkit-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3); -moz-box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3); box-shadow: inset 0 -6px 6px -3px rgba(73,73,73,.3); } .price_col_head .price em { font-size:37px; margin-right:3px; font-weight:700; font-style:normal; color:#fff; } .col_active .price_col_head .price em {font-size:45px;} .price_col_head .price sup { vertical-align: baseline; position: relative; top: -0.7em; margin-left:2px; font-size:0.5em; color:#efe7de; font-weight:700; } .price_body_top strong { font-size:27px; display:block; margin-bottom: 10px; color:#fff; font-weight:700; font-style: italic; } .price_body_top span { font-size:11px; display:block; text-transform: uppercase; font-weight:700; } .price_col .price_col_body .price_body_inner{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; padding: 27px 0; margin:24px auto; width:160px; } .price_body_top .line { width:80px; height:1px; margin:0 auto; } .price_col.price_col_blue .price_col_body .price_body_inner {background:#6e9bb7;} .price_col.price_col_yellow .price_col_body .price_body_inner {background:#edcd6e;} .price_col.price_col_green .price_col_body .price_body_inner {background:#65c383;} .price_col.price_col_red .price_col_body .price_body_inner {background:#e7643f;} .price_col_blue .price_body_top .line {background: #a4cee7;} .price_col_yellow .price_body_top .line {background: #fdf0ca;} .price_col_green .price_body_top .line {background: #79dd98;} .price_col_red .price_body_top .line {background: #ffc19b;} .price_col_yellow .price_body_top span {color:#fef4d8;} .price_col_blue .price_body_top span {color:#a4cee7;} .price_col_green .price_body_top span {color:#89eca8;} .price_col_red .price_body_top span {color:#ffc19b;} .price_col_body ul li { color:#fff; font-size:12px; display:block; line-height: 17px; padding:0; margin:0; } .price_col_body ul li:first-child {margin-top:5px;} .price_col_foot { position:relative; background:#f8f3f0; padding:14px 0; color:#fff; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .col_active .price_col_foot{padding:17px 0;} .col_active .price_col_body .price_body_inner { padding: 37px 0; margin: 14px auto; width: 180px; } .col_active .price_col_head { position: relative; background: #776b5e; color: #fff; } .col_active .price_item .price_col_head .price { font-size:45px; height: 70px; line-height: 70px; } .pricing_box li.col_active { width:250px; z-index:3; top:-9px; } /* price style 2 */ .pricing_box.price_style2 li.price_col { width: 290px; margin: 0 -8px; } .price_style2 .price_col_head .price { font-size: 45px; height: 68px; line-height: 68px; } .price_style2 .price_col_head .price em {font-size:45px;} .price_style2 .col_active .price_col_head .price em {font-size:60px;} .price_style2 .price_col_head .price sup { top: -0.6em; margin-left:5px; font-size:0.6em; } .price_style2 .price_body_top strong { font-size:36px; margin-bottom: 12px; } .price_style2 .price_body_top span {font-size:14px;} .price_style2 .price_col .price_col_body .price_body_inner{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; padding: 27px 0; margin:38px auto; width:204px; } .price_style2 .price_body_top .line {width:100px;} .price_style2 .price_col_body ul li { font-size:15px; line-height: 22px; } .price_style2 .price_col_body ul li:first-child {margin-top:10px;} .price_style2 .price_col_foot {padding:17px 0;} .price_style2 .col_active .price_col_foot{padding:25px 0;} .price_style2 .col_active .price_col_body .price_body_inner { padding: 31px 0; margin: 38px auto 31px; width: 224px; } .price_style2 .col_active .price_item .price_col_head .price { font-size:60px; height: 92px; line-height: 92px; } .pricing_box.price_style2 li.col_active { width:326px; top:-11px; } /* Responsive Feature */ @media (min-width: 992px) and (max-width: 1199px){ .col-sm-8 .pricing_box li.price_col {width: 212px; margin:0 -11px;} .col-sm-8 .pricing_box li.col_active {width: 230px;} } @media (min-width: 768px) and (max-width: 991px){ .pricing_box li.price_col {width: 180px; margin:0 -5px;} .col-sm-8 .pricing_box li.price_col{margin:0 -24px;} .pricing_box li.col_active {width: 200px;} .pricing_box.price_style2 li.price_col {width: 250px;} .pricing_box.price_style2 li.col_active {width: 260px;} } @media (max-width: 767px){ .pricing_box li.price_col, .pricing_box.price_style2 li.price_col { display: block; width: 100%; margin: 0; } .pricing_box li.col_active, .pricing_box.price_style2 li.col_active {top:0;} } /*-----------------------------------*/ /* Sidebar widgets */ /*-----------------------------------*/ .widget-container{margin-bottom: 30px;} .widget-container .widget-title{ padding: 19px 20px 19px 33px; font-size: 18px; font-weight: 600; color: #fff; text-transform: uppercase; margin-bottom:0; background: #7b6d5e; -webkit-box-shadow: inset 0 -2px 2px rgba(57,57,57,.36); -moz-box-shadow: inset 0 -2px 2px rgba(57,57,57,.36); box-shadow: inset 0 -2px 2px rgba(57,57,57,.36); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } /* Widget Categories */ .widget_categories .inner{ padding: 22px 0; } .widget_categories li{position: relative;} .widget_categories li a{ display: block; padding: 12px 32px; font-size: 14px; line-height: 20px; color: #7b6d5e; position: relative; border-left: 3px solid transparent; } .widget_categories li:hover a, .widget_categories li.current-menu-item a{ border-left: 3px solid #40a268; background: #f6f0ec; } .widget_categories .ico-cat{ float: right; margin: 0; width:20px; height:20px; background-image:url(images/icons/categories_icons.png); } .widget_categories .ico-cat.ico-cat1{background-position: 0 0;} .widget_categories .ico-cat.ico-cat2{background-position: -20px 0;} .widget_categories .ico-cat.ico-cat3{background-position: -40px 0;} .widget_categories .ico-cat.ico-cat4{background-position: -60px 0;} .widget_categories li:hover a .ico-cat1, .widget_categories li.current-menu-item .ico-cat1{background-position: 0 -20px;} .widget_categories li:hover a .ico-cat2, .widget_categories li.current-menu-item .ico-cat2{background-position: -20px -20px;} .widget_categories li:hover a .ico-cat3, .widget_categories li.current-menu-item .ico-cat3{background-position: -40px -20px;} .widget_categories li:hover a .ico-cat4, .widget_categories li.current-menu-item .ico-cat4{background-position: -60px -20px;} /* Widget Latest Stories, Latest Comments */ .widget_recent_entries .inner, .widget_recent_comments .inner{ padding: 23px 35px; } .widget_recent_comments li, .widget_recent_entries li { padding: 17px 0; border-top: 2px solid #ebe9e7; } .widget_recent_comments li.first, .widget_recent_entries li.first{ border-top: 0 none; } .widget-container .widget-thumb{ float: left; width:60px; height: 58px; margin-right:16px; } .widget-container .widget-thumb img{ display: block; width: 100%; height: 100% !important; } .widget-container .post-title{display: block;} .widget-container .post-title, .widget-container .recent_comment, .widget-container .recent_comment a{ color:#7b6d5e; font-size: 12px; line-height: 19px; } .widget-container a.post-title:hover, .widget-container .recent_comment a:hover{ color:#C0B9A0; } /* Widget Tags */ .widget_tag_cloud .inner {padding: 34px 32px 36px;} .tagcloud a{ display:inline-block; font-size:12px; white-space:nowrap; background-image:url(images/tag.png); background-repeat:no-repeat; background-position:right -30px; height: 28px; line-height: 26px; padding-right:16px; color:#3e362b; margin:4px; } .tagcloud a:hover{color:#8D8569;} .tagcloud a span{ display:block; background-image:url(images/tag.png); background-repeat:no-repeat; background-position:left 0; padding-left:26px; height: 28px; line-height: 26px; } .tagcloud.pull-right{width: 57%; margin-left: 20px;} .tagcloud.pull-left{width: 57%; margin-right: 20px;} .tabs_framed.styled .tagcloud a {margin: 7px 4px 9px;} /* Widget Flickr */ .flickr .inner {padding: 26px;} .flickr-inner{text-align: center; font-size: 0;} .flickr_badge_image{display: inline-block; margin:6px;} .flickr_badge_image a{display: block;} .flickr_badge_image a img{ display: block; width: 66px; height: 66px !important; } .ie8 .flickr .flickr_badge_image { width:66px !important; height:66px !important; } /* Widget Text */ .widget_text .inner{padding: 34px 36px 19px;} /* Widget Calendar */ .widget_calendar .inner{padding: 0 15px 15px;} .ie8 #date_departure {display: none !important;} .widget_calendar.styled{background: none;} .widget_calendar.styled .inner{ padding: 0 14px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #B9A18A; border-top: 0 none; } /* Widget Join Us */ .widget-join .widget-title { padding: 0; background: #5c5146; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .widget-join .widget-title a{ display: block; padding: 35px 39px 39px; font-size: 32px; font-weight: 700; color: #FFF; text-transform: none; } .widget-join .icon-join{ width: 45px; height: 46px; background: url(images/icons/join-icon.png) no-repeat; vertical-align: middle; margin-right: 27px; } @media (max-width:991px){ .widget-join .widget-title a{padding: 35px 26px 39px;} .widget-join .icon-join{margin-right: 20px;} } /* Widget Twitter */ .widget-twitter .inner{padding: 36px 36px 20px;} .widget-twitter .widget-title { padding: 34px 36px 34px; background: #2bb4dc; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-size: 32px; font-weight: 700; color: #FFF; text-transform: none; } .widget-twitter .icon-twitter{ width: 53px; height: 52px; background: url(images/icons/twitter-icon.png) no-repeat; vertical-align: middle; margin-right: 16px; } .widget-twitter .tweet_text{font-size: 15px; margin-bottom: 20px;} .widget-twitter .tweet_link a{color: #e55e3a;} @media (max-width:991px){ .widget-twitter .widget-title{padding: 34px 18px 34px;} } /*-----------------------------------*/ /* Full width widgets */ /*-----------------------------------*/ .widget-full-width{margin-bottom: 70px;} /* Widget Partners */ .widget-partners{padding: 61px 0 41px;} .widget-partners ul{text-align: center;} .widget-partners li{display: inline-block; margin: 0 23px 20px 23px; vertical-align: middle;} .widget-partners li img{max-width: 100%;} /* Widget Caption */ .widget-caption{padding: 33px 0 38px;} .widget-caption h1, .widget-caption h2{font-style:italic; color:#907354; text-align: center;} .widget-caption h1{font-size: 38px; margin-bottom: 5px;} .widget-caption h2{font-size: 23px; font-weight:300; margin-bottom: 0; letter-spacing: 0;} /* Widget Portfolio Filter */ .widget-portfolio-filter ul{text-align: center;} .widget-portfolio-filter li{ display: inline-block; position: relative; } .widget-portfolio-filter li a{ display: block; padding: 36px 31px 39px 60px; border-right: 1px solid #F4ECE7; background: url(images/portfolio-filter.png) 27px 35px no-repeat; font-size: 19px; color: #8e8071; letter-spacing: -1px; } .widget-portfolio-filter li:hover a, .widget-portfolio-filter li.current-menu-item a{ background-position: 27px -65px; color: #e86742; } .widget-portfolio-filter li.first a, .widget-portfolio-filter li.left a{ border-left: 1px solid #F4ECE7; } @media (max-width:991px){ .widget-portfolio-filter li a{width: 235px;} } /* Widget Question */ .widget-question{padding: 35px 0 36px;} .widget-question h2 { margin: 0; font-size: 32px; font-style: italic; color: #e86741; } .widget-question .btn{float: right;} /*-----------------------------------*/ /* Post Items */ /*-----------------------------------*/ /* Post Item Labels */ .post-label{ position: absolute; right: 47px; bottom: -3px; z-index: 2; width: 56px; height: 54px; background-image: url(images/icons/post_label.png); background-repeat: no-repeat; background-position: center 0; } .post-label.label-image{background-position: center -55px;} .post-label.label-video{background-position: center -110px;} .post-label.label-audio{background-position: center -165px;} .post-item, .post-item-wide{ position: relative; margin-bottom:30px; } /* Post Items Default Style */ .post-item .inner{padding: 0 27px 0 37px;} .post-item h2{ font-size:27px; margin-bottom:10px; } .post-item h2 a, .post-item-wide h2 a{color:#4a4036;} .post-item h2 a:hover, .post-item-wide h2 a:hover{color:#8D8569;} .post-item .ribbon{ position: absolute; top:-3px; left:25px; } .post-item .ribbon em, .post-item .ribbon strong{font-size: 17px;} .post-item .post-image img, .post-item-wide .post-image img{ display: block; width: 100%; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .post-item .post-image{margin-bottom: 34px;} .post-item .post-desc{margin-bottom: 36px;} .post-meta-links ul{ overflow: hidden; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .post-meta-links li{ float: left; background: #f5ede8; border-left: 1px solid #fff; font-size: 15px; line-height: 25px; font-weight: 700; color: #7b6d5e; text-align: center; text-transform: uppercase; padding-bottom: 200px; margin-bottom: -200px; } .post-meta-links li.post-view{width:20%;} .post-meta-links li.post-comm{width:20%;} .post-meta-links li.post-author{width:27%;} .post-meta-links li.post-read{width:33%;} .post-meta-links li a{display:block; padding: 10px; color: #7b6d5e;} .post-meta-links li a:hover{color: #e05033;} .post-meta-links li.post-read a:hover .icon-post{background-position: 0 -100px;} .post-meta-links li.post-view a:hover .icon-post{background-position: 0 -125px;} .post-meta-links li.post-comm a:hover .icon-post{background-position: 0 -150px;} .post-meta-links li.post-like a:hover .icon-post{background-position: 0 -225px;} .post-meta-links li.post-author a:hover .icon-post, .post-meta-links li.post-date a:hover .icon-post{background-position: 0 -175px;} .post-meta-links li.first{ border-left:0 none; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } .post-meta-links li.last{ -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } .icon-post{ width: 25px; height: 25px; background-image: url(images/icons/post-icons.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; margin-right: 8px; } .post-comm .icon-post{background-position: 0 -25px;} .post-author .icon-post, .post-date .icon-post{background-position: 0 -50px;} .post-read .icon-post{background-position: 0 -75px;} .post-like .icon-post{background-position: 0 -200px;} /* Post Items Style 2 */ .post-item.style2 .inner {padding:36px 40px 26px;} .post-item.style2 h2{margin-bottom:33px;} .post-item.style2 .post-desc {margin-bottom: 23px;} .post-item.style2 .post-image img{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .post-item.style2 .post-meta-links li{ background: none; border: 0 none; text-align: left; width: auto; margin-right: 15px; } .post-item.style2 .post-meta-links li a{padding-left: 0;} /* Post Items Style 3 */ .post-item.style3 .inner {padding: 0 26px 27px 22px;} .post-item.style3 .post-image {margin-bottom: 33px;} .post-item.style3 h2 {font-weight: 600; margin-bottom: 20px;} .post-item.style3 .post-desc {margin-bottom: 21px;} .post-item.style3 .post-meta-bot{ width: 164px; float: left; margin: 5px 21px 10px 0; } .post-item.style3 .post-date{ background: #54bc75; text-align: center; padding: 16px 10px 23px; margin-bottom: 1px; } .post-item.style3 .post-date em, .post-item.style3 .post-date strong{ display: block; font-size: 54px; font-weight: 400; font-style: normal; color: #fff; text-transform: uppercase; } .post-item.style3 .post-date em{font-size: 17px; margin-top: 5px;} .post-item.style3 .post-comm, .post-item.style3 .post-view{ background: #f6f0ec; float: left; width: 50%; text-align: center; } .post-item.style3 .post-comm{ border-right: 1px solid #fff; } .post-item.style3 .icon-post{ width: 30px; height: 25px; background-image: url(images/icons/post-icons2.png); background-repeat: no-repeat; background-position: 0 0; margin:0; } .post-item.style3 .post-comm .icon-post{background-position: 0 -25px;} .post-item.style3 .post-meta-links a{ display: block; padding: 15px 0; } .post-item.style3 a:hover .icon-post{background-position: 0 -50px;} .post-item.style3 .post-comm a:hover .icon-post{background-position: 0 -75px;} /* Post Items Style 4 */ .post-item.style4 .inner{padding: 36px 36px 44px 40px;} .post-item.style4 .post-image{ width:51%; float: right; margin: 0 0 10px 10px; } .post-item.style4 .post-image img{ -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .post-item.style4 .post-meta-top span, .post-item.post-quote .post-meta-top span, .post-item.post-img .post-meta-top span, .post-item.post-video .post-meta-top span, .post-item.post-audio .post-meta-top span, .post-item-wide .post-meta-top span{ display: inline-block; font-size: 12px; font-weight: 600; color:#7b6c5e; text-transform: uppercase; height:20px; line-height:20px; margin-right:9px; } .icon-post2{ width: 20px; height: 20px; background-image: url(images/icons/posted.png); background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; margin-right: 5px; } .icon-post2.icon-comm{background-position: 0 -20px;} .icon-post2.icon-author{background-position: 0 -40px;} .icon-post2.icon-date{background-position: 0 -60px;} .post-item.style4 h2 {margin-bottom: 17px;} .post-item.style4 .post-meta-top{margin-bottom: 31px;} .post-item.style4 .post-desc {margin-bottom: 22px;} .post-item.style4 .post-meta-top a:hover span{color: #E05033;} .post-item.style4 .post-meta-top a:hover .icon-post2{background-position: 0 -80px;} .post-item.style4 .post-meta-top a:hover .icon-post2.icon-comm{background-position: 0 -100px;} .post-item.style4 .post-author{ display: block; float: right; margin-top: 9px; margin-right: 5px; color: #e04f33; } /* Post Items Style 5 */ .post-item.style5 .inner{padding: 46px 36px 43px 41px;} .post-item.style5 .post-image{ width:51%; float: left; margin: 0 36px 26px 0; } .post-item.style5 .post-image img{ -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } .post-item.style5 h2 {margin-bottom: 10px;} .post-item.style5 .post-meta-top{margin-bottom: 24px; color: #f5354f;} .post-item.style5 .post-desc {margin-bottom: 22px;} /* Post Quotes */ .post-item.post-quote .inner{padding: 45px 52px 53px;} .post-item.post-quote h2 { line-height: 35px; margin-bottom: 13px; } /* Post Images */ .post-item.post-img .inner{padding: 48px 53px 61px;} .post-item.post-img h2 {margin-bottom: 18px;} .post-item.post-img .post-meta-top {margin-bottom: 30px;} .carousel-inner { height: 242px; -webkit-box-shadow: 0 0 12px rgba(154,120,91,0.38); -moz-box-shadow: 0 0 12px rgba(154,120,91,0.38); box-shadow: 0 0 12px rgba(154,120,91,0.38); } .carousel-inner > .item { height: 210px; overflow:hidden; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: auto; max-width: none; } .carousel-control { position: absolute; top: 220px; left: 20px; width: 9px; height: 12px; margin-top: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; opacity: 1; } .carousel-control.left, .carousel-control.right{ background-image:url(images/post_image_controls.png); background-position: 0 0; background-color: transparent; background-repeat: no-repeat; filter:none; } .carousel-control.right { right: 20px; left: auto; background-position: -11px 0; } .carousel-desc{ position: absolute; right: 0; left: 0; bottom: 0; background: #df4d31; background: rgba(223,77,49,0.7); padding: 8px 20px; font-size: 18px; font-weight: 600; color: #fff; text-align: center; } .carousel-indicators { padding:0; position: relative; top: -24px; right: 0; } .carousel-indicators li { border: 0 none; width: 7px; height: 7px; margin: 0 3px; background: #737272; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .carousel-indicators li.active { width: 7px; height: 7px; background: #ea7456; margin: 0 3px; } /* Post Video */ .post-item.post-video .inner{padding: 53px;} .post-item.post-video .post-image {margin-bottom:24px;} .post-item.post-video .post-image img{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .post-item.post-video h2 { line-height: 35px; margin-bottom: 13px; } /* Post Audio */ .post-item.post-audio .inner{padding: 46px 53px 65px;} .post-item.post-audio h2 {margin-bottom: 11px;} .post-item.post-audio .post-image img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .post-item.post-audio .post-meta-top { margin-bottom: 20px; } /* Post Intro Text */ .post-item.intro-text .inner{padding: 39px 39px 9px;} .post-item.intro-text h2{margin-bottom: 7px;} .post-item.intro-text .post-meta-top {margin-bottom: 25px;} .post-intro-text{ border-top: 2px solid #eeecea; border-bottom: 2px solid #eeecea; padding: 11px 0 13px; margin-bottom: 20px; } .post-intro-text p{ font-size: 17px; font-style: italic; color:#e86741; line-height: 21px; margin: 0; } /*-----------------------------------*/ /* Popular Post Items */ /*-----------------------------------*/ .post-item-wide .inner{ position: relative; padding: 0 26px 36px 35px; } .post-item-wide h2 { font-size: 26px; line-height: 32px; letter-spacing: -2px; margin-bottom: 11px; } .post-item-wide .post-image{margin-bottom:28px;} .post-item-wide .post-meta-top{margin-bottom: 19px;} .post-item-wide .post-descr{margin-bottom: 26px;} /* Post Items responsive feature */ @media (max-width:480px){ .post-item h2, .post-item-wide h2{font-size:20px;} .post-item.style5 .post-image {margin: 0 10px 10px 0;} .post-item.post-quote .inner, .post-item.post-img .inner, .post-item.post-video .inner, .post-item .inner{ padding: 30px 20px 55px; } .post-item .inner, .post-item-wide .inner{ padding-left: 20px !important; padding-right: 20px !important; } } /*-----------------------------------*/ /* Comments */ /*-----------------------------------*/ .comment-list { position: relative; margin-bottom: 34px; } .comment-list h2 { font-size: 23px; margin-bottom: 27px; color: #fff; } .link-add-comment { position: absolute; top: 10px; right: 2px; color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; text-decoration: underline; } .link-add-comment:hover{color: #fff; } .comment-list li.comment {position: relative;} .comment-list .children li.comment {padding-left: 80px;} .comment-list .children li.comment:before { content:''; display: block; width: 8px; height: 8px; position: absolute; top:6px; left:56px; background: url(images/comment_sub.png) no-repeat; } .comment-body { padding: 28px 34px 30px 160px; position: relative; margin-bottom:20px; border-left: 3px solid #e5be4c; min-height: 142px; } .comment-avatar { position: absolute; top: 26px; left: 36px; border:1px solid #bab8b3; padding: 4px; } .comment-avatar .avatar{ width: 80px; height: 80px; overflow: hidden; } .comment-avatar, .comment-avatar .avatar, .comment-avatar img{ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .comment-arrow{display: none;} .comment-author { margin-bottom: 12px; text-align: right; color: #7b6d5e; font-size: 13px; text-transform: uppercase; } .link-author { font-size: 21px; float: left; color: #4a4036; text-transform: none; letter-spacing: -1px; } .link-reply { color: #7b6d5e; text-transform: none; } .comment-entry{line-height: 19px;} /* Comments responsive feature */ @media (max-width:479px){ .comment-body {padding: 28px 10px 30px 94px;} .comment-avatar {left: 2px;} .comment-list .children li.comment {padding-left: 30px;} .comment-list .children li.comment:before {left:12px;} .link-author {font-size: 16px; position: relative; top:-3px;} .add-comment .rowSubmit {padding: 19px 22px !important;} .link-add-comment {top: 30px; left: 0; right: auto;} } /*-----------------------------------*/ /* Forms */ /*-----------------------------------*/ /*-----------------------------------*/ /* Comment Form */ /*-----------------------------------*/ input::-webkit-input-placeholder {font-size:13px; color:#c9c2bc;} input:-moz-placeholder {font-size:13px; color:#c9c2bc;} input:-ms-input-placeholder {font-size:13px; color:#c9c2bc;} textarea::-webkit-input-placeholder {font-size:13px; color:#c9c2bc;} textarea:-moz-placeholder {font-size:13px; color:#c9c2bc;} textarea:-ms-input-placeholder {font-size:13px; color:#c9c2bc;} label, input, button, select, textarea { font-size: inherit; line-height: normal; } .input_icon{ display: block; position: absolute; top: 40px; right: 10px; z-index: 1; } .add-comment{margin-bottom: 30px;} .add-comment .form-inner{padding: 0 42px 24px;} .add-comment-title h3{ font-size: 27px; padding: 28px 42px 32px; margin-bottom: 0; } .field_text, .field_select{ float:left; margin-right: 2%; margin-bottom: 19px; width: 48%; } .field_text.omega, .field_select.omega{ float:right; } .field_text.field_textarea{width: 100%;} .label_title{ display: block; color: #8e8071; font-size: 17px; cursor: default; margin-bottom: 8px; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus{ border:1px solid #e5d4c2; box-shadow: none; } .add-comment textarea{ width:100%; height:145px; padding:9px 15px; resize: vertical; overflow: auto; } .add-comment .rowSubmit { padding: 19px 42px; background: #f6f0ec; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .add-comment .link-reset{ float: right; font-size: 15px; color: #e05033; margin-top: 15px; } .add-comment .error { overflow: hidden; border: 1px solid #E86741 !important; } /*-----------------------------------*/ /* Contact Form */ /*-----------------------------------*/ .contact-form .add-comment-title h3 {padding: 38px 44px 32px;} .contact-form .form-inner{padding: 0 44px 27px;} .contact-form .field_text.field_textarea {float: none; margin-bottom: 23px;} .contact-form textarea {height: 145px;} .contact-form .rowSubmit {padding: 20px 44px;} /*-----------------------------------*/ /* Survey Form */ /*-----------------------------------*/ .survey-form .form-inner {padding: 38px 44px 26px;} .survey-form .rowSubmit {padding: 19px 44px;} .survey-form .add-comment-title {border: 0 none; margin: 0;} .survey-form .add-comment-title h3 {padding:0; margin-bottom:19px;} .survey-form .checklist, .survey-form .inlinelist{margin-bottom:41px;} .survey-form textarea {height: 145px;} /*-----------------------------------*/ /* Payment Form */ /*-----------------------------------*/ .payment-form .form-inner {padding: 30px 40px 26px;} .payment-form #shipping .form-inner {padding: 42px 40px 36px;} .payment-form #payment .form-inner {padding: 40px 42px 18px;} .field_phone input{ float: left; width: 30%; margin-right: 5%; } .payment-form .rowSubmit{ text-align: right; background: #f8f3f0; padding: 20px 40px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .payment-form #billing .custom-checkbox label {float: left; margin-top: 5px;} .payment-form #billing .btn {float: right;} .payment-form #shipping .divider{margin: 27px 0 !important;} .payment-form #payment .custom-checkbox label {padding: 0 66px 0 0; background-position: right 0;} .payment-form #payment .custom-checkbox label.checked {background-position: right -100px;} .payment-form #payment .divider{margin: 13px 0 25px !important;} .payment-form .card_code{position: relative;} .payment-form .card_code input{padding-right: 90px;} .payment-form .card_code .input_icon{ background:url(images/icons/security_code.png); width: 74px; height: 23px; } .payment-form .card_type .rowRadio, .payment-form .card_type img{ display: inline-block; vertical-align: text-top; } .payment-form .card_type img{ margin: 2px 10px 0 0; } .payment-form .btn{margin-left: 5px;} @media (min-width: 992px){ .payment-form{width: 616px;} .payment-form #payment .field_select .field_select{width: 122px;} } /*-----------------------------------*/ /* Login Form */ /*-----------------------------------*/ .widget_login .inner, .newsletterBox .inner, .widget_search .inner{padding: 34px 33px 41px;} .widget_login .field_text {float: none; width: auto; margin: 0 0 15px;} .widget_login .forget_password{float: right; margin: 14px 0;} .widget_login .forget_password a{font-size:12px; color: #e7613c; text-decoration: underline;} .widget_login .rowRemember{margin: 24px 0 15px;} /*-----------------------------------*/ /* Newsletter Form, Search Form */ /*-----------------------------------*/ .widget_search .inner{padding-bottom: 25px;} .newsletterBox .field_text, .widget_search .field_text{margin: 0 82px 19px 0; width: auto; float: none;} .newsletterBox .field_text input, .widget_search .field_text input{height:45px;} .newsletterBox .btn, .widget_search .btn{float:right; margin-top: 31px;} .newsletterBox .link-news-rss{ display: inline-block; color: #8e8071; font-size: 13px; line-height: 16px; padding-left: 20px; background: url(images/icons/rss.png) no-repeat; } .newsletterBox .link-news-rss span{color: #e7613c; text-decoration: underline;} /* Responsive */ @media (max-width:479px){ .add-comment-title h3, .add-comment.boxed .form-inner, .add-comment.boxed .rowSubmit{ padding-left: 10px !important; padding-right: 10px !important; } .payment-form .field_text, .payment-form .form-inner > .field_select{ float: none !important; width: 100% !important; } .payment-form .form-inner, .tabs_framed.styled.widget-stats .tab-content{ padding-left:0 !important; padding-right:0 !important; } .payment-form .rowSubmit { padding: 20px; margin: 0 -20px; } .payment-form .rowSubmit .btn { margin-bottom:10px; } } /*-----------------------------------*/ /* Pagination */ /*-----------------------------------*/ .tf_pagination {margin-bottom: 30px;} .tf_pagination .inner { display:inline-block; font-size:15px; font-weight: 700; text-align:center; -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16); box-shadow: 0 0 16px rgba(0, 0, 0, 0.16); } .tf_pagination .page-numbers, .tf_pagination .page_prev, .tf_pagination .page_next { float:left; margin-right:1px; width:40px; height:40px; line-height: 40px; background:#8d7f70; } .tf_pagination .page_next { margin-right:0; } .tf_pagination .page-numbers { background: #fff; color: #8d7f70; } .tf_pagination .page-numbers:hover, .tf_pagination .page_current { color:#fff; background:#e86741; } .tf_pagination .page_prev:hover, .tf_pagination .page_next:hover { background:#9E9285; } .tf_pagination .page_prev span, .tf_pagination .page_next span { display: inline-block; width:8px; height:10px; background: transparent url(images/pagination.png) no-repeat 0 center; } .tf_pagination .page_next span { background-position: -10px center; } /*-----------------------------------*/ /* Dividers */ /*-----------------------------------*/ .divider{ border-top:1px solid #eeecea; border-bottom:1px solid #eeecea; margin:15px 0; } .divider.dashed{ border-top:0 none; border-bottom:1px dashed #e5d3c2; } /*-----------------------------------*/ /* Tabs */ /*-----------------------------------*/ .tabs_framed{margin-bottom:30px;} .tabs_framed h1, .tabs_framed h2, .tabs_framed h3, .tabs_framed h4, .tabs_framed h5, .tabs_framed h6{ color: #e7613c; } /*-----------------------------------*/ /* Tabs Style 1 */ /*-----------------------------------*/ .tabs li{ float:left; text-align: center; height: 48px; line-height: 48px; position: relative; margin-right:5px; margin-top: 5px; background: #5c5146; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18); -moz-box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18); box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18); } .tabs li.active{ margin-top: 0; height: 53px; line-height: 53px; background: #fff; z-index: 10; } .tabs li a{ font-size: 14px; color:#f8f3f0; display: block; padding: 0 22px; } .tabs li.active a{ font-size: 16px; color:#5c5146; } .payment-form .tabs li, .payment-form .tabs li.active{ height: 73px; line-height: 69px; margin-top: 0; } .payment-form .tabs li a{ font-size: 25px; padding: 0 40px; } @media (min-width: 768px) and (max-width: 991px){ .tabs li a {padding: 0 10px;} .payment-form .tabs li a {padding: 0 26px;} } @media (max-width: 767px){ .tabs li a {font-size: 12px; padding: 0 10px;} .tabs li.active a {font-size: 13px;} .tabs li{height: 30px; line-height: 25px;} .tabs li.active{height: 35px; line-height: 30px;} .payment-form .tabs li a {font-size: 16px; padding: 0 13px;} .payment-form .tabs li, .payment-form .tabs li.active{ height: 45px; line-height: 41px; } } .tab-content { overflow: visible; position: relative; top: -5px; z-index: 0; padding:36px; } .tab-content.icons {padding: 34px 35px 26px 121px;} .sidebar .tab-content {padding:30px 35px 16px;} .payment-form .tab-content {padding:0;} .tab-content h3{margin-bottom: 10px;} .tab-content h4{font-size: 19px; margin-bottom: 18px;} .tab-text{margin-bottom: 23px;} .tab_image.pull-left, .tab_image.pull-right{ width: 45%; } .tab_image.small.pull-left, .tab_image.small.pull-right{ width: 32%; } .tab_image{margin:0 0 12px 0;} .tab_image.pull-left{margin: 4px 16px 5px 0;} .tab_image.pull-right{margin:4px 0 5px 16px;} .tab_image.small.pull-left{margin: 0 36px 10px 0;} .tab_image.small.pull-right{margin:0 0 10px 36px;} .tab_image img{ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; display: block; width: 100%; } .tab-content.icons .tab_icon{ position: absolute; top:34px; left:32px; } /*-----------------------------------*/ /* Tabs Style 2 */ /*-----------------------------------*/ .tabs_framed.styled .tabs li{ border: 1px solid #e4dbca; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 50px; line-height: 46px; margin-right: 3px; margin-top: 0; } .tabs_framed.styled .tabs li.active{ border: 1px solid #fff; background: #fff; -webkit-box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18); -moz-box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18); box-shadow: 0 -5px 5px rgba(146, 119, 48, 0.18); } .tabs_framed.styled .tabs li a{ font-size: 16px; color: #fff; padding: 0 50px; } .tabs_framed.styled .tabs li.active a{color:#8e8071;} @media (max-width: 991px){ .tabs_framed.styled .tabs li a{ font-size: 13px; padding: 0 25px; } .tabs_framed.styled .buttons{clear: both;} } .tabs_framed.styled .tab-content {padding: 23px 0 0;} .tabs_framed.styled .inner{padding: 0 22px 8px;} @media (min-width: 992px) and (max-width: 1199px){ .tabs_framed.styled .inner{padding: 0 14px 4px;} } .tabs_framed.styled .tab_image.pull-left, .tabs_framed.styled .tab_image.pull-right { width: 41%; } .tabs_framed.styled .tab_image.pull-left{margin: 0 16px 12px 0;} .tabs_framed.styled .tab_image.pull-right{margin:0 0 12px 16px;} .tabs_framed.styled h2{ font-size: 32px; color: #5c5248; font-weight: 600; letter-spacing: -2px; margin-bottom: 10px; } .tabs_framed.styled h2 a{color: #5c5248;} .tabs_framed.styled h3{ font-size: 28px; color: #5c5146; font-weight: 600; margin-bottom: 10px; } .tabs_framed.styled h3 a{color: #5c5146;} .tabs_framed.styled h2 a:hover, .tabs_framed.styled h3 a:hover{ color: #8D8569; } .tabs_framed.styled .bottom{ padding: 21px 22px 11px; background: #f8f3f0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } /* Responsive */ @media (max-width:479px){ .tab-content { padding-left: 20px !important; padding-right: 20px !important; } .tabs_framed.styled .tab-content { padding-left: 0 !important; padding-right: 0 !important; } .tab-icon{display:none;} .tabs_framed.styled h2 {font-size: 22px;} } /*-----------------------------------*/ /* Toggles */ /*-----------------------------------*/ .toggle{ position: relative; margin-bottom: 30px; } .toggle-header{position: relative; display: block;} .toggle-header h5{ display: inline-block; margin-bottom: 0; color:#5c5146; line-height: 23px; } .toggle.title-red .toggle-header h5{color: #e7613c;} .toggle-header .question{ display: inline-block; font-size:17px; line-height: 23px; color:#e7613c; } .toggle-link{ display: block; padding: 20px 40px 23px 30px; } .toggle-link i{ width: 22px; height: 22px; background-image: url(images/toggle_mark.png); background-repeat: no-repeat; background-position: center bottom; position: absolute; top: 22px; right: 25px; left: auto; margin: 0; } .toggle-link.collapsed i{background-position: center top;} .toggle-body .inner{padding: 0 31px 9px;} /*-----------------------------------*/ /* Pull Quotes */ /*-----------------------------------*/ .typography p{margin-bottom:30px;} .typography .inner{padding:39px 39px 35px;} .block_quotes .inner{padding:39px 39px 30px;} .block_quotes h2{font-size: 27px; margin-bottom: 24px;} .block_quotes p{margin-bottom: 22px;} .quote_right, .quote_left { font-size: 19px; line-height: 23px; font-style: italic; color:#e86741; width: 190px; margin-top: 8px; margin-bottom:15px; } .quote_left{float: left; margin-right:36px;} .quote_right{float: right; margin-left:36px;} /*-----------------------------------*/ /* Info Boxes */ /*-----------------------------------*/ .info-boxes{margin-bottom: 40px;} .alert{ position: relative; margin-bottom: 25px; padding: 0; border: 0 none; background: #f2fafe; } .alert.alert-warning{background: #fffcf3;} .alert.alert-error{background: #fef4f1;} .alert.alert-success{background: #f1fff8;} .alert-body{padding: 23px 26px 24px 66px;} .alert .close { position: absolute; top: 0; left: 0; right:0; bottom:0; float: none; opacity: 1; filter: alpha(opacity=100); background-color: rgba(0,0,0,0); overflow: hidden; text-indent: 1200px; } .alert span, .alert p{ display: inline-block; margin: 0; font-size: 17px; line-height: 23px; } .alert .alert-body{color: #11a2c5;} .alert.alert-warning .alert-body{color: #c58811;} .alert.alert-error .alert-body{color: #e7522e;} .alert.alert-success .alert-body{color: #86ad25;} .alert .alert-body span{padding-right: 3px; font-weight: 600;} .alert .alert-label{ position: absolute; top:7px; left:-3px; z-index: 2; width: 54px; height: 56px; background-image: url(images/icons/infobox_label.png); background-repeat: no-repeat; background-position: center 0; margin: 0; } .alert.alert-warning .alert-label{background-position:center -58px;} .alert.alert-error .alert-label{background-position:center -116px;} .alert.alert-success .alert-label{background-position:center -174px;} /*-----------------------------------*/ /* Filters */ /*-----------------------------------*/ /*-----------------------------------*/ /* Checkbox Filter, Radiobox Filter */ /*-----------------------------------*/ .widget_checkbox_filter .inner{padding:33px 31px 25px 33px;} .widget_radio_filter .inner{padding: 32px 33px 25px;} .widget_checkbox_filter label, .widget_adv_filter label { font-size: 15px; } .widget_checkbox_filter label:hover, .widget_adv_filter label:hover{color: #e55f3b;} .widget_checkbox_filter .counter{ display: block; float: right; } .widget_checkbox_filter .rowSubmit, .widget_radio_filter .rowSubmit, .widget_adv_filter .rowSubmit{ text-align: center; } .widget_checkbox_filter .divider{margin: 11px 0 20px;} .widget_radio_filter .divider{margin: 13px 0 20px;} /*-----------------------------------*/ /* Filter Results */ /*-----------------------------------*/ .widget_adv_filter .inner{padding: 35px 33px 25px;} .widget_adv_filter .divider{margin: 24px 0 23px 0;} .widget_adv_filter .input_date{ position: relative; margin-right: 0; margin-bottom: 16px; float: none; width: auto; } .widget_adv_filter .input_date input{ font-size: 15px; font-style: italic; color: #8e8071; } .widget_adv_filter .input_date .input_icon{ background:url(images/icons/calendar.png) no-repeat; width: 20px; height: 20px; top: 10px; right: 8px; } .widget_adv_filter h6{ text-transform: uppercase; margin: 0 0 22px; color: #5c5146; font-weight: 700; } /*-----------------------------------*/ /* Sliders */ /*-----------------------------------*/ /*-----------------------------------*/ /* Grid Gallery */ /*-----------------------------------*/ .grid-gallery{padding: 81px 0;} .grid-gallery .grid-box { float: left; margin: 0 3px 7px 4px; position:relative; } .grid-gallery .grid-box a { display: block; font-size:20px; text-transform: uppercase; color:#fff; } .grid-gallery .grid-box span { display: block; position:absolute; top:0; left:0; width:202px; height:192px; line-height:192px; text-align:center; background: #4daf7b; cursor:pointer; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transition:opacity 0.2s ease-in-out; -webkit-transition:opacity 0.2s ease-in-out; -moz-transition:opacity 0.2s ease-in-out; -o-transition:opacity 0.2s ease-in-out; } .grid-gallery .grid-box.grid-box-large span { width:306px; height:391px; line-height:391px; } .grid-gallery .grid-box span:hover { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .grid-gallery .grid-box img { display: block; box-shadow: 0 0 12px rgba(171, 139, 110, .38); -webkit-box-shadow: 0 0 12px rgba(171, 139, 110, .38); -moz-box-shadow: 0 0 12px rgba(171,139,110,.38); width:202px; height:192px; } .grid-gallery .grid-box.grid-box-large img{ width:306px; height:391px; } /* Responsive Feature */ @media (min-width: 768px) and (max-width: 991px) { .grid-gallery .grid-box span, .grid-gallery .grid-box img {width:152px; height:144px; line-height:144px;} .grid-gallery .grid-box.grid-box-large span, .grid-gallery .grid-box.grid-box-large img {width:234px; height:295px; line-height:295px;} } @media (min-width: 480px) and (max-width: 767px) { .grid-gallery {width: 450px; margin: 0 auto;} .grid-gallery .grid-box span, .grid-gallery .grid-box img {width:100px; height:95px; line-height:95px;} .grid-gallery .grid-box.grid-box-large span, .grid-gallery .grid-box.grid-box-large img {width:229px; height:299px; line-height:299px;} } @media (max-width: 479px) { .grid-gallery {width: 290px; margin: 0 auto; padding: 40px 0;} .grid-gallery .grid-box span, .grid-gallery .grid-box img {width:138px; height:132px; line-height:132px;} .grid-gallery .grid-box.grid-box-large span, .grid-gallery .grid-box.grid-box-large img {width:283px; height:362px; line-height:362px;} } /*-----------------------------------*/ /* Main Slider */ /*-----------------------------------*/ .main-slider-wrap{ margin-bottom: 70px; } .main-slider .carousel-inner{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: auto; } .main-slider .carousel-inner > .item { height: auto; padding-top: 185px; } .main-slider .carousel-caption { background-color: transparent; padding: 0; top:10%; left: 9%; right: 9%; bottom: auto; } .main-slider .slider_title{margin-bottom: 20px;} .main-slider .slider_title a { font-size:37px; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.3); display:block; font-style:italic; line-height: 1.3em; letter-spacing: -1px; } .main-slider .carousel-control.left, .main-slider .carousel-control.right { background: url(images/slider-arrow.png) left top no-repeat; width: 13px; height: 17px; top:51%; left: -12px; } .main-slider .carousel-control.right{background-position:right top; left:auto; right: -12px;} .main-slider .carousel-inner > .item > img, .main-slider .carousel-inner > .item > a > img { display: block; width: 100% !important; height: auto !important; max-width: 100% !important; line-height: 1; margin: 0 !important; } .main-slider .btn span, .main-slider .btn input { -webkit-box-shadow: inset 0 1px 1px rgba(200, 200, 200, 0.5), 1px 2px 5px rgba(36,36,36,0.36); -moz-box-shadow: inset 0 1px 1px rgba(200, 200, 200, 0.5), 1px 2px 5px rgba(36,36,36,0.36); box-shadow: inset 0 1px 1px rgba(200, 200, 200, 0.5), 1px 2px 5px rgba(36,36,36,0.36); } /* Responsive Feature */ @media (min-width: 768px) and (max-width: 991px) { .main-slider .carousel-inner > .item {padding-top: 145px;} .main-slider .slider_title a {font-size:27px;} } @media (min-width: 480px) and (max-width: 767px) { .main-slider .carousel-caption {top:5%;} .main-slider .slider_title{margin-bottom: 10px;} .main-slider .carousel-inner > .item {padding-top: 145px;} .main-slider .slider_title a {font-size:21px;} } @media (max-width: 479px) { .main-slider .carousel-caption {top:5%;} .main-slider .slider_title{margin-bottom: 10px;} .main-slider .carousel-inner > .item {padding-top: 125px;} .main-slider .slider_title a {font-size:18px;} .main-slider .btn span{height:28px; line-height:26px; padding:0 10px; font-size:12px;} } /*-----------------------------------*/ /* Footers */ /*-----------------------------------*/ /* Footer Style 1 */ .footer{ padding: 51px 0 25px; background: #5c5146; margin-bottom: 70px; } .footer .widget-container .widget-title{ font-size:21px; font-weight: 400; color:#fff; text-transform: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; padding: 0; margin-bottom:24px; } .footer .widget-container{margin-bottom:30px;} .footer .widget-container li{line-height: 16px; margin-bottom: 11px;} .footer .widget-container a{color:#a5a09c;} .footer .widget-container a:hover{color:#cecac8;} /* Footer Style 2 */ .footer.style2{ padding: 0 0 56px; text-align: center; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2U0ZDRhNyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGQ0YTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(228,212,167,0) 1%, rgba(228,212,167,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(228,212,167,0)), color-stop(100%,rgba(228,212,167,1))); background: -webkit-linear-gradient(left, rgba(228,212,167,0) 1%,rgba(228,212,167,1) 100%); background: -o-linear-gradient(left, rgba(228,212,167,0) 1%,rgba(228,212,167,1) 100%); background: -ms-linear-gradient(left, rgba(228,212,167,0) 1%,rgba(228,212,167,1) 100%); background: linear-gradient(to right, rgba(228,212,167,0) 1%,rgba(228,212,167,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e4d4a7', endColorstr='#e4d4a7',GradientType=1 ); } .footer.style2 .footer-topline{ height: 5px; margin-bottom: 56px; background: rgb(163,136,113); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzODg3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGUyYWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(163,136,113,1) 0%, rgba(240,226,172,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(163,136,113,1)), color-stop(100%,rgba(240,226,172,1))); background: -webkit-linear-gradient(left, rgba(163,136,113,1) 0%,rgba(240,226,172,1) 100%); background: -o-linear-gradient(left, rgba(163,136,113,1) 0%,rgba(240,226,172,1) 100%); background: -ms-linear-gradient(left, rgba(163,136,113,1) 0%,rgba(240,226,172,1) 100%); background: linear-gradient(to right, rgba(163,136,113,1) 0%,rgba(240,226,172,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a38871', endColorstr='#f0e2ac',GradientType=1 ); } .footer-social {margin-bottom: 21px;} .footer-social li{ display: inline-block; vertical-align:middle; margin:0 3px; } .footer-social li span{ display: block; text-indent: -400px; } .footer-social a { display: block; width: 39px; height: 38px; overflow: hidden; background: url(images/icons/social-icons.png) 0 0 no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 16px rgba(155, 124, 96, 0.4); -moz-box-shadow: 0 0 16px rgba(155, 124, 96, 0.4); box-shadow: 0 0 16px rgba(155, 124, 96, 0.4); } .footer-social a:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .footer-social .social-pinterest {background-position: 0 -40px;} .footer-social .social-twitter {background-position: 0 -80px;} .copyright { font-size: 14px; font-style: italic; color: #FFF; } .copyright a {color: #fff;} .copyright a:hover {color: #e8890f;} /*------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------*/ /*===================================================*/ /* 3. INDEX PAGE */ /*===================================================*/ @media (min-width: 1200px) { .container.container-wide { max-width: 1070px; } } /*-----------------------------------*/ /* Header (Kit Name) */ /*-----------------------------------*/ .pixelkit-header{padding: 50px 0 5px;} .pixelkit-header h1, .pixelkit-header h2{ text-align: center; font-size: 42px; margin-bottom: 2px; position: relative; text-transform: uppercase; font-weight: 600; color:#fff; text-shadow: 1px 1px 0 rgba(124,83,72,0.5); } .pixelkit-header h2{font-size: 20px;} /*-----------------------------------*/ /* Main Menu */ /*-----------------------------------*/ /* Level 0 */ .icon-menu{ width: 30px; height: 30px; vertical-align: middle; background: url(images/icons/menu-icons.png) 0 0 no-repeat; margin-right: 10px; } .icon-menu.icon-menu2 {background-position: 0 -30px;} .icon-menu.icon-menu3 {background-position: 0 -60px;} .icon-menu.icon-menu4 {background-position: 0 -90px;} .icon-menu.icon-menu5 {background-position: 0 -120px;} .icon-menu.icon-menu6 {background-position: 0 -150px;} .dropdown{ padding: 0 5px; z-index: auto; } .dropdown > li { float:left; position: relative; border-left: 1px solid #F8F3F0; } .dropdown > li.first{border-left: 0 none;} @media (max-width: 1199px) { .dropdown > li {border-left: 0 none;} } .dropdown a { display: block; font-size: 17px; line-height: 30px; font-weight: 700; text-transform: uppercase; letter-spacing: -1px; color: #8e8071; padding: 18px 23px 12px 16px; border-bottom: 3px solid transparent; } @media (max-width:479px){ .dropdown a {padding: 18px 16px 12px 8px;} .dropdown .note{display:none;} } .dropdown > li:hover > a, .dropdown > li.hover > a{ background: #f8f3f0; border-bottom: 3px solid #4daf7b; } /* Level 1+ */ .dropdown ul{ position: absolute; top:-9999px; left:-9999px; z-index: 9999; width:100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26); -moz-box-shadow: 0 0 12px rgba(58, 51, 46, 0.26); box-shadow: 0 0 12px rgba(58, 51, 46, 0.26); } .ie8 .dropdown ul{padding-top: 0;} .dropdown > li:hover > ul, .dropdown > li.hover > ul{ top:65px; left:0; } .dropdown ul li{position: relative;} .dropdown > li > ul > li.first, .dropdown > li > ul > li.first > a{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .dropdown ul > li.last, .dropdown ul > li.last > a{ border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; } .dropdown ul a{ font-size: 13px; line-height: 17px; padding: 10px 16px !important; background: #fff; border-left: 3px solid transparent; border-bottom: 0 none; } .dropdown ul a:hover{ background: #f8f3f0; border-left: 3px solid #4daf7b; } .dropdown ul li.parent > a:before{ content: ''; display: block; width: 5px; height: 6px; position: absolute; top:15px; right:8px; background: url(images/menu-arrow.png) no-repeat; } /* Level 2+ */ .dropdown ul > li.first, .dropdown ul > li.first > a{ -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .dropdown ul li:hover > ul{ position: absolute; top:0; left:100%; width:100%; background-color: rgba(255,255,255,0); } /*-----------------------------------*/ /* User Menu */ /*-----------------------------------*/ .user-menu .dropdown a {font-size: 15px; padding: 18px 20px 12px 15px;} .user-menu .dropdown ul a {font-size: 13px;} @media (max-width: 1199px){ .user-menu .dropdown a {padding: 18px 10px 12px 8px;} } /*-----------------------------------*/ /* Contact Form styled */ /*-----------------------------------*/ .add-comment.styled input[type="text"], .add-comment.styled input[type="password"] { height: 48px; padding-left: 10px; } .ie8 .add-comment.styled input[type="text"], .ie8 .add-comment.styled input[type="password"] { line-height: 46px; } .add-comment.styled .form-inner{padding: 27px 26px 21px;} .add-comment.styled textarea {height:108px; padding: 10px;} .add-comment.styled .field_text, .add-comment.styled .field_select{ float: none; margin-right: 0; margin-bottom: 14px; width: 100%; position: relative; } .add-comment.styled .field_text.field_textarea{margin-bottom: 0;} .add-comment.styled label{font-size: 16px;} .add-comment.styled .rowSubmit {padding: 21px 26px;} .add-comment.styled .rowSubmit .btn{float: right;} .add-comment.styled .rowSubmit .checklist{margin-top: 11px; float: left;} .add-comment.styled .rowSubmit label{padding-left: 30px; letter-spacing: -1px;} /*-----------------------------------*/ /* Login Form styled */ /*-----------------------------------*/ .widget_login.styled .inner{padding: 40px 28px 8px;} .widget_login.styled h6 { font-weight: 700; color: #8E8071; text-transform: uppercase; text-align: center; letter-spacing: 0; margin-bottom: 24px; } .widget_login.styled .field_text { position: relative; margin: 0 0 14px; } .widget_login.styled input[type="text"], .widget_login.styled input[type="password"]{ padding-left: 64px; height: 48px; } .ie8 .widget_login.styled input[type="text"], .ie8 .widget_login.styled input[type="password"]{ line-height: 46px; } .widget_login.styled .label_title{height:23px; line-height:23px;} .widget_login.styled .input_icon { top: 32px; bottom: 1px; left: 1px; z-index: 2; width: 47px; border-right: 1px solid #E5D4C2; background-image: url(images/icons/input-icons.png); background-color: #f8ece4; background-repeat: no-repeat; background-position: 0 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .widget_login.styled .input_icon.input_email {background-position: 0 0;} .widget_login.styled .input_icon.input_pass {background-position: 0 -46px;} /* Error styles */ .widget_login .field_text.error input{border: 1px solid #e86741;} .widget_login.styled .field_text.error .input_icon{border-right: 1px solid #e86741;} .widget_login.styled .field_text.error .input_icon.input_email {background-position: 0 -92px;} .widget_login.styled .field_text.error .input_icon.input_pass {background-position: 0 -138px;} /* ------------ */ .widget_login.styled .rowSubmit{padding: 20px 28px 17px; background: #f8f3f0; text-align: center;} .widget_login.styled .rowSubmit .btn{display: block;} .widget_login.styled .rowSubmit .btn span{width: 100%;} .widget_login.styled .rowRemember{margin: 16px 0 0;} .widget_login.styled .forgetmenot{display: none;} .widget_login.styled .forget_password {float: none;} .widget_login.styled .forget_password a{font-size: 11px; font-weight: 600; color: #8e8071;} .widget_login.styled .rowSocial{ padding: 12px; background: #5e90af; text-align: center; border-radius: 0 0 4px 4px; } .widget_login.styled .rowSocial i{ width: 15px; height: 15px; background: url(images/icons/facebook.png) 0 0 no-repeat; margin-right: 5px; vertical-align: top; } .widget_login.styled .rowSocial a{ font-size: 11px; font-weight: 600; color: #fff; line-height: 15px; } /*-----------------------------------*/ /* Search Form styled */ /*-----------------------------------*/ .widget_search.styled.boxed{ -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .widget_search.styled .inner{padding: 26px 21px;} .widget_search.styled .btn {margin-top: 0;} .widget_search.styled .field_text {margin: 0 112px 0 0;} /*-----------------------------------*/ /* Progress Bars */ /*-----------------------------------*/ .progressBars .widget-title, .scrollBars .widget-title{ background: #B1A599; box-shadow: inset 0 -2px 2px rgba(73, 73, 73, 0.16); padding: 24px 10px; font-size: 15px; font-weight: 700; text-align: center; letter-spacing: 0; } .progressBars .inner{padding: 25px 36px 16px;} @media (min-width: 768px) and (max-width: 991px) { .progressBars .inner{padding: 15px 20px 5px;} } .progressbar{ margin: 30px 0; position: relative; } .progressbar .pbar::selection{background: transparent;} .progressbar .pbar{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .progressbar span, .progressbar .elapsed, .progressbar .remained{ position: absolute; top:-16px; font-size: 12px; color: #C9C3BD; } .progressbar span.mark-left, .progressbar .remained{left:0;} .progressbar span.mark-right, .progressbar .elapsed{right: 0;} .progressbar .percent, .progressbar .elapsed, .progressbar .remained{ display: none; } .progressbar.style2 .percent, .progressbar.style2 .mark-left, .progressbar.style2 .mark-right{ display: none; } .progressbar.style2 .elapsed, .progressbar.style2 .remained{ display: block; } .progressbar .ui-progressbar-value { display: block !important; } .progressbar .ui-progressbar { height: 10px; overflow: visible !important; position: relative; z-index: 0; } .progressbar .ui-widget-content { height: 30px; border: 1px solid #E5D4C2; border-left: 0 none; background: #F8F3F0; position: relative; } .progressbar .ui-progressbar .ui-progressbar-value { margin: 0; height: 30px; position: relative; background: #54bc75; border: 1px solid #3d9e68; top: -1px; z-index: 2; } .progressbar .ui-progressbar .ui-progressbar-value:after{ content: ''; display: block; position: absolute; top:-1px; right:-2px; z-index: 1; width: 2px; height: 30px; background: #3d9e68; } /* Progress Bars style 2 */ .progressbar.style2{z-index: 2;} .progressbar.style2 .ui-progressbar .ui-progressbar-value {background: #e86741; border: 1px solid #de4b2b;} .progressbar.style2 .ui-progressbar .ui-progressbar-value:after{background: #de4b2b;} .progressbar.style2 .downloadbar{ position: absolute; width: 100%; height: 30px; top:0; left:0; z-index: 1; } .progressbar.style2 .downloadbar .ui-widget-content { border: 0 none; background: none; } .progressbar.style2 .downloadbar .ui-progressbar .ui-progressbar-value { position: relative; background: #f1c7ba; border: 1px solid #dfae96; border-right: 0 none; } .progressbar.style2 .downloadbar .ui-progressbar .ui-progressbar-value:after{background: none; width: 0;} /*-----------------------------------*/ /* Scroll Bars */ /*-----------------------------------*/ .scrollBars {color: #fff !important;} .scrollBars .inner{padding: 25px 36px 26px;} .scrollBars p {visibility:hidden; opacity: 0;} .scrollBars p::selection{background: transparent; color: rgba(0, 0, 0, 0);} @media (min-width: 768px) and (max-width: 991px) { .scrollBars .inner{padding: 25px 0 26px;} } .scrollBars .scrollbar { width: 50px; height: 205px; overflow: auto; float: left; } .scrollbar .scrollbar-inner {padding-right: 30px;} .jspContainer{ overflow: hidden; position: relative; } .jspPane{ position: absolute; } .jspVerticalBar{ position: absolute; top: 0; right: 0; width: 18px; height: 100%; } .jspHorizontalBar{display: none;} .jspCap{height:12px;} .jspTrack{ background: #eee8e1; border: 1px solid #eee8e1; border-left: 1px solid #e9e0d8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; width:9px; } .jspTrack:after{ content: ''; display: block; position: absolute; top: -11px; bottom: -11px; left: -10px; border: 1px solid #f5f1ed; width: 27px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .jspDrag{ background: #fff; width: 9px; position: relative; top: 0; left: -1px; z-index: 2; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .jspDrag:after{ content: ''; display: block; position: absolute; top: -6px; left: -6px; border:6px solid #63c383; width: 21px; height: 21px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Yellow Scroll Bar */ .scrollbar-yellow .jspTrack{background: #edcc68;} .scrollbar-yellow .jspProgress, .scrollbar-red .jspProgress{ background: #eee8e1; position: absolute; top: 0; left: 0; z-index: 1; width: 7px; height: 5px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .scrollbar-yellow .jspDrag{ background: #edcc68; width: 7px; left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .scrollbar-yellow .jspDrag:after, .scrollbar-blue .jspDrag:after{ display: none; } /* Red Scroll Bar */ .scrollbar-red .jspTrack{background: #ecc1b1;} .scrollbar-red .jspDrag{width: 5px; left: 1px;} .scrollbar-red .jspDrag:after{border:6px solid #e86943; width: 17px; height: 17px;} /* Blue Scroll Bar */ .scrollbar-blue .jspDrag{ background: #5e90af; width: 7px; left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*-----------------------------------*/ /* Simple Message Field */ /*-----------------------------------*/ .comment-list.styled{margin-bottom: 30px;} .comment-list.styled .comment-body { border-left: 0 none; padding: 0; min-height: 123px; margin-bottom: 0; } .comment-list.styled .comment-text{ padding: 25px 27px 26px 165px; } .comment-list.styled .comment-arrow { display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 132px; background: #f8f3f0; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .comment-list.styled .comment-arrow:after { content: ''; display: block; position: absolute; top: 32px; right: -8px; width: 0; height: 0; border-top: 6px solid transparent; border-left: 8px solid #F8F3F0; border-bottom: 6px solid transparent; } .comment-list.styled .comment-avatar { top: 16px; left: 21px; } .comment-list.styled .comment-author { text-align: left; margin-bottom: 8px; } .comment-list.styled .link-author { font-size: 26px; font-weight: 600; float: none; color: #5c5146; } .comment-list.styled .link-author:hover {color: #8D8569;} /* Responsive */ @media (max-width:479px){ .comment-list.styled .comment-arrow {width: 115px;} .comment-list.styled .comment-avatar {left: 13px;} .comment-list.styled .comment-text {padding: 25px 16px 26px 134px;} } /*-----------------------------------*/ /* Avatar Placeholder */ /*-----------------------------------*/ .widget_avatar { margin-bottom: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .widget_avatar .inner{ position:relative; padding: 15px 10px 21px 111px; min-height: 116px; } .widget_avatar .avatar-image img{ display: block; width: 100%; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .widget_avatar .avatar, .widget_avatar .avatar img, .widget_profile .avatar, .widget_profile .avatar img{ display: block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 73px; height: 73px; } .widget_avatar .avatar, .widget_profile .avatar{ position: absolute; top:13px; left: 10px; width: 89px; height: 89px; overflow: hidden; border: 1px solid #BAB8B3; padding: 7px; } .widget_avatar h5{ font-size: 26px; font-weight: 600; color: #5c5146; margin-bottom: 10px; } .widget_avatar .subtitle{ display: block; color: #8e8071; } .widget_avatar .post-meta-links li{ width: 33.33333333333333%; } .widget_avatar .post-meta-links li a {padding: 10px 5px;} .widget_avatar .icon-post {margin-right: 5px;} @media (min-width: 768px) and (max-width: 991px){ .widget_avatar .inner {padding: 15px 10px 21px 100px;} .widget_avatar .avatar {left: 5px;} } /*-----------------------------------*/ /* Widget Profile */ /*-----------------------------------*/ .widget_profile .widget-title { background: #b1a599; box-shadow: inset 0 -2px 2px rgba(73, 73, 73, 0.16); padding: 33px 20px 37px 122px; } .widget_profile .avatar { top: 17px; left: 18px; border: 1px solid #8b7f73; } .widget_profile .widget-title h5 { font-size: 16px; font-weight: 700; color: #fff; line-height: 16px; letter-spacing: 1px; margin-bottom: 4px; } .widget_profile .widget-title .subtitle{ font-size: 12px; color: #857a70; text-transform: none; } @media (min-width: 768px) and (max-width: 991px){ .widget_profile .widget-title {padding: 33px 20px 37px 106px;} .widget_profile .avatar {left: 8px;} } .widget_profile .inner {padding: 12px 0;} /*-----------------------------------*/ /* Widget Trade */ /*-----------------------------------*/ .widget-trade .widget-title{ -webkit-box-shadow: none; -mox-box-shadow: none; box-shadow: none; background: url(images/trade-header.png); background-size: 100% 100%; height:160px; padding: 18px; } .widget-trade .trade-rate, .widget-trade .trade-rate-change{ display: block; font-size: 14px; font-weight: 400; color: #b7dfc2; padding-left: 12px; } .widget-trade .trade-rate{ font-size: 24px; color: #fff; background: url(images/trade-dir.png) 0 15px no-repeat; } .widget-trade .trade-rate-down{background-position: 0 -87px;} .widget-trade .inner{padding: 33px 20px 38px;} .widget-trade .trade-time{ font-size: 12px; color: #bfb8b1; } .widget-trade .trade-location{margin-bottom: 20px;} .widget-trade .trade-location a {font-size: 21px; color: #8e8071;} .widget-trade .trade-location a:hover {font-size: 21px; color: #bfb8b1;} .widget-trade .trade-shares{margin-bottom: 24px;} .widget-trade .trade-shares li{ float: left; width: 50%; background: #f6f0ec; border-left: 1px solid #fff; } .widget-trade .trade-shares li a{padding: 20px 0;} .widget-trade .trade-shares li a, .widget-trade .trade-shares li a strong, .widget-trade .trade-shares li a span{ display: block; font-size: 18px; font-weight: 600; color: #8e8071; text-align: center; } .widget-trade .trade-shares li a span{ font-size: 12px; color: #ad9e8e; } .widget-trade .trade-shares li a:hover strong, .widget-trade .trade-shares li a:hover span{ color: #e05033; } .widget-trade .trade-bottom{float: left;} .widget-trade .trade-bottom.trade-graph{width: 53%; padding-right: 10px;} .widget-trade .trade-bottom.trade-yearly-change{width: 47%;} .widget-trade .trade-bottom-title{ font-size: 14px; color: #b4b0aa; margin-bottom: 8px; } .widget-trade .trade-bottom img{ display: block; max-width: 100%; height: 40px; } .widget-trade .trade-yearly-change .trade-bottom-content{ background: #4daf7b; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; text-align: center; } /*-----------------------------------*/ /* Widget Social Buttons */ /*-----------------------------------*/ .widget-social li{border-top: 1px solid #f6f0ec;} .widget-social li:first-child{border-top: 0 none;} .widget-social li span{display: block; text-indent: -400px;} .widget-social a { display: block; height: 66px; overflow: hidden; background: url(images/icons/social-icons2.png) center 0 no-repeat; } .widget-social .social-pinterest {background-position: center -66px;} .widget-social .social-twitter {background-position: center -132px;} .widget-social a:active {opacity: .8;} /*-----------------------------------*/ /* Widget Weather */ /*-----------------------------------*/ .widget-weather{text-align: center;} .widget-weather strong{display:inline-block; font-weight: 700;} .widget-weather .air-temp{ background: #54bc75; padding: 37px 10px; margin-bottom: 1px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .widget-weather .water-temp, .widget-weather .wind-speed{ background: #f6f0ec; float: left; width: 50%; padding: 15px 10px; } .widget-weather .water-temp{ border-right: 1px solid #fff; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } .widget-weather .wind-speed{ -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; } .widget-weather .air-temp strong{ font-size: 52px; color: #fff; padding-right: 63px; height: 45px; line-height: 45px; background: url(images/icons/weather-air.png) right 0 no-repeat; } @media (min-width: 768px) and (max-width: 991px){ .widget-weather .air-temp strong{font-size: 36px;} } .widget-weather .water-temp strong, .widget-weather .wind-speed strong{ width: 42px; font-size: 28px; color: #64584c; padding-bottom: 22px; background: url(images/icons/weather-icons.png) left bottom no-repeat;; } .widget-weather .wind-speed strong{background-position: right bottom;} /*-----------------------------------*/ /* Widget Stats */ /*-----------------------------------*/ .tabs_framed.styled.widget-stats .tab-content { padding: 0; padding-top: 50px; } .widget-stats.tabs_framed.styled .tabs li a{ font-weight: 600; padding: 0 16px; } @media (max-width: 991px){ .widget-stats.tabs_framed.styled .tabs li a{ font-size: 13px; padding: 0 8px; } } .widget-stats h6{ font-weight: 700; color: #8e8071; text-transform: uppercase; text-align: center; letter-spacing: 0; margin-bottom: 30px; } .widget-stats .donutchart, .widget-stats .columnchart{ width:220px; margin: 0 auto 40px; } .stats-data li, .stats-links li{ float: left; width: 33.33333333333333%; } .stats-data li a, .stats-links li a{ display: block; border-top: 4px solid #4daf7b; margin-left: 1px; text-align: center; padding: 16px 5px 19px; background: #f6f0ec; } .stats-data li.first a{margin-left: 0;} .stats-data li.red a{border-top: 4px solid #e55e3a;} .stats-data li.yellow a{border-top: 4px solid #ebc85e;} .stats-data li a span, .stats-data li a strong{ display: block; font-size: 15px; font-weight: 700; color: #a09b96; margin-bottom: 2px; } .stats-data li a strong{ font-size: 29px; color: #8e8071; } .stats-links{ background: #776b5e; -webkit-box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36); -moz-box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36); box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36); -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; overflow: hidden; padding-bottom: 16px; } .stats-links li a{ border-top: 0 none; margin-left: 0; padding: 18px 5px 0; background: none; padding-bottom: 200px; margin-bottom: -200px; } .stats-links li.first a{ -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } .stats-links li.last a{ -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; } .stats-links li a:hover{ background: #64584c; -webkit-box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36); -moz-box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36); box-shadow: inset 0 2px 2px rgba(57, 57, 57, 0.36); } .stats-links li a span{ font-size: 11px; font-weight: 700; color: #fff; text-transform: uppercase; } .stats-icon{ margin: 0; margin-bottom: 5px; width: 31px; height: 25px; background: url(images/icons/stats-icons.png) 0 0 no-repeat; } .stats-icon.stats-icon2{background-position: 0 -25px;} .stats-icon.stats-icon3{background-position: 0 -50px;} /*-----------------------------------*/ /* Image Slider */ /*-----------------------------------*/ .widget_gallery .carousel-inner { height: 220px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .widget_gallery .carousel-inner > .item{height: 200px;} .widget_gallery .carousel-control {top: 210px;} .widget_gallery .carousel-indicators {top: -12px;} /*-------------------------------------------*/ /* Notifications */ /*-------------------------------------------*/ .note { display: block; width: 13px; height: 13px; margin: 0; padding: 0; position: absolute; top: 15px; right: 12px; z-index: 9999; text-align: center; font-size: 9px; font-weight: 700; line-height: 13px; color: #fff; background: #e55e3a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /*-------------------------------------------*/ /* Layout on Index Page */ /*-------------------------------------------*/ /* Controls */ .controls{ -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .controls .inner{padding: 26px 30px 14px;} @media (min-width: 768px) and (max-width: 991px){ .controls .inner{padding: 26px 20px 14px;} } .controls .checkbox-large.checkbox-noText .custom-checkbox label{ font-size: 11px; font-weight: 700; color: #867f79; text-transform: uppercase; padding-left: 0; padding-right: 65px; background-position: right 0; width: 86px; margin-left: 25px; } .controls .checkbox-large.checkbox-noText .custom-checkbox label.checked {background-position: right -100px;}