@import url(color.css); @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,900italic,900,700,700italic,500italic,500,400italic&subset=latin,cyrillic-ext); @import url(fontello-ico/css/fontello.css); /*font ico*/ @import url(fontello-ico/css/animation.css); /*font ico*/ @import url(royalslider.css); @import url(mediaplayer.css); @import url(scroll.css); @import url(flipclock.css); /* Theme Name: Grecko Theme URI: http://greckohtml.themerex.net/ Author: ThemeREX Author URI: http://ThemeREX.net/ Version: 1.1 ------------------------------------------------------------------ [Table of contents] 1. Body 2. Grid 3. Header 4. Sidebar 5. Top menu 6. Widget 7. Post info 8. Review 9. Theme paginaton 10. Post 11. Search 12. Footer 13. Category 14. Breadcrumbs 15. Comments 16. Isotope 17. Gallery 18. Page 404 19. Custom_options [Color codes] # Theme Main Color: #1172d3 */ html,body { margin:0; padding:0; width:100%; height:100%;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, address, section, video, audio{ border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0;} figure{ border: 0; margin: 0; padding: 0;} html { overflow-y: scroll; } body { font-size:14px; line-height:21px; font-family: 'Roboto', sans-serif; color:#888888;} header, nav, section, article, aside, footer {display:block} big{ font-size:120%;} small{ font-size:80%;} a img { border: none;} a {color: #888888; text-decoration:none;} a:hover {} p{ padding:0 0 30px 0; margin:0; font-weight:300;} code { display: block; padding: 10px; font-family: 'Courier New', monospace;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin:0; color:#222222;} h1, .h1 { font-size:48px; line-height:60px; padding:0 0 30px 0; font-weight:100;} h2, .h2 { font-size:36px; line-height:43px; padding:0 0 40px 0; font-weight:100;} h3, .h3 { font-size:23px; line-height:28px; padding:0 0 35px 0; font-weight:100;} h4, .h4 { font-size:17px; line-height:20px; padding:0 0 30px 0; font-weight:300;} h5, .h5 { font-size:13px; line-height:16px; padding:0 0 30px 0; font-weight:300;} h6, .h6 { font-size:12px; line-height:15px; padding:0 0 30px 0; font-weight:300;} /*list*/ ul li { list-style: circle;} ul.iconList li{ padding: 0 0 0 10px; list-style: none;} ul.iconList li:before{ display: block; font-family: "fontello"; width: 20px; height: 20px; margin: 3px 0 0 -30px; float: left; text-align: center; line-height: 20px;} /*table*/ table{ width:100%; border:none; border-spacing:0;} /*respons Width*/ body{ min-width:1200px;} .sweepContent { min-width: 1200px;} .sweepLeft .sweepContent { min-width: 1150px} .topGlobal , .topTabs, .main{ width:1150px; margin:0 auto;} .mainWrap{} .mainWrap:after{content: ''; clear: both; display: block; height: 0;} /*sidebar right left*/ .sideBarRight .content, .sideBarLeft .content{ width:850px;} .faq .sideBarRight .content, .faq .sideBarLeft .content{ width:750px;} .sideBarRight .content{ float:left;} .sideBarRight .sidebar{ float:right; margin:0 0 0 50px ;} .sideBarLeft .content{ float:left; } .sideBarLeft .sidebar{ float:left; margin:0 50px 0 0 ;} /*boxedWrap*/ body.boxed .boxedWrap{ width: 1250px; margin: 0 auto; border-style: solid; border-color: #ddd; border-width: 0 1px; background-color: #fff; -webkit-box-shadow: 0 0 6px 0 #ddd; -moz-box-shadow: 0 0 6px 0 #ddd; box-shadow: 0 0 6px 0 #ddd;} body.boxed.bgPattern_1{ background: url(../images/bg/pattern_1.png) 50% 50% repeat fixed;} body.boxed.bgPattern_2{ background: url(../images/bg/pattern_2.png) 50% 50% repeat fixed;} body.boxed.bgPattern_3{ background: url(../images/bg/pattern_3.png) 50% 50% repeat fixed;} body.boxed.bgPattern_4{ background: url(../images/bg/pattern_4.png) 50% 50% repeat fixed;} body.boxed.bgPattern_5{ background: url(../images/bg/pattern_5.png) 50% 50% repeat fixed;} body.boxed.bgPattern_6{ background: url(../images/bg/pattern_6.png) 50% 50% repeat fixed;} body.boxed.bgPattern_7{ background: url(../images/bg/pattern_7.png) 50% 50% repeat fixed;} body.boxed.bgPattern_8{ background: url(../images/bg/pattern_8.png) 50% 50% repeat fixed;} body.boxed.bgImage_1{ background: url(../images/bg/image_1.jpg) 50% 50% repeat fixed;} body.boxed.bgImage_2{ background: url(../images/bg/image_2.jpg) 50% 50% repeat fixed;} body.boxed.bgImage_3{ background: url(../images/bg/image_3.jpg) 50% 50% repeat fixed;} body.boxed.bgImage_4{ background: url(../images/bg/image_4.jpg) 50% 50% repeat fixed;} body.boxed.bgImage_5{ background: url(../images/bg/image_5.jpg) 50% 50% repeat fixed;} body.boxed.bgImage_6{ background: url(../images/bg/image_6.jpg) 50% 50% repeat fixed;} body.boxed.background-1, body.boxed.background-2{ background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto; } /*clear*/ .clr{ clear:both;} .clr:after{ display:block; height:0px; clear:both; content:'';} /*position*/ .alignleft { display: inline; float: left; margin: 0 30px 15px 0;} .alignright { display: inline; float: right; margin:0 0 15px 30px;} .aligncenter { clear: both; display: block; margin: 0 auto; text-align: center;} .sc_alignleft { display: inline; float: left !important; margin: 0 50px 0 0 !important;} .sc_alignright { display: inline; float: right !important; margin:0 0 0 50px !important;} .sc_alignleft img, .sc_alignright img { width: 100%;} /*===================================================== grid ====================================================*/ .columnsWrap{ margin: 0 -4.3478% 0 0;} .columnsWrap:after{ height: 0; display: block; content: ''; clear: both;} .columns1 { margin: 0 4.1666% 0 0 ; width:95.8334%;} .columns1_2 { float:left; margin: 0 4.1666% 0 0 ; width:45.8334%; } .columns1_3 { float:left; margin: 0 4.1666% 0 0 ; width:29.1667%; } .columns1_4 { float:left; margin: 0 4.1666% 0 0 ; width:20.8334%; } .columns1_5 { float:left; margin: 0 4.1666% 0 0 ; width:15.8334%; } .columns2_3 { float:left; margin: 0 4.1666% 0 0 ; width:62.5%; } .columns2_4 { float:left; margin: 0 4.1666% 0 0 ; width:45.8334% } .columns3_4 { float:left; margin: 0 4.1666% 0 0 ; width:70.8334%; } .columns2_5 { float:left; margin: 0 4.1666% 0 0 ; width:35.8333%;} .columns3_5 { float:left; margin: 0 4.1666% 0 0 ; width:55.8333%;} .columns4_5 { float:left; margin: 0 4.1666% 0 0 ; width:75.8333%;} .columns1_2 .columnsWrap{ margin: 0 -9.0909% 0 0; } .columns1_2 .columns1_2 { margin: 0 8.3472% 0 0; width: 41.6528%; } .columns1_2 .columns1_3 { margin: 0 8.3472% 0 0; width: 24.9861%; } .columns1_2 .columns2_3 { margin: 0 8.3472% 0 0; width: 58.3194%; } .columns1_3 .columnsWrap{ margin: 0 -14.2857% 0 0; } .columns1_3 .columns1_2 { margin: 0 12.5% 0 0; width: 37.5%; } .columns2_3 .columnsWrap{ margin: 0 -6.6666% 0 0; } .columns2_3 .columns1_2 { margin: 0 6.2578% 0 0; width: 43.7422%; } .columns2_3 .columns1_3 { margin: 0 6.2578% 0 0; width: 27.0755%; } .columns2_3 .columns1_4 { margin: 0 6.2578% 0 0; width: 18.7422%; } .columns2_3 .columns2_3 { margin: 0 6.2578% 0 0; width: 60.4088%; } .columns2_3 .columns2_4 { margin: 0 6.2578% 0 0; width: 43.7422%; } .columns3_4 .columnsWrap{ margin: 0 -5.8823% 0 0; } .columns3_4 .columns1_2 { margin: 0 5.5555% 0 0; width: 44.4445%; } .columns3_4 .columns1_3 { margin: 0 5.5555% 0 0; width: 27.7778%; } .columns3_4 .columns1_4 { margin: 0 5.5555% 0 0; width: 19.4445%; } .columns3_4 .columns2_3 { margin: 0 5.5555% 0 0; width: 61.1111%; } .columns3_4 .columns2_4 { margin: 0 5.5555% 0 0; width: 44.4445%; } /*marginGRID sideBAR*/ .sideBarLeft .columnsWrap, .sideBarRight .columnsWrap { margin: 0 -5.8823% 0 0; } .sideBarLeft .columns1, .sideBarRight .columns1 { margin: 0 5.5555% 0 0; width:94.4445%;} .sideBarLeft .columns1_2, .sideBarRight .columns1_2 { float:left; margin: 0 5.5555% 0 0; width:44.4445%;} .sideBarLeft .columns1_3, .sideBarRight .columns1_3 { float:left; margin: 0 5.5555% 0 0; width:27.7778%;} .sideBarLeft .columns1_4, .sideBarRight .columns1_4 { float:left; margin: 0 5.5555% 0 0; width:19.4445%;} .sideBarLeft .columns1_5, .sideBarRight .columns1_5 { float:left; margin: 0 5.5555% 0 0; width:14.4445%;} .sideBarLeft .columns2_3, .sideBarRight .columns2_3 { float:left; margin: 0 5.5555% 0 0; width:61.1111%;} .sideBarLeft .columns2_4, .sideBarRight .columns2_4 { float:left; margin: 0 5.5555% 0 0; width:44.4445%;} .sideBarLeft .columns3_4, .sideBarRight .columns3_4 { float:left; margin: 0 5.5555% 0 0; width:69.4445%;} .sideBarLeft .columns1_2 .columnsWrap , .sideBarRight .columns1_2 .columnsWrap { margin: 0 -12.5% 0 0; } .sideBarLeft .columns1_2 .columns1_2 , .sideBarRight .columns1_2 .columns1_2 { margin: 0 11.1111% 0 0; width: 38.8889%; } .sideBarLeft .columns1_2 .columns1_3 , .sideBarRight .columns1_2 .columns1_3 { margin: 0 11.1111% 0 0; width: 22.2222%; } .sideBarLeft .columns1_2 .columns2_3 , .sideBarRight .columns1_2 .columns2_3 { margin: 0 11.1111% 0 0; width: 55.5555%; } .sideBarLeft .columns1_3 .columnsWrap , .sideBarRight .columns1_3 .columnsWrap { margin: 0 -20% 0 0; } .sideBarLeft .columns1_3 .columns1_2 , .sideBarRight .columns1_3 .columns1_2 { margin: 0 16.6666% 0 0; width: 33.3334%; } .sideBarLeft .columns2_3 .columnsWrap , .sideBarRight .columns2_3 .columnsWrap { margin: 0 -9.0909% 0 0; } .sideBarLeft .columns2_3 .columns1_2 , .sideBarRight .columns2_3 .columns1_2 { margin: 0 8.3333% 0 0; width: 41.6667%; } .sideBarLeft .columns2_3 .columns1_3 , .sideBarRight .columns2_3 .columns1_3 { margin: 0 8.3333% 0 0; width: 25%; } .sideBarLeft .columns2_3 .columns2_3 , .sideBarRight .columns2_3 .columns2_3 { margin: 0 8.3333% 0 0; width: 58.3333%; } .sideBarLeft .columns3_4 .columnsWrap , .sideBarRight .columns3_4 .columnsWrap { margin: 0 -8% 0 0; } .sideBarLeft .columns3_4 .columns1_2 , .sideBarRight .columns3_4 .columns1_2 { margin: 0 7.4074% 0 0; width: 42.5926%; } .sideBarLeft .columns3_4 .columns1_3 , .sideBarRight .columns3_4 .columns1_3 { margin: 0 7.4074% 0 0; width: 25.9259%; } .sideBarLeft .columns3_4 .columns1_4 , .sideBarRight .columns3_4 .columns1_4 { margin: 0 7.4074% 0 0; width: 17.5926%; } .sideBarLeft .columns3_4 .columns2_3 , .sideBarRight .columns3_4 .columns2_3 { margin: 0 7.4074% 0 0; width: 59.2592%; } .sideBarLeft .columns3_4 .columns2_4 , .sideBarRight .columns3_4 .columns2_4 { margin: 0 7.4074% 0 0; width: 42.5926%; } .sideBarLeft .columns3_4 .columns3_4 , .sideBarRight .columns3_4 .columns3_4 { margin: 0 7.4074% 0 0; width: 67.5926%; } /*===================================================== /grid ====================================================*/ /*radius*/ .rad4, .topGlobal .topMenuStyleFon > ul > li > a, .topGlobal .topMenuStyleFon > ul > li ul, .postSharing > ul > li, .postSharing > ul > li > a, .postSharing > ul > li > span, .mejs-container .mejs-controls, .mejs-container .mejs-controls .mejs-time-rail span, .mejs-container .mejs-controls .mejs-horizontal-volume-slider > div, .nan > ul > li > a, .nan .pageLibrary li.libPage .navInput, .nan .pageLibrary > li.libPage > .pageFocusBlock, .squareButton > a, .topGlobal .search .ajaxSeacrh, input[type="text"], input[type="email"], input[type="password"], textarea, .sc_infobox, .sc_tabs .tabsBody + .tabsBody, .masonry article .status, .sc_skills_bar .skillsWrap .sc_skills_item, .sc_skills_bar .skillsWrap .sc_skills_item .sc_skills_count, .reviewBlock .infoTotal, .sliderHomeBullets .rsContent.slide-3 .order .submitOrder, .sc_testimonials.style1 .sliderNav .rsContent .tstQuote, .upToScroll, .sc_counter .sc_skills_item.SCstyle3 .sc_skills_count, .sc_testimonials.fullStyle1 .sliderNav, .sc_testimonials.fullStyle2 .sliderNav, .user-popUp .formItems .formList li .sendEnter, .user-popUp .formItems .formList .loginSoc .iconLogin, .widgetWrap .tagcloud a /*radius4*/{ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .topGlobal .topMenuStyleFon > ul > li.sfHover > a, .postSharing > ul > li.share > a.selected, .postSharing > ul > li.share > span.selected, .sc_accordion.accordionStyle1 .sc_accordion_item:first-child .sc_accordion_title, .sc_accordion.accordionStyle1 .sc_accordion_item:first-child, .sc_toggle.toggleStyle1 .sc_toggles_item:first-child .sc_toggles_title, .sc_toggle.toggleStyle1 .sc_toggles_item:first-child, .sc_toggle.toggleStyle3 .sc_toggles_item:first-child .sc_toggles_title, .sc_toggle.toggleStyle3 .sc_toggles_item:first-child, .sc_counter .sc_skills_item.SCstyle4 .sc_skills_count, .sc_testimonials.fullStyle1 .sliderNav .rsArrowLeft, .sc_testimonials.fullStyle2 .sliderNav .rsArrowLeft /*radius4 top left*/{-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;} .topGlobal .topMenuStyleFon > ul > li.sfHover > a, .postSharing > ul > li.share > a.selected, .postSharing > ul > li.share > span.selected, .postSharing > ul > li.share > ul.shareDrop, .sc_accordion.accordionStyle1 .sc_accordion_item:first-child .sc_accordion_title, .sc_accordion.accordionStyle1 .sc_accordion_item:first-child, .sc_toggle.toggleStyle1 .sc_toggles_item:first-child .sc_toggles_title, .sc_toggle.toggleStyle1 .sc_toggles_item:first-child, .sc_toggle.toggleStyle3 .sc_toggles_item:first-child .sc_toggles_title, .sc_toggle.toggleStyle3 .sc_toggles_item:first-child, .sc_tabs .tabsBody, .sc_counter .sc_skills_item.SCstyle4 .sc_skills_count, .sc_testimonials.fullStyle1 .sliderNav .rsArrowRight, .sc_testimonials.fullStyle2 .sliderNav .rsArrowRight /*radius4 top right*/{-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;} .postSharing > ul > li.share > ul.shareDrop, .sc_accordion.accordionStyle1 .sc_accordion_item:last-child, .sc_accordion.accordionStyle1 .sc_accordion_item:last-child .sc_accordion_content, .sc_accordion.accordionStyle1 .sc_accordion_item:last-child .sc_accordion_title, .sc_toggle.toggleStyle1 .sc_toggles_item:last-child .sc_toggles_title, .sc_toggle.toggleStyle1 .sc_toggles_item:last-child .sc_toggles_content, .sc_toggle.toggleStyle1 .sc_toggles_item:last-child, .sc_toggle.toggleStyle3 .sc_toggles_item:last-child .sc_toggles_title, .sc_toggle.toggleStyle3 .sc_toggles_item:last-child .sc_toggles_content, .sc_toggle.toggleStyle3 .sc_toggles_item:last-child, .sc_tabs .tabsBody, .sc_counter .sc_skills_item.SCstyle4 .SCtext, .sc_counter .sc_skills_item.SCstyle4 .SCtext:before, .sc_testimonials.fullStyle1 .sliderNav .rsArrowLeft, .sc_testimonials.fullStyle2 .sliderNav .rsArrowLeft /*radius4 bottom left*/{-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;} .postSharing > ul > li.share > ul.shareDrop, .sc_accordion.accordionStyle1 .sc_accordion_item:last-child, .sc_accordion.accordionStyle1 .sc_accordion_item:last-child .sc_accordion_content, .sc_accordion.accordionStyle1 .sc_accordion_item:last-child .sc_accordion_title, .sc_toggle.toggleStyle1 .sc_toggles_item:last-child .sc_toggles_title, .sc_toggle.toggleStyle1 .sc_toggles_item:last-child .sc_toggles_content, .sc_toggle.toggleStyle1 .sc_toggles_item:last-child, .sc_toggle.toggleStyle3 .sc_toggles_item:last-child .sc_toggles_title, .sc_toggle.toggleStyle3 .sc_toggles_item:last-child .sc_toggles_content, .sc_toggle.toggleStyle3 .sc_toggles_item:last-child, .sc_tabs .tabsBody, .sc_counter .sc_skills_item.SCstyle4 .SCtext, .sc_counter .sc_skills_item.SCstyle4 .SCtext:before, .sc_testimonials.fullStyle1 .sliderNav .rsArrowRight, .sc_testimonials.fullStyle2 .sliderNav .rsArrowRight /*radius4 bottom right*/{-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;} .tabletBord .retinaExample, .tabletBord .sliderBullets, .tabletBord .retinaExample, .mejs-container .mejs-controls .mejs-time-rail span.mejs-time-float, .reviewBlock .ratingItem .ratBubble /*radius3*/{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .sc_table, .sc_pricing_table, .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_draggerRail, .sc_pricing_table .sc_prising_columns:hover ul.columnsAnimate /*radius10*/{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .tabsButton ul li, .tabsButton ul li a:before, .sc_table table thead tr th:first-child, .sc_pricing_table .sc_prising_columns:first-child ul li:first-child, .sc_pricing_table .sc_prising_columns:hover ul.columnsAnimate li:first-child, .sc_pricing_table .sc_prising_columns:first-child ul, .sc_pricing_table .sc_prising_columns:first-child ul li.sc_pricing_title_img img, .sc_tabs .tabsHead li.ui-tabs-active a /*radius10 top left*/{-moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px;} .tabsButton ul li, .tabsButton ul li a:before, .sc_table table thead tr th:last-child, .sc_pricing_table .sc_prising_columns:last-child ul li:first-child, .sc_pricing_table .sc_prising_columns:hover ul.columnsAnimate li:first-child, .sc_pricing_table .sc_prising_columns:last-child ul, .sc_pricing_table .sc_prising_columns:last-child ul li.sc_pricing_title_img img, .sc_tabs .tabsHead li.ui-tabs-active a /*radius10 top right*/{-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;} .sc_table table tbody tr:last-child td:first-child, .sc_pricing_table .sc_prising_columns:first-child ul li:last-child, .sc_pricing_table .sc_prising_columns:hover ul.columnsAnimate li:last-child, .sc_pricing_table .sc_prising_columns:first-child ul /*radius10 bottom left*/{-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;} .sc_table table tbody tr:last-child td:last-child, .sc_pricing_table .sc_prising_columns:last-child ul li:last-child, .sc_pricing_table .sc_prising_columns:hover ul.columnsAnimate li:last-child, .sc_pricing_table .sc_prising_columns:last-child ul /*radius10 bottom right*/{-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;} .radCircle, .zoomLens, .zoomLens:before, .vPlayer .videoPlay:after, .mejs-controls .mejs-button button, .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow .rsArrowIcn, .roundButton a, .sc_accordion .sc_accordion_item .sc_accordion_title:before, .sc_toggle .sc_toggles_item .sc_toggles_title:before, .toogleFAQ .sc_toggles_item.togleCount h3:after, .masonry .sliderBullets .rsBullets .rsNavItem, .rsBullets .rsBullet, .hoverIncrease .hoverIcon, .hoverVideo .hoverIcon, .itemPageFull .itemDiscriptionWrap .backClose, .itemPageFull .itemDiscriptionWrap .toggleButton, .author .avatar img, .comments .commBody li.commIten .avatar img, .contentTimeLine .itemTL .tlDate, .contentTimeLine .tlLoading:before, .menuSearch, .twitBlock .sliderNav .rsArrowLeft .rsArrowIcn:before, .twitBlock .sliderNav .rsArrowRight .rsArrowIcn:before, .sc_testimonials .sliderNav .rsContent .tstAuthor .avatar img, .sc_testimonials .sliderNav .rsContent .tstAuthor .avatar, .sc_testimonials .sliderNav .rsArrowLeft .rsArrowIcn:before, .sc_testimonials .sliderNav .rsArrowRight .rsArrowIcn:before, .sc_testimonials .sliderNav .rsArrowIcn, .sliderLogo .elastislide-wrapper nav span:before, .cs_dropcaps.sc_dropcaps_style_2 .sc_dropcap, .cs_dropcaps.sc_dropcaps_style_5 .sc_dropcap, .sc_iconBubble .sc_bubble.sc_bubbleBackground.sc_circle:before, .sc_blogger.style_date .sc_bloger-item .sc_bloger-date, .openRightMenu /*100%*/ {-webkit-border-radius: 1000px !important; -moz-border-radius: 1000px !important; border-radius: 1000px !important;} .topGlobal .search, .sliderHomeBullets .rsBullets .rsBullet span, .sliderHomeBullets .rsContent.slide-3 .order p span /*15px*/ {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px ;} .imgNav .itemPrev:before, .imgNav .itemNext:before, .imgNav .itemPrev .itInf, .imgNav .itemNext .itInf /*25px*/{-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px ;} /*form*/ input[type="text"], input[type="email"], input[type="password"] { height:36px; line-height:36px; padding:0 15px; box-sizing: border-box; -moz-box-sizing: border-box; } textarea { padding:15px; resize:vertical; box-sizing: border-box;} textarea.textAreaSize{ max-height: 500px !important;} input[type="text"], input[type="email"], input[type="password"], textarea { font-family: 'Roboto', sans-serif; font-size: 14px; outline:none; color:#888888; background-color:#fafafa; border: 1px solid #ddd; margin: 0px;} input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ border-color:#bebebe; } button:focus {outline: none; border: none;} button::-moz-focus-inner { border: 0;} label{ color:#222222; display:block; height:20px; line-height:14px;} label.required:before{ color:#da6f5b; content:'*'; display:block; float:left; margin:0 3px 0 0 ; } /*transition*/ .postSharing a, .postSharing a:hover, .postSharing > ul > li.like > a > span.likePost:before, .postSharing > ul > li.likeActive > a > span.likePost:before, .postSharing > ul > li.like > a:hover > span.likePost:before, .postSharing > ul > li.likeActive > a:hover > span.likePost:before, .vPlayer .videoPlay:after, .vPlayer:hover .videoPlay:after, .vPlayer:active .videoPlay:after, .mejs-controls .mejs-playpause-button button, .mejs-controls .mejs-playpause-button button:hover, .mejs-container .mejs-controls .mejs-volume-button button, .mejs-container .mejs-controls .mejs-volume-button button:hover, .roundButton a, .roundButton a:hover, .squareButton > a, .squareButton > a:hover, .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow .rsArrowIcn, .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow .rsArrowIcn:hover, .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow .rsArrowIcn:active, .hoverIncrease .hoverIcon, .hoverVideo .hoverIcon , .hoverIncrease .hoverShadow, .peopleWrap .peopleItems, .peopleWrap .peopleItems .thumb, .peopleWrap .peopleItems .socPage, .peopleWrap .peopleItems:hover .thumb:after, .peopleWrap .peopleItems:hover .thumb .peopleText, .footerWidget .flickerBlock > a:before, .reviewBlock .ratingItem .ratBubble, .topGlobal .topMenuStyleLine > ul > li ul li a, .twitBlock .sliderNav .rsArrowLeft .rsArrowIcn:before, .twitBlock .sliderNav .rsArrowRight .rsArrowIcn:before, .sc_testimonials .sliderNav .rsArrowIcn, .upToScroll.buttonShow, .upToScroll, .sliderLogo .elastislide-wrapper nav span:before, body.boxed, body.boxed .boxedWrap, .topWrap, header.fixedTopMenu .topWrap, header.fixedTopMenu .topWrap .topGlobal, .widgetWrap .tagcloud a{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .contactFooter .contactShare ul li:hover a:before, .peopleWrap .peopleItems .socPage li:hover a:before, .copyWrap .copy .socPage li:hover a:before, .author .socPage li:hover a:before{ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;} /*header*/ .topWrap { top: -100px;} .fakeFixMenu{ position: fixed; left: 0; top: -100px; z-index: 2000; width: 100%;} .topGlobal .userMenu{ height: auto;} header.fixedTopMenu .topWrap{ position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; -webkit-box-shadow: 0 0 10px 1px #777; -moz-box-shadow: 0 0 10px 1px #777; box-shadow: 0 0 10px 1px #777;} header.fixedTopMenu .topWrap .topGlobal .logo { padding: 10px 0;} header.fixedTopMenu .topWrap .topGlobal .logo img{ height: 40px; vertical-align: top; margin: 5px 0 0 0 ;} header.fixedTopMenu .topWrap .topGlobal .menuTopWrap > ul > li{ padding: 10px 0;} header.fixedTopMenu .topWrap .topGlobal .menuTopWrap.topMenuStyleLine > ul > li > ul{ top: 60px;} header.fixedTopMenu .topWrap .topGlobal .menuTopWrap.topMenuStyleFon > ul > li > ul{ top: 47px;} header.fixedTopMenu .topWrap .topGlobal .search{ margin: 15px 0 15px 10px} header.fixedTopMenu .topWrap .topGlobal .openRightMenu{ margin: 15px 0 15px 10px} header.fixedTopMenu .topWrap .topGlobal .openResposoveMenu{ margin: 15px 0;} header.fixedTopMenu .topWrap .topGlobal .userMenu{ height: 0; overflow: hidden;} .sweepLeft header.fixedTopMenu .topWrap .topGlobal{ padding: 0 0 0 50px;} .sweepLeft.openMenuFix header.fixedTopMenu .topWrap .topGlobal{ padding: 0 0 0 250px;} header.fixedTopMenu .topWrap, header.fixedTopMenu .topWrap .topGlobal, .fakeFixMenu{ -webkit-transition: top 0.3s ease-out; -moz-transition: top 0.3s ease-out; -ms-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; transition: top 0.3s ease-out; } header{} /*header.topSearchShow .menuTopWrap { display: none !important; }*/ .topGlobal{ } .topGlobal:after{ content:""; display:block; clear:both; } .topGlobal .logo{float:left; font-size:30px; height:30px; line-height:30px; padding: 20px 0; } .logo{font-family: 'Roboto', sans-serif; color:#fff; font-weight:100;} .logo a{display:block; color:#fff; text-decoration:none;} .logo img{height:70px; border:none;} footer .logo a{ display: inline-block; vertical-align: middle;} footer .logo img{height:30px; line-height: 30px; border:none; vertical-align: middle;} .topGlobal .search{ float:right; margin:35px 0 35px 10px; height:28px; width:0; padding:0 28px 0 0 ; border:1px solid rgba(255,255,255,0.2); position:relative; -webkit-transition: width 0.3s ease-out; -moz-transition: width 0.3s ease-out; -ms-transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; transition: width 0.3s ease-out; } .topGlobal .search:before{ position:absolute; right:0; top:0; z-index:2; width:28px; height:28px; content: '\e83f'; font-family: "fontello"; font-size:16px; color: rgba(255,255,255,0.5); line-height:28px; text-align:center;} .topGlobal .search.searchOpen:before{ content:'\e811';} .topGlobal .search:hover{ cursor:pointer;} .topGlobal .search.searchOpen{ width:220px;} .topGlobal .search .searhForm{ display:none; height:28px; width:220px; overflow:hidden; position:relative; z-index:1;} .topGlobal .search .searhForm .searchField{ height:28px; width:180px; line-height: 28px; background:none; border:none; margin:0; padding:0 9px; color:#fff; position:absolute; left:28px; top:0; color: rgba(255,255,255,0.5); font-weight: 300;} .topGlobal .search .searhForm .searchField:focus{ color:#fff;} .topGlobal .search .searhForm .searchSubmit{ width:28px; height:28px; border:none; background: none; padding:0px; cursor:pointer; position:absolute; left:0; top:0;} .topGlobal .search .searhForm .searchSubmit .icoSearch{ display:block; width:28px; height:28px; color:#fff; text-align:center; position:relative;} .topGlobal .search .searhForm .searchSubmit .icoSearch:before{ font-family: "fontello"; content: '\e83f'; font-size:16px; color: rgba(255,255,255,0.5); line-height:28px; width:28px; height:28px; display:block; position:absolute; z-index:4;} .topGlobal .search .ajaxSeacrh{ display:none; background:#fff; border:1px solid #ddd; width:248px; position:absolute; right:0; top:40px; z-index:10; -webkit-box-shadow: 0 2px 2px -1px #ddd; -moz-box-shadow: 0 2px 2px -1px #ddd; box-shadow: 0 2px 2px -1px #ddd;} .topGlobal .search .ajaxSeacrh:after{ content:""; width:10px; height:10px; background:#FFF; border-left:1px solid #ddd; border-top:1px solid #ddd; position:absolute; top:-5px; left:100px; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ;} .topGlobal .search .ajaxSeacrh > ul{ padding:0px; margin:0px;} .topGlobal .search .ajaxSeacrh > ul > li { display:block; list-style:none; } .topGlobal .search .ajaxSeacrh > ul > li > a { display:block; padding:10px 20px; position:relative; z-index:3;} .topGlobal .search .ajaxSeacrh > ul > li + li > a { border-top:1px solid #ddd; } /*topUserMenu*/ .topGlobal .userMenu{ border-bottom: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.5); font-size: 12px; font-weight: 300;} .topGlobal .userMenu .menuUsItem:after, .topGlobal .userMenu:after{ content: '' ;height: 0; display: block; clear: both; } .topGlobal .userMenu a{ color: rgba(255,255,255,0.7); } .topGlobal .userMenu a:hover{ color: #fff; text-decoration: underline;} .topGlobal .userMenu .menuUsItem{ } .topGlobal .userMenu .menuItemRight{ float: right;} .topGlobal .userMenu .menuItemLeft{ float: left; height: 35px; line-height: 35px;} .topGlobal .userMenu ul.dropUsMenu{ padding: 0; margin: 0;} .topGlobal .userMenu ul.dropUsMenu:after{content: ''; height: 0; display: block; clear: both;} .topGlobal .userMenu ul.dropUsMenu > li{ list-style: none; position: relative; height: 35px; line-height: 35px; float: left; } .topGlobal .userMenu ul.dropUsMenu > li a:before, .topGlobal .userMenu ul.dropUsMenu > li a:after{font-family: "fontello";} .topGlobal .userMenu ul.dropUsMenu > li > a{ height: 35px; line-height: 35px; display: block;} .topGlobal .userMenu ul.dropUsMenu > li.sfHover > a{ color: #fff; text-decoration: underline;} .topGlobal .userMenu ul.dropUsMenu li ul { display: none; background: #fff; border: 1px solid #ddd; margin: 0; padding: 10px; position: absolute; right: 0; top: 35px; width: 100px; z-index: 1020;} .topGlobal .userMenu ul.dropUsMenu li ul:before{ width: 6px; height: 6px; background: #fff; content: ''; display: block; position: absolute; top: -4px; right: 7px; border-width: 1px; border-style: solid ; border-color: #ddd #fff #fff #ddd ; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(46deg);} .topGlobal .userMenu ul.dropUsMenu li ul li{ list-style: none; padding: 0; color: #888;} .topGlobal .userMenu ul.dropUsMenu li ul li a{ color: #888; display: block; padding: 0 5px; height: auto; line-height: 25px; min-height: 25px;} .topGlobal .userMenu ul.dropUsMenu li ul li a.icon:before{ display: inline-block; padding: 0 10px 0 0; } .topGlobal .userMenu ul.dropUsMenu > li + li { margin: 0 0 0 10px;} .topGlobal .userMenu ul.dropUsMenu li.currency > a{ padding: 0 15px; background: rgba(255,255,255,0.5); text-decoration: none;} .topGlobal .userMenu ul.dropUsMenu li.currency.sfHover > a, .topGlobal .userMenu ul.dropUsMenu li.currency > a:hover{ background-color: #fff; position: relative; z-index: 1050; height: 36px;} .topGlobal .userMenu ul.dropUsMenu li.currency ul{ width: 80px;} .topGlobal .userMenu ul.dropUsMenu li.currency ul li a b{ display: inline-block; padding: 0 7px 0 0;} .topGlobal .userMenu ul.dropUsMenu li.cart ul{ width: 300px;} .topGlobal .userMenu ul.dropUsMenu li.cart > a:before, .topGlobal .userMenu ul.dropUsMenu li.language > a:before, .topGlobal .userMenu ul.dropUsMenu li.controlPanel > a:before, .topGlobal .userMenu ul.dropUsMenu li.login > a:before{ display: inline-block; height: 35px; width: 15px; text-align: center; line-height: 35px; padding: 0 5px 0 0;} .topGlobal .userMenu ul.dropUsMenu li.language ul li a img{ height: 10px; vertical-align: middle; display: inline-block; margin: 0 10px 0 0; } .topGlobal .userMenu ul.dropUsMenu li.cart > a:before { content: '\e883';} .topGlobal .userMenu ul.dropUsMenu li.language > a:before { content: '\e884'; } .topGlobal .userMenu ul.dropUsMenu li.controlPanel > a:before { content: '\e885'; } .topGlobal .userMenu ul.dropUsMenu li.login > a:before { content: '\e886'; } .topGlobal .userMenu ul.dropUsMenu li.cart > a:after, .topGlobal .userMenu ul.dropUsMenu li.language > a:after{ content: '\e85a'; display: inline-block; height: 35px; width: 15px; text-align: left; line-height: 35px; padding: 0 0 0 5px; } .topGlobal .userMenu ul.dropUsMenu li.cart.sfHover > a:after, .topGlobal .userMenu ul.dropUsMenu li.language.sfHover > a:after{ content: '\e859';} /*gridIconWrap*/ .gridIconWrap.gray{ border-bottom:1px solid #ddd; background: #fff; background: -moz-linear-gradient(top, #ffffff 21%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,#ffffff), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 21%,#f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 21%,#f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 21%,#f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 21%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); } .gridIconWrap.global{} .gridIcon{ text-align: center;} .gridIconWrap.global .gridIcon{ color: #fff;} .gridIcon:after{ content: ''; clear: both; display: block; height: 0;} .gridIcon .iconItems{ float: left; padding: 60px 0 0 0 ; } .gridIcon .iconItems span.ico{ display: block; padding: 0 0 35px 0;} .gridIcon .iconItems span.ico:before{ font-size: 70px; line-height: 70px; font-family: "fontello"; } .gridIcon .iconItems span.ico.diamond:before{ content: '\e87d'; } .gridIcon .iconItems span.ico.beaker:before{ content: '\e87c'; } .gridIcon .iconItems span.ico.phone:before{ content: '\e87e'; } .gridIcon .iconItems span.ico.megaphone:before{ content: '\e87f'; } .gridIcon .iconItems span.ico.settings:before{ content: '\e81f'; } .gridIcon .iconItems .iconInfo{ font-size: 18px; padding: 0 25px 60px 25px; font-weight: 300; } /*top Menu style white fon*/ .topGlobal .topMenuStyleFon{ float:right; } .topGlobal .topMenuStyleFon > ul{ margin:0px; padding: 0;} .topGlobal .topMenuStyleFon > ul:after{ content: ''; height: 0; display: block; clear: both;} .topGlobal .topMenuStyleFon > ul > li { display:block; float:left; position: relative; padding: 30px 0;} .topGlobal .topMenuStyleFon > ul > li > a { display:block; padding:0 18px; border-width: 1px; border-style: solid; height:38px; line-height:38px; text-transform:uppercase; text-decoration:none; color:#fff; z-index:1000; position: relative; -webkit-transition: color, background 0.3s ease-out; -moz-transition: color, background 0.3s ease-out; -ms-transition: color, background 0.3s ease-out; -o-transition: color, background 0.3s ease-out; transition: color, background 0.3s ease-out;} .topGlobal .topMenuStyleFon > ul > li > a:hover{ background:#fff; -webkit-transition: color, background 0.3s ease-out; -moz-transition: color, background 0.3s ease-out; -ms-transition: color, background 0.3s ease-out; -o-transition: color, background 0.3s ease-out; transition: color, background 0.3s ease-out;} .topGlobal .topMenuStyleFon > ul > li > a.sf-with-ul{ line-height:38px; } .topGlobal .topMenuStyleFon > ul > li.sfHover > a{ background-color: #fff; z-index: 1003; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .topGlobal .topMenuStyleFon > ul > li.sfHover > a, .topGlobal .topMenuStyleFon > ul > li.sfHover > a:hover{ border-style: solid; border-color:#ddd #ddd #fff #ddd; border-width:1px; background:#fff; margin:0px ; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0;} .topGlobal .topMenuStyleFon > ul > li ul { width: 200px; display: none; position:absolute; left:0px; top:67px; background:#FFF; padding:15px 7px 5px 7px; margin:0px; border:1px solid #ddd; z-index:1002;} .topGlobal .topMenuStyleFon > ul > li > ul { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } .topGlobal .topMenuStyleFon > ul > li ul a.sf-with-ul:after { font-size: 13px; font-family: "fontello"; content: '\e826'; height:30px; width:10px; line-height:30px; position:absolute; top:0; right:10px; text-align:right;} .topGlobal .topMenuStyleFon > ul > li ul a{ position:relative;} .topGlobal .topMenuStyleFon > ul > li ul li { list-style:none; display:block; position:relative; } .topGlobal .topMenuStyleFon > ul > li ul li a{ display:block; padding:3px 9px; line-height:20px; margin: 0 0 11px 0; text-transform: uppercase; color:#222222;} .topGlobal .topMenuStyleFon > ul > li ul li ul{ top:-10px; left:210px;} /*openResposoveMenu*/ .openResposoveMenu{ display: none; float: right; margin: 25px 0 0 ; height: 35px; line-height: 35px; width: 100%; border-top: 1px solid rgba(255,255,255,0.2); text-transform: uppercase; color: #fff; text-align: center;} .openResposoveMenu:hover{ color: #fff;} /*top Menu style line*/ .topGlobal .topMenuStyleLine{ float:right; } .topGlobal .topMenuStyleLine > ul{ margin:0px; padding:0px;} .topGlobal .topMenuStyleLine > ul:after{content: ''; height: 0; display: block; clear: both;} .topGlobal .topMenuStyleLine > ul > li { display:block; float:left; position: relative; padding: 30px 0;} .topGlobal .topMenuStyleLine > ul > li:after{ content: ''; display: block; height: 1px; background: #fff; width: 0; -webkit-transition: width 0.3s ease-out; -moz-transition: width 0.3s ease-out; -ms-transition: width 0.3s ease-out; -o-transition: width 0.3s ease-out; transition: width 0.3s ease-out;} .topGlobal .topMenuStyleLine > ul > li:hover:after{ width: 100%;} .topGlobal .topMenuStyleLine > ul > li > a { display:block; padding:0 10px; height:39px; line-height:39px; text-transform:uppercase; text-decoration:none; color:#fff; z-index:88; position: relative; font-size: 12px; font-weight: 300;} .topGlobal .topMenuStyleLine > ul > li > a:hover{ } .topGlobal .topMenuStyleLine > ul > li > a.sf-with-ul{ height:39px; line-height:39px; padding:0 20px; } .topGlobal .topMenuStyleLine > ul > li.sfHover > a.sf-with-ul, .topGlobal .topMenuStyleLine > ul > li.sfHover > a.sf-with-ul:hover{ } .topGlobal .topMenuStyleLine > ul > li ul { width: 200px; display: none; position:absolute; left:0px; top: 100px; padding:0; margin:0px; border-width:0 1px 1px 1px; border-style: solid; z-index:2999; font-weight: 300; font-size: 12px; } .topGlobal .topMenuStyleLine > ul > li ul a.sf-with-ul:after { font-size: 8px; font-family: "fontello"; content: '\e826'; height:30px; width:10px; line-height:30px; position:absolute; top:0; right:10px; text-align:right;} .topGlobal .topMenuStyleLine > ul > li ul a{ position:relative;} .topGlobal .topMenuStyleLine > ul > li ul li { list-style:none; display:block; position:relative; } .topGlobal .topMenuStyleLine > ul > li ul li a{ display:block; padding:6px 9px; line-height:20px; margin: 0; text-transform: none; color:#fff; font-size: 12px;} .topGlobal .topMenuStyleLine > ul > li ul li a:hover{ background: #fff;} .topGlobal .topMenuStyleLine > ul > li ul li ul{ top:0px; left:202px; padding: 0;} /*sweep Content*/ .sweepLeft .sweepContent{ margin-left: 50px; } .swpRightPos, .sweepLeft .sweepContent{ -webkit-transition: margin 0.2s ease-out; -moz-transition: margin 0.2s ease-out; -ms-transition: margin 0.2s ease-out; -o-transition: margin 0.2s ease-out; transition: margin 0.2s ease-out; } .openMenuFixRight .swpRightPos, .sweepLeft.openMenuFix .sweepContent{ -webkit-transition: margin 0.4s 0.25s ease-out; -moz-transition: margin 0.4s 0.25s ease-out; -ms-transition: margin 0.4s 0.25s ease-out; -o-transition: margin 0.4s 0.25s ease-out; transition: margin 0.4s 0.25s ease-out; } .sweepLeft.openMenuFix .sweepContent{ margin-left: 250px; } .openRightMenu { float: right; margin: 35px 0 35px 10px; height: 28px; width: 28px; border: 1px solid rgba(255,255,255,0.2); text-indent: 999px; background: url(../images/menu.png) 50% 50% no-repeat; background-size: 18px 18px; -webkit-background-size: 18px 18px; -o-background-size: 18px 18px; -moz-background-size: 18px 18px;} .sweepRight.openMenuFixRight{} .swpLeftPos{ left: 0; width: 50px;} .swpRightPos{ right: 0; width: 0; width: 250px; background-color: #f6f6f6; height: 100%; position: fixed; top: 0; z-index: 3000; margin: 0 -250px 0 0 ;} .openMenuFixRight .swpRightPos{ margin: 0;} .sweepMenuWrap{ height: 100%; position: fixed; top: 0; z-index: 199; -webkit-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%;} .openMenuFix .sweepMenuWrap{ width: 250px;} .sweepMenuWrap .logo{ display: block; text-align: center; padding: 50px 0;} .sweepMenuWrap .logo a{display: block; } .sweepMenuWrap .logo img{ height: 25px;} /*swpRightPos*/ .swpRightPos{} .swpRightPos .tabsMenuHead{ height: 64px; padding: 0; margin: 0;} .swpRightPos .tabsMenuHead li{ display: block; float: left; list-style: none; height: 64px; width: 25%;} .swpRightPos .tabsMenuHead li a{ display: block; height: 64px; background: #fff;} .swpRightPos .tabsMenuHead li.ui-tabs-active a{ background-color: #f6f6f6;} .swpRightPos .tabsMenuHead li a:before{ display: block; height: 64px; text-align: center; line-height: 64px; font-family: "fontello"; font-size: 17px;} .swpRightPos .tabsMenuHead li a.tabsCustom:before{ content: '\e837'; } .swpRightPos .tabsMenuHead li a.tabsWidget:before{ content: '\e888'; } .swpRightPos .tabsMenuHead li a.tabsMenu:before{ content: '\e889';} .swpRightPos .tabsMenuHead li a.tabsFavorite:before{ content: '\e809'; } .swpRightPos .tabsMenuBody{ padding: 10px} /*topUserMenu sweepMenu*/ .sweepMenuWrap .userMenu{ border-bottom: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.5); font-size: 12px; font-weight: 300; background-color: rgba(0,0,0,0.02);} .sweepMenuWrap .userMenu:after{ content: '' ;height: 0; display: block; clear: both; } .sweepMenuWrap .userMenu a{ color: rgba(255,255,255,0.7); } .sweepMenuWrap .userMenu a:hover{ color: #fff; text-decoration: underline;} .sweepMenuWrap .userMenu ul.dropUsMenu{ padding: 0; margin: 0;} .sweepMenuWrap .userMenu ul.dropUsMenu:after{content: ''; height: 0; display: block; clear: both;} .sweepMenuWrap .userMenu ul.dropUsMenu > li{ list-style: none; position: relative; height: 35px; line-height: 35px; float: left; } .sweepMenuWrap .userMenu ul.dropUsMenu > li a:before, .sweepMenuWrap .userMenu ul.dropUsMenu > li a:after{font-family: "fontello";} .sweepMenuWrap .userMenu ul.dropUsMenu > li > a{ height: 35px; line-height: 35px; display: block;} .sweepMenuWrap .userMenu ul.dropUsMenu > li > a > span{display: none;} .sweepMenuWrap .userMenu ul.dropUsMenu > li.sfHover > a{ color: #fff; text-decoration: underline;} .sweepMenuWrap .userMenu ul.dropUsMenu li ul { display: none; background: #fff; border: 1px solid #ddd; margin: 0; padding: 10px; position: absolute; left: -7px; top: 35px; width: 100px; z-index: 1020;} .sweepMenuWrap .userMenu ul.dropUsMenu li ul:before{ width: 6px; height: 6px; background: #fff; content: ''; display: block; position: absolute; top: -4px; left: 10px; border-width: 1px; border-style: solid ; border-color: #ddd #fff #fff #ddd ; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(46deg);} .sweepMenuWrap .userMenu ul.dropUsMenu li ul li{ list-style: none; padding: 0; color: #888;} .sweepMenuWrap .userMenu ul.dropUsMenu li ul li a{ color: #888; display: block; padding: 0 5px; height: auto; line-height: 25px; min-height: 25px;} .sweepMenuWrap .userMenu ul.dropUsMenu li ul li a.icon:before{ display: inline-block; padding: 0 10px 0 0; } .sweepMenuWrap .userMenu ul.dropUsMenu > li + li { margin: 0 0 0 10px;} .sweepMenuWrap .userMenu ul.dropUsMenu li.currency > a{ padding: 0 15px; background: rgba(255,255,255,0.5); text-decoration: none;} .sweepMenuWrap .userMenu ul.dropUsMenu li.currency.sfHover > a, .sweepMenuWrap .userMenu ul.dropUsMenu li.currency > a:hover{ background-color: #fff; position: relative; z-index: 1050; height: 36px;} .sweepMenuWrap .userMenu ul.dropUsMenu li.currency ul{ width: 80px; left: 0;} .sweepMenuWrap .userMenu ul.dropUsMenu li.currency ul li a b{ display: inline-block; padding: 0 7px 0 0;} .sweepMenuWrap .userMenu ul.dropUsMenu li.cart ul{ width: 300px;} .sweepMenuWrap .userMenu ul.dropUsMenu li.cart > a:before, .sweepMenuWrap .userMenu ul.dropUsMenu li.language > a:before, .sweepMenuWrap .userMenu ul.dropUsMenu li.controlPanel > a:before, .sweepMenuWrap .userMenu ul.dropUsMenu li.login > a:before{ display: inline-block; height: 35px; width: 15px; text-align: center; line-height: 35px; padding: 0 5px 0 0;} .sweepMenuWrap .userMenu ul.dropUsMenu li.language ul li a img{ height: 10px; vertical-align: middle; display: inline-block; margin: 0 10px 0 0; } .sweepMenuWrap .userMenu ul.dropUsMenu li.cart > a:before { content: '\e883';} .sweepMenuWrap .userMenu ul.dropUsMenu li.language > a:before { content: '\e884'; } .sweepMenuWrap .userMenu ul.dropUsMenu li.controlPanel > a:before { content: '\e885'; } .sweepMenuWrap .userMenu ul.dropUsMenu li.login > a:before { content: '\e886'; } .sweepMenuWrap .userMenu ul.dropUsMenu li.cart > a:after, .sweepMenuWrap .userMenu ul.dropUsMenu li.language > a:after{ content: '\e85a'; display: inline-block; height: 35px; width: 15px; text-align: left; line-height: 35px; padding: 0 0 0 5px; } .sweepMenuWrap .userMenu ul.dropUsMenu li.cart.sfHover > a:after, .sweepMenuWrap .userMenu ul.dropUsMenu li.language.sfHover > a:after{ content: '\e859';} .sweepMenuWrap .sweepMenu{ } .sweepMenuWrap .sweepMenu{border-top: 1px solid rgba(255,255,255,0.1);} .sweepMenuWrap .sweepMenu > ul > li{ border-bottom: 1px solid rgba(255,255,255,0.1);} .sweepMenuWrap .sweepMenu > ul { margin: 0; padding: 0; } .sweepMenuWrap .sweepMenu ul li{ list-style: none; } .sweepMenuWrap .sweepMenu li.dropMenu:hover { cursor: pointer; } .sweepMenuWrap .sweepMenu li.dropMenu:before{ content: '\e85d'; font-family: "fontello"; width: 40px; display: block; float: right; padding: 7px 0 0 0 ; text-align: center; color: #fff} .sweepMenuWrap .sweepMenu li.dropMenu.dropOpen:before{ content: '\e85e';} .sweepMenuWrap .sweepMenu li.dropMenu a{ margin: 0 40px 0 0 ; } .sweepMenuWrap .sweepMenu > ul > li > a { text-transform: uppercase; display: block; color: #fff; padding: 10px 15px 10px 30px; font-weight: 300; font-size: 12px; } .sweepMenuWrap .sweepMenu ul li > a.sf-with-ul{ margin: 0 40px 0 0 ;} .sweepMenuWrap .sweepMenu ul li ul{ background: rgba( 0,0,0,0.07); padding: 0; margin: 0; display: none; } .sweepMenuWrap .sweepMenu ul li ul, .sweepMenuWrap .sweepMenu ul li ul li + li{ border-top: 1px solid rgba(255,255,255,0.1);} .sweepMenuWrap .sweepMenu ul li ul li a{ color: #fff; font-weight: 300; display: block; padding: 6px 15px 6px 42px; font-size: 13px;} .sweepMenuWrap .sweepMenu ul li ul li ul li a{ padding: 6px 15px 6px 54px; font-size: 12px;} .sweepMenuOverflow{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 100; opacity: 0.6; display: none;} .sweepMenuWrap .sweepMenuDefault{ width: 50px; position: absolute; z-index: 200; top: 0; left: 0; height: 100%; cursor: pointer; background-image: url(../images/logo_mini.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 25px; -webkit-background-size: 25px; -o-background-size: 25px; -moz-background-size: 25px; } .menuTranform { width: 250px; margin: 0 0 0 -300px; position: relative; z-index: 201; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;} .openMenuFix .menuTranform { margin: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} /*sweep menu Search*/ .menuSearch{ position: relative; border:1px solid rgba(255,255,255,0.2); margin:40px 30px; height: 30px;} .menuSearch .searchField{ height:30px; line-height: 30px; width: 65%; background:none; border:none; margin: 0 ; padding: 0 40px 0 20px; color:#fff; position:absolute; left:0; top:0; color: rgba(255,255,255,0.5); font-weight: 300; } .menuSearch .searchField:focus{ color:#fff;} .menuSearch .searchSubmit{ width:30px; height:30px; border:none; background: none; padding:0px; cursor:pointer; position:absolute; right:0; top:0;} .menuSearch .searchSubmit:before{ font-family: "fontello"; content: '\e83f'; font-size:16px; color: rgba(255,255,255,0.5); line-height:30px; width:30px; height:30px; display:block; position:absolute; z-index:4; right: 0; top: 0;} /*topTabs*/ .widgetTabs{ overflow:hidden; } .topTabsWrap{ border-bottom:1px solid #ddd; background: #fff; background: -moz-linear-gradient(top, #ffffff 21%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(21%,#ffffff), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 21%,#f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 21%,#f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 21%,#f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 21%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); } /*speedBar*/ .topTabs:after{ height:0; display:block; content:''; clear:both;} .topTabs .speedBar{ padding:29px 0; float:right; font-size:12px; font-style:italic; } .topTabs .speedBar a{ display:inline-block; color:#888888; text-decoration:none;} .topTabs .speedBar a:hover{} .topTabs .pageTitle{ float:left; padding:25px 0; font-weight:300; color:#888888; } /*tabsButton*/ .tabsButton{ height:51px; margin:0 0 -1px ; clear:both;} .tabsButton ul{ margin:0px; padding:0px; overflow:hidden;} .tabsButton ul li{ display:block; float:left; height:50px; line-height:50px; margin:1px 1px 0 0;} .tabsButton ul li + li{margin:1px 1px 0 -1px;} .tabsButton ul li.ui-state-default:hover a:before, .tabsButton ul li.ui-tabs-active{ border-style: solid; border-color:#ddd; border-width:1px 1px 0 1px; margin:0 0 0 0; background:#fff;} .tabsButton ul li a{ display:block; height:50px; padding:0px 18px; color:#222222; text-decoration:none;} .tabsButton ul li a span{ display:block; height:50px; line-height:50px; position:relative; z-index:2;} .tabsButton ul li.ui-tabs-active a{ color:#9b9b9b;} .tabsButton ul li.ui-state-default a{position:relative;} .tabsButton ul li.ui-state-default a:before, .tabsButton ul li.ui-state-default:hover a:before{content:""; position:absolute; display:block; width:100%; bottom:0px; left:0px; z-index:1; -webkit-transition: height 100ms ease; -moz-transition: height 100ms ease; -ms-transition: height 100ms ease; -o-transition: height 100ms ease; transition: height 100ms ease; } .tabsButton ul li.ui-state-default a:before{ height:0px;} .tabsButton ul li.ui-state-default:hover a:before{ height:50px;} .tabsButton ul li.ui-state-default.ui-tabs-active a{ cursor:default; } .tabsButton ul li.ui-state-default.ui-tabs-active:hover a:before { height:0px; border: none; } .shortcodesGridPadding{ padding:45px 0 0 0 ;} /*toogleFAQ*/ .sc_toggle.toggleStyle2.toogleFAQ{ padding:0 0 20px 0;} .sc_toggle.toggleStyle2.toogleFAQ .sc_toggles_item{ border-bottom:1px solid #ddd; } .sc_toggle.toggleStyle2.toogleFAQ .sc_toggles_item .sc_toggles_title{ cursor:pointer; padding:30px 50px 30px 15px ; } .sc_toggle.toggleStyle2.toogleFAQ .sc_toggles_item .sc_toggles_title:before{ top: 30px; right: 0;} .sc_toggle.toggleStyle2.toogleFAQ .sc_toggles_item.togleCount .sc_toggles_title{ padding:30px 50px 30px 50px; } .sc_toggle.toggleStyle2.toogleFAQ .sc_toggles_item.togleCount .sc_toggles_title span.tCount{ display:block; float: left; margin: 0 0 0 -50px; width:50px; color:#222222; } .sc_toggle.toggleStyle2.toogleFAQ .sc_toggles_item .sc_toggles_content{ padding:0 50px 30px 15px; display:none;} .sc_toggle.toggleStyle2.toogleFAQ .sc_toggles_item.togleCount .sc_toggles_content{ padding:0 50px 30px 50px;} /*slider Logo*/ .sliderLogo .elastislide-carousel{ overflow: hidden; height: 120px; } .sliderLogo .elastislide-wrapper { height: 120px; position: relative;} .sliderLogo .elastislide-wrapper nav{ position: absolute; top: -80px; right: 0; display: block; height: 37px;} .sliderLogo .elastislide-wrapper nav span + span{ margin: 0 0 0 12px;} .sliderLogo .elastislide-wrapper nav span:before{ text-indent: 0;} .sliderLogo .elastislide-wrapper .elastislide-prev, .sliderLogo .elastislide-wrapper .elastislide-next{ display: block; width: 37px; height: 38px; float: left; cursor: pointer; position: relative; text-indent: 99px; overflow: hidden; } .sliderLogo .elastislide-wrapper .elastislide-prev:before, .sliderLogo .elastislide-wrapper .elastislide-next:before{ position: absolute; left: 0; top: 1px; } .sliderLogo .slLogoWrapHide{ overflow: hidden;} .sliderLogo ul.sliderNavlogo{ margin: 0; padding: 0; height: 120px; white-space: nowrap;} .sliderLogo ul.sliderNavlogo li{list-style: none; height: 120px; width: 120px; display: inline-block; margin: 0 25px 0 0 ; } .sliderLogo ul.sliderNavlogo li a{ display: block;} .sliderLogo ul.sliderNavlogo li img{ width: 100%;} /*info Block - date, author, category*/ .infoPost{ padding:0 0 50px 0 ; height:12px; font-size:12px; line-height:12px; text-align:right; font-style:italic;} .infoPost a{ color:#222222;} .infoPost .infoTags a{ color:#888888; } .infoPost .separator{ padding:5px; font-style:normal;} .post .infoPost + .postLink{ padding: 0 0 50px 0;} /*itemPage*/ .itemPage{ margin:0 0 50px 0; padding: 50px 0 0 0;} .itemPage:after{ content:""; display:block; clear:both; height:0;} .itemPage .thumb{ margin:0 0 50px 0;} .itemPage .thumb img{ display:block; } .itemPage h1{ text-align:center; padding:0 0 50px 0; } .itemPage .itemInfo { padding:0 0 50px 0;} .itemPage .itemInfo:after{ height:0; display:block; content:''; clear:both;} .itemPage .itemInfo .infoPost{ float:left; padding:0; line-height:30px;} .itemPage .itemInfo .postSharing{ float:right;} .itemPageFull{ position:relative; overflow:hidden;} .itemPageFull:after{ content:""; display:block; clear:both; height:0;}{} .itemPageFull .thumb{ width:100%; height:100%; overflow:hidden;} .itemPageFull .thumb img{ display:block; width:100%; } .itemPageFull .itemDiscriptionWrap{ position:absolute; width:100%; bottom:0; left:0; padding:30px 0 0 0 ; color:#222222; background:rgb(255,255,255); background:rgba(255,255,255,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff)"; } .itemPageFull .itemDiscriptionWrap h1{ text-align:center; padding:0 110px 30px 110px;} .itemPageFull .itemDiscriptionWrap .main{ position:relative;} .itemPageFull .itemDiscriptionWrap .toggleDiscription{ display:none} /*.itemPageFull .itemDiscriptionWrap:hover .toggleDiscription{ display: block; }*/ .itemPageFull .itemDiscriptionWrap .toggleButton, .itemPageFull .itemDiscriptionWrap .backClose{ display:block; width:48px; height:48px; border:1px solid #dddcdc; position:absolute; top:7px; color:#fff; background:rgb(208,208,208); background:rgba(208,208,208,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd0d0d0, endColorstr=#4cd0d0d0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cd0d0d0, endColorstr=#4cd0d0d0)"; } .itemPageFull .itemDiscriptionWrap .backClose:hover, .itemPageFull .itemDiscriptionWrap .toggleButton:hover{ background-color:#ffffff; color:#888888; border:1px solid #ddd;} .itemPageFull .itemDiscriptionWrap .backClose:before, .itemPageFull .itemDiscriptionWrap .toggleButton:before{ font-family: "fontello"; display:block; height:48px; width:48px; text-align:center; line-height:48px; font-size:25px; } .itemPageFull .itemDiscriptionWrap .backClose{ right:0;} .itemPageFull .itemDiscriptionWrap .toggleButton{ right:60px;} .itemPageFull .itemDiscriptionWrap .backClose:before{ content:'\e81d'} .itemPageFull .itemDiscriptionWrap .toggleButton:before{ content:'\e861'} .itemPageFull .itemDiscriptionWrap:hover .toggleButton:before, .itemPageFull .itemDiscriptionWrap.discriptionShow .toggleButton:before{ content:'\e856'; } .imgNav{ position:relative; } .imgNav img{ position:relative; /*z-index:*/} .imgNav .itemPrev, .imgNav .itemNext{ display:block; position:absolute; width:50%; height:50px; font-size:13px; color:#3a3a3a; margin:-75px 0 0 0 ; overflow:hidden; padding:50px 0;} .imgNav .itemPrev span.itInf{ display:block; height:50px; width:auto; float: left; background:#fff; padding:0 40px 0 90px; margin: 0 0 0 -100%; overflow:hidden;} .imgNav .itemNext span.itInf{ display:block; height:50px; width:auto; float:right; background:#fff; padding:0 90px 0 40px; margin: 0 -100% 0 0; overflow:hidden;} .imgNav .itemPrev .titleItem, .imgNav .itemNext .titleItem{ display:block; font-size:16px; padding:4px 0 0 0 ; } .imgNav .itemPrev:before, .imgNav .itemNext:before{ width:48px; height:48px; border:1px solid #ddd; display:block; background:#fff; position:absolute; top:50px; font-family: "fontello"; color:#888888; font-size:25px; text-align:center; line-height:50px;} .imgNav .itemPrev:before{ content:'\e85f'; left:50px;} .imgNav .itemNext:before{ content:'\e860'; right:50px; } .imgNav .itemPrev{ top:50%; left:0; } .imgNav .itemNext{ top:50%; right:0; } .imgNav .itemPrev:hover span.itInf{ margin:0 0 0 -25px;} .imgNav .itemNext:hover span.itInf{ margin:0 -25px 0 0;} .imgNav .itemPrev:hover:before{ left:0} .imgNav .itemNext:hover:before{ right:0;} .imgNav .itemPrev span.itInf, .imgNav .itemNext span.itInf { -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .imgNav .itemPrev:before, .imgNav .itemNext:before { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .imgNav .itemPrev span.itInf, .imgNav .itemNext span.itInf{ -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; -moz-transition-delay: 0.15s; transition-delay: 0.15s; } .article{ margin: 0 0 30px 0;} /*post*/ .post{ margin: 50px 0; /* padding: 50px 0 0 0; */} .post.shortCode{ margin: 0; padding: 50px 0 0 0;} .post:after{ content:""; display:block; clear:both; height:0;} .post .thumb { width:550px;} .post .thumb img{ width:100%;} .post + .post{ margin:0 0 50px 0; padding:0;} .post article{ padding:0 0 50px 0;} .post article:after{ content:""; display:block; clear:both; height:0;} .post .srcPostImg img{ width:100%; display:block; margin:0px; padding:0px;} .post .srcPostImg figcaption{ background:#ededed; color:#777777; /*font-size:;*/ text-align:center; font-style:italic; height:30px; line-height:30px;} .post p{ padding:0 0 30px 0; margin:0; } .post ol, .post ul{ margin:0 0 0 20px; padding:0;} .post ol li, .post ul li{ line-height:28px;} .post blockquote{ font-size:18px; font-weight:300; line-height:24px;} .post .bqLeft { margin: 0 50px 0 0 ;} .post .bqRight { float: right; margin: 0 0 0 50px; } .post .postLink{ padding:50px 0; } .post .postLink a{ font-size:18px; line-height:24px;} .post .postStatus{ color:#fff; padding:30px 50px; margin:0 0 40px 0;} .post .postStatus.grayStyle{ background:#888888;} .post .blockquoteAuthor{ font-size:18px;} .post .postChat{ padding:0 0 20px 0;} .post .postChat .itemsChat{ border:1px solid #888888; padding:30px 50px; margin:0 0 20px 0;} .post .postChat .itemsChat p{ padding:0 0 20px 0;} .post .postChat .itemsChat:after{ content:''; display:block; height:0; clear:both;} .post .postChat .itemsChat .blockquoteAuthor{ padding:0;} .post .postChat .itemsChat .blockquoteAuthor.alignright{ margin:0;} .post .postSharing{ padding:0 0 50px 0;} .post .tagsWrap .postSharing{ float: right;} .post .tagsWrap .infoPost{ float: left; margin: 5px 0 0 0 ;} .sidebar + .content .post .infoPost{ float:left; padding:8px 0 50px 0;} .sidebar + .content .post .postSharing{ float:right; } /*author*/ .author{ margin:0 0 50px 0; } .author:after{ content:""; display:block; clear:both; height:0;} .author .avatar{ width:50px; height:50px; float:left;} .author .avatar img{ width:100%;} .author .authorInfo{ margin:0 0 0 80px; } .author .socPage{ height:32px; margin:0 0 50px 78px;} .author .socPage ul{ margin:0; padding:0;} /*formValid*/ .formValid{ } .formValid article{ padding: 0 0 20px 0; } /*comment*/ .comments{ margin:50px 0 ; } .comments .commBody{ margin:0; padding:0;} .comments .commBody li.commIten{ list-style:none;} .comments .commBody li.commIten + li.commIten{ border-top: 1px solid #ddd; padding:50px 0 0 0 ;} .comments .commBody li.commIten ul{ margin:0; padding: 50px 0 0 50px ; border-top: 1px solid #ddd; } .comments .commBody li.commIten:after{ content:''; clear:both; height:0; display:block;} .comments .commBody li.commIten .replayWrap{ float:right; margin:0 0 20px 0;} .comments .commBody li.commIten .replayWrap .posted{ float: left; height:30px; line-height:30px; font-weight:300; font-size:12px; font-style: italic; padding:0 20px 0 0;} .comments .commBody li.commIten .replayWrap .posted a{ color:#222222;} .comments .commBody li.commIten h4{ height:50px; line-height:50px; padding:0 0 20px 20px; float:left;} .comments .commBody li.commIten h4 a{ color:#222222;} .comments .commBody li.commIten .avatar{width:50px; height:50px; float:left; margin:0 0 20px 0;} .comments .commBody li.commIten .avatar img{ width:100%;} .comments .commBody li.commIten .authorInfo{ clear:both; padding:0 0 20px 0;} /*review Block*/ .post .reviewBlock{ float: right; width: 250px; clear: right; margin: 0 0 0 50px;} .reviewBlock{ margin: 0 0 50px 0;} .reviewBlock .poluparFiltr{ margin: 0 !important;} .reviewBlock .poluparFiltr ul{} .sc_tabs.reviewBlock .ratingStars{ display: none;} .reviewBlock .ratingStars .ratBody{ padding: 15px 0;} .reviewBlock .ratingStars .ratBody + .ratBody{ border-top: 1px solid #ddd;} .reviewBlock .ratingStars .ratBody:after{ clear: both; display: block; height: 0; content: '';} .reviewBlock .ratingStars .ratBody .name{ float: left;} .reviewBlock .ratingStars .accept{ text-align: center; padding: 10px 0 30px 0;} .reviewBlock .ratingItem{ position: relative; height: 16px; width: 80px; float: right; } .reviewBlock .ratingItem.ratingEdit{cursor: pointer;} .reviewBlock .ratingItem .ratBubble{ background: #fff; border: 1px solid #ddd; text-align: center; height: 25px; width: 50px; position: absolute; top: -40px; left: 100%; line-height: 25px; font-size: 12px; z-index: 3; margin: 0 0 0 -26px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .reviewBlock .ratingItem .ratBubble:after{ height: 10px; width: 10px; background: #fff; content: ''; display: block; margin: -5px 0 0 20px ; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ; transform: rotate(46deg) } .reviewBlock .ratingItem:hover .ratBubble{ opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .reviewBlock .ratingItem span{ width: 16px; height: 16px; display: inline-block; margin: 0; padding: 0; font-size: 16px; vertical-align: top; } .reviewBlock .ratingItem span:before{ font-family: "fontello"; width: 16px; height: 16px; display: block; line-height: 16px; text-align: center; } .reviewBlock .ratingItem .starDefault{ height: 16px; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; } .reviewBlock .ratingItem .starDefault span:before{ content: '\e81e'; } .reviewBlock .ratingItem .starHover{ height: 16px; position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; white-space:nowrap; } .reviewBlock .ratingItem .starHover span:before{ content: '\e809'; } .reviewBlock .infoTotal{background: #eeeeee; padding: 10px; } .reviewBlock .infoTotal .infoRat{ font-size: 12px; font-style: italic; border-bottom: 1px solid #ddd; padding: 0 0 20px 0; margin: 0 0 10px 0;} .reviewBlock .infoTotal .totaWrap{ } .reviewBlock .infoTotal .totaWrap:after{clear: both; height: 0; display: block; content: '';} .reviewBlock .infoTotal .totaWrap .totalNamber{ width: 50%; height: 16px; line-height: 16px; padding: 5px 0; text-align: center; border-right: 1px solid #ddd;} .reviewBlock .infoTotal .totaWrap .totalStar{ width: 50%; height: 16px; float: right; padding: 5px 0;} /*masonry*/ .masonryWrap .isotopeFiltr ul{ margin:0; padding:50px 0 0 0;} .masonryWrap .pageFiltr ul a, .masonryWrap .isotopeFiltr ul a{ text-transform:uppercase;} .masonry{ padding:0 0 50px 0; margin:0 -50px 0 0 ;} .masonry:after{ clear:both; content:''; height:0; display:block;} .masonry article{ float:left; padding:0 0 0 0; margin: 50px 0 0 0 ; background-color:#fff; display: none;} .masonry article .thumb{ width:100%;} .masonry article .thumb img { width:100%; display:block;} .masonry article h4{ padding: 30px 0 20px 0;} .masonry article .blockquoteAuthor{ font-size:18px; padding:0 0 20px 0; } .masonry article p{ padding: 0 0 20px 0; margin:0; } .masonry article .status{ padding: 15px 10px; margin:0 0 30px 0; color:#fff; } .masonry article .masonryInfo{ padding:0 0 20px 0 ; font-size:12px; line-height:12px; text-align:left; font-style:italic;} .masonry article .masonryInfo:before{ height:20px; border-top:1px solid #ddd; width:50px; display:block; content:'';} .masonry article .masonryInfo .separator{ padding:5px; font-style:normal; } .masonry article .masonryInfo span.infoTags a{ color:#888888;} .masonry article .masonryInfo a{ color:#222222;} .masonry article .masonryMore ul{ padding:0 0 50px 0; margin:0;} .masonry article .moreWrapMasonry:after{ content:''; height:0; display:block; clear:both; padding:0 0 50px 0; } .masonry article .moreWrapMasonry .masonryMore{ float:right;} .masonry article .moreWrapMasonry .infoPost{ padding:7px 0 0 0 ; float:left; } .masonry .sliderBullets{ position:relative; display: none; } .masonry .sliderBullets .rsBullets{ position: absolute; left:0px; bottom:35px; text-align:center; height:20px; width:100%; z-index:789; overflow:hidden; } .masonry .sliderBullets .rsBullets .rsBullet { height:10px; width:10px; display: inline-block; background:#fff; margin:2px 5px 0 5px; vertical-align:top; cursor:pointer; } .masonry .sliderBullets .rsBullets .rsNavSelected{ height:12px; width:12px; background-color:transparent; border:1px solid #fff; margin:0 3px 0 3px;} .masonry .isotopePadding{margin: 0 50px 0 0; position: relative;} .masonryLoad { padding:0 0 50px 0; text-align:center;} .masonryLoad:after{ display:block; content:''; clear:both; height:0;} /*block quote*/ blockquote{ margin:0px; padding:0px; font-style:italic;} blockquote p:before{ content:'" ';} .blockquoteAuthor:before{ content:'— ' } /*hoverIncrease zoom effect*/ .hoverIncrease, .hoverVideo{ position:relative; cursor:pointer; } .hoverIncrease img, .hoverVideo img{ position:relative; z-index:5; display:block;} .hoverIncrease .hoverShadow, .hoverVideo .hoverShadow{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:6; display: block; -webkit-box-shadow: 0 0 200px -1px #fff inset; -moz-box-shadow: 0 0 200px -1px #fff inset; box-shadow: 0 0 200px -1px #fff inset; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .hoverIncrease .hoverIcon, .hoverVideo .hoverIcon{ width:0; height:0; font-size:0; line-height:0; line-height:5px; margin:0; position:absolute; left:50%; top:50%; display:block; background:#fff; z-index:7; text-align:center; color:#000; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .hoverIncrease .hoverIcon:before{content: '\e83f'; font-family: "fontello"; display:block; } .hoverVideo .hoverIcon:before{content: '\e840'; font-family: "fontello"; display:block; } .hoverIncrease:hover .hoverIcon, .hoverVideo:hover .hoverIcon{ width:50px; height:50px; font-size:20px; line-height:50px; margin:-25px 0 0 -25px; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .hoverIncrease:hover .hoverShadow,.hoverVideo:hover .hoverShadow{ opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} /*post position */ .postCenter.post h1, .postCenter.post h2, .postCenter.post h3, .postCenter.post h4, .postCenter.items h4, .postCenter.post h5, .postCenter.post h6{ text-align:center; margin:0 auto; clear:both; display:block;} .timeLineLeft .postCenter.post h1, .timeLineRight .postCenter.post h1, .timeLineLeft .postCenter.post h2, .timeLineRight .postCenter.post h2{ text-align: center; margin: 0 auto; clear: none; display: block; } .postCenter.post .thumb{ margin:0 auto;} .postCenter.items .thumb{ margin:0 auto;} .postCenter.post img{ text-align:center; margin:0 auto; padding:15px 0 45px 0; clear:both; display:block;} .timeLineLeft .postCenter.post img, .timeLineRight .postCenter.post img{ clear: none;} .postCenter.items .thumb img{text-align:center; margin:0 auto; padding:0 0 20px 0; clear:both; display:block;} .postCenter.post article{ padding:0 0 10px 0;} .postCenter.post .vPlayer { margin-bottom:30px;} .postCenter.post .noTabletBord, .postCenter.post .tabletBord{ margin:0 auto 50px auto;} .postCenter.post .noTabletBord img{ margin:20px 0 0 0 ; padding:0;} .portfolio .postCenter .thumb{ margin:0 auto 50px auto;} .portfolio .postCenter .folioInfoBlock h2{ text-align:center;} .sidebar + .content .postCenter.post .vPlayer{ margin:0 auto 30px auto;} .sidebar + .content .postCenter.post .audioWrap{margin:0 auto;} .sidebar + .content .postCenter.post .noTabletBord, .sidebar + .content .postCenter.post .tabletBord{ float:none;} .postLeft img{ float:left; margin:0 30px 30px 0;} .postLeft.items img{ margin: 0 20px 20px 0;} .postLeft.post .tabletBord{ margin:0 0 50px 0;} .portfolio .postLeft .thumb{ float:left; margin: 0 50px 50px 0;} .portfolio .postLeft .thumb img{ margin:0;} .sidebar + .content .postLeft.post .thumb{ float:left; padding:0 30px 0 0 ;} .sidebar + .content .postLeft.post.audio .thumb{ float:left; padding:80px 30px 0 0 ;} .sidebar + .content .postLeft.post .audioWrap{ width:100%; } .sidebar + .content .postLeft.post .vPlayer{ float:left; margin:0 30px 30px 0;} .postRight img{ float:right; margin:0 0 30px 30px;} .postRight.items img{margin:0 0 20px 20px;} .postRight .thumb { float: right; margin: 0 0 0 20px; } .postRight.post .tabletBord{ margin:0 0 50px 0;} .portfolio .postRight .thumb{ float:right; margin: 0 0 50px 50px;} .portfolio .postRight .thumb img{ margin:0; } .sidebar + .content .postRight.post .thumb{ float:right; padding:0 0 0 30px ;} .sidebar + .content .postRight.post.audio .thumb{ float:right; padding:80px 0 0 30px;} .sidebar + .content .postRight.post .audioWrap{ width:100%; } .sidebar + .content .postRight.post .vPlayer{ float: right; margin:0 0 30px 30px;} /*slider*/ .slider{ } .slider .sliderPost{ } .slider .sliderPost h1.alignCenter{ padding: 0 0 50px 0; text-align: center;} .slider .gridBlock{ text-align:left;} .slider .gridBlock + .gridBlock { padding:0px;} .slider .gridBlock:before{ content:""; display:block; clear:both; } .slider .gridBlock h2{ padding:0 0 20px 0; clear:none; margin: 0 0 0 78px} .slider .gridBlock h2, .slider .gridBlock p{margin:0 0 0 78px; text-align:left;} .slider .gridBlock .icon{ display:block; float:left; width:58px; background-position: 0 0 ; background-repeat:no-repeat; background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; -moz-background-size: 100%;} .slider .gridBlock .icon.iconRetina{ height:58px; background-image: url(../images/lens_icon_retina.png); } .slider .gridBlock .icon.iconTablet{ height:89px; background-image: url(../images/hand_icon_retina.png); } /*full Screen Slider*/ /*.sweepLeft .fullScreenSlider header .topWrap .topGlobal{ padding: 0 0 0 50px;}*/ .sweepLeft.openMenuFix .fullScreenSlider header .topWrap .topGlobal{ padding: 0 0 0 250px;} .fullScreenSlider{ position: relative;} .fullScreenSlider header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 100;} .fullScreenSlider header.fixedTopMenu .topWrap{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fullScreenSlider.globalColor .sliderHomeBullets .rsContent:before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 4; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";} .fullScreenSlider .sliderHomeBullets .rsContent .textBlock, .fullScreenSlider .sliderHomeBullets .rsContent .order{ color: #fff;} .fullScreenSlider .sliderHomeBullets .rsContent .fonBlock{ position: absolute; z-index: 2; left: 0;top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto; } /* ======= fullScreenSlider effect*/ /*animation Top left*/ .fullScreenSlider .sliderHomeBullets .rsContent.sliderBGanima.rsTopLeft .fonBlock { animation: rsTopLeft 50s infinite; -webkit-animation: rsTopLeft 50s infinite; } @keyframes rsTopLeft { 0% ,100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); -moz-transform: translate(0px, 0px) scale(1.2, 1.2); -o-transform: translate(0px, 0px) scale(1.2, 1.2); -ms-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(150px, 50px) scale(1.2, 1.2); -moz-transform: translate(150px, 50px) scale(1.2, 1.2); -o-transform: translate(150px, 50px) scale(1.2, 1.2); -ms-transform: translate(150px, 50px) scale(1.2, 1.2); transform: translate(150px, 50px) scale(1.2, 1.2); } } @-webkit-keyframes rsTopLeft { 0% ,100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); -moz-transform: translate(0px, 0px) scale(1.2, 1.2); -o-transform: translate(0px, 0px) scale(1.2, 1.2); -ms-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(150px, 50px) scale(1.2, 1.2); -moz-transform: translate(150px, 50px) scale(1.2, 1.2); -o-transform: translate(150px, 50px) scale(1.2, 1.2); -ms-transform: translate(150px, 50px) scale(1.2, 1.2); transform: translate(150px, 50px) scale(1.2, 1.2); } } /*animation Top right*/ .fullScreenSlider .sliderHomeBullets .rsContent.sliderBGanima.rsTopRight .fonBlock { animation: rsTopRight 60s infinite; -webkit-animation: rsTopRight 60s infinite; } @keyframes rsTopRight { 0% ,100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); -moz-transform: translate(0px, 0px) scale(1.2, 1.2); -o-transform: translate(0px, 0px) scale(1.2, 1.2); -ms-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(-100px, 100px) scale(1.4, 1.4); -moz-transform: translate(-100px, 100px) scale(1.4, 1.4); -o-transform: translate(-100px, 100px) scale(1.4, 1.4); -ms-transform: translate(-100px, 100px) scale(1.4, 1.4); transform: translate(-100px, 100px) scale(1.4, 1.4); } } @-webkit-keyframes rsTopRight { 0% ,100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); -moz-transform: translate(0px, 0px) scale(1.2, 1.2); -o-transform: translate(0px, 0px) scale(1.2, 1.2); -ms-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(-100px, 100px) scale(1.4, 1.4); -moz-transform: translate(-100px, 100px) scale(1.4, 1.4); -o-transform: translate(-100px, 100px) scale(1.4, 1.4); -ms-transform: translate(-100px, 100px) scale(1.4, 1.4); transform: translate(-100px, 100px) scale(1.4, 1.4); } } /*animation bottom left*/ .fullScreenSlider .sliderHomeBullets .rsContent.sliderBGanima.rsBottomLeft .fonBlock { animation: rsBottomLeft 50s infinite; -webkit-animation: rsBottomLeft 50s infinite; } @keyframes rsBottomLeft { 0% ,100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); -moz-transform: translate(0px, 0px) scale(1.2, 1.2); -o-transform: translate(0px, 0px) scale(1.2, 1.2); -ms-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(200px, -100px) scale(1.4, 1.4); -moz-transform: translate(200px, -100px) scale(1.4, 1.4); -o-transform: translate(200px, -100px) scale(1.4, 1.4); -ms-transform: translate(200px, -100px) scale(1.4, 1.4); transform: translate(200px, -100px) scale(1.4, 1.4); } } @-webkit-keyframes rsBottomLeft { 0% ,100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); -moz-transform: translate(0px, 0px) scale(1.2, 1.2); -o-transform: translate(0px, 0px) scale(1.2, 1.2); -ms-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(200px, -100px) scale(1.4, 1.4); -moz-transform: translate(200px, -100px) scale(1.4, 1.4); -o-transform: translate(200px, -100px) scale(1.4, 1.4); -ms-transform: translate(200px, -100px) scale(1.4, 1.4); transform: translate(200px, -100px) scale(1.4, 1.4); } } /*animation bottom right*/ .fullScreenSlider .sliderHomeBullets .rsContent.sliderBGanima.rsBottomRight .fonBlock { animation: rsBottomRight 80s infinite; -webkit-animation: rsBottomRight 80s infinite; } @keyframes rsBottomRight { 0% ,100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); -moz-transform: translate(0px, 0px) scale(1.2, 1.2); -o-transform: translate(0px, 0px) scale(1.2, 1.2); -ms-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(-200px, -100px) scale(1.4, 1.4); -moz-transform: translate(-200px, -100px) scale(1.4, 1.4); -o-transform: translate(-200px, -100px) scale(1.4, 1.4); -ms-transform: translate(-200px, -100px) scale(1.4, 1.4); transform: translate(-200px, -100px) scale(1.4, 1.4); } } @-webkit-keyframes rsBottomRight { 0% ,100% { -webkit-transform: translate(0px, 0px) scale(1.2, 1.2); -moz-transform: translate(0px, 0px) scale(1.2, 1.2); -o-transform: translate(0px, 0px) scale(1.2, 1.2); -ms-transform: translate(0px, 0px) scale(1.2, 1.2); transform: translate(0px, 0px) scale(1.2, 1.2); } 50% { -webkit-transform: translate(-200px, -100px) scale(1.4, 1.4); -moz-transform: translate(-200px, -100px) scale(1.4, 1.4); -o-transform: translate(-200px, -100px) scale(1.4, 1.4); -ms-transform: translate(-200px, -100px) scale(1.4, 1.4); transform: translate(-200px, -100px) scale(1.4, 1.4); } } .fullScreenSlider .sliderHomeBullets .rsContent.slide-1{ background: none; height:100%; } .fullScreenSlider .sliderHomeBullets .rsContent.slide-1 .fonBlock{ background-image: url(http://placehold.it/1920x1080); } .fullScreenSlider .sliderHomeBullets .rsContent.slide-1 .textBlock p{ background-image: url(../images_post/slider/slide4_2.png);} .fullScreenSlider .sliderHomeBullets .rsContent.slide-1 .iPhone{ width: 212px; position: absolute; top: 50%; left: 200px; z-index: 5; margin: -220px 0 0 0 ;} .fullScreenSlider .sliderHomeBullets .rsContent.slide-1 .textBlock{ position: absolute; top: 50%; left: 500px; z-index: 5; margin: -75px 0 0 0;} .fullScreenSlider .sliderHomeBullets .rsContent.slide-2{ background: none;} .fullScreenSlider .sliderHomeBullets .rsContent.slide-2 .fonBlock{ background-image: url(http://placehold.it/1920x1080); } .fullScreenSlider .sliderHomeBullets .rsContent.slide-2 .textBlock{ top: 50%; } .fullScreenSlider .sliderHomeBullets .rsContent.slide-2 .retinaExample{ width: 730px; margin: -215px 0 0 0; left: 50%; top: 50%; } .fullScreenSlider .sliderHomeBullets .rsContent.slide-3{background: none;} .fullScreenSlider .sliderHomeBullets .rsContent.slide-3 .fonBlock{ background-image: url(http://placehold.it/1920x1080); } .fullScreenSlider .sliderHomeBullets .rsContent.slide-3 .textBlock{ width: 100%; text-align: center ; top: 40%; left: 0;} .fullScreenSlider .sliderHomeBullets .rsContent.slide-3 .order{ left: 50%; top: 55%; width: 195px; margin: 0 0 0 -97px; } .fullScreenSlider .sliderHomeBullets .rsContent.slide-3 .order .submitOrder{ border: 1px solid #fff; color: #fff; background-color: rgba(255,255,255,0.2) ;} /*slider home*/ .sliderHomeBullets{ height: 500px; overflow: hidden; position: relative; display: none;} .sliderHomeBullets .rsContent{ background-repeat: no-repeat; background-position: 0 0; background-size: 100% 500px; -webkit-background-size: 100% 500px; -o-background-size: 100% 500px; -moz-background-size: 100% 500px;} .sliderHomeBullets .rsContent .main{ position: relative; height: 100%;} .sliderHomeBullets .rsContent.slide-1{ background-image: url(http://placehold.it/1920x500); height: 500px; } .sliderHomeBullets .rsContent.slide-1 .women{ width: 375px; position: absolute; top: -20px; left: 100px; z-index: 2;} .sliderHomeBullets .rsContent.slide-1 .textBlock{ font-size: 45px; width: 530px; line-height: 50px; text-align: right; position: absolute; top: 200px; left: 500px; z-index: 5;} .sliderHomeBullets .rsContent.slide-1 .textBlock .title{ font-weight: 700; font-size: 48px;} .sliderHomeBullets .rsContent.slide-1 .textBlock p{ font-weight: 100; background-image: url(../images_post/slider/slide1_3.png); background-repeat: no-repeat; background-position: right bottom; padding: 0 50px 0 0 ; margin: 0; background-size: 42px 89px; -webkit-background-size: 42px 89px; -o-background-size: 42px 89px; -moz-background-size: 42px 89px;} .sliderHomeBullets .rsContent.slide-2{ background-image: url(http://placehold.it/1920x500); height: 500px; } .sliderHomeBullets .rsContent.slide-2 .retinaExample{ width: 280px; position: absolute; top: 50px; left: 515px; z-index: 3;} .sliderHomeBullets .rsContent.slide-2 .iPadPhone{ width: 396px; position: absolute; top: 45px; left: 600px; z-index: 2;} .sliderHomeBullets .rsContent.slide-2 .textBlock{ font-size: 45px; /*width: 530px;*/ line-height: 50px; text-align: right; position: absolute; top: 120px; left: 0; z-index: 5;} .sliderHomeBullets .rsContent.slide-2 .textBlock .title{ font-weight: 700; font-size: 38px; color:#1172D3; } .sliderHomeBullets .rsContent.slide-2 .textBlock p{ font-weight: 100; padding: 0; margin: 0;} .sliderHomeBullets .rsContent.slide-3{ background-image: url(http://placehold.it/1920x500); height: 500px; } .sliderHomeBullets .rsContent.slide-3 .installPic{ width: 500px; position: absolute; top: -40px; left: 20px; z-index: 2;} .sliderHomeBullets .rsContent.slide-3 .textBlock{ font-size: 45px; width: 550px; line-height: 50px; text-align: left; position: absolute; top: 150px; left: 550px; z-index: 5;} .sliderHomeBullets .rsContent.slide-3 .textBlock .title{ font-weight: 700; font-size: 48px; } .sliderHomeBullets .rsContent.slide-3 .textBlock p{ font-weight: 100; padding: 0; margin: 0; } .sliderHomeBullets .rsContent.slide-3 .order{ position: absolute; top: 280px; left: 550px; z-index: 5; } .sliderHomeBullets .rsContent.slide-3 .order .submitOrder{ display: block; border: 1px solid #888; background: rgba(136,136,136,0.1); color: #888; width: 195px; margin: 0 0 30px 0; height: 50px; line-height: 50px; font-size: 23px; font-weight: 300; } .sliderHomeBullets .rsContent.slide-3 .order .submitOrder:before{ content: '\e880'; font-family: "fontello"; display: inline-block; padding: 0 17px;} .sliderHomeBullets .rsContent.slide-3 .order p { font-size: 14px;} .sliderHomeBullets .rsContent.slide-3 .order p span{ display: inline-block; background-color: #888888; color: #fff; width: 20px; height: 20px; text-align: center;} .sliderHomeBullets .rsBullets{ height: 30px; position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; } .sliderHomeBullets .rsBullets .rsBullet{ width: 30px; height: 20px; padding: 10px 0 0 0 ; display: inline-block; cursor: pointer; } .sliderHomeBullets .rsBullets .rsBullet span{ content: ''; width: 10px; height: 10px; display: block; margin: 0 auto; text-align: center; background-color: #888888;} .fullScreenSlider .sliderHomeBullets .rsBullets .rsBullet span{ background: #fff;} .sliderHomeBullets .rsBullets .rsBullet.rsNavSelected { padding: 9px 0 0 0 ; height: 21px; cursor: default; ;} .sliderHomeBullets .rsBullets .rsBullet.rsNavSelected span{ background-color: transparent; border: 1px solid #888888; width: 11px; height: 11px; } .fullScreenSlider .sliderHomeBullets .rsBullets .rsBullet.rsNavSelected span{ border-color: #fff;} /*portfolio*/ .portfolioWrap { padding:50px 0 0 0 ;} .portfolioWrap .pageFiltr ul, .portfolioWrap .isotopeFiltr ul{ margin:0; padding:0 0 50px 0;} .portfolioWrap .pageFiltr ul a, .portfolioWrap .isotopeFiltr ul a{ text-transform:uppercase;} .folioFull{ margin: 0 0 50px 0;} .portfolioWrapFull{} .portfolioWrapFull .pageFiltr ul, .portfolioWrapFull .isotopeFiltr ul{ margin:0; padding:0 0 50px 0; text-align: center;} .portfolioWrapFull .pageFiltr ul li, .portfolioWrapFull .isotopeFiltr ul li{ display: inline-block; } .portfolioWrapFull .pageFiltr ul a, .portfolioWrapFull .isotopeFiltr ul a{ text-transform:uppercase;} .portfolioWrapFull .portfolio { margin:0; padding:0; min-height:287px;} .portfolio:after{ content:''; clear:both; height:0; display:block;} .portfolio { margin:0 -20px 30px 0; padding:0 20px 20px 0; min-height:287px;} .portfolio .isotopeElement{ position:absolute;} .portfolio .isotopeElement .thumb{ position:absolute; left:0; top: 0; z-index:5; width:100%; height:100%; overflow:hidden;} .portfolio .isotopeElement .thumb img{ width:100%;} .portfolio .isotopeElement .folioShowBlock{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:6; } .portfolio .isotopeElement .hoverdirShow .folioShowBlock {display:none;} .portfolio .isotopeElement .hoverShiftShow .folioShowBlock {display:none;} .portfolio .isotopeElement .folioShowBlock:before{ width:100%; height:100%; content:''; position:absolute; top:0; left:0; z-index:6;} .portfolio .isotopeElement .hoverdirShow .folioShowBlock:before, .portfolio .isotopeElement .hoverShiftShow .folioShowBlock:before{ opacity: 0.77; filter: alpha(opacity=77); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=77)";} .portfolio .isotopeElement .folioShowBlock .folioContentAfter{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:7; color:#fff; } .portfolio .isotopeElement .folioShowBlock .folioContentAfter h4{ color:#fff; margin:30px 30px 0 30px; padding:0 0 20px 0; vertical-align:middle;} .portfolio .isotopeElement .folioShowBlock .folioContentAfter p{ margin: auto 30px; padding: 0 0 20px 0; vertical-align:middle; font-size:14px;} .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo{ margin: auto 30px; padding:0 0 15px 0; vertical-align:middle; font-style:italic; font-size:12px ;} .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo:before{ content:''; border-top:1px solid #ddd; display:block; height:15px; width:50px;} .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo a{ color:#b5b5b5;} .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryInfo .separator{ padding:5px; font-style:normal;} .portfolio .isotopeElement .folioShowBlock .folioContentAfter .masonryMore{ margin: auto 30px; padding:0; vertical-align:middle;} .portfolio .hoverdirShow{ position:relative; width:100%; height:100%; overflow:hidden;} /*hover effect Hover shift*/ .portfolio .isotopeElement:hover{ z-index:10;} .portfolio .isotopeElement .hoverShiftShow{ position:relative; width:100%; height:100%; } .portfolio .isotopeElement .hoverShiftShow .folioShowBlock { left:0 ; top:0; display:block; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .portfolio .isotopeElement:hover .hoverShiftShow .folioShowBlock{ left:20px; top:20px; z-index:5; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .portfolio .isotopeElement .hoverShiftShow .folioShowBlock{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} /*hover effect Hover CUBE*/ .hoverCubeShow:hover .thumb , .hoverCubeShow .folioShowBlock { transform:translateZ(-32px) rotateY(180deg); animation-duration:0.4s; animation-name:rotateOut; animation-timing-function:linear; animation-fill-mode:forwards; -webkit-transform:translateZ(-32px) rotateY(180deg); -webkit-animation-duration:0.4s; -webkit-animation-name:rotateOut; -webkit-animation-timing-function:linear; -webkit-animation-fill-mode:forwards; } .hoverCubeShow .thumb, .hoverCubeShow:hover .folioShowBlock { animation-duration:0.6s; animation-name:rotateIn; animation-timing-function:linear; animation-fill-mode:forwards; -webkit-animation-duration:0.6s; -webkit-animation-name:rotateIn; -webkit-animation-timing-function:linear; -webkit-animation-fill-mode:forwards; } @keyframes rotateIn { 0% { opacity:0; transform:translateZ(-100px) translateX(0) rotateY(180deg); } 1% { transform:translateZ(-100px) rotateY(-180deg); } 50% { opacity:0.5; z-index:1; transform:translateZ(-50px) translateX(-50px) rotateY(-90deg); } 100% { opacity:1; z-index:1; transform:translateZ(0) translateX(0) rotateY(0deg);} } @keyframes rotateOut { 0% { opacity:1; transform:translateZ(0) translateX(0) rotateY(0deg); } 50% { opacity:0.5; z-index:0; transform:translateZ(-50px) translateX(50px) rotateY(90deg); } 100% { opacity:0; z-index:0; transform:translateZ(-100px) translateX(0) rotateY(180deg); } } @-webkit-keyframes rotateIn { 0% { opacity:0; -webkit-transform:translateZ(-100px) translateX(0) rotateY(180deg);} 1% { -webkit-transform:translateZ(-100px) rotateY(-180deg);} 50% { opacity:0.5; z-index:1; -webkit-transform:translateZ(-50px) translateX(-50px) rotateY(-90deg); } 100% { opacity:1; z-index:1; -webkit-transform:translateZ(0) translateX(0) rotateY(0deg); } } @-webkit-keyframes rotateOut { 0% { opacity:1; -webkit-transform:translateZ(0) translateX(0) rotateY(0deg);} 50% { opacity:0.5; z-index:0; -webkit-transform:translateZ(-50px) translateX(50px) rotateY(90deg); } 100% { opacity:0; z-index:0; -webkit-transform:translateZ(-100px) translateX(0) rotateY(180deg); } } /*hover effect Hover book*/ .bookShowWrap{ overflow:hidden; } .folio4col .bookShowWrap .hoverBookShow{perspective: 400px; -webkit-perspective: 400px;} .folio3col .bookShowWrap .hoverBookShow{perspective: 500px; -webkit-perspective: 500px;} .folio2col .bookShowWrap .hoverBookShow{perspective: 800px; -webkit-perspective: 800px;} .bookShowWrap .hoverBookShow { width:100%; height:100%; transition: transform 0.5s ease; transition: -webkit-transform 0.5s ease;} .bookShowWrap .hoverBookShow * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .bookShowWrap .hoverBookShow .thumb { perspective-origin: 100px 20px; transform-origin: left center; transform-style: preserve-3d; transition: transform 0.5s ease; -webkit-perspective-origin: 100px 20px; -webkit-transform-origin: left center; -webkit-transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.5s ease; } .bookShowWrap .hoverBookShow:hover .thumb{ transform: rotateY(90deg); -webkit-transform: rotateY(90deg); } .bookShowWrap .hoverBookShow .folioShowBlock{ z-index:5; position: absolute; top: 0; left: 0; perspective-origin: 100px 20px; transform-origin: right center; transform-style: preserve-3d; transform: rotateY(-111deg); transition: all 0.5s ease; -webkit-perspective-origin: 100px 20px; -webkit-transform-origin: right center; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(-110deg); } .bookShowWrap .hoverBookShow:hover .folioShowBlock{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg); } .portfolio.folio1col article{ width:1150px; margin: 0 0 50px 0 ;} .portfolio.folio1col article:after{ content:''; height:0; display:block; clear:both;} .portfolio.folio1col article .thumb{ width:714px;} .portfolio.folio1col article .thumb img{ width:100%;} .portfolio.folio1col .folioInfoBlock{ margin:0 0 50px 0;} .portfolio.folio1col .folioInfoBlock h2{ padding:0 0 30px 0;} .portfolio.folio1col .folioInfoBlock .moreWrapPortfolio{} .portfolio.folio1col .folioInfoBlock .moreWrapPortfolio .infoPost{ float:left; padding:5px 0 0 0;} .portfolio.folio1col .folioInfoBlock .moreWrapPortfolio .portfolioMore{ float:right;} .portfolio.folio2col .isotopeElement{ width:575px; height:323px;} .portfolio.folio3col .isotopeElement{ width:383px; height:245px; } .portfolio.folio4col .isotopeElement{ width:287px; height:287px; } .portfolio.folioAutoCol .isotopeElement{ height: 300px;} .isotope-hidden.isotope-item { pointer-events: none; z-index: 1;} .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s;} .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width;} .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity;} /*gellery*/ .galleryWrap{ padding: 50px 0 0 0 ;} .galleryWrap .gallery{ } .galleryWrap .gallery:after{ height:0; display:block; content:''; clear:both;} .galleryWrap .gallery .galleryPic{ display:block; width: 100%;} .galleryWrap .gallery h4 {padding:0 0 50px 0;} .galleryWrap .gallery .thumb{ width:100%; margin:0 0 20px 0;} .galleryWrap .gallery .thumb img { width:100%; display:block;} /*related post*/ .relatedWrap + .relatedWrap { margin: 50px 0 0 0;} .relatedPostWrap h2{ text-align:center} .relatedPostWrap:after{ height:0; display:block; content:''; clear:both;} .relatedPostWrap article{ padding: 0 0 50px 0; } .relatedPostWrap article .reviewBlock{ margin: 0 0 10px 0; height: 16px;} .relatedPostWrap article .reviewBlock .ratingItem{ float: left;} .relatedPostWrap article .thumb{ width:100%; margin:0 0 20px 0;} .relatedPostWrap article .thumb img{ width:100%; display: block;} .relatedPostWrap article h4{ padding:0 0 20px 0; } .relatedPostWrap article p{ padding:0 0 20px 0;} .relatedPostWrap article .relatedInfo{ padding:0 0 20px 0 ; font-size:12px; line-height:12px; text-align:left; font-style:italic;} .relatedPostWrap article .relatedInfo:before{ height:20px; border-top:1px solid #ddd; width:50px; display:block; content:'';} .relatedPostWrap article .relatedInfo .separator{ padding:5px; font-style:normal; } .relatedPostWrap article .relatedInfo span.infoTags a{ color:#888888;} .relatedPostWrap article .relatedInfo a{ color:#222222;} .relatedPostWrap article .relatedMore ul{ padding:0; margin:0;} /*retinaExample*/ .columns1_2 .tabletBord, .columns1_2 .noTabletBord{ float:left; } .tabletBord.whiteTablet{ width:497px; height:354px; padding:17px 0 0 53px; background: url(../images/tablet_white.png) no-repeat ; background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; -moz-background-size: 100%;} .tabletBord.blackTablet{ background: url(../images/tablet_black.png) no-repeat ; width:497px; height:354px; padding:17px 0 0 53px; background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; -moz-background-size: 100%;} .noTabletBord{ width:550px;} .noTabletBord img{ display:block; width:550px;} .tabletBord .sliderBullets{display: none;} .tabletBord .sliderBullets, .tabletBord .retinaExample{ width:438px; height:328px; border:3px solid #151515; background:#151515;} .tabletBord .sliderBullets img, .tabletBord .retinaExample img{ width:438px; height:328px; margin:0px; padding:0px; } .sliderBullets{position: relative; display: none;} .tabletBord .sliderBullets, .noTabletBord .sliderBullets{ position:relative; } .noTabletBord .sliderBullets .rsBullets, .sliderBullets .rsBullets{ position: absolute; left:0px; bottom:35px; text-align:center; height:20px; width:100%; z-index:789; overflow:hidden; } .noTabletBord .sliderBullets .rsBullets .rsBullet, .sliderBullets .rsBullets .rsBullet { height:10px; width:10px; display: inline-block; background:#fff; margin:2px 5px 0 5px; vertical-align:top; cursor:pointer; } .noTabletBord .sliderBullets .rsBullets .rsNavSelected, .sliderBullets .rsBullets .rsNavSelected{ height:12px; width:12px; background-color:transparent; border:1px solid #fff; margin:0 3px 0 3px;} .zoomContainer{ overflow:hidden; } .zoomLens{ cursor:cell; border:none !important;} .zoomLens:before {border: rgba(255,255,255,0.33) 10px solid !important; width:180px; height:180px; content:""; position:absolute; } /*video*/ .video {} /*frame Player*/ .sidebar + .content .post .vPlayer { width:100%; } .vPlayer .videoFrameTitle, .vPlayer .videoFrameTitle:after, .vPlayer .videoFrameTitle:before{ height:21px; background-image: url(../images/video_title.png); background-repeat: no-repeat;} .vPlayer .videoFrameTitle{ /*background-position: no-repeat;*/ background-position: 0 -21px; background-repeat:repeat-x; position:relative; margin:0px 10px;} .vPlayer .videoFrameTitle:after, .vPlayer .videoFrameTitle:before{ content:""; position:absolute; top:0px; width:60px;} .vPlayer .videoFrameTitle:after{ background-position: 0 0; left:-10px; } .vPlayer .videoFrameTitle:before{ background-position: 0 -42px; right:-10px;} .vPlayer .videoFrame{ overflow:hidden; cursor:pointer; background-color:#f2f2f2; } .vPlayer .videoFrame img { width:100%; display:block; margin:0px; padding:0px;} .vPlayer .videoFrame iframe{ display:block;} .vPlayer .videoPlay{ position:relative;} .footerWhiteStyle .footerWidget .vPlayer .videoPlay:after{ background-color: #fff; } .footerWhiteStyle .footerWidget .vPlayer:hover .videoPlay:after{ color:#c0c0c0; background-color:#2b2b2b; } .footerBlackStyle .footerWidget .vPlayer .videoPlay:after{ color:#c0c0c0; background-color:#2b2b2b;} .footerBlackStyle .footerWidget .vPlayer:hover .videoPlay:after{ background-color: #fff; } .vPlayer .videoPlay:after{ width:0; height:0; line-height:20px; font-size:0; position:absolute; font-family: "fontello"; content: '\e87b'; left:50%; top:50%; margin:0; z-index:10; background-color: #ffffff; text-align:center; text-indent:3px; overflow:hidden; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .footerWidget .vPlayer .videoPlay:after, .vPlayer:hover .videoPlay:after{width:50px; height:50px; font-size:21px; line-height:50px; margin:-25px 0 0 -25px; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .vPlayer:active .videoPlay:after{ width:70px; height:70px; line-height:70px; margin:-35px 0 0 -35px; text-indent:5px; font-size:30px; color:#fff;} /*audio*/ .audio{} .sidebar + .content .post .audioWrap { width:550px;} /*post Sharing*/ .postSharing{ height:30px; text-align:right;} .postSharing > ul { margin:0; padding:0; display: inline-block;} .postSharing > ul > li.likeActive{ background-color:#ddd;} .postSharing > ul > li.likeActive > a{ background-color: transparent;} .postSharing > ul > li.like > a > span.likePost, .postSharing > ul > li.likeActive > a > span.likePost{ display: block; float:left; position:relative; overflow:hidden; padding:0;} .postSharing > ul > li.like > a > span.likePost:before, .postSharing > ul > li.likeActive > a > span.likePost:before{ width:100px; position:absolute; z-index:2; left:0px; top:-28px; text-align:left;} .postSharing > ul > li.likeActive > a > span.likePost:before{ content:"-1";} .postSharing > ul > li.like > a > span.likePost:before{ content:"+1"; } .postSharing > ul > li.like > a:hover > span.likePost:before, .postSharing > ul > li.likeActive > a:hover > span.likePost:before{ top:0px;} .postSharing > ul > li.like > a:hover > span.likePost, .postSharing > ul > li.likeActive > a:hover > span.likePost{ padding:28px 0 0 0 ; height:0px;} .postSharing > ul > li.share{ position:relative;} .postSharing > ul > li.share > ul.shareDrop{ display: none; position:absolute; left:0px; top:28px; z-index:2; background:#FFF; margin:0px; padding:10px; border:1px solid #ddd; width:85px; -webkit-box-shadow: 0 2px 2px -1px #ddd; -moz-box-shadow: 0 2px 2px -1px #ddd; box-shadow: 0 2px 2px -1px #ddd;} .postSharing > ul > li.share > ul.shareDrop > li{ list-style:none; display:block; padding:7px 0;} .postSharing > ul > li.share > ul.shareDrop > li > a{ display:block; text-align:left; font-size:12px; height:16px; line-height:16px; } .postSharing > ul > li.share > ul.shareDrop > li > a > .icon{ width:16px; height:16px; display:inline-block; background-position:center center; background-repeat: no-repeat; vertical-align:top; margin:0 9px 0 0 ; background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; -moz-background-size: 100%;} .postSharing > ul > li.share > a.selected{ border-width:1px 1px 0 1px; height:29px; position:relative; z-index:3; background:#fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0;} .postSharing > ul > li.share > ul.shareDrop > li.twitter > a .icon{ background-image:url(../images/soc_twitter.png);} .postSharing > ul > li.share > ul.shareDrop > li.facebook > a .icon{ background-image:url(../images/soc_facebook.png);} .postSharing > ul > li.share > ul.shareDrop > li.pinterest > a .icon{ background-image:url(../images/soc_pinterest.png);} /*== BUTTON ==*/ /* round Button */ .roundButton + .roundButton{ margin-left:12px; } .roundButton, .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow{list-style: none; width:37px; height:37px;} .roundButton a, .sc_testimonials .sliderNav .rsArrowIcn, .sliderLogo .elastislide-wrapper span:before, .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow .rsArrowIcn{ width:35px; height: 35px; line-height: 35px; border: 1px solid #ddd; display: block; text-align:center; font-size:18px;} .footerBlackStyle .footerWidget .roundButton a{ background-color:#626262; border-color: #626262;} .footerBlackStyle .footerWidget .roundButton:hover a{border-color: #878787;} .footerBlackStyle .footerWidget .roundButton a:before{ color:#878787;} .footerWhiteStyle .footerWidget .roundButton a{ background-color:#fff; border-color: #ddd;} .footerWhiteStyle .footerWidget .roundButton:hover a{ border-color: #888; background-color:#888;} .footerWhiteStyle .footerWidget .roundButton a:before{ color:#888888; border-color: #888888;} .roundButton a:before, .sc_testimonials .sliderNav .rsArrowIcn:before, .sliderLogo .elastislide-wrapper nav span:before, .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow .rsArrowIcn:before{ font-family: "fontello"; font-style: normal; font-weight: normal;} .sc_testimonials .sliderNav .rsArrowIcn:hover, .sc_testimonials .sliderNav .rsArrowIcn:active, .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow .rsArrowIcn:hover, .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow .rsArrowIcn:active, .sliderLogo .elastislide-wrapper nav span:hover:before, .roundButton a:hover, .roundButton a:active{ margin:-1px 0 0 0; -webkit-box-shadow: 0 2px 2px -1px #ddd; -moz-box-shadow: 0 2px 2px -1px #ddd; box-shadow: 0 2px 2px -1px #ddd;} .footerWidget .roundButton a:hover, .footerWidget .roundButton a:active{ margin:0; background-color:#878787; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .footerWidget .roundButton:hover a:before{ color:#fff;} .roundButton a:active, .sc_testimonials .sliderNav .rsArrowIcn:active, .sliderLogo .elastislide-wrapper nav span:active:before, .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow .rsArrowIcn:active{ color:#fff !important; } .roundButton.left a:before, .sc_testimonials .sliderNav .rsArrowLeft .rsArrowIcn:before, .sliderLogo .elastislide-wrapper span.elastislide-prev:before, .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow.rsArrowLeft .rsArrowIcn:before{ content: '\e85f'; } .roundButton.right a:before, .sc_testimonials .sliderNav .rsArrowRight .rsArrowIcn:before, .sliderLogo .elastislide-wrapper span.elastislide-next:before, .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow.rsArrowRight .rsArrowIcn:before{ content: '\e860'; } .roundButton.up a:before{ content: '\e861'; } .roundButton.down a:before{ content: '\e856'; } .roundButton.big{ width:50px; height:50px;} .roundButton.big a{ width:48px; height:48px; line-height:48px; font-size:26px;} /* Square button */ .squareButton + .squareButton { margin: 0 0 0 7px; /* margin: 0 0 0 10px; */} .squareButton { height:30px; list-style: none; display: inline-block; vertical-align:bottom; /* float:left; */ } .squareButtonMargin { margin: 7px 0 0 0 !important;} .squareButton.mini{ height:26px;} .squareButton.big { height:40px;} .squareButton.huge{ height:50px;} .squareButton.fullSize{ display: block; text-align: center; margin: 0;} .squareButton.fullSize.ico a:before{ display: inline-block; float: none;} .squareButton.fullSize.banner a{ padding: 20px;} .squareButton > a{height:28px; line-height:28px; display: block; border: 1px solid #ddd; padding: 0 9px; color: #777777; position: relative; font-size:14px; cursor:pointer; font-weight:300; background-color:#fff; overflow: hidden;} .squareButton.mini > a{ height:24px; line-height:24px; font-size:14px; } .squareButton.big > a{ height:38px; line-height:38px; font-size:18px; padding:0 20px 0 15px; } .squareButton.huge > a{ height:48px; line-height:48px; font-size:23px; padding:0 30px 0 25px; } .squareButton.dark > a{ background-color:#323232; color:#fff; border-color:#323232} .squareButton.global > a{ color:#fff;} .squareButton.ico > a:after, .squareButton.ico > a:before{ font-family: "fontello"; font-style: normal; font-weight: normal; height:28px; line-height:28px; display:block;} .squareButton.mini > a:after, .squareButton.mini > a:before{ height:24px; line-height:24px; } .squareButton.big > a:after, .squareButton.big > a:before{ height:38px; line-height:38px; } .squareButton.huge > a:after, .squareButton.huge > a:before{ height:48px; line-height:48px; } .squareButton.ico > a:before{ padding:0 9px 0 0 ; float:left;} .squareButton.ico > a:after{padding:0 0 0 9px; display:inline-block; float: none;} .squareButton:hover, .squareButton:active{ margin: -1px 0 1px 0;} .squareButton + .squareButton:hover, .squareButton + .squareButton:active{ margin: -1px 0 1px 7px;} .squareButton:hover > a, .squareButton:active > a { -webkit-box-shadow: 0 2px 2px -1px #ddd; -moz-box-shadow: 0 2px 2px -1px #ddd; box-shadow: 0 2px 2px -1px #ddd;} .squareButton > a:active { color:#fff !important ;} .squareButton.dark > a:active{ color:#fff;} .squareButton.global > a:active { background-color:#323232; border-color:#323232;} .squareButton.ui-state-active > a:hover, .squareButton.ui-state-active > a, .squareButton.active > a:hover, .squareButton.active > a { color:#fff; cursor:default; margin:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .squareButton > a.selected:hover, .squareButton > a.selected:active{border: 1px solid #ddd;color: #777777; margin:0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .squareButton.ico.more > a:before{ content:'\e850';} .squareButton.ico.down > a:before{ content:'\e85d';} .squareButton.ico.share > a:before{ content:'\e835';} .squareButton.ico.view > a:before{ content:'\e83c';} .squareButton.ico.comm > a:before{ content:'\e830';} .squareButton.ico.likeActive > a:before, .squareButton.ico.like > a:before{ content:'\e839';} .squareButton.ico.left > a:before{ content:'\e85f';} .squareButton.ico.replay > a:before{ content:'\e831';} .squareButton.ico.right > a:after{ content:'\e860';} /*square Button lite*/ .squareButtonlite{ height:10px; margin:0 10px 15px 0; list-style: none; display:block; float:left;} .squareButtonlite > a{height:10px; line-height:10px; display: block; padding: 0 10px; color: #888888; position: relative; font-size:11px; cursor:pointer;} /*shadow HR*/ .hrShadow { position:relative; border-bottom:1px solid #ddd; background-color:#fff;} /*.inlineShadow, .hrShadow:before { content:""; position:absolute; margin:0 50px; display:block; bottom:3px; height:40px; left:10px; right:10px; z-index:-2; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-border-radius: 50% / 100%; -moz-border-radius: 50% / 100%; border-radius: 50% / 100%;}*/ /*.sidebar .hrShadow:before{ margin:0 10px; height:5px; bottom: 4px; -webkit-border-radius: 100% / 100%; -moz-border-radius: 100% / 100%; border-radius: 100% / 100%;}*/ .columns2_3 .hrShadow:after, .columns3_4 .hrShadow:after{ width: 100%; height: 20px; background: #fff; position: absolute; left: 0; bottom: 0; content: ''; } /*.columns2_3 .hrShadow:before, .columns3_4 .hrShadow:before{ margin:0 10px; height:5px; bottom: 2px; z-index: 0; -webkit-border-radius: 100% / 100%; -moz-border-radius: 100% / 100%; border-radius: 100% / 100%;}*/ /*shadow BOX*/ .sc_table, .sc_tabs .tabsBody, .sc_pricing_table, .topGlobal .topMenuStyleFon > ul > li ul, .boxShadow, .white-popup { -webkit-box-shadow: 0 6px 2px -1px #f0f0f0; -moz-box-shadow: 0 6px 2px -1px #f0f0f0; box-shadow: 0 6px 2px -1px #f0f0f0; } /*inlineShadow*/ .inlineShadow{ content:""; position:absolute; height:10px; display:block; bottom:0px; padding: 0; margin: 0; left:10px; right: 10px; z-index:-2; border-bottom:1px solid #ebebeb; /*-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px rgba(0,0,0,0.2); box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-border-radius: 100% / 100%; -moz-border-radius: 100% / 100%; border-radius: 100% / 100%;*/} /*.inlineShadow:before{ content:''; height:20px; background:#fff; position:absolute; left:-5px; right: -5px; bottom:-3px; border-bottom: 1px solid #ebebeb; }*/ /*nanigation*/ .nan{ padding:0 0 50px 0;} .nan:after{ display:block; content:""; clear:both;} .nan > ul { margin:0px; padding:0px;} .nan > ul > li{ float:left; list-style:none;} .nan > ul > li > a{ border:1px solid #ddd; display:block; /*padding: 0 9px;*/} .nan > ul > li > a:active{ color:#fff; margin:-1px 0 0 0 ;} .nan > ul > li > a .icon{ width:12px; height:12px; font-size:12px; line-height:9px; display:inline-block; vertical-align:middle;} .nan > ul > li > a .icon:before{ margin:0;} .nan > ul > li > a:hover{ margin:-1px 0 0 0 ; -webkit-box-shadow: 0 2px 2px -1px #ddd; -moz-box-shadow: 0 2px 2px -1px #ddd; box-shadow: 0 2px 2px -1px #ddd; } .nan .pageScrolling{ float:right; margin:-3px 0 0 0;} .nan .pageLibrary{} .nan .pageLibrary > li{ height:30px; line-height:30px;} .nan .pageLibrary > li+li{ margin-left:12px;} .nan .pageLibrary > li > a { height:28px;} .nan .pageLibrary > li.leftPage .icon{ margin-right:2px;} .nan .pageLibrary > li.rightPage .icon{ margin-left:4px;} .nan .pageLibrary > li.libPage{ height:30px; line-height:30px; padding:0px 18px; position:relative;} .nan .pageLibrary > li.libPage .navInput{ border:1px solid #ddd; height:28px; line-height:28px; min-width:17px; padding: 0 9px; margin:0 9px; text-align:center; background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );} /*nav Focus*/ .nan .pageLibrary > li.libPage > .pageFocusBlock{ position:absolute; border:1px solid #ddd; background:#fff; bottom:50px; left:-68px; padding:15px 15px 0 15px ; display:none; width:340px; direction: ltr;} .nan .pageLibrary > li.libPage > .pageFocusBlock > * { float: left; } .nan .pageLibrary > li.libPage > .pageFocusBlock:after{ content:""; width:15px; height:15px; background:#FFF; border-right:1px solid #ddd; border-bottom:1px solid #ddd; position:absolute; bottom:-9px; left:143px; -webkit-transform: rotate(45deg) ; -moz-transform: rotate(45deg) ; -o-transform: rotate(45deg) ; -ms-transform: rotate(45deg) ; -webkit-box-shadow: 3px 3px 2px 2px #f0f0f0; -moz-box-shadow: 3px 3px 2px 2px #f0f0f0; box-shadow: 3px 3px 2px 2px #f0f0f0;} .nan .pageLibrary > li.libPage > .pageFocusBlock .rsContainer{ height:225px;} .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsContainer{ height:310px;} .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsContent{ padding:75px 0 0 0 ;} .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow{ position:absolute; top:20px;} .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow.rsArrowLeft{ left:15px;} .nan .pageLibrary > li.libPage > .pageFocusBlock.navPadding .rsArrow.rsArrowRight{ right:15px;} .nan .pageLibrary > li.libPage > .pageFocusBlock .pageNumber{ margin:0px;} .nan .pageLibrary > li.libPage > .pageFocusBlock .pageNumber a{} .nan .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table{ font-size:36px; font-weight:100;} .nan .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td{ text-align:center; vertical-align:middle; padding:0px; margin:0px; width:68px; height:55px;} .nan .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td a{ display:inline-block; text-align:center;} .nan .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td a.active, .nan .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td a:hover{ font-weight:600;} .nan .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td a.active{ color:#222222; cursor:default;} /*widget tabs*/ .sc_tabs.widgetTabs .widgetBody{ display: none;} .widgetTabs .widgetBody > ul { margin:0px; padding:0 0 50px 0; width:50%; float: left} .widgetTabs .widgetBody > ul > li{ list-style:none; display:block; padding: 0 50px 0 0; min-height:36px; } .widgetTabs .widgetBody > ul > li + li { padding: 36px 50px 0 0} .widgetTabs .widgetBody > ul > li:before{ display: block; float: left; height:36px; width:30px; font-size:18px; line-height:36px; font-family: "fontello"; content: '\e826';} .widgetTabs .widgetBody > ul > li.dropMenu > ul { display:none;} .widgetTabs .widgetBody > ul > li.dropMenu{ cursor:pointer;} .widgetTabs .widgetBody > ul > li.dropMenu:before{ display: block; float: left; height:36px; width:30px; line-height:36px; content:'+'; font-size:25px; text-align:left; margin:0 0 0 -3px; font-weight:100;} .widgetTabs .widgetBody > ul > li.dropMenu.dropOpen:before{ content:'-';} .widgetTabs .widgetBody > ul > li > a{ display:block; font-size:36px; margin:0 0 0 30px; line-height:36px; min-height:36px; font-weight:100; color:#222222} .widgetTabs .widgetBody > ul > li > a span{ color:#888888;} .widgetTabs .widgetBody > ul > li > ul { padding:0 0 0 30px; margin:0;} .widgetTabs .widgetBody > ul > li > ul li { list-style:none; display:block;} .widgetTabs .widgetBody > ul > li > ul li:before{ display: block; float: left; height:18px; width:18px; font-size:13px; line-height:18px; font-family: "fontello"; content: '\e826'; } .widgetTabs .widgetBody > ul > li > ul li a { display:block; font-size:18px; margin:18px 0 0 18px; line-height:18px; min-height:18px; font-weight:300; } /*time line Sidebar*/ .timeLineRight, .timeLineLeft { position: relative; } .timeLineRight .content, .timeLineLeft .content{ width: 750px; } .timeLineRight .content{ margin: 0 400px 0 0 ;} .timeLineLeft .content{ float: left; } .contentTimeLine{ padding: 50px 30px 0 0 ; } .contentTimeLine.tRexShortcode{ padding: 0; margin: 0 -20px 50px 0; } .contentTimeLine.tRexShortcode .tlContentScroll { width: auto;} .timeLineLeft .contentTimeLine { float: left; } .timeLineRight .contentTimeLine { float: right; } .tlContentScroll {min-height: 200px; width: 350px} .contentTimeLine.timeLineFix{ } .contentTimeLine.timeLineFixTop{ margin: 0 !important;} .contentTimeLine .h2{} .contentTimeLine .h2 .scrollPositionAction{ margin: 0; padding: 0; float: right; height: 30px; margin: 10px 20px 0 0 ;} .contentTimeLine .h2 .scrollPositionAction li{ float: left;} .contentTimeLine .itemTL{ position: relative;} .contentTimeLine .itemTL:before{ content: ''; display: block; width: 1px; height: 100%; background: #ddd; position: absolute; left: 40px; top: 0; z-index: 1;} .contentTimeLine .itemTL + .itemTL{ padding: 30px 0 0 0 ;} .contentTimeLine .itemTL:after{ clear: both; height: 0; content: ''; display: block;} .contentTimeLine .itemTL .tlDate{width: 78px; height: 78px; border: 1px solid #ddd; float: left; position: relative; z-index: 2; background: #fff; text-align: center; } .contentTimeLine .itemTL .tlDate .date_mount{ display: block; padding: 17px 0 6px 0; font-size: 18px; font-weight: 300;} .contentTimeLine .itemTL .tlDate .year{ display: block; font-size: 12px; color: #b0b0b0; margin: 0 auto; } .contentTimeLine .itemTL .tlDate .year:before{ width: 33px; display: block; margin: 0 auto 3px auto; content: ''; height: 1px; background-color: #ddd; } .contentTimeLine .itemTL h4{ margin: 0 0 0 100px; padding: 0 0 15px 0;} .contentTimeLine .itemTL .tlInfo{ margin: 0 0 0 100px; font-weight: 300;} .contentTimeLine .itemTL .tlInfo{font-size: 12px; font-style: italic;} .contentTimeLine .itemTL .tlInfo .separator{ font-style: normal; padding: 0 5px;} .contentTimeLine .tlLoading{ height: 60px; position: relative; } .contentTimeLine .tlLoading:before{ width: 28px; height: 28px; border: 1px solid #ddd; background: #fff; font-family: "fontello"; content: '\e823'; text-align: center; position: absolute; z-index: 2; bottom: 0; left: 26px; line-height: 28px; } .contentTimeLine .tlLoading:after{ content: ''; display: block; width: 1px; height: 100%; background: #ddd; position: absolute; left: 40px; top: 0; z-index: 1; } /*widget sidebar*/ .sidebar .title{ font-size: 18px; color:#272727; font-weight:300; padding:0 0 30px 0;} .sidebar .widgetBody{ padding:0 0 30px 0;} .footerWrap .footerWidget .widgetBody > ul, .sidebar .widgetBody > ul { margin:0px; padding:0px;} .footerWrap .footerWidget .widgetBody > ul:after, .sidebar .widgetBody > ul:after{ content:""; display:block; clear:both; height:0; } .footerWrap .footerWidget .widgetBody > ul > li, .sidebar .widgetBody > ul > li{ list-style:none; display:block; padding: 0 0 15px 20px; min-height:20px; line-height: 20px; font-weight: 300; position: relative;} .footerBlackStyle.footerWrap .footerWidget .widgetBody > ul > li:before{ color: #E1E1E1} .footerWrap .footerWidget .widgetBody > ul > li:before, .sidebar .widgetBody > ul > li:before{ display: block; height:20px; width:20px; font-size:10px; line-height:20px; font-family: "fontello"; content: '\e826'; position: absolute; left: 0; top: 3px;} .sidebar .widgetBody > ul > li:after{content: ''; height: 0; display: block; clear: both;} .footerWrap .footerWidget .widgetBody > ul > li.dropMenu > ul, .sidebar .widgetBody > ul > li.dropMenu > ul{ display:none;} .footerWrap .footerWidget .widgetBody > ul > li.dropMenu, .sidebar .widgetBody > ul > li.dropMenu{ cursor:pointer;} .footerWrap .footerWidget .widgetBody > ul > li.dropMenu:before, .sidebar .widgetBody > ul > li.dropMenu:before{ display: block; float: left; height:20px; width:20px; font-size:14px; line-height:20px; content:'+'; text-align:left; margin:-3px 0 0 0; font-weight:100;} .footerWrap .footerWidget .widgetBody > ul > li.dropMenu.dropOpen:before, .sidebar .widgetBody > ul > li.dropMenu.dropOpen:before{ content:'-'; font-size:16px;} .footerBlackStyle.footerWrap .footerWidget .widgetBody > ul > li > a{ color: #E1E1E1;} .footerWrap .footerWidget .widgetBody > ul > li > a, .sidebar .widgetBody > ul > li > a{ display: inline-block; font-size:15px; line-height:20px; min-height:20px; color:#222222; font-weight:300;} .footerWrap .footerWidget .widgetBody > ul > li > a span, .sidebar .widgetBody > ul > li > a span{ color:#888888;} .footerWrap .footerWidget .widgetBody > ul > li > ul, .sidebar .widgetBody > ul > li > ul { padding:0 0 0 30px; margin:0;} .footerWrap .footerWidget .widgetBody > ul > li > ul ul, .sidebar .widgetBody > ul > li > ul ul{ padding:0 0 0 20px; margin:0;} .footerWrap .footerWidget .widgetBody > ul > li > ul li, .sidebar .widgetBody > ul > li > ul li { list-style:none; display:block;} .footerWrap .footerWidget .widgetBody > ul > li > ul li:before, .sidebar .widgetBody > ul > li > ul li:before{ display: block; float: left; height:13px; width:18px; font-size:8px; line-height:13px; font-family: "fontello"; content: '\e826'; } .footerWrap .footerWidget .widgetBody > ul > li > ul li a, .sidebar .widgetBody > ul > li > ul li a { display:block; font-size:13px; margin:10px 0 0 18px; line-height:13px; min-height:13px; font-weight:300; } /*cms Calendar post*/ .widgetTabs .widgetBody{ padding:50px 0 0 0 ;} .widgetTabs .cmsCalendar { font-size:36px; font-weight:100; padding: 0 0 50px 0; } .widgetTabs .cmsCalendar th, .widgetTabs .cmsCalendar td{ height:100px; } .widgetTabs .cmsCalendar tbody td a{ width:50px;} .widgetTabs .cmsCalendar tbody tr + tr td {border-top-width:1px; border-top-style: solid; border-top-color:#ddd;} .sidebar .cmsCalendar{ font-size:16px; font-weight:300;} .sidebar .cmsCalendar th, .sidebar .cmsCalendar td, .footerWidget .cmsCalendar th, .footerWidget .cmsCalendar td{ height:37px; } .sidebar .cmsCalendar tbody td a{ width:20px;} .sidebar .videoFrame img{ width:100%;} .cmsCalendar th, .cmsCalendar td{ width: 14%; text-align:center; } .cmsCalendar thead tr + tr th{ border-style: solid; border-width: 0 0 1px 0; color:#222222;} .footerWidget .cmsCalendar thead tr + tr th{ border-color:#c2c2c2; color:#888888;} .cmsCalendar thead th { color:#222222;} .footerWhiteStyle .footerWidget .cmsCalendar thead th{ color:#5c5c5c;} .footerBlackStyle .footerWidget .cmsCalendar thead th{ color:#c5c4c4;} .cmsCalendar thead th span{ color:#888888; } .cmsCalendar thead th.left .roundButton{ float:left; } .cmsCalendar thead th.right .roundButton{ float:right; } .cmsCalendar tbody tr td{} .cmsCalendar tbody tr + tr td{ } .cmsCalendar tbody td a{ display:inline-block;} .cmsCalendar tbody td a:hover{ font-weight:600;} .cmsCalendar tbody td.today a{ font-weight:600; color:#222222;} .footerWhiteStyle .footerWidget .cmsCalendar tbody td.today a{ color:#000;} .footerBlackStyle .footerWidget .cmsCalendar tbody td.today a{ color:#dcdcdc;} /*sidebar*/ .sidebar{ width:250px; padding:50px 0 0 0;} .faq .sidebar{ width:350px;} .sidebar .widgetWrap{ margin:0 0 30px 0;} /*tagcloud*/ .widgetWrap .tagcloud{} .widgetWrap .tagcloud a{ display: inline-block; height: 28px; line-height: 28px; padding: 0 15px; border: 1px solid #ddd; margin: 0 2px 5px 0;} .widgetWrap .tagcloud a:hover, .widgetWrap .tagcloud a:active{ color: #fff;} /*polupal Filtr*/ .widgetTabs .poluparFiltr{ padding:50px 0 10px 0} .widgetTabs .poluparFiltr ul{ margin:0px; padding:0px;} .widgetTabs .poluparFiltr ul:after{ content:""; display:block; clear:both; } .widgetTabs .poluparFiltr ul li a{ text-transform:uppercase;} .sidebar .poluparFiltr{ padding:0px 0 15px 0; margin:0 0 0 -10px;} .sidebar .poluparFiltr ul{ margin:0px; padding:0px;} .sidebar .poluparFiltr ul:after{ content:""; display:block; clear:both; } .sidebar .poluparFiltr ul li a{ text-transform:uppercase;} /*polupal tabs*/ .widgetTabs .popularBlock{ width:50%; float:left;} .widgetTabs .popularBlock article{ margin:0 25px 0 0 ; padding:41px 0 50px 30px; position:relative;} .widgetTabs .popularBlock article + article{ border-top:1px solid #ddd;} .widgetTabs .popularBlock + .popularBlock article{ margin:0 0 0 25px;} .widgetTabs .popularBlock article h3{ display:block; position:relative; padding:0 0 20px 0; font-size:36px; line-height:43px;} .widgetTabs .popularBlock article h3:before{ font-family: "fontello"; content: '\e826'; width:30px; height:72px; position:absolute; left:-30px; top:0px; font-size:18px;} .widgetTabs .popularBlock article .popularInfo { height:30px; ;} .widgetTabs .popularBlock article .popularInfo .postSharing{ display:block; float:left;} .widgetTabs .popularBlock article .popularInfo .date{ font-size:12px; line-height:30px; font-style:italic; display:block; float:left; padding:0 20px 0 0 ;} .widgetTabs .popularBlock article .popularInfo .date a{ color:#222222;} /*polupal sidebar*/ .sidebar .popularBlock{ } .sidebar .popularBlock article{ margin:0 0 0 20px; padding:0; position:relative;} .sidebar .popularBlock article + article{padding:30px 0 0 0;} .sidebar .popularBlock article h3{ display:block; position:relative; padding:0; font-size:14px; line-height:17px; font-weight:300;} .sidebar .popularBlock article h3:before{ font-family: "fontello"; content: '\e826'; width:20px; height:20px; position:absolute; left:-20px; top:0px; font-size:10px;} .sidebar .popularBlock article .popularInfo { height:30px; } .sidebar .popularBlock article .popularInfo .postSharing{ display:block; float:left;} .sidebar .popularBlock article .popularInfo .comm, .sidebar .popularBlock article .popularInfo .view, .sidebar .popularBlock article .popularInfo .date{ font-size:12px; line-height:30px; font-style:italic; display:block; float:left; padding:0 10px 0 0 ;} .sidebar .popularBlock article .popularInfo .date a{ color:#222222;} .sidebar .popularBlock article .popularInfo .comm a, .sidebar .popularBlock article .popularInfo .view a{ display:block;} .sidebar .popularBlock article .popularInfo .comm a.ico, .sidebar .popularBlock article .popularInfo .view a.ico{ display:inline-block;} .sidebar .popularBlock article .popularInfo .comm a.ico:before{ width:12px; font-size:14px; height:30px; line-height:30px; display:block; float:left; font-family: "fontello"; content:'\e830'; font-style:normal; margin: 0 10px 0 0 ;} .sidebar .popularBlock article .popularInfo .view a.ico:before{ width:12px; font-size:14px; height:30px; line-height:30px; display:block; float:left; font-family: "fontello"; content:'\e83c'; font-style:normal; margin: 0 10px 0 0 ;} /*recent sidebar*/ .footerWrap .recentBlock article, .sidebar .recentBlock article{ } .footerWrap .recentBlock article:after, .sidebar .recentBlock article:after{ content:''; height:0; clear:both; display:block;} .footerWrap .recentBlock article .thumb, .sidebar .recentBlock article .thumb{ width:75px; margin:0 10px 10px 0; float:left;} .footerWrap .recentBlock article .thumb img, .sidebar .recentBlock article .thumb img { width:100%;} .footerWrap .recentBlock article h5, .sidebar .recentBlock article h5{ padding:0 0 10px 0; font-weight:300; font-size:14px; } .footerWrap .recentBlock article .popularInfo , .sidebar .recentBlock article .popularInfo {} .footerWrap .recentBlock article .popularInfo .comm, .sidebar .recentBlock article .popularInfo .comm, .footerWrap .recentBlock article .popularInfo .more, .sidebar .recentBlock article .popularInfo .more, .footerWrap .recentBlock article .popularInfo .view, .sidebar .recentBlock article .popularInfo .view, .footerWrap .recentBlock article .popularInfo .date, .sidebar .recentBlock article .popularInfo .date{ font-size:11px; line-height:11px; font-style:italic; display:block; float:left; padding:0 10px 0 0 ;} .footerWrap.footerBlackStyle .recentBlock article .popularInfo .date a{ color: #E1E1E1;} .footerWrap .recentBlock article .popularInfo .date a, .sidebar .recentBlock article .popularInfo .date a{ color:#222222;} .footerWrap .recentBlock article .popularInfo .comm a, .sidebar .recentBlock article .popularInfo .comm a, .footerWrap .recentBlock article .popularInfo .more a, .sidebar .recentBlock article .popularInfo .more a, .footerWrap .recentBlock article .popularInfo .view a, .sidebar .recentBlock article .popularInfo .view a{ display:block;} .footerWrap .recentBlock article .popularInfo .comm a.ico, .sidebar .recentBlock article .popularInfo .comm a.ico, .footerWrap .recentBlock article .popularInfo .more a.ico, .sidebar .recentBlock article .popularInfo .more a.ico, .footerWrap .recentBlock article .popularInfo .view a.ico, .sidebar .recentBlock article .popularInfo .view a.ico{ display:inline-block;} .footerWrap .recentBlock article .popularInfo .comm a.ico:before, .sidebar .recentBlock article .popularInfo .comm a.ico:before{ width:12px; font-size:12px; height:11px; line-height:14px; display:block; float:left; font-family: "fontello"; content:'\e830'; font-style:normal; margin: 0 5px 0 0 ;} .footerWrap .recentBlock article .popularInfo .more a.ico:before, .sidebar .recentBlock article .popularInfo .more a.ico:before{ width:12px; font-size:12px; height:11px; line-height:14px; display:block; float:left; font-family: "fontello"; content:'\e850'; font-style:normal; margin: 0 5px 0 0 ;} .footerWrap .recentBlock article .popularInfo .view a.ico:before, .sidebar .recentBlock article .popularInfo .view a.ico:before{ width:12px; font-size:12px; height:11px; line-height:14px; display:block; float:left; font-family: "fontello"; content:'\e83c'; font-style:normal; margin: 0 5px 0 0 ;} /*download acrobat*/ .sidebar .downloadBlock a{ display:block; color:#222222; font-weight:300;} .sidebar .downloadBlock:after{ content:''; height:0; display:block; clear:both;} .sidebar .downloadBlock .acrobatIco{ width:76px; margin:0 10px 0 0 ; vertical-align:bottom; display:inline-block;} .sidebar .downloadBlock .acrobatIco img{ width:100%;} /*feed Block Wrap*/ .twitBlockWrap, .twitBlock .sliderNav .rsArrowLeft, .twitBlock .sliderNav .rsArrowRight{ background-color: #60aaea;} .twitBlock .sliderNav {display: none;} .twitBlock .sliderNav .rsArrowLeft:hover .rsArrowIcn:before, .twitBlock .sliderNav .rsArrowRight:hover .rsArrowIcn:before{ color: #60aaea;} .twitBlock{ text-align: center; color: #fff; font-size: 18px; line-height: 25px; font-weight: 300;} .twitBlock .sliderNav{ position: relative; } .twitBlock .sliderNav .rsArrowLeft, .twitBlock .sliderNav .rsArrowRight{ width: 37px; height: 100%; display: block; position: absolute; top: 0; z-index: 10; } .twitBlock .sliderNav .rsArrowLeft .rsArrowIcn, .twitBlock .sliderNav .rsArrowRight .rsArrowIcn{ position: relative; display: block; width: 37px; height: 100%;} .twitBlock .sliderNav .rsArrowLeft .rsArrowIcn:before, .twitBlock .sliderNav .rsArrowRight .rsArrowIcn:before{ font-family: "fontello"; color: #fff; display: block; width: 35px; height: 35px; border: 1px solid #fff; position: absolute; top: 50%; margin: -18px 0 0 0 ; text-align: center; line-height: 35px;} .twitBlock .sliderNav .rsArrowLeft .rsArrowIcn:before{ content: '\e85f'; left: 0;} .twitBlock .sliderNav .rsArrowRight .rsArrowIcn:before{ content: '\e860'; right: 0;} .twitBlock .sliderNav .rsArrowLeft:hover .rsArrowIcn:before, .twitBlock .sliderNav .rsArrowRight:hover .rsArrowIcn:before{ background: #fff;} .twitBlock .sliderNav .rsArrowLeft{ left: 0;} .twitBlock .sliderNav .rsArrowRight{ right: 0;} .twitBlock .rsContent{ padding: 50px 50px 0 50px; margin: 0 ; box-sizing: border-box; -moz-box-sizing: border-box; } .twitBlock .rsContent p{ margin: 0; padding: 0 20px 50px 20px; } .twitBlock .twitterIco{ display: block; font-family: "fontello"; } .twitBlock .twitterIco:before{ content: '\e843'; font-size: 35px; } .twitBlock .twitAuthor{ font-weight: 600; text-decoration: none; } .twitBlock a{ color: #fff; text-decoration: underline;} /*contact Social Share p*/ .footerContentWrap{ clear: both;} .footerWrap{ text-align:center; clear:both;} .footerWrap:after{ clear: both; height: 0; display: block; content: '';} .footerWrap.footerWhiteStyle{background-color: #fafafa; border-top: 1px solid #ddd;} .footerWrap.footerWhiteStyle .footerWidget{ position: relative; overflow: hidden; } .footerWrap.footerWhiteStyle .footerWidget:before{ content:""; position:absolute; margin:0 50px; display:block; top:-22px; height:20px; left:10px; right:10px; z-index:1; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3); -moz-box-shadow:0 0 10px rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.3); -webkit-border-radius: 100% / 100%; -moz-border-radius: 100% / 100%; border-radius: 100% / 100%;} .footerWrap.footerBlackStyle{background-color: #2c2c2c;} .contactFooter { padding:50px 0 30px 0;} .contactFooter .logo{ display:inline-block; padding:0 0 50px 0; height: auto; font-size:72px;} .contactFooter .cobntactAddress{ color:#6f6f6f; padding:0 0 30px 0;} .contactFooter .cobntactAddress:after{ content:''; height:0px; display:block; clear:both; } .contactFooter .cobntactAddress .asdressLeft, .contactFooter .cobntactAddress .asdressRight{ width:565px; text-align:left; float:right;} .contactFooter .cobntactAddress .asdressLeft{ margin:0 20px 0 0 ; text-align:right; float:left;} .contactFooter .contactShare ul{ margin:0px; padding:0px;} .contactFooter .contactShare ul li { list-style:none; padding:0px 10px 20px 10px; display:inline-block;} .contactFooter .contactShare ul li a:before, .contactFooter .contactShare ul li a{ width:64px; height:64px; display:block; text-indent:999px; overflow:hidden; background-repeat: no-repeat; background-position: 0 0; background-size: 64px 128px; -webkit-background-size: 64px 128px; -o-background-size: 64px 128px; -moz-background-size: 64px 128px;} .contactFooter .contactShare ul li a:before{ content:''; background-position: 0 -64px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .contactFooter .contactShare ul li:hover a:before{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .contactFooter .contactShare ul li a.facebook{ background-image: url(../images/soc/soc_facebook.png); } .contactFooter .contactShare ul li:hover a.facebook:before{ background-image: url(../images/soc/soc_facebook.png); } .contactFooter .contactShare ul li a.pinterest{ background-image: url(../images/soc/soc_pinterest.png); } .contactFooter .contactShare ul li:hover a.pinterest:before{ background-image: url(../images/soc/soc_pinterest.png); } .contactFooter .contactShare ul li a.twitter{ background-image: url(../images/soc/soc_twitter.png); } .contactFooter .contactShare ul li:hover a.twitter:before{ background-image: url(../images/soc/soc_twitter.png); } .contactFooter .contactShare ul li a.google{ background-image: url(../images/soc/soc_google.png); } .contactFooter .contactShare ul li:hover a.google:before{ background-image: url(../images/soc/soc_google.png); } .contactFooter .contactShare ul li a.rss{ background-image: url(../images/soc/soc_rss.png); } .contactFooter .contactShare ul li:hover a.rss:before{ background-image: url(../images/soc/soc_rss.png); } .contactFooter .contactShare ul li a.dribbble{ background-image: url(../images/soc/soc_dribbble.png); } .contactFooter .contactShare ul li:hover a.dribbble:before{ background-image: url(../images/soc/soc_dribbble.png); } /*footerWidget*/ .footerWidget{ padding:50px 0; text-align:left; } .footerWidget:after{display:block; content:''; clear:both; height:0px; } .footerWidget .widgetWrap{} .footerWidget .widgetWrap .title{ font-size:17px; font-weight:300; padding:0 0 30px 0;} .footerWhiteStyle .footerWidget .widgetWrap .title{color:#222222;} .footerBlackStyle .footerWidget .widgetWrap .title{color:#c4c4c4;} .footerWidget .contactInfo{ color:#646464; padding:20px 0 0 0 ;} .footerWidget .contactInfo .fContact{ padding:0 0 5px 0;} .footerWidget .contactInfo .fContact:before{ font-family: "fontello"; display: inline-block; margin:0 10px 0 0;} .footerWidget .contactInfo .fContact.address:before{content:'\e82f';} .footerWidget .contactInfo .fContact.mail:before{content:'\e83b';} .footerWidget .contactInfo .fContact.phone:before{content:'\e838';} .footerWidget .footLogo{ padding:0 0 20px 0;} .footerWidget .footLogo a{ display:block;} .footerWidget .footLogo a img{ height:31px;} .footerWidget .flickerBlock{} .footerWidget .flickerBlock > a{ display:block; margin:0 5px 5px 0; width:75px; float:left; position:relative;} .footerWidget .flickerBlock > a:before{ content:''; display: block; height:100%; width:100%; position:absolute; left:0; top:0; z-index:10; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-box-shadow: 0 0 50px -1px #000 inset; -moz-box-shadow: 0 0 50px -1px #000 inset; box-shadow: 0 0 50px -1px #000 inset} .footerWidget .flickerBlock > a:hover:before{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .footerWidget .flickerBlock > a > img{ display:block; width:100%; position:relative; z-index:6;} .footerWidget .popularBlock{ } .footerWidget .popularBlock article{ margin:0 0 0 20px; padding:0; position:relative;} .footerWidget .popularBlock article + article{padding:30px 0 0 0;} .footerWidget .popularBlock article h4{ display:block; position:relative; padding:0; font-size:14px; line-height:17px; font-weight:300;} .footerBlackStyle .footerWidget .popularBlock article h4{ color:#e1e1e1; } .footerWhiteStyle .footerWidget .popularBlock article h4{} .footerWidget .poluparFiltr{ margin: 0 0 0 -10px; padding: 0 0 20px 0;} .footerWidget .poluparFiltr ul{ margin: 0; padding: 0; } .footerWidget .poluparFiltr ul li a { text-transform: uppercase;} .footerWidget .poluparFiltr:after{ clear: both; height: 0; display: block; content: ''; } .footerWidget .popularBlock article h4:before{ font-family: "fontello"; content: '\e826'; width:20px; height:20px; position:absolute; left:-20px; top:0px; font-size:10px;} .footerWidget .popularBlock article .popularInfo { height:30px; } .footerWidget .popularBlock article .popularInfo .postSharing{ display:block; float:left;} .footerWidget .popularBlock article .popularInfo .comm, .footerWidget .popularBlock article .popularInfo .view, .footerWidget .popularBlock article .popularInfo .date{ font-size:12px; line-height:30px; font-style:italic; display:block; float:left; padding:0 10px 0 0 ;} .footerWhiteStyle .footerWidget .popularBlock article .popularInfo .date a{ color:#222222;} .footerBlackStyle .footerWidget .popularBlock article .popularInfo .date a{ color:#e1e1e1;} .footerWidget .popularBlock article .popularInfo .comm a, .footerWidget .popularBlock article .popularInfo .view a{ display:block;} .footerWidget .popularBlock article .popularInfo .comm a.ico, .footerWidget .popularBlock article .popularInfo .view a.ico{ display:inline-block;} .footerWidget .popularBlock article .popularInfo .comm a.ico:before{ width:12px; font-size:14px; height:30px; line-height:30px; display:block; float:left; font-family: "fontello"; content:'\e830'; font-style:normal; margin: 0 10px 0 0 ;} .footerWidget .popularBlock article .popularInfo .view a.ico:before{ width:12px; font-size:14px; height:30px; line-height:30px; display:block; float:left; font-family: "fontello"; content:'\e83c'; font-style:normal; margin: 0 10px 0 0 ;} .copyWrap .copy { padding:20px 0 0 0} .copyWrap .copy:after{ content:''; clear:both; height:0; display:block;} .copyWrap .copy .copyright{ float: right; height:32px; line-height:32px; margin:0 0 20px 0;} /*google Maps*/ .sc_googlemap{ width:100%; height:400px; } /* contact Form */ .commentsForm, .contactForm{} .commentsForm .columnsWrap, .contactForm .columnsWrap{ padding: 0 0 30px 0;} .commentsForm .message, .contactForm .message{ clear:both; padding: 0 0 5px 0;} .commentsForm input, .contactForm input{ width:100%;} .commentsForm textarea, .contactForm textarea { width: 100%;} .sidebar + .content .commentsForm .columns1_2, .sidebar + .content .contactForm .columns1_2 { width:350px;} .sidebar + .content .commentsForm textarea, .sidebar + .content .contactForm textarea { width:818px;} .contentTimeLine + .content .commentsForm textarea { width: 718px;} .commentsForm .enterBlock, .contactForm .enterBlock{ text-align:right; padding:0 0 30px 0;} .commentsForm .enterBlock .squareButton, .contactForm .enterBlock .squareButton { float:right;} .commForm .msError, .form .msError{ border:1px solid #da6f5b ;} /* contact Form */ .faqForm{} .faqForm .columnsWrap{ padding: 0 0 30px 0;} .faqForm .message{ clear:both; padding: 0 0 5px 0;} .faqForm input{ width: 100%;} .faqForm textarea { width: 100%;} .faqForm .enterBlock{ text-align:right; padding:0 0 30px 0;} .faqForm .enterBlock .squareButton { float:right;} .faqForm .messageBlock{ margin: 10px 0 0 0 ;} /*page404 - Under Construction*/ .inputSubmitAnimatiot {background:#fafafa; height:50px; width:50px; border: 1px solid #ddd; margin:0 auto; display:inline-block; position:relative; overflow:hidden;} .inputSubmitAnimatiot .sInput{ height:50px; width:400px; padding:0 60px 0 15px; border:none; background:none; display:none;} .inputSubmitAnimatiot .aIco{ display: block; width:50px; height:50px; display:block; position:absolute; top:0; right:0; } .inputSubmitAnimatiot .aIco:before{ font-family: "fontello"; font-size:20px; text-align:center; line-height:50px; } .inputSubmitAnimatiot .aIco.seacrh:before{content: '\e83f';} .inputSubmitAnimatiot .aIco.mail:before{content: '\e83b';} /*page404*/ .page404{ text-align:center;} .page404 .titleError{ font-size:150px; height:150px; line-height:150px; font-weight:100; color:#222222;} .page404 p{ font-weight:300; } /*page404*/ .pageUnderConstruction{ text-align:center;} .pageUnderConstruction p{ font-weight:300; padding: 0 0 65px 0; } /*people & About*/ .aboutvWrap .h2{ padding:0 0 50px 0; text-align:center;} .peopleWrap { padding: 0 0 50px 0;} .peopleWrap .peopleItems { overflow:hidden; position:relative; } .peopleWrap .peopleItems .thumb{ width:100%; height:250px; margin:0 0 30px 0; position:relative; overflow:hidden;} .peopleWrap .peopleItems .thumb:after{ content:''; width:100%; height:250px; position:absolute; bottom:0; left:0; z-index:3; margin:0 0 -150% 0; opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";} .peopleWrap .peopleItems .thumb img{ width:100%; display:block; z-index:2; position:absolute; left:0; top:0;} .peopleWrap .peopleItems .thumb .peopleText{ position:absolute; padding:20px 0; position:absolute; left:20px; right: 20px; bottom:0; z-index:4; overflow:hidden; margin:0 0 -250px 0; color:#fff;} .peopleWrap .peopleItems h3{ text-align:center; padding:0;} .peopleWrap .peopleItems .specialty{ font-size:12px; text-align:center; font-weight:300; padding:0 0 20px 0;} .peopleWrap .peopleItems:hover .thumb{ margin:-32px 0 30px 0 ;} .peopleWrap .peopleItems:hover .socPage{ margin:0; } .peopleWrap .peopleItems:hover .thumb:after{ margin:0;} .peopleWrap .peopleItems:hover .thumb .peopleText{ margin:0;} .copyWrap .socPage{ height:32px; float:left;} .author .socPage ul, .copyWrap .socPage ul:after{ content:''; height:0; display:block; clear:both;} .copyWrap .socPage ul{ margin:0 0 20px 0; padding:0px; text-align:center; height:32px; } .peopleWrap .peopleItems .socPage{ margin:0 0 -32px 0 ; width:100%; padding:0px; text-align:center; height:32px; } .author .socPage ul li, .copyWrap .socPage ul li, .peopleWrap .peopleItems .socPage li { list-style:none; padding:0px 5px 10px 5px; display:inline-block;} .author .socPage ul li a:before, .copyWrap .socPage ul li a:before, .author .socPage ul li a, .copyWrap .socPage ul li a, .peopleWrap .peopleItems .socPage li a:before, .peopleWrap .peopleItems .socPage li a{ width:32px; height:32px; display:block; text-indent:999px; overflow:hidden; background-repeat: no-repeat; background-position: 0 0; background-size: 32px 64px; -o-background-size: 32px 64px; -moz-background-size: 32px 64px; -webkit-background-size: 32px 64px;} .author .socPage ul li a:before, .copyWrap .socPage ul li a:before, .peopleWrap .peopleItems .socPage li a:before{ content:''; background-repeat: no-repeat; background-position: 0 -32px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .author .socPage ul li:hover a:before, .copyWrap .socPage ul li:hover a:before, .peopleWrap .peopleItems .socPage li:hover a:before{ opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .author .socPage ul li a.facebook, .copyWrap .socPage ul li a.facebook, .peopleWrap .peopleItems .socPage li a.facebook{ background-image: url(../images/soc/soc_white_facebook.png); } .author .socPage ul li:hover a.facebook:before, .copyWrap .socPage ul li:hover a.facebook:before, .peopleWrap .peopleItems .socPage li:hover a.facebook:before{ background-image: url(../images/soc/soc_white_facebook.png); } .author .socPage ul li a.pinterest, .copyWrap .socPage ul li a.pinterest, .peopleWrap .peopleItems .socPage li a.pinterest{ background-image: url(../images/soc/soc_white_pinterest.png);} .author .socPage ul li:hover a.pinterest:before, .copyWrap .socPage ul li:hover a.pinterest:before, .peopleWrap .peopleItems .socPage li:hover a.pinterest:before{ background-image: url(../images/soc/soc_white_pinterest.png);} .author .socPage ul li a.twitter, .copyWrap .socPage ul li a.twitter, .peopleWrap .peopleItems .socPage li a.twitter{ background-image: url(../images/soc/soc_white_twitter.png);} .author .socPage ul li:hover a.twitter:before, .copyWrap .socPage ul li:hover a.twitter:before, .peopleWrap .peopleItems .socPage li:hover a.twitter:before{ background-image: url(../images/soc/soc_white_twitter.png);} .author .socPage ul li a.google, .copyWrap .socPage ul li a.google, .peopleWrap .peopleItems .socPage li a.google{ background-image: url(../images/soc/soc_white_google.png);} .author .socPage ul li:hover a.google:before, .copyWrap .socPage ul li:hover a.google:before, .peopleWrap .peopleItems .socPage li:hover a.google:before{ background-image: url(../images/soc/soc_white_google.png);} .author .socPage ul li a.rss, .copyWrap .socPage ul li a.rss, .peopleWrap .peopleItems .socPage li a.rss{ background-image: url(../images/soc/soc_white_rss.png);} .author .socPage ul li:hover a.rss:before, .copyWrap .socPage ul li:hover a.rss:before, .peopleWrap .peopleItems .socPage li:hover a.rss:before{ background-image: url(../images/soc/soc_white_rss.png);} .author .socPage ul li a.dribbble, .copyWrap .socPage ul li a.dribbble, .peopleWrap .peopleItems .socPage li a.dribbble{ background-image: url(../images/soc/soc_white_dribbble.png);} .author .socPage ul li:hover a.dribbble:before, .copyWrap .socPage ul li:hover a.dribbble:before, .peopleWrap .peopleItems .socPage li:hover a.dribbble:before{ background-image: url(../images/soc/soc_white_dribbble.png);} /*upToScroll*/ .upToScroll{ position: fixed; width: 48px; height: 48px; bottom: -50px; right: 30px; background: #fff; border: 1px solid #ddd; cursor: pointer; z-index: 1001; } .upToScroll:before{ font-family: "fontello"; content: '\e827'; display: block; width: 48px; height: 48px; font-size: 20px; line-height: 48px; text-align: center; } .upToScroll.buttonShow{ bottom: 30px;} /*pre code*/ pre.code{ border-left-width: 3px; border-left-style: solid; font-size: 12px; padding: 10px 20px; background: #fcfcfc; margin: 0;} /*standart popUp*/ .white-popup { position: relative; background: #FFF; padding: 24px 20px 20px 20px; width:auto; max-width: 500px; margin: 20px auto; border: 1px solid #ddd; } .white-popup:before{ height: 4px; content: ''; position: absolute; width: 100%; top: -1px; left: -1px; display: block; padding: 0 1px;} /*standart popUp*/ .user-popUp{ position: relative; background: #FFF; padding: 0; width:auto; max-width: 600px; margin: 20px auto; border: 1px solid #ddd;} .user-popUp .sc_tabs{ margin: 0;} .user-popUp .mfp-close{ display: none;} .user-popUp ul.loginHeadTab{ height: 75px; padding: 0; margin: 0; } .user-popUp ul.loginHeadTab:after{content: ''; height: 0; display: block; clear: both;} .user-popUp ul.loginHeadTab li{ list-style: none; display: block; background-color: #fafafa; width: 50%; float: left; white-space: nowrap; } .user-popUp ul.loginHeadTab li a{ display: block; height: 74px; border-width: 0 0 1px 0; border-style: solid; border-color: #ddd; color: #a2a7b4; font-size: 21px; text-align: center; line-height: 74px; font-weight: 100; overflow: hidden;} .user-popUp ul.loginHeadTab li a:before{ font-family: "fontello"; display: inline-block; padding: 0 10px 0 0; font-size: 14px; line-height: 14px;} .user-popUp ul.loginHeadTab li a.loginFormTab:before{ content: '\e80d';} .user-popUp ul.loginHeadTab li a.registerFormTab:before{ content: '\e813';} .user-popUp ul.loginHeadTab li + li a { border-width: 0 0 1px 1px; border-style: solid; border-color: #ddd;} .user-popUp ul.loginHeadTab li.ui-tabs-active{ background-color: #fff; position: relative;} .user-popUp ul.loginHeadTab li.ui-tabs-active:before{ content: ''; height: 4px; display: block; width: 100%; position: absolute; left: -1px; top: -1px; padding: 0 2px 0 0; z-index: 1050; } .user-popUp ul.loginHeadTab li + li.ui-tabs-active:before{ left: 0; padding: 0 1px 0 0;} .user-popUp ul.loginHeadTab li.ui-tabs-active a{ border-bottom-color: #fff; color: #4d5770;} .user-popUp .formItems{ padding: 40px; } .user-popUp .formItems form{ padding: 0; margin: 0; } .user-popUp .formItems:after{ content: ''; height: 0; display: block; clear: both; } .user-popUp .formItems .itemformRight { float: left; width: 50%;} .user-popUp .formItems .itemformLeft { float: left; width: 50%;} .user-popUp .formItems.loginFormBody{ margin: 0 -1px 0 0 ; } .user-popUp .formItems.loginFormBody .itemformLeft{ border-right: 1px solid #ddd; } .user-popUp .formItems.loginFormBody .itemformLeft ul{ padding: 0 30px 0 0;} .user-popUp .formItems.loginFormBody .itemformRight{ margin: 0 -1px 0 0 ; } .user-popUp .formItems.loginFormBody .itemformRight ul{ padding: 0 0 0 30px;} .user-popUp .formItems.registerFormBody .itemformLeft ul{ padding: 0 2px 0 0;} .user-popUp .formItems.registerFormBody .itemformRight ul{ padding: 0 0 0 2px;} .user-popUp .formItems.loginFormBody .remember{ color: #99a2ac; font-size: 10px; height: 15px; line-height: 15px; padding: 20px 0; } .user-popUp .formItems.loginFormBody .remember #rememberme{ float: left; vertical-align: middle; margin: 0 5px 0 0; padding: 0;} .user-popUp .formItems.loginFormBody .remember label{ float: left; vertical-align: middle;} .user-popUp .formItems.loginFormBody .remember .forgotPwd{ float: right; font-size: 12px; color: #272727; text-decoration: underline; line-height: 15px;} .user-popUp .formItems.registerFormBody .i-agree{ color: #99a2ac; font-size: 10px; height: 15px; line-height: 15px; padding: 20px 0; } .user-popUp .formItems.registerFormBody .i-agree #i-agree{ float: left; vertical-align: middle; margin: 0 5px 0 0; padding: 0;} .user-popUp .formItems.registerFormBody .i-agree label{ float: left; vertical-align: middle;} .user-popUp .formItems.registerFormBody .i-agree a{ display: inline-block; margin: 0 0 0 5px; text-decoration: underline;} .user-popUp .formItems.loginFormBody .itemformRight{ font-size: 12px;} .user-popUp .formItems .formList .loginSoc{ padding: 20px 0; height: 32px;} .user-popUp .formItems .formList .loginSoc .iconLogin{ width: 32px; height: 32px; display: block; float: left; background: #000;} .user-popUp .formItems .formList .loginSoc .iconLogin + .iconLogin{ margin: 0 0 0 5px;} .user-popUp .formItems .formList .loginSoc .iconLogin.fb{ background-color: #3b5998; color: #ced5e5;} .user-popUp .formItems .formList .loginSoc .iconLogin.tw{ background-color: #00acee; color: #bfeafb;} .user-popUp .formItems .formList .loginSoc .iconLogin.gg{ background-color: #dd4b39; color: #f6d2cd;} .user-popUp .formItems .formList .loginSoc .iconLogin:before{ font-family: "fontello"; width: 32px; height: 32px; display: block; line-height: 32px; text-align: center;} .user-popUp .formItems .formList .loginSoc .iconLogin.fb:before{ content: '\e844'; } .user-popUp .formItems .formList .loginSoc .iconLogin.tw:before{ content: '\e843'; } .user-popUp .formItems .formList .loginSoc .iconLogin.gg:before{ content: '\e845'; } .user-popUp .formItems .formList{ margin: 0; padding: 0; } .user-popUp .formItems .formList li{ list-style: none; display: block;} .user-popUp .formItems .formList li input[type="text"], .user-popUp .formItems .formList li input[type="email"], .user-popUp .formItems .formList li input[type="password"]{ width: 100%; margin: 0 0 3px 0; padding: 0 40px 0 15px} .user-popUp .formItems .formList li.icon{ overflow: hidden; position: relative;} .user-popUp .formItems .formList li.icon:before{ width: 36px; height: 26px; position: absolute; top: 50%; margin: -14px 0 0 0; right: 1px; display: block; z-index: 1; line-height: 26px; text-align: center; font-family: "fontello";border-left: 1px solid #e3e3e3; opacity: 1; } .user-popUp .formItems .formList li input[type="text"], .user-popUp .formItems .formList li input[type="email"], .user-popUp .formItems .formList li input[type="password"], .user-popUp .formItems .formList li.icon:before, .user-popUp .formItems .formList li .sendEnter{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .user-popUp .formItems .formList li.icon.iconFocus:before{ width: 0; right: -5px; content: '';} .user-popUp .formItems .formList li.icon.formLogin:before{ content: '\e83b'; } .user-popUp .formItems .formList li.icon.formUser:before{ content: '\e885'; } .user-popUp .formItems .formList li.icon.formPass:before{ content: '\e887'; } .user-popUp .formItems .formList li.icon.formSuccess:before{} .user-popUp .formItems .formList li.icon.formError:before{} .user-popUp .formItems .formList li .sendEnter{ display: block; text-decoration: none; border: 1px solid #ddd; height: 38px; line-height: 38px; padding: 0 9px; color: #777777; font-size: 14px; cursor: pointer; font-weight: 300; text-align: center;} .user-popUp .formItems .formList li .sendEnter:hover{ background-color: #1172d3; color: #fff; border-color: #1172d3;} .user-popUp .registerFormBody{} .sidebar .active { color: #1172d3 !important; font-weight: bold !important; } .mfp-title{ padding-right: 0!important; }