/* Reset Styling ----------------------------------------------------------------------*/ @font-face { font-family: "flat"; src: url('fonts/JF-Flat-regular.eot'); src: url('fonts/JF-Flat-regular.eot?#iefix') format('embedded-opentype'), url('fonts/JF-Flat-regular.svg#JF Flat Regular') format('svg'), url('fonts/JF-Flat-regular.woff') format('woff'), url('fonts/JF-Flat-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'kufibold'; src: url('fonts/droidkufi-bold-webfont.eot'); src: url('fonts/droidkufi-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/droidkufi-bold-webfont.woff2') format('woff2'), url('fonts/droidkufi-bold-webfont.woff') format('woff'), url('fonts/DroidKufi-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } 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, img { 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; } * { outline: none; padding: 0px; margin: 0px } /* General Styling ----------------------------------------------------------------------*/ body { margin: 0 auto; /*background: #333 url(images/backgrounds/4.jpg) repeat fixed top center;*/ color: #7A7A7A; line-height: 18px; font-family: "Tahoma", Helvetica, Arial; font-size: 12px } ::selection{ color:#fff; background:#191919 } ::-moz-selection{ color:#fff; background:#191919 } img { border: none; max-width: 100% } a { color: #000; text-decoration: none !important; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out } a:hover { color: #ACACAC } h1, h2, h3, h4, h5, h6 { color: #000; padding: 0; margin: 0 0 10px 0; font-family:"Times New Roman", Times, serif; line-height: 1; text-transform: uppercase; } h1 { font-size: 32px } h2 { font-size: 26px } h3 { font-size: 20px; font-family:'flat', arial; } h4 { font-size: 19px; font-family:'kufibold', arial; } h5 { font-size: 15px; font-family:'kufibold', arial; } h6 { font-size: 12px } p { margin-bottom: 30px; color:#404040; } p:last-child { margin-bottom: 0 } strong { font-weight: bold } em { font-style: italic } ol { padding: 0; margin: 0 } ol li { list-style: decimal; padding: 0 0 10px 0; margin: 0 0 0 20px; line-height: 24px } ul { padding: 0; margin: 0; list-style-type: none } cite { float: right; padding: 0 0 5px 0 } hr { background: #e6e6e6; border: 0; clear: both; width: 100%; height: 1px; padding: 0; margin: 20px 0; position: relative } pre { color: #333; white-space: initial; border-radius: 3px; background: #ccc; border-left: 8px solid #1ABC9C; padding: 14px 20px; white-space: initial; margin: 5px 0 20px 0; overflow: auto; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } code { color: #333; background: #ccc; border-left: 8px solid #1ABC9C; padding: 14px 20px; border-radius: 3px; margin: 5px 0 20px 0; clear: both; display: block; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } iframe { max-width: 100%; } mark { padding: 3px 5px; } textarea { white-space:pre; } /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display:inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0 !important } .omega { margin-right: 0 !important } /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .grid_1 { width:6.333%; } .grid_2 { width:14.667%; } .grid_3 { width:23.0%; } .grid_4 { width:31.333%; } .grid_5 { width:39.667%; } .grid_6 { width:48.0%; } .grid_7 { width:56.333%; } .grid_8 { width:64.667%; } .grid_9 { width:73.0%; } .grid_10 { width:81.333%; } .grid_11 { width:89.667%; } .grid_12 { width:98.0%; } .grid_12:after { content: ""; clear: both; } .grid_full { width:100%; } .row { width: 1060px; margin: 0 auto; padding: 0 40px; position: relative; } .boxed { margin: 0 auto; width: 1140px; background: #fff; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } .boxed-margin { margin: 30px auto; width: 1140px; background: #fff; position: relative; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); } #layout { position: relative; } .snapjs-left #layout { box-shadow: -10px 0 10px rgba(0, 0, 0, 0.3); } .full { width: 100%; margin: 0 auto; background: #fff; } .left-sidebar .posts { float: right } body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin { margin: 0 auto; width: 1140px; box-shadow: none; } body[class^="frame_"] div.frame_1 { background: url(images/frames/1.png) repeat-y center top;} body[class^="frame_"] div.frame_2 { background: url(images/frames/2.png) repeat-y center top } body[class^="frame_"] div.frame_3 { background: url(images/frames/3.png) repeat-y center top } body[class^="frame_"] div.frame_4 { background: url(images/frames/4.png) repeat-y center top } body[class^="frame_"] div.frame_5 { background: url(images/frames/5.png) repeat-y center top } body[class^="frame_"] div.frame_6 { background: url(images/frames/6.png) repeat-y center top } body[class^="frame_"] div.frame_7 { background: url(images/frames/7.png) repeat-y center top } body[class^="frame_"] div.frame_8 { background: url(images/frames/8.png) repeat-y center top } body[class^="frame_"] div.frame_9 { background: url(images/frames/9.png) repeat-y center top } body[class^="frame_"] div.frame_10 { background: url(images/frames/10.png) repeat-y center top } #LandingPage[class^="frame_"] .full #header, #LandingPage[class^="frame_"] .boxed #header, #LandingPage[class^="frame_"] .boxed-margin #header { width: auto !important } #LandingPage[class^="frame_"] .full, #LandingPage[class^="frame_"] .boxed, #LandingPage[class^="frame_"] .boxed-margin { margin: 0 auto; box-shadow: none; } #LandingPage .boxed-margin {margin: 0 auto} /* Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Header ----------------------------------------------------------------------------------------------------*/ .dropdown { background: #191919; color: #fff } .arrow-down { position: absolute; width: 0; height: 0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 22px solid #191919; right: 20px; bottom: -22px; color: #FFF; z-index: 9999; cursor: pointer; -webkit-transition: all 1s; transition: all 1s; } .arrow-down i { position: absolute; bottom: 6px; right: -4px; } .opened { border-top: 0; border-bottom: 22px solid #FFF; bottom: 0px; color: #191919; -webkit-transition: all 0.5s; transition: all 0.5s; } .opened i { bottom: -20px; } .extrabox { position: absolute; top: -1000px; right: 0; z-index: 999; width: 100%; background: #191919; background: rgba(25, 25, 25, 0.99); } .extra-content { padding: 32px 16px; display: inline-block; width: 100%; color: #BFBFBF; } .extra-content h3 { color: #fff; border-bottom: 1px solid #fff; font-size: 14px } .extra-content .liner, #footer .liner { border-bottom: 1px solid #313131; } /* contactForm ----------------------------------------------------------------------------------------------------*/ #contactForm-widget span { margin-left: 10px; color: #F00; } #contactForm-widget span i { color: #fff; } #contactForm-widget #message { display: block; width: 100%; border: 1px solid #2C2C2C; -webkit-border-radius: 3px; border-radius: 3px; padding: 16px 10px; font-size: 11px; background: #222; color:#FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #contactForm-widget #senderName, #contactForm-widget #senderEmail { display: block; width: 100%; border: 1px solid #2C2C2C; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 10px; line-height: 24px; height: 34px; font-size: 11px; background: #222; color:#FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #contactForm-widget #senderEmail { float: right; } #contactForm-widget .flr { margin: 0 0 10px 0 !important; } #contactForm-widget .fll { margin: 0 0px 10px 0 !important; } #contactForm-widget #senderName:focus, #contactForm-widget #senderEmail:focus, #contactForm-widget #message:focus { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #696969 } .fieldtrue { border: 1px solid #1ABC5B !important } .fielderror { border-color: #F00 !important; } #contactForm-widget #sendMessage { background: #222; color: #FFF; margin: 10px 0 0 0; padding: 10px 20px; border: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } #contactForm-widget #sendMessage:hover { background: #696969; } .error { color: red } .load-color { background: #191919 !important; cursor: default !important; } #contactForm-widget textarea { width: 98%; } #contactForm-widget #comment-button { background: #2C3E50; color: #FFF; margin: 20px 0 0 0; padding: 10px 20px; border: 0; -webkit-border-radius: 3px; border-radius: 3px; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } #contactForm-widget #comment-button:hover { background: #1ABC9C } /* contactForm ----------------------------------------------------------------------------------------------------*/ #contactForm span { margin: 11px 10px; display: inline-block; color: #F00; } #contactForm span strong { color: #F00; } #contactForm i { color: #fff; margin: 0 10px 0 0 } #track_input, #contactForm #senderName, #contactForm #senderEmail { display: block; width: 100%; border: 1px solid #EAEAEA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 10px; line-height: 24px; height: 34px; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #contactForm #message { display: block; width: 100%; border: 1px solid #EAEAEA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 16px 10px; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #track_input:focus, #contactForm #senderName:focus, #contactForm #senderEmail:focus, #contactForm #message:focus { background: #fff; border: 1px solid #C5C5C5; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } #track_order label { font-weight: 600; margin-bottom: 14px; } #contactForm #senderEmail { float: right; } #contactForm .flr { margin: 0 0 10px 0 !important; } #contactForm .fll { margin: 0 0px 10px 0 !important; } .fieldtrue { border: 1px solid #1ABC5B !important } .fielderror { border-color: #F00 !important; } #contactForm #sendMessage, #sendOrder { width: auto; margin-top: 10px; float: right; padding: 8px 10px; display:inline-block; cursor:pointer; position:relative; background:#191919; -webkit-border-radius: 2px; border-radius: 2px; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.1); background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08))); -moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #contactForm #sendMessage:hover, #sendOrder:hover { background:#333 } #contactForm textarea { width: 98%; } #contactForm #comment-button { background: #2C3E50; color: #FFF; margin: 20px 0 0 0; padding: 10px 20px; border: 0; -webkit-border-radius: 3px; border-radius: 3px; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } #contactForm #comment-button:hover { background: #1ABC9C } #login_form_official #login_input, #register_form_official #register_input { display: block; width: 300px; border: 1px solid #EAEAEA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 10px; line-height: 24px; height: 34px; font-size: 12px; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #login_form_official #login_input:focus, #register_form_official #register_input:focus { background: #fff; border: 1px solid #C5C5C5; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } #login_form_official #login_button, #register_form_official #register_button { width: auto; margin-top: 10px; padding: 8px 10px; display:inline-block; cursor:pointer; position:relative; background:#191919; -webkit-border-radius: 2px; border-radius: 2px; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.1); background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08))); -moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #login_form_official #login_button:hover, #register_form_official #register_button:hover { background:#333 } #login_form_official span { display: block; padding: 10px 0 0 } .head { position: relative; /*background: #fff url(images/backgrounds/headbg2.jpg) no-repeat center center;*/ background-color:#FFF; /*border-top: 5px solid #191919;*/ } .headBG { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .logo { float: left; margin: 30px 0 0 1px; width: 210px; } .header_ads { margin: 40px 0; float: right; } .social-head { float: right; margin: 40px 0 40px 0px; } .social a { float: left; text-align: center; margin: 0 0 0 1px; width: 32px; height: 32px; border: 1px solid #DDD; border-radius: 2px; -webkit-border-radius: 2px; color: #ACACAC; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } .social a:hover { color: #fff; border: 1px solid #fff; } .social a:hover i { color: #fff; } .social a i { padding: 9px 0; display: block; font-size: 14px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-border-radius: 2px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background-image: url(images/reflect.png); background-position: 32px; background-repeat: no-repeat; } .tt-metro-social a i { padding: 6px 0; font-size: 20px; } .social a:hover i { background-position: -1px } .headdown .social a:hover i { background-position: -3px } .circular a, .circular a:hover, .circular a:hover i { -webkit-border-radius: 100%; border-radius: 100%; } .with_color a { color: #fff } .social a:hover .icon-twitter, .social a:hover .icons-social-twitter, .with_color a .icon-twitter, .with_color a .icons-social-twitter { background-color: #81CFE0; } .social a:hover .icon-facebook, .social a:hover .icons-social-facebook, .with_color a .icon-facebook, .with_color a .icons-social-facebook { background-color: #336E7B; } .social a:hover .icon-dribbble, .social a:hover .icons-social-dribbble, .with_color a .icon-dribbble, .with_color a .icons-social-dribbble { background-color: #fa4086; } .social a:hover .icon-rss, .social a:hover .icons-rss, .with_color a .icon-rss, .with_color a .icons-rss { background-color: #f1862f; } .social a:hover .icon-github, .social a:hover .icons-social-github, .with_color a .icon-github, .with_color a .icons-social-github { background-color: #333; } .social a:hover .icon-instagram, .with_color a .icon-instagram { background-color: #67809F; } .social a:hover .icon-linkedin, .social a:hover .icons-social-linkedin, .with_color a .icon-linkedin, .with_color a .icons-social-linkedin { background-color: #0073b2; } .social a:hover .icon-pinterest, .social a:hover .icons-social-pinterest, .with_color a .icon-pinterest, .with_color a .icons-social-pinterest { background-color: #d9031f; } .social a:hover .icon-google-plus, .social a:hover .icons-social-google-plus, .with_color a .icon-google-plus, .with_color a .icons-social-google-plus { background-color: #EF4836; } .social a:hover .icon-foursquare, .with_color a .icon-foursquare { background-color: #0cbadf } .social a:hover .icon-skype, .social a:hover .icons-social-skype, .with_color a .icon-skype, .with_color a .icons-social-skype { background-color: #00b9e5 } .social a:hover .icon-cloud, .social a:hover .icons-social-soundcloud, .with_color a .icon-cloud, .with_color a .icons-social-soundcloud { background-color: #ff7700 } .social a:hover .icon-youtube, .social a:hover .icons-social-youtube, .with_color a .icon-youtube, .with_color a .icons-social-youtube { background-color: #EF4836 } .social a:hover .icon-tumblr, .social a:hover .icons-social-tumblr, .with_color a .icon-tumblr, .with_color a .icons-social-tumblr { background-color: #325c94 } .social a:hover .icon-stackexchange, .with_color a .icon-stackexchange { background-color: #4e4e4e; } .social a:hover .icon-flickr, .social a:hover .icons-social-flickr, .with_color a .icon-flickr, .with_color a .icons-social-flickr { background-color: #fa4086 } .info { float: left; margin: 10px 0; } .info2 { float: right; margin: 10px 20px; } .info span { margin: 0 0 0 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#8d8d8d; } .info i { margin: 10px 0 0 10px; color:#afafaf; } .headdown { background: #191919; color: #fff } .headdown2 { background: #F8F8F8; color: #000; border-bottom: solid 2px #EEEEEE; height:38px; } .headdown .social-head { margin: 6px 0 6px 10px } .headdown .social a { width: 28px; height: 28px; border: 1px solid #272727 } .headdown .social a:hover { border: 1px solid #000 } .headdown .social a i { padding: 7px 0 } /* Superfish ----------------------------------------------------------------------*/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index: 999; } .sf-menu { line-height: 1.0; float: left; padding: 15px 0; position: relative; margin: 0 0 0 -20px; } .sf-menu ul { position: absolute; top: -999em; width: 172px; } .sf-menu ul li { width: 100%; margin: 0; padding: 10px 0; background: #191919; } .sf-menu ul li:hover, .sf-menu li li.current { background: #222 } .sf-menu li:hover { visibility: inherit } .sf-menu li { float: left; position: relative; padding: 0 20px } .sf-menu li:before { content: '/'; color: #818181; font-size: 8px; position: absolute; left: 0; top: 2px } .sf-menu li:first-child:before, .sf-menu li li:before, .sf-menu li.back:before { content: '' !important } .sf-menu li li { border-top: 1px solid #252525; border-bottom: 1px solid #141414; margin:0; padding: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } .sf-menu li li:first-child { border-top: 1px solid #fff } .sf-menu li li li:first-child { border-top: 1px solid #222 !important } .sf-menu li li a { padding: 8px 15px; line-height: 20px; color: #A8ACAF; text-transform: none; letter-spacing: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sf-menu li li a:hover { padding-left: 22px } .sf-menu ul ul:before { position: absolute; width: 0 !important; padding: 0 !important; margin: 0 !important; height: 0 !important; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; left: 0; top: 0 } .sf-menu i { margin-right: 8px } .sf-menu a { display: block; position: relative; color: #B9B9B9; text-transform: uppercase; font-family: 'flat', arial; font-size: 17px; font-weight: normal; } .sf-menu li li a { font-family:Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal } .sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a { color: #fff } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; z-index: 999; top: 11px; padding: 16px 0 0 0; -webkit-animation: lr 0.3s; animation: lr 0.3s } .sf-menu li:hover ul li ul, .sf-menu li.sfHover ul li ul, .sf-menu li:hover ul li ul li ul, .sf-menu li.sfHover ul li ul li ul { left: 172px; z-index: 999; top: -1px !important } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 172px; top: -1px !important; padding: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 172px; top: 0; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** arrows **/ .sf-menu a.sf-with-ul { min-width: 1px } .sf-sub-indicator { position: absolute; display: block; text-indent: -999em; overflow: hidden; } a > .sf-sub-indicator { position: absolute; width: 0; height: 0; left: 28%; top: 19px; } li li a .sf-sub-indicator { border-bottom: 0 !important } .first-head li:hover > a { color: red } .sf-menu li.back { position: absolute; padding: 0 !important; margin: 0 !important; top: 36px; overflow: inherit !important } .sf-menu li.back .left { position: absolute; width: 0 !important; padding: 0 !important; margin: 0 !important; height: 0 !important; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; left: 42%; } #header .search { float: right; } #header .search form { position: relative; } #header .search input { font-family:Tahoma, Geneva, sans-serif; margin: 9px 0; padding: 0 10px; line-height: 24px; height: 24px; border: 1px solid #FFF; border-radius: 20px; font-size: 12px; color: #AAA; cursor: default; width: 134px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #header .search input:focus { box-shadow: none; width: 160px; color: #191919; } #header .search:hover button { color: #191919 } #header .search button { position: absolute; top: 10px; right: 12px; background: none; border: 0; color: #DDD; font-size: 11px; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #header .search button:hover { color: #666; } /* Page Content ----------------------------------------------------------------------*/ .page-content { margin: 70px 0; } .grey-line { width: 100%; padding: 40px 0; background: #F2F2F2 url(images/backgrounds/actionbg.jpg) no-repeat fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /*border-top: 2px solid #e9e9e9; border-bottom: 2px solid #e9e9e9;*/ } .grey-line.official_feature_one { padding: 40px 0 0; } .action-simple { text-align: center; padding: 0 0 45px 0; border-bottom: 1px solid #E6E6E6; } .action-simple h5 { color: #919191 } .col-title { font-family:'flat', arial; padding: 0 0 10px; margin: 0; font-size: 22px; color:#2C3E50; /*border-bottom: 1px solid #000;*/ display: inline-block; } .col-title i { margin-right: 8px } .official-shop h3 small { display: block; margin-top: 10px; text-transform: none; } #footer .col-title { color: #fff; border-bottom: 1px solid #fff; } .liner { display: block; width: 100%; /*border-bottom: 2px solid #E6E6E6;*/ margin: -1px 0 20px; } .liner2 { display: block; width:20%; border-bottom: 2px solid #E6E6E6; margin: -1px 0 20px; } .list, .tower { line-height: 24px; } .list i { margin-right: 2px; } .breadcrumb-place { height: 110px; background: #0b0b0b url(images/breadcrumb19.jpg) repeat; } .page-title { font-family: 'kufibold', arial; font-weight:normal; float: left; margin: 0; color: #fff; padding: 46px 0 0 0; font-size:18px; } .breadcrumbIn { float: right; padding: 45px 0 0 0 } .breadcrumbIn span { display: inline-block; font-size: 11px; color : #C2C2C2; } .breadcrumbIn ul { display: inline-block; } .breadcrumbIn ul li { color : #C2C2C2; font-size: 12px; padding: 0 10px; font-weight: normal; display: inline-block; white-space: nowrap; position: relative; } .breadcrumbIn ul li a { color : #fff } .breadcrumbIn ul li a:hover { color : #ddd } .breadcrumbIn li:before { content: "/"; position: absolute; display: block; font-size: 8px; left: -6px; top: 1px; } .breadcrumbIn li:first-child:before { content: ""; height: 0; width: 0; border: 0; } /* Header versions ----------------------------------------------------------------------*/ .header_v2 .sf-menu { float: right; margin: 40px 0 0 -20px; } .header_v2 .sf-menu li:before, .header_v2 .sf-menu li:first-child:before { content: ''; } .header_v2 .sf-menu li { padding: 0; } .header_v2 .sf-menu li a { background: none; padding: 10px 14px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .header_v2 .sf-menu > li:hover > a, .header_v2 .sf-menu > li > a:hover, .header_v2 .sf-menu > li.current > a { color: #FFF; background: #191919; z-index: 999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .header_v2 .sf-menu ul li:hover { background: #222; } .header_v2 .sf-menu li.back { top: 15px; background: #191919; display: none } .header_v2 .sf-menu li.back .left { border: 0 !important; } .header_v2 .sf-menu li:hover ul, .header_v2 .sf-menu li.sfHover ul { top: 32px; padding: 0; -webkit-animation: fadeInUp 0.4s; animation: fadeInUp 0.4s; } .header_v2 .sf-menu li li:first-child { border-top: 0 } .magazine_header .sf-menu li:hover ul, .magazine_header .sf-menu li.sfHover ul { -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s; } .header_v3 .sf-menu li.back .left { position: relative; width: auto !important; left: 0 } .header_v3 .sf-menu li:before { content: '-'; } .header_v3 .headdown .search input { -webkit-border-radius: 2px; border-radius: 2px; } .header_v3 .sf-menu li:hover ul, .header_v3 .sf-menu li.sfHover ul { -webkit-animation: flipInY 0.4s; animation: flipInY 0.4s; } .header_v4 .logo { float: none; margin: 30px auto; } .header_v4 .sf-menu { float: none; margin: 0 auto; text-align:center; } .header_v4 .sf-menu li { float: none; display: inline-block; } .header_v4 .sf-menu li li { text-align:left; } .header_v4 .sf-menu li:before { content: "\f141"; font-family: FontAwesome; left: -4px; } .header_v4 .sf-menu li.back .left {border-radius: 50%} .header_v4 .sf-menu li:hover ul, .header_v4 .sf-menu li.sfHover ul { -webkit-animation: fadeInRight 0.4s; animation: fadeInRight 0.4s; } .header_v5 .info { margin: 12px 0 12px; font-size: 11px; color: #ACACAC; } .header_v5 .sf-menu li:hover ul, .header_v5 .sf-menu li.sfHover ul { -webkit-animation: fadeInLeft 0.4s; animation: fadeInLeft 0.4s; } .header_v6 .sf-menu li.back { top: 40px; background: #FFF; height: 2px !important; } .header_v6 .sf-menu li:hover ul, .header_v6 .sf-menu li.sfHover ul { -webkit-animation: fadeInRight 0.4s; animation: fadeInRight 0.4s; } .header_v6 .sf-menu li.back .left {display: none} .header_v7 .sf-menu { float: right } .header_v7 .social-head { float: left; margin: 6px 0 6px } .header_v7 .sf-menu li.back { top: 0px } .header_v7 .sf-menu li.back .left { border-top: 6px solid #FFF; border-bottom: 0 } .header_v7 .sf-menu li:hover ul, .header_v7 .sf-menu li.sfHover ul { -webkit-animation: fadeInUp 0.5s; animation: fadeInUp 0.5s; } .header_v8 .head {border-top: 0;} .header_v8 .arrow-down { border-top: 22px solid #FFF; color: #000; } .header_v8 .opened {border-top: 0 !important} .header_v8 .sf-menu { float: right; margin-right: 20px } .header_v8 .social-head { float: left; margin: 6px 0 6px } .header_v8 .sf-menu li.back .left {border: 0} .header_v8 .sf-menu li.back { top: 0px; background: #2E2E2E; height: 41px !important; border-bottom: 1px solid #FFF; z-index: 0; } .header_v8 .sf-menu a {z-index: 999} .header_v8 .sf-menu li:before {content: ''} .header_v8 .sf-menu li:hover ul, .header_v8 .sf-menu li.sfHover ul { -webkit-animation: fadeInLeft 0.3s; animation: fadeInLeft 0.3s; } .header_v9 .info { float: right; margin: 12px 20px; font-size: 11px } .header_v9 .social-head { float: left; margin: 6px 0 6px } .header_v9 .head { border-top: 0 } .header_v9 .arrow-down { border-top: 22px solid #FFF; color: #000; } .header_v9 .opened {border-top: 0 !important} .sticky { position: fixed !important; z-index: 1000; top: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .full .sticky { width: 100%; left: 0 } .header_v2 .sticky .logo {margin: 4px 0;width: 180px} .header_v2 .sticky .sf-menu, .header_v3 .sticky .sf-menu {margin: 0} /* Blog Post ----------------------------------------------------------------------*/ .btn-share { float: left; margin-right: 10px; } .thumb-big img { border-radius: 3px; } .thumb-medium { width: 48%; } .thumb-medium img { border-radius: 3px; } .thumb-small { width: 33%; } .thumb-small img { border-radius: 3px; } .content-half { float: left; width: 48%; padding-left: 1%; } .content-two-third { float: left; width: 63%; padding-left: 1%; } .grid_7 .content-two-third { width: 62%; } .iframe-thumb { border-radius: 3px; overflow: hidden } .iframe-thumb iframe { width: 100% } .post { display: inline-block; position: relative; width: 100%; padding: 0 0 15px 0; margin: 0 0 15px 0; } .post p { font-size:13px; line-height:22px; text-align:justify; } .two-column .post { width: 48% !important; margin: 0 1% 20px !important; } .two-column .image-author { margin: -20px 10px 0; } .three-column .post { width: 31.3% !important; margin: 0 1% 20px !important } .three-column .image-author { margin: 10px 10px 0; width: 40px; height: 40px } .post .tbutton, .two-column .tbutton, .three-column .tbutton { float: right } .post-format { float: left; margin-right: 30px } .post-format .circle-radius { width: 60px; height: 60px; display: block; background-color: #F2F2F2; text-align: center } .post-format i { font-size: 18px; margin: 20px 0; left: 37%; float: left; color: #A0A0A0; z-index: 5; position: relative } .icon-heart:hover, .icon-heart-empty:hover { color: #EC4C4C } .search-result .meta-box { width: 82% } .search-result .meta-box h3 { margin: 12px 0 8px 0 } .meta-box { position: relative; z-index: 99; display: inline-block; width: 100%; margin: 0 0 20px 0; color: #e6e6e6 } .image-author { float: left; margin: -20px 20px 0 20px; border-radius: 50%; -webkit-border-radius: 50%; width: 80px; height: 80px; } .image-author-big { border-radius: 50%; -webkit-border-radius: 50%; width: 160px; height: 160px; } .author-box { display: inline-block; border-bottom: 1px solid #E6E6E6; padding: 0 0 40px 0; margin: 0 0 40px 0; width: 100%; } .author-box .author-details { float: left; width: 73%; margin-top: 30px; } .author-box h3 { font-size: 18px } .author-box small { color: #C2C2C2; font-weight: normal; text-transform: none; font-size: 11px; } .author-social { float: right; } .post-links { display: inline-block; border-bottom: 1px solid #E6E6E6; padding: 0 0 40px 0; margin: 0 0 40px 0; width: 100%; } .post-links a { margin-bottom: 0; font-weight: bold; text-transform: uppercase; width: 47%; } .post-links a.flr { text-align: right } .meta-box h3 { font-size: 16px; font-weight: bold; margin: 18px 0 8px 0; } .meta-more a { color: #656565; } .meta-more a:hover { color: #696969; } .meta-more span { margin-left: 20px; color:#656565; } .meta-more span:first-child { margin-left: 0; } .post .blockquote-post { position: relative; background: #323232; color: #fff; padding: 32px 32px 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .blockquote-post span { position: absolute; bottom: 10px; right: 20px; font-size: 11px; color: #ddd; } .pagination-tt ul { float: left; } .pagination-tt ul li { display: inline-block; margin: 0; } .pagination-tt ul li span { display: block; padding: 10px 12px; border-bottom: 2px solid #F7F7F7; color: #696969; } .pagination-tt ul li a { display: block; padding: 10px 12px; border-bottom: 2px solid #191919; color: #191919; border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .pagination-tt ul li a:hover { color: #fff; background: #191919 } .pagination-tt .pages { float: right; padding: 10px 12px; border-bottom: 2px solid #F7F7F7; border-radius: 3px; -webkit-border-radius: 3px; } .m-thumbnails h3 { margin: 0px 0 8px 0; line-height: 20px; } .m-thumbnails .iframe-thumb { width: 48% } .s-thumbnails h3 { margin: 0px 0 8px 0; line-height: 20px; font-size:16px; font-weight:bold; } .s-thumbnails .iframe-thumb { width: 33% } .for-big { margin-top: 14px !important } .blockquote { font-family: "Times New Roman", Times, serif; font-size:16px; font-style:italic; font-weight:bold; text-shadow:1px 1px 3px transparent; color:#D2302D; line-height: 24px; margin: 40px 20px; padding: 20px; overflow:hidden; border-left:5px solid #E6E6E6 } .blockquote.left { width:33%; float:left; } div.blockquote.right { width:33%; float:right; } .loop_box_one .first-post h3 { font-size: 16px; margin: 20px 0 2px 0; line-height: 24px; } .loop_box_one .first-post { width: 332px; float: left; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #F5F5F5; } .loop_box_one .more-posts { width: 333px; float: left; padding: 0 0 20px 0; margin: 0 0 20px 20px; border-bottom: 1px solid #F5F5F5; } .loop_box_one.halflooper .more-posts { margin: 0 0 20px 0; } .loop_box_one .more-posts h3 { font-size: 12px; } .loop_box_one .box li h3 { text-transform:uppercase; font-size: 16px; margin: 32px 0 16px 0; line-height: 24px; } .loop_box_one .first-post .post-thumbnail img { width: 100%; } .loop_box_one .first-post .post-meta-ab { color: #CCC; font-size: 11px; } .loop_box_one .first-post .post-meta-ab span:first-child { margin-right: 0 } .loop_box_one .first-post .post-meta-ab span { margin-left: 20px; color:#969696; } .loop_box_one .date i { padding-right: 0px; } .loop_box_one .view i { padding-right: 4px; } .loop_box_one .comments i { padding-right: 4px; } .loop_box_one .more-posts:last-child { border-bottom: 0px; } .loop_box_one .box .more-posts h3 { font-size: 12px; margin: 0 0 16px 0; line-height: 20px; } .loop_box_one .more-posts .post-thumbnail { float: left; width: 100px; height: 70px; margin: 0 16px 0 0; } .loop_box_one .post-meta { font-size: 11px; color: #969696; } /* li Scroll Breaking News ----------------------------------------------------------------------*/ .breaking-news-bar { padding: 10px 0; } .boxed .breaking-news-bar { background: none; box-shadow: none; border-bottom: 1px solid #F1F1F1; } #news i { padding-right: 24px; font-size: 14px; color: #707070; } .full .breaking-news-bar { padding: 32px 0; margin: 0; } .breaking-news-bar .row { width: 1032px; } .breaking-news-bar .title { float: left; font-size: 16px; font-family:"Times New Roman", Times, serif; font-weight: bold; color: #E64343; padding: 0 16px 0 0; } .tickercontainer { height: 18px; margin: 0; padding: 0; overflow: hidden; border-left: 1px solid #D8D5D5; } .tickercontainer .mask { height: 18px; position: relative; margin: 0; overflow: hidden; } ul.newsticker { position: relative; left: 550px; font: 600 12px Verdana; list-style-type: none; margin: 0; padding: 0; line-height: 18px; color: #d3d3d3; } ul.newsticker li { float: left; margin: 0; } ul.newsticker a { white-space: nowrap; padding: 0; font: bold 12px Verdana; margin: 0 32px 0 0; color: #272727; } ul.newsticker a:hover { color: #979797; } ul.newsticker span { margin: 0 10px 0 0; } .text_block { background: #F7F7FA; padding: 20px 30px; } /* Sidebar ----------------------------------------------------------------------*/ .widget { margin: 0 0 40px 0 } .widget iframe { width: 100% } .widget .list li a { display: block; border-bottom: 1px solid #E6E6E6; line-height: 32px; position: relative; -webkit-transition: border 0.2s ease; transition: border 0.2s ease; } .widget .list li a span { float: right } .widget .list li.current a { color: #191919; border-bottom: 1px solid #ccc; font-weight: 600 } .widget .right-arrow a i { position: absolute; top: 12px; right: 0; display: none } .widget .right-arrow li.current a i { display: block } .widget .right-arrow a:hover i, .widget .right-arrow a:hover i { -webkit-animation: fadeInRight .5s; animation: fadeInRight .5s; display: block } .widget #searchwidget, #newsletters { position: relative; } .widget #searchwidget input, #newsletters input, .coupon_input { margin: 0; padding: 0 10px; line-height: 24px; height: 34px; border: 1px solid #EBEBEB; background: #F7F7F7; border-radius: 3px; font-size: 11px; color: #A7A7A7; cursor: text; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .coupon_input { margin: 0 0 10px 0; padding: 10px 12px; } .coupon_button { float: right; } .widget #searchwidget input:focus, #newsletters input:focus, .coupon_input:focus { background: #fff; border: 1px solid #C5C5C5; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .widget #searchwidget:hover button, #newsletters:hover button { color: #191919; } .widget #searchwidget button, #newsletters button { position: absolute; top: 6px; right: 14px; background: none; border: 0; color: #DDD; font-size: 11px; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .widget #searchwidget button:hover, #newsletters button:hover { color: #666; } .widget.ads img { margin: 0 auto } .newsletter_row #newsletters input { padding: 0 20px; line-height: 24px; height: 42px; font-size: 12px; width: 400px; } .newsletter_row #newsletters button { top: 10px; right: 14px; font-size: 14px; } .tags {} .tags i { margin-right: 4px } .tags a { border: 1px solid #e6e6e6; color: #696969; padding: 6px 10px; margin: 0 0px 4px 0; display: inline-block; border-radius: 2px; -webkit-transition: all .2s ease; transition: all .2s ease; } .tags a:hover { border: 1px solid #aaa; color: #000; text-decoration: none !important; } .extrabox .tags a { border: 1px solid #464646; color: #8A8A8A; padding: 5px 8px; } .extrabox .tags a:hover { border: 1px solid #929292; color: #CECECE; } .tab-content-items li { width: 100%; display: block; padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #CCC; } .tab-content-items li:first-child { padding: 0; margin: 0; border-top: 0 } .tab-content-items .post-thumbnail { float: left; width: 60px; height: 60px; margin: 0 10px 0 0; } .tab-content-items h3 { font-size: 12px; line-height: 18px; font-weight: 400; font-family: Tahoma, Arial; } .tab-content-items .post-meta { font-size: 11px; text-align: right } .tab-content-items span{ margin-left: 10px } .tab-content-items i { margin-right: 4px } .side-navigation { margin: 0 0 30px 0; padding: 0; box-shadow: 0 2px 3px rgba(0,0,0,0.02); list-style: none; background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffffff), color-stop(100%,#fbfbfb)); background: -webkit-linear-gradient(top, #ffffff 2%,#fbfbfb 100%); background: linear-gradient(to bottom, #ffffff 2%,#fbfbfb 100%); border-top: 1px solid #e2e2e2; } .side-navigation a { display: block; position: relative; padding: 11px 16px; border: 1px solid #e2e2e2; border-top: none; -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; font-size:16px; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#454545; } .side-navigation a.active { margin-top: -1px; border-color: #191919; background: #191919; color: #fff; } /* Metro Social ----------------------------------------------------------------------*/ .metro-social li{ position:relative; cursor:pointer; padding:0; margin:1px; float:left; list-style:none; width:49%; height:79px; overflow: hidden; z-index: 10; } .metro-social li:first-child{ width: 49%; margin-right: 2px !important; height:160px; } .grid_3 .metro-social li { width:100%; } .grid_3 .metro-social li:first-child{ height:0; } .metro-social .fb, .metro-social .tw, .metro-social .rssf{ z-index:7; position:relative; display:block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .metro-social li:first-child a{ background-position: center 32px !important; } .metro-social li:first-child h4{ position: absolute; top: 88px; left: 0px; width: 100%; text-align: center; z-index: 10; font-size: 24px; font-weight: bold; } .metro-social li:first-child span{ position: absolute; top: 120px; left: 0px; width: 100%; text-align: center; z-index: 10; font-size: 12px; } .metro-social li a{ background-position: 16px center !important; } .metro-social li h4{ position: absolute; top: 24px; left: 74px; text-align: left; width: 100%; z-index: 10; color: #696969; } .metro-social li span{ position: absolute; top: 40px; text-align: left; left: 74px; width: 100%; z-index: 10; color: #696969; } .metro-social li:first-child i { font-size: 42px; padding: 32px 0 0; text-align: center; } .metro-social i { color: #696969; font-size: 30px; padding: 24px 0 0 28px; display: block !important; -webkit-transition: all .4s ease; transition: all .4s ease; } .metro-social .fb, .metro-social .tw, .metro-social .rssf {border: 1px solid #E6E6E6;width: 98%;height: 98%;-webkit-transition: all .4s ease;transition: all .4s ease;} .metro-social li:hover .fb, .metro-social li:hover .fb i {border-color: #1f69b3} .metro-social li:hover .tw, .metro-social li:hover .tw i {border-color: #43b3e5} .metro-social li:hover .rssf, .metro-social li:hover .rssf i {border-color: #CC181E} .metro-social li:hover .fb i {color: #1f69b3} .metro-social li:hover .tw i {color: #43b3e5} .metro-social li:hover .rssf i {color: #CC181E} .metro-social li:hover { opacity: 1; -webkit-animation: bounce 1s; animation: bounce 1s; z-index: 11; } /* Progress Knob ----------------------------------------------------------------------*/ canvas {} .knob { font-size: 22px !important; font-family: "Marcellus", Tahoma, Arial !important; } .knob-box .knob { top: -10px !important; } .parallax { background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; position: relative; } /* Testimonials ----------------------------------------------------------------------*/ .testimonial-wrapper { margin-bottom: 32px; } .testimonial { color:#373737; background-color:#f3f3f3; margin-bottom:14px; padding: 24px 28px; position:relative; border-radius: 2px; -webkit-border-radius:2px; float:left; } .testimonial p { font-size:14px; font-style:italic; font-family: serif; text-shadow:1px 1px 3px #e4e4e4; margin: 0; } .testimonial-arrow { border-color:#f3f3f3 transparent transparent transparent; border-style:solid; border-width: 20px 0 0 20px; height:0; width:0; position:absolute; bottom:-20px; left: 20px; } .testimonial-arrow2 { border-color:#f3f3f3 transparent transparent transparent; border-style:solid; border-width:20px 20px 0 0; height:0; width:0; position:absolute; bottom:-20px; left: 20px; } .testimonial-s strong { color:#232323; font-style: normal; font-size: 12px; display: block; } .testimonial-s .testimonial-details { margin: 0px 0px 8px 50px; display:block; float:left; font-style: italic; color: #B4B4B4; font-size: 11px; } .testimonial-details2 { padding: 10px 0 0 10px; display: inline-block; } .testimonial-details2 strong { display: inline-block; } .client-avat { position: absolute; bottom: 12px; left: 2px; } .dark .testimonial { color:#fff; background-color:#272727; } .dark .testimonial p { text-shadow: none; } .dark .testimonial-arrow { border-color:#272727 transparent transparent transparent; } .dark .testimonial-arrow2 { border-color:#272727 transparent transparent transparent; } /* Testimonials Slides ----------------------------------------------------------------------*/ #testimonials .slides img { width: auto !important; border-radius: 50%; } #testimonials li { margin: 0; } #testimonials .flex-direction-nav a { display: block; background: none; position: absolute; padding: 0; top: -28px; cursor: pointer; opacity: 1; -webkit-transition: all .3s ease; transition: all .3s ease; } #testimonials .flex-direction-nav a i { font-size: 18px; color: #dedede; display: block; font-weight: bold; -webkit-transition: all .3s ease; transition: all .3s ease; } #testimonials .flex-direction-nav a i:hover { color: #949494; } #testimonials .flex-direction-nav .flex-prev { right: 18px; left: auto; } #testimonials .flex-direction-nav .flex-next { right: 0px; } /* Accordion, Toggle ----------------------------------------------------------------------*/ .accordion-head, .toggle-head { padding: 10px 20px; margin: 8px 0 0 0; font-size: 14px; cursor: pointer; border-bottom: 1px solid #EAEAEA; color: #BDBDBD; transition:all 0.3s; -webkit-transition:all 0.3s; } .accordion-head i, .toggle-head i { padding-right: 8px; } .sub-accordion:first-child .accordion-head, .sub-toggle:first-child .toggle-head { margin: 0; } .accordion-head:hover, .toggle-head:hover { border-bottom: 1px solid #ccc; } .active .accordion-head, .active .toggle-head { color: #191919; border-bottom: 1px solid #191919; } .active .accordion-content, .active .toggle-content { border: 0; -webkit-animation: bounceIn 0.8s; animation: bounceIn 0.8s } .active .icon-minus-sign { -webkit-animation: fadeInUp 1s; animation: fadeInUp 1s } .active .icon-plus-sign { -webkit-animation: fadeInDown 1s; animation: fadeInDown 1s } .accordion-content, .toggle-content { padding:16px; overflow:hidden; font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:bold; line-height:1.5; color:#404040; } .accordion-head-sign, .toggle-head-sign { float:left; margin: 0 10px 0 -20px; cursor:pointer; } .accordion-head-sign i, .toggle-head-sign i { padding: 0; margin: 0; } /* Tabs ----------------------------------------------------------------------*/ .tabs { display:block; padding:0; list-style:none; } .tabs li { display:block; width:auto; padding:0; float:left; margin: 0 3px 0 0; } .tabs li a { display: block; padding: 10px 20px; margin: 0 0 -1px -3px; font-size: 16px; font-family:"Times New Roman", Times, serif; font-weight:bold; cursor: pointer; color: #6a6a6a; border: 1px solid #E6E6E6; border-left: 0; border-bottom: 0; } .grid_3 .tabs li a { padding: 10px 16px; } .tabs li:first-child a { margin: 0 0 -1px 0; border-left: 1px solid #E6E6E6; } .tabs li a:hover { } .tabs li a.active { border: 1px solid #CACACA; border-top: 2px solid; border-bottom: 1px solid #FFF; color: #454545; background: #FFF; } .tabs-content { padding: 16px; display:block; list-style:none; border: 1px solid #CACACA; background: #FFF; } .tabs-content > li { display:none; color:#404040; } .tabs-content > li.active { display:block; overflow:hidden; -webkit-animation: fadeInUp 0.4s; animation: fadeInUp 0.4s; } .tabs:before, .tabs:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .tabs:after { clear:both; } .vert-tab { border-bottom: 0px; text-align: right; } .vert-tab li { float: none; } .vert-tab a { padding: 8px 10px !important; border: 0 !important; border-right: 1px solid #DFDFDF !important; background: none !important; transition:all 0.2s; -webkit-transition:all 0.2s; } .vert-tab a:hover { color: #47C0FF; } .vert-tab a.active { border: 1px solid #DFDFDF !important; border-bottom: 1px solid #DFDFDF !important; border-right: 0 !important; box-shadow: -3px 0 5px rgba(39, 39, 39, 0.1) !important; color: #47C0FF; } .vert-content { padding: 0 0 0 16px !important; border: 0; } @keyframes prot { 20%, 40%, 60%, 80%, 100% { transform-origin: top center; } 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes prot { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } .tabs li a:hover i { opacity: 1; -webkit-animation: prot 1s; animation: prot 1s; z-index: 11; } /* Revolution Slider ----------------------------------------------------------------------*/ .sliderr { overflow: hidden; } /* iView Slider ----------------------------------------------------------------------*/ .iviewSlider { overflow: hidden; } #iview-timer { position: absolute; z-index: 100; cursor: pointer; } #iview-preloader { position: absolute; z-index: 1000; border: #618bd3 1px solid; padding: 1px; width: 100px; height: 3px; } #iview-preloader div { float: left; height: 3px; background: #000; width: 0px; } .iview-strip { display:block; position:absolute; z-index:5; } .iview-block { display:block; position:absolute; z-index:5; } .iview-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .iview-prevNav { left:0px; } .iview-nextNav { right:0px; } .iview-controlNav { position:absolute; z-index:9; } .iview-controlNav a { z-index:9; cursor:pointer; } .iview-controlNav a.active { font-weight:bold; } .iview-controlNav .iview-items ul { list-style: none; } .iview-controlNav .iview-items ul li { display: inline; position: relative; } .iview-controlNav .iview-tooltip { position: absolute; } .iview-caption { position:absolute; z-index:4; overflow: hidden; cursor: default; } .iview-video-show { background: #000; position: absolute; width: 100%; height: 100%; z-index: 101; } .iview-video-show .iview-video-container { position: relative; width: 100%; height: 100%; } .iview-video-show .iview-video-container a.iview-video-close { position: absolute; z-index: 999; right: 58px; top: 10px; background: #222; color: #FFF; height: 20px; width: 20px; text-align: center; line-height: 29px; font-size: 22px; font-weight: bold; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .iview-video-show .iview-video-container a.iview-video-close:hover { background: #444; } #iview { display: block; margin: 0 auto; max-width: 1920px; height: 350px; position: relative; overflow: hidden; } #iview .iviewSlider{ display: block; width: 1140px; height: 350px; overflow: hidden; } .landing #iview { height: 740px !important; } .landing #iview .iviewSlider{ width: 1360px; height: 740px !important; } #iview div.iview-directionNav { position: absolute; top: 50%; left: 0px; z-index: 9; width: 100%; } #iview div.iview-directionNav a { display: block; cursor: pointer; position: absolute; width: 27px; height: 27px; background-image: url(images/iview/bg_direction_nav_iview2.png); text-indent: -9999px; -webkit-transition: left 0.3s ease-in-out; -webkit-transition-property: left,right; -moz-transition: left 0.3s ease-in-out; -moz-transition-property: left,right; -o-transition: left 0.3s ease-in-out; -o-transition-property: left,right; -ms-transition: left 0.3s ease-in-out; -ms-transition-property: left,right; transition: left 0.3s ease-in-out; transition-property: left,right; } #iview div.iview-directionNav a.iview-nextNav { right: -27px; background-position: 27px 0px; } #iview div.iview-directionNav a.iview-prevNav { left: -27px; background-position: 0px 0px } #iview.iview-hover div.iview-directionNav a.iview-nextNav { right: 20px; } #iview.iview-hover div.iview-directionNav a.iview-prevNav { left: 20px; } .iview-controlNav { position: absolute; bottom: 20px; right: 2%; } .iview-controlNav a { text-indent: -9999px; } .iview-controlNav a.iview-control { padding: 0px; float: left; width: 11px; height: 11px; background: url('images/iview/bullets_2.png') no-repeat 0px 0px; line-height: 0px; margin-right: 7px; } .iview-controlNav a.iview-control.active { background-position: 0px -11px; } div.iview-directionNav { position: absolute; top: 150px; left: 0px; z-index: 9; width: 100%; } div.iview-directionNav a { display: block; cursor: pointer; position: absolute; width: 40px; height: 100px; background-image: url(images/iview/nav_paddles.png); text-indent: -9999px; } div.iview-directionNav a:active { background-image: url(images/iview/nav_paddles_down.png); } div.iview-directionNav a.iview-nextNav { right: 20px; background-position: 56px 0px; } div.iview-directionNav a.iview-prevNav { left: 20px; background-position: -16px 0px } .iview-caption2 { color: #FFF; padding: 16px 16px; font-size: 12px; text-shadow: #000 1px 1px 0px; } .iview-caption { background: url('images/iview/caption-bg.png'); color: #FFF; padding: 16px 16px; font-size: 12px; text-shadow: #000 1px 1px 0px; } .landing .iview-caption { background: none; font-family: oswald; } .iview-caption.video-caption { padding: 10px; } .iview-caption.caption1 { text-shadow: none; } .iview-caption.caption2 { background: #FFF; color: #000; text-shadow: none; } .iview-caption.caption3 { background: #c4302b; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; text-shadow: none; } .iview-caption.caption3 div { line-height: 150%; text-align: justify; } .iview-caption.caption4 { background: #618bd3; font-size: 24px; font-weight: bold; text-shadow: none; } .iview-caption.caption5 { background: #FFF; color: #000; font-size: 26px; text-shadow: none; } .iview-caption.caption6 { background: #272727; font-size: 20px; font-weight: bold; text-shadow: none; } #iview-preloader { border: #666 1px solid; width: 150px } #iview-preloader div { background: #666; } /* 3D Slicebox Slider ----------------------------------------------------------------------*/ .myslicebox { position: relative; margin: 0 auto; width: 1140px; } .sb-slider { margin: 50px auto 10px; position: relative; overflow: hidden; width: 100%; list-style-type: none; padding: 0; z-index: 2; } .sb-slider li { margin: 0; padding: 0; display: none; } .sb-slider li > a { outline: none; } .sb-slider li > a img { border: none; } .sb-slider img { max-width: 100%; display: block; } .sb-slider h3 { padding: 10px 20px; text-transform: uppercase; font-size: 18px; bottom: 10px; left: 10px; right: 10px; z-index: 1000; position: absolute; background: #191919; background: rgba(25, 25, 25, 0.5); border-left: 4px solid rgba(255,255,255,0.7); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0.9); opacity: 0.9; color: #fff; -webkit-animation: fadeInUp 1s 1; animation: fadeInUp 1s 1; } .sb-slider li.sb-current .sb-description { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 1; } .sb-slider li.sb-current .sb-description:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; filter: alpha(opacity=99); background: rgba(190,176,155, 0.7); } .sb-perspective { position: relative; } .sb-perspective > div { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -o-backface-visibility : hidden; -ms-backface-visibility : hidden; } .sb-side { margin: 0; display: block; position: absolute; -moz-backface-visibility : hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; } .shadow { width: 980px; height: 168px; margin: -110px auto 0; position: relative; background: transparent url(images/3d-slider/shadow.png) no-repeat bottom center; background-size: 100% 100%; /* stretches it */ z-index: 0; display: none; } .nav-arrows { display: none; } .nav-arrows a { font-size: 24px; padding: 10px 16px; display: block; background: #E9E9E9; position: absolute; top: 50%; left: 2%; cursor: pointer; margin-top: -40px; opacity: 0.9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .nav-arrows a:first-child{ left: auto; right: 2%; } .nav-arrows a:hover { opacity: 1; color: #fff; background: #191919 } .nav-dots { text-align: center; position: absolute; bottom: -5px; height: 30px; width: 100%; left: 0; display: none; } .nav-dots span { display: inline-block; width: 16px; height: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 3px; background: #cbbfae; cursor: pointer; box-shadow: 0 1px 1px rgba(255,255,255,0.6), inset 0 1px 1px rgba(0,0,0,0.1); } .nav-dots span.nav-dot-current { box-shadow: 0 1px 1px rgba(255,255,255,0.6), inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 0 3px #cbbfae, inset 0 0 0 8px #fff; } .nav-options { width: 70px; height: 30px; position: absolute; right: 70px; bottom: 0px; display: none; } .nav-options span { width: 30px; height: 30px; background: #cbbfae url(images/3d-slider/options.html) no-repeat top left; text-indent: -9000px; cursor: pointer; opacity: 0.7; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius: 50%; } .nav-options span:first-child{ background-position: -30px 0px; margin-right: 3px; } .nav-options span:hover { opacity: 1; } /* Nivo Slider ----------------------------------------------------------------------*/ .nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 10px 20px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; font-size:16px; font-weight:bold; text-align:center; filter:alpha(opacity=0.8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; text-decoration:none; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* Modern Slider ----------------------------------------------------------------------*/ .modern-slider{position:relative;width:1140px;height:360px;} .modern-slider img, .modern-slider iframe {width: 1140px;height:360px;} .full .modern-slider, .full .modern-slider img{height:auto;} .mslider-view{overflow:hidden;background-color:#202020;position:relative;height:100%;} .mslider-pages{position:relative;height:100%} .mslider-horizontal .mslider-pages{width:9000px} .mslider-pages > div {position:relative;height:100%} .mslider-horizontal .mslider-pages > div {float:left} .mslider-labels{ position: absolute; bottom: 0; left: 13%; } .mslider-label2{ bottom: 80px; } .mslider-label3{ bottom: 40px; } .mslider-label4{ bottom: 0; } .labele{font-size:1.2em;color:#191919;background-color:#fff;border-left:5px solid #191919;padding:8px 10px;margin-bottom:5px;white-space:nowrap;float:left;clear:left} .mslider-controls{position:absolute;right: 2%;bottom: 4%;} .mslider-horizontal .mslider-controls{margin-top:-20px;} .mslider-vertical .mslider-controls{margin-top:-65px} .mslider-arrow{ width:60px; height:40px; background-color:#fff; cursor:pointer; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .mslider-arrow i{ padding: 9px 0 0 26px; display: block; font-size: 20px; color: #000; } .mslider-arrow:hover i { color: #fff; } .mslider-horizontal .mslider-arrow{float:left} .mslider-arrow:hover{background-color:#191919} .mslider-next{background-repeat:no-repeat;background-position:center} /* Flex Customization ----------------------------------------------------------------------*/ .full .big-slider { margin: 40px auto 0; width: 1060px; } .big-slider .flex-direction-nav a { bottom: 10% !important; top: auto !important; opacity: 1 !important; padding: 8px 14px; background-color: #191919; border-radius: 0 !important; } .big-slider .flex-direction-nav a:hover { background-color: #101010 !important; } .big-slider .flex-direction-nav a i { color: #FFF; font-size: 18px; } .big-slider .flex-direction-nav .flex-next { right: -10px !important; border-left: 1px solid rgba(236, 236, 236, 0.3); } .big-slider .flex-direction-nav .flex-prev { right: 25px !important; left: auto !important; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; border-right: 1px solid rgba(119, 119, 119, 0.3); } .big-slider .flex-direction-nav .flex-next:before { content: ""; border-style: solid; border-width: 0 10px 10px 0px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #575757 rgba(0, 0, 0, 0); height: 0px; position: absolute; right: 0px; top: -10px; width: 0px; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } .big-slider h3 { position: absolute; bottom: 15%; left: 10%; font-size: 24px; background: rgba(28, 28, 28, 0.8); color: #FFF; padding: 10px; font-weight: normal; text-transform: uppercase; display: none; } .big-slider p { position: absolute; bottom: 10%; left: 10%; background: rgba(28, 28, 28, 0.8); color: #D3D3D3; padding: 6px 10px; display: none; } .big-slider .firstly h3, .big-slider .firstly p { display: block } .big-slider .flex-active-slide h3.effect { -webkit-animation: fadeInDown 1.2s 1; animation: fadeInDown 1.2s 1; } .big-slider .flex-active-slide p.effectt { -webkit-animation: fadeInUp 1.3s 1; animation: fadeInUp 1.3s 1; } /* Flex Slider ----------------------------------------------------------------------*/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles */ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {display: block; width: 100%} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 60px 0; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav a {margin: -20px 0 0; display: block;background-color: #272727; padding: 8px; position: absolute; top: 50%; cursor: pointer; opacity: 0; -webkit-transition: all .3s ease; border-radius: 3px; -webkit-border-radius: 3px; } .flex-direction-nav a:hover {background-color: #696969;} .flex-direction-nav a i {color: #fff;} .flex-direction-nav a:hover i {color: #FFF;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 8px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 8px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 0.8;} .flex-direction-nav .flex-disabled {opacity: 0.3 !important; cursor: default;} /* Control Nav */ .flex-control-nav {position: absolute; text-align: center;right: 20px;bottom: 10px;} .flex-control-nav li {margin: 0 6px; display: inline-block;} .flex-control-paging li a {background-color: #BDBEC4;width: 8px; height: 8px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .m-thumb .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background-color: #696969; cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /** Overwrite original style **/ .flexslider { margin: 0 ; background-color : transparent; border: none; position: relative; -webkit-border-radius: 0px; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } /** Control nav **/ .flex-control-nav li { padding: 4px; margin: 0; } .flexslider.position-nav-under .flex-control-nav { position : absolute; top: 4px; right: 4px; } .testimonial-wrapper .flex-control-nav { position : absolute; bottom: 4px; right: 4px; } .flexslider.flexslider.position-nav-under { margin-bottom: 0px; } .flexslider.position-nav-bottom .flex-control-nav { position : absolute; bottom:9px; } .flexslider.position-nav-top .flex-control-nav { position : absolute; top:9px; } .color-nav-dark .flex-control-paging li a { background-color : #A7A7A7; background-color: rgba(236, 236, 236, 0.3); box-shadow: inset -1px 1px 1px rgba(0,0,0,0.5); } .color-nav-dark .flex-control-paging li a:hover, .color-nav-dark .flex-control-paging li a.flex-active { background-color: #618BD3 } .color-nav-light .flex-control-paging li a { background-color : #999; background-color: rgba(255,255,255,0.55); box-shadow: inset -1px 1px 1px rgba(0,0,0,0.5); } .color-nav-light .flex-control-paging li a:hover { background-color: #bbb; background-color: rgba(255,255,255,0.70); } .color-nav-active-black .flex-control-paging li a.flex-active { background-color: #111; } .color-nav-active-green .flex-control-paging li a.flex-active { background-color: #359BED; } .color-nav-active-orange .flex-control-paging li a.flex-active { background-color: #ec6104; } .flex-active { background-color: #fff; } .color-nav-active-red .flex-control-paging li a.flex-active { background-color: #c61013; } .color-nav-active-white .flex-control-paging li a.flex-active { background-color: #fff; } /** Slide theme **/ .flex-slide-theme-horizontal { margin-top:25px; margin-bottom:30px; border-left:1px solid #555; border-right:1px solid #555; border-color:rgba(0,0,0,0.6); } .flex-slide-theme-horizontal .slide-theme { display: block; height: 100%; top:0; left: 0; position: absolute; width:100%; z-index:-1; } .flex-slide-theme-horizontal .slide-theme-side { display: block; height: 26px; position: absolute; width: 45px; } .flex-slide-theme-horizontal .slide-theme-side.slide-bottom-left { background-position: -2px -28px; bottom: -26px; left: -1px; } .flex-slide-theme-horizontal .slide-theme-side.slide-top-left { background-position: -2px 0px; top: -26px; left: -1px; } .flex-slide-theme-horizontal .slide-theme-side.slide-bottom-right { background-position: -64px -28px; bottom: -26px; right: -2px; } .flex-slide-theme-horizontal .slide-theme-side.slide-top-right { background-position: -64px 0px; top: -26px; right: -2px; } .flex-slide-theme-vertical { margin-left:25px; margin-right:25px; border-top:1px solid #555; border-bottom:1px solid #555; border-color:rgba(0,0,0,0.6); } .flex-slide-theme-vertical .slide-theme { display: block; height: 100%; top:0; left: 0; position: absolute; width:100%; z-index:-1; } .flex-slide-theme-vertical .slide-theme-side { display: block; height: 40px; position: absolute; width: 25px; } .flex-slide-theme-vertical .slide-theme-side.slide-bottom-left { background-position: -111px -13px; bottom: -1px; left: -25px; } .flex-slide-theme-vertical .slide-theme-side.slide-top-left { background-position: -167px -16px; top: -1px; left: -25px; } .flex-slide-theme-vertical .slide-theme-side.slide-bottom-right { background-position: -139px -13px; bottom: -1px; right: -25px; } .flex-slide-theme-vertical .slide-theme-side.slide-top-right { background-position: -195px -16px; top: -1px; right: -25px; } /** Custom theme **/ .theme-border-radius-01, .theme-border-radius-01 ul.slides li img { -webkit-border-radius: 4px; border-radius: 4px; } .theme-border-radius-01.position-caption-bottom-left .flex-caption, .theme-border-radius-01.position-caption-bottom-right .flex-caption, .theme-border-radius-01.position-caption-bottom-centered .flex-caption { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .theme-border-radius-01.position-caption-top-left .flex-caption, .theme-border-radius-01.position-caption-top-right .flex-caption, .theme-border-radius-01.position-caption-top-centered .flex-caption { -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .theme-border-radius-02, .theme-border-radius-02 ul.slides li img { -webkit-border-radius: 8px; border-radius: 8px; } .theme-border-radius-02.position-caption-bottom-left .flex-caption, .theme-border-radius-02.position-caption-bottom-right .flex-caption, .theme-border-radius-02.position-caption-bottom-centered .flex-caption { -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; } .theme-border-radius-02.position-caption-top-left .flex-caption, .theme-border-radius-02.position-caption-top-right .flex-caption, .theme-border-radius-02.position-caption-top-centered .flex-caption { -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; } .theme-border-radius-03, .theme-border-radius-03 ul.slides li img { -webkit-border-radius: 12px; border-radius: 12px; } .theme-border-radius-03.position-caption-bottom-left .flex-caption, .theme-border-radius-03.position-caption-bottom-right .flex-caption, .theme-border-radius-03.position-caption-bottom-centered .flex-caption { -webkit-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; } .theme-border-radius-03.position-caption-top-left .flex-caption, .theme-border-radius-03.position-caption-top-right .flex-caption, .theme-border-radius-03.position-caption-top-centered .flex-caption { -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; } .theme-border-radius-04, .theme-border-radius-04 ul.slides li img { -webkit-border-radius: 24px; border-radius: 24px; } .theme-border-radius-04.position-caption-bottom-left .flex-caption, .theme-border-radius-04.position-caption-bottom-right .flex-caption, .theme-border-radius-04.position-caption-bottom-centered .flex-caption { -webkit-border-radius: 0 0 24px 24px; border-radius: 0 0 24px 24px; } .theme-border-radius-04.position-caption-top-left .flex-caption, .theme-border-radius-04.position-caption-top-right .flex-caption, .theme-border-radius-04.position-caption-top-centered .flex-caption { -webkit-border-radius: 24px 24px 0 0; border-radius: 24px 24px 0 0; } .theme-border-01 ul.slides { padding: 2px; } .theme-border-02 { padding: 4px; } .theme-border-03 ul.slides { padding: 7px; } .theme-border-04 ul.slides { padding: 10px; } .theme-shadow-normal { -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.6); box-shadow: 0 1px 4px rgba(0,0,0,0.6); } .theme-shadow-large { -webkit-box-shadow: 0 1px 15px rgba(0,0,0,0.4); box-shadow: 0 1px 15px rgba(0,0,0,0.4); margin:10px; } /** Custom CSS by JoomSpirit **/ .flexslider { overflow:visible !important; } .flexslider ul.slides { background-color: transparent; } .flexslider .slides > li { position:relative; } .flexslider ul.slides li a { display:block; } .flexslider .flex-caption { position : absolute ; left:0; margin: 20px; padding:10px 10px; z-index:10; } .flexslider ul.slides li a, .flexslider ul.slides li a:hover { color : inherit; } .flexslider ul.slides li .flex-caption a { display:inline; color: #359BED; } .flexslider ul.slides li .flex-caption a:hover { color : inherit; text-decoration: underline; } .flexslider ul.slides li a .flex-caption:hover { text-decoration: none; color : inherit; cursor:pointer; } .flexslider.position-caption-bottom-left .flex-caption{ bottom:0; text-align:left; } .flexslider.position-caption-bottom-right .flex-caption { bottom:0; text-align:right; } .flexslider.position-caption-bottom-centered .flex-caption { bottom:0; text-align:center; } .flexslider.position-caption-top-left .flex-caption { top:0; text-align:left; } .flexslider.position-caption-top-right .flex-caption { top:0; text-align:right; } .flexslider.position-caption-top-centered .flex-caption { top:0; text-align:center; } .flexslider.bg-caption-black-00 .flex-caption { background-color : #000; background-image : none; } .flexslider.bg-caption-white-00 .flex-caption { background-color : #fff; background-image : none; } .flexslider.bg-caption-white-09 .flex-caption, .flexslider.bg-caption-black-09 .flex-caption { background-color : transparent; background-image : none; } .flexslider.bg-caption-black-02 .flex-caption { background: black; opacity: 0.8; } .projectslider .flex-direction-nav .flex-next { background-position: 100% 0; right: 20px !important; bottom: 20px !important; top: auto; opacity: 1 !important; } .projectslider .flex-direction-nav .flex-prev { left: auto !important; right: 57px !important; bottom: 20px !important; top: auto; opacity: 1 !important; } .projectslider .flex-direction-nav a { padding: 8px 14px !important; font-size: 20px !important; background-color: #FFF; color: #191919; } .projectslider .flex-direction-nav a:hover {background-color: #191919;} .projectslider .flex-direction-nav a i {color: #191919;} .projectslider .flex-direction-nav a:hover i {color: #FFF;} .from-blog { margin: 0; padding: 0; list-style-type: none; } .from-blog .omega { float:right } .from-blog li { padding: 0; border: 1px solid #e6e6e6; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-bottom: 3px solid #e6e6e6; } .from-blog [class^="grid_"] { margin: 0 .9%; } .from-blog li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-bottom: 3px solid; } .ie8 .from-blog li:hover { border: 1px solid #000; } .from-blog .detailes { text-align: right; padding: 20px 20px 8px; display: block; color: #BFBFBF; height: 100%; } .from-blog .detailes h4 { margin: 0 0 10px 0; line-height:1.5; font-size:16px; } .from-blog .detailes h5 a { color: #000; } .from-blog .detailes a { color: #7e602d; } .from-blog .detailes a:hover, .from-blog .detailes h5 a:hover { color: #696969; } .from-meta { float: right; margin: 0 0 10px 0; } .from-meta a { margin: 0 0 0 8px; } /* Comments ----------------------------------------------------------------------*/ ul.showcomments { margin: 0; } ul.showcomments li { margin: 0; min-height: 100px; } ul.showcomments li.child { margin: 0 0px 40px 112px; } ul.showcomments li.admin-comment h4.entry-title i { color: #FFF; background: #1ABC9C; padding: 1px 6px; margin: 0 0 0 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } ul.showcomments .reply { position: relative; bottom: -10px; left: 0; font-size: 10px; text-align: center; font-style: italic; } ul.showcomments .reply a { background: #1C1C1C; padding: 4px 8px; opacity: .7; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; } ul.showcomments .reply a:hover { background: #191919; opacity: 1; } ul.showcomments .thumb { float: left; margin: 0 30px 0 0; } ul.showcomments .thumb img { width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } ul.showcomments .entry-title { margin: 0 0 12px 0; font-size: 12px; font-family:Tahoma, Geneva, sans-serif; font-weight: bold; padding-top: 6px; } ul.showcomments .entry-title i { padding-left: 8px; font-style: italic; font-weight: normal; font-size: 11px; color: #888; } ul.showcomments span.date { float: right; padding: 0; font-size: 11px; color: #888; background: none; font-family: Tahoma, Arial; font-weight: normal; text-transform: none; } ul.showcomments .entry-meta { font-style: italic; font-size: 11px; margin: 0 0 6px 0; } ul.showcomments .social { margin-top: -8px; float: right; } #commentform input { display: block; width: 100%; border: 1px solid #EAEAEA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 10px; line-height: 24px; height: 34px; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #commentform input:focus { background: #fff; border: 1px solid #C5C5C5; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } #commentform textarea { width: 100%; padding: 10px; background: #F7F7F7; margin: 0 0 20px 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #commentform textarea:focus { background: #fff; border: 1px solid #C5C5C5; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } #commentform .send-message { float: right; max-width: 140px; position: relative; padding: 5px 10px; background: #191919; -webkit-border-radius: 2px; border-radius: 2px; color: #fff; white-space: nowrap; text-transform: uppercase; text-shadow:0 -1px 0 rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.1); background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08))); -moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #commentform .send-message:hover { background:#333 } #commentform .send-message:active { background:#888 } /* Action Box ----------------------------------------------------------------------*/ .action-one {} .action-one .action-t { float: left; width: 80%; } .action-one .action-t i { float: left; font-size: 76px; color: #A17A39; margin-right: 16px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .grey-line:hover .action-t i { color: #696969; -webkit-animation: bounceIn 0.8s; animation: bounceIn 0.8s } .action-one .action-t h3 { margin: 16px 0 10px 0; font-size:22px; line-height:1.3; } .action-one .action-t p { margin: 0; padding: 0; } .action-one .action-button { margin-top:21px; float: right; width: 20%; text-align: center } .action-one .action-button span {line-height: 30px;} .dropcap { font-size: 32px; margin: 0px 16px 8px 0px; text-transform: uppercase; float: left; position: relative; top: 5px; color: white; line-height: 54px; padding: 0px 16px; background: #2B2B2B } .dropcap-txt { font-size: 50px; margin: 0px 16px 8px 0px; text-transform: uppercase; float: left; position: relative; top: 5px; color: #2B2B2B; line-height: 54px; padding: 0px 16px; } .dropcap-border { font-size: 32px; margin: 0px 16px 8px 0px; border: 1px solid #2B2B2B; color: #2B2B2B; text-transform: uppercase; float: left; position: relative; top: 5px; line-height: 54px; padding: 0px 16px; } .highlighter { padding: 2px 6px; margin: 0 6px; } hr.line { margin-bottom: 32px; } hr.dotted { border-bottom: 1px dotted #777; margin-bottom: 32px; background: transparent } hr.double { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: 32px; background: transparent } hr.theme20-1 { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,1), rgba(0,0,0,0)); margin-bottom: 32px; } /* Timeline ----------------------------------------------------------------------*/ .cbp_tmtimeline { margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; } /* The line */ .cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #191919; left: 25px; margin-left: -10px; } .cbp_tmtimeline li { position: relative; } /* Right content */ .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 50px 84px; border: 1px solid #191919; color: #979797; padding: 2em; font-size: 12px; font-weight: 300; line-height: 1.4; position: relative; border-radius: 5px; } .cbp_tmlabel .tt-metro-social a { background: #fff } .cbp_tmtimeline > li .cbp_tmlabel h2 { margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid rgba(255,255,255,0.4); } /* The triangle */ .cbp_tmtimeline > li .cbp_tmlabel:after { left: -20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #191919; border-width: 10px; top: 10px; } /* The Image */ .cbp_tmtimeline > li .cbp_tmicon { width: 80px; height: 80px; position: absolute; text-align: center; left: 0; top: -22px; margin: 0 0 0 -25px; } .cbp_tmtimeline > li .cbp_tmicon img { border: 2px solid #191919; -webkit-border-radius: 100%; border-radius: 100%; } @media screen and (max-width: 65.375em) { .cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 1.5em; } } @media screen and (max-width: 47.2em) { .cbp_tmtimeline:before { display: none; } .cbp_tmtimeline > li .cbp_tmtime { width: 100%; position: relative; padding: 0 0 20px 0; } .cbp_tmtimeline > li .cbp_tmtime span { text-align: left; } .cbp_tmtimeline > li .cbp_tmlabel { margin: 0 0 30px 0; padding: 1em; font-weight: 400; font-size: 95%; } .cbp_tmtimeline > li .cbp_tmlabel:after { right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #191919; top: -20px; } .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { border-right-color: transparent; border-bottom-color: #191919; } .cbp_tmtimeline > li .cbp_tmicon { position: relative; float: left; left: auto; margin: -42px 5px 0 3px; width: 50px; } .cbp_tmtimeline li { position: relative; margin: 0 auto 50px; } } .sec_testimonials {position: relative} .sec_testimonials .cbp_tmtimeline > li .cbp_tmicon { width: 60px; height: 60px; top: 2px; margin: 0 0px 0 2px; } .sec_testimonials .cbp_tmtimeline:before {background: none} .sec_testimonials h3 {font-size: 14px} .sec_testimonials h3 small {font-size: 10px} .sec_testimonials .cbp_tmtimeline {margin: 10px 0 0 0} .sec_testimonials .cbp_tmtimeline > li .cbp_tmlabel:after {top: 22px} .team2 img { margin: 0 0 20px; width: 100% } .team2 h6 { margin: 0 0 6px 0; } .team2 small { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #E2E2E2; display: block; } .team2 .teaminfo { padding: 0 0 10px; border-bottom: 1px solid #E2E2E2; margin: 0 0 10px; } .team2 .teaminfo span { display: block; padding: 0 0 4px; } .team2.tac .social a { float: none; display: inline-table; } /* Progress ----------------------------------------------------------------------*/ .progress-bar { height: 32px; position: relative; margin-bottom: 16px; overflow: hidden; background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9); background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9)); background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9); background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9); background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -webkit-border-radius: 3px; border-radius: 3px; } .progress-bar span { display: inline-block; height: 100%; background-color: #69B5D3; -webkit-transition: width .4s ease-in-out; transition: width .4s ease-in-out; } .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-animation: animate-stripes 3s linear infinite; -moz-animation: animate-stripes 3s linear infinite; } @-webkit-keyframes animate-stripes { 0% {background-position: 0 0;} 100% {background-position: 60px 0;} } @-moz-keyframes animate-stripes { 0% {background-position: 0 0;} 100% {background-position: 60px 0;} } .progress-bar .progress-bar-text { position: absolute; bottom: 8px; left: 8px; font-size: 12px; color: white; text-shadow: 1px 1px 1px rgba(73, 73, 73, 0.66); } .progress-bar .progress-bar-text > span { background: none; } /* Action ----------------------------------------------------------------------*/ .action { border-left: 2px solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .inner { border: 1px solid #eee; border-left: none; padding: 34px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .action .matn { display: inline; } .action .tbutton { margin-top:8px; } .rev .matn { text-align: right; } .dark_action { border-left: 2px solid #00ADFF; background: #191A1D; } .dark_action .inner { border: 2px solid #191A1D; } .dark_action h4 { color: #FFF; } /* Notification Boxes ----------------------------------------------------------------------*/ .notification-box { position: relative; margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px 32px 20px 20px; color:#fff; font-size: 14px; font-weight: normal; font-family: "Marcellus", Tahoma, Arial; -webkit-animation: fadeInUp 1.3s; animation: fadeInUp 1.3s; } a.notification-close { position: absolute; right: 20px; top: 20px; font-size: 12px; } .notification-box p { margin: 0; } .notification-box p i { padding-right: 10px; border-right: 1px solid; margin-right: 10px; } .notification-box-info { color: #65cad3; border: 1px solid #65cad3; } .notification-box-success { color: #1abc9c; border: 1px solid #1abc9c; } .notification-box-warning { color: #eed880; border: 1px solid #eed880; } .notification-box-error { color: #e06f6f; border: 1px solid #e06f6f; } .notification-box-info a { color: #65cad3; } .notification-box-success a { color: #1abc9c; } .notification-box-warning a { color: #eed880; } .notification-box-error a { color: #e06f6f; } /* Countdown ----------------------------------------------------------------------*/ .countdown { margin: 0 auto; text-align: center; font-family: "Marcellus", Tahoma, Arial; font-weight: bold; text-transform: uppercase; } .countdown li { display: inline-block; width: 210px; padding: 90px 10px; border-left: 1px solid #DFDFDF; } .countdown li:first-child { border-left: 0 } .countdown li span { font-size: 100px; color: #191919; position: relative; } .countdown li p.timeRefDays, .countdown li p.timeRefHours, .countdown li p.timeRefMinutes, .countdown li p.timeRefSeconds { margin-top: 24px; color: #555; font-size: 24px; } .the-list li { line-height: 24px } .the-list li i { font-size: 14px; margin-right: 8px; } /* Buttons ----------------------------------------------------------------------*/ .tbutton { display:inline-block; cursor:pointer; position:relative; word-spacing:0.2em; background:#191919; -webkit-border-radius: 2px; border-radius: 2px; color:#fff; white-space: nowrap; text-shadow:0 -1px 0 rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.1); background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08))); -moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .tbutton:hover { color: #fff; background:#333 } .tbutton.color2 { background:#9AD147 } .tbutton.color2:hover { color: #fff; background:#6F9733 } .tbutton.color3 { background: #FF7000; } .tbutton.color3:hover { color: #fff; background: #BE590A; } .tbutton.color4 { background: #09F; } .tbutton.color4:hover { color: #fff; background: #0C6BAA; } .tbutton.color5 { background: #F00; } .tbutton.color5:hover { color: #fff; background: #971919; } .tbutton.color6 { background: #2FEFF7; } .tbutton.color6:hover { color: #fff; background: #28C7CE; } .tbutton.color7 { background: #A58080; } .tbutton.color7:hover { color: #fff; background: #6F5656; } .tbutton.color8 { background: #809FA5; } .tbutton.color8:hover { color: #fff; background: #5E767A; } .tbutton.color9 { background: #3DE4B5; } .tbutton.color9:hover { color: #fff; background: #33C49B; } .tbutton span { display: block; background: url(images/button_bg.png) 0 0 repeat-x; overflow: hidden; } .tbutton:active span { background: url(images/button_bg.png) bottom repeat-x; } .tbutton span { padding: 0 10px; line-height: 2.4em; } .tbutton.small { font-size: 12px; } .tbutton.medium { font-size: 14px; } .tbutton.large { font-size: 19px; font-family: 'flat' , arial; } .tbutton.small span { padding: 0 14px; line-height: 2.3em; } .tbutton.medium span { padding: 0 16px; line-height: 2.5em; } .tbutton.large span { padding: 0 18px; line-height: 2.7em; } /* Portfolio ----------------------------------------------------------------------*/ .portfolio { width: 100% !important; } .portfolio-carousel, .client-carousel, .magazine-carousel { width: 100% !important; overflow: visible !important; } .clients { float: left; overflow: hidden !important; width: 101% !important; margin-left: -10px; } .clients ul { margin: 0; padding: 0; list-style-type: none; } .clients li { width: 248px; height: 120px; margin: 6px 10px; padding: 0; border: 1px solid #F3F3F3; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: border 0.2s ease; transition: border 0.2s ease; } .clients li:hover { border: 1px solid #C0C0C0 } .anyClass { float: left; overflow: hidden !important; width: 101% !important; margin-left: -10px; } .anyClass ul { margin: 0; padding: 0; list-style-type: none; } .anyClass li { width: 248px; height: 255px; margin: 6px 10px; padding: 0; border: 1px solid #e6e6e6; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: border 0.2s ease, box-shadow 0.2s ease; transition: border 0.2s ease, box-shadow 0.2s ease; border-bottom: 3px solid #e6e6e6; } .portfolio li { margin: 6px 10px; padding: 0; border: 1px solid #e6e6e6; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: border 0.2s ease, box-shadow 0.2s ease; transition: border 0.2s ease, box-shadow 0.2s ease; border-bottom: 3px solid #e6e6e6; } .portfolio li { float: left; margin: 0 7px 20px; overflow: hidden; position: relative; } .anyClass li:hover, .portfolio li:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-bottom: 3px solid; } .ie8 .anyClass li:hover, .ie8 .portfolio li:hover { border: 1px solid #000; } .magazine-carousel li { width: 212px !important; height: auto !important; margin: 6px 10px; padding: 0; border: 0 !important; -webkit-border-radius: 0; border-radius: 0; } .magazine-carousel li:hover { border: 0 !important; box-shadow: none !important } .magazine-carousel .detailes { text-align: left; background: none !important } .portfolio-carousel .preve, .portfolio-carousel .nexte { position: absolute; top: 96px; color: #ABABAB; font-size: 36px; cursor: pointer; } .portfolio-carousel .preve { left: -28px } .portfolio-carousel .nexte { right: -28px } .client-carousel .preve, .client-carousel .nexte { position: absolute; top: -50px; color: #ABABAB; font-size: 22px; cursor: pointer; } .client-carousel .preve { right: 16px; } .client-carousel .nexte { right: 0 } .magazine-carousel .preve, .magazine-carousel .nexte { position: absolute; top: -50px; color: #ABABAB; font-size: 22px; cursor: pointer; } .magazine-carousel .preve { right: 16px; } .magazine-carousel .nexte { right: 0 } .preve:hover, .nexte:hover { color: #000; } .detailes { text-align: center; padding: 20px 0; display: block; color: #676767; background: #fff; height: 100%; } .detailes h5 { margin: 0 0 2px 0; font-weight: bold; } .detailes h5 a { color: #202020; } .detailes a { color: #626262; } .detailes p { color: #404040; } .detailes a:hover, .detailes h5 a:hover { color: #000; } .single-first-row h4 { float: left; } .project-links { float: right; color: #ccc; } .project-links a { font-size: 14px; padding: 0 4px } .project-links a:last-child { padding: 0 0 0 4px } /* Filters ----------------------------------------------------------------------------------------------------*/ .filterable {} .filterable ul.filter { padding: 0; display: inline-block; } .filterable ul.filter li { display: inline-block; color: #272727; margin: 0; position: relative; } .filterable li a { padding: 0 10px; font-size: 13px; color: #ccc; -webkit-transition: all 0.2s; transition: all 0.2s; } .filterable li a:hover { color: #191919; } .filterable li.current a { color: #191919; font-weight: 600; } .filterable ul.filter li:last-child { padding-right: 0; margin-right: 0; } .filterable li:before { content: "/"; position: absolute; display: block; font-size: 8px; left: -6px; top: 1px; } .filterable li:first-child:before { content: ""; height: 0; width: 0; border: 0; } /* Image-overlay ----------------------------------------------------------------------*/ .O_hover { overflow: hidden; position: relative; background: #000 } .O_hover img { transform: scale(1); -webkit-transform: scale(1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .O_hover:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-opacity: 0.50; opacity: .50; filter: alpha(opacity=50); } .hover-fx { overflow: hidden; position: relative; background: #000 } .hover-fx img { float: left; opacity: 1; width: 100%; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .anyClass li:hover img, .portfolio li:hover img { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -moz-opacity: 0.50; opacity: .50; filter: alpha(opacity=50); } .hover-fx .fLeft { position: absolute; top: -40%; left: 35%; background: #fff; background: rgba(255, 255, 255, 0.9); padding: 0; color: #525252; -webkit-border-radius: 100%; border-radius: 100%; height: 40px; width: 40px; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .hover-fx .fRight { position: absolute; bottom: -40%; left: 48%; background: #fff; background: rgba(255, 255, 255, 0.9); padding: 0; color: #525252; -webkit-border-radius: 100%; border-radius: 100%; height: 40px; width: 40px; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .hover-fx span { font-size: 16px; padding: 10px 0 0 12px; display: block; } .anyClass li:hover .fLeft, .portfolio li:hover .fLeft { top: 40% } .anyClass li:hover .fRight, .portfolio li:hover .fRight { bottom: 37.8% } .anyClass li.grid_3:hover .fLeft, .portfolio li.grid_3:hover .fLeft { top: 38% } .anyClass li.grid_4:hover .fLeft, .portfolio li.grid_4:hover .fLeft { top: 43%;left: 37%; } .anyClass li.grid_4:hover .fRight, .portfolio li.grid_4:hover .fRight { bottom: 40%;left: 47%; } .anyClass li.grid_6:hover .fLeft, .portfolio li.grid_6:hover .fLeft { top: 45%;left: 40%; } .anyClass li.grid_6:hover .fRight, .portfolio li.grid_6:hover .fRight { bottom: 43.5%;left: 47%; } .fLeft:hover, .fRight:hover { background: #191919; color: #fff; z-index: 999; } /* Services ----------------------------------------------------------------------*/ .services {} .ico_l { font-size: 70px; } .services .stitle {} .services [class^="grid_"]:hover .service-icon { color: #191919; -webkit-animation: flip .8s; animation: flip .8s } .services .tbutton { font-size: 10px; float: right; background-color: #d7d7d7; color: #fff; text-transform: none; } .services [class^="grid_"]:hover .tbutton { color: #fff; background-color: #191919 } .services [class^="grid_"] { opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .services:hover [class^="grid_"] { opacity: 0.4; } .services [class^="grid_"]:hover { opacity: 1; } .services h4 { float: left; font-size: 16px; margin: 10px 0 0 0; padding: 0 0 0 15px; border-left: 1px solid #CCC; } .services h4 small { color: #979797; font-size: 12px; font-family: tahoma; font-weight: normal; text-transform: none; display: block; padding: 4px 0 0 0; } .service-icon { font-size: 50px; float: left; margin: 0 15px 0 0 !important; color: #d7d7d7; -webkit-transition: all 0.3s ease; transition: all 0.3s ease } .tournament-logo { float: right; margin: 0 10px; padding:25px 0 0 0; } .nine { width: 90%; } .service-i i { display: block; float: left; color: #fff; background: #191919; padding: 24px 24px; font-size: 24px; width: 24px; margin: 0 16px 0 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .service-i [class^="grid_"]:hover i { -webkit-animation: wobble .8s; animation: wobble .8s; } .service-i [class^="grid_"] { opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .service-i:hover [class^="grid_"] { opacity: 0.2; } .service-i [class^="grid_"]:hover { opacity: 1; } .service-i h3.service-title { font-size: 16px; } .service-i p { margin: 0; } .service-ii i { display: block; float: left; color: #fff; background: #1c1c1c; padding: 12px 12px; font-size: 12px; width: 12px; margin: 0 16px 0 0; border-radius: 10%; -moz-border-radius: 10%; -webkit-border-radius: 10%; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .service-ii [class^="grid_"]:hover i { -webkit-animation: bounceIn .8s; animation: bounceIn .8s; } .service-ii [class^="grid_"] { opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .service-ii:hover [class^="grid_"] { opacity: 0.2; } .service-ii [class^="grid_"]:hover { opacity: 1; } .service-ii h3.service-title { font-size: 16px; margin: 8px 0 18px; } .service-ii p { margin: 0; } .service-older i { padding-right: 8px; } .service-older h3.service-title { padding: 18px; font-size: 14px; border-radius: 4px; text-transform: uppercase; background-color: #191919; color: #FFF; border-bottom: 3px solid #DDD; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .service-older [class^="grid_"]:hover h3 { background-color: #3D3D3D;border-color: #191919 } /* Footer ----------------------------------------------------------------------*/ #footer { background: #333 url(images/backgrounds/footerbg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 50px 0 0; color: #bfbfbf; border-bottom: 5px solid #101010; } #footer p { color:#BFBFBF; } #footer hr { background: #0C0C0C; box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.07); margin: 10px 0; } #footer .col-title { font-size: 16px; color:#CCC; } .footer-last { background: #101010; padding: 20px 0 !important; } .copyright { /*float: left;*/ padding: 0 20px; color: #696969; } #footer a { color: #fff; } #footer a:hover { color: #666; text-decoration: underline; } #footer .links i { margin-right: 2px; } #footer .links li a { line-height: 24px; } #footer .links li span { display: block; color: #919191; font-size: 11px; margin-bottom: 6px; } #footer .p-title { color: #fff; margin: 0 0 30px 0; } .tweet_list li { margin: 0 0 30px 0; padding: 0 0 0 30px; } .tweet_list .icon-twitter { color: #E7E7E7; font-size: 22px; position: absolute; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .sidebar .tweet_list .icon-twitter { color: #e6e6e6 } .tweet_list li:hover .icon-twitter { color: #666 } .flickr-photos li { float: left; margin: 0 10px 10px 0; width: 70px; height: 70px; opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 99; } .flickr-photos:hover li { opacity: 0.3; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .flickr-photos li:hover { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); } .flickr-photos li img { -webkit-border-radius: 4px; border-radius: 4px } .foot-menu { float: right; padding: 0 10px; } .foot-menu li { float: left; position: relative; padding: 0 10px; } .foot-menu li:before { content: '/'; color: #696969; font-size: 8px; position: absolute; left: -1px; top: 2px; } .foot-menu li:first-child:before { content: '' !important; } .foot-menu li a { font-weight: 600; } /* Top Scroll ----------------------------------------------------------------------*/ .hidett { bottom: -100px !important; } .showtt { bottom:18px !important; } #toTop { position: fixed; right: 32px; z-index: 1000; bottom: -100px; width: 32px; height: 32px; background: #3C3C3C; color: #E2E2E2; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; cursor:pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #toTop i { padding: 8px 0 0 12px; display: block; font-size: 14px; } #toTop:hover i { -webkit-animation: fadeInUp 0.4s; animation: fadeInUp 0.4s } #toTop:hover { opacity: 0.9; background: #191919; color: #fff; } /* Landing Page ----------------------------------------------------------------------*/ #LandingPage li.back { display: none !important } #LandingPage #header { position: fixed; top: 0; z-index: 998; } #LandingPage .full #header { width: 100%; } #LandingPage .header_v2 .sf-menu { margin: 14px 0 0 -20px; } #LandingPage .logo { margin: 10px 0; } #LandingPage .head { background: rgba(255, 255, 255, 0.9); -webkit-animation: initial; -moz-animation: initial; } /* Tables ----------------------------------------------------------------------*/ .price-table { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 97; } .price-table.featured { transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); z-index: 98; background: #121212; } .price-table:hover { transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); z-index: 999; background: #121212; } .Bdetails { background: #191919; color: #fff; position: relative; -webkit-border-radius: 4px; border-radius: 4px; } .Bhead { border-bottom: 1px solid #3D3D3D; } .Bhead h4 { color: #fff; padding: 40px 20px 32px; } .Bhead .table-badge { position: absolute; top: -13px; left: -12px; background: #fff; height: 30px; width: 40px; border-radius: 22px; text-align: center; padding: 9px 0 0 0; font-size: 20px; color: #191919; } .Bhead span { position: absolute; top: 24px; right: 20px; font-size: 40px; text-align: center; font-family: "Marcellus", Tahoma, Arial; } .Bhead small { display: block; font-size: 12px; padding: 12px 0 0 0; } .Blist { padding: 20px 0; } .Blist li { padding: 10px 20px; } .Pbtn { padding: 10px 0 30px 0; } /* Support ----------------------------------------------------------------------*/ /** * bbPress specific CSS * * @package bbPress * @subpackage Theme */ /* =bbPress Style -------------------------------------------------------------- */ #bbpress-forums hr { margin: 0 0 24px 0; } #bbpress-forums { background: transparent; clear: both; margin-bottom: 20px; overflow: hidden; font-size: 12px; } #bbpress-forums div.even, #bbpress-forums ul.even { background-color: #fff; } #bbpress-forums div.odd, #bbpress-forums ul.odd { background-color: #fbfbfb; } body.reply-edit .reply { float: none; } #bbpress-forums div.reply { height: auto; width: 100%; } #bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header { background-color: #f4f4f4; } #bbpress-forums .status-trash.even, #bbpress-forums .status-spam.even { background-color: #fee; } #bbpress-forums .status-trash.odd, #bbpress-forums .status-spam.odd { background-color: #fdd; } #bbpress-forums .status-closed, #bbpress-forums .status-closed a { color: #ccc; } #bbpress-forums ul { list-style: none; margin: 0; padding: 0; } #bbpress-forums li { margin: 0; list-style: none; } #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results { font-size: 12px; overflow: hidden; border: 1px solid #eee; margin-bottom: 20px; clear: both; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-body, #bbpress-forums li.bbp-footer { clear: both; } #bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer { background: #f3f3f3; border-top: 1px solid #eee; font-weight: bold; padding: 8px; text-align: center; } #bbpress-forums li.bbp-header { background: #eaeaea; } #bbpress-forums li.bbp-header ul { overflow: hidden; } #bbpress-forums .bbp-forums-list { margin: 0 0 0 5px; padding-left: 15px; border-left: 1px solid #ddd; } #bbpress-forums .bbp-forums-list li { display: inline; font-size: 11px; } #bbpress-forums li.bbp-footer p { margin: 0; line-height: 1em; } li.bbp-forum-info, li.bbp-topic-title { float: left; text-align: left; width: 55%; } li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count { float: left; text-align: center; width: 10%; } li.bbp-forum-freshness, li.bbp-topic-freshness { text-align: center; float: left; width: 22%; } #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { border-top: 1px solid #eee; overflow: hidden; padding: 8px; } li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle { float: right; } #bbpress-forums div.bbp-forum-title h3, #bbpress-forums div.bbp-topic-title h3, #bbpress-forums div.bbp-reply-title h3 { line-height: 1em; margin: 8px 0; } #bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author { float: left; text-align: center; width: 115px; } #bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar { border: none; max-width: 80px; padding: 0; margin: 12px auto 0 auto; float: none; } #bbpress-forums div.bbp-forum-author a.bbp-author-name, #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name { margin: 0 12px; word-break: break-word; display: inline-block; } #bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role { font-size: 11px; font-style: italic; } #bbpress-forums li.bbp-header .bbp-search-author, #bbpress-forums li.bbp-footer .bbp-search-author, #bbpress-forums li.bbp-header .bbp-forum-author, #bbpress-forums li.bbp-footer .bbp-forum-author, #bbpress-forums li.bbp-header .bbp-topic-author, #bbpress-forums li.bbp-footer .bbp-topic-author, #bbpress-forums li.bbp-header .bbp-reply-author, #bbpress-forums li.bbp-footer .bbp-reply-author { float: left; margin: 0; padding: 0; width: 120px; } #bbpress-forums li.bbp-header .bbp-search-content, #bbpress-forums li.bbp-footer .bbp-search-content, #bbpress-forums li.bbp-header .bbp-forum-content, #bbpress-forums li.bbp-footer .bbp-forum-content, #bbpress-forums li.bbp-header .bbp-topic-content, #bbpress-forums li.bbp-footer .bbp-topic-content, #bbpress-forums li.bbp-header .bbp-reply-content, #bbpress-forums li.bbp-footer .bbp-reply-content { margin-left: 140px; padding: 0; text-align: left; } div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header, li.bbp-body div.hentry { margin-bottom: 0; overflow: hidden; padding: 8px; } div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header { border-top: 1px solid #ddd; clear: both; } span.bbp-author-ip { font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif; font-size: 11px; font-weight: bold; color: #aaa; } /* =Topic and reply content -------------------------------------------------------------- */ #bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content { margin-left: 130px; padding: 12px 12px 12px 0; text-align: left; } #bbpress-forums div.bbp-topic-content a, #bbpress-forums div.bbp-reply-content a { background: none; border: none; display: inline; font-weight: normal; margin: 0; padding: 0; } #bbpress-forums div.bbp-topic-content h1, #bbpress-forums div.bbp-reply-content h1, #bbpress-forums div.bbp-topic-content h2, #bbpress-forums div.bbp-reply-content h2, #bbpress-forums div.bbp-topic-content h3, #bbpress-forums div.bbp-reply-content h3, #bbpress-forums div.bbp-topic-content h4, #bbpress-forums div.bbp-reply-content h4, #bbpress-forums div.bbp-topic-content h5, #bbpress-forums div.bbp-reply-content h5, #bbpress-forums div.bbp-topic-content h6, #bbpress-forums div.bbp-reply-content h6 { clear: none; line-height: 1em; margin: 24px 0; padding: 0; } #bbpress-forums div.bbp-topic-content img, #bbpress-forums div.bbp-reply-content img { max-width: 100%; } #bbpress-forums div.bbp-topic-content ul, #bbpress-forums div.bbp-reply-content ul, #bbpress-forums div.bbp-topic-content ol, #bbpress-forums div.bbp-reply-content ol { margin: 0 15px 15px; padding: 0; } #bbpress-forums div.bbp-topic-content ul li, #bbpress-forums div.bbp-reply-content ul li { list-style-type: disc; } #bbpress-forums div.bbp-topic-content ol li, #bbpress-forums div.bbp-reply-content ol li { list-style-type: decimal; } #bbpress-forums div.bbp-topic-content ol li li, #bbpress-forums div.bbp-reply-content ol li li { list-style-type: lower-alpha; } #bbpress-forums div.bbp-topic-content ol li li li, #bbpress-forums div.bbp-reply-content ol li li li { list-style-type: upper-roman; } #bbpress-forums div.bbp-topic-content code, #bbpress-forums div.bbp-reply-content code, #bbpress-forums div.bbp-topic-content pre, #bbpress-forums div.bbp-reply-content pre { font-family: Inconsolata, Consolas, Monaco, Lucida Console, monospace; display: inline; background-color: #f9f9f9; border: 1px solid #ddd; padding: 2px; } #bbpress-forums div.bbp-topic-content pre, #bbpress-forums div.bbp-reply-content pre { display: block; line-height: 18px; margin: 0 0 24px; padding: 5px 10px; white-space: pre; overflow: auto; } #bbpress-forums div.bbp-topic-content pre code, #bbpress-forums div.bbp-reply-content pre code { display: block; border: none; padding: 0; margin: 0; background-color: transparent; overflow-wrap: normal; } /* =Breadcrumb and Tags -------------------------------------------------------------- */ div.bbp-breadcrumb { float: left; } div.bbp-breadcrumb, div.bbp-topic-tags { font-size: 12px; } #bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p { margin-bottom: 10px } #bbpress-forums div.bbp-topic-tags { float: right; } #bbp-topic-hot-tags { clear: both; } /* =Search -------------------------------------------------------------- */ #bbpress-forums #bbp-search-form { clear: left; } #bbpress-forums div.bbp-search-form { float: right; } #bbpress-forums div.bbp-search-form .hidden { display: none !important; } #bbpress-forums div.bbp-search-form #bbp-search-form div { width:240px; text-align:right; } #bbpress-forums div.bbp-search-form #bbp-search-form div input { display: inline-block !important; vertical-align: middle !important; } #bbpress-forums div.bbp-search-form #bbp-search-form div #bbp_search { max-width:140px; } /* =Toolbar buttons -------------------------------------------------------------- */ .wp-editor-container, .quicktags-toolbar, .wp_themeSkin tr.mceFirst td.mceToolbar, #wp-bbp_topic_content-editor-container div input, #wp-bbp_reply_content-editor-container div input { background-image: none !important; border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; } .bbp-the-content.wp-editor-area, .bbp-the-content.wp-editor-area:focus { border:none !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; } /* =CSS3 Effects -------------------------------------------------------------- */ #bbpress-forums input[type=button], #bbpress-forums input[type=submit] { border:none !important; padding:9px 14px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease; /* Enable CSS3 transition on all props */ -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } /* =Admin Links -------------------------------------------------------------- */ span.bbp-admin-links { float: right; color: #ddd; } span.bbp-admin-links a { color: #bbb; font-weight: normal; font-size: 10px; text-transform: uppercase; text-decoration: none; } fieldset span.bbp-admin-links { float: left; } tr td span.bbp-admin-links a:hover { color: #ff4b33; } td.bbp-topic-admin-links, td.bbp-topic-counts { width: 50%; } .bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink { float: right; margin-left: 10px; color: #ccc; } /* =Toggles -------------------------------------------------------------- */ .bbp-topic-action #favorite-toggle a { text-decoration: none; padding: 0 3px 1px; color: #7c7; border: 1px solid #aca; background-color: #dfd; font-weight: bold; font-size: 13px; } .bbp-topic-action #favorite-toggle a:hover { color: #5a5; border-color: #7c7; background-color: #beb; } .bbp-topic-action #favorite-toggle span.is-favorite a { color: #faa; border: 1px solid #faa; background-color: #fee; } .bbp-topic-action #favorite-toggle span.is-favorite a:hover { color: #c88; border-color: #c88; background-color: #fdd; } .bbp-topic-action #subscription-toggle a { text-decoration: none; padding: 0 3px 1px; color: #7c7; border: 1px solid #aca; background-color: #dfd; font-weight: bold; font-size: 13px; } .bbp-topic-action #subscription-toggle a:hover { color: #5a5; border-color: #7c7; background-color: #beb; } .bbp-topic-action #subscription-toggle span.is-subscribed a { color: #faa; border: 1px solid #faa; background-color: #fee; } .bbp-topic-action #subscription-toggle span.is-subscribed a:hover { color: #c88; border-color: #c88; background-color: #fdd; } #bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta { margin: 5px 0 5px; padding: 0; font-size: 11px; } #bbpress-forums p.bbp-topic-meta span { white-space: nowrap; } /* =Pagination -------------------------------------------------------------- */ .bbp-pagination-count { float: left; border: 1px solid transparent; } .bbp-pagination-links { float: right; list-style: none; display: inline; } .bbp-pagination-links a, .bbp-pagination-links span.current { display: block; float: left; padding: 0px 5px; margin-left: 5px; border: 1px solid #efefef; text-decoration: none; } .bbp-pagination-links a:hover, .bbp-pagination-links span.current { background: #eee; opacity: 0.8; border: 1px solid #ddd; } .bbp-pagination-links span.dots { display: block; float: left; padding: 1px 4px; margin-left: 5px; } .bbp-pagination { float: left; width: 100%; margin-bottom: 15px; } .bbp-topic-pagination { display: inline-block; margin-left: 5px; margin-bottom: 2px; } .bbp-topic-pagination a { font-size: 10px; line-height: 10px; padding: 1px 3px; border: 1px solid #ddd; text-decoration: none; } /* =Forms -------------------------------------------------------------- */ #bbpress-forums fieldset.bbp-form { clear: left; } #bbpress-forums fieldset.bbp-form { border: 1px solid #eee; padding: 10px 20px; margin-bottom: 10px; } #bbpress-forums fieldset.bbp-form legend { padding: 5px; } #bbpress-forums fieldset.bbp-form label { margin: 0; font-weight:bold; display: inline-block; } #bbp-edit-topic-tag.bbp-form fieldset.bbp-form label, #bbp-login fieldset label, #bbp-register fieldset label, #bbp-lost-pass fieldset label { width: 100px; } #bbpress-forums fieldset.bbp-form p, #bbpress-forums fieldset.bbp-form textarea, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form input { margin: 0 0 8px; } textarea#bbp_reply_content, textarea#bbp_topic_content, textarea#bbp_forum_content { width: 97%; box-sizing: border-box; } textarea#bbp_forum_content { height: 210px; } #bbpress-forums fieldset.bbp-forum-form-attributes { width: 200px; float: right; clear: none; margin-left: 25px; } /** * Fix for too-long forum names, usually from conversion */ #bbpress-forums fieldset select#bbp_forum_id { max-width: 200px; } .bbp-topic-form, .bbp-reply-form, .bbp-topic-tag-form { clear: left; } body.topic-edit .bbp-topic-form div.avatar img, body.reply-edit .bbp-reply-form div.avatar img, body.single-forum .bbp-topic-form div.avatar img, body.single-reply .bbp-reply-form div.avatar img { margin-right: 0; padding: 10px; border: 1px solid #ddd; line-height: 0; background-color: #efefef; } body.page .bbp-reply-form code, body.page .bbp-topic-form code, body.single-topic .bbp-reply-form code, body.single-forum .bbp-topic-form code, body.topic-edit .bbp-topic-form code, body.reply-edit .bbp-reply-form code { font-size: 10px; background-color: #f0fff8; border: 1px solid #CEEFE1; display: block; padding: 8px; margin-top: 5px; width: 369px; } #merge_tag, #delete_tag { display: inline; } div.bbp-submit-wrapper { margin-top: 15px; float: right; clear: both; } p.form-allowed-tags { width: 462px; } /* =TinyMCE in themes -------------------------------------------------------------- */ #bbpress-forums div.bbp-the-content-wrapper { margin-bottom: 10px; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { width: 100%; margin: 0; font-size: 12px; } #bbpress-forums div.bbp-the-content-wrapper table, #bbpress-forums div.bbp-the-content-wrapper tbody, #bbpress-forums div.bbp-the-content-wrapper tr, #bbpress-forums div.bbp-the-content-wrapper td { border: none; padding: 0; margin: 0; width: auto; line-height: 1em; } #bbpress-forums div.bbp-the-content-wrapper input { font-size: 12px; padding: 5px; margin: 0 2px 0 0; line-height: 1em; } #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar { padding: 5px; min-height: 26px; } #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar { padding: 4px 4px 8px; } #bbpress-forums div.wp-editor-container { margin: 0; padding: 0; line-height: 0; } #bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar { line-height: 16px; } /* =Edit User -------------------------------------------------------------- */ #bbpress-forums #bbp-your-profile fieldset { padding: 20px 20px 0 20px; } #bbpress-forums #bbp-your-profile fieldset div { margin-bottom: 20px; float: left; width: 100%; clear: left; } #bbpress-forums #bbp-your-profile fieldset select { margin-bottom: 0; } #bbpress-forums #bbp-your-profile fieldset input, #bbpress-forums #bbp-your-profile fieldset textarea { margin-bottom: 0; width: 60%; background: #f9f9f9; border: 1px solid #ddd; box-shadow: none; padding: 5px 8px; border-radius: 0; } #bbpress-forums #bbp-your-profile fieldset input:focus, #bbpress-forums #bbp-your-profile fieldset textarea:focus { border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); outline-color: rgba(240,255,240,0.1); } #bbpress-forums #bbp-your-profile fieldset.bbp-form input.checkbox { width: auto; } #bbpress-forums #bbp-your-profile fieldset legend { display: none; } #bbpress-forums #bbp-your-profile fieldset label[for] { float: left; width: 20%; padding: 5px 20px 5px 0; text-align: right; cursor: pointer; } #bbpress-forums #bbp-your-profile fieldset dl label[for] { text-align: left; width: 60%; } #bbpress-forums #bbp-your-profile fieldset span.description { margin: 5px 0 0 20%; font-size: 12px; font-style: italic; float: left; clear: left; max-width: 60%; padding: 5px 8px 5px 8px; border: #cee1ef 1px solid; background-color: #f0f8ff; } #bbpress-forums #bbp-your-profile fieldset fieldset { margin: 0; border: none; padding: 0; clear: none; float: none; } #bbpress-forums #bbp-your-profile fieldset fieldset.password { width: 60%; display: inline; } #bbpress-forums #bbp-your-profile fieldset fieldset.password input, #bbpress-forums #bbp-your-profile fieldset fieldset.password span { width: 100%; } #bbpress-forums #bbp-your-profile fieldset fieldset.capabilities dl { margin: 0; } #bbpress-forums #bbp-your-profile fieldset fieldset.password span.description { margin-left: 0; margin-bottom: 20px; } #bbpress-forums #bbp-your-profile fieldset.submit button { float: right; } /* =Notices -------------------------------------------------------------- */ div.bbp-template-notice, div.indicator-hint { border-width: 1px; border-style: solid; padding: 0 0.6em; margin: 5px 0 15px; border-radius: 3px; background-color: #ffffe0; border-color: #e6db55; color: #000; clear: both; } div.bbp-template-notice a { color: #555; text-decoration: none; } div.bbp-template-notice a:hover { color: #000; } div.bbp-template-notice.info { border: #cee1ef 1px solid; background-color: #f0f8ff; } div.bbp-template-notice.important { border: #e6db55 1px solid; background-color: #fffbcc; } div.bbp-template-notice.error, div.bbp-template-notice.warning { background-color: #ffebe8; border-color: #c00; } div.bbp-template-notice.error a, div.bbp-template-notice.warning a { color: #c00; } div.bbp-template-notice p { margin: 0.5em 0 6px 0 !important; padding: 2px; font-size: 12px; line-height: 140%; } /* =Stickies -------------------------------------------------------------- */ .bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky { background-color: #ffffe0 !important; font-size: 1.1em; } /* =Revisions -------------------------------------------------------------- */ #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log { border-top: 1px dotted #ddd; width: 100%; margin: 0; padding: 8px 0 0 0; font-size: 11px; color: #aaa; } #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log li, #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li, #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li { list-style-type: none; } /* =Widgets -------------------------------------------------------------- */ .bbp-login-form fieldset legend { display: none; } .bbp-login-form .bbp-username input, .bbp-login-form .bbp-email input, .bbp-login-form .bbp-password input { padding: 5px; } .bbp-login-form label { width: 140px; display: inline-block; } #sidebar .bbp-login-form label { width: 70px; } .bbp-login-form .bbp-username, .bbp-login-form .bbp-email, .bbp-login-form .bbp-password, .bbp-login-form .bbp-remember-me, .bbp-login-form .bbp-submit-wrapper { margin-top: 10px; } .bbp-login-form .bbp-remember-me { } .bbp-login-form .bbp-submit-wrapper { text-align: right; } .bbp-login-form .bbp-login-links { } .bbp-login-form .bbp-login-links a { float: left; clear: left; } .bbp-logged-in img.avatar { float: left; margin: 0 15px 0 0; } .bbp-logged-in h4 { font-weight: bold; font-size: 1.3em; clear: none; margin-bottom: 10px; } /* =Avatars -------------------------------------------------------------- */ #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar { float: none; margin-bottom: -7px; border: 3px double #ddd; } fieldset div.avatar { float: right; } /* =BuddyPress Activity Streams -------------------------------------------------------------- */ .activity-list li.bbp_topic_create .activity-content .activity-inner, .activity-list li.bbp_reply_create .activity-content .activity-inner { border-left: 2px solid #eaeaea; margin-left: 5px; padding-left: 10px; } /* =User Pages -------------------------------------------------------------- */ #bbpress-forums h1 { clear: none; font-size: 1.8em; line-height: 1em; padding-bottom: 10px; } #bbpress-forums #bbp-user-wrapper { float: left; width: 100%; } #bbpress-forums .bbp-user-section { overflow: auto; } #bbpress-forums #bbp-user-wrapper h2.entry-title { font-size: 1.4em; margin: 0; padding-bottom: 10px; padding-top: 0; clear: none; } #bbpress-forums #bbp-user-wrapper ul.bbp-lead-topic, #bbpress-forums #bbp-user-wrapper ul.bbp-topics, #bbpress-forums #bbp-user-wrapper ul.bbp-forums, #bbpress-forums #bbp-user-wrapper ul.bbp-replies, #bbpress-forums #bbp-user-wrapper fieldset.bbp-form { clear: none; } #bbpress-forums #bbp-single-user-details { margin: 0; width: 150px; float: left; overflow: hidden; } #bbpress-forums #bbp-single-user-details #bbp-user-avatar { margin: 0; width: 150px; } #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar { border: none; height: 150px; padding: 0; margin: 0 0 20px 0; width: 150px; } #bbpress-forums #bbp-single-user-details #bbp-user-description { float: none; margin-left: 180px; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation { float: none; margin: 0; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li { margin: 0; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation a { padding: 5px 8px; display: block; border: 1px solid transparent; text-decoration: none; } #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a { background: #eee; opacity: 0.8; } #bbpress-forums #bbp-user-body { margin-left: 180px; } body.my-account #bbpress-forums { border-top: none; padding-top: 0; margin-bottom: 0; } /* =User Capabilities -------------------------------------------------------------- */ #bbpress-forums dl.bbp-user-capabilities { display: inline-block; vertical-align: top; } #bbpress-forums dl.bbp-user-capabilities dt { margin: 0 0 10px; text-transform: capitalize; } #bbpress-forums dl.bbp-user-capabilities dd { margin: 0; padding: 0; } /* =BuddyPress Group Forums -------------------------------------------------------------- */ #bbpress-forums div.row-actions { font-size: 11px; visibility: hidden; } #bbpress-forums li:hover > div.row-actions { visibility: visible; } .forum h2 { font-size: 28px; margin-bottom: 30px; } .forum h2 small { font-size: 14px; display: block; margin-top: 14px; text-transform: none; color: #838383; } .forum .avatar { display: inline-block; margin-right: 8px; } .forum .table th, .forum .table td { text-align: left; padding: 16px 10px 16px 20px; } .forum .table a { font-weight: 600 } #loginform #input-i { margin: 0 0 10px; padding: 0 10px; line-height: 24px; height: 34px; border: 1px solid #EBEBEB; background: #F7F7F7; border-radius: 3px; font-size: 11px; color: #A7A7A7; cursor: text; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #loginform #input-i:focus { background: #fff; border: 1px solid #C5C5C5; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } #loginform #login-button, #filter_button { width: auto; margin-top: 14px; float: right; font-size: 11px; padding: 4px 10px; display: inline-block; cursor: pointer; position: relative; background: #191919; -webkit-border-radius: 2px; border-radius: 2px; color:#fff; text-transform:uppercase; text-shadow:0 -1px 0 rgba(0,0,0,0.2); border:1px solid rgba(0,0,0,0.1); background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08))); -moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #loginform #login-button:hover, #filter_button:hover { background:#333 } .login-links { margin: 10px 0 0 0; float: left; } .login-links a { display: block; line-height: 20px; } .forum-items li { width: 100%; display: block; margin: 0 0 20px 0; } .forum-items i { font-size: 24px; } .forum-items a { font-size: 16px; margin: 0 0 6px 10px; display: inline-block; } .forum-items .topic-time { margin: 0 0 0 38px; color: #777; } .forum-topic h2 { font-size: 40px; font-family: "Oswald", tahoma; text-transform: uppercase; color: #acacac; margin-bottom: 30px; padding: 0; } .mr { margin-right: 8px; } .topic-title { margin: 0 0 30px 0; border-bottom: 1px solid #DDD; padding: 0 0 20px 0; } .topic-say { border-bottom: 1px solid #080808; box-shadow: 0 1px 0 rgba(34, 34, 34, 0.8); -webkit-box-shadow: 0 1px 0 rgba(34, 34, 34, 0.8); margin: 0 0 40px; padding: 0 0 40px; } .topic-say h5 { margin: 0 0 6px 0; } .topic-say .reply-time { margin: 0 0 14px 0; display: block; color: #CCC; } .topic-say .grid_2 img { margin: 0 auto 10px; } .topic-say .grid_2 span { display: block; text-align: center; margin: 0 0 6px 0; color: #CCC; } .table { background:transparent !important; font-size:13px; text-align:center; border-collapse:collapse; margin:0; padding:0; width:100%; overflow:hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .table th { font-size:12px; font-weight:normal; font-family: Tahoma, Geneva, sans-serif; text-align:center; padding:16px 12px; color:#ffffff; background-color:#191919; text-shadow:none; } .table td { padding:14px 7px 14px 7px; text-align: center; } .table tr { border-bottom:1px solid #fff; background-color:#f8f8f8; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; } .table tr:hover, tr.topic-sticky { background: #F0F0F0; -webkit-transition:all .2s; transition:all .2s; } .table tfoot td { padding:10px 16px; text-align: left; background:#191919; color:#ffffff; font-size:11px; text-shadow:none; } .table tfoot tr:hover { background:#63b1be; } .tt-table { margin: 0 auto; text-align: center; } .head-t { padding: 16px 26px 0; border-bottom: 1px solid #5C6575; } .head-t img { display: inline-block; } .head-t h3 { color: #FFF; text-align: left; line-height: 46px; text-transform: uppercase; font-family: Oswald; padding: 0 17px; font-size: 22px; font-weight: normal; display: inline-block; } /* Tipsy ----------------------------------------------------------------------*/ .tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000} .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; } .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .tipsy-arrow { position: absolute; background: url('images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px} .tipsy-nw .tipsy-arrow { top: 0; left: 10px} .tipsy-ne .tipsy-arrow { top: 0; right: 10px} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left;} .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left} .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left} .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px} .tipsy-n div {-webkit-animation: fadeInUp 0.2s;animation: fadeInUp 0.2s;} .tipsy-s div {-webkit-animation: fadeInDown 0.3s;animation: fadeInDown 0.3s;} .tipsy-w div {-webkit-animation: fadeInRight 0.2s;animation: fadeInRight 0.2s;} .tipsy-e div {-webkit-animation: fadeInLeft 0.2s;animation: fadeInLeft 0.2s;} /* -- Pretty Photo -- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* -- DO NOT CHANGE -- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; line-height: 18px } #pp_full_res h3 { color: #fff } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: default !important } /*-- Events --*/ #evcal_list .eventon_list_event a.desc_trig, .evcal_evdata_img, .event_description .evcal_close, .evcal_btn, .evo_sort_btn{ -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .mart5{margin-top:5px} .mart10{margin-top:10px} .mart15{margin-top:15px} .mart20{margin-top:20px} .mart25{margin-top:25px} .mart30{margin-top:30px} .mart40{margin-top:40px} .mart50{margin-top:50px} .marb5{margin-bottom:5px} .marb10{margin-bottom:10px} .marb15{margin-bottom:15px} .marb20{margin-bottom:20px} .marb25{margin-bottom:25px} .marb30{margin-bottom:30px} .marb35{margin-bottom:35px} .marb40{margin-bottom:40px} .marb45{margin-bottom:45px} .marb50{margin-bottom:50px} .padb5{padding-bottom:5px} .padb10{padding-bottom:10px} .padb15{padding-bottom:15px} .padb20{padding-bottom:20px} .padb25{padding-bottom:25px} .padb30{padding-bottom:30px} .padb40{padding-bottom:40px} .padb50{padding-bottom:50px} .padt5{padding-top:5px} .padt10{padding-top:10px} .padt15{padding-top:15px} .padt20{padding-top:20px} .padt25{padding-top:25px} .padt30{padding-top:30px} .padt40{padding-top:40px} .padt50{padding-top:50px} .padt60{padding-top:60px} .pad5{padding:5px} .pad10{padding:10px} .pad15{padding:15px} .pad20{padding:20px} .pad25{padding:25px} .ttu{text-transform:uppercase} .tar{text-align:right} .tac{text-align:center} .tal{text-align:left} .wid33{width:33.3%} .wid66{width:66.6%} .fleft{float:left} .ajde_evcal_calendar {width:100%} .ajde_evcal_calendar img{ max-width:none!important; box-shadow:none!important} .ajde_evcal_calendar > *{margin:0; padding:0} .evcal_evdata_row .padt5{padding-top:5px;} .evcal_evdata_row .padb10{padding-bottom:10px;} .bordr{border-right:1px solid #cdcdcd} #evcal_list .bordb{border-bottom:1px solid #cdcdcd} .ajde_evcal_calendar a:hover{text-decoration:none} .ajde_evcal_calendar ul, #evcal_list{list-style:none !important; padding:0; margin:0 !important} .ajde_evcal_calendar .eventon_list_event{margin-left:0px; list-style:none;} .ajde_evcal_calendar .calendar_header p, .eventon_events_list .eventon_list_event .evcal_cblock{font-family:'Oswald';} .ajde_evcal_calendar strong{font-weight:normal!important; } .ajde_evcal_calendar .eventon_events_list p{ font-family:'Oswald', Tahoma; padding:0;margin-bottom:2px !important; margin-top:0px; } .ajde_evcal_calendar .eventon_list_event .event_description .evcal_btn{ font:bold 14px arial; display:inline-block; padding:8px 12px!important; margin-top:4px; text-transform:uppercase /* -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 1px 1px #474747; box-shadow: 0px 1px 1px #474747; */ } .ajde_evcal_calendar .eventon_list_event .event_description .evcal_btn:hover{opacity:0.8} .ajde_evcal_calendar .calendar_header{ min-height:37px;padding:5px 0 0px; margin:0 ;margin: 0 auto;text-align: center;display: table;} .ajde_evcal_calendar #evcal_prev{background-position:-5px 0; margin: 8px 10px 0 0;font-size: 34px; width:13px;} .ajde_evcal_calendar #evcal_next{background-position:-20px 0; margin: 8px 0 0 10px;font-size: 34px;} .ajde_evcal_calendar .calendar_header p{ height:36px;line-height:48px; margin:0 !important;font-size:30px; font-weight:normal; float:left; color:#c6c6c6; text-transform:uppercase; padding-top:1px; padding-bottom:0px; } .ajde_evcal_calendar .calendar_header .evcal_arrows{ float:left;height:18px; width:20px;display:block; transition:none; cursor:pointer; color: #616161; } .ajde_evcal_calendar .calendar_header .evcal_arrows:hover{opacity:1.0;color: #000;} /*-- sort bar --*/ .eventon_sorting_section{ margin:5px 0; } .ajde_evcal_calendar .eventon_sort_line, .eventon_filter_line{ padding-left:13px; position:relative; margin:0; } .eventon_sort_line .evs, .eventon_sort_line .evs_3 p, .eventon_sf_field, .eventon_filter_selection{ float:left; margin-right:5px; position:relative; } .eventon_sort_line .eventon_sf_cur_val, .eventon_sort_line .evs_3, .evs_sec_list p{cursor:pointer;} .eventon_sort_line .eventon_sf_cur_val p, .eventon_filter_line .filtering_set_val{color:#606060} .eventon_sort_line .evs_3 p:hover{color:#b8b8b8} .eventon_sort_line .eventon_sortbar_selection .evs_hide{display:none} .eventon_sort_line .eventon_sortval_for_dropdown, .eventon_filter_line .filtering_set_val{ cursor:pointer; padding-right:15px; } .eventon_sort_line p, .eventon_filter_line p, .eventon_sf_field p{ color:#d8d8d8; padding:0; margin:0; text-transform:uppercase; font-size:13px; } .eventon_sort_line .eventon_sort_val{ position:relative } .eventon_sort_line .sort_drop_down, .eventon_filter_dropdown{ position:absolute; top:-1px; background-color:#fff; border:1px solid #d9d9d9; z-index:500; -webkit-box-shadow: 0px 0px 3px #d9d9d9; box-shadow: 0px 0px 3px #d9d9d9; } .eventon_sort_line .sort_drop_down p, .eventon_filter_dropdown p{ border-bottom:1px solid #d9d9d9; padding:5px; line-height:100%; margin:0; cursor:pointer; display:block; } .eventon_sort_line .sort_drop_down p:hover, .eventon_filter_dropdown p:hover{ background-color:#f7f7f7; color:#606060; } .evo_sort_btn{ height:15px; width:16px; font-family: Oswald, Tahoma; font-size:13px; color: #d8d8d8; text-transform:uppercase; padding-left:20px; margin-left:13px; cursor:pointer; opacity:0.4 } .evo_sort_btn:hover{ opacity:1 } /*-- event loading --*/ #eventon_loadbar_section{border-bottom: 1px solid #e5e5e5;height:2px; width:100%;} /*-- event list -- single event line --*/ #evcal_list .eventon_list_event a.sin_val .evcal_desc{padding-left:55px} #evcal_list .eventon_list_event p.no_events{ padding:8px 12px; border-left:1px solid #cdcdcd; font-style:italic; font-size:13px; margin-bottom:0; } /*-- event list --*/ #evcal_list{border:1px solid #383838;} .ajde_evcal_calendar .eventon_events_list .eventon_list_event{ margin-left:0; margin-bottom:0; padding:0px; overflow:hidden; position:relative; list-style-type:none; } .eventon_events_list .eventon_list_event .desc_trig{cursor:pointer} .eventon_events_list .eventon_list_event a.desc_trig:hover{ background-color:#f4f4f4; border-left-width:7px } .eventon_events_list .eventon_list_event a.evcal_list_a{ display:block; width:100%;position:relative; padding:10px 0; min-height:54px; overflow:hidden; border-left-width:3px; border-left-style:solid; } .eventon_events_list a{text-decoration:none} .ajde_evcal_calendar .clear{clear:both; height:0px;margin:0} .eventon_events_list .eventon_list_event .evcal_cblock{ background-color:transparent !important; color:#ababab; font-size:30px;padding:0px 8px 10px 13px; font-weight:bold; position:absolute; line-height:110%;height:30px; margin:0 6px 0 0; } .eventon_events_list .eventon_list_event a:hover .evcal_cblock{color:#3c3c3c!important} .eventon_events_list .eventon_list_event .evcal_cblock span{line-height:100%;font-size:14px;vertical-align:super} .eventon_events_list .eventon_list_event .evcal_desc{ margin-left:5px; padding:3px 15px 0 80px; margin-bottom:0px } .eventon_events_list .eventon_list_event .evcal_desc span{ display:block; color:#262626; font-family:'Oswald',arial; } .eventon_events_list .eventon_list_event .evcal_desc .evcal_desc_info{ font-size:10px;line-height:120%; color:#ababab; padding-bottom:2px; opacity:0.5 } .eventon_list_event:hover .evcal_desc .evcal_desc_info{opacity:1} .eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2{ color:#6B6B6B; text-transform:uppercase; font-size:18px } .eventon_events_list .eventon_list_event .evcal_desc .evcal_event_types{font-size:10px;line-height:110%;color:#797979} .eventon_events_list .eventon_list_event .evcal_desc .evcal_event_types em{padding-right:3px;color:#9a9a9a;} .eventon_events_list .eventon_list_event .evcal_desc em{ color:#a7a7a7;font-weight:normal; margin-bottom:3px; } .eventon_events_list .eventon_list_event .evcal_desc .evcal_location{ padding-left:10px; } .eventon_events_list .eventon_list_event .evcal_desc .evcal_time{ font-style:normal; padding-left:13px; margin-right:5px; } .eventon_events_list .eventon_list_event .event_description{background-color:#eaeaea; border-left:1px solid #e5e5e5; } .eventon_events_list .eventon_list_event .event_description, .eventon_events_list .eventon_list_event .event_description .evcal_desc_top{ border-bottom:1px solid #e5e5e5} .eventon_events_list .eventon_list_event .event_description p{float:none;} .eventon_events_list .eventon_list_event .event_description .evcal_eventbrite, .eventon_events_list .eventon_list_event .event_description .evcal_desc_top{padding:5px 8px;margin-top:4px;} .event_description p{font-family:arial} /*-- gmap --*/ #evcal_list .eventon_list_event .event_description .evcal_gmaps {margin-top: 0px;width:100%; height:200px; } /*-- event other data --*/ .evcal_evdata_row .evcal_evdata_custometa_icons{ display:block; position:absolute; padding:0; width:31px; height:30px; } .evcal_evdata_row .evcal_evdata_icons{ display:block; position:absolute; padding:0; width:31px; height:30px; } .evcal_evdata_row .evcal_evdata_cell h2, .evcal_evdata_row .evcal_evdata_cell h3{ font-weight:normal; text-transform:uppercase; letter-spacing:normal; line-height:100%; } .evcal_evdata_row.evcal_evrow_sm{ padding:12px 20px} .evcal_evdata_row{ background-color:#eaeaea; padding:25px 15px } .evcal_evdata_row .evcal_evdata_cell >* {margin:0; } .evcal_evdata_cell h2 b, .evcal_evdata_cell h3 b{ font-weight:300 } .evcal_evdata_row .evcal_evdata_cell h2{ color:#5d5d5d; font-size: 18px; } .evcal_evdata_row .evcal_evdata_cell h2.bash{font-weight:bold } .evcal_evdata_row .evcal_evdata_cell h3{ color:#5d5d5d; font-size:16px; } .evcal_evdata_row .evcal_evdata_cell a{border:none; padding:0;} .evcal_evdata_row .evcal_evdata_cell{ padding-left:47px; min-height:30px } .evcal_evdata_row.evcal_event_details .evcal_evdata_cell p{ font:normal 12px 'open sans',arial;} .evcal_evdata_row .evcal_evdata_cell p{ font:italic 11px georgia; line-height:140%; } .evcal_col50{width:50%; float:left} /*-- event card close --*/ .event_description .evcal_close:hover{background-color:#dbdada} .event_description .evcal_close{ padding:0; background-color:#e3e3e3 } #evcal_list .eventon_list_event .event_description .evcal_close p{ text-align:center; color:#bcbcbc; font:12px arial; text-transform:uppercase; cursor:pointer; } /*-- event description section --*/ .eventon_events_list .eventon_list_event .event_description .eventon_full_description p{padding-bottom:8px} .evcal_evdata_img:hover{background-position:50% 45%;} #evcal_list .eventon_list_event .evcal_desc span.evcal_event_title{line-height:120%; padding-bottom:3px; } #evcal_list .eventon_list_event .event_description .evcal_desc_buy_tix a{color:#fff; background:#949494; padding:3px 10px; border:none; display:inline-block} #evcal_list .eventon_list_event .event_description .evcal_desc_buy_tix a:hover{background:#4F4F4F} #evcal_list .eventon_list_event .event_description p, #evcal_list .eventon_list_event .event_description li{ font-size:13px; color:#656565; font: normal 12px 'open sans',arial; } #evcal_list .eventon_list_event .event_description .evcal_desc_top{background-color:#e4e4e4;} #evcal_list .eventon_list_event .event_description ul{ padding-bottom:5px; list-style-type:disc!important; } #evcal_list .eventon_list_event .event_description li{padding-bottom:10px} .evcal_event_details .evcal_evdata_cell.shorter_desc{height:150px; overflow:hidden; } .evcal_event_details .evcal_evdata_cell{position:relative} .evcal_event_details .evcal_evdata_cell .eventon_details_shading_bot{ position:absolute; bottom:0; left:0; height:40px; width:100%; } #evcal_list .eventon_details_shading_bot p:hover{opacity:1} #evcal_list .eventon_details_shading_bot p{ opacity:0.5; margin-top:15px; text-align:center; cursor:pointer; } .eventon_details_shading_bot p span.ev_more_arrow.less{background-position:-8px 0} .eventon_details_shading_bot p span.ev_more_arrow{ height:6px; width:8px; margin-left:9px; } .eventon_details_shading_bot p span{display:inline-block;} .evcal_evdata_img {height:70px; } .ajde_evcal_calendar .evcal_month_line p{ padding:8px 0 5px; color: #c6c6c6; font-size: 24px; text-transform: uppercase; min-height: 24px; line-height: 100% !important; margin: 0 !important; font-weight: normal; border-bottom: 1px solid #e5e5e5; } #evcal_widget .eventon_events_list .eventon_list_event .evcal_desc .evcal_desc_info em{ color:#9b9999; font-weight:normal; } #evcal_widget .eventon_events_list .eventon_list_event .evcal_desc .evcal_desc_info .evcal_location{ color:#d5d5d5 } #evcal_widget .eventon_events_list .eventon_list_event .evcal_desc .evcal_event_types, #evcal_widget .evcal_evdata_row .evcal_evdata_custometa_icons{ display:none; } #evcal_widget .ajde_evcal_calendar .calendar_header{ padding-bottom:5px; min-height:inherit; } #evcal_widget a{font-weight:normal} #evcal_widget #evcal_list .eventon_list_event a.sin_val .evcal_desc{padding-left:38px} #evcal_widget .event_description .evcal_evdata_row p{ line-height:130%; font-size:11px; } #evcal_widget .event_description .evcal_evdata_row {padding:15px 15px;} #evcal_widget .event_description .evcal_evdata_row.evcal_close{padding:2px;} #evcal_widget .event_description .evcal_evdata_row .evcal_evdata_icons{display:none} #evcal_widget .event_description .evcal_evdata_row .evcal_evdata_cell{padding-left:0px} #evcal_widget .event_description .evcal_evdata_row .evcal_evdata_cell h2{font-size:16px} #evcal_widget .event_description .evcal_evdata_row .evcal_evdata_cell h3{font-size:14px} #evcal_widget .event_description .evcal_col50{ width:100%; float:none; border-bottom: 1px solid #CDCDCD; } #evcal_widget .event_description .evcal_col50 .bordr{border-right:none} #evcal_widget .eventon_events_list .evcal_desc2{line-height:120%; font-size:14px!important} #evcal_widget .ajde_evcal_calendar .calendar_header p{font-size:18px} #evcal_widget .ajde_evcal_calendar #evcal_prev{margin-right:8px} #evcal_widget .ajde_evcal_calendar #evcal_next{margin-left:8px} #evcal_widget #evcal_sort_bar ul .sort_title{padding:8px 5px 0 0 } #evcal_widget #evcal_sort_bar ul p{font-size:13px; } #evcal_widget .eventon_events_list .evcal_cblock{font-size:24px;padding:3px 5px 5px 8px} #evcal_widget .eventon_events_list .eventon_list_event .evcal_desc{padding-left:55px; padding-right:10px} #evcal_widget .eventon_events_list .eventon_list_event .evcal_cblock span{font-size:10px} #evcal_widget #evcal_list .eventon_list_event a.evcal_list_a{padding:5px 0} #evcal_widget #evcal_head #evcal_prev{margin-right:2px; } #evcal_widget #evcal_head #evcal_next{margin-left:2px; background-position:-24px 0; width:15px; } #evcal_widget #evcal_head #evcal_next:hover{ background-position:-24px 20px; } #evcal_widget #evcal_head a{ margin-top:0px } #evcal_widget #evcal_head{height:auto; padding-bottom:2px} #evcal_widget #evcal_cur{ line-height:100%; height:auto } .evcal_evdata_row .evcal_evdata_cell p, #evcal_list .eventon_list_event p.no_events{ font-family:'Oswald',georgia } .eventon_fullcal {padding:30px 0} .eventon_fullcal .eventon_fc_daynames .evo_fc_day{font-size:14px;} .eventon_fullcal .eventon_fc_daynames .evo_fc_day:hover{cursor:default; color:#d4d4d4} .eventon_fullcal .evo_fc_day{ display:block; margin:0; float:left; width:14%; text-align:center; min-height:2px; cursor:pointer; border-top:3px solid transparent; font-size:20px; padding:10px 0; color:#A2A2A2; } .eventon_fullcal .evo_fc_day:hover{color:#9e9e9e;background-color:#fbfbfb; } .eventon_fullcal .evo_fc_day.on_focus{ background-color:#f7f7f7; border-top:3px solid #9e9e9e; } .evo_fc_day.has_events{color:#191919; font-weight:700} .eventon_fullcal p{ color: #d8d8d8; padding: 0; margin: 0; text-transform: uppercase; font-size: 13px; font-family: oswald, 'arial narrow'; } .evo_fc_widget .eventon_fullcal .eventon_fc_daynames .evo_fc_day{ visibility:hidden; display:block; } .evo_fc_widget .eventon_fullcal .eventon_fc_daynames .evo_fc_day:first-letter{visibility:visible;} .evo_fc_widget .eventon_fullcal .evo_fc_day{font-size:12px;} /* Icons ----------------------------------------------------------------------*/ .the-icons .span3, #glyphs .box1 {margin: 0 1% !important; width: 23% !important} .the-icons{margin-top:22px;} .the-icons .span3 a{display:block;cursor:pointer;line-height:32px;height:32px;padding-left:10px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} .the-icons .span3 a,.the-icons .span3 a:hover{color:#979797;} .the-icons .span3 a [class^="icon-"],.the-icons .span3 a [class*=" icon-"]{width:32px;font-size:14px;display:inline-block;text-align:right;margin-right:10px;} .the-icons .span3 a:hover{background-color:#414141;color:#fff;text-decoration:none;}.the-icons .span3 a:hover [class^="icon-"],.the-icons .span3 a:hover [class*=" icon-"]{*font-size:28px;*vertical-align:middle;} .the-icons .span3 a:hover [class^="icon-"]:before,.the-icons .span3 a:hover [class*=" icon-"]:before{font-size:28px;vertical-align:-5px;} #glyphs .box1 {width:46% !important; font-size: 30px;display: inline-block;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;} #glyphs .box1:hover { -webkit-transform: scale(1.4);} /* Google Map ----------------------------------------------------------------------*/ .official-map { width: 100%; } .official-map img { width: auto !important; max-width: none !important; } .errori { font-size: 15em; color: #191919; text-shadow: 0 4px 0 #DCDCDC; } .error-page h2 small { font-size: 14px; display: block; line-height: 24px; margin: 14px 0 30px 0; font-family: tahoma; text-transform: none; } /* More Styles ----------------------------------------------------------------------*/ .mi { margin-right: 4px !important } .mid { margin-right: 8px !important } .mii { margin-left: 4px !important } .miid { margin-left: 8px !important } .mt { margin-top: 20px !important } .mtt { margin-top: 30px !important } .mtf { margin-top: 40px !important } .mts { margin-top: 70px !important } .mbten { margin-bottom: 10px !important } .mb { margin-bottom: 20px !important } .mbt { margin-bottom: 30px !important } .mbf { margin-bottom: 40px !important } .mb1 { margin-bottom: 50px !important } .mbs { margin-bottom: 70px !important } .pt { padding-top: 120px } .fll { float: left; margin: 0 20px 10px 0 !important } .flr { float: right; margin: 0 0 10px 20px !important } .tac { text-align: center !important } .tar { text-align: right !important } .tal { text-align: left !important } .tacIMG, .tacIMG img {margin: 0 auto !important; text-align: center;} .two-radius { border-radius: 2px !important; -webkit-border-radius: 2px !important } .three-radius { border-radius: 3px !important; -webkit-border-radius: 3px !important } .four-radius { border-radius: 4px !important; -webkit-border-radius: 4px !important } .five-radiu { border-radius: 5px !important; -webkit-border-radius: 5px !important } .six-radius { border-radius:6px !important; -webkit-border-radius: 6px !important } .ten-radius { border-radius: 10px !important; -webkit-border-radius: 10px !important } .circle-radius { border-radius: 100% !important; -webkit-border-radius: 100% !important } .relative {position: relative !important} .righter {float: right !important} .lefter {float: left !important} .hidden { display: none } .tt { display: block; padding: 10px 0; border-bottom: 3px solid #DDD; text-align: center; } .without_border a {border:0 !important} /* IE ----------------------------------------------------------------------*/ .ie8 .accordion-head p, .ie8 .toggle-head p {margin-bottom: 0} .ie8 .testimonial p {font-family: tahoma} td .avatar {width: 20px;height: 20px} .ie8 .modern-slider img, .ie8 .modern-slider {max-width: auto;width: auto} /* Snap ----------------------------------------------------------------------*/ .snap-drawers { display: none; /* position: fixed; */ top: 0; right: 0; bottom: 0; left: 0; width: 0; height: auto; z-index: 0; } .snap-drawer { position: absolute; top: 0; right: auto; bottom: 0; left: auto; width: 265px; height: auto; overflow: auto; } .snap-drawer-left { left: 0; z-index: 0; } .snap-drawer { background: #2B2B2B; color: #eee; } .snap-drawer ul { padding: 0; margin: 0; list-style-type: none; display: block !important; visibility: visible !important; } .snap-drawer ul ul { margin-right: 20px; } .snap-drawer i { margin-left: 8px; margin-right: 0; } .snap-drawer li a { display: block; border-bottom: 1px solid rgba(0,0,0, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 20px 10px 0; font-weight: bold; text-shadow: 0 1px 0 #000; text-decoration: none; color: #ccc; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .snap-drawer ul ul { padding-right: 4px; } .snap-drawer li > a:hover, .snap-drawer li.current > a { padding-right: 30px; color: #fff; text-shadow: 0 1px 0 #ccc; border-left: 2px solid #fff; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #open-left { font-size: 17px; font-weight: bold; display: none; -webkit-border-radius: 2px; border-radius: 2px; padding: 4px 8px; cursor: pointer; float: left; background-color: #F7F7F7; color: #3C3C3C; margin: 8px 0; } .header_v2 #open-left { float: right; background-color: #3C3C3C; color: #F7F7F7; margin: 46px 0; } /*----------------------------------------------------------------------------------*/ #SendForm span { margin: 11px 10px; display: inline-block; color: #F00; } #SendForm span strong { color: #F00; } #SendForm i { color: #fff; margin: 0 10px 0 0 } #track_input, #SendForm #senderName, #SendForm #Telephone, #SendForm #tel, #SendForm #senderSubject, #SendForm #contact_code, #SendForm #Subject, #SendForm #senderEmail { display: block; width: 100%; border: 1px solid #EAEAEA; border-radius: 10px; padding: 0 10px; line-height: 24px; height: 34px; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #SendForm #message { display: block; width: 100%; border: 1px solid #EAEAEA; border-radius: 10px; padding: 16px 10px; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #SendForm input{ display: block; width: 100%; border: 1px solid #EAEAEA; border-radius: 10px; padding: 0 10px; line-height: 24px; height: 34px; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #SendForm select{ display: block; width: 100%; border: 1px solid #EAEAEA; border-radius: 10px; padding: 7px 5px; background: #F7F7F7; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #SendForm file{ display: block; width: 100%; border: 1px solid #EAEAEA; border-radius: 10px; padding: 7px 5px; background: #F7F7F7; -webkit-box-sizing: border-box ; -moz-box-sizing: border-box ; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } #track_input:focus, #SendForm #senderName:focus, #SendForm #Telephone:focus, #SendForm #Subject:focus, #SendForm #senderEmail:focus, #SendForm #message:focus { background: #fff; border: 1px solid #5486DA; } #track_order label { font-weight: 600; margin-bottom: 14px; } #SendForm #senderEmail { float: right; } #SendForm .flr { margin: 0 0 10px 0 !important; } #SendForm .fll { margin: 0 0px 10px 0 !important; } .fieldtrue { border: 1px solid #1ABC5B !important } .fielderror { border-color: #F00 !important; } #SendForm #sendMessage, #sendOrder { width: auto; margin-top: 10px; float: right; display:inline-block; cursor:pointer; position:relative; padding: 6px 14px; background: none; color: #747474; border: 1px solid #999; display: inline-block; border-radius: 10px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none !important; } #sendOrder { border: 1px solid #DFDFDF } #SendForm #sendMessage:hover, #sendOrder:hover { background: #5486DA; color: #fff; border-color: #5486DA } #SendForm textarea { width: 98%; } #SendForm #comment-button { width: auto; margin-top: 10px; float: right; display:inline-block; cursor:pointer; position:relative; padding: 6px 14px; background: none; color: #747474; border: 1px solid #999; display: inline-block; border-radius: 10px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none !important; } #SendForm #comment-button:hover { background: #5486DA; color: #fff; border-color: #5486DA } /*-------------------------------*/ .m_thumbnails .thumb_f { float: right; width: 48%; margin-right: 1% } .m_thumbnails .content_half { float: left; width: 48%; margin-left: 1% } .m_thumbnails .post_content { padding: 10px 0 20px; } .m_thumbnails h3, .m_thumbnails .post_meta { margin: 0 0 10px; } .m_thumbnails .blockquote-post { margin: 0 0 30px; } .s_thumbnails .thumb_f { width: 28%; } .s_thumbnails .content_half { width: 68%; } .s_thumbnails .post_content { padding: 10px 0 20px; } .f_blog .f_thumb { position: relative; margin: 0 0 20px 0 } .f_blog .f_thumb img, .f_blog .f_thumb iframe { width: 100% } .f_blog h4 { border-bottom: 1px solid #E9E9E9; padding: 0 0 10px 0; font-size: 14px; line-height: 24px; font-weight: 400; } .f_blog .f_meta span { margin-right: 20px; font-size: 11px; } .f_blog .f_hover { background: #5486DA; background: rgba(84, 134, 218, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-align: center; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0 } .f_blog .f_thumb:hover .f_hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1 } .f_blog .f_hover a { color: #FFF; position: relative; top: 60%; font-size: 26px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .f_blog .f_thumb:hover .f_hover a { top: 40%; } .thumb_f img, .thumb_f iframe { border-radius: 10px; width: 100% } .thumb_f { overflow: hidden; border-radius: 10px } .two-column .product { width: 48% !important; margin: 0 1% 20px !important; } .two-column .image-author { margin: -20px 10px 0; } .three-column .post, .three-column .product { width: 31.3% !important; margin: 0 1% 20px !important } .four-column .product { width: 23% !important; margin: 0 1% 20px !important; } /*EXTRA END */