/* Theme Name: The Arch Clinic Theme URI: http://demo.joomlavi.com/wordpress/jv-hosting Author: Wenxdesign Author URI: http://webxdesign.co.uk Description: The Arch Clinic Bespoke Template Version: 1.2.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: arch */ *{margin:0;padding:0;} body{ color: #666; font-weight: 400; line-height: 1.35; } a, a:focus { color:inherit; text-decoration:none; outline: none !important;} a:hover, a:active { text-decoration:none; color: #e67e22;} p{margin:0 0 20px} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.22; margin: 0 0 15px; } #Bottom .widget-title ,.numberic.rpwe-div .item .date, .widgettitle-heading .sub-title, .widgettitle .sub-title, #lang_sel { font-family: "Open Sans",serif;} h2, .h2, .rev_title, .box-servicer .boxHeader, .boxFooter, .jv-accordion.primary.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header ,.boxPrice .jvpricing-price-wrap, .boxFooter , .jv-progressbar.vc_progress_bar .vc_single_bar .vc_label{ font-family: "Oswald",serif;} .tHosting.icon.chevron-down:before, .list-checked li:before, .icon-hover.jv-table-item .jv-table-head::before, .list-checked-menu ul.menu li a:before, .acc-icon-file-text .wpb_accordion_header > a:before ,.jv-accordion .wpb_accordion_header > a::before, .jv-accordion.acc-icon-user .wpb_accordion_header > a::after ,.breadcrumb:before ,.vc_wp_custommenu.jv-custommenu .menu li a:before, .vc_wp_custommenu.jv-custommenu .menu li.menu-item-has-children > a:before ,ul.product-categories ul li:before ,.vc_wp_custommenu .menu li a:before ,.widgettitle-icon .widgettitle:before ,.wpb_tabs.tab-icon .wpb_tabs_nav li a.ui-tabs-anchor:before {font-family: "icomoon";} a, .video-wrap .img-wrap > a, .video-wrap .img-wrap > a::before,.video-wrap .caption, .hoverBorder:before, .hoverBorder:after,.hoverBorder-2:before, .hoverBorder-2:after, .jvTeamSocial, .jvPortfolio .item-inner:hover .item-body, .zoom img ,.icon-hover.jv-table-item::before, .icon-hover.jv-table-item::after, .icon-hover .jv-table-content::after, .icon-hover .jv-table-head::after ,.jv-partner a ,.nav-button .owl-carousel:hover .owl-buttons, .nav-button .owl-carousel:hover .owl-nav ,.nav-pill li a i, #lang_sel ul ul li img ,.bpopup-content ,.header-top form.searchform input[type="search"] { transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s;} .btn, #header , .logo-table-cell, #header .container, .logo-table-cell img, .shop-products-list .imgsubproduct, .woocommerce .shop-products-list .star-rating, .shop-products-list .product-action, .dropdownMenu ul.menu .sub-menu , #panel .showtotal, ul.menu li, .our-banners-description > .our-banners-border > .banners-header, .product-category .product-cat-image:before, .our-banners-description:hover > .our-banners-border > a,.our-banners-description:hover > .our-banners-border > .banners-header, .our-banners-description:hover > .our-banners-border, .our-banners-border, .sidebar ul li { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;} img{max-width:100%;width:auto;height:auto;} textarea{width:100%;border:1px solid #ccc;padding:10px;} .container{position:relative} /*button*/ .btn, #respond #commentform input#submit, .page-404 .searchform input[value="Search"] { position: relative; border-radius: 3px; cursor: pointer; display: inline-block; font-weight: 500; padding: 0 15px; text-align: center; height: 36px; line-height: 36px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; color: #fff; border: 1px solid transparent; } .page-404 .searchform input[value="Search"] { line-height: normal !important;} .btn-shadow{ box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);} .btn-default { color:#333} .btn:hover, .btn:focus, #respond #commentform input#submit:hover{color:#FFFFFF;} .btn.btn-default{color: inherit;} .btn-gray { color: #43474d !important; background: #dcdcdc !important; text-shadow: 0 0 0 #000 !important; border-color:#000 !important;} .btn-gray:hover { color: #fff !important; background: #43474d !important;} .btn-dark { color: #fff !important ; background: #43474d !important; text-shadow: 0 0 0 #000 !important; box-shadow: 0 -2px 0 0 #000 inset !important;-webkit-box-shadow: 0 -2px 0 0 #000 inset!important;} .btn-dark:hover { background: #000 !important;box-shadow: 0 -2px 0 0 #43474d inset !important;-webkit-box-shadow: 0 -2px 0 0 #43474d inset!important;} .btn-white{ background-color: #fff ; color: #999; font-weight: 100;} .btn-xs{height:26px;line-height:26px;padding: 0 10px;} .btn-sm{height:30px;line-height:30px;padding: 0 12px;} .btn-md{height:42px;line-height:42px;padding: 0 15px;} .btn-lg{height:48px;line-height:48px;padding: 0 15px;} .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { border-radius:3px; font-size: 14px; height: 48px; padding: 0 15px;} a.btn, span.btn, p.btn, div.btn{height:auto !important;} button, input.btn, input.button{line-height:normal !important} .btn.active , .btn-hover:hover, .btn-white:hover{color:#fff} .btn-round { border-radius: 100px; overflow: hidden; } .btn-outline { background-color: rgba(0, 0, 0, 0.22); border-color: rgba(255, 255, 255, 0.6); color: #333; } .btn-outline.btn-primary { background-color: rgba(0, 0, 0, 0.22) !important; border-color: rgba(255, 255, 255, 0.6) !important; font-weight: 400 !important;} .btn-outline:hover, .btn-outline:focus { background-color: #233444 !important; border-color: #233444 !important; color: #fff !important; } .btn-outline.btn-white{ color: #fff; background-color: transparent ;} .btn-outline.btn-white:hover{ color: #fff;} .btn-md i{ margin-left: 5px;} .btn-inverse { background-color: #34495e; border-color: #34495e; color: #fff; } .btn-icon{ overflow: hidden; border: medium none; display: inline-block; position: relative;} .btn-icon > i { display: inline-block; position: relative; left: 0; top: 0;text-align: center; height: 36px; margin:0 0 0 -15px; padding:0 20px 0 15px; background:url(images/bg_icon.png) no-repeat right center; } .btn-icon >i:before { display: inline-block; } .btn-xs.btn-icon > i{height:26px;line-height:26px;} .btn-sm.btn-icon > i{height:30px;line-height:30px;} .btn-md.btn-icon > i{height:42px;line-height:42px;} .btn-lg.btn-icon > i{height:48px;line-height:48px; padding:0 23px 0 18px;} .btn.icon-right i{ margin-left: 5px;} .exampleItem { margin-bottom:30px;} .exampleItem > .btn { margin-right: 5px; margin-bottom: 5px;} /*input*/ input,button, select , textarea{} input[type="text"], input[type="search"], input[type="email"], input[type="number"], input[type="date"], input[type="tel"], input[type="url"], input[type="password"] , textarea{ background-color: #fff; border: 1px solid #dcdcdc; border-radius: 5px; height: 36px; outline: medium none; padding: 0 10px; resize: none; vertical-align: middle;} select { max-width:100%; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #ffffff url(images/select-arrow.jpg) no-repeat scroll 96% 50%; border: 1px solid #d5d5d5; border-radius: 0; display: inline-block; font-size: 13px; height: 38px; line-height: 22px; overflow: hidden; padding: 8px 30px 8px 10px; position: relative; -ms-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; color:#444 !important } select option{padding:5px} input[type="radio"], input[type="checkbox"]{height:auto !important;width:auto !important;margin:0;} .mhl.ptl{clear:both;overflow:hidden;} .glyph{border-bottom:1px solid #ccc;float:left;font-family:Arial,Helvetica,sans-serif;font-size:16px;margin:0 1.16% 10px;overflow:hidden;padding-bottom:10px;width:31%;} .glyph fieldset{display:none;} .label{color:#333;font-size:100%;font-weight:700;line-height:normal;text-align:center;white-space:nowrap;} .panel-default{border-radius:0;} .sticky,.bypostauthor .gallery-caption{ position:static} .gray-italic { color: #8b8d90; font-style: italic;} /*post-grid - JV custom*/ .jv-box { -webkit-border-radius: 0 0 20px 20px; -ms-border-radius: 0 0 20px 20px; -o-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; border: 2px solid #ddd; border-top-width: 1px; padding: 5px 15px; background-color: #fff; -webkit-box-shadow: 2px 3px 0 0 rgba(0, 0, 0, 0.05); box-shadow: 2px 3px 0 0 rgba(0, 0, 0, 0.05); margin-bottom: 5px; } /*Middle*/ .jvMiddle { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} #page { overflow:hidden} .css-select { padding:0; overflow: hidden; background-color: #fff; border: 1px solid #dcdcdc; position:relative; border-radius: 5px; } .css-select select { width:100% !important; float:none !important; height:34px; display:block !important; border:none !important; padding: 0 15px;} /**/ #visua-no-title .container > .vc_row { padding-top: 70px; padding-bottom: 70px; margin-bottom: 0;} #visua-no-title .container > .vc_row:first-child { padding-top:200px;} .padding-t0 { padding-top:0 !important} .margin-b45{ margin-bottom: 45px;} .lineh-30 { line-height: 30px; } .light{ font-weight: 100;} .padding-80{ padding-top: 80px; padding-bottom: 80px;} .padding-t50{padding-top: 50px;} .font-16{ font-size: 16px;} .font-50{ font-size: 50px;} /* STYLE BODY --------------------------------------------------------------------------------------------- */ #mainsite { position:relative} .body-bg-0{background-color:#fff}.body-bg-1{background-image:url(images/background/body-bg-1.png) }.body-bg-2{background-image:url(images/background/body-bg-2.png) }.body-bg-3{background-image:url(images/background/body-bg-3.png) }.body-bg-4{background-image:url(images/background/body-bg-4.png) }.body-bg-5{background-image:url(images/background/body-bg-5.png) }.body-bg-6{background-image:url(images/background/body-bg-6.png) }.body-bg-7{background-image:url(images/background/body-bg-7.png) }.body-bg-8{background-image:url(images/background/body-bg-8.png) }.body-bg-9{background-image:url(images/background/body-bg-9.png) }.body-bg-10{background-image:url(images/background/body-bg-10.png) }.body-bg-11{background-image:url(images/background/body-bg-11.png) }.body-bg-12{background-image:url(images/background/body-bg-12.png) }.body-bg-13{background-image:url(images/background/body-bg-13.png) }.body-bg-14{background-image:url(images/background/body-bg-14.png) }.body-bg-15{background-image:url(images/background/body-bg-15.png) }.body-bg-16{background-image:url(images/background/body-bg-16.png) }.body-bg-17{background-image:url(images/background/body-bg-17.png) }.body-bg-18{background-image:url(images/background/body-bg-18.png) }.body-bg-19{background-image:url(images/background/body-bg-19.png) }.body-bg-20{background-image:url(images/background/body-bg-20.png) }.body-bg-21{background-image:url(images/background/body-bg-21.png) }.body-bg-22{background-image:url(images/background/body-bg-22.png) }.body-bg-23{background-image:url(images/background/body-bg-23.png) }.body-bg-24{background-image:url(images/background/body-bg-24.png) }.body-bg-25{background-image:url(images/background/body-bg-25.png) }.body-bg-26{background-image:url(images/background/body-bg-26.png) }.body-bg-27{background-image:url(images/background/body-bg-27.png) }.body-bg-28{background-image:url(images/background/body-bg-28.png) }.body-bg-29{background-image:url(images/background/body-bg-29.png) } /**/ .body-wide #page{margin:0 auto;width:100%} .body-boxed #page{background:#FFF;border:1px solid #C7C7C7;box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);margin:0 auto;max-width:1200px!important;overflow:hidden} .body-framed #page{background:#FFF;border:1px solid #C7C7C7;box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);margin:20px auto;max-width:1200px;width:100%;overflow:hidden} .body-rounded #page{background:#FFF;border:1px solid #C7C7C7;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.3);margin:20px auto;max-width:1200px;overflow:hidden} /* BREADCRUMB --------------------------------------------------------------------------------------------- */ #block-breadcrumb { padding:220px 0 40px ; margin-bottom:75px; background-color:#000; background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .breadcrumb{ float: right; color: #fff; background-color: transparent; line-height: 32px; margin-bottom: 0;} .breadcrumb:before { content: "\e601"; margin-right: 5px; } .breadcrumb li > span{ font-weight: 600; margin-left: 5px;} .entry-title{ color: #fff; text-transform: uppercase;} #block-breadcrumb .entry-title{ display: inline-block; font-size: 32px; margin:0 } /* REVOLUSION --------------------------------------------------------------------------------------------- */ .margin-tm-30 { margin-top:-30px; } .rev_slider [class*="white-line"] .line { background-color: #fff; display: block; width: 8000px;} .rev_slider .white-line-t .line { height:33px} .rev_slider .white-line-b .line { height:33px} .rev_slider h3 { font-size:2.5em; } .rev_slider p { font-size: 1.5em; line-height: 1.5em; } .rev_slider .bg05 { background-color: rgba(67, 71, 77, 0.5); color: #fff; padding: 0 20px;} .rev_slider .bg05 p { font-size: 1.5em; line-height: 1.5em; } /* DROPDOWN MENU --------------------------------------------------------------------------------------------- */ .dropdownMenu ul > li > a{display:block;outline:none;text-decoration:none;margin:0; font-size: 14px;} .dropdownMenu ul.menu{margin:0;padding:0;} .dropdownMenu ul.menu li{display:block;float:left;margin-right:1px;list-style-type:none;position:relative} .dropdownMenu ul.menu li.menu-item-has-children > a:after{content:"\e002";line-height:normal;font-family:"gold" !important;font-style:normal !important;font-variant:normal !important;font-weight:normal !important;text-transform:none !important;position:relative;top:3px;margin-left:5px;} .dropdownMenu ul.sub-menu li.menu-item-has-children > a:after{line-height:30px;top:0;position:absolute;right:0;} .dropdownMenu ul.menu .sub-menu{margin:0;padding:0;background-color:#fff; color:#333;box-shadow:0 5px 10px rgba(149, 149, 149, 0.21);-webkit-box-shadow:0 5px 10px rgba(149, 149, 149, 0.21);min-width:260px;padding:15px;position:absolute;opacity:0;visibility:hidden;transform:scale(0);-webkit-transform:scale(0);} .dropdownMenu ul.menu li:hover > .sub-menu{opacity:1;visibility:visible;transform:scale(1);-webkit-transform:scale(1);} .dropdownMenu ul.menu .sub-menu .sub-menu{transform:translateX(50px);-webkit-transform:translateX(50px);} .dropdownMenu ul.menu .sub-menu li:hover > .sub-menu{transform:translateX(0);-webkit-transform:translateX(0);} .dropdownMenu ul.menu .sub-menu .line-bottom{border-bottom:2px solid #e1e1e1;margin-bottom:15px !important;padding-bottom:15px;} .dropdownMenu ul.menu ul li{float:none;width:auto;margin:0 0 1px;} .dropdownMenu ul.menu ul li:first-child{} .dropdownMenu ul.menu ul span{display:block;} .dropdownMenu ul.menu ul ul{top:0;left:100%;} .dropdownMenu ul.menu ul li.parent > a > span{background:url(../images/arrow.png) no-repeat right center;} .required{color:#f00;} #panel .cart_list { color: #444; margin: 0 -15px 20px; max-height: 500px; overflow: auto; padding: 0 20px;} #panel .cart_list > div + div { border-top: 1px solid #e1e1e1; margin-top: 20px; overflow: hidden; padding-top: 20px; position: relative;} #panel .cart_list > div { line-height: normal; overflow: hidden;} #panel .cart_list > div a { display: block; font-size: 120%; margin-bottom: 15px; padding: 0;} #panel .cart_list > div img { float: left; margin-right: 10px; width: 60px;} #panel .cart_list .quantity { display: block; overflow: hidden; width: auto;} #panel .cart_list .quantity span { display: inline-block;} #panel .cart_list .info { overflow: hidden;} #panel .cart_list .info dl { margin-bottom: 10px;} #panel .cart_list .info dt { clear: both; float: left; margin-right: 5px;} #panel .cart_list .info p { margin: 0;} .panel-title > a:hover { color: inherit; } /* HEADER -----------------------------------------------------------------------------------------------------*/ #header{z-index:1000;position: absolute; width:100%; top:0;} a.jvlogo{position:absolute;left:15px;top:0;bottom:0;z-index:200;} a.logo-bg{background:url(images/logo.png) no-repeat left center; min-width: 230px; max-height: 47px; margin-top: 25px;} a.logo-text{line-height:normal;color: #333;text-align:center;} a.logo-text .text{font-size:30px;font-weight:600;float:left;position:relative; text-transform:uppercase} a.logo-text .slogan{display:block; float:left; clear: both; color:#fff; } .logo-table-cell{display:table-cell;vertical-align:middle;} .logo-table-cell img { max-height:90%} #jv-nav-right .logo-table-cell{text-indent:0 !important} .btn-menu-mobile{display:none} #header .container, .logo-table-cell{height:110px;} #header >.container { position: relative; z-index: 100; } #nav-mainmenu.scroll-to-fixed-fixed { margin: 0 !important; background-color: rgba(0, 0, 0, 0.7) !important; z-index: 99999 !important;} .admin-bar #nav-mainmenu.scroll-to-fixed-fixed{top: 32px !important;} #nav-mainmenu.scroll-to-fixed-fixed .container{height:70px;} #nav-mainmenu.scroll-to-fixed-fixed .logo-table-cell img { max-height:55px;} #header .btnsearchtop { width:30px; height:40px; line-height:40px; text-align:center; position:absolute; top:50%; right:15px; margin-top:-20px; font-size: 18px;} /*=header-top*/ .header-top { font-size: 12px; position: absolute; line-height:30px; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 201;} .header-top > .widget { display: inline-block; margin-left: 20px; } .header-top .widget_text{ color: #fff;} /*wpml*/ #lang_sel ul ul{ top: 32px ; color: #fff; border-top: 0;} #lang_sel ul ul a{ border: none; padding: 0 0 0 10px; } #lang_sel a:hover, #lang_sel ul ul a:hover, #lang_sel *:hover > a, #lang_sel ul ul *:hover > a, #lang_sel ul ul a:visited { background-color: inherit; color: inherit; } #lang_sel li { float: none;} #lang_sel ul ul li a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #lang_sel ul > li > a { font-size: 12px;} #lang_sel a.lang_sel_sel{ color: #fff; background-color: transparent; line-height: 30px;padding: 0 7px; border: 1px solid transparent;} .header-top .dropdownMenu ul.menu .sub-menu { right:0} .header-top .dropdownMenu ul.menu li{ float: none;} #header .widget-title{ display: none;} /*search form*/ .widget_search .searchform,.entry-content .searchform{ border: 1px solid #dcdcdc; border-radius: 5px; position: relative;} .widget_search .searchform input[type="submit"], .entry-content .searchform input[type="submit"]{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; font-size: 13px; font-weight: 500; height: 34px; padding: 0 21px; position: absolute; right: 0; text-transform: uppercase;} .widget_search .searchform input[name="s"],.entry-content .searchform input[name="s"]{ border: none;} .entry-content .searchform{ max-width: 300px;} .header-top .searchform{height:32px;width:32px;line-height:32px;z-index:10;position:relative} .header-top .searchform:before{position:absolute;z-index:11;right:0;top:12px; color:#fff;font-size:15px;width:100%;text-align:center;font-family:icomoon !important;font-style:normal !important;font-variant:normal !important;font-weight:normal !important;text-transform:none !important;content:"\f002";} .header-top .searchform input[type="search"] { background-color: rgba(34, 34, 34, 0.9); color:transparent; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 0; height: 32px; width: 32px; opacity: 0; padding: 0 20px;position: absolute; right: -1px; top: 12px; transition: all 0.5s ease-in-out 0s !important; -webkit-transition: all 0.5s ease-in-out 0s !important; } .header-top .searchform .screen-reader-text{display:none} .header-top .searchform [type="submit"]{background:none;display:none;border:medium none;height:32px;right:-1px;opacity:0;position:absolute;top:-1px;width:32px;z-index:12;} .header-top .searchform:hover input[type="search"], .header-top .widget_product_search form input[type="search"]:focus, .header-top .widget_product_search form:focus input[type="search"]{opacity:1;width:250px; color:#fff;} .header-top .searchform:hover { border-color: transparent;} .header-top .searchform input[type="search"]:focus + [type="submit"], .header-top .searchform [type="submit"]:hover {display:block;} /*header myaccount*/ .header-top .widget_text_login .menu > li span{border: 1px solid transparent; padding:5px 10px;} #lang_sel ul li:hover > a.lang_sel_sel, .header-top .widget_text_login .menu > li:hover span{cursor: pointer; border-color: rgba(255, 255, 255,0.7); background-color: rgba(34, 34, 34, 0.9); color: #fff; } .header-top .widget_text_login .dropdownMenu ul > li > a { font-size: inherit; } .header-top .widget_text_login .btn-bar .avatar { max-width: 15px; margin-right: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .header-top .widget_text_login .dropdownMenu .menu .sub-menu{ z-index: 1001; min-width: 170px; } .header-top .widget_text_login .dropdownMenu .menu .sub-menu.nav-pill{ background-color: rgba(34, 34, 34, 0.9); } .bpopup-content{display:none;background:#fff;padding:20px; width:500px} .panel-primary.bpopup-content{width:660px;padding:0;} .panel-primary.bpopup-content .panel-title{padding:10px 20px;text-transform:uppercase;font-size:24px;position:relative;border:1px solid #fff; text-align: center;} .panel-primary.bpopup-content .panel-title .bpopup-close{font-size: 17px; bottom:10px;cursor:pointer;line-height:30px;position:absolute;right:10px;text-align:center;top:10px;width:40px;} .panel-primary.bpopup-content .panel-body{padding:50px;} /* OWL -----------------------------------------------------------------------------------------------------*/ .owl-wrapper-outer{position:relative !important;overflow:hidden;} .owl-carousel .item{float:none !important;padding-left:0 !important; padding-right:0 !important;margin:0 !important;width:auto !important;max-width:none !important;} .owl-carousel{margin-left:0 !important; margin-right:0 !important; overflow:visible !important;} .owl-carousel .owl-controls .owl-buttons > div { color: #dcdcdc; font-size: 44px; height: 60px; line-height: 58px; margin-top: -30px; overflow: hidden; position: absolute; text-align: center; top: 50%;width: 40px;} .owl-carousel .owl-controls .owl-buttons .owl-prev { left: -35px;} .owl-carousel .owl-controls .owl-buttons .owl-next { right: -35px;} /*slider-control-bullet */ .owl-controls{text-align: center; } .owl-controls .owl-dot,.owl-controls .owl-page { display: inline-block; height: 10px; width: 10px; margin: 5px 7px !important; background-color: #fff;} .owl-controls .owl-dot.active,.owl-controls .owl-page.active { border-width: 2px; width: 20px; background-color: transparent; border-style: solid;} /*bullet inverse*/ .bullet-inverse .owl-controls .owl-dot, .bullet-inverse .owl-controls .owl-page{ background-color: #34495e;} .bullet-inverse .owl-controls .owl-page.active, .bullet-inverse .owl-controls .owl-dot.active{background-color:transparent;} /*bullet white*/ .bullet-white .owl-controls .owl-dot, .bullet-white .owl-controls .owl-page{ background-color: #fff;} .bullet-white .owl-controls .owl-page.active, .bullet-white .owl-controls .owl-dot.active{ background-color:transparent;} /**/ .owl-carousel .item .overlay{ position: absolute; left: 10px; bottom: 10px;padding: 12px 10px;background-color: rgba(0, 0, 0, 0.5); color: #fff; } /*version 1.3*/ .nav-button .owl-carousel .owl-controls .owl-buttons > div, .nav-button .owl-carousel .owl-controls .owl-nav > div { background-color: rgba(0, 0, 0, 0.7); height: 40px; line-height: 14px; top: 45%; margin-top: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .nav-button .owl-buttons i,.nav-button .owl-nav i[class*="icon-"]{ font-size: 14px; color: #fff;} .nav-button .owl-carousel .owl-controls .owl-buttons .owl-prev,.nav-button .owl-carousel .owl-controls .owl-nav .owl-prev {left: 0;} .nav-button .owl-carousel .owl-controls .owl-buttons .owl-next,.nav-button .owl-carousel .owl-controls .owl-nav .owl-next {right: 0;} .nav-button .owl-buttons,.nav-button .owl-nav{ opacity: 0;} .nav-button .owl-carousel:hover .owl-buttons, .nav-button .owl-carousel:hover .owl-nav{ opacity: 1;} .nav-button .owl-carousel:hover .owl-controls .owl-buttons > div, .nav-button .owl-carousel:hover .owl-controls .owl-nav > div { background-color: rgba(0, 0, 0, 0.4);} /*version 2.0*/ .nav-button .owl-carousel .owl-controls .owl-nav > div{ position: absolute; width: 40px; height: 40px; top: 25%;} .nav-button .owl-nav i[class*="icon-"] {line-height: 40px;} .wpb_text_column .slider-wrap :last-child{ margin-bottom:5px; } /* -----------------------------------------------------------------------------------------------------*/ .space10 { margin-left:-5px !important; margin-right:-5px !important; width:auto !important} .space10 .item { padding-left: 5px !important; padding-right: 5px !important;} .space20 { margin-left:-10px !important; margin-right:-10px !important; width:auto !important} .space20 .item { padding-left: 10px !important; padding-right: 10px !important;} .space30 { margin-left:-15px !important; margin-right:-15px !important; width:auto !important} .space30 .item { padding-left: 15px !important; padding-right: 15px !important;} /* PROGRESSBAR -----------------------------------------------------------------------------------------------------*/ .jv-progressbar.vc_progress_bar .vc_single_bar{ margin-bottom: 30px;} .jv-progressbar.vc_progress_bar .vc_single_bar .vc_label { padding: 10px 0; font-size: 18px; line-height: 18px; padding: 10px 0; color: inherit; } .jv-progressbar.vc_progress_bar .vc_single_bar[class*="bar_"] .vc_label {color: inherit;} .jv-progressbar.vc_progress_bar .vc_label_units{ float: right;} .jv-progressbar.vc_progress_bar .vc_single_bar:before { background-color: #f1f1f1; content: ""; display: block; height: 28px; position: absolute; top: 38px; width: 100%; } .jv-progressbar.vc_progress_bar .vc_single_bar { background: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .jv-progressbar.vc_progress_bar .vc_single_bar .vc_bar{ position: relative; height: 28px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0;} .jv-progressbar.vc_progress_bar.white{ color: #fff;} .jv-progressbar.vc_progress_bar.white .vc_single_bar:before { background-color: rgba(255, 255, 255, 0.2); } /* Blockquote -----------------------------------------------------------------------------------------------------*/ blockquote { background-color: #f8f8f8; font-family: Georgia, Times, serif; font-size: inherit; line-height: inherit; } /*blockquote.primary { border-color: #1abc9c; }*/ blockquote.info { border-color: #269abc; } blockquote.success { border-color: #4cae4c; } blockquote.warning { border-color: #eea236; } blockquote.danger { border-color: #d43f3a; } blockquote.quote-icon { padding-top: 25px; position: relative; } blockquote.quote-icon p { text-indent: 30px; } blockquote.quote-icon i[class*="icon-"] { left: -3px; position: absolute; top: 15px; } blockquote.unstyled { background-color: transparent; border: medium none; padding: 0; } /* JV Portfolio -----------------------------------------------------------------------------------------------------*/ .hoverBorder-2:before, .hoverBorder-2:after { border: 1px solid rgba(255, 255, 255, 0.8); content: ""; display: block; height: 0; opacity: 0; position: absolute; width: 0; z-index: 2; } .hoverBorder-2:before { border-width: 1px 1px 0 0; right: 5px; top: 5px; } .hoverBorder-2:after { border-width: 0 0 1px 1px; bottom: 5px; left: 5px; } .hoverBorder-2:hover:before, .hoverBorder-2:hover:after { height: 70%; width: 70%; opacity: 1; } .jv-overlay { position: absolute; bottom: 0; left: 0; right: 0; top: 0; color: #fff; } .jv-overlay a:hover{ color: #fff;} .jvPortfolio .item-inner { position: relative; } .jvPortfolio .item-body { opacity: 0; } .jvPortfolio .item-inner:hover .item-body { opacity: 0.9; z-index: 2; } .jvPortfolio .item-body .item-links { position: absolute; text-align: center; top: 40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 3; } .jvPortfolio .item-body .item-links a { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; background-color: rgba(0, 0, 0, 0.2); display: inline-block; font-size: 18px; width: 45px; height: 45px; line-height: 45px; position: relative; z-index:4;} .jvPortfolio .item-body .item-info { position: relative; color: #fff; padding: 0 15px 15px; z-index: 3; position: absolute; left: 0; right: 0; bottom: 0; } .jvPortfolio .item-body .info-details{ font-size: 12px; } .jvPortfolio .item-body .info-tags{ margin-right: 5px;text-transform: uppercase;} .jvPortfolio .item-body .info-tags > i { margin-right: 5px;} .jvPortfolio .sdesc, .jvPortfolio .links{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*portfolio single post*/ .portfolio_content .cat{ color: #999;} .portfolio-single-body{padding-top: 30px;} .portfolio-single-body .info { border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; margin: 16px 0; padding: 16px 0; text-align: left; } .portfolio-single-body .info > p { margin-bottom: 15px; } .portfolio-single-body .info p > .label { display: inline-block; font-weight: 600; min-width: 170px; text-align: left; color: inherit; } .portfolio-single-body .info p > .label > i { margin-right: 3px; } .portfolio-footer .btn + .btn { margin-left: 10px; } .i-background { background-color: rgba(0, 0, 0, 0.3); color: #fff; border-radius: 100%; font-size: 20px; height: 44px; width: 44px; line-height: 44px; text-align: center; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; } .i-overlay { left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; opacity: 0; position: absolute; } .viewImages { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .viewImages:hover .i-background { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #content-full .portfolio_content[class*="col-"]{padding-left: 0; padding-right: 0;} /* Hosting title -----------------------------------------------------------------------------------------------------*/ .tHosting{ color: #555555; text-transform: uppercase; margin-bottom: 20px;} .tHostingSub { color: #666666; font-size: 18px; font-weight: 100;margin-bottom: 40px !important; } .widgettitle{ display: block; text-transform: uppercase; color: #555; margin-bottom:30px;} .widgettitle .sub-title { display: block; font-size: 16px; font-weight: 100; color: #666; text-transform: none; line-height: 24px;} .tHosting.icon, .widgettitle-icon .widgettitle{ position: relative; text-transform: none; } .tHosting.icon::before,.widgettitle-icon .widgettitle:before { background-color: #fff; bottom: -16px; color: #ddd; font-size: 18px; height: 35px; left: 50%; line-height: 35px; margin-left: -26px; position: absolute; text-align: center; width: 52px; } /*with icon-chevron-down*/ .tHosting.icon.chevron-down:before,.widgettitle-icon .widgettitle:before{content: "\f078";} .tHosting.icon::after,.widgettitle-icon .widgettitle:after { background-color: #eee; content: ""; display: block; height: 1px; margin-top: 28px; width: 100%; } .widgettitle-heading .widgettitle { font-size: 36px; margin-bottom: 50px; } .widgettitle-heading .sub-title { font-weight: 100; font-size: 24px; color: inherit; } .widgettitle-heading.text-left .widgettitle, .widgettitle-heading.text-left .sub-title { text-align: left; } /* -----------------------------------------------------------------------------------------------------*/ .zoom{ overflow: hidden; display: block;} .zoom:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .hoverBorder:before, .hoverBorder:after { position: absolute; content: ""; border-style: solid; opacity: 0; z-index: 0; width: 0;height: 0;} .hoverBorder:before { border-width: 4px 0 0 2px; left: 0; top: 0; } .hoverBorder:after { border-width: 0 2px 4px 0; bottom: 0; right: 0; } .hoverBorder:hover:before, .hoverBorder:hover:after { opacity: 1; width: 50%; height: 50%; } .social-small .dark-blue{ color: #204385; border-color: #204385;} .social-small .blue{ color: #0274b3; border-color: #0274b3;} .social-small .light-blue{ color: #2aa9e0; border-color: #2aa9e0;} .social-small .red{ color: #d3492c; border-color: #d3492c;} .bgGray{ background-color: #f8f8f8; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;} .bgImage{ color: #fff; background-size: cover; background-position: center center;} .bgImage .widgettitle, .bgImage .sub-title { color: #fff;} .txt-uppercase{ text-transform: uppercase;} /* jv-table -----------------------------------------------------------------------------------------------------*/ .jv-table-item { border: 1px solid #e2e2e2; overflow: hidden; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; text-align: center;} .jv-table-item .jv-table-head{ padding: 30px 0 6px;} .jv-table-item .jv-table-head .jv-table-title { margin: 15px 0;} .jv-table-item .jv-table-head .jv-table-price-wrap { margin-top: 25px; padding: 20px 0; } .jv-table-item .jv-table-badge { position: absolute; left: -33px; top: 23px; background: none repeat scroll 0 0 #c0392b; color: #fff; padding: 6px 40px; text-transform: uppercase; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); width: 140px;} .jv-table-item .jv-table-head .jv-table-price-wrap .jv-table-price-after{ font-size: 20px;} .jv-table-item .jv-table-bottom{padding-bottom: 30px;} .jv-table-item.border-md{ border-width: 3px;} .jv-table-item .jv-table-head .jv-table-icon img { border-radius: 100%; } .jv-table-item .jv-table-head .jv-table-title { font-size: 26px; text-transform: uppercase; color: #666; font-weight: 100; line-height: 1.35;} .jv-table-item .jv-table-head .jv-table-price-wrap .jv-table-price-before { display: block; color: #3c3c3c; font-size: 18px; font-weight: 100; margin-right: 0; text-transform: uppercase;} .jv-table-item .jv-table-head .jv-table-price-wrap .jv-table-price{ font-size: 46px; font-weight: 600;} /*jv-table2*/ .jv-table2.jv-table-item { background: #fff none repeat scroll 0 0; border-width: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .jv-table2 .jv-table-head{color: #fff;} .jv-table2 .jv-table-head .jv-table-icon{ font-size: 50px;} .jv-table2 .jv-table-head .jv-table-title{ margin: 15px 0; color: inherit;} .jv-table2 .jv-table-head .jv-table-price-wrap { background-color: #fff; border-top-width: 1px; border-top-style: solid ; color: #6d6d6d; margin-top: 25px; padding: 20px 0; } .jv-table2 .jv-table-price-before { font-size: 20px; padding-right: 6px; } .jv-table2 .jv-table-price, .jv-table-price-after { font-size: 24px; } .jv-table2 .subprice { display: block; font-weight: 100; padding-top: 8px; } .jv-table2 .jv-table-content {overflow: hidden; } .jv-table2 .jv-table-content ul{ color: #3c3c3c; list-style: none; margin-left: 0;} .jv-table2 .jv-table-content ul li{padding: 10px 20px; min-height: 40px;} /*inner i element*/ .jv-table2 .jv-table-content .item > i[class*="icon-"]{ margin-right: 15px;} .jv-table2.default .jv-table-content .item > i[class*="icon-"]{ color: #616f7d;} .jv-table2 .jv-table-content li.noicon:before{ display: none;} .jv-table2 .jv-table-content li.item:nth-child(2n) { background-color: #f8fdfc; } .jv-table2 .jv-table-bottom { background-color: #f9f9f9; border-top: 1px solid #e3e3e3; padding: 20px 0; } /*border*/ .jv-table2.border-md{ border-width: 3px;} .jv-table2.border{ border-width: 1px;} /*==table with icon-hover : top right*/ .icon-hover.jv-table-item::before, .icon-hover.jv-table-item::after, .icon-hover .jv-table-content::after { border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-style: solid; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; -ms-border-radius: 0 0 0 5px; -o-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; border-width: 65px 0 0 65px; content: ""; position: absolute; right: 0; top: 0; z-index: 1;} .icon-hover.jv-table-item::after { border-color: #fff transparent transparent !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; z-index: 2; } .icon-hover .jv-table-head::before {color: #ccc; font-size: 48px;line-height: 48px; position: absolute; right: 7px; top: 7px; z-index: 3; } /*wordpress*/ .icon-hover.i-wp .jv-table-head::before { content: "\e78d"; } /*joomla*/ .icon-hover.i-joomla .jv-table-head::before { content: "\e78f"; } .icon-hover .jv-table-head::after { border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; border-style: solid; border-width: 51px 0 0 51px; content: ""; position: absolute; right: 7px; top: 7px; z-index: 4;} .icon-hover .jv-table-content::after { border-color: rgba(0, 0, 0, 0.25); right: -4px; top: 3px; z-index: 0; } .icon-hover.jv-table-item:hover::before, .icon-hover.jv-table-item:hover::after, .icon-hover.jv-table-item:hover .jv-table-content::after { border-width: 90px 0 0 90px; } .icon-hover.jv-table-item:hover .jv-table-head::after { border-width: 76px 0 0 76px; } /*jv table with small price*/ .jv-table-item.price-sm .jv-table-head .jv-table-price-wrap .jv-table-price-before{ display: inline-block;} .jv-table-item.price-sm .jv-table-head .jv-table-price-wrap .jv-table-price{font-weight: 500;font-size: 24px;} /*round-price*/ .round-price.jv-table2 .jv-table-head{ position: relative; height: 110px; margin-bottom: 60px; background-color: #ddd;} .round-price .jv-table-head .jv-table-price-wrap { width: 140px; height: 140px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; position: absolute; top: 33px; left: 25%; margin-top: 0; background-color: #fff; border: 2px solid #ddd; } .round-price.jv-table-item .jv-table-head .jv-table-price-wrap .jv-table-price{ display: block; color: inherit; font-size: 60px; font-weight: 100;} .round-price.jv-table-item .jv-table-head .jv-table-price-wrap .jv-table-price-after{ color: inherit; font-size: 15px;font-weight: 100;} .round-price.primary .jv-table-head .jv-table-price-wrap{ border-color: #fff; } .round-price.jv-table-item.primary .jv-table-head .jv-table-price-wrap .jv-table-price, .round-price.jv-table-item.primary .jv-table-head .jv-table-price-wrap .jv-table-price-after{ color: #fff;} .round-price.jv-table2 .jv-table-bottom{ background-color:#fff; border-top-width: 0; } .round-price.jv-table2 .jv-table-content{ padding-top: 30px;} .round-price.jv-table2 .jv-table-content > ul{ margin-top: 30px;} .round-price.jv-table2 .jv-table-content li.item:nth-child(2n){ background-color: inherit;} /* JV tab hosting -----------------------------------------------------------------------------------------------------*/ .jv-tab-hosting.wpb_content_element .wpb_tabs_nav{ overflow: hidden;} .jv-tab-hosting .wpb_tabs_nav li { border: medium none; border-radius: 0; color: #fff; font-weight: 100; position: relative; -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 0; background-color: inherit !important;} .jv-tab-hosting .wpb_tabs_nav li:first-child{ margin-left: -10px; } .jv-tab-hosting .wpb_tabs_nav li:last-child a{ margin-right: 12px; } .jv-tab-hosting .wpb_tabs_nav li a { -webkit-transform: skewX(25deg); -ms-transform: skewX(25deg); -o-transform: skewX(25deg); transform: skewX(25deg); } .jv-tab-hosting.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a{ padding: 15px 34px; font-size: 16px;} .jv-tab-hosting.wpb_content_element .wpb_tabs_nav li:hover{ background-color: rgba(255, 255, 255, 0.1) !important; } .jv-tab-hosting li:hover a{ color: #fff; background-color: transparent;} .jv-tab-hosting.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{ padding: 25px 0; background-color: inherit;} .wpb_tabs.tab-icon .wpb_tabs_nav li a.ui-tabs-anchor:before{margin-right:5px; } .wpb_tabs.tab-icon .wpb_tabs_nav li:first-child a.ui-tabs-anchor:before{content: "\e86d"; } .wpb_tabs.tab-icon .wpb_tabs_nav li:nth-child(n+2) a.ui-tabs-anchor:before{content: "\e8e6"; } .wpb_tabs.tab-icon .wpb_tabs_nav li:nth-child(n+3) a.ui-tabs-anchor:before{content: "\f0ac"; } .wpb_tabs.tab-icon .wpb_tabs_nav li:nth-child(n+4) a.ui-tabs-anchor:before{content: "\e815"; } /*jv-tab-pill*/ .jv-tab-pill.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{ background: #fff; padding: 25px 0;} .jv-tab-pill.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a{ padding: 12px 20px;font-size: 16px;} .jv-tab-pill.wpb_tabs .wpb_tabs_nav li, .jv-tab-pill.wpb_tour .wpb_tabs_nav li{ border: 1px solid #dcdcdc; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;} .jv-tab-pill.wpb_tabs .wpb_tabs_nav li.ui-tabs-active, .jv-tab-pill.wpb_tour .wpb_tabs_nav li.ui-tabs-active { color: #fff; } .jv-tab-pill.wpb_tabs .wpb_tabs_nav li.ui-tabs-active:hover a, .jv-tab-pill.wpb_tour .wpb_tabs_nav li.ui-tabs-active:hover a{ color: #fff;} .jv-tab-pill.wpb_content_element .wpb_tabs_nav li:hover { background-color: #fff; } .jv-tab-pill.wpb_tabs .wpb_tabs_nav li:not(:last-child), .jv-tab-pill.wpb_tour .wpb_tabs_nav li:not(:last-child){margin-right: 2px;} /*jv-tab-classic*/ .jv-tab-classic.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a{ padding: 12px 20px;font-size: 16px;} .jv-tab-classic.wpb_tabs .wpb_tabs_nav.ui-tabs-nav{ border-bottom: 1px solid #dcdcdc;} .jv-tab-classic.wpb_tabs .wpb_tabs_nav li{ border: 1px solid #dcdcdc; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; color: #fff; margin-bottom: -1px;} .jv-tab-classic.wpb_tabs .wpb_tabs_nav li:hover { color: #fff;} .jv-tab-classic.wpb_tabs .wpb_tabs_nav li:not(.ui-tabs-active):hover a{ color: #fff; background-color: rgba(0,0,0,0.1);} .jv-tab-classic.wpb_tabs .wpb_tabs_nav li.ui-tabs-active { background-color: #fff; border-color: #dcdcdc; border-bottom-color: transparent; color: inherit;} .jv-tab-classic.wpb_tabs .wpb_tabs_nav li.ui-state-hover.ui-tabs-active a { color: #fff;} .jv-tab-classic.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{ background: #fff; border: 1px solid #dcdcdc; border-top-color: transparent; padding: 20px;} /* Widget Box */ .bg-color-1 { background-color: #60778d; color: #ffffff;} .bg-color-2 { background-color: #b3d735; color: #ffffff;} .bg-color-3 { background-color: #b99a7b; color: #ffffff;} .bg-color-4 { background-color: #4796db; color: #ffffff;} .bg-color-5 { background-color: #df0000; color: #ffffff;} .bg-color-6 { background-color: #e10765; color: #ffffff;} .bg-color-7 { background-color: #4ad0eb; color: #ffffff;} .bg-color-8 { background-color: #ff9c00; color: #ffffff;} .bg-color-9 { background-color: #ffe301; color: #444;} .widgetBox .widgettitle, .widgetBox .widget-title { border-bottom: 3px solid rgba(255,255,255,0.3); color:#fff; font-size: 24px; padding: 13px 20px; margin:0; text-align:left;} .widgetBox .widgettitle, .widgetBox .widget-title { padding:10px;} .widgetBox.bg-color-9 .widgettitle, .widgetBox.bg-color-9 .widget-title { color:#444} .widgetBox .textwidget { padding:10px;} /* VC Custom Menu -----------------------------------------------------------------------------------------------------*/ .vc_wp_custommenu .menu{list-style-type: none;} .vc_wp_custommenu .menu li .showsubmenu { float: right; height: 40px; line-height: 40px; padding: 0 10px; text-align: right; width: 50px; cursor:pointer} .vc_wp_custommenu .menu li a{ display: block; padding: 11px 5px 11px 20px; font-size: 12.5px;} .vc_wp_custommenu .menu li a:before{content: "\f105"; margin-right: 5px;} .vc_wp_custommenu .menu li a:hover , .vc_wp_custommenu .menu li.current_page_item > a { background-color: rgba(0,0,0,0.1); color: inherit;} .vc_wp_custommenu .menu li[class*="parent-showsub"] > .showsubmenu:before { content: "\f068";} .vc_wp_custommenu .sub-menu{ display:none; width:100%; list-style-type: none; } .vc_wp_custommenu .parent-showsub > .sub-menu{ display:block} /* List-checked -----------------------------------------------------------------------------------------------------*/ .list-checked { list-style: none; text-align: left; margin-left: 0; } .list-checked.default{color: #3c3c3c; } .list-checked li:before { content: "\f14a"; font-size: inherit; margin-right: 15px;} .list-checked.default li:before{color: #616f7d; } .list-checked.list-checkmark li:before{ content: "\e8ba";} .list-checked.list-angle-right li:before{ content: "\f105";} .list-checked.list-circle-o li:before{ content: "\f10c";} .list-checked.list-plus-square-o li:before {content: "\f196";} .list-checked.list-minus-square-o li:before {content: "\f147";} .list-checked.list-file-text-o li:before { content: "\f0f6";} .list-checked.list-angle-double-right li:before{content: "\f101";} .list-checked li { padding: 10px 20px; } .list-angle-right li,.list-checkmark li{padding: 6px 0; } .list-checkmark li:before{margin-right: 5px;} .list-angle-right li:before{ margin-right: 15px;} .list-angle-right{ color: inherit;} .list-checked.square li,.list-checked.round li{ position: relative;} .list-checked.square li:before, .list-checked.round li:before { height: 6px; top: 14px; width: 6px; content: ""; position: absolute; left: 6px; top: 15px; } .list-checked.round li:before { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } /*list-icon*/ .list-icon{ list-style-type:none; } .list-icon li{ overflow: hidden; } .list-icon li:not(:last-child){ margin-bottom: 15px;} .list-icon .text { display: block; padding-top: 7px; } .list-icon i { color: #fff; display: block; font-size: 18px; line-height: 32px; height: 32px; width: 32px; text-align: center; } .list-icon.left i { float: left; } .list-icon.left .text { padding-left: 42px; } .list-icon.round i { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .list-icon.danger i { background-color: #d43f3a; } /* widget_nav_menu -----------------------------------------------------------------------------------------------------*/ .list-checked-menu.background{ background-color: #60778d; color: #ffffff;} .list-checked-menu.background .menu li a{ display: block; padding: 11px 20px; font-size: 12.5px;} .list-checked-menu.background .menu a:hover,.list-checked-menu.background .menu .current_page_item > a{ background-color: rgba(0,0,0,0.1); color: inherit;} .list-checked-menu ul.menu, .list-checked-menu ul.menu ul.sub-menu { list-style: none; margin: 0;} .list-checked-menu ul.menu li.menu-item-has-children ul.sub-menu a ,.vc_wp_custommenu .menu li.menu-item-has-children ul.sub-menu a{ padding-left: 35px;} .list-checked-menu ul.menu li.menu-item-has-children ul.sub-menu .sub-menu a ,.vc_wp_custommenu .menu li.menu-item-has-children ul.sub-menu .sub-menu a { padding-left: 50px;} .widget.widget_categories.jv-widget-cats ul li { display: block; font-size: 0.96em; padding: 12px 15px; background-color: #60778d; color: #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .widget.widget_categories.jv-widget-cats.i-folder ul li:before { content: "\f07b"; margin-right: 10px; } .widget.widget_categories.jv-widget-cats ul li .count { color: #60778d; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background-color: #fff; padding: 0 8px; display: block; float: right; min-width: 30px; text-align: center; } /* jv-accordion -----------------------------------------------------------------------------------------------------*/ .acc-icon-file-text .wpb_accordion_header > a:before{ content: "\f0f6"; margin-right: 5px;} .jv-accordion .wpb_accordion_header > a::before { content: "\f0fe"; } .jv-accordion .ui-accordion-header-active.wpb_accordion_header > a::before { content: "\f146"; } .jv-accordion.acc-icon-user .wpb_accordion_header > a::before, .jv-accordion.acc-icon-user .ui-accordion-header-active.wpb_accordion_header > a::before { content: "\ebd5"; } .jv-accordion.acc-icon-user .wpb_accordion_header > a::after{ content: "\f105"; } .jv-accordion.acc-icon-user .ui-accordion-header-active.wpb_accordion_header > a::after { content: "\f107"; } .jv-accordion.simple .wpb_accordion_header > a::before{ content: "\f105";} .jv-accordion.simple .ui-accordion-header-active.wpb_accordion_header > a::before { content: "\f107"; } .jv-accordion.acc-icon-question .wpb_accordion_header > a::before, .jv-accordion.acc-icon-question .ui-accordion-header-active.wpb_accordion_header > a::before{ content: "\f059";} .acc-icon-file-text .wpb_accordion_header > a:hover{ color: #e67e22; } .acc-icon-file-text.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header{ background-color: inherit; } .jv-accordion .wpb_accordion_section.group{ border: 1px solid #ddd;} .jv-accordion .wpb_accordion_section.group:not(:first-child){ margin-top: 5px;} .jv-accordion .wpb_accordion_header > a::before { margin-right: 10px; font-size: 20px; color: #d3d3d3;} .jv-accordion.primary.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header{ background-color: #fff; font-weight: 500;} .jv-accordion.primary.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon{ display: none;} .jv-accordion.acc-icon-user.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header{ background-color: #f0f0f0;} .jv-accordion.acc-icon-user.primary .ui-accordion-header-active.wpb_accordion_header > a, .jv-accordion.acc-icon-user .ui-accordion-header-active.wpb_accordion_header > a::before, .jv-accordion.acc-icon-user .ui-accordion-header-active.wpb_accordion_header > a::after{ color: #fff;} .jv-accordion.acc-icon-user .wpb_accordion_header > a::after{ position: absolute; top: 10px;right: 10px; font-size: 20px; } .jv-accordion.simple .wpb_accordion_section.group{ border-width: 0;} .jv-accordion.numberic .wpb_accordion_section.group{ border-width: 0;} .jv-accordion.numberic .ui-accordion-content{ position: relative;} .jv-accordion.numberic.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content{padding-left: 44px;} .jv-accordion.numberic .ui-accordion-content .wpb_content_element::before { background-color: #ddd; content: ""; display: block; height: 0; left: 40px; position: absolute; top: 6px; width: 1px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .jv-accordion.numberic .ui-accordion-content.ui-accordion-content-active .wpb_content_element::before {height: 100%;} .jv-accordion.numberic .ui-accordion-content .wpb_content_element::after { background-color: #ddd; content: ""; display: block; height: 1px; position: absolute; left: 24px; top: -1px; width: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .jv-accordion.numberic .ui-accordion-content .wpb_content_element{ padding-left: 10px;} .jv-accordion.numberic .wpb_accordion_header > a::before { content: "1"; width: 30px; height: 30px; color: #fff; background-color: #687e93; padding: 8px 12px; line-height: 30px; font-size: 14px;} .jv-accordion.numberic.primary .ui-accordion-header-active.wpb_accordion_header > a::before { color: #fff;} .jv-accordion.numberic .wpb_accordion_header > a{ color: #687e93; } .jv-accordion.numberic .wpb_accordion_section .wpb_accordion_header > a::before{ content: attr(data-content);} /* Piechart -----------------------------------------------------------------------------------------------------*/ .divpiechart{position: relative; text-align: center; color: #34495e;} .divpiechart .center{display: block;position: absolute;left: 0;right: 0; top: 0;} .piechartWrapper h2 { font-weight: 300; margin: 20px 0; } .chart-icon .vc_pie_wrapper:before { content: ""; font-family: "icomoon"; font-size: 90px; line-height: 90px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .chart-icon.chart-icon-heart .vc_pie_wrapper:before { content: "\f08a"; } .chart-icon.chart-icon-smile .vc_pie_wrapper:before { content: "\f118"; } .chart-icon.chart-icon-folder .vc_pie_wrapper:before { content: "\e62f"; } .chart-icon.vc_pie_chart[data-pie-color="btn-warning"] .vc_pie_wrapper:before { color: #ff9900; } .chart-icon.vc_pie_chart[data-pie-color="btn-primary"] .vc_pie_wrapper:before { color: #0088cc; } .chart-icon.vc_pie_chart[data-pie-color="btn-info"] .vc_pie_wrapper:before { color: #58b9da; } .chart-icon.vc_pie_chart[data-pie-color="btn-success"] .vc_pie_wrapper:before { color: #6ab165; } .chart-icon.vc_pie_chart[data-pie-color="btn-warning"] .vc_pie_wrapper:before { color: #ff9900; } .chart-icon.vc_pie_chart[data-pie-color="btn-danger"] .vc_pie_wrapper:before { color: #ff675b; } .chart-icon.vc_pie_chart[data-pie-color="btn-inverse"] .vc_pie_wrapper:before { color: #555555; } .chart-icon.novalue.vc_pie_chart .vc_pie_chart_value{ display: none;} /* Counting -----------------------------------------------------------------------------------------------------*/ .jv-counting .countingTitle { font-size: 19px; font-weight: 400; } .jv-counting .counting { font-size: 50px; margin: 15px 0; } .jv-counting .countingIcon i{font-size: 90px; line-height: 90px;} .jv-counting.info { color: #269abc; } .jv-counting.success { color: #4cae4c; } .jv-counting.warning { color: #eea236; } .jv-counting.danger { color: #d43f3a; } .jv-counting.white { color: #ffffff; } .jv-counting.black { color: #000000; } /* Service -----------------------------------------------------------------------------------------------------*/ .service .text h3{ font-weight: 300;} .service .text p { color: #888;} .service-danger i{ color: #d43f3a;} .service-success i{ color: #4cae4c;} /*service.icon-top*/ .service.icon-top .service-icon i{ font-size: 70px;} .service.icon-top{ text-align: center;} .service.icon-top .text{ padding: 12px 0;} /*service.icon-left*/ .service.icon-left{ overflow: hidden;} .service.icon-left i{font-size: 28px;} .service.icon-left i[class*="icon-"]{line-height: 40px;} .service.icon-left .service-icon{ float: left; margin-right: 20px;} .service.icon-left .text{overflow: hidden;} .service.icon-left .text h3{margin-top: 0; margin-bottom: 12px; } /*service.background*/ .service.background .service-icon > *[class*="icon"] {display: inline-block; color: #fff; } .service.background.circle .service-icon > *[class*="icon"] { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .service.background.icon-3x .service-icon > *[class*="icon"] { width: 130px; height: 130px; line-height: 130px;} .service.background.service-success .service-icon > [class*="icon"]{ background-color: #4cae4c; } .service.background.service-danger .service-icon > [class*="icon"]{ background-color: #d43f3a; } /*service.border*/ .service.border .service-icon *[class*="icon"]{ font-size:42px; line-height: 80px;width: 80px;height: 80px; display: inline-block; border: 2px solid; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .service.border.service-danger .service-icon *[class*="icon"]{ color: #d43f3a; border-color:#d43f3a;} .service.border.service-success .service-icon *[class*="icon"]{ color: #4cae4c; border-color:#4cae4c;} /*service-xs*/ .service.service-xs i { font-size: 30px !important; line-height: 30px; } .service.service-xs .text { padding: 0; } .service.border-wrap { border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .service .text.list i[class*="icon-"]{ line-height: 14px; } .service .text.list > p{padding: 11px 0; font-size: 15px; margin-bottom: 0; text-align: left;} .service .text.list > p:not(:last-child){ border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .plugin { overflow: hidden; border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 30px; } .plugin .image { float: left; margin-right: 20px; } .plugin .meta-info { color: #999; font-size: 85.7%; margin-bottom: 12px; } .plugin .meta-info i { margin-right: 5px; } /*service web-app*/ .service-row{ padding-top: 75px; padding-bottom: 75px;} .web-app { background: none repeat scroll 0 0 #fff; border: 1px solid #dcdcdc; box-shadow: 0 3px 0 0 #eee; overflow: hidden;} .web-app img{ float: left; margin: 0 15px 0 0;} .web-app .joomla-hosting >img { background-color: #59a445;} .web-app .wordpress-hosting >img{background-color: #3498db;} .web-app .magento-hosting > img{background-color: #f15d22;} .web-app .title{ text-transform: uppercase; color: #3c3c3c; font-size: 20px; font-weight: 100;} .web-app .more { color: #686868; font-weight: 100;} /*feature*/ .feature-wrap{ overflow: hidden;} .feature-wrap.icon-left .feature-icon{ float: left; margin-right: 15px;} .feature-wrap.icon-left .feature-icon i{font-size: 20px;} .feature-wrap.icon-left .feature-icon i[class*="icon-"]{line-height: 40px;} .feature-wrap.icon-left .title{ padding-left: 35px; font-size: 20px;} .feature-wrap.icon-left .desc{ padding-left: 35px; margin-bottom: 20px; color: #777;} /* jv-partner -----------------------------------------------------------------------------------------------------*/ .jv-partner{margin: 17px 0;} .jv-partner a { border: 1px solid #ddd; box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.07); display: block; text-align: center;} .jv-partner a:hover { box-shadow: none; } .owl-carousel .item.jv-partner{ float: left; margin-bottom: 2px !important;} .nav-button .jv-partner-wrap.owl-carousel .owl-controls .owl-buttons > div {top: 20%;} .nav-button .jv-partner-wrap.owl-carousel .owl-item{ padding-left: 15px; padding-right: 15px; } .jv-hexagon-wrap, .jv-hexagon-wrap .widgettitle + .wpb_container{ position: relative;} .jv-hexagon { height: 122px; width: 106px; overflow: hidden; -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); } .jv-hexagon .hexagon-inner { height: 100%; width: 100%; overflow: hidden; position: relative; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } .jv-hexagon .hexagon-inner .img { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } .jv-row { position: absolute; } .jv-row.row-1 { top: 0; } .jv-row.row-2 { top: 99px; } .jv-row.row-3 { top: 201px; } .jv-row.row-4{ top: 301px;} .jv-row.col-1 { right: 0; } .jv-row.col-2 { right: 58px; } .jv-row.col-3 { right: 116px; } .jv-row.col-4 { right: 174px; } .jv-row.col-5 { right: 232px; } .img.bg-primary{ background-color:#34495e;} /*Testimonial -----------------------------------------------------------------------------------------------------*/ .tmnItem{ text-align: center;} .tmnItem .tmnAvatar { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; height: 144px; width: 144px; display: inline-block; overflow: hidden;} .tmnItem .tmnContent .tmnContentInner .tmnHead { margin-top: 25px; text-transform: uppercase;} .tmnItem .tmnContent .tmnContentInner .tmnHead h3, .tmnItem .tmnContent .tmnContentInner .tmnHead .subname{ display: inline-block; font-weight: 300;} .tmnItem .tmnContent .tmnContentInner .tmnHead .subname{font-size: 20px; font-weight: 100; opacity: 0.8;} .tmnItem .tmnContent .tmnContentInner .tmnHead h3:after{ content :",";} .tmnItem .tmnContent .tmnContentInner .tmnBody { font-size: 1.14285em; line-height: 1.5; margin-bottom: 40px;} .tmnContentInner .tmnBody i{ display: block; font-size: 1.71428em; margin-bottom: 20px;} /* title-block*/ .title-block .tmnItem .tmnContent .tmnContentInner .tmnHead{ text-transform: none;} .title-block .tmnItem .tmnContent .tmnContentInner .tmnHead h3, .title-block .tmnItem .tmnContent .tmnContentInner .tmnHead .subname{ display: block;} .title-block .tmnItem .tmnContent .tmnContentInner .tmnHead h3{ text-transform: uppercase; margin-bottom: 10px;} .title-block .tmnItem .tmnContent .tmnContentInner .tmnHead h3:after{ content: "";} .title-block .tmnItem .tmnContent .tmnContentInner .tmnHead .subname{ font-size: inherit; margin-bottom: 20px;} /*thumb-left*/ .thumb-left .tmnItem{overflow: hidden; text-align: left; margin: 5px;} .thumb-left .tmnItem .tmnAvatar{ float: left; margin-right: 20px;} .thumb-left .tmnItem .tmnContent{ padding-left: 160px;} .thumb-left .tmnItem .tmnContent .tmnContentInner .tmnHead { margin-bottom: 20px; margin-top: 0;} .thumb-left .tmnItem .tmnContent .tmnContentInner .tmnHead h3{ text-transform: none;} .thumb-left .tmnItem .tmnContent .tmnContentInner .tmnHead .link i{ margin-right: 5px;} .thumb-left .tmnItem .tmnContent .tmnContentInner .tmnHead .subname{ font-size: 13px; margin-bottom: 10px;} .thumb-left .tmnItem .tmnContent .tmnContentInner .tmnBody{ margin-bottom: 0;} .thumb-left .owl-pagination{ margin-top: 40px;} /*speech-bubble*/ .speech-bubble .tmnContent .tmnContentInner::before ,.speech-bubble-comment .comment-inner:before ,.comment_container .comment-text:before ,.post_format-post-format-status .entry-content:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #fff transparent transparent; border-image: none; border-style: solid; border-width: 9px; content: ""; position: absolute; border-width: 0 21px 21px 0; left: -21px; top: 0; z-index: 1; } .speech-bubble .tmnContent .tmnContentInner::after ,.speech-bubble-comment .comment-inner:after ,.comment_container .comment-text:after ,.post_format-post-format-status .entry-content:after { border-color: transparent #ddd transparent transparent; border-style: solid; border-width: 0 23px 23px 0; content: ""; left: -23px; position: absolute; top: -1px; z-index: 0; } .speech-bubble .tmnContent .tmnContentInner { border: 1px solid #ddd; box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08); -webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08); padding: 17px 20px 20px; position: relative; margin: 5px !important; } .speech-bubble .tmnItem .tmnContent .tmnContentInner .tmnHead { text-transform: none; } .speech-bubble .tmnItem .tmnContent .tmnContentInner .tmnBody { color: #777; line-height: 1.57142; font-size: inherit; } .speech-bubble .tmnItem .link { color: #999; font-size: 0.928em; margin-bottom: 0; } /*speech-bubble classic*/ .speech-bubble.classic .tmnItem .tmnAvatar { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 82px; height: 82px; } .speech-bubble.classic.thumb-left .tmnItem .tmnContent{ padding-left: 82px;} .speech-bubble.classic .tmnContent .tmnContentInner::before ,.speech-bubble-comment.classic .comment-inner:before ,.comment_container .comment-text:before ,.post_format-post-format-status .entry-content:before{ border-width: 9px; left: -18px; top: 10px;} .speech-bubble.classic .tmnContent .tmnContentInner::after ,.speech-bubble-comment.classic .comment-inner:after ,.comment_container .comment-text:after ,.post_format-post-format-status .entry-content:after{ border-width: 11px; left: -22px; top: 8px; } .speech-bubble.classic.thumb-left .tmnItem .tmnContentInner { margin: 0 5px 5px 0 !important; } .speech-bubble-comment{ position: relative; padding-left: 80px;} .speech-bubble-comment .comment-inner { border: 1px solid #ddd; padding: 17px 20px 20px; position: relative; } /*jvTeam*/ .jvTeamItem,.jvTeamItem .jvTeamInfo{ overflow: hidden;} .jvTeamItem .jvTeamAvatarSocial { float: left; margin-right: 20px; max-width: 170px; position: relative;} .jvTeamItem .jvTeamSocial{ position: absolute; top: 0;left: 0; right: 0; bottom: 0;} .jvTeamSocial:hover{background-color: rgba(255, 255, 255, 0.7);} .jvTeamItem .jvTeamSocial .social-small { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; text-align: center;} .jvTeamSocial:hover .social-small{ opacity: 1;} .jvTeamAvatarSocial .jvTeamSocial .social-small a{ z-index: 1;} .jvTeamItem .jvTeamInfo .jvTeamPosition { color: #888; font-size: 13px; font-weight: 100; } .jvTeamItem .jvTeamInfo .jvTeamName{ margin-top: 5px;} /*Tag -----------------------------------------------------------------------------------------------------*/ .tag-outline .tagcloud a:before { background-color: #ffffff; border: 1px solid #dcdcdc; border-radius: 100%; content: ""; display: block; height: 8px; left: 8px; margin-top: -4px; position: absolute; top: 50%; width: 8px; } .tag-outline .tagcloud a { background-color: transparent; border: 1px solid #ddd; border-radius: 100px; display: inline-block; line-height: normal; margin: 0 5px 6px 0; padding: 1px 8px 1px 22px; position: relative; } .tag-outline .tagcloud a:hover { color: #ffffff; } .tag-outline .tagcloud a:hover::before { border-color: #ffffff; } /* Video wrap -----------------------------------------------------------------------------------------------------*/ .video-wrap { overflow: hidden; position: relative;border-bottom: 3px solid rgba(0, 0, 0, 0.05);} .video-wrap .img-wrap > a::before, .video-wrap .img-wrap > a::after{ position: absolute; content: ""; left: 50%; top: 50%;width: 54px; } .video-wrap .img-wrap > a::before { border: 2px solid rgba(255, 255, 255, 0.64); -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; height: 54px; margin-left: -27px; margin-top: -27px; } .video-wrap .img-wrap > a::after { border-color: transparent transparent transparent rgba(255, 255, 255, 0.86); border-style: solid; border-width: 9px 0 9px 16px; margin-left: -5px; margin-top: -9px; } .video-wrap:hover .img-wrap > a::before, .video-wrap:hover .img-wrap > a::after { opacity: 0; } .video-wrap .caption {position: absolute; left: 0; bottom: 0; right: 0; color: #fff; font-weight: 100; padding: 15px; -webkit-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);} .video-wrap:hover .caption {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);} .video-wrap .caption .btn-video { float:right; border:2px solid #fff; border-radius:100%; width:40px; height:40px; line-height:36px; text-align:center; font-size:18px; position:relative; z-index:5} .video-wrap .caption h4{ margin-bottom: 5px; font-size: 18px; font-weight: 100; text-transform: uppercase; } .video-wrap:hover .caption a{ color: #fff ;} .video-wrap:hover .caption a:hover{ color: #000; border-color:#000;} /*Video wrap with simple caption, title in the middle*/ .title-middle .video-wrap .caption{ top: 50%; padding: 5px; bottom: inherit; text-align: center; -webkit-transform: translateY(-50%) scale(0.5); -ms-transform: translateY(-50%) scale(0.5); -o-transform: translateY(-50%) scale(0.5); transform: translateY(-50%) scale(0.5); opacity: 0; } .title-middle .video-wrap .caption h4 { margin:0; max-height: 42px; overflow: hidden;} .title-middle .video-wrap .caption h4 a { display: table-cell; height: 40px; vertical-align: middle;} .title-middle .video-wrap .caption a { text-transform: none; } .title-middle .video-wrap:hover .caption { opacity: 1; -webkit-transform:translateY(-50%) scale(1); -ms-transform:translateY(-50%) scale(1) ; -o-transform:translateY(-50%) scale(1); transform:translateY(-50%) scale(1); } .bpopup-content.popup-video { padding: 0; width: 800px;} .bpopup-content.popup-video iframe { display: block; height: 500px; width: 100%;} /* boxPrice -----------------------------------------------------------------------------------------------------*/ .boxPrice { border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 5px; display: table; padding: 20px; } .boxPrice >div:not(:first-child){padding-left: 20px; } .boxPrice .jvpricing-price-wrap { display: table-cell; vertical-align: middle; } .boxPrice .btn-wrap { display: table-cell; vertical-align: middle; } .boxPrice .jvpricing-price-wrap .jvpricing-price { font-size: 30px; font-weight: 700; } .boxPrice .jvpricing-price-wrap .subprice { display: block; } .box-servicer { padding-bottom: 20px; } .box-servicer .boxHeader { overflow: hidden; font-weight: 500; } .box-servicer .boxHeader .num,.box-servicer .boxHeader .title{ display: inline-block; text-transform: uppercase;} .box-servicer .boxHeader .num{ font-size: 46px; padding: 10px 0 0 12px;} .box-servicer .boxHeader .title{font-size: 19px; line-height: 1.25;} .box-servicer .boxHeader .icon { float: right; max-width: 75px;} .box-servicer .boxContent { font-weight: 300; padding: 25px 25px 10px;} .box-servicer .boxContent ul li{ padding: 7px 0;} .box-servicer .boxContent ul li:before{margin-right: 5px;} .boxFooter { overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; margin: 0 25px; overflow: hidden; padding: 10px; } .boxFooter .btn-wrap .btn { float: left; } .boxFooter .jvpricing-price-wrap { position: relative; float: left; margin: 0 0 0 8px; font-weight: 500; } .boxFooter .jvpricing-price-wrap > span{ position: absolute;} .boxFooter .jvpricing-price-before{ font-size: 16px; left: 0; top: 0;} .boxFooter .jvpricing-price{ font-size: 39px;left: 12px;top: -5px;} .boxFooter .smaller{ font-size: 18px; left: 34px; top: 0;} .boxFooter .jvpricing-price-after{font-size: 13px;left: 34px;top: 19px;} /* jv-revslide : Revolution slider -----------------------------------------------------------------------------------------------------*/ .tp-bullets{ z-index: 98!important;} .tp-caption a.btn{ color: #fff; font-weight: 100;} .rev_title{ font-size: 100px; color: #fff;} .wpb_revslider_element .tp-bullets .bullet{ width: 12px !important; height: 12px !important; border: none !important; background-color: #fff !important;margin: 0 5px; z-index: 98;} .wpb_revslider_element .tp-bullets .bullet:hover{ border: none !important;width: 12px !important; height: 12px !important; } .wpb_revslider_element .tp-bullets .bullet.selected { width: 45px !important; height: 12px !important; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.19) inset; border: none !important;} .jv-revslide { color: #fff;} .jv-revslide h2{ font-size: 48px;} .jv-revslide p{ font-size: 16px;} .jv-revslide .subTitle { font-size: 28px; font-weight: 100; margin-bottom: 20px; } .font18{ font-size: 18px;} .jv-revslide .btn-outline,.jv-revslide .btn-outline:hover{ color: #fff; font-weight: 100;} .jv-revslide.wpb_revslider_element .image{ position: relative; display: inline-block; } .badget { color: #fff; background-color: rgba(0, 0, 0, 0.7); border-radius: 100%; height: 134px; opacity: 0.95; padding: 26px 5px; position: absolute; width: 134px; z-index: 2; font-size: 14px; overflow: hidden; } .badget.text-left { padding-left: 25px;} .badget .price { font-size: 38px; line-height: 42px; display: block; } .jv-revslide .list-server{ line-height: 28px; font-size: 18px;} .jv-revslide .list-server li{ visibility: visible; position: relative; color: #fff;} /* HOME 1 -----------------------------------------------------------------------------------------------------*/ /*Section - checkdomain */ .get-domain-row{ padding-top: 45px; padding-bottom: 45px;} .checkdomainForm .jvLabel { color: #3c3c3c; font-size: 24px; font-weight: 100; line-height: 42px; } .checkdomainForm .dropdown .btn{ margin-right: 10px;} .checkdomainForm .input-group { margin: 0 10px; width: 50%;} .checkdomainForm .input-group .input-group-addon { background-color: #fff; border: medium none; color: #999; font-size: 18px; font-weight: 100; margin: 0; padding: 12px 15px;} .checkdomainForm .input-group .form-control { border: medium none; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; font-size: 18px; height: 42px; margin: 0; padding: 0 15px; } .checkdomainForm .input-group .input-group-addon, .checkdomainForm .input-group .form-control{ box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05);} .checkdomainForm .dropdown { position: static; } .checkdomainForm .dropdown-menu { border-color: #dcdcdc; margin-top: 0; width: 100%; } .checkdomainForm .dropdown-menu .form { margin: 20px 20px 30px;} .checkdomainForm .dropdown-menu .form .checkbox {float: left; margin-bottom: 10px; margin-top: 10px; width: 12.5%; } .checkdomainForm .dropdown-menu .form .checkbox.all { float: none; width: auto;} .checkdomain .checkbox input{ margin-top: 4px;} /*Section - home-testimonials-row*/ .home-partners-slider-wrap:before { content: ""; position: absolute; left: -100%; right: -100%; height: 200px; background-color: #f8f8f8; } /*Section - headTweets*/ .headTweets { color: #55acee; position: relative; text-align: center;} .headTweets:before{content: ""; display: block; width: 100%; height: 1px; background-color: #EEEFEF; position: absolute; top: 50%; left: 0px; z-index: 0; } .headTweets i { font-size:30px; background-color: #fff; display: inline-block; height: 60px; width: 60px; line-height: 60px; position: relative; text-align: center; z-index: 1;} /*Section - home-partners-slider*/ .home-partners-slider-row{ margin-bottom: 0;} .home-partners-slider .item img{ margin: 15px; opacity: 0.7; -webkit-transition: all 0.15s ease-in 0s; -o-transition: all 0.15s ease-in 0s; transition: all 0.15s ease-in 0s; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; max-width: 144px;} .home-partners-slider .item:hover img{opacity: 1; } .home-partners-slider .owl-controls .owl-buttons i{ font-size: 60px;} /* Home 2 - Video -----------------------------------------------------------------------------------------------------*/ /*Home 2 - section About us*/ .progressbar .progressItem { padding-bottom: 15px;} .progressbar .progressItem h4{ font-weight: 300;} .progressbar .progressItem .progress{ margin-bottom: 23px;} /* Webhosting - Share -----------------------------------------------------------------------------------------------------*/ .reseller-feature .service { margin-bottom: 20px; } /* CONTACT -----------------------------------------------------------------------------------------------------*/ .contact-classic .wpb_pinterest, .contact-classic .wpb_googleplus, .contact-classic .twitter-share-button, .contact-classic .fb_like { float:left; margin:0 10px 10px 0; height:30px;} .contact-classic .wpb_text_column { clear:both} .contact-classic h3.title { text-transform:uppercase} .contact-classic .contact-adress {font-size: 16px; text-transform:uppercase; line-height:28px;} .contact-classic .contact-adress p { margin:0} .wpcf7-form span.wpcf7-form-control-wrap { display:block} .wpcf7-form span.wpcf7-form-control-wrap input { width:100%} .wpcf7-form span.wpcf7-form-control-wrap textarea {height: 100px;} .jv-absolute .wpcf7{ position: absolute; max-width: 390px; top: 0; left: 0; z-index: 1; background-color: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); padding: 25px 25px 0;} /* SIDEBAR -----------------------------------------------------------------------------------------------------*/ #secondary .btn-sidebar-touch{display:none !important} .widget-title{font-weight:300;font-size:21px;text-transform:uppercase;position:relative;} .sidebar .widget + .widget{margin-top:30px;} .woocommerce .price_slider_wrapper{margin:20px 0 10px} .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range{box-shadow:none;-webkit-box-shadow:none;} .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle{border:none;box-shadow:none;-webkit-box-shadow:none;width:18px;height:18px;margin-top:-1px;text-align:center;line-height:16px} .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child{margin-left:-18px;} .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:before, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:before{background-color:#fff;border-radius:100%;content:"";display:inline-block;height:8px;width:8px;} /* CONTENT -----------------------------------------------------------------------------------------------------*/ /* pagination */ .pagination{display:block;margin:0 0 20px} .pagination ul{overflow:hidden;list-style:none; margin:0;} .pagination li{float:left;margin-left:5px} .pagination li:first-child{margin:0 !important} .pagination * .page-numbers{ display:inline-block; border: 0 none !important; border-radius: 3px; line-height:36px; cursor: pointer; font-size: inherit; font-weight: 500; padding: 0 15px !important; text-align: center; background: inherit;} .pagination .current{ background: inherit;color: inherit; font-weight: bold;} .pagination li:hover a {-webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; color: #fff; } /* BOTTOM -----------------------------------------------------------------------------------------------------*/ #Bottom{ background-color: #263646; color: #c6c6c6; font-size: 13px; padding: 70px 0;} #Bottom .widget-title {color: #fff; font-size: 16px; margin-bottom: 23px;} #Bottom ul.menu { list-style-type: none; margin:0;} #Bottom ul.menu li a { line-height: 23px; } /* FOOTER -----------------------------------------------------------------------------------------------------*/ #Footer { background-color: #09131d; border-top: 1px solid #3a4957; font-size: 12px; padding: 15px 0; overflow:hidden; line-height:30px; } #Footer .widget { float:left} #Footer .widget_nav_menu { float: right} #Footer a{ color: #fff;} #Footer ul.menu { list-style-type: none; margin:0;} #Footer ul.menu > li { display: inline-block;} #Footer ul.menu > li > a { padding: 0 5px; text-transform: uppercase;} #Footer .copyright{ color: #bebebe;} #Footer .footer-right > .textwidget{ float: right; text-transform: uppercase;} #Footer .footer-right ul{ display: inline-block; margin-bottom: 0;} #Footer .footer-right ul + ul{ margin-left: 9px; } #Footer .list-inline.list-separator-left > li:not(:first-child){ margin-left: 10px; padding-left: 10px; } .list-inline.list-separator-left > li{ position: relative;} .list-inline.list-separator-left > li:not(:first-child):before{ position: absolute; left: 0; top: 50%; content: ""; background-color: #fff; height: 12px; width: 1px; margin-top: -6px; } /*Footer - social-small*/ ul.social-small{ list-style: none;} ul.social-small >li{ padding-right: 0; padding-left: 0;} .social-small a { display: inline-block; position: relative; height: 30px; width: 30px; line-height: 28px; border: 1px solid #3e4c5c; font-size: 16px; margin: 0 2px; text-align: center; } .social-small a::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 0; height: 0; border: none; border-top: 28px solid rgba(255,255,255,0.07); border-right: 28px solid transparent;} .social-small a:hover,.social-smaller a:hover { color: #fff;} .social-smaller li{ padding-left: 0;padding-right: 0;} .social-smaller.circle a { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .social-smaller a { display: inline-block; position: relative; height: 24px; width: 24px; line-height: 24px; border: 1px solid #ddd; font-size: 14px; margin: 0 2px; text-align: center; } .social-smaller a i{line-height: 14px;} #toTop{bottom:15px;color:#fff;display:block;font-size:30px;font-weight:700;height:50px;line-height:50px;opacity:0;position:fixed;right:15px;text-align:center;text-decoration:none;transition:all 300ms ease 0s;width:50px;z-index:1040;cursor:pointer; border-radius:3px; background-color: rgba(255, 255, 255, 0.3); border: 1px solid rgba(0, 0, 0, 0.2);} /* newsletter */ #pageNwsletter { padding-top:80px; padding-bottom:80px;} .rowform{overflow:hidden} .newsletter-email{width:100%;margin-bottom:20px;} .rowform .btn{float:right} .fullwidth-maps { margin-top:-30px;} #Bottom .newsletter .rowform{ position: relative; display: table;} #Bottom .newsletter .rowform i{ position: absolute; left: 10px; top: 10px; color: #888;} #Bottom .newsletter-email { margin-bottom: 0; padding-left: 30px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;} #Bottom .newsletter .rowform .btn-wrap{ display: table-cell; vertical-align: middle;} #Bottom .newsletter .rowform .newsletter-submit{ -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;} /* mega-menu nav-pill -----------------------------------------------------------------------------------------------------*/ #lang_sel ul ul, ul.nav-pill{ list-style: none; background-color: rgba(0, 0, 0, 0.8); padding: 5px 15px;} .dropdownMenu ul.menu .sub-menu.nav-pill{ background-color: rgba(0, 0, 0, 0.9); } #lang_sel ul ul{ padding: 0;} #lang_sel ul ul li a, ul.nav-pill li a { color: #ffffff; display: block; line-height: 34px; overflow: hidden; position: relative; background:transparent; text-decoration: none;} #lang_sel ul ul li a{ background-color: rgba(0, 0, 0, 0.9) ; } ul.nav-pill.outline{ background-color: #fff; border-width: 1px; border-style: solid; padding-top: 0; padding-bottom: 0;} ul.nav-pill.outline li a{ color: inherit; margin-left: -16px; margin-right: -16px;} ul.nav-pill.outline li a i{ margin-left: 5px;} ul.nav-pill.outline li:not(:first-child){ margin-top: 1px;} ul.nav-pill.outline li:hover a,ul.nav-pill.outline li.active a{color: #fff;} ul.nav-pill.outline li:hover a i,ul.nav-pill.outline li.active a i{ color: #fff;} #lang_sel ul ul li a:after, .nav-pill li a:after{ background-color: transparent; content: ""; display: block; height: 60px; left: -46px; position: absolute; top: -14px; width: 60px; z-index: 0; animation-delay: 0.2s; -webkit-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } #lang_sel ul ul li:hover a, #lang_sel ul ul li.active a, .nav-pill li:hover a,.nav-pill li.active a{ padding-left: 10px; } #lang_sel ul ul li:hover a:after, #lang_sel ul ul li.active a:hover, .nav-pill li:hover a::after,.nav-pill li.active a::after { background-color: rgba(0, 0, 0, 0.2); left: -26px; } .nav-pill li a i { margin-right: 10px; position: relative; z-index: 1;} .nav-pill li:hover a i,.nav-pill li.active a i { margin-right: 17px; } #lang_sel ul ul li img{ margin-right: 5px; position: relative; z-index: 1;} #lang_sel ul ul li:hover img { margin-right: 10px;} #lang_sel ul ul { min-width: 140px;} /* Page 404 */ .page-404 { padding: 60px 0; text-align: center;} .page-404 h2 { font-size: 180px !important;} .page-404 h3 { font-size: 48px;} .page-404 .sorry { margin-bottom: 30px;} /* page shop */ .jv-shop-nav-static{background-color:#000;background-color:rgba(0, 0, 0, 0.7);position:fixed;top:0;width:100%;z-index:1001;color:#FFFFFF;} .tools-shop{float:right;line-height:50px;margin-top:15px;z-index:300;position:relative;} .tools-shop aside{float:right;margin-left:10px;} .tools-shop aside h3.widget-title{display:none} #page-shop-woo .logo-table-cell{height:80px;} #page-shop-woo #nav-mainmenu div > ul > li > a{line-height:80px;} .jv-shop-nav-static .form-login-woo .dropdown-menu{left:auto;right:0;width:400px;} .jv-shop-nav-static .form-login-woo input{width:100%;} .jv-shop-nav-static .btn-bar{border:1px solid #fff;cursor:pointer;display:block;font-size:18px;line-height:50px;height:50px;overflow:hidden;padding:0;text-align:center;min-width:50px;padding:0 10px;} .jv-shop-nav-static .text-logout{width:auto;padding:0;} .jv-shop-nav-static .text-logout .span-avatar{float:left;height:100%;padding:0;} .jv-shop-nav-static .text-logout img{float:left;height:100%;width:auto;} .jv-shop-nav-static .text-logout a{padding:0 10px;} .tools-shop .widget_product_search form{height:50px;width:50px;border:1px solid #fff;line-height:50px;z-index:10;position:relative} .tools-shop .widget_product_search form:before{position:absolute;z-index:11;right:0;top:0;color:#fff;font-size:18px;width:100%;text-align:center;font-family:icomoon !important;font-style:normal !important;font-variant:normal !important;font-weight:normal !important;text-transform:none !important;content:"\f002";} .tools-shop .widget_product_search form input[type="search"]{border:1px solid #fff;background-color:#222;color:#fff !important;height:50px;padding:0 20px;position:absolute;right:-1px;top:-1px;width:50px;opacity:0} .tools-shop .widget_product_search form .screen-reader-text{display:none} .tools-shop .widget_product_search form input[type="submit"]{background:none;display:none;border:medium none;height:50px;left:-1px;opacity:0;position:absolute;top:-1px;width:50px;z-index:12;} .tools-shop .widget_product_search form:hover input[type="search"], .tools-shop .widget_product_search form input[type="search"]:focus,.tools-shop .widget_product_search form:focus input[type="search"]{opacity:1;width:300px;} .tools-shop .widget_product_search form input[type="search"]:focus + input[type="submit"]{display:block;} /* Mini cart */ #mini_cart_list .cart_list{max-height:500px;overflow:auto;margin:0 -20px 20px;padding:0 20px;color:#444;} #mini_cart_list .cart_list > div + div{border-top:1px solid #e1e1e1;margin-top:20px;overflow:hidden;padding-top:20px;position:relative;} #mini_cart_list .cart_list > div{line-height:normal;overflow:hidden} #mini_cart_list .cart_list > div a{padding:0;font-size:120%;margin-bottom:15px;display:block} #mini_cart_list .cart_list > div img{float:left;margin-right:10px;width:80px;} #mini_cart_list .cart_list .quantity{display:block;overflow:hidden;width:auto} #mini_cart_list .cart_list .quantity span{display:inline-block} #mini_cart_list .cart_list .info{overflow:hidden;} #mini_cart_list .cart_list .info dl{margin-bottom:10px} #mini_cart_list .cart_list .info dt{clear:both;float:left;margin-right:5px;} #mini_cart_list .cart_list .info p{margin:0;} #form-login .input-text{width:100%} div.buttons{margin:0;text-align:center;overflow:hidden} .single_page ul.singlemenu{display:none} .glyphs.character-mapping{margin:0 0 20px 0;padding:20px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;} .glyphs.character-mapping li{margin:0 30px 20px 0;display:inline-block;width:90px} .glyphs.character-mapping p{display:inline} .glyphs.character-mapping .goldF{margin:10px 0 10px 15px;padding:15px;position:relative;width:55px;height:55px;color:#162a36 !important;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;font-size:32px;} .glyphs.character-mapping .goldF svg{fill:#000} .glyphs.character-mapping input{margin:0;padding:5px 0;line-height:12px;font-size:12px;display:block;width:100%;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;text-align:center;outline:0;} .glyphs.character-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a} .glyphs.character-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a} .glyphs.css-mapping{margin:0 0 60px 0;padding:30px 0 20px 30px;color:rgba(0,0,0,0.5);border:1px solid #d8e0e5;-webkit-border-radius:3px;border-radius:3px;} .glyphs.css-mapping li{margin:0 30px 20px 0;padding:0;display:inline-block;overflow:hidden} .glyphs.css-mapping p{display:inline} .glyphs.css-mapping .goldF{margin:0;margin-right:10px;padding:13px;height:50px;width:50px;color:#162a36 !important;overflow:hidden;float:left;font-size:24px} .glyphs.css-mapping input{margin:0;margin-top:5px;padding:8px;line-height:16px;font-size:16px;display:block;width:150px;height:40px;border:1px solid #d8e0e5;-webkit-border-radius:5px;border-radius:5px;background:#fff;outline:0;float:right;} .glyphs.css-mapping input:focus{border:1px solid #fbde4a;-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a} .glyphs.css-mapping input:hover{-webkit-box-shadow:inset 0 0 3px #fbde4a;box-shadow:inset 0 0 3px #fbde4a} .jv-left-header-md hr{margin:0 0 25px} .single_page aside[class*="goldF-"]:before{display:none} .chosen-container{max-width:100%} /* Search page -----------------------------------------------------------------------------------------------------*/ .search .pageBlog > article { padding-left: 0;} /* Author archive page -----------------------------------------------------------------------------------------------------*/ .archive.author .author-info .author-avatar{ max-width: 100px; max-height: 100px;} .archive.author .author-avatar img { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } .archive.author .author-info{ border-top-width: 0; border-right-width: 0; border-left-width: 0; padding-left: 0;padding-right: 0;} /*content-short*/ .pageBlog > article.thumbleft h3.entry-title{ text-transform: none; } .pageBlog > article.thumbleft{ padding-left: 0; overflow: hidden;} .pageBlog article.thumbleft .blog-thumbnail, .pageBlog article.thumbleft .blog-gallery, .pageBlog article.thumbleft .thumbnail_large{ overflow: initial; float: left; width: 150px; margin-right: 15px;} .pageBlog article.thumbleft .blog-item-description{ border: none; padding-top: 0;padding-bottom: 0;} .pageBlog article.thumbleft .entry-content::after{ clear: none;} .pageBlog article.thumbleft .post-right{ padding-left: 160px;} article.thumbleft .ItemLinks > span:not(:last-child) { border-right: 1px solid #dcdcdc; padding-right: 10px; } article.thumbleft .blog-gallery .owl-carousel .owl-controls .owl-buttons i { font-size: 200%; } /*jv_portfoliometa/assets/css/pfo.css -----------------------------------------------------------------------------------------------------*/ .topPortfolio { margin-bottom:40px;} .pfo-item {position: absolute;opacity: 0; margin-bottom:25px;} /* nav */ .simple-pagination ul li.active a {cursor: not-allowed;} /* loading */ .pf-load {height: 41px} .pf-load .box {position: absolute;margin: auto; bottom: 0;left: 0;right: 0;width:220px;text-align: center} .box-portfolio {overflow: hidden; position: relative} .portfolio-item { margin-top: 25px; border-radius: 5px; overflow: hidden;} .portfolio-item img { position: relative; border: 0 none; height: auto; max-width: 100%; overflow: hidden; vertical-align: middle; border-top-left-radius: 5px; border-top-right-radius: 5px;} .p-item-img { position: relative; border: 0 none; height: auto; max-width: 100%; overflow: hidden; vertical-align: middle; border-top-left-radius: 5px; border-top-right-radius: 5px;} .p-item-img img { width: 100%;} .p-item-description h3 { padding:0; margin:0} .p-item-description h3 i { font-size: 14px; padding-top: 10px;} .portfolio-item h3 { padding: 0px 0px 10px 0;} .portfolio-item h3 i { font-size: 14px; padding-top: 10px;} .portfolio-item-description { background-color: #fff; padding: 20px; border-bottom: 1px solid #DCDCDC; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; padding-bottom: 15px;} .portfolioSort { float:right} .portfolioFilter { overflow:hidden; float:left} .portfolioFilter > .filter-link { float:left; margin-left:5px} .portfolioFilter > .filter-link:first-child { margin:0} .portfolioFilter > .filter-link > .bottom-border { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; display: block;} .portfolioFilter > .filter-link > a { border: 1px solid #dcdcdc; font-family: 'Oswald'; text-align: center; padding: 5px 30px 5px 30px; font-size: 1.2em; border-radius: 3px; text-decoration: none; display:block;} .portfolioFilter > .filter-link > a:hover { } .portfolioFilter > .filter-link > a.current { color: #fff;} .portfolioFilter > .filter-link > a.current:hover { color: #fff !important;} /* 8.2 Portfolio 3 */ .portfolio3 .portfolioFilter { display: block;} .p3-item { width: 20%; border-left: 1px solid #fff; border-top: 1px solid #fff;} .p3-item img { height: auto; max-width: 100%;} .portfolio-masonry { margin-left: -1px;} .portfolio-masonry .p3-item { position: relative; float: left;} /* 8.3 Portfolio 4 */ .overaly .btn { margin-bottom: 5px; display:inline-block} .portfoliomasonry .col-md-masonry { float:left; margin:0 !important; padding:0 !important; width:20%; border-left: 1px solid #fff; border-top: 1px solid #fff; white-space: unset; } .pfo-inner {display:table; height:100%; width:100%;} .pfo-inner2 {display:table-cell; vertical-align:middle; height:100%; position:relative} .pfo-title { font-size: 24px; display:block} .portfoliomasonry .pfo-title { color: #fff !important; } .portfoliomasonry .pfo-title:hover { color: #43474d !important;} .likeheart.pull-right { margin-top:12px;} .overaly p { font-size: 16px;} .overaly p.p3 { font-size: 14px; font-style: italic; padding-top: 5px;} .overaly .likeheart { position: absolute; font-size: 14px; bottom: 15px; cursor: pointer; color:#000;} .pfo-more { display:none } .pfo-item.col-md-7 .pfo-more, .pfo-item.col-md-8 .pfo-more, .pfo-item.col-md-9 .pfo-more, .pfo-item.col-md-10 .pfo-more, .pfo-item.col-md-11 .pfo-more, .pfo-item.col-md-12 .pfo-more { display:block } .overaly a:hover { color:#fff} .portfolio-fullwidth { padding:0 15px;} .block_testimonials h2.widgettitle { text-align:center} ul.menu { margin:0} #content-sidebar { margin-bottom:20px;} [class*="dashicons"]:before { display: inline-block; font-family: dashicons !important; line-height: normal; } .mega-menu-wrap [class*="dashicons"]:before { margin-right: 5px; position: relative; top: 3px;} .panel >.panel-title { padding: 15px;}