/* This is main stylesheet for SPLENDOR WordPress Theme Author: OrangeIdea */ body { background:#fdfdfd;} .wide_cont { } /* Typography */ h1,h2,h3,h4,h5,h6 {margin-top:0px;} a {color: #3B5BA8; text-decoration:underline;} a:focus, a:active, a:hover{ outline: none !important; color:#333;} /* Navigation */ nav { width: 100%; background: #FFF; position: relative; z-index:9999 !important; } nav ul { float:right !important; display:inline-block; list-style:none; text-align: right; margin-bottom:0px; } nav ul li { display:inline-block; margin-top:-6px !important; position:relative; } /*------------------------------------------- 2. Sticky Menu + Logo nav ul li a { color:#333333; position:relative; display:inline-block; text-decoration:none; font-weight:bold; font-size:12px; display:block; outline: none; padding:31px 25px 40px; text-transform:uppercase; border-top:6px solid; border-top-color:transparent; text-align:center; font-family: 'Arial' !important } nav ul li a:active, nav ul li a:focus { text-decoration:none !important;} nav ul li a:after { content: ''; position: absolute; left: 50%; bottom: 100%; margin-left:-3px; margin-bottom:-3px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid; border-top-color: transparent; } nav li a:hover { color:#3B5BA8 !important; outline: none; text-decoration: none; border-color:#3B5BA8; } nav li a, nav li a:hover, nav li a:after, nav li a:after:hover, nav li:hover, nav li{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } nav li li { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } nav li:hover, nav li.current-menu-item { background:#f6f6f6;} nav li:hover a { border-top-color:#3B5BA8; color: #3B5BA8} nav ul ul { _margin: 0; visibility: hidden; position: absolute; left: 0; z-index: 9999; background: #ffffff; } nav ul ul li a:after, nav ul ul li a { border:none !important} nav ul li:hover > ul { opacity: 1; visibility: visible; margin: 0; animation-name: menu-slide; -moz-animation-duration: 0.3s; -webkit-animation-duration: 0.3s; -moz-animation-name: menu-slide; -webkit-animation-name: menu-slide; } nav ul ul li { float: none; display: block; border: 0; border-top:1px solid rgba(255,255,255, 0.03); border-bottom:1px solid rgba(0,0,0, 0.1); _line-height: 0; margin:0px !important; } nav ul ul li:last-child { border-bottom:none;} nav ul ul li a { padding:7px 20px 7px !important; text-align:left; font-size:11px; color:#fff !important; text-transform:none; font-weight:300; min-width:150px; } nav ul ul li:hover > a { color:#fff !important;} nav ul ul li:hover { background:#3B5BA8} nav ul ul li a:before { display:none;} nav li a:before { color: #aeaeae; content: attr(data-description); font-size: 10px; font-weight: 400; display: block; line-height: 0; margin: 26px 0 -26px; text-align: center; text-transform: none; font-family: Arial, Helvetica, sans-serif; } nav ul ul li ul { left:190px; top:-1px;} nav ul ul li ul li:first-child {border-top:1px solid rgba(255,255,255, 0.03)} .current-menu-item a { color:#3B5BA8; border-color:#3B5BA8} .current-menu-item a:after {border-top-color:#3B5BA8} nav ul li ul li.current-menu-item { background: #3B5BA8 } ------------------------------------------- */ .sticky:not(.post) { position: fixed; background: rgba(255,255,255,0.9); border-bottom:1px solid #ededed; z-index:10 !important; } .sticky.post { margin-top:0px !important;} .admin-bar .sticky { margin-top: 28px !important; } .logo_sticky { display:none; } .full-frame { z-index:1 !important} .sticky .logo_sticky { display:block; animation-name: slidein; -moz-animation-duration: 3s; -webkit-animation-duration: 3s; -moz-animation-name: slidein; -webkit-animation-name: slidein; } .sticky .logo_not_sticky { display:none; } nav.sticky ul { margin-top:6px !important; } nav .search_sticky { display:none;} nav.sticky .search_sticky { display:block} nav.sticky .search_sticky .search_button { display:none;} nav.sticky ul li a, nav.sticky ul li a:after { border-top:none;} nav.sticky .search_sticky form { margin-bottom:0px;} nav.sticky .search_sticky input { background-color: transparent; margin-top:13px; width:0px; margin-left:40px; background-image:url(../img/find.png); background-repeat:no-repeat; background-position:right center; padding-right:25px; font-size:11px; border: none; font-style:italic; box-shadow:none; border-bottom:1px dotted; border-color:transparent; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border-left: 1px dotted #eee; border-radius:0px; padding-left:0px; } nav.sticky .search_sticky input:focus { width:100px; border-color:#eee; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border-left:0px; } nav.sticky ul li li, nav.sticky ul li li li { border-top:1px solid rgba(255,255,255, 0.03);} nav.sticky ul li a {padding:17px 20px; font-weight:normal; font-size:11px !important;} nav.sticky ul li.sub li a {font-size:11px !important;} nav.sticky ul li.sub li li a {font-size:11px !important;} nav.sticky ul li ul { margin-top:0px !important; } nav.sticky ul li.sub ul { width:auto;} nav.sticky ul li.sub ul li { width:140px !important;} nav.sticky ul li a:before {content:''} .nav-container {border-bottom:1px solid #ededed; border-top:6px solid #3a3a3a;} /* Main Menu Grid */ .menu ul li ul{ width:auto !important;} .menu ul ul { width:auto !important;} .menu ul ul li { width:180px;} .menu ul li.sub li { width:140px;border-left:1px dotted #eee; margin-left:15px !important; margin-right:15px !important;} .menu ul li.sub li:first-child { border:none;} .menu ul li.sub li:first-child li, .menu ul li.sub li:first-child a { margin-left:0px !important;} .menu ul li.sub li a { margin-left:15px; margin-right:15px;} .menu ul li.sub li li a { margin-left:0; margin-right:0px;} .menu ul li.sub li li { border:none;} .menu ul li.sub li:last-child ul { margin-right:0px; margin-left:0px} .menu { float:right;} .menu ul { list-style:none; padding:0; margin:0; } .menu ul li { display:block; float:left; position:relative; } .menu ul li ul { display:block; visibility:hidden; opacity:0; left:0px; width:100%; position:absolute; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .menu ul li:not(.sub) li ul { border-top:1px solid #3B5BA8; visibility:hidden; opacity:0; position:absolute; top:100%; width:auto !important; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .menu ul li:not(.sub) li:hover ul { display:block; visibility:visible; opacity:1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .menu ul li.sub ul { display:block; visibility:hidden; opacity:0; position:absolute; top:100%; width:auto !important; } .menu ul li:not(.sub) ul li:hover > ul {} .menu ul li.sub ul li { display:table-cell; float:none; } .menu ul li.sub ul li ul { position:relative; } .menu ul li.sub ul li ul li { display:block; } .menu ul li ul li { display:block; } .menu ul li.sub:hover ul { visibility:visible; opacity:1; display:block } .menu ul li:hover ul, .menu ul li li:hover ul { visibility:visible; opacity:1; display:block; } /* Main Menu Style */ .menu ul li a { color:#333333; position:relative; display:inline-block; text-decoration:none; font-weight:bold; font-size:12px; display:block; outline: none; padding:31px 25px 40px; text-transform:uppercase; border-top:6px solid; border-top-color:transparent; text-align:center; } .menu ul li a:after { content: ''; position: absolute; left: 50%; bottom: 100%; margin-left:-3px; margin-bottom:-3px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid; border-top-color: transparent; } .menu li a:hover { color:#3B5BA8 !important; outline: none; text-decoration: none; border-color:#3B5BA8; } .menu li a:before { color: #777777; content: attr(data-description); font-size: 10px; font-weight: 400; display: block; line-height: 0; margin: 26px 0 -26px; text-align: center; text-transform: none; } .menu li:hover, .menu li.current-menu-item { background:#f6f6f6;} .current-menu-item a { color:#3B5BA8 !important; border-color:#3B5BA8!important} .current-menu-item a:after {border-top-color:#3B5BA8!important} .menu ul li ul li.current-menu-item { background: #fff } .menu li:hover a { border-top-color:#3B5BA8; color: #3B5BA8} .menu ul ul { background: #ffffff !important; } .menu ul ul li a:after, .menu ul ul li a { border:none !important} .menu ul ul li { border: 0; margin:0px !important; } .menu ul li ul li a { padding:5px 20px; text-align:left; color:#777777 !important; font-weight:normal; text-transform:none; font-size:11px; border-bottom:1px dotted rgba(0,0,0, 0.08) !important; } .menu ul li.sub a { border-bottom-color: #fff !important;} .menu ul li ul { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-top:1px solid #3B5BA8;} .menu ul li ul ul { border-top:none} .menu ul li.sub ul ul { box-shadow:none !important} .menu ul li ul li a:hover { background-color:#f6f6f6; color:#3a3a3a !important} .menu ul li.sub ul li a { font-size:12px; font-weight:bold; padding:15px 20px; color:#3a3a3a !important} .menu ul li.sub ul li a:hover, .menu ul li.sub ul li:hover { background-color:#ffffff;} .menu ul li.sub ul li li a:hover { background-color:#f6f6f6; color:#3a3a3a !important} .menu ul li.sub ul { padding:15px} .menu ul li.sub ul ul { padding:0px} .menu ul li.sub ul li a { padding-left:0px;} .menu ul li.sub ul li li { padding-left:5px;} .menu ul li.sub ul li li a {font-size:11px; text-transform:none; font-weight:normal; padding:3px 9px !important; color:#777777 !important; background-image: url(http://html.orange-idea.com/builder/wp-content/themes/builder/assets/img/arr-right-mini.png); background-position:center left; background-repeat:no-repeat;} .menu ul li.sub ul li li:last-child { margin-bottom:20px !important;} .menu ul li:not(.sub) ul ul { left:180px; top:-1px; display:none; visibility:hidden;} .menu ul li:not(.sub) ul li:hover > ul { display:block; visibility:visible;} .menu ul li:not(.sub) ul li:hover { background:#f6f6f6} .menu ul li:not(.sub) ul ul li:first-child {border-top:1px solid rgba(255,255,255, 0.03)} /* Header Two */ .header_two .nav-container {border-bottom:1px solid #ededed; border-top:none;} .header_two .top_line { border-bottom:1px solid #ededed; padding-top:15px; padding-bottom:15px; background:#fff !important; border-top:6px solid #3a3a3a;} .header_two .header_menu { margin-top:0px !important;} .header_two .menu ul li a, .header_two .menu ul li.current-menu-item a{ border-top:1px solid; border-top-color:#ededed !important; } .header_two .menu ul li a:after{ border:none !important;} .header_two nav ul li { margin:0px !important; margin-top:-1px !important; } .admin-bar .header_two .sticky { margin-top: 29px !important; } .header_two nav ul li a:hover { border-top-color:#ededed;} .header_two nav ul li li { margin-top:0px !important;} .icon_mail { background:url(../img/mail.png); background-position:bottom left; background-repeat:no-repeat; padding-left:23px; text-decoration:none; color:inherit; margin-right:40px; padding-bottom:1px; } .icon_mail:hover { color:#3B5BA8; text-decoration: none;} .phone { background:url(../img/phone.png); background-position:bottom left; background-repeat:no-repeat; padding-left:20px; text-decoration:none; color:inherit; font-size:11px; padding-top:5px !important; } .head_contacts { margin-top:1px !important;} .header_two .search .search_button { display:none;} .header_two .search form { margin-bottom:0px;} .header_two .search input { background-color: transparent; width:0px; background-image:url(../img/find.png); background-repeat:no-repeat; background-position:right center; padding-right:25px; font-size:11px; border: none; font-style:italic; box-shadow:none; border-bottom:1px dotted; border-color:transparent; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border-left: 1px dotted #eee; border-radius:0px; padding-left:0px; margin-top:-5px; margin-left:30px; } .header_two .search input:focus { width:150px; border-color:#eee; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border-left:0px; } .phone span{ padding-left:7px; padding-right:7px; color:#d5d4d4} .menu_social, .logo_icons { float:right; } .menu_social a, .logo_icons a { margin-left:0px;opacity:0.7; display:inline-block;} .menu_social a:hover, .logo_icons a:hover { opacity:1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .logo_icons div {background-size:contain; border-radius:2px;} .menu_icon_t { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/twitter.png')} .menu_icon_facebook { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/facebook.png')} .menu_icon_in { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/linkedin.png')} .menu_icon_pi { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/pinterest.png')} .menu_icon_dribbble { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/dribbble.png'); } .menu_icon_google { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/google_plus.png')} .menu_icon_youtube { width:20px; height:20px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/youtube.png')} .menu_icon_flickr { width:20px; height:20px; background:url('../img/flickr.png')} /* Header Three */ .header_three .menu { float:left;} .header_three .sticky .menu { float:right;} .header_three .logo_place { border-top:6px solid #3a3a3a;} .header_three .nav-container {border-bottom:1px solid #ededed; border-top:1px solid #ededed;} .header_three .header_menu { margin-top:0px !important;} .header_three .menu ul li a, .header_three .menu ul li.current-menu-item a{ border-top:1px solid; border-top-color:#ededed !important; } .header_three .menu ul li:not(.sub) li a, .header_three .menu ul li:not(.sub) li a:hover{ border-top-color:#3B5BA8 !important} .header_three .menu ul li a:after{ border:none !important;} .header_three nav ul li { margin-top:-1px !important; } .header_three nav ul li li { margin:0px !important; } .admin-bar .header_three .sticky { margin-top:29px !important;} .header_banner { float:right; margin-top:13px;} .header_three .logo_icons { margin-top:5px;} .header_three .search .search_button { display:none;} .header_three .search form { margin-bottom:0px;} .header_three .search input { background-color: transparent; width:183px; background-image:url(../img/find.png); background-repeat:no-repeat; background-position:right center; padding-right:25px; font-size:11px; border: none; font-style:italic; box-shadow:none; border-bottom:1px dotted; border-color:transparent; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border-left: 1px dotted #eee; border-radius:0px; padding-left:0px; } .header_three .search input:focus { width:150px; border-color:#eee; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; border-left:0px; } .social_text { float:right; margin-top:20px; font-size:11px;} .social_text p { margin-bottom:0px !important;} .sticky .hide_sticky { display:none;} .header_three .logo_not_sticky { float: left;} .header_three .head_contacts { margin-top:22px !important; float:left; margin-left:15px;} .header_three .head_contacts a { margin-right:0px;} /* Header Four */ .header_four .nav-container{ border-top-width:2px;} .header_four .menu ul li a:after, .header_four .menu ul li a:before{display:none;} .header_four nav:not(.sticky) .menu ul li a { padding:35px 24px 35px; } .header_four nav:not(.sticky) .menu ul li:not(.sub) li a {padding:5px 20px;} .header_four nav:not(.sticky) .menu ul li.sub li a { padding:15px 20px !important; padding-left:0px !important;} .header_four nav:not(.sticky) .menu ul li.sub li li a { padding:3px 9px !important;} li.mega .my_drop { position:absolute !important; margin:0px !important; height:auto !important; visibility:hidden; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); border-top:1px solid #3B5BA8; opacity:0; visibility:hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background:#fff; right:0px; } .header_three li.mega .my_drop { left:0px; right:auto;} .header_three .sticky li.mega .my_drop { left:auto; right:0px;} li.mega:hover .my_drop { display:block; opacity:1; visibility:visible; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; z-index:99 !important} li.mega .my_drop ul { position:relative !important; float:left !important; box-shadow:none; border-top:0px !important; } li.mega .my_drop .my_drop { left: 0px !important; width:auto !important; position:relative !important; border: none !important; } .menu li ul li.current-menu-item li a:hover { background-color: inherit !important;} .menu li ul li ul li a { margin-top:-1px !important} .social_text p { float:right;} .sticky_text { margin-left:20px; margin-top:13px; font-size:11px; line-height:14px; float:left;} .search_sticky { float:right;} /* Footer */ .footer { padding:40px 0px 40px 0px; background-color:#3a3a3a; font-size:12px; color: #999999; line-height:18px !important; text-decoration: none; border-bottom:1px solid rgba(255,255,255, 0.1); } .my_form input, .my_form textarea { background:rgba(0,0,0,0.05) !important; box-shadow:none; border:1px solid #f8f8f8; font-size:11px; outline:none !important; margin-bottom:10px; border-radius:0px; } .my_form input:focus, .my_form textarea:focus { box-shadow:none !important; } .footer h6 { color:#fff; font-weight:bold !important;} .add_line { padding-top:60px; padding-bottom:60px; background-image: url(../img/foot5.jpg); color:#fff !important; border-bottom:1px solid rgba(255,255,255, 0.3); -moz-animation-duration: 160s; -webkit-animation-duration: 160s; -moz-animation-name: footin; -webkit-animation-name: footin; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-direction: alternate; -webkit-animation-direction: alternate } .add_line h3, .add_line h1, .add_line h4, .add_line h5, .add_line h2, .add_line h6{ color:#fff !important;} @-moz-keyframes footin { from { background-position:center center; } 25%{ background-position:top right} 50%{ background-position:left center} 75%{ background-position:right bottom} to { background-position:center center; } } @-webkit-keyframes footin { from { background-position:center center; } 25%{ background-position:top right} 50%{ background-position:left center} 75%{ background-position:right bottom} to { background-position:center center; } } .footer ul { margin-left:0px !important;} .footer ul { list-style:none !important;} .footer ul li { margin-bottom:2px !important;} .footer ul li:last-child { border:none !important;} .footer ul li a { color:#999999; text-decoration:none !important;} .footer ul li { padding:5px 0px; border-bottom:1px solid rgba(255,255,255, 0.03);} .footer li .post-date { float:left !important; font-size:10px; background:rgba(255,255,255, 0.1); padding:0px 3px !important; margin-right:10px;} .footer .well h5 { color:#fff;} .footer ul.unstyled { margin-left:0px !important;} .footer p { font-size:12px; margin-top:5px; line-height:15px; text-decoration: none; color:#f6f6f6 } .footer strong { color:#ffffff;} .footer a { text-decoration:underline !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .footer a:hover { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration:none !important; } .footer hr{ border-top-color:#333; border-bottom:0px; margin-top:6px; margin-bottom:15px;} .footer hr.bottom { border-top-color:#333; border-bottom: 0px !important; margin-top:10px !important; margin-bottom:0px;} .footer .sep { background:url(../img/patterns/sep_w.png); margin-bottom:10px !important;} .bottom_line p, .bottom_line { margin-bottom:0px !important; color:#f6f6f6 !important; } .bottom_line { background:#333; padding:5px 0px;} .bottom_line a, .bottom_line li.current-menu-item a{ color:#fff !important; text-decoration:underline;} .bottom_line a:hover { text-decoration:none;} .footer_menu { list-style:none; padding:0px !important; margin:0px;} .footer_menu li { float:left; padding-left:7px; font-size:11px;} .footer_menu li a { padding-top:3px; text-decoration:underline} .footer_menu li:after { content:" / "; padding-left:5px;} .footer_menu li:last-child:after { content:""} .footer_menu li a:hover { text-decoration:none;} .bottom_line .current-menu-item { background: none !important;} /*-------------------------------------------------------------------------------------------------*/ /*TWITTER FEED */ /*-------------------------------------------------------------------------------------------------*/ .tweet ul { padding:0px !important; margin:0px !important; line-height:16px !important; list-style:none !important;} .tweet ul li { line-height:16px !important; padding-bottom:15px; display:block;} .tweet_time { display:block; font-size:10px; margin-top:5px; font-style:italic;} .tweet_even, .tweet_odd { margin-top:30px;} .tweet_first { margin-top:0px !important;} .tweet_time a { display:block; float:left; margin-top:4px !important; padding:3px; background:rgba(255,255,255,0.1); color:rgba(255,255,255,0.6) !important; text-decoration:none !important;} .recent-post-widget li { margin-bottom:15px !important; } .small-meta, .small-meta a { font-size:10px !important; color:#666; line-height:11px !important;} .recent-post-widget a { font-size:12px; line-height:12px !important; text-decoration:none; font-weight:bold; } .small-meta { margin-bottom:10px;} /*-------------------------------------------------------------------------------------------------*/ /*Post Formats */ /*-------------------------------------------------------------------------------------------------*/ .postformat { width:40px; height:60px; background-color:#f5f5f5; float:left; margin-right:1px; background-position:center 10px; background-repeat:no-repeat; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .postformat:hover { background-position:center -30px; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -ms-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; background-color:#3a3a3a; } .format-standard .postformat{ background-image: url("../img/format-standard.png"); } .format-image .postformat{ background-image: url("../img/format-image.png"); } .format-quote .postformat{ background-image: url("../img/format-quote.png"); } .format-aside .postformat{ background-image: url("../img/format-aside.png"); } .format-link .postformat{ background-image: url("../img/format-link.png"); } .format-status .postformat{ background-image: url("../img/format-status.png"); } .format-gallery .postformat{ background-image: url("../img/format-gallery.png"); } .format-audio .postformat{ background-image: url("../img/format-audio.png"); } .format-video .postformat{ background-image: url("../img/format-video.png"); } .single-format-standard .postformat{ background-image: url("../img/format-standard.png"); } .single-format-image .postformat{ background-image: url("../img/format-image.png"); } .single-format-quote .postformat{ background-image: url("../img/format-quote.png"); } .single-format-aside .postformat{ background-image: url("../img/format-aside.png"); } .single-format-link .postformat{ background-image: url("../img/format-link.png"); } .single-format-status .postformat{ background-image: url("../img/format-status.png"); } .single-format-gallery .postformat{ background-image: url("../img/format-gallery.png"); } .single-format-audio .postformat{ background-image: url("../img/format-audio.png"); } .single-format-video .postformat{ background-image: url("../img/format-video.png"); } .the-author { padding:20px; color:#000; padding-left:0px; padding-bottom:0px; float:left; font-weight:bold; font-style:italic; } .my_quote { padding:20px; !important; background-color:#f6f6f6 !important;} .my_aside a, .my_quote a { color:#3a3a3a;} .my_status { padding:20px; background-color:#f6f6f6;} .my_status .meta { margin-bottom:0px; padding-bottom:0px !important;} .children { list-style:none; margin-left:30px;} .my_quote h3 p { margin-bottom:0px !important;} .quote_post .meta span { padding-top:20px !important;} .blog_item iframe { border:none !important; padding:0px !important; background:#fff;} .slider_area iframe { border:none !important; padding:0px !important; background:#fff;} .blog_item_page iframe { border:none !important; padding:0px !important; background:#fff;} .header_three .alert { margin:0px !important;} a.added_to_cart { display:none !important;} /*-------------------------------------------------------------------------------------------------*/ /*BLOG */ /*-------------------------------------------------------------------------------------------------*/ .comment { margin-top:20px; font-size:12px; line-height:15px;} .comment img { margin-right:20px !important; margin-bottom:20px !important; } .comment h6 { margin-bottom:10px;} .blog_post { margin-bottom:90px;} .well .tab-content { background:#fff !important;} .recent-post-widget li { margin-bottom:15px !important;} .small-meta, .small-meta a { font-size:10px !important; color:#666; line-height:11px !important;} .recent-post-widget a { font-size:12px; line-height:12px !important; text-decoration:none; font-weight:bold;} .main_content_area .recent-post-widget a { color:#3a3a3a !important } .meta { margin-bottom:5px; padding-top:0px; padding-bottom:10px; text-transform:none; font-size:12px !important;} .meta span { font-size:12px; line-height:12px !important; margin-bottom:0px; color:#999999 !important; } .meta span a { color:#999999 !important; text-decoration:none;} .meta span a:hover { color:#3B5BA8!important} .meta span:after { content: ' / '} .meta .last_item:after { content:'' !important} .portfolio-description .meta span:after { padding-left:3px; padding-right:3px;} .meta a { color:#b7b7b7;} .meta a:hover { color:#ec5923} .main_content_area .date { background:#cccccc; color:#fff; float:left; margin-right:15px; padding:10px; border-radius:4px; font-weight:400;} .main_content_area .date h1 {font-weight:400; margin-bottom:5px; color:#fff;} .main_content_area .date h6 {font-weight:400; margin-bottom:0px; color:#fff; text-transform:uppercase !important; text-shadow:0px 1px #b7b7b7;} .blog_inner h4 { margin:0px;} .pp_description { margin-bottom:0px !important; margin-top:10px !important; font-size:14px !important; font-family:"Open Sans" !important; font-weight:300 !important} .share {font-size:11px; line-height:22px !important; padding:7px; background:#ededed; color:#3d3d3d;} .read_more { background-image: url("http://html.orange-idea.com/veles/images/read_more.png"); background-position:6px center ; background-repeat: no-repeat; padding-left: 15px !important; margin-bottom:0px !important; margin-top:-10px; padding:5px; padding-right:8px !important; background-color:#f6f6f6; display:inline-block; text-decoration:none !important; margin-top:6px; color:#999999; } .small_width a:hover {color:#3B5BA8} .read_more a { text-decoration:none; color:inherit} .read_more a:hover { text-decoration:none; color:#3B5BA8} .page_sidebar h4, .blog_sidebar h4, .portfolio_sidebar h4{ font-size:14px !important;} .blog_item h3 { font-size:20px; line-height:22px;} .blog_item_description { background:#f9f9f9; padding:20px; padding-bottom:0px; border:1px solid #ededed; color:#747474} .blog_post_item_description { background:#f9f9f9; padding:20px; padding-bottom:0px; border:1px solid #ededed; color:#747474} .blog_author_item_description { background:#f9f9f9; padding:20px; padding-bottom:0px; border:1px solid #ededed; color:#747474} .blog_item_comments_description { background:#f9f9f9; padding:20px; padding-bottom:0px; border:1px solid #ededed; color:#747474} .portfolio_post_item_description { background:#f9f9f9; padding:20px; padding-bottom:0px; border:1px solid #ededed; color:#747474} .comments_div {border-left:1px solid #f6f6f6; padding-left:20px; margin-top:40px;} .sidebar .well{ border-width: 1px; border-style: solid; border-color: #f1f1f1; background-color: #f9f9f9; box-shadow:none; } .page_sidebar .well hr {margin:0px 0px 12px 0; border-top:none; border-bottom-color:#fff;} .page_sidebar .well { box-shadow:none; background-color:#999; border-radius:0px; padding:0px;} .page_sidebar ul { margin-left:0px; list-style:none;} .page_sidebar ul { font-size:12px} .page_sidebar h5 { color:#fff;} .page_sidebar a{ color:#ededed;} .page_sidebar a:hover{ color:#fff;} .page_sidebar { color:#fff; font-size:12px; line-height:18px;} .page_sidebar ul li { padding-left:10px; background:url('../img/arr-right-mini.png'); background-position:0px 6px; background-repeat:no-repeat;} .page_sidebar ul.menu li { padding-left:10px; background:url('../img/arr-right-mini.png'); background-position:left center !important; background-repeat:no-repeat;} .blog_sidebar .well hr {margin:0px 0px 12px 0; border-top:none; border-bottom-color:#fff;} .blog_sidebar .well { border:none !important; box-shadow:none; background-color: transparent !important; border-radius:0px;} .blog_sidebar ul { margin-left:0px; list-style:none; background: transparent !important} .blog_sidebar ul {font-size:12px} .blog_sidebar h5 { color:#fff;} .blog_sidebar a{ color:#ededed;} .blog_sidebar a:hover{ color:#fff;} .blog_sidebar { color:#fff; font-size:12px; line-height:18px;} .blog_sidebar ul li { padding-left:10px; background:url('../img/arr-right-mini.png'); background-position:0px 6px; background-repeat:no-repeat;} .portfolio_sidebar .well hr {margin:0px 0px 12px 0; border-top:none; border-bottom-color:#fff;} .portfolio_sidebar .well { box-shadow:none; background-color:#999; border-radius:0px;} .portfolio_sidebar ul { margin-left:0px; list-style:none;} .portfolio_sidebar ul { font-size:12px} .portfolio_sidebar h5 { color:#fff;} .portfolio_sidebar a{ color:#ededed;} .portfolio_sidebar a:hover{ color:#fff;} .portfolio_sidebar { color:#fff; font-size:12px; line-height:18px;} .sidebar .well hr { margin:4px 0px 10px 0;} .sidebar .sep_bg { background:url(../img/patterns/sep-half.png)} .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #ffffff; background-color: #ec5923; } .nav-pills a { font-size:11px; text-transform:uppercase; font-weight:bold;} .nav-pills li a{ background:#fff; margin-bottom:7px !important;} .nav-pills li:last-child a{ margin-bottom:0px !important;} .sidebar ul ul { list-style:none; padding:0px; margin-left:0px !important;} .sidebar ul ul a { margin-bottom:7px; font-size:11px; display:block; background-color:#fff; padding:7px; border-radius:3px; text-transform:uppercase; font-weight:bold;} .sidebar ul ul a:hover {color: #ffffff; background-color: #ec5923; } .sidebar ul ul .current-cat a {font-size:11px; display:block; padding:7px; border-radius:3px; text-transform:uppercase; font-weight:bold; color: #ffffff; background-color: #ec5923; } .tags p { float:left; padding:5px; margin-top:10px; margin-bottom:0px; margin-right:10px; background-color:#fff; color:#fff !important; -webkit-box-shadow: 1px 1px 2px #e6e6e6; -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6; border:1px solid #e6e6e6; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius:5px !important; } .big1 { font-size:10px;} .big2 { font-size:16px;} .big3 { font-size:20px;} .big4 { font-size:15px;} .big5 { font-size:11px;} .big6 { font-size:18px;} .big7 { font-size:12px;} .tags p:hover { background:#ec5923; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration:none; } .nav-tabs a { margin-bottom:0px !important; border-radius: 4px 4px 0px 0px !important;} .nav-tabs a { background:none !important;} .nav-tabs a:hover { color:#ec5923 !important;} .nav-tabs .active { background:#fff !important;} .tags p:hover > a{ text-decoration:none;} .tagcloud a { background:#fff; line-height:38px; margin-right: 10px; margin-top: 10px; padding: 5px; border-radius:4px; font-weight:bold;} .tagcloud a:hover { color:#fff;} .blog_item h3 { margin-bottom:0px !important;} .page_head .sub { font-size:10px; text-transform:none; color:#888888; margin-top:-8px; font-weight:400;} .blog_item_long .blog_item_description { padding:0px; background-color:transparent; border:none} .blog_item_description {margin-bottom:20px;} .blog_item_comments_description .hidden-phone {float:left; margin-right:0px;} .blog_item_comments_description h6 {margin-bottom:4px;} .blog_item_comments_description hr {margin-top:0px; margin-bottom:10px;} .ittal { font-style:italic;} .blog_item_comments_description h6 a {color:inherit; padding-left:7px;} .main_content_area { padding-top:50px;} .blog_small_content { padding:40px;} h1.page-title { font-size:32px !important; margin-bottom:0px; font-weight:300;} .product_cont { background:#f6f6f6; padding:20px; margin-bottom:30px;} .sp_product_title h5 { font-family:"Open Sans" !important; color:#3a3a3a;} .sp_product_title { text-decoration:none;} .sp_thumb { border:1px solid #f1f1f1; position:relative; } .star-rating { color:#3B5BA8; } ::selection { background:#000; color:#fff; } .blog_head h2 { margin-bottom:0px;} .blog_head h2 a { color: inherit; text-decoration:none} option:hover { background: #f1f1f1 !important; } .sp_thumb:hover > img{ opacity:0.2} .sp_thumb .mask { position:absolute; left:50%; top:50%; padding:10px; background:#fff; margin-left:-23px; margin-top:-15px; display:none;} .sp_thumb:hover .mask { display:block; opacity:1 !important; z-index:3} .mask a { font-weight:bold; text-decoration:none; color:inherit;} .orderbyul { float:right;width:160px; margin-top:-12px;} .orderbyul li { position:relative; padding:6px; padding-left:10px; background:#fff; border:1px solid #f1f1f1;} .orderbyul ul { width:158px; display:none; position:absolute; z-index:3; border:1px solid #f1f1f1; margin-top:6px; margin-left:-11px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);} .orderbyul:hover ul{ display:block;} .orderbyul ul li { border:none; font-size:11px; padding:1px; } .orderbyul ul li a {background-image:url(../img/sort-li.png); background-position: 12px center; background-repeat: no-repeat; color:#999999; text-decoration:none; padding:20px; padding-top:3px !important; padding-bottom:3px !important; display:block;} .desc-asc-sort { margin-top:-12px; float:right; width:32px; height:32px; background-color:#ffffff; margin-left:5px; margin-right:5px; border:1px solid #f1f1f1;} .desc { background-image:url(../img/desc-asc.png); background-position:top center;} .asc { background-image:url(../img/desc-asc.png); background-position:bottom center;} .orderbyul ul li:hover a { color:#ff5c00;} .orderbyul ul li:hover { background-color:#f6f6f6;} .woocommerce-result-count { margin-bottom:20px !important;} .orderbyul li:hover { cursor:pointer;} .pride_pg a { text-decoration:none; border:1px solid #f0f0f0} .pride_pg .prev { margin:0px !important;} .btn { text-decoration:none;} .shop_table th { text-transform:uppercase;} .minus { width:30px !important; height:30px !important; margin-right:89px !important; border-radius:0px !important; box-shadow:none !important;} .buttons_added { overflow-x:visible !important; width:120px !important;} input.input-text { margin-left:30px !important; text-align:center !important; width:60px !important; border-radius:none; box-shadow:none} .plus { width:30px !important; height:30px !important; border-radius:0px !important;} .added_to_cart { position:absolute; top:0; left:0; width:44px; height:44px; background-image:url('http://cdn1.iconfinder.com/data/icons/defaulticon/icons/png/24x24/check.png'); background-position:center center; background-repeat:no-repeat; background-color:#f6f6f6; z-index:2 !important; } del .amount { font-size:16px; font-weight:normal; color:#999999; font-weight:100;} ins .amount { text-decoration:none !important; color:#3B5BA8} ins { text-decoration:none;} .sp_flash { position:absolute; right:0px; width:24px; height:24px; top:-5px; background-image:url('http://cdn1.iconfinder.com/data/icons/sketchdock-ecommerce-icons/flag-hot-red.png'); z-index:2!important; overflow:visible !important; } .sp_new-badge { position:absolute; right:0px; width:24px; height:24px; top:-5px; background-image:url('http://cdn1.iconfinder.com/data/icons/sketchdock-ecommerce-icons/flag-new-blue.png'); z-index:2 } .sp_thumb { position:relative !important;} .sp_thumb .thumbnails img { top:0px; position:absolute; z-index:1; opacity:0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sp_thumb .thumbnails img:hover { opacity:1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .sp_filt { overflow:visible !important; padding-top:5px;} .first { margin-left:0px !important;} .sale .sp_new-badge { margin-right:20px !important;} /*! jQuery UI - v1.10.3 - 2013-06-17 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.slider.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=2191c0&bgTextureHeader=gloss_wave&bgImgOpacityHeader=75&borderColorHeader=4297d7&fcHeader=eaf5f7&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=0078ae&bgColorDefault=0078ae&bgTextureDefault=glass&bgImgOpacityDefault=45&borderColorDefault=77d5f7&fcDefault=ffffff&iconColorDefault=e0fdff&bgColorHover=79c9ec&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=448dae&fcHover=026890&iconColorHover=056b93&bgColorActive=6eac2c&bgTextureActive=gloss_wave&bgImgOpacityActive=50&borderColorActive=acdd4a&fcActive=ffffff&iconColorActive=f5e175&bgColorHighlight=f8da4e&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcd113&fcHighlight=915608&iconColorHighlight=f7a50d&bgColorError=e14f1c&bgTextureError=gloss_wave&bgImgOpacityError=45&borderColorError=cd0a0a&fcError=ffffff&iconColorError=fcd113&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=999999&bgTextureShadow=flat&bgImgOpacityShadow=55&opacityShadow=45&thicknessShadow=0px&offsetTopShadow=5px&offsetLeftShadow=5px&cornerRadiusShadow=5px * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */ /* Layout helpers ----------------------------------*/ .price_slider_wrapper .ui-helper-hidden { display: none; } .price_slider_wrapper .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .price_slider_wrapper .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .price_slider_wrapper .ui-helper-clearfix:before, .price_slider_wrapper .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .price_slider_wrapper .ui-helper-clearfix:after { clear: both; } .price_slider_wrapper .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .price_slider_wrapper .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .price_slider_wrapper .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .price_slider_wrapper .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .price_slider_wrapper .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .price_slider_wrapper .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .price_slider_wrapper .ui-slider { position: relative; text-align: left; width:210px ; display:block; float:left; } .price_slider_wrapper .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .price_slider_wrapper .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .price_slider_wrapper .ui-slider.ui-state-disabled .ui-slider-handle, .price_slider_wrapper .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .price_slider_wrapper .ui-slider-horizontal { height: 22px; } .price_slider_wrapper .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .price_slider_wrapper .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .price_slider_wrapper .ui-slider-horizontal .ui-slider-range-min { left: 0; } .price_slider_wrapper .ui-slider-horizontal .ui-slider-range-max { right: 0; } .price_slider_wrapper .ui-slider-vertical { width: .8em; height: 100px; } .price_slider_wrapper .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .price_slider_wrapper .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .price_slider_wrapper .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .price_slider_wrapper .ui-slider-vertical .ui-slider-range-max { top: 0; } /* Component containers ----------------------------------*/ .price_slider_wrapper .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .price_slider_wrapper .ui-widget .ui-widget { font-size: 1em; } .price_slider_wrapper .ui-widget input, .price_slider_wrapper .ui-widget select, .price_slider_wrapper .ui-widget textarea, .price_slider_wrapper .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .price_slider_wrapper .ui-widget-content { background: url(../img/slide-bg.png); height:24px; } .price_slider_wrapper .ui-widget-contentt {display:inline-block; float:left;width:18px !important; height:24px !important; display:block; background: url(../img/slide-left.png); } .price_slider_wrapper .ui-widget-contenttt {display:inline-block; float:right;width:22px !important; height:24px !important; display:block; background: url(../img/slide-right.png); } .price_slider_wrapper .ui-widget-content a { color: #222222; } .price_slider_wrapper .ui-widget-header { background: #45484d; /* Old browsers */ height:5px !important; top:9px !important; }.price_slider_wrapper .ui-widget-header a { color: #eaf5f7; } /* Interaction states ----------------------------------*/ .price_slider_wrapper .ui-state-default, .price_slider_wrapper .ui-widget-content .price_slider_wrapper .ui-state-default, .price_slider_wrapper .ui-widget-header .price_slider_wrapper .ui-state-default { background: url(../img/pimp.png); background-position: -13px center; background-repeat:no-repeat; width:44px !important; height:24px !important; margin-top:4px; } .price_label { margin-top:15px; margin-bottom:0px !important} .price_slider_amount input { visibility:hidden !important; height:0px !important} .price_slider_amount .alert { padding:10px; background-color:#f6f6f6 !important; border-color:#f1f1f1; color:#3a3a3a} .product-categories li { text-transform:uppercase; text-decoration: none; padding-left:0px !important; margin-bottom:1px; border:none !important; } .product-categories li a { text-decoration: none; background-image: url(https://html.orange-idea.com/builder/wp-content/themes/builder/assets/img/arr-right-mini.png); background-position:7px center; background-repeat:no-repeat; padding-left:18px !important; background-color:#f6f6f6 !important; padding:3px; display: block; } .current-cat a { color:#3B5BA8 !important} .children li { text-transform: none; padding-left:15px !important; margin-bottom:0px; } .children li a { background: none !important; padding:0px !important} .children li a:before { content:'- '} .current-cat li a { color: inherit !important;} .current-cat li a:hover { color: #3B5BA8 !important} .children li:last-child { margin-bottom:10px;} .children li:first-child { margin-top:10px;} .empty .alert { margin-bottom:0px !important} .cart_list img { box-shadow:none !important; float:none !important; margin-left:0px !important; width:50px !important; } .empty img { box-shadow:none !important; float:none !important; margin-left:0px; width:16px !important; margin-right:5px;} .shop_sidebar .well { padding:0px !important; padding-left:20px !important;} .mini_shop_img { float:left; border:1px solid #f1f1f1; padding:12px 0px!important; background:#fff; width:50px; text-align:center !important;} .mini_shop_cont { float:left; padding:10px; background:#f6f6f6; width:176px; position:relative;} .mini_shop_cont a { text-decoration:none;} .mini_shop_cont .quantity { font-size:11px;} .hide_cart_widget_if_empty .btn { color: #fff; } .hide_cart_widget_if_empty .btn:hover { color: #fff;} .oi_check_mini btn-group { margin-top:10px !important;} .total { font-size:12px;} .oi_check_mini { margin-top:3px;} .alert-block { padding-right:14px !important;} .remove { position:absolute; top:0px; right:0px; line-height:10px; display:block; width:16px; height:16px; background:url(http://cdn1.iconfinder.com/data/icons/splashyIcons/close.png); opacity:0.5} .remove:hover { opacity:1;} .total img { margin-right:5px;} .empty img { margin-top:-3px;} .empty p { line-height:26px !important; margin-bottom:0px;} .oi_single_prod .images { width:auto !important} .oi_single_prev { padding:20px; background:#f6f6f6;} h1.product_title { font-weight:200;} .oi_single_prev .minus { top:0 !important;} .oi_single_prod .images img { box-shadow:none !important; border:1px solid #f1f1f1;} .oi_single_price { font-weight:300;} h5.price { margin-bottom:20px;} .small_width { font-weight:300;} .oi_single_prod .related hr { display:none;} .woocommerce-tabs .panel { padding:15px !important; background:#ffffff; border:1px solid #ededed; border-top:none} ul.tabs { margin-bottom:0px !important; box-shadow:none !important; border:none !important; padding-left:5px !important;} ul.tabs:before { border-color:#ededed !important;} ul.tabs a:hover { color:#3a3a3a !important} .woocommerce-tabs li { background:#fff !important; box-shadow:none !important; border-color: #ededed !important; padding:0px !important;} .woocommerce-tabs .active { background:#ffffff !important; border-bottom-color:#ffffff !important} .woocommerce-tabs li:before, .woocommerce-tabs li:after { display:none;} .woocommerce-tabs li a { padding-left:15px !important; padding-right:15px !important;} .colored del .amount, .colored del { font-size:12px; color:#666} #comments h2 { font-weight:300; line-height:40px; font-size:24px;} .pp_woocommerce { z-index:99999} #reply-title { font-size:14px; line-height:20px; display:none;} .pp_description { display:none !important;} nav { z-index:10 !important} .logged-in #reply-title { display:block !important; border-top:1px solid #ededed; padding-top:10px;} .comment-form-rating label { float:left; margin-right:10px; font-size:11px;} .tabs li a { color:#b7b7b7 !important} .tabs li.active a { color:#333 !important} .well input { border-radius:0px !important; font-size:11px; padding:3px !important; line-height:5px !important; height:10px !important; border-color:#cccccc !important; box-shadow:none !important; background:#ffffff } .well input:focus { box-shadow:none !important; border-color:#f1f1f1 !important; background-color:#ffffff} .login-form { margin-bottom:0px !important;} .my_log .alert-warning a {color: rgb(192, 152, 83); display: inline; font-size: 12px; font-style: normal; text-shadow: rgba(255, 255, 255, 0.5); color: rgb(192, 152, 83) !important;} .my_log input { line-height:30px !important;} .my_log .icon-ok { margin-top:2px; margin-left:3px} .hide_cart_widget_if_empty { margin-top:-20px;} .oi_acc a { text-decoration:none !important;} .oi_acc ul { margin-bottom:0px;} .oi_acc ul li a { background-image:none; padding-left:10px !important; text-transform:none !important;} .footer { margin-top:50px;} .add_line { margin-bottom:-50px;} .menu .my_drop li.current-menu-parent { background:#fff !important; } .span9 input { border-radius:0px !important; margin-right:10px; font-size:12px; box-shadow:none} .span9 input:focus { box-shadow:none !important; border-color:#ededed} p.order-info { display:none;} .btn { border-radius:0px; height:30px;} input.input-text, textarea.input-text{ width:100% !important; margin-left:0px !important; height:36px !important; line-height:20px !important; border-radius:0px !important; color:#666 !important; font-size:12px; } textarea.input-text{ min-height:170px !important;} input.input-text:focus, textarea.input-text:focus, .chzn-search input:focus { border-color: #adadad !important;} input.qty { width:52px !important; margin-left:30px !important; height:20px !important; padding:4px !important; } label { font-size:12px; font-weight:bold;} select { border-radius:0px !important; outline:none !important;} .hzn-single-with-drop, .chzn-single { border-radius:0px !important;} table, th, tr, td { border-radius: 0px !important;} .shop_table { border-left:0px !important;} .shop_table img { width:60px !important; border:1px solid #f1f1f1;} .remove_from_cart { display:block;background-image:url('http://cdn1.iconfinder.com/data/icons/diagona/icon/10/101.png'); width:10px !important; height:10px !important} .coupon input#coupon_code { width:180px !important;} input.btn { line-height:22px !important; height:36px !important;} .form-row-wide { padding-left:0px !important;} .btn { background-image:none !important; box-shadow:none !important; text-align:center !important} .btn-small { height:auto !important;} input { outline:none !important;} .woocommerce-message, .woocommerce-error, .woocommerce-info { padding:20px !important; margin: 0 0 2em; position: relative; border-radius: 4px !important; background: #f6f6f6 !important; color: #5e5e5e; text-shadow: 0 1px 0 #ffffff; list-style: none outside; width: auto; -webkit-box-shadow: inset 0 -2px 6px rgba(0,0,0,0.05), inset 0 -2px 30px rgba(0,0,0,0.015), inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 -2px 6px rgba(0,0,0,0.05), inset 0 -2px 30px rgba(0,0,0,0.015), inset 0 1px 0 #fff, 0 1px 2px rgba(0,0,0,0.3) } .woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after { content: ""; display: block; clear: both } .woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before { content: ""; height: 1.5em; width: 1.5em; display: block; position: absolute; top: 0; left: 1em; font-family: sans-serif; font-size: 1em; line-height: 1.5; text-align: center; color: #fff; text-shadow: 0px!important; text-shadow: none; padding-top: 1em; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.1) } .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button { float: right } .woocommerce-message li, .woocommerce-error li, .woocommerce-info li { list-style: none outside; padding-left: 0; margin-left: 0 } .woocommerce-message { border: 1px solid #f1f1f1; } .woocommerce-message:before { background-color:none !important; content: ""; } .woocommerce-info, .woocommerce-error { border-top: 0px !important; background:#f6f6f6 !important; box-shadow:none !important; border: 1px solid #f1f1f1 !important; padding:10px !important; } .woocommerce-info:before { font-family: Times, Georgia, serif; font-style: italic; background: none !important; content: "" !important; box-shadow:none !important; } .woocommerce-error { border-top: none !important; } .woocommerce-error:before { background: none !important; content: "" !important; font-weight: 700 } .checkout_coupon { background:#f6f6f6; border-radius:0px !important; border-color:#f1f1f1;} label[for="shiptobilling-checkbox"], label[for="createaccount"] { font-size:12px !important; padding-left:0px !important; margin-top:-1px;} .chzn-single { background:#ffffff !important; box-shadow:none !important;} .form-row { padding-left:0px !important;} .chzn-search input { border-radius:0px !important; background:#f6f6f6; height:30px; background-image:none !important;} .chzn-search input:focus { box-shadow:none !important;} .chzn-search { padding-left:10px !important;} .payment_methods li { padding:10px; border:1px solid #f1f1f1; background:#fff;} .payment_methods {border:1px solid #f1f1f1; padding:20px !important} .payment_box { background:#f6f6f6 !important; border-color:#f6f6f6 !important; box-shadow:none!important; border-radius:0px !important} .payment_box:after { border-bottom-color:#f6f6f6 !important;} .order_details .date{ background:none !important; color:inherit !important; padding:0px;} .order_details li:first-child { border:none !important;} .woocommerce h2 { font-weight:300;} ul.bacs_details { padding:20px; background:#f6f6f6; border:1px solid #f1f1f1;} .bacs_details li:first-child { border-right:1px dashed #DFDBDF !important;} textarea.input-text{ resize:none !important; } .place-order { border-top:0px !important; padding-bottom:30px !important; padding-top:0px !important;} .payment_methods { border-bottom:0px !important;} .place-order .btn { margin-left:22px !important;} .pp_gallery { bottom:0px !important; background:none; border:none; height:28px;} .pp_gallery a { background:none !important; border:none !important; height:auto !important;} .blog_item { padding:15px; background:#fff; border:1px solid rgba(0,0,0,0.06);} .post { margin-bottom:40px;} .blog_head h2 { font-size:24px !important; line-height:26px; color:#000} .format-image h2 { margin-top:15px;} .blog_item_content p { color:#888888} .blog_head .meta { margin-bottom:0px !important; padding:0px !important} .blog_head { margin-bottom:15px;} .lang_sel_list_horizontal li a{ padding-left:0px !important; margin-right:5px !important } /*-------------------------------------------------------------------------------------------------*/ /*HOVERS */ /*-------------------------------------------------------------------------------------------------*/ p { margin-bottom:20px;} .view { width:100%; overflow: hidden; position: relative; text-align: center; cursor: default; } .view iframe { margin-bottom:6px;} .view .mask { width:100%; height:100%; position: absolute; overflow: hidden; top: 0; left: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-backface-visibility: hidden; /* fix for twitch*/ backface-visibility:hidden; /* fix for twitch*/ } .view a.info { display:block; width:42px; height:42px; background-color:#ededed; background-image: url(../img/zoom.png); background-position:center; background-repeat:no-repeat; position:absolute; top:50% !important; left:50%; margin-top:-16px; margin-left:-46px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; border-radius:3px; opacity:0.7; } .nolink a.info {margin-left:-17px !important;} .view a.info:hover { background-color:#f9f9f9; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; opacity:1 } .view a.link { opacity:0.7; background-position:center; background-repeat:no-repeat; display:block; width:42px; height:42px; background-color:#ededed; background-image: url(../img/link_h.png); position:absolute; top:50% !important; left:50%; margin-top:-16px; margin-left:4px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; border-radius:3px; } .noinfo a.link { margin-left:-17px;} .view a.link:hover { background-color:#f9f9f9; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; opacity:1 } .view-first img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-first .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(255,255,255, 0.3); } .view-first:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .sp_link { padding-left:44px !important; font-style: italic !important; background:url(../img/link.png); background-repeat:no-repeat; background-position:top left;} .sp_quote h3 { padding-left:44px !important; font-style: italic !important; font-size:16px; background:url(../img/quote.png); background-repeat:no-repeat; background-position:top left;} .sp_quote .meta, .sp_link .meta { float:right;} .span3 .well { background:none !important; padding:0px !important; padding-left:20px !important; padding-bottom:20px !important;} /* ======================================================================================================================= * * Flickr Widget * ======================================================================================================================= */ ul#cbox { list-style-type: none; margin:0; } ul#cbox li { list-style-type: none; float: left; display: block; margin-right: 10px; margin-bottom: 10px; border: none; padding:0; background:none !important; /* width: 60px; height: 60px;*/ } ul#cbox li:nth-child(4n+4) { margin-right: 0px; } #wide-sidebar #cbox li:nth-child(3n+3) {margin-right : 10px; } #wide-sidebar #cbox li:nth-child(4n+4) {margin-right : 0px; } ul#cbox li a img { /* border: 1px solid #ececec;*/ display: block; width: 54px; height: 54px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ul#cbox li a:hover img { /* border: 1px solid #999;*/ } .vid { z-index:1 !important;} .span3 #s { width:191px; margin-right:3px; height: 22px !important} #searchform .btn { float:right !important;} .span3 #searchform, #searchform input { margin-bottom:0px !important} .span3 #searchform label { display:none !important} .inner_blog h1 { margin-bottom:0px;} .inner_blog .inner_cont p { font-size:13px;} .comment { margin-top:20px; font-size:12px; line-height:15px;} .comment img { margin-right:20px !important; margin-bottom:20px !important; } .comment h6 { margin-bottom:10px;} .blog_item_comments_description { background:#f6f6f6; padding:20px;border:1px solid #f6f6f6; color:#747474} .comments_div {border-left:1px solid #ededed; padding-left:20px; margin-top:40px;} .commentsul { margin-bottom:0px;} .seppp a { text-decoration:none !important;} #respond a { text-decoration:none !important;} .input-text:focus { box-shadow:none !important;} .inner_blog .blog_item_content p { font-size:13px !important; color:#333} .inner_blog .sp_link { background-position:left 8px; text-decoration:none !important} .blog_item_comments_description p { margin-bottom:10px !important} .inner_blog .sp_link a { text-decoration:none !important} #contact-form i { margin-left:10px; margin-top:3px;} .portfolio-description .meta span:after { padding-left:3px; padding-right:3px;} .portfolio_post_item_description { background:#f9f9f9; padding:20px; padding-bottom:0px; border:1px solid #ededed; color:#747474} .descr { clear:both; padding:15px !important; text-align:center; background:#ffffff; border:1px solid #f1f1f1; padding-bottom:20px !important;} .descr h5 { margin-bottom:3px !important; margin-top:5px; font-weight: bold !important; } .descr h5 a { color:#3a3a3a; text-decoration:none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-backface-visibility: hidden; /* fix for twitch*/ backface-visibility:hidden; /* fix for twitch*/} .portfolio_item { margin-bottom:30px;} .port_hr { margin-top:10px; margin-bottom:0px;} /*-------------------------------------------------------------------------------------------------*/ /*PORTFOLIO and FILTERS */ /*-------------------------------------------------------------------------------------------------*/ #filters_sidebar a { display:block; margin-bottom:0px; border-bottom:1px dashed #ededed; line-height:20px;} .filter_sidebar_current { color:#3B5BA8 !important;} #filters a:after { content: ' / '; padding-left:10px; padding-right:10px; color:#666 !important; text-decoration:none !important;} #filters a:hover { text-decoration:none} #filters a:last-child:after { display:none} #filters_sidebar a { text-decoration: none; background-image: url(https://html.orange-idea.com/builder/wp-content/themes/builder/assets/img/arr-right-mini.png); background-position:7px center; background-repeat:no-repeat; padding-left:18px !important; background-color:#f6f6f6 !important; padding:3px; display: block; } #filters i { float:left; margin-right:10px; margin-top:3px;} .port_ul { float:left;} .portfolio-description h4 { font-weight:600; margin-bottom:0px;} .filter_button {font-size:11px; color:#666; text-decoration:none;} .filter_button:hover {text-shadow:none; color:#3B5BA8;} .filter_current { color:#3B5BA8;text-shadow:none !important} ul#filters { list-style:none;} ul#filters li { float:left; padding-left:0px; margin-right:20px; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* Isotope CSS3 transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -moz-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* disabling Isotope CSS3 transitions */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .inner_content .my_img{ padding:15px; background:#ffffff; border:1px solid #f6f6f6} .np_arr .meta a { color:#3a3a3a !important;} .inner_content .my_img .portfolio_item{ margin-bottom:0px;} /* * jQuery Nivo Slider v3.0.1 * http://nivo.dev7studios.com * * Copyright 2012, Dev7studios * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php */ /* The Nivo Slider styles */ .nivoSlider { position:relative; width:100%; overflow: hidden; height:100%; } .nivoSlider img { position:absolute; top:0px; left:0px; max-width:20000px; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } /* Caption styles */ .nivo-caption { position:absolute; top:0px; right:0px; width:93% !important; left:0px; margin:20px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 1; overflow: hidden; display: none; -moz-opacity:1; filter:alpha(opacity=1); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border-radius: 3px; font-weight:bold; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; font-size:0px; content:''; background-color:#ededed; border:none !important; border-radius:3px; } .nivo-prevNav { left:20px; background-image:url(../img/arr-left.png); width:32px; height:32px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .nivo-nextNav { right:20px; background-image:url(../img/arr-right.png); width:32px; height:32px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .nivo-nextNav:hover, .nivo-prevNav:hover { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; background-color:#3a3a3a !important; border:none !important; } .nivo-nextNav:hover {background-image:url(../img/arr-right-hover.png);} .nivo-prevNav:hover {background-image:url(../img/arr-left-hover.png);} .standard .nivo-directionNav { display:block !important; visibility:visible !important; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { text-align:center; padding: 15px 0; display:none; } .nivo-controlNav a { cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } .nivoSlider a { display:block !important} .port_gall { opacity:0.6} .port_gall:hover { opacity:1;} .medium_img .blog_head, .medium_img h2 { margin-top:0px !important;} .s_res p { margin-bottom:0px;} .s_res h3 a { text-decoration:none; color:inherit} #bbp_search { height:26px;} .bbp-breadcrumb p { font-size:11px; margin-top:5px;} .bbp-forum-content { margin-top:-3px !important; margin-bottom:0px !important} .bbp-forum-freshness a { font-size:11px;} .bbp-topic-freshness-author a.bbp-author-name { display:none;} .bbp-topic-freshness-author { float:right;} .bbp-forum-info h5 { margin-bottom:0px; margin-top:5px;} .bbp-forum-info h5 a { text-decoration:none; color:inherit } .bbp-forum-info h5 a:hover { color:#3B5BA8} .bbp-forum-freshness { float:right !important;} .f_d { float:right; padding:15px; background:#f1f1f1;} .bbp-footer { display:none;} .bbp-topic-permalink { text-decoration:none;} .bbp-search-form { margin-top:10px;} .bbp-forum-description img { display:none; } .bbp-pagination-count { font-size:11px; background:#f1f1f1; padding:5px 8px;} .bbp-topic-permalink { color:inherit; text-decoration:none;} .bbp-topic-permalink:hover { color:#3B5BA8; text-decoration:none;} .bbp-topic-started-by img { display:none;} .bbp-topic-title h5 { margin-bottom:0px;} .bbp-topic-meta { margin-top:0px !important;} .bbp-body .oi_count { padding:5px 10px; background:#f1f1f1; margin-top:10px !important; display: inline-block; font-weight:bold} .bbp-forum-freshness a, .bbp-topic-freshness a { float:right; margin-left:0px; } .bbp-topic-freshness-author img { padding:0px;} .bb_oi_link a { padding:6px; margin-top:1px; font-style:italic; display:inline-block; background:#f6f6f6; color:inherit; text-decoration:none; } .bb_oi_link a:hover { color:#3B5BA8;} .bbp-topic-title h5 { margin-bottom:-3px; margin-top:6px;} .bbp-template-notice img { display:none;} .bbp-form legend { float:left; border-bottom:0px !important;} .bbp-topic-title .favorite-toggle, .bbp-topic-title .subscription-toggle { float:left; margin-right:10px; margin-bottom:10px; margin-top:12px;} #bbp-user-navigation-oi .current a{ padding-left:0px; color:#3B5BA8 !important; background-position:7px center !important; } .bbp-topic-revision-log-item img { display:none;} .bbp-topic-freshness-author { font-size:0px !important; line-height:0px !important;} .bb_oi_link { font-size:11px !important;} .bbp-topic-freshness { } .wpb_wrapper .single-product .related { display:none !important} .oi_break .single-product .related { display:none !important} .oi_break .clearfix { display:none;} .oi_break .single-product img { border:none !important;} .oi_break .single-product .woocommerce-tabs { display:none !important} .oi_break .single-product .oi_single_prev { background: #fff;} .oi_break .single-product img:hover { opacity:0.7} .on_break { display:none;} .oi_break .on_break { display:block !important} .wpb_wrapper .oi_single_prev p { margin-bottom:20px !important;} .product_meta i { margin-top:0px !important;} .wpb_wrapper .isotope-item { float:left !important;} .wpb_wrapper .first { margin-left:0px !important;} .wpb_wrapper .start_l { display:none;} .wpb_wrapper .add_review{ margin-bottom:20px !important;} .wpb_wrapper .commentlist { margin-top:20px !important; margin-bottom:20px !important;} .rev_slider { z-index:1 !important} .rev_slider .btn { color:#3a3a3a} .rev_slider .btn-danger{ color:inherit !important} #akceptor { position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; } /*-------------------------------------------------------------------------------------------------*/ /*TESTIMONIAL WIDGET */ /*-------------------------------------------------------------------------------------------------*/ .testimonialrotator { position:relative; } .testimonialrotator .testimonial{ position:absolute; top:0; left:0; display:none; padding:20px; } .testimonialrotator .testimonial .main_testimonial { font-style:italic !important} .testimonialrotator .testimonial:first-child{ position:relative; display:block;} .tp-leftarrow { display:block !important; background-color:rgba(0,0,0,0.3) !important; background-image:url(../img/arr-left-hover.png) !important; padding:0px !important; background-position:center center !important; width:42px !important; height:42px !important; border-radius:4px; } .tp-rightarrow { display:block !important; background-color:rgba(0,0,0,0.3) !important; background-image:url(../img/arr-right-hover.png) !important; padding:0px !important; background-position:center center !important; width:42px !important; height:42px !important; border-radius:4px; } .tp-rightarrow:hover { background-image:url(../img/arr-right.png) !important; background-color:rgba(255,255,255,1) !important;} .tp-leftarrow:hover { background-image:url(../img/arr-left.png) !important; background-color:rgba(255,255,255,1) !important;} .wpb_heading {font-weight:200 !important;} .white_text .vc_single_bar { color:#fff; } .mt-20 { margin-top:-20px;} .wpb_accordion_header a { color:inherit !important; font-size:12px; margin-left:15px; font-weight:bold;} .ui-accordion-header-icon { left:5px;} .wpb_accordion_section { border:1px solid #f1f1f1; margin-bottom:5px;} .wpb_accordion_header a { background:#ffffff !important;} .wpb_accordion_header a:focus { outline:none !important; border:none !important;} .wpb_accordion_header {outline:none; background-color:#ffffff;} .wpb_accordion_section { background:#fff;} .teaser_grid_container .post-thumb { margin-bottom:0px !important;} .wpb_teaser_grid .prev { background-color:#f1f1f1 !important; background-image:url(../img/arr-left.png) !important; padding:0px !important; background-position:center center !important; width:30px !important; height:30px !important; top:50% !important; } .wpb_teaser_grid .next { background-color:#f1f1f1 !important; background-image:url(../img/arr-right.png) !important; padding:0px !important; background-position:center center !important; width:30px !important; height:30px !important; margin-right:0px !important; top:50% !important; } .wpb_teaser_grid .next:hover { background-image:url(../img/arr-right-hover.png) !important; background-color:#3a3a3a !important;} .wpb_teaser_grid .prev:hover { background-image:url(../img/arr-left-hover.png) !important; background-color:#3a3a3a !important;} .in_line .prev { left:10px !important; top:110px !important; background-color:#fff !important;} .in_line .next { right:10px !important; top:110px !important; background-color:#fff !important;} .mt-10px { margin-top: -10px !important;} .in_line { margin-bottom:-15px !important;} .partners img { opacity:1; border:1px solid #f6f6f6; } .partners img:hover { opacity:0.7; } .colored { color:#3B5BA8 !important} .wpb_animate_when_almost_visible { opacity: 0; } .wpb_start_animation.wpb_top-to-bottom { -webkit-animation: wpb_ttb .7s 1 cubic-bezier(.175, .885, .32, 1.275); -moz-animation: wpb_ttb .7s 1 cubic-bezier(.175, .885, .32, 1.275); -o-animation: wpb_ttb .7s 1 cubic-bezier(.175, .885, .32, 1.275); animation: wpb_ttb .7s 1 cubic-bezier(.175, .885, .32, 1.275); opacity: 1; } .wpb_start_animation.wpb_bottom-to-top { -webkit-animation: wpb_btt .7s 1 cubic-bezier(.175, .885, .32, 1.275); -moz-animation: wpb_btt .7s 1 cubic-bezier(.175, .885, .32, 1.275); -o-animation: wpb_btt .7s 1 cubic-bezier(.175, .885, .32, 1.275); animation: wpb_btt .7s 1 cubic-bezier(.175, .885, .32, 1.275); opacity: 1; } .wpb_start_animation.wpb_left-to-right { -webkit-animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275); -moz-animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275); -o-animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275); animation: wpb_ltr .7s 1 cubic-bezier(.175, .885, .32, 1.275); opacity: 1; } .wpb_start_animation.wpb_right-to-left { -webkit-animation: wpb_rtl .7s 1 cubic-bezier(.175, .885, .32, 1.275); -moz-animation: wpb_rtl .7s 1 cubic-bezier(.175, .885, .32, 1.275); -o-animation: wpb_rtl .7s 1 cubic-bezier(.175, .885, .32, 1.275); animation: wpb_rtl .7s 1 cubic-bezier(.175, .885, .32, 1.275); opacity: 1; } .wpb_start_animation.wpb_appear { -webkit-animation: wpb_appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -moz-animation: wpb_appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -o-animation: wpb_appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); animation: wpb_appear .7s 1 cubic-bezier(.175, .885, .32, 1.275); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } @-webkit-keyframes wpb_ttb { 0% { -webkit-transform: translate(0, -10%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } }@-moz-keyframes wpb_ttb { 0% { -moz-transform: translate(0, -10%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } }@-o-keyframes wpb_ttb { 0% { -o-transform: translate(0, -10%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } }@keyframes wpb_ttb { 0% { transform: translate(0, -10%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } }@-webkit-keyframes wpb_btt { 0% { -webkit-transform: translate(0, 10%); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } }@-moz-keyframes wpb_btt { 0% { -moz-transform: translate(0, 10%); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } }@-o-keyframes wpb_btt { 0% { -o-transform: translate(0, 10%); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } }@keyframes wpb_btt { 0% { transform: translate(0, 10%); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } }@-webkit-keyframes wpb_ltr { 0% { -webkit-transform: translate(-10%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } }@-moz-keyframes wpb_ltr { 0% { -moz-transform: translate(-10%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } }@-o-keyframes wpb_ltr { 0% { -o-transform: translate(-10%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } }@keyframes wpb_ltr { 0% { transform: translate(-10%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } }@-webkit-keyframes wpb_rtl { 0% { -webkit-transform: translate(10%, 0); opacity: 0; } 100% { -webkit-transform: translate(0, 0); opacity: 1; } }@-moz-keyframes wpb_rtl { 0% { -moz-transform: translate(10%, 0); opacity: 0; } 100% { -moz-transform: translate(0, 0); opacity: 1; } }@-o-keyframes wpb_rtl { 0% { -o-transform: translate(10%, 0); opacity: 0; } 100% { -o-transform: translate(0, 0); opacity: 1; } }@keyframes wpb_rtl { 0% { transform: translate(10%, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } }@-webkit-keyframes wpb_appear { 0% { -webkit-transform: scale(.5); opacity: .1; } 100% { -webkit-transform: scale(1); opacity: 1; } }@-moz-keyframes wpb_appear { 0% { -moz-transform: scale(.5); opacity: .1; } 100% { -moz-transform: scale(1); opacity: 1; } }@-o-keyframes wpb_appear { 0% { -o-transform: scale(.5); opacity: .1; } 100% { -o-transform: scale(1); opacity: 1; } }@keyframes wpb_appear { 0% { transform: scale(.5); opacity: .1; } 100% { transform: scale(1); opacity: 1; } } .wpb_gallery_slides { box-shadow:none !important; border:1px solid #f1f1f1 !important; padding:15px !important; margin-bottom:0px !important;} .oi_grid .wpb_gallery_slides { box-shadow:none !important; border:none !important; background: none !important; padding:0px !important;} .oi_grid .wpb_gallery_slides img:hover { opacity:0.6} .wpb_gallery_slides .blog_item { background:none !important; border:none !important; padding: 0px !important; margin-top:15px;} .wpb_gallery_slides .blog_head { margin-bottom:5px;} .wpb_gallery_slides .flex-control-nav { display:none} .wpb_gallery_slides .flex-direction-nav li { display:block !important; visibility:visible !important;} .flex-next, .flex-prev { border-radius:3px;} .flex-prev { background-color:#f1f1f1 !important; background-image:url(../img/arr-left.png) !important; padding:0px !important; background-position:center center !important; width:30px !important; height:30px !important; left:25px !important; opacity:1; display:block; top:35% !important; } .flex-next { background-color:#f1f1f1 !important; background-image:url(../img/arr-right.png) !important; padding:0px !important; background-position:center center !important; width:30px !important; height:30px !important; margin-right:0px !important; right:26px !important; opacity:1; display:block; top:35% !important; } .flex-next:hover { background-image:url(../img/arr-right-hover.png) !important; background-color:#3a3a3a !important;} .flex-prev:hover { background-image:url(../img/arr-left-hover.png) !important; background-color:#3a3a3a !important;} .mb60 { margin-bottom:60px !important;} .wpb_separator { border-bottom-color:#f1f1f1 !important; margin-top:30px !important; margin-bottom:30px !important;} .alignright { float:right;} .alignleft { float:left;} img.alignleft { margin-right:20px;} .aligncenter { text-align:center;} .bigh1 {font-size: 48px !important; margin-top:7px;} .btn{ height: auto !important;} #fields input { height:22px !important; text-align:left !important;} .wpb_posts_slider { margin-bottom:0px !important; margin-left:0px !important;} .first_on_page { margin-top:-60px !important;} .descr a:hover { color:#3B5BA8} .alert-warning .alert-warning { border:0px; padding-left:0px !important; padding-right:0px !important;} .btn.loading { color: #c1c1c1 !important; background:#f6f6f6 !important; border-color: #dedede !important} .btn.loading:before{ position:absolute; left:0; margin-left:50px; margin-top:4px; content: ''; background-image: url('http://html.orange-idea.com/splendor/wp-content/themes/splendor/assets/img/ajax-loader.gif') !important; width:16px !important; height:11px !important; display:block !important; background-repeat:no-repeat; } .product_cont { position:relative} .woo_alert { margin-bottom:0px; padding:0px !important;} .woo_alert .alert-warning { padding:20px !important; margin-bottom:0px !important; margin-top:0px !important;} .alert-warning { padding-right:15px;} .oi_check_mini a{ color:#fff !important} .price_slider { width:60px !important} .wpb_widgetised_column .menu { float:none !important;} .wpb_widgetised_column .menu li a { text-decoration: none; background-image: url(https://html.orange-idea.com/builder/wp-content/themes/builder/assets/img/arr-right-mini.png); background-position:7px center; background-repeat:no-repeat; padding-left:18px !important; background-color:#f6f6f6 !important; padding:3px; display: block; } .wpb_widgetised_column .menu li { padding-left:0px !important; border:none; margin-bottom:2px;} .wpb_widgetised_column .menu li li a:after { border:none !important; display:none !important;} .wpb_widgetised_column .menu li li a { border: none !important; background:none !important; text-transform:none; font-weight:normal; margin-left:0px; color:#777; } .wpb_widgetised_column .menu li li{ background-position:left center; margin-left:0px !important; float:left; } .wpb_widgetised_column .menu li li:first-child{ margin-top:10px !important;} .wpb_widgetised_column .menu li li:last-child{ margin-bottom:10px !important;} .wpb_widgetised_column .menu li li a:before { content:'- '; float:left; display:block; margin-top:9px; margin-left:-5px; margin-right:10px; font-size:14px; color:#777} .wpb_widgetised_column .well { border:none !important;} .blog_sidebar .menu li li:hover {background-position:left center; background-repeat:no-repeat; background-color: transparent !important; background-image: url(http://html.orange-idea.com/builder/wp-content/themes/builder/assets/img/arr-right-mini.png);} .wpb_widgetised_column .well { padding-top:0px;} .show-grid { margin-top: 10px; margin-bottom: 20px; } .show-grid [class*="span"] { background-color: #eee; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 30px; line-height: 30px; } .show-grid:hover [class*="span"] { background: #ddd; } .show-grid .show-grid { margin-top: 0; margin-bottom: 0; } .show-grid .show-grid [class*="span"] { background-color: #ccc; } h1,h2,h3,h4,h5,h6 { font-weight:300 !important} .label, .badge{ font-weight:normal !important; text-shadow:none !important ;background-color: #f1f1f1; color:#777777; border: 1px solid #e5e4e4} .label-success, .badge-success {background-color: #dff0d8; color:#468847; border: 1px solid #D6E9C6} .label-warning, .badge-warning { background-color:#FCF8E3; color:#C09853; border:1px solid #FBEED5} .label-important, .badge-error { background-color:#F2DEDE; color:#B94A48; border:1px solid #EED3D7} .label-info, .badge-info { background-color:#D9EDF7; color:#3A87AD; border:1px solid #BCE8F1} .label-inverse, .badge-inverse { background-color:#3a3a3a; color:#ffffff; border:1px solid #333;} .badge { line-height:20px; border-radius:20px;} .wpb_toggle, .wpb_accordion_header { border:1px solid #ededed; padding:5px; border-radius:3px; font-size:14px !important; background:url(../img/down_right-16.png) no-repeat 5px center !important; background-color: #fff !important;} .wpb_toggle_title_active {background:url(../img/down_right-16-active.png) no-repeat 5px center !important; color:#000; background-color:#f6f6f6 !important;} .wpb_toggle_content { border-left:1px solid #ededed} .wpb_toggle { margin-bottom:5px !important;} .wpb_button { text-shadow:none !important;} .add_to_cart_button, .btn { border-radius:3px !important} .wpb_btn-primary {background-color:#3B5BA8 !important; border:1px solid #e05100 !important} .wpb_btn-primary:hover { background-color:#e05100 !important;} .wpb_btn-large { font-size:22px !important; line-height:22px !important; font-weight:300 !important; padding:10px !important; padding-left:25px !important; padding-right:25px !important;} .wpb_button { font-family:'Open Sans'} .wpb_btn-info {background-color:#04bfea !important; border:1px solid #08a4c8 !important} .wpb_btn-info:hover { background-color:#00b4dd !important} .wpb_btn-success {background-color: #aec71e !important; border: 1px solid #97b00a !important} .wpb_btn-success:hover {background-color: #a1bc04 !important;} .wpb_btn-warning { background-color:#ecc600 !important; border:1px solid #d2b000 !important} .wpb_btn-warning:hover { background-color:#d6b610 !important;} .wpb_btn-danger {background-color:#B94A48 !important; border:1px solid #a53a38 !important} .wpb_btn-danger:hover {background-color:#963d3b !important;} .ui-accordion-header-icon { display:none !important;} .wpb_accordion_section { border:none !important; background: none !important;} .wpb_accordion_content { background: none !important; padding:0px !important; padding-left:25px !important; border-left: 1px solid #ededed !important;} .wpb_accordion_header a { font-family:'Open Sans' !important; font-weight:300 !important; font-size:14px !important; padding-top:5px !important; padding-bottom:0px !important} .ui-accordion-header-active{background:url(../img/down_right-16-active.png) no-repeat 5px center !important; color:#000; background-color:#f6f6f6 !important;} .wpb_accordion_header a { padding-left:4px !important;} .wpb_tabs .ui-state-default { background-color:#fff !important; border:1px solid #ededed; font-size:14px !important; font-family:'Open Sans' !important; font-weight:300 !important;} .wpb_tabs_nav li { margin-left:-4px !important;} .wpb_tabs_nav li:first-child { margin-left:0px !important; border-radius:3px 0px 0px 0px !important } .wpb_tabs .ui-tabs-active { background-color:#f6f6f6 !important; border-bottom-color:#f6f6f6 !important;} .wpb_tabs_nav li:last-child { border-radius:0px 3px 0px 0px !important } .wpb_tab { border:1px solid #ededed !important; margin-top:-1px;} .wpb_tabs .ui-state-default a { color: inherit !important; padding-left:25px !important; background:url(../img/down_right-16.png) no-repeat 5px center !important;} .wpb_tabs .ui-tabs-active a { color:#000 !important;} .wpb_tabs .ui-tabs-active a {background:url(../img/down_right-16-active.png) no-repeat 5px center !important;} .wpb_accordion_section .wpb_wrapper { padding-top:10px; padding-bottom:10px;} .descr p { margin-bottom:0px;} .oi_box { padding:20px; padding-top:50px; text-align:center; background:#ffffff; margin-top:32px;} .oi_box .wpb_button { margin-bottom:0px;} .oi_box { position:relative; margin-bottom:40px !important;} .oi_box_icon { } a.wpb_button { text-decoration:none !important;} .icon_holder {position:absolute; top:-32px; left:50%; margin-left:-32px; width:64px; height:64px; border-radius:64px;} .oi_box_ii {padding:20px; text-align:center; background:#ffffff; margin-bottom:40px;} .icon_holder_ii {width:64px; height:64px; border-radius:64px; margin:0 auto; margin-bottom:15px;} .oi_box_iii,.oi_box_iv, .achievements { margin-bottom:40px; } .icon_holder_iii img { float:left; margin-right:10px; margin-bottom:10px;} .icon_holder_iii h3 { line-height:30px; font-weight:normal !important; font-size:18px;} .icon_holder_iv .cont_holder_iv h3 { line-height:26px !important;} .achievements h3 { font-size:100px !important; line-height:100px; font-style:italic; font-weight:300 !important} .achievements { text-align:center;} .testimonial_i { padding:25px;} .testimonial_i h3 { font-weight:normal !important; font-size:16px !important; line-height:16px !important; margin-bottom:1px !important;} .testimonial_i h5 { font-size:12px !important;} .testimonial_i_holder { padding-left:10px;} .testimonial_i_holder { margin-top:15px;} .main_testimonial_i p { font-style:italic;} .testimonial_i_holder hr { margin-bottom:5px !important;} .star_rating { height:20px; background:url(../img/bullet_star.png); max-width:98px !important; position:absolute; margin-top:1px;} .t_comapny { text-align:right;} h3.colored { color:#3B5BA8 !important} .t_comapny a { text-decoration:none; font-style:italic; padding-top:10px !important;} .blank_rating { height:20px;background:url(../img/blank_rating.png); width:98px; position:absolute; margin-top:-2px; opacity:0.3} .testimonial_i_holder hr {border-top-color: rgba(0,0,0,0.06)} a.next, a.prev { border-radius:3px; top:50% !important} a.prev { margin-right:10px !important;} .wpb_accordion_content { padding:0px !important; border:none !important} .wpb_accordion_content .wpb_content_element .wpb_wrapper { padding:0px !important; padding-left:30px !important; border-left:1px solid #ededed !important; margin-top:15px !important; margin-bottom:15px !important;} .oi_slider .oi_blog_shortcode .blog_head h3 { margin-bottom:20px !important;} .mb-20 { margin-bottom:-20px !important;} .mb0 { margin-bottom:0px !important;} .mb20 { margin-bottom:20px !important;} .subpage_block { display:block; float:left; font-size:11px;} .subpage_breadcrumbs_dv{ float:left; font-size:11px !important; display:inline-block;} .fs10 { font-size:11px !important; line-height:22px; float:right;} .fs10 .bbp-breadcrumb p{ margin:0px !important; font-size:11px !important; margin-top:-1px !important;} .fs10 .bbp-breadcrumb-sep { margin-left:3px; margin-right:3px;} .here { float:right; font-size:11px; line-height:22px; margin-right:10px; color:#777777 } .oi_break p:empty { display:none !important} .oi_break p:last-child { margin-bottom:0px !important;} .oi_break .wpb_map_wraper { padding:0px !important;} .woocommerce-breadcrumb.sticky {display: none;} .woocommerce-breadcrumb { z-index:1 !important;} .stripes { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-animation: animate-stripes 3s linear infinite; -moz-animation: animate-stripes 3s linear infinite; } @-webkit-keyframes animate-stripes { 0% {background-position: 0 0;} 100% {background-position: 60px 0;} } @-moz-keyframes animate-stripes { 0% {background-position: 0 0;} 100% {background-position: 60px 0;} } .widget-odd,.widget-even { padding:0px !important;} .vc_pie_chart_back { background-color:#ffffff !important; box-shadow:1px 1px 1px #eee; border-width:20px !important;} .vc_pie_chart_value { font-family:"Open Sans" !important; color:#ededed !important;} .fs10 .woocommerce-breadcrumb a {color: #3B5BA8 !important; font-size:11px !important; } .fs10 .woocommerce-breadcrumb {margin-bottom:0px !important; font-size:11px !important;} .cont_holder_iv p:empty{ display:none !important; margin-bottom:0px !important;} .cont_holder_iv p:nth-child{odd} { display:none !important; margin-bottom:0px !important;} .cont_holder_iv a span { margin-bottom:0px !important;} .mt40 { margin-top:40px !important;} .vc_team_member_holder h3 { margin-bottom:-4px !important; font-weight:normal !important; margin-top:10px;} .vc_team_member_holder h5 { margin-bottom:10px !important;} .vc_team_member_holder { background:#fff;} .oi_cont_holder { padding:15px; border:1px solid #ededed; border-top:none;} .vc_team_member_image_holder { position:relative; overflow:hidden;} .oi_mask_holder { position:absolute; background:rgba(255,255,255,0); display:block; visibility:hidden; top:0; width:101%; height:101%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-backface-visibility: hidden; /* fix for twitch*/ backface-visibility:hidden; /* fix for twitch*/ } .oi_mask { position:absolute; text-align:center; margin:0 auto; top:50%; display:inline-block; width:100%; color:#F00;} .inner_img_holder { text-align:center;} .vc_team_member_image_holder:hover .oi_mask_holder { background:rgba(255,255,255,0.4); visibility:visible; } .oi_icons a{ display:inline-block; margin:0 auto; background-position:center; background-repeat:no-repeat; width:40px !important; height:40px !important; -webkit-backface-visibility: hidden; /* fix for twitch*/ zoom:1; margin-left:-1px; visibility:hidden; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-backface-visibility: hidden; /* fix for twitch*/ backface-visibility:hidden; /* fix for twitch*/ opacity:0; margin-right:4px; margin-top:-20px; } .vc_team_member_image_holder:hover .oi_icons a { visibility:visible; opacity:0.7; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-backface-visibility: hidden; /* fix for twitch*/ backface-visibility:hidden; /* fix for twitch*/ } .oi_mask h5{ opacity:0; margin-bottom:30px !important; margin-top:-40px; display:block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-backface-visibility: hidden; /* fix for twitch*/ backface-visibility:hidden; /* fix for twitch*/ } .vc_team_member_image_holder:hover .oi_mask h5 { opacity:1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-backface-visibility: hidden; /* fix for twitch*/ backface-visibility:hidden; /* fix for twitch*/ } .oi_mask h5 span { display:inline-block; background:#fff; padding:5px; border-radius:4px;} .oi_icons a:hover { opacity:1 !important;} .oi_icons .oi_fb {background-image:url('../img/t_facebook.png');} .oi_icons .oi_tw{background-image:url('../img/t_twitter.png')} .oi_icons .oi_gplus{background-image:url('../img/t_google_plus.png')} .oi_icons .oi_in{background-image:url('../img/t_linkedin.png')} .oi_icons .oi_mail{background-image:url('../img/t_email.png')} .oi_price_holder{ text-align:center !important; border:1px solid #f1f1f1; margin-bottom:40px;} .oi_price_holder .oi_price_head { padding:10px; background:rgba(0,0,0,0.05)} .oi_price_price { border-top:1px solid rgba(255,255,255,0.2); margin:0px !important; padding:15px 0px; padding-bottom:25px;} .oi_price_ul ul { margin:0px !important; list-style:none !important; background:#ffffff;} .oi_price_ul li { list-style:none !important; padding-left:0px; padding-top:10px; padding-bottom:10px;} .oi_price_ul li:last-child { border-bottom:0px !important;} .oi_price_ul li:nth-child(even) { background:#f9f9f9; border-top:1px solid #ededed; border-bottom:1px solid #ededed; color:#3a3a3a} .oi_price_ul p:empty { display:none !important;} .oi_price_order { border-top:1px solid #ededed; padding: 30px 0px;} .oi_price_price h1 { font-size:80px !important; line-height:70px !important; font-weight:bold !important; margin-left:18px;} .oi_price_price h1 span { vertical-align:super; font-size:32px; font-weight:normal !important;} .oi_price_ul p:last-child { display:none;} .oi_price_holder.spec { margin-top:-20px !important;} .oi_price_holder.spec .oi_price_head{ padding:20px;} .left_sidebar .well { padding-left:0px !important; padding-right:20px !important;} .oi_right_sidebar .menu { float:none !important;} .oi_right_sidebar .menu li a { text-decoration: none; background-image: url(https://html.orange-idea.com/builder/wp-content/themes/builder/assets/img/arr-right-mini.png); background-position:7px center; background-repeat:no-repeat; padding-left:18px !important; background-color:#f6f6f6 !important; padding:3px; display: block; } .oi_right_sidebar .menu li { padding-left:0px !important; border:none; margin-bottom:2px;} .oi_right_sidebar .menu li li a:after { border:none !important; display:none !important;} .oi_right_sidebar .menu li li a { border: none !important; background:none !important; text-transform:none; font-weight:normal; margin-left:0px; color:#777; } .oi_right_sidebar .menu li li{ background-position:left center; margin-left:0px !important; float:left; } .oi_right_sidebar .menu li li:first-child{ margin-top:10px !important;} .oi_right_sidebar .menu li li:last-child{ margin-bottom:10px !important;} .oi_right_sidebar .menu li li a:before { content:'- '; float:left; display:block; margin-top:9px; margin-left:-5px; margin-right:10px; font-size:14px; color:#777} .clo { color:#999999;} i { margin-right:0px !important;} .oi_span3 { width:24.98% !important;} .oi_span4 { width:33.3333333% !important;} .oi_span6 { width:50% !important} .oi_span3.block, .oi_span4.block, .oi_span6.block { margin-left:0px; margin-bottom:0px !important; position:relative; overflow:hidden !important;} .oi_code_for_portfolio .descr { padding:20px 0px !important; border:none !important; position:absolute; bottom:0; left:0; width:100%; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-backface-visibility: hidden; /* fix for twitch*/ backface-visibility:hidden; /* fix for twitch*/ } .oi_span3:hover .descr, .oi_span4:hover .descr, .oi_span6:hover .descr { visibility:visible; opacity:0.9; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-backface-visibility: hidden; /* fix for twitch*/ backface-visibility:hidden; /* fix for twitch*/ } .oi_code_for_portfolio .my_is{ margin:0px !important;} .modern_hr { margin-top:20px !important;} .oi_box_ii p:last-child(n-1) { margin-bottom:0px;} .oi_box_ii .wpb_button { margin-bottom:0px} button:focus { outline: none !important;} .home_paralax { position: relative; margin: 0 auto; width: 100%; background-size:auto; background-position:100% 0; } .home_paralax_one { position: relative; margin: 0 auto; width: 100%; background: url("http://wallpapersblog.org/wp-content/uploads/minimal-ocean-sea-full-hd-wallpaper-clouds-amazing-wallpaper.jpg") fixed; background-position:top center !important; background-size:auto; } .home_paralax span { text-shadow:2px 2px 2px #000} .nicescroll-rails { background:rgba(233,232,228, 0.3); padding:7px; z-index:12 !important} .nicescroll-rails div { background:rgba(150,150,150, 0.7) !important; border:none !important;} .nicescroll-rails div:hover, .nicescroll-rails:hover{ cursor:pointer !important;} .video_background { bottom: 0px; right: 0px; left:0px; top:0px; z-index: -1000; overflow: hidden; } .oi_video_bg video { width: 100% !important; } .mute_unmute_play_pause { position:absolute; left:50%; bottom:20px; z-index:2; margin-left:-60px; background:#fff; height:20px; padding:5px; padding-top:8px; border-radius:3px; } .mute_unmute_play_pause a { opacity:0.7; display:inline-block; width:16px; height:16px; background-size:contain; padding-left:6px; padding-right:6px; border-left:1px solid rgba(128,128,128,0.3) } .mute_unmute_play_pause a:hover { opacity:1;} .mute_unmute_play_pause a:first-child { border-left:0px;} .muted { background:url('../img/un_mute.png') 10px center; display:inline-block; background-repeat:no-repeat; padding-left:10px !important; } .un_muted { background:url('../img/mute.png') 10px center; display:inline-block; background-repeat:no-repeat; padding-left:10px !important; } .full_screen { background:url('../img/full_screen.png') center center; display:inline-block; background-repeat:no-repeat; } .play_video { background:url('../img/play_video.png') center center; display:inline-block; background-repeat:no-repeat; border-left:0px !important; } .pause_video { width:30px; height:30px; background:url('../img/pause_video.png') center center; display:inline-block; background-repeat:no-repeat; } .mute_unmute_play_pause a:hover { cursor:pointer;} .oi_video_bg { overflow:hidden !important; color:#000 !important; position:relative;} .vid_bg_content { position:absolute; width:100%;} .vbg_poster_controls { position:absolute; top:40px; left:40px; padding:30px; background:rgba(255,255,255,0.4); color:#fff; } .vbg_poster_controls h2 { color:#FFF;} .simple_bg_break_img_holder { width: 50%; background-position:center right; float: left; text-align: right; } .simple_bg_break_content_holder { width: 50%; background: #e9e8e4; float: left; text-align: left; } .simple_bg_break_content_holder_div { padding:60px;} .simple_bg_break_content_holder_div p:last-child { margin:0px !important;} .poster_block { width:100%; position:absolute; top:0; left:0; background-size:cover; background-repeat:no-repeat;} .vbgg video{ position:absolute !important; z-index:1 !important; top:0; left:0; width:auto !important; } /* Firefox Only */ .ipad_bg { position:absolute; width:100%; height:100%; visibility:hidden;} .vid_bgg .vid_bg_content { z-index:2} .vbgg video { position:absolute !important;} .blog_sidebar li { border:none !important;} a.sp_product_title:hover { text-decoration:none !important; color:#ff5c00 !important} a.sp_product_title h5:hover { color:#3B5BA8 !important} .oi_single_prev{ margin-bottom:20px !important;} .price_slider { width:160px !important;} .price_label { font-size:11px !important;} .price_label button i { display:none;} .oi_cat_title { padding:20px; background:#f6f6f6; text-align:center;} .oi_cat_title mark { background:none;} .oi_cat_title h3 { font-size:16px; line-height:20px;} .oi_mark_count mark { text-align:center; color:#555555 !important} .oi_cat_title h4 a { color: #3a3a3a; text-decoration:none;} .oi_cat_title h4 a:hover { color:#3B5BA8} .oi_cat_title hr { margin-top:0px; margin-bottom:10px;} .price_slider a:hover { cursor:pointer !important;} .price_slider a:focus { cursor:pointer !important;} .order-actions a:hover { cursor:pointer} .dl-menuwrapper { width: 100%; max-width: 300px; float: left; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } .dl-menuwrapper:first-child { margin-right: 100px; } .dl-menuwrapper button { background: #ccc; border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; margin-bottom:20px; margin-top:20px; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active { background: #f6f6f6; } .dl-menuwrapper ul { background:#fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .dl-menuwrapper ul ul { box-shadow:none !important; } .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; border-bottom:1px solid #f6f6f6; } .dl-menuwrapper li a { display: block; position: relative; padding: 10px 15px; font-size: 14px; line-height: 28px !important; font-weight: 300; outline: none; height:20px !important; } .no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); } .dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); background-image:url('https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/back-16.png'); background-repeat: no-repeat; background-position:10px 15px } .dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(212,204,198,0.3); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); } .dl-menuwrapper .dl-menu { margin: 0 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 85px; left: 0; margin: 0; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; -moz-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; -moz-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; -moz-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; -moz-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; } @-webkit-keyframes MenuAnimOut1 { 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-webkit-keyframes MenuAnimOut2 { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimOut3 { 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut4 { 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut5 { 100% { -webkit-transform: translateY(40%); opacity: 0; } } @-moz-keyframes MenuAnimOut1 { 50% { -moz-transform: translateZ(-250px) rotateY(30deg); } 75% { -moz-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-moz-keyframes MenuAnimOut2 { 100% { -moz-transform: translateX(-100%); opacity: 0; } } @-moz-keyframes MenuAnimOut3 { 100% { -moz-transform: translateZ(300px); opacity: 0; } } @-moz-keyframes MenuAnimOut4 { 100% { -moz-transform: translateZ(-300px); opacity: 0; } } @-moz-keyframes MenuAnimOut5 { 100% { -moz-transform: translateY(40%); opacity: 0; } } @keyframes MenuAnimOut1 { 50% { transform: translateZ(-250px) rotateY(30deg); } 75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut2 { 100% { transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut3 { 100% { transform: translateZ(300px); opacity: 0; } } @keyframes MenuAnimOut4 { 100% { transform: translateZ(-300px); opacity: 0; } } @keyframes MenuAnimOut5 { 100% { transform: translateY(40%); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; -moz-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; } .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; -moz-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; } .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; -moz-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; -moz-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes MenuAnimIn1 { 0% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -moz-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -moz-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-moz-keyframes MenuAnimIn2 { 0% { -moz-transform: translateX(-100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn3 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn4 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes MenuAnimIn5 { 0% { -moz-transform: translateY(40%); opacity: 0; } 100% { -moz-transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn3 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn4 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { transform: translateY(40%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; -moz-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; -moz-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; -moz-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; -moz-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @-moz-keyframes SubMenuAnimIn1 { 0% { -moz-transform: translateX(50%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn2 { 0% { -moz-transform: translateX(100%); opacity: 0; } 100% { -moz-transform: translateX(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn3 { 0% { -moz-transform: translateZ(-300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn4 { 0% { -moz-transform: translateZ(300px); opacity: 0; } 100% { -moz-transform: translateZ(0px); opacity: 1; } } @-moz-keyframes SubMenuAnimIn5 { 0% { -moz-transform: translateZ(-200px); opacity: 0; } 100% { -moz-transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { transform: translateX(50%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn3 { 0% { transform: translateZ(-300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn4 { 0% { transform: translateZ(300px); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { transform: translateZ(-200px); opacity: 0; } 100% { transform: translateZ(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; -moz-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; -moz-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; -moz-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; -moz-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut1 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(50%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut2 { 0% { -moz-transform: translateX(0%); opacity: 1; } 100% { -moz-transform: translateX(100%); opacity: 0; } } @-moz-keyframes SubMenuAnimOut3 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform: translateZ(-300px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut4 { 0% { -moz-transform: translateZ(0px); opacity: 1; } 100% { -moz-transform: translateZ(300px); opacity: 0; } } @-moz-keyframes SubMenuAnimOut5 { 0% { -moz-transform: translateZ(0); opacity: 1; } 100% { -moz-transform: translateZ(-200px); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { transform: translateX(0%); opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut3 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(-300px); opacity: 0; } } @keyframes SubMenuAnimOut4 { 0% { transform: translateZ(0px); opacity: 1; } 100% { transform: translateZ(300px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { transform: translateZ(0); opacity: 1; } 100% { transform: translateZ(-200px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } .dl-submenu {margin-left:0px;} #dl-menu a {text-decoration:none !important; color: #3a3a3a !important} #dl-menu { display:none;} .dl-menuopen { display:block;} .dl-active { background:#3a3a3a !important;} #dl-menu li { width:100%; float:left; } #dl-menu li a { text-align:left;} #dl-menu { display:none;} .dl-submenu { margin-left:0px !important;} #dl-menu li { margin-left:0px;} #dl-menu { margin-top:0px !important;} .tp-bannertimer { height:4px !important; background:#fff !important; box-shadow:0px 1px 3px #ededed !important;} .dl-submenu {margin-left:0px;} .dl-menu a {text-decoration:none !important; color: #3a3a3a !important} .dl-menu { display:none;} .dl-menu ul { float:none;} .dl-menuopen { display:block;} .dl-active { background:#3a3a3a !important;} .dl-menu li { float:none; width:100% } .dl-menu li a { text-align:left;} #dl-menu { display:none;} .dl-menu { margin-top:0px !important;} .dl-menu li:hover { background-color:#f6f6f6} .dl-submenu li.menu-item { margin:0px !important;} .oi_big_h {font-size: 90px !important; line-height: 90px !important;} .order-actions a { display:block; padding:0px !important;} .footer .well { line-height:20px !important; background-color:rgba(255,255,255, 0.05) !important; border:none; border-radius:0px !important; box-shadow:none; padding:20px !important;} .footer button { margin-bottom:0px;} .footer .well h6 { font-weight:bold !important; text-transform:uppercase;} .mb10 { margin-bottom:10px} .oi_slide_btn { color:#fff !important} .near_title .prev, .near_title .next { top:0px !important;} .wpb_teaser_grid_heading { font-size:24px !important;} .head_alert .alert-warning { padding-left:0px !important; padding-right:0px !important; border:0px;} #menu-item-id-3720 a { padding-left:40px; background:url('https://cdn2.iconfinder.com/data/icons/ios-7-icons/50/info-16.png') 20px 6px; background-repeat:no-repeat; color:#000 !important; } .oi_half_paralxx_cont { overflow:hidden !important;} .blog_sidebar .menu { float:none !important;} .blog_sidebar .menu li a { text-decoration: none; background-image: url(https://html.orange-idea.com/builder/wp-content/themes/builder/assets/img/arr-right-mini.png); background-position:7px center; background-repeat:no-repeat !important; padding-left:18px !important; background-color:#f6f6f6 !important; padding:3px; display: block; } .blog_sidebar .menu li li { background-image:none !important;} .blog_sidebar .menu li { padding-left:0px !important; border:none; margin-bottom:2px; float:left; width:100% !important; } .blog_sidebar .menu li li { background: none !important;} .blog_sidebar .menu li li a:after { border:none !important; display:none !important;} .blog_sidebar .menu li li a { border: none !important; background:none !important; text-transform:none; font-weight:normal; margin-left:0px; color:#777; float:left; } .blog_sidebar .menu li li{ background-position:left center; margin-left:0px !important; float:left; } .blog_sidebar .menu li li:first-child{ margin-top:10px !important;} .blog_sidebar .menu li li:last-child{ margin-bottom:10px !important;} .blog_sidebar .menu li li a:before { content:'- '; float:left; display:block; margin-top:9px; margin-left:-5px; margin-right:10px; font-size:14px; color:#777} .blog_sidebar .well { border:none !important;} .blog_sidebar .menu li li:hover {background-position:left center; background-repeat:no-repeat; background-color: transparent !important; background-image: url(https://html.orange-idea.com/builder/wp-content/themes/builder/assets/img/arr-right-mini.png);} .blog_sidebar .well { padding-top:0px;} .blog_sidebar .menu li ul { display:none;} .blog_sidebar .menu li.current-menu-item ul { display:block !important; float:none !important;} .blog_sidebar .current-menu-ancestor ul { display:block !important; float:none !important;} .blog_sidebar .current-menu-ancestor ul li a { color:#777 !important; background:none !important;} .blog_sidebar .menu .current_page_parent .current_page_item { background-color:#fdfdfd !important;} .blog_sidebar .menu .current_page_parent .current_page_item a { background-color:#fdfdfd !important; color:#ff5c00 !important} .blog_sidebar .menu li , .blog_sidebar .menu li ul, .blog_sidebar .menu li li a { background:none !important;} .blog_sidebar .menu li li:last-child { margin-bottom:10px !important;} .blog_sidebar .menu li.current-menu-item li a { color:#777 !important} .left_sidebar .well { padding-right:0px !important;} .page_head .alert-warning { margin-bottom:15px !important;} .blog_item p:empty:last-child { display:none;} .footer .wpb_btn-small{ font-size:12px !important;} .wp-caption {} .wp-caption-text {} .gallery-caption {} .bypostauthor {} ul.cart_list.product_list_widget li { padding-left:0px ;} .mini_shop_cont a:not(.remove) { display:block; font-weight:bold;} /*Splendor responsive*/ @media (min-width: 768px) and (max-width: 980px) { .menu ul li ul, .menu ul li:not(.sub) ul ul{ display:none !important} .menu ul li.sub ul { display:none !important;} .menu ul li.sub:hover ul { visibility:visible !important; opacity:1; display:block !important; } .menu ul li:hover ul, .menu ul li:not(.sub) li:hover ul { visibility:visible !important; opacity:1; display:block !important; } } @media (min-width: 980px) and (max-width: 1200px) { .menu ul li ul, .menu ul li:not(.sub) ul ul{ display:none !important} .menu ul li.sub ul { display:none !important;} .menu ul li.sub:hover ul { visibility:visible !important; opacity:1; display:block !important; } .menu ul li:hover ul, .menu ul li:not(.sub) li:hover ul { visibility:visible !important; opacity:1; display:block !important; } } @media (min-width: 1170px) { } @media (min-width: 980px) and (max-width: 1170px) { .price_slider_wrapper .ui-slider { width:160px !important;} .mini_shop_cont { width:128px !important;} .oi_check_mini { padding-right:0px !important;} ul#cbox li:nth-child(3n+3) { margin-right: 0px !important; } ul#cbox li:nth-child(4n+4) { margin-right: 10px !important; } .rev_slider_wrapper a.btn { font-size:14px !important; line-height:18px !important; padding:6px !important;} .concept_title h1 { font-size:24px !important; line-height:28px !important;} .oi_hide_tabl { display:none;} } @media (min-width: 767px) and (max-width: 980px) { .price_slider_wrapper .ui-slider { width:106px !important;} .concept_title h1 { font-size:20px !important; line-height:28px !important;} .oi_hide_tabl { display:none;} body { padding:0px !important; margin:0px !important} .menu { display:none} #dl-menu { display:block !important;} .my_log .btn { padding-left:4px; padding-right:4px} .blog_sidebar #searchform input { width:85px !important} ul#cbox li:nth-child(3n+3) { margin-right: 10px !important;} ul#cbox li:nth-child(2n+2) { margin-right: 10px !important;} .header_three .head_contacts { display:none;} .sticky { display:none !important;} .product_cont div { display:none !important;} .achievements h3 { font-size:80px !important; line-height:80px; font-style:italic; font-weight:300 !important} .oi_cont_holder .label { font-size:10px !important} .oi_big_h { font-size:70px !important; line-height: 70px !important;} .sp_sort { display:none;} .mini_shop_img { display:none;} .total img { display:none;} .oi_check_mini a { font-size:9px; padding:3px !important;} .price_slider { width:106px !important;} .price_label button { float:left !important; margin-top:10px;} .blog_sidebar .menu { display:block} .oi_head_one .dl-menu { left:0px !important; top:91px !important;} .head_contacts { font-size:11px;} .head_contacts .icon_mail { margin-right:10px;} .head_contacts .phone span { padding-left:1px; padding-right:1px;} .header_two #logo .logo_not_sticky { position:absolute;} .header_two .dl-menuwrapper { float:right !important; text-align:right !important; margin-right:0px;} .oi_head_one .dl-menuwrapper { float:right !important; text-align:right !important; margin-right:0px;} .oi_head_one #logo .logo_not_sticky { position:absolute;} .header_four #logo .logo_not_sticky { position:absolute;} .header_four .dl-menuwrapper { float:right !important; text-align:right !important; margin-right:0px;} .header_four .dl-menu { left:0px !important; top:91px !important;} ul#cbox li a img { width:63px;} .mini_shop_cont { width:128px !important;} .oi_check_mini { padding-right:0px !important;} ul#cbox li:nth-child(3n+3) { margin-right: 10px !important; } ul#cbox li:nth-child(4n+4) { margin-right: 10px !important; } .rev_slider_wrapper a.btn { font-size:12px !important; line-height:16px !important; padding:6px !important;} .oi_hide_tabl_port { display:none !important} } /*Landscape phones and down*/ @media (max-width: 480px) { body { padding:0px;} .container { padding:0 20px;} } @media (min-width: 480px) and (max-width: 767px) { body { padding:0px;} .container { padding:0 20px;} .header_banner { display: none;} .head_contacts { float:right !important;} .menu { display:none} #dl-menu { display:block !important;} .social_text { position:absolute; right:0px; margin-top:10px !important; margin-right:20px;} .sticky { position:relative; display:none;} ul#cbox li a img { width:55px;} ul#cbox li:nth-child(3n+3) { margin-right: 10px !important;} ul#cbox li:nth-child(2n+2) { margin-right: 0px !important;} .mini_shop_cont { width:70%} .mini_shop_img { width:25%} .oi_price_price h1 { font-size:50px !important; line-height:60px !important;} .oi_price_head h4 { font-size:16px !important;} .oi_price_ul { font-size:11px} .oi_price_ul i { display:none ;} .oi_code_for_portfolio .oi_span3 { width:100% !important} .flex-prev, .flex-next { top:70px !important;} .simple_bg_break, .simple_bg_break_img_holder, .simple_bg_break_content_holder { width:100% !important; border:0px !important;} .simple_bg_break_content_holder { margin-bottom:40px;} .vc_team_member_holder .oi_icons a { width:20px; height:20px; background-size:contain;} .vc_team_member_holder h3 { font-size:14px; line-height:30px;} .vc_team_member_holder .label { font-size:9px;} .orderbyul, .sp_sort { display:none} .fs10 { float:left} .here { display:none;} .actions input { margin-bottom:20px;} .shop_table .product-thumbnail, .shop_table .product-quantity { display:none !important;} .shop_table .actions input { float:left; display:block; margin-bottom:10px !important; margin-right:10px !important;} .checkout .col-1, .checkout .col-2 { width:100% !important; margin-bottom:40px !important;} #shiptobilling { float:left !important;} .orderbyul, .sp_sort { display:none} .fs10 { float:left} .here { display:none;} .blog_sidebar .well { padding:0px !important;} .blog_sidebar{ margin-top:30px;} .header_two .search { display:none} .header_two .head_contacts { float:left !important;} .rev_slider_wrapper a.btn { font-size:7px !important; line-height:10px !important; padding:5px !important;} .footer .span3 { margin-bottom:30px;} .footer .span3:last-child { margin-bottom:0px !important;} .last_class .simple_bg_break_content_holder { margin-bottom:0px !important;} } @media (min-width: 0px) and (max-width: 480px) { body { padding:0px;} .container { padding:0 20px;} .header_banner { display: none;} .head_contacts { float:left !important; margin:0px !important; margin-bottom:20px !important;} .menu { display:none} #dl-menu { display:block !important;} .social_text { position:absolute; right:0px; margin-top:10px !important; margin-right:20px;} .sticky { position:relative; display:none;} ul#cbox li a img { width:55px;} ul#cbox li:nth-child(3n+3) { margin-right: 10px !important;} ul#cbox li:nth-child(2n+2) { margin-right: 0px !important;} .mini_shop_cont { width:70%} .mini_shop_img { width:22%} .oi_price_price h1 { font-size:50px !important; line-height:60px !important;} .oi_price_head h4 { font-size:16px !important;} .oi_price_ul { font-size:11px} .oi_price_ul i { display:none ;} .oi_code_for_portfolio .oi_span3 { width:100% !important} .flex-prev, .flex-next { top:70px !important;} .simple_bg_break, .simple_bg_break_img_holder, .simple_bg_break_content_holder { width:100% !important; border:0px !important;} .simple_bg_break_content_holder { margin-bottom:40px;} .last_class .simple_bg_break_content_holder { margin-bottom:0px !important;} .vc_team_member_holder .oi_icons a { width:20px; height:20px; background-size:contain;} .vc_team_member_holder h3 { font-size:14px; line-height:30px;} .vc_team_member_holder .label { font-size:9px;} .orderbyul, .sp_sort { display:none} .fs10 { float:left} .here { display:none;} .blog_sidebar .well { padding:0px !important;} .actions input { margin-bottom:20px;} .shop_table .product-thumbnail, .shop_table .product-quantity { display:none !important;} .shop_table .actions input { float:left; display:block; margin-bottom:10px !important; margin-right:10px !important;} .checkout .col-1, .checkout .col-2 { width:100% !important; margin-bottom:40px !important;} #shiptobilling { float:left !important;} .blog_sidebar{ margin-top:30px;} .oi_span6, .oi_span4 { width:100% !important; } ul#cbox li:nth-child(3n+3) { margin-right: 10px !important; } ul#cbox li:nth-child(2n+2) { margin-right: 10px !important; } .header_two .head_contacts a { display:block !important; float:left !important; width:90% !important; margin:0px !important;} .header_two .search { display:none} .header_two .logo_icons { float:left !important} .rev_slider_wrapper a.btn { font-size:3px !important; line-height:4px !important; padding:2px !important;} .footer .span3 { margin-bottom:30px;} .footer .span3:last-child { margin-bottom:0px !important;} } .sticky.post { margin-top:0px !important;} .welcome {background:#fff; padding:10px 0; border-bottom:1px solid #ededed;} .welcome h4 {margin-bottom:0px;} p.nocomments {margin-bottom:0px;} #respond {padding-top:40px;} .mb12 { margin-bottom:12px} .comhead {margin-bottom:18px;} .smallspan { font-size:11px} .padtop_port {padding-top:25px !important;} .port_padzero {padding:0px !important;} .mt0 { margin-top:0px;} .mb0 { margin-bottom:0px} .mb20 { margin-bottom:20px} .port_hr { margin-bottom:20px;} .s_res { margin-bottom:20px;} .dmt10 { margin-top:10px;} .portfolio_detailssec { padding-top:20px !important;} .blog_author_item_description { margin-top:30px;} .blog_author_item_description .img-polaroid {float:left; margin-right:20px; width:80px; height:80px}