@import url(https://fonts.googleapis.com/css?family=Saira+Condensed:300,600|Saira:300,600&subset=latin-ext,vietnamese); /*=== [ General style ] =========================================================================================*/ html, body { position: relative; font-size: 16px; } body { font-family: 'Saira'; font-size: 16px; font-weight: 300; line-height: 25px; color: #5a6266; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; color: #303036; -ms-word-wrap: break-word; word-wrap: break-word; } h1, .h1 { font-size: 45px; line-height: 55px; padding: 40px 0 0.5em 0; font-weight: 100; } h2, .h2 { font-size: 35px; line-height: 49px; padding: 25px 0 0.5em 0; font-weight: 100; } h3, .h3 { font-size: 25px; line-height: 37px; padding: 25px 0 0.5em 0; font-weight: 100; } h4, .h4 { font-size: 20px; line-height: 30px; padding: 20px 0 0.5em 0; font-weight: 600; } h5, .h5 { font-size: 20px; line-height: 19px; font-weight: 100; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1em; } h6, .h6 { font-size: 16px; line-height: 19px; padding: 20px 0 0.5em 0; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5px; } p { font-size: 16px; line-height: 25px; margin-bottom: 0.75em; margin-top: 0.75em; text-align: justify; } img { max-width: 100%; } a { text-decoration: none; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; color: #CC5835; } a:hover { text-decoration: none; -webkit-transition: all 0.15s linear 0s; -moz-transition: all 0.15s linear 0s; -o-transition: all 0.15s linear 0s; -ms-transition: all 0.15s linear 0s; transition: all 0.15s linear 0s; } a:focus { outline: medium none; text-decoration: none; } a img { -webkit-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; } iframe { border: none; max-width: 100%; } a[target='_blank']::after { content: '\29C9'; vertical-align: super; font-size: x-small; } /* **styled lists */ ul.list1 { list-style: none; padding-left: 22px; } ul.list1 li { position: relative; padding: 4px 0 4px; } ul.list1 li:before { content: ''; display: block; position: absolute; border: 2px solid; left: -19px; top: 10px; width: 10px; height: 10px; border-radius: 100%; } ul.list2 { list-style: none; padding-left: 20px; } ul.list2 li { position: relative; padding: 4px 0 4px; } ul.list2 li:before { font-family: 'fontello'; content: '\e82c'; font-size: 18px; display: block; position: absolute; left: -18px; } ol.list3 { counter-reset: li; list-style: none outside none; padding: 0; } ol.list3 li { position: relative; padding: 4px 0 4px 34px; } ol.list3 li:after { content: counter(li,decimal-leading-zero) "."; counter-increment: li; position: absolute; left: 2px; top: 50%; margin-top: -12px; font-weight: 700; color: inherit; width: 26px; height: 26px; text-align: center; line-height: 26px; } /* **icons */ a[class^="socialico-"] { font-size: 0px !important; display: inline-block; position: relative; padding-right: 30px; line-height: 30px; vertical-align: top; margin-right: 5px; } a[class^="socialico-"]:before { display: inline-block; text-indent: 0; overflow: hidden; font-family: 'socialicoregular'; font-size: 25px; text-align: center; position: absolute; left: 0; top: 1px; width: 30px; height: 30px; line-height: 30px; margin: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } a[class^="socialico-"]:hover:before { -webkit-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; } h1 > [class*="rt-icon-"], h2 > [class*="rt-icon-"], h3 > [class*="rt-icon-"], h4 > [class*="rt-icon-"], h5 > [class*="rt-icon-"], h6 > [class*="rt-icon-"], p > [class*="rt-icon-"] { font-size: 1.2em; position: relative; top: .1em; line-height: 0; padding-right: 0.1em; } a > [class*="rt-icon-"] { font-size: 1.4em; line-height: 0; position: relative; top: 3px; padding-right: 4px; } /*5 columns for bootstrap*/ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } .mini_padding_container .container { padding-top: 30px !important; padding-bottom: 20px !important; } .no_padding_col [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .no_margin_col [class*="col-"] { margin: 0 !important; } .no_padding_container .container { padding-top: 0 !important; padding-bottom: 0 !important; } .fullwidth .container { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .fullwidth .row { margin: 0 !important; } .fullwidth [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } .fullwidth [class*="col-"] + [class*="col-"] { margin: 0 !important; } /*nav*/ .nav > li > a { color: inherit; } .nav>li>a:hover, .nav>li>a:focus { background-color: inherit; } /*tabs*/ .tab-content { padding: 0; border-radius: 0; background-color: #fff; /*padding: 20px 0;*/ padding: 0 0 20px; border: none; position: relative; } .nav-tabs { border-bottom-color: transparent; } .nav-tabs > li > a { border: none; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: none; } /* **vertical margins and paddings */ section > .container, .sc_parallax_content > .container { padding-top: 70px; padding-bottom: 70px; } .darkgrey_section + .darkgrey_section > .container, .dark_section + .dark_section > .container, .color_section + .color_section > .container, .light_section + .light_section > .container, .grey_section + .grey_section > .container{ padding-top: 5px; } .darkgrey_section + .darkgrey_section[class*="with_"] > .container, .dark_section + .dark_section[class*="with_"] > .container, .color_section + .color_section[class*="with_"] > .container, .light_section + .light_section[class*="with_"] > .container, .grey_section + .grey_section[class*="with_"] > .container{ padding-top: 70px; } .no_margin .row{ margin-right: 0; margin-left: 0; } .row + .row { margin-top: 20px; } section > .container > .row > [class*="col-"], footer > .container > .row > [class*="col-"] { margin-top: 0px; margin-bottom: 0px; } .table_section .row { display: table; width: 100%; } .table_section [class*="col-"] { display: table-cell; vertical-align: middle; float: none; } .action_section > .container { padding-top: 40px; padding-bottom: 40px; } #footer > .container{ padding-top: 50px; padding-bottom: 10px; } /**light section*/ .light_section { background-color: #fff; } .light_section .sc_content { color: #5a6266; } /**grey section*/ .grey_section { background-color: #65656b; color: #fff; } .grey_section + .grey_section { border-top: none; } /**darkgrey section*/ .darkgrey_section { background-color: #303036; color: #fff; } .darkgrey_section .sc_title { color: #fff; } .grey_section .sc_title { color: #fff; } .darkgrey_section + .darkgrey_section { border-top: none; } /**dark section*/ .dark_section { background-color: #19191c; /*#29292c*/ color: #fff; } .dark_section .sc_title { color: #fff; } .red_section .sc_title { color: #fff; } .rustred_section .sc_title { color: #fff; } .green_section .sc_title { color: #fff; } /**indigolight section*/ .indigolight_section { background-color: #3a236d; color: #fff; } .indigolight_section .sc_title { color: #fff; } /**transparent section*/ .transparent_section { background: transparent; color: #fff; } .transparent_section .sc_title, .transparent_section .sc_content{ color: #fff; } /**color section*/ .color_section { background-color: #EAE2DE; } .red_section { background-color: #e3493c; color: #FFF; } .green_section { background-color: #bcd643; color: #303036; } .yellow_section { background-color: #F4E409; } .red_text { color: #e3493c; font-weight:600; } .rustred_section { background-color: #CC5835; color: #FFF; } .purple_section { background-color: #5B507A; color: #FFF; } /*page preloader*/ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 13000; height: 100%; } .preloader_image { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; background: url(../img/preloader.gif) no-repeat 50% 50% transparent; margin: -40px 0 0 -40px; } /* **boxed layout */ body.boxed { position: static; width: auto; height: auto; } .boxed .container { max-width: 100%; padding-left: 50px; padding-right: 50px; } .boxed #box_wrapper.container { padding: 0; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } .animated { /*IE7 fix*/ visibility: visible !important; } /*=== [ Main Menu ] =========================================================================================*/ /* Main menu: style Line*/ #header { top: 0; left: 0; right: 0; position: relative; } #header.affix { position: fixed; z-index: 1000; border-bottom: 1px solid rgba(210, 217, 224, 0.5); } .topWrap .topMenuStyleLine{ float:right; } header.menu_left .topWrap .topMenuStyleLine{ float: none; } .menu_left .logo, .menu_left .navbar-brand { float: none !important; } .menu_left .search:before{ color: rgba(210, 217, 224, 0.5); } .topWrap .topMenuStyleLine > ul{ margin:0; padding:0;} .topWrap .topMenuStyleLine > ul:after{content: ''; height: 0; display: block; clear: both;} .topWrap .topMenuStyleLine > ul > li { display:block; float:left; position: relative; padding: 45px 0 46px;} .topWrap .topMenuStyleLine > ul > li > a { letter-spacing: 1px; display:block; padding:0 21px; height:39px; line-height:39px; text-transform:uppercase; text-decoration:none; color: #FFF; z-index:88; position: relative; font-size: 12px; font-weight: 700; } .topWrap .topMenuStyleLine > ul > li ul { min-width: 200px; display: none; position: absolute; left: 0; /*top: 130px;*/ padding: 18px 30px; margin: 0; z-index: 2999; font-weight: 300; font-size: 12px; } .topWrap .topMenuStyleLine > ul > li ul li a { display: block; padding: 5px 0; line-height: 20px; margin: 0; text-transform: none; color: #FFF; /* #5a6266 */ font-size: 12px; } header #mainmenu { margin-right: 4px; } header.topSearchShow .menuTopWrap, header.topSearchShow .cart, header.topSearchShow .openResponsiveMenu{ display: none !important; } .topWrap .topMenuStyleLine > ul > li.menu-item-has-children > a:after { font-weight: 100; height: 39px; width: 18px; line-height: 40px; text-align: left; font-family: "fontello"; content: '\e843'; position: absolute; top: 3px; right: 10px; font-size: 12px; } .topWrap .topMenuStyleLine > ul > li.menu-item-has-children > a:after { right: -5px !important; top: 0 !important; } /* logo in top */ header .logo { float: left; line-height: 55px; padding: 0 0 0 0; } header .logo.logo_left { text-align: left; } header .logo a { color: #1a1d1f; display: block; font-size: 50px; padding-left: 0; } header .logo .logo_text { display: inline-block; vertical-align: top; line-height: 55px; margin-right: 8px; font-weight: 700; } header .logo img { height: 75px; border: none; margin-top: 5px; } /* cart in top */ .topWrap .cart { float: right; position: relative; margin: 41px 0 42px 10px; width: 47px; } .topWrap .cart .cart_button { /*overflow: hidden;*/ /*border: none;*/ height: 47px; /*padding: 0;*/ width: 47px; } .topWrap .cart .cart_button:before { display: inline-block; height: 47px; line-height: 47px; margin: 0; padding: 0; text-align: center; width: 45px; font-weight: 100; top: 1px; text-indent: 1px; position: relative; } .topWrap .sidebar_cart { list-style: outside none none; margin: 0; padding: 0; width: 310px; position: absolute; z-index: 999; /*top: 131px;*/ top: 90px; right: 0; background-color: rgba(11, 15, 20, 0.9) !important; color: #acb4b6; text-align: left; display: none; } header .cart .cart_button:hover { background-color: rgba(245, 88, 88, 0.7); } .affix .topWrap .topMenuStyleLine > ul > li ul { top: 88px; } .affix .topWrap .sidebar_cart{ top: 70px; } .topWrap.styleFon .cart .cart_button { background-color: #ffffff; } .topWrap.styleFon .cart .cart_button:before { color: #596365; } .topWrap.styleFon .cart .cart_button:hover:before { color: #ffffff; } .topWrap .sidebar_cart li.empty { padding: 20px 30px; } .topWrap .sidebar_cart .widgettitle { display: none; } .topWrap .sidebar_cart.img_no img { display: none; } .topWrap .sidebar_cart.img_yes img { margin: 0 15px 0 0; } .topWrap .sidebar_cart.img_yes ul.cart_list li > a { display: block; } .topWrap .sidebar_cart.img_yes ul.cart_list li .quantity { display: inline; } .topWrap .sidebar_cart ul.cart_list li { padding: 23px 45px 25px 30px; margin: 0; list-style: none; } .topWrap .sidebar_cart ul.cart_list li + li { border-top: 1px solid rgba(210, 217, 224, 0.2); } .topWrap .sidebar_cart ul.cart_list li > a { margin: 0; color: #acb4b6; display: inline-block; } .topWrap .sidebar_cart ul.cart_list li .quantity { display: block; height: auto; } .topWrap .sidebar_cart ul.cart_list li .quantity, .topWrap .sidebar_cart ul.cart_list li .amount { color: #5a6266; font-size: 12px; font-weight: 300; line-height: 14px; } .topWrap .sidebar_cart .widget_shopping_cart_content .cart_list li a.remove { left: auto !important; margin: -10px 0 0; right: 25px !important; } .topWrap .sidebar_cart .widget_shopping_cart_content .total { border-top: 1px solid rgba(210, 217, 224, 0.2); margin: 0; padding: 25px 30px; } .topWrap .sidebar_cart .widget_shopping_cart_content .total span, .topWrap .sidebar_cart .widget_shopping_cart_content .total strong { color: #ffffff; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; } .topWrap .sidebar_cart .widget_shopping_cart_content .total span { float: right; } .topWrap .sidebar_cart .widget_shopping_cart_content .buttons { padding: 25px 30px; border-top: 1px solid rgba(210, 217, 224, 0.2); } .topWrap .sidebar_cart .widget_shopping_cart_content .buttons .button, .topWrap .sidebar_cart .widget_shopping_cart_content .buttons .button.checkout { display: inline-block; width: auto; height: 40px; line-height: 40px; text-transform: none !important; float: left; padding: 0 26px; letter-spacing: 0 !important; font-size: 14px; margin: 0; border: 1px solid rgba(210, 217, 224, 0.5); background: transparent; -moz-box-sizing: border-box; box-sizing: border-box; color: #acb4b6; } .topWrap .sidebar_cart .widget_shopping_cart_content .buttons .button.checkout { float: right; border: none; color: #ffffff; } .topWrap .sidebar_cart .widget_shopping_cart_content .buttons .button.checkout:hover { color: #ffffff; } /* -- Top user menu area -- */ .topWrap .usermenu_area { background-color: #EAE2DE; color:#acb4b6; font-size: 12px; font-weight: 300; } .topWrap .usermenu_area .menuUsItem:after, .topWrap .usermenu_area:after { content: '' ;height: 0; display: block; clear: both; } .topWrap .usermenu_area a { color: #acb4b6; } .topWrap .usermenu_area a:hover { text-decoration: none;} .topWrap .usermenu_area .menuItemRight { float: right;} .topWrap .usermenu_area .menuItemLeft { float: left; height: 50px; line-height: 50px;} .topWrap .usermenu_area .menuItemLeft > span { position: relative; line-height: 20px; display: inline-block; padding: 0 0 0 22px; } .topWrap .usermenu_area .menuItemLeft > span:before { text-align: center; width:20px; height:20px; line-height: 20px; position:absolute; left:0; top:0; font-size:14px; } .topWrap .usermenu_area .menuItemLeft > span.contact_info_email { margin-left: 40px; } .topWrap .usermenu_area ul.usermenu_list { padding: 0; margin: 0; } .topWrap .usermenu_area ul.usermenu_list:after{content: ''; height: 0; display: block; clear: both;} .topWrap .usermenu_area ul.usermenu_list > li { list-style: none; position: relative; height: 50px; line-height: 50px; float: left; } .topWrap .usermenu_area ul.usermenu_list > li a:before, .topWrap .usermenu_area ul.usermenu_list > li > a { height: 50px; line-height: 50px; display: block;} .topWrap .usermenu_area ul.usermenu_list > li.sfHover > a { text-decoration: none; } .topWrap .usermenu_area ul.usermenu_list > li + li { margin: 0 0 0 40px;} .topWrap .usermenu_area ul.usermenu_list li ul { display: none; background: #fff; border: 1px solid #ddd; margin: 0; padding: 10px; position: absolute; right: 0; top: 50px; width: 110px; z-index: 1020;} .topWrap .usermenu_area ul.usermenu_list 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(45deg); } .topWrap .usermenu_area ul.usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul { right: auto; left:0;} .topWrap .usermenu_area ul.usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul:before{ left: 7px; right: auto; } .topWrap .usermenu_area ul.usermenu_list li a:before { font-size: 15px; bottom: -1px; position: relative; } .topWrap .usermenu_area ul.usermenu_list li a[class*="socialico-"]:before { font-family: 'socialicoregular'; font-size: 22px; } .topWrap .usermenu_area ul.usermenu_list li ul li { position:relative; } .topWrap .usermenu_area ul.usermenu_list li ul li ul { right: auto; top: 0; left: 128px !important;} .topWrap .usermenu_area ul.usermenu_list li ul li ul:before{ top: 7px !important; left: -4px !important; border-color: #fff #fff #ddd #ddd; } .topWrap .usermenu_area ul.usermenu_list li ul li { list-style: none; padding: 0; color: #888;} .topWrap .usermenu_area ul.usermenu_list li ul li a { color: #888; display: block; padding: 0 5px 0 10px; height: auto; line-height: 25px; min-height: 25px; position:relative;} .topWrap .usermenu_area ul.usermenu_list li ul li a.icon:before, .topWrap .usermenu_area ul.usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_sound):not(.usermenu_login) ul li > a:before { display: block; padding: 0; text-decoration:none; position:absolute; left: 0px; line-height:25px; height:25px; width:auto; padding:0; margin:0; } .topWrap .usermenu_area ul.usermenu_list > li:not(.usermenu_cart):not(.usermenu_language):not(.usermenu_controlPanel):not(.usermenu_login) ul li > a:before { left: 5px !important; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_currency > a { padding: 0 15px; text-decoration: none;} .topWrap .usermenu_area ul.usermenu_list li.usermenu_currency.sfHover > a, .topWrap .usermenu_area ul.usermenu_list li.usermenu_currency > a:hover { position: relative; z-index: 1050;} .topWrap .usermenu_area ul.usermenu_list li.usermenu_currency ul { width: 80px;} .topWrap .usermenu_area ul.usermenu_list li.usermenu_currency ul li a b { display: inline-block; padding: 0 7px 0 0;} .topWrap .usermenu_area ul.usermenu_list li.usermenu_language > a:after, .topWrap .usermenu_area ul.usermenu_list li.usermenu_controlPanel > a:before, .topWrap .usermenu_area ul.usermenu_list li.usermenu_login > a:before { display: inline-block; height: 50px; width: 15px; text-align: center; line-height: 50px; padding: 0 5px 0 0;} .topWrap .usermenu_area ul.usermenu_list li.usermenu_socials > a { display: inline-block; padding: 0; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_socials > a + a { margin: 0 0 0 20px; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_language ul li a img { height: 10px; vertical-align: middle; display: inline-block; margin: 0 10px 0 0; } .topWrap .usermenu_area ul.usermenu_list li.usermenu_language > a:after { content: '\e805'; font-size: 14px; position: relative; top: 1px;} .topWrap .usermenu_area ul.usermenu_list li.usermenu_controlPanel > a:before { content: '\e86f'; } /* search in top */ header .search:before, header .search .searchForm .searchSubmit .icoSearch:before { position: absolute; font-family: 'rt-icons'; font-size: 12px; width: 45px; height: 45px; z-index: 4; display: block; font-weight: 600; text-align: center; line-height: 47px; } header .search:before { right: 0; top: 0; content: '\e71e'; } header .search .searchForm .searchSubmit .icoSearch:before { content: '\e71e'; } header .fa-shopping-cart:before { color: #fff; } header .search.searchOpen:before { content: '\e602'; color: rgba(210, 217, 224, 0.9) !important; } header .icon-shopping:before { content: "\e657"; font-weight: 100; color: #fff; } header li > a + ul { background-color: #EAE2DE; } header .columns_clear { clear: both; } header .topWrap .topMenuStyleLine > ul > li .menu-panel.columns { padding: 0 !important; } header .menu_shop .menu-panel.thumb_title { padding: 0px 10px; } .menu_left .menu_shop ul.menu-panel { left: -100px !important; } header .topWrap .search.searchOpen { width: 65%; } .topWrap .search { float:right; margin: 41px 0 42px 20px; width: 47px; height:47px; padding:0; border:1px solid rgba(210, 217, 224, 0.5); 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; } .search:not(.searchOpen), .search:hover::before { -webkit-transition: border-color 0.3s ease-out, opacity 0.3s ease-out, width 0.3s ease-out; -moz-transition: border-color 0.3s ease-out, opacity 0.3s ease-out, width 0.3s ease-out; -ms-transition: border-color 0.3s ease-out, opacity 0.3s ease-out, width 0.3s ease-out; -o-transition: border-color 0.3s ease-out, opacity 0.3s ease-out, width 0.3s ease-out; transition: border-color 0.3s ease-out, opacity 0.3s ease-out, width 0.3s ease-out; } .search .searchForm .searchField { height:45px; width: 100%; line-height: 20px; letter-spacing: 1px; background:none; border:none; margin:0; position:absolute; left:0; top:0; font-weight: 400; padding: 0 0 0 45px; color: #acb4b6; font-size: 14px; } .search .searchForm .searchField:focus { color:#1a1d1f; outline: none; } .responsive_menu .topWrap .search { margin-left: 10px; } .responsive_menu .left_menu_page .logo, .responsive_menu .left_menu_page .navbar-brand { float: left !important; } .top_panel_below .topWrap.styleShadedGray .search { border-color: rgba(210, 217, 224, 0.9); } .top_panel_below .topWrap.styleShadedGray .search:before { color: rgba(210, 217, 224, 1); } .topWrap.styleFon .search { border-color: rgba(210, 217, 224, 0.5); } .topWrap.styleFon .search:before { color: rgba(210, 217, 224, 0.5); } .topWrap .search:hover{ cursor:pointer; } .topWrap header.menu_center .topWrap .search.searchOpen { width: 100%;} .topWrap .search.searchOpen .searchForm { display: block; } .menu_center .topWrap .search.SearchHide { opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .menu_center .topWrap .search { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .topWrap .search .searchForm{ display:none; overflow:hidden; position:relative; } .topWrap .search .searchForm .search-form { height:45px; overflow:hidden; position:relative; z-index:1; line-height: 48px; padding: 0; text-align: left; margin:0; } .topWrap .search .searchForm .searchSubmit { width:45px; height:45px; border:none; background: none; padding:0; cursor:pointer; position:absolute; left:0; top:0; line-height: 45px; margin: 0; right: 0; vertical-align: middle; } .topWrap .search .searchForm .searchSubmit .icoSearch{ display:block; width:45px; height:45px; line-height: 45px; color:#acb4b6; text-align:center; position:relative;} .topWrap.styleFon .search .searchForm .icoSearch:before { color: rgba(210, 217, 224, 0.5); } .topWrap.styleFon .search .searchForm .searchField:focus { color: rgba(210, 217, 224, 0.9); } /*.topWrap .search .ajaxSearchResults{ display:none; text-align: left; background:#fff; border:1px solid #ddd; width:100%; position:absolute; right:0; top:55px; z-index:10000; } .topWrap .search .ajaxSearchResults:after{ content:""; width:10px; height:10px; background:#FFF; border-left:1px solid #ddd; border-top:1px solid #ddd; position:absolute; top:-5px; left:50px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .topWrap .search .ajaxSearchResults > .post_item { display:block; padding:15px 15px; position:relative; z-index:3; overflow:hidden; } .topWrap .search .ajaxSearchResults > .post_item + .post_item { border-top:1px solid #ddd; } .topWrap .search .ajaxSearchResults > .post_item .post_thumb { float:left; width: 90px; height: 70px; margin:0 10px 5px 0; } .topWrap .search .ajaxSearchResults > .post_item .post_thumb img { width:100%;} .topWrap .search .ajaxSearchResults > .post_item .post_title { display:block; position:relative; padding:0 0 6px 0; font-size:14px; line-height:17px; font-weight:300;} .topWrap .search .ajaxSearchResults > .post_item .post_info .post_comments, .topWrap .search .ajaxSearchResults > .post_item .post_info .post_author, .topWrap .search .ajaxSearchResults > .post_item .post_info .post_date { font-size:11px; line-height:16px; font-style:italic; display:block; float:left; padding:0 10px 0 0 ;} .topWrap .search .ajaxSearchResults > .post_item .post_info .post_comments { padding-right:0; } .topWrap .search .ajaxSearchResults > .post_item .post_info .post_date a { color:#222222;} .topWrap .search .ajaxSearchResults > .post_item .post_info .post_comments a { display:block;} .topWrap .search .ajaxSearchResults > .post_item .post_comments_icon { display:inline-block;} .topWrap .search .ajaxSearchResults > .post_item .post_info .post_comments_icon:before { width:12px; font-size:12px; height:12px; line-height:14px; display:block; float:left; font-family: "fontello"; content:'\e830'; font-style:normal; margin: 0 5px 0 0 ;} .topWrap .search .ajaxSearchResults > .post_item .post_more { display:block; text-align:center; } .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_title{ padding-left:20px; position:relative;} .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_title:before{ font-family: "fontello"; content: '\e826'; width:20px; height:20px; position:absolute; left:0; top:0; font-size:10px;} .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_info { padding-left:20px; } .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_info .post_comments, .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_info .post_author, .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_info .post_date{ font-size:12px; } .topWrap .search .ajaxSearchResults > .post_item.no_thumb .post_info .post_comments a.ico:before{ font-size:14px; margin: 0 10px 0 0 ;} */ /*topusermenu_area sidemenu_area*/ .sidemenu_wrap .usermenu_area { border-bottom: 1px solid rgba(142,144,146,0.2); color: #5a6266; font-size: 12px; font-weight: 300; background-color: #1f262f;} .sidemenu_wrap .usermenu_area:after { content: '' ;height: 0; display: block; clear: both; } .sidemenu_wrap .usermenu_area a { color: rgba(255,255,255,0.7); } .sidemenu_wrap .usermenu_area a:hover { color: #fff; } .sidemenu_wrap .usermenu_area ul.usermenu_list { padding: 0; margin: 0; } .sidemenu_wrap .usermenu_area ul.usermenu_list .usermenu_controlPanel > a { } .sidemenu_wrap .usermenu_area ul.usermenu_list:after {content: ''; height: 0; display: block; clear: both;} .sidemenu_wrap .usermenu_area ul.usermenu_list > li { list-style: none; position: relative; height: 35px; line-height: 35px; float: left; } .sidemenu_wrap .usermenu_area ul.usermenu_list > li a:before, .sidemenu_wrap .usermenu_area ul.usermenu_list > li a:after { text-decoration:none; position: relative; } .sidemenu_wrap .usermenu_area ul.usermenu_list > li > a { height: 35px; line-height: 35px; display: block; color:#5a6266; font-size: 13px;} .sidemenu_wrap .usermenu_area ul.usermenu_list > li.sfHover > a, .sidemenu_wrap .usermenu_area ul.usermenu_list > li.usermenu_login > a:hover { color: #fff; } .sidemenu_wrap .usermenu_area ul.usermenu_list li ul { display: none; background: #fff; border: 1px solid #ddd; margin: 0; padding: 10px; position: absolute; left: -7px; top: 35px; width: 120px; z-index: 1020;} .sidemenu_wrap .usermenu_area ul.usermenu_list 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(45deg); } .sidemenu_wrap .usermenu_area ul.usermenu_list li ul li { list-style: none; padding: 0; color: #888;} .sidemenu_wrap .usermenu_area ul.usermenu_list li ul li a { color: #888; display: block; padding: 0 5px; height: auto; line-height: 25px; min-height: 25px;} .sidemenu_wrap .usermenu_area ul.usermenu_list li ul li a.icon:before { display: inline-block; padding: 0 10px 0 0; } .sidemenu_wrap .usermenu_area ul.usermenu_list > li { margin: 0 0 0 30px;} .sidemenu_wrap .usermenu_area ul.usermenu_list > li + li { margin: 0 0 0 10px;} .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_controlPanel > a:before, .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_login > a:before { display: inline-block; height: 35px; width: 15px; text-align: center; line-height: 35px; padding: 0 5px 0 0;} .sidemenu_wrap .usermenu_area ul.usermenu_list li.usermenu_controlPanel > a:before { content: '\e86f'; } .sidemenu_wrap .sidemenu_area{border-top: 1px solid rgba(142,144,146,0.2);} .sidemenu_wrap .sidemenu_area > ul > li{ border-bottom: 1px solid rgba(142,144,146,0.2);} .sidemenu_wrap .sidemenu_area > ul { margin: 0; padding: 0; } .sidemenu_wrap .sidemenu_area ul li{ list-style: none; } .sidemenu_wrap .sidemenu_area li.dropMenu:hover { cursor: pointer; } .sidemenu_wrap .sidemenu_area li.dropMenu:before{ content: '\e841'; font-family: "fontello"; width: 30px; display: block; float: right; padding: 12px 0 0 0 ; text-align: left; color: #acb4b6;} .sidemenu_wrap .sidemenu_area li li.dropMenu:before{ padding: 7px 0 0 0 ; } .sidemenu_wrap .sidemenu_area li.dropMenu.dropOpen:before{ content: '\e843';} .sidemenu_wrap .sidemenu_area li.dropMenu a{ margin: 0 30px 0 0 ; } .sidemenu_wrap .sidemenu_area > ul > li > a { text-transform: uppercase; display: block; color: #fff; padding: 12px 15px 12px 30px; font-weight: 300; font-size: 14px; } .sidemenu_wrap .sidemenu_area ul li > a.sf-with-ul{ margin: 0 30px 0 0 0 ;} .sidemenu_wrap .sidemenu_area ul li ul{ padding: 0; margin: 0 0 10px; display: none; } .sidemenu_wrap .sidemenu_area ul li ul, .sidemenu_wrap .sidemenu_area ul li ul li + li{ } .sidemenu_wrap .sidemenu_area ul li ul li a{ color: #acb4b6; font-weight: 300; display: block; padding: 6px 15px 6px 42px; font-size: 14px;} .sidemenu_wrap .sidemenu_area ul li ul li ul li a{ padding: 6px 15px 6px 54px; font-size: 14px;} .sidemenu_overflow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 1000; display: none; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .cart_overflow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: transparent; z-index: 99; display: none; } .sidemenu_wrap .sidemenu_button { width: 50px; position: absolute; z-index: 200; top: 0; left: 0; height: 100%; cursor: pointer; } .sidemenu_wrap .sidemenu_button:before { width: 50px; position: absolute; z-index: 200; top: 50%; left: 0; height: 100%; cursor: pointer; font-size:22px; color: #ffffff; display:block; text-align: center; margin: -10px 0 0 0; } .sidemenu_wrap .sidemenu_close { width: 30px; height: 30px; line-height:30px; font-size:20px; text-align:center; position: absolute; top: 35px; right: 0; cursor: pointer; color: #ffffff; } .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;} .openMenuFix .menuTranform:before { content: ''; height: 100%; position: absolute; width: 238px; } /* sidemenu Search */ .menuSearch { margin:50px 30px 50px 29px; } .menuSearch .search-form { background: transparent; border: 1px solid #797e84; color: #5a6266; font-weight: 100; height: 48px; line-height: 48px; padding: 0; position: relative; text-align: left; width: 100%; margin:0; } .menuSearch .searchField { outline: none; height:48px; line-height: 20px; width: 100%; background:none; border:none; margin: 0 ; padding: 0 40px 0 20px; color:#acb4b6; position:absolute; left:0; top:0; font-weight: 300; } .menuSearch .searchSubmit { border:none; background: none; padding:0; cursor:pointer; height: 48px; line-height: 48px; margin: 0; position: absolute; right: 0; vertical-align: middle; width: 40px; } .menuSearch .searchSubmit:before { font-family: "FontAwesome"; content: '\f002'; font-size:16px; color: #575f63; width:40px; height:48px; display:block; position:absolute; z-index:4; right: 0; top: 0; float: none; line-height: 48px; padding: 0; } /* -- User header area -- */ .top_page_below_menu .userHeaderSection.global { margin-bottom: -131px; overflow: hidden; padding-top: 131px; position: relative; top: -131px; width: 100%; z-index: -1; } .top_page_below_menu .userHeaderSection.global, .userFooterSection.global { background-position: center top; } .userHeaderSection, .userFooterSection { /*overflow:hidden;*/ } .userHeaderSection.grey { background: #EAE2DE; } .userHeaderSection.grey *, .userFooterSection.grey * { } /* Magnific popup */ .mfp-wrap { margin-top: 30px; } .mfp-bottom-bar { margin-top:-70px !important; background-color:rgba(0,0,0,0.5); padding:6px 0; min-height:18px; } .mfp-bottom-bar .mfp-title, .mfp-bottom-bar .mfp-counter { color: #ffffff; } .mfp-bottom-bar .mfp-title { padding:0 40px 0 12px; } .mfp-bottom-bar .mfp-counter { top: 6px; right: 12px; } /* Mediaelements player */ .me-cannotplay { overflow:hidden; } /* fly menu */ .affix-top .topWrap:after { border-bottom: 1px solid rgba(142, 144, 146, 0.3); width: 100%; content: ""; display: block; position: relative; left: 0; bottom: 0; clear: both; } .design_agency .affix-top .topWrap:after { display: none;} .affix .navbar-brand { height: auto; } .affix .logo { float: left; line-height: 55px; padding: 0 !important; } .affix .logo .logo_text { line-height: 45px; font-size: 40px; } .affix .logo img { height: 45px !important; } .affix .topWrap .search, .affix .topWrap .cart { margin-top: 18px; margin-bottom: 15px; } .affix .topWrap .topMenuStyleLine > ul > li { padding: 24px 0; } /* header style */ .header_style_1 #header { position: absolute; z-index: 125; background: transparent; } .header_style_1 #header .logo a, .header_style_1 #header .fa-shopping-cart:hover::before { color: #fff; } .header_style_1 #header .topWrap .cart a.cart_button { background-color: #fff; } .header_style_1 #header .fa-shopping-cart:before { color: #000; } .header_style_1 #header.affix { position: fixed; background-color: rgba(0, 0, 0, 0.6); } .header_style_3 .affix .topWrap .topMenuStyleLine > ul > li ul { top: 78px; } .header_wrapper_height_auto #header_wrapper { height: auto !important; } .responsive_menu .header_style_2 #header_wrapper, .responsive_menu .header_style_3 #header_wrapper { height: auto !important; } .responsive_menu .affix { position: absolute !important; top: 0; left: 0; width: 100%; } /*=== [ Responsive Menu ] =========================================================================================*/ .openResponsiveMenu { display: none; height: 45px; line-height: 45px; border: 1px solid rgba(210, 217, 224, 0.5); text-transform: uppercase; color: rgba(210, 217, 224, 0.9); text-align: center; float: right; width: auto; clear: none; margin: 41px 0 42px 20px; padding: 0 18px 0 40px; position: relative; } .openResponsiveMenu:focus{ color: rgba(210, 217, 224, 0.9); } .responsive_menu .affix .openResponsiveMenu { margin-top: 20px; } .styleFon .openResponsiveMenu { border-color: rgba(210, 217, 224, 0.5); color: rgba(210, 217, 224, 0.5); } .styleFon .openResponsiveMenu:before { color: rgba(210, 217, 224, 0.5); } .responsive_menu .openResponsiveMenu { display: block;} .responsive_menu ul#mainmenu li.menu-item-has-children a { margin-right: 0 !important; } .responsive_menu .menuTopWrap, .responsive_menu header.menu_center .topWrap .wrap_menu .menuTopWrap { display: none;} /*margin*/ .responsive_menu .menuTopWrap { background-color: rgba(0, 0, 0, 0.7); clear: both; float: none !important; padding: 0; margin: 0 0 40px;} .responsive_menu .topWrap.styleFon .menuTopWrap { margin-bottom: 0; } .responsive_menu .topWrap.styleShadedGray .menuTopWrap { margin-bottom: 0; padding-bottom: 40px; } .responsive_menu .menuTopWrap > ul > li { display: block !important; float: none !important; padding: 0 !important;} .responsive_menu .menuTopWrap > ul > li + li { border-top: 1px solid #fff; } .responsive_menu .menuTopWrap > ul { margin: 0; padding: 0; } .responsive_menu .menuTopWrap ul li{ list-style: none; } .responsive_menu .menuTopWrap li.menu-item-has-children:hover { cursor: pointer; } .responsive_menu .menuTopWrap li.menu-item-has-children.dropOpen:before{ content: '\e85e';} .responsive_menu .topWrap .menuTopWrap > ul > li > a { text-transform: uppercase; display: block; font-size: 13px; height: 50px; line-height: 50px; font-weight: 700; letter-spacing: 1px; padding: 0 40px 0 30px; } .responsive_menu .menuTopWrap > ul > li.menu-item-has-children > a:after { height: 50px; line-height: 50px; width: 30px; } .responsive_menu .topWrap .menuTopWrap > ul > li ul li a { font-size:12px; } .responsive_menu .topWrap .menuTopWrap ul li > a.sf-with-ul{ margin: 0 40px 0 0;} .responsive_menu .topWrap .menuTopWrap ul li ul{ background: rgba( 0,0,0,0.04) !important; border: none !important; padding: 0 !important; width: 100% !important; margin: 0; display: none; position: static !important;} .responsive_menu .topWrap .menuTopWrap ul li ul li.menu-item-has-children > a:after { height: 100%; line-height: 40px; text-align: left; width: 50px; } .responsive_menu .topWrap .menuTopWrap ul li ul li a{ padding: 10px 60px 10px 50px !important; } .responsive_menu .topWrap .menuTopWrap ul li ul li ul li a{ padding: 10px 60px 10px 70px !important; } .responsive_menu .topWrap .menuTopWrap ul li ul li { position: relative; } .responsive_menu .topWrap .menuTopWrap ul#mainmenu .menu-panel ul { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; padding: 0 !important; } .responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel > li > ul > li > a { padding-left: 30px !important; padding-right: 30px !important; } .responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li ul li a { padding-left: 30px !important; padding-right: 30px !important; } .responsive_menu ul#mainmenu .menu-panel ul.columns > li { border:none; margin: 10px 0 10px 0; padding: 0; width: auto; height: auto !important;} .responsive_menu ul#mainmenu .menu-panel ul.thumb_title > li ul li a { padding-left:20px !important; padding-right: 30px !important; } .responsive_menu ul#mainmenu .menu-panel ul.thumb_title > li > ul { float:none; margin-top:0;} .responsive_menu ul#mainmenu .menu-panel ul.thumb_title > li .item_placeholder { margin-left: 20px; margin-top:10px; float:none; } .responsive_menu .topMenuStyleLine ul#mainmenu .menu-panel ul.thumb_title > li { width: auto; max-width:350px !important; border: none; padding: 0; margin: 10px 20px 15px 0; } .responsive_menu .menuTopWrap ul#mainmenu > li > ul.menu-panel.thumb li { border:none !important; max-width:380px; } .responsive_menu .menuTopWrap ul#mainmenu > li > ul.menu-panel.thumb > li > a { padding: 0 !important; border: none !important; } .responsive_menu .menuTopWrap ul#mainmenu > li > ul.menu-panel.thumb > li > ul li a { padding: 0 !important; border:none !important;} .responsive_menu .menu_item_description { display:none !important; } /* if menu center */ .responsive_menu header.menu_center .topWrap .wrap_menu .search, .responsive_menu header.menu_center .topWrap .wrap_menu .cart { float: right; display: block; } /* top_page_below_menu */ .responsive_menu.top_page_below_menu .wrap_menu { position: relative; } .responsive_menu.top_page_below_menu .menuTopWrap { position: absolute; top: 131px; z-index: 99; width: 100%; } /* Be sure that your main menu has id "#mainmenu" */ ul#mainmenu [class^="icon-"]:before, ul#mainmenu [class*=" icon-"]:before { margin-left:0; margin-right:0.5em; } ul#mainmenu ul.menu-panel { min-width: 280px; } ul#mainmenu ul.menu-panel > li { margin:0; } ul#mainmenu ul.menu-panel > li > ul li.menu-item-has-children:before { display:none; } header.fixedTopMenu .topWrap .menuTopWrap.topMenuStyleLine > ul#mainmenu > li > .menu-panel { top: 86px; } ul#mainmenu .menu-panel ul { position: static !important; display: block !important; opacity: 1 !important; margin:0; padding:0; border: none; width:auto; min-width: 10px; } ul#mainmenu .menu-panel > li > ul { padding: 0 0 6px; } ul#mainmenu .menu-panel > li > ul > li > a { display: block; text-transform:uppercase; margin:0; font-weight:400; background:none !important; } /* Placeholder */ ul#mainmenu .menu-panel .item_placeholder .thumb_wrap { margin-bottom: 20px; } ul#mainmenu .menu-panel .item_placeholder .thumb_wrap img { vertical-align: top; } ul#mainmenu .menu-panel .item_placeholder .item_title { text-transform: none; margin: 0 0 6px 0; padding:0; } ul#mainmenu .menu-panel .item_placeholder .item_title a { text-decoration: none; } ul#mainmenu .menu-panel .item_placeholder .item_info { text-transform: none; font-style: italic; overflow: hidden; } ul#mainmenu .menu-panel .item_placeholder .item_info > * { float: left; font-size:12px; } .topMenuStyleLine ul#mainmenu .menu-panel .item_placeholder .item_title, .topMenuStyleLine ul#mainmenu .menu-panel .item_placeholder .item_info > * > span, .topMenuStyleLine ul#mainmenu .menu-panel .item_placeholder .item_info > * > em { } ul#mainmenu .menu-panel .item_placeholder .item_info .item_pubdate { position: relative; margin-right: 8px; } /* Style "Colummns" */ ul#mainmenu .menu-panel ul.columns { overflow: hidden; border:none !important; box-shadow: none !important; } ul#mainmenu .menu-panel ul.columns { padding:0; } ul#mainmenu .menu-panel ul.columns li { background: none; } ul#mainmenu .menu-panel ul.columns > li { float: left; margin: 0; padding: 25px 0; max-height: 200px; } ul#mainmenu .menu-panel ul.columns > li + li { border-left: 1px solid rgba(142, 144, 146, 0.2); } .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li + li { border-color: rgba(142, 144, 146, 0.2); } ul#mainmenu .menu-panel ul.columns > li > a { padding:0 20px 12px; } .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li > a { font-weight: 700; letter-spacing: 1px; } .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li > a:hover { cursor:default; } .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li > a:hover .menu_item_description { color: rgba(255,255,255,0.7) !important; } ul#mainmenu .menu-panel ul.columns > li ul li { margin:0 1px; } ul#mainmenu .menu-panel ul.columns > li ul li a { display:block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; margin:0; } .topMenuStyleLine ul#mainmenu .menu-panel ul.columns > li ul li a { padding: 5px 20px; } ul#mainmenu .menu-panel ul.columns > li a .menu_icon { margin-right: 10px; width:12px; display: inline-block; text-align:center; opacity: 0.8; } .menu_icon_padding { padding-left:22px; /* Sum prev margin and width */ } .topMenuStyleLine ul#mainmenu > li ul li a .menu_icon { color: #888888; } .topMenuStyleLine ul#mainmenu > li ul li a:hover .menu_icon { color:inherit; } ul#mainmenu .menu-panel ul.columns > li a .menu_icon:before { width: auto; margin: 0; } /* Style "Thumb Title" */ ul#mainmenu .menu-panel > li > ul.thumb_title { margin: 0; overflow: hidden; width: auto; border:none; padding:0; } ul#mainmenu .menu-panel ul.thumb_title > li { float: left; overflow: hidden; padding: 25px 0; margin:0; min-width: 435px; width: auto; } ul#mainmenu .menu-panel ul.thumb_title > li + li { border-left: 1px solid rgba(142, 144, 146, 0.2); margin-left: -1px; } ul#mainmenu .menu-panel ul.thumb_title > li:nth-child(2n+3) { clear:both; } ul#mainmenu .menu-panel ul.thumb_title > li:hover a { color: #5a6266; } ul#mainmenu .menu-panel ul.thumb_title > li > a { font-weight: 700; letter-spacing: 1px; padding: 0 20px 12px; } ul#mainmenu .menu-panel ul.thumb_title > li > a:after{ display: none; } ul#mainmenu .menu-panel ul.thumb_title > li + li > a { padding-left:30px; } ul#mainmenu .menu-panel ul.thumb_title > li > ul { float: right; width: 215px; border:none; margin-top:-10px; } ul#mainmenu .menu-panel ul.thumb_title > li + li > ul { width: 205px; } ul#mainmenu .menu-panel ul.thumb_title > li > ul li { margin: 0; } ul#mainmenu .menu-panel ul.thumb_title > li ul li a { padding: 5px 20px; } ul#mainmenu .menu-panel.thumb_title > li > ul > li > ul li a { padding: 5px 15px; } ul#mainmenu .menu-panel.thumb_title > li > ul > li > ul li a:before { display: block; float: left; font-family: "fontello"; height: 30px; text-align: center; width: 16px; content: '\e841'; font-size: 10px; } ul#mainmenu .menu-panel.thumb_title > li > ul > li .item_placeholder { float: left; width: 200px; margin-right:0; } ul#mainmenu .menu-panel ul.thumb_title > li .item_placeholder { margin-left: 20px; } ul#mainmenu .menu-panel ul.thumb_title > li + li .item_placeholder { margin-left: 30px; } ul#mainmenu .menu-panel.thumb_title .item_placeholder .item_info .item_comments { float: right; margin-right: 1px; } ul#mainmenu .menu-panel.thumb_title .item_placeholder .item_info .item_comments span { vertical-align: middle; } ul#mainmenu .menu-panel.thumb_title .item_placeholder .thumb_wrap { margin-bottom: 5px; } /* Style "Thumbs" */ ul#mainmenu .menu-panel.thumb { padding: 15px 15px 20px; width: 380px; } ul#mainmenu .menu-panel.thumb ul { overflow: hidden; padding:0; margin:0; border:none; } ul#mainmenu .menu-panel ul.thumb > li { float: left; width: 75px; margin: 0 1px 1px 0; } ul#mainmenu .menu-panel ul.thumb > li a { padding: 0; height: 75px; background: #dddddd; } ul#mainmenu .menu-panel.thumb .item_placeholder .item_info .item_pubdate:after { border-right: 1px solid #888888; margin-left: 10px; height: 11px; display: inline-block; vertical-align: middle; content: ""; } ul#mainmenu .menu-panel.thumb .item_placeholder .item_info .item_pubdate:after { border-color: #888888; } ul#mainmenu .menu-panel.thumb .item_placeholder .item_title a { font-size:17px; line-height:24px; padding:0; margin:0; } ul#mainmenu .menu-panel.thumb .item_placeholder .item_title a { padding: 0 !important; border: none !important; } ul#mainmenu .menu-panel.thumb .item_placeholder .item_title a:hover { background: none !important; } /* Menu items description */ .menu_item_description { display: block !important; line-height:12px !important; font-size:10px; font-weight:300; text-transform:none; margin-top: 4px; } a:hover .menu_item_description { color: inherit; } .menuTopWrap ul#mainmenu > li > a > .menu_item_description { margin-top: -6px; } .menuTopWrap ul#mainmenu > li:hover > a > .menu_item_description { margin-top:10px; } .fixedTopMenu .menuTopWrap ul#mainmenu > li:hover > a > .menu_item_description { opacity: 0; } .openResponsiveMenu:before { color: rgba(210, 217, 224, 0.9); font-family: "FontAwesome"; font-size: 15px; content: '\f0c9'; position: absolute; left: 18px; top: 1px; } .roundButton.border > a, .squareButton.border > a, .squareButton.border > button, .roundButton.border:hover > a, .squareButton.border > a:hover, .squareButton.border > a:active,.squareButton.border > button:hover, .squareButton.border > button:active, .roundButton.border_1 > a, .squareButton.border_1 > a, .squareButton.border_1 > button, .roundButton.border_1:hover > a, .squareButton.border_1 > a:hover, .squareButton.border_1 > a:active, .squareButton.border_1 > button:hover, .squareButton.border_1 > button:active { background: none; } .squareButton.border > a, .squareButton.border_1 > a, .squareButton.border > a:active, .squareButton.border_1 > a:active, .squareButton.border > button, .squareButton.border_1 > button, .squareButton.border > button:active, .squareButton.border_1 > button:active { border: 1px solid rgba(210, 217, 224, 0.5); -moz-box-sizing: border-box; box-sizing: border-box; } .topWrap .topMenuStyleLine > ul > li:not(.custom_view_item) ul li.menu-item-has-children > a:after { font-family: "fontello"; content: '\e841'; position: absolute; top: 5px; right: 0; } .noFixMenu { z-index: 2; } /*=Tabs==================================================================================================================================================*/ /*.sc_tabs { margin:0 0 50px 0;}*/ .sc_tabs.padding { padding:30px 40px; background: #fff;} .sc_tabs ul.sc_tabs_titles { margin: 0; padding:0;} .sc_tabs_style_1 ul.sc_tabs_titles { margin: 0; } .sc_tabs ul.sc_tabs_titles:after{ display:block; content:''; height:0; clear:both;} .sc_tabs ul.sc_tabs_titles li { display:block; float:left; } .sc_tabs ul.sc_tabs_titles li a { color: #acb4b6; display: block; position: relative; padding: 0; margin: 0; font-size: 14px;} .sc_tabs .sc_tabs_content{ position:relative; z-index:2; display: none; } .sc_tabs .sc_tabs_content:after{ content: ''; display: block; height:0; clear:both; } .sc_tabs ul.sc_tabs_titles li { letter-spacing: 1px; display:block; padding:8px 30px 8px 0; position:relative; z-index:1; text-transform: uppercase; line-height:19px; font-weight: 700;} .sc_tabs_style_1 ul.sc_tabs_titles li + li { padding:8px 27px; } .sc_tabs ul.sc_tabs_titles li.active a{ color:#222222; z-index:3;} .sc_tabs_style_1 .sc_tabs_content{ padding: 25px 0 0 0; } .sc_tabs_style_2 .sc_tabs_titles { float: left; width: 18%; } .sc_tabs_style_2 .sc_tabs_wrap { overflow: hidden; padding-right: 7px; } .sc_tabs_style_2 ul.sc_tabs_titles li { margin: 0 0 20px 0; padding:5px 0 8px 0; clear: both; display: inline-block; float: left; width: auto;} .sc_tabs_style_2 ul.sc_tabs_titles li + li { padding:8px 0 8px 0;} .sc_tabs_style_2 .sc_tabs_content{ padding: 0 0 25px; } .sc_tabs_style_2 .tab-content { padding: 0 0 0 135px; } .sc_tabs .scroll { height:230px; overflow: hidden; } .sc_tabs .items:after {content:""; display:block; clear:both; height:0; } .sc_tabs .items h4 { padding:0 0 20px 0;} .sc_tabs .items p { padding: 0 0 20px 0; line-height:18px;} .sc_tabs .items + .items { padding:20px 0 0 0 ;} .sc_tabs .items .thumb { width:160px; } .sc_tabs .items .thumb img { width:100%;} .sc_tabs ul.sc_tabs_titles li.active a, .sc_tabs ul.sc_tabs_titles li a:hover { color: #303036; } .sc_tabs ul.sc_tabs_titles li a:after { background-color: #000; content: ""; display: block; height: 2px; left: 50%; position: relative; top: 5px; width: 0; } .sc_tabs ul.sc_tabs_titles li a:hover:after, .sc_tabs ul.sc_tabs_titles li.active a:after { width: 100%; left: 0; } .tab-content .tab-pane .entry-content p { margin-bottom:0; color: #5a6266; font-size: 14px; line-height: 25px;} .tab-content .tab-pane .entry-content .sc_list { margin-top: 30px;} /* - View more button - */ #viewmore.squareButton { display: block; height: 50px; margin: 0 auto; overflow: hidden; padding: 0 0 60px; text-align: center; width: 100%; } #viewmore.pagination_infinite { visibility:hidden; padding:0; height:0; position:relative; } #viewmore_link { display: block; font-size: 14px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; background-color: #EAE2DE; color: #5a6266; padding: 0 30px; max-width: 160px; margin: 0 auto; } #viewmore_link span { display: inline-block; } #viewmore_link:hover { color: #ffffff; } #viewmore_link .viewmore_loading { display:inline-block; margin-right:6px; } #viewmore_link .viewmore_loading:before { font-size: 12px; } #viewmore_link.loading .viewmore_text_1 { display:none; } #viewmore_link .viewmore_text_2 { display:none; } #viewmore_link.loading .viewmore_text_2 { display: inline-block; } /* Table of contents */ #toc { position:fixed; z-index:999; top: 0; bottom:0; right: 0; width: 60px; } #toc a { color: #ffffff; } #toc.toc_no { display:none; } #toc .toc_inner { position:absolute; top: 50%; right: -60px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); -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; } #toc.toc_fixed .toc_inner, #toc:hover .toc_inner { right:0; } #toc .toc_item { position:relative; width:57px; height:60px; border-right:3px solid rgba(0,0,0,0.5); background-color:rgba(0,0,0,0.5); } #toc .toc_item.toc_separator { margin-bottom: 1px; } #toc .toc_item.current, #toc .toc_item:hover { background-color:rgba(128,128,128,0.5); } #toc .toc_icon { position:absolute; display:block; z-index:2; top:0; left:0; width:57px; height: 60px; line-height:60px; text-align:center; } #toc .toc_icon.with_title { line-height:44px; } #toc .toc_icon:before { color:inherit; margin:0; padding:0; font-size: 18px; } #toc .toc_title { position:absolute; bottom:10px; left:0; display:block; width: 57px; line-height:11px; font-size:11px; } #toc .toc_description { position:absolute; top:0; right:-300px; width:240px; padding: 15px; line-height:120%; z-index:1; background-color:rgba(128,128,128,0.5); color: #ffffff; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=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; } #toc .toc_item:hover .toc_description { right:68px; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #toc .toc_description:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color:transparent; border-left-color: rgba(128,128,128,0.5); border-width: 8px; margin-top: -8px; } /*=Audio================================================================================================================================================*/ .audio_container { min-height:50px; padding: 35px 35px 50px; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; height: 100%; } .audio_container.with_info { padding: 35px 35px 100px; } .audio_container > div { position: absolute; bottom: 0; left: 0; padding: 0 35px 25px; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; } .audio_container.with_info > div { padding: 0 35px 35px; width: 90% !important; margin: 0 35px 30px;} .audio_container .audio_info { padding: 0; color: #ffffff; } .audio_container span.audio_info { font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; } /*controls*/ .mejs-controls .mejs-play, .mejs-controls .mejs-pause, .mejs-controls .mejs-mute.mejs-button, .mejs-controls .mejs-unmute.mejs-button { background: rgba(255,255,255,0.2); width:25px !important; height:25px !important; border-radius: 100% !important; margin-top: 1px !important; } .mejs-controls .mejs-mute.mejs-button, .mejs-controls .mejs-unmute.mejs-button { margin-right: 6px !important; } .mejs-controls .mejs-play:hover, .mejs-controls .mejs-pause:hover, .mejs-controls .mejs-mute.mejs-button:hover, .mejs-controls .mejs-unmute.mejs-button:hover { background: rgba(255,255,255,1) !important; border-radius: 100% !important;} .mejs-controls .mejs-play button, .mejs-controls .mejs-pause button, .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button { background: none !important; margin: 0 !important; width:25px !important; height:25px !important; } .mejs-controls .mejs-play button:before, .mejs-controls .mejs-pause button:before, .mejs-controls .mejs-mute button:before, .mejs-controls .mejs-unmute button:before { font-family: "FontAwesome"; width:25px; height:25px; display:block; text-align:center; line-height:26px; font-size:10px; position:absolute; top: 0; text-indent: 0; font-weight: 100; color: #ffffff; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -ms-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .mejs-controls .mejs-play button:hover:before, .mejs-controls .mejs-pause button:hover:before, .mejs-controls .mejs-mute button:hover:before, .mejs-controls .mejs-unmute button:hover:before { color: #303036; } .mejs-controls .mejs-mute button:before, .mejs-controls .mejs-unmute button:before { font-size:12px; } .mejs-controls .mejs-play button:before, .mejs-controls .mejs-mute button:before { text-indent: 2px; } .mejs-controls .mejs-play button:before { content: '\f04b'; } .mejs-controls .mejs-pause button:before { content: '\f04c'; } .mejs-controls .mejs-mute button:before { content: '\f028'; } .mejs-controls .mejs-unmute button:before { content: '\f026'; } .mejs-controls .mejs-time-rail > span, .mejs-controls .mejs-time-rail > span > span, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0 !important; height: 3px !important; } .mejs-controls .mejs-time-rail span.mejs-time-float { height: 17px !important; } .mejs-controls div.mejs-time-rail { padding-top: 7px !important; height: 15px !important; } .mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail .mejs-time-loaded { background: rgba(255, 255, 255, 0.2) !important; border-radius: 0 !important; height: 3px !important; } .mejs-controls .mejs-time-rail .mejs-time-total { background: rgba(255, 255, 255, 0.05) !important; } .mejs-controls div.mejs-horizontal-volume-slider { margin-top: 2px !important; } .mejs-controls div.mejs-horizontal-volume-slider { margin-left: 5px !important; width: 45px !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 45px !important; } .mejs-container .mejs-controls .mejs-time { padding: 8px 10px 0 0 !important; } .mejs-container .mejs-controls .mejs-time.mejs-currenttime-container { padding: 8px 0 0 8px !important; } .mejs-container .mejs-controls .mejs-time span { margin-right: 0 !important; color: #757683 !important; } .mejs-controls .mejs-time-rail .mejs-time-float { background: #ffffff !important; border: none !important; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { border-color: #ffffff transparent transparent !important; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { top:12px !important; } .mejs-controls a.mejs-horizontal-volume-slider { width: 50px !important; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px 6px !important; } .mejs-controls .mejs-time-rail span.mejs-time-current, .mejs-controls .mejs-time-rail a.mejs-time-total { height: 3px !important;} /*=== [ Sidebar & Widgets ] =========================================================================================*/ .widgetWrap p { padding: 0; margin:0; } /* --- Sidebar styles --- */ /* - StyleDark - */ .sidebarStyleDark { background-color: #303036; color: #acb4b6; } .sidebarStyleDark .widget .title { color:#ffffff; } .sidebarStyleDark.widget_area .widgetWrap ul li a, .sidebarStyleDark.widget_area .widgetWrap a { color:#ffffff; } .sidebarStyleDark .widgetWrap ul { margin:0; padding:0; overflow:hidden;} .sidebarStyleDark .widgetWrap ul > li { list-style:none; display:block; padding: 0 0 0 17px; min-height:25px; font-size:14px; line-height: 25px; font-weight: 100; position: relative;} .sidebarStyleDark .widgetWrap ul > li + li { margin-top: 10px; } .sidebarStyleDark .widgetWrap ul > li:before { position: absolute; left: 2px; top: 0; font-size: 8px; font-family: "FontAwesome"; content: '\f111';} .sidebarStyleDark .widgetWrap ul > li.dropMenu { cursor:pointer;} .sidebarStyleDark .widgetWrap ul > li.dropMenu:before { position: absolute; left: 2px; top: 0; font-family: "FontAwesome"; content: '\f10c'; } .sidebarStyleDark .widgetWrap ul > li.dropMenu.dropOpen:before { content: '\f111'; } /*.sidebarStyleDark .widgetWrap ul > li.dropMenu.dropOpen > ul{ display: block}*/ .sidebarStyleDark .widgetWrap ul > li ul { padding:0; margin:0; display:none;} .sidebarStyleDark .widgetWrap ul > li ul li { list-style:none; display:block; margin:10px 0 0 0; padding:0 0 0 8px; position:relative;} .sidebarStyleDark .widgetWrap ul > li ul li:before { content: ''; display: none; } .sidebarStyleDark .with_thumb .post_title a { border-color: transparent; } .store_page .sidebarStyleDark .widgetWrap p, .portfolio_page .sidebarStyleDark .widgetWrap p { margin-bottom: 5px; font-size: 14px; } .store_page .sidebarStyleDark .widgetWrap a, .portfolio_page .sidebarStyleDark .widgetWrap a { margin-bottom: 5px; font-size: 14px; } /* - StyleLight - */ .sidebarStyleLight{ background-color: #EAE2DE; color: #5a6266;} .sidebarStyleLight .footerWidget{ position: relative; overflow: hidden; } .sidebarStyleLight .footerWidget:before{ content:""; position:absolute; margin:0 50px; display:block; top:-22px; height:20px; left:10px; right:10px; z-index:1; } .sidebarStyleLight .widgetWrap ul { margin:0; padding:0; overflow:hidden;} .sidebarStyleLight .widgetWrap ul > li { list-style:none; display:block; padding: 0 0 0 17px; min-height:25px; font-size:14px; line-height: 25px; font-weight: 100; position: relative;} .sidebarStyleLight .widgetWrap ul > li + li { margin-top: 10px; } .sidebarStyleLight .widgetWrap ul > li:before { position: absolute; left: 2px; top: 0; font-size: 8px; font-family: "FontAwesome"; content: '\f111';} .sidebarStyleLight .widgetWrap ul > li.dropMenu { cursor:pointer;} .sidebarStyleLight .widgetWrap ul > li.dropMenu:before { position: absolute; left: 2px; top: 0; font-family: "FontAwesome"; content: '\f10c'; } .sidebarStyleLight .widgetWrap ul > li.dropMenu.dropOpen:before { content: '\f111'; } .sidebarStyleLight .widgetWrap ul > li ul { padding:0; margin:0; display:none;} /*.sidebarStyleLight .widgetWrap ul > li.dropMenu.dropOpen > ul{ display: block}*/ .sidebarStyleLight .widgetWrap ul > li ul li { list-style:none; display:block; margin:10px 0 0 0; padding:0 0 0 8px; position:relative;} .sidebarStyleLight .widgetWrap ul > li ul li:before { content: ''; display: none; } .sidebarStyleLight .with_thumb .post_title a { border-color: transparent; } .sidebarStyleLight .widgetWrap p { color: #5a6266; } .sidebarStyleLight .widget_socials .socPage ul li a { background-color: #e0e2e4; } /* --- /Sidebar styles --- */ /* --- Sidebar widgets common styles --- */ .sidebar .widgetWrap { margin:0 0 35px 0; padding: 35px 40px 0; } .sidebar.sidebarStyleDark .widgetWrap + .widgetWrap { border-top: 1px solid #383e47; } .sidebar.sidebarStyleLight .widgetWrap + .widgetWrap { border-top: 1px solid #e0e2e4; } .sidebar .title { margin-bottom: 2px;} .widget_area .sc_video_frame {width:100%; height:100%; overflow:hidden;} .widget_area .sc_video_frame img { width:100%; height:100%;} /*- border in widget items - */ .widget_area .widgetWrap.widget_recent_comments ul > li + li, .widget_area .widgetWrap.widget_twitter ul > li + li { margin-top: 20px; padding-top: 20px; border-top: 1px dotted #383e47; } .sidebarStyleLight.widget_area .widgetWrap.widget_recent_comments ul > li + li, .sidebarStyleLight.widget_area .widgetWrap.widget_twitter ul > li + li { border-color: #e0e2e4; } /* - Revslider widget - */ .widget_area .widgetWrap .rev_slider ul > li { position: absolute; } .widget_area .widgetWrap .rev_slider ul > li:before { display: none; } /* - Flickr images - */ .flickr_images { overflow:hidden; } /* - RSS widget - */ .sidebarStyleDark .widgetWrap .title a.rsswidget { color: #ffffff; } .widgetWrap .title a.rsswidget > img { margin-top: -2px; vertical-align: middle; } .widget_rss > ul > li > a { text-transform: uppercase; letter-spacing: 1px; line-height: 25px; } .widget_rss .rss-date { margin: 5px 0; font-size: 12px; display: block; color: #484c52; } .widget_area .widgetWrap.widget_rss > ul > li { padding: 0; } .widget_area .widgetWrap.widget_rss > ul > li:before { display: none; content: ""; width: 0; height: 0; margin: 0; padding: 0; } .widget_area .widgetWrap.widget_rss ul > li + li { margin-top: 30px; } /* - Instagram images - */ .instagram-pics { overflow:hidden; } /* - Widgets Popular, Recent with thumbs - */ .widget_area select { border: 1px solid #797e84; color: #5a6266; font-weight:100; height: 48px; line-height: 48px; padding: 0 20px 0 20px; width: 100%; text-align:left; background: transparent; white-space:nowrap; zoom:1; } .widget_area article:after { content:''; height:0; clear:both; display:block;} .widget_area article .post_thumb { width:90px; margin:0 20px 25px 0; float:left;} .widget_area article .post_thumb img { width:100%;} .widget_area article .post_title { display:block; top: -2px; position:relative; padding:0 0 13px 0; font-size:14px; line-height:17px; font-weight:300;} .widget_area article .post_info { margin-bottom: 10px; overflow:hidden; } .widget_area article .post_info .post_comments, .widget_area article .post_info .post_author, .widget_area article .post_info .post_date { font-size:12px; line-height:16px; display:block; float:left; padding:0 10px 0 0 ;} .widget_area article .post_info .post_date a { color:#222222;} .widget_area article .post_info .post_comments a { display:block;} .widget_area article .post_info .post_comments_icon { display:inline-block;} .widget_area article .post_info .post_comments_icon:before { width:12px; font-size:12px; height:12px; line-height:14px; display:block; float:left; font-family: "fontello"; content:'\e830'; font-style:normal; margin: 0 5px 0 0 ;} .widget_area article span.icon-eye:before { font-size:14px; } /* - Widgets Popular, Recent without thumbs - */ .widget_area article.no_thumb { margin:0 0 0 20px; padding:0; position:relative;} .widget_area article.no_thumb + article.no_thumb {padding:10px 0 0 0;} .widget_area article.no_thumb .post_title:before{ font-family: "fontello"; content: '\e826'; width:20px; height:20px; position:absolute; left:-20px; top:0; font-size:10px;} .widget_area article.no_thumb .post_info .post_comments, .widget_area article.no_thumb .post_info .post_author, .widget_area article.no_thumb .post_info .post_date{ font-size:12px; } .widget_area article.no_thumb .post_info .post_comments a.ico:before{ font-size:14px; margin: 0 10px 0 0 ;} /* - Widgets with tabs - */ .widget_area .tabs_area ul.tabs { padding: 0 0 30px 0; margin: 0; } .widget_area .tabs_area ul.tabs:after{ clear: both; height: 0; display: block; content: ''; } .widget_area .tabs_area ul.tabs > li { float:left; margin:0 5px 0 0; padding:0; text-align: left; } .widget_area .tabs_area ul.tabs > li > a { border: 1px solid rgba(210, 217, 224, 0.5); display: inline-block; font-size: 11px; font-weight: 300; line-height: 26px; min-height: 26px; padding: 5px 15px; text-transform: uppercase; color: #797e84; } .widget_area .tabs_area ul.tabs > li:before { display:none; } .widget_area .tabs_area .tab_content .post_item:last-child > .post_thumb { margin-bottom: 0; } /* - Tags cloud - */ .widget_area .tagcloud a { color: #5a6266; display: inline-block; height: 35px; line-height: 36px; padding: 0 15px; border: 1px solid #dcdfe0; margin: 0 1px 5px 0; font-size: 11px !important; font-weight:400; text-transform: uppercase; letter-spacing: 0.5px; } .sidebarStyleDark.widget_area .tagcloud a { border: 1px solid #797e84; color: #797e84; } /* - Meta - */ .widget_meta a abbr { position: relative; } .widget_meta a abbr:before { border-bottom: 1px dotted #484c52; bottom: 0; content: " "; display: block; height: 0; position: absolute; right: 0; width: 100%; } /* - Recent comments - */ .sidebarStyleDark .widget_recent_comments .comment-author-link { color: #ffffff; } .sidebarStyleLight.widget_area .widgetWrap.widget_recent_comments .recentcomments { color: #acb4b6;} .widget_area .widgetWrap.widget_recent_comments .recentcomments { padding-left: 0; color: #5a6266;} .widget_area .widgetWrap.widget_recent_comments .recentcomments:before { padding: 0; margin: 0; display: none; width: 0; height: 0; content: ""; } /* - Search form - */ .widget_area .searchform label { display:none; } .widget_area .search-form { border: 1px solid #797e84; background: transparent; color: #5a6266; font-weight: 100; height: 48px; line-height: 48px; padding: 0; text-align: left; width: 100%; position: relative; } .widget_area .search-form .search-field { width: 95%; background: transparent; padding: 0 40px 0 20px; border: none; height: 48px; line-height: 20px; } .widget_area .search-form .search-button { float: right; margin: 0; position: absolute; right: 0; width: 40px; height: 48px; line-height: 48px; vertical-align: middle; } .widget_area .search-form .search-button a { color: #575f63; padding: 0; width:40px; height:48px; line-height:48px; text-align:center; } .widget_area .search-form .search-button a:before { width: 30px; float:none; padding:0; line-height:48px; font-size:16px; } .sidebarStyleLight.widget_area .search-form .search-button a { color: #b1b9bb; } .sidebarStyleLight.widget_area .search-form .search-button a:active { color: #b1b9bb !important; } /* - Widget Calendar - */ .widget_area .widget_calendar { -webkit-transition: height ease .5s; -moz-transition: height ease .5s; -ms-transition: height ease .5s; -o-transition: height ease .5s; transition: height ease .5s; } .widget_area .calendar { font-size:14px; font-weight:100; color: #acb4b6; } .sidebarStyleLight.widget_area .calendar { color: #5a6266; } .widget_area .calendar th, .widget_area .calendar td { height:30px; padding: 4px 0; } .widget_area .calendar tbody td a { border: 1px solid #797e84; height: 30px; line-height: 30px; text-align: center; width: 30px; } .calendar th, .calendar td { width: 100px; text-align:center; font-weight: 100; } .calendar thead tr + tr th { color:#ffffff; font-size: 12px; text-transform: uppercase; } .sidebarStyleLight .calendar thead tr + tr th { color:#303036; } .sidebarStyleDark.widget_area table.calendar tbody a, .sidebarStyleDark.widget_area table.calendar tfoot a { color:#acb4b6; } .sidebarStyleLight.widget_area table.calendar tbody a { color:#5a6266; } .calendar thead th { color:#222222;} .calendar tfoot th.prevMonth { text-align:left; padding-left: 10px; } .calendar tfoot th.nextMonth { text-align:right; padding-right: 10px; } .calendar tfoot th a { font-size: 12px; line-height: 16px; display: inline-block; position: relative; } .calendar tfoot th a:before { display: block; position:absolute; font-family: "fontello"; text-align: left; line-height: 16px; font-size:12px; margin: 0; padding: 0; top: 1px; } .calendar tfoot th.prevMonth a { padding-left: 10px; } .calendar tfoot th.nextMonth a { padding-right: 10px; } .calendar tfoot th.prevMonth a:before { content: '\e82b'; left: 0; } .calendar tfoot th.nextMonth a:before { content: '\e82c'; right: 0; } .calendar thead th.curMonth { text-align: left; font-size: 14px; font-weight: 700; letter-spacing: 1px; line-height: 19px; padding: 0 0 20px; text-transform: uppercase; } .calendar tbody td a { display:inline-block;} .calendar tbody td a:hover, .calendar tbody td.today > span, .calendar tbody td.today a { background-color: #05d1d4; border-color: transparent !important; color: #ffffff !important; } .calendar tbody td.today > span { height: 30px; line-height: 30px; text-align: center; width: 30px; display: inline-block; } /* - topTabs - speedBar - */ .topTabsWrap { background-position: center center !important; background-size: auto auto !important; } .widgetTabs .tabsButton li a { font-weight:400; } .widgetTabs .titleHide { display:none; } .topTabsWrap{ padding-top:35px; } .topTabsWrap:after{ height:0; display:block; content:''; clear:both;} .topTabsWrap .speedBar{ padding: 10px 0 45px; float:right; font-size:12px; color: #acb4b6 !important; } .topTabsWrap .speedBar a{ display:inline-block; color:#ffffff; text-decoration:none;} .topTabsWrap .pageTitle{ float:left; padding: 0 10px 35px 0; font-weight:200; color:#ffffff; } /* - Instagram widget - */ .widget_area .null-instagram-feed .clear { padding: 0; } .widget_area .null-instagram-feed .clear > a { display:none; margin: 0; font-size: 13px; font-style: italic; } .widget_area .instagram-pics li { display:block; margin:0 9px 9px 0; width:78px; float:left; position:relative; padding:0 !important;} .widget_area .widgetWrap ul.instagram-pics > li + li { margin-top: 0; } .widget_area .instagram-pics li a:before { display: block; position:absolute; z-index:10; content: '\f06e'; font-family: "FontAwesome"; color: #fff; text-align: center; top: 80%; left: 50%; width:40px; height:40px; font-size:16px; line-height:41px; margin:-20px 0 0 -20px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .widget_area .instagram-pics li a:hover:before { background-color: rgba(255, 255, 255, 0.3); top: 50%; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .widget_area .instagram-pics li a:after { background-color: #05d1d4; display: block; position:absolute; z-index:9; content: ''; top: 0; left: 0; width:100%; height:100%; margin:0; padding:0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .widget_area .instagram-pics li a:hover:after { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .widget_area .instagram-pics li a { display: block;position: relative;z-index: 999; } .widget_area .instagram-pics li a img{ display:block; width:100%; position:relative; z-index:6;} .sidebar aside:last-child { padding-bottom: 30px !important; } /* - Twitter stream - */ .twitBlockWrap { background-color: #ffffff; } .twitBlockWrap .twitterTitle { font-size: 40px; font-weight: 300; line-height: 49px; padding: 0; color: #303036; display: block; width: 100%; text-align: center; margin: 0; } .twitBlock { text-align: center; color: #303036; font-size: 18px; font-weight: 300; /*padding: 0 110px;*/ /*padding: 0 3%;*/ position: relative; overflow: hidden; } .twitBlockWrap .twitterAuthor { font-size: 14px; font-weight: 300; line-height: 22px; padding: 15px 0 0; display: block; width: 100%; text-align: center; } .twitBlock .sc_slider { position: relative; min-height: 180px; } .twitBlockWrap .twitBlock .sc_slider .swiper-slide { padding: 50px 0 0; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; } .twitBlock .sc_slider .swiper-slide p { margin: 0; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .twitBlockWrap .swiper-slide p { line-height: 28px; } .twitBlock .twitterIco { line-height: 48px; margin-bottom: 15px; display: block; font-family: "socialicoregular"; } .twitBlock .twitterIco:before { content: 'L'; font-size: 85px; } .twitBlock .sc_slider { position: relative; min-height: 180px; } .twitBlockWrap .swiper-slide { padding: 50px 0 0; } .twitBlock .swiper-slide { font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } /*=== Footer style =========================================================================================*/ [class*="footerStyle"] .logo { margin-bottom: 20px; } [class*="footerStyle"] .logo a { font-weight: 500; } [class*="footerStyle"] .logo_text { font-size: 50px; margin-right: 13px; display: inline-block; vertical-align: top; line-height: 55px; } [class*="footerStyle"] .logo img { min-height: 34px; height: auto; line-height: 34px; border: none; vertical-align: top; margin-top: 5px; display: inline-block; } [class*="footerStyle"] .logo_descr { margin-bottom: 20px; color: #acb4b6; } [class*="footerStyle"] .widget_recent ul { margin: 0; padding: 0; overflow: hidden; } [class*="footerStyle"] .widget_recent li { color: #5a6266; } [class*="footerStyle"] .widget_recent ul > li { list-style: none; display: block; padding: 0; min-height: 25px; font-size: 14px; line-height: 25px; font-weight: 100; position: relative; } [class*="footerStyle"] .widget_recent ul > li + li { margin-top: 20px; padding-top: 20px; border-top: 1px dotted; } [class*="footerStyle"] .widget_twitter ul { margin: 0; padding: 0; overflow: hidden; } [class*="footerStyle"] .widget_twitter ul > li { color: #acb4b6; padding-left: 30px; list-style: none; display: block; min-height: 25px; font-size: 14px; line-height: 25px; font-weight: 100; position: relative; } [class*="footerStyle"] .widget_twitter ul li:before { content: "L"; font-family: 'socialicoregular'; font-size: 18px; left: 0; display: block; position: absolute; left: 2px; top: 0; height: 25px; width: 20px; font-size: 27px; line-height: 25px; } [class*="footerStyle"] .widget_twitter p { margin: 0; padding: 0; } [class*="footerStyle"] .post_item.with_thumb { clear: both; } [class*="footerStyle"] .post_thumb { width: 90px; margin: 0 20px 25px 0; float: left; } [class*="footerStyle"] .post_title { display: block; top: -2px; position: relative; padding: 0 0 13px 0; font-size: 14px; line-height: 17px; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; } [class*="footerStyle"] .post_info { margin-bottom: 10px; overflow: hidden; } [class*="footerStyle"] .post_info .post_date { font-size: 12px; line-height: 16px; display: block; float: left; padding: 0 10px 0 0; } .footerStyleDark .comment-author-link { color: #fff;} .footerStyleDark .textwidget, .footerStyleDark .post_info {color: #acb4b6; } .footerStyleDark .widgetWrap .title { color: #fff; } .footerStyleDark .logo a { color: #fff; } .footerStyleDark { margin-top: -42px; } .logo_descr .footerStyleDark .widget_recent .comment-author-link { color: #fff; } .footerStyleDark .widget_recent ul > li + li { border-color: #383e47; } .footerStyleLight .logo a { color: #303036; } .footerStyleLight .widget_socials .socPage ul li a { background-color: #e0e2e4; } .footerStyleLight .widget_recent .comment-author-link { color: #acb4b6; } .footerStyleLight .widget_twitter p { color: #5a6266; } .footerStyleLight .widget_recent ul > li + li { border-color: #e0e2e4; } /*=== copyright style =========================================================================================*/ .copyright { padding: 25px 0; color: #EAE2DE; } /*=== [ Components ] =========================================================================================*/ /* --- Margin -> mini small middle big large --- */ /*top*/ .margin_top_mini { margin-top: 30px !important; } .margin_top_small { margin-top: 40px !important; } .margin_top_middle { margin-top: 60px !important; } .margin_top_big { margin-top: 80px !important; } .margin_top_large { margin-top: 100px !important; } /*bottom*/ .margin_bottom_micro { margin-bottom: 20px !important; } .margin_bottom_mini { margin-bottom: 30px !important; } .margin_bottom_small { margin-bottom: 40px !important; } .margin_bottom_middle { margin-bottom: 60px !important; } .margin_bottom_big { margin-bottom: 80px !important; } .margin_bottom_large { margin-bottom: 100px !important; } /*right*/ .margin_right_mini { margin-right: 30px !important; } .margin_right_small { margin-right: 40px !important; } .margin_right_middle { margin-right: 60px !important; } .margin_right_big { margin-right: 80px !important; } .margin_right_large { margin-right: 100px !important; } .margin_right_auto { margin-right: auto !important; } /*left*/ .margin_left_mini { margin-left: 30px !important; } .margin_left_small { margin-left: 40px !important; } .margin_left_middle { margin-left: 60px !important; } .margin_left_big { margin-left: 80px !important; } .margin_left_large { margin-left: 100px !important; } .margin_left_auto { margin-left: auto !important; } /* padding */ .padding_top_large { padding-top: 90px; } .padding_bottom_large { padding-bottom: 90px; } /* --- Main background --- */ .sc_quote_style_1, .audio_container, .topTabsWrap, .relatedPostWrap article .wrap.no_thumb, .postAside, .bg_image, .postStatus, .postLink, .portfolioWrap .isotopePadding, .userHeaderSection.global, .userHeaderSection.global, .userFooterSection.global { background-size: 100% auto; } /* float */ .floatleft { display: inline; float: left; margin-right: 30px; } .floatright { display: inline; float: right; margin-left: 30px; } .floatcenter { clear: both; display: block; margin: 0 auto; } .floatnone { float: right; margin: 0; display: block; } .sc_image.thumbnail { width:30% !important; } .sc_image.medium { width:50% !important; } .sc_image.large { width:100% !important; } .sc_purchase span { line-height: 45px; } /**/ .sc_section { margin-top: 0; margin-bottom: 0; } .sc_aligncenter { float: none; clear: both; } .sc_content { font-size: 18px; line-height: 30px; /*color: #5a6266;*/ } /* teaser */ .teaser { text-align: center; } .teaser_icon [class*="icon"]{ font-size: 60px; } .side_teaser .pull-left [class*="icon"], .side_teaser .pull-right [class*="icon"] { font-size: 50px; } .teaser.with_counter p.counter { font-size: 70px; margin: 26px 0; } .testimonials-carousel { border: 1px solid #e4e4e4; padding: 30px 30px 40px; border-radius: 5px; .carousel-indicators { bottom: 10px; } .carousel-control{ display: none; } .media-object { max-width: 80px; margin-bottom: 10px; } .carousel-indicators li{ border-color: #e3493c; } .carousel-indicators li.active{ background-color: #e3493c; } } /*=== [ Content ] =========================================================================================*/ .shortcodesGridPadding{ padding:45px 0 0 0 ;} #frontend_editor { display:none; } /* portfolioWrap */ .portfolioWrap { overflow: hidden; } .portfolioWrap .isotopePadding { min-height: 200px; overflow: hidden; position: relative; } .portfolioWrap .portfolioNOspacing .isotopePadding { margin: 0; } .portfolioWrap .grid .isotopePadding { height: 100%; } .portfolioWrap .isotopePadding:before { background-color: #392071; content: ""; display: block; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 3; } .portfolioWrap .isotopePadding .portfolioInfo { width: 100%; font-size: 12px; overflow: hidden; line-height: 16px; z-index: 9; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 25px 15px; position: absolute; height: auto; bottom: -250px; left: 0; text-align: center; background-color: #EAE2DE; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; } .portfolioWrap .isotopePadding .portfolioInfo { background-color: #EAE2DE; } .portfolioWrap .isotopePadding .portfolioInfo h4 { padding-bottom: 8px; } .portfolioWrap .isotopePadding:hover .portfolioInfo { bottom: 0; } .isotopePadding.bg_post + .post_wrap { padding: 30px 35px 35px; background: #EAE2DE; h4 { padding: 0 0 25px 0; } } .isotopePadding.bg_post + .post_wrap .infoPost.bog_post_info { padding: 0; overflow: hidden; } .isotopePadding.bg_post + .infoPost.bog_post_info { padding: 0; overflow: hidden; } .isotopePadding.bg_post + .post_wrap_part .infoPost.bog_post_info { padding: 35px 40px; } /*info Block - date, author*/ .infoPost{ padding:0 0 50px 0; height:auto; font-size:12px; line-height:18px; text-align:left; position:relative; } .infoPost .infoTags a{ color:#888888; } .infoPost .separator{ padding:5px; font-style:normal;} .infoPost .frontend_editor_buttons { float: left; width:100%; display:block; text-align:left; margin:0 0 20px; } .infoPost .post_author { font-weight: 700; letter-spacing: 1px; color: #303036; text-transform: uppercase; } .infoPost > span { margin-right:30px; color: #acb4b6; } .infoPost > span { margin-right:10px; } .infoPost > span.likePost { margin-right:0; } .infoPost > span.commentPost { margin-right:0; margin-left:20px; } .infoPost > span a { color: #acb4b6; } .bog_post_info.infoPost > span + span { float: right; } .infoPost > span:before, .infoPost > span a:before { font-size: 10px; margin-right: 4px; vertical-align: top; } .infoPost > span.commentPost a:before { margin-top: -4px; } /* blog posts*/ .post.bg_post { background-color: #EAE2DE;} .post.bg_post .post_wrap { padding: 35px; } .three_columns_sidebar .post.bg_post .post_wrap { padding: 25px; } .post.bg_post .post_thumb > a { line-height: 0; display: block; } .post.bg_post .infoPost.bog_post_info { padding: 0; } .post.bg_post .post_wrap_part .infoPost.bog_post_info { padding: 35px 40px; } .portfolioWrap .post_format_wrap { margin: -5px 0 25px; } .portfolioWrap .post_format_wrap { font-size: 14px; line-height: 25px; color: #5a6266; } .post_wrap_part { padding: 0 !important; } .post.bg_post .post_format_wrap.postStandard > p:last-child { padding-bottom: 0; } /*excerptSmall*/ .excerptSmall.post.bg_post .thumb { float: left; width: 48%; margin: 0 35px 0 0; } .excerptSmall.post.bg_post .post_wrap { padding: 20px 30px; } .excerptSmall.post.bg_post .post_wrap .post_title { padding-bottom: 15px; overflow: hidden; } .excerptSmall.post.bg_post .post_format_wrap { margin: 0 0 15px; overflow: hidden; } .excerptSmall.post.bg_post .infoPost { overflow: hidden; } .excerptSmall.post.bg_post .isotopePadding {background-image: none;} .excerptSmall.post.bg_post .isotopePadding:before {display: none;} /*post*/ .bg_post.post { margin: 0 0 30px; } .sc_blogger .bg_post.post { margin: 0 0 30px; } .post.shortCode { margin: 80px 0; } .post:after { content:""; display:block; clear:both; height:0;} .post_content .post_title { padding-bottom: 20px; } .post .thumb img{ width:100%;} .post + .post{ margin:0 0 30px 0; padding:0; } .post.no_margin { margin-bottom:0;} .post article{ padding:0;} .post article:after{ content:""; display:block; clear:both; height:0;} .post .sc_image img{ width:100%; display:block; margin:0; padding:0; float:none;} .post .sc_image figcaption{ background:#EAE2DE; color:#acb4b6; letter-spacing: 1px; font-size:12px; font-weight: 600; text-align:center; text-transform: uppercase; height:50px; line-height:50px;} .post p { padding:0 0 25px 0; margin:0; } .post ol, .post ul { margin:0 0 25px 20px; padding:0;} .post li ol, .post li ul { margin-bottom:0; } .post ol li, .post ul li{ line-height:28px;} .post .bqLeft { margin: 0 50px 0 0 ;} .post .bqRight { float: right; margin: 0 0 0 50px; } .bg_post.post .gallery_post { position: relative; overflow: hidden;} /* Post thumb */ .post_content > .sc_section.post_thumb { margin-bottom: 40px; } /* Post formats */ .postLink > p { padding: 0; } .postAside > p { padding: 0; } .postStatus > p { padding: 0; } .postLink a { font-size: 25px; font-weight: 100; line-height: 36px; margin:0; } .postLink { color:#fff; padding:30px 40px; font-size: 25px; font-weight: 100; line-height: 36px; margin:0; } .postStatus { color:#fff; padding:30px 40px; font-size: 24px; font-weight: 100; line-height: 36px; margin:0; } .postAside { color:#fff; padding:30px 40px; font-size: 24px; font-weight: 100; line-height: 36px; margin:0; } .postQuote { margin:0; } .postQuote .sc_quote { margin:0; } .sc_quote_title, .sc_quote_title a { font-size:12px; line-height: 20px; font-weight:700; letter-spacing: 1px; text-transform: uppercase; } .postChat .sc_chat:last-child { margin:0; } .sc_chat{ padding:0; margin:0 0 20px 0;} .sc_chat p{ padding:0 0 10px 0;} .sc_chat:after{ content:''; display:block; height:0; clear:both;} .sc_chat .sc_quote_title { padding:0 0 10px;} .sc_chat .sc_quote_title.alignright{ margin:0;} .masonry.masonry-colums-4 .postLink, .masonry.masonry-colums-4 .postStatus, .masonry.masonry-colums-4 .postAside, .masonry.masonry-colums-4 .postChat, .masonry.masonry-colums-4 .postQuote .sc_quote { padding:20px 30px; } .masonry.masonry-colums-4 .audio_container.with_info { padding: 25px 25px 100px; } .masonry.masonry-colums-4 .audio_container.with_info > div { padding: 0 25px 25px; } .post_text_area .col-sm-6 { padding-left: 0;} .post_text_area .postSharing{ padding:0 0 50px 0; clear:both; } .post_text_area .postSharing li { margin-bottom:10px; display: inline-block; list-style: none;} .post_text_area .postSharing li + li { margin-left:30px; } .post_text_area .tagsWrap { clear: both; } .post_text_area .tagsWrap .infoPost{ float: left; margin: 0; max-width:50%; text-align:left;} .post_text_area .tagsWrap .postSharing{ float: right;} .post_text_area .tagsWrap .post_cats, .post_text_area .tagsWrap .post_tags { margin-bottom: 10px; padding: 10px 0 0; float: none; display: block; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; } .post_text_area .tagsWrap .post_cats a, .post_text_area .tagsWrap .post_tags a { font-weight: 300; } .post_text_area .tagsWrap .post_tags { max-width: 50%; padding: 5px 0 50px; } /*author*/ .author{ margin-top: 70px; margin-bottom: 50px; padding: 0; } .author .wrap{ margin:0 0 70px 0; padding: 40px; background-color: #EAE2DE; } .author:after{ content:""; display:block; clear:both; height:0;} .author .avatar{ width:70px; height:70px; float:left;} .author .avatar img{ width:100%;} .author .authorInfo { margin:0 0 0 100px; } .author .authorInfo > p { padding-bottom: 20px; margin-bottom: 0;} .author .authorInfo .post_author_title { font-size: 12px; padding-bottom: 10px; } .author .socPage { height:40px; margin:0 0 0 95px;} .author .socPage ul{ margin:0; padding:0; } /*formValid*/ .formValid { padding: 0 0 30px 0; } /*comment*/ .comments { margin: 0 0 50px 0 ; } .comments .commBody{ margin:0; padding:10px 0 60px 0;} .comments .commBody li.commItem { list-style:none;} .comments .commBody li.commItem .wrap_comment { overflow: hidden; padding: 0;} .comments .commBody li.commItem { margin:0; padding: 40px 0 0 0; } .comments .commBody > li.commItem { padding: 0; } .comments .commBody > li.commItem + li.commItem { padding: 50px 0 0 0; } .comments .commBody li.commItem .wrap_comment { margin:0; border-bottom: 1px dashed #e8e9e9; } .comments .commBody li.commItem:after{ content:''; clear:both; height:0; display:block;} .comments .commBody li.commItem .replyWrap { float:left; margin: 0;} .comments .commBody li.commItem .replyWrap a { font-size: 12px; color: #acb4b6; } .comments .commBody li.commItem .posted { float: left; line-height:18px; font-weight:300; font-size:12px; padding:0; color: #acb4b6;} .comments .commBody li.commItem h5 { line-height:18px; padding:0 25px 0 0; float:left; font-size: 12px; } .comments .commBody li.commItem .avatar {width:70px; height:70px; float:left; margin:0 30px 20px 0;} .comments .commBody li.commItem .avatar img { width:100%;} .comments .commBody li.commItem .authorInfo { clear:both; padding: 20px 0 0 0;} .comments .commBody li.commItem .authorInfo p { padding: 0 0 15px 0;} .comments .commBody li.commItem ul.children { padding: 0 0 0 30px; } .comments .commBody #respond #reply-title { padding-top: 30px; } .comments .commBody p { font-size: 14px; line-height: 25px; color: #5a6266; margin-bottom: 0;} .formValid h3 { margin: 0; } /* Portfolio Info */ .portfolBlock { margin: 0; padding: 35px; z-index: 1; } .portfolBlock ul { margin: 0; padding: 0; } .portfolBlock ul li { list-style: none; padding: 0; margin: 0 0 5px; letter-spacing: 1px; text-transform: uppercase; color: #5a6266; font-size: 12px; line-height: 20px; } .portfolBlock ul li a { color: #5a6266; } .portfolBlock ul li span { font-weight: 600; } /*hoverIncrease zoom effect*/ .hoverIncrease{ position:relative; overflow: hidden; } .hoverIncrease img{ position:relative; z-index:5; display:block;} .hoverIncrease .hoverShadow{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:6; display: block; background-color: #392071; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .hoverIncrease .hoverIcon { position:absolute; left:50%; top:80%; display:block; background-color: rgba(255, 255, 255, 0.2); z-index:7; text-align:center; color:#000; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width:70px; height:70px; font-size:18px; line-height:70px; margin:-35px 0 0 -35px; } .hoverIncrease .hoverIcon:before {content: '\f06e'; font-family: "FontAwesome"; display:block; color: #fff; } .hoverIncrease .wrap_hover .hoverLink:before { content: '\f0c1'; font-family: "FontAwesome"; display:block; color: #fff; } .hoverIncrease .hoverIcon:hover:before, .hoverIncrease .hoverLink:hover:before { } .hoverIncrease .hoverIcon:hover, .hoverIncrease .hoverLink:hover { background-color: rgba(255, 255, 255, 1); } .hoverIncrease:hover .hoverIcon, .hoverIncrease:hover .hoverLink { top: 50%; width:70px; height:70px; font-size:18px; line-height:70px; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .hoverIncrease:hover .hoverShadow, .relatedPostWrap .wrap:hover .hoverIncrease .hoverShadow, .portfolioWrap .isotopePadding:hover .hoverIncrease .hoverShadow { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } /* Hover two */ .hoverIncrease .wrap_hover { position: absolute; text-align: center; top: 0; width: 100%; height: 100%; } .hoverIncrease .wrap_hover > a { display: inline-block; height: 70px; line-height: 70px; margin: -35px 10px 0; padding: 0; position: relative; top: -70px; width: 70px; z-index: 99; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; } .hoverIncrease .wrap_hover > a + a { -webkit-transition: all ease .4s .1s; -moz-transition: all ease .4s .1s; -ms-transition: all ease .4s .1s; -o-transition: all ease .4s .1s; transition: all ease .4s .1s; } .hoverIncrease .wrap_hover a > span { margin: 0; top:0; left:0; position:absolute; display:block; background-color: rgba(255, 255, 255, 0.2); z-index:7; text-align:center; color:#000; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; width:70px; height:70px; font-size:18px; line-height:70px; } .hoverIncrease:hover .wrap_hover .hoverIcon, .hoverIncrease:hover .wrap_hover .hoverLink, .wrap:hover .hoverIncrease .wrap_hover .hoverIcon, .wrap:hover .hoverIncrease .wrap_hover .hoverLink, .portfolioWrap .isotopePadding:hover .wrap_hover .hoverIcon, .portfolioWrap .isotopePadding:hover .wrap_hover .hoverLink { top: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .hoverIncrease:hover .wrap_hover > a, .wrap:hover .hoverIncrease .wrap_hover > a, .portfolioWrap .isotopePadding:hover .wrap_hover > a { top: 50%; } .post.bg_post .hoverIncrease .wrap_hover a > span, .post.bg_post .hoverIncrease .wrap_hover > a { width:70px; height:70px; font-size:17px; line-height:70px; } /* -- Post Sharing -- */ .postSharing { height:30px; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-align: right; text-transform: uppercase; } .postSharing > ul > li> a { color: #acb4b6; } .postSharing > ul > li> a:before { font-size: 10px; margin-right: 4px; } .postSharing > ul { margin:0; padding:0; display: inline-block;} .postSharing a[class^="socialico-"]:before { font-size: 18px; position: initial; left: initial; top: initial; width: initial; height: initial; line-height: inherit; font-weight: 100; } .with_sidebar .style_excerpt .postSharing { float:right; } .with_sidebar .style_excerpt .infoPost { float:left; text-align:left; } ul > li.like > a > span.likePost, ul > li.likeActive > a > span.likePost{ display: block; float:right; position:relative; overflow:hidden; padding:0; min-width:20px;} ul > li.like > a > span.likePost:before, ul > li.likeActive > a > span.likePost:before{ width:auto; position:absolute; z-index:2; padding: 0 8px; left:0; top:-30px; text-align:left;} ul > li.likeActive > a > span.likePost:before{ content:"-1";} ul > li.like > a > span.likePost:before{ content:"+1"; } ul > li.like > a:hover > span.likePost:before, ul > li.likeActive > a:hover > span.likePost:before{ top:0;} ul > li.like > a > span.likePost, ul > li.likeActive > a > span.likePost, ul > li.share { height: 30px; } ul > li.like > a:hover > span.likePost, ul > li.likeActive > a:hover > span.likePost{ padding:30px 0 0 0 ; height:0;} ul > li.share > ul.shareDrop { box-sizing: border-box; display: none; position:absolute; right:0; z-index:2; background:#303036; margin:12px 0 0 0; padding:20px; width: auto; } ul > li.share > ul.shareDrop:before { background-color: #303036; top: 3px; content: ""; height: 12px; right: 11px; margin: 0; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); width: 12px; z-index: 3; } ul > li.share > ul.shareDrop.open:before { top: -6px; right: 20px; } ul > li.share > ul.shareDrop > li{ list-style:none; display: block; float: left; padding:0; margin: 0; } ul > li.share > ul.shareDrop > li + li { margin-left: 10px; } ul > li.share > ul.shareDrop > li > a { margin: 0; background-color: #4f555d; border-radius: 50px; color: #fff !important; display: block; height: 40px; line-height: 40px; overflow: hidden; padding: 0; position: relative; text-align: center; width: 40px; } /* -- transition -- */ .postSharing a, .postSharing a:hover, ul > li.like > a > span.likePost:before, ul > li.likeActive > a > span.likePost:before, ul > li.like > a:hover > span.likePost:before, ul > li.likeActive > a:hover > span.likePost:before, .sc_video_player .sc_video_play_button:after, .sc_video_player:hover .sc_video_play_button:after, .sc_video_player:active .sc_video_play_button:after, .mejs-controls .mejs-play, .mejs-controls .mejs-pause, .mejs-controls .mejs-mute.mejs-button, .mejs-controls .mejs-unmute.mejs-button, .roundButton a, .roundButton a:hover, input[type="submit"], input[type="button"], .squareButton > a, .squareButton > a:hover, .squareButton > button, .squareButton > button:hover, .nav_pages_parts > a > span, .nav_comments > a, .comments_list a.comment-edit-link, .hoverIncrease .hoverIcon, .hoverIncrease .hoverLink, .hoverIncrease .hoverShadow, .sc_team_item, .sc_team_item .sc_team_item_avatar, .sc_team_item .sc_team_item_socials, .sc_team_item:hover .sc_team_item_avatar:after, .sc_team_item:hover .sc_team_item_avatar .sc_team_item_description, .footerWidget .flickr_badge_image a:before, .footerWidget .flickr_images > a:before, .footerWidget .instagram-pics li a:before, .twitBlock .flex-direction-nav li a:before, .twitBlock .flex-direction-nav li a, .twitBlock .flex-direction-nav li, .sc_testimonials .flex-direction-nav a, .sc_scroll_controls .flex-direction-nav a, .upToScroll.buttonShow, .upToScroll, .sc_section.sc_scroll_controls_horizontal.sc_scroll_controls ul.flex-direction-nav li, .pagination .flex-direction-nav a, .pagination .flex-direction-nav a:hover, .pagination .flex-direction-nav a:active, body.boxed, body.boxed .boxedWrap, .topWrap .search:not(.searchOpen):before, .topWrap .search .searchSubmit .icoSearch:before, .fullScreenSlider .sliderHomeBullets .order a, .hoverIncrease .hoverIcon:before, .widgetWrap .tagcloud a, .sc_tabs ul.sc_tabs_titles li a, .sc_tabs ul.sc_tabs_titles li a:after, .sc_slider_flex ul.flex-direction-nav li, .sc_slider_chop ul.flex-direction-nav li, .sc_slider_swiper ul.flex-direction-nav li, .sc_slider_flex ul.flex-direction-nav a, .sc_slider_chop ul.flex-direction-nav a, .sc_slider_swiper ul.flex-direction-nav a, .sc_testimonials_style .flex-direction-nav li, .copyWrap .socPage ul li a, .widget_socials .socPage ul li a, .contactFooter .contactShare ul li a, .widget_area .instagram-pics li a:after, .widget_area .instagram-pics li a:before, .widget_area .flickr_images .flickr_badge_image a:after, .widget_area .flickr_images .flickr_badge_image a:before, .wp-calendar tbody td a, .footerContentWrap .sc_googlemap, .sc_price_money, .sc_price_currency, .sc_pricing_data > span, .sc_contact_form input[type="text"], .sc_contact_form input[type="password"], .sc_contact_form textarea, .commentsForm textarea, .commentsForm input[type="text"], .commentsForm input[type="password"], ul > li.share > ul.shareDrop:before, ul > li.like > a > span.likePost, ul > li.likeActive > a > span.likePost, .author .socPage ul li a, .relatedPostWrap .wrap:before, .portfolioWrap .isotopePadding:before, .isotopeFiltr ul a .data_count, .menuSearch .searchSubmit:before, .upToScroll a, .menu_center .topWrap .search.SearchHide, .tp-leftarrow.default, .tp-rightarrow.default, .relatedPostWrap.sc_blogger article .readmore_blogger, .relatedPostWrap.sc_blogger article .wrap_bottom_info, .relatedPostWrap article a, .widget_area .tabs_area ul.tabs a, .topWrap.styleFon .cart .cart_button:before, .topWrap.styleFon .search .searchForm .searchField, .iColorPicker:before, #custom_options .co_options #co_bg_pattern_list a img, .revlink, .openResponsiveMenu, .openResponsiveMenu:before, .flex-direction-nav a, a.sc_icon.bg_icon.sc_icon_round, a.sc_icon.no_bg_icon.sc_icon_round, a.sc_icon.no_bg_icon.sc_icon_round:before, a.sc_icon.bg_icon.sc_icon_round:before, .sc_team_item, .sc_team_item .sc_team_item_avatar, .sc_scroll_controls .swiper-direction-nav a, [class*="swiper-button-"], .sc_pricing_table .sc_pricing_columns ul, .sc_pricing_table .sc_pricing_columns ul li, .sc_contact_form input, .sc_contact_form .next, .socPage ul li a, .menuTopWrap ul#mainmenu > li > a > .menu_item_description { -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; } .topWrap .search:not(.searchOpen) { -webkit-transition: border-color 0.3s ease-out, opacity 0.3s ease-out, width 0.3s ease-out; -moz-transition: border-color 0.3s ease-out, opacity 0.3s ease-out, width 0.3s ease-out; -ms-transition: border-color 0.3s ease-out, opacity 0.3s ease-out, width 0.3s ease-out; -o-transition: border-color 0.3s ease-out, opacity 0.3s ease-out, width 0.3s ease-out; transition: border-color 0.3s ease-out, opacity 0.3s ease-out, width 0.3s ease-out; } .topWrap .cart .cart_button { -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -ms-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } .topWrap .topMenuStyleLine a, .topWrap .topMenuStyleLine a:after, .sidemenu_wrap .sidemenu_area a, .sidemenu_wrap .sidemenu_area li:before, .topWrap .usermenu_area ul.usermenu_list > li > a, .sidemenu_wrap .usermenu_area ul.usermenu_list > li.usermenu_login > a { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .contactFooter .contactShare ul li a:hover span, .sc_team_item .sc_team_item_socials li a:hover span, .socPage li a:hover span, a.sc_image_hover .img_hover { position: absolute; -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; } .topWrap { -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; } /* breadcrumbs */ .breadcrumbs .col-sm-12 { margin-bottom: 0 !important; margin-top: 0 !important; } .breadcrumbs .container { padding-bottom: 0 !important; padding-top: 0 !important; } /*radius*/ .squareButton > span, .squareButton > a, .squareButton > button, .topWrap .cart .cart_button, .widget_area .search-form, .widget_area .tagcloud a, .widget_area .search-form input.search-field, .widget_area .tabs_area ul.tabs > li > a, input[type="text"], input[type="password"], textarea, .menuSearch .search-form, .topWrap .search, .topWrap .search:before, .inputSubmitAnimation, .user-popUp .formItems .formList li .sendEnter, .user-popUp .formItems .formList .loginSoc .iconLogin, .relatedPostWrap.sc_blogger article .readmore_blogger, .revlink, .openResponsiveMenu { -webkit-border-radius: 31px; -moz-border-radius: 31px; border-radius: 31px; } .radCircle, .zoomLens, .zoomLens:before, .sc_video_player .sc_video_play_button:after, .roundButton a, .sc_accordion .sc_accordion_item .sc_accordion_title:before, .sc_toggles .sc_toggles_item .sc_toggles_title:before, .masonry .slides .rsBullets .rsNavItem, .rsBullets .rsBullet, .hoverIncrease .hoverIcon, .hoverIncrease .hoverLink, .itemPageFull .itemDescriptionWrap .toggleButton, .author .avatar img, .comments .commBody li.commItem .avatar img, .sc_blogger.style_date .load_more:before, .searchBlock, .twitBlock .flex-direction-nav li a:before, .twitBlock .flex-direction-nav li a, .sc_testimonials .sc_testimonials_item_author .sc_testimonials_item_avatar img, .sc_testimonials .sc_testimonials_item_author .sc_testimonials_item_avatar, #mainslider .flex-direction-nav a, .sc_testimonials .flex-direction-nav a, .sc_scroll_controls .flex-direction-nav a, .pagination .flex-direction-nav a, .sc_dropcaps.sc_dropcaps_style_1 .sc_dropcap, .sc_dropcaps.sc_dropcaps_style_2 .sc_dropcap, .sc_dropcaps.sc_dropcaps_style_3 .sc_dropcap, .sc_dropcaps.sc_dropcaps_style_4 .sc_dropcap, .sc_title_bg.sc_bg_circle:before, .sc_title_bg.sc_bg_circle, .sc_timeline.style_date .sc_timeline_item .sc_timeline_date, ul.sc_list_style_disk li:before, .sc_video_player .sc_video_play_button:before, .sc_slider_flex ul.flex-direction-nav li, .sc_slider_chop ul.flex-direction-nav li, .sc_slider_swiper ul.flex-direction-nav li, .sc_infobox.sc_infobox_closeable:after, .widget_area .instagram-pics li a:before, .widget_area .flickr_images .flickr_badge_image a:before, .widget_area .calendar tbody td a, .calendar tbody td.today > span, .contactFooter .contactShare ul li a, .twitBlock .sc_slider .flex-direction-nav li a, .footerContentWrap .googlemap_button:after, .page404 .titleError > span, .pagination > ul > li > a, .pagination .pageLibrary li.libPage .navInput, .pagination .pageLibrary > li.libPage > .pageFocusBlock, .isotopeFiltr ul a .data_count, .upToScroll > a, .tp-bullets.simplebullets.round .bullet, .tp-leftarrow.default, .tp-rightarrow.default, .sc_blogger.style_image .hoverIncrease a, .sc_contact_form_order .dots > span, [class*="swiper-button-"], [class*="swiper-button-"]:before, .flex-control-paging li a, .panel-heading .panel-title>a:before, .sc_accordion .sc_accordion_item .sc_accordion_title > a:before { -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; -o-border-radius: 100%; border-radius: 100% !important; } /* custom opacity */ .hoverIncrease:hover .hoverShadow, .relatedPostWrap .wrap:hover .hoverIncrease .hoverShadow, .portfolioWrap .isotopePadding:hover .hoverIncrease .hoverShadow, .sc_team_item .sc_team_item_avatar:hover:after { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .gallery-item .gallery-item-description, .gallery-item h2, .gallery-item p, .gallery-item:hover img, .isotopeFiltr ul a .data_count, .portfolioWrap .isotopePadding:before, .hoverIncrease .hoverIcon, .hoverIncrease .wrap_hover a > span, .portfolioWrap .isotopePadding .portfolioInfo, a.sc_image_hover .img_hover, .hoverIncrease .hoverShadow, .hoverIncrease .hoverIcon, .sc_team_item_avatar:after { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .gallery-item img, .gallery-item:hover .gallery-item-description, .gallery-item:hover h2, .gallery-item:hover p, .gallery-item:hover a.info, .isotopeFiltr ul a:hover .data_count, .portfolioWrap .isotopePadding:hover .wrap_hover .hoverIcon, .portfolioWrap .isotopePadding:hover .wrap_hover .hoverLink, .portfolioWrap .isotopePadding:hover .portfolioInfo, a.sc_image_hover:hover .img_hover, .hoverIncrease:hover .hoverIcon, .hoverIncrease:hover .hoverLink, .sc_team_item .sc_team_item_avatar:hover .sc_team_item_socials li a { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } /*list*/ ul.sc_list_style_arrows { padding: 0; margin-left: 0 !important;} ul.sc_list_style_arrows li { padding: 0 0 0px 20px; list-style: none;} ul.sc_list_style_disk li { padding: 0 0 0px 20px; list-style: none;} ul.sc_list_style_arrows li:before { display: block; width: 16px; height: 22px; margin: 2px 0 0 -20px; float: left; text-align: center; line-height: 22px;} ul.sc_list_style_disk li:before { content: ''; display: block; width: 6px; height: 6px; margin: 10px 0 0 -13px; float: left; } ul.sc_list_style_arrows, ul.sc_list.sc_list_style_disk { margin: 0 !important; } /* Side menu */ .sidemenu_left .main_content { margin-left: 50px; } .sidemenu_left .main_content{ -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; } .sidemenu_left.openMenuFix .main_content{ -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; } .sidemenu_left.openMenuFix .main_content{ margin-left: 250px; } .swpLeftPos{ left: 0; width: 50px;} .sidemenu_wrap { height: 100%; position: fixed; top: 0; z-index: 2001; -webkit-perspective: 1500px; perspective: 1500px; -webkit-perspective-origin: 0% 50%; perspective-origin: 0% 50%;} .admin-bar .sidemenu_wrap { padding-top:32px; } .openMenuFix .sidemenu_wrap{ width: 250px;} .sidemenu_wrap .logo { display: block; text-align: center; padding: 50px 0;} .sidemenu_wrap .logo a { display: block; } .sidemenu_wrap .logo img { height: 25px; margin: 0; } .sidemenu_wrap .logo .logo_text { color: #ffffff; margin: 0; display: block; font-size: 30px; font-weight: 700; line-height: 35px; padding: 0 10px; } .sidemenu_wrap .sc_scroll, .sidemenu_wrap .sc_scroll_wrapper { /*overflow:visible;*/ /*overflow: auto;*/ } /*.sidemenu_wrap .menuTranform .mCSB_container { height: 100%; }*/ .sidemenu_wrap .mCSB_inside > .mCSB_container { margin-right: 13px; } .sidemenu_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .sidemenu_wrap .mCSB_scrollTools .mCSB_draggerRail { background-color: #e0e2e4; } .sidemenu_wrap .mCSB_scrollTools .mCSB_draggerContainer { opacity: 0; } .sidemenu_wrap .menuTranform:hover .mCSB_draggerContainer, .sidemenu_wrap .mCSB_scrollTools_onDrag .mCSB_draggerContainer { opacity: 1;} .sidemenu_wrap .mCSB_draggerContainer { -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .sidebar.sidebar_panel { width:100%; height:100%; padding: 0; } .sidebar.sidebar_panel .widgetWrap { padding-bottom: 15px; margin-bottom:15px; border-bottom:1px solid #c9c9c9; } .sidebar.sidebar_panel .widgetWrap .title { padding-bottom: 16px; } .sidebar.sidebar_panel .widgetWrap ul > li { padding-bottom:10px; } /*=quote==========================================================================================================================================*/ /*block quote*/ blockquote { margin: 2em 1em 2em 3em; font-weight: 300; border-left: 0; font-variant-caps: normal; background: #f2f2f2; padding: 1em 2em 1.5em; } blockquote p { font-size: 20px; line-height: 30px; text-transform: none; font-style: italic; } blockquote cite {display:block; margin-top:10px; } blockquote.sc_quote_style_1:before { display: block; position: absolute; z-index: 3; left: 25px; top: 15px; content:' '; height:62px; width:96px; background-position: no-repeat; } blockquote.sc_quote p { padding-bottom: 20px; } blockquote.sc_quote .sc_quote_title { padding: 0; } blockquote.sc_quote_style_1, blockquote.sc_quote_style_2 { position: relative; color:#ffffff; padding: 35px 20px 35px 40px; margin-bottom: 35px; } blockquote.sc_quote_style_1 p { color:#ffffff; position: relative; z-index: 4; } blockquote.sc_quote_style_1 { background-position: center top; background-size: auto auto; } blockquote.sc_quote_style_2 { color: #303036; border-left: 2px solid; } /* - Related post -- */ .relatedWrap { margin: 0 0 60px 0; } .relatedPostWrap { margin: 0; } .relatedPostWrap .thumb { width:100%; margin:0; } .relatedPostWrap .wrap { position: relative; min-height: 140px; margin:0; overflow: hidden; } .relatedPostWrap.sc_blogger .wrap { margin: 0; } .relatedPostWrap:after{ height:0; display:block; content:''; clear:both;} .relatedPostWrap article{ padding: 0 0 30px 0; } .relatedPostWrap .no_indent_style article, .relatedPostWrap.no_indent_style.sc_blogger article { padding: 0; margin:0; } .relatedPostWrap article .thumb img { width:100%; display: block;} .relatedPostWrap article p{ padding:0 0 20px 0;} .relatedPostWrap article .relatedInfo { position: relative; z-index:5; height: 100%; width: 100%; padding:0; font-size:12px; overflow: hidden; line-height:16px; text-align:left; } .relatedPostWrap article .relatedInfo > span a:before { margin-right: 4px; } .relatedPostWrap article .relatedInfo > span.commentPost a:before { margin-top: -4px; } /* No indent style */ .relatedPostWrap .no_indent_style article .relatedInfo > span a { color: #ffffff; } .relatedPostWrap .no_indent_style article .relatedInfo > span { margin: 15px 0 15px 15px; color: #ffffff; display: inline-block; } .relatedPostWrap .no_indent_style article .relatedInfo h5 a, .relatedPostWrap .no_indent_style article .relatedInfo h5 { color: #ffffff; } .relatedPostWrap .no_indent_style article .wrap.thumb .relatedInfo { position: absolute; top: 0; left: 0; } .relatedPostWrap .no_indent_style article .relatedInfo h5 { position: absolute; bottom: 0; left: 0; font-weight: 700; color: #ffffff; margin: 10px 15px; padding: 0; } .relatedPostWrap .no_indent_style article .wrap.thumb .relatedInfo > span { margin: 0 0 15px 15px; position: relative; top:15px; color: #ffffff; } .relatedPostWrap.sc_blogger article .relatedInfo > span a { color: #ffffff; } .relatedPostWrap.sc_blogger article .relatedInfo > span { margin: 15px 0 15px 15px; color: #ffffff; display: inline-block; } .relatedPostWrap.sc_blogger article .relatedInfo h4 a, .relatedPostWrap.sc_blogger article .relatedInfo h4 { color: #ffffff; padding: 0; } .relatedPostWrap.sc_blogger article .wrap.thumb .relatedInfo { position: absolute; top: 0; left: 0; } .relatedPostWrap.sc_blogger article .wrap.thumb .relatedInfo > span { margin: 0 0 15px 35px; position: relative; top:25px; color: #ffffff; } .relatedPostWrap.sc_blogger article .wrap.thumb .relatedInfo > span + span { margin: 0 0 15px 15px; } .relatedPostWrap.sc_blogger article .relatedInfo .title_wrap { color: #ffffff; margin: 0; padding: 0 0 10px 0; } .relatedPostWrap.sc_blogger article .relatedInfo .wrap_bottom_info { position: absolute; top: 65%; left: 0; color: #ffffff; margin: 0 30px; padding: 0; } .relatedPostWrap.sc_blogger article .relatedInfo .cat_info { display: block; margin-bottom: 3px; } .relatedPostWrap.sc_blogger article .relatedInfo .cat_info, .relatedPostWrap.sc_blogger article .relatedInfo .cat_info a { font-size: 12px; font-weight: 700; color: #ffffff; letter-spacing: 1px; text-transform: uppercase; } .relatedPostWrap.sc_blogger article .relatedInfo .post_format_wrap { margin: 0 0 27px; font-size: 14px; font-weight: 300; line-height: 22px; } .relatedPostWrap.sc_blogger article .readmore_blogger { height: 50px; line-height: 50px; font-size: 14px; font-weight: 100; letter-spacing: 2px; padding: 0 30px; text-transform: uppercase; color: #ffffff; display: inline-block; background-color: rgba(255, 255, 255, 0.2); } .relatedPostWrap.sc_blogger article a.readmore_blogger:hover { background-color: #ffffff; color:#392071 !important; } .relatedPostWrap.sc_blogger article:hover .wrap_bottom_info { top: 70px; } /* - Indent style - */ .relatedPostWrap .indent_style article .wrap .relatedInfo { z-index: 9; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 25px 15px 20px; position: absolute; height: auto; bottom: -250px; left: 0; text-align: center; background-color: #EAE2DE; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; } .relatedPostWrap .indent_style article .wrap:hover .relatedInfo { bottom: 0; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .relatedPostWrap .indent_style article .relatedInfo h5 { padding-bottom: 3px; } .relatedPostWrap .wrap:before { background-color: #392071; content: ""; display: block; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 3; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .relatedPostWrap .indent_style article { padding-right: 30px; } .relatedPostWrap .wrap:hover:before { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .relatedPostWrap.sc_blogger .wrap:before { background-color: rgba(1, 1, 1, 0.5); opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .relatedPostWrap.sc_blogger .wrap:hover:before { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } /* isotope */ .isotopeFiltr ul { margin: 0; text-align: center; padding: 45px 0 25px 0; } .portfolio_columns_page .isotopeFiltr ul { padding-top: 0; } .isotopeFiltr .squareButton, .isotopeFiltr .squareButton + .squareButton { margin: 0 5px 5px 0; height: auto; } .isotopeFiltr ul a { overflow: visible; height: 50px; line-height: 50px; padding: 0 30px; border: 1px solid transparent; box-sizing: border-box; text-transform: uppercase; background-color: transparent; font-weight: 300; color: #acb4b6; letter-spacing: 1px; position: relative; font-size: 14px; } .isotopeFiltr ul li.active a, .isotopeFiltr ul a:hover, .isotopeFiltr ul a:active { border-color: #dcdfe0; background-color: transparent; color: #acb4b6 !important; } .isotopeFiltr ul a:hover .data_count { z-index: 1; top: -45px; } .portfolioWrap.NOspacing .isotopeFiltr ul { padding: 60px 0; } .portfolio_page .portfolioWrap.NOspacing .isotopeFiltr ul, .left_menu_page .portfolioWrap.NOspacing .isotopeFiltr ul { padding: 0 0 60px; } .isotopeFiltr ul a .data_count { z-index: -1; display: block; height: 30px; left: 50%; margin: 0 0 0 -15px; position: absolute; top: -60px; width: 30px; padding: 0; line-height: 30px; text-align: center; font-size: 12px; font-weight: 300; color: #ffffff; } .isotopeFiltr ul a .data_count:before { bottom: -3px; content: ""; height: 8px; left: 50%; margin-left: -4px; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); width: 8px; z-index: 1; } .masonry.grid { margin: 0; padding: 0 0 40px 0; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .masonry{ padding:0 0 40px 0; margin:0 -40px 0 0 ;} .masonry.grid{ margin:0;} .masonry-colums-1{ margin:0 -30px 0 0 ;} .masonry:after{ clear:both; content:''; height:0; display:block;} .masonry .isotopePadding {margin: 0 30px 0 0; position: relative; background:#EAE2DE; } .portfolioWrap .masonry.portfolioNOspacing article { margin: 0; background: transparent; } .portfolioWrap .masonry.portfolioNOspacing article .ellNOspacing { margin: 0; position: relative; } .masonry .isotopePadding.bg_post .infoPost.bog_post_info { padding: 0; overflow: hidden; } .masonry .isotopePadding.bg_post .post_wrap_part .infoPost.bog_post_info { padding: 35px 40px; } .masonry .isotopePadding.bg_post .post_wrap { padding: 30px 35px 35px; } .with_sidebar .masonry.masonry-colums-3 .isotopePadding.bg_post .post_wrap_part .infoPost.bog_post_info, .with_sidebar .masonry.masonry-colums-4 .isotopePadding.bg_post .post_wrap_part .infoPost.bog_post_info { padding: 25px 20px; } .with_sidebar .masonry.masonry-colums-3 .isotopePadding.bg_post .post_wrap, .with_sidebar .masonry.masonry-colums-4 .isotopePadding.bg_post .post_wrap { padding: 20px 25px 25px; } .with_sidebar .masonry.masonry-colums-3 .infoPost > span.commentPost, .with_sidebar .masonry.masonry-colums-4 .infoPost > span.commentPost { margin-left: 10px; } .masonry article{ float:left; padding:0 0 0 0; margin: 30px 0 0 0; } .fullscreen .masonry article{ margin: 30px 0 0 0; } .masonry article .thumb{ width:100%;} .masonry article .thumb img { width:100%; height: auto; display: block;} .masonry article h4{ padding: 0 0 25px 0;} .masonry article .sc_quote_title{ font-size:18px; padding:0 0 20px 0; } .masonry article p{ 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 .slides{ position:relative; } .masonry .slides .rsBullets{ position: absolute; left:0; bottom:35px; text-align:center; height:20px; width:100%; z-index:789; overflow:hidden; } .masonry .slides .rsBullets .rsBullet { height:10px; width:10px; display: inline-block; background:#fff; margin:2px 5px 0 5px; vertical-align:top; cursor:pointer; } .masonry .slides .rsBullets .rsNavSelected{ height:12px; width:12px; background-color:transparent; border:1px solid #fff; margin:0 3px 0 3px;} .masonry.masonry-colums-4 .isotopePadding.bg_post.bg_post .post_wrap { padding: 20px 25px 25px; } .masonry.masonry-colums-4 .isotopePadding.bg_post .post_wrap_part .infoPost.bog_post_info { padding: 25px 30px; } .masonryLoad { padding:0 0 50px 0; text-align:center;} .masonryLoad:after{ display:block; content:''; clear:both; height:0;} .fullwidth .isotopeFiltr /*itemPage*/ .itemPage:after{ content:""; display:block; clear:both; height:0;} .itemPage .thumb{ margin:0 0 70px 0;} .itemPage .thumb img{ display:block; } .itemPage h1{ text-align:left; padding:0 0 50px 0; } .itemPage .itemInfo { padding:0 0 50px 0;} .itemPageFullWrapper .itemInfo { padding:0 0 30px 0;} .itemPage .itemInfo:after, .itemPageFullWrapper .itemInfo:after { height:0; display:block; content:''; clear:both;} .itemPage .itemInfo .infoPost, .itemPageFullWrapper .itemInfo .infoPost { float:left; padding:0; line-height:30px;} .itemPage .itemInfo .postSharing, .itemPageFullWrapper .itemInfo .postSharing { float:right; padding:0 0 0 50px; } .itemPageFull{ position:relative; overflow:hidden; } .itemPageFull:after{ content:""; display:block; clear:both; height:0; } .itemPageFull .thumb{ width:100%; height:100%; overflow:hidden; 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; } .itemPageFull .thumb img{ display:block; width:100%; } .itemPageFull .itemDescriptionWrap{ position:absolute; width:100%; max-height:50%; 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 .itemDescriptionWrap h1{ text-align:center; padding:0 110px 30px 110px; font-weight: 100;} .itemPageFull .itemDescriptionWrap .main{ position:relative;} .itemPageFull .itemDescriptionWrap .toggleDescription{ display:none;} .itemPageFull .itemDescriptionWrap .toggleDescription p{ padding-bottom: 20px;} .itemPageFull .itemDescriptionWrap .toggleButton { display:none; 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 .itemDescriptionWrap .toggleButton:hover{ background-color:#ffffff; color:#888888; border:1px solid #ddd;} .itemPageFull .itemDescriptionWrap .toggleButton:before{ font-family: "fontello"; display:block; height:48px; width:48px; text-align:center; line-height:48px; font-size:25px; } .itemPageFull .itemDescriptionWrap .toggleButton{ right:0;} .itemPageFull .itemDescriptionWrap .toggleButton:before{ content:'\e861'} .itemPageFull .itemDescriptionWrap:hover .toggleButton:before, .itemPageFull .itemDescriptionWrap.descriptionShow .toggleButton:before{ content:'\e856'; } .itemPageFull .itemInfo { padding:0 0 50px 0;} .itemPageFull .itemInfo:after{ height:0; display:block; content:''; clear:both;} .itemPageFull .itemInfo .infoPost{ float:left; padding:0; line-height:30px;} .itemPageFull .itemInfo .postSharing{ float:right; padding:0 0 0 50px; } .imgNav{ position:relative; } .imgNav img{ position:relative;} .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: rgba(255,255,255,0.8); padding:0 40px 0 90px; margin: 0 0 0 -300px; overflow:hidden; max-width:240px;} .imgNav .itemNext span.itInf{ display:block; height:50px; width:auto; float:right; background: rgba(255,255,255,0.8); padding:0 90px 0 40px; margin: 0 -300px 0 0; overflow:hidden; max-width:240px;} .imgNav .itemPrev .titleItem, .imgNav .itemNext .titleItem{ display:block; font-size:14px; line-height: 16px; padding:8px 0 0 0 ; } .imgNav .itemPrev:before, .imgNav .itemNext:before { width:48px; height:48px; border:1px solid #ddd; display:block; background: rgba(255,255,255,0.8); position:absolute; top:50px; font-family: "fontello"; color:#888888; font-size:20px; text-align:center; line-height:50px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .imgNav:hover .itemPrev:before, .imgNav:hover .itemNext:before { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .imgNav .itemPrev:before{ content:'\e82b'; left:50px;} .imgNav .itemNext:before{ content:'\e82c'; 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; opacity: 0;} .imgNav .itemNext:hover:before{ right:0; opacity: 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; } .imgNav .itemPrev:before, .imgNav .itemNext:before, .imgNav .itemPrev .itInf, .imgNav .itemNext .itInf {-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px ;} /* google maps */ /* - Google Maps - */ #map { height: 400px; } #map img { max-width: inherit; } #map_section { overflow: hidden; } .map_hidden { display: none; } .footerContentWrap .sc_googlemap { width:100%; min-height: auto; max-height: 100%; } .footerContentWrap .sc_googlemap.hide { height:0 !important; min-height: 0 !important; } .footerContentWrap .googlemap_button { position: relative; min-height: 105px; line-height: 105px; color: #fff; font-size: 20px; font-weight: 300; cursor: pointer; } .footerContentWrap .googlemap_button:after { height: 20px; width: 20px; line-height: 22px; font-size: 14px; margin: -10px 0 0 8px; padding: 0; overflow:hidden; content: '\e82e'; font-family: "fontello"; text-align: center; background-color: #ffffff; position: absolute; right: auto; top: 50%; } .footerContentWrap .googlemap_button.open:after { content: '\e831'; line-height: 20px; } /*=== [ Form & Socials ] =========================================================================================*/ /* - Contact Form - */ .columnsWrap { overflow: hidden; } .commentsForm .columnsWrap, .comment-respond .columnsWrap, .sc_contact_form .columnsWrap { padding: 0 0 30px 0; } .sc_contact_form .columnsWrap { text-align: left; } .sc_contact_form .quote_form { float: left; width: 49%; } .sc_contact_form .quote_form + .quote_form { float: right; } .commentsForm .message, .comment-respond .message, .sc_contact_form .message { clear:both; padding: 0 0 5px 0; } .sc_contact_form .message { overflow: hidden; } .commentsForm input, .comment-respond input, .sc_contact_form input { width:100%; } .comment-respond textarea, .sc_contact_form textarea { width: 100%; overflow: hidden; word-wrap: break-word; resize: none; height: 155px; box-sizing: border-box; -moz-box-sizing: border-box; } .commentsForm textarea { min-height: 100px; } .commentsForm .enterBlock, .comment-respond .enterBlock { padding:20px 0 30px 0; } .commentsForm .enterBlock .squareButton, .comment-respond .enterBlock .squareButton { float:left; } .commentsForm .columnsWrap .col-sm-6:first-child { padding-left: 0;} .commentsForm .columnsWrap .col-sm-6:last-child { padding-right: 0;} form .sc_infobox { display:none; margin-top:30px; } .sc_contact_form .description { padding-bottom: 30px; } .sc_contact_form label{ float: left; } .sc_contact_form label.required:after{ float: right; } .sc_contact_form input[type="text"], .sc_contact_form input[type="password"] { height: 54px; line-height: 18px; } .sc_contact_form input[type="text"], .sc_contact_form input[type="password"], .sc_contact_form textarea { background-color: transparent; border: none; border-bottom: 1px solid #d5d9da; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; display: block; padding-left: 0; } .sc_contact_form textarea { padding: 20px 0 0 0; line-height: 20px; } .sc_contact_form input[type="text"]:focus, .sc_contact_form input[type="password"]:focus, .sc_contact_form textarea:focus, .commentsForm input[type="text"]:focus, .commentsForm input[type="password"]:focus, .commentsForm textarea:focus { border-color: #303036; color: #303036;} .sc_contact_form .sc_contact_form_button { text-align:center; padding:50px 0 30px 0; } form .error_fields_class, form input.error_fields_class:focus, form textarea.error_fields_class:focus { border-color: #da6f5b !important;} /* forms */ .form-submit { display:none; } .form-submit { text-align:right; margin-top: 20px; } .form-submit input[type="submit"], .form-submit input[type="button"] { width:auto; display: inline-block; padding:0 10px; } .comments .comment_not_approved { padding: 0 0 10px 0; font-style:italic; font-weight:400; } .commentsForm #reply-title { display:none; } /*form*/ input[type="text"], input[type="password"] { height:48px; line-height:20px; padding:0 20px; box-sizing: border-box; -moz-box-sizing: border-box; } textarea { padding:20px; resize:vertical; box-sizing: border-box;} textarea.textAreaSize{ max-height: 500px !important;} input[type="text"], input[type="password"], textarea { font-family: inherit; font-size: 14px; outline:none; color:#acb4b6; border: 0px solid #dcdfe0; margin: 0; } 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: #303036; display: block; font-weight: 700; height: 15px; letter-spacing: 1px; line-height: 14px; text-transform: uppercase; } label.required:after{ color:#e3493c; content:'*'; display:block; float:left; margin:0 1px; } /* - Socials - */ .socPage { min-height: 40px; text-align: left; } .socPage ul{ margin: 0 0 0 0; padding: 0; text-align: left; min-height: 40px; overflow: hidden; } .socPage ul > li { color: #acb4b6; } .socPage ul li { margin: 0 20px 0 0; list-style: none; display: inline-block; min-height: 25px; font-size: 30px; line-height: 25px; font-weight: 100; position: relative; } .author .socPage ul li a, /* .socPage ul li a { width: 40px; height: 40px; display: block; overflow: hidden; position: relative; background-color: #4f555d; border-radius: 50px; color: #fff; padding: 0; text-align: center; } */ .author .socPage ul li a { background-color: #e0e2e4; } .socPage a[class^="socialico-"]:before { font-size: 22px; line-height: 40px; width: 40px; height: 40px; } .socPage a.socialico-vimeo:before { font-size: 15px; } .widget_socials .socPage ul li a:hover { color: #fff !important; } /*standard popUp*/ .user-popUp{ position: relative; background: #FFF; padding: 0; width:auto; max-width: 600px; margin: 20px auto; } .user-popUp .sc_tabs{ margin: 0;} .user-popUp .mfp-close{ display: none;} .user-popUp ul.loginHeadTab{ height: 75px; padding: 0; margin: 0 0 -1px 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: #EAE2DE; 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: #dcdfe0; color: #a2a7b4; font-size: 23px; text-align: center; line-height: 74px; font-weight: 300; overflow: hidden;} .user-popUp ul.loginHeadTab li a:before{ font-family: "rt-icons"; display: inline-block; padding: 0 10px 0 0; font-size: 14px; line-height: 14px;} .user-popUp ul.loginHeadTab li a.loginFormTab:before{ content: '\e6de';} .user-popUp ul.loginHeadTab li a.registerFormTab:before{ content: '\e62a'; font-size: 20px;} .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: 0; top:0; padding: 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: #000000;} .user-popUp .formItems{ padding: 0 40px; } .user-popUp .formItems form{ padding: 0; margin: 0; position:relative; } .user-popUp .formItems:after{ content: ''; height: 0; display: block; clear: both; } .user-popUp .formItems .itemformRight { float: left; width: 49.9%; padding: 40px 0;} .user-popUp .formItems .itemformLeft { float: left; width: 50.1%; padding: 40px 0;} .user-popUp .formItems.loginFormBody{ margin: 0 ; } .user-popUp .formItems.loginFormBody .itemformLeft{ border-right: 1px solid #dcdfe0; } .user-popUp .formItems.loginFormBody .itemformLeft ul{ padding: 0 40px 0 0;} .user-popUp .formItems.loginFormBody .itemformRight{ margin: 0 -1px 0 0 ; } .user-popUp .formItems.loginFormBody .itemformRight ul{ padding: 0 0 0 40px;} .user-popUp .formItems.registerFormBody .itemformLeft ul{ padding: 0 15px 0 0;} .user-popUp .formItems.registerFormBody .itemformRight ul{ padding: 0 0 0 15px;} .user-popUp .formItems.loginFormBody .remember{ color: #99a2ac; font-size: 12px; height: 15px; line-height: 15px; padding: 30px 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{ text-transform: none; text-transform: none; color: inherit; font-weight: 300; float: left; vertical-align: middle;} .user-popUp .formItems.loginFormBody .remember .forgotPwd { float: right; } .user-popUp .formItems.loginFormBody .remember .forgotPwd:hover { } .user-popUp .formItems.registerFormBody .i-agree{ color: #99a2ac; font-size: 12px; height: 15px; line-height: 15px; padding: 30px 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; color: inherit; font-weight: 300; text-transform: none;} .user-popUp .formItems.registerFormBody .i-agree a { display: inline-block; margin: 0 0 0 5px;} .user-popUp .formItems.registerFormBody .i-agree a:hover { } .user-popUp .formItems.loginFormBody .itemformRight { font-size: 12px;} .user-popUp .formItems.registerFormBody .itemformRight .formDescription { font-size: 10px; padding-left: 20px;} .user-popUp .formItems .formList .loginSoc{ padding: 20px 0; height: 80px;} .user-popUp .formItems .formList .loginSoc .iconLogin{ width: 40px; height: 40px; display: block; float: left;} .user-popUp .formItems .formList .loginSoc .iconLogin + .iconLogin{ margin: 0 0 0 5px;} .user-popUp .formItems .formList .loginSoc .iconLogin.fb{ background-color: #3b5998; color: #fff;} .user-popUp .formItems .formList .loginSoc .iconLogin.tw{ background-color: #00acee; color: #fff;} .user-popUp .formItems .formList .loginSoc .iconLogin.gg{ background-color: #dd4b39; color: #fff;} .user-popUp .formItems .formList .loginSoc .iconLogin:before{ font-size: 22px; font-family: "socialicoregular"; width: 40px; height: 40px; display: block; line-height: 40px; text-align: center;} .user-popUp .formItems .formList .loginSoc .iconLogin.fb:before{ content: 'F'; } .user-popUp .formItems .formList .loginSoc .iconLogin.tw:before{ content: 'L'; } .user-popUp .formItems .formList .loginSoc .iconLogin.gg:before{ content: 'G'; } .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="password"]{ width: 100%; margin: 0 0 5px 0; padding: 0 40px 0 15px} .user-popUp .formItems .formList li.icon{ overflow: hidden; position: relative;} .user-popUp .formItems .formList li.icon:before{ color: #dcdfe0; width: 36px; height: 26px; position: absolute; top: 50%; margin: -14px 0 0 0; right: 5px; display: block; z-index: 1; line-height: 26px; text-align: center; font-family: "FontAwesome";border-left: 1px solid #dcdfe0; opacity: 1; } .user-popUp .formItems .formList li input[type="text"], .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 input:focus { color: #1a1d1f; } .user-popUp .formItems .formList li.icon.iconFocus:before{ width: 0; right: -5px; content: '';} .user-popUp .formItems .formList li.icon.formLogin:before{ content: '\f0e0'; } .user-popUp .formItems .formList li.icon.formUser:before{ content: '\f007'; } .user-popUp .formItems .formList li.icon.formPass:before{ content: '\f023'; } .user-popUp .formItems .formList li .sendEnter{ font-size: 14px; height: 50px; letter-spacing: 2px; line-height: 50px; padding: 0 30px; text-transform: uppercase; display: block; text-decoration: none; color: #ffffff; cursor: pointer; font-weight: 300; text-align: center;} .user-popUp .formItems .formList li .sendEnter:hover{ background-color: #323232; color: #fff; border-color: #323232;} .user-popUp .formItems .result p { padding: 0; } .user-popUp #loginForm .result { position: absolute; top:0; left:0; width:195px; height:45px; z-index:3000; display:none; } .user-popUp #registerForm .result { position: absolute; top:0; left:0; width:485px; height:45px; z-index:3000; display:none; } body .mfp-bg { background-color: rgba(0, 0, 0, 0.7) !important; } /*=Title==================================================================================================================================================================*/ .sc_title { padding: 0 0 10px 0; } .sc_title_underline { overflow: hidden; padding-bottom:5px; } .sc_title_underline:after { content:''; display:block; margin:30px auto 5px; background-color: rgba(142, 144, 146, 0.2) !important; height:1px; width:105px; } .sc_title_align_left.sc_title_underline:after { margin:30px 0; background-color: rgba(142, 144, 146, 0.2) !important; height:1px; width:105px; } .sc_title_align_right.sc_title_underline:after { width: 100%; } .sc_title_icon { display:block; width: 70px; height: 70px; margin: 0 auto; overflow:hidden; vertical-align: middle; } .sc_title_icon:before { font-size: 60px; display: block; width: 70px; height: 70px; text-align: center; line-height: 70px; vertical-align: middle; padding:0; text-indent:0; margin:0; box-sizing: border-box; -moz-box-sizing: border-box; } .sc_title_icon.sc_size_medium { font-size: 50px; width:50px; height: 50px; } .sc_title_icon.sc_size_medium:before { font-size: 50px; width:50px; height:50px; line-height:50px; } .sc_title_icon.sc_size_large { font-size: 60px; width:70px; height: 70px; } .sc_title_icon.sc_size_large:before { font-size: 60px; width:70px; height: 70px; line-height: 70px; } .sc_title_icon.sc_size_big { font-size: 70px; width:80px; height: 80px; } .sc_title_icon.sc_size_big:before { font-size: 70px; width:80px; height:80px; line-height:80px; } .sc_title_icon.sc_size_huge { font-size: 80px; width:90px; height: 90px; } .sc_title_icon.sc_size_huge:before { font-size: 80px; width:90px; height:90px; line-height:90px; } .sc_title_icon.sc_title_bg:before { font-size: 25px; } .sc_title_icon.sc_title_icon.sc_size_medium.sc_title_bg:before { font-size: 16px; } .sc_title_icon.sc_title_bg { color: #fff; } .global .sc_title_icon:before, .bg_tint_dark .sc_title_icon:before { color:#fff; } .sc_title_top { margin: 0 auto 14px; } .sc_title_left { float: left; margin: 0 20px 15px 0; } .sc_title_right { float: right; margin: 0 0 15px 20px; } h1.sc_title .sc_title_icon, .h1.sc_title .sc_title_icon, h1.sc_title .sc_title_image, .h1.sc_title .sc_title_image { width: 64px; height: 64px;} h2.sc_title .sc_title_icon, .h2.sc_title .sc_title_icon, h2.sc_title .sc_title_image, .h2.sc_title .sc_title_image { width: 52px; height: 52px;} h3.sc_title .sc_title_icon, .h3.sc_title .sc_title_icon, h3.sc_title .sc_title_image, .h3.sc_title .sc_title_image { width: 39px; height: 39px;} h4.sc_title .sc_title_icon, .h4.sc_title .sc_title_icon, h4.sc_title .sc_title_image, .h4.sc_title .sc_title_image { width: 32px; height: 32px;} h5.sc_title .sc_title_icon, .h5.sc_title .sc_title_icon, h5.sc_title .sc_title_image, .h5.sc_title .sc_title_image { width: 24px; height: 24px;} h6.sc_title .sc_title_icon, .h6.sc_title .sc_title_icon, h6.sc_title .sc_title_image, .h6.sc_title .sc_title_image { width: 22px; height: 22px;} h1.sc_title .sc_title_icon:before, .h1.sc_title .sc_title_icon:before { width: 64px; height: 64px; font-size: 61px; line-height: 74px;} h2.sc_title .sc_title_icon:before, .h2.sc_title .sc_title_icon:before { width: 52px; height: 52px; font-size: 50px; line-height: 54px;} h3.sc_title .sc_title_icon:before, .h3.sc_title .sc_title_icon:before { width: 39px; height: 39px; font-size: 36px; line-height: 36px;} h4.sc_title .sc_title_icon:before, .h4.sc_title .sc_title_icon:before { width: 32px; height: 32px; font-size: 30px; line-height: 30px;} h5.sc_title .sc_title_icon:before, .h5.sc_title .sc_title_icon:before { width: 24px; height: 24px; font-size: 20px; line-height: 22px;} h6.sc_title .sc_title_icon:before, .h6.sc_title .sc_title_icon:before { width: 22px; height: 22px; font-size: 16px; line-height: 20px;} h1.sc_title .sc_title_icon.sc_title_bg:before, .h1.sc_title .sc_title_icon.sc_title_bg:before { font-size: 49px; line-height: 74px; } h2.sc_title .sc_title_icon.sc_title_bg:before, .h2.sc_title .sc_title_icon.sc_title_bg:before { font-size: 38px; line-height: 54px; } h3.sc_title .sc_title_icon.sc_title_bg:before, .h3.sc_title .sc_title_icon.sc_title_bg:before { font-size: 23px; line-height: 44px; } h4.sc_title .sc_title_icon.sc_title_bg:before, .h4.sc_title .sc_title_icon.sc_title_bg:before { font-size: 18px; line-height: 32px; } h5.sc_title .sc_title_icon.sc_title_bg:before, .h5.sc_title .sc_title_icon.sc_title_bg:before { font-size: 16px; line-height: 22px; } h6.sc_title .sc_title_icon.sc_title_bg:before, .h6.sc_title .sc_title_icon.sc_title_bg:before { font-size: 14px; line-height: 20px; } .sc_title_image { display:block; text-align: center; max-width:60px; } .sc_title_image.sc_size_small { max-width:30px; } .sc_title_left.sc_title_image.sc_size_small { margin-right:10px; } .sc_title_image.sc_size_medium { max-width:60px; } .sc_title_image.sc_size_large { max-width:80px; } .sc_title_divider { position:relative; padding-left: 5ex; padding-right: 5ex; } .sc_title_divider .sc_title_divider_before, .sc_title_divider .sc_title_divider_after { display:block; width:4ex; height:2px; background-color:#222222; position:absolute; top: 50%; margin-top:-3px; } .sc_title_divider .sc_title_divider_before { left:0; } .sc_title_divider .sc_title_divider_after { right:0; } /*=Line==================================================================================================================================================*/ .sc_line { display: block; clear: both; width: 100%; margin: 0 0 30px 0; height: 0; border: 0; border-top-width: 1px; border-style: solid; border-color: #e8e9e9; } .sc_line.sc_line_style_solid_dark { border-top-color: #303036; } .sc_line.sc_line_style_dashed { border-style: dashed; } .sc_line.sc_line_style_dotted { border-style: dotted; } .sc_line.sc_line_style_double { height: 4px; border-bottom-width: 1px; } .sc_line_bottom { display: block; width: 100%; margin: 0 0 30px 0; border: 0; border-bottom-width: 1px; border-style: solid; border-color: #e8e9e9; } .sc_line_before:before, .sc_line_after:after{ border-bottom: 1px solid rgba(142,144,146,0.3); width: 100%; content: ""; display: block; position: relative; left: 0; bottom: 0; clear: both; } .sc_line_after:after { top: 80px; } /*=banner==========================================================================================================================================*/ .sc_banner { display: block; position: relative; overflow: hidden;} .sc_banner:before { content:''; top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1; opacity: 0.3; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1);} .sc_banner:hover:before { -webkit-transform: translate(0px, 0px) scale(0.9, 0.9); -moz-transform: translate(0px, 0px) scale(0.9, 0.9); -o-transform: translate(0px, 0px) scale(0.9, 0.9); -ms-transform: translate(0px, 0px) scale(0.9, 0.9); transform: translate(0px, 0px) scale(0.9, 0.9); } .sc_banner .sc_banner_image { width: 100%; display: block; -webkit-transition: all 4s ease-out; -moz-transition: all 4s ease-out; -ms-transition: all 4s ease-out; -o-transition: all 4s ease-out; transition: all 4s ease-out; -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1);} .sc_banner:hover .sc_banner_image { -webkit-transform: translate(0px, 0px) scale(1.1, 1.1); -moz-transform: translate(0px, 0px) scale(1.1, 1.1); -o-transform: translate(0px, 0px) scale(1.1, 1.1); -ms-transform: translate(0px, 0px) scale(1.1, 1.1); transform: translate(0px, 0px) scale(1.1, 1.1); } .sc_banner .sc_banner_title { position: absolute; right: 20px; font-size: 24px; font-weight: 100; left: 20px; bottom: 50%; text-align: center; color: #fff; z-index: 2;} .sc_banner .sc_banner_content { position: absolute; font-size: 14px; font-weight: 100; right: 20px; left: 20px; top: 50%; text-align: center; color: #fff; z-index: 2;} .sc_banner .sc_banner_content:before { content: ''; display: block; width: 40px; height: 1px; background: #fff; margin: 10px auto;} /*=== [ Button & Pagination ] =========================================================================================*/ /*pagination*/ .pagination { padding:0; text-align: center; width: 100%;} .pagination:after { display:block; content:""; clear:both;} .pagination > ul { margin:0; padding:0;} .pagination > ul > li{ float:none; list-style:none; height: auto; } .pagination > ul > li > a{ background-color: #EAE2DE; display:block; color:#5a6266; width: 40px; height: 40px; line-height: 40px; padding: 0; } .pagination > ul > li > span{ display:block; width: 40px; height: 40px; line-height: 40px; padding: 0; } .pagination > ul > li > a .icon{ width:12px; height:12px; font-size:12px; line-height:9px; display:inline-block; vertical-align:middle;} .pagination > ul > li > a .icon:before{ margin:0;} .pagination > ul > li > a:hover, .pagination > ul > li > a:active { color: #ffffff; } .pagination > ul > li.pager_prev > a, .pagination > ul > li.pager_next > a{ display: block; text-indent: -1000px; } .pagination > ul > li.pager_prev > a:before, .pagination > ul > li.pager_next > a:before { font-family: "fontello"; font-style: normal; font-weight: normal; height:40px; width: 40px; line-height:40px; display:block; text-indent: 0; content:'\e82b'; } .pagination > ul > li.pager_next > a:before { content:'\e82c'; } /*.pagination .squareButton { margin: 0 5px 5px 0;}*/ .pagination .pageLibrary > li{ height:40px; line-height:40px;} .pagination .pageLibrary > li > a { height:40px;} .pagination .pageLibrary > li.leftPage .icon{ margin-right:2px;} .pagination .pageLibrary > li.rightPage .icon{ margin-left:4px;} .pagination .pageLibrary > li.libPage{ height:30px; line-height:30px; padding:0 18px 8px 10px; position:relative;} .pagination .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*/ .pagination .pageLibrary > li.libPage > .pageFocusBlock{ position:absolute; z-index:1000; border:1px solid #ddd; background:#fff; bottom:50px; left:-68px; padding:15px 15px 0 15px ; display:none; width:340px; direction: ltr; } .pagination .pageLibrary > li.libPage > .pageFocusBlock.navPadding { padding:75px 0 0 0;} .pagination .pageLibrary > li.libPage > .pageFocusBlock > * { float: left; } .pagination .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); 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; } .pagination .pageLibrary > li.libPage > .pageFocusBlock .flex-direction-nav { position:absolute; top:20px; list-style:none; margin:0; padding:0; width:100%;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .flex-direction-nav li { list-style:none; margin:0; padding:0;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .flex-direction-nav li a { width: 37px; height: 37px; display: block; position: absolute; z-index: 10; text-align:center; border: 1px solid #ddd; font-size:18px; } .pagination .pageLibrary > li.libPage > .pageFocusBlock .flex-direction-nav li a:before { line-height:37px; color: #888888; } .pagination .pageLibrary > li.libPage > .pageFocusBlock .flex-direction-nav .flex-prev { left:15px;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .flex-direction-nav .flex-next { right:15px;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .sc_slider{ width: 340px; height:225px; overflow: hidden;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber{ margin:0;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table{ font-size:36px; font-weight:100;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td{ text-align:center; vertical-align:middle; padding:0; margin:0; width:68px; height:55px;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td a{ display:inline-block; text-align:center;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td a.active, .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td a:hover{ font-weight:600;} .pagination .pageLibrary > li.libPage > .pageFocusBlock .pageNumber table td a.active{ color:#222222; cursor:default;} /*shadow HR*/ .hrShadow { position:relative; border-bottom:1px solid #e8e9e9;} /* Square button */ .squareButton.fullSize a, .squareButton.fullSize button { width: 100%; height: 90px; border-radius: 0; line-height: 90px; font-size: 23px; } .squareButton.fullSize a:before, .squareButton.fullSize button:before { padding:0 9px 0 0 ; } /* Square button */ .squareButton + .squareButton { margin: 0 0 0 10px; } input[type="submit"], input[type="button"], .squareButton { height:30px; list-style: none; display: inline-block; vertical-align:bottom; position:relative; } .squareButton.medium{ height:40px;} .squareButton.big { height:50px;} .squareButton.banner { height:90px;} .squareButton.fullSize{ display: block; text-align: center; margin: 0; clear:both; width: 100%; height: auto;} .squareButton.fullSize.ico a:before, .squareButton.fullSize.ico button:before{ display: inline-block; float: none;} input[type="submit"], input[type="button"], .squareButton > a, .squareButton > button, .squareButton > span { height:40px; line-height:40px; display: block; padding: 0 10px; color: #ffffff; position: relative; font-size:14px; cursor:pointer; font-weight:100; background-color:#e3493c; overflow: hidden;} .squareButton.medium > a, .squareButton.medium > button, .squareButton.medium > span { height:40px; line-height:40px; font-size:14px; font-weight: 100; letter-spacing: 0; padding:0 30px; } .squareButton.big > a, .squareButton.big > button, .squareButton.big > span { height:50px; line-height:50px; font-size:14px; font-weight: 100; letter-spacing: 2px; text-transform: uppercase; padding:0 30px; } /* for chrom, right truncated. */ .squareButton.medium.sc_button_style_border:not(.ico) > a, .squareButton.medium.sc_button_style_border_1:not(.ico) > a, .squareButton.medium.sc_button_style_border:not(.ico) > button, .squareButton.medium.sc_button_style_border_1:not(.ico) > button { height:38px; line-height:38px; } .squareButton.big.sc_button_style_border:not(.ico) > a, .squareButton.big.sc_button_style_border_1:not(.ico) > a, .squareButton.big.sc_button_style_border:not(.ico) > button, .squareButton.big.sc_button_style_border_1:not(.ico) > button { height: 48px; line-height: 48px; } .squareButton:not(.ico) > a, .squareButton:not(.ico) > button { display: inline-table; border-spacing: 0; } /* /for chrom, right truncated. */ .squareButton.big > a:before, .squareButton.big > button:before { font-size:24px; } .squareButton.banner > a, .squareButton.banner > button, .squareButton.banner > span{ height:88px; line-height:88px; font-size:23px; padding:0 30px 0 25px; } .squareButton.dark > a, .squareButton.dark > button, .squareButton.dark > span { background-color:#141a22; color:#fff;} .squareButton.global > a, .squareButton.global > span, .squareButton.accent_1 > a, .squareButton.accent_1 > span, .squareButton.accent_2 > a, .squareButton.accent_2 > button, .squareButton.accent_2 > span, .squareButton.accent_3 > a, .squareButton.accent_3 > span { color:#fff;} .squareButton.gray > a, .squareButton.gray > span { color:#5a6266;} .squareButton.border > a, .squareButton.border_1 > a, .squareButton.border > a:active, .squareButton.border_1 > a:active { border: 1px solid rgba(210, 217, 224, 0.5); -moz-box-sizing: border-box; box-sizing: border-box; } .squareButton.medium > a:after, .squareButton.medium > a:before{ height:40px; line-height:40px; } .squareButton.big > a:after, .squareButton.big > a:before{ height:50px; line-height:50px; } .squareButton.banner > a:after, .squareButton.banner > a:before{ height:88px; line-height:88px; } .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 > a:active { color:#fff !important;} .squareButton.dark > a:active, .squareButton.global > a:active, .squareButton.accent_1 > a:active, .squareButton.accent_2 > a:active, .squareButton.accent_2 > button:active, .squareButton.accent_3 > a:active, .squareButton.gray > a:active { color:#fff; } .squareButton.ui-state-active > a:hover, .squareButton.ui-state-active > a, .squareButton.active > a:hover, .squareButton.active > a, .squareButton.active > span { color:#fff; cursor:default; margin:0; } .squareButton > span { cursor:default; } .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.share > a:before{ content:'\e835';} .squareButton.ico.view > a:before{ content:'\e83c';} .squareButton.ico.comm > a:before{ content:'\e830';} .squareButton.ico.left > a:before{ content:'\e85f';} .squareButton.ico.reply > a:before{ content:'\e831';} .squareButton.ico.right > a:after{ content:'\e860';} .withMargin { margin-bottom:50px; } span.squareButton.global.big{ margin-top: 20px; } .squareButton.accent_2 > a, .squareButton.accent_2 > button { background-color: #392071; color: #fff !important; display: inline-table; border-spacing: 0; } .squareButton.accent_2 > a:hover, .squareButton.accent_2 > a:active, .squareButton.accent_2 > button:hover, .squareButton.accent_2 > button:active { background-color: rgba(57, 32, 113, 0.7); } .responsive_menu [class*="sc_button_style_"] {margin: 10px 0;} .sc_button + .sc_button { margin-left: 0 !important; } /*=Table===============================================================================================================================================*/ .sc_table table { border-collapse:separate; } .sc_table table th, .sc_table table td { border-left-width:0; border-top-width:0; } .sc_table table tr th:first-child, .sc_table table tr td:first-child { border-left-width:1px; } .sc_table table thead tr:first-child th, .sc_table table thead tr:first-child td { border-top-width:1px; } .sc_table table tr.odd td { background-color:#f5f5f5;} .sc_table table th { text-align:center; } .sc_table table th, .sc_table table td { vertical-align:middle; padding:10px; } .sc_table.sc_table_size_small table th, .sc_table.sc_table_size_small table td { padding:4px; } .sc_table.sc_table_size_big table th, .sc_table.sc_table_size_big table td { padding:20px; } .sc_table.sc_table_size_no_indentation table th, .sc_table.sc_table_size_no_indentation table td { padding:0; } .sc_table a.sc_image { display: block; } .sc_table.sc_table_align_center table th, .sc_table.sc_table_align_center table td, .sc_table_grey th, .sc_table_grey td { text-align:center; } .sc_table.sc_table_align_right table th, .sc_table.sc_table_align_right table td { text-align:right; } .sc_table table thead th, .sc_table table th { text-transform:uppercase; font-size: 14px; font-weight: 600; letter-spacing: 0.5px;} .sc_table table td span { color:#303036;} .sc_table table td i { font-size:12px;} .sc_table table tr:hover { background-color: rgba(5, 209, 212, 0.15);} /* table style 1 */ .sc_table.sc_table_style_1 thead th, .sc_table.sc_table_style_1 thead td { color:#303036; } .sc_table.sc_table_style_1 tfoot th, .sc_table.sc_table_style_1 tfoot td, .sc_table.sc_table_style_1 table thead tr th, .sc_table.sc_table_style_1 table thead tr td, .sc_table.sc_table_style_1 table tfoot tr th, .sc_table.sc_table_style_1 table tfoot tr td { background-color:#f7f7f8; } /*highlights*/ .sc_highlight.sc_highlight_style_1 { text-decoration: none; display: inline-block; color: #fff; padding: 0 4px;} .sc_highlight.sc_highlight_style_2 { text-decoration: none; font-weight: 600;} .sc_highlight.sc_highlight_style_3 { text-decoration: none; display: inline-block; color: #fff; padding: 0 4px;} table { width:100%; border-spacing:0; border-collapse:collapse; } table td, table th { border:1px solid #dddddd; padding: 4px; } .content table { margin-bottom:30px; } body[class*="woocommerce-"] table th, body[class*="woocommerce-"] table td, table.calendar th, table.calendar td, #pageNavSlider table td, #pageNavSlider table th { border-width:0; } /*style light*/ .sc_pricing_light .sc_pricing_columns ul { background: #EAE2DE; } .sc_pricing_light .sc_pricing_columns:hover ul { background: #fff; } .sc_pricing_light .sc_price_item .sc_price_period { color:#acb4b6; } .sc_pricing_light .sc_price_item .sc_price_currency, .sc_pricing_light .sc_price_item .sc_price_money, .sc_pricing_light .sc_price_item .sc_price_penny { color:#303036; } .sc_pricing_light .sc_pricing_columns:hover ul.columnsAnimate .sc_price_item .sc_price_currency, .sc_pricing_light .sc_pricing_columns:hover ul.columnsAnimate .sc_price_item .sc_price_money, .sc_pricing_light .sc_pricing_columns:hover ul.columnsAnimate .sc_price_item .sc_price_penny { color: #5a6266; } .sc_pricing_light .sc_button > a { color: #5a6266; background-color: #ffffff !important; } .sc_pricing_light .sc_pricing_columns:hover ul.columnsAnimate .sc_button > a { color: #ffffff; } .sc_pricing_light .sc_pricing_columns .sc_pricing_title, .sc_pricing_light .sc_pricing_columns:hover ul.columnsAnimate li.sc_pricing_title, .sc_pricing_light .sc_pricing_columns ul li.sc_pricing_price { background-color:#f0f2f4; } .sc_pricing_light .sc_pricing_columns:hover ul.columnsAnimate .sc_pricing_title, .sc_pricing_light .sc_pricing_columns:hover ul.columnsAnimate li.sc_pricing_title, .sc_pricing_light .sc_pricing_columns:hover ul.columnsAnimate li.sc_pricing_price { background-color:#f9f9f9; } .sc_pricing_light .sc_pricing_columns:hover ul.columnsAnimate .sc_pricing_title { color: #e3493c; } .sc_pricing_light .sc_pricing_data > span { color: #303036; } /*style dark*/ .sc_pricing_dark{ padding: 0; margin-bottom: 20px; } .sc_pricing_table > div { -moz-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid transparent; } .sc_pricing_table .sc_pricing_columns ul { margin: 0; padding: 0; width: 100%; position: relative; z-index: 1; border: 2px solid transparent; } .sc_pricing_dark .sc_pricing_columns ul { background: #1b222a; } .sc_pricing_table .sc_pricing_columns ul li { list-style: none; display: block; padding: 10px; line-height: 18px; overflow: hidden; } .sc_pricing_table .sc_pricing_columns ul li.sc_pricing_title { text-transform: uppercase; font-size: 12px; letter-spacing: 1px; font-weight: 300; border: none; height: auto; padding: 35px 0 0; line-height: 18px; } .sc_pricing_dark .sc_price_item .sc_price_currency, .sc_pricing_dark .sc_price_item .sc_price_money, .sc_pricing_dark .sc_price_item .sc_price_penny, .sc_pricing_dark .sc_pricing_columns ul li.sc_pricing_title, .sc_pricing_dark .sc_pricing_data > span { color: #ffffff; } .sc_pricing_dark .sc_price_item .sc_price_period, .sc_pricing_dark .sc_pricing_columns ul li { color: #9da5a8; } .sc_pricing_table .sc_pricing_columns ul.columnsAnimate li.sc_pricing_price, .sc_pricing_table .sc_pricing_columns ul li.sc_pricing_price { padding: 0 0 27px !important; margin-bottom: 25px; margin-top: -5px; height: auto; } .sc_pricing_data{ font-size: 14px; } .sc_price_item { height: 50px; width: auto; display: inline-block; position: relative; margin: 10px auto 10px auto; } .sc_price_item .sc_price_currency { position: absolute; top: 9px; left: -16px; font-size: 26px; font-weight: 100; } .sc_pricing_dark .sc_price_item .sc_price_currency, .sc_pricing_dark .sc_price_item .sc_price_money, .sc_pricing_dark .sc_price_item .sc_price_penny, .sc_pricing_dark .sc_pricing_columns ul li.sc_pricing_title, .sc_pricing_dark .sc_pricing_data > span { color: #ffffff; } .sc_price_item .sc_price_money { font-size: 55px; height: 55px; line-height: 55px; font-weight: 100; float: left; } .sc_price_item .sc_price_info { height: 55px; padding: 0; float: left; text-align: left; display: table; } .sc_price_item .sc_price_period { font-size: 13px; font-style: italic; line-height: 18px; display: table-cell; vertical-align: bottom; } .sc_pricing_dark .sc_price_item .sc_price_period, .sc_pricing_dark .sc_pricing_columns ul li { color: #9da5a8; } .sc_pricing_dark .sc_pricing_columns:hover ul.columnsAnimate .sc_button > a{ background-color: #ffc455; } .sc_pricing_dark .sc_pricing_columns:hover ul.columnsAnimate .sc_button > a { color: #ffffff; } .sc_pricing_dark .sc_pricing_columns .sc_pricing_title, .sc_pricing_dark .sc_pricing_columns:hover ul.columnsAnimate li.sc_pricing_title, .sc_pricing_dark .sc_pricing_columns ul li.sc_pricing_price { background-color:#181f27; } span.sc_button.sc_button_style_global{ margin-top: 20px; } /*=Toggle================================================================================================================================================*/ /*Dropcaps*/ .sc_dropcaps .sc_dropcap { color: #fff; font-size: 25px; display: inline-block; width: 47px; height: 47px; float: left; text-align: center; line-height: 47px; margin: 0 12px 0 0 ;} .sc_dropcaps.sc_dropcaps_style_6 .sc_dropcap{ color: #303036;} /*tooltip*/ .sc_tooltip_parent { text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; position: relative; } .sc_tooltip_parent .sc_tooltip { position: absolute; color: #fff; white-space: nowrap; top: -33px !important; left: 50% !important; margin-left: -42px; padding: 1px 6px; z-index: 2; display: none;} .sc_tooltip_parent .sc_tooltip:before{ content: ''; width: 8px; height: 8px; position: absolute; left: 50%; bottom: -2px; margin-left: -4px; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } /*=Infoboxes==================================================================================================================================================================*/ .sc_infobox{ position: relative; margin:0 0 20px 0; color:#ffffff; font-size:14px; font-weight:300; padding:30px 60px 30px 55px; clear: both; line-height: 20px; text-transform: uppercase; letter-spacing: 2px; } .sc_infobox b, .sc_infobox strong, .result.sc_infobox { font-weight: 600; } .sc_infobox p { display: block; font-size: 14px; padding: 0; margin: 0;} .sc_infobox h4 { text-align:left; } .sc_infobox.sc_infobox_style_info { background-color:#05d1d4; } .sc_infobox.sc_infobox_style_success { background-color:#a3c656; } .sc_infobox.sc_infobox_style_warning { background-color:#ffc455; } .sc_infobox.sc_infobox_style_error { background-color:#e3493c; } .sc_infobox.sc_infobox_style_regular { color:#303036; background-color:#EAE2DE; } .sc_infobox.sc_infobox_style_regular h4 { color:#303036; } .sc_infobox.sc_infobox_style_success p, .sc_infobox.sc_infobox_style_error p, .sc_infobox.sc_infobox_style_warning p, .sc_infobox.sc_infobox_style_info p { color: #ffffff;} .sc_infobox.sc_infobox_closeable{ cursor: pointer; } .sc_infobox.sc_infobox_closeable:after { background-color: rgba(255, 255, 255, 0.2); content: '\f00d'; font-family: "FontAwesome"; cursor:pointer; font-size:11px; line-height:21px; width:20px; height:20px; display:block; position: absolute; top: 50%; right: 30px; color:#fff; margin:-10px 0 10px 10px; text-align: center; text-indent: 3px; } .sc_infobox.sc_infobox_closeable.sc_infobox_style_regular:after { background-color: rgba(255, 255, 255, 1); color: #777d80; } .sc_infobox.sc_infobox_style_regular:after{ color:#303036; } .sc_infobox:before { font-family: "FontAwesome"; font-size:14px; line-height:17px; width:18px; height:18px; display:block; color:#fff; margin: -9px 0 0 0; text-align: left; text-indent: 0; position: absolute; top: 50%; left: 30px; } .sc_infobox.sc_infobox_style_info:before { content: '\f129'; } .sc_infobox.sc_infobox_style_success:before { content: '\f00c'; } .sc_infobox.sc_infobox_style_warning:before { content: '\f00d'; } .sc_infobox.sc_infobox_style_error:before { content: '\f00d'; } .sc_infobox.sc_infobox_style_regular:before { content: '\f085'; color:#303036; } /*=Mainslider==================================================================================================================================================================*/ /* flexslider */ /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; height: inherit;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; height: inherit; } /*.carousel li { margin-right: 5px; }*/ /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav .flex-prev { left: 10px; } .flex-direction-nav .flex-next { right: 10px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: 'rt-icons'; font-size: 20px; display: inline-block; content: "\e6a2"; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: "\e711"; } /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: 5px; text-align: center; z-index: 2; opacity: 0; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5px);} .flexslider:hover .flex-control-nav {opacity: 1;} .flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} .flex-direction-nav .flex-next { opacity: 1; right: 10px;} } #mainslider .flexslider { position: relative; overflow: hidden; z-index: 1; } #mainslider .slide_description_wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #mainslider .slide_description { display: inline-block; vertical-align: middle; } #mainslider .slide_description_wrapper:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; margin-left: -0.25em; } #mainslider h2, #mainslider h3, #mainslider p { color: #fff; } #mainslider p { font-weight: 100; margin-top: 25px; margin-bottom: 30px; } #mainslider h3 { margin: 0px; padding-bottom: 0; } .slider_textblock_left .slide_description { text-align: left; } .slider_textblock_center .slide_description { text-align: center; margin-right: 0; } #mainslider .flex-direction-nav { position: absolute; z-index: 2; top: 41%; width: 100%; } #mainslider .flex-direction-nav a { background: rgba(255, 255, 255, 0.1); position: absolute; display: block; width: 70px; height: 70px; font-size: 0; } #mainslider .flex-direction-nav a:hover { background: rgba(255, 255, 255, 0.2); } #mainslider .flex-control-nav li a { background: transparent; border: 1px solid rgba(142, 144, 146, 0.2); } #mainslider .flex-active, #mainslider .flex-control-nav li a:hover { background-color: rgba(142, 144, 146, 0.3) !important; } #mainslider .flex-direction-nav [class*="flex-"]:before { font-family: "fontello"; color: #fff; display: block; width: 70px; height: 70px; position: absolute; font-size: 9px; text-align: center; line-height: 71px; } #mainslider .flex-next { right: -100px; } #mainslider .flex-prev { left: -100px; } #mainslider .flexslider:hover .flex-next { right: 10px; } #mainslider .flexslider:hover .flex-prev { left: 10px; } #mainslider .flex-next:before { content: '\e804'; } #mainslider .flex-prev:before { content: '\e803'; } .slider_style_1 .flexslider { max-height: 100% !important; } /*=Skills==================================================================================================================================================================*/ .sc_skills { width: 100%; } /*skills Percent*/ .sc_skills_percent .skillsWrap{ text-align:center; } .sc_skills_percent .skillsWrap:after{ content:''; height:0; display:block; clear:both;} .sc_skills_percent .skillsWrap .sc_skills_item{ display: inline-block; text-align:center;} .sc_skills_percent .skillsWrap .sc_skills_item .sc_skills_count{ font-size:72px; line-height:60px; height:93px; font-weight:100;} .sc_skills_percent .skillsWrap .sc_skills_item .sc_skills_count .sc_skills_total:after{ content:'%';} .sc_skills_percent .skillsWrap .sc_skills_item .sc_skills_info{ font-size:18px; font-weight:300;} .sc_skills_percent .skillsWrap.sc_slillsVertical .sc_skillsColumns{ float: none; } .sc_skills_percent .skillsWrap.sc_slillsHorizontal .sc_skillsColumns{ padding:0 0 50px 0; margin: 0 auto;} .sc_skills_percent .skillsWrap.sc_slillsHorizontal .sc_skillsColumns:after{ content: ''; height: 0; display: block; clear: both;} .sc_skills_percent .skillsWrap.sc_slillsHorizontal .sc_skillsColumns .sc_skills_item{ } .sc_skills_percent .skillsWrap.sc_slillsHorizontal .sc_skillsColumns .sc_skills_info{ } /*skills bar*/ .sc_skills_bar { padding: 0 0 50px 0;} .sc_skills_bar .sc_skills_wrap { margin:0; height:6px; background:#EAE2DE; position:relative;} .sc_skills_bar .sc_skills_item.sc_skills_style_bar_2 .sc_skills_wrap { margin:0; height:0; background: none;} .sc_skills_bar .sc_skills_item .sc_skills_count { text-align:right; width:0; height:6px; border-width:1px; border-style: solid; color:#fff; position:absolute; left:-1px; top:-1px; z-index:2;} .sc_skills_bar .sc_skills_info { min-height: 20px; padding:10px 0 4px 0; color: #303036; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; } .sc_skills_bar.sc_skills_vertical .sc_skills_columns .sc_skills_item { background:#EAE2DE; height: 500px; position: relative; } .sc_skills_bar.sc_skills_vertical .sc_skills_columns .sc_skills_item .sc_skills_count { width: 100%; height: auto; position: absolute; top: auto; bottom: -1px; } .sc_skills_bar.sc_skills_vertical .sc_skills_columns .sc_skills_total { text-align: center; font-size: 20px; width: 100%; line-height: 100px; font-weight: 100; } .sc_skills_bar.sc_skills_vertical .sc_skills_columns .sc_skills_column { text-align:center; } .sc_skills_bar.sc_skills_horizontal .sc_skills_total { font-size: 14px; text-align: right; padding-top: 10px; padding-left: 10px; float: right; } .sc_skills_bar.sc_skills_horizontal .sc_skills_item + .sc_skills_item { margin-top: 14px; } .sc_skills_bar.sc_skills_horizontal .sc_skills_item.sc_skills_style_bar_2 .sc_skills_wrap { border-top: 4px dotted #EAE2DE; } .sc_skills_bar.sc_skills_horizontal.sc_bar_2 { background: none; } .sc_skills_bar.sc_skills_horizontal .sc_skills_item.sc_skills_style_bar_2 .sc_skills_count { margin-top: -4px; } /*skills diagram*/ .sc_skills_arc { padding:0; overflow:hidden; } .sc_skills_arc .sc_skills_legend { width:30%; float:left;} .sc_skills_arc .sc_skills_legend ul { margin:0; padding:0; text-align:center; overflow:hidden; } .sc_skills_arc .sc_skills_legend li { display: block; float: left; clear:both; list-style:none; margin:0 0 10px 0; padding:0 15px; height:30px; line-height:30px; color:#fff; font-size:16px; font-weight:300;} .sc_skills_arc .sc_skills_arc_canvas { min-width:100px; min-height:100px; float:left;} /*pie chart*/ .sc_skills_item { position: relative; color: #303036; margin: 0 25px;} body.fullscreen .sc_skills_item, .without_sidebar .sc_skills_item { margin: 0 45px;} body.fullscreen .sc_skills_item .sc_skills_total, .without_sidebar .sc_skills_item .sc_skills_total { font-size: 40px; } .sc_skills_item { position: relative; color: #303036; margin: 0 10px; } .sc_skills_total { font-size: 40px; line-height: 100%; margin-top: -22px; position: absolute; top: 50%; width: 100%; color: #303036; } .sc_skills_info { min-height: 20px; padding: 10px 0 4px 0; color: #303036; font-weight: 700; line-height: 20px; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; margin: 0; } /*counter*/ .sc_skills_counter{ text-align: center; } .sc_skills_counter .sc_skills_item { text-align: center; display: inline-block; padding: 0 10px; margin: 0 0 50px 0;} .sc_skills_counter .sc_skills_item .sc_skills_count { font-size: 70px; line-height: 72px; margin: 0 0 10px 0;} .sc_skills_counter .sc_skills_item .sc_skills_info { color: #222; font-size: 18px; font-weight: 300; line-height: 24px; padding: 0 0 10px 0;} .sc_skills_counter .sc_skills_item.sc_skills_style_1 .sc_skills_count { font-weight: 900;} .sc_skills_counter .sc_skills_item.sc_skills_style_2 .sc_skills_count { font-weight: 100;} .sc_skills_counter .sc_skills_item.sc_skills_style_3 .sc_skills_count { font-weight: 100; color:#fff; padding: 0 10px; position: relative; overflow: hidden; font-size: 60px; height: 80px; line-height: 80px; } .sc_skills_counter .sc_skills_item.sc_skills_style_3 .sc_skills_count:before{ content: ''; width: 0; height: 0; position: absolute; top: 0; left: 0; border-top: 80px solid #fff; border-right: 100px solid transparent; opacity: 0.2; filter: alpha(opacity=20); } .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_count { font-weight: 100; color:#fff; padding: 0 10px; margin: 0; font-size: 60px; line-height: 80px ; height: 80px;} .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info{ color: #fff; padding: 10px; position: relative; border-top: 1px solid #fff; font-size: 16px;} .sc_skills_counter .sc_skills_item.sc_skills_style_4 .sc_skills_info:before { position: absolute; top: 0; left: 0; content: ''; background: #000; z-index: 2; width: 100%; height: 100%; opacity: 0.1; filter: alpha(opacity=10); } /*= About section ==================================================================================================================================================================*/ .sc_column a { font-size: 38px; color: #303036; background-color: #EAE2DE; display: inline-block; width: 114px; height: 114px; line-height: 108px; border-radius: 50%; } a.sc_icon.bg_icon.sc_icon_round, a.sc_icon.no_bg_icon.sc_icon_round { position: relative; z-index: 1; } .sc_icon_round { display: inline-block; padding: 4px; text-align: center; } a.sc_icon.bg_icon.sc_icon_round:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0; z-index: -1; background: inherit; border-radius: 50%; box-sizing: content-box; pointer-events: none; -webkit-transition: background-color 1.3s ease-out; -moz-transition: background-color 1.3s ease-out; -ms-transition: background-color 1.3s ease-out; -o-transition: background-color 1.3s ease-out; transition: background-color 1.3s ease-out; } a.sc_icon.bg_icon.sc_icon_round:hover:before, a.sc_icon.no_bg_icon.sc_icon_round:hover:before { color: #ffffff; } a.sc_icon.bg_icon.sc_icon_round:hover:after { -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); opacity: 0; } a.sc_icon.bg_icon.sc_icon_round:hover:after { -webkit-transition: -webkit-transform 0.5s, opacity 0.3s; -moz-transition: -moz-transform 0.5s, opacity 0.3s; transition: transform 0.5s, opacity 0.3s; } /*= History section ==================================================================================================================================================================*/ #history_section { overflow: hidden; vertical-align: middle } #history_section .col-md-6 { max-height: 470px; vertical-align: middle} #history_section img { width: 100%; vertical-align: middle } .history_content { padding: 0 33px; margin-left: 10px; margin-right: 10px; } .history_content .sc_title { margin-bottom: 0; } /*= Team section ==================================================================================================================================================================*/ .sc_team_item { overflow:hidden; position:relative; } .sc_team_item .sc_team_item_avatar { width:100%; height:100%; position:relative; overflow:hidden;} .sc_team_item .sc_team_item_avatar:after { content:''; width:100%; height:100%; position:absolute; bottom:0; left:0; z-index:3; margin:0; background-color: #05d1d4; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .sc_team_item .sc_team_item_avatar img{ width:100%; display:block;} .sc_team_item .sc_team_item_description { padding-top:15px; } .sc_team_item .sc_team_item_info { padding: 25px 30px 25px; background-color: #ffffff; } .sc_team_item .sc_team_item_title { padding:0;} .sc_team_item .sc_team_item_position { font-size: 12px; font-weight: 700; letter-spacing: 1px; padding: 0 0 5px; text-align: left; text-transform: uppercase; color: #303036; } /* - hover - */ .sc_team_item .sc_team_item_avatar:hover:after { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .sc_team_item .sc_team_item_avatar:hover .sc_team_item_socials { bottom:50%; } .sc_team_item .sc_team_item_avatar:hover .sc_team_item_socials li a { background-color: rgba(255, 255, 255, 0.3); opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .sc_team_item .sc_team_item_avatar .sc_team_item_socials li a, .sc_team_item .sc_team_item_socials, .sc_team_item .sc_team_item_avatar:after { -webkit-transition: all ease .9s; -moz-transition: all ease .9s; -ms-transition: all ease .9s; -o-transition: all ease .9s; transition: all ease .9s; } .sc_team_item .sc_team_item_avatar .sc_team_item_socials li a:hover { background-color: #ffffff; } .sc_team_item .sc_team_item_socials { margin: 0 0 -30px; padding:0; text-align:center; display: block; position: absolute; bottom: -200px; width: 100%; z-index: 9; } .sc_team_item .sc_team_item_socials li { list-style:none; padding:0 5px 5px 5px; display:inline-block; line-height: 28px;} .sc_team_item .sc_team_item_socials li a { width:40px; height:40px; display:block; overflow:hidden; position:relative; background-color: #4f555d; border-radius: 50px; color: #fff; line-height: 40px; padding: 0; text-align: center; } .sc_team_item .sc_team_item_socials li a { background-color: transparent; } .sc_team_item [class^="socialico-"]:before, .sc_team_item [class*="socialico-"]:before{ font-size: 21px; position: initial; line-height: 2; -webkit-transition: initial !important; -moz-transition: initial !important; -o-transition: initial !important; -ms-transition: initial !important; transition: initial !important; } /*= features section ==================================================================================================================================================================*/ .sc_parallax .sc_title_underline:after { display: none; } .sc_parallax .features_container_left, .sc_parallax .features_container_right { position: relative; } .sc_parallax .features_container_left .features_icon, .sc_parallax .features_container_right .features_icon { position: absolute; top: 5px; border-radius: 50%; width: 50px; height: 50px; } .sc_parallax .features_container_left i, .sc_parallax .features_container_right i { font-size: 16px; line-height: 36px; position: absolute; top: 50%; left: 0; margin-top: -18px; width: 100%; color: #fff; } .sc_parallax .features_container_left .features_descr h5, .sc_parallax .features_container_right .features_descr h5 { color: #fff; margin: 0; padding-top: 5px; } .sc_parallax .features_container_left .features_descr p, .sc_parallax .features_container_right .features_descr p { text-align: left; margin-bottom: 2px; overflow: hidden; color: #acb4b6; } .sc_parallax .features_container_left { padding-right: 75px; } .sc_parallax .features_container_left .features_icon { right: 0; margin-right: 5px; } .sc_parallax .features_container_left .features_descr h5, .sc_parallax .features_container_left .features_descr p { text-align: right; } .sc_parallax .features_container_right { padding-left: 75px; } .sc_parallax .features_container_right .features_icon { left: 0; margin-left: 5px; } .sc_parallax .features_container_right .features_descr h5, .sc_parallax .features_container_right .features_descr p { text-align: left; } /*= product lounch page ==================================================================================================================================================================*/ .product_lounch_page .topWrap .cart{ display: none; } /*= timeline section ==================================================================================================================================================================*/ .sc_timeline.sc_scroll_controls { padding: 10px 0; } .sc_scroll { overflow: hidden; width: 100%; position: relative; } .sc_scroll_controls { position: relative; } .sc_scroll_vertical { padding-right: 6px; } .sc_timeline.sc_scroll_controls .sc_scroll { z-index: 1; } .sc_timeline .sc_timeline_item { position: relative; } .sc_timeline .sc_timeline_item { padding: 30px 0 0 0; } .sc_timeline .sc_timeline_item:before { content: ''; } .sc_timeline .sc_timeline_item:before { content: ''; } .sc_timeline .sc_timeline_date { width: 80px; height: 80px; float: left; position: relative; z-index: 2; text-align: center; } .sc_timeline .day_month { display: block; padding: 0; font-size: 14px; color: #fff; line-height: 80px; font-weight: 300; } .sc_timeline .sc_timeline_item h5 { margin: 0 0 0 100px; } .sc_timeline .sc_timeline_item h5 { font-size: 14px; font-weight: 700; letter-spacing: 1px; line-height: 18px; padding: 15px 0 0; text-transform: uppercase; } .sc_timeline_info { margin: 0 0 0 100px; font-weight: 300; font-size: 12px; } .sc_timeline_info a { color: #acb4b6; } .sc_timeline_info .separator { font-style: normal; padding: 0 5px; } .sc_timeline .sc_timeline_item:after { clear: both; height: 0; content: ''; display: block; } .sc_scroll_bar { background: transparent; position: absolute; z-index: 100; } .sc_scroll_vertical .sc_scroll_bar { right: 1px; top: 0; bottom: 0; width: 10px; border-right: 2px solid #e0e2e4; } .sc_scroll_controls:not(.sc_scroll_controls_horizontal) ul.swiper-direction-nav { list-style: none; overflow: hidden; } .sc_timeline.sc_scroll_controls ul.swiper-direction-nav { height: 100%; margin: 0; padding: 0; position: absolute; right: 0; top: 0; width: 100%; } .sc_scroll_controls ul.swiper-direction-nav li { list-style: none; margin: 0; padding: 0; } .sc_timeline.sc_scroll_controls ul.swiper-direction-nav li { display: block; height: 10px; position: absolute; width: 100%; } .sc_timeline.sc_scroll_controls ul.swiper-direction-nav li { top: 0; } .sc_timeline.sc_scroll_controls ul.swiper-direction-nav li + li { bottom: 0; top: auto; } .tab-content>.tab-pane { overflow: hidden; } .sc_scroll_vertical.swiper-container3 { height: 370px; } .sc_timeline .thumb { width: 19%; float: left; vertical-align: top; margin: 5px 30px 5px 0; } .sc_timeline .hoverIncrease .hoverIcon { height: 50px; width: 50px; line-height: 50px; margin: -25px 0 0 -25px; } .sc_timeline .hoverIncrease .hoverIcon:before { content: "\f0c1"; } .sc_timeline .tab-content [class*="swiper-container"] { height: 270px; } .sc_timeline [class*="swiper-button-"] { background-color: #e0e2e4; width: 100%; height: 10px; line-height: 10px; border-radius: 0 !important; text-align: center; cursor: pointer; } .sc_timeline [class*="swiper-button-"]:before { font-family: "fontello"; color: #000000; } .sc_timeline [class*="swiper-button-"]:hover::before { color: #fff; } .sc_timeline .swiper-button-prev3:before { content: '\e842'; } .sc_timeline .swiper-button-next3:before { content: '\e843'; } .sc_timeline .swiper-container-vertical > [class*="swiper-scrollbar"] { width: 2px; right: 0px; background: #e0e2e4; } /*= testimonials section ==================================================================================================================================================================*/ .sc_testimonials { overflow: hidden; text-align: center; } .sc_testimonials_style { position: relative; margin: 0; /*padding: 0 90px;*/ } .sc_testimonials_style .sc_testimonials_title { color: #ffffff; } .sc_testimonials ul { list-style: none; } .sc_testimonials ul li { padding-right: 5px !important; box-sizing: border-box; -moz-box-sizing: border-box; line-height: 21px; } .sc_testimonials_style .sc_testimonials_item_quote { font-weight: 300; position: relative; } .sc_testimonials_style .sc_testimonials_item_quote .sc_testimonials_item_text { font-size: 18px; line-height: 24px; color: #fff; position: relative; z-index: 2; min-height: 22px; } .sc_testimonials_style .sc_testimonials_item_author { display: inline-block; text-align: left; margin: 50px 0 0 0; padding: 0; } .sc_testimonials ul li { width: 100%; padding-right: 5px !important; box-sizing: border-box; -moz-box-sizing: border-box; line-height: 21px; } .sc_testimonials_style .sc_testimonials_item_author .sc_testimonials_item_avatar { width: 70px; height: 70px; float: left; background-color: #fafafc; } .sc_testimonials_style .sc_testimonials_item_author .sc_testimonials_item_avatar img { width: 100%; } .sc_testimonials_style .sc_testimonials_item_author .sc_testimonials_item_name { margin: 0 0 0 85px; padding: 10px 0 0 0; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; } .sc_testimonials_style .sc_testimonials_item_author .sc_testimonials_item_position { color: #fff; margin: 0 0 0 85px; font-size: 12px; opacity: 0.5; filter: alpha(opacity=50); } .sc_testimonials [class*="swiper-button-"] { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); position: absolute; display: block; width: 50px; height: 50px; top: 50%; margin-top: -35px; font-size: 20px; } .sc_testimonials [class*="swiper-button-"]:before { font-family: "fontello"; color: #fff; display: block; width: 50px; height: 50px; position: absolute; top: 0; font-size: 9px; margin: 0; text-align: center; line-height: 51px; } .sc_testimonials .swiper-button-prev:before { content: '\e803'; left: 0; } .sc_testimonials .swiper-button-next:before { content: '\e804'; right: 0; } .sc_testimonials [class*="swiper-button-"]:hover { background-color: rgba(255, 255, 255, 0.2); } /*= things section ==================================================================================================================================================================*/ .sc_things .container { padding-bottom: 0; } .sc_things [class*="col-"] { margin-bottom: 0 !important; margin-top: 0 !important; } .sc_things .sc_column_item { margin-bottom: 33px; } .sc_things .things2_content{ margin: 0 50px; } /*= clients section ==================================================================================================================================================================*/ #clients_section .row + .row { margin-top: 0; } #clients_section .col-md-3 { padding-right: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; position: relative; border: 1px solid #dddddd; } #clients_section [class*="col-xs"] + [class*="col-xs"] { margin-top: 0 !important; } #clients_section span.sc_button.sc_button_style_global { margin-top: 60px; } /*= Work section ==================================================================================================================================================================*/ .sc_contact_form_order { overflow: hidden; position: relative; } .light.sc_contact_form .title, .light.sc_contact_form .description, .light.sc_contact_form .questions li > span label, .light.sc_contact_form input[type="text"]:focus, .light.sc_contact_form input[type="password"]:focus, .light.sc_contact_form textarea:focus, .light.sc_contact_form .next:hover, .light.sc_contact_form .simform .number, .light.sc_contact_form label { color: #ffffff; } .light.sc_contact_form input[type="text"], .light.sc_contact_form input[type="password"], .light.sc_contact_form textarea { border-color: rgba(255, 255, 255, 0.5); } .light.sc_contact_form form .questions input, .light.sc_contact_form .next, .light.sc_contact_form .simform .error-message { color: rgba(255, 255, 255, 0.3); } .sc_contact_form_order form .questions .current input, .sc_contact_form_order form .no-js .questions input { opacity: 1; } .light.sc_contact_form form .questions input, .light.sc_contact_form .next, .light.sc_contact_form .simform .error-message { color: rgba(255, 255, 255, 0.3); } .light.sc_contact_form .simform .progress { background: #ffffff; } .light.sc_contact_form .simform .progress:before { background: rgba(255, 255, 255, 0.5); } .light.sc_contact_form .title, .light.sc_contact_form .description, .light.sc_contact_form .questions li > span label, .light.sc_contact_form input[type="text"]:focus, .light.sc_contact_form input[type="password"]:focus, .light.sc_contact_form textarea:focus, .light.sc_contact_form .next:hover, .light.sc_contact_form .simform .number, .light.sc_contact_form label { color: #ffffff; } .light.sc_contact_form form .questions input, .light.sc_contact_form .next, .light.sc_contact_form .simform .error-message { color: rgba(255, 255, 255, 0.3); } .continue_button { display: block; height: 50px; left: 0; margin: 0 auto; position: relative; text-align: center; top: 50px; width: 100%; } .sc_contact_form.sc_contact_form_contact { margin: 0 auto; padding-top: 60px; width: 70%; } /* --- Contact form --- */ .sc_contact_form_order { overflow: hidden; position: relative; } .simform { position: relative; margin: 20px auto 50px; padding: 0; max-width: 780px; width: calc(100% - 100px); text-align: left; font-size: 16px; } .simform .submit { display: none; } /* Question list style */ .simform ol { margin: 0; padding: 0; list-style: none; position: relative; -webkit-transition: height 0.4s; transition: height 0.4s; height: 80px; } .simform ol:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; } .questions li { z-index: 100; position: relative; visibility: hidden; height: 0; -webkit-transition: visibility 0s 0.4s, height 0s 0.4s; transition: visibility 0s 0.4s, height 0s 0.4s; line-height: 1; } .questions li.current, .no-js .questions li { visibility: visible; height: auto; -webkit-transition: none; transition: none; } /* Labels */ .questions li > span { display: block; overflow: hidden; } .questions li > span label { display: block; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transform: translateY(-100%); transform: translateY(-100%); font-size: 12px; line-height: 18px; } .questions li.current > span label, .no-js .questions li > span label { -webkit-transition: none; transition: none; -webkit-transform: translateY(0); transform: translateY(0); } .show-next .questions li.current > span label { -webkit-animation: moveUpFromDown 0.4s both; animation: moveUpFromDown 0.4s both; } @-webkit-keyframes moveUpFromDown { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0); } } @keyframes moveUpFromDown { from { -webkit-transform: translateY(100%); transform: translateY(100%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } /* Input field */ .sc_contact_form_order form .questions input { display: block; margin: 20px 0 0 0; padding: 5px 20px 5px 0; width: calc(100% - 30px); border: none; background: transparent; color: rgba(0,0,0,0.8); font-size: 14px; line-height: 18px; opacity: 0; height: 46px; float: none; } .sc_contact_form_order form .questions .current input, .sc_contact_form_order form .no-js .questions input { opacity: 1; } .sc_contact_form_order form .questions input:focus, .sc_contact_form_order form .simform button:focus { outline: none; } /* Next question button */ .continue_button { display: block; height: 50px; left: 0; margin: 0 auto; position: relative; text-align: center; top: 50px; width: 100%; } .next { position: absolute; right: 0; top: 40px; display: block; padding: 0; width: 30px; height: 30px; border: none; background: none; color: rgba(0,0,0,0.4); text-align: center; opacity: 0; z-index: 100; cursor: pointer; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-20%); transform: translateX(-20%); pointer-events: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .next:hover { color: rgba(0,0,0,0.5); } .next:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: "\e804"; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: "fontello"; line-height: 30px; font-size: 9px; } .next.show { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); pointer-events: auto; text-align: right; } .next.show:focus { display: none !important; } /* Progress bar */ .simform .progress { width: 0; height: 1px; background: rgba(0,0,0,0.3); -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } .simform .progress::before { position: absolute; top: auto; left:0; width: 100%; height: inherit; background: rgba(210, 217, 224, 0.5); content: ''; } /* Number indicator */ .simform .number { position: absolute; right: 0; top:0; overflow: hidden; font-size: 12px; font-weight: 600; margin: 0; width: 25px; line-height: 18px; color: #303036; } .simform .number:after { position: absolute; left: 50%; content: '/'; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .simform .number span { float: right; width: 40%; text-align: center; } .simform .number .number-current { float: left; } .simform .number-next { position: absolute; left: 0; } .simform.show-next .number-current { -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .simform.show-next .number-next { -webkit-animation: moveUpFromDown 0.4s both; animation: moveUpFromDown 0.4s both; } /* Error and final message */ .simform .error-message, .simform .final-message { position: absolute; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .simform .error-message { padding: 5px 10px 0 0; width: 100%; color: rgba(0,0,0,0.7); font-size: 12px; } .final-message { top: 50%; left: 0; padding: 0.5em; width: 100%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 25px; line-height: 30px; } .error-message.show, .final-message.show { visibility: visible; opacity: 1; } .final-message.show { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .final-message.show { position: initial; padding-top: 109px; } /* Final hiding of form / showing message */ .simform-inner.hide, .continue_button.hide { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; } /* No JS Fallback */ .no-js .simform { font-size: 1.75em; } .no-js .questions li { padding: 0 0 2em; } .no-js .simform .submit { display: block; float: right; padding: 10px 20px; border: none; background: rgba(0,0,0,0.3); color: rgba(0,0,0,0.4); } .no-js .simform .controls { display: none; } /* Remove IE clear cross */ input[type=text]::-ms-clear { display: none; } /* - dots - */ .sc_contact_form_order .dots { display: block; height: 90px; position: absolute; right: 30px; top: 20px; width: 10px; margin: 0; padding: 0; } .sc_contact_form_order .dots > span { border: 1px solid rgba(210, 217, 224, 0.5); background-color: transparent; width: 10px; height: 10px; margin: 3px 0; display: block; } .sc_contact_form_order .dots > span.answered { background-color: rgba(210, 217, 224, 0.5); border: none; } /*= purchase section ==================================================================================================================================================================*/ .sc_button.sc_button_size_big.squareButton.accent_2.big { margin-left: 25px; } /*.sc_button.sc_button_size_big.squareButton.big { margin-left: 25px; }*/ .color_section.theme_accent_bg .sc_title { color: #fff;} /*= craft section ==================================================================================================================================================================*/ .sc_title_align_left.sc_title_align_left, .sc_title_align_left.sc_title.sc_title_iconed + div { padding-left: 90px;} /*= download section ==================================================================================================================================================================*/ #download_section a + a { margin-left: 20px; } /*= weprovide section ==================================================================================================================================================================*/ #weprovide_section [class*="col-"] { margin-top: 0 !important; margin-bottom: 0 !important; } #weprovide_section .sc_column_item_1 { background-color: #1b222a; } #weprovide_section .sc_column_item_2 { background-color: #303036; } #weprovide_section .sc_column_item_3 { background-color: #2c333d; } #weprovide_section [class*="sc_column_item_"] { padding: 80px 0; } /*= side menu page ==================================================================================================================================================================*/ .side_menu_page { margin-left: 50px; padding-top: 140px; } /*.side_menu_page .dropOpen ul { display: block !important; }*/ /*.side_menu_page .dropOpen ul.sub-menu li ul.sub-menu { display: none !important; }*/ /*.side_menu_page .dropOpen ul.sub-menu li.dropOpen ul.sub-menu { display: block !important; }*/ .side_menu_page .userHeaderSection.dark_section .sc_content { color: #fff; } /*= video page ==================================================================================================================================================================*/ /*.video_page #mainslider .flexslider { max-height: 100%; }*/ /*.video_page #mainslider .slide_description_wrapper { max-height: 100%; top: 25%; }*/ /*.video_page #mainslider .slide_description { margin-top: 42px; }*/ /*.video_page #mainslider .slides img { opacity: 0; }*/ /*= portfolio page ==================================================================================================================================================================*/ .left_menu_page .masonry article, .portfolio_page .masonry article { padding: 10px; } /*= columns ==================================================================================================================================================================*/ /* portfolio columns */ .two_columns .bg_post{ width: 47% !important; margin-right: 30px; } .two_columns_sidebar .bg_post{ width: 45% !important; margin-right: 30px; } .three_columns .bg_post{ width: 30% !important; margin-right: 30px; } .three_columns_sidebar .bg_post{ width: 29% !important; margin-right: 30px; } .four_columns .bg_post{ width: 22% !important; margin-right: 30px; } /* video columns */ .video_2columns .sc_video_frame { padding-bottom: 51.5%; } /*= store page ==================================================================================================================================================================*/ #mainslider [class*="slide_store_textblock_"] h3, #mainslider [class*="slide_store_textblock_"] h5, #mainslider [class*="slide_store_textblock_"] p { color: #fff; } #mainslider [class*="slide_store_textblock_"] { text-align: center; } #mainslider [class*="slide_store_textblock_"] div { float: left; } #mainslider [class*="slide_store_textblock_"] h5 { padding: 0 0 5px 0; margin: 0; letter-spacing: 0;} [title*="1.00"] span { width: 20%; } [title*="2.00"] span { width: 40%; } [title*="3.00"] span { width: 60%; } [title*="4.00"] span { width: 80%; } [title*="5.00"] span { width: 100%; } .woocommerce .product_cats a, .woocommerce .products .item_wrapper a:hover { color: #303036; } /*= 404 page ==================================================================================================================================================================*/ .not_existing_page .page404 p + p { margin-top: 30px; margin-bottom: 30px; } /*= support page ==================================================================================================================================================================*/ .support_page ul, .support_page ol { padding-left: 0; } .support_page ul > ul { padding-left: 40px; } .support_page ul > ul p { margin-bottom: 0; } .support_page .transparent_section .sc_title { margin: 0; } /*= toTop ==================================================================================================================================================================*/ #toTop { bottom: 20px; right: 20px; display: none; width: 40px; height: 40px; overflow: hidden; position: fixed; text-decoration: none; z-index: 9999; font-size: 0; color: transparent; background-color: #1a1a1a; border-radius: 100%; } #toTop:after { color: #ffffff; content: '\e82d'; font-size: 22px; line-height: 40px; font-family: 'fontello'; text-align: center; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } #toTop:hover:after { color: #e3493c; } #toTop:active, #toTop:focus { outline: medium none; } /*= easy pie chart ==================================================================================================================================================================*/ .chart { position: relative; display: inline-block; width: 142px; height: 142px; margin-top: 20px; margin-bottom: 13px; text-align: center; } .chart canvas { position: absolute; top: 0; left: 0; } .percent { display: inline-block; line-height: 142px; z-index: 2; } .percent:after { content: '%'; } .angular { margin-top: 100px; } .angular .chart { margin-top: 0; } /*= prettyPhoto ==================================================================================================================================================================*/ div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px; overflow: hidden;} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;/*margin:10px 0 2px;*/ padding:2px 10px; background-color: #373746; color: #fff;} .pp_description{display:none;margin:0;} .pp_social{float:left;margin:0; display: none; } .pp_social .facebook{float:left;margin-left:5px;width:auto;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:left;float:right;margin:3px 10px 0 0} /*.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}*/ .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} /*a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}*/ .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none !important;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:auto;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:auto;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:6px;top:-16px;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /*= thumbnail ==================================================================================================================================================================*/ .thumbnail { position: relative; text-align: center; border: 1px solid #e4e4e4; padding: 0; overflow: hidden; } .thumbnail img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .thumbnail .caption { padding-top: 30px; color: inherit; position: absolute; height: auto; width: 100%; top: auto; bottom: 0; opacity: 0; border-top: 1px solid #e4e4e4; background-color: #ffffff; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .thumbnail:hover img { -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .thumbnail:hover .caption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .thumbnail + h3 { text-align: center; font-size: 1.4em; margin: -10px 0 2px; } .thumbnail + h3 + p { text-align: center; color: #e3493c; } /*= Slider ==================================================================================================================================================================*/ .swiper-slide { cursor: -webkit-grab; } a.swiper-slide { cursor: pointer; } .sc_slider.sc_slider_autoheight { -webkit-transition: height ease .5s; -moz-transition: height ease .5s; -ms-transition: height ease .5s; -o-transition: height ease .5s; transition: height ease .5s; } .sc_slider ul { padding: 0; list-style: none; } .sc_slider_swiper { position: relative; overflow: hidden; } .sc_slider_swiper ul.slides { margin: 0; } .sc_slider_swiper .slides li { background-size: cover; background-position: center center; background-repeat: no-repeat; } .sc_slider_swiper ul.slides li { list-style: none; } .co_options.swiper-container7{ max-height: 540px; } .swiper-container_shortcodes { position: relative; overflow: hidden; } /* revlink */ a.revlink{ font-size: 9px; letter-spacing: 1px; padding: 11px 24px; text-transform: uppercase; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .revlink.filled { color: #fff !important; } .revlink.border { border: 1px solid rgba(210, 217, 224, 0.5); color: #acb4b6; margin-left: 20px; cursor: pointer; } .twitBlock [class*="swiper-button-"], .shortcodes_slider [class*="swiper-button-"]:before, .bg_post.post [class*="swiper-button-"]:before { background: #f6f7f9; position: absolute; display: block; width: 70px; height: 70px; top: 50%; margin-top: -35px; font-size: 20px; } .shortcodes_slider [class*="swiper-button-"], .bg_post.post [class*="swiper-button-"] { background-image: none; } .shortcodes_slider [class*="swiper-button-"]:before, .bg_post.post [class*="swiper-button-"]:before { background-color: rgba(255, 255, 255, 0.7) !important; } .shortcodes_slider [class*="swiper-button-"]:hover::before, .bg_post.post [class*="swiper-button-"]:hover::before { background-color: #fff !important; } .swiper-button-next { right: -100px !important; } .swiper-button-prev { left: -100px !important; } .sc_twitter.twitBlock:hover .swiper-button-next, .sc_testimonials:hover .swiper-button-next, .shortcodes_slider:hover .swiper-button-next, .bg_post.post .gallery_post:hover .swiper-button-next { right: 10px !important; } .sc_twitter.twitBlock:hover .swiper-button-prev, .sc_testimonials:hover .swiper-button-prev, .shortcodes_slider:hover .swiper-button-prev, .bg_post.post .gallery_post:hover .swiper-button-prev { left: 10px !important; } .twitBlock [class*="swiper-button-"]:hover { background-color: #e8e9e9; color: #ffffff; } .twitBlock [class*="swiper-button-"]:before, .shortcodes_slider [class*="swiper-button-"]:before, .bg_post.post [class*="swiper-button-"]:before { font-family: "fontello"; color: #5a6266; display: block; width: 70px; height: 70px; position: absolute; font-size: 9px; text-align: center; line-height: 71px; } .twitBlock .swiper-button-prev:before, .shortcodes_slider .swiper-button-prev:before, .bg_post.post .swiper-button-prev:before { content: '\e803'; left: 0; } .twitBlock .swiper-button-next:before, .shortcodes_slider .swiper-button-next:before, .bg_post.post .swiper-button-next:before { content: '\e804'; right: 0; } #partners_section [class*="swiper-container"] { overflow: hidden; } /*=Accordion==================================================================================================================================================================*/ .sc_accordion .sc_accordion_item .sc_accordion_content { overflow: hidden; font-weight: 300; margin:0; } .sc_accordion .sc_accordion_item .sc_accordion_content p { padding-bottom: 0;} .sc_accordion .sc_accordion_item .sc_accordion_title { text-align:left; font-size: 20px; font-weight: 400; padding: 0; position: relative;} .sc_accordion .sc_accordion_item .sc_accordion_title:before { } .sc_accordion .sc_accordion_item .sc_accordion_title a{ letter-spacing: 1px; display: block;} .sc_accordion .panel { margin: 0; border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; } .sc_accordion .sc_accordion_item .sc_accordion_title > a:before { content: '\e82a'; font-family: "fontello"; width:20px; height:20px; display:block; text-align:center; line-height:21px; font-size:12px; text-indent:1px; position:absolute; font-weight: 100; } .sc_accordion .sc_accordion_item .sc_accordion_title > a.collapsed:before { content: '\e82c'; } .sc_accordion .sc_accordion_item .sc_accordion_title > a.collapsed { color: #303036; } .sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title > a.collapsed, .sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title > a.collapsed:before { color: #303036 !important; } /*accordion style 1*/ .sc_accordion.sc_accordion_style_1{ margin:0 0 50px 0;} .sc_accordion.sc_accordion_style_1 .sc_accordion_item { border-top:1px solid transparent; } .sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title a{ cursor:pointer; padding: 20px 20px 20px 60px; position:relative; background: #EAE2DE; text-transform: uppercase; font-weight: 700; font-size: 14px; } .sc_accordion.sc_accordion_style_1 .sc_accordion_item.sc_active .sc_accordion_title a { color:#392071; cursor:default; } .sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_content{ padding: 25px 30px; } .sc_accordion.sc_accordion_style_1 .sc_accordion_item .sc_accordion_title a:before { background-color: #392071; color: #ffffff; left: 30px; top: 25px; } .sc_accordion.sc_accordion_style_1 .sc_accordion_item_large .sc_accordion_title:before { top: 30px; } .sc_accordion.sc_accordion_style_1 .sc_accordion_item_large .sc_accordion_title { text-transform: uppercase; } /*accordion style 2*/ .sc_accordion.sc_accordion_style_2 { margin:0 0 50px 0;} .sc_accordion.sc_accordion_style_2 .sc_accordion_item + .sc_accordion_item { border-width: 1px 0 0 0; border-style: dashed; border-color: #e8e9e9; } .sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title a{ font-weight: 100; line-height: 25px; font-size: 18px; text-transform: none; cursor:pointer; padding:30px 20px 30px 30px; position:relative; } .sc_accordion.sc_accordion_style_2 .sc_accordion_item.sc_active .sc_accordion_title{ cursor:default; } .sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_content{ padding: 0 25px 30px 30px; } .sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title a:before { color: #303036; background-color: #EAE2DE; top:33px; left:0;} .sc_accordion.sc_accordion_style_2 .sc_accordion_item_large .sc_accordion_title { font-size:25px; line-height:30px; } .sc_accordion.sc_accordion_style_2 .sc_accordion_item_large .sc_accordion_title:before { top:36px; } .sc_accordion.sc_accordion_style_2 .sc_accordion_item .sc_accordion_title a{ } /*accordion counter*/ .sc_accordion.sc_show_counter .sc_accordion_item .sc_accordion_title { padding-right: 0; } .sc_accordion.sc_show_counter .sc_accordion_item .sc_accordion_title span.sc_items_counter { display:inline-block; width:50px; position: absolute; right: 0;} /*=text slider==========================================================================================================================================*/ .sc_text_slider .sc_slider { padding-bottom: 100px; margin: 0 auto; } .sc_text_slider .sc_slider .swiper-pagination-bullet { width: 12px; height: 12px; position: relative; border: 1px solid transparent; } .sc_text_slider .sc_slider .swiper-pagination-bullet-active { background-color: transparent; border-color: #c1c3c5; } /*=== [ Page 404 ] =========================================================================================*/ /* - Under Construction - */ .inputSubmitAnimation { height:50px; width:50px; border: 1px solid #e8e9ea; margin:0 auto; position:relative; overflow:hidden; -webkit-transition: all 0.4s 0.3s ease-out; -moz-transition: all 0.4s 0.3s ease-out; -ms-transition: all 0.4s 0.3s ease-out; -o-transition: all 0.4s 0.3s ease-out; transition: all 0.4s 0.3s ease-out; } .inputSubmitAnimation.sFocus { width:480px; -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; } .inputSubmitAnimation .sInput{ height:50px; width:480px; padding:0 60px 0 15px; border:none; background:none; top:-50px; position:relative; -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; } .inputSubmitAnimation.sFocus .sInput { top: 0; -webkit-transition: all 0.4s 0.3s ease-out; -moz-transition: all 0.4s 0.3s ease-out; -ms-transition: all 0.4s 0.3s ease-out; -o-transition: all 0.4s 0.3s ease-out; transition: all 0.4s 0.3s ease-out; } .inputSubmitAnimation .aIco{ display: block; width:50px; height:50px; display:block; position:absolute; top:0; right:0; text-align:center; } .inputSubmitAnimation .aIco:before{ font-family: 'rt-icons'; font-size:15px; text-align:center; line-height:50px; color: #acb4b6; } .inputSubmitAnimation .aIco.search:before{content: '\e71e';} .inputSubmitAnimation .aIco.mail:before{content: '\e6e6';} .pageUnderConstruction{ text-align:center;} .pageUnderConstruction p{ font-weight:300; padding: 0 0 65px 0; } /* ========================= */ /* Custom CSS*/ .display-none { display: none; } .white-text { color: #FFF; } .margintop-25 { margin-top: -25px; } .margintop20 { margin-top: 20px; } hr { display: block; height: 1px; border: 0; border-top: 5px solid #e3493c; margin: 1em 0; padding: 0; } div.polaroid { background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 35px; margin-top: 35px; } /* em { font-variant-caps: all-small-caps; font-style:normal; font-weight: 600; } */ em { font-variant-caps: normal; font-style: normal; font-weight: 600; font-style: italic; } code { margin-bottom: 35px; margin-top: 35px; } /* Cutoms tooltip */ .tooltip-custom { position: relative; display: inline-block; border-bottom: 1.5px dotted red; } .tooltip-custom .tooltiptext-custom { visibility: hidden; background-color: rgba(0,0,0,0.8); color: #fff; font-size:smaller; text-align: left; border-radius: 6px; padding: 15px; width: 300px; /* Position the tooltip */ position: absolute; z-index: 1; bottom: 125%; right: -50px; opacity: 0; transition: opacity 1s; } .tooltip-custom .tooltiptext-custom::after { content: ""; position: absolute; top: 100%; right: 50px; margin-left: -5px; border-width: 5px; border-style: solid; border-color: rgba(0,0,0,0.7) transparent transparent transparent; opacity: 0; transition: opacity 1s; } .tooltip-custom:hover .tooltiptext-custom { visibility: visible; opacity: 1; } .tooltip-custom:hover .tooltiptext-custom::after { opacity: 1; }